@qispace/vue3-player 0.2.6 → 0.2.7

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

@@ -1,8 +1,8 @@
 var jt = Object.defineProperty;
 var Pt = (l, a, e) => a in l ? jt(l, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[a] = e;
 var re = (l, a, e) => (Pt(l, typeof a != "symbol" ? a + "" : a, e), e);
-import { defineComponent as j, ref as p, computed as O, openBlock as m, createElementBlock as A, watch as H, onMounted as ye, onBeforeUnmount as Ye, withDirectives as pe, createElementVNode as d, normalizeStyle as ue, vShow as ge, createVNode as b, Fragment as ie, renderList as ve, createCommentVNode as $, inject as Ge, resolveComponent as V, withCtx as _, toDisplayString as G, unref as T, createTextVNode as ee, normalizeClass as he, createBlock as E, renderSlot as se, provide as Qe, reactive as st, watchEffect as xe, resolveDynamicComponent as xt, normalizeProps as tt, guardReactiveProps as nt, mergeProps as Se, nextTick as ke, Transition as Ee, createSlots as Wt, pushScopeId as rt, popScopeId as it, vModelText as Nt, createStaticVNode as At, onBeforeUpdate as Gt, toRefs as Oe } from "vue";
-import pt from "axios";
+import { defineComponent as j, ref as p, computed as O, openBlock as m, createElementBlock as A, watch as H, onMounted as ye, onBeforeUnmount as Ye, withDirectives as pe, createElementVNode as d, normalizeStyle as ue, vShow as ge, createVNode as b, Fragment as ie, renderList as ve, createCommentVNode as $, inject as Ge, resolveComponent as T, withCtx as _, toDisplayString as G, unref as V, createTextVNode as ee, normalizeClass as he, createBlock as E, renderSlot as se, provide as Qe, reactive as st, watchEffect as xe, resolveDynamicComponent as xt, normalizeProps as tt, guardReactiveProps as nt, mergeProps as Se, nextTick as ke, Transition as Ee, createSlots as Wt, pushScopeId as rt, popScopeId as it, vModelText as Nt, createStaticVNode as At, onBeforeUpdate as Gt, toRefs as Oe } from "vue";
+import mt from "axios";
 import * as Qt from "@qispace/player-core";
 import * as He from "three";
 class Ce {
@@ -19,10 +19,10 @@ class Ce {
     return new Ce().loadImageData(a);
   }
   async loadText(a) {
-    return (await pt.get(a)).data;
+    return (await mt.get(a)).data;
   }
   async loadJson(a) {
-    return (await pt.get(a)).data;
+    return (await mt.get(a)).data;
   }
   async loadImage(a) {
     return new Promise((e, t) => {
@@ -76,18 +76,18 @@ const qt = /* @__PURE__ */ j({
   },
   emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
   setup(l, { emit: a }) {
-    const e = l, t = a, n = p({ x: 0, y: 0, width: 0, height: 0 }), o = p(0), i = p(0), s = p(), v = p(), u = p(), r = p(), h = p(-1), k = p(!1), f = p(), c = p(), g = p({}), I = p("auto"), S = p(new Ce()), y = p({}), R = p(), F = p(), Y = p(), D = p(), C = p(), W = O(() => Y.value.isHoverEnabled), L = O(() => ce(
+    const e = l, t = a, n = p({ x: 0, y: 0, width: 0, height: 0 }), o = p(0), i = p(0), s = p(), v = p(), u = p(), r = p(), h = p(-1), k = p(!1), f = p(), c = p(), g = p({}), S = p("auto"), I = p(new Ce()), y = p({}), R = p(), F = p(), Y = p(), D = p(), C = p(), W = O(() => Y.value.isHoverEnabled), L = O(() => ce(
       e.cdnFileResolver,
       `/scenedata${e.viewModel.currentScene}.png`
     )), Z = O(() => L.value in g.value ? g.value[L.value] : null), w = O(() => h.value < 0 ? !1 : e.sceneData.find((N) => N.index === h.value) || !1), M = O(() => ({
       width: o.value + "px",
       height: i.value + "px",
-      cursor: I.value
+      cursor: S.value
     })), q = O(() => `hover-${k.value ? "over" : "out"}-${w.value ? typeof w.value == "object" && "unitId" in w.value ? w.value.unitId : w.value : ""}`);
     H(
       L,
       () => {
-        g.value[L.value] || S.value.loadImageData(L.value).then((z) => {
+        g.value[L.value] || I.value.loadImageData(L.value).then((z) => {
           g.value = {
             ...g.value,
             [L.value]: z
@@ -113,7 +113,7 @@ const qt = /* @__PURE__ */ j({
         be();
       }
     ), H(w, () => {
-      be(), w.value ? I.value = "pointer" : I.value = "auto";
+      be(), w.value ? S.value = "pointer" : S.value = "auto";
     }), H(q, () => {
       k.value ? t("hoverOver", {
         hoverUnit: w.value ? w.value.unitId : !1,
@@ -359,11 +359,11 @@ const qt = /* @__PURE__ */ j({
     function g(F) {
       h.value && (o.value = -1);
     }
-    function I(F) {
+    function S(F) {
       const Y = f(F);
       t("selectUnit", Y), h.value && Y && e.canGoToUnitCallback(Y) ? t("goToUnit", Y) : o.value = F;
     }
-    function S(F) {
+    function I(F) {
       const Y = f(F);
       let D = "idle";
       o.value < 0 && e.selectedUnitId && Y === e.selectedUnitId ? D = "selected" : o.value >= 0 && o.value === F && (D = "hover");
@@ -412,10 +412,10 @@ const qt = /* @__PURE__ */ j({
           (m(!0), A(ie, null, ve(s.value.svgObjects, ({ index: D, svg: C }) => (m(), A("g", {
             key: D,
             innerHTML: C,
-            style: ue(S(D)),
+            style: ue(I(D)),
             onMouseenter: (W) => c(D),
             onMouseleave: (W) => g(),
-            onClick: (W) => I(D)
+            onClick: (W) => S(D)
           }, null, 44, Kt))), 128))
         ], 8, Xt)) : $("", !0)
       ], 4), [
@@ -452,7 +452,7 @@ const qt = /* @__PURE__ */ j({
       u.keyCode === 37 ? e.prevUnitId && i("prevUnit") : u.keyCode === 39 && e.nextUnitId && i("nextUnit");
     }
     return (u, r) => {
-      const h = V("v-btn");
+      const h = T("v-btn");
       return m(), A("div", null, [
         b(h, {
           elevation: "1",
@@ -477,7 +477,7 @@ const qt = /* @__PURE__ */ j({
           onClick: r[2] || (r[2] = (k) => i("goToUnit", t.value))
         }, {
           default: _(() => [
-            t.value && u.canGoToUnitCallback(t.value) ? (m(), A("span", nn, G(T(s).getLabel("seeApartment")) + "  ", 1)) : $("", !0),
+            t.value && u.canGoToUnitCallback(t.value) ? (m(), A("span", nn, G(V(s).getLabel("seeApartment")) + "  ", 1)) : $("", !0),
             d("span", an, G(t.value ? e.unitRenderer(t.value) : "-"), 1)
           ]),
           _: 1
@@ -501,7 +501,7 @@ const qt = /* @__PURE__ */ j({
     };
   }
 }), ln = /* @__PURE__ */ K(on, [["__scopeId", "data-v-44ed308e"]]);
-class ft {
+class pt {
   constructor(a) {
     re(this, "_numParts");
     re(this, "_loadedCount");
@@ -539,7 +539,7 @@ class ft {
     return Math.round(this._loadedCount * 100 / this._numParts);
   }
 }
-class yt {
+class gt {
   constructor(a, e, t, n) {
     re(this, "_rotator");
     re(this, "_direction");
@@ -557,7 +557,7 @@ class yt {
     const a = this._rotator.clampFrameIndex(
       this._frameIndex + this._direction
     ), e = this._rotator.isCardinalFrame(a) ? this._sceneCount - 1 : this._sceneCount;
-    return new yt(
+    return new gt(
       this._rotator,
       this._direction,
       a,
@@ -573,7 +573,7 @@ class sn {
   }
   start(a, e, t) {
     const n = this.startFrameIndexForScene(e);
-    return new yt(this, a, n, t);
+    return new gt(this, a, n, t);
   }
   isCardinalFrame(a) {
     return this._cardinalFrames.includes(a);
@@ -598,7 +598,7 @@ const rn = {
   key: 2,
   id: "image-stack",
   class: "frame-container"
-}, pn = ["alt"], fn = ["srcset"], hn = ["src"], wt = 64, Ke = 4, gn = 120, yn = /* @__PURE__ */ j({
+}, pn = ["alt"], fn = ["srcset"], hn = ["src"], kt = 64, Ke = 4, gn = 120, yn = /* @__PURE__ */ j({
   __name: "VApartmentChooserRotator",
   props: {
     viewModel: {},
@@ -609,56 +609,56 @@ const rn = {
   emits: ["loaded", "error", "progress"],
   setup(l, { emit: a }) {
     const e = l, t = a, n = f(), o = p(
-      new ft(n.length).onLoadFinished(() => t("loaded")).onLoadProgress((S) => t("progress", S)).onLoadError(() => t("error"))
+      new pt(n.length).onLoadFinished(() => t("loaded")).onLoadProgress((I) => t("progress", I)).onLoadError(() => t("error"))
     ), i = p(
-      new sn(e.cardinalFrames, wt)
-    ), s = p(n), v = p(!1), u = O(() => s.value.find((S) => S.show));
+      new sn(e.cardinalFrames, kt)
+    ), s = p(n), v = p(!1), u = O(() => s.value.find((I) => I.show));
     H(
       () => e.viewModel.currentScene,
-      (S, y) => {
-        const R = I(y, S), F = g(y, S);
+      (I, y) => {
+        const R = S(y, I), F = g(y, I);
         r(y, R, F);
       }
     ), ye(() => {
       k();
     });
-    function r(S, y, R) {
+    function r(I, y, R) {
       e.viewModel.isRotating || (e.viewModel.isRotating = !0, h(
         i.value.start(
           y,
-          S % Ke,
+          I % Ke,
           R
         )
       ));
     }
-    function h(S) {
+    function h(I) {
       setTimeout(() => {
-        s.value[S.frameIndex].show = !1;
-        const y = S.nextFrame();
+        s.value[I.frameIndex].show = !1;
+        const y = I.nextFrame();
         s.value[y.frameIndex].show = !0, y.atEnd ? k() : window.requestAnimationFrame(() => h(y));
       }, 1e3 / gn);
     }
     function k() {
-      const S = i.value.startFrameIndexForScene(
+      const I = i.value.startFrameIndexForScene(
         e.viewModel.currentScene % Ke
       );
-      S in s.value && (s.value[S].show = !0), e.viewModel.isRotating = !1;
+      I in s.value && (s.value[I].show = !0), e.viewModel.isRotating = !1;
     }
     function f() {
-      const S = [];
-      for (let y = 0; y < wt; y++) {
+      const I = [];
+      for (let y = 0; y < kt; y++) {
         const { sourceSet: R, defaultPath: F } = c(y);
-        S.push({
+        I.push({
           index: y,
           sourceSet: R,
           defaultPath: F,
           show: !1
         });
       }
-      return S;
+      return I;
     }
-    function c(S) {
-      const y = ("0000" + (S + 1)).slice(-4), R = e.build ? `?v=${e.build}` : "", F = [
+    function c(I) {
+      const y = ("0000" + (I + 1)).slice(-4), R = e.build ? `?v=${e.build}` : "", F = [
         `${ce(
           e.cdnFileResolver,
           `/480/${y}.jpg${R}`
@@ -677,18 +677,18 @@ const rn = {
       );
       return { sourceSet: F, defaultPath: Y };
     }
-    function g(S, y) {
-      const R = Ke / 2, F = Math.abs(S - y);
+    function g(I, y) {
+      const R = Ke / 2, F = Math.abs(I - y);
       return F > R ? Ke - F : F;
     }
-    function I(S, y) {
-      if (S === y)
+    function S(I, y) {
+      if (I === y)
         return 0;
-      const F = Math.abs(S - y) < Ke / 2;
-      return F && S < y || !F && S > y ? 1 : -1;
+      const F = Math.abs(I - y) < Ke / 2;
+      return F && I < y || !F && I > y ? 1 : -1;
     }
-    return (S, y) => {
-      const R = V("v-icon");
+    return (I, y) => {
+      const R = T("v-icon");
       return m(), A("div", null, [
         o.value.isError ? (m(), A("div", rn, [
           b(R, { "x-large": "" }, {
@@ -743,7 +743,7 @@ const rn = {
       return e.pos.x <= e.pos.width / 2 ? (o = "-100%", s = "-8px") : (o = "0%", s = "8px"), e.pos.y <= e.pos.height / 2 ? (i = "-100%", v = "-8px") : (i = "0%", v = "8px"), `translate(${o}, ${i}) translate(${s}, ${v})`;
     });
     return (o, i) => {
-      const s = V("v-dialog"), v = V("v-fade-transition");
+      const s = T("v-dialog"), v = T("v-fade-transition");
       return m(), E(v, {
         origin: `top left ${o.pos.x} ${o.pos.y}`
       }, {
@@ -801,19 +801,19 @@ const rn = {
     ), H(
       () => t.desktop,
       () => {
-        t.desktop ? I() : y();
+        t.desktop ? S() : y();
       }
     ), H(
       () => t.mobile,
       () => {
-        t.mobile ? S() : R();
+        t.mobile ? I() : R();
       }
     ), ye(() => {
-      t.desktop && I(), t.mobile && S();
+      t.desktop && S(), t.mobile && I();
     }), Ye(() => {
       t.desktop && y(), t.mobile && R();
     });
-    function I() {
+    function S() {
       k.value.addEventListener("wheel", F, {
         capture: !0
       }), k.value.addEventListener("mousedown", Y, {
@@ -826,7 +826,7 @@ const rn = {
         capture: !0
       });
     }
-    function S() {
+    function I() {
       k.value.addEventListener("touchstart", L, {
         capture: !0
       }), k.value.addEventListener("touchmove", Z, {
@@ -963,12 +963,12 @@ const rn = {
       ], 4)
     ], 4));
   }
-}), qe = /* @__PURE__ */ K(Cn, [["__scopeId", "data-v-3e334a46"]]), _t = 4;
+}), qe = /* @__PURE__ */ K(Cn, [["__scopeId", "data-v-3e334a46"]]), yt = 4;
 function Ft(l) {
-  return l < _t ? l + 1 : 1;
+  return l < yt ? l + 1 : 1;
 }
 function kn(l) {
-  return l > 1 ? l - 1 : _t;
+  return l > 1 ? l - 1 : yt;
 }
 class wn {
   constructor(a) {
@@ -1198,10 +1198,10 @@ const Sn = { key: 0 }, Dn = { class: "interactive-viewer" }, xn = { class: "fill
       Le,
       t.i18nConfig ? new Fe(t.i18nConfig) : new Fe()
     );
-    const o = st({ isReady: !1, isError: !1 }), i = p(), s = p(), v = p(), u = p(), r = p({ x: 0, y: 0, width: 0, height: 0 }), h = p(), k = p(), f = p(), c = O(() => f.value.isHoverEnabled), g = O(() => t.useSvg ? tn : Jt), I = O(() => t.selectedUnitId), S = O(() => t.nextUnitId), y = O(() => t.prevUnitId);
+    const o = st({ isReady: !1, isError: !1 }), i = p(), s = p(), v = p(), u = p(), r = p({ x: 0, y: 0, width: 0, height: 0 }), h = p(), k = p(), f = p(), c = O(() => f.value.isHoverEnabled), g = O(() => t.useSvg ? tn : Jt), S = O(() => t.selectedUnitId), I = O(() => t.nextUnitId), y = O(() => t.prevUnitId);
     xe(() => {
-      if (I.value && u.value) {
-        const D = i.value[I.value];
+      if (S.value && u.value) {
+        const D = i.value[S.value];
         D && (u.value.currentScene = D);
       }
     }), ye(async () => {
@@ -1215,7 +1215,7 @@ const Sn = { key: 0 }, Dn = { class: "interactive-viewer" }, xn = { class: "fill
       }).reduce((L, Z) => ({ ...L, [Z.unitId]: Z.scene }), {}) : {};
       const C = (L, Z = "unitId") => {
         let w = D, M = [];
-        for (let q = 0; q < _t; q++)
+        for (let q = 0; q < yt; q++)
           M.push(w), w = Ft(w);
         return L.sort((q, Q) => {
           const oe = M.findIndex(
@@ -1247,7 +1247,7 @@ const Sn = { key: 0 }, Dn = { class: "interactive-viewer" }, xn = { class: "fill
       k.value = null, h.value = D.closeHandler, n("hoverOutUnit", D.hoverUnit);
     }
     return (D, C) => {
-      const W = V("v-progress-linear");
+      const W = T("v-progress-linear");
       return u.value ? (m(), A("div", Sn, [
         d("div", Dn, [
           d("div", xn, [
@@ -1269,7 +1269,7 @@ const Sn = { key: 0 }, Dn = { class: "interactive-viewer" }, xn = { class: "fill
                   (m(), E(xt(g.value), {
                     "cdn-file-resolver": t.cdnFileResolver,
                     "view-model": u.value,
-                    "selected-unit-id": I.value,
+                    "selected-unit-id": S.value,
                     "scene-data": s.value,
                     "color-callback": t.colorCallback,
                     "can-go-to-unit-callback": t.canGoToUnitCallback,
@@ -1311,13 +1311,13 @@ const Sn = { key: 0 }, Dn = { class: "interactive-viewer" }, xn = { class: "fill
               b(ln, {
                 "can-go-to-unit-callback": t.canGoToUnitCallback,
                 "unit-renderer": t.unitRenderer,
-                "selected-unit-id": I.value,
+                "selected-unit-id": S.value,
                 "prev-unit-id": y.value,
-                "next-unit-id": S.value,
+                "next-unit-id": I.value,
                 "view-model": u.value,
                 onGoToUnit: C[5] || (C[5] = (L) => n("goToUnit", L)),
                 onPrevUnit: C[6] || (C[6] = (L) => n("navUnit", y.value)),
-                onNextUnit: C[7] || (C[7] = (L) => n("navUnit", S.value))
+                onNextUnit: C[7] || (C[7] = (L) => n("navUnit", I.value))
               }, null, 8, ["can-go-to-unit-callback", "unit-renderer", "selected-unit-id", "prev-unit-id", "next-unit-id", "view-model"])
             ])) : o.isError ? $("", !0) : (m(), A("div", Ln, [
               b(W, {
@@ -1419,10 +1419,10 @@ function zn(l) {
       return !1;
   return !0;
 }
-function bt(l) {
+function _t(l) {
   return !("filename" in l);
 }
-function ht(l) {
+function ft(l) {
   return "filename" in l;
 }
 const jn = /* @__PURE__ */ j({
@@ -1444,7 +1444,7 @@ const jn = /* @__PURE__ */ j({
       }
     );
     const o = O(
-      () => e.apartmentChooserData ? e.apartmentChooserData.cameras.filter(bt) : []
+      () => e.apartmentChooserData ? e.apartmentChooserData.cameras.filter(_t) : []
     );
     return H(n, () => {
       t(
@@ -1454,7 +1454,7 @@ const jn = /* @__PURE__ */ j({
         )
       );
     }), (i, s) => {
-      const v = V("v-select");
+      const v = T("v-select");
       return m(), E(v, {
         modelValue: n.value,
         "onUpdate:modelValue": s[0] || (s[0] = (u) => n.value = u),
@@ -1499,7 +1499,7 @@ const jn = /* @__PURE__ */ j({
       });
     }
     return (i, s) => {
-      const v = V("v-list-item"), u = V("v-select");
+      const v = T("v-list-item"), u = T("v-select");
       return m(), E(u, {
         modelValue: n.value,
         "onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
@@ -1564,7 +1564,7 @@ const jn = /* @__PURE__ */ j({
       }, 200));
     }
     return (v, u) => {
-      const r = V("v-icon"), h = V("v-btn"), k = V("v-slider"), f = V("v-field");
+      const r = T("v-icon"), h = T("v-btn"), k = T("v-slider"), f = T("v-field");
       return m(), E(f, { variant: "solo" }, {
         default: _(() => [
           v.dayData.startTime === v.dayData.endTime ? (m(), A("div", Wn, [
@@ -1645,55 +1645,55 @@ const jn = /* @__PURE__ */ j({
     const v = O(() => o.value ? !1 : t.apartmentChooserData.loopable ? !0 : i.value !== t.apartmentChooserData.scenes[0]), u = O(() => o.value ? !1 : t.apartmentChooserData.loopable ? !0 : i.value !== t.apartmentChooserData.scenes[t.apartmentChooserData.scenes.length - 1]);
     function r() {
       const c = i.value;
-      let g = t.apartmentChooserData.scenes.findIndex((S) => S === c) + 1;
+      let g = t.apartmentChooserData.scenes.findIndex((I) => I === c) + 1;
       g >= t.apartmentChooserData.scenes.length && (g = 0);
-      const I = t.apartmentChooserData.scenes[g];
-      t.apartmentChooserData.loopable && c > I, f(c, I);
+      const S = t.apartmentChooserData.scenes[g];
+      t.apartmentChooserData.loopable && c > S, f(c, S);
     }
     async function h() {
       const c = i.value;
-      let g = t.apartmentChooserData.scenes.findIndex((S) => S === c) - 1;
+      let g = t.apartmentChooserData.scenes.findIndex((I) => I === c) - 1;
       g < 0 && (g = t.apartmentChooserData.scenes.length - 1);
-      const I = t.apartmentChooserData.scenes[g];
-      t.apartmentChooserData.loopable && c < I, f(c, I);
+      const S = t.apartmentChooserData.scenes[g];
+      t.apartmentChooserData.loopable && c < S, f(c, S);
     }
     function k(c) {
       const g = i.value;
       if (t.apartmentChooserData.loopable)
         if (c < g) {
-          let I = g - c, S = g - (t.apartmentChooserData.cameras.length + c);
-          return Math.abs(I) > Math.abs(S) ? f(g, c) : f(g, t.apartmentChooserData.cameras.length + c);
+          let S = g - c, I = g - (t.apartmentChooserData.cameras.length + c);
+          return Math.abs(S) > Math.abs(I) ? f(g, c) : f(g, t.apartmentChooserData.cameras.length + c);
         } else {
-          let I = g - c, S = t.apartmentChooserData.cameras.length + g - c;
-          return Math.abs(I) > Math.abs(S) ? f(g, c) : f(t.apartmentChooserData.cameras.length + g, c);
+          let S = g - c, I = t.apartmentChooserData.cameras.length + g - c;
+          return Math.abs(S) > Math.abs(I) ? f(g, c) : f(t.apartmentChooserData.cameras.length + g, c);
         }
       else
         return f(g, c);
     }
     function f(c, g) {
-      return new Promise((I) => {
+      return new Promise((S) => {
         o.value = !0, n("onRotateStart", { from: c, to: g });
-        let S, y = c;
-        S = setInterval(() => {
+        let I, y = c;
+        I = setInterval(() => {
           y < g ? (y++, i.value = Math.abs(
             y % t.apartmentChooserData.cameras.length
           )) : y > g ? (y--, i.value = Math.abs(
             y % t.apartmentChooserData.cameras.length
-          )) : (clearInterval(S), n("onRotateFinish", { from: c, to: g }), o.value = !1, I());
+          )) : (clearInterval(I), n("onRotateFinish", { from: c, to: g }), o.value = !1, S());
         }, 50);
       });
     }
     return (c, g) => {
-      const I = V("v-btn"), S = V("v-chip");
+      const S = T("v-btn"), I = T("v-chip");
       return m(), A(ie, null, [
-        b(I, {
+        b(S, {
           class: "mx-2",
           icon: "mdi-restore",
           size: "small",
           disabled: !v.value,
           onClick: h
         }, null, 8, ["disabled"]),
-        c.renderDisplay && s.value ? (m(), E(S, {
+        c.renderDisplay && s.value ? (m(), E(I, {
           key: 0,
           variant: "flat",
           color: "white",
@@ -1705,7 +1705,7 @@ const jn = /* @__PURE__ */ j({
           ]),
           _: 1
         })) : $("", !0),
-        b(I, {
+        b(S, {
           class: "mx-2",
           icon: "mdi-reload",
           size: "small",
@@ -1733,14 +1733,14 @@ const jn = /* @__PURE__ */ j({
       }
     ), xe(() => {
       for (const r in s) {
-        const { element: h, state: k } = s[r], { r: f, g: c, b: g, a: I, s: S } = e.colorCallback(r, k) || {
+        const { element: h, state: k } = s[r], { r: f, g: c, b: g, a: S, s: I } = e.colorCallback(r, k) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        h.style.fill = `rgba(${f}, ${c}, ${g}, ${I / 255})`, h.style.stroke = `rgb(${f}, ${c}, ${g})`, h.style.strokeWidth = S.toString();
+        h.style.fill = `rgba(${f}, ${c}, ${g}, ${S / 255})`, h.style.stroke = `rgb(${f}, ${c}, ${g})`, h.style.strokeWidth = I.toString();
       }
     }), H(i, () => {
       for (const r in s)
@@ -1825,9 +1825,9 @@ const jn = /* @__PURE__ */ j({
       transition: " transform 0.5s ease-in"
     }));
     return (t, n) => {
-      const o = V("v-img");
+      const o = T("v-img");
       return m(), E(o, {
-        src: T(ea),
+        src: V(ea),
         style: ue(e.value)
       }, null, 8, ["src", "style"]);
     };
@@ -2040,7 +2040,7 @@ function sa(l) {
           ]
         }
       ]
-    }, ht(o[v]) && (o[v] = r);
+    }, ft(o[v]) && (o[v] = r);
   }
   return {
     version: "5.0",
@@ -2085,7 +2085,7 @@ const ra = {
   setup(l, { emit: a }) {
     const e = l, t = a, n = p(), o = p(), i = p(), s = p(
       null
-    ), v = p(4), u = p(), r = p(!1), h = p(!1), k = p(), f = p(), c = O(() => f.value.isHoverEnabled), g = p({ x: 0, y: 0, width: 0, height: 0 }), I = p(), S = p(), y = p(
+    ), v = p(4), u = p(), r = p(!1), h = p(!1), k = p(), f = p(), c = O(() => f.value.isHoverEnabled), g = p({ x: 0, y: 0, width: 0, height: 0 }), S = p(), I = p(), y = p(
       e.apartmentChooserData
     ), R = p(!1);
     ye(() => {
@@ -2093,17 +2093,17 @@ const ra = {
     }), H(r, (P) => {
       P && t("onInitialize");
     }), H(
-      () => S.value,
+      () => I.value,
       () => {
-        S.value && new ResizeObserver(([B]) => {
+        I.value && new ResizeObserver(([B]) => {
           R.value = B.contentRect.width < e.mobileBreakpoint;
-        }).observe(S.value);
+        }).observe(I.value);
       }
     );
     const F = O(
-      () => y.value ? y.value.cameras.filter(bt) : []
+      () => y.value ? y.value.cameras.filter(_t) : []
     ), Y = O(
-      () => y.value ? y.value.cameras.filter(ht) : []
+      () => y.value ? y.value.cameras.filter(ft) : []
     ), D = async () => {
       try {
         let P, B;
@@ -2153,7 +2153,7 @@ const ra = {
       );
     }
     function W(P) {
-      v.value = P, ht(y.value.cameras[v.value]) ? s.value = y.value.cameras[v.value] : (ke(() => {
+      v.value = P, ft(y.value.cameras[v.value]) ? s.value = y.value.cameras[v.value] : (ke(() => {
         L(
           y.value.cameras[v.value]
         );
@@ -2204,7 +2204,7 @@ const ra = {
       const { layerX: B, layerY: J } = P;
       let ne = P.target, fe = !1;
       for (; ne; )
-        if (ne === I.value) {
+        if (ne === S.value) {
           fe = !0;
           break;
         } else
@@ -2222,7 +2222,7 @@ const ra = {
       t("onMouseMove", P, g.value);
     }
     return (P, B) => {
-      const J = V("v-skeleton-loader");
+      const J = T("v-skeleton-loader");
       return m(), A(ie, null, [
         b(J, {
           type: "image",
@@ -2234,7 +2234,7 @@ const ra = {
               default: _(() => [
                 d("div", {
                   ref_key: "container",
-                  ref: S,
+                  ref: I,
                   class: he({ mobile: R.value }),
                   onMousemove: oe
                 }, [
@@ -2315,7 +2315,7 @@ const ra = {
                         onOnClick: M,
                         onOnHoverOver: q,
                         onOnHoverOut: Q,
-                        onUpdateSvgContainer: B[2] || (B[2] = (ne) => I.value = ne)
+                        onUpdateSvgContainer: B[2] || (B[2] = (ne) => S.value = ne)
                       }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id"]), [
                         [ge, s.value === null]
                       ])
@@ -2390,7 +2390,7 @@ const ra = {
     ), xe(() => {
       o.value = i(e.dateSelector.selectedDate);
     }), (r, h) => {
-      const k = V("v-icon"), f = V("v-select"), c = V("v-progress-linear"), g = V("v-slider");
+      const k = T("v-icon"), f = T("v-select"), c = T("v-progress-linear"), g = T("v-slider");
       return m(), A("div", ha, [
         d("div", ga, [
           b(k, {
@@ -2401,7 +2401,7 @@ const ra = {
           r.dateSelector.hasMultipleDates ? (m(), E(f, {
             key: 0,
             modelValue: o.value,
-            "onUpdate:modelValue": h[0] || (h[0] = (I) => o.value = I),
+            "onUpdate:modelValue": h[0] || (h[0] = (S) => o.value = S),
             items: v.value,
             density: "compact",
             variant: "underlined",
@@ -2431,7 +2431,7 @@ const ra = {
           })) : (m(), E(g, {
             key: 1,
             modelValue: n.value,
-            "onUpdate:modelValue": h[1] || (h[1] = (I) => n.value = I),
+            "onUpdate:modelValue": h[1] || (h[1] = (S) => n.value = S),
             min: 0,
             max: 47,
             step: 1,
@@ -2455,7 +2455,7 @@ const ra = {
   },
   emits: ["resize", "ready", "preloaded", "reset"],
   setup(l, { emit: a }) {
-    const e = l, t = a, n = p("init"), o = p(new ft(0)), i = p();
+    const e = l, t = a, n = p("init"), o = p(new pt(0)), i = p();
     H(
       () => e.imageUrls,
       (u) => {
@@ -2473,7 +2473,7 @@ const ra = {
       n.value = "preloaded", t("preloaded");
     }
     function v(u) {
-      n.value = "init", i.value.src = u[0], o.value = new ft(u.length).onLoadFinished(
+      n.value = "init", i.value.src = u[0], o.value = new pt(u.length).onLoadFinished(
         () => {
           n.value = "loaded", t("ready");
         }
@@ -2532,7 +2532,7 @@ const ra = {
       height: 0
     }), i = p({ x: 0, y: 0, width: 0, height: 0 }), s = p(), v = p(
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
-    ), u = p(!1), r = p(new Ce()), h = p(), k = p("0 0 0 0"), f = p(), c = p(), g = p(We.empty()), I = p(Ne.empty()), S = p(), y = O(() => S.value.isHoverEnabled);
+    ), u = p(!1), r = p(new Ce()), h = p(), k = p("0 0 0 0"), f = p(), c = p(), g = p(We.empty()), S = p(Ne.empty()), I = p(), y = O(() => I.value.isHoverEnabled);
     H(s, (w, M) => {
       w ? t("hoverOverBuilding", w) : t("hoverOutBuilding", M);
     }), xe(() => {
@@ -2549,7 +2549,7 @@ const ra = {
         e.buildingChooserData
       );
       if (M) {
-        I.value = new Ne(M.mapImage), g.value = new We(M.buildingIds), f.value = new ut(M.backgrounds), c.value = {
+        S.value = new Ne(M.mapImage), g.value = new We(M.buildingIds), f.value = new ut(M.backgrounds), c.value = {
           buildingOverlays: M.buildingOverlays,
           viewLongitude: M.viewLongitude
         };
@@ -2635,7 +2635,7 @@ const ra = {
       s.value = w, y.value && s.value && e.canGoToBuildingCallback(s.value) && t("goToBuilding", s.value);
     }
     return (w, M) => {
-      const q = V("v-icon");
+      const q = T("v-icon");
       return u.value ? (m(), A("div", Sa, [
         b(q, { "x-large": "" }, {
           default: _(() => [
@@ -2726,7 +2726,7 @@ const ra = {
         }, 8, ["is-hoverable", "pos"])) : $("", !0),
         b(Re, {
           ref_key: "hoverProbe",
-          ref: S
+          ref: I
         }, null, 512)
       ], 4)) : $("", !0);
     };
@@ -2814,7 +2814,7 @@ const ra = {
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
     ), f = p(
       (w, M) => ({ x: w, y: M })
-    ), c = p(!1), g = p(), I = p(), S = p(), y = O(() => {
+    ), c = p(!1), g = p(), S = p(), I = p(), y = O(() => {
       var w;
       return (w = g.value) == null ? void 0 : w.isHoverEnabled;
     });
@@ -2853,8 +2853,8 @@ const ra = {
       );
     }
     function D() {
-      if (I.value && (r.value.update(I.value), S.value))
-        for (const w of S.value)
+      if (S.value && (r.value.update(S.value), I.value))
+        for (const w of I.value)
           w.setupDraw();
     }
     function C(w) {
@@ -2879,7 +2879,7 @@ const ra = {
       f.value = w;
     }
     return (w, M) => {
-      const q = V("v-icon");
+      const q = T("v-icon");
       return c.value ? (m(), A("div", Ba, [
         b(q, { "x-large": "" }, {
           default: _(() => [
@@ -2911,7 +2911,7 @@ const ra = {
                 (m(!0), A(ie, null, ve(v.value.buildingOverlays, (Q) => (m(), E(Oa, {
                   ref_for: !0,
                   ref_key: "overlays",
-                  ref: S,
+                  ref: I,
                   key: Q.id,
                   "image-url": Q.url,
                   dimensions: i.value,
@@ -2923,7 +2923,7 @@ const ra = {
             ]),
             d("canvas", Se(i.value, {
               ref_key: "canvas",
-              ref: I,
+              ref: S,
               class: { hover: !!h.value },
               onClick: W,
               onMousemove: C
@@ -3086,7 +3086,7 @@ const ra = {
         )
       );
     }), (o, i) => {
-      const s = V("v-select");
+      const s = T("v-select");
       return m(), E(s, {
         modelValue: n.value,
         "onUpdate:modelValue": i[0] || (i[0] = (v) => n.value = v),
@@ -3129,7 +3129,7 @@ const ra = {
       });
     }
     return (i, s) => {
-      const v = V("v-list-item"), u = V("v-select");
+      const v = T("v-list-item"), u = T("v-select");
       return m(), E(u, {
         modelValue: n.value,
         "onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
@@ -3192,7 +3192,7 @@ const ra = {
       }, 200));
     }
     return (v, u) => {
-      const r = V("v-icon"), h = V("v-btn"), k = V("v-slider"), f = V("v-field");
+      const r = T("v-icon"), h = T("v-btn"), k = T("v-slider"), f = T("v-field");
       return m(), E(f, { variant: "solo" }, {
         default: _(() => [
           v.dayData.startTime === v.dayData.endTime ? (m(), A("div", Za, [
@@ -3260,14 +3260,14 @@ const ra = {
     const e = l, t = a, n = p(), o = p(), i = p(e.selectedId), s = st({});
     xe(() => {
       for (const r in s) {
-        const { element: h, state: k } = s[r], { r: f, g: c, b: g, a: I, s: S } = e.colorCallback(r, k) || {
+        const { element: h, state: k } = s[r], { r: f, g: c, b: g, a: S, s: I } = e.colorCallback(r, k) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        h.style.fill = `rgba(${f}, ${c}, ${g}, ${I / 255})`, h.style.stroke = `rgb(${f}, ${c}, ${g})`, h.style.strokeWidth = S.toString();
+        h.style.fill = `rgba(${f}, ${c}, ${g}, ${S / 255})`, h.style.stroke = `rgb(${f}, ${c}, ${g})`, h.style.strokeWidth = I.toString();
       }
     }), H(
       () => e.selectedId,
@@ -3424,7 +3424,7 @@ const oo = {
         }).observe(f.value);
       }
     );
-    const I = async () => {
+    const S = async () => {
       try {
         let C;
         if (!e.cdnFileResolver)
@@ -3440,7 +3440,7 @@ const oo = {
     H(
       [c, () => e.cdnFileResolver, () => e.defaultCamera],
       async () => {
-        e.cdnFileResolver && (c.value || (c.value = await I()), e.defaultCamera ? n.value = c.value.cameras.find(
+        e.cdnFileResolver && (c.value || (c.value = await S()), e.defaultCamera ? n.value = c.value.cameras.find(
           (C) => C.cameraName === e.defaultCamera
         ) || c.value.cameras[0] : n.value = c.value.cameras[0]);
       },
@@ -3464,7 +3464,7 @@ const oo = {
       },
       { immediate: !0 }
     );
-    function S(C) {
+    function I(C) {
       const W = o.value;
       n.value = C, ke(() => {
         y(
@@ -3517,7 +3517,7 @@ const oo = {
       t("onMouseMove", C, h.value);
     }
     return (C, W) => {
-      const L = V("v-skeleton-loader");
+      const L = T("v-skeleton-loader");
       return m(), A(ie, null, [
         b(L, {
           type: "image",
@@ -3538,7 +3538,7 @@ const oo = {
                       b(Ga, {
                         "building-chooser-data": c.value,
                         "current-camera": n.value,
-                        onOnCameraChange: S
+                        onOnCameraChange: I
                       }, null, 8, ["building-chooser-data", "current-camera"])
                     ])) : $("", !0),
                     d("div", so, [
@@ -3795,7 +3795,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       r >= o.value.length ? t("level", o.value[0]) : t("level", o.value[r]);
     }
     return (r, h) => {
-      const k = V("v-btn"), f = V("v-tooltip");
+      const k = T("v-btn"), f = T("v-tooltip");
       return m(), E(f, {
         right: "",
         attach: ""
@@ -3829,7 +3829,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           }, 1040)
         ]),
         default: _(() => [
-          d("span", $o, G(T(n).getLabel(i.value)) + " " + G(T(n).getLabel("floor")), 1)
+          d("span", $o, G(V(n).getLabel(i.value)) + " " + G(V(n).getLabel("floor")), 1)
         ]),
         _: 1
       });
@@ -3846,7 +3846,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
   setup(l, { emit: a }) {
     const e = l, t = a, n = Ge(Le);
     return (o, i) => {
-      const s = V("v-icon"), v = V("v-btn"), u = V("v-img"), r = V("v-list-item-title"), h = V("v-list-item"), k = V("v-list"), f = V("v-menu");
+      const s = T("v-icon"), v = T("v-btn"), u = T("v-img"), r = T("v-list-item-title"), h = T("v-list-item"), k = T("v-list"), f = T("v-menu");
       return m(), A("div", null, [
         b(f, {
           transition: "slide-x-reverse-transition",
@@ -3864,7 +3864,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                   ]),
                   _: 1
                 }),
-                d("span", Ho, G(T(n).getLabel("interior")), 1)
+                d("span", Ho, G(V(n).getLabel("interior")), 1)
               ]),
               _: 2
             }, 1040)
@@ -3875,7 +3875,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                 (m(!0), A(ie, null, ve(e.availableArchetypes, (c, g) => (m(), E(h, {
                   density: "compact",
                   key: `at-menuitem-${g}`,
-                  onClick: (I) => t("selectInterior", c.archetypeID),
+                  onClick: (S) => t("selectInterior", c.archetypeID),
                   active: g === o.selectedIndex,
                   class: "interior-selector-list-item"
                 }, {
@@ -3890,7 +3890,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                   default: _(() => [
                     b(r, { class: "text-caption py-2 px-4" }, {
                       default: _(() => [
-                        ee(G(T(n).get(c.title)), 1)
+                        ee(G(V(n).get(c.title)), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -3919,7 +3919,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       transform: `rotate(${-a.rotation + 180}deg)`
     }));
     return (o, i) => {
-      const s = V("v-img");
+      const s = T("v-img");
       return m(), A("div", {
         style: ue(t.value),
         class: "compass-wrapper"
@@ -3944,11 +3944,11 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       return ("0" + n).slice(-2);
     }
     return (n, o) => {
-      const i = V("v-img");
+      const i = T("v-img");
       return m(), A("div", Go, [
         d("div", Qo, [
           b(i, {
-            src: T(No),
+            src: V(No),
             "aspect-ratio": "1"
           }, null, 8, ["src"])
         ]),
@@ -3956,16 +3956,16 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       ]);
     };
   }
-}), Jo = /* @__PURE__ */ K(qo, [["__scopeId", "data-v-cd73fd81"]]), Ct = (l) => (rt("data-v-f59c4942"), l = l(), it(), l), Xo = {
+}), Jo = /* @__PURE__ */ K(qo, [["__scopeId", "data-v-cd73fd81"]]), bt = (l) => (rt("data-v-f59c4942"), l = l(), it(), l), Xo = {
   key: 0,
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ko = /* @__PURE__ */ Ct(() => /* @__PURE__ */ d("path", {
+}, Ko = /* @__PURE__ */ bt(() => /* @__PURE__ */ d("path", {
   d: "M5.38544 13C3.30939 13.9424 2 15.3211 2 16.8571C2 19.6975 6.47715 22 12 22C17.5228 22 22 19.6975 22 16.8571C22 15.3211 20.6906 13.9424 18.6146 13",
   class: "fill-grey"
-}, null, -1)), el = /* @__PURE__ */ Ct(() => /* @__PURE__ */ d("path", { d: "M8 9C8 7.89543 8.89543 7 10 7H14C15.1046 7 16 7.89543 16 9V12.875C16 13.4273 15.5523 13.875 15 13.875H14V17C14 17.5523 13.5523 18 13 18H11C10.4477 18 10 17.5523 10 17V13.875H9C8.44772 13.875 8 13.4273 8 12.875V9Z" }, null, -1)), tl = /* @__PURE__ */ Ct(() => /* @__PURE__ */ d("path", { d: "M15 4C15 5.65685 13.6569 7 12 7C10.3431 7 9 5.65685 9 4C9 2.34315 10.3431 1 12 1C13.6569 1 15 2.34315 15 4Z" }, null, -1)), nl = [
+}, null, -1)), el = /* @__PURE__ */ bt(() => /* @__PURE__ */ d("path", { d: "M8 9C8 7.89543 8.89543 7 10 7H14C15.1046 7 16 7.89543 16 9V12.875C16 13.4273 15.5523 13.875 15 13.875H14V17C14 17.5523 13.5523 18 13 18H11C10.4477 18 10 17.5523 10 17V13.875H9C8.44772 13.875 8 13.4273 8 12.875V9Z" }, null, -1)), tl = /* @__PURE__ */ bt(() => /* @__PURE__ */ d("path", { d: "M15 4C15 5.65685 13.6569 7 12 7C10.3431 7 9 5.65685 9 4C9 2.34315 10.3431 1 12 1C13.6569 1 15 2.34315 15 4Z" }, null, -1)), nl = [
   Ko,
   el,
   tl
@@ -3981,7 +3981,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       return e.showStaticImage || (i = "slideShow"), i;
     });
     return (i, s) => {
-      const v = V("v-icon"), u = V("v-btn"), r = V("v-tooltip");
+      const v = T("v-icon"), u = T("v-btn"), r = T("v-tooltip");
       return m(), E(r, { location: "top" }, {
         activator: _(({ props: h }) => [
           b(u, Se({
@@ -4002,7 +4002,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           }, 1040)
         ]),
         default: _(() => [
-          d("span", null, G(T(n).getLabel(o.value)), 1)
+          d("span", null, G(V(n).getLabel(o.value)), 1)
         ]),
         _: 1
       });
@@ -4549,10 +4549,10 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       e("closeTutorial", n.value);
     }
     return (v, u) => {
-      const r = V("v-icon"), h = V("v-card-title"), k = V("v-btn"), f = V("v-divider"), c = V("v-card-text"), g = V("v-card-actions"), I = V("v-card"), S = V("v-expand-transition"), y = V("v-checkbox");
+      const r = T("v-icon"), h = T("v-card-title"), k = T("v-btn"), f = T("v-divider"), c = T("v-card-text"), g = T("v-card-actions"), S = T("v-card"), I = T("v-expand-transition"), y = T("v-checkbox");
       return m(), E(Ee, { name: "fade-transition" }, {
         default: _(() => [
-          b(I, {
+          b(S, {
             class: "mx-auto",
             elevation: "16"
           }, {
@@ -4565,13 +4565,13 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                     ]),
                     _: 1
                   }),
-                  ee(" " + G(T(t).getLabel("disclaimer")), 1)
+                  ee(" " + G(V(t).getLabel("disclaimer")), 1)
                 ]),
                 _: 1
               }),
               b(c, { class: "pb-0" }, {
                 default: _(() => [
-                  d("p", null, G(T(t).getLabel("disclaimerTextShort")), 1),
+                  d("p", null, G(V(t).getLabel("disclaimerTextShort")), 1),
                   b(k, {
                     variant: "tonal",
                     size: "small",
@@ -4579,7 +4579,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                     class: "text-capitalize mt-2"
                   }, {
                     default: _(() => [
-                      ee(G(T(t).getLabel("learnMore")) + " ", 1),
+                      ee(G(V(t).getLabel("learnMore")) + " ", 1),
                       b(r, null, {
                         default: _(() => [
                           ee("mdi-chevron-right")
@@ -4594,43 +4594,43 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                     d("div", sl, [
                       d("div", rl, [
                         il,
-                        d("div", ul, G(T(t).getLabel("clickAndDragToLookAround")), 1)
+                        d("div", ul, G(V(t).getLabel("clickAndDragToLookAround")), 1)
                       ]),
                       d("div", cl, [
                         dl,
-                        d("div", vl, G(T(t).getLabel("clickOnTheCirclesToMoveAround")), 1)
+                        d("div", vl, G(V(t).getLabel("clickOnTheCirclesToMoveAround")), 1)
                       ]),
                       d("div", ml, [
                         pl,
-                        d("div", fl, G(T(t).getLabel("useTheMouseWheelToZoom")), 1)
+                        d("div", fl, G(V(t).getLabel("useTheMouseWheelToZoom")), 1)
                       ]),
                       d("div", hl, [
                         gl,
-                        d("div", yl, G(T(t).getLabel("youCanAlsoUseTheArrowKeysToMoveAround")), 1)
+                        d("div", yl, G(V(t).getLabel("youCanAlsoUseTheArrowKeysToMoveAround")), 1)
                       ])
                     ])
                   ])),
                   i.value ? (m(), A("div", _l, [
                     d("div", bl, [
                       Cl,
-                      d("div", kl, G(T(t).getLabel("tapAndDragToLookAround")), 1)
+                      d("div", kl, G(V(t).getLabel("tapAndDragToLookAround")), 1)
                     ]),
                     d("div", wl, [
                       Il,
-                      d("div", Sl, G(T(t).getLabel("tapOnTheCirclesToMoveAround")), 1)
+                      d("div", Sl, G(V(t).getLabel("tapOnTheCirclesToMoveAround")), 1)
                     ]),
                     d("div", Dl, [
                       xl,
-                      d("div", Al, G(T(t).getLabel("useTwoFingersToZoom")), 1)
+                      d("div", Al, G(V(t).getLabel("useTwoFingersToZoom")), 1)
                     ])
                   ])) : $("", !0),
                   b(f, { class: "my-1" })
                 ]),
                 _: 1
               }),
-              b(S, null, {
+              b(I, null, {
                 default: _(() => [
-                  o.value ? (m(), E(I, {
+                  o.value ? (m(), E(S, {
                     key: 0,
                     class: "position-absolute w-100 bg-white",
                     height: "100%",
@@ -4646,9 +4646,9 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                               ]),
                               _: 1
                             }),
-                            ee(" " + G(T(t).getLabel("disclaimer")), 1)
+                            ee(" " + G(V(t).getLabel("disclaimer")), 1)
                           ]),
-                          d("p", Ll, G(T(t).getLabel("disclaimerText")), 1)
+                          d("p", Ll, G(V(t).getLabel("disclaimerText")), 1)
                         ]),
                         _: 1
                       }),
@@ -4667,7 +4667,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                                 ]),
                                 _: 1
                               }),
-                              ee(" " + G(T(t).getLabel("back")), 1)
+                              ee(" " + G(V(t).getLabel("back")), 1)
                             ]),
                             _: 1
                           })
@@ -4688,7 +4688,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                   "hide-details": ""
                 }, {
                   label: _(() => [
-                    d("span", Tl, G(T(t).getLabel("dontShowAgain")), 1)
+                    d("span", Tl, G(V(t).getLabel("dontShowAgain")), 1)
                   ]),
                   _: 1
                 }, 8, ["modelValue"])
@@ -4701,7 +4701,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                     block: ""
                   }, {
                     default: _(() => [
-                      ee(G(T(t).getLabel("iUnderstand")), 1)
+                      ee(G(V(t).getLabel("iUnderstand")), 1)
                     ]),
                     _: 1
                   })
@@ -4745,8 +4745,8 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
     );
     const o = O(() => {
       let c = {};
-      for (const [g, I] of Object.entries(n.value))
-        g === "whitePoint" ? c[g] = r(I.value) : c[g] = I.value;
+      for (const [g, S] of Object.entries(n.value))
+        g === "whitePoint" ? c[g] = r(S.value) : c[g] = S.value;
       return c;
     });
     function i() {
@@ -4767,15 +4767,15 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       n.value = f(), t("updateSettings", o.value);
     }
     function r(c) {
-      const g = parseInt(c.substr(1, 2), 16) / 255, I = parseInt(c.substr(3, 2), 16) / 255, S = parseInt(c.substr(5, 2), 16) / 255;
-      return [g, I, S];
+      const g = parseInt(c.substr(1, 2), 16) / 255, S = parseInt(c.substr(3, 2), 16) / 255, I = parseInt(c.substr(5, 2), 16) / 255;
+      return [g, S, I];
     }
     function h(c) {
       var g = c.toString(16);
       return g.length == 1 ? "0" + g : g;
     }
-    function k([c, g, I]) {
-      return "#" + h(parseInt((c * 255).toString())) + h(parseInt((g * 255).toString())) + h(parseInt((I * 255).toString()));
+    function k([c, g, S]) {
+      return "#" + h(parseInt((c * 255).toString())) + h(parseInt((g * 255).toString())) + h(parseInt((S * 255).toString()));
     }
     function f(c = {}) {
       const g = [
@@ -4791,7 +4791,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
         "Warm 5",
         "bw"
       ];
-      let I = {
+      let S = {
         temperature: 6500,
         targetLuminance: 1,
         exposureFovScale: 0.6,
@@ -4810,7 +4810,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           min: 0,
           max: 1,
           step: 0.01,
-          value: I.exposureFovScale
+          value: S.exposureFovScale
         },
         targetLuminance: {
           label: "Target Luminance",
@@ -4818,7 +4818,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           min: 0,
           max: 15,
           step: 0.1,
-          value: I.targetLuminance
+          value: S.targetLuminance
         },
         sharpenFilter_amount: {
           label: "Sharpen Filter Amount",
@@ -4826,12 +4826,12 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           min: 0,
           max: 100,
           step: 0.1,
-          value: I.sharpenFilter_amount
+          value: S.sharpenFilter_amount
         },
         UNREAL_BLOOM_ENABLED: {
           label: "Enable Bloom?",
           type: "boolean",
-          value: I.UNREAL_BLOOM_ENABLED
+          value: S.UNREAL_BLOOM_ENABLED
         },
         UNREAL_BLOOM_STRENGTH: {
           label: "Bloom Strength",
@@ -4839,7 +4839,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           min: 0,
           max: 1,
           step: 0.01,
-          value: I.UNREAL_BLOOM_STRENGTH
+          value: S.UNREAL_BLOOM_STRENGTH
         },
         TRANSITION_MOVEMENT_SCALE: {
           label: "Transition Movement Speed",
@@ -4847,7 +4847,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           min: 0.2,
           max: 25,
           step: 0.1,
-          value: I.TRANSITION_MOVEMENT_SCALE
+          value: S.TRANSITION_MOVEMENT_SCALE
         },
         temperature: {
           label: "Temperature / White Balance",
@@ -4855,26 +4855,26 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           min: 1e3,
           max: 12e3,
           step: 1,
-          value: I.temperature
+          value: S.temperature
         },
         whitePoint: {
           label: "White Point",
           type: "color",
-          value: k(I.whitePoint)
+          value: k(S.whitePoint)
         },
         lut: {
           label: "Lut",
           type: "lut",
-          items: g.map((S) => ({
-            text: S,
-            value: `https://cdn.visuado.com/luts/${S}.png`
+          items: g.map((I) => ({
+            text: I,
+            value: `https://cdn.visuado.com/luts/${I}.png`
           })),
-          value: I.lut
+          value: S.lut
         }
       };
     }
     return (c, g) => {
-      const I = V("v-text-field"), S = V("v-slider"), y = V("v-checkbox"), R = V("v-btn"), F = V("v-select"), Y = V("v-icon");
+      const S = T("v-text-field"), I = T("v-slider"), y = T("v-checkbox"), R = T("v-btn"), F = T("v-select"), Y = T("v-icon");
       return m(), A("div", Bl, [
         d("form", $l, [
           d("div", Rl, [
@@ -4882,7 +4882,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
               key: W,
               "d-block": ""
             }, [
-              D.type === "slider" ? (m(), E(S, {
+              D.type === "slider" ? (m(), E(I, {
                 key: 0,
                 modelValue: n.value[C].value,
                 "onUpdate:modelValue": (L) => n.value[C].value = L,
@@ -4896,7 +4896,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                 ]),
                 append: _(() => [
                   d("div", null, [
-                    b(I, {
+                    b(S, {
                       modelValue: n.value[C].value,
                       "onUpdate:modelValue": (L) => n.value[C].value = L,
                       "hide-details": "",
@@ -4945,7 +4945,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                   ])
                 ]),
                 d("div", null, [
-                  b(I, {
+                  b(S, {
                     modelValue: n.value[C].value,
                     "onUpdate:modelValue": (L) => n.value[C].value = L,
                     "hide-details": "",
@@ -4993,7 +4993,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                     Zl,
                     d("div", ql, [
                       d("div", null, [
-                        b(I, {
+                        b(S, {
                           modelValue: n.value[C].value,
                           "onUpdate:modelValue": (L) => n.value[C].value = L,
                           "hide-details": "",
@@ -5071,13 +5071,13 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       s.addEventListener("touchstart", k, { passive: !1 }), s.addEventListener("touchend", c, { passive: !1 }), s.addEventListener("mousedown", k, { passive: !1 }), s.addEventListener("mouseup", c, { passive: !1 });
       function k(g) {
         g = g || window.event, g.preventDefault();
-        let I = g;
-        g.type === "touchstart" && (I = g.touches[0]), r = I.clientX, h = I.clientY, document.addEventListener("mouseup", c, { passive: !1 }), document.addEventListener("touchend", c, { passive: !1 }), document.addEventListener("mousemove", f, { passive: !1 }), document.addEventListener("touchmove", f, { passive: !1 });
+        let S = g;
+        g.type === "touchstart" && (S = g.touches[0]), r = S.clientX, h = S.clientY, document.addEventListener("mouseup", c, { passive: !1 }), document.addEventListener("touchend", c, { passive: !1 }), document.addEventListener("mousemove", f, { passive: !1 }), document.addEventListener("touchmove", f, { passive: !1 });
       }
       function f(g) {
         g = g || window.event, g.preventDefault();
-        let I = g;
-        g.type === "touchmove" && (I = g.touches[0]), v = r - I.clientX, u = h - I.clientY, r = I.clientX, h = I.clientY, i.style.top = i.offsetTop - u + "px", i.style.left = i.offsetLeft - v + "px";
+        let S = g;
+        g.type === "touchmove" && (S = g.touches[0]), v = r - S.clientX, u = h - S.clientY, r = S.clientX, h = S.clientY, i.style.top = i.offsetTop - u + "px", i.style.left = i.offsetLeft - v + "px";
       }
       function c() {
         document.removeEventListener("mouseup", c, !1), document.removeEventListener("mousemove", f, !1), document.removeEventListener("touchend", c, !1), document.removeEventListener("touchmove", f, !1);
@@ -5087,7 +5087,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       t.value === "big" ? t.value = "small" : t.value = "big";
     }
     return (i, s) => {
-      const v = V("v-btn");
+      const v = T("v-btn");
       return m(), A("div", {
         id: "moveableDiv",
         class: he(["big d-flex justify-space-between flex-column align-center sizer", t.value])
@@ -5167,7 +5167,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
         ...C,
         ...F(n.value, L)
       };
-    })), g = O(() => `background-image: url(${a.backgroundImage});`), I = O(() => {
+    })), g = O(() => `background-image: url(${a.backgroundImage});`), S = O(() => {
       let C = s.value > 1 ? 1 : s.value;
       return C < 0.8 && (C = 0.4), `scale: ${C > 1 ? 1 : C}; transform: rotate(${a.transformAngle}deg);`;
     });
@@ -5180,7 +5180,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
     }), Ye(() => {
       v.value && v.value.unobserve(document.getElementById("moveableDiv"));
     });
-    function S(C) {
+    function I(C) {
       return He.MathUtils.degToRad(C);
     }
     function y() {
@@ -5205,7 +5205,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
     }
     function Y() {
       const C = a.storey.position.y - f.value;
-      t.value = 2 * (C * Math.tan(S(a.storey.fovY / 2))), e.value = 512 / 384 * t.value;
+      t.value = 2 * (C * Math.tan(I(a.storey.fovY / 2))), e.value = 512 / 384 * t.value;
       const W = t.value / 2, L = e.value / 2, Z = new He.Vector3(L * -1, 0, W * -1);
       n.value = Z;
     }
@@ -5220,7 +5220,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       d("div", ms, [
         d("div", {
           class: "web-minimap",
-          style: ue(I.value)
+          style: ue(S.value)
         }, [
           d("div", {
             class: "minimap-background-image",
@@ -5284,8 +5284,8 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
   setup(l, { emit: a }) {
     const e = l, t = a, n = p((/* @__PURE__ */ new Date()).getHours()), o = p(!0), i = p(!0), s = p(""), v = p(/* @__PURE__ */ new Map()), u = O(() => e.minimapJson.storeys[e.level]), r = O(() => `${Math.floor(n.value).toString().padStart(2, "0")}:00`), h = O(() => {
       if (u.value.sunsimFilesTimeStamps[n.value]) {
-        const S = u.value.sunsimFilesTimeStamps[n.value].split(" ");
-        return `${S[0]} ${S[1]}`;
+        const I = u.value.sunsimFilesTimeStamps[n.value].split(" ");
+        return `${I[0]} ${I[1]}`;
       }
       return "";
     });
@@ -5293,11 +5293,11 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       s.value = await c(
         u.value.sunsimFiles[n.value]
       ), i.value = !1;
-      const S = await f(e.minimapJson.storeys);
-      v.value = S, o.value = !1, t("setBackgroundImage", k(e.level, n.value));
+      const I = await f(e.minimapJson.storeys);
+      v.value = I, o.value = !1, t("setBackgroundImage", k(e.level, n.value));
     }), H(n, () => {
-      const S = k(e.level, n.value);
-      t("setBackgroundImage", S);
+      const I = k(e.level, n.value);
+      t("setBackgroundImage", I);
     }), H(
       () => e.level,
       () => {
@@ -5305,13 +5305,13 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       },
       { immediate: !0 }
     );
-    function k(S, y) {
-      return v.value.get(`sunsim${S}_${y}`) ? v.value.get(`sunsim${S}_${y}`) : "";
+    function k(I, y) {
+      return v.value.get(`sunsim${I}_${y}`) ? v.value.get(`sunsim${I}_${y}`) : "";
     }
-    async function f(S) {
+    async function f(I) {
       let y = /* @__PURE__ */ new Map();
-      for (let R = 0; R < S.length; R++) {
-        const F = S[R].sunsimFiles;
+      for (let R = 0; R < I.length; R++) {
+        const F = I[R].sunsimFiles;
         for (let Y = 0; Y < F.length; Y++) {
           const D = F[Y];
           try {
@@ -5324,29 +5324,29 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       }
       return y;
     }
-    async function c(S) {
+    async function c(I) {
       const R = await (await fetch(
         ce(
           e.cdnFileResolver,
-          `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/${S}`
+          `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/${I}`
         )
-      )).blob(), F = await I(R);
+      )).blob(), F = await S(R);
       return g(F);
     }
-    function g(S) {
-      return "data:image/jpeg;base64," + S;
+    function g(I) {
+      return "data:image/jpeg;base64," + I;
     }
-    async function I(S) {
+    async function S(I) {
       return new Promise((y, R) => {
         const F = new FileReader();
         F.onload = () => {
           const Y = F.result.split(",")[1];
           y(Y);
-        }, F.onerror = R, F.readAsDataURL(S);
+        }, F.onerror = R, F.readAsDataURL(I);
       });
     }
-    return (S, y) => {
-      const R = V("v-progress-linear"), F = V("v-icon"), Y = V("v-slider");
+    return (I, y) => {
+      const R = T("v-progress-linear"), F = T("v-icon"), Y = T("v-slider");
       return m(), A("div", ys, [
         d("div", _s, [
           d("div", bs, [
@@ -5448,7 +5448,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       _: 1
     }));
   }
-}), It = /* @__PURE__ */ K(Is, [["__scopeId", "data-v-898e645b"]]), Ss = 37, Ds = 39, xs = /* @__PURE__ */ j({
+}), wt = /* @__PURE__ */ K(Is, [["__scopeId", "data-v-898e645b"]]), Ss = 37, Ds = 39, xs = /* @__PURE__ */ j({
   __name: "VWaypointCarousel",
   props: {
     thumbnails: {},
@@ -5487,7 +5487,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       r(), t("goto", u);
     }
     return (u, r) => {
-      const h = V("v-btn"), k = V("v-img"), f = V("v-card"), c = V("v-slide-group-item"), g = V("v-slide-group");
+      const h = T("v-btn"), k = T("v-img"), f = T("v-card"), c = T("v-slide-group-item"), g = T("v-slide-group");
       return m(), A("div", {
         class: he({
           mobileWaypointWrapper: i.value,
@@ -5497,7 +5497,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       }, [
         b(g, {
           modelValue: o.value,
-          "onUpdate:modelValue": r[2] || (r[2] = (I) => o.value = I),
+          "onUpdate:modelValue": r[2] || (r[2] = (S) => o.value = S),
           class: he({ mobileWaypoint: i.value }),
           "active-class": "active-apt",
           "selected-class": "active-apt",
@@ -5511,7 +5511,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
               icon: "mdi-chevron-left",
               varient: "tonal",
               size: "small",
-              onClick: r[0] || (r[0] = (I) => t("previous"))
+              onClick: r[0] || (r[0] = (S) => t("previous"))
             }, null, 8, ["class"])
           ]),
           next: _(() => [
@@ -5520,14 +5520,14 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
               icon: "mdi-chevron-right",
               varient: "tonal",
               size: "small",
-              onClick: r[1] || (r[1] = (I) => t("next"))
+              onClick: r[1] || (r[1] = (S) => t("next"))
             }, null, 8, ["class"])
           ]),
           default: _(() => [
-            (m(!0), A(ie, null, ve(u.thumbnails, (I) => (m(), E(c, {
-              key: I.id
+            (m(!0), A(ie, null, ve(u.thumbnails, (S) => (m(), E(c, {
+              key: S.id
             }, {
-              default: _(({ toggle: S, selectedClass: y }) => [
+              default: _(({ toggle: I, selectedClass: y }) => [
                 b(f, {
                   class: he([
                     i.value ? "ma-0" : "ma-1",
@@ -5537,13 +5537,13 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                   align: "center",
                   justify: "center",
                   style: { overflow: "hidden" },
-                  onClick: (R) => v(I.id, S)
+                  onClick: (R) => v(S.id, I)
                 }, {
                   default: _(() => [
                     b(k, {
                       cover: "",
                       "aspect-ratio": 1,
-                      src: I.thumbnailUrl
+                      src: S.thumbnailUrl
                     }, null, 8, ["src"])
                   ]),
                   _: 2
@@ -5589,7 +5589,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       navigator.clipboard.writeText(location.href);
     }
     return (v, u) => {
-      const r = V("v-btn"), h = V("v-tooltip"), k = V("v-toolbar-title"), f = V("v-spacer"), c = V("v-toolbar"), g = V("v-card-text"), I = V("v-card"), S = V("v-dialog");
+      const r = T("v-btn"), h = T("v-tooltip"), k = T("v-toolbar-title"), f = T("v-spacer"), c = T("v-toolbar"), g = T("v-card-text"), S = T("v-card"), I = T("v-dialog");
       return m(), A("div", null, [
         b(h, {
           elevation: "2",
@@ -5605,18 +5605,18 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
             }, y), null, 16)
           ]),
           default: _(() => [
-            d("span", null, G(T(a).getLabel("share")), 1)
+            d("span", null, G(V(a).getLabel("share")), 1)
           ]),
           _: 1
         }),
-        b(S, {
+        b(I, {
           id: "share-box",
           width: "400",
           modelValue: e.value,
           "onUpdate:modelValue": u[2] || (u[2] = (y) => e.value = y)
         }, {
           default: _(() => [
-            b(I, null, {
+            b(S, null, {
               default: _(() => [
                 b(c, { elevation: "0" }, {
                   default: _(() => [
@@ -5627,7 +5627,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                     }),
                     b(k, null, {
                       default: _(() => [
-                        ee(G(T(a).getLabel("share")), 1)
+                        ee(G(V(a).getLabel("share")), 1)
                       ]),
                       _: 1
                     }),
@@ -5648,7 +5648,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                           }, y, { onClick: n }), null, 16)
                         ]),
                         default: _(() => [
-                          d("span", null, G(T(a).getLabel("shareToFacebook")), 1)
+                          d("span", null, G(V(a).getLabel("shareToFacebook")), 1)
                         ]),
                         _: 1
                       }),
@@ -5662,7 +5662,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                           }, y, { onClick: i }), null, 16)
                         ]),
                         default: _(() => [
-                          d("span", null, G(T(a).getLabel("shareToLinkedin")), 1)
+                          d("span", null, G(V(a).getLabel("shareToLinkedin")), 1)
                         ]),
                         _: 1
                       }),
@@ -5676,7 +5676,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                           }, y, { onClick: o }), null, 16)
                         ]),
                         default: _(() => [
-                          d("span", null, G(T(a).getLabel("shareToTwitter")), 1)
+                          d("span", null, G(V(a).getLabel("shareToTwitter")), 1)
                         ]),
                         _: 1
                       }),
@@ -5692,7 +5692,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                           }, y), null, 16, ["href"])
                         ]),
                         default: _(() => [
-                          d("span", null, G(T(a).getLabel("shareViaEmail")), 1)
+                          d("span", null, G(V(a).getLabel("shareViaEmail")), 1)
                         ]),
                         _: 1
                       }),
@@ -5707,7 +5707,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                           }, y), null, 16)
                         ]),
                         default: _(() => [
-                          d("span", null, G(T(a).getLabel("copyLink")), 1)
+                          d("span", null, G(V(a).getLabel("copyLink")), 1)
                         ]),
                         _: 1
                       }),
@@ -5752,7 +5752,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
   setup(l, { emit: a }) {
     const e = a;
     return (t, n) => {
-      const o = V("v-btn");
+      const o = T("v-btn");
       return m(), A("div", Vs, [
         b(o, {
           density: "comfortable",
@@ -5870,7 +5870,7 @@ const Es = {
       takeSnapshot: dt,
       setCurrentCamera: U
     });
-    const o = p(!1), i = p(!1), s = p(!1), v = p(), u = p(), r = p(), h = p(), k = p(), f = p(0), c = p(), g = p(), I = p(), S = p(0), y = p(0), R = p(0), F = p(!1), Y = p(!1), D = p(!1), C = p(
+    const o = p(!1), i = p(!1), s = p(!1), v = p(), u = p(), r = p(), h = p(), k = p(), f = p(0), c = p(), g = p(), S = p(), I = p(0), y = p(0), R = p(0), F = p(!1), Y = p(!1), D = p(!1), C = p(
       new Ot(document, "player-wrapper")
     ), W = O(() => {
       if (u.value) {
@@ -5954,7 +5954,7 @@ const Es = {
         t.apartmentId
       ), r.value) {
         let x = t.defaultWaypointIndex !== null ? t.defaultWaypointIndex : 0;
-        f.value = x, g.value = r.value.cameras[x].id, I.value = r.value.cameras[x].id;
+        f.value = x, g.value = r.value.cameras[x].id, S.value = r.value.cameras[x].id;
       }
       t.showMiniMap && (h.value = await De(
         c.value,
@@ -6058,13 +6058,13 @@ const Es = {
       g.value = x;
     }
     function te(x) {
-      c.value = x, n("onInteriorUpdate", x), n("onCameraUpdate", I.value, u.value);
+      c.value = x, n("onInteriorUpdate", x), n("onCameraUpdate", S.value, u.value);
     }
     function z(x) {
-      _e(x, !1), I.value = x, n("onCameraUpdate", x, u.value);
+      _e(x, !1), S.value = x, n("onCameraUpdate", x, u.value);
     }
     function N(x) {
-      S.value = x;
+      I.value = x;
     }
     function ae(x) {
       y.value = x;
@@ -6098,7 +6098,7 @@ const Es = {
     async function ot(x) {
       const X = at(x);
       try {
-        return (await pt.get(X)).data;
+        return (await mt.get(X)).data;
       } catch (le) {
         throw new Error(le);
       }
@@ -6117,7 +6117,7 @@ const Es = {
     }
     const vt = O(() => /Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(
       window.navigator.userAgent
-    )), kt = O(() => vt.value ? "platform-mobile" : "platform-desktop"), Ut = (x = !1) => {
+    )), Ct = O(() => vt.value ? "platform-mobile" : "platform-desktop"), Ut = (x = !1) => {
       D.value = !0, o.value = !1, x && Ht();
     }, Ht = () => {
       const x = ce(
@@ -6135,25 +6135,25 @@ const Es = {
       );
     });
     return (x, X) => {
-      const le = V("v-btn");
+      const le = T("v-btn");
       return m(), A("div", {
-        class: he(["virtual-tour-wrapper", [kt.value]])
+        class: he(["virtual-tour-wrapper", [Ct.value]])
       }, [
         s.value ? (m(), A("div", Es, "Error loading the player!!")) : $("", !0),
         d("div", Os, [
-          !C.value.isActive && h.value && I.value && oe.value && c.value && Y.value ? (m(), E(It, {
+          !C.value.isActive && h.value && S.value && oe.value && c.value && Y.value ? (m(), E(wt, {
             key: 0,
             "cdn-file-resolver": x.cdnFileResolver,
             "apartment-json": u.value,
             level: L.value,
             "minimap-json": h.value,
-            rotation: S.value,
-            "current-camera": I.value,
+            rotation: I.value,
+            "current-camera": S.value,
             onClose: X[0] || (X[0] = (Ie) => Y.value = !1)
           }, null, 8, ["cdn-file-resolver", "apartment-json", "level", "minimap-json", "rotation", "current-camera"])) : $("", !0),
           c.value && g.value ? (m(), A("div", {
             key: 1,
-            class: he(["v-player", [kt.value]])
+            class: he(["v-player", [Ct.value]])
           }, [
             b(Vo, {
               "cdn-file-resolver": x.cdnFileResolver,
@@ -6224,7 +6224,7 @@ const Es = {
               "top-center": _(() => []),
               "top-right": _(() => [
                 u.value && x.showCompass ? pe((m(), A("div", $s, [
-                  b(Wo, { rotation: S.value }, null, 8, ["rotation"])
+                  b(Wo, { rotation: I.value }, null, 8, ["rotation"])
                 ], 512)), [
                   [ge, D.value]
                 ]) : $("", !0),
@@ -6237,7 +6237,7 @@ const Es = {
                     minutes: B.value.minutes,
                     class: "time-of-day",
                     style: ue({
-                      cursor: h.value && I.value && oe.value ? "pointer" : "default"
+                      cursor: h.value && S.value && oe.value ? "pointer" : "default"
                     })
                   }, null, 8, ["hours", "minutes", "style"])) : $("", !0)
                 ])
@@ -6261,13 +6261,13 @@ const Es = {
                   key: 0,
                   onCloseTutorial: X[5] || (X[5] = (Ie) => Ut(Ie))
                 })) : $("", !0),
-                C.value.isActive && h.value && I.value && oe.value && Y.value ? (m(), E(It, {
+                C.value.isActive && h.value && S.value && oe.value && Y.value ? (m(), E(wt, {
                   key: 1,
                   "cdn-file-resolver": x.cdnFileResolver,
                   "apartment-json": u.value,
                   "minimap-json": h.value,
-                  rotation: S.value,
-                  "current-camera": I.value,
+                  rotation: I.value,
+                  "current-camera": S.value,
                   level: L.value,
                   onClose: X[6] || (X[6] = (Ie) => Y.value = !1)
                 }, null, 8, ["cdn-file-resolver", "apartment-json", "minimap-json", "rotation", "current-camera", "level"])) : $("", !0)
@@ -6468,7 +6468,7 @@ const Es = {
       k != -1 && (e.value = k);
     }
     return (r, h) => {
-      const k = V("v-img"), f = V("v-btn");
+      const k = T("v-img"), f = T("v-btn");
       return m(), A("div", lr, [
         d("div", sr, [
           d("div", null, [
@@ -6568,7 +6568,7 @@ const Es = {
       src: o.value,
       width: "100%"
     }, null, 8, dr)), [
-      [ge, T(n) && T(e) === T(n)]
+      [ge, V(n) && V(e) === V(n)]
     ]);
   }
 }), mr = /* @__PURE__ */ K(vr, [["__scopeId", "data-v-9630cdc0"]]), pr = /* @__PURE__ */ j({
@@ -6581,11 +6581,11 @@ const Es = {
   },
   setup(l) {
     const a = l, { dayData: e, cdnFileResolver: t, currentTime: n } = Oe(a);
-    return (o, i) => (m(!0), A(ie, null, ve(T(e).timeSamples, (s) => (m(), E(mr, {
+    return (o, i) => (m(!0), A(ie, null, ve(V(e).timeSamples, (s) => (m(), E(mr, {
       key: s.filename,
       "time-sample-data": s,
-      "cdn-file-resolver": T(t),
-      "current-time": T(n)
+      "cdn-file-resolver": V(t),
+      "current-time": V(n)
     }, null, 8, ["time-sample-data", "cdn-file-resolver", "current-time"]))), 128));
   }
 }), fr = ["src"], hr = /* @__PURE__ */ j({
@@ -6602,18 +6602,18 @@ const Es = {
       t.value,
       n.value.defaultFilename
     ));
-    return (s, v) => T(e).sunsimDayOfYear ? (m(!0), A(ie, { key: 0 }, ve(T(e).sunsimDayOfYear, (u) => (m(), E(pr, {
+    return (s, v) => V(e).sunsimDayOfYear ? (m(!0), A(ie, { key: 0 }, ve(V(e).sunsimDayOfYear, (u) => (m(), E(pr, {
       key: u.dayOfYear,
       "day-data": u,
-      "cdn-file-resolver": T(t),
+      "cdn-file-resolver": V(t),
       "current-day": s.currentDay,
-      "current-time": T(o)
+      "current-time": V(o)
     }, null, 8, ["day-data", "cdn-file-resolver", "current-day", "current-time"]))), 128)) : pe((m(), A("img", {
       key: i.value,
       src: i.value,
       width: "100%"
     }, null, 8, fr)), [
-      [ge, T(n) === T(e)]
+      [ge, V(n) === V(e)]
     ]);
   }
 }), gr = ["src"], yr = /* @__PURE__ */ j({
@@ -6630,11 +6630,11 @@ const Es = {
       src: o.value,
       class: "position-absolute top-left w-100 h-100"
     }, null, 8, gr)), [
-      [ge, T(e) === T(n)]
+      [ge, V(e) === V(n)]
     ]);
   }
 }), _r = /* @__PURE__ */ K(yr, [["__scopeId", "data-v-a7a18237"]]);
-function mt(l) {
+function It(l) {
   const a = /* @__PURE__ */ new Date(0);
   return a.setUTCDate(l), a.toLocaleString("en-no", {
     month: "short",
@@ -6642,6 +6642,7 @@ function mt(l) {
   });
 }
 const br = {
+  key: 0,
   class: "d-inline-block",
   style: { "vertical-align": "top" }
 }, Cr = /* @__PURE__ */ j({
@@ -6665,32 +6666,31 @@ const br = {
         )
       );
     }), (u, r) => {
-      const h = V("v-btn"), k = V("v-field"), f = V("v-list-item-title"), c = V("v-list-item"), g = V("v-list"), I = V("v-menu"), S = V("v-text-field");
-      return m(), A("div", br, [
-        T(n).sunsimDayOfYear.length > 1 ? (m(), E(I, { key: 0 }, {
-          activator: _(({ props: y }) => [
+      const h = T("v-btn"), k = T("v-field"), f = T("v-list-item-title"), c = T("v-list-item"), g = T("v-list"), S = T("v-menu");
+      return V(n).sunsimDayOfYear.length > 0 ? (m(), A("div", br, [
+        b(S, null, {
+          activator: _(({ props: I }) => [
             b(k, {
               variant: "solo-filled",
               rounded: "",
               flat: ""
             }, {
               default: _(() => [
-                T(n).sunsimDayOfYear.length > 0 ? (m(), E(h, Se({
-                  key: 0,
+                b(h, Se({
                   variant: "text",
                   rounded: "",
                   flat: "",
-                  readonly: T(n).sunsimDayOfYear.length === 1,
+                  readonly: V(n).sunsimDayOfYear.length === 1,
                   "prepend-icon": "mdi-calendar-blank",
-                  "append-icon": T(n).sunsimDayOfYear.length > 1 ? "mdi-menu-down" : void 0,
-                  disabled: T(i),
-                  size: T(t) ? "small" : void 0
-                }, y), {
+                  "append-icon": V(n).sunsimDayOfYear.length > 1 ? "mdi-menu-down" : void 0,
+                  disabled: V(i),
+                  size: V(t) ? "small" : void 0
+                }, I), {
                   default: _(() => [
-                    ee(G(T(mt)(v.value)), 1)
+                    ee(G(V(It)(v.value)), 1)
                   ]),
                   _: 2
-                }, 1040, ["readonly", "append-icon", "disabled", "size"])) : $("", !0)
+                }, 1040, ["readonly", "append-icon", "disabled", "size"])
               ]),
               _: 2
             }, 1024)
@@ -6698,15 +6698,15 @@ const br = {
           default: _(() => [
             b(g, null, {
               default: _(() => [
-                (m(!0), A(ie, null, ve(T(n).sunsimDayOfYear, (y, R) => (m(), E(c, {
-                  key: R,
-                  value: R,
-                  onClick: (F) => v.value = y.dayOfYear
+                (m(!0), A(ie, null, ve(V(n).sunsimDayOfYear, (I, y) => (m(), E(c, {
+                  key: y,
+                  value: y,
+                  onClick: (R) => v.value = I.dayOfYear
                 }, {
                   default: _(() => [
                     b(f, null, {
                       default: _(() => [
-                        ee(G(T(mt)(y.dayOfYear)), 1)
+                        ee(G(V(It)(I.dayOfYear)), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -6718,21 +6718,11 @@ const br = {
             })
           ]),
           _: 1
-        })) : T(n).sunsimDayOfYear.length === 1 ? (m(), E(S, {
-          key: 1,
-          readonly: "",
-          value: T(mt)(T(n).sunsimDayOfYear[0].dayOfYear),
-          variant: "solo-filled",
-          flat: "",
-          rounded: "",
-          density: "compact",
-          "hide-details": "",
-          "prepend-inner-icon": "mdi-calendar"
-        }, null, 8, ["value"])) : $("", !0)
-      ]);
+        })
+      ])) : $("", !0);
     };
   }
-}), kr = /* @__PURE__ */ K(Cr, [["__scopeId", "data-v-199c0fef"]]), wr = ["onClick"], Ir = {
+}), kr = /* @__PURE__ */ K(Cr, [["__scopeId", "data-v-4002f1e1"]]), wr = ["onClick"], Ir = {
   key: 1,
   class: "icon-wrapper"
 }, Sr = /* @__PURE__ */ j({
@@ -6763,30 +6753,30 @@ const br = {
       s.value || (v.value = h);
     }
     return (h, k) => {
-      const f = V("v-chip"), c = V("v-icon");
+      const f = T("v-chip"), c = T("v-icon");
       return m(), A("div", {
         class: he({
           "d-flex": !0,
-          "justify-center": !T(t),
-          "align-end": !T(t),
-          "justify-end": T(t),
-          mobile: T(t),
-          disabled: T(s),
-          enabled: !T(s)
+          "justify-center": !V(t),
+          "align-end": !V(t),
+          "justify-end": V(t),
+          mobile: V(t),
+          disabled: V(s),
+          enabled: !V(s)
         })
       }, [
-        (m(!0), A(ie, null, ve(T(n), (g, I) => (m(), A("div", {
-          key: I,
+        (m(!0), A(ie, null, ve(V(n), (g, S) => (m(), A("div", {
+          key: S,
           class: "still-camera",
           style: ue({
-            backgroundImage: `url(${T(ce)(
-              T(i),
+            backgroundImage: `url(${V(ce)(
+              V(i),
               g.defaultFilename
             )})`
           }),
-          onClick: (S) => r(g)
+          onClick: (I) => r(g)
         }, [
-          !T(t) && g.cameraName ? (m(), E(f, {
+          !V(t) && g.cameraName ? (m(), E(f, {
             key: 0,
             variant: "flat",
             size: "small",
@@ -6840,22 +6830,22 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
         )
       );
     }), (u, r) => {
-      const h = V("v-icon"), k = V("v-slider"), f = V("v-field");
+      const h = T("v-icon"), k = T("v-slider"), f = T("v-field");
       return m(), A("div", {
-        class: he({ "d-inline-block": !0, mobile: T(t) }),
+        class: he({ "d-inline-block": !0, mobile: V(t) }),
         style: { flex: "1", "vertical-align": "top" }
       }, [
         b(f, {
           style: ue(
-            T(n).timeSamples.length > 1 ? {
-              width: T(t) ? "100%" : "300px",
-              height: T(t) ? "28px" : "36px"
+            V(n).timeSamples.length > 1 ? {
+              width: V(t) ? "100%" : "300px",
+              height: V(t) ? "28px" : "36px"
             } : {
-              height: T(t) ? "28px" : "36px",
+              height: V(t) ? "28px" : "36px",
               paddingLeft: "12px",
               paddingRight: "12px",
-              paddingTop: T(t) ? "5px" : "9px",
-              paddingBottom: T(t) ? "5px" : "9px"
+              paddingTop: V(t) ? "5px" : "9px",
+              paddingBottom: V(t) ? "5px" : "9px"
             }
           ),
           variant: "solo-filled",
@@ -6863,15 +6853,15 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
           flat: ""
         }, {
           default: _(() => [
-            T(n).timeSamples.length > 1 ? (m(), E(k, {
+            V(n).timeSamples.length > 1 ? (m(), E(k, {
               key: 0,
               class: "pa-1 pr-2",
               modelValue: v.value,
               "onUpdate:modelValue": r[0] || (r[0] = (c) => v.value = c),
-              min: T(n).startTime,
-              max: T(n).endTime,
-              step: T(n).interval,
-              disabled: !!T(i),
+              min: V(n).startTime,
+              max: V(n).endTime,
+              step: V(n).interval,
+              disabled: !!V(i),
               density: "compact",
               "thumb-size": "16",
               "thumb-color": "white",
@@ -6888,7 +6878,7 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
                   ]),
                   _: 1
                 }),
-                d("span", xr, G(T(St)(v.value)), 1)
+                d("span", xr, G(V(St)(v.value)), 1)
               ]),
               _: 1
             }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (m(), A(ie, { key: 1 }, [
@@ -6902,7 +6892,7 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
                 ]),
                 _: 1
               }),
-              d("span", Ar, G(T(St)(v.value)), 1)
+              d("span", Ar, G(V(St)(v.value)), 1)
             ], 64))
           ]),
           _: 1
@@ -6925,11 +6915,11 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
   setup(l, { emit: a }) {
     const e = l, { isMobileSized: t, canZoomIn: n, canZoomOut: o, disabled: i } = Oe(e), s = a;
     return (v, u) => {
-      const r = V("v-btn");
+      const r = T("v-btn");
       return m(), A("div", Mr, [
         b(r, {
-          disabled: T(i) || !T(n),
-          size: T(t) ? "x-small" : "small",
+          disabled: V(i) || !V(n),
+          size: V(t) ? "x-small" : "small",
           flat: "",
           icon: "mdi-plus",
           onClick: u[0] || (u[0] = (h) => s("onZoomIn")),
@@ -6937,8 +6927,8 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
         }, null, 8, ["disabled", "size"]),
         Tr,
         b(r, {
-          disabled: T(i) || !T(o),
-          size: T(t) ? "x-small" : "small",
+          disabled: V(i) || !V(o),
+          size: V(t) ? "x-small" : "small",
           flat: "",
           icon: "mdi-minus",
           onClick: u[1] || (u[1] = (h) => s("onZoomOut")),
@@ -6960,14 +6950,14 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
     const e = l, { cdnFileResolver: t, colorCallback: n, currentCamera: o, selectedId: i } = Oe(e), s = a, v = p(), u = p(), r = st({});
     xe(() => {
       for (const f in r) {
-        const { element: c, state: g } = r[f], { r: I, g: S, b: y, a: R, s: F } = n.value(f, g) || {
+        const { element: c, state: g } = r[f], { r: S, g: I, b: y, a: R, s: F } = n.value(f, g) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        c.style.fill = `rgba(${I}, ${S}, ${y}, ${R / 255})`, c.style.stroke = `rgb(${I}, ${S}, ${y})`, c.style.strokeWidth = F.toString();
+        c.style.fill = `rgba(${S}, ${I}, ${y}, ${R / 255})`, c.style.stroke = `rgb(${S}, ${I}, ${y})`, c.style.strokeWidth = F.toString();
       }
     }), H(i, () => {
       for (const f in r)
@@ -7009,20 +6999,20 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
         const f = (c = u.value) == null ? void 0 : c.firstChild;
         if (f) {
           s("updateSvgContainer", f), h();
-          let g, I = "data-structure-id";
-          g = f.querySelectorAll(`[${I}]`), g.length === 0 && (I = "data-apartment-id", g = f.querySelectorAll(`[${I}]`), g.length === 0 && (I = "data-building-id", g = f.querySelectorAll(`[${I}]`))), g.forEach((S) => {
-            S.style.strokeWidth = "0", S.style.stroke = "rgba(255,255,255,0)", S.style.fill = "rgba(255,255,255,0)", S.querySelectorAll("path").forEach((R) => {
+          let g, S = "data-structure-id";
+          g = f.querySelectorAll(`[${S}]`), g.length === 0 && (S = "data-apartment-id", g = f.querySelectorAll(`[${S}]`), g.length === 0 && (S = "data-building-id", g = f.querySelectorAll(`[${S}]`))), g.forEach((I) => {
+            I.style.strokeWidth = "0", I.style.stroke = "rgba(255,255,255,0)", I.style.fill = "rgba(255,255,255,0)", I.querySelectorAll("path").forEach((R) => {
               R.style.stroke = "inherit", R.style.fill = "inherit";
             });
-            const y = S.getAttribute(I);
+            const y = I.getAttribute(S);
             r[y] = {
-              element: S,
+              element: I,
               state: i.value === y ? "selected" : "idle"
-            }, S.addEventListener("mouseover", () => {
+            }, I.addEventListener("mouseover", () => {
               r[y].state === "idle" && (r[y].state = "hover"), s("onHoverOver", y);
-            }), S.addEventListener("mouseout", () => {
+            }), I.addEventListener("mouseout", () => {
               r[y].state === "hover" && (r[y].state = "idle"), s("onHoverOut", y);
-            }), S.addEventListener("click", () => {
+            }), I.addEventListener("click", () => {
               s("onClick", y);
             });
           });
@@ -7034,7 +7024,7 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
         (m(), A("div", {
           ref_key: "svgContainer",
           ref: u,
-          key: T(o).overlayFilename,
+          key: V(o).overlayFilename,
           class: "w-100 h-100 position-absolute top-left",
           style: { "z-index": "5" },
           innerHTML: v.value
@@ -7065,7 +7055,7 @@ function $r(l) {
 function Rr(l) {
   return !("filename" in l) && "defaultFilename" in l;
 }
-function gt(l) {
+function ht(l) {
   return "filename" in l;
 }
 function Ur(l) {
@@ -7228,7 +7218,7 @@ function zr(l) {
         loopable: l.loopable,
         cameras: l.cameras.map((o) => {
           var i;
-          if (bt(o)) {
+          if (_t(o)) {
             if (o.sunsimDayOfYear) {
               if (o.sunsimDayOfYear.length === 0)
                 throw new Error(
@@ -7303,7 +7293,7 @@ function zr(l) {
           //     ],
           //   },
           // ],
-        }, gt(o[v]) && (o[v] = r);
+        }, ht(o[v]) && (o[v] = r);
       }
       return {
         version: "5.0",
@@ -7373,7 +7363,7 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
       Le,
       i.value ? new Fe(i.value) : new Fe()
     );
-    const c = p(), g = p(), I = p(), S = p(null), y = p(4), R = p(), F = p(!1), Y = p(!1), D = p(), C = O(() => D.value.isHoverEnabled), W = p({ x: 0, y: 0, width: 0, height: 0 }), L = p(), Z = p(), w = p(), M = p(!1), q = p(), Q = p({
+    const c = p(), g = p(), S = p(), I = p(null), y = p(4), R = p(), F = p(!1), Y = p(!1), D = p(), C = O(() => D.value.isHoverEnabled), W = p({ x: 0, y: 0, width: 0, height: 0 }), L = p(), Z = p(), w = p(), M = p(!1), q = p(), Q = p({
       current: 100,
       min: 100,
       max: 1e3
@@ -7405,7 +7395,7 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
     const oe = O(
       () => w.value ? w.value.cameras.filter(Rr) : []
     ), P = O(
-      () => w.value ? w.value.cameras.filter(gt) : []
+      () => w.value ? w.value.cameras.filter(ht) : []
     );
     H(
       [w, n, u],
@@ -7428,9 +7418,9 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
     ), H(
       [w, n, h],
       () => {
-        w.value && n.value && g.value && g.value.timeSamples && g.value.timeSamples.length > 0 && (h.value ? I.value = g.value.timeSamples.find(
+        w.value && n.value && g.value && g.value.timeSamples && g.value.timeSamples.length > 0 && (h.value ? S.value = g.value.timeSamples.find(
           (U) => U.timeInHours === h.value
-        ) || g.value.timeSamples[0] : I.value = g.value.timeSamples.find(
+        ) || g.value.timeSamples[0] : S.value = g.value.timeSamples.find(
           (U) => U.timeInHours === g.value.defaultHour
         ) || g.value.timeSamples[0]);
       },
@@ -7442,11 +7432,11 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
       );
     }
     function J(U) {
-      y.value = U, gt(w.value.cameras[y.value]) ? S.value = w.value.cameras[y.value] : (ke(() => {
+      y.value = U, ht(w.value.cameras[y.value]) ? I.value = w.value.cameras[y.value] : (ke(() => {
         ne(
           w.value.cameras[y.value]
         );
-      }), S.value = null);
+      }), I.value = null);
     }
     function ne(U) {
       const te = g.value;
@@ -7461,7 +7451,7 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
       });
     }
     function fe(U) {
-      const te = I.value;
+      const te = S.value;
       g.value = U, ke(() => {
         me(
           g.value.timeSamples.find(
@@ -7473,7 +7463,7 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
       });
     }
     function me(U) {
-      I.value = U;
+      S.value = U;
     }
     function de(U) {
       f("onClick", U, () => {
@@ -7547,7 +7537,7 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
       });
     }
     return (U, te) => {
-      const z = V("v-skeleton-loader");
+      const z = T("v-skeleton-loader");
       return m(), A(ie, null, [
         b(z, {
           type: "image",
@@ -7603,7 +7593,7 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
                       "still-cameras": oe.value,
                       "current-camera": c.value,
                       disabled: Y.value,
-                      "cdn-file-resolver": T(n),
+                      "cdn-file-resolver": V(n),
                       onOnCameraChange: B
                     }, null, 8, ["is-mobile-sized", "still-cameras", "current-camera", "disabled", "cdn-file-resolver"])
                   ], 2)) : $("", !0),
@@ -7617,35 +7607,35 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
                       (m(!0), A(ie, null, ve(oe.value, (N, ae) => (m(), E(hr, {
                         key: `camera${ae}`,
                         "camera-data": N,
-                        "cdn-file-resolver": T(n),
+                        "cdn-file-resolver": V(n),
                         "current-camera": c.value,
                         "current-day": g.value,
-                        "current-time": I.value
+                        "current-time": S.value
                       }, null, 8, ["camera-data", "cdn-file-resolver", "current-camera", "current-day", "current-time"]))), 128)),
                       (m(!0), A(ie, null, ve(P.value, (N, ae) => (m(), E(_r, {
                         key: `transition${ae}`,
                         "transition-data": N,
-                        "cdn-file-resolver": T(n),
-                        "current-transition": S.value
+                        "cdn-file-resolver": V(n),
+                        "current-transition": I.value
                       }, null, 8, ["transition-data", "cdn-file-resolver", "current-transition"]))), 128)),
-                      T(s) ? (m(), A("div", {
+                      V(s) ? (m(), A("div", {
                         key: 0,
                         class: "w-100 h-100 position-absolute top-left",
                         style: { "z-index": "6", "pointer-events": "none" },
-                        innerHTML: T(s)
+                        innerHTML: V(s)
                       }, null, 8, jr)) : $("", !0),
                       c.value.overlayFilename ? pe((m(), E(Br, {
                         key: 1,
-                        "cdn-file-resolver": T(n),
-                        "color-callback": T(o),
+                        "cdn-file-resolver": V(n),
+                        "color-callback": V(o),
                         "current-camera": c.value,
-                        "selected-id": T(v),
+                        "selected-id": V(v),
                         onOnClick: de,
                         onOnHoverOver: we,
                         onOnHoverOut: Me,
                         onUpdateSvgContainer: te[2] || (te[2] = (N) => L.value = N)
                       }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id"])), [
-                        [ge, S.value === null]
+                        [ge, I.value === null]
                       ]) : $("", !0)
                     ]),
                     _: 1
@@ -7668,7 +7658,7 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
                     b(Lr, {
                       "is-mobile-sized": M.value,
                       "current-day": g.value,
-                      "current-time": I.value,
+                      "current-time": S.value,
                       disabled: Y.value,
                       onOnTimeChange: me
                     }, null, 8, ["is-mobile-sized", "current-day", "current-time", "disabled"])