@qispace/vue3-player 0.1.55 → 0.1.56

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

@@ -1,7 +1,7 @@
 var Dt = Object.defineProperty;
 var Mt = (c, n, e) => n in c ? Dt(c, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[n] = e;
 var ne = (c, n, e) => (Mt(c, typeof n != "symbol" ? n + "" : n, e), e);
-import { defineComponent as P, ref as d, computed as T, openBlock as v, createElementBlock as D, watch as H, onMounted as de, onBeforeUnmount as je, withDirectives as ve, createElementVNode as i, normalizeStyle as se, vShow as fe, createVNode as w, Fragment as ce, renderList as me, createCommentVNode as $, inject as Be, resolveComponent as B, withCtx as C, toDisplayString as Q, unref as ae, createTextVNode as ee, normalizeClass as he, createBlock as V, renderSlot as K, provide as Qe, reactive as it, watchEffect as Ie, resolveDynamicComponent as ht, normalizeProps as tt, guardReactiveProps as nt, mergeProps as _e, nextTick as Se, Transition as Le, createSlots as Et, pushScopeId as rt, popScopeId as ut, vModelText as Tt, createStaticVNode as gt, onBeforeUpdate as Vt } from "vue";
+import { defineComponent as P, ref as d, computed as T, openBlock as v, createElementBlock as D, watch as H, onMounted as de, onBeforeUnmount as je, withDirectives as ve, createElementVNode as r, normalizeStyle as se, vShow as fe, createVNode as w, Fragment as ce, renderList as me, createCommentVNode as $, inject as Be, resolveComponent as B, withCtx as C, toDisplayString as Q, unref as ae, createTextVNode as ee, normalizeClass as he, createBlock as V, renderSlot as K, provide as Qe, reactive as rt, watchEffect as Ie, resolveDynamicComponent as ht, normalizeProps as tt, guardReactiveProps as nt, mergeProps as _e, nextTick as Se, Transition as Le, createSlots as Et, pushScopeId as it, popScopeId as ut, vModelText as Tt, createStaticVNode as gt, onBeforeUpdate as Vt } from "vue";
 import ot from "axios";
 import * as Bt from "@qispace/player-core";
 import * as Ve from "three";
@@ -60,7 +60,7 @@ const Rt = /* @__PURE__ */ P({
     e[a] = t;
   return e;
 }, Re = /* @__PURE__ */ J(Rt, [["__scopeId", "data-v-eb9b348d"]]);
-function ie(c, n) {
+function re(c, n) {
   return typeof c == "string" ? `${c}${n}` : c(n);
 }
 const Ot = /* @__PURE__ */ P({
@@ -76,12 +76,12 @@ const Ot = /* @__PURE__ */ P({
   },
   emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
   setup(c, { emit: n }) {
-    const e = c, a = n, t = d({ x: 0, y: 0, width: 0, height: 0 }), o = d(0), r = d(0), l = d(), p = d(), u = d(), s = d(), m = d(-1), b = d(!1), h = d(), f = d(), y = d({}), F = d("auto"), A = d(new ye()), g = d({}), U = d(), x = d(), O = d(), I = d(), _ = d(), Y = T(() => O.value.isHoverEnabled), S = T(() => ie(
+    const e = c, a = n, t = d({ x: 0, y: 0, width: 0, height: 0 }), o = d(0), i = d(0), l = d(), p = d(), u = d(), s = d(), m = d(-1), b = d(!1), h = d(), f = d(), y = d({}), F = d("auto"), A = d(new ye()), g = d({}), U = d(), x = d(), O = d(), I = d(), _ = d(), Y = T(() => O.value.isHoverEnabled), S = T(() => re(
       e.cdnFileResolver,
       `/scenedata${e.viewModel.currentScene}.png`
     )), j = T(() => S.value in y.value ? y.value[S.value] : null), L = T(() => m.value < 0 ? !1 : e.sceneData.find((Z) => Z.index === m.value) || !1), E = T(() => ({
       width: o.value + "px",
-      height: r.value + "px",
+      height: i.value + "px",
       cursor: F.value
     })), z = T(() => `hover-${b.value ? "over" : "out"}-${L.value ? typeof L.value == "object" && "unitId" in L.value ? L.value.unitId : L.value : ""}`);
     H(
@@ -137,16 +137,16 @@ const Ot = /* @__PURE__ */ P({
     });
     function W() {
       l.value = I.value.getContext("2d", { willReadFrequently: !0 }), p.value = new Image(), p.value.onload = () => {
-        Ee(), I.value.addEventListener("mousemove", Ke(re, 50));
+        Ee(), I.value.addEventListener("mousemove", Ke(ie, 50));
       }, p.value.src = j.value;
     }
-    function re(G) {
+    function ie(G) {
       const Z = q(G.offsetX, G.offsetY);
       b.value = Z >= 0, m.value = Z, t.value = {
         x: G.offsetX,
         y: G.offsetY,
         width: o.value,
-        height: r.value
+        height: i.value
       };
     }
     function M(G) {
@@ -236,7 +236,7 @@ const Ot = /* @__PURE__ */ P({
     function Ce() {
       if (!_.value)
         return !1;
-      o.value = _.value.offsetWidth, r.value = _.value.offsetHeight;
+      o.value = _.value.offsetWidth, i.value = _.value.offsetHeight;
     }
     function Ee() {
       R(), Me();
@@ -258,7 +258,7 @@ const Ot = /* @__PURE__ */ P({
       ref: _,
       id: "canvas"
     }, [
-      ve(i("canvas", {
+      ve(r("canvas", {
         id: "canvas-mask",
         ref_key: "canvas",
         ref: I,
@@ -286,17 +286,17 @@ const Ot = /* @__PURE__ */ P({
   },
   emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
   setup(c, { emit: n }) {
-    const e = c, a = n, t = d({ x: 0, y: 0, width: 0, height: 0 }), o = d(-1), r = d({}), l = d(null), p = d(new ye()), u = d(), s = d(), m = T(() => s.value.isHoverEnabled);
+    const e = c, a = n, t = d({ x: 0, y: 0, width: 0, height: 0 }), o = d(-1), i = d({}), l = d(null), p = d(new ye()), u = d(), s = d(), m = T(() => s.value.isHoverEnabled);
     H(
       () => e.viewModel.currentScene,
       () => {
-        e.viewModel.currentScene in r.value && (l.value = r.value[e.viewModel.currentScene]);
+        e.viewModel.currentScene in i.value && (l.value = i.value[e.viewModel.currentScene]);
       },
       { immediate: !0 }
     ), H(
-      r,
+      i,
       () => {
-        e.viewModel.currentScene in r.value && (l.value = r.value[e.viewModel.currentScene]);
+        e.viewModel.currentScene in i.value && (l.value = i.value[e.viewModel.currentScene]);
       },
       { immediate: !0 }
     ), H(t, () => {
@@ -321,7 +321,7 @@ const Ot = /* @__PURE__ */ P({
       }
     }), de(() => {
       for (let x = 1; x <= 4; x++) {
-        const O = ie(e.cdnFileResolver, `/scenedata${x}.svg`), I = {
+        const O = re(e.cdnFileResolver, `/scenedata${x}.svg`), I = {
           markup: "",
           viewBox: "",
           svgObjects: []
@@ -334,7 +334,7 @@ const Ot = /* @__PURE__ */ P({
           ).map((j) => ({
             index: parseInt(j.getAttribute("data-index")),
             svg: j.innerHTML
-          })), r.value = { ...r.value, [x]: I };
+          })), i.value = { ...i.value, [x]: I };
         });
       }
       u.value.addEventListener("mousemove", U(b, 50));
@@ -399,7 +399,7 @@ const Ot = /* @__PURE__ */ P({
       ref_key: "container",
       ref: u
     }, [
-      ve(i("div", {
+      ve(r("div", {
         class: "svg-container",
         style: se({
           opacity: !l.value || !l.value.svgObjects ? 0 : 1
@@ -442,14 +442,14 @@ const Ot = /* @__PURE__ */ P({
   },
   emits: ["prevUnit", "nextUnit", "goToUnit"],
   setup(c, { emit: n }) {
-    const e = c, a = T(() => e.selectedUnitId), t = T(() => e.nextUnitId), o = T(() => e.prevUnitId), r = n, l = Be(be);
+    const e = c, a = T(() => e.selectedUnitId), t = T(() => e.nextUnitId), o = T(() => e.prevUnitId), i = n, l = Be(be);
     de(() => {
       window.addEventListener("keydown", p);
     }), je(() => {
       window.removeEventListener("keydown", p);
     });
     function p(u) {
-      u.keyCode === 37 ? e.prevUnitId && r("prevUnit") : u.keyCode === 39 && e.nextUnitId && r("nextUnit");
+      u.keyCode === 37 ? e.prevUnitId && i("prevUnit") : u.keyCode === 39 && e.nextUnitId && i("nextUnit");
     }
     return (u, s) => {
       const m = B("v-btn");
@@ -466,7 +466,7 @@ const Ot = /* @__PURE__ */ P({
           icon: "mdi-chevron-left",
           class: "mr-sm-4 ml-sm-8 mr-3 ml-3 black darken-1",
           disabled: !o.value,
-          onClick: s[1] || (s[1] = (b) => r("prevUnit"))
+          onClick: s[1] || (s[1] = (b) => i("prevUnit"))
         }, null, 8, ["disabled"]),
         w(m, {
           color: "darken-2",
@@ -474,11 +474,11 @@ const Ot = /* @__PURE__ */ P({
           rounded: "",
           plain: "",
           disabled: !a.value || !u.canGoToUnitCallback(a.value),
-          onClick: s[2] || (s[2] = (b) => r("goToUnit", a.value))
+          onClick: s[2] || (s[2] = (b) => i("goToUnit", a.value))
         }, {
           default: C(() => [
             a.value && u.canGoToUnitCallback(a.value) ? (v(), D("span", jt, Q(ae(l).getLabel("seeApartment")) + "  ", 1)) : $("", !0),
-            i("span", Wt, Q(a.value ? e.unitRenderer(a.value) : "-"), 1)
+            r("span", Wt, Q(a.value ? e.unitRenderer(a.value) : "-"), 1)
           ]),
           _: 1
         }, 8, ["disabled"]),
@@ -488,7 +488,7 @@ const Ot = /* @__PURE__ */ P({
           icon: "mdi-chevron-right",
           class: "mr-sm-8 ml-sm-4 mr-3 ml-3 black darken-1",
           disabled: !t.value,
-          onClick: s[3] || (s[3] = (b) => r("nextUnit"))
+          onClick: s[3] || (s[3] = (b) => i("nextUnit"))
         }, null, 8, ["disabled"]),
         w(m, {
           elevation: "1",
@@ -610,7 +610,7 @@ const Qt = {
   setup(c, { emit: n }) {
     const e = c, a = n, t = h(), o = d(
       new lt(t.length).onLoadFinished(() => a("loaded")).onLoadProgress((A) => a("progress", A)).onLoadError(() => a("error"))
-    ), r = d(
+    ), i = d(
       new Gt(e.cardinalFrames, pt)
     ), l = d(t), p = d(!1), u = T(() => l.value.find((A) => A.show));
     H(
@@ -624,7 +624,7 @@ const Qt = {
     });
     function s(A, g, U) {
       e.viewModel.isRotating || (e.viewModel.isRotating = !0, m(
-        r.value.start(
+        i.value.start(
           g,
           A % Ne,
           U
@@ -639,7 +639,7 @@ const Qt = {
       }, 1e3 / an);
     }
     function b() {
-      const A = r.value.startFrameIndexForScene(
+      const A = i.value.startFrameIndexForScene(
         e.viewModel.currentScene % Ne
       );
       A in l.value && (l.value[A].show = !0), e.viewModel.isRotating = !1;
@@ -659,19 +659,19 @@ const Qt = {
     }
     function f(A) {
       const g = ("0000" + (A + 1)).slice(-4), U = e.build ? `?v=${e.build}` : "", x = [
-        `${ie(
+        `${re(
           e.cdnFileResolver,
           `/480/${g}.jpg${U}`
         )} 480w`,
-        `${ie(
+        `${re(
           e.cdnFileResolver,
           `/960/${g}.jpg${U}`
         )} 960w`,
-        `${ie(
+        `${re(
           e.cdnFileResolver,
           `/1280/${g}.jpg${U}`
         )} 1280w`
-      ].join(","), O = ie(
+      ].join(","), O = re(
         e.cdnFileResolver,
         `/480/${g}.jpg${U}`
       );
@@ -703,11 +703,11 @@ const Qt = {
             alt: x.index,
             class: he({ "frame-image": !0, show: x.show })
           }, [
-            i("source", {
+            r("source", {
               srcset: x.sourceSet,
               type: "image/jpeg"
             }, null, 8, tn),
-            i("img", {
+            r("img", {
               src: x.defaultPath,
               alt: "Building image",
               onLoad: g[2] || (g[2] = (O) => o.value.partLoaded()),
@@ -716,11 +716,11 @@ const Qt = {
           ], 10, en))), 128))
         ])) : (v(), D("div", qt, [
           u.value ? (v(), D("picture", Zt, [
-            i("source", {
+            r("source", {
               srcset: u.value.sourceSet,
               type: "image/jpeg"
             }, null, 8, Jt),
-            i("img", {
+            r("img", {
               src: u.value.defaultPath,
               onLoad: g[0] || (g[0] = (x) => p.value = !0),
               onError: g[1] || (g[1] = (x) => o.value.errorDetected())
@@ -739,10 +739,10 @@ const Qt = {
   emits: ["outside"],
   setup(c, { emit: n }) {
     const e = c, a = n, t = T(() => {
-      let o, r, l, p;
-      return e.pos.x <= e.pos.width / 2 ? (o = "-100%", l = "-8px") : (o = "0%", l = "8px"), e.pos.y <= e.pos.height / 2 ? (r = "-100%", p = "-8px") : (r = "0%", p = "8px"), `translate(${o}, ${r}) translate(${l}, ${p})`;
+      let o, i, l, p;
+      return e.pos.x <= e.pos.width / 2 ? (o = "-100%", l = "-8px") : (o = "0%", l = "8px"), e.pos.y <= e.pos.height / 2 ? (i = "-100%", p = "-8px") : (i = "0%", p = "8px"), `translate(${o}, ${i}) translate(${l}, ${p})`;
     });
-    return (o, r) => {
+    return (o, i) => {
       const l = B("v-dialog"), p = B("v-fade-transition");
       return v(), V(p, {
         origin: `top left ${o.pos.x} ${o.pos.y}`
@@ -763,7 +763,7 @@ const Qt = {
             key: 1,
             value: !0,
             width: "auto",
-            "onClick:outside": r[0] || (r[0] = (u) => a("outside", u))
+            "onClick:outside": i[0] || (i[0] = (u) => a("outside", u))
           }, {
             default: C(() => [
               K(o.$slots, "default", { isHoverable: o.isHoverable }, void 0, !0)
@@ -787,9 +787,9 @@ const Qt = {
   },
   emits: ["update"],
   setup(c, { emit: n }) {
-    const e = c, a = n, t = d(100), o = d(0), r = d(0), l = d(!1), p = d(!1), u = d(void 0), s = d(!1), m = d(), b = T(() => `translateX(${o.value}px) translateY(${r.value}px) scale(${h.value})`), h = T(() => t.value / 100), f = T(() => e.maxScale * 100);
-    H([h, o, r], () => {
-      re();
+    const e = c, a = n, t = d(100), o = d(0), i = d(0), l = d(!1), p = d(!1), u = d(void 0), s = d(!1), m = d(), b = T(() => `translateX(${o.value}px) translateY(${i.value}px) scale(${h.value})`), h = T(() => t.value / 100), f = T(() => e.maxScale * 100);
+    H([h, o, i], () => {
+      ie();
     }), H(
       () => e.desktop,
       () => {
@@ -910,8 +910,8 @@ const Qt = {
     }
     function z(M) {
       const R = m.value.clientHeight, q = R * h.value;
-      r.value = Math.max(
-        Math.min(0, r.value + M),
+      i.value = Math.max(
+        Math.min(0, i.value + M),
         -(q - R)
       );
     }
@@ -919,15 +919,15 @@ const Qt = {
       const te = m.value.clientWidth, ue = m.value.clientHeight, oe = te * h.value, Ae = ue * h.value;
       t.value = Math.min(Math.max(100, t.value + M), f.value);
       const xe = te * h.value, we = ue * h.value, ke = xe - oe, Ce = we - Ae;
-      o.value -= R / te * ke, r.value -= q / ue * Ce, E(0), z(0);
+      o.value -= R / te * ke, i.value -= q / ue * Ce, E(0), z(0);
     }
-    function re() {
+    function ie() {
       a("update", {
         scale: h.value,
         x: o.value,
-        y: r.value,
+        y: i.value,
         resolve: (M, R) => {
-          const q = m.value.clientWidth, te = m.value.clientHeight, ue = o.value / -h.value, oe = r.value / -h.value, Ae = ue + q / h.value, xe = oe + te / h.value, we = M / q * (Ae - ue) + ue, ke = R / te * (xe - oe) + oe;
+          const q = m.value.clientWidth, te = m.value.clientHeight, ue = o.value / -h.value, oe = i.value / -h.value, Ae = ue + q / h.value, xe = oe + te / h.value, we = M / q * (Ae - ue) + ue, ke = R / te * (xe - oe) + oe;
           return { x: we, y: ke };
         }
       });
@@ -938,7 +938,7 @@ const Qt = {
       class: "zoom-box-container",
       style: se({ position: e.position })
     }, [
-      i("div", {
+      r("div", {
         style: se({ "transform-origin": "top left", transform: b.value }),
         class: "zoom-box"
       }, [
@@ -1091,10 +1091,10 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
       be,
       a.i18nConfig ? new Fe(a.i18nConfig) : new Fe()
     );
-    const o = it({ isReady: !1, isError: !1 }), r = d(), l = d(), p = d(), u = d(), s = d({ x: 0, y: 0, width: 0, height: 0 }), m = d(), b = d(), h = d(), f = T(() => h.value.isHoverEnabled), y = T(() => a.useSvg ? Pt : $t), F = T(() => a.selectedUnitId), A = T(() => a.nextUnitId), g = T(() => a.prevUnitId);
+    const o = rt({ isReady: !1, isError: !1 }), i = d(), l = d(), p = d(), u = d(), s = d({ x: 0, y: 0, width: 0, height: 0 }), m = d(), b = d(), h = d(), f = T(() => h.value.isHoverEnabled), y = T(() => a.useSvg ? Pt : $t), F = T(() => a.selectedUnitId), A = T(() => a.nextUnitId), g = T(() => a.prevUnitId);
     Ie(() => {
       if (F.value && u.value) {
-        const I = r.value[F.value];
+        const I = i.value[F.value];
         I && (u.value.currentScene = I);
       }
     }), de(async () => {
@@ -1102,7 +1102,7 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
       p.value = a.apartmentChooserData && a.apartmentChooserData.scenes !== void 0 ? a.apartmentChooserData.scenes : e, l.value = a.apartmentChooserData && a.apartmentChooserData.sceneData !== void 0 ? a.apartmentChooserData.sceneData.map((S) => ({
         unitId: S.apartmentID,
         index: S.index
-      })) : [], r.value = a.apartmentChooserData && a.apartmentChooserData.sceneData !== void 0 ? a.apartmentChooserData.sceneData.map((S) => {
+      })) : [], i.value = a.apartmentChooserData && a.apartmentChooserData.sceneData !== void 0 ? a.apartmentChooserData.sceneData.map((S) => {
         const j = S.bestScene === 0 ? 4 : S.bestScene;
         return { unitId: S.apartmentID, scene: j };
       }).reduce((S, j) => ({ ...S, [j.unitId]: j.scene }), {}) : {};
@@ -1111,12 +1111,12 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
         for (let z = 0; z < dt; z++)
           E.push(L), L = yt(L);
         return S.sort((z, W) => {
-          const re = E.findIndex(
-            (R) => R === r.value[z[j]]
+          const ie = E.findIndex(
+            (R) => R === i.value[z[j]]
           ), M = E.findIndex(
-            (R) => R === r.value[W[j]]
+            (R) => R === i.value[W[j]]
           );
-          return re < M ? -1 : re > M ? 1 : 0;
+          return ie < M ? -1 : ie > M ? 1 : 0;
         }), S;
       }, Y = (S) => {
         u.value = new cn(S);
@@ -1125,7 +1125,7 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
         scene: I,
         scenes: p.value,
         sceneData: l.value,
-        scenesByApartment: r.value,
+        scenesByApartment: i.value,
         unitsSceneSort: _,
         initialize: Y
       });
@@ -1142,8 +1142,8 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
     return (I, _) => {
       const Y = B("v-progress-linear");
       return u.value ? (v(), D("div", vn, [
-        i("div", mn, [
-          i("div", pn, [
+        r("div", mn, [
+          r("div", pn, [
             w(Ze, {
               desktop: o.isReady && I.interactiveDesktop,
               mobile: o.isReady && I.interactiveMobile
@@ -1236,7 +1236,7 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
     currentTime: {}
   },
   setup(c) {
-    const n = c, e = T(() => ie(n.cdnFileResolver, n.timeSampleData.filename));
+    const n = c, e = T(() => re(n.cdnFileResolver, n.timeSampleData.filename));
     return (a, t) => ve((v(), D("img", {
       key: e.value,
       src: e.value,
@@ -1284,7 +1284,7 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
   },
   emits: ["goToBuilding", "hoverOverBuilding", "hoverOutBuilding"],
   setup(c, { emit: n }) {
-    const e = c, a = T(() => ie(e.cdnFileResolver, e.transitionData.filename));
+    const e = c, a = T(() => re(e.cdnFileResolver, e.transitionData.filename));
     return (t, o) => ve((v(), D("img", {
       key: a.value,
       src: a.value,
@@ -1325,10 +1325,10 @@ const xn = /* @__PURE__ */ P({
       a(
         "onCameraChange",
         o.value.find(
-          (r) => r.overlayFilename === t.value
+          (i) => i.overlayFilename === t.value
         )
       );
-    }), (r, l) => {
+    }), (i, l) => {
       const p = B("v-select");
       return v(), V(p, {
         modelValue: t.value,
@@ -1362,18 +1362,18 @@ const xn = /* @__PURE__ */ P({
       a(
         "onDayChange",
         e.cameraData.sunsimDayOfYear.find(
-          (r) => r.dayOfYear === t.value
+          (i) => i.dayOfYear === t.value
         )
       );
     });
-    function o(r) {
+    function o(i) {
       const l = /* @__PURE__ */ new Date(0);
-      return l.setUTCDate(r), l.toLocaleString("en-no", {
+      return l.setUTCDate(i), l.toLocaleString("en-no", {
         month: "short",
         day: "numeric"
       });
     }
-    return (r, l) => {
+    return (i, l) => {
       const p = B("v-list-item"), u = B("v-select");
       return v(), V(u, {
         modelValue: t.value,
@@ -1424,7 +1424,7 @@ const xn = /* @__PURE__ */ P({
         )
       );
     });
-    function r(p) {
+    function i(p) {
       const u = p * 60, s = Math.floor(u / 60), m = u % 60;
       return `${s.toString().padStart(2, "0")}:${m.toString().padStart(2, "0")}`;
     }
@@ -1452,7 +1452,7 @@ const xn = /* @__PURE__ */ P({
               ]),
               _: 1
             }),
-            ee(" " + Q(r(t.value)), 1)
+            ee(" " + Q(i(t.value)), 1)
           ])) : (v(), V(b, {
             key: 1,
             class: "pa-1",
@@ -1472,10 +1472,10 @@ const xn = /* @__PURE__ */ P({
                 onClick: l
               }, null, 8, ["icon"]),
               ee("   "),
-              i("span", En, Q(r(p.dayData.startTime)), 1)
+              r("span", En, Q(i(p.dayData.startTime)), 1)
             ]),
             append: C(() => [
-              i("span", Tn, Q(r(p.dayData.endTime)), 1),
+              r("span", Tn, Q(i(p.dayData.endTime)), 1),
               ee("   "),
               w(s, {
                 style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
@@ -1486,7 +1486,7 @@ const xn = /* @__PURE__ */ P({
                 ]),
                 _: 1
               }),
-              ee(" " + Q(r(t.value)), 1)
+              ee(" " + Q(i(t.value)), 1)
             ]),
             _: 1
           }, 8, ["modelValue", "min", "max", "step", "disabled"]))
@@ -1509,31 +1509,31 @@ const xn = /* @__PURE__ */ P({
     n({
       rotateShortestRoute: b
     });
-    const o = d(!1), r = d(a.currentScene), l = d(a.selectedId);
+    const o = d(!1), i = d(a.currentScene), l = d(a.selectedId);
     Ie(() => {
-      r.value = a.currentScene;
+      i.value = a.currentScene;
     }), Ie(() => {
       l.value = a.selectedId;
     }), Ie(() => {
-      t("onSceneChange", r.value);
+      t("onSceneChange", i.value);
     });
-    const p = T(() => o.value ? !1 : a.apartmentChooserData.loopable ? !0 : r.value !== a.apartmentChooserData.scenes[0]), u = 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]), u = T(() => o.value ? !1 : a.apartmentChooserData.loopable ? !0 : i.value !== a.apartmentChooserData.scenes[a.apartmentChooserData.scenes.length - 1]);
     function s() {
-      const f = r.value;
+      const f = i.value;
       let y = a.apartmentChooserData.scenes.findIndex((A) => A === f) + 1;
       y >= a.apartmentChooserData.scenes.length && (y = 0);
       const F = a.apartmentChooserData.scenes[y];
       a.apartmentChooserData.loopable && f > F ? h(f, F + a.apartmentChooserData.scenes.length) : h(f, F);
     }
     async function m() {
-      const f = r.value;
+      const f = i.value;
       let y = a.apartmentChooserData.scenes.findIndex((A) => A === f) - 1;
       y < 0 && (y = a.apartmentChooserData.scenes[a.apartmentChooserData.scenes.length - 1]);
       const F = a.apartmentChooserData.scenes[y];
       a.apartmentChooserData.loopable && f < F ? h(f + a.apartmentChooserData.scenes.length, F) : h(f, F);
     }
     function b(f) {
-      const y = r.value;
+      const y = i.value;
       if (a.apartmentChooserData.loopable)
         if (f < y) {
           let F = y - f, A = y - (a.apartmentChooserData.cameras.length + f);
@@ -1550,9 +1550,9 @@ const xn = /* @__PURE__ */ P({
         o.value = !0, t("onRotateStart", { from: f, to: y });
         let A, g = f;
         A = setInterval(() => {
-          g < y ? (g++, r.value = Math.abs(
+          g < y ? (g++, i.value = Math.abs(
             g % a.apartmentChooserData.cameras.length
-          )) : g > y ? (g--, r.value = Math.abs(
+          )) : g > y ? (g--, i.value = Math.abs(
             g % a.apartmentChooserData.cameras.length
           )) : (clearInterval(A), t("onRotateFinish", { from: f, to: y }), o.value = !1, F());
         }, 50);
@@ -1600,11 +1600,11 @@ const xn = /* @__PURE__ */ P({
   },
   emits: ["onClick", "onHoverOver", "onHoverOut", "updateSvgContainer"],
   setup(c, { emit: n }) {
-    const e = c, a = n, t = d(), o = d(), r = d(e.selectedId), l = it({});
+    const e = c, a = n, t = d(), o = d(), i = d(e.selectedId), l = rt({});
     H(
       () => e.selectedId,
       () => {
-        r.value = e.selectedId;
+        i.value = e.selectedId;
       }
     ), Ie(() => {
       for (const s in l) {
@@ -1617,12 +1617,12 @@ const xn = /* @__PURE__ */ P({
         };
         m.style.fill = `rgba(${h}, ${f}, ${y}, ${F / 255})`, m.style.stroke = `rgb(${h}, ${f}, ${y})`, m.style.strokeWidth = A.toString();
       }
-    }), H(r, () => {
+    }), H(i, () => {
       for (const s in l)
-        l[s].state === "selected" && s !== r.value ? l[s].state = "idle" : l[s].state !== "selected" && s === r.value && (l[s].state = "selected");
+        l[s].state === "selected" && s !== i.value ? l[s].state = "idle" : l[s].state !== "selected" && s === i.value && (l[s].state = "selected");
     }), Ie(async () => {
       t.value = await ye.loadText(
-        ie(e.cdnFileResolver, e.currentCamera.overlayFilename)
+        re(e.cdnFileResolver, e.currentCamera.overlayFilename)
       ), u();
     }), H(
       () => o.value,
@@ -1662,7 +1662,7 @@ const xn = /* @__PURE__ */ P({
           const h = b.getAttribute("data-apartment-id");
           l[h] = {
             element: b,
-            state: r.value === h ? "selected" : "idle"
+            state: i.value === h ? "selected" : "idle"
           }, b.addEventListener("mouseover", () => {
             l[h].state === "idle" && (l[h].state = "hover"), a("onHoverOver", h);
           }), b.addEventListener("mouseout", () => {
@@ -1720,8 +1720,8 @@ class Ye {
       return this._buildingIds[t];
   }
   _getBuildingIndex(n, e, a) {
-    const [t, o, r, l] = n.getPixel(e, a);
-    if (l === 255 && t === o && o === r)
+    const [t, o, i, l] = n.getPixel(e, a);
+    if (l === 255 && t === o && o === i)
       return t;
   }
 }
@@ -1733,7 +1733,7 @@ class bt {
     this._cdnFileResolver = n, this._resourceLoader = new ye();
   }
   constructFileUrl(n) {
-    return this._cdnFileResolver ? ie(this._cdnFileResolver, `/${n}`) : null;
+    return this._cdnFileResolver ? re(this._cdnFileResolver, `/${n}`) : null;
   }
   loadBuildingMapImage(n) {
     const e = this.constructFileUrl(n.lookupFilename);
@@ -1777,13 +1777,13 @@ class bt {
       if (n) {
         const e = await this.loadBuildingMapImage(n);
         if (e) {
-          const a = this.getViewLongitude(n), { buildingIds: t, buildingOverlays: o } = this.getBuildingData(n), r = this.getBackgroundImageData(n);
+          const a = this.getViewLongitude(n), { buildingIds: t, buildingOverlays: o } = this.getBuildingData(n), i = this.getBackgroundImageData(n);
           return {
             mapImage: e,
             viewLongitude: a,
             buildingIds: t,
             buildingOverlays: o,
-            backgrounds: r
+            backgrounds: i
           };
         }
       }
@@ -1960,7 +1960,7 @@ const Nn = (c) => {
   },
   emits: ["onClick", "onHoverOver", "onHoverOut", "onMouseMove"],
   setup(c, { emit: n }) {
-    const e = c, a = n, t = d(), o = d(), r = d(), l = d(
+    const e = c, a = n, t = d(), o = d(), i = d(), l = d(
       null
     ), p = d(4), u = d(), s = d(!1), m = d(!1), b = d(), h = d(), f = T(() => h.value.isHoverEnabled), y = d({ x: 0, y: 0, width: 0, height: 0 }), F = d(), A = d(), g = d(
       e.apartmentChooserData
@@ -1980,8 +1980,8 @@ const Nn = (c) => {
     ), I = async () => {
       let M, R;
       return R = await ye.loadJson(
-        ie(e.cdnFileResolver, "/apartmentChooser.json")
-      ), R.version === 5 ? R : (M = Nn(R), M);
+        re(e.cdnFileResolver, "/apartmentChooser.json")
+      ), parseInt(R.version) === 5 ? R : (M = Nn(R), M);
     };
     H(
       [
@@ -2008,9 +2008,9 @@ const Nn = (c) => {
     ), H(
       [g, () => e.cdnFileResolver, () => e.defaultTime],
       () => {
-        g.value && e.cdnFileResolver && (e.defaultTime ? r.value = o.value.timeSamples.find(
+        g.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]);
       },
@@ -2041,7 +2041,7 @@ const Nn = (c) => {
       });
     }
     function j(M) {
-      const R = r.value;
+      const R = i.value;
       o.value = M, Se(() => {
         L(
           o.value.timeSamples.find(
@@ -2053,7 +2053,7 @@ const Nn = (c) => {
       });
     }
     function L(M) {
-      r.value = M;
+      i.value = M;
     }
     function E(M) {
       a("onClick", M, () => {
@@ -2069,7 +2069,7 @@ const Nn = (c) => {
     function W(M) {
       a("onHoverOut", M), u.value = void 0;
     }
-    function re(M) {
+    function ie(M) {
       const { layerX: R, layerY: q } = M;
       let te = M.target, ue = !1;
       for (; te; )
@@ -2101,14 +2101,14 @@ const Nn = (c) => {
           default: C(() => [
             w(Le, { class: "w-100 h-100" }, {
               default: C(() => [
-                i("div", {
+                r("div", {
                   ref_key: "container",
                   ref: A,
                   class: he({ mobile: U.value }),
-                  onMousemove: re
+                  onMousemove: ie
                 }, [
-                  i("div", Gn, [
-                    i("div", Qn, [
+                  r("div", Gn, [
+                    r("div", Qn, [
                       g.value.cameras.length > 1 ? (v(), V(xn, {
                         key: 0,
                         "apartment-chooser-data": g.value,
@@ -2117,7 +2117,7 @@ const Nn = (c) => {
                         onOnCameraChange: _
                       }, null, 8, ["apartment-chooser-data", "current-camera", "disabled"])) : $("", !0)
                     ]),
-                    i("div", qn, [
+                    r("div", qn, [
                       t.value.sunsimDayOfYear.length > 1 ? (v(), V(Dn, {
                         key: 0,
                         "camera-data": t.value,
@@ -2126,17 +2126,17 @@ const Nn = (c) => {
                         onOnDayChange: j
                       }, null, 8, ["camera-data", "current-day", "disabled"])) : $("", !0)
                     ]),
-                    i("div", Zn, [
+                    r("div", Zn, [
                       o.value.timeSamples.length > 1 ? (v(), V(Bn, {
                         key: 0,
                         "day-data": o.value,
-                        "current-time": r.value,
+                        "current-time": i.value,
                         disabled: m.value,
                         onOnTimeChange: L
                       }, null, 8, ["day-data", "current-time", "disabled"])) : $("", !0)
                     ])
                   ]),
-                  i("div", Jn, [
+                  r("div", Jn, [
                     w(Rn, {
                       ref_key: "rotator",
                       ref: b,
@@ -2150,7 +2150,7 @@ const Nn = (c) => {
                       onOnRotateFinish: R[1] || (R[1] = (te) => m.value = !1)
                     }, null, 8, ["apartment-chooser-data", "current-scene", "selected-id", "render-display"])
                   ]),
-                  i("div", Xn, [
+                  r("div", Xn, [
                     w(Je, {
                       longitude: t.value.cameraRotation.y + 270
                     }, null, 8, ["longitude"])
@@ -2161,7 +2161,7 @@ const Nn = (c) => {
                         key: te.overlayFilename,
                         "camera-data": te,
                         "cdn-file-resolver": e.cdnFileResolver,
-                        "current-time": r.value
+                        "current-time": i.value
                       }, null, 8, ["camera-data", "cdn-file-resolver", "current-time"]))), 128)),
                       (v(!0), D(ce, null, me(O.value, (te) => (v(), V(Fn, {
                         "transition-data": te,
@@ -2195,7 +2195,7 @@ const Nn = (c) => {
                     pos: y.value
                   }, {
                     default: C(() => [
-                      i("div", ea, [
+                      r("div", ea, [
                         K(M.$slots, "popup", tt(nt({ hoverId: u.value, hoverable: f.value })), void 0, !0)
                       ])
                     ]),
@@ -2215,10 +2215,10 @@ const Nn = (c) => {
       ], 64);
     };
   }
-}), Qs = /* @__PURE__ */ J(ta, [["__scopeId", "data-v-d5f29d09"]]), na = { class: "sunsim-bar-wrapper" }, aa = { class: "sunsim-date d-flex align-center pl-5 pr-5" }, oa = {
+}), Qs = /* @__PURE__ */ J(ta, [["__scopeId", "data-v-61ab836a"]]), na = { class: "sunsim-bar-wrapper" }, aa = { class: "sunsim-date d-flex align-center pl-5 pr-5" }, oa = {
   key: 1,
   class: "text-center text-body-1"
-}, la = { class: "sunsim-wrapper d-flex align-center px-3" }, sa = { class: "sunsim-time-label text-body-1 font-weight-normal ml-2" }, ia = /* @__PURE__ */ P({
+}, la = { class: "sunsim-wrapper d-flex align-center px-3" }, sa = { class: "sunsim-time-label text-body-1 font-weight-normal ml-2" }, ra = /* @__PURE__ */ P({
   __name: "VBuildingChooserSunSimControl",
   props: {
     modelValue: {},
@@ -2228,7 +2228,7 @@ const Nn = (c) => {
   emits: ["update:modelValue"],
   setup(c, { emit: n }) {
     const e = c, a = n, t = d(e.modelValue), o = d();
-    function r(s) {
+    function i(s) {
       return s.toLocaleString("en-no", {
         month: "short",
         day: "numeric"
@@ -2237,9 +2237,9 @@ const Nn = (c) => {
     const l = T(() => {
       const s = Math.floor(t.value / 2).toString().padStart(2, "0"), m = t.value % 2 === 0 ? "00" : "30";
       return `${s}:${m}`;
-    }), p = T(() => e.dateSelector.dates.map(r)), u = T({
+    }), p = T(() => e.dateSelector.dates.map(i)), u = T({
       get() {
-        return r(e.dateSelector.selectedDate);
+        return i(e.dateSelector.selectedDate);
       },
       set(s) {
         e.dateSelector.selectIndex(p.value.indexOf(s));
@@ -2255,11 +2255,11 @@ const Nn = (c) => {
         t.value = Math.floor(s);
       }
     ), Ie(() => {
-      o.value = r(e.dateSelector.selectedDate);
+      o.value = i(e.dateSelector.selectedDate);
     }), (s, m) => {
       const b = B("v-icon"), h = B("v-select"), f = B("v-progress-linear"), y = B("v-slider");
       return v(), D("div", na, [
-        i("div", aa, [
+        r("div", aa, [
           w(b, {
             color: "black",
             class: "mr-2",
@@ -2276,8 +2276,8 @@ const Nn = (c) => {
             class: "day-selector"
           }, null, 8, ["modelValue", "items"])) : (v(), D("span", oa, Q(u.value), 1))
         ]),
-        i("div", la, [
-          i("span", sa, Q(l.value), 1),
+        r("div", la, [
+          r("span", sa, Q(l.value), 1),
           w(b, {
             medium: "",
             class: "ml-2 mr-2 icon"
@@ -2314,7 +2314,7 @@ const Nn = (c) => {
       ]);
     };
   }
-}), wt = /* @__PURE__ */ J(ia, [["__scopeId", "data-v-d5a3d3f8"]]), ra = { key: 0 }, ua = ["src"], ca = /* @__PURE__ */ P({
+}), wt = /* @__PURE__ */ J(ra, [["__scopeId", "data-v-d5a3d3f8"]]), ia = { key: 0 }, ua = ["src"], ca = /* @__PURE__ */ P({
   __name: "VBuildingChooserSceneImageStack",
   props: {
     imageUrls: {},
@@ -2322,7 +2322,7 @@ const Nn = (c) => {
   },
   emits: ["resize", "ready", "preloaded", "reset"],
   setup(c, { emit: n }) {
-    const e = c, a = n, t = d("init"), o = d(new lt(0)), r = d();
+    const e = c, a = n, t = d("init"), o = d(new lt(0)), i = d();
     H(
       () => e.imageUrls,
       (u) => {
@@ -2334,27 +2334,27 @@ const Nn = (c) => {
           const s = u[0].contentRect.width, m = u[0].contentRect.height;
           a("resize", { width: s, height: m });
         });
-      }).observe(r.value);
+      }).observe(i.value);
     });
     function l() {
       t.value = "preloaded", a("preloaded");
     }
     function p(u) {
-      t.value = "init", r.value.src = u[0], o.value = new lt(u.length).onLoadFinished(
+      t.value = "init", i.value.src = u[0], o.value = new lt(u.length).onLoadFinished(
         () => {
           t.value = "loaded", a("ready");
         }
       );
     }
     return (u, s) => (v(), D("div", null, [
-      i("img", {
+      r("img", {
         ref_key: "baseImage",
-        ref: r,
+        ref: i,
         class: "image-instance zero",
         style: { opacity: 1, borderRadius: 50 },
         onLoad: l
       }, null, 544),
-      t.value === "preloaded" || t.value === "loaded" ? ve((v(), D("div", ra, [
+      t.value === "preloaded" || t.value === "loaded" ? ve((v(), D("div", ia, [
         (v(!0), D(ce, null, me(u.imageUrls, (m, b) => (v(), D("img", {
           key: b,
           class: he({ "image-instance": !0, active: b === u.activeIndex }),
@@ -2397,7 +2397,7 @@ const Nn = (c) => {
     }), o = d({
       width: 0,
       height: 0
-    }), r = d({ x: 0, y: 0, width: 0, height: 0 }), l = d(), p = d(
+    }), i = d({ x: 0, y: 0, width: 0, height: 0 }), l = d(), p = d(
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
     ), u = d(!1), s = d(new ye()), m = d(), b = d("0 0 0 0"), h = d(), f = d(), y = d(Ye.empty()), F = d(Pe.empty()), A = d(), g = T(() => A.value.isHoverEnabled);
     H(l, (L, E) => {
@@ -2421,8 +2421,8 @@ const Nn = (c) => {
           viewLongitude: E.viewLongitude
         };
         const z = [];
-        for (let { id: W, url: re } of E.buildingOverlays)
-          s.value.loadJson(re.replace(".png", ".svg")).then((M) => {
+        for (let { id: W, url: ie } of E.buildingOverlays)
+          s.value.loadJson(ie.replace(".png", ".svg")).then((M) => {
             const q = new DOMParser().parseFromString(M, "image/svg+xml").getElementsByTagName("svg")[0];
             b.value = q.getAttribute("viewBox"), z.push({
               id: W,
@@ -2452,12 +2452,12 @@ const Nn = (c) => {
         L === l.value ? "hover" : "idle"
       );
       if (E) {
-        const { r: z, g: W, b: re, a: M, s: R } = E;
+        const { r: z, g: W, b: ie, a: M, s: R } = E;
         return {
           strokeWidth: R !== void 0 ? R : 2,
-          stroke: `rgb(${z}, ${W}, ${re})`,
+          stroke: `rgb(${z}, ${W}, ${ie})`,
           strokeOpacity: 1,
-          fill: `rgb(${z}, ${W}, ${re})`,
+          fill: `rgb(${z}, ${W}, ${ie})`,
           fillOpacity: M / 255,
           cursor: `${e.canGoToBuildingCallback(L) ? "cursor" : "default"} !important`
         };
@@ -2473,7 +2473,7 @@ const Nn = (c) => {
     }
     function _(L, E) {
       const { layerX: z, layerY: W } = L;
-      g.value && (r.value = {
+      g.value && (i.value = {
         x: z,
         y: W,
         width: o.value.width,
@@ -2482,7 +2482,7 @@ const Nn = (c) => {
     }
     function Y(L, E) {
       const { layerX: z, layerY: W } = L;
-      g.value && (r.value = {
+      g.value && (i.value = {
         x: z,
         y: W,
         width: o.value.width,
@@ -2491,7 +2491,7 @@ const Nn = (c) => {
     }
     function S(L, E) {
       const { layerX: z, layerY: W } = L;
-      g.value && (r.value = {
+      g.value && (i.value = {
         x: z,
         y: W,
         width: o.value.width,
@@ -2520,7 +2520,7 @@ const Nn = (c) => {
           mobile: L.interactiveMobile
         }, {
           default: C(() => [
-            i("div", va, [
+            r("div", va, [
               w(kt, {
                 "image-urls": h.value.imageUrls,
                 "active-index": p.value,
@@ -2530,11 +2530,11 @@ const Nn = (c) => {
                 onReset: x
               }, null, 8, ["image-urls", "active-index"]),
               m.value ? ve((v(), D("div", ma, [
-                i("div", pa, [
+                r("div", pa, [
                   (v(), D("svg", { viewBox: b.value }, [
-                    (v(!0), D(ce, null, me(m.value, ({ id: W, svg: re }, M) => (v(), D("g", {
+                    (v(!0), D(ce, null, me(m.value, ({ id: W, svg: ie }, M) => (v(), D("g", {
                       key: M,
-                      innerHTML: re,
+                      innerHTML: ie,
                       "data-building-id": W,
                       class: he(O(W)),
                       style: se(I(W)),
@@ -2548,7 +2548,7 @@ const Nn = (c) => {
               ], 512)), [
                 [fe, t.value.preloaded]
               ]) : $("", !0),
-              ve(i("div", {
+              ve(r("div", {
                 class: "custom-overlay-layer",
                 innerHTML: L.customOverlayContent
               }, null, 8, ga), [
@@ -2558,7 +2558,7 @@ const Nn = (c) => {
           ]),
           _: 1
         }, 8, ["desktop", "mobile"]),
-        ve(i("div", null, [
+        ve(r("div", null, [
           f.value.viewLongitude ? (v(), V(Je, {
             key: 0,
             class: "north-indicator",
@@ -2576,7 +2576,7 @@ const Nn = (c) => {
         L.showCards && l.value ? (v(), V(qe, {
           key: 0,
           "is-hoverable": g.value,
-          pos: r.value,
+          pos: i.value,
           onOutside: E[3] || (E[3] = () => l.value = void 0)
         }, {
           default: C(() => [
@@ -2584,7 +2584,7 @@ const Nn = (c) => {
               building: l.value,
               canGoToBuilding: L.canGoToBuildingCallback(l.value),
               goToBuilding: () => L.canGoToBuildingCallback(l.value) && a("goToBuilding", l.value),
-              pos: r.value,
+              pos: i.value,
               isHoverable: g.value,
               close: () => l.value = void 0
             }, void 0, !0)
@@ -2610,7 +2610,7 @@ const Nn = (c) => {
     n({
       setupDraw: s
     });
-    const a = d(!1), t = d(), o = d(new ye()), r = d(), l = d(), p = d([]), u = d();
+    const a = d(!1), t = d(), o = d(new ye()), i = d(), l = d(), p = d([]), u = d();
     H(
       () => e.color,
       (h, f) => {
@@ -2624,16 +2624,16 @@ const Nn = (c) => {
         return;
       const { width: h, height: f } = e.dimensions;
       if (!(h === 0 || f === 0)) {
-        r.value = u.value.getContext("2d", {
+        i.value = u.value.getContext("2d", {
           willReadFrequently: !0
-        }), r.value.drawImage(t.value, 0, 0, h, f), l.value = r.value.getImageData(0, 0, h, f);
+        }), i.value.drawImage(t.value, 0, 0, h, f), l.value = i.value.getImageData(0, 0, h, f);
         for (let y = 3; y < l.value.data.length; y += 4)
           l.value.data[y] !== 0 && p.value.push(y);
         m(), a.value = !0;
       }
     }
     function m() {
-      r.value && l.value && (b(), r.value.putImageData(l.value, 0, 0));
+      i.value && l.value && (b(), i.value.putImageData(l.value, 0, 0));
     }
     function b() {
       if (e.color)
@@ -2674,7 +2674,7 @@ const Nn = (c) => {
     const t = d(), o = d({
       preloaded: !1,
       ready: !1
-    }), r = d({
+    }), i = d({
       width: 0,
       height: 0
     }), l = d({ x: 0, y: 0, width: 0, height: 0 }), p = d(), u = d(Ye.empty()), s = d(Pe.empty()), m = d(), b = d(
@@ -2706,17 +2706,17 @@ const Nn = (c) => {
       }, I()) : f.value = !0;
     });
     function U({ width: L, height: E }) {
-      r.value.width = L, r.value.height = E, Se(I);
+      i.value.width = L, i.value.height = E, Se(I);
     }
     function x() {
       o.value = { preloaded: !1, ready: !1 };
     }
     function O(L) {
-      const { layerX: E, layerY: z } = L, { x: W, y: re } = h.value(E, z);
+      const { layerX: E, layerY: z } = L, { x: W, y: ie } = h.value(E, z);
       return u.value.getBuildingId(
         s.value,
         W,
-        re
+        ie
       );
     }
     function I() {
@@ -2729,8 +2729,8 @@ const Nn = (c) => {
       g.value && (m.value = O(L), m.value !== void 0 && (l.value = {
         x: E,
         y: z,
-        width: r.value.width,
-        height: r.value.height
+        width: i.value.width,
+        height: i.value.height
       }));
     }
     function Y(L) {
@@ -2756,7 +2756,7 @@ const Nn = (c) => {
         })
       ])) : p.value ? (v(), D("div", {
         key: 1,
-        style: se(`cursor: ${m.value ? "pointer" : "auto"};height: ${r.value.height}px; position: relative`),
+        style: se(`cursor: ${m.value ? "pointer" : "auto"};height: ${i.value.height}px; position: relative`),
         class: "image-container"
       }, [
         w(Ze, {
@@ -2765,7 +2765,7 @@ const Nn = (c) => {
           onUpdate: j
         }, {
           default: C(() => [
-            i("div", Ca, [
+            r("div", Ca, [
               w(kt, {
                 "image-urls": t.value.imageUrls,
                 "active-index": b.value,
@@ -2774,28 +2774,28 @@ const Nn = (c) => {
                 onReady: E[1] || (E[1] = (W) => o.value.ready = !0),
                 onReset: x
               }, null, 8, ["image-urls", "active-index"]),
-              ve(i("div", null, [
+              ve(r("div", null, [
                 (v(!0), D(ce, null, me(p.value.buildingOverlays, (W) => (v(), V(wa, {
                   ref_for: !0,
                   ref_key: "overlays",
                   ref: A,
                   key: W.id,
                   "image-url": W.url,
-                  dimensions: r.value,
+                  dimensions: i.value,
                   color: S(W.id)
                 }, null, 8, ["image-url", "dimensions", "color"]))), 128))
               ], 512), [
                 [fe, o.value.preloaded]
               ])
             ]),
-            i("canvas", _e(r.value, {
+            r("canvas", _e(i.value, {
               ref_key: "canvas",
               ref: F,
               class: { hover: !!m.value },
               onClick: Y,
               onMousemove: _
             }), null, 16),
-            ve(i("div", {
+            ve(r("div", {
               class: "custom-overlay-layer",
               innerHTML: L.customOverlayContent
             }, null, 8, Ia), [
@@ -2804,7 +2804,7 @@ const Nn = (c) => {
           ]),
           _: 1
         }, 8, ["desktop", "mobile"]),
-        ve(i("div", null, [
+        ve(r("div", null, [
           p.value.viewLongitude ? (v(), V(Je, {
             key: 0,
             class: "north-indicator",
@@ -2864,7 +2864,7 @@ const Nn = (c) => {
     const e = c, a = n, t = T(
       () => e.useSvg ? _a : Sa
     );
-    return (o, r) => (v(), V(ht(t.value), {
+    return (o, i) => (v(), V(ht(t.value), {
       "i18n-config": e.i18nConfig,
       "show-cards": e.showCards,
       "color-callback": e.colorCallback,
@@ -2875,9 +2875,9 @@ const Nn = (c) => {
       "can-go-to-building-callback": e.canGoToBuildingCallback,
       "custom-overlay-content": e.customOverlayContent,
       "building-chooser-data": e.buildingChooserData,
-      onGoToBuilding: r[0] || (r[0] = (l) => a("goToBuilding", l)),
-      onHoverOverBuilding: r[1] || (r[1] = (l) => a("hoverOverBuilding", l)),
-      onHoverOutBuilding: r[2] || (r[2] = (l) => a("hoverOutBuilding", l))
+      onGoToBuilding: i[0] || (i[0] = (l) => a("goToBuilding", l)),
+      onHoverOverBuilding: i[1] || (i[1] = (l) => a("hoverOverBuilding", l)),
+      onHoverOutBuilding: i[2] || (i[2] = (l) => a("hoverOutBuilding", l))
     }, Et({ _: 2 }, [
       me(Object.keys(o.$slots), (l) => ({
         name: l,
@@ -2895,7 +2895,7 @@ const Nn = (c) => {
     currentTime: {}
   },
   setup(c) {
-    const n = c, e = T(() => ie(n.cdnFileResolver, n.timeSampleData.filename));
+    const n = c, e = T(() => re(n.cdnFileResolver, n.timeSampleData.filename));
     return (a, t) => ve((v(), D("img", {
       key: e.value,
       src: e.value,
@@ -2952,11 +2952,11 @@ const Nn = (c) => {
           (o) => o.overlayFilename === t.value
         )
       );
-    }), (o, r) => {
+    }), (o, i) => {
       const l = B("v-select");
       return v(), V(l, {
         modelValue: t.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (p) => t.value = p),
+        "onUpdate:modelValue": i[0] || (i[0] = (p) => t.value = p),
         items: e.buildingChooserData.cameras,
         "item-title": "cameraName",
         "item-value": "overlayFilename",
@@ -2984,18 +2984,18 @@ const Nn = (c) => {
       a(
         "onDayChange",
         e.cameraData.sunsimDayOfYear.find(
-          (r) => r.dayOfYear === t.value
+          (i) => i.dayOfYear === t.value
         )
       );
     });
-    function o(r) {
+    function o(i) {
       const l = /* @__PURE__ */ new Date(0);
-      return l.setUTCDate(r), l.toLocaleString("en-no", {
+      return l.setUTCDate(i), l.toLocaleString("en-no", {
         month: "short",
         day: "numeric"
       });
     }
-    return (r, l) => {
+    return (i, l) => {
       const p = B("v-list-item"), u = B("v-select");
       return v(), V(u, {
         modelValue: t.value,
@@ -3044,7 +3044,7 @@ const Nn = (c) => {
         )
       );
     });
-    function r(p) {
+    function i(p) {
       const u = p * 60, s = Math.floor(u / 60), m = u % 60;
       return `${s.toString().padStart(2, "0")}:${m.toString().padStart(2, "0")}`;
     }
@@ -3072,7 +3072,7 @@ const Nn = (c) => {
               ]),
               _: 1
             }),
-            ee(" " + Q(r(t.value)), 1)
+            ee(" " + Q(i(t.value)), 1)
           ])) : (v(), V(b, {
             key: 1,
             class: "pa-1",
@@ -3091,10 +3091,10 @@ const Nn = (c) => {
                 onClick: l
               }, null, 8, ["icon"]),
               ee("   "),
-              i("span", Ra, Q(r(p.dayData.startTime)), 1)
+              r("span", Ra, Q(i(p.dayData.startTime)), 1)
             ]),
             append: C(() => [
-              i("span", Oa, Q(r(p.dayData.endTime)), 1),
+              r("span", Oa, Q(i(p.dayData.endTime)), 1),
               ee("   "),
               w(s, {
                 style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
@@ -3105,7 +3105,7 @@ const Nn = (c) => {
                 ]),
                 _: 1
               }),
-              ee(" " + Q(r(t.value)), 1)
+              ee(" " + Q(i(t.value)), 1)
             ]),
             _: 1
           }, 8, ["modelValue", "min", "max", "step"]))
@@ -3124,7 +3124,7 @@ const Nn = (c) => {
   },
   emits: ["onClick", "onHoverOver", "onHoverOut", "updateSvgContainer"],
   setup(c, { emit: n }) {
-    const e = c, a = n, t = d(), o = d(), r = d(e.selectedId), l = it({});
+    const e = c, a = n, t = d(), o = d(), i = d(e.selectedId), l = rt({});
     Ie(() => {
       for (const s in l) {
         const { element: m, state: b } = l[s], { r: h, g: f, b: y, a: F, s: A } = e.colorCallback(s, b) || {
@@ -3139,14 +3139,14 @@ const Nn = (c) => {
     }), H(
       () => e.selectedId,
       () => {
-        r.value = e.selectedId;
+        i.value = e.selectedId;
       }
-    ), H(r, () => {
+    ), H(i, () => {
       for (const s in l)
-        l[s].state === "selected" && s !== r.value ? l[s].state = "idle" : l[s].state !== "selected" && s === r.value && (l[s].state = "selected");
+        l[s].state === "selected" && s !== i.value ? l[s].state = "idle" : l[s].state !== "selected" && s === i.value && (l[s].state = "selected");
     }), Ie(async () => {
       t.value = await ye.loadText(
-        ie(e.cdnFileResolver, e.currentCamera.overlayFilename)
+        re(e.cdnFileResolver, e.currentCamera.overlayFilename)
       ), u();
     }), H(
       () => o.value,
@@ -3179,7 +3179,7 @@ const Nn = (c) => {
           const h = b.getAttribute("data-building-id");
           l[h] = {
             element: b,
-            state: r.value === h ? "selected" : "idle"
+            state: i.value === h ? "selected" : "idle"
           }, b.addEventListener("mouseover", () => {
             l[h].state === "idle" && (l[h].state = "hover"), a("onHoverOver", h);
           }), b.addEventListener("mouseout", () => {
@@ -3274,7 +3274,7 @@ const Nn = (c) => {
   },
   emits: ["onClick", "onHoverOver", "onHoverOut", "onMouseMove"],
   setup(c, { emit: n }) {
-    const e = c, a = n, t = d(), o = d(), r = d(), l = d(), p = d(!1), u = d(), s = T(() => u.value.isHoverEnabled), m = d({ x: 0, y: 0, width: 0, height: 0 }), b = d(), h = d(), f = d(
+    const e = c, a = n, t = d(), o = d(), i = d(), l = d(), p = d(!1), u = d(), s = T(() => u.value.isHoverEnabled), m = d({ x: 0, y: 0, width: 0, height: 0 }), b = d(), h = d(), f = d(
       e.buildingChooserData
     ), y = d(!1);
     de(() => p.value = !0), H(
@@ -3291,8 +3291,8 @@ const Nn = (c) => {
         return _;
       let Y;
       return Y = await ye.loadJson(
-        ie(e.cdnFileResolver, "/buildingChooser.json")
-      ), Y.version === 5 ? Y : (_ = ja(Y), _);
+        re(e.cdnFileResolver, "/buildingChooser.json")
+      ), parseInt(Y.version) === 5 ? Y : (_ = ja(Y), _);
     };
     H(
       [f, () => e.cdnFileResolver, () => e.defaultCamera],
@@ -3313,9 +3313,9 @@ const Nn = (c) => {
     ), H(
       [f, () => e.cdnFileResolver, () => e.defaultTime],
       () => {
-        f.value && e.cdnFileResolver && (e.defaultTime ? r.value = o.value.timeSamples.find(
+        f.value && e.cdnFileResolver && (e.defaultTime ? i.value = o.value.timeSamples.find(
           (_) => _.timeInHours === e.defaultTime
-        ) || o.value.timeSamples[0] : r.value = o.value.timeSamples.find(
+        ) || o.value.timeSamples[0] : i.value = o.value.timeSamples.find(
           (_) => _.timeInHours === o.value.defaultHour
         ) || o.value.timeSamples[0]);
       },
@@ -3332,7 +3332,7 @@ const Nn = (c) => {
       });
     }
     function g(_) {
-      const Y = r.value;
+      const Y = i.value;
       o.value = _, Se(() => {
         U(
           o.value.timeSamples.find(
@@ -3344,7 +3344,7 @@ const Nn = (c) => {
       });
     }
     function U(_) {
-      r.value = _;
+      i.value = _;
     }
     function x(_) {
       a("onHoverOver", _), l.value = _;
@@ -3384,13 +3384,13 @@ const Nn = (c) => {
           default: C(() => [
             w(Le, { class: "w-100 h-100" }, {
               default: C(() => [
-                i("div", {
+                r("div", {
                   ref_key: "container",
                   ref: h,
                   class: he({ mobile: y.value }),
                   onMousemove: I
                 }, [
-                  i("div", Wa, [
+                  r("div", Wa, [
                     f.value.cameras.length > 1 ? (v(), D("div", za, [
                       w(Ta, {
                         "building-chooser-data": f.value,
@@ -3398,7 +3398,7 @@ const Nn = (c) => {
                         onOnCameraChange: A
                       }, null, 8, ["building-chooser-data", "current-camera"])
                     ])) : $("", !0),
-                    i("div", Na, [
+                    r("div", Na, [
                       t.value.sunsimDayOfYear.length > 1 ? (v(), V(Va, {
                         key: 0,
                         "camera-data": t.value,
@@ -3406,16 +3406,16 @@ const Nn = (c) => {
                         onOnDayChange: g
                       }, null, 8, ["camera-data", "current-day"])) : $("", !0)
                     ]),
-                    i("div", Ga, [
+                    r("div", Ga, [
                       o.value.timeSamples.length > 1 ? (v(), V(Ua, {
                         key: 0,
                         "day-data": o.value,
-                        "current-time": r.value,
+                        "current-time": i.value,
                         onOnTimeChange: U
                       }, null, 8, ["day-data", "current-time"])) : $("", !0)
                     ])
                   ]),
-                  i("div", Qa, [
+                  r("div", Qa, [
                     w(Je, {
                       longitude: t.value.cameraRotation.y + 270
                     }, null, 8, ["longitude"])
@@ -3426,7 +3426,7 @@ const Nn = (c) => {
                         key: j.overlayFilename,
                         "camera-data": j,
                         "cdn-file-resolver": e.cdnFileResolver,
-                        "current-time": r.value
+                        "current-time": i.value
                       }, null, 8, ["camera-data", "cdn-file-resolver", "current-time"]))), 128)),
                       e.customOverlayContent ? (v(), D("div", {
                         key: 0,
@@ -3453,7 +3453,7 @@ const Nn = (c) => {
                     pos: m.value
                   }, {
                     default: C(() => [
-                      i("div", Za, [
+                      r("div", Za, [
                         K(_.$slots, "popup", tt(nt({ hoverId: l.value, hoverable: s.value })), void 0, !0)
                       ])
                     ]),
@@ -3473,7 +3473,7 @@ const Nn = (c) => {
       ], 64);
     };
   }
-}), qs = /* @__PURE__ */ J(Ja, [["__scopeId", "data-v-c770974a"]]);
+}), qs = /* @__PURE__ */ J(Ja, [["__scopeId", "data-v-fb406f0f"]]);
 var We = {};
 Object.defineProperty(We, "__esModule", {
   value: !0
@@ -3487,10 +3487,10 @@ We.isWebWorker = to;
 We.isNode = eo;
 We.isJsDom = no;
 We.isDeno = ao;
-const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
+const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, ro = {
   class: "player-control",
   id: "controls-top-left"
-}, ro = {
+}, io = {
   class: "player-control",
   id: "controls-top-center"
 }, uo = {
@@ -3527,7 +3527,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
   },
   emits: ["newCameraCallback", "newRotationCallback", "newFloorCallback", "newFovCallback", "playerApiCallback", "newSizeCallback"],
   setup(c, { emit: n }) {
-    const e = Bt.PlayerV2, a = c, t = n, o = d(), r = d(), l = d(0), p = d(0);
+    const e = Bt.PlayerV2, a = c, t = n, o = d(), i = d(), l = d(0), p = d(0);
     return H(
       [
         () => a.cdnFileResolver,
@@ -3536,11 +3536,11 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       ],
       async () => {
         o.value && await o.value.loadInterior(
-          ie(
+          re(
             a.cdnFileResolver,
             `/${a.interiorId}/${a.apartmentId}`
           ),
-          r.value,
+          i.value,
           !1
         );
       }
@@ -3552,7 +3552,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       ],
       async () => {
         o.value && await o.value.loadInterior(
-          ie(
+          re(
             a.cdnFileResolver,
             `/${a.interiorId}/${a.apartmentId}`
           ),
@@ -3564,21 +3564,21 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
     ), H(
       () => a.currentCameraId,
       (u) => {
-        o.value && (r.value = u, o.value.goToCamera(u, !0));
+        o.value && (i.value = u, o.value.goToCamera(u, !0));
       }
     ), H(o, (u) => {
       t("playerApiCallback", u);
       const s = o.value.getCurrentCamera();
-      s && (r.value = s.id);
+      s && (i.value = s.id);
     }), de(async () => {
       const b = {
         initialized: () => {
           o.value = e.Main.getPlayerAPI();
           const f = o.value.getCurrentCamera();
-          f && (r.value = f.id), t("newCameraCallback", r.value);
+          f && (i.value = f.id), t("newCameraCallback", i.value);
         },
         newCamera: (f) => {
-          t("newCameraCallback", f.id), t("newFloorCallback", f.floorLevel), o.value && o.value.resetMarkerBehaviour(0), r.value = f.id;
+          t("newCameraCallback", f.id), t("newFloorCallback", f.floorLevel), o.value && o.value.resetMarkerBehaviour(0), i.value = f.id;
         },
         newFOV: (f) => {
           t("newFovCallback", f), p.value = f;
@@ -3591,7 +3591,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       if (!oo)
         return;
       const h = await new e.Main(
-        ie(
+        re(
           a.cdnFileResolver,
           `/${a.interiorId}/${a.apartmentId}`
         ),
@@ -3607,37 +3607,37 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
     }), je(() => {
       o.value && o.value.destroy();
     }), (u, s) => (v(), D("div", lo, [
-      i("div", so, [
+      r("div", so, [
         K(u.$slots, "slideshow-image", {}, void 0, !0),
-        i("div", io, [
+        r("div", ro, [
           K(u.$slots, "top-left", {}, void 0, !0)
         ]),
-        i("div", ro, [
+        r("div", io, [
           K(u.$slots, "top-center", {}, void 0, !0)
         ]),
-        i("div", uo, [
+        r("div", uo, [
           K(u.$slots, "top-right", {}, void 0, !0)
         ]),
-        i("div", co, [
+        r("div", co, [
           K(u.$slots, "center-left", {}, void 0, !0)
         ]),
-        i("div", vo, [
+        r("div", vo, [
           K(u.$slots, "center-center", {}, void 0, !0)
         ]),
-        i("div", mo, [
+        r("div", mo, [
           K(u.$slots, "center-right", {}, void 0, !0)
         ]),
-        i("div", po, [
+        r("div", po, [
           K(u.$slots, "bottom-left", {}, void 0, !0)
         ]),
-        i("div", fo, [
+        r("div", fo, [
           K(u.$slots, "bottom-center", {}, void 0, !0)
         ]),
-        i("div", ho, [
+        r("div", ho, [
           K(u.$slots, "bottom-right", {}, void 0, !0)
         ]),
-        i("div", go, [
-          i("canvas", {
+        r("div", go, [
+          r("canvas", {
             id: "qpc",
             style: se(u.showStaticImage ? "visibility:hidden" : "visibility:visible")
           }, null, 4)
@@ -3660,7 +3660,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
     const e = c, a = n, t = Be(be), o = T(() => {
       const s = e.floorLevels;
       return s.sort(), s;
-    }), r = T(() => o.value.indexOf(e.level) + 1 <= o.value.length / 2 ? "lower" : "upper"), l = T(() => r.value === "lower"), p = T(() => r.value === "upper");
+    }), i = T(() => o.value.indexOf(e.level) + 1 <= o.value.length / 2 ? "lower" : "upper"), l = T(() => i.value === "lower"), p = T(() => i.value === "upper");
     function u() {
       const s = e.level + 1;
       s >= o.value.length ? a("level", o.value[0]) : a("level", o.value[s]);
@@ -3680,14 +3680,14 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
           }, f, { onClick: u }), {
             default: C(() => [
               (v(), D("svg", bo, [
-                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, wo),
-                i("path", {
+                r("path", {
                   d: "M8.98034 14.7993L1.54055 10.3376L8.98034 5.87599L16.4201 10.3376L8.98034 14.7993Z",
                   fill: "white",
                   stroke: l.value ? "black" : "#999999",
@@ -3700,7 +3700,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
           }, 1040)
         ]),
         default: C(() => [
-          i("span", Co, Q(ae(t).getLabel(r.value)) + " " + Q(ae(t).getLabel("floor")), 1)
+          r("span", Co, Q(ae(t).getLabel(i.value)) + " " + Q(ae(t).getLabel("floor")), 1)
         ]),
         _: 1
       });
@@ -3716,7 +3716,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
   emits: ["selectInterior"],
   setup(c, { emit: n }) {
     const e = c, a = n, t = Be(be);
-    return (o, r) => {
+    return (o, i) => {
       const l = B("v-icon"), p = B("v-btn"), u = B("v-img"), s = B("v-list-item-title"), m = B("v-list-item"), b = B("v-list"), h = B("v-menu");
       return v(), D("div", null, [
         w(h, {
@@ -3734,7 +3734,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                   ]),
                   _: 1
                 }),
-                i("span", So, Q(ae(t).getLabel("interior")), 1)
+                r("span", So, Q(ae(t).getLabel("interior")), 1)
               ]),
               _: 2
             }, 1040)
@@ -3788,7 +3788,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
     }), t = T(() => ({
       transform: `rotate(${-n.rotation + 180}deg)`
     }));
-    return (o, r) => {
+    return (o, i) => {
       const l = B("v-img");
       return v(), D("div", {
         style: se(a.value),
@@ -3814,15 +3814,15 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       return ("0" + t).slice(-2);
     }
     return (t, o) => {
-      const r = B("v-img");
+      const i = B("v-img");
       return v(), D("div", To, [
-        i("div", Vo, [
-          w(r, {
+        r("div", Vo, [
+          w(i, {
             src: ae(Eo),
             "aspect-ratio": "1"
           }, null, 8, ["src"])
         ]),
-        i("div", Bo, Q(e.value), 1)
+        r("div", Bo, Q(e.value), 1)
       ]);
     };
   }
@@ -3834,10 +3834,10 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
   emits: ["toggle"],
   setup(c, { emit: n }) {
     const e = c, a = n, t = Be(be), o = T(() => {
-      let r = "virtualTour";
-      return e.showStaticImage || (r = "slideShow"), r;
+      let i = "virtualTour";
+      return e.showStaticImage || (i = "slideShow"), i;
     });
-    return (r, l) => {
+    return (i, l) => {
       const p = B("v-btn");
       return v(), V(p, {
         color: "darken-2",
@@ -3853,222 +3853,222 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       });
     };
   }
-}), Oe = (c) => (rt("data-v-ccf327cb"), c = c(), ut(), c), Uo = {
+}), Oe = (c) => (it("data-v-ccf327cb"), c = c(), ut(), c), Uo = {
   key: 0,
   class: "tutorial"
 }, Ho = {
   key: 0,
   class: "desktop-content"
-}, Yo = { class: "d-inline-flex" }, Po = { class: "box col" }, jo = /* @__PURE__ */ Oe(() => /* @__PURE__ */ i("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
-  /* @__PURE__ */ i("svg", {
+}, Yo = { class: "d-inline-flex" }, Po = { class: "box col" }, jo = /* @__PURE__ */ Oe(() => /* @__PURE__ */ r("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
+  /* @__PURE__ */ r("svg", {
     width: "100",
     height: "65",
     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)), Wo = { class: "text mt-3" }, zo = { class: "box col" }, No = /* @__PURE__ */ Oe(() => /* @__PURE__ */ i("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
-  /* @__PURE__ */ i("svg", {
+], -1)), Wo = { class: "text mt-3" }, zo = { 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("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)), Go = { class: "text mt-3" }, Qo = { class: "box col" }, qo = /* @__PURE__ */ Oe(() => /* @__PURE__ */ i("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
-  /* @__PURE__ */ i("svg", {
+], -1)), Go = { class: "text mt-3" }, Qo = { class: "box col" }, qo = /* @__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",
@@ -4077,7 +4077,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       "stroke-width": "1.5",
       "stroke-linecap": "round"
     }),
-    /* @__PURE__ */ i("circle", {
+    /* @__PURE__ */ r("circle", {
       cx: "66.5",
       cy: "15.5",
       r: "9.75",
@@ -4085,7 +4085,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       stroke: "black",
       "stroke-width": "1.5"
     }),
-    /* @__PURE__ */ i("rect", {
+    /* @__PURE__ */ r("rect", {
       x: "66",
       y: "11",
       width: "1",
@@ -4095,7 +4095,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       "stroke-width": "0.75",
       "stroke-linejoin": "round"
     }),
-    /* @__PURE__ */ i("rect", {
+    /* @__PURE__ */ r("rect", {
       x: "71",
       y: "15",
       width: "1",
@@ -4107,15 +4107,15 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       "stroke-linejoin": "round"
     })
   ])
-], -1)), Zo = { class: "text mt-3" }, Jo = { class: "d-inline-flex space-around" }, Xo = { class: "box col" }, Ko = /* @__PURE__ */ Oe(() => /* @__PURE__ */ i("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
-  /* @__PURE__ */ i("svg", {
+], -1)), Zo = { class: "text mt-3" }, Jo = { class: "d-inline-flex space-around" }, Xo = { class: "box col" }, Ko = /* @__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",
@@ -4125,7 +4125,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       stroke: "black",
       "stroke-width": "1.5"
     }),
-    /* @__PURE__ */ i("rect", {
+    /* @__PURE__ */ r("rect", {
       x: "39.5488",
       y: "29.6777",
       width: "20.9032",
@@ -4136,7 +4136,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       stroke: "black",
       "stroke-width": "1.5"
     }),
-    /* @__PURE__ */ i("rect", {
+    /* @__PURE__ */ r("rect", {
       x: "60.4512",
       y: "34.3228",
       width: "20.9032",
@@ -4147,7 +4147,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       stroke: "black",
       "stroke-width": "1.5"
     }),
-    /* @__PURE__ */ i("rect", {
+    /* @__PURE__ */ r("rect", {
       x: "34.9033",
       y: "55.2261",
       width: "20.9032",
@@ -4158,19 +4158,19 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       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"
     })
@@ -4178,33 +4178,33 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
 ], -1)), el = { class: "text mt-3" }, tl = {
   key: 1,
   class: "d-flex flex-column tablet-mobile-content"
-}, nl = { class: "box horizontal mt-3" }, al = /* @__PURE__ */ Oe(() => /* @__PURE__ */ i("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
-  /* @__PURE__ */ i("svg", {
+}, nl = { class: "box horizontal mt-3" }, al = /* @__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",
@@ -4212,133 +4212,133 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       "stroke-linejoin": "round"
     })
   ])
-], -1)), ol = { class: "text ml-2" }, ll = { class: "box horizontal mt-3" }, sl = /* @__PURE__ */ Oe(() => /* @__PURE__ */ i("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
-  /* @__PURE__ */ i("svg", {
+], -1)), ol = { class: "text ml-2" }, ll = { class: "box horizontal mt-3" }, sl = /* @__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",
@@ -4346,33 +4346,33 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       "stroke-linejoin": "round"
     })
   ])
-], -1)), il = { class: "text ml-2" }, rl = { class: "box horizontal mt-3" }, ul = /* @__PURE__ */ Oe(() => /* @__PURE__ */ i("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
-  /* @__PURE__ */ i("svg", {
+], -1)), rl = { class: "text ml-2" }, il = { class: "box horizontal mt-3" }, ul = /* @__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",
@@ -4387,7 +4387,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
   },
   emits: ["closeTutorial"],
   setup(c, { emit: n }) {
-    const e = c, a = n, t = Be(be), o = d(!0), r = d(!1), l = T(() => [
+    const e = c, a = n, t = Be(be), o = d(!0), i = d(!1), l = T(() => [
       /Android/i,
       /webOS/i,
       /iPhone/i,
@@ -4402,7 +4402,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       return m && a("closeTutorial"), m;
     });
     function u() {
-      r.value && s(), o.value = !1, a("closeTutorial");
+      i.value && s(), o.value = !1, a("closeTutorial");
     }
     function s() {
       localStorage.setItem(`${e.project}-dont-show-tutorial`, "true");
@@ -4413,45 +4413,45 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
         default: C(() => [
           o.value && !p.value ? (v(), D("div", Uo, [
             l.value ? $("", !0) : (v(), D("div", Ho, [
-              i("div", Yo, [
-                i("div", Po, [
+              r("div", Yo, [
+                r("div", Po, [
                   jo,
-                  i("div", Wo, Q(ae(t).getLabel("clickAndDragToLookAround")), 1)
+                  r("div", Wo, Q(ae(t).getLabel("clickAndDragToLookAround")), 1)
                 ]),
-                i("div", zo, [
+                r("div", zo, [
                   No,
-                  i("div", Go, Q(ae(t).getLabel("clickOnTheCirclesToMoveAround")), 1)
+                  r("div", Go, Q(ae(t).getLabel("clickOnTheCirclesToMoveAround")), 1)
                 ]),
-                i("div", Qo, [
+                r("div", Qo, [
                   qo,
-                  i("div", Zo, Q(ae(t).getLabel("useTheMouseWheelToZoom")), 1)
+                  r("div", Zo, Q(ae(t).getLabel("useTheMouseWheelToZoom")), 1)
                 ])
               ]),
-              i("div", Jo, [
-                i("div", Xo, [
+              r("div", Jo, [
+                r("div", Xo, [
                   Ko,
-                  i("div", el, Q(ae(t).getLabel("youCanAlsoUseTheArrowKeysToMoveAround")), 1)
+                  r("div", el, Q(ae(t).getLabel("youCanAlsoUseTheArrowKeysToMoveAround")), 1)
                 ])
               ])
             ])),
             l.value ? (v(), D("div", tl, [
-              i("div", nl, [
+              r("div", nl, [
                 al,
-                i("div", ol, Q(ae(t).getLabel("tapAndDragToLookAround")), 1)
+                r("div", ol, Q(ae(t).getLabel("tapAndDragToLookAround")), 1)
               ]),
-              i("div", ll, [
+              r("div", ll, [
                 sl,
-                i("div", il, Q(ae(t).getLabel("tapOnTheCirclesToMoveAround")), 1)
+                r("div", rl, Q(ae(t).getLabel("tapOnTheCirclesToMoveAround")), 1)
               ]),
-              i("div", rl, [
+              r("div", il, [
                 ul,
-                i("div", cl, Q(ae(t).getLabel("useTwoFingersToZoom")), 1)
+                r("div", cl, Q(ae(t).getLabel("useTwoFingersToZoom")), 1)
               ])
             ])) : $("", !0),
-            i("div", dl, [
+            r("div", dl, [
               w(h, {
-                modelValue: r.value,
-                "onUpdate:modelValue": b[0] || (b[0] = (y) => r.value = y),
+                modelValue: i.value,
+                "onUpdate:modelValue": b[0] || (b[0] = (y) => i.value = y),
                 label: ae(t).getLabel("dontShowAgain")
               }, null, 8, ["modelValue", "label"]),
               w(f, {
@@ -4472,14 +4472,14 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       });
     };
   }
-}), ml = /* @__PURE__ */ J(vl, [["__scopeId", "data-v-ccf327cb"]]), pl = (c) => (rt("data-v-bd4f66c3"), c = c(), ut(), c), fl = { class: "player-settings-ui" }, hl = { id: "settings-ui-form" }, gl = { class: "form-inputs" }, yl = { class: "setting-label" }, _l = { class: "setting-label" }, bl = ["max", "min", "step"], wl = { class: "setting-label" }, kl = { class: "flex-grow-1 flex-shrink-0" }, Cl = ["onUpdate:modelValue"], Il = {
+}), ml = /* @__PURE__ */ J(vl, [["__scopeId", "data-v-ccf327cb"]]), pl = (c) => (it("data-v-bd4f66c3"), c = c(), ut(), c), fl = { class: "player-settings-ui" }, hl = { id: "settings-ui-form" }, gl = { class: "form-inputs" }, yl = { class: "setting-label" }, _l = { class: "setting-label" }, bl = ["max", "min", "step"], wl = { class: "setting-label" }, kl = { class: "flex-grow-1 flex-shrink-0" }, Cl = ["onUpdate:modelValue"], Il = {
   key: 3,
   "d-block": "",
   class: "mt-3"
 }, Al = { class: "d-flex justify-space-between" }, Sl = { class: "setting-label" }, Ll = {
   class: "mt-5 d-block",
   style: { width: "300px" }
-}, Fl = /* @__PURE__ */ pl(() => /* @__PURE__ */ i("div", { class: "setting-label" }, "Enter Lut URL:", -1)), xl = {
+}, Fl = /* @__PURE__ */ pl(() => /* @__PURE__ */ r("div", { class: "setting-label" }, "Enter Lut URL:", -1)), xl = {
   class: "d-block",
   style: { width: "300px" }
 }, Dl = { class: "form-buttons" }, Ml = /* @__PURE__ */ P({
@@ -4495,7 +4495,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
     H(
       t,
       () => {
-        r();
+        i();
       },
       { deep: !0 }
     );
@@ -4505,7 +4505,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
         y === "whitePoint" ? f[y] = s(F.value) : f[y] = F.value;
       return f;
     });
-    function r() {
+    function i() {
       a("updateSettings", o.value);
     }
     function l() {
@@ -4632,8 +4632,8 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
     return (f, y) => {
       const F = B("v-text-field"), A = B("v-slider"), g = B("v-checkbox"), U = B("v-btn"), x = B("v-select"), O = B("v-icon");
       return v(), D("div", fl, [
-        i("form", hl, [
-          i("div", gl, [
+        r("form", hl, [
+          r("div", gl, [
             (v(!0), D(ce, null, me(t.value, (I, _, Y) => (v(), D("div", {
               key: Y,
               "d-block": ""
@@ -4642,16 +4642,16 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                 key: 0,
                 modelValue: t.value[_].value,
                 "onUpdate:modelValue": (S) => t.value[_].value = S,
-                onChange: r,
+                onChange: i,
                 max: I.max,
                 min: I.min,
                 step: I.step
               }, {
                 prepend: C(() => [
-                  i("div", yl, Q(I.label), 1)
+                  r("div", yl, Q(I.label), 1)
                 ]),
                 append: C(() => [
-                  i("div", null, [
+                  r("div", null, [
                     w(F, {
                       modelValue: t.value[_].value,
                       "onUpdate:modelValue": (S) => t.value[_].value = S,
@@ -4663,7 +4663,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                       min: I.min,
                       step: I.step,
                       style: { width: "90px" },
-                      onChange: r
+                      onChange: i
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "max", "min", "step"])
                   ])
                 ]),
@@ -4673,13 +4673,13 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                 key: 1,
                 modelValue: t.value[_].value,
                 "onUpdate:modelValue": (S) => t.value[_].value = S,
-                onChange: r
+                onChange: i
               }, {
                 prepend: C(() => [
-                  i("div", _l, Q(I.label), 1)
+                  r("div", _l, Q(I.label), 1)
                 ]),
                 append: C(() => [
-                  i("div", null, Q(I.value), 1)
+                  r("div", null, Q(I.value), 1)
                 ]),
                 _: 2
               }, 1032, ["modelValue", "onUpdate:modelValue"])) : $("", !0),
@@ -4690,17 +4690,17 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                 min: I.min,
                 step: I.step
               }, [
-                i("div", wl, Q(I.label), 1),
-                i("div", kl, [
-                  ve(i("input", {
+                r("div", wl, Q(I.label), 1),
+                r("div", kl, [
+                  ve(r("input", {
                     "onUpdate:modelValue": (S) => t.value[_].value = S,
                     type: "color",
-                    onChange: r
+                    onChange: i
                   }, null, 40, Cl), [
                     [Tt, t.value[_].value]
                   ])
                 ]),
-                i("div", null, [
+                r("div", null, [
                   w(F, {
                     modelValue: t.value[_].value,
                     "onUpdate:modelValue": (S) => t.value[_].value = S,
@@ -4710,14 +4710,14 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                     readonly: "",
                     type: "text",
                     style: { width: "90px" },
-                    onChange: r
+                    onChange: i
                   }, null, 8, ["modelValue", "onUpdate:modelValue"])
                 ])
               ], 8, bl)) : $("", !0),
               I.type === "lut" ? (v(), D("div", Il, [
-                i("div", Al, [
-                  i("div", Sl, Q(I.label), 1),
-                  i("div", null, [
+                r("div", Al, [
+                  r("div", Sl, Q(I.label), 1),
+                  r("div", null, [
                     w(U, {
                       class: "ml-2",
                       "x-small": "",
@@ -4730,9 +4730,9 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                     }, 1032, ["onClick"])
                   ])
                 ]),
-                i("div", null, [
-                  i("div", Ll, [
-                    i("div", null, [
+                r("div", null, [
+                  r("div", Ll, [
+                    r("div", null, [
                       w(x, {
                         modelValue: t.value[_].value,
                         "onUpdate:modelValue": (S) => t.value[_].value = S,
@@ -4741,21 +4741,21 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                         "item-value": "value",
                         dense: "",
                         label: "Select Lut",
-                        onChange: r
+                        onChange: i
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])
                     ])
                   ]),
-                  i("div", null, [
+                  r("div", null, [
                     Fl,
-                    i("div", xl, [
-                      i("div", null, [
+                    r("div", xl, [
+                      r("div", null, [
                         w(F, {
                           modelValue: t.value[_].value,
                           "onUpdate:modelValue": (S) => t.value[_].value = S,
                           "hide-details": "",
                           dense: "",
                           type: "url",
-                          onChange: r
+                          onChange: i
                         }, null, 8, ["modelValue", "onUpdate:modelValue"])
                       ])
                     ])
@@ -4764,7 +4764,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
               ])) : $("", !0)
             ]))), 128))
           ]),
-          i("div", Dl, [
+          r("div", Dl, [
             w(U, {
               onClick: y[0] || (y[0] = (I) => u())
             }, {
@@ -4808,7 +4808,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       ]);
     };
   }
-}), El = /* @__PURE__ */ J(Ml, [["__scopeId", "data-v-bd4f66c3"]]), Tl = (c) => (rt("data-v-30593022"), c = c(), ut(), c), Vl = /* @__PURE__ */ Tl(() => /* @__PURE__ */ i("div", { id: "filler-div" }, null, -1)), Bl = {
+}), El = /* @__PURE__ */ J(Ml, [["__scopeId", "data-v-bd4f66c3"]]), Tl = (c) => (it("data-v-30593022"), c = c(), ut(), c), Vl = /* @__PURE__ */ Tl(() => /* @__PURE__ */ r("div", { id: "filler-div" }, null, -1)), Bl = {
   class: "moveable-body",
   id: "moveableDivHeader"
 }, Rl = { class: "moveable-footer" }, Ol = /* @__PURE__ */ P({
@@ -4819,8 +4819,8 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
     de(() => {
       t(document.getElementById("moveableDiv"));
     });
-    function t(r) {
-      const l = document.getElementById(r.id + "Header");
+    function t(i) {
+      const l = document.getElementById(i.id + "Header");
       if (!l)
         return;
       let p = 0, u = 0, s = 0, m = 0;
@@ -4833,7 +4833,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       function h(y) {
         y = y || window.event, y.preventDefault();
         let F = y;
-        y.type === "touchmove" && (F = y.touches[0]), p = s - F.clientX, u = m - F.clientY, s = F.clientX, m = F.clientY, r.style.top = r.offsetTop - u + "px", r.style.left = r.offsetLeft - p + "px";
+        y.type === "touchmove" && (F = y.touches[0]), p = s - F.clientX, u = m - F.clientY, s = F.clientX, m = F.clientY, i.style.top = i.offsetTop - u + "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);
@@ -4842,7 +4842,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
     function o() {
       a.value === "big" ? a.value = "small" : a.value = "big";
     }
-    return (r, l) => {
+    return (i, l) => {
       const p = B("v-btn");
       return v(), D("div", {
         id: "moveableDiv",
@@ -4869,11 +4869,11 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
           title: "Rotate"
         }),
         Vl,
-        i("div", Bl, [
-          K(r.$slots, "body", { class: "slot" }, void 0, !0)
+        r("div", Bl, [
+          K(i.$slots, "body", { class: "slot" }, void 0, !0)
         ]),
-        i("div", Rl, [
-          K(r.$slots, "footer", {}, void 0, !0)
+        r("div", Rl, [
+          K(i.$slots, "footer", {}, void 0, !0)
         ])
       ], 2);
     };
@@ -4892,7 +4892,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
   setup(c) {
     return (n, e) => (v(), D("svg", Ul, [
       Hl,
-      i("g", {
+      r("g", {
         "transform-origin": "20 20",
         transform: `rotate(${45 + n.rotation})`
       }, jl, 8, Yl)
@@ -4909,7 +4909,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
     transformAngle: {}
   },
   setup(c) {
-    const n = c, e = d(512), a = d(384), t = d(new Ve.Vector3()), o = d(new Ve.Object3D()), r = d({}), l = d(1), p = d(), u = T(() => n.allCameras), s = T(() => n.allCameras.find((_) => _.id === n.currentCamera)), m = T(() => n.rotation), b = T(() => new Ve.Vector3(
+    const n = c, e = d(512), a = d(384), t = d(new Ve.Vector3()), o = d(new Ve.Object3D()), i = d({}), l = d(1), p = d(), u = T(() => n.allCameras), s = T(() => n.allCameras.find((_) => _.id === n.currentCamera)), m = T(() => n.rotation), b = T(() => new Ve.Vector3(
       n.storey.position.x,
       n.storey.position.y,
       n.storey.position.z
@@ -4940,7 +4940,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       return Ve.MathUtils.degToRad(_);
     }
     function g() {
-      o.value.rotation.x = 180, o.value.rotation.y = n.storey.rotation.y * -1, r.value = {
+      o.value.rotation.x = 180, o.value.rotation.y = n.storey.rotation.y * -1, i.value = {
         transform: `rotateZ(${o.value.rotation.y}deg) rotateX(${o.value.rotation.x}deg)`
       };
     }
@@ -4973,18 +4973,18 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       _.offsetHeight > _.offsetWidth ? l.value = S * 0.5 : l.value = Y * 0.9;
     }
     return (_, Y) => (v(), D("div", zl, [
-      i("div", Nl, [
-        i("div", {
+      r("div", Nl, [
+        r("div", {
           class: "web-minimap",
           style: se(F.value)
         }, [
-          i("div", {
+          r("div", {
             class: "minimap-background-image",
             style: se(y.value)
           }, null, 4),
-          i("div", {
+          r("div", {
             class: "center-pivot",
-            style: se(r.value)
+            style: se(i.value)
           }, [
             (v(!0), D(ce, null, me(f.value, (S) => (v(), D("div", {
               key: S.id
@@ -5038,7 +5038,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
   },
   emits: ["setBackgroundImage"],
   setup(c, { emit: n }) {
-    const e = c, a = n, t = d((/* @__PURE__ */ new Date()).getHours()), o = d(!0), r = d(!0), l = d(""), p = d(/* @__PURE__ */ new Map()), u = T(() => e.minimapJson.storeys[e.level]), s = T(() => `${Math.floor(t.value).toString().padStart(2, "0")}:00`), m = T(() => {
+    const e = c, a = n, t = d((/* @__PURE__ */ new Date()).getHours()), o = d(!0), i = d(!0), l = d(""), p = d(/* @__PURE__ */ new Map()), u = T(() => e.minimapJson.storeys[e.level]), s = T(() => `${Math.floor(t.value).toString().padStart(2, "0")}:00`), m = T(() => {
       if (u.value.sunsimFilesTimeStamps[t.value]) {
         const A = u.value.sunsimFilesTimeStamps[t.value].split(" ");
         return `${A[0]} ${A[1]}`;
@@ -5048,7 +5048,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
     de(async () => {
       l.value = await f(
         u.value.sunsimFiles[t.value]
-      ), r.value = !1;
+      ), i.value = !1;
       const A = await h(e.minimapJson.storeys);
       p.value = A, o.value = !1, a("setBackgroundImage", b(e.level, t.value));
     }), H(t, () => {
@@ -5082,7 +5082,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
     }
     async function f(A) {
       const U = await (await fetch(
-        ie(
+        re(
           e.cdnFileResolver,
           `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/${A}`
         )
@@ -5104,8 +5104,8 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
     return (A, g) => {
       const U = B("v-progress-linear"), x = B("v-icon"), O = B("v-slider");
       return v(), D("div", Jl, [
-        i("div", Xl, [
-          i("div", Kl, [
+        r("div", Xl, [
+          r("div", Kl, [
             o.value ? (v(), V(U, {
               key: 0,
               indeterminate: "",
@@ -5153,11 +5153,11 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
   },
   emits: ["close"],
   setup(c, { emit: n }) {
-    const e = c, a = n, t = d(), o = d(0), r = T(() => e.minimapJson.storeys[e.level]);
+    const e = c, a = n, t = d(), o = d(0), i = T(() => e.minimapJson.storeys[e.level]);
     H(
-      r,
+      i,
       () => {
-        t.value = r.value.defaultSunsimFile ? `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/sunsim0_13.jpg` : `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/${r.value.defaultSunsimFile}`;
+        t.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 }
     );
@@ -5178,17 +5178,17 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       body: C(() => [
         w(Zl, {
           scale: l.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(Ql, {
             "transform-angle": o.value,
             "all-cameras": s.apartmentJson.cameras,
             "background-image": t.value,
             rotation: s.rotation,
             "current-camera": s.currentCamera,
-            storey: r.value
+            storey: i.value
           }, null, 8, ["transform-angle", "all-cameras", "background-image", "rotation", "current-camera", "storey"])
         ])
       ]),
@@ -5215,7 +5215,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       default: C(() => [
         e.value ? (v(), D("div", os, [
           ee(Q(ae(n).getLabel("allIllustrationsAreIndicativeDeviationsMayOccur")) + " ", 1),
-          i("span", {
+          r("span", {
             onClick: t[0] || (t[0] = (o) => e.value = !1),
             class: "link-text text-decoration-underline"
           }, Q(ae(n).getLabel("iUnderstand")), 1)
@@ -5224,7 +5224,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       _: 1
     }));
   }
-}), ss = /* @__PURE__ */ J(ls, [["__scopeId", "data-v-046402dc"]]), is = { class: "waypoint-carousel" }, rs = 37, us = 39, cs = /* @__PURE__ */ P({
+}), ss = /* @__PURE__ */ J(ls, [["__scopeId", "data-v-046402dc"]]), rs = { class: "waypoint-carousel" }, is = 37, us = 39, cs = /* @__PURE__ */ P({
   __name: "VWaypointCarousel",
   props: {
     thumbnails: {},
@@ -5239,7 +5239,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       set(u) {
         t.value = u;
       }
-    }), 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
     ));
     de(() => {
@@ -5249,7 +5249,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
     });
     function l(u) {
       switch (u.keyCode) {
-        case u.keyCode === rs:
+        case u.keyCode === is:
           a("previous");
           break;
         case u.keyCode === us:
@@ -5264,11 +5264,11 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
     }
     return (u, s) => {
       const m = B("v-btn"), b = B("v-img"), h = B("v-card"), f = B("v-slide-group-item"), y = B("v-slide-group");
-      return v(), D("div", is, [
+      return v(), D("div", rs, [
         w(y, {
           modelValue: o.value,
           "onUpdate:modelValue": s[2] || (s[2] = (F) => o.value = F),
-          class: he({ mobileWaypoint: r.value }),
+          class: he({ mobileWaypoint: i.value }),
           "active-class": "active-apt",
           "selected-class": "active-apt",
           "show-arrows": "",
@@ -5277,7 +5277,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
         }, {
           prev: C(() => [
             w(m, {
-              class: he(["carousel-button", { mobile: r.value }]),
+              class: he(["carousel-button", { mobile: i.value }]),
               icon: "mdi-chevron-left",
               varient: "tonal",
               size: "small",
@@ -5286,7 +5286,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
           ]),
           next: C(() => [
             w(m, {
-              class: he(["carousel-button", { mobile: r.value }]),
+              class: he(["carousel-button", { mobile: i.value }]),
               icon: "mdi-chevron-right",
               varient: "tonal",
               size: "small",
@@ -5300,7 +5300,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
               default: C(({ toggle: A, selectedClass: g }) => [
                 w(h, {
                   class: he([
-                    r.value ? "ma-0" : "ma-1",
+                    i.value ? "ma-0" : "ma-1",
                     g,
                     "single-waypoint"
                   ]),
@@ -5348,7 +5348,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
         "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",
@@ -5375,7 +5375,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
             }, g), null, 16)
           ]),
           default: C(() => [
-            i("span", null, Q(ae(n).getLabel("share")), 1)
+            r("span", null, Q(ae(n).getLabel("share")), 1)
           ]),
           _: 1
         }),
@@ -5407,7 +5407,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                 }),
                 w(y, { class: "mt-5" }, {
                   default: C(() => [
-                    i("p", ds, [
+                    r("p", ds, [
                       w(m, { location: "top" }, {
                         activator: C(({ props: g }) => [
                           w(s, _e({
@@ -5418,7 +5418,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                           }, g, { onClick: t }), null, 16)
                         ]),
                         default: C(() => [
-                          i("span", null, Q(ae(n).getLabel("shareToFacebook")), 1)
+                          r("span", null, Q(ae(n).getLabel("shareToFacebook")), 1)
                         ]),
                         _: 1
                       }),
@@ -5429,10 +5429,10 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                             fab: "",
                             light: "",
                             icon: "mdi-linkedin"
-                          }, g, { onClick: r }), null, 16)
+                          }, g, { onClick: i }), null, 16)
                         ]),
                         default: C(() => [
-                          i("span", null, Q(ae(n).getLabel("shareToLinkedin")), 1)
+                          r("span", null, Q(ae(n).getLabel("shareToLinkedin")), 1)
                         ]),
                         _: 1
                       }),
@@ -5446,7 +5446,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                           }, g, { onClick: o }), null, 16)
                         ]),
                         default: C(() => [
-                          i("span", null, Q(ae(n).getLabel("shareToTwitter")), 1)
+                          r("span", null, Q(ae(n).getLabel("shareToTwitter")), 1)
                         ]),
                         _: 1
                       }),
@@ -5462,7 +5462,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                           }, g), null, 16, ["href"])
                         ]),
                         default: C(() => [
-                          i("span", null, Q(ae(n).getLabel("shareViaEmail")), 1)
+                          r("span", null, Q(ae(n).getLabel("shareViaEmail")), 1)
                         ]),
                         _: 1
                       }),
@@ -5477,7 +5477,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                           }, g), null, 16)
                         ]),
                         default: C(() => [
-                          i("span", null, Q(ae(n).getLabel("copyLink")), 1)
+                          r("span", null, Q(ae(n).getLabel("copyLink")), 1)
                         ]),
                         _: 1
                       }),
@@ -5504,7 +5504,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
   setup(c) {
     const n = c, e = T(() => ({ "background-image": `url("${encodeURI(n.image)}")` }));
     return (a, t) => (v(), D("div", ms, [
-      i("div", {
+      r("div", {
         class: he(["img-div", [a.aspectRatio]]),
         style: se(e.value)
       }, null, 6)
@@ -5528,7 +5528,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
           density: "comfortable",
           elevation: "3",
           icon: a.isFullScreen ? "mdi-fullscreen-exit" : "mdi-fullscreen",
-          onClick: t[0] || (t[0] = (r) => e("toggleFullscreen"))
+          onClick: t[0] || (t[0] = (i) => e("toggleFullscreen"))
         }, null, 8, ["icon"])
       ]);
     };
@@ -5629,7 +5629,7 @@ const gs = {
   },
   emits: ["onSnapshot", "saveSettings", "onInteriorUpdate", "onCameraUpdate", "onError"],
   setup(c, { emit: n }) {
-    const e = c, a = n, t = d(!1), o = d(!1), r = d(), l = d(), p = d(), u = d(), s = d(), m = d(0), b = d(), h = d(), f = d(), y = d(0), F = d(0), A = d(0), g = d(!1), U = d(!1), x = d(!1), O = d(
+    const e = c, a = n, t = d(!1), o = d(!1), i = d(), l = d(), p = d(), u = d(), s = d(), m = d(0), b = d(), h = d(), f = d(), y = d(0), F = d(0), A = d(0), g = d(!1), U = d(!1), x = d(!1), O = d(
       new At(document, "player-wrapper")
     ), I = T(() => {
       if (l.value) {
@@ -5666,7 +5666,7 @@ const gs = {
       )
     })) : []), j = T(() => !S.value || !S.value[m.value] ? "" : S.value[m.value].imageUrl), L = T(() => {
       let k = [];
-      return r.value && (k = r.value.archetypes), e.validInteriorIds.length ? k.filter(
+      return i.value && (k = i.value.archetypes), e.validInteriorIds.length ? k.filter(
         (N) => e.validInteriorIds.includes(N.archetypeID)
       ) : k;
     }), E = T(() => p.value ? L.value.map((k) => ({
@@ -5677,7 +5677,7 @@ const gs = {
     })) : []), z = T(() => {
       if (u.value)
         return u.value.storeys[_.value];
-    }), W = T(() => l.value && l.value.timeInHours), re = T(() => {
+    }), W = T(() => l.value && l.value.timeInHours), ie = T(() => {
       if (l.value && l.value.timeInHours && e.showTimeOfDay)
         return Lt(l.value.timeInHours);
     });
@@ -5700,7 +5700,7 @@ const gs = {
       }
     });
     async function M() {
-      r.value = await ue();
+      i.value = await ue();
     }
     async function R() {
       if (l.value = await oe(
@@ -5720,7 +5720,7 @@ const gs = {
     }
     function q() {
       let k = e.defaultInteriorId;
-      k || (k = r.value.defaultArchetypeID), e.validInteriorIds.length && !e.validInteriorIds.includes(k) && (k = e.validInteriorIds[0]), k || (k = r.value.archetypes[0].archetypeID), b.value = k;
+      k || (k = i.value.defaultArchetypeID), e.validInteriorIds.length && !e.validInteriorIds.includes(k) && (k = e.validInteriorIds[0]), k || (k = i.value.archetypes[0].archetypeID), b.value = k;
     }
     function te() {
       const k = document.getElementById("main-canvas");
@@ -5753,7 +5753,7 @@ const gs = {
       } catch (k) {
         console.error(
           "Error loading config.json - ",
-          ie(e.cdnFileResolver, "/config.json"),
+          re(e.cdnFileResolver, "/config.json"),
           k
         );
         return;
@@ -5849,7 +5849,7 @@ const gs = {
       return a("onSnapshot", He, xt), He;
     }
     function ge(k) {
-      let N = ie(e.cdnFileResolver, k);
+      let N = re(e.cdnFileResolver, k);
       return e.adminMode && (N = N + `?v=${Date.now()}`), N;
     }
     async function Ue(k) {
@@ -5881,7 +5881,7 @@ const gs = {
         class: he(["virtual-tour-wrapper", [mt.value]])
       }, [
         o.value ? (v(), D("div", gs, "Error loading the player!!")) : $("", !0),
-        i("div", ys, [
+        r("div", ys, [
           !O.value.isActive && u.value && f.value && z.value && b.value && U.value ? (v(), V(ft, {
             key: 0,
             "cdn-file-resolver": k.cdnFileResolver,
@@ -5965,13 +5965,13 @@ const gs = {
                 ], 512)), [
                   [fe, x.value]
                 ]) : $("", !0),
-                i("div", {
+                r("div", {
                   onClick: N[3] || (N[3] = (pe) => U.value = !U.value)
                 }, [
                   x.value && l.value && W.value && k.showTimeOfDay ? (v(), V(Oo, {
                     key: 0,
-                    hours: re.value.hours,
-                    minutes: re.value.minutes,
+                    hours: ie.value.hours,
+                    minutes: ie.value.minutes,
                     class: "time-of-day",
                     style: se({
                       cursor: u.value && f.value && z.value ? "pointer" : "default"
@@ -5995,7 +5995,7 @@ const gs = {
               ]),
               "center-center": C(() => [
                 w(ml, {
-                  project: ae(ie)(e.cdnFileResolver, ""),
+                  project: ae(re)(e.cdnFileResolver, ""),
                   onCloseTutorial: N[4] || (N[4] = (pe) => x.value = !0)
                 }, null, 8, ["project"]),
                 O.value.isActive && u.value && f.value && z.value && U.value ? (v(), V(ft, {
@@ -6120,33 +6120,33 @@ const gs = {
   emits: ["newSizeCallback"],
   setup(c, { emit: n }) {
     return (e, a) => (v(), D("div", Ss, [
-      i("div", Ls, [
+      r("div", Ls, [
         K(e.$slots, "slideshow-image", {}, void 0, !0),
-        i("div", Fs, [
+        r("div", Fs, [
           K(e.$slots, "top-left", {}, void 0, !0)
         ]),
-        i("div", xs, [
+        r("div", xs, [
           K(e.$slots, "top-center", {}, void 0, !0)
         ]),
-        i("div", Ds, [
+        r("div", Ds, [
           K(e.$slots, "top-right", {}, void 0, !0)
         ]),
-        i("div", Ms, [
+        r("div", Ms, [
           K(e.$slots, "center-left", {}, void 0, !0)
         ]),
-        i("div", Es, [
+        r("div", Es, [
           K(e.$slots, "center-center", {}, void 0, !0)
         ]),
-        i("div", Ts, [
+        r("div", Ts, [
           K(e.$slots, "center-right", {}, void 0, !0)
         ]),
-        i("div", Vs, [
+        r("div", Vs, [
           K(e.$slots, "bottom-left", {}, void 0, !0)
         ]),
-        i("div", Bs, [
+        r("div", Bs, [
           K(e.$slots, "bottom-center", {}, void 0, !0)
         ]),
-        i("div", Rs, [
+        r("div", Rs, [
           K(e.$slots, "bottom-right", {}, void 0, !0)
         ])
       ])
@@ -6182,7 +6182,7 @@ const gs = {
     de(() => {
       a.value.setup();
     });
-    function r() {
+    function i() {
       a.value.toggle(), window.scrollTo({ top: 150, behavior: "smooth" });
     }
     function l() {
@@ -6202,13 +6202,13 @@ const gs = {
     return (s, m) => {
       const b = B("v-img"), h = B("v-btn");
       return v(), D("div", Us, [
-        i("div", Hs, [
-          i("div", null, [
+        r("div", Hs, [
+          r("div", null, [
             w($s, {
               "is-full-screen": a.value.isActive
             }, {
               "slideshow-image": C(() => [
-                i("div", Ys, [
+                r("div", Ys, [
                   w(b, {
                     src: o.value.thumbnailUrl
                   }, null, 8, ["src"])
@@ -6251,14 +6251,14 @@ const gs = {
                   key: 0,
                   "is-full-screen": a.value.isActive,
                   class: "btn-fullscreen",
-                  onToggleFullscreen: r
+                  onToggleFullscreen: i
                 }, null, 8, ["is-full-screen"])) : $("", !0),
                 s.showShare ? (v(), D("div", Ps, [
                   w(Ct)
                 ])) : $("", !0)
               ]),
               "bottom-center": C(() => [
-                i("div", null, [
+                r("div", null, [
                   a.value.isActive && t.value.length > 1 ? (v(), V(et, {
                     key: 0,
                     class: he([a.value.isActive ? "full-screen" : ""]),