@qispace/vue3-player 0.1.23 → 0.1.25

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 i, normalizeStyle as le, vShow as pe, createVNode as w, Fragment as ie, 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 rt, 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 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 at from "axios";
 import * as St from "@qispace/player-core";
 import * as Ve from "three";
@@ -76,12 +76,12 @@ 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), r = 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), 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(
       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(() => ({
       width: o.value + "px",
-      height: r.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 : ""}`);
     H(
@@ -146,7 +146,7 @@ const Et = /* @__PURE__ */ j({
         x: W.offsetX,
         y: W.offsetY,
         width: o.value,
-        height: r.value
+        height: i.value
       };
     }
     function R(W) {
@@ -190,7 +190,7 @@ const Et = /* @__PURE__ */ j({
         if (Q.index >= 0) {
           const ae = ce(Q.index);
           if (ae) {
-            const Ne = re(Q.index);
+            const Ne = ie(Q.index);
             let Te = "idle";
             !x.value && e.selectedUnitId && Ne === e.selectedUnitId ? Te = "selected" : x.value && c.value === Q.index && (Te = "hover");
             const Le = e.colorCallback(Q.unitId, Te);
@@ -204,7 +204,7 @@ const Et = /* @__PURE__ */ j({
     function ce(W) {
       return d.value ? g.value[W] : !1;
     }
-    function re(W) {
+    function ie(W) {
       const Q = e.sceneData.find((ae) => ae.index === W);
       return Q && Q.unitId;
     }
@@ -220,7 +220,7 @@ const Et = /* @__PURE__ */ j({
         return [];
     }
     function Ae(W) {
-      const Q = re(W);
+      const Q = ie(W);
       _e(Q);
     }
     function _e(W) {
@@ -236,7 +236,7 @@ const Et = /* @__PURE__ */ j({
     function we() {
       if (!L.value)
         return !1;
-      o.value = L.value.offsetWidth, r.value = L.value.offsetHeight;
+      o.value = L.value.offsetWidth, i.value = L.value.offsetHeight;
     }
     function Ee() {
       P(), Fe();
@@ -258,7 +258,7 @@ const Et = /* @__PURE__ */ j({
       ref: L,
       id: "canvas"
     }, [
-      de(i("canvas", {
+      de(r("canvas", {
         id: "canvas-mask",
         ref_key: "canvas",
         ref: C,
@@ -286,17 +286,17 @@ 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(-1), r = u({}), s = u(null), p = u(new ge()), l = u(), d = u(), c = T(() => d.value.isHoverEnabled);
+    const e = v, a = t, n = u({ x: 0, y: 0, width: 0, height: 0 }), o = u(-1), i = u({}), s = u(null), p = u(new ge()), l = u(), d = u(), c = T(() => d.value.isHoverEnabled);
     H(
       () => e.viewModel.currentScene,
       () => {
-        e.viewModel.currentScene in r.value && (s.value = r.value[e.viewModel.currentScene]);
+        e.viewModel.currentScene in i.value && (s.value = i.value[e.viewModel.currentScene]);
       },
       { immediate: !0 }
     ), H(
-      r,
+      i,
       () => {
-        e.viewModel.currentScene in r.value && (s.value = r.value[e.viewModel.currentScene]);
+        e.viewModel.currentScene in i.value && (s.value = i.value[e.viewModel.currentScene]);
       },
       { immediate: !0 }
     ), H(n, () => {
@@ -334,7 +334,7 @@ const Et = /* @__PURE__ */ j({
           ).map((Z) => ({
             index: parseInt(Z.getAttribute("data-index")),
             svg: Z.innerHTML
-          })), r.value = { ...r.value, [y]: C };
+          })), i.value = { ...i.value, [y]: C };
         });
       }
       l.value.addEventListener("mousemove", U(b, 50));
@@ -399,7 +399,7 @@ const Et = /* @__PURE__ */ j({
       ref_key: "container",
       ref: l
     }, [
-      de(i("div", {
+      de(r("div", {
         class: "svg-container",
         style: le({
           opacity: !s.value || !s.value.svgObjects ? 0 : 1
@@ -409,7 +409,7 @@ const Et = /* @__PURE__ */ j({
           key: 0,
           viewBox: s.value.viewBox
         }, [
-          (m(!0), S(ie, null, ve(s.value.svgObjects, ({ index: C, svg: L }) => (m(), S("g", {
+          (m(!0), S(re, null, ve(s.value.svgObjects, ({ index: C, svg: L }) => (m(), S("g", {
             key: C,
             innerHTML: L,
             style: le(k(C)),
@@ -442,14 +442,14 @@ const Et = /* @__PURE__ */ j({
   },
   emits: ["prevUnit", "nextUnit", "goToUnit"],
   setup(v, { emit: t }) {
-    const e = v, a = T(() => e.selectedUnitId), n = T(() => e.nextUnitId), o = T(() => e.prevUnitId), r = t, s = Be(Ce);
+    const e = v, a = T(() => e.selectedUnitId), n = T(() => e.nextUnitId), o = T(() => e.prevUnitId), i = t, s = Be(Ce);
     ue(() => {
       window.addEventListener("keydown", p);
     }), Pe(() => {
       window.removeEventListener("keydown", p);
     });
     function p(l) {
-      l.keyCode === 37 ? e.prevUnitId && r("prevUnit") : l.keyCode === 39 && e.nextUnitId && r("nextUnit");
+      l.keyCode === 37 ? e.prevUnitId && i("prevUnit") : l.keyCode === 39 && e.nextUnitId && i("nextUnit");
     }
     return (l, d) => {
       const c = B("v-btn");
@@ -466,7 +466,7 @@ const Et = /* @__PURE__ */ j({
           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) => r("prevUnit"))
+          onClick: d[1] || (d[1] = (b) => i("prevUnit"))
         }, null, 8, ["disabled"]),
         w(c, {
           color: "darken-2",
@@ -474,11 +474,11 @@ const Et = /* @__PURE__ */ j({
           rounded: "",
           plain: "",
           disabled: !a.value || !l.canGoToUnitCallback(a.value),
-          onClick: d[2] || (d[2] = (b) => r("goToUnit", a.value))
+          onClick: d[2] || (d[2] = (b) => i("goToUnit", a.value))
         }, {
           default: A(() => [
             a.value && l.canGoToUnitCallback(a.value) ? (m(), S("span", Ut, N(ne(s).getLabel("seeApartment")) + "  ", 1)) : Y("", !0),
-            i("span", $t, N(a.value ? e.unitRenderer(a.value) : "-"), 1)
+            r("span", $t, N(a.value ? e.unitRenderer(a.value) : "-"), 1)
           ]),
           _: 1
         }, 8, ["disabled"]),
@@ -488,7 +488,7 @@ const Et = /* @__PURE__ */ j({
           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) => r("nextUnit"))
+          onClick: d[3] || (d[3] = (b) => i("nextUnit"))
         }, null, 8, ["disabled"]),
         w(c, {
           elevation: "1",
@@ -539,7 +539,7 @@ class ot {
     return Math.round(this._loadedCount * 100 / this._numParts);
   }
 }
-class it {
+class rt {
   constructor(t, e, a, n) {
     te(this, "_rotator");
     te(this, "_direction");
@@ -557,7 +557,7 @@ class it {
     const t = this._rotator.clampFrameIndex(
       this._frameIndex + this._direction
     ), e = this._rotator.isCardinalFrame(t) ? this._sceneCount - 1 : this._sceneCount;
-    return new it(
+    return new rt(
       this._rotator,
       this._direction,
       t,
@@ -573,7 +573,7 @@ class jt {
   }
   start(t, e, a) {
     const n = this.startFrameIndexForScene(e);
-    return new it(this, t, n, a);
+    return new rt(this, t, n, a);
   }
   isCardinalFrame(t) {
     return this._cardinalFrames.includes(t);
@@ -610,7 +610,7 @@ const Pt = {
   setup(v, { emit: t }) {
     const e = v, a = t, n = h(), o = u(
       new ot(n.length).onLoadFinished(() => a("loaded")).onLoadProgress((k) => a("progress", k)).onLoadError(() => a("error"))
-    ), r = u(
+    ), i = u(
       new jt(e.cardinalFrames, dt)
     ), s = u(n), p = u(!1), l = T(() => s.value.find((k) => k.show));
     H(
@@ -624,7 +624,7 @@ const Pt = {
     });
     function d(k, g, U) {
       e.viewModel.isRotating || (e.viewModel.isRotating = !0, c(
-        r.value.start(
+        i.value.start(
           g,
           k % ze,
           U
@@ -639,7 +639,7 @@ const Pt = {
       }, 1e3 / Jt);
     }
     function b() {
-      const k = r.value.startFrameIndexForScene(
+      const k = i.value.startFrameIndexForScene(
         e.viewModel.currentScene % ze
       );
       k in s.value && (s.value[k].show = !0), e.viewModel.isRotating = !1;
@@ -698,16 +698,16 @@ const Pt = {
             _: 1
           })
         ])) : p.value ? (m(), S("div", Qt, [
-          (m(!0), S(ie, null, ve(s.value, (y) => (m(), S("picture", {
+          (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 })
           }, [
-            i("source", {
+            r("source", {
               srcset: y.sourceSet,
               type: "image/jpeg"
             }, null, 8, Zt),
-            i("img", {
+            r("img", {
               src: y.defaultPath,
               alt: "Building image",
               onLoad: g[2] || (g[2] = (V) => o.value.partLoaded()),
@@ -716,11 +716,11 @@ const Pt = {
           ], 10, qt))), 128))
         ])) : (m(), S("div", Wt, [
           l.value ? (m(), S("picture", Nt, [
-            i("source", {
+            r("source", {
               srcset: l.value.sourceSet,
               type: "image/jpeg"
             }, null, 8, zt),
-            i("img", {
+            r("img", {
               src: l.value.defaultPath,
               onLoad: g[0] || (g[0] = (y) => p.value = !0),
               onError: g[1] || (g[1] = (y) => o.value.errorDetected())
@@ -739,10 +739,10 @@ const Pt = {
   emits: ["outside"],
   setup(v, { emit: t }) {
     const e = v, a = t, n = T(() => {
-      let o, r, s, p;
-      return e.pos.x <= e.pos.width / 2 ? (o = "-100%", s = "-8px") : (o = "0%", s = "8px"), e.pos.y <= e.pos.height / 2 ? (r = "-100%", p = "-8px") : (r = "0%", p = "8px"), `translate(${o}, ${r}) translate(${s}, ${p})`;
+      let o, i, s, p;
+      return e.pos.x <= e.pos.width / 2 ? (o = "-100%", s = "-8px") : (o = "0%", s = "8px"), e.pos.y <= e.pos.height / 2 ? (i = "-100%", p = "-8px") : (i = "0%", p = "8px"), `translate(${o}, ${i}) translate(${s}, ${p})`;
     });
-    return (o, r) => {
+    return (o, i) => {
       const s = B("v-dialog"), p = B("v-fade-transition");
       return m(), $(p, {
         origin: `top left ${o.pos.x} ${o.pos.y}`
@@ -763,7 +763,7 @@ const Pt = {
             key: 1,
             value: !0,
             width: "auto",
-            "onClick:outside": r[0] || (r[0] = (l) => a("outside", l))
+            "onClick:outside": i[0] || (i[0] = (l) => a("outside", l))
           }, {
             default: A(() => [
               oe(o.$slots, "default", { isHoverable: o.isHoverable }, void 0, !0)
@@ -787,8 +787,8 @@ const Pt = {
   },
   emits: ["update"],
   setup(v, { emit: t }) {
-    const e = v, a = t, n = u(100), o = u(0), r = u(0), s = u(!1), p = u(!1), l = u(void 0), d = u(!1), c = u(), b = T(() => `translateX(${o.value}px) translateY(${r.value}px) scale(${h.value})`), h = T(() => n.value / 100), f = T(() => e.maxScale * 100);
-    H([h, o, r], () => {
+    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);
+    H([h, o, i], () => {
       K();
     }), H(
       () => e.desktop,
@@ -862,11 +862,11 @@ const Pt = {
     }
     function V(R) {
       if (s.value) {
-        const { x: P, y: ee } = x(R), { x: me, y: ce } = x(l.value), re = {
+        const { x: P, y: ee } = x(R), { x: me, y: ce } = x(l.value), ie = {
           x: P - me,
           y: ee - ce
         };
-        E(re.x), M(re.y), d.value = !0, l.value = R;
+        E(ie.x), M(ie.y), d.value = !0, l.value = R;
       }
     }
     function C(R) {
@@ -880,13 +880,13 @@ const Pt = {
     }
     function D(R) {
       if (s.value) {
-        const { x: P, y: ee } = x(R.touches[0]), { x: me, y: ce } = x(l.value.touches[0]), re = {
+        const { x: P, y: ee } = x(R.touches[0]), { x: me, y: ce } = x(l.value.touches[0]), ie = {
           x: P - me,
           y: ee - ce
         };
-        E(re.x), M(re.y);
+        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: re, 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 - re, ee - Ie), Ee = (re + P) / 2, Fe = (Ie + ee) / 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);
       }
       l.value = R;
@@ -910,24 +910,24 @@ const Pt = {
     }
     function M(R) {
       const P = c.value.clientHeight, ee = P * h.value;
-      r.value = Math.max(
-        Math.min(0, r.value + R),
+      i.value = Math.max(
+        Math.min(0, i.value + R),
         -(ee - P)
       );
     }
     function O(R, P, ee) {
-      const me = c.value.clientWidth, ce = c.value.clientHeight, re = me * h.value, Ie = ce * h.value;
+      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 - re, we = _e - Ie;
-      o.value -= P / me * be, r.value -= ee / ce * we, E(0), M(0);
+      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);
     }
     function K() {
       a("update", {
         scale: h.value,
         x: o.value,
-        y: r.value,
+        y: i.value,
         resolve: (R, P) => {
-          const ee = c.value.clientWidth, me = c.value.clientHeight, ce = o.value / -h.value, re = r.value / -h.value, Ie = ce + ee / h.value, Ae = re + me / h.value, _e = R / ee * (Ie - ce) + ce, be = P / me * (Ae - re) + re;
+          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 };
         }
       });
@@ -938,7 +938,7 @@ const Pt = {
       class: "zoom-box-container",
       style: le({ position: e.position })
     }, [
-      i("div", {
+      r("div", {
         style: le({ "transform-origin": "top left", transform: b.value }),
         class: "zoom-box"
       }, [
@@ -1091,10 +1091,10 @@ 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 }), r = 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(), 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);
     ke(() => {
       if (F.value && l.value) {
-        const C = r.value[F.value];
+        const C = i.value[F.value];
         C && (l.value.currentScene = C);
       }
     }), ue(async () => {
@@ -1102,7 +1102,7 @@ const sn = { key: 0 }, rn = { class: "interactive-viewer" }, un = { class: "fill
       p.value = a.apartmentChooserData && a.apartmentChooserData.scenes !== void 0 ? a.apartmentChooserData.scenes : e, s.value = a.apartmentChooserData && a.apartmentChooserData.sceneData !== void 0 ? a.apartmentChooserData.sceneData.map((D) => ({
         unitId: D.apartmentID,
         index: D.index
-      })) : [], r.value = a.apartmentChooserData && a.apartmentChooserData.sceneData !== void 0 ? a.apartmentChooserData.sceneData.map((D) => {
+      })) : [], i.value = a.apartmentChooserData && a.apartmentChooserData.sceneData !== void 0 ? a.apartmentChooserData.sceneData.map((D) => {
         const Z = D.bestScene === 0 ? 4 : D.bestScene;
         return { unitId: D.apartmentID, scene: Z };
       }).reduce((D, Z) => ({ ...D, [Z.unitId]: Z.scene }), {}) : {};
@@ -1112,9 +1112,9 @@ const sn = { key: 0 }, rn = { class: "interactive-viewer" }, un = { class: "fill
           E.push(x), x = gt(x);
         return D.sort((M, O) => {
           const K = E.findIndex(
-            (P) => P === r.value[M[Z]]
+            (P) => P === i.value[M[Z]]
           ), R = E.findIndex(
-            (P) => P === r.value[O[Z]]
+            (P) => P === i.value[O[Z]]
           );
           return K < R ? -1 : K > R ? 1 : 0;
         }), D;
@@ -1125,7 +1125,7 @@ const sn = { key: 0 }, rn = { class: "interactive-viewer" }, un = { class: "fill
         scene: C,
         scenes: p.value,
         sceneData: s.value,
-        scenesByApartment: r.value,
+        scenesByApartment: i.value,
         unitsSceneSort: L,
         initialize: G
       });
@@ -1142,8 +1142,8 @@ const sn = { key: 0 }, rn = { class: "interactive-viewer" }, un = { class: "fill
     return (C, L) => {
       const G = B("v-progress-linear");
       return l.value ? (m(), S("div", sn, [
-        i("div", rn, [
-          i("div", un, [
+        r("div", rn, [
+          r("div", un, [
             w(qe, {
               desktop: o.isReady && C.interactiveDesktop,
               mobile: o.isReady && C.interactiveMobile
@@ -1254,7 +1254,7 @@ const sn = { key: 0 }, rn = { class: "interactive-viewer" }, un = { class: "fill
   },
   setup(v) {
     const t = v;
-    return (e, a) => (m(!0), S(ie, null, ve(t.dayData.timeSamples, (n) => (m(), $(yn, {
+    return (e, a) => (m(!0), S(re, null, ve(t.dayData.timeSamples, (n) => (m(), $(yn, {
       "time-sample-data": n,
       "cdn-file-resolver": t.cdnFileResolver,
       "current-time": e.currentTime
@@ -1269,7 +1269,7 @@ const sn = { key: 0 }, rn = { class: "interactive-viewer" }, un = { class: "fill
   },
   setup(v) {
     const t = v;
-    return (e, a) => (m(!0), S(ie, null, ve(t.cameraData.sunsimDayOfYear, (n) => (m(), $(_n, {
+    return (e, a) => (m(!0), S(re, null, ve(t.cameraData.sunsimDayOfYear, (n) => (m(), $(_n, {
       "day-data": n,
       "cdn-file-resolver": t.cdnFileResolver,
       "current-time": t.currentTime
@@ -1325,10 +1325,10 @@ const In = /* @__PURE__ */ j({
       a(
         "onCameraChange",
         o.value.find(
-          (r) => r.overlayFilename === n.value
+          (i) => i.overlayFilename === n.value
         )
       );
-    }), (r, s) => {
+    }), (i, s) => {
       const p = B("v-select");
       return m(), $(p, {
         modelValue: n.value,
@@ -1362,18 +1362,18 @@ const In = /* @__PURE__ */ j({
       a(
         "onDayChange",
         e.cameraData.sunsimDayOfYear.find(
-          (r) => r.dayOfYear === n.value
+          (i) => i.dayOfYear === n.value
         )
       );
     });
-    function o(r) {
+    function o(i) {
       const s = /* @__PURE__ */ new Date(0);
-      return s.setUTCDate(r), s.toLocaleString("en-no", {
+      return s.setUTCDate(i), s.toLocaleString("en-no", {
         month: "short",
         day: "numeric"
       });
     }
-    return (r, s) => {
+    return (i, s) => {
       const p = B("v-list-item"), l = B("v-select");
       return m(), $(l, {
         modelValue: n.value,
@@ -1424,7 +1424,7 @@ const In = /* @__PURE__ */ j({
         )
       );
     });
-    function r(p) {
+    function i(p) {
       const l = p * 60, d = l / 60, c = l % 60;
       return `${d.toString().padStart(2, "0")}:${c.toString().padStart(2, "0")}`;
     }
@@ -1452,7 +1452,7 @@ const In = /* @__PURE__ */ j({
               ]),
               _: 1
             }),
-            X(" " + N(r(n.value)), 1)
+            X(" " + N(i(n.value)), 1)
           ])) : (m(), $(b, {
             key: 1,
             class: "pa-1",
@@ -1472,10 +1472,10 @@ const In = /* @__PURE__ */ j({
                 onClick: s
               }, null, 8, ["icon"]),
               X("   "),
-              i("span", xn, N(r(p.dayData.startTime)), 1)
+              r("span", xn, N(i(p.dayData.startTime)), 1)
             ]),
             append: A(() => [
-              i("span", Fn, N(r(p.dayData.endTime)), 1),
+              r("span", Fn, N(i(p.dayData.endTime)), 1),
               X("   "),
               w(d, {
                 style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
@@ -1486,7 +1486,7 @@ const In = /* @__PURE__ */ j({
                 ]),
                 _: 1
               }),
-              X(" " + N(r(n.value)), 1)
+              X(" " + N(i(n.value)), 1)
             ]),
             _: 1
           }, 8, ["modelValue", "min", "max", "step", "disabled"]))
@@ -1509,31 +1509,31 @@ const In = /* @__PURE__ */ j({
     t({
       rotateShortestRoute: b
     });
-    const o = u(!1), r = u(a.currentScene), s = u(a.selectedId);
+    const o = u(!1), i = u(a.currentScene), s = u(a.selectedId);
     ke(() => {
-      r.value = a.currentScene;
+      i.value = a.currentScene;
     }), ke(() => {
       s.value = a.selectedId;
     }), ke(() => {
-      n("onSceneChange", r.value);
+      n("onSceneChange", i.value);
     });
-    const p = T(() => o.value ? !1 : a.apartmentChooserData.loopable ? !0 : r.value !== a.apartmentChooserData.scenes[0]), l = T(() => o.value ? !1 : a.apartmentChooserData.loopable ? !0 : r.value !== a.apartmentChooserData.scenes[a.apartmentChooserData.scenes.length - 1]);
+    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 = r.value;
+      const f = i.value;
       let _ = a.apartmentChooserData.scenes.findIndex((k) => k === f) + 1;
       _ >= a.apartmentChooserData.scenes.length && (_ = 0);
       const F = a.apartmentChooserData.scenes[_];
       a.apartmentChooserData.loopable && f > F ? h(f, F + a.apartmentChooserData.scenes.length) : h(f, F);
     }
     async function c() {
-      const f = r.value;
+      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[_];
       a.apartmentChooserData.loopable && f < F ? h(f + a.apartmentChooserData.scenes.length, F) : h(f, F);
     }
     function b(f) {
-      const _ = r.value;
+      const _ = i.value;
       if (a.apartmentChooserData.loopable)
         if (f < _) {
           let F = _ - f, k = _ - (a.apartmentChooserData.cameras.length + f);
@@ -1550,9 +1550,9 @@ const In = /* @__PURE__ */ j({
         o.value = !0, n("onRotateStart", { from: f, to: _ });
         let k, g = f;
         k = setInterval(() => {
-          g < _ ? (g++, r.value = Math.abs(
+          g < _ ? (g++, i.value = Math.abs(
             g % a.apartmentChooserData.cameras.length
-          )) : g > _ ? (g--, r.value = Math.abs(
+          )) : g > _ ? (g--, i.value = Math.abs(
             g % a.apartmentChooserData.cameras.length
           )) : (clearInterval(k), n("onRotateFinish", { from: f, to: _ }), o.value = !1, F());
         }, 50);
@@ -1560,7 +1560,7 @@ const In = /* @__PURE__ */ j({
     }
     return (f, _) => {
       const F = B("v-btn"), k = B("v-chip");
-      return m(), S(ie, null, [
+      return m(), S(re, null, [
         w(F, {
           class: "mx-2",
           icon: "mdi-restore",
@@ -1598,11 +1598,11 @@ const In = /* @__PURE__ */ j({
   },
   emits: ["onClick", "onHoverOver", "onHoverOut", "updateSvgContainer"],
   setup(v, { emit: t }) {
-    const e = v, a = t, n = u(), o = u(), r = u(e.selectedId), s = lt({});
+    const e = v, a = t, n = u(), o = u(), i = u(e.selectedId), s = lt({});
     H(
       () => e.selectedId,
       () => {
-        r.value = e.selectedId;
+        i.value = e.selectedId;
       }
     ), ke(() => {
       for (const l in s) {
@@ -1615,9 +1615,9 @@ const In = /* @__PURE__ */ j({
         };
         d.style.fill = `rgba(${b}, ${h}, ${f}, ${_ / 255})`, d.style.stroke = `rgb(${b}, ${h}, ${f})`, d.style.strokeWidth = F.toString();
       }
-    }), H(r, () => {
+    }), H(i, () => {
       for (const l in s)
-        s[l].state === "selected" && l !== r.value ? s[l].state = "idle" : s[l].state !== "selected" && l === r.value && (s[l].state = "selected");
+        s[l].state === "selected" && l !== i.value ? s[l].state = "idle" : s[l].state !== "selected" && l === i.value && (s[l].state = "selected");
     }), ke(async () => {
       n.value = await ge.loadText(
         se(e.cdnFileResolver, e.currentCamera.overlayFilename)
@@ -1653,7 +1653,7 @@ const In = /* @__PURE__ */ j({
             const b = c.getAttribute("data-apartment-id");
             s[b] = {
               element: c,
-              state: r.value === b ? "selected" : "idle"
+              state: i.value === b ? "selected" : "idle"
             }, c.addEventListener("mouseover", () => {
               s[b].state === "idle" && (s[b].state = "hover"), a("onHoverOver", b);
             }), c.addEventListener("mouseout", () => {
@@ -1712,8 +1712,8 @@ class Ye {
       return this._buildingIds[n];
   }
   _getBuildingIndex(t, e, a) {
-    const [n, o, r, s] = t.getPixel(e, a);
-    if (s === 255 && n === o && o === r)
+    const [n, o, i, s] = t.getPixel(e, a);
+    if (s === 255 && n === o && o === i)
       return n;
   }
 }
@@ -1769,13 +1769,13 @@ class _t {
       if (t) {
         const e = await this.loadBuildingMapImage(t);
         if (e) {
-          const a = this.getViewLongitude(t), { buildingIds: n, buildingOverlays: o } = this.getBuildingData(t), r = this.getBackgroundImageData(t);
+          const a = this.getViewLongitude(t), { buildingIds: n, buildingOverlays: o } = this.getBuildingData(t), i = this.getBackgroundImageData(t);
           return {
             mapImage: e,
             viewLongitude: a,
             buildingIds: n,
             buildingOverlays: o,
-            backgrounds: r
+            backgrounds: i
           };
         }
       }
@@ -1896,9 +1896,9 @@ const Yn = {
     defaultTime: {},
     renderDisplay: {}
   },
-  emits: ["onClick", "onHoverOver", "onHoverOut"],
+  emits: ["onClick", "onHoverOver", "onHoverOut", "onMouseMove"],
   setup(v, { emit: t }) {
-    const e = v, a = t, n = u(), o = u(), r = u(), s = u(
+    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(
       e.apartmentChooserData
@@ -1936,9 +1936,9 @@ const Yn = {
     ), H(
       [k, () => e.cdnFileResolver, () => e.defaultTime],
       () => {
-        k.value && e.cdnFileResolver && (e.defaultTime ? r.value = o.value.timeSamples.find(
+        k.value && e.cdnFileResolver && (e.defaultTime ? i.value = o.value.timeSamples.find(
           (M) => M.timeInHours === e.defaultTime
-        ) || o.value.timeSamples[0] : r.value = o.value.timeSamples.find(
+        ) || o.value.timeSamples[0] : i.value = o.value.timeSamples.find(
           (M) => M.timeInHours === o.value.defaultHour
         ) || o.value.timeSamples[0]);
       },
@@ -1969,7 +1969,7 @@ const Yn = {
       });
     }
     function L(M) {
-      const O = r.value;
+      const O = i.value;
       o.value = M, De(() => {
         G(
           o.value.timeSamples.find(
@@ -1981,7 +1981,7 @@ const Yn = {
       });
     }
     function G(M) {
-      r.value = M;
+      i.value = M;
     }
     function D(M) {
       a("onClick", M, () => {
@@ -2011,11 +2011,11 @@ const Yn = {
         y: K,
         width: M.currentTarget.clientWidth,
         height: M.currentTarget.clientHeight
-      } : _.value = void 0;
+      } : _.value = void 0, a("onMouseMove", M, _.value);
     }
     return (M, O) => {
       const K = B("v-skeleton-loader");
-      return m(), S(ie, null, [
+      return m(), S(re, null, [
         w(K, {
           type: "image",
           class: "w-100 h-100 position-relative",
@@ -2024,9 +2024,9 @@ const Yn = {
           default: A(() => [
             w(Se, null, {
               default: A(() => [
-                i("div", { onMousemove: E }, [
-                  i("div", Yn, [
-                    i("div", jn, [
+                r("div", { onMousemove: E }, [
+                  r("div", Yn, [
+                    r("div", jn, [
                       w(In, {
                         "apartment-chooser-data": k.value,
                         "current-camera": n.value,
@@ -2034,7 +2034,7 @@ const Yn = {
                         onOnCameraChange: y
                       }, null, 8, ["apartment-chooser-data", "current-camera", "disabled"])
                     ]),
-                    i("div", Pn, [
+                    r("div", Pn, [
                       w(An, {
                         "camera-data": n.value,
                         "current-day": o.value,
@@ -2042,16 +2042,16 @@ const Yn = {
                         onOnDayChange: L
                       }, null, 8, ["camera-data", "current-day", "disabled"])
                     ]),
-                    i("div", Wn, [
+                    r("div", Wn, [
                       w(Sn, {
                         "day-data": o.value,
-                        "current-time": r.value,
+                        "current-time": i.value,
                         disabled: c.value,
                         onOnTimeChange: G
                       }, null, 8, ["day-data", "current-time", "disabled"])
                     ])
                   ]),
-                  i("div", Nn, [
+                  r("div", Nn, [
                     w(Mn, {
                       ref_key: "rotator",
                       ref: b,
@@ -2065,21 +2065,20 @@ const Yn = {
                       onOnRotateFinish: O[1] || (O[1] = (R) => c.value = !1)
                     }, null, 8, ["apartment-chooser-data", "current-scene", "selected-id", "render-display"])
                   ]),
-                  i("div", zn, [
+                  r("div", zn, [
                     w(Ze, {
                       longitude: n.value.cameraRotation.y + 270
                     }, null, 8, ["longitude"])
                   ]),
                   w(qe, { position: "relative" }, {
                     default: A(() => [
-                      (m(!0), S(ie, null, ve(g.value, (R) => (m(), $(bn, {
+                      (m(!0), S(re, null, ve(g.value, (R) => (m(), $(bn, {
                         key: R.overlayFilename,
                         "camera-data": R,
-                        "color-callback": e.colorCallback,
                         "cdn-file-resolver": e.cdnFileResolver,
-                        "current-time": r.value
-                      }, null, 8, ["camera-data", "color-callback", "cdn-file-resolver", "current-time"]))), 128)),
-                      (m(!0), S(ie, null, ve(U.value, (R) => (m(), $(Cn, {
+                        "current-time": i.value
+                      }, null, 8, ["camera-data", "cdn-file-resolver", "current-time"]))), 128)),
+                      (m(!0), S(re, null, ve(U.value, (R) => (m(), $(Cn, {
                         "transition-data": R,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-transition": s.value
@@ -2111,7 +2110,7 @@ const Yn = {
                     pos: _.value
                   }, {
                     default: A(() => [
-                      i("div", Qn, [
+                      r("div", Qn, [
                         oe(M.$slots, "popup", et(tt({ hoverId: l.value, hoverable: f.value })), void 0, !0)
                       ])
                     ]),
@@ -2131,7 +2130,7 @@ const Yn = {
       ], 64);
     };
   }
-}), Ls = /* @__PURE__ */ q(qn, [["__scopeId", "data-v-dd9e7d5f"]]), Zn = { class: "sunsim-bar-wrapper" }, Xn = { class: "sunsim-date d-flex align-center pl-5 pr-5" }, Jn = {
+}), 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 = {
   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({
@@ -2144,7 +2143,7 @@ const Yn = {
   emits: ["update:modelValue"],
   setup(v, { emit: t }) {
     const e = v, a = t, n = u(e.modelValue), o = u();
-    function r(d) {
+    function i(d) {
       return d.toLocaleString("en-no", {
         month: "short",
         day: "numeric"
@@ -2153,9 +2152,9 @@ const Yn = {
     const s = T(() => {
       const d = Math.floor(n.value / 2).toString().padStart(2, "0"), c = n.value % 2 === 0 ? "00" : "30";
       return `${d}:${c}`;
-    }), p = T(() => e.dateSelector.dates.map(r)), l = T({
+    }), p = T(() => e.dateSelector.dates.map(i)), l = T({
       get() {
-        return r(e.dateSelector.selectedDate);
+        return i(e.dateSelector.selectedDate);
       },
       set(d) {
         e.dateSelector.selectIndex(p.value.indexOf(d));
@@ -2171,11 +2170,11 @@ const Yn = {
         n.value = Math.floor(d);
       }
     ), ke(() => {
-      o.value = r(e.dateSelector.selectedDate);
+      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");
       return m(), S("div", Zn, [
-        i("div", Xn, [
+        r("div", Xn, [
           w(b, {
             color: "black",
             class: "mr-2",
@@ -2192,8 +2191,8 @@ const Yn = {
             class: "day-selector"
           }, null, 8, ["modelValue", "items"])) : (m(), S("span", Jn, N(l.value), 1))
         ]),
-        i("div", Kn, [
-          i("span", ea, N(s.value), 1),
+        r("div", Kn, [
+          r("span", ea, N(s.value), 1),
           w(b, {
             medium: "",
             class: "ml-2 mr-2 icon"
@@ -2238,7 +2237,7 @@ const Yn = {
   },
   emits: ["resize", "ready", "preloaded", "reset"],
   setup(v, { emit: t }) {
-    const e = v, a = t, n = u("init"), o = u(new ot(0)), r = u();
+    const e = v, a = t, n = u("init"), o = u(new ot(0)), i = u();
     H(
       () => e.imageUrls,
       (l) => {
@@ -2250,28 +2249,28 @@ const Yn = {
           const d = l[0].contentRect.width, c = l[0].contentRect.height;
           a("resize", { width: d, height: c });
         });
-      }).observe(r.value);
+      }).observe(i.value);
     });
     function s() {
       n.value = "preloaded", a("preloaded");
     }
     function p(l) {
-      n.value = "init", r.value.src = l[0], o.value = new ot(l.length).onLoadFinished(
+      n.value = "init", i.value.src = l[0], o.value = new ot(l.length).onLoadFinished(
         () => {
           n.value = "loaded", a("ready");
         }
       );
     }
     return (l, d) => (m(), S("div", null, [
-      i("img", {
+      r("img", {
         ref_key: "baseImage",
-        ref: r,
+        ref: i,
         class: "image-instance zero",
         style: { opacity: 1, borderRadius: 50 },
         onLoad: s
       }, null, 544),
       n.value === "preloaded" || n.value === "loaded" ? de((m(), S("div", na, [
-        (m(!0), S(ie, null, ve(l.imageUrls, (c, b) => (m(), S("img", {
+        (m(!0), S(re, null, ve(l.imageUrls, (c, b) => (m(), S("img", {
           key: b,
           class: xe({ "image-instance": !0, active: b === l.activeIndex }),
           src: c,
@@ -2286,7 +2285,7 @@ const Yn = {
   key: 0,
   style: { height: "50vh" },
   class: "d-flex justify-center align-center blue-grey lighten-5"
-}, sa = { class: "image-instances" }, ra = { key: 0 }, ia = { class: "svg-container" }, ua = ["viewBox"], ca = ["innerHTML", "data-building-id", "onMouseover", "onMouseout", "onMousemove", "onClick"], da = ["innerHTML"], va = /* @__PURE__ */ j({
+}, sa = { class: "image-instances" }, ia = { key: 0 }, ra = { class: "svg-container" }, ua = ["viewBox"], ca = ["innerHTML", "data-building-id", "onMouseover", "onMouseout", "onMousemove", "onClick"], da = ["innerHTML"], va = /* @__PURE__ */ j({
   __name: "VBuildingChooserSvg",
   props: {
     showCards: { type: Boolean, default: !0 },
@@ -2313,7 +2312,7 @@ const Yn = {
     }), o = u({
       width: 0,
       height: 0
-    }), r = u({ x: 0, y: 0, width: 0, height: 0 }), s = u(), p = u(
+    }), 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);
     H(s, (x, E) => {
@@ -2389,7 +2388,7 @@ const Yn = {
     }
     function L(x, E) {
       const { layerX: M, layerY: O } = x;
-      g.value && (r.value = {
+      g.value && (i.value = {
         x: M,
         y: O,
         width: o.value.width,
@@ -2398,7 +2397,7 @@ const Yn = {
     }
     function G(x, E) {
       const { layerX: M, layerY: O } = x;
-      g.value && (r.value = {
+      g.value && (i.value = {
         x: M,
         y: O,
         width: o.value.width,
@@ -2407,7 +2406,7 @@ const Yn = {
     }
     function D(x, E) {
       const { layerX: M, layerY: O } = x;
-      g.value && (r.value = {
+      g.value && (i.value = {
         x: M,
         y: O,
         width: o.value.width,
@@ -2436,7 +2435,7 @@ const Yn = {
           mobile: x.interactiveMobile
         }, {
           default: A(() => [
-            i("div", sa, [
+            r("div", sa, [
               w(wt, {
                 "image-urls": h.value.imageUrls,
                 "active-index": p.value,
@@ -2445,10 +2444,10 @@ const Yn = {
                 onReady: E[1] || (E[1] = (O) => n.value.ready = !0),
                 onReset: y
               }, null, 8, ["image-urls", "active-index"]),
-              c.value ? de((m(), S("div", ra, [
-                i("div", ia, [
+              c.value ? de((m(), S("div", ia, [
+                r("div", ra, [
                   (m(), S("svg", { viewBox: b.value }, [
-                    (m(!0), S(ie, null, ve(c.value, ({ id: O, svg: K }, R) => (m(), S("g", {
+                    (m(!0), S(re, null, ve(c.value, ({ id: O, svg: K }, R) => (m(), S("g", {
                       key: R,
                       innerHTML: K,
                       "data-building-id": O,
@@ -2464,7 +2463,7 @@ const Yn = {
               ], 512)), [
                 [pe, n.value.preloaded]
               ]) : Y("", !0),
-              de(i("div", {
+              de(r("div", {
                 class: "custom-overlay-layer",
                 innerHTML: x.customOverlayContent
               }, null, 8, da), [
@@ -2474,7 +2473,7 @@ const Yn = {
           ]),
           _: 1
         }, 8, ["desktop", "mobile"]),
-        de(i("div", null, [
+        de(r("div", null, [
           f.value.viewLongitude ? (m(), $(Ze, {
             key: 0,
             class: "north-indicator",
@@ -2492,7 +2491,7 @@ const Yn = {
         x.showCards && s.value ? (m(), $(Qe, {
           key: 0,
           "is-hoverable": g.value,
-          pos: r.value,
+          pos: i.value,
           onOutside: E[3] || (E[3] = () => s.value = void 0)
         }, {
           default: A(() => [
@@ -2500,7 +2499,7 @@ const Yn = {
               building: s.value,
               canGoToBuilding: x.canGoToBuildingCallback(s.value),
               goToBuilding: () => x.canGoToBuildingCallback(s.value) && a("goToBuilding", s.value),
-              pos: r.value,
+              pos: i.value,
               isHoverable: g.value,
               close: () => s.value = void 0
             }, void 0, !0)
@@ -2526,7 +2525,7 @@ const Yn = {
     t({
       setupDraw: d
     });
-    const a = u(!1), n = u(), o = u(new ge()), r = u(), s = u(), p = u([]), l = u();
+    const a = u(!1), n = u(), o = u(new ge()), i = u(), s = u(), p = u([]), l = u();
     H(
       () => e.color,
       (h, f) => {
@@ -2540,16 +2539,16 @@ const Yn = {
         return;
       const { width: h, height: f } = e.dimensions;
       if (!(h === 0 || f === 0)) {
-        r.value = l.value.getContext("2d", {
+        i.value = l.value.getContext("2d", {
           willReadFrequently: !0
-        }), r.value.drawImage(n.value, 0, 0, h, f), s.value = r.value.getImageData(0, 0, h, f);
+        }), 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(_);
         c(), a.value = !0;
       }
     }
     function c() {
-      r.value && s.value && (b(), r.value.putImageData(s.value, 0, 0));
+      i.value && s.value && (b(), i.value.putImageData(s.value, 0, 0));
     }
     function b() {
       if (e.color)
@@ -2590,7 +2589,7 @@ const Yn = {
     const n = u(), o = u({
       preloaded: !1,
       ready: !1
-    }), r = u({
+    }), 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(
@@ -2622,7 +2621,7 @@ const Yn = {
       }, C()) : f.value = !0;
     });
     function U({ width: x, height: E }) {
-      r.value.width = x, r.value.height = E, De(C);
+      i.value.width = x, i.value.height = E, De(C);
     }
     function y() {
       o.value = { preloaded: !1, ready: !1 };
@@ -2645,8 +2644,8 @@ const Yn = {
       g.value && (c.value = V(x), c.value !== void 0 && (s.value = {
         x: E,
         y: M,
-        width: r.value.width,
-        height: r.value.height
+        width: i.value.width,
+        height: i.value.height
       }));
     }
     function G(x) {
@@ -2672,7 +2671,7 @@ const Yn = {
         })
       ])) : p.value ? (m(), S("div", {
         key: 1,
-        style: le(`cursor: ${c.value ? "pointer" : "auto"};height: ${r.value.height}px; position: relative`),
+        style: le(`cursor: ${c.value ? "pointer" : "auto"};height: ${i.value.height}px; position: relative`),
         class: "image-container"
       }, [
         w(qe, {
@@ -2681,7 +2680,7 @@ const Yn = {
           onUpdate: Z
         }, {
           default: A(() => [
-            i("div", ga, [
+            r("div", ga, [
               w(wt, {
                 "image-urls": n.value.imageUrls,
                 "active-index": b.value,
@@ -2690,28 +2689,28 @@ const Yn = {
                 onReady: E[1] || (E[1] = (O) => o.value.ready = !0),
                 onReset: y
               }, null, 8, ["image-urls", "active-index"]),
-              de(i("div", null, [
-                (m(!0), S(ie, null, ve(p.value.buildingOverlays, (O) => (m(), $(fa, {
+              de(r("div", null, [
+                (m(!0), S(re, null, ve(p.value.buildingOverlays, (O) => (m(), $(fa, {
                   ref_for: !0,
                   ref_key: "overlays",
                   ref: k,
                   key: O.id,
                   "image-url": O.url,
-                  dimensions: r.value,
+                  dimensions: i.value,
                   color: D(O.id)
                 }, null, 8, ["image-url", "dimensions", "color"]))), 128))
               ], 512), [
                 [pe, o.value.preloaded]
               ])
             ]),
-            i("canvas", ye(r.value, {
+            r("canvas", ye(i.value, {
               ref_key: "canvas",
               ref: F,
               class: { hover: !!c.value },
               onClick: G,
               onMousemove: L
             }), null, 16),
-            de(i("div", {
+            de(r("div", {
               class: "custom-overlay-layer",
               innerHTML: x.customOverlayContent
             }, null, 8, ya), [
@@ -2720,7 +2719,7 @@ const Yn = {
           ]),
           _: 1
         }, 8, ["desktop", "mobile"]),
-        de(i("div", null, [
+        de(r("div", null, [
           p.value.viewLongitude ? (m(), $(Ze, {
             key: 0,
             class: "north-indicator",
@@ -2780,7 +2779,7 @@ const Yn = {
     const e = v, a = t, n = T(
       () => e.useSvg ? ma : ba
     );
-    return (o, r) => (m(), $(ft(n.value), {
+    return (o, i) => (m(), $(ft(n.value), {
       "i18n-config": e.i18nConfig,
       "show-cards": e.showCards,
       "color-callback": e.colorCallback,
@@ -2791,9 +2790,9 @@ const Yn = {
       "can-go-to-building-callback": e.canGoToBuildingCallback,
       "custom-overlay-content": e.customOverlayContent,
       "building-chooser-data": e.buildingChooserData,
-      onGoToBuilding: r[0] || (r[0] = (s) => a("goToBuilding", s)),
-      onHoverOverBuilding: r[1] || (r[1] = (s) => a("hoverOverBuilding", s)),
-      onHoverOutBuilding: r[2] || (r[2] = (s) => a("hoverOutBuilding", s))
+      onGoToBuilding: i[0] || (i[0] = (s) => a("goToBuilding", s)),
+      onHoverOverBuilding: i[1] || (i[1] = (s) => a("hoverOverBuilding", s)),
+      onHoverOutBuilding: i[2] || (i[2] = (s) => a("hoverOutBuilding", s))
     }, xt({ _: 2 }, [
       ve(Object.keys(o.$slots), (s) => ({
         name: s,
@@ -2829,7 +2828,7 @@ const Yn = {
   },
   setup(v) {
     const t = v;
-    return (e, a) => (m(!0), S(ie, null, ve(t.dayData.timeSamples, (n) => (m(), $(Ia, {
+    return (e, a) => (m(!0), S(re, null, ve(t.dayData.timeSamples, (n) => (m(), $(Ia, {
       "time-sample-data": n,
       "cdn-file-resolver": t.cdnFileResolver,
       "current-time": e.currentTime
@@ -2844,7 +2843,7 @@ const Yn = {
   },
   setup(v) {
     const t = v;
-    return (e, a) => (m(!0), S(ie, null, ve(t.cameraData.sunsimDayOfYear, (n) => (m(), $(Aa, {
+    return (e, a) => (m(!0), S(re, null, ve(t.cameraData.sunsimDayOfYear, (n) => (m(), $(Aa, {
       "day-data": n,
       "cdn-file-resolver": t.cdnFileResolver,
       "current-time": t.currentTime
@@ -2868,11 +2867,11 @@ const Yn = {
           (o) => o.overlayFilename === n.value
         )
       );
-    }), (o, r) => {
+    }), (o, i) => {
       const s = B("v-select");
       return m(), $(s, {
         modelValue: n.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (p) => n.value = p),
+        "onUpdate:modelValue": i[0] || (i[0] = (p) => n.value = p),
         items: e.buildingChooserData.cameras,
         "item-title": "cameraName",
         "item-value": "overlayFilename",
@@ -2900,18 +2899,18 @@ const Yn = {
       a(
         "onDayChange",
         e.cameraData.sunsimDayOfYear.find(
-          (r) => r.dayOfYear === n.value
+          (i) => i.dayOfYear === n.value
         )
       );
     });
-    function o(r) {
+    function o(i) {
       const s = /* @__PURE__ */ new Date(0);
-      return s.setUTCDate(r), s.toLocaleString("en-no", {
+      return s.setUTCDate(i), s.toLocaleString("en-no", {
         month: "short",
         day: "numeric"
       });
     }
-    return (r, s) => {
+    return (i, s) => {
       const p = B("v-list-item"), l = B("v-select");
       return m(), $(l, {
         modelValue: n.value,
@@ -2960,7 +2959,7 @@ const Yn = {
         )
       );
     });
-    function r(p) {
+    function i(p) {
       const l = p * 60, d = l / 60, c = l % 60;
       return `${d.toString().padStart(2, "0")}:${c.toString().padStart(2, "0")}`;
     }
@@ -2988,7 +2987,7 @@ const Yn = {
               ]),
               _: 1
             }),
-            X(" " + N(r(n.value)), 1)
+            X(" " + N(i(n.value)), 1)
           ])) : (m(), $(b, {
             key: 1,
             class: "pa-1",
@@ -3007,10 +3006,10 @@ const Yn = {
                 onClick: s
               }, null, 8, ["icon"]),
               X("   "),
-              i("span", Sa, N(r(p.dayData.startTime)), 1)
+              r("span", Sa, N(i(p.dayData.startTime)), 1)
             ]),
             append: A(() => [
-              i("span", Ma, N(r(p.dayData.endTime)), 1),
+              r("span", Ma, N(i(p.dayData.endTime)), 1),
               X("   "),
               w(d, {
                 style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
@@ -3021,7 +3020,7 @@ const Yn = {
                 ]),
                 _: 1
               }),
-              X(" " + N(r(n.value)), 1)
+              X(" " + N(i(n.value)), 1)
             ]),
             _: 1
           }, 8, ["modelValue", "min", "max", "step"]))
@@ -3040,7 +3039,7 @@ const Yn = {
   },
   emits: ["onClick", "onHoverOver", "onHoverOut", "updateSvgContainer"],
   setup(v, { emit: t }) {
-    const e = v, a = t, n = u(), o = u(), r = u(e.selectedId), s = lt({});
+    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) || {
@@ -3055,11 +3054,11 @@ const Yn = {
     }), H(
       () => e.selectedId,
       () => {
-        r.value = e.selectedId;
+        i.value = e.selectedId;
       }
-    ), H(r, () => {
+    ), H(i, () => {
       for (const l in s)
-        s[l].state === "selected" && l !== r.value ? s[l].state = "idle" : s[l].state !== "selected" && l === r.value && (s[l].state = "selected");
+        s[l].state === "selected" && l !== i.value ? s[l].state = "idle" : s[l].state !== "selected" && l === i.value && (s[l].state = "selected");
     }), ke(async () => {
       n.value = await ge.loadText(
         se(e.cdnFileResolver, e.currentCamera.overlayFilename)
@@ -3093,7 +3092,7 @@ const Yn = {
             const b = c.getAttribute("data-building-id");
             s[b] = {
               element: c,
-              state: r.value === b ? "selected" : "idle"
+              state: i.value === b ? "selected" : "idle"
             }, c.addEventListener("mouseover", () => {
               s[b].state === "idle" && (s[b].state = "hover"), a("onHoverOver", b);
             }), c.addEventListener("mouseout", () => {
@@ -3147,9 +3146,9 @@ const Yn = {
     defaultDay: {},
     defaultTime: {}
   },
-  emits: ["onClick", "onHoverOver", "onHoverOut"],
+  emits: ["onClick", "onHoverOver", "onHoverOut", "onMouseMove"],
   setup(v, { emit: t }) {
-    const e = v, a = t, n = u(), o = u(), r = 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 }), b = u(), h = u(
       e.buildingChooserData
     );
     ue(() => p.value = !0), H(
@@ -3173,9 +3172,9 @@ const Yn = {
     ), H(
       [h, () => e.cdnFileResolver, () => e.defaultTime],
       () => {
-        h.value && e.cdnFileResolver && (e.defaultTime ? r.value = o.value.timeSamples.find(
+        h.value && e.cdnFileResolver && (e.defaultTime ? i.value = o.value.timeSamples.find(
           (y) => y.timeInHours === e.defaultTime
-        ) || o.value.timeSamples[0] : r.value = o.value.timeSamples.find(
+        ) || o.value.timeSamples[0] : i.value = o.value.timeSamples.find(
           (y) => y.timeInHours === o.value.defaultHour
         ) || o.value.timeSamples[0]);
       },
@@ -3192,7 +3191,7 @@ const Yn = {
       });
     }
     function _(y) {
-      const V = r.value;
+      const V = i.value;
       o.value = y, De(() => {
         F(
           o.value.timeSamples.find(
@@ -3204,7 +3203,7 @@ const Yn = {
       });
     }
     function F(y) {
-      r.value = y;
+      i.value = y;
     }
     function k(y) {
       a("onHoverOver", y), s.value = y;
@@ -3226,11 +3225,11 @@ const Yn = {
         y: C,
         width: y.currentTarget.clientWidth,
         height: y.currentTarget.clientHeight
-      } : c.value = void 0;
+      } : c.value = void 0, a("onMouseMove", y, c.value);
     }
     return (y, V) => {
       const C = B("v-skeleton-loader");
-      return m(), S(ie, null, [
+      return m(), S(re, null, [
         w(C, {
           type: "image",
           class: "w-100 h-100 position-relative",
@@ -3239,47 +3238,46 @@ const Yn = {
           default: A(() => [
             w(Se, null, {
               default: A(() => [
-                i("div", {
+                r("div", {
                   class: "w-100 h-100 position-relative",
                   onMousemove: U
                 }, [
-                  i("div", Oa, [
-                    i("div", Ua, [
+                  r("div", Oa, [
+                    r("div", Ua, [
                       w(xa, {
                         "building-chooser-data": h.value,
                         "current-camera": n.value,
                         onOnCameraChange: f
                       }, null, 8, ["building-chooser-data", "current-camera"])
                     ]),
-                    i("div", $a, [
+                    r("div", $a, [
                       w(Fa, {
                         "camera-data": n.value,
                         "current-day": o.value,
                         onOnDayChange: _
                       }, null, 8, ["camera-data", "current-day"])
                     ]),
-                    i("div", Ha, [
+                    r("div", Ha, [
                       w(Ta, {
                         "day-data": o.value,
-                        "current-time": r.value,
+                        "current-time": i.value,
                         onOnTimeChange: F
                       }, null, 8, ["day-data", "current-time"])
                     ])
                   ]),
-                  i("div", Ya, [
+                  r("div", Ya, [
                     w(Ze, {
                       longitude: n.value.cameraRotation.y + 270
                     }, null, 8, ["longitude"])
                   ]),
                   w(qe, { position: "relative" }, {
                     default: A(() => [
-                      (m(!0), S(ie, null, ve(h.value.cameras, (L) => (m(), $(La, {
+                      (m(!0), S(re, null, ve(h.value.cameras, (L) => (m(), $(La, {
                         key: L.overlayFilename,
                         "camera-data": L,
-                        "color-callback": e.colorCallback,
                         "cdn-file-resolver": e.cdnFileResolver,
-                        "current-time": r.value
-                      }, null, 8, ["camera-data", "color-callback", "cdn-file-resolver", "current-time"]))), 128)),
+                        "current-time": i.value
+                      }, null, 8, ["camera-data", "cdn-file-resolver", "current-time"]))), 128)),
                       e.customOverlayContent ? (m(), S("div", {
                         key: 0,
                         class: "w-100 h-100 position-absolute top-left",
@@ -3305,7 +3303,7 @@ const Yn = {
                     pos: c.value
                   }, {
                     default: A(() => [
-                      i("div", Pa, [
+                      r("div", Pa, [
                         oe(y.$slots, "popup", et(tt({ hoverId: s.value, hoverable: d.value })), void 0, !0)
                       ])
                     ]),
@@ -3325,7 +3323,7 @@ const Yn = {
       ], 64);
     };
   }
-}), xs = /* @__PURE__ */ q(Wa, [["__scopeId", "data-v-6966d7a7"]]);
+}), xs = /* @__PURE__ */ q(Wa, [["__scopeId", "data-v-b9c6f06a"]]);
 var We = {};
 Object.defineProperty(We, "__esModule", {
   value: !0
@@ -3360,10 +3358,10 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
 }, so = {
   class: "player-control",
   id: "controls-bottom-left"
-}, ro = {
+}, io = {
   class: "player-control",
   id: "controls-bottom-center"
-}, io = {
+}, ro = {
   class: "player-control",
   id: "controls-bottom-right"
 }, uo = { id: "main-canvas" }, co = /* @__PURE__ */ j({
@@ -3379,7 +3377,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
   },
   emits: ["newCameraCallback", "newRotationCallback", "newFloorCallback", "newFovCallback", "playerApiCallback", "newSizeCallback"],
   setup(v, { emit: t }) {
-    const e = St.PlayerV2, a = v, n = t, o = u(), r = u(), s = u(0), p = u(0);
+    const e = St.PlayerV2, a = v, n = t, o = u(), i = u(), s = u(0), p = u(0);
     return H(
       [
         () => a.cdnFileResolver,
@@ -3392,7 +3390,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
             a.cdnFileResolver,
             `/${a.interiorId}/${a.apartmentId}`
           ),
-          r.value,
+          i.value,
           !1
         );
       }
@@ -3416,21 +3414,21 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
     ), H(
       () => a.currentCameraId,
       (l) => {
-        o.value && (r.value = l, o.value.goToCamera(l, !0));
+        o.value && (i.value = l, o.value.goToCamera(l, !0));
       }
     ), H(o, (l) => {
       n("playerApiCallback", l);
       const d = o.value.getCurrentCamera();
-      d && (r.value = d.id);
+      d && (i.value = d.id);
     }), ue(async () => {
       const b = {
         initialized: () => {
           o.value = e.Main.getPlayerAPI();
           const f = o.value.getCurrentCamera();
-          f && (r.value = f.id), n("newCameraCallback", r.value);
+          f && (i.value = f.id), n("newCameraCallback", i.value);
         },
         newCamera: (f) => {
-          n("newCameraCallback", f.id), n("newFloorCallback", f.floorLevel), o.value && o.value.resetMarkerBehaviour(0), r.value = f.id;
+          n("newCameraCallback", f.id), n("newFloorCallback", f.floorLevel), o.value && o.value.resetMarkerBehaviour(0), i.value = f.id;
         },
         newFOV: (f) => {
           n("newFovCallback", f), p.value = f;
@@ -3459,37 +3457,37 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
     }), Pe(() => {
       o.value && o.value.destroy();
     }), (l, d) => (m(), S("div", Ja, [
-      i("div", Ka, [
+      r("div", Ka, [
         oe(l.$slots, "slideshow-image", {}, void 0, !0),
-        i("div", eo, [
+        r("div", eo, [
           oe(l.$slots, "top-left", {}, void 0, !0)
         ]),
-        i("div", to, [
+        r("div", to, [
           oe(l.$slots, "top-center", {}, void 0, !0)
         ]),
-        i("div", no, [
+        r("div", no, [
           oe(l.$slots, "top-right", {}, void 0, !0)
         ]),
-        i("div", ao, [
+        r("div", ao, [
           oe(l.$slots, "center-left", {}, void 0, !0)
         ]),
-        i("div", oo, [
+        r("div", oo, [
           oe(l.$slots, "center-center", {}, void 0, !0)
         ]),
-        i("div", lo, [
+        r("div", lo, [
           oe(l.$slots, "center-right", {}, void 0, !0)
         ]),
-        i("div", so, [
+        r("div", so, [
           oe(l.$slots, "bottom-left", {}, void 0, !0)
         ]),
-        i("div", ro, [
+        r("div", io, [
           oe(l.$slots, "bottom-center", {}, void 0, !0)
         ]),
-        i("div", io, [
+        r("div", ro, [
           oe(l.$slots, "bottom-right", {}, void 0, !0)
         ]),
-        i("div", uo, [
-          i("canvas", {
+        r("div", uo, [
+          r("canvas", {
             id: "qpc",
             style: le(l.showStaticImage ? "visibility:hidden" : "visibility:visible")
           }, null, 4)
@@ -3512,7 +3510,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
     const e = v, a = t, n = Be(Ce), o = T(() => {
       const d = e.floorLevels;
       return d.sort(), d;
-    }), r = T(() => o.value.indexOf(e.level) + 1 <= o.value.length / 2 ? "lower" : "upper"), s = T(() => r.value === "lower"), p = T(() => r.value === "upper");
+    }), i = T(() => o.value.indexOf(e.level) + 1 <= o.value.length / 2 ? "lower" : "upper"), s = T(() => i.value === "lower"), p = T(() => i.value === "upper");
     function l() {
       const d = e.level + 1;
       d >= o.value.length ? a("level", o.value[0]) : a("level", o.value[d]);
@@ -3532,14 +3530,14 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
           }, f, { onClick: l }), {
             default: A(() => [
               (m(), S("svg", mo, [
-                i("path", {
+                r("path", {
                   d: "M8.98034 10.3472L1.54055 5.8855L8.98034 1.42384L16.4201 5.8855L8.98034 10.3472Z",
                   fill: "white",
                   stroke: p.value ? "black" : "#999999",
                   "stroke-width": "1.5",
                   "stroke-linejoin": "round"
                 }, null, 8, po),
-                i("path", {
+                r("path", {
                   d: "M8.98034 14.7993L1.54055 10.3376L8.98034 5.87599L16.4201 10.3376L8.98034 14.7993Z",
                   fill: "white",
                   stroke: s.value ? "black" : "#999999",
@@ -3552,7 +3550,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
           }, 1040)
         ]),
         default: A(() => [
-          i("span", ho, N(ne(n).getLabel(r.value)) + " " + N(ne(n).getLabel("floor")), 1)
+          r("span", ho, N(ne(n).getLabel(i.value)) + " " + N(ne(n).getLabel("floor")), 1)
         ]),
         _: 1
       });
@@ -3568,7 +3566,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
   emits: ["selectInterior"],
   setup(v, { emit: t }) {
     const e = v, a = t, n = Be(Ce);
-    return (o, r) => {
+    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");
       return m(), S("div", null, [
         w(b, {
@@ -3591,7 +3589,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
           default: A(() => [
             w(c, { class: "interior-selector-list" }, {
               default: A(() => [
-                (m(!0), S(ie, null, ve(e.availableArchetypes, (h, f) => (m(), $(d, {
+                (m(!0), S(re, null, ve(e.availableArchetypes, (h, f) => (m(), $(d, {
                   density: "compact",
                   key: `at-menuitem-${f}`,
                   onClick: (_) => a("selectInterior", h.archetypeID),
@@ -3637,7 +3635,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
     }), n = T(() => ({
       transform: `rotate(${-t.rotation + 180}deg)`
     }));
-    return (o, r) => {
+    return (o, i) => {
       const s = B("v-img");
       return m(), S("div", {
         style: le(a.value)
@@ -3662,15 +3660,15 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       return ("0" + n).slice(-2);
     }
     return (n, o) => {
-      const r = B("v-img");
+      const i = B("v-img");
       return m(), S("div", Ao, [
-        i("div", Lo, [
-          w(r, {
+        r("div", Lo, [
+          w(i, {
             src: ne(Io),
             "aspect-ratio": "1"
           }, null, 8, ["src"])
         ]),
-        i("div", xo, N(e.value), 1)
+        r("div", xo, N(e.value), 1)
       ]);
     };
   }
@@ -3682,10 +3680,10 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
   emits: ["toggle"],
   setup(v, { emit: t }) {
     const e = v, a = t, n = Be(Ce), o = T(() => {
-      let r = "virtualTour";
-      return e.showStaticImage || (r = "slideShow"), r;
+      let i = "virtualTour";
+      return e.showStaticImage || (i = "slideShow"), i;
     });
-    return (r, s) => {
+    return (i, s) => {
       const p = B("v-btn");
       return m(), $(p, {
         color: "darken-2",
@@ -3701,222 +3699,222 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       });
     };
   }
-}), Oe = (v) => (st("data-v-b9eb5380"), v = v(), rt(), v), Mo = {
+}), Oe = (v) => (st("data-v-b9eb5380"), v = v(), it(), v), Mo = {
   key: 0,
   class: "tutorial"
 }, Eo = {
   key: 0,
   class: "desktop-content"
-}, To = { class: "d-inline-flex" }, Vo = { class: "box col" }, Bo = /* @__PURE__ */ Oe(() => /* @__PURE__ */ i("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
-  /* @__PURE__ */ i("svg", {
+}, 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" }, [
+  /* @__PURE__ */ r("svg", {
     width: "100",
     height: "65",
     viewBox: "0 0 100 65",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, [
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M72 30H86.9736M86.9736 30L81 36M86.9736 30L81 24",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M27.9736 30H13M13 30L18.9736 36M13 30L18.9736 24",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M36 30H64V40C64 47.732 57.732 54 50 54V54C42.268 54 36 47.732 36 40V30Z",
       fill: "white",
       stroke: "black",
       "stroke-width": "1.5"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M36 25C36 17.268 42.268 11 50 11V11V30H36V25Z",
       fill: "#FF3E3E",
       stroke: "black",
       "stroke-width": "1.5"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M64 25C64 17.268 57.732 11 50 11V11V30H64V25Z",
       fill: "white",
       stroke: "black",
       "stroke-width": "1.5"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M53.25 23V30C53.25 31.7949 51.7949 33.25 50 33.25C48.2051 33.25 46.75 31.7949 46.75 30V23C46.75 21.2051 48.2051 19.75 50 19.75C51.7949 19.75 53.25 21.2051 53.25 23Z",
       fill: "white",
       stroke: "black",
       "stroke-width": "1.5"
     })
   ])
-], -1)), Ro = { class: "text mt-3" }, Oo = { class: "box col" }, Uo = /* @__PURE__ */ Oe(() => /* @__PURE__ */ i("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
-  /* @__PURE__ */ i("svg", {
+], -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" }, [
+  /* @__PURE__ */ r("svg", {
     width: "100",
     height: "65",
     viewBox: "0 0 100 65",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, [
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M79.9936 27.0175C79.9881 19.276 66.3321 13.0323 49.492 13.0719C32.652 13.1116 19.0049 19.4194 19.0105 27.1609C19.016 34.9025 32.6721 41.1461 49.5121 41.1065C66.3521 41.0669 79.9992 34.759 79.9936 27.0175Z",
       fill: "white",
       stroke: "#B3B3B3",
       "stroke-width": "1.5"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M61.8032 45.179L56.543 50.3218V28.0361L72.543 43.4647H65.0909L67.9402 50.3218L64.6526 52.0361L61.8032 45.179Z",
       fill: "white",
       stroke: "black",
       "stroke-width": "1.5",
       "stroke-linejoin": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M50.502 28.0361L46.502 28.0361",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M50.502 28.0361L46.502 28.0361",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M50.502 28.0361L46.502 28.0361",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M66.502 28.0361L62.502 28.0361",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M66.502 28.0361L62.502 28.0361",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M66.502 28.0361L62.502 28.0361",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M52.1582 24.0361L49.1582 21.0361",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M52.1582 24.0361L49.1582 21.0361",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M52.1582 24.0361L49.1582 21.0361",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M60.502 24.0361L63.502 21.0361",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M60.502 24.0361L63.502 21.0361",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M60.502 24.0361L63.502 21.0361",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M56.502 22.0361L56.502 18.0361",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M56.502 22.0361L56.502 18.0361",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M56.502 22.0361L56.502 18.0361",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M52.1582 32.0361L49.1582 35.0361",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M52.1582 32.0361L49.1582 35.0361",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M52.1582 32.0361L49.1582 35.0361",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     })
   ])
-], -1)), $o = { class: "text mt-3" }, Ho = { class: "box col" }, Yo = /* @__PURE__ */ Oe(() => /* @__PURE__ */ i("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
-  /* @__PURE__ */ i("svg", {
+], -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" }, [
+  /* @__PURE__ */ r("svg", {
     width: "100",
     height: "65",
     viewBox: "0 0 100 65",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, [
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M36 33H64V43C64 50.732 57.732 57 50 57V57C42.268 57 36 50.732 36 43V33Z",
       fill: "white",
       stroke: "black",
       "stroke-width": "1.5"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M36 28C36 20.268 42.268 14 50 14V14V33H36V28Z",
       fill: "white",
       stroke: "black",
       "stroke-width": "1.5"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M64 28C64 20.268 57.732 14 50 14V14V33H64V28Z",
       fill: "white",
       stroke: "black",
       "stroke-width": "1.5"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M53.25 26V33C53.25 34.7949 51.7949 36.25 50 36.25C48.2051 36.25 46.75 34.7949 46.75 33V26C46.75 24.2051 48.2051 22.75 50 22.75C51.7949 22.75 53.25 24.2051 53.25 26Z",
       fill: "#FF3E3E",
       stroke: "black",
       "stroke-width": "1.5"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
       d: "M74.5352 20.7593L80.3458 26.5699C80.9316 27.1557 80.9316 28.1055 80.3458 28.6913C79.76 29.277 78.8103 29.277 78.2245 28.6913L72.4138 22.8806L74.5352 20.7593Z",
@@ -3925,7 +3923,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("circle", {
+    /* @__PURE__ */ r("circle", {
       cx: "66.5",
       cy: "15.5",
       r: "9.75",
@@ -3933,7 +3931,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       stroke: "black",
       "stroke-width": "1.5"
     }),
-    /* @__PURE__ */ i("rect", {
+    /* @__PURE__ */ r("rect", {
       x: "66",
       y: "11",
       width: "1",
@@ -3943,7 +3941,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       "stroke-width": "0.75",
       "stroke-linejoin": "round"
     }),
-    /* @__PURE__ */ i("rect", {
+    /* @__PURE__ */ r("rect", {
       x: "71",
       y: "15",
       width: "1",
@@ -3955,15 +3953,15 @@ 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__ */ i("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
-  /* @__PURE__ */ i("svg", {
+], -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" }, [
+  /* @__PURE__ */ r("svg", {
     width: "100",
     height: "65",
     viewBox: "0 0 100 65",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, [
-    /* @__PURE__ */ i("rect", {
+    /* @__PURE__ */ r("rect", {
       x: "65.0967",
       y: "34.3228",
       width: "20.9032",
@@ -3973,7 +3971,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       stroke: "black",
       "stroke-width": "1.5"
     }),
-    /* @__PURE__ */ i("rect", {
+    /* @__PURE__ */ r("rect", {
       x: "39.5488",
       y: "29.6777",
       width: "20.9032",
@@ -3984,7 +3982,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       stroke: "black",
       "stroke-width": "1.5"
     }),
-    /* @__PURE__ */ i("rect", {
+    /* @__PURE__ */ r("rect", {
       x: "60.4512",
       y: "34.3228",
       width: "20.9032",
@@ -3995,7 +3993,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       stroke: "black",
       "stroke-width": "1.5"
     }),
-    /* @__PURE__ */ i("rect", {
+    /* @__PURE__ */ r("rect", {
       x: "34.9033",
       y: "55.2261",
       width: "20.9032",
@@ -4006,19 +4004,19 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       stroke: "black",
       "stroke-width": "1.5"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M77.7025 44.3796C77.9599 44.5798 77.9599 44.9688 77.7025 45.169L74.6621 47.5338C74.3337 47.7892 73.8551 47.5552 73.8551 47.1391L73.8551 42.4095C73.8551 41.9935 74.3337 41.7594 74.6621 42.0149L77.7025 44.3796Z",
       fill: "#FF3E3E"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M49.6047 17.0724C49.8049 16.815 50.1939 16.815 50.3941 17.0724L52.7589 20.1128C53.0143 20.4412 52.7803 20.9198 52.3642 20.9198L47.6346 20.9198C47.2185 20.9198 46.9845 20.4412 47.2399 20.1128L49.6047 17.0724Z",
       fill: "#FF3E3E"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M50.3953 46.9281C50.1951 47.1855 49.8061 47.1855 49.6059 46.9281L47.2411 43.8877C46.9857 43.5592 47.2197 43.0807 47.6358 43.0807L52.3654 43.0807C52.7815 43.0807 53.0155 43.5592 52.7601 43.8877L50.3953 46.9281Z",
       fill: "#FF3E3E"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M22.2975 45.1692C22.0401 44.969 22.0401 44.58 22.2975 44.3798L25.3379 42.0151C25.6663 41.7596 26.1449 41.9937 26.1449 42.4097L26.1449 47.1393C26.1449 47.5554 25.6663 47.7894 25.3379 47.534L22.2975 45.1692Z",
       fill: "#FF3E3E"
     })
@@ -4026,33 +4024,33 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
 ], -1)), zo = { class: "text mt-3" }, Go = {
   key: 1,
   class: "d-flex flex-column tablet-mobile-content"
-}, Qo = { class: "box horizontal mt-3" }, qo = /* @__PURE__ */ Oe(() => /* @__PURE__ */ i("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
-  /* @__PURE__ */ i("svg", {
+}, Qo = { class: "box horizontal mt-3" }, qo = /* @__PURE__ */ Oe(() => /* @__PURE__ */ r("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
+  /* @__PURE__ */ r("svg", {
     width: "101",
     height: "65",
     viewBox: "0 0 101 65",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, [
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M68 28H87.9736M87.9736 28L82 34M87.9736 28L82 22",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M33.9727 28H13.999M13.999 28L19.9727 34M13.999 28L19.9727 22",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M57.3126 51.1276L62.5533 49.7234C65.3195 48.9822 67.2473 46.4813 67.2601 43.6176C67.2626 43.0532 67.1898 42.4909 67.0438 41.9457L64.9992 34.3153C64.7491 33.3818 63.7895 32.8278 62.8559 33.0779C61.9223 33.328 61.3683 34.2876 61.6185 35.2212L61.0361 33.0479C60.7502 31.9809 59.6536 31.3478 58.5866 31.6337C57.5197 31.9195 56.8865 33.0162 57.1724 34.0831L56.7195 32.3928C56.3979 31.1925 55.1641 30.4802 53.9638 30.8018C52.7635 31.1234 52.0512 32.3572 52.3728 33.5575L50.6258 27.0375C50.3399 25.9705 49.2432 25.3374 48.1763 25.6233C47.1094 25.9091 46.4762 27.0058 46.7621 28.0727L50.3855 41.5957C49.2796 40.7276 47.5926 39.524 46.3279 38.6369C45.3814 37.9729 44.0801 38.2068 43.4137 39.1516C42.8107 40.0066 42.9238 41.1741 43.6798 41.8975L51.8691 49.7332C53.3154 51.1171 55.3791 51.6457 57.3126 51.1276Z",
       fill: "white"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M53.7316 38.6286L52.6963 34.7649M52.6963 34.7649L50.6258 27.0375C50.3399 25.9705 49.2432 25.3374 48.1763 25.6233V25.6233C47.1094 25.9091 46.4762 27.0058 46.7621 28.0727L50.3855 41.5957C49.2796 40.7276 47.5926 39.524 46.3279 38.6369C45.3814 37.9729 44.0801 38.2068 43.4137 39.1516V39.1516C42.8107 40.0066 42.9238 41.1741 43.6798 41.8975L51.8691 49.7332C53.3154 51.1171 55.3791 51.6457 57.3126 51.1276L62.5533 49.7234C65.3195 48.9822 67.2473 46.4813 67.2601 43.6176V43.6176C67.2626 43.0532 67.1898 42.4909 67.0438 41.9457L64.9992 34.3153C64.7491 33.3818 63.7895 32.8278 62.8559 33.0779V33.0779V33.0779C61.9223 33.328 61.3683 34.2876 61.6185 35.2212L61.942 36.4286M52.6963 34.7649L52.3728 33.5575C52.0512 32.3572 52.7635 31.1234 53.9638 30.8018V30.8018C55.1641 30.4802 56.3979 31.1925 56.7195 32.3928L57.3018 34.5661M58.2077 37.9469L57.3018 34.5661M57.3018 34.5661L57.1724 34.0831C56.8865 33.0162 57.5197 31.9195 58.5866 31.6337V31.6337C59.6536 31.3478 60.7502 31.9809 61.0361 33.0479L61.942 36.4286M62.3302 37.8775L61.942 36.4286",
       stroke: "black",
       "stroke-width": "1.5",
@@ -4060,133 +4058,133 @@ 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__ */ i("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
-  /* @__PURE__ */ i("svg", {
+], -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" }, [
+  /* @__PURE__ */ r("svg", {
     width: "99",
     height: "65",
     viewBox: "0 0 99 65",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, [
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M79.9927 29.9814C79.9871 22.2398 66.3311 15.9962 49.491 16.0358C32.651 16.0754 19.0039 22.3833 19.0095 30.1248C19.015 37.8663 32.6711 44.11 49.5111 44.0704C66.3512 44.0308 79.9982 37.7229 79.9927 29.9814Z",
       fill: "white",
       stroke: "#B3B3B3",
       "stroke-width": "1.5"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M50.5 31L46.5 31",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M50.5 31L46.5 31",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M50.5 31L46.5 31",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M66.5 31L62.5 31",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M66.5 31L62.5 31",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M66.5 31L62.5 31",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M52.1562 27L49.1562 24",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M52.1562 27L49.1562 24",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M52.1562 27L49.1562 24",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M60.5 27L63.5 24",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M60.5 27L63.5 24",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M60.5 27L63.5 24",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M56.5 25L56.5 21",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M56.5 25L56.5 21",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M56.5 25L56.5 21",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M52.1562 35L49.1562 38",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M52.1562 35L49.1562 38",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M52.1562 35L49.1562 38",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M64.8126 54.1276L70.0533 52.7234C72.8195 51.9822 74.7473 49.4813 74.7601 46.6176C74.7626 46.0532 74.6898 45.4909 74.5438 44.9457L72.4992 37.3153C72.2491 36.3818 71.2895 35.8278 70.3559 36.0779C69.4223 36.328 68.8683 37.2876 69.1185 38.2212L68.5361 36.0479C68.2502 34.9809 67.1536 34.3478 66.0866 34.6337C65.0197 34.9195 64.3865 36.0162 64.6724 37.0831L64.2195 35.3928C63.8979 34.1925 62.6641 33.4802 61.4638 33.8018C60.2635 34.1234 59.5512 35.3572 59.8728 36.5575L58.1258 30.0375C57.8399 28.9705 56.7432 28.3374 55.6763 28.6233C54.6094 28.9091 53.9762 30.0058 54.2621 31.0727L57.8855 44.5957C56.7796 43.7276 55.0926 42.524 53.8279 41.6369C52.8814 40.9729 51.5801 41.2068 50.9137 42.1516C50.3107 43.0066 50.4238 44.1741 51.1798 44.8975L59.3691 52.7332C60.8154 54.1171 62.8791 54.6457 64.8126 54.1276Z",
       fill: "white"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M61.2316 41.6286L60.1963 37.7649M60.1963 37.7649L58.1258 30.0375C57.8399 28.9705 56.7432 28.3374 55.6763 28.6233V28.6233C54.6094 28.9091 53.9762 30.0058 54.2621 31.0727L57.8855 44.5957C56.7796 43.7276 55.0926 42.524 53.8279 41.6369C52.8814 40.9729 51.5801 41.2068 50.9137 42.1516V42.1516C50.3107 43.0066 50.4238 44.1741 51.1798 44.8975L59.3691 52.7332C60.8154 54.1171 62.8791 54.6457 64.8126 54.1276L70.0533 52.7234C72.8195 51.9822 74.7473 49.4813 74.7601 46.6176V46.6176C74.7626 46.0532 74.6898 45.4909 74.5438 44.9457L72.4992 37.3153C72.2491 36.3818 71.2895 35.8278 70.3559 36.0779V36.0779V36.0779C69.4223 36.328 68.8683 37.2876 69.1185 38.2212L69.442 39.4286M60.1963 37.7649L59.8728 36.5575C59.5512 35.3572 60.2635 34.1234 61.4638 33.8018V33.8018C62.6641 33.4802 63.8979 34.1925 64.2195 35.3928L64.8018 37.5661M65.7077 40.9469L64.8018 37.5661M64.8018 37.5661L64.6724 37.0831C64.3865 36.0162 65.0197 34.9195 66.0866 34.6337V34.6337C67.1536 34.3478 68.2502 34.9809 68.5361 36.0479L69.442 39.4286M69.8302 40.8775L69.442 39.4286",
       stroke: "black",
       "stroke-width": "1.5",
@@ -4194,33 +4192,33 @@ 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__ */ i("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
-  /* @__PURE__ */ i("svg", {
+], -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" }, [
+  /* @__PURE__ */ r("svg", {
     width: "99",
     height: "65",
     viewBox: "0 0 99 65",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, [
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M31 24.9736L31 10M31 10L25 15.9736M31 10L37 15.9736",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M31 40L31 54.9736M31 54.9736L25 49M31 54.9736L37 49",
       stroke: "#FF3E3E",
       "stroke-width": "1.5",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M58.6512 44.3852L61.8162 42.5579C64.2963 41.126 65.5112 38.2114 64.7823 35.442C64.6387 34.8961 64.4229 34.3719 64.1407 33.883L60.1909 27.0418C59.7076 26.2048 58.6374 25.918 57.8003 26.4013C56.9633 26.8845 56.6765 27.9548 57.1598 28.7918L56.0348 26.8433C55.4825 25.8867 54.2593 25.5589 53.3027 26.1112C52.3462 26.6635 52.0184 27.8867 52.5707 28.8433L51.6957 27.3277C51.0744 26.2516 49.6983 25.8828 48.6221 26.5042C47.546 27.1255 47.1773 28.5016 47.7986 29.5777L44.4236 23.7321C43.8713 22.7755 42.6481 22.4477 41.6915 23C40.7349 23.5523 40.4072 24.7755 40.9595 25.7321L48.4595 38.7224L41.0923 40.5062C40.3398 40.6884 39.7721 41.3073 39.6555 42.0728C39.4961 43.1196 40.2199 44.096 41.268 44.2476L49.7609 45.4766L51.251 45.7252C53.7985 46.1503 56.4146 45.6766 58.6512 44.3852Z",
       fill: "white"
     }),
-    /* @__PURE__ */ i("path", {
+    /* @__PURE__ */ r("path", {
       d: "M50.4236 34.1244L48.4236 30.6603M48.4236 30.6603L44.4236 23.7321C43.8713 22.7755 42.6481 22.4477 41.6915 23V23C40.7349 23.5523 40.4072 24.7755 40.9595 25.7321L48.4595 38.7224L41.0923 40.5062C40.3398 40.6884 39.7721 41.3073 39.6555 42.0728V42.0728C39.4961 43.1196 40.2199 44.096 41.268 44.2476L49.7609 45.4766L51.251 45.7252C53.7985 46.1503 56.4146 45.6766 58.6512 44.3852L61.8162 42.5579C64.2963 41.126 65.5112 38.2114 64.7823 35.442V35.442C64.6387 34.8961 64.4229 34.3719 64.1407 33.883L60.1909 27.0418C59.7076 26.2048 58.6374 25.918 57.8003 26.4013V26.4013V26.4013C56.9633 26.8845 56.6765 27.9548 57.1598 28.7918L57.7848 29.8744M48.4236 30.6603L47.7986 29.5777C47.1773 28.5016 47.546 27.1255 48.6221 26.5042V26.5042C49.6983 25.8828 51.0744 26.2516 51.6957 27.3277L52.8207 29.2763M54.5707 32.3074L52.8207 29.2763M52.8207 29.2763L52.5707 28.8433C52.0184 27.8867 52.3462 26.6635 53.3027 26.1112V26.1112C54.2593 25.5589 55.4825 25.8867 56.0348 26.8433L57.7848 29.8744M58.5348 31.1734L57.7848 29.8744",
       stroke: "black",
       "stroke-width": "1.5",
@@ -4235,7 +4233,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
   },
   emits: ["closeTutorial"],
   setup(v, { emit: t }) {
-    const e = v, a = t, n = Be(Ce), o = u(!0), r = u(!1), s = T(() => [
+    const e = v, a = t, n = Be(Ce), o = u(!0), i = u(!1), s = T(() => [
       /Android/i,
       /webOS/i,
       /iPhone/i,
@@ -4250,7 +4248,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       return c && a("closeTutorial"), c;
     });
     function l() {
-      r.value && d(), o.value = !1, a("closeTutorial");
+      i.value && d(), o.value = !1, a("closeTutorial");
     }
     function d() {
       localStorage.setItem(`${e.project}-dont-show-tutorial`, "true");
@@ -4261,45 +4259,45 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
         default: A(() => [
           o.value && !p.value ? (m(), S("div", Mo, [
             s.value ? Y("", !0) : (m(), S("div", Eo, [
-              i("div", To, [
-                i("div", Vo, [
+              r("div", To, [
+                r("div", Vo, [
                   Bo,
-                  i("div", Ro, N(ne(n).getLabel("clickAndDragToLookAround")), 1)
+                  r("div", Ro, N(ne(n).getLabel("clickAndDragToLookAround")), 1)
                 ]),
-                i("div", Oo, [
+                r("div", Oo, [
                   Uo,
-                  i("div", $o, N(ne(n).getLabel("clickOnTheCirclesToMoveAround")), 1)
+                  r("div", $o, N(ne(n).getLabel("clickOnTheCirclesToMoveAround")), 1)
                 ]),
-                i("div", Ho, [
+                r("div", Ho, [
                   Yo,
-                  i("div", jo, N(ne(n).getLabel("useTheMouseWheelToZoom")), 1)
+                  r("div", jo, N(ne(n).getLabel("useTheMouseWheelToZoom")), 1)
                 ])
               ]),
-              i("div", Po, [
-                i("div", Wo, [
+              r("div", Po, [
+                r("div", Wo, [
                   No,
-                  i("div", zo, N(ne(n).getLabel("youCanAlsoUseTheArrowKeysToMoveAround")), 1)
+                  r("div", zo, N(ne(n).getLabel("youCanAlsoUseTheArrowKeysToMoveAround")), 1)
                 ])
               ])
             ])),
             s.value ? (m(), S("div", Go, [
-              i("div", Qo, [
+              r("div", Qo, [
                 qo,
-                i("div", Zo, N(ne(n).getLabel("tapAndDragToLookAround")), 1)
+                r("div", Zo, N(ne(n).getLabel("tapAndDragToLookAround")), 1)
               ]),
-              i("div", Xo, [
+              r("div", Xo, [
                 Jo,
-                i("div", Ko, N(ne(n).getLabel("tapOnTheCirclesToMoveAround")), 1)
+                r("div", Ko, N(ne(n).getLabel("tapOnTheCirclesToMoveAround")), 1)
               ]),
-              i("div", el, [
+              r("div", el, [
                 tl,
-                i("div", nl, N(ne(n).getLabel("useTwoFingersToZoom")), 1)
+                r("div", nl, N(ne(n).getLabel("useTwoFingersToZoom")), 1)
               ])
             ])) : Y("", !0),
-            i("div", al, [
+            r("div", al, [
               w(h, {
-                modelValue: r.value,
-                "onUpdate:modelValue": b[0] || (b[0] = (_) => r.value = _),
+                modelValue: i.value,
+                "onUpdate:modelValue": b[0] || (b[0] = (_) => i.value = _),
                 label: ne(n).getLabel("dontShowAgain")
               }, null, 8, ["modelValue", "label"]),
               w(f, {
@@ -4320,14 +4318,14 @@ 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(), rt(), v), rl = { class: "player-settings-ui" }, il = { 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 = {
+}), 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 = {
   key: 3,
   "d-block": "",
   class: "mt-3"
 }, gl = { class: "d-flex justify-space-between" }, yl = { class: "setting-label" }, _l = {
   class: "mt-5 d-block",
   style: { width: "300px" }
-}, bl = /* @__PURE__ */ sl(() => /* @__PURE__ */ i("div", { class: "setting-label" }, "Enter Lut URL:", -1)), wl = {
+}, bl = /* @__PURE__ */ sl(() => /* @__PURE__ */ r("div", { class: "setting-label" }, "Enter Lut URL:", -1)), wl = {
   class: "d-block",
   style: { width: "300px" }
 }, kl = { class: "form-buttons" }, Cl = /* @__PURE__ */ j({
@@ -4343,7 +4341,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
     H(
       n,
       () => {
-        r();
+        i();
       },
       { deep: !0 }
     );
@@ -4353,7 +4351,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
         _ === "whitePoint" ? f[_] = d(F.value) : f[_] = F.value;
       return f;
     });
-    function r() {
+    function i() {
       a("updateSettings", o.value);
     }
     function s() {
@@ -4479,10 +4477,10 @@ 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", rl, [
-        i("form", il, [
-          i("div", ul, [
-            (m(!0), S(ie, null, ve(n.value, (C, L, G) => (m(), S("div", {
+      return m(), S("div", il, [
+        r("form", rl, [
+          r("div", ul, [
+            (m(!0), S(re, null, ve(n.value, (C, L, G) => (m(), S("div", {
               key: G,
               "d-block": ""
             }, [
@@ -4490,16 +4488,16 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                 key: 0,
                 modelValue: n.value[L].value,
                 "onUpdate:modelValue": (D) => n.value[L].value = D,
-                onChange: r,
+                onChange: i,
                 max: C.max,
                 min: C.min,
                 step: C.step
               }, {
                 prepend: A(() => [
-                  i("div", cl, N(C.label), 1)
+                  r("div", cl, N(C.label), 1)
                 ]),
                 append: A(() => [
-                  i("div", null, [
+                  r("div", null, [
                     w(F, {
                       modelValue: n.value[L].value,
                       "onUpdate:modelValue": (D) => n.value[L].value = D,
@@ -4511,7 +4509,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                       min: C.min,
                       step: C.step,
                       style: { width: "90px" },
-                      onChange: r
+                      onChange: i
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "max", "min", "step"])
                   ])
                 ]),
@@ -4521,13 +4519,13 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                 key: 1,
                 modelValue: n.value[L].value,
                 "onUpdate:modelValue": (D) => n.value[L].value = D,
-                onChange: r
+                onChange: i
               }, {
                 prepend: A(() => [
-                  i("div", dl, N(C.label), 1)
+                  r("div", dl, N(C.label), 1)
                 ]),
                 append: A(() => [
-                  i("div", null, N(C.value), 1)
+                  r("div", null, N(C.value), 1)
                 ]),
                 _: 2
               }, 1032, ["modelValue", "onUpdate:modelValue"])) : Y("", !0),
@@ -4538,17 +4536,17 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                 min: C.min,
                 step: C.step
               }, [
-                i("div", ml, N(C.label), 1),
-                i("div", pl, [
-                  de(i("input", {
+                r("div", ml, N(C.label), 1),
+                r("div", pl, [
+                  de(r("input", {
                     "onUpdate:modelValue": (D) => n.value[L].value = D,
                     type: "color",
-                    onChange: r
+                    onChange: i
                   }, null, 40, fl), [
                     [Ft, n.value[L].value]
                   ])
                 ]),
-                i("div", null, [
+                r("div", null, [
                   w(F, {
                     modelValue: n.value[L].value,
                     "onUpdate:modelValue": (D) => n.value[L].value = D,
@@ -4558,14 +4556,14 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                     readonly: "",
                     type: "text",
                     style: { width: "90px" },
-                    onChange: r
+                    onChange: i
                   }, null, 8, ["modelValue", "onUpdate:modelValue"])
                 ])
               ], 8, vl)) : Y("", !0),
               C.type === "lut" ? (m(), S("div", hl, [
-                i("div", gl, [
-                  i("div", yl, N(C.label), 1),
-                  i("div", null, [
+                r("div", gl, [
+                  r("div", yl, N(C.label), 1),
+                  r("div", null, [
                     w(U, {
                       class: "ml-2",
                       "x-small": "",
@@ -4578,9 +4576,9 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                     }, 1032, ["onClick"])
                   ])
                 ]),
-                i("div", null, [
-                  i("div", _l, [
-                    i("div", null, [
+                r("div", null, [
+                  r("div", _l, [
+                    r("div", null, [
                       w(y, {
                         modelValue: n.value[L].value,
                         "onUpdate:modelValue": (D) => n.value[L].value = D,
@@ -4589,21 +4587,21 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                         "item-value": "value",
                         dense: "",
                         label: "Select Lut",
-                        onChange: r
+                        onChange: i
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])
                     ])
                   ]),
-                  i("div", null, [
+                  r("div", null, [
                     bl,
-                    i("div", wl, [
-                      i("div", null, [
+                    r("div", wl, [
+                      r("div", null, [
                         w(F, {
                           modelValue: n.value[L].value,
                           "onUpdate:modelValue": (D) => n.value[L].value = D,
                           "hide-details": "",
                           dense: "",
                           type: "url",
-                          onChange: r
+                          onChange: i
                         }, null, 8, ["modelValue", "onUpdate:modelValue"])
                       ])
                     ])
@@ -4612,7 +4610,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
               ])) : Y("", !0)
             ]))), 128))
           ]),
-          i("div", kl, [
+          r("div", kl, [
             w(U, {
               onClick: _[0] || (_[0] = (C) => l())
             }, {
@@ -4656,7 +4654,7 @@ 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(), rt(), v), Ll = /* @__PURE__ */ Al(() => /* @__PURE__ */ i("div", { id: "filler-div" }, null, -1)), xl = {
+}), 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 = {
   class: "moveable-body",
   id: "moveableDivHeader"
 }, Fl = { class: "moveable-footer" }, Dl = /* @__PURE__ */ j({
@@ -4667,8 +4665,8 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
     ue(() => {
       n(document.getElementById("moveableDiv"));
     });
-    function n(r) {
-      const s = document.getElementById(r.id + "Header");
+    function n(i) {
+      const s = document.getElementById(i.id + "Header");
       if (!s)
         return;
       let p = 0, l = 0, d = 0, c = 0;
@@ -4681,7 +4679,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       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, r.style.top = r.offsetTop - l + "px", r.style.left = r.offsetLeft - p + "px";
+        _.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 f() {
         document.removeEventListener("mouseup", f, !1), document.removeEventListener("mousemove", h, !1), document.removeEventListener("touchend", f, !1), document.removeEventListener("touchmove", h, !1);
@@ -4690,7 +4688,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
     function o() {
       a.value === "big" ? a.value = "small" : a.value = "big";
     }
-    return (r, s) => {
+    return (i, s) => {
       const p = B("v-btn");
       return m(), S("div", {
         id: "moveableDiv",
@@ -4717,11 +4715,11 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
           title: "Rotate"
         }),
         Ll,
-        i("div", xl, [
-          oe(r.$slots, "body", { class: "slot" }, void 0, !0)
+        r("div", xl, [
+          oe(i.$slots, "body", { class: "slot" }, void 0, !0)
         ]),
-        i("div", Fl, [
-          oe(r.$slots, "footer", {}, void 0, !0)
+        r("div", Fl, [
+          oe(i.$slots, "footer", {}, void 0, !0)
         ])
       ], 2);
     };
@@ -4740,7 +4738,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
   setup(v) {
     return (t, e) => (m(), S("svg", Ml, [
       El,
-      i("g", {
+      r("g", {
         "transform-origin": "20 20",
         transform: `rotate(${45 + t.rotation})`
       }, Bl, 8, Tl)
@@ -4757,7 +4755,7 @@ 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()), r = 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), b = T(() => new Ve.Vector3(
       t.storey.position.x,
       t.storey.position.y,
       t.storey.position.z
@@ -4788,7 +4786,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       return Ve.MathUtils.degToRad(L);
     }
     function g() {
-      o.value.rotation.x = 180, o.value.rotation.y = t.storey.rotation.y * -1, r.value = {
+      o.value.rotation.x = 180, o.value.rotation.y = t.storey.rotation.y * -1, i.value = {
         transform: `rotateZ(${o.value.rotation.y}deg) rotateX(${o.value.rotation.x}deg)`
       };
     }
@@ -4821,20 +4819,20 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       L.offsetHeight > L.offsetWidth ? s.value = D * 0.5 : s.value = G * 0.9;
     }
     return (L, G) => (m(), S("div", Ol, [
-      i("div", Ul, [
-        i("div", {
+      r("div", Ul, [
+        r("div", {
           class: "web-minimap",
           style: le(F.value)
         }, [
-          i("div", {
+          r("div", {
             class: "minimap-background-image",
             style: le(_.value)
           }, null, 4),
-          i("div", {
+          r("div", {
             class: "center-pivot",
-            style: le(r.value)
+            style: le(i.value)
           }, [
-            (m(!0), S(ie, null, ve(f.value, (D) => (m(), S("div", {
+            (m(!0), S(re, null, ve(f.value, (D) => (m(), S("div", {
               key: D.id
             }, [
               d.value.floorLevel === D.floorLevel ? (m(), S("div", {
@@ -4886,7 +4884,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
   },
   emits: ["setBackgroundImage"],
   setup(v, { emit: t }) {
-    const e = v, a = t, n = u((/* @__PURE__ */ new Date()).getHours()), o = u(!0), r = u(!0), s = u(""), p = u(/* @__PURE__ */ new Map()), l = T(() => e.minimapJson.storeys[e.level]), d = T(() => `${Math.floor(n.value).toString().padStart(2, "0")}:00`), c = T(() => {
+    const e = v, a = t, n = u((/* @__PURE__ */ new Date()).getHours()), o = u(!0), i = u(!0), s = u(""), p = u(/* @__PURE__ */ new Map()), l = T(() => e.minimapJson.storeys[e.level]), d = T(() => `${Math.floor(n.value).toString().padStart(2, "0")}:00`), c = T(() => {
       if (l.value.sunsimFilesTimeStamps[n.value]) {
         const k = l.value.sunsimFilesTimeStamps[n.value].split(" ");
         return `${k[0]} ${k[1]}`;
@@ -4896,7 +4894,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
     ue(async () => {
       s.value = await f(
         l.value.sunsimFiles[n.value]
-      ), r.value = !1;
+      ), i.value = !1;
       const k = await h(e.minimapJson.storeys);
       p.value = k, o.value = !1, a("setBackgroundImage", b(e.level, n.value));
     }), H(n, () => {
@@ -4952,8 +4950,8 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
     return (k, g) => {
       const U = B("v-progress-linear"), y = B("v-icon"), V = B("v-slider");
       return m(), S("div", Pl, [
-        i("div", Wl, [
-          i("div", Nl, [
+        r("div", Wl, [
+          r("div", Nl, [
             o.value ? (m(), $(U, {
               key: 0,
               indeterminate: "",
@@ -5001,11 +4999,11 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
   },
   emits: ["close"],
   setup(v, { emit: t }) {
-    const e = v, a = t, n = u(), o = u(0), r = T(() => e.minimapJson.storeys[e.level]);
+    const e = v, a = t, n = u(), o = u(0), i = T(() => e.minimapJson.storeys[e.level]);
     H(
-      r,
+      i,
       () => {
-        n.value = r.value.defaultSunsimFile ? `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/sunsim0_13.jpg` : `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/${r.value.defaultSunsimFile}`;
+        n.value = i.value.defaultSunsimFile ? `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/sunsim0_13.jpg` : `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/${i.value.defaultSunsimFile}`;
       },
       { immediate: !0, once: !0 }
     );
@@ -5026,17 +5024,17 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       body: A(() => [
         w(jl, {
           scale: s.value,
-          rotation: r.value.rotation.y,
+          rotation: i.value.rotation.y,
           "transform-angle": o.value
         }, null, 8, ["scale", "rotation", "transform-angle"]),
-        i("div", null, [
+        r("div", null, [
           w(Hl, {
             "transform-angle": o.value,
             "all-cameras": d.apartmentJson.cameras,
             "background-image": n.value,
             rotation: d.rotation,
             "current-camera": d.currentCamera,
-            storey: r.value
+            storey: i.value
           }, null, 8, ["transform-angle", "all-cameras", "background-image", "rotation", "current-camera", "storey"])
         ])
       ]),
@@ -5063,7 +5061,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       default: A(() => [
         e.value ? (m(), S("div", Zl, [
           X(N(ne(t).getLabel("allIllustrationsAreIndicativeDeviationsMayOccur")) + " ", 1),
-          i("span", {
+          r("span", {
             onClick: n[0] || (n[0] = (o) => e.value = !1),
             class: "link-text text-decoration-underline"
           }, N(ne(t).getLabel("iUnderstand")), 1)
@@ -5087,7 +5085,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       set(l) {
         n.value = l;
       }
-    }), r = T(() => /Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(
+    }), i = T(() => /Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(
       window.navigator.userAgent
     ));
     ue(() => {
@@ -5127,7 +5125,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
               default: A(({ isHovering: g }) => [
                 w(b, {
                   elevation: "0",
-                  class: xe(["carousel-button", { mobile: r.value }]),
+                  class: xe(["carousel-button", { mobile: i.value }]),
                   onClick: d[0] || (d[0] = (U) => a("previous"))
                 }, {
                   default: A(() => [
@@ -5152,7 +5150,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
               default: A(({ isHovering: g }) => [
                 w(b, {
                   elevation: "0",
-                  class: xe(["carousel-button", { mobile: r.value }]),
+                  class: xe(["carousel-button", { mobile: i.value }]),
                   onClick: d[1] || (d[1] = (U) => a("next"))
                 }, {
                   default: A(() => [
@@ -5173,7 +5171,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
             })
           ]),
           default: A(() => [
-            (m(!0), S(ie, null, ve(l.thumbnails, (g) => (m(), $(F, {
+            (m(!0), S(re, null, ve(l.thumbnails, (g) => (m(), $(F, {
               key: g.id
             }, {
               default: A(({ toggle: U, selectedClass: y }) => [
@@ -5181,8 +5179,8 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                   class: xe(["ma-2", y]),
                   align: "center",
                   justify: "center",
-                  height: r.value ? 50 : 100,
-                  width: r.value ? 80 : 160,
+                  height: i.value ? 50 : 100,
+                  width: i.value ? 80 : 160,
                   elevation: "0",
                   style: { overflow: "hidden" },
                   onClick: (V) => p(g.id, U)
@@ -5227,7 +5225,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
         "width=626,height=436"
       ), !1;
     }
-    function r() {
+    function i() {
       return window.open(
         "https://www.linkedin.com/sharing/share-offsite/?url=" + encodeURIComponent(location.href),
         "linkedin-share-dialog",
@@ -5254,7 +5252,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
             }, g), null, 16)
           ]),
           default: A(() => [
-            i("span", null, N(ne(t).getLabel("share")), 1)
+            r("span", null, N(ne(t).getLabel("share")), 1)
           ]),
           _: 1
         }),
@@ -5286,7 +5284,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                 }),
                 w(_, { class: "mt-5" }, {
                   default: A(() => [
-                    i("p", as, [
+                    r("p", as, [
                       w(c, { location: "top" }, {
                         activator: A(({ props: g }) => [
                           w(d, ye({
@@ -5297,7 +5295,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                           }, g, { onClick: n }), null, 16)
                         ]),
                         default: A(() => [
-                          i("span", null, N(ne(t).getLabel("shareToFacebook")), 1)
+                          r("span", null, N(ne(t).getLabel("shareToFacebook")), 1)
                         ]),
                         _: 1
                       }),
@@ -5308,10 +5306,10 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                             fab: "",
                             light: "",
                             icon: "mdi-linkedin"
-                          }, g, { onClick: r }), null, 16)
+                          }, g, { onClick: i }), null, 16)
                         ]),
                         default: A(() => [
-                          i("span", null, N(ne(t).getLabel("shareToLinkedin")), 1)
+                          r("span", null, N(ne(t).getLabel("shareToLinkedin")), 1)
                         ]),
                         _: 1
                       }),
@@ -5325,7 +5323,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                           }, g, { onClick: o }), null, 16)
                         ]),
                         default: A(() => [
-                          i("span", null, N(ne(t).getLabel("shareToTwitter")), 1)
+                          r("span", null, N(ne(t).getLabel("shareToTwitter")), 1)
                         ]),
                         _: 1
                       }),
@@ -5341,7 +5339,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                           }, g), null, 16, ["href"])
                         ]),
                         default: A(() => [
-                          i("span", null, N(ne(t).getLabel("shareViaEmail")), 1)
+                          r("span", null, N(ne(t).getLabel("shareViaEmail")), 1)
                         ]),
                         _: 1
                       }),
@@ -5356,7 +5354,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                           }, g), null, 16)
                         ]),
                         default: A(() => [
-                          i("span", null, N(ne(t).getLabel("copyLink")), 1)
+                          r("span", null, N(ne(t).getLabel("copyLink")), 1)
                         ]),
                         _: 1
                       }),
@@ -5374,7 +5372,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       ]);
     };
   }
-}), ls = /* @__PURE__ */ q(os, [["__scopeId", "data-v-b6e473f1"]]), ss = { class: "static-image-wrapper" }, rs = /* @__PURE__ */ j({
+}), ls = /* @__PURE__ */ q(os, [["__scopeId", "data-v-b6e473f1"]]), ss = { class: "static-image-wrapper" }, is = /* @__PURE__ */ j({
   __name: "VSingleImage",
   props: {
     image: {},
@@ -5383,13 +5381,13 @@ 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, [
-      i("div", {
+      r("div", {
         class: xe(["img-div", [a.aspectRatio]]),
         style: le(e.value)
       }, null, 6)
     ]));
   }
-}), is = /* @__PURE__ */ q(rs, [["__scopeId", "data-v-31489804"]]), us = {
+}), rs = /* @__PURE__ */ q(is, [["__scopeId", "data-v-31489804"]]), us = {
   id: "btn-fullscreen",
   class: "btn-placeholder mr-2"
 }, cs = /* @__PURE__ */ j({
@@ -5407,7 +5405,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
           density: "comfortable",
           elevation: "3",
           icon: a.isFullScreen ? "mdi-fullscreen-exit" : "mdi-fullscreen",
-          onClick: n[0] || (n[0] = (r) => e("toggleFullscreen"))
+          onClick: n[0] || (n[0] = (i) => e("toggleFullscreen"))
         }, null, 8, ["icon"])
       ]);
     };
@@ -5509,7 +5507,7 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
   },
   emits: ["onSnapshot", "saveSettings", "onInteriorUpdate", "onCameraUpdate"],
   setup(v, { emit: t }) {
-    const e = v, a = t, n = u(!1), o = u(!1), r = 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(
+    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")
     ), C = T(() => {
       if (s.value) {
@@ -5546,7 +5544,7 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
       )
     })) : []), Z = T(() => !D.value || !D.value[c.value] ? "" : D.value[c.value].imageUrl), x = T(() => {
       let I = [];
-      return r.value && (I = r.value.archetypes), e.validInteriorIds.length ? I.filter(
+      return i.value && (I = i.value.archetypes), e.validInteriorIds.length ? I.filter(
         (z) => e.validInteriorIds.includes(z.archetypeID)
       ) : I;
     }), E = T(() => p.value ? x.value.map((I) => ({
@@ -5580,10 +5578,10 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
       }
     });
     async function R() {
-      r.value = await ce();
+      i.value = await ce();
     }
     async function P() {
-      if (s.value = await re(
+      if (s.value = await ie(
         b.value,
         e.apartmentId
       ), s.value && (h.value = s.value.cameras.find(() => !0).id), p.value = await Ie(
@@ -5600,7 +5598,7 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
     }
     function ee() {
       let I = e.defaultInteriorId;
-      I || (I = r.value.defaultArchetypeID), e.validInteriorIds.length && !e.validInteriorIds.includes(I) && (I = e.validInteriorIds[0]), I || (I = r.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), b.value = I;
     }
     function me() {
       const I = document.getElementById("main-canvas");
@@ -5639,7 +5637,7 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
         return;
       }
     }
-    async function re(I, z) {
+    async function ie(I, z) {
       try {
         return await $e(
           `/${I}/${z}/apartment.json`
@@ -5756,7 +5754,7 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
       const J = B("v-btn");
       return m(), S("div", vs, [
         o.value ? (m(), S("div", ms, "Error loading the player!!")) : Y("", !0),
-        i("div", ps, [
+        r("div", ps, [
           !V.value.isActive && l.value && f.value && M.value && b.value && U.value ? (m(), $(mt, {
             key: 0,
             "cdn-file-resolver": I.cdnFileResolver,
@@ -5785,7 +5783,7 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
               onPlayerApiCallback: ae
             }, {
               "slideshow-image": A(() => [
-                g.value ? (m(), $(is, {
+                g.value ? (m(), $(rs, {
                   key: 0,
                   image: Z.value
                 }, null, 8, ["image"])) : Y("", !0)