@qispace/vue3-player 0.1.45 → 0.1.47

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

@@ -1,7 +1,7 @@
-var Dt = Object.defineProperty;
-var Mt = (v, t, e) => t in v ? Dt(v, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : v[t] = e;
+var xt = Object.defineProperty;
+var Mt = (v, t, e) => t in v ? xt(v, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : v[t] = e;
 var ne = (v, t, e) => (Mt(v, typeof t != "symbol" ? t + "" : t, e), e);
-import { defineComponent as P, ref as u, computed as E, openBlock as p, createElementBlock as D, watch as H, onMounted as de, onBeforeUnmount as je, withDirectives as ve, createElementVNode as s, normalizeStyle as le, vShow as fe, createVNode as b, Fragment as ce, renderList as me, createCommentVNode as $, inject as Be, resolveComponent as T, withCtx as k, toDisplayString as Q, unref as ae, createTextVNode as K, normalizeClass as he, createBlock as R, renderSlot as te, provide as Qe, reactive as st, watchEffect as Ie, resolveDynamicComponent as ht, normalizeProps as tt, guardReactiveProps as nt, mergeProps as _e, nextTick as Le, Transition as Se, createSlots as Et, pushScopeId as it, popScopeId as rt, vModelText as Tt, createStaticVNode as gt, onBeforeUpdate as Vt } from "vue";
+import { defineComponent as P, ref as u, computed as E, openBlock as p, createElementBlock as x, watch as H, onMounted as de, onBeforeUnmount as je, withDirectives as ve, createElementVNode as s, normalizeStyle as le, vShow as fe, createVNode as w, Fragment as ce, renderList as me, createCommentVNode as $, inject as Be, resolveComponent as V, withCtx as C, toDisplayString as Q, unref as ae, createTextVNode as te, normalizeClass as he, createBlock as B, renderSlot as ee, provide as Qe, reactive as st, watchEffect as Ie, resolveDynamicComponent as ht, normalizeProps as tt, guardReactiveProps as nt, mergeProps as _e, nextTick as Le, Transition as Se, createSlots as Et, pushScopeId as it, popScopeId as rt, vModelText as Tt, createStaticVNode as gt, onBeforeUpdate as Vt } from "vue";
 import ot from "axios";
 import * as Bt from "@qispace/player-core";
 import * as Ve from "three";
@@ -48,7 +48,7 @@ const Rt = /* @__PURE__ */ P({
     const e = u(), a = E(() => window.getComputedStyle(e.value).display === "none");
     return t({
       isHoverEnabled: a
-    }), (n, o) => (p(), D("div", {
+    }), (n, o) => (p(), x("div", {
       ref_key: "hoverCheck",
       ref: e,
       class: "hover-check"
@@ -76,14 +76,14 @@ const Ot = /* @__PURE__ */ P({
   },
   emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
   setup(v, { emit: t }) {
-    const e = v, a = t, n = u({ x: 0, y: 0, width: 0, height: 0 }), o = u(0), r = u(0), i = u(), f = u(), c = u(), l = u(), d = u(-1), w = u(!1), g = u(), m = u(), _ = u({}), x = u("auto"), L = u(new ye()), h = u({}), B = u(), F = u(), O = u(), y = u(), I = u(), W = E(() => O.value.isHoverEnabled), A = E(() => se(
+    const e = v, a = t, n = u({ x: 0, y: 0, width: 0, height: 0 }), o = u(0), r = u(0), i = u(), f = u(), c = u(), l = u(), d = u(-1), b = u(!1), h = u(), m = u(), _ = u({}), F = u("auto"), L = u(new ye()), g = u({}), O = u(), D = u(), R = u(), y = u(), I = u(), W = E(() => R.value.isHoverEnabled), A = E(() => se(
       e.cdnFileResolver,
       `/scenedata${e.viewModel.currentScene}.png`
     )), Z = E(() => A.value in _.value ? _.value[A.value] : null), S = E(() => d.value < 0 ? !1 : e.sceneData.find((J) => J.index === d.value) || !1), M = E(() => ({
       width: o.value + "px",
       height: r.value + "px",
-      cursor: x.value
-    })), z = E(() => `hover-${w.value ? "over" : "out"}-${S.value ? typeof S.value == "object" && "unitId" in S.value ? S.value.unitId : S.value : ""}`);
+      cursor: F.value
+    })), z = E(() => `hover-${b.value ? "over" : "out"}-${S.value ? typeof S.value == "object" && "unitId" in S.value ? S.value.unitId : S.value : ""}`);
     H(
       A,
       () => {
@@ -113,9 +113,9 @@ const Ot = /* @__PURE__ */ P({
         Me();
       }
     ), H(S, () => {
-      Me(), S.value ? x.value = "pointer" : x.value = "auto";
+      Me(), S.value ? F.value = "pointer" : F.value = "auto";
     }), H(z, () => {
-      w.value ? a("hoverOver", {
+      b.value ? a("hoverOver", {
         hoverUnit: S.value ? S.value.unitId : !1,
         closeHandler: () => Xe()
       }) : a("hoverOut", {
@@ -125,13 +125,13 @@ const Ot = /* @__PURE__ */ P({
     }), H(n, () => {
       a("pos", n.value);
     }), de(() => {
-      F.value = () => {
-        clearTimeout(B.value), Ce(), B.value = setTimeout(() => {
+      D.value = () => {
+        clearTimeout(O.value), Ce(), O.value = setTimeout(() => {
           Ce();
         }, 50);
-      }, window.addEventListener("resize", F.value), Ce();
+      }, window.addEventListener("resize", D.value), Ce();
     }), je(() => {
-      window.removeEventListener("resize", F.value);
+      window.removeEventListener("resize", D.value);
       for (const G in _.value)
         URL.revokeObjectURL(_.value[G]);
     });
@@ -142,16 +142,16 @@ const Ot = /* @__PURE__ */ P({
     }
     function U(G) {
       const J = q(G.offsetX, G.offsetY);
-      w.value = J >= 0, d.value = J, n.value = {
+      b.value = J >= 0, d.value = J, n.value = {
         x: G.offsetX,
         y: G.offsetY,
         width: o.value,
         height: r.value
       };
     }
-    function V(G) {
+    function T(G) {
       const J = q(G.offsetX, G.offsetY);
-      J < 0 || W && xe(J);
+      J < 0 || W && De(J);
     }
     function Y() {
       if (f.value && f.value.width) {
@@ -173,16 +173,16 @@ const Ot = /* @__PURE__ */ P({
           y.value.height
         );
         const G = l.value.data;
-        h.value = {};
+        g.value = {};
         for (let J = 0; J < G.length; J += 4)
-          h.value[G[J]] = [];
+          g.value[G[J]] = [];
         for (let J = 3; J < G.length; J += 4)
-          G[J] === 255 && G[J - 3] in h.value && h.value[G[J - 3]].push(J - 3);
+          G[J] === 255 && G[J - 3] in g.value && g.value[G[J - 3]].push(J - 3);
       }
     }
     function q(G, J) {
-      g.value = G, m.value = J;
-      const oe = y.value.offsetWidth / y.value.width, ze = y.value.offsetHeight / y.value.height, Te = (G / oe).toFixed(), De = (J / ze).toFixed(), ge = Number(De) * (y.value.width * 4) + Number(Te) * 4, Ue = l.value.data[ge];
+      h.value = G, m.value = J;
+      const oe = y.value.offsetWidth / y.value.width, ze = y.value.offsetHeight / y.value.height, Te = (G / oe).toFixed(), xe = (J / ze).toFixed(), ge = Number(xe) * (y.value.width * 4) + Number(Te) * 4, Ue = l.value.data[ge];
       return l.value.data[ge + 3] > 0 ? Ue : -1;
     }
     function re() {
@@ -193,16 +193,16 @@ const Ot = /* @__PURE__ */ P({
             const ze = ue(J.index);
             let Te = "idle";
             !S.value && e.selectedUnitId && ze === e.selectedUnitId ? Te = "selected" : S.value && d.value === J.index && (Te = "hover");
-            const De = e.colorCallback(J.unitId, Te);
-            if (De)
+            const xe = e.colorCallback(J.unitId, Te);
+            if (xe)
               for (let ge = 0; ge < oe.length; ge++)
-                c.value.data[oe[ge]] = De.r, c.value.data[oe[ge] + 1] = De.g, c.value.data[oe[ge] + 2] = De.b, c.value.data[oe[ge] + 3] = De.a;
+                c.value.data[oe[ge]] = xe.r, c.value.data[oe[ge] + 1] = xe.g, c.value.data[oe[ge] + 2] = xe.b, c.value.data[oe[ge] + 3] = xe.a;
           }
         }
       });
     }
     function ie(G) {
-      return l.value ? h.value[G] : !1;
+      return l.value ? g.value[G] : !1;
     }
     function ue(G) {
       const J = e.sceneData.find((oe) => oe.index === G);
@@ -210,7 +210,7 @@ const Ot = /* @__PURE__ */ P({
     }
     function Ae() {
       if (l.value) {
-        const G = Object.keys(h.value).map(
+        const G = Object.keys(g.value).map(
           (oe) => parseInt(oe)
         );
         return e.sceneData.filter(
@@ -219,7 +219,7 @@ const Ot = /* @__PURE__ */ P({
       } else
         return [];
     }
-    function xe(G) {
+    function De(G) {
       const J = ue(G);
       we(J);
     }
@@ -245,7 +245,7 @@ const Ot = /* @__PURE__ */ P({
       ke(), re(), i.value && c.value && i.value.putImageData(c.value, 0, 0);
     }
     function Xe() {
-      w.value = !1;
+      b.value = !1;
     }
     const $e = u(!1);
     function Ke(G, J) {
@@ -253,7 +253,7 @@ const Ot = /* @__PURE__ */ P({
         $e.value && ($e.value = !1, G.apply(this, oe), setTimeout(() => $e.value = !0, J));
       };
     }
-    return (G, J) => (p(), D("div", {
+    return (G, J) => (p(), x("div", {
       ref_key: "container",
       ref: I,
       id: "canvas"
@@ -263,13 +263,13 @@ const Ot = /* @__PURE__ */ P({
         ref_key: "canvas",
         ref: y,
         style: le(M.value),
-        onClick: V
+        onClick: T
       }, null, 4), [
         [fe, !G.viewModel.isRotating]
       ]),
-      b(Re, {
+      w(Re, {
         ref_key: "hoverProbe",
-        ref: O
+        ref: R
       }, null, 512)
     ], 512));
   }
@@ -301,9 +301,9 @@ const Ot = /* @__PURE__ */ P({
       { immediate: !0 }
     ), H(n, () => {
       a("pos", n.value);
-    }), H(o, (F, O) => {
-      if (F >= 0) {
-        const y = g(F);
+    }), H(o, (D, R) => {
+      if (D >= 0) {
+        const y = h(D);
         a("hoverOver", {
           hoverUnit: y,
           closeHandler: () => {
@@ -311,7 +311,7 @@ const Ot = /* @__PURE__ */ P({
           }
         });
       } else {
-        const y = g(O);
+        const y = h(R);
         a("hoverOut", {
           hoverUnit: y,
           closeHandler: () => {
@@ -320,13 +320,13 @@ const Ot = /* @__PURE__ */ P({
         });
       }
     }), de(() => {
-      for (let F = 1; F <= 4; F++) {
-        const O = se(e.cdnFileResolver, `/scenedata${F}.svg`), y = {
+      for (let D = 1; D <= 4; D++) {
+        const R = se(e.cdnFileResolver, `/scenedata${D}.svg`), y = {
           markup: "",
           viewBox: "",
           svgObjects: []
         };
-        f.value.loadJson(O).then((I) => {
+        f.value.loadJson(R).then((I) => {
           y.markup = I;
           const A = new DOMParser().parseFromString(I, "image/svg+xml").getElementsByTagName("svg")[0];
           y.viewBox = A.getAttribute("viewBox"), y.svgObjects = Array.from(
@@ -334,40 +334,40 @@ const Ot = /* @__PURE__ */ P({
           ).map((Z) => ({
             index: parseInt(Z.getAttribute("data-index")),
             svg: Z.innerHTML
-          })), r.value = { ...r.value, [F]: y };
+          })), r.value = { ...r.value, [D]: y };
         });
       }
-      c.value.addEventListener("mousemove", B(w, 50));
+      c.value.addEventListener("mousemove", O(b, 50));
     });
-    function w(F) {
+    function b(D) {
       n.value = {
-        x: F.offsetX,
-        y: F.offsetY,
+        x: D.offsetX,
+        y: D.offsetY,
         width: c.value.offsetWidth,
         height: c.value.offsetHeight
       };
     }
-    function g(F) {
-      var O;
-      return (O = e.sceneData.find(
-        (y) => y.index === (typeof F == "string" ? parseInt(F) : F)
-      )) == null ? void 0 : O.unitId;
+    function h(D) {
+      var R;
+      return (R = e.sceneData.find(
+        (y) => y.index === (typeof D == "string" ? parseInt(D) : D)
+      )) == null ? void 0 : R.unitId;
     }
-    function m(F) {
-      d.value && (o.value = F);
+    function m(D) {
+      d.value && (o.value = D);
     }
-    function _(F) {
+    function _(D) {
       d.value && (o.value = -1);
     }
-    function x(F) {
-      const O = g(F);
-      a("selectUnit", O), d.value && O && e.canGoToUnitCallback(O) ? a("goToUnit", O) : o.value = F;
+    function F(D) {
+      const R = h(D);
+      a("selectUnit", R), d.value && R && e.canGoToUnitCallback(R) ? a("goToUnit", R) : o.value = D;
     }
-    function L(F) {
-      const O = g(F);
+    function L(D) {
+      const R = h(D);
       let y = "idle";
-      o.value < 0 && e.selectedUnitId && O === e.selectedUnitId ? y = "selected" : o.value >= 0 && o.value === F && (y = "hover");
-      const I = e.colorCallback(O, y);
+      o.value < 0 && e.selectedUnitId && R === e.selectedUnitId ? y = "selected" : o.value >= 0 && o.value === D && (y = "hover");
+      const I = e.colorCallback(R, y);
       if (I) {
         const { r: W, g: A, b: Z, a: S, s: M } = I;
         return {
@@ -376,7 +376,7 @@ const Ot = /* @__PURE__ */ P({
           strokeOpacity: 1,
           fill: `rgb(${W}, ${A}, ${Z})`,
           fillOpacity: S / 255,
-          cursor: `${e.canGoToUnitCallback(O) ? "cursor" : "default"} !important`
+          cursor: `${e.canGoToUnitCallback(R) ? "cursor" : "default"} !important`
         };
       } else
         return {
@@ -388,13 +388,13 @@ const Ot = /* @__PURE__ */ P({
           cursor: "default !important"
         };
     }
-    const h = u(!1);
-    function B(F, O) {
-      return h.value = !0, function(...y) {
-        h.value && (h.value = !1, F.apply(this, y), setTimeout(() => h.value = !0, O));
+    const g = u(!1);
+    function O(D, R) {
+      return g.value = !0, function(...y) {
+        g.value && (g.value = !1, D.apply(this, y), setTimeout(() => g.value = !0, R));
       };
     }
-    return (F, O) => (p(), D("div", {
+    return (D, R) => (p(), x("div", {
       id: "container",
       ref_key: "container",
       ref: c
@@ -405,23 +405,23 @@ const Ot = /* @__PURE__ */ P({
           opacity: !i.value || !i.value.svgObjects ? 0 : 1
         })
       }, [
-        i.value && i.value.svgObjects ? (p(), D("svg", {
+        i.value && i.value.svgObjects ? (p(), x("svg", {
           key: 0,
           viewBox: i.value.viewBox
         }, [
-          (p(!0), D(ce, null, me(i.value.svgObjects, ({ index: y, svg: I }) => (p(), D("g", {
+          (p(!0), x(ce, null, me(i.value.svgObjects, ({ index: y, svg: I }) => (p(), x("g", {
             key: y,
             innerHTML: I,
             style: le(L(y)),
             onMouseenter: (W) => m(y),
             onMouseleave: (W) => _(),
-            onClick: (W) => x(y)
+            onClick: (W) => F(y)
           }, null, 44, Ht))), 128))
         ], 8, Ut)) : $("", !0)
       ], 4), [
-        [fe, !F.viewModel.isRotating]
+        [fe, !D.viewModel.isRotating]
       ]),
-      b(Re, {
+      w(Re, {
         ref_key: "hoverProbe",
         ref: l
       }, null, 512)
@@ -452,50 +452,50 @@ const Ot = /* @__PURE__ */ P({
       c.keyCode === 37 ? e.prevUnitId && r("prevUnit") : c.keyCode === 39 && e.nextUnitId && r("nextUnit");
     }
     return (c, l) => {
-      const d = T("v-btn");
-      return p(), D("div", null, [
-        b(d, {
+      const d = V("v-btn");
+      return p(), x("div", null, [
+        w(d, {
           elevation: "1",
           icon: "mdi-rotate-right",
           class: "black darken-1",
-          onClick: l[0] || (l[0] = (w) => c.viewModel.rotateClockwise())
+          onClick: l[0] || (l[0] = (b) => c.viewModel.rotateClockwise())
         }),
-        b(d, {
+        w(d, {
           elevation: "1",
           plain: "",
           icon: "mdi-chevron-left",
           class: "mr-sm-4 ml-sm-8 mr-3 ml-3 black darken-1",
           disabled: !o.value,
-          onClick: l[1] || (l[1] = (w) => r("prevUnit"))
+          onClick: l[1] || (l[1] = (b) => r("prevUnit"))
         }, null, 8, ["disabled"]),
-        b(d, {
+        w(d, {
           color: "darken-2",
           elevation: "1",
           rounded: "",
           plain: "",
           disabled: !a.value || !c.canGoToUnitCallback(a.value),
-          onClick: l[2] || (l[2] = (w) => r("goToUnit", a.value))
+          onClick: l[2] || (l[2] = (b) => r("goToUnit", a.value))
         }, {
-          default: k(() => [
-            a.value && c.canGoToUnitCallback(a.value) ? (p(), D("span", jt, Q(ae(i).getLabel("seeApartment")) + "  ", 1)) : $("", !0),
+          default: C(() => [
+            a.value && c.canGoToUnitCallback(a.value) ? (p(), x("span", jt, Q(ae(i).getLabel("seeApartment")) + "  ", 1)) : $("", !0),
             s("span", Wt, Q(a.value ? e.unitRenderer(a.value) : "-"), 1)
           ]),
           _: 1
         }, 8, ["disabled"]),
-        b(d, {
+        w(d, {
           elevation: "1",
           plain: "",
           icon: "mdi-chevron-right",
           class: "mr-sm-8 ml-sm-4 mr-3 ml-3 black darken-1",
           disabled: !n.value,
-          onClick: l[3] || (l[3] = (w) => r("nextUnit"))
+          onClick: l[3] || (l[3] = (b) => r("nextUnit"))
         }, null, 8, ["disabled"]),
-        b(d, {
+        w(d, {
           elevation: "1",
           plain: "",
           icon: "mdi-rotate-left",
           class: "black darken-1",
-          onClick: l[4] || (l[4] = (w) => c.viewModel.rotateCounterClockwise())
+          onClick: l[4] || (l[4] = (b) => c.viewModel.rotateCounterClockwise())
         })
       ]);
     };
@@ -608,122 +608,122 @@ const Qt = {
   },
   emits: ["loaded", "error", "progress"],
   setup(v, { emit: t }) {
-    const e = v, a = t, n = g(), o = u(
+    const e = v, a = t, n = h(), o = u(
       new lt(n.length).onLoadFinished(() => a("loaded")).onLoadProgress((L) => a("progress", L)).onLoadError(() => a("error"))
     ), r = u(
       new Gt(e.cardinalFrames, mt)
     ), i = u(n), f = u(!1), c = E(() => i.value.find((L) => L.show));
     H(
       () => e.viewModel.currentScene,
-      (L, h) => {
-        const B = x(h, L), F = _(h, L);
-        l(h, B, F);
+      (L, g) => {
+        const O = F(g, L), D = _(g, L);
+        l(g, O, D);
       }
     ), de(() => {
-      w();
+      b();
     });
-    function l(L, h, B) {
+    function l(L, g, O) {
       e.viewModel.isRotating || (e.viewModel.isRotating = !0, d(
         r.value.start(
-          h,
+          g,
           L % Ne,
-          B
+          O
         )
       ));
     }
     function d(L) {
       setTimeout(() => {
         i.value[L.frameIndex].show = !1;
-        const h = L.nextFrame();
-        i.value[h.frameIndex].show = !0, h.atEnd ? w() : window.requestAnimationFrame(() => d(h));
+        const g = L.nextFrame();
+        i.value[g.frameIndex].show = !0, g.atEnd ? b() : window.requestAnimationFrame(() => d(g));
       }, 1e3 / an);
     }
-    function w() {
+    function b() {
       const L = r.value.startFrameIndexForScene(
         e.viewModel.currentScene % Ne
       );
       L in i.value && (i.value[L].show = !0), e.viewModel.isRotating = !1;
     }
-    function g() {
+    function h() {
       const L = [];
-      for (let h = 0; h < mt; h++) {
-        const { sourceSet: B, defaultPath: F } = m(h);
+      for (let g = 0; g < mt; g++) {
+        const { sourceSet: O, defaultPath: D } = m(g);
         L.push({
-          index: h,
-          sourceSet: B,
-          defaultPath: F,
+          index: g,
+          sourceSet: O,
+          defaultPath: D,
           show: !1
         });
       }
       return L;
     }
     function m(L) {
-      const h = ("0000" + (L + 1)).slice(-4), B = e.build ? `?v=${e.build}` : "", F = [
+      const g = ("0000" + (L + 1)).slice(-4), O = e.build ? `?v=${e.build}` : "", D = [
         `${se(
           e.cdnFileResolver,
-          `/480/${h}.jpg${B}`
+          `/480/${g}.jpg${O}`
         )} 480w`,
         `${se(
           e.cdnFileResolver,
-          `/960/${h}.jpg${B}`
+          `/960/${g}.jpg${O}`
         )} 960w`,
         `${se(
           e.cdnFileResolver,
-          `/1280/${h}.jpg${B}`
+          `/1280/${g}.jpg${O}`
         )} 1280w`
-      ].join(","), O = se(
+      ].join(","), R = se(
         e.cdnFileResolver,
-        `/480/${h}.jpg${B}`
+        `/480/${g}.jpg${O}`
       );
-      return { sourceSet: F, defaultPath: O };
+      return { sourceSet: D, defaultPath: R };
     }
-    function _(L, h) {
-      const B = Ne / 2, F = Math.abs(L - h);
-      return F > B ? Ne - F : F;
+    function _(L, g) {
+      const O = Ne / 2, D = Math.abs(L - g);
+      return D > O ? Ne - D : D;
     }
-    function x(L, h) {
-      if (L === h)
+    function F(L, g) {
+      if (L === g)
         return 0;
-      const F = Math.abs(L - h) < Ne / 2;
-      return F && L < h || !F && L > h ? 1 : -1;
-    }
-    return (L, h) => {
-      const B = T("v-icon");
-      return p(), D("div", null, [
-        o.value.isError ? (p(), D("div", Qt, [
-          b(B, { "x-large": "" }, {
-            default: k(() => [
-              K("mdi-alert-circle-outline")
+      const D = Math.abs(L - g) < Ne / 2;
+      return D && L < g || !D && L > g ? 1 : -1;
+    }
+    return (L, g) => {
+      const O = V("v-icon");
+      return p(), x("div", null, [
+        o.value.isError ? (p(), x("div", Qt, [
+          w(O, { "x-large": "" }, {
+            default: C(() => [
+              te("mdi-alert-circle-outline")
             ]),
             _: 1
           })
-        ])) : f.value ? (p(), D("div", Kt, [
-          (p(!0), D(ce, null, me(i.value, (F) => (p(), D("picture", {
-            key: F.index,
-            alt: F.index,
-            class: he({ "frame-image": !0, show: F.show })
+        ])) : f.value ? (p(), x("div", Kt, [
+          (p(!0), x(ce, null, me(i.value, (D) => (p(), x("picture", {
+            key: D.index,
+            alt: D.index,
+            class: he({ "frame-image": !0, show: D.show })
           }, [
             s("source", {
-              srcset: F.sourceSet,
+              srcset: D.sourceSet,
               type: "image/jpeg"
             }, null, 8, tn),
             s("img", {
-              src: F.defaultPath,
+              src: D.defaultPath,
               alt: "Building image",
-              onLoad: h[2] || (h[2] = (O) => o.value.partLoaded()),
-              onError: h[3] || (h[3] = (O) => o.value.errorDetected())
+              onLoad: g[2] || (g[2] = (R) => o.value.partLoaded()),
+              onError: g[3] || (g[3] = (R) => o.value.errorDetected())
             }, null, 40, nn)
           ], 10, en))), 128))
-        ])) : (p(), D("div", qt, [
-          c.value ? (p(), D("picture", Zt, [
+        ])) : (p(), x("div", qt, [
+          c.value ? (p(), x("picture", Zt, [
             s("source", {
               srcset: c.value.sourceSet,
               type: "image/jpeg"
             }, null, 8, Jt),
             s("img", {
               src: c.value.defaultPath,
-              onLoad: h[0] || (h[0] = (F) => f.value = !0),
-              onError: h[1] || (h[1] = (F) => o.value.errorDetected())
+              onLoad: g[0] || (g[0] = (D) => f.value = !0),
+              onError: g[1] || (g[1] = (D) => o.value.errorDetected())
             }, null, 40, Xt)
           ])) : $("", !0)
         ]))
@@ -743,12 +743,12 @@ const Qt = {
       return e.pos.x <= e.pos.width / 2 ? (o = "-100%", i = "-8px") : (o = "0%", i = "8px"), e.pos.y <= e.pos.height / 2 ? (r = "-100%", f = "-8px") : (r = "0%", f = "8px"), `translate(${o}, ${r}) translate(${i}, ${f})`;
     });
     return (o, r) => {
-      const i = T("v-dialog"), f = T("v-fade-transition");
-      return p(), R(f, {
+      const i = V("v-dialog"), f = V("v-fade-transition");
+      return p(), B(f, {
         origin: `top left ${o.pos.x} ${o.pos.y}`
       }, {
-        default: k(() => [
-          o.isHoverable ? (p(), D("div", {
+        default: C(() => [
+          o.isHoverable ? (p(), x("div", {
             key: 0,
             class: "floating-card",
             style: le({
@@ -758,15 +758,15 @@ const Qt = {
               transform: n.value
             })
           }, [
-            te(o.$slots, "default", { isHoverable: o.isHoverable }, void 0, !0)
-          ], 4)) : (p(), R(i, {
+            ee(o.$slots, "default", { isHoverable: o.isHoverable }, void 0, !0)
+          ], 4)) : (p(), B(i, {
             key: 1,
             value: !0,
             width: "auto",
             "onClick:outside": r[0] || (r[0] = (c) => a("outside", c))
           }, {
-            default: k(() => [
-              te(o.$slots, "default", { isHoverable: o.isHoverable }, void 0, !0)
+            default: C(() => [
+              ee(o.$slots, "default", { isHoverable: o.isHoverable }, void 0, !0)
             ]),
             _: 3
           }))
@@ -787,8 +787,8 @@ const Qt = {
   },
   emits: ["update"],
   setup(v, { emit: t }) {
-    const e = v, a = t, n = u(100), o = u(0), r = u(0), i = u(!1), f = u(!1), c = u(void 0), l = u(!1), d = u(), w = E(() => `translateX(${o.value}px) translateY(${r.value}px) scale(${g.value})`), g = E(() => n.value / 100), m = E(() => e.maxScale * 100);
-    H([g, o, r], () => {
+    const e = v, a = t, n = u(100), o = u(0), r = u(0), i = u(!1), f = u(!1), c = u(void 0), l = u(!1), d = u(), b = E(() => `translateX(${o.value}px) translateY(${r.value}px) scale(${h.value})`), h = E(() => n.value / 100), m = E(() => e.maxScale * 100);
+    H([h, o, r], () => {
       U();
     }), H(
       () => e.desktop,
@@ -798,19 +798,19 @@ const Qt = {
     ), H(
       () => e.mobile,
       () => {
-        e.mobile ? x() : h();
+        e.mobile ? F() : g();
       }
     ), de(() => {
-      e.desktop && _(), e.mobile && x();
+      e.desktop && _(), e.mobile && F();
     }), je(() => {
-      e.desktop && L(), e.mobile && h();
+      e.desktop && L(), e.mobile && g();
     });
     function _() {
-      d.value.addEventListener("wheel", B, {
+      d.value.addEventListener("wheel", O, {
         capture: !0
-      }), d.value.addEventListener("mousedown", F, {
+      }), d.value.addEventListener("mousedown", D, {
         capture: !0
-      }), d.value.addEventListener("mousemove", O, {
+      }), d.value.addEventListener("mousemove", R, {
         capture: !0
       }), window.addEventListener("mouseup", y, {
         capture: !0
@@ -818,7 +818,7 @@ const Qt = {
         capture: !0
       });
     }
-    function x() {
+    function F() {
       d.value.addEventListener("touchstart", W, {
         capture: !0
       }), d.value.addEventListener("touchmove", A, {
@@ -830,11 +830,11 @@ const Qt = {
       });
     }
     function L() {
-      d.value.removeEventListener("wheel", B, {
+      d.value.removeEventListener("wheel", O, {
         capture: !0
-      }), d.value.removeEventListener("mousedown", F, {
+      }), d.value.removeEventListener("mousedown", D, {
         capture: !0
-      }), d.value.removeEventListener("mousemove", O, {
+      }), d.value.removeEventListener("mousemove", R, {
         capture: !0
       }), window.removeEventListener("mouseup", y, {
         capture: !0
@@ -842,7 +842,7 @@ const Qt = {
         capture: !0
       });
     }
-    function h() {
+    function g() {
       d.value.removeEventListener("touchstart", W, {
         capture: !0
       }), d.value.removeEventListener("touchmove", A, {
@@ -853,96 +853,96 @@ const Qt = {
         capture: !0
       });
     }
-    function B(V) {
-      const { x: Y, y: q } = S(V);
-      j(-V.deltaY / 10, Y, q), V.preventDefault();
+    function O(T) {
+      const { x: Y, y: q } = S(T);
+      j(-T.deltaY / 10, Y, q), T.preventDefault();
     }
-    function F(V) {
-      i.value = !0, l.value = !1, c.value = V;
+    function D(T) {
+      i.value = !0, l.value = !1, c.value = T;
     }
-    function O(V) {
+    function R(T) {
       if (i.value) {
-        const { x: Y, y: q } = S(V), { x: re, y: ie } = S(c.value), ue = {
+        const { x: Y, y: q } = S(T), { x: re, y: ie } = S(c.value), ue = {
           x: Y - re,
           y: q - ie
         };
-        M(ue.x), z(ue.y), l.value = !0, c.value = V;
+        M(ue.x), z(ue.y), l.value = !0, c.value = T;
       }
     }
-    function y(V) {
-      i.value && l.value && e.consumeMouseUpWhenMoved && (V.preventDefault(), V.stopImmediatePropagation());
+    function y(T) {
+      i.value && l.value && e.consumeMouseUpWhenMoved && (T.preventDefault(), T.stopImmediatePropagation());
     }
-    function I(V) {
-      i.value && (l.value && e.consumeMouseClickWhenMoved && (V.preventDefault(), V.stopImmediatePropagation()), i.value = !1);
+    function I(T) {
+      i.value && (l.value && e.consumeMouseClickWhenMoved && (T.preventDefault(), T.stopImmediatePropagation()), i.value = !1);
     }
-    function W(V) {
-      i.value = V.touches.length === 1, f.value = V.touches.length === 2, c.value = V;
+    function W(T) {
+      i.value = T.touches.length === 1, f.value = T.touches.length === 2, c.value = T;
     }
-    function A(V) {
+    function A(T) {
       if (i.value) {
-        const { x: Y, y: q } = S(V.touches[0]), { x: re, y: ie } = S(c.value.touches[0]), ue = {
+        const { x: Y, y: q } = S(T.touches[0]), { x: re, y: ie } = S(c.value.touches[0]), ue = {
           x: Y - re,
           y: q - ie
         };
         M(ue.x), z(ue.y);
-      } else if (f.value && V.touches.length === 2) {
-        const { x: Y, y: q } = S(V.touches[0]), { x: re, y: ie } = S(c.value.touches[0]), { x: ue, y: Ae } = S(V.touches[1]), { x: xe, y: we } = S(c.value.touches[1]), ke = Math.hypot(re - xe, ie - we), Ce = Math.hypot(Y - ue, q - Ae), Ee = (ue + Y) / 2, Me = (Ae + q) / 2;
+      } else if (f.value && T.touches.length === 2) {
+        const { x: Y, y: q } = S(T.touches[0]), { x: re, y: ie } = S(c.value.touches[0]), { x: ue, y: Ae } = S(T.touches[1]), { x: De, y: we } = S(c.value.touches[1]), ke = Math.hypot(re - De, ie - we), Ce = Math.hypot(Y - ue, q - Ae), Ee = (ue + Y) / 2, Me = (Ae + q) / 2;
         j(Ce - ke, Ee, Me);
       }
-      c.value = V;
+      c.value = T;
     }
     function Z() {
       i.value = !1, f.value = !1;
     }
-    function S(V) {
+    function S(T) {
       const { left: Y, top: q } = d.value.getBoundingClientRect();
       return {
-        x: V.clientX - Y,
-        y: V.clientY - q
+        x: T.clientX - Y,
+        y: T.clientY - q
       };
     }
-    function M(V) {
-      const Y = d.value.clientWidth, q = Y * g.value;
+    function M(T) {
+      const Y = d.value.clientWidth, q = Y * h.value;
       o.value = Math.max(
-        Math.min(0, o.value + V),
+        Math.min(0, o.value + T),
         -(q - Y)
       );
     }
-    function z(V) {
-      const Y = d.value.clientHeight, q = Y * g.value;
+    function z(T) {
+      const Y = d.value.clientHeight, q = Y * h.value;
       r.value = Math.max(
-        Math.min(0, r.value + V),
+        Math.min(0, r.value + T),
         -(q - Y)
       );
     }
-    function j(V, Y, q) {
-      const re = d.value.clientWidth, ie = d.value.clientHeight, ue = re * g.value, Ae = ie * g.value;
-      n.value = Math.min(Math.max(100, n.value + V), m.value);
-      const xe = re * g.value, we = ie * g.value, ke = xe - ue, Ce = we - Ae;
+    function j(T, Y, q) {
+      const re = d.value.clientWidth, ie = d.value.clientHeight, ue = re * h.value, Ae = ie * h.value;
+      n.value = Math.min(Math.max(100, n.value + T), m.value);
+      const De = re * h.value, we = ie * h.value, ke = De - ue, Ce = we - Ae;
       o.value -= Y / re * ke, r.value -= q / ie * Ce, M(0), z(0);
     }
     function U() {
       a("update", {
-        scale: g.value,
+        scale: h.value,
         x: o.value,
         y: r.value,
-        resolve: (V, Y) => {
-          const q = d.value.clientWidth, re = d.value.clientHeight, ie = o.value / -g.value, ue = r.value / -g.value, Ae = ie + q / g.value, xe = ue + re / g.value, we = V / q * (Ae - ie) + ie, ke = Y / re * (xe - ue) + ue;
+        resolve: (T, Y) => {
+          const q = d.value.clientWidth, re = d.value.clientHeight, ie = o.value / -h.value, ue = r.value / -h.value, Ae = ie + q / h.value, De = ue + re / h.value, we = T / q * (Ae - ie) + ie, ke = Y / re * (De - ue) + ue;
           return { x: we, y: ke };
         }
       });
     }
-    return (V, Y) => (p(), D("div", {
+    return (T, Y) => (p(), x("div", {
       ref_key: "box",
       ref: d,
       class: "zoom-box-container",
       style: le({ position: e.position })
     }, [
       s("div", {
-        style: le({ "transform-origin": "top left", transform: w.value }),
+        style: le({ "transform-origin": "top left", transform: b.value }),
         class: "zoom-box"
       }, [
-        te(V.$slots, "default", {}, void 0, !0)
+        ee(T.$slots, "default", {}, void 0, !0)
       ], 4)
     ], 4));
   }
@@ -1091,10 +1091,10 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
       be,
       a.i18nConfig ? new Fe(a.i18nConfig) : new Fe()
     );
-    const o = st({ isReady: !1, isError: !1 }), r = u(), i = u(), f = u(), c = u(), l = u({ x: 0, y: 0, width: 0, height: 0 }), d = u(), w = u(), g = u(), m = E(() => g.value.isHoverEnabled), _ = E(() => a.useSvg ? Pt : $t), x = E(() => a.selectedUnitId), L = E(() => a.nextUnitId), h = E(() => a.prevUnitId);
+    const o = st({ isReady: !1, isError: !1 }), r = u(), i = u(), f = u(), c = u(), l = u({ x: 0, y: 0, width: 0, height: 0 }), d = u(), b = u(), h = u(), m = E(() => h.value.isHoverEnabled), _ = E(() => a.useSvg ? Pt : $t), F = E(() => a.selectedUnitId), L = E(() => a.nextUnitId), g = E(() => a.prevUnitId);
     Ie(() => {
-      if (x.value && c.value) {
-        const y = r.value[x.value];
+      if (F.value && c.value) {
+        const y = r.value[F.value];
         y && (c.value.currentScene = y);
       }
     }), de(async () => {
@@ -1113,10 +1113,10 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
         return A.sort((z, j) => {
           const U = M.findIndex(
             (Y) => Y === r.value[z[Z]]
-          ), V = M.findIndex(
+          ), T = M.findIndex(
             (Y) => Y === r.value[j[Z]]
           );
-          return U < V ? -1 : U > V ? 1 : 0;
+          return U < T ? -1 : U > T ? 1 : 0;
         }), A;
       }, W = (A) => {
         c.value = new cn(A);
@@ -1130,26 +1130,26 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
         initialize: W
       });
     });
-    function B(y) {
+    function O(y) {
       l.value = y;
     }
-    function F(y) {
-      w.value = y.hoverUnit, d.value = y.closeHandler, n("hoverOverUnit", y.hoverUnit);
+    function D(y) {
+      b.value = y.hoverUnit, d.value = y.closeHandler, n("hoverOverUnit", y.hoverUnit);
     }
-    function O(y) {
-      w.value = null, d.value = y.closeHandler, n("hoverOutUnit", y.hoverUnit);
+    function R(y) {
+      b.value = null, d.value = y.closeHandler, n("hoverOutUnit", y.hoverUnit);
     }
     return (y, I) => {
-      const W = T("v-progress-linear");
-      return c.value ? (p(), D("div", vn, [
+      const W = V("v-progress-linear");
+      return c.value ? (p(), x("div", vn, [
         s("div", mn, [
           s("div", pn, [
-            b(Ze, {
+            w(Ze, {
               desktop: o.isReady && y.interactiveDesktop,
               mobile: o.isReady && y.interactiveMobile
             }, {
-              default: k(() => [
-                b(ln, {
+              default: C(() => [
+                w(ln, {
                   "cdn-file-resolver": y.cdnFileResolver,
                   "view-model": c.value,
                   "cardinal-frames": f.value,
@@ -1158,23 +1158,23 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
                   onLoaded: I[1] || (I[1] = (A) => o.isReady = !0),
                   onError: I[2] || (I[2] = (A) => o.isError = !0)
                 }, null, 8, ["cdn-file-resolver", "view-model", "cardinal-frames", "build"]),
-                o.isReady ? (p(), D("div", fn, [
-                  (p(), R(ht(_.value), {
+                o.isReady ? (p(), x("div", fn, [
+                  (p(), B(ht(_.value), {
                     "cdn-file-resolver": a.cdnFileResolver,
                     "view-model": c.value,
-                    "selected-unit-id": x.value,
+                    "selected-unit-id": F.value,
                     "scene-data": i.value,
                     "color-callback": a.colorCallback,
                     "can-go-to-unit-callback": a.canGoToUnitCallback,
                     "draw-observer": a.drawObserver,
                     onSelectUnit: I[3] || (I[3] = (A) => n("selectUnit", A)),
                     onGoToUnit: I[4] || (I[4] = (A) => n("goToUnit", A)),
-                    onHoverOver: F,
-                    onHoverOut: O,
-                    onPos: B
+                    onHoverOver: D,
+                    onHoverOut: R,
+                    onPos: O
                   }, {
-                    default: k((A) => [
-                      te(y.$slots, "default", tt(nt(A)), void 0, !0)
+                    default: C((A) => [
+                      ee(y.$slots, "default", tt(nt(A)), void 0, !0)
                     ]),
                     _: 3
                   }, 40, ["cdn-file-resolver", "view-model", "selected-unit-id", "scene-data", "color-callback", "can-go-to-unit-callback", "draw-observer"]))
@@ -1182,17 +1182,17 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
               ]),
               _: 3
             }, 8, ["desktop", "mobile"]),
-            w.value && y.showCards ? (p(), R(qe, {
+            b.value && y.showCards ? (p(), B(qe, {
               key: 0,
               "is-hoverable": m.value,
               pos: l.value,
               onOutside: d.value
             }, {
-              default: k(() => [
-                te(y.$slots, "default", {
-                  unit: w.value,
-                  canGoToUnit: y.canGoToUnitCallback(w.value),
-                  goToUnit: () => y.canGoToUnitCallback(w.value) && n("goToUnit", w.value),
+              default: C(() => [
+                ee(y.$slots, "default", {
+                  unit: b.value,
+                  canGoToUnit: y.canGoToUnitCallback(b.value),
+                  goToUnit: () => y.canGoToUnitCallback(b.value) && n("goToUnit", b.value),
                   pos: l.value,
                   isHoverable: m.value,
                   close: d.value
@@ -1200,20 +1200,20 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
               ]),
               _: 3
             }, 8, ["is-hoverable", "pos", "onOutside"])) : $("", !0),
-            o.isReady ? (p(), D("div", hn, [
-              b(Nt, {
+            o.isReady ? (p(), x("div", hn, [
+              w(Nt, {
                 "can-go-to-unit-callback": a.canGoToUnitCallback,
                 "unit-renderer": a.unitRenderer,
-                "selected-unit-id": x.value,
-                "prev-unit-id": h.value,
+                "selected-unit-id": F.value,
+                "prev-unit-id": g.value,
                 "next-unit-id": L.value,
                 "view-model": c.value,
                 onGoToUnit: I[5] || (I[5] = (A) => n("goToUnit", A)),
-                onPrevUnit: I[6] || (I[6] = (A) => n("navUnit", h.value)),
+                onPrevUnit: I[6] || (I[6] = (A) => n("navUnit", g.value)),
                 onNextUnit: I[7] || (I[7] = (A) => n("navUnit", L.value))
               }, null, 8, ["can-go-to-unit-callback", "unit-renderer", "selected-unit-id", "prev-unit-id", "next-unit-id", "view-model"])
-            ])) : o.isError ? $("", !0) : (p(), D("div", gn, [
-              b(W, {
+            ])) : o.isError ? $("", !0) : (p(), x("div", gn, [
+              w(W, {
                 indeterminate: !o.progress,
                 modelValue: o.progress,
                 "onUpdate:modelValue": I[8] || (I[8] = (A) => o.progress = A)
@@ -1221,9 +1221,9 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
             ]))
           ])
         ]),
-        b(Re, {
+        w(Re, {
           ref_key: "hoverProbe",
-          ref: g
+          ref: h
         }, null, 512)
       ])) : $("", !0);
     };
@@ -1237,7 +1237,7 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
   },
   setup(v) {
     const t = v, e = E(() => se(t.cdnFileResolver, t.timeSampleData.filename));
-    return (a, n) => ve((p(), D("img", {
+    return (a, n) => ve((p(), x("img", {
       key: e.value,
       src: e.value,
       width: "100%"
@@ -1254,7 +1254,7 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
   },
   setup(v) {
     const t = v;
-    return (e, a) => (p(!0), D(ce, null, me(t.dayData.timeSamples, (n) => (p(), R(Cn, {
+    return (e, a) => (p(!0), x(ce, null, me(t.dayData.timeSamples, (n) => (p(), B(Cn, {
       "time-sample-data": n,
       "cdn-file-resolver": t.cdnFileResolver,
       "current-time": e.currentTime
@@ -1269,7 +1269,7 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
   },
   setup(v) {
     const t = v;
-    return (e, a) => (p(!0), D(ce, null, me(t.cameraData.sunsimDayOfYear, (n) => (p(), R(In, {
+    return (e, a) => (p(!0), x(ce, null, me(t.cameraData.sunsimDayOfYear, (n) => (p(), B(In, {
       "day-data": n,
       "cdn-file-resolver": t.cdnFileResolver,
       "current-time": t.currentTime
@@ -1285,7 +1285,7 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
   emits: ["goToBuilding", "hoverOverBuilding", "hoverOutBuilding"],
   setup(v, { emit: t }) {
     const e = v, a = E(() => se(e.cdnFileResolver, e.transitionData.filename));
-    return (n, o) => ve((p(), D("img", {
+    return (n, o) => ve((p(), x("img", {
       key: a.value,
       src: a.value,
       class: "position-absolute top-left w-100 h-100"
@@ -1300,7 +1300,7 @@ function _t(v) {
 function pt(v) {
   return "filename" in v;
 }
-const xn = /* @__PURE__ */ P({
+const Dn = /* @__PURE__ */ P({
   __name: "VApartmentChooserV5UiCamera",
   props: {
     apartmentChooserData: {},
@@ -1329,8 +1329,8 @@ const xn = /* @__PURE__ */ P({
         )
       );
     }), (r, i) => {
-      const f = T("v-select");
-      return p(), R(f, {
+      const f = V("v-select");
+      return p(), B(f, {
         modelValue: n.value,
         "onUpdate:modelValue": i[0] || (i[0] = (c) => n.value = c),
         items: o.value,
@@ -1343,7 +1343,7 @@ const xn = /* @__PURE__ */ P({
       }, null, 8, ["modelValue", "items", "disabled"]);
     };
   }
-}), Dn = /* @__PURE__ */ P({
+}), xn = /* @__PURE__ */ P({
   __name: "VApartmentChooserV5UiDay",
   props: {
     cameraData: {},
@@ -1374,8 +1374,8 @@ const xn = /* @__PURE__ */ P({
       });
     }
     return (r, i) => {
-      const f = T("v-list-item"), c = T("v-select");
-      return p(), R(c, {
+      const f = V("v-list-item"), c = V("v-select");
+      return p(), B(c, {
         modelValue: n.value,
         "onUpdate:modelValue": i[0] || (i[0] = (l) => n.value = l),
         items: e.cameraData.sunsimDayOfYear,
@@ -1386,13 +1386,13 @@ const xn = /* @__PURE__ */ P({
         density: "compact",
         "hide-details": ""
       }, {
-        item: k(({ props: l }) => [
-          b(f, _e(l, {
+        item: C(({ props: l }) => [
+          w(f, _e(l, {
             title: o(l.title)
           }), null, 16, ["title"])
         ]),
-        selection: k(({ item: l }) => [
-          K(Q(o(l.title)), 1)
+        selection: C(({ item: l }) => [
+          te(Q(o(l.title)), 1)
         ]),
         _: 1
       }, 8, ["modelValue", "items", "disabled"]);
@@ -1439,21 +1439,21 @@ const xn = /* @__PURE__ */ P({
       }, 200));
     }
     return (f, c) => {
-      const l = T("v-icon"), d = T("v-btn"), w = T("v-slider"), g = T("v-field");
-      return p(), R(g, { variant: "solo" }, {
-        default: k(() => [
-          f.dayData.startTime === f.dayData.endTime ? (p(), D("div", Mn, [
-            b(l, {
+      const l = V("v-icon"), d = V("v-btn"), b = V("v-slider"), h = V("v-field");
+      return p(), B(h, { variant: "solo" }, {
+        default: C(() => [
+          f.dayData.startTime === f.dayData.endTime ? (p(), x("div", Mn, [
+            w(l, {
               style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
               class: "py-2 ml-2 mr-2 icon"
             }, {
-              default: k(() => [
-                K(" mdi-white-balance-sunny ")
+              default: C(() => [
+                te(" mdi-white-balance-sunny ")
               ]),
               _: 1
             }),
-            K(" " + Q(r(n.value)), 1)
-          ])) : (p(), R(w, {
+            te(" " + Q(r(n.value)), 1)
+          ])) : (p(), B(b, {
             key: 1,
             class: "pa-1",
             modelValue: n.value,
@@ -1464,29 +1464,29 @@ const xn = /* @__PURE__ */ P({
             disabled: !!e.disabled,
             "hide-details": ""
           }, {
-            prepend: k(() => [
-              b(d, {
+            prepend: C(() => [
+              w(d, {
                 icon: o.value ? "mdi-stop" : "mdi-play",
                 size: "x-small",
                 variant: "flat",
                 onClick: i
               }, null, 8, ["icon"]),
-              K("   "),
+              te("   "),
               s("span", En, Q(r(f.dayData.startTime)), 1)
             ]),
-            append: k(() => [
+            append: C(() => [
               s("span", Tn, Q(r(f.dayData.endTime)), 1),
-              K("   "),
-              b(l, {
+              te("   "),
+              w(l, {
                 style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
                 class: "ml-2 mr-2 icon"
               }, {
-                default: k(() => [
-                  K(" mdi-white-balance-sunny ")
+                default: C(() => [
+                  te(" mdi-white-balance-sunny ")
                 ]),
                 _: 1
               }),
-              K(" " + Q(r(n.value)), 1)
+              te(" " + Q(r(n.value)), 1)
             ]),
             _: 1
           }, 8, ["modelValue", "min", "max", "step", "disabled"]))
@@ -1507,7 +1507,7 @@ const xn = /* @__PURE__ */ P({
   setup(v, { expose: t, emit: e }) {
     const a = v, n = e;
     t({
-      rotateShortestRoute: w
+      rotateShortestRoute: b
     });
     const o = u(!1), r = u(a.currentScene), i = u(a.selectedId);
     Ie(() => {
@@ -1522,65 +1522,65 @@ const xn = /* @__PURE__ */ P({
       const m = r.value;
       let _ = a.apartmentChooserData.scenes.findIndex((L) => L === m) + 1;
       _ >= a.apartmentChooserData.scenes.length && (_ = 0);
-      const x = a.apartmentChooserData.scenes[_];
-      a.apartmentChooserData.loopable && m > x ? g(m, x + a.apartmentChooserData.scenes.length) : g(m, x);
+      const F = a.apartmentChooserData.scenes[_];
+      a.apartmentChooserData.loopable && m > F ? h(m, F + a.apartmentChooserData.scenes.length) : h(m, F);
     }
     async function d() {
       const m = r.value;
       let _ = a.apartmentChooserData.scenes.findIndex((L) => L === m) - 1;
       _ < 0 && (_ = a.apartmentChooserData.scenes[a.apartmentChooserData.scenes.length - 1]);
-      const x = a.apartmentChooserData.scenes[_];
-      a.apartmentChooserData.loopable && m < x ? g(m + a.apartmentChooserData.scenes.length, x) : g(m, x);
+      const F = a.apartmentChooserData.scenes[_];
+      a.apartmentChooserData.loopable && m < F ? h(m + a.apartmentChooserData.scenes.length, F) : h(m, F);
     }
-    function w(m) {
+    function b(m) {
       const _ = r.value;
       if (a.apartmentChooserData.loopable)
         if (m < _) {
-          let x = _ - m, L = _ - (a.apartmentChooserData.cameras.length + m);
-          return Math.abs(x) > Math.abs(L) ? g(_, m) : g(_, a.apartmentChooserData.cameras.length + m);
+          let F = _ - m, L = _ - (a.apartmentChooserData.cameras.length + m);
+          return Math.abs(F) > Math.abs(L) ? h(_, m) : h(_, a.apartmentChooserData.cameras.length + m);
         } else {
-          let x = _ - m, L = a.apartmentChooserData.cameras.length + _ - m;
-          return Math.abs(x) > Math.abs(L) ? g(_, m) : g(a.apartmentChooserData.cameras.length + _, m);
+          let F = _ - m, L = a.apartmentChooserData.cameras.length + _ - m;
+          return Math.abs(F) > Math.abs(L) ? h(_, m) : h(a.apartmentChooserData.cameras.length + _, m);
         }
       else
-        return g(_, m);
+        return h(_, m);
     }
-    function g(m, _) {
-      return new Promise((x) => {
+    function h(m, _) {
+      return new Promise((F) => {
         o.value = !0, n("onRotateStart", { from: m, to: _ });
-        let L, h = m;
+        let L, g = m;
         L = setInterval(() => {
-          h < _ ? (h++, r.value = Math.abs(
-            h % a.apartmentChooserData.cameras.length
-          )) : h > _ ? (h--, r.value = Math.abs(
-            h % a.apartmentChooserData.cameras.length
-          )) : (clearInterval(L), n("onRotateFinish", { from: m, to: _ }), o.value = !1, x());
+          g < _ ? (g++, r.value = Math.abs(
+            g % a.apartmentChooserData.cameras.length
+          )) : g > _ ? (g--, r.value = Math.abs(
+            g % a.apartmentChooserData.cameras.length
+          )) : (clearInterval(L), n("onRotateFinish", { from: m, to: _ }), o.value = !1, F());
         }, 50);
       });
     }
     return (m, _) => {
-      const x = T("v-btn"), L = T("v-chip");
-      return p(), D(ce, null, [
-        b(x, {
+      const F = V("v-btn"), L = V("v-chip");
+      return p(), x(ce, null, [
+        w(F, {
           class: "mx-2",
           icon: "mdi-restore",
           size: "small",
           disabled: !f.value,
           onClick: d
         }, null, 8, ["disabled"]),
-        m.renderDisplay && i.value ? (p(), R(L, {
+        m.renderDisplay && i.value ? (p(), B(L, {
           key: 0,
           variant: "flat",
           color: "white",
           size: "large",
-          onClick: _[0] || (_[0] = (h) => n("onDisplayClick", i.value))
+          onClick: _[0] || (_[0] = (g) => n("onDisplayClick", i.value))
         }, {
-          default: k(() => [
-            K(Q(m.renderDisplay(i.value)), 1)
+          default: C(() => [
+            te(Q(m.renderDisplay(i.value)), 1)
           ]),
           _: 1
         })) : $("", !0),
-        b(x, {
+        w(F, {
           class: "mx-2",
           icon: "mdi-reload",
           size: "small",
@@ -1608,14 +1608,14 @@ const xn = /* @__PURE__ */ P({
       }
     ), Ie(() => {
       for (const l in i) {
-        const { element: d, state: w } = i[l], { r: g, g: m, b: _, a: x, s: L } = e.colorCallback(l, w) || {
+        const { element: d, state: b } = i[l], { r: h, g: m, b: _, a: F, s: L } = e.colorCallback(l, b) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        d.style.fill = `rgba(${g}, ${m}, ${_}, ${x / 255})`, d.style.stroke = `rgb(${g}, ${m}, ${_})`, d.style.strokeWidth = L.toString();
+        d.style.fill = `rgba(${h}, ${m}, ${_}, ${F / 255})`, d.style.stroke = `rgb(${h}, ${m}, ${_})`, d.style.strokeWidth = L.toString();
       }
     }), H(r, () => {
       for (const l in i)
@@ -1655,27 +1655,27 @@ const xn = /* @__PURE__ */ P({
         const l = o.value.firstChild;
         l && (a("updateSvgContainer", l), f(), l.querySelectorAll(
           "[data-apartment-id]"
-        ).forEach((w) => {
-          w.style.strokeWidth = "0", w.style.stroke = "rgba(255,255,255,0)", w.style.fill = "rgba(255,255,255,0)", w.querySelectorAll("path").forEach((m) => {
+        ).forEach((b) => {
+          b.style.strokeWidth = "0", b.style.stroke = "rgba(255,255,255,0)", b.style.fill = "rgba(255,255,255,0)", b.querySelectorAll("path").forEach((m) => {
             m.style.stroke = "inherit", m.style.fill = "inherit";
           });
-          const g = w.getAttribute("data-apartment-id");
-          i[g] = {
-            element: w,
-            state: r.value === g ? "selected" : "idle"
-          }, w.addEventListener("mouseover", () => {
-            i[g].state === "idle" && (i[g].state = "hover"), a("onHoverOver", g);
-          }), w.addEventListener("mouseout", () => {
-            i[g].state === "hover" && (i[g].state = "idle"), a("onHoverOut", g);
-          }), w.addEventListener("click", () => {
-            a("onClick", g);
+          const h = b.getAttribute("data-apartment-id");
+          i[h] = {
+            element: b,
+            state: r.value === h ? "selected" : "idle"
+          }, b.addEventListener("mouseover", () => {
+            i[h].state === "idle" && (i[h].state = "hover"), a("onHoverOver", h);
+          }), b.addEventListener("mouseout", () => {
+            i[h].state === "hover" && (i[h].state = "idle"), a("onHoverOut", h);
+          }), b.addEventListener("click", () => {
+            a("onClick", h);
           });
         }));
       });
     }
-    return (l, d) => (p(), R(Se, null, {
-      default: k(() => [
-        (p(), D("div", {
+    return (l, d) => (p(), B(Se, null, {
+      default: C(() => [
+        (p(), x("div", {
           ref_key: "svgContainer",
           ref: o,
           key: l.currentCamera.overlayFilename,
@@ -1698,8 +1698,8 @@ const xn = /* @__PURE__ */ P({
       transition: " transform 0.5s ease-in"
     }));
     return (a, n) => {
-      const o = T("v-img");
-      return p(), R(o, {
+      const o = V("v-img");
+      return p(), B(o, {
         src: ae(Hn),
         style: le(e.value)
       }, null, 8, ["src", "style"]);
@@ -1900,50 +1900,50 @@ const Nn = {
   setup(v, { emit: t }) {
     const e = v, a = t, n = u(), o = u(), r = u(), i = u(
       null
-    ), f = u(), c = u(), l = u(!1), d = u(!1), w = u(), g = u(), m = E(() => g.value.isHoverEnabled), _ = u({ x: 0, y: 0, width: 0, height: 0 }), x = u(), L = u(), h = u(
+    ), f = u(), c = u(), l = u(!1), d = u(!1), b = u(), h = u(), m = E(() => h.value.isHoverEnabled), _ = u({ x: 0, y: 0, width: 0, height: 0 }), F = u(), L = u(), g = u(
       e.apartmentChooserData
-    ), B = u(!1);
+    ), O = u(!1);
     de(() => l.value = !0), H(
       () => L.value,
       () => {
-        L.value && new ResizeObserver(([V]) => {
-          B.value = V.contentRect.width < e.mobileBreakpoint;
+        L.value && new ResizeObserver(([T]) => {
+          O.value = T.contentRect.width < e.mobileBreakpoint;
         }).observe(L.value);
       }
     );
-    const F = E(
-      () => h.value ? h.value.cameras.filter(_t) : []
-    ), O = E(
-      () => h.value ? h.value.cameras.filter(pt) : []
+    const D = E(
+      () => g.value ? g.value.cameras.filter(_t) : []
+    ), R = E(
+      () => g.value ? g.value.cameras.filter(pt) : []
     );
     H(
       [
-        h,
+        g,
         () => e.cdnFileResolver,
         () => e.defaultCamera
       ],
       async () => {
-        e.cdnFileResolver && (h.value || (h.value = await ye.loadJson(
+        e.cdnFileResolver && (g.value || (g.value = await ye.loadJson(
           se(e.cdnFileResolver, "/apartmentChooser.json")
-        )), e.defaultCamera ? n.value = F.value.find(
+        )), e.defaultCamera ? n.value = D.value.find(
           (U) => U.cameraName === e.defaultCamera
-        ) || F.value[0] : n.value = F.value[0], f.value = h.value.cameras.findIndex(
+        ) || D.value[0] : n.value = D.value[0], f.value = g.value.cameras.findIndex(
           (U) => U === n.value
         ));
       },
       { immediate: !0 }
     ), H(
-      [h, () => e.cdnFileResolver, () => e.defaultDay],
+      [g, () => e.cdnFileResolver, () => e.defaultDay],
       () => {
-        h.value && e.cdnFileResolver && (e.defaultDay ? o.value = n.value.sunsimDayOfYear.find(
+        g.value && e.cdnFileResolver && (e.defaultDay ? o.value = n.value.sunsimDayOfYear.find(
           (U) => U.dayOfYear === e.defaultDay
         ) || n.value.sunsimDayOfYear[0] : o.value = n.value.sunsimDayOfYear[0]);
       },
       { immediate: !0 }
     ), H(
-      [h, () => e.cdnFileResolver, () => e.defaultTime],
+      [g, () => e.cdnFileResolver, () => e.defaultTime],
       () => {
-        h.value && e.cdnFileResolver && (e.defaultTime ? r.value = o.value.timeSamples.find(
+        g.value && e.cdnFileResolver && (e.defaultTime ? r.value = o.value.timeSamples.find(
           (U) => U.timeInHours === e.defaultTime
         ) || o.value.timeSamples[0] : r.value = o.value.timeSamples.find(
           (U) => U.timeInHours === o.value.defaultHour
@@ -1952,35 +1952,35 @@ const Nn = {
       { immediate: !0 }
     );
     function y(U) {
-      n.value !== U && w.value.rotateShortestRoute(
-        h.value.cameras.findIndex((V) => V === U)
+      n.value !== U && b.value.rotateShortestRoute(
+        g.value.cameras.findIndex((T) => T === U)
       );
     }
     function I(U) {
-      f.value = U, pt(h.value.cameras[f.value]) ? i.value = h.value.cameras[f.value] : (Le(() => {
+      f.value = U, pt(g.value.cameras[f.value]) ? i.value = g.value.cameras[f.value] : (Le(() => {
         W(
-          h.value.cameras[f.value]
+          g.value.cameras[f.value]
         );
       }), i.value = null);
     }
     function W(U) {
-      const V = o.value;
-      n.value = U, f.value = h.value.cameras.findIndex(
+      const T = o.value;
+      n.value = U, f.value = g.value.cameras.findIndex(
         (Y) => Y === n.value
       ), Le(() => {
         A(
           n.value.sunsimDayOfYear.find(
-            (Y) => Y.dayOfYear === V.dayOfYear
+            (Y) => Y.dayOfYear === T.dayOfYear
           ) || n.value.sunsimDayOfYear[0]
         );
       });
     }
     function A(U) {
-      const V = r.value;
+      const T = r.value;
       o.value = U, Le(() => {
         Z(
           o.value.timeSamples.find(
-            (Y) => Y.timeInHours === V.timeInHours
+            (Y) => Y.timeInHours === T.timeInHours
           ) || o.value.timeSamples.find(
             (Y) => Y.timeInHours === o.value.defaultHour
           ) || o.value.timeSamples[0]
@@ -1992,10 +1992,10 @@ const Nn = {
     }
     function S(U) {
       a("onClick", U, () => {
-        const V = h.value.unitData.find(
+        const T = g.value.unitData.find(
           (Y) => Y.unitId === U
         );
-        V && w.value.rotateShortestRoute(V.bestScene);
+        T && b.value.rotateShortestRoute(T.bestScene);
       });
     }
     function M(U) {
@@ -2005,10 +2005,10 @@ const Nn = {
       a("onHoverOut", U), c.value = void 0;
     }
     function j(U) {
-      const { layerX: V, layerY: Y } = U;
+      const { layerX: T, layerY: Y } = U;
       let q = U.target, re = !1;
       for (; q; )
-        if (q === x.value) {
+        if (q === F.value) {
           re = !0;
           break;
         } else
@@ -2016,7 +2016,7 @@ const Nn = {
       if (re) {
         const ie = U.currentTarget;
         _.value = {
-          x: V,
+          x: T,
           y: Y,
           width: ie.clientWidth,
           height: ie.clientHeight
@@ -2025,34 +2025,34 @@ const Nn = {
         _.value = void 0;
       a("onMouseMove", U, _.value);
     }
-    return (U, V) => {
-      const Y = T("v-skeleton-loader");
-      return p(), D(ce, null, [
-        b(Y, {
+    return (U, T) => {
+      const Y = V("v-skeleton-loader");
+      return p(), x(ce, null, [
+        w(Y, {
           type: "image",
           class: "w-100 h-100 position-relative",
-          loading: !l.value || !h.value
+          loading: !l.value || !g.value
         }, {
-          default: k(() => [
-            b(Se, null, {
-              default: k(() => [
+          default: C(() => [
+            w(Se, null, {
+              default: C(() => [
                 s("div", {
                   ref_key: "container",
                   ref: L,
-                  class: he({ mobile: B.value }),
+                  class: he({ mobile: O.value }),
                   onMousemove: j
                 }, [
                   s("div", Nn, [
                     s("div", Gn, [
-                      b(xn, {
-                        "apartment-chooser-data": h.value,
+                      w(Dn, {
+                        "apartment-chooser-data": g.value,
                         "current-camera": n.value,
                         disabled: d.value,
                         onOnCameraChange: y
                       }, null, 8, ["apartment-chooser-data", "current-camera", "disabled"])
                     ]),
                     s("div", Qn, [
-                      b(Dn, {
+                      w(xn, {
                         "camera-data": n.value,
                         "current-day": o.value,
                         disabled: d.value,
@@ -2060,7 +2060,7 @@ const Nn = {
                       }, null, 8, ["camera-data", "current-day", "disabled"])
                     ]),
                     s("div", qn, [
-                      b(Bn, {
+                      w(Bn, {
                         "day-data": o.value,
                         "current-time": r.value,
                         disabled: d.value,
@@ -2069,44 +2069,44 @@ const Nn = {
                     ])
                   ]),
                   s("div", Zn, [
-                    b(Rn, {
+                    w(Rn, {
                       ref_key: "rotator",
-                      ref: w,
-                      "apartment-chooser-data": h.value,
+                      ref: b,
+                      "apartment-chooser-data": g.value,
                       "current-scene": f.value,
                       "selected-id": U.selectedId,
                       "render-display": e.renderDisplay,
                       onOnDisplayClick: S,
                       onOnSceneChange: I,
-                      onOnRotateStart: V[0] || (V[0] = (q) => d.value = !0),
-                      onOnRotateFinish: V[1] || (V[1] = (q) => d.value = !1)
+                      onOnRotateStart: T[0] || (T[0] = (q) => d.value = !0),
+                      onOnRotateFinish: T[1] || (T[1] = (q) => d.value = !1)
                     }, null, 8, ["apartment-chooser-data", "current-scene", "selected-id", "render-display"])
                   ]),
                   s("div", Jn, [
-                    b(Je, {
+                    w(Je, {
                       longitude: n.value.cameraRotation.y + 270
                     }, null, 8, ["longitude"])
                   ]),
-                  b(Ze, { position: "relative" }, {
-                    default: k(() => [
-                      (p(!0), D(ce, null, me(F.value, (q) => (p(), R(An, {
+                  w(Ze, { position: "relative" }, {
+                    default: C(() => [
+                      (p(!0), x(ce, null, me(D.value, (q) => (p(), B(An, {
                         key: q.overlayFilename,
                         "camera-data": q,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-time": r.value
                       }, null, 8, ["camera-data", "cdn-file-resolver", "current-time"]))), 128)),
-                      (p(!0), D(ce, null, me(O.value, (q) => (p(), R(Fn, {
+                      (p(!0), x(ce, null, me(R.value, (q) => (p(), B(Fn, {
                         "transition-data": q,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-transition": i.value
                       }, null, 8, ["transition-data", "cdn-file-resolver", "current-transition"]))), 256)),
-                      e.customOverlayContent ? (p(), D("div", {
+                      e.customOverlayContent ? (p(), x("div", {
                         key: 0,
                         class: "w-100 h-100 position-absolute top-left",
                         style: { "z-index": "6", "pointer-events": "none" },
                         innerHTML: e.customOverlayContent
                       }, null, 8, Xn)) : $("", !0),
-                      ve(b(Un, {
+                      ve(w(Un, {
                         "cdn-file-resolver": U.cdnFileResolver,
                         "color-callback": e.colorCallback,
                         "current-camera": n.value,
@@ -2114,21 +2114,21 @@ const Nn = {
                         onOnClick: S,
                         onOnHoverOver: M,
                         onOnHoverOut: z,
-                        onUpdateSvgContainer: V[2] || (V[2] = (q) => x.value = q)
+                        onUpdateSvgContainer: T[2] || (T[2] = (q) => F.value = q)
                       }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id"]), [
                         [fe, i.value === null]
                       ])
                     ]),
                     _: 1
                   }),
-                  U.$slots.popup && _.value && c.value ? (p(), R(qe, {
+                  U.$slots.popup && _.value && c.value ? (p(), B(qe, {
                     key: 0,
                     "is-hoverable": m.value,
                     pos: _.value
                   }, {
-                    default: k(() => [
+                    default: C(() => [
                       s("div", Kn, [
-                        te(U.$slots, "popup", tt(nt({ hoverId: c.value, hoverable: m.value })), void 0, !0)
+                        ee(U.$slots, "popup", tt(nt({ hoverId: c.value, hoverable: m.value })), void 0, !0)
                       ])
                     ]),
                     _: 3
@@ -2140,9 +2140,9 @@ const Nn = {
           ]),
           _: 3
         }, 8, ["loading"]),
-        b(Re, {
+        w(Re, {
           ref_key: "hoverProbe",
-          ref: g
+          ref: h
         }, null, 512)
       ], 64);
     };
@@ -2189,37 +2189,37 @@ const Nn = {
     ), Ie(() => {
       o.value = r(e.dateSelector.selectedDate);
     }), (l, d) => {
-      const w = T("v-icon"), g = T("v-select"), m = T("v-progress-linear"), _ = T("v-slider");
-      return p(), D("div", ta, [
+      const b = V("v-icon"), h = V("v-select"), m = V("v-progress-linear"), _ = V("v-slider");
+      return p(), x("div", ta, [
         s("div", na, [
-          b(w, {
+          w(b, {
             color: "black",
             class: "mr-2",
             icon: "mdi-calendar-blank-outline"
           }),
-          l.dateSelector.hasMultipleDates ? (p(), R(g, {
+          l.dateSelector.hasMultipleDates ? (p(), B(h, {
             key: 0,
             modelValue: o.value,
-            "onUpdate:modelValue": d[0] || (d[0] = (x) => o.value = x),
+            "onUpdate:modelValue": d[0] || (d[0] = (F) => o.value = F),
             items: f.value,
             density: "compact",
             variant: "underlined",
             "hide-details": "",
             class: "day-selector"
-          }, null, 8, ["modelValue", "items"])) : (p(), D("span", aa, Q(c.value), 1))
+          }, null, 8, ["modelValue", "items"])) : (p(), x("span", aa, Q(c.value), 1))
         ]),
         s("div", oa, [
           s("span", la, Q(i.value), 1),
-          b(w, {
+          w(b, {
             medium: "",
             class: "ml-2 mr-2 icon"
           }, {
-            default: k(() => [
-              K("mdi-white-balance-sunny")
+            default: C(() => [
+              te("mdi-white-balance-sunny")
             ]),
             _: 1
           }),
-          l.isLoading ? (p(), R(m, {
+          l.isLoading ? (p(), B(m, {
             key: 0,
             style: { left: 0, transform: "none" },
             indeterminate: "",
@@ -2227,10 +2227,10 @@ const Nn = {
             height: "6",
             color: "grey lighten-1",
             class: "mr-2"
-          })) : (p(), R(_, {
+          })) : (p(), B(_, {
             key: 1,
             modelValue: n.value,
-            "onUpdate:modelValue": d[1] || (d[1] = (x) => n.value = x),
+            "onUpdate:modelValue": d[1] || (d[1] = (F) => n.value = F),
             min: 0,
             max: 47,
             step: 1,
@@ -2278,7 +2278,7 @@ const Nn = {
         }
       );
     }
-    return (c, l) => (p(), D("div", null, [
+    return (c, l) => (p(), x("div", null, [
       s("img", {
         ref_key: "baseImage",
         ref: r,
@@ -2286,12 +2286,12 @@ const Nn = {
         style: { opacity: 1, borderRadius: 50 },
         onLoad: i
       }, null, 544),
-      n.value === "preloaded" || n.value === "loaded" ? ve((p(), D("div", ia, [
-        (p(!0), D(ce, null, me(c.imageUrls, (d, w) => (p(), D("img", {
-          key: w,
-          class: he({ "image-instance": !0, active: w === c.activeIndex }),
+      n.value === "preloaded" || n.value === "loaded" ? ve((p(), x("div", ia, [
+        (p(!0), x(ce, null, me(c.imageUrls, (d, b) => (p(), x("img", {
+          key: b,
+          class: he({ "image-instance": !0, active: b === c.activeIndex }),
           src: d,
-          onLoad: l[0] || (l[0] = (g) => o.value.partLoaded())
+          onLoad: l[0] || (l[0] = (h) => o.value.partLoaded())
         }, null, 42, ra))), 128))
       ], 512)), [
         [fe, n.value === "loaded"]
@@ -2331,7 +2331,7 @@ const Nn = {
       height: 0
     }), r = u({ x: 0, y: 0, width: 0, height: 0 }), i = u(), f = u(
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
-    ), c = u(!1), l = u(new ye()), d = u(), w = u("0 0 0 0"), g = u(), m = u(), _ = u(Ye.empty()), x = u(Pe.empty()), L = u(), h = E(() => L.value.isHoverEnabled);
+    ), c = u(!1), l = u(new ye()), d = u(), b = u("0 0 0 0"), h = u(), m = u(), _ = u(Ye.empty()), F = u(Pe.empty()), L = u(), g = E(() => L.value.isHoverEnabled);
     H(i, (S, M) => {
       S ? a("hoverOverBuilding", S) : a("hoverOutBuilding", M);
     }), Ie(() => {
@@ -2348,15 +2348,15 @@ const Nn = {
         e.buildingChooserData
       );
       if (M) {
-        x.value = new Pe(M.mapImage), _.value = new Ye(M.buildingIds), g.value = new at(M.backgrounds), m.value = {
+        F.value = new Pe(M.mapImage), _.value = new Ye(M.buildingIds), h.value = new at(M.backgrounds), m.value = {
           buildingOverlays: M.buildingOverlays,
           viewLongitude: M.viewLongitude
         };
         const z = [];
         for (let { id: j, url: U } of M.buildingOverlays)
-          l.value.loadJson(U.replace(".png", ".svg")).then((V) => {
-            const q = new DOMParser().parseFromString(V, "image/svg+xml").getElementsByTagName("svg")[0];
-            w.value = q.getAttribute("viewBox"), z.push({
+          l.value.loadJson(U.replace(".png", ".svg")).then((T) => {
+            const q = new DOMParser().parseFromString(T, "image/svg+xml").getElementsByTagName("svg")[0];
+            b.value = q.getAttribute("viewBox"), z.push({
               id: j,
               svg: q.innerHTML
             });
@@ -2365,13 +2365,13 @@ const Nn = {
       } else
         c.value = !0;
     });
-    function B({ width: S, height: M }) {
+    function O({ width: S, height: M }) {
       o.value.width = S, o.value.height = M;
     }
-    function F() {
+    function D() {
       n.value = { preloaded: !1, ready: !1 };
     }
-    function O(S) {
+    function R(S) {
       const M = e.colorCallback(
         S,
         S === i.value ? "hover" : "idle"
@@ -2384,13 +2384,13 @@ const Nn = {
         S === i.value ? "hover" : "idle"
       );
       if (M) {
-        const { r: z, g: j, b: U, a: V, s: Y } = M;
+        const { r: z, g: j, b: U, a: T, s: Y } = M;
         return {
           strokeWidth: Y !== void 0 ? Y : 2,
           stroke: `rgb(${z}, ${j}, ${U})`,
           strokeOpacity: 1,
           fill: `rgb(${z}, ${j}, ${U})`,
-          fillOpacity: V / 255,
+          fillOpacity: T / 255,
           cursor: `${e.canGoToBuildingCallback(S) ? "cursor" : "default"} !important`
         };
       } else
@@ -2405,7 +2405,7 @@ const Nn = {
     }
     function I(S, M) {
       const { layerX: z, layerY: j } = S;
-      h.value && (r.value = {
+      g.value && (r.value = {
         x: z,
         y: j,
         width: o.value.width,
@@ -2414,7 +2414,7 @@ const Nn = {
     }
     function W(S, M) {
       const { layerX: z, layerY: j } = S;
-      h.value && (r.value = {
+      g.value && (r.value = {
         x: z,
         y: j,
         width: o.value.width,
@@ -2423,7 +2423,7 @@ const Nn = {
     }
     function A(S, M) {
       const { layerX: z, layerY: j } = S;
-      h.value && (r.value = {
+      g.value && (r.value = {
         x: z,
         y: j,
         width: o.value.width,
@@ -2431,44 +2431,44 @@ const Nn = {
       });
     }
     function Z(S) {
-      i.value = S, h.value && i.value && e.canGoToBuildingCallback(i.value) && a("goToBuilding", i.value);
+      i.value = S, g.value && i.value && e.canGoToBuildingCallback(i.value) && a("goToBuilding", i.value);
     }
     return (S, M) => {
-      const z = T("v-icon");
-      return c.value ? (p(), D("div", ca, [
-        b(z, { "x-large": "" }, {
-          default: k(() => [
-            K("mdi-alert-circle-outline")
+      const z = V("v-icon");
+      return c.value ? (p(), x("div", ca, [
+        w(z, { "x-large": "" }, {
+          default: C(() => [
+            te("mdi-alert-circle-outline")
           ]),
           _: 1
         })
-      ])) : m.value ? (p(), D("div", {
+      ])) : m.value ? (p(), x("div", {
         key: 1,
         style: le(`height: ${o.value.height}px; position: relative`),
         class: "image-container"
       }, [
-        b(Ze, {
+        w(Ze, {
           desktop: S.interactiveDesktop,
           mobile: S.interactiveMobile
         }, {
-          default: k(() => [
+          default: C(() => [
             s("div", da, [
-              b(kt, {
-                "image-urls": g.value.imageUrls,
+              w(kt, {
+                "image-urls": h.value.imageUrls,
                 "active-index": f.value,
-                onResize: B,
+                onResize: O,
                 onPreloaded: M[0] || (M[0] = (j) => n.value.preloaded = !0),
                 onReady: M[1] || (M[1] = (j) => n.value.ready = !0),
-                onReset: F
+                onReset: D
               }, null, 8, ["image-urls", "active-index"]),
-              d.value ? ve((p(), D("div", va, [
+              d.value ? ve((p(), x("div", va, [
                 s("div", ma, [
-                  (p(), D("svg", { viewBox: w.value }, [
-                    (p(!0), D(ce, null, me(d.value, ({ id: j, svg: U }, V) => (p(), D("g", {
-                      key: V,
+                  (p(), x("svg", { viewBox: b.value }, [
+                    (p(!0), x(ce, null, me(d.value, ({ id: j, svg: U }, T) => (p(), x("g", {
+                      key: T,
                       innerHTML: U,
                       "data-building-id": j,
-                      class: he(O(j)),
+                      class: he(R(j)),
                       style: le(y(j)),
                       onMouseover: (Y) => I(Y, j),
                       onMouseout: (Y) => W(Y, j),
@@ -2491,39 +2491,39 @@ const Nn = {
           _: 1
         }, 8, ["desktop", "mobile"]),
         ve(s("div", null, [
-          m.value.viewLongitude ? (p(), R(Je, {
+          m.value.viewLongitude ? (p(), B(Je, {
             key: 0,
             class: "north-indicator",
             longitude: m.value.viewLongitude
           }, null, 8, ["longitude"])) : $("", !0),
-          b(wt, {
+          w(wt, {
             modelValue: f.value,
             "onUpdate:modelValue": M[2] || (M[2] = (j) => f.value = j),
-            "date-selector": g.value,
+            "date-selector": h.value,
             "is-loading": !n.value.ready
           }, null, 8, ["modelValue", "date-selector", "is-loading"])
         ], 512), [
           [fe, n.value.preloaded]
         ]),
-        S.showCards && i.value ? (p(), R(qe, {
+        S.showCards && i.value ? (p(), B(qe, {
           key: 0,
-          "is-hoverable": h.value,
+          "is-hoverable": g.value,
           pos: r.value,
           onOutside: M[3] || (M[3] = () => i.value = void 0)
         }, {
-          default: k(() => [
-            te(S.$slots, "default", {
+          default: C(() => [
+            ee(S.$slots, "default", {
               building: i.value,
               canGoToBuilding: S.canGoToBuildingCallback(i.value),
               goToBuilding: () => S.canGoToBuildingCallback(i.value) && a("goToBuilding", i.value),
               pos: r.value,
-              isHoverable: h.value,
+              isHoverable: g.value,
               close: () => i.value = void 0
             }, void 0, !0)
           ]),
           _: 3
         }, 8, ["is-hoverable", "pos"])) : $("", !0),
-        b(Re, {
+        w(Re, {
           ref_key: "hoverProbe",
           ref: L
         }, null, 512)
@@ -2545,8 +2545,8 @@ const Nn = {
     const a = u(!1), n = u(), o = u(new ye()), r = u(), i = u(), f = u([]), c = u();
     H(
       () => e.color,
-      (g, m) => {
-        (g.r !== m.r || g.g !== m.g || g.b !== m.b || g.a !== m.a) && d();
+      (h, m) => {
+        (h.r !== m.r || h.g !== m.g || h.b !== m.b || h.a !== m.a) && d();
       }
     ), de(async () => {
       n.value = await o.value.loadImage(e.imageUrl), l();
@@ -2554,29 +2554,29 @@ const Nn = {
     function l() {
       if (!n.value || !c.value)
         return;
-      const { width: g, height: m } = e.dimensions;
-      if (!(g === 0 || m === 0)) {
+      const { width: h, height: m } = e.dimensions;
+      if (!(h === 0 || m === 0)) {
         r.value = c.value.getContext("2d", {
           willReadFrequently: !0
-        }), r.value.drawImage(n.value, 0, 0, g, m), i.value = r.value.getImageData(0, 0, g, m);
+        }), r.value.drawImage(n.value, 0, 0, h, m), i.value = r.value.getImageData(0, 0, h, m);
         for (let _ = 3; _ < i.value.data.length; _ += 4)
           i.value.data[_] !== 0 && f.value.push(_);
         d(), a.value = !0;
       }
     }
     function d() {
-      r.value && i.value && (w(), r.value.putImageData(i.value, 0, 0));
+      r.value && i.value && (b(), r.value.putImageData(i.value, 0, 0));
     }
-    function w() {
+    function b() {
       if (e.color)
-        for (let g = 0; g < f.value.length; g++)
-          i.value.data[f.value[g] - 3] = e.color.r, i.value.data[f.value[g] - 2] = e.color.g, i.value.data[f.value[g] - 1] = e.color.b, i.value.data[f.value[g]] = e.color.a;
+        for (let h = 0; h < f.value.length; h++)
+          i.value.data[f.value[h] - 3] = e.color.r, i.value.data[f.value[h] - 2] = e.color.g, i.value.data[f.value[h] - 1] = e.color.b, i.value.data[f.value[h]] = e.color.a;
     }
-    return (g, m) => (p(), D("canvas", _e({
+    return (h, m) => (p(), x("canvas", _e({
       ref_key: "canvas",
       ref: c,
       class: "overlay"
-    }, g.dimensions), null, 16));
+    }, h.dimensions), null, 16));
   }
 }), ba = /* @__PURE__ */ X(_a, [["__scopeId", "data-v-9e4cdd0e"]]), wa = {
   key: 0,
@@ -2609,11 +2609,11 @@ const Nn = {
     }), r = u({
       width: 0,
       height: 0
-    }), i = u({ x: 0, y: 0, width: 0, height: 0 }), f = u(), c = u(Ye.empty()), l = u(Pe.empty()), d = u(), w = u(
+    }), i = u({ x: 0, y: 0, width: 0, height: 0 }), f = u(), c = u(Ye.empty()), l = u(Pe.empty()), d = u(), b = u(
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
-    ), g = u(
+    ), h = u(
       (S, M) => ({ x: S, y: M })
-    ), m = u(!1), _ = u(), x = u(), L = u(), h = E(() => {
+    ), m = u(!1), _ = u(), F = u(), L = u(), g = E(() => {
       var S;
       return (S = _.value) == null ? void 0 : S.isHoverEnabled;
     });
@@ -2622,7 +2622,7 @@ const Nn = {
         const [S, M, z] = /^(\d\d):(\d\d)$/.exec(
           e.buildingChooserTimeOfDay
         ), j = parseInt(z);
-        w.value = parseInt(M) * 2 + (j < 15 ? 0 : j > 45 ? 2 : 1);
+        b.value = parseInt(M) * 2 + (j < 15 ? 0 : j > 45 ? 2 : 1);
       }
     }), H(d, (S, M) => {
       S ? a("hoverOverBuilding", S) : a("hoverOutBuilding", M);
@@ -2637,14 +2637,14 @@ const Nn = {
         viewLongitude: M.viewLongitude
       }, y()) : m.value = !0;
     });
-    function B({ width: S, height: M }) {
+    function O({ width: S, height: M }) {
       r.value.width = S, r.value.height = M, Le(y);
     }
-    function F() {
+    function D() {
       o.value = { preloaded: !1, ready: !1 };
     }
-    function O(S) {
-      const { layerX: M, layerY: z } = S, { x: j, y: U } = g.value(M, z);
+    function R(S) {
+      const { layerX: M, layerY: z } = S, { x: j, y: U } = h.value(M, z);
       return c.value.getBuildingId(
         l.value,
         j,
@@ -2652,13 +2652,13 @@ const Nn = {
       );
     }
     function y() {
-      if (x.value && (l.value.update(x.value), L.value))
+      if (F.value && (l.value.update(F.value), L.value))
         for (const S of L.value)
           S.setupDraw();
     }
     function I(S) {
       const { layerX: M, layerY: z } = S;
-      h.value && (d.value = O(S), d.value !== void 0 && (i.value = {
+      g.value && (d.value = R(S), d.value !== void 0 && (i.value = {
         x: M,
         y: z,
         width: r.value.width,
@@ -2666,7 +2666,7 @@ const Nn = {
       }));
     }
     function W(S) {
-      d.value = O(S), h.value && d.value && a("goToBuilding", d.value);
+      d.value = R(S), g.value && d.value && a("goToBuilding", d.value);
     }
     function A(S) {
       return e.colorCallback(
@@ -2675,39 +2675,39 @@ const Nn = {
       );
     }
     function Z({ resolve: S }) {
-      g.value = S;
+      h.value = S;
     }
     return (S, M) => {
-      const z = T("v-icon");
-      return m.value ? (p(), D("div", wa, [
-        b(z, { "x-large": "" }, {
-          default: k(() => [
-            K("mdi-alert-circle-outline")
+      const z = V("v-icon");
+      return m.value ? (p(), x("div", wa, [
+        w(z, { "x-large": "" }, {
+          default: C(() => [
+            te("mdi-alert-circle-outline")
           ]),
           _: 1
         })
-      ])) : f.value ? (p(), D("div", {
+      ])) : f.value ? (p(), x("div", {
         key: 1,
         style: le(`cursor: ${d.value ? "pointer" : "auto"};height: ${r.value.height}px; position: relative`),
         class: "image-container"
       }, [
-        b(Ze, {
+        w(Ze, {
           desktop: S.interactiveDesktop,
           mobile: S.interactiveMobile,
           onUpdate: Z
         }, {
-          default: k(() => [
+          default: C(() => [
             s("div", ka, [
-              b(kt, {
+              w(kt, {
                 "image-urls": n.value.imageUrls,
-                "active-index": w.value,
-                onResize: B,
+                "active-index": b.value,
+                onResize: O,
                 onPreloaded: M[0] || (M[0] = (j) => o.value.preloaded = !0),
                 onReady: M[1] || (M[1] = (j) => o.value.ready = !0),
-                onReset: F
+                onReset: D
               }, null, 8, ["image-urls", "active-index"]),
               ve(s("div", null, [
-                (p(!0), D(ce, null, me(f.value.buildingOverlays, (j) => (p(), R(ba, {
+                (p(!0), x(ce, null, me(f.value.buildingOverlays, (j) => (p(), B(ba, {
                   ref_for: !0,
                   ref_key: "overlays",
                   ref: L,
@@ -2722,7 +2722,7 @@ const Nn = {
             ]),
             s("canvas", _e(r.value, {
               ref_key: "canvas",
-              ref: x,
+              ref: F,
               class: { hover: !!d.value },
               onClick: W,
               onMousemove: I
@@ -2737,39 +2737,39 @@ const Nn = {
           _: 1
         }, 8, ["desktop", "mobile"]),
         ve(s("div", null, [
-          f.value.viewLongitude ? (p(), R(Je, {
+          f.value.viewLongitude ? (p(), B(Je, {
             key: 0,
             class: "north-indicator",
             longitude: f.value.viewLongitude
           }, null, 8, ["longitude"])) : $("", !0),
-          b(wt, {
-            modelValue: w.value,
-            "onUpdate:modelValue": M[2] || (M[2] = (j) => w.value = j),
+          w(wt, {
+            modelValue: b.value,
+            "onUpdate:modelValue": M[2] || (M[2] = (j) => b.value = j),
             "date-selector": n.value,
             "is-loading": !o.value.ready
           }, null, 8, ["modelValue", "date-selector", "is-loading"])
         ], 512), [
           [fe, o.value.preloaded]
         ]),
-        S.showCards && d.value ? (p(), R(qe, {
+        S.showCards && d.value ? (p(), B(qe, {
           key: 0,
-          "is-hoverable": h.value,
+          "is-hoverable": g.value,
           pos: i.value,
           onOutside: M[3] || (M[3] = () => d.value = void 0)
         }, {
-          default: k(() => [
-            te(S.$slots, "default", {
+          default: C(() => [
+            ee(S.$slots, "default", {
               building: d.value,
               canGoToBuilding: S.canGoToBuildingCallback(d.value),
               goToBuilding: () => S.canGoToBuildingCallback(d.value) && a("goToBuilding", d.value),
               pos: i.value,
-              isHoverable: h.value,
+              isHoverable: g.value,
               close: () => d.value = void 0
             }, void 0, !0)
           ]),
           _: 3
         }, 8, ["is-hoverable", "pos"])) : $("", !0),
-        b(Re, {
+        w(Re, {
           ref_key: "hoverProbe",
           ref: _
         }, null, 512)
@@ -2796,7 +2796,7 @@ const Nn = {
     const e = v, a = t, n = E(
       () => e.useSvg ? ya : Aa
     );
-    return (o, r) => (p(), R(ht(n.value), {
+    return (o, r) => (p(), B(ht(n.value), {
       "i18n-config": e.i18nConfig,
       "show-cards": e.showCards,
       "color-callback": e.colorCallback,
@@ -2813,8 +2813,8 @@ const Nn = {
     }, Et({ _: 2 }, [
       me(Object.keys(o.$slots), (i) => ({
         name: i,
-        fn: k((f) => [
-          te(o.$slots, i, tt(nt(f)))
+        fn: C((f) => [
+          ee(o.$slots, i, tt(nt(f)))
         ])
       }))
     ]), 1064, ["i18n-config", "show-cards", "color-callback", "cdn-file-resolver", "interactive-desktop", "interactive-mobile", "building-chooser-time-of-day", "can-go-to-building-callback", "custom-overlay-content", "building-chooser-data"]));
@@ -2828,7 +2828,7 @@ const Nn = {
   },
   setup(v) {
     const t = v, e = E(() => se(t.cdnFileResolver, t.timeSampleData.filename));
-    return (a, n) => ve((p(), D("img", {
+    return (a, n) => ve((p(), x("img", {
       key: e.value,
       src: e.value,
       width: "100%"
@@ -2836,7 +2836,7 @@ const Nn = {
       [fe, a.timeSampleData === a.currentTime]
     ]);
   }
-}), xa = /* @__PURE__ */ X(Fa, [["__scopeId", "data-v-98118455"]]), Da = /* @__PURE__ */ P({
+}), Da = /* @__PURE__ */ X(Fa, [["__scopeId", "data-v-98118455"]]), xa = /* @__PURE__ */ P({
   __name: "VBuildingChooserV5CameraDay",
   props: {
     dayData: {},
@@ -2845,7 +2845,7 @@ const Nn = {
   },
   setup(v) {
     const t = v;
-    return (e, a) => (p(!0), D(ce, null, me(t.dayData.timeSamples, (n) => (p(), R(xa, {
+    return (e, a) => (p(!0), x(ce, null, me(t.dayData.timeSamples, (n) => (p(), B(Da, {
       "time-sample-data": n,
       "cdn-file-resolver": t.cdnFileResolver,
       "current-time": e.currentTime
@@ -2860,7 +2860,7 @@ const Nn = {
   },
   setup(v) {
     const t = v;
-    return (e, a) => (p(!0), D(ce, null, me(t.cameraData.sunsimDayOfYear, (n) => (p(), R(Da, {
+    return (e, a) => (p(!0), x(ce, null, me(t.cameraData.sunsimDayOfYear, (n) => (p(), B(xa, {
       "day-data": n,
       "cdn-file-resolver": t.cdnFileResolver,
       "current-time": t.currentTime
@@ -2885,8 +2885,8 @@ const Nn = {
         )
       );
     }), (o, r) => {
-      const i = T("v-select");
-      return p(), R(i, {
+      const i = V("v-select");
+      return p(), B(i, {
         modelValue: n.value,
         "onUpdate:modelValue": r[0] || (r[0] = (f) => n.value = f),
         items: e.buildingChooserData.cameras,
@@ -2928,8 +2928,8 @@ const Nn = {
       });
     }
     return (r, i) => {
-      const f = T("v-list-item"), c = T("v-select");
-      return p(), R(c, {
+      const f = V("v-list-item"), c = V("v-select");
+      return p(), B(c, {
         modelValue: n.value,
         "onUpdate:modelValue": i[0] || (i[0] = (l) => n.value = l),
         items: e.cameraData.sunsimDayOfYear,
@@ -2939,13 +2939,13 @@ const Nn = {
         density: "compact",
         "hide-details": ""
       }, {
-        item: k(({ props: l }) => [
-          b(f, _e(l, {
+        item: C(({ props: l }) => [
+          w(f, _e(l, {
             title: o(l.title)
           }), null, 16, ["title"])
         ]),
-        selection: k(({ item: l }) => [
-          K(Q(o(l.title)), 1)
+        selection: C(({ item: l }) => [
+          te(Q(o(l.title)), 1)
         ]),
         _: 1
       }, 8, ["modelValue", "items"]);
@@ -2991,21 +2991,21 @@ const Nn = {
       }, 200));
     }
     return (f, c) => {
-      const l = T("v-icon"), d = T("v-btn"), w = T("v-slider"), g = T("v-field");
-      return p(), R(g, { variant: "solo" }, {
-        default: k(() => [
-          f.dayData.startTime === f.dayData.endTime ? (p(), D("div", Va, [
-            b(l, {
+      const l = V("v-icon"), d = V("v-btn"), b = V("v-slider"), h = V("v-field");
+      return p(), B(h, { variant: "solo" }, {
+        default: C(() => [
+          f.dayData.startTime === f.dayData.endTime ? (p(), x("div", Va, [
+            w(l, {
               style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
               class: "py-2 ml-2 mr-2 icon"
             }, {
-              default: k(() => [
-                K(" mdi-white-balance-sunny ")
+              default: C(() => [
+                te(" mdi-white-balance-sunny ")
               ]),
               _: 1
             }),
-            K(" " + Q(r(n.value)), 1)
-          ])) : (p(), R(w, {
+            te(" " + Q(r(n.value)), 1)
+          ])) : (p(), B(b, {
             key: 1,
             class: "pa-1",
             modelValue: n.value,
@@ -3015,29 +3015,29 @@ const Nn = {
             step: f.dayData.interval,
             "hide-details": ""
           }, {
-            prepend: k(() => [
-              b(d, {
+            prepend: C(() => [
+              w(d, {
                 icon: o.value ? "mdi-stop" : "mdi-play",
                 size: "x-small",
                 variant: "flat",
                 onClick: i
               }, null, 8, ["icon"]),
-              K("   "),
+              te("   "),
               s("span", Ba, Q(r(f.dayData.startTime)), 1)
             ]),
-            append: k(() => [
+            append: C(() => [
               s("span", Ra, Q(r(f.dayData.endTime)), 1),
-              K("   "),
-              b(l, {
+              te("   "),
+              w(l, {
                 style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
                 class: "ml-2 mr-2 icon"
               }, {
-                default: k(() => [
-                  K(" mdi-white-balance-sunny ")
+                default: C(() => [
+                  te(" mdi-white-balance-sunny ")
                 ]),
                 _: 1
               }),
-              K(" " + Q(r(n.value)), 1)
+              te(" " + Q(r(n.value)), 1)
             ]),
             _: 1
           }, 8, ["modelValue", "min", "max", "step"]))
@@ -3059,14 +3059,14 @@ const Nn = {
     const e = v, a = t, n = u(), o = u(), r = u(e.selectedId), i = st({});
     Ie(() => {
       for (const l in i) {
-        const { element: d, state: w } = i[l], { r: g, g: m, b: _, a: x, s: L } = e.colorCallback(l, w) || {
+        const { element: d, state: b } = i[l], { r: h, g: m, b: _, a: F, s: L } = e.colorCallback(l, b) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        d.style.fill = `rgba(${g}, ${m}, ${_}, ${x / 255})`, d.style.stroke = `rgb(${g}, ${m}, ${_})`, d.style.strokeWidth = L.toString();
+        d.style.fill = `rgba(${h}, ${m}, ${_}, ${F / 255})`, d.style.stroke = `rgb(${h}, ${m}, ${_})`, d.style.strokeWidth = L.toString();
       }
     }), H(
       () => e.selectedId,
@@ -3104,27 +3104,27 @@ const Nn = {
     function c() {
       Le(() => {
         const l = o.value.firstChild;
-        l && (a("updateSvgContainer", l), f(), l.querySelectorAll("[data-building-id]").forEach((w) => {
-          w.style.strokeWidth = "0", w.style.stroke = "rgba(255,255,255,0)", w.style.fill = "rgba(255,255,255,0)", w.querySelectorAll("path").forEach((m) => {
+        l && (a("updateSvgContainer", l), f(), l.querySelectorAll("[data-building-id]").forEach((b) => {
+          b.style.strokeWidth = "0", b.style.stroke = "rgba(255,255,255,0)", b.style.fill = "rgba(255,255,255,0)", b.querySelectorAll("path").forEach((m) => {
             m.style.stroke = "inherit", m.style.fill = "inherit";
           });
-          const g = w.getAttribute("data-building-id");
-          i[g] = {
-            element: w,
-            state: r.value === g ? "selected" : "idle"
-          }, w.addEventListener("mouseover", () => {
-            i[g].state === "idle" && (i[g].state = "hover"), a("onHoverOver", g);
-          }), w.addEventListener("mouseout", () => {
-            i[g].state === "hover" && (i[g].state = "idle"), a("onHoverOut", g);
-          }), w.addEventListener("click", () => {
-            a("onClick", g);
+          const h = b.getAttribute("data-building-id");
+          i[h] = {
+            element: b,
+            state: r.value === h ? "selected" : "idle"
+          }, b.addEventListener("mouseover", () => {
+            i[h].state === "idle" && (i[h].state = "hover"), a("onHoverOver", h);
+          }), b.addEventListener("mouseout", () => {
+            i[h].state === "hover" && (i[h].state = "idle"), a("onHoverOut", h);
+          }), b.addEventListener("click", () => {
+            a("onClick", h);
           });
         }));
       });
     }
-    return (l, d) => (p(), R(Se, null, {
-      default: k(() => [
-        (p(), D("div", {
+    return (l, d) => (p(), B(Se, null, {
+      default: C(() => [
+        (p(), x("div", {
           ref_key: "svgContainer",
           ref: o,
           key: l.currentCamera.overlayFilename,
@@ -3158,15 +3158,15 @@ const Nn = {
   },
   emits: ["onClick", "onHoverOver", "onHoverOut", "onMouseMove"],
   setup(v, { emit: t }) {
-    const e = v, a = t, n = u(), o = u(), r = u(), i = u(), f = u(!1), c = u(), l = E(() => c.value.isHoverEnabled), d = u({ x: 0, y: 0, width: 0, height: 0 }), w = u(), g = u(), m = u(
+    const e = v, a = t, n = u(), o = u(), r = u(), i = u(), f = u(!1), c = u(), l = E(() => c.value.isHoverEnabled), d = u({ x: 0, y: 0, width: 0, height: 0 }), b = u(), h = u(), m = u(
       e.buildingChooserData
     ), _ = u(!1);
     de(() => f.value = !0), H(
-      () => g.value,
+      () => h.value,
       () => {
-        g.value && new ResizeObserver(([I]) => {
+        h.value && new ResizeObserver(([I]) => {
           _.value = I.contentRect.width < e.mobileBreakpoint;
-        }).observe(g.value);
+        }).observe(h.value);
       }
     ), H(
       [m, () => e.cdnFileResolver, () => e.defaultCamera],
@@ -3197,7 +3197,7 @@ const Nn = {
       },
       { immediate: !0 }
     );
-    function x(y) {
+    function F(y) {
       const I = o.value;
       n.value = y, Le(() => {
         L(
@@ -3210,7 +3210,7 @@ const Nn = {
     function L(y) {
       const I = r.value;
       o.value = y, Le(() => {
-        h(
+        g(
           o.value.timeSamples.find(
             (W) => W.timeInHours === I.timeInHours
           ) || o.value.timeSamples.find(
@@ -3219,20 +3219,20 @@ const Nn = {
         );
       });
     }
-    function h(y) {
+    function g(y) {
       r.value = y;
     }
-    function B(y) {
+    function O(y) {
       a("onHoverOver", y), i.value = y;
     }
-    function F(y) {
+    function D(y) {
       a("onHoverOut", y), i.value = void 0;
     }
-    function O(y) {
+    function R(y) {
       const { layerX: I, layerY: W } = y;
       let A = y.target, Z = !1;
       for (; A; )
-        if (A === w.value) {
+        if (A === b.value) {
           Z = !0;
           break;
         } else
@@ -3250,85 +3250,85 @@ const Nn = {
       a("onMouseMove", y, d.value);
     }
     return (y, I) => {
-      const W = T("v-skeleton-loader");
-      return p(), D(ce, null, [
-        b(W, {
+      const W = V("v-skeleton-loader");
+      return p(), x(ce, null, [
+        w(W, {
           type: "image",
           class: "w-100 h-100 position-relative",
           loading: !f.value || !m.value
         }, {
-          default: k(() => [
-            b(Se, null, {
-              default: k(() => [
+          default: C(() => [
+            w(Se, null, {
+              default: C(() => [
                 s("div", {
                   ref_key: "container",
-                  ref: g,
+                  ref: h,
                   class: he({ mobile: _.value }),
-                  onMousemove: O
+                  onMousemove: R
                 }, [
                   s("div", Pa, [
                     s("div", ja, [
-                      b(Ea, {
+                      w(Ea, {
                         "building-chooser-data": m.value,
                         "current-camera": n.value,
-                        onOnCameraChange: x
+                        onOnCameraChange: F
                       }, null, 8, ["building-chooser-data", "current-camera"])
                     ]),
                     s("div", Wa, [
-                      b(Ta, {
+                      w(Ta, {
                         "camera-data": n.value,
                         "current-day": o.value,
                         onOnDayChange: L
                       }, null, 8, ["camera-data", "current-day"])
                     ]),
                     s("div", za, [
-                      b($a, {
+                      w($a, {
                         "day-data": o.value,
                         "current-time": r.value,
-                        onOnTimeChange: h
+                        onOnTimeChange: g
                       }, null, 8, ["day-data", "current-time"])
                     ])
                   ]),
                   s("div", Na, [
-                    b(Je, {
+                    w(Je, {
                       longitude: n.value.cameraRotation.y + 270
                     }, null, 8, ["longitude"])
                   ]),
-                  b(Ze, { position: "relative" }, {
-                    default: k(() => [
-                      (p(!0), D(ce, null, me(m.value.cameras, (A) => (p(), R(Ma, {
+                  w(Ze, { position: "relative" }, {
+                    default: C(() => [
+                      (p(!0), x(ce, null, me(m.value.cameras, (A) => (p(), B(Ma, {
                         key: A.overlayFilename,
                         "camera-data": A,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-time": r.value
                       }, null, 8, ["camera-data", "cdn-file-resolver", "current-time"]))), 128)),
-                      e.customOverlayContent ? (p(), D("div", {
+                      e.customOverlayContent ? (p(), x("div", {
                         key: 0,
                         class: "w-100 h-100 position-absolute top-left",
                         style: { "z-index": "5", "pointer-events": "none" },
                         innerHTML: e.customOverlayContent
                       }, null, 8, Ga)) : $("", !0),
-                      b(Ya, {
+                      w(Ya, {
                         "cdn-file-resolver": y.cdnFileResolver,
                         "color-callback": e.colorCallback,
                         "current-camera": n.value,
                         "selected-id": e.selectedId,
                         onOnClick: I[0] || (I[0] = (A) => a("onClick", A)),
-                        onOnHoverOver: B,
-                        onOnHoverOut: F,
-                        onUpdateSvgContainer: I[1] || (I[1] = (A) => w.value = A)
+                        onOnHoverOver: O,
+                        onOnHoverOut: D,
+                        onUpdateSvgContainer: I[1] || (I[1] = (A) => b.value = A)
                       }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id"])
                     ]),
                     _: 1
                   }),
-                  y.$slots.popup && d.value && i.value ? (p(), R(qe, {
+                  y.$slots.popup && d.value && i.value ? (p(), B(qe, {
                     key: 0,
                     "is-hoverable": l.value,
                     pos: d.value
                   }, {
-                    default: k(() => [
+                    default: C(() => [
                       s("div", Qa, [
-                        te(y.$slots, "popup", tt(nt({ hoverId: i.value, hoverable: l.value })), void 0, !0)
+                        ee(y.$slots, "popup", tt(nt({ hoverId: i.value, hoverable: l.value })), void 0, !0)
                       ])
                     ]),
                     _: 3
@@ -3340,7 +3340,7 @@ const Nn = {
           ]),
           _: 3
         }, 8, ["loading"]),
-        b(Re, {
+        w(Re, {
           ref_key: "hoverProbe",
           ref: c
         }, null, 512)
@@ -3445,7 +3445,7 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
       const l = o.value.getCurrentCamera();
       l && (r.value = l.id);
     }), de(async () => {
-      const w = {
+      const b = {
         initialized: () => {
           o.value = e.Main.getPlayerAPI();
           const m = o.value.getCurrentCamera();
@@ -3464,51 +3464,51 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
       };
       if (!no)
         return;
-      const g = await new e.Main(
+      const h = await new e.Main(
         se(
           a.cdnFileResolver,
           `/${a.interiorId}/${a.apartmentId}`
         ),
         "qpc",
-        w,
+        b,
         void 0,
         a.currentCameraId
       );
-      g && (g.handleWindowResize(), window.addEventListener(
+      h && (h.handleWindowResize(), window.addEventListener(
         "resize",
-        g.handleWindowResize.bind(g)
-      ), g.animate(), o.value = e.Main.getPlayerAPI(), o.value && o.value.setLookSensitivity(a.mouseSensitivity));
+        h.handleWindowResize.bind(h)
+      ), h.animate(), o.value = e.Main.getPlayerAPI(), o.value && o.value.setLookSensitivity(a.mouseSensitivity));
     }), je(() => {
       o.value && o.value.destroy();
-    }), (c, l) => (p(), D("div", ao, [
+    }), (c, l) => (p(), x("div", ao, [
       s("div", oo, [
-        te(c.$slots, "slideshow-image", {}, void 0, !0),
+        ee(c.$slots, "slideshow-image", {}, void 0, !0),
         s("div", lo, [
-          te(c.$slots, "top-left", {}, void 0, !0)
+          ee(c.$slots, "top-left", {}, void 0, !0)
         ]),
         s("div", so, [
-          te(c.$slots, "top-center", {}, void 0, !0)
+          ee(c.$slots, "top-center", {}, void 0, !0)
         ]),
         s("div", io, [
-          te(c.$slots, "top-right", {}, void 0, !0)
+          ee(c.$slots, "top-right", {}, void 0, !0)
         ]),
         s("div", ro, [
-          te(c.$slots, "center-left", {}, void 0, !0)
+          ee(c.$slots, "center-left", {}, void 0, !0)
         ]),
         s("div", uo, [
-          te(c.$slots, "center-center", {}, void 0, !0)
+          ee(c.$slots, "center-center", {}, void 0, !0)
         ]),
         s("div", co, [
-          te(c.$slots, "center-right", {}, void 0, !0)
+          ee(c.$slots, "center-right", {}, void 0, !0)
         ]),
         s("div", vo, [
-          te(c.$slots, "bottom-left", {}, void 0, !0)
+          ee(c.$slots, "bottom-left", {}, void 0, !0)
         ]),
         s("div", mo, [
-          te(c.$slots, "bottom-center", {}, void 0, !0)
+          ee(c.$slots, "bottom-center", {}, void 0, !0)
         ]),
         s("div", po, [
-          te(c.$slots, "bottom-right", {}, void 0, !0)
+          ee(c.$slots, "bottom-right", {}, void 0, !0)
         ]),
         s("div", fo, [
           s("canvas", {
@@ -3540,20 +3540,20 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
       l >= o.value.length ? a("level", o.value[0]) : a("level", o.value[l]);
     }
     return (l, d) => {
-      const w = T("v-btn"), g = T("v-tooltip");
-      return p(), R(g, {
+      const b = V("v-btn"), h = V("v-tooltip");
+      return p(), B(h, {
         right: "",
         attach: ""
       }, {
-        activator: k(({ props: m }) => [
-          b(w, _e({
+        activator: C(({ props: m }) => [
+          w(b, _e({
             style: { cursor: "pointer" },
             density: "comfortable",
             elevation: "1",
             icon: ""
           }, m, { onClick: c }), {
-            default: k(() => [
-              (p(), D("svg", yo, [
+            default: C(() => [
+              (p(), x("svg", yo, [
                 s("path", {
                   d: "M8.98034 10.3472L1.54055 5.8855L8.98034 1.42384L16.4201 5.8855L8.98034 10.3472Z",
                   fill: "white",
@@ -3573,7 +3573,7 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
             _: 2
           }, 1040)
         ]),
-        default: k(() => [
+        default: C(() => [
           s("span", wo, Q(ae(n).getLabel(r.value)) + " " + Q(ae(n).getLabel("floor")), 1)
         ]),
         _: 1
@@ -3591,20 +3591,20 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
   setup(v, { emit: t }) {
     const e = v, a = t, n = Be(be);
     return (o, r) => {
-      const i = T("v-icon"), f = T("v-btn"), c = T("v-img"), l = T("v-list-item-title"), d = T("v-list-item"), w = T("v-list"), g = T("v-menu");
-      return p(), D("div", null, [
-        b(g, {
+      const i = V("v-icon"), f = V("v-btn"), c = V("v-img"), l = V("v-list-item-title"), d = V("v-list-item"), b = V("v-list"), h = V("v-menu");
+      return p(), x("div", null, [
+        w(h, {
           transition: "slide-x-reverse-transition",
           location: "top end",
           origin: "end bottom",
           elevation: "0"
         }, {
-          activator: k(({ props: m }) => [
-            b(f, _e({ rounded: "" }, m), {
-              default: k(() => [
-                b(i, null, {
-                  default: k(() => [
-                    K("mdi-palette-outline")
+          activator: C(({ props: m }) => [
+            w(f, _e({ rounded: "" }, m), {
+              default: C(() => [
+                w(i, null, {
+                  default: C(() => [
+                    te("mdi-palette-outline")
                   ]),
                   _: 1
                 }),
@@ -3613,28 +3613,28 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
               _: 2
             }, 1040)
           ]),
-          default: k(() => [
-            b(w, { class: "interior-selector-list" }, {
-              default: k(() => [
-                (p(!0), D(ce, null, me(e.availableArchetypes, (m, _) => (p(), R(d, {
+          default: C(() => [
+            w(b, { class: "interior-selector-list" }, {
+              default: C(() => [
+                (p(!0), x(ce, null, me(e.availableArchetypes, (m, _) => (p(), B(d, {
                   density: "compact",
                   key: `at-menuitem-${_}`,
-                  onClick: (x) => a("selectInterior", m.archetypeID),
+                  onClick: (F) => a("selectInterior", m.archetypeID),
                   active: _ === o.selectedIndex,
                   class: "interior-selector-list-item"
                 }, {
-                  prepend: k(() => [
-                    b(c, {
+                  prepend: C(() => [
+                    w(c, {
                       width: "100",
                       "max-width": "100",
                       height: "66",
                       src: m.url
                     }, null, 8, ["src"])
                   ]),
-                  default: k(() => [
-                    b(l, { class: "text-caption py-2 px-4" }, {
-                      default: k(() => [
-                        K(Q(ae(n).get(m.title)), 1)
+                  default: C(() => [
+                    w(l, { class: "text-caption py-2 px-4" }, {
+                      default: C(() => [
+                        te(Q(ae(n).get(m.title)), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -3650,7 +3650,7 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
       ]);
     };
   }
-}), Lo = /* @__PURE__ */ X(Ao, [["__scopeId", "data-v-f52a4315"]]), So = "data:image/png;base64,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", Fo = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAYAAACPZlfNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMdSURBVHgB7dxBTttQEMbxsU32idouujM7FhjlBqQnaG5AbkBvUPUEpTegN8gR6AlAgQU70lWlQkUUscR+fVZrRKlL7CTQN6P/T0IJwYkUDfNhvzdEBAAAAAAAAAAAAAAAAAAAAAD+i+t+v3+5vT0Qg2IxqHBuP47jXTHIZMHEuYETeScGmSvYZb9fFiv1d7sWY9FcwWLn9u7ux/FbMcZeJPo4vLsrMhJjTBXsXhxWzMWiqYLdj8NKlCR7YoipgjnnhjUPDv11WVeMMFOwqywb+Zu6wnQlz81ck5kp2GNnhLmha7JIDCgjLy+K60cOmSVxvNk7OZmJciY6LM/z4YJDukVRmDj5sBGJcbywGLUnJAqpj0Qfh6mPw4smx/pY7GmPRfUd5uNw0PRYC7GoPxIbxGHFQiyqjsQ2cVjRHouqO8xHXOvVeP+cfVFMeySOpCV3bzVfI7WRuEwcVlxRvHl1dnYkCqntsFWiTfO8h+ZIXPqMT/PGpsqC1WxUtpVq3dhUWbC6jcrWr6F03kNnJK7hTE9rLKor2BrisKJy3kNdwdYRh3evpTAW9UXiGi98y1jUNu+hqmBXWTZcUxxWure3t31RRFXBoieIMG1jcGqWphrMbSxL1byHmg5rMLexrPIXQc3Jh5qCPekZnXMjUUJFJK6yMt+Ulo1NFR3WZm5jWVrmPXREYou5jWVpmfcIPhKfIw4rGmIx+A57jjisaIjF4AsWRVG7nWXnjhK/fJWUEefcuN1Tw4/FoCOxaRz6N3Hi22M8v7n5tDmd/hFp37a20qTTGcRR9F4aLGslSZL2jo+/SqA2JGALxthmviMO/RsY905Pv/zroNfn51N/c1h+XWfZbl7ug0VR2Um1i75Fno/8zQcJVNAd9mNn5+KvxV4feT4mx/P5/PPDbmrje5aN/N+DPV+8wYMfTV9OJpsSqGALVn78kI/D49/fzqKiOKiLvFWVkbnR6exHv7ouLR8LeQwu2IL57vroIy9NRA4ei7x1qiLTF2/6YjIJNhbxwEWamvkndgAAAAAAAAAAAAAAAAAAAAAAAAAAAABYxU+ILzGcMmFd0QAAAABJRU5ErkJggg==", xo = /* @__PURE__ */ P({
+}), Lo = /* @__PURE__ */ X(Ao, [["__scopeId", "data-v-f52a4315"]]), So = "data:image/png;base64,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", Fo = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAYAAACPZlfNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMdSURBVHgB7dxBTttQEMbxsU32idouujM7FhjlBqQnaG5AbkBvUPUEpTegN8gR6AlAgQU70lWlQkUUscR+fVZrRKlL7CTQN6P/T0IJwYkUDfNhvzdEBAAAAAAAAAAAAAAAAAAAAAD+i+t+v3+5vT0Qg2IxqHBuP47jXTHIZMHEuYETeScGmSvYZb9fFiv1d7sWY9FcwWLn9u7ux/FbMcZeJPo4vLsrMhJjTBXsXhxWzMWiqYLdj8NKlCR7YoipgjnnhjUPDv11WVeMMFOwqywb+Zu6wnQlz81ck5kp2GNnhLmha7JIDCgjLy+K60cOmSVxvNk7OZmJciY6LM/z4YJDukVRmDj5sBGJcbywGLUnJAqpj0Qfh6mPw4smx/pY7GmPRfUd5uNw0PRYC7GoPxIbxGHFQiyqjsQ2cVjRHouqO8xHXOvVeP+cfVFMeySOpCV3bzVfI7WRuEwcVlxRvHl1dnYkCqntsFWiTfO8h+ZIXPqMT/PGpsqC1WxUtpVq3dhUWbC6jcrWr6F03kNnJK7hTE9rLKor2BrisKJy3kNdwdYRh3evpTAW9UXiGi98y1jUNu+hqmBXWTZcUxxWure3t31RRFXBoieIMG1jcGqWphrMbSxL1byHmg5rMLexrPIXQc3Jh5qCPekZnXMjUUJFJK6yMt+Ulo1NFR3WZm5jWVrmPXREYou5jWVpmfcIPhKfIw4rGmIx+A57jjisaIjF4AsWRVG7nWXnjhK/fJWUEefcuN1Tw4/FoCOxaRz6N3Hi22M8v7n5tDmd/hFp37a20qTTGcRR9F4aLGslSZL2jo+/SqA2JGALxthmviMO/RsY905Pv/zroNfn51N/c1h+XWfZbl7ug0VR2Um1i75Fno/8zQcJVNAd9mNn5+KvxV4feT4mx/P5/PPDbmrje5aN/N+DPV+8wYMfTV9OJpsSqGALVn78kI/D49/fzqKiOKiLvFWVkbnR6exHv7ouLR8LeQwu2IL57vroIy9NRA4ei7x1qiLTF2/6YjIJNhbxwEWamvkndgAAAAAAAAAAAAAAAAAAAAAAAAAAAABYxU+ILzGcMmFd0QAAAABJRU5ErkJggg==", Do = /* @__PURE__ */ P({
   __name: "VCompass",
   props: {
     rotation: {}
@@ -3663,12 +3663,12 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
       transform: `rotate(${-t.rotation + 180}deg)`
     }));
     return (o, r) => {
-      const i = T("v-img");
-      return p(), D("div", {
+      const i = V("v-img");
+      return p(), x("div", {
         style: le(a.value),
         class: "compass-wrapper"
       }, [
-        b(i, {
+        w(i, {
           class: "compass-needle",
           src: e.value,
           style: le(n.value)
@@ -3676,7 +3676,7 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
       ], 4);
     };
   }
-}), Do = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAllBMVEUAAAD/rwD/rwD/qgP/qwL/qAL/qwP/qwH/rAL/rAL/qwL/qQD/qwL/qwD/qQD/qwL/pQD/qgH/nwD/pwD/qQL/rAL/qwD/qwT/rAP/qwL/rAL/rAD/rAL/qgD/qwL/qQP/rAP/rAH/qgH/qwL/qwD/qgL/rwD/qgD/qwH/qgD/qgL/rAD/qgD/qgD/qwH/rAP/qgX/qwA+O5E+AAAAMnRSTlMAECBg/3C/v5Dff4+PT1/PMN8QII9vf0CfgO9vnzDvUF+vr3BA3zA/z2+fX59g71AwcDsf6p0AAAFGSURBVHicvdRtT8MgEABgaM9hu1aHXV/cpm6zWt829f//OYEK9qC3NDF6HxYCTw5GuWPsd8GjqTIGOJtIZwDi/ymnKPflOSTub6cAcwdnkHk5AQY2v3Dzl2phga1EFkl5hScLbZc+LbUs/FltK5OpLpsmrS0NpbLLSu3Er1dgIsn0cdabEdlHlICL5IZSRq5gELcn7DCnsfQL24AX5PeNfAlAHSEOaYrFXaNiqwa7kO7V9L1dt9u25kX58cBY7dbZYz/MKdr2o06nrZ6klNX4AYRdf8aHzkL6QtxAG9KculjhS0nJMO0rSVmF5ZyWnn2jFC+36vcgLTzq+3lPRx6XrjjTqQ7iqJxY6+KLydp0ZWhrVHWE0JoqHq1NSHBxF0h+1Mh6LUMM5LC/Kht8h+5nG9zeTtbt37Ti3XT6+d29pkTXTZVEfAEKARRF2iiwhQAAAB10RVh0U29mdHdhcmUAQGx1bmFwYWludC9wbmctY29kZWP1QxkeAAAAAElFTkSuQmCC", Mo = { class: "d-flex flex-column align-center justify-center clock-face" }, Eo = { class: "clock-icon" }, To = { class: "clock-value grey--text text--darken-3" }, Vo = /* @__PURE__ */ P({
+}), xo = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAllBMVEUAAAD/rwD/rwD/qgP/qwL/qAL/qwP/qwH/rAL/rAL/qwL/qQD/qwL/qwD/qQD/qwL/pQD/qgH/nwD/pwD/qQL/rAL/qwD/qwT/rAP/qwL/rAL/rAD/rAL/qgD/qwL/qQP/rAP/rAH/qgH/qwL/qwD/qgL/rwD/qgD/qwH/qgD/qgL/rAD/qgD/qgD/qwH/rAP/qgX/qwA+O5E+AAAAMnRSTlMAECBg/3C/v5Dff4+PT1/PMN8QII9vf0CfgO9vnzDvUF+vr3BA3zA/z2+fX59g71AwcDsf6p0AAAFGSURBVHicvdRtT8MgEABgaM9hu1aHXV/cpm6zWt829f//OYEK9qC3NDF6HxYCTw5GuWPsd8GjqTIGOJtIZwDi/ymnKPflOSTub6cAcwdnkHk5AQY2v3Dzl2phga1EFkl5hScLbZc+LbUs/FltK5OpLpsmrS0NpbLLSu3Er1dgIsn0cdabEdlHlICL5IZSRq5gELcn7DCnsfQL24AX5PeNfAlAHSEOaYrFXaNiqwa7kO7V9L1dt9u25kX58cBY7dbZYz/MKdr2o06nrZ6klNX4AYRdf8aHzkL6QtxAG9KculjhS0nJMO0rSVmF5ZyWnn2jFC+36vcgLTzq+3lPRx6XrjjTqQ7iqJxY6+KLydp0ZWhrVHWE0JoqHq1NSHBxF0h+1Mh6LUMM5LC/Kht8h+5nG9zeTtbt37Ti3XT6+d29pkTXTZVEfAEKARRF2iiwhQAAAB10RVh0U29mdHdhcmUAQGx1bmFwYWludC9wbmctY29kZWP1QxkeAAAAAElFTkSuQmCC", Mo = { class: "d-flex flex-column align-center justify-center clock-face" }, Eo = { class: "clock-icon" }, To = { class: "clock-value grey--text text--darken-3" }, Vo = /* @__PURE__ */ P({
   __name: "VTimeOfDay",
   props: {
     hours: { default: 0 },
@@ -3688,11 +3688,11 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
       return ("0" + n).slice(-2);
     }
     return (n, o) => {
-      const r = T("v-img");
-      return p(), D("div", Mo, [
+      const r = V("v-img");
+      return p(), x("div", Mo, [
         s("div", Eo, [
-          b(r, {
-            src: ae(Do),
+          w(r, {
+            src: ae(xo),
             "aspect-ratio": "1"
           }, null, 8, ["src"])
         ]),
@@ -3712,16 +3712,16 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
       return e.showStaticImage || (r = "slideShow"), r;
     });
     return (r, i) => {
-      const f = T("v-btn");
-      return p(), R(f, {
+      const f = V("v-btn");
+      return p(), B(f, {
         color: "darken-2",
         elevation: "1",
         rounded: "",
         plain: "",
         onClick: i[0] || (i[0] = (c) => a("toggle"))
       }, {
-        default: k(() => [
-          K(Q(ae(n).getLabel(o.value)), 1)
+        default: C(() => [
+          te(Q(ae(n).getLabel(o.value)), 1)
         ]),
         _: 1
       });
@@ -4269,7 +4269,7 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
       /iPod/i,
       /BlackBerry/i,
       /Windows Phone/i
-    ].some((w) => navigator.userAgent.match(w))), f = E(() => {
+    ].some((b) => navigator.userAgent.match(b))), f = E(() => {
       const d = localStorage.getItem(
         `${e.project}-dont-show-tutorial`
       );
@@ -4281,12 +4281,12 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
     function l() {
       localStorage.setItem(`${e.project}-dont-show-tutorial`, "true");
     }
-    return (d, w) => {
-      const g = T("v-checkbox"), m = T("v-btn");
-      return p(), R(Se, { name: "fade-transition" }, {
-        default: k(() => [
-          o.value && !f.value ? (p(), D("div", Oo, [
-            i.value ? $("", !0) : (p(), D("div", $o, [
+    return (d, b) => {
+      const h = V("v-checkbox"), m = V("v-btn");
+      return p(), B(Se, { name: "fade-transition" }, {
+        default: C(() => [
+          o.value && !f.value ? (p(), x("div", Oo, [
+            i.value ? $("", !0) : (p(), x("div", $o, [
               s("div", Uo, [
                 s("div", Ho, [
                   Yo,
@@ -4308,7 +4308,7 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
                 ])
               ])
             ])),
-            i.value ? (p(), D("div", Ko, [
+            i.value ? (p(), x("div", Ko, [
               s("div", el, [
                 tl,
                 s("div", nl, Q(ae(n).getLabel("tapAndDragToLookAround")), 1)
@@ -4323,19 +4323,19 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
               ])
             ])) : $("", !0),
             s("div", ul, [
-              b(g, {
+              w(h, {
                 modelValue: r.value,
-                "onUpdate:modelValue": w[0] || (w[0] = (_) => r.value = _),
+                "onUpdate:modelValue": b[0] || (b[0] = (_) => r.value = _),
                 label: ae(n).getLabel("dontShowAgain")
               }, null, 8, ["modelValue", "label"]),
-              b(m, {
+              w(m, {
                 small: "",
                 outlined: "",
                 class: "mt-5",
-                onClick: w[1] || (w[1] = (_) => c())
+                onClick: b[1] || (b[1] = (_) => c())
               }, {
-                default: k(() => [
-                  K("Ok")
+                default: C(() => [
+                  te("Ok")
                 ]),
                 _: 1
               })
@@ -4356,7 +4356,7 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
 }, Ll = /* @__PURE__ */ vl(() => /* @__PURE__ */ s("div", { class: "setting-label" }, "Enter Lut URL:", -1)), Sl = {
   class: "d-block",
   style: { width: "300px" }
-}, Fl = { class: "form-buttons" }, xl = /* @__PURE__ */ P({
+}, Fl = { class: "form-buttons" }, Dl = /* @__PURE__ */ P({
   __name: "VPlayerSettingsUi",
   props: {
     initialSettings: {}
@@ -4364,7 +4364,7 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
   emits: ["updateSettings", "saveSettings"],
   setup(v, { emit: t }) {
     const e = v, a = t, n = u(
-      g(e.initialSettings)
+      h(e.initialSettings)
     );
     H(
       n,
@@ -4375,8 +4375,8 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
     );
     const o = E(() => {
       let m = {};
-      for (const [_, x] of Object.entries(n.value))
-        _ === "whitePoint" ? m[_] = l(x.value) : m[_] = x.value;
+      for (const [_, F] of Object.entries(n.value))
+        _ === "whitePoint" ? m[_] = l(F.value) : m[_] = F.value;
       return m;
     });
     function r() {
@@ -4394,20 +4394,20 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
       a("saveSettings", o.value);
     }
     function c() {
-      n.value = g(), a("updateSettings", o.value);
+      n.value = h(), a("updateSettings", o.value);
     }
     function l(m) {
-      const _ = parseInt(m.substr(1, 2), 16) / 255, x = parseInt(m.substr(3, 2), 16) / 255, L = parseInt(m.substr(5, 2), 16) / 255;
-      return [_, x, L];
+      const _ = parseInt(m.substr(1, 2), 16) / 255, F = parseInt(m.substr(3, 2), 16) / 255, L = parseInt(m.substr(5, 2), 16) / 255;
+      return [_, F, L];
     }
     function d(m) {
       var _ = m.toString(16);
       return _.length == 1 ? "0" + _ : _;
     }
-    function w([m, _, x]) {
-      return "#" + d(parseInt((m * 255).toString())) + d(parseInt((_ * 255).toString())) + d(parseInt((x * 255).toString()));
+    function b([m, _, F]) {
+      return "#" + d(parseInt((m * 255).toString())) + d(parseInt((_ * 255).toString())) + d(parseInt((F * 255).toString()));
     }
-    function g(m = {}) {
+    function h(m = {}) {
       const _ = [
         "Cool 5",
         "Cool 10",
@@ -4421,7 +4421,7 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
         "Warm 5",
         "bw"
       ];
-      let x = {
+      let F = {
         temperature: 6500,
         targetLuminance: 1,
         exposureFovScale: 0.6,
@@ -4440,7 +4440,7 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
           min: 0,
           max: 1,
           step: 0.01,
-          value: x.exposureFovScale
+          value: F.exposureFovScale
         },
         targetLuminance: {
           label: "Target Luminance",
@@ -4448,7 +4448,7 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
           min: 0,
           max: 15,
           step: 0.1,
-          value: x.targetLuminance
+          value: F.targetLuminance
         },
         sharpenFilter_amount: {
           label: "Sharpen Filter Amount",
@@ -4456,12 +4456,12 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
           min: 0,
           max: 100,
           step: 0.1,
-          value: x.sharpenFilter_amount
+          value: F.sharpenFilter_amount
         },
         UNREAL_BLOOM_ENABLED: {
           label: "Enable Bloom?",
           type: "boolean",
-          value: x.UNREAL_BLOOM_ENABLED
+          value: F.UNREAL_BLOOM_ENABLED
         },
         UNREAL_BLOOM_STRENGTH: {
           label: "Bloom Strength",
@@ -4469,7 +4469,7 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
           min: 0,
           max: 1,
           step: 0.01,
-          value: x.UNREAL_BLOOM_STRENGTH
+          value: F.UNREAL_BLOOM_STRENGTH
         },
         TRANSITION_MOVEMENT_SCALE: {
           label: "Transition Movement Speed",
@@ -4477,7 +4477,7 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
           min: 0.2,
           max: 25,
           step: 0.1,
-          value: x.TRANSITION_MOVEMENT_SCALE
+          value: F.TRANSITION_MOVEMENT_SCALE
         },
         temperature: {
           label: "Temperature / White Balance",
@@ -4485,12 +4485,12 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
           min: 1e3,
           max: 12e3,
           step: 1,
-          value: x.temperature
+          value: F.temperature
         },
         whitePoint: {
           label: "White Point",
           type: "color",
-          value: w(x.whitePoint)
+          value: b(F.whitePoint)
         },
         lut: {
           label: "Lut",
@@ -4499,20 +4499,20 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
             text: L,
             value: `https://cdn.visuado.com/luts/${L}.png`
           })),
-          value: x.lut
+          value: F.lut
         }
       };
     }
     return (m, _) => {
-      const x = T("v-text-field"), L = T("v-slider"), h = T("v-checkbox"), B = T("v-btn"), F = T("v-select"), O = T("v-icon");
-      return p(), D("div", ml, [
+      const F = V("v-text-field"), L = V("v-slider"), g = V("v-checkbox"), O = V("v-btn"), D = V("v-select"), R = V("v-icon");
+      return p(), x("div", ml, [
         s("form", pl, [
           s("div", fl, [
-            (p(!0), D(ce, null, me(n.value, (y, I, W) => (p(), D("div", {
+            (p(!0), x(ce, null, me(n.value, (y, I, W) => (p(), x("div", {
               key: W,
               "d-block": ""
             }, [
-              y.type === "slider" ? (p(), R(L, {
+              y.type === "slider" ? (p(), B(L, {
                 key: 0,
                 modelValue: n.value[I].value,
                 "onUpdate:modelValue": (A) => n.value[I].value = A,
@@ -4521,12 +4521,12 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
                 min: y.min,
                 step: y.step
               }, {
-                prepend: k(() => [
+                prepend: C(() => [
                   s("div", hl, Q(y.label), 1)
                 ]),
-                append: k(() => [
+                append: C(() => [
                   s("div", null, [
-                    b(x, {
+                    w(F, {
                       modelValue: n.value[I].value,
                       "onUpdate:modelValue": (A) => n.value[I].value = A,
                       "hide-details": "",
@@ -4543,21 +4543,21 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
                 ]),
                 _: 2
               }, 1032, ["modelValue", "onUpdate:modelValue", "max", "min", "step"])) : $("", !0),
-              y.type === "boolean" ? (p(), R(h, {
+              y.type === "boolean" ? (p(), B(g, {
                 key: 1,
                 modelValue: n.value[I].value,
                 "onUpdate:modelValue": (A) => n.value[I].value = A,
                 onChange: r
               }, {
-                prepend: k(() => [
+                prepend: C(() => [
                   s("div", gl, Q(y.label), 1)
                 ]),
-                append: k(() => [
+                append: C(() => [
                   s("div", null, Q(y.value), 1)
                 ]),
                 _: 2
               }, 1032, ["modelValue", "onUpdate:modelValue"])) : $("", !0),
-              y.type === "color" ? (p(), D("div", {
+              y.type === "color" ? (p(), x("div", {
                 key: 2,
                 class: "d-flex",
                 max: y.max,
@@ -4575,7 +4575,7 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
                   ])
                 ]),
                 s("div", null, [
-                  b(x, {
+                  w(F, {
                     modelValue: n.value[I].value,
                     "onUpdate:modelValue": (A) => n.value[I].value = A,
                     "hide-details": "",
@@ -4588,17 +4588,17 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
                   }, null, 8, ["modelValue", "onUpdate:modelValue"])
                 ])
               ], 8, yl)) : $("", !0),
-              y.type === "lut" ? (p(), D("div", kl, [
+              y.type === "lut" ? (p(), x("div", kl, [
                 s("div", Cl, [
                   s("div", Il, Q(y.label), 1),
                   s("div", null, [
-                    b(B, {
+                    w(O, {
                       class: "ml-2",
                       "x-small": "",
                       onClick: (A) => n.value[I].value = null
                     }, {
-                      default: k(() => [
-                        K(" Clear Lut ")
+                      default: C(() => [
+                        te(" Clear Lut ")
                       ]),
                       _: 2
                     }, 1032, ["onClick"])
@@ -4607,7 +4607,7 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
                 s("div", null, [
                   s("div", Al, [
                     s("div", null, [
-                      b(F, {
+                      w(D, {
                         modelValue: n.value[I].value,
                         "onUpdate:modelValue": (A) => n.value[I].value = A,
                         items: y.items,
@@ -4623,7 +4623,7 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
                     Ll,
                     s("div", Sl, [
                       s("div", null, [
-                        b(x, {
+                        w(F, {
                           modelValue: n.value[I].value,
                           "onUpdate:modelValue": (A) => n.value[I].value = A,
                           "hide-details": "",
@@ -4639,38 +4639,38 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
             ]))), 128))
           ]),
           s("div", Fl, [
-            b(B, {
+            w(O, {
               onClick: _[0] || (_[0] = (y) => c())
             }, {
-              default: k(() => [
-                K("Reset")
+              default: C(() => [
+                te("Reset")
               ]),
               _: 1
             }),
-            b(B, {
+            w(O, {
               class: "ml-2",
               onClick: _[1] || (_[1] = (y) => i())
             }, {
-              default: k(() => [
-                K(" Download Json "),
-                b(O, { color: "black darken-1" }, {
-                  default: k(() => [
-                    K("mdi-download")
+              default: C(() => [
+                te(" Download Json "),
+                w(R, { color: "black darken-1" }, {
+                  default: C(() => [
+                    te("mdi-download")
                   ]),
                   _: 1
                 })
               ]),
               _: 1
             }),
-            b(B, {
+            w(O, {
               class: "ml-2",
               onClick: _[2] || (_[2] = (y) => f())
             }, {
-              default: k(() => [
-                K(" Save Settings "),
-                b(O, { color: "black darken-1" }, {
-                  default: k(() => [
-                    K("mdi-save")
+              default: C(() => [
+                te(" Save Settings "),
+                w(R, { color: "black darken-1" }, {
+                  default: C(() => [
+                    te("mdi-save")
                   ]),
                   _: 1
                 })
@@ -4682,7 +4682,7 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
       ]);
     };
   }
-}), Dl = /* @__PURE__ */ X(xl, [["__scopeId", "data-v-bd4f66c3"]]), Ml = (v) => (it("data-v-30593022"), v = v(), rt(), v), El = /* @__PURE__ */ Ml(() => /* @__PURE__ */ s("div", { id: "filler-div" }, null, -1)), Tl = {
+}), xl = /* @__PURE__ */ X(Dl, [["__scopeId", "data-v-bd4f66c3"]]), Ml = (v) => (it("data-v-30593022"), v = v(), rt(), v), El = /* @__PURE__ */ Ml(() => /* @__PURE__ */ s("div", { id: "filler-div" }, null, -1)), Tl = {
   class: "moveable-body",
   id: "moveableDivHeader"
 }, Vl = { class: "moveable-footer" }, Bl = /* @__PURE__ */ P({
@@ -4698,44 +4698,44 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
       if (!i)
         return;
       let f = 0, c = 0, l = 0, d = 0;
-      i.addEventListener("touchstart", w, { passive: !1 }), i.addEventListener("touchend", m, { passive: !1 }), i.addEventListener("mousedown", w, { passive: !1 }), i.addEventListener("mouseup", m, { passive: !1 });
-      function w(_) {
+      i.addEventListener("touchstart", b, { passive: !1 }), i.addEventListener("touchend", m, { passive: !1 }), i.addEventListener("mousedown", b, { passive: !1 }), i.addEventListener("mouseup", m, { passive: !1 });
+      function b(_) {
         _ = _ || window.event, _.preventDefault();
-        let x = _;
-        _.type === "touchstart" && (x = _.touches[0]), l = x.clientX, d = x.clientY, document.addEventListener("mouseup", m, { passive: !1 }), document.addEventListener("touchend", m, { passive: !1 }), document.addEventListener("mousemove", g, { passive: !1 }), document.addEventListener("touchmove", g, { passive: !1 });
+        let F = _;
+        _.type === "touchstart" && (F = _.touches[0]), l = F.clientX, d = F.clientY, document.addEventListener("mouseup", m, { passive: !1 }), document.addEventListener("touchend", m, { passive: !1 }), document.addEventListener("mousemove", h, { passive: !1 }), document.addEventListener("touchmove", h, { passive: !1 });
       }
-      function g(_) {
+      function h(_) {
         _ = _ || window.event, _.preventDefault();
-        let x = _;
-        _.type === "touchmove" && (x = _.touches[0]), f = l - x.clientX, c = d - x.clientY, l = x.clientX, d = x.clientY, r.style.top = r.offsetTop - c + "px", r.style.left = r.offsetLeft - f + "px";
+        let F = _;
+        _.type === "touchmove" && (F = _.touches[0]), f = l - F.clientX, c = d - F.clientY, l = F.clientX, d = F.clientY, r.style.top = r.offsetTop - c + "px", r.style.left = r.offsetLeft - f + "px";
       }
       function m() {
-        document.removeEventListener("mouseup", m, !1), document.removeEventListener("mousemove", g, !1), document.removeEventListener("touchend", m, !1), document.removeEventListener("touchmove", g, !1);
+        document.removeEventListener("mouseup", m, !1), document.removeEventListener("mousemove", h, !1), document.removeEventListener("touchend", m, !1), document.removeEventListener("touchmove", h, !1);
       }
     }
     function o() {
       a.value === "big" ? a.value = "small" : a.value = "big";
     }
     return (r, i) => {
-      const f = T("v-btn");
-      return p(), D("div", {
+      const f = V("v-btn");
+      return p(), x("div", {
         id: "moveableDiv",
         class: he(["big d-flex justify-space-between flex-column align-center sizer", a.value])
       }, [
-        b(f, {
+        w(f, {
           class: "close-icon",
           icon: "mdi-window-close",
           size: "x-small",
           onClick: i[0] || (i[0] = (c) => e("close"))
         }),
-        b(f, {
+        w(f, {
           class: "resize-icon",
           icon: "mdi-image-size-select-small",
           size: "x-small",
           onClick: o,
           title: "Resize"
         }),
-        b(f, {
+        w(f, {
           class: "rotate-icon",
           size: "x-small",
           icon: "mdi mdi-rotate-right",
@@ -4744,10 +4744,10 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
         }),
         El,
         s("div", Tl, [
-          te(r.$slots, "body", { class: "slot" }, void 0, !0)
+          ee(r.$slots, "body", { class: "slot" }, void 0, !0)
         ]),
         s("div", Vl, [
-          te(r.$slots, "footer", {}, void 0, !0)
+          ee(r.$slots, "footer", {}, void 0, !0)
         ])
       ], 2);
     };
@@ -4764,7 +4764,7 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
     rotation: {}
   },
   setup(v) {
-    return (t, e) => (p(), D("svg", Ol, [
+    return (t, e) => (p(), x("svg", Ol, [
       $l,
       s("g", {
         "transform-origin": "20 20",
@@ -4783,48 +4783,48 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
     transformAngle: {}
   },
   setup(v) {
-    const t = v, e = u(512), a = u(384), n = u(new Ve.Vector3()), o = u(new Ve.Object3D()), r = u({}), i = u(1), f = u(), c = E(() => t.allCameras), l = E(() => t.allCameras.find((I) => I.id === t.currentCamera)), d = E(() => t.rotation), w = E(() => new Ve.Vector3(
+    const t = v, e = u(512), a = u(384), n = u(new Ve.Vector3()), o = u(new Ve.Object3D()), r = u({}), i = u(1), f = u(), c = E(() => t.allCameras), l = E(() => t.allCameras.find((I) => I.id === t.currentCamera)), d = E(() => t.rotation), b = E(() => new Ve.Vector3(
       t.storey.position.x,
       t.storey.position.y,
       t.storey.position.z
-    )), g = E(() => parseFloat(l.value.floor_vertical_position)), m = E(() => c.value.map((I) => {
+    )), h = E(() => parseFloat(l.value.floor_vertical_position)), m = E(() => c.value.map((I) => {
       const W = I.uposition.split(","), A = new Ve.Vector3(
-        Number(W[0]) - w.value.x,
+        Number(W[0]) - b.value.x,
         0,
-        Number(W[2]) - w.value.z
+        Number(W[2]) - b.value.z
       );
       return {
         ...I,
-        ...F(n.value, A)
+        ...D(n.value, A)
       };
-    })), _ = E(() => `background-image: url(${t.backgroundImage});`), x = E(() => {
+    })), _ = E(() => `background-image: url(${t.backgroundImage});`), F = E(() => {
       let I = i.value > 1 ? 1 : i.value;
       return I < 0.8 && (I = 0.4), `scale: ${I > 1 ? 1 : I}; transform: rotate(${t.transformAngle}deg);`;
     });
     de(() => {
-      O(), h(), y();
+      R(), g(), y();
       const I = document.getElementById("moveableDiv");
       I && (f.value = new ResizeObserver(y).observe(I));
     }), Vt(() => {
-      O(), h();
+      R(), g();
     }), je(() => {
       f.value && f.value.unobserve(document.getElementById("moveableDiv"));
     });
     function L(I) {
       return Ve.MathUtils.degToRad(I);
     }
-    function h() {
+    function g() {
       o.value.rotation.x = 180, o.value.rotation.y = t.storey.rotation.y * -1, r.value = {
         transform: `rotateZ(${o.value.rotation.y}deg) rotateX(${o.value.rotation.x}deg)`
       };
     }
-    function B(I) {
+    function O(I) {
       return {
         top: `${Math.abs(I.top)}%`,
         left: `${Math.abs(I.left)}%`
       };
     }
-    function F(I, W) {
+    function D(I, W) {
       var A = new Ve.Vector3();
       const Z = A.subVectors(I, W);
       return {
@@ -4833,8 +4833,8 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
         top: Z.z / a.value * 100
       };
     }
-    function O() {
-      const I = t.storey.position.y - g.value;
+    function R() {
+      const I = t.storey.position.y - h.value;
       a.value = 2 * (I * Math.tan(L(t.storey.fovY / 2))), e.value = 512 / 384 * a.value;
       const W = a.value / 2, A = e.value / 2, Z = new Ve.Vector3(A * -1, 0, W * -1);
       n.value = Z;
@@ -4846,11 +4846,11 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
       const W = I.offsetHeight / 384 * 0.8, A = I.offsetWidth / 512 * 0.8;
       I.offsetHeight > I.offsetWidth ? i.value = A * 0.5 : i.value = W * 0.9;
     }
-    return (I, W) => (p(), D("div", jl, [
+    return (I, W) => (p(), x("div", jl, [
       s("div", Wl, [
         s("div", {
           class: "web-minimap",
-          style: le(x.value)
+          style: le(F.value)
         }, [
           s("div", {
             class: "minimap-background-image",
@@ -4860,19 +4860,19 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
             class: "center-pivot",
             style: le(r.value)
           }, [
-            (p(!0), D(ce, null, me(m.value, (A) => (p(), D("div", {
+            (p(!0), x(ce, null, me(m.value, (A) => (p(), x("div", {
               key: A.id
             }, [
-              l.value.floorLevel === A.floorLevel ? (p(), D("div", {
+              l.value.floorLevel === A.floorLevel ? (p(), x("div", {
                 key: 0,
                 class: "single-camera-marker",
-                style: le(B(A))
+                style: le(O(A))
               }, null, 4)) : $("", !0),
-              l.value.id === A.id && t.rotation !== null ? (p(), R(Pl, {
+              l.value.id === A.id && t.rotation !== null ? (p(), B(Pl, {
                 key: 1,
                 class: "rotation-marker-component",
                 rotation: d.value,
-                style: le({ ...B(A) })
+                style: le({ ...O(A) })
               }, null, 8, ["rotation", "style"])) : $("", !0)
             ]))), 128))
           ], 4)
@@ -4889,11 +4889,11 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
   },
   setup(v) {
     const t = v, e = E(() => t.rotation + t.transformAngle - 90);
-    return (a, n) => (p(), D("div", {
+    return (a, n) => (p(), x("div", {
       class: "minimap-compass",
       style: le({ scale: a.scale })
     }, [
-      b(Je, {
+      w(Je, {
         class: "north-indicator",
         longitude: e.value
       }, null, 8, ["longitude"])
@@ -4923,74 +4923,74 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
       i.value = await m(
         c.value.sunsimFiles[n.value]
       ), r.value = !1;
-      const L = await g(e.minimapJson.storeys);
-      f.value = L, o.value = !1, a("setBackgroundImage", w(e.level, n.value));
+      const L = await h(e.minimapJson.storeys);
+      f.value = L, o.value = !1, a("setBackgroundImage", b(e.level, n.value));
     }), H(n, () => {
-      const L = w(e.level, n.value);
+      const L = b(e.level, n.value);
       a("setBackgroundImage", L);
     }), H(
       () => e.level,
       () => {
-        a("setBackgroundImage", w(e.level, n.value));
+        a("setBackgroundImage", b(e.level, n.value));
       },
       { immediate: !0 }
     );
-    function w(L, h) {
-      return f.value.get(`sunsim${L}_${h}`) ? f.value.get(`sunsim${L}_${h}`) : "";
-    }
-    async function g(L) {
-      let h = /* @__PURE__ */ new Map();
-      for (let B = 0; B < L.length; B++) {
-        const F = L[B].sunsimFiles;
-        for (let O = 0; O < F.length; O++) {
-          const y = F[O];
+    function b(L, g) {
+      return f.value.get(`sunsim${L}_${g}`) ? f.value.get(`sunsim${L}_${g}`) : "";
+    }
+    async function h(L) {
+      let g = /* @__PURE__ */ new Map();
+      for (let O = 0; O < L.length; O++) {
+        const D = L[O].sunsimFiles;
+        for (let R = 0; R < D.length; R++) {
+          const y = D[R];
           try {
             const I = y, W = y.split("."), A = await m(I);
-            h.set(W[0], A);
+            g.set(W[0], A);
           } catch {
             continue;
           }
         }
       }
-      return h;
+      return g;
     }
     async function m(L) {
-      const B = await (await fetch(
+      const O = await (await fetch(
         se(
           e.cdnFileResolver,
           `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/${L}`
         )
-      )).blob(), F = await x(B);
-      return _(F);
+      )).blob(), D = await F(O);
+      return _(D);
     }
     function _(L) {
       return "data:image/jpeg;base64," + L;
     }
-    async function x(L) {
-      return new Promise((h, B) => {
-        const F = new FileReader();
-        F.onload = () => {
-          const O = F.result.split(",")[1];
-          h(O);
-        }, F.onerror = B, F.readAsDataURL(L);
+    async function F(L) {
+      return new Promise((g, O) => {
+        const D = new FileReader();
+        D.onload = () => {
+          const R = D.result.split(",")[1];
+          g(R);
+        }, D.onerror = O, D.readAsDataURL(L);
       });
     }
-    return (L, h) => {
-      const B = T("v-progress-linear"), F = T("v-icon"), O = T("v-slider");
-      return p(), D("div", ql, [
+    return (L, g) => {
+      const O = V("v-progress-linear"), D = V("v-icon"), R = V("v-slider");
+      return p(), x("div", ql, [
         s("div", Zl, [
           s("div", Jl, [
-            o.value ? (p(), R(B, {
+            o.value ? (p(), B(O, {
               key: 0,
               indeterminate: "",
               rounded: "",
               height: "6",
               color: "grey lighten-1",
               class: "mr-2"
-            })) : (p(), R(O, {
+            })) : (p(), B(R, {
               key: 1,
               modelValue: n.value,
-              "onUpdate:modelValue": h[0] || (h[0] = (y) => n.value = y),
+              "onUpdate:modelValue": g[0] || (g[0] = (y) => n.value = y),
               min: 0,
               max: 23,
               step: 1,
@@ -4999,10 +4999,10 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
               "thumb-color": "#373737",
               "hide-details": !0
             }, {
-              prepend: k(() => [
-                b(F, { color: "#ffab02" }, {
-                  default: k(() => [
-                    K("mdi-white-balance-sunny")
+              prepend: C(() => [
+                w(D, { color: "#ffab02" }, {
+                  default: C(() => [
+                    te("mdi-white-balance-sunny")
                   ]),
                   _: 1
                 })
@@ -5010,7 +5010,7 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
               _: 1
             }, 8, ["modelValue"]))
           ]),
-          o.value ? $("", !0) : (p(), D("div", Xl, Q(d.value) + " " + Q(l.value), 1))
+          o.value ? $("", !0) : (p(), x("div", Xl, Q(d.value) + " " + Q(l.value), 1))
         ])
       ]);
     };
@@ -5045,18 +5045,18 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
     function c() {
       o.value = o.value + 90;
     }
-    return (l, d) => (p(), R(Rl, {
-      onClose: d[0] || (d[0] = (w) => a("close")),
+    return (l, d) => (p(), B(Rl, {
+      onClose: d[0] || (d[0] = (b) => a("close")),
       onTransform: c
     }, {
-      body: k(() => [
-        b(Ql, {
+      body: C(() => [
+        w(Ql, {
           scale: i.value,
           rotation: r.value.rotation.y,
           "transform-angle": o.value
         }, null, 8, ["scale", "rotation", "transform-angle"]),
         s("div", null, [
-          b(Nl, {
+          w(Nl, {
             "transform-angle": o.value,
             "all-cameras": l.apartmentJson.cameras,
             "background-image": n.value,
@@ -5066,8 +5066,8 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
           }, null, 8, ["transform-angle", "all-cameras", "background-image", "rotation", "current-camera", "storey"])
         ])
       ]),
-      footer: k(() => [
-        b(es, {
+      footer: C(() => [
+        w(es, {
           "cdn-file-resolver": e.cdnFileResolver,
           "minimap-json": e.minimapJson,
           "apartment-json": e.apartmentJson,
@@ -5085,10 +5085,10 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
   __name: "VDisclaimer",
   setup(v) {
     const t = Be(be), e = u(!0);
-    return (a, n) => (p(), R(Se, { name: "fade-transition" }, {
-      default: k(() => [
-        e.value ? (p(), D("div", ns, [
-          K(Q(ae(t).getLabel("allIllustrationsAreIndicativeDeviationsMayOccur")) + " ", 1),
+    return (a, n) => (p(), B(Se, { name: "fade-transition" }, {
+      default: C(() => [
+        e.value ? (p(), x("div", ns, [
+          te(Q(ae(t).getLabel("allIllustrationsAreIndicativeDeviationsMayOccur")) + " ", 1),
           s("span", {
             onClick: n[0] || (n[0] = (o) => e.value = !1),
             class: "link-text text-decoration-underline"
@@ -5137,11 +5137,11 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
       l(), a("goto", c);
     }
     return (c, l) => {
-      const d = T("v-icon"), w = T("v-btn"), g = T("v-hover"), m = T("v-img"), _ = T("v-card"), x = T("v-slide-group-item"), L = T("v-slide-group");
-      return p(), D("div", ls, [
-        b(L, {
+      const d = V("v-btn"), b = V("v-img"), h = V("v-card"), m = V("v-slide-group-item"), _ = V("v-slide-group");
+      return p(), x("div", ls, [
+        w(_, {
           modelValue: o.value,
-          "onUpdate:modelValue": l[2] || (l[2] = (h) => o.value = h),
+          "onUpdate:modelValue": l[2] || (l[2] = (F) => o.value = F),
           class: he({ mobileWaypoint: r.value }),
           "active-class": "active-apt",
           "selected-class": "active-apt",
@@ -5149,85 +5149,49 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
           "center-active": "",
           mandatory: ""
         }, {
-          prev: k(() => [
-            b(g, null, {
-              default: k(({ isHovering: h }) => [
-                b(w, {
-                  elevation: "0",
-                  class: he(["carousel-button", { mobile: r.value }]),
-                  onClick: l[0] || (l[0] = (B) => a("previous"))
-                }, {
-                  default: k(() => [
-                    b(d, {
-                      color: h ? "#999" : "#d2d2d2",
-                      "x-large": ""
-                    }, {
-                      default: k(() => [
-                        K(" mdi-chevron-left ")
-                      ]),
-                      _: 2
-                    }, 1032, ["color"])
-                  ]),
-                  _: 2
-                }, 1032, ["class"])
-              ]),
-              _: 1
-            })
+          prev: C(() => [
+            w(d, {
+              class: he(["carousel-button", { mobile: r.value }]),
+              icon: "mdi-chevron-left",
+              varient: "tonal",
+              size: "small",
+              onClick: l[0] || (l[0] = (F) => a("previous"))
+            }, null, 8, ["class"])
           ]),
-          next: k(() => [
-            b(g, null, {
-              default: k(({ isHovering: h }) => [
-                b(w, {
-                  elevation: "0",
-                  class: he(["carousel-button", { mobile: r.value }]),
-                  onClick: l[1] || (l[1] = (B) => a("next"))
-                }, {
-                  default: k(() => [
-                    b(d, {
-                      color: h ? "#999" : "#d2d2d2",
-                      "x-large": ""
-                    }, {
-                      default: k(() => [
-                        K(" mdi-chevron-right ")
-                      ]),
-                      _: 2
-                    }, 1032, ["color"])
-                  ]),
-                  _: 2
-                }, 1032, ["class"])
-              ]),
-              _: 1
-            })
+          next: C(() => [
+            w(d, {
+              class: he(["carousel-button", { mobile: r.value }]),
+              icon: "mdi-chevron-right",
+              varient: "tonal",
+              size: "small",
+              onClick: l[1] || (l[1] = (F) => a("next"))
+            }, null, 8, ["class"])
           ]),
-          default: k(() => [
-            (p(!0), D(ce, null, me(c.thumbnails, (h) => (p(), R(x, {
-              key: h.id
+          default: C(() => [
+            (p(!0), x(ce, null, me(c.thumbnails, (F) => (p(), B(m, {
+              key: F.id
             }, {
-              default: k(({ toggle: B, selectedClass: F }) => [
-                b(_, {
+              default: C(({ toggle: L, selectedClass: g }) => [
+                w(h, {
                   class: he([
-                    r.value ? "ma-0" : "ma-2",
-                    F,
+                    r.value ? "ma-0" : "ma-1",
+                    g,
                     "single-waypoint"
                   ]),
                   align: "center",
                   justify: "center",
-                  height: r.value ? 50 : 100,
-                  width: r.value ? 80 : 160,
-                  elevation: "0",
                   style: { overflow: "hidden" },
-                  onClick: (O) => f(h.id, B)
+                  onClick: (O) => f(F.id, L)
                 }, {
-                  default: k(() => [
-                    b(m, {
-                      maxWidth: 160,
+                  default: C(() => [
+                    w(b, {
                       cover: "",
-                      "aspect-ratio": "1",
-                      src: h.thumbnailUrl
+                      "aspect-ratio": 1,
+                      src: F.thumbnailUrl
                     }, null, 8, ["src"])
                   ]),
                   _: 2
-                }, 1032, ["class", "height", "width", "onClick"])
+                }, 1032, ["class", "onClick"])
               ]),
               _: 2
             }, 1024))), 128))
@@ -5237,7 +5201,7 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
       ]);
     };
   }
-}), et = /* @__PURE__ */ X(rs, [["__scopeId", "data-v-aa105c01"]]), us = {
+}), et = /* @__PURE__ */ X(rs, [["__scopeId", "data-v-122a810e"]]), us = {
   id: "share-btns-wrapper",
   class: "text-center"
 }, cs = /* @__PURE__ */ P({
@@ -5269,129 +5233,129 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
       navigator.clipboard.writeText(location.href);
     }
     return (f, c) => {
-      const l = T("v-btn"), d = T("v-tooltip"), w = T("v-toolbar-title"), g = T("v-spacer"), m = T("v-toolbar"), _ = T("v-card-text"), x = T("v-card"), L = T("v-dialog");
-      return p(), D("div", null, [
-        b(d, {
+      const l = V("v-btn"), d = V("v-tooltip"), b = V("v-toolbar-title"), h = V("v-spacer"), m = V("v-toolbar"), _ = V("v-card-text"), F = V("v-card"), L = V("v-dialog");
+      return p(), x("div", null, [
+        w(d, {
           elevation: "2",
           top: "",
           attach: ""
         }, {
-          activator: k(({ props: h }) => [
-            b(l, _e({
+          activator: C(({ props: g }) => [
+            w(l, _e({
               density: "comfortable",
               elevation: "1",
               icon: "mdi-share-variant",
-              onClick: c[0] || (c[0] = (B) => e.value = !e.value)
-            }, h), null, 16)
+              onClick: c[0] || (c[0] = (O) => e.value = !e.value)
+            }, g), null, 16)
           ]),
-          default: k(() => [
+          default: C(() => [
             s("span", null, Q(ae(t).getLabel("share")), 1)
           ]),
           _: 1
         }),
-        b(L, {
+        w(L, {
           id: "share-box",
           width: "400",
           modelValue: e.value,
-          "onUpdate:modelValue": c[2] || (c[2] = (h) => e.value = h)
+          "onUpdate:modelValue": c[2] || (c[2] = (g) => e.value = g)
         }, {
-          default: k(() => [
-            b(x, null, {
-              default: k(() => [
-                b(m, { elevation: "0" }, {
-                  default: k(() => [
-                    b(l, {
+          default: C(() => [
+            w(F, null, {
+              default: C(() => [
+                w(m, { elevation: "0" }, {
+                  default: C(() => [
+                    w(l, {
                       size: "x-small",
                       icon: "mdi-close",
-                      onClick: c[1] || (c[1] = (h) => e.value = !1)
+                      onClick: c[1] || (c[1] = (g) => e.value = !1)
                     }),
-                    b(w, null, {
-                      default: k(() => [
-                        K(Q(ae(t).getLabel("share")), 1)
+                    w(b, null, {
+                      default: C(() => [
+                        te(Q(ae(t).getLabel("share")), 1)
                       ]),
                       _: 1
                     }),
-                    b(g)
+                    w(h)
                   ]),
                   _: 1
                 }),
-                b(_, { class: "mt-5" }, {
-                  default: k(() => [
+                w(_, { class: "mt-5" }, {
+                  default: C(() => [
                     s("p", us, [
-                      b(d, { location: "top" }, {
-                        activator: k(({ props: h }) => [
-                          b(l, _e({
+                      w(d, { location: "top" }, {
+                        activator: C(({ props: g }) => [
+                          w(l, _e({
                             depressed: "",
                             fab: "",
                             light: "",
                             icon: "mdi-facebook"
-                          }, h, { onClick: n }), null, 16)
+                          }, g, { onClick: n }), null, 16)
                         ]),
-                        default: k(() => [
+                        default: C(() => [
                           s("span", null, Q(ae(t).getLabel("shareToFacebook")), 1)
                         ]),
                         _: 1
                       }),
-                      b(d, { location: "top" }, {
-                        activator: k(({ props: h }) => [
-                          b(l, _e({
+                      w(d, { location: "top" }, {
+                        activator: C(({ props: g }) => [
+                          w(l, _e({
                             depressed: "",
                             fab: "",
                             light: "",
                             icon: "mdi-linkedin"
-                          }, h, { onClick: r }), null, 16)
+                          }, g, { onClick: r }), null, 16)
                         ]),
-                        default: k(() => [
+                        default: C(() => [
                           s("span", null, Q(ae(t).getLabel("shareToLinkedin")), 1)
                         ]),
                         _: 1
                       }),
-                      b(d, { location: "top" }, {
-                        activator: k(({ props: h }) => [
-                          b(l, _e({
+                      w(d, { location: "top" }, {
+                        activator: C(({ props: g }) => [
+                          w(l, _e({
                             depressed: "",
                             fab: "",
                             light: "",
                             icon: "mdi-twitter"
-                          }, h, { onClick: o }), null, 16)
+                          }, g, { onClick: o }), null, 16)
                         ]),
-                        default: k(() => [
+                        default: C(() => [
                           s("span", null, Q(ae(t).getLabel("shareToTwitter")), 1)
                         ]),
                         _: 1
                       }),
-                      b(d, { location: "top" }, {
-                        activator: k(({ props: h }) => [
-                          b(l, _e({
+                      w(d, { location: "top" }, {
+                        activator: C(({ props: g }) => [
+                          w(l, _e({
                             depressed: "",
                             fab: "",
                             light: "",
                             icon: "mdi-email",
                             link: "",
                             href: `mailto:?body=${a.value}`
-                          }, h), null, 16, ["href"])
+                          }, g), null, 16, ["href"])
                         ]),
-                        default: k(() => [
+                        default: C(() => [
                           s("span", null, Q(ae(t).getLabel("shareViaEmail")), 1)
                         ]),
                         _: 1
                       }),
-                      b(d, { location: "top" }, {
-                        activator: k(({ props: h }) => [
-                          b(l, _e({
+                      w(d, { location: "top" }, {
+                        activator: C(({ props: g }) => [
+                          w(l, _e({
                             depressed: "",
                             fab: "",
                             light: "",
                             icon: "mdi-content-copy",
                             onClick: i
-                          }, h), null, 16)
+                          }, g), null, 16)
                         ]),
-                        default: k(() => [
+                        default: C(() => [
                           s("span", null, Q(ae(t).getLabel("copyLink")), 1)
                         ]),
                         _: 1
                       }),
-                      b(g)
+                      w(h)
                     ])
                   ]),
                   _: 1
@@ -5413,7 +5377,7 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
   },
   setup(v) {
     const t = v, e = E(() => ({ "background-image": `url("${encodeURI(t.image)}")` }));
-    return (a, n) => (p(), D("div", ds, [
+    return (a, n) => (p(), x("div", ds, [
       s("div", {
         class: he(["img-div", [a.aspectRatio]]),
         style: le(e.value)
@@ -5432,9 +5396,9 @@ const ao = { id: "player-wrapper" }, oo = { id: "player-sizer" }, lo = {
   setup(v, { emit: t }) {
     const e = t;
     return (a, n) => {
-      const o = T("v-btn");
-      return p(), D("div", ps, [
-        b(o, {
+      const o = V("v-btn");
+      return p(), x("div", ps, [
+        w(o, {
           density: "comfortable",
           elevation: "3",
           icon: a.isFullScreen ? "mdi-fullscreen-exit" : "mdi-fullscreen",
@@ -5539,50 +5503,50 @@ const fs = {
   },
   emits: ["onSnapshot", "saveSettings", "onInteriorUpdate", "onCameraUpdate", "onError"],
   setup(v, { emit: t }) {
-    const e = v, a = t, n = u(!1), o = u(!1), r = u(), i = u(), f = u(), c = u(), l = u(), d = u(0), w = u(), g = u(), m = u(), _ = u(0), x = u(0), L = u(0), h = u(!1), B = u(!1), F = u(!1), O = u(
+    const e = v, a = t, n = u(!1), o = u(!1), r = u(), i = u(), f = u(), c = u(), l = u(), d = u(0), b = u(), h = u(), m = u(), _ = u(0), F = u(0), L = u(0), g = u(!1), O = u(!1), D = u(!1), R = u(
       new At(document, "player-wrapper")
     ), y = E(() => {
       if (i.value) {
-        const C = i.value.cameras.map(
-          (ee) => ee.floorLevel
+        const k = i.value.cameras.map(
+          (K) => K.floorLevel
         );
-        let N = [...new Set(C)];
+        let N = [...new Set(k)];
         return N = N.sort(), N;
       } else
         return [];
     }), I = E(() => {
-      let C = 0;
+      let k = 0;
       if (i.value) {
         const N = i.value.cameras.map(
           (He) => He.floorLevel
         );
-        let ee = [...new Set(N)];
-        ee = ee.sort();
-        const pe = ee.findIndex(
-          (He) => He === x.value
+        let K = [...new Set(N)];
+        K = K.sort();
+        const pe = K.findIndex(
+          (He) => He === F.value
         );
-        pe !== -1 && (C = pe);
+        pe !== -1 && (k = pe);
       }
-      return C;
+      return k;
     }), W = E(() => S.value.findIndex(
-      (C) => C.archetypeID === w.value
-    )), A = E(() => f.value ? f.value.cameras.map((C) => ({
-      ...C,
+      (k) => k.archetypeID === b.value
+    )), A = E(() => f.value ? f.value.cameras.map((k) => ({
+      ...k,
       thumbnailUrl: ge(
-        `/${w.value}/${e.apartmentId}/thumbs/200/${C.id}.jpg`
+        `/${b.value}/${e.apartmentId}/thumbs/200/${k.id}.jpg`
       ),
       imageUrl: ge(
-        `/${w.value}/${e.apartmentId}/images/1600/${C.id}.jpg`
+        `/${b.value}/${e.apartmentId}/images/1600/${k.id}.jpg`
       )
     })) : []), Z = E(() => !A.value || !A.value[d.value] ? "" : A.value[d.value].imageUrl), S = E(() => {
-      let C = [];
-      return r.value && (C = r.value.archetypes), e.validInteriorIds.length ? C.filter(
+      let k = [];
+      return r.value && (k = r.value.archetypes), e.validInteriorIds.length ? k.filter(
         (N) => e.validInteriorIds.includes(N.archetypeID)
-      ) : C;
-    }), M = E(() => f.value ? S.value.map((C) => ({
-      ...C,
+      ) : k;
+    }), M = E(() => f.value ? S.value.map((k) => ({
+      ...k,
       url: ge(
-        `/${C.archetypeID}/${e.apartmentId}/thumbs/200/${A.value[d.value].id}.jpg`
+        `/${k.archetypeID}/${e.apartmentId}/thumbs/200/${A.value[d.value].id}.jpg`
       )
     })) : []), z = E(() => {
       if (c.value)
@@ -5595,225 +5559,225 @@ const fs = {
       be,
       e.i18nConfig ? new Fe(e.i18nConfig) : new Fe()
     ), H([() => e.cdnFileResolver], async () => {
-      await V(), q(), await Y();
+      await T(), q(), await Y();
     }), H(
       () => e.defaultViewMode,
-      (C) => {
-        C === "virtualTour" && (h.value = !1), C === "slideShow" && (h.value = !0, F.value = !0);
+      (k) => {
+        k === "virtualTour" && (g.value = !1), k === "slideShow" && (g.value = !0, D.value = !0);
       },
       { immediate: !0 }
     ), de(async () => {
       try {
-        await V(), q(), await Y(), O.value.setup(), re();
-      } catch (C) {
-        o.value = !0, a("onError", C);
+        await T(), q(), await Y(), R.value.setup(), re();
+      } catch (k) {
+        o.value = !0, a("onError", k);
       }
     });
-    async function V() {
+    async function T() {
       r.value = await ie();
     }
     async function Y() {
       if (i.value = await ue(
-        w.value,
+        b.value,
         e.apartmentId
-      ), i.value && (g.value = i.value.cameras.find(() => !0).id), f.value = await Ae(
-        w.value,
+      ), i.value && (h.value = i.value.cameras.find(() => !0).id), f.value = await Ae(
+        b.value,
         e.apartmentId
       ), f.value) {
-        let C = e.defaultWaypointIndex !== null ? e.defaultWaypointIndex : 0;
-        d.value = C, g.value = f.value.cameras[C].id, m.value = f.value.cameras[C].id;
+        let k = e.defaultWaypointIndex !== null ? e.defaultWaypointIndex : 0;
+        d.value = k, h.value = f.value.cameras[k].id, m.value = f.value.cameras[k].id;
       }
-      e.showMiniMap && (c.value = await xe(
-        w.value,
+      e.showMiniMap && (c.value = await De(
+        b.value,
         e.apartmentId
       ));
     }
     function q() {
-      let C = e.defaultInteriorId;
-      C || (C = r.value.defaultArchetypeID), e.validInteriorIds.length && !e.validInteriorIds.includes(C) && (C = e.validInteriorIds[0]), C || (C = r.value.archetypes[0].archetypeID), w.value = C;
+      let k = e.defaultInteriorId;
+      k || (k = r.value.defaultArchetypeID), e.validInteriorIds.length && !e.validInteriorIds.includes(k) && (k = e.validInteriorIds[0]), k || (k = r.value.archetypes[0].archetypeID), b.value = k;
     }
     function re() {
-      const C = document.getElementById("main-canvas");
-      C.addEventListener("touchmove", N, { passive: !1 });
+      const k = document.getElementById("main-canvas");
+      k.addEventListener("touchmove", N, { passive: !1 });
       function N(pe) {
         pe.preventDefault(), window.scrollBy(0, 0);
       }
-      C.addEventListener(
+      k.addEventListener(
         "mouseenter",
         () => {
-          document.addEventListener("wheel", ee, {
+          document.addEventListener("wheel", K, {
             passive: !1
           });
         },
         { passive: !1 }
-      ), C.addEventListener(
+      ), k.addEventListener(
         "mouseleave",
         () => {
-          document.removeEventListener("wheel", ee);
+          document.removeEventListener("wheel", K);
         },
         { passive: !1 }
       );
-      function ee(pe) {
+      function K(pe) {
         pe.preventDefault(), window.scrollBy(0, 0);
       }
     }
     async function ie() {
       try {
         return await Ue("/config.json");
-      } catch (C) {
+      } catch (k) {
         console.error(
           "Error loading config.json - ",
           se(e.cdnFileResolver, "/config.json"),
-          C
+          k
         );
         return;
       }
     }
-    async function ue(C, N) {
+    async function ue(k, N) {
       try {
         return await Ue(
-          `/${C}/${N}/apartment.json`
+          `/${k}/${N}/apartment.json`
         );
-      } catch (ee) {
+      } catch (K) {
         console.error(
           "Error loading apartment.json - ",
-          `/${C}/${N}/apartment.json`,
-          ee
+          `/${k}/${N}/apartment.json`,
+          K
         );
         return;
       }
     }
-    async function Ae(C, N) {
+    async function Ae(k, N) {
       try {
         return await Ue(
-          `/${C}/${N}/thumbs.json`
+          `/${k}/${N}/thumbs.json`
         );
       } catch {
         console.error(
           "Error loading thumbs.json - ",
-          `/${C}/${N}/thumbs.json`
+          `/${k}/${N}/thumbs.json`
         );
         return;
       }
     }
-    async function xe(C, N) {
+    async function De(k, N) {
       try {
         return await Ue(
-          `/${C}/${N}/minimap/minimap.json`
+          `/${k}/${N}/minimap/minimap.json`
         );
       } catch {
         console.error(
           "Error loading minimap.json - ",
-          `/${C}/${N}/minimap/minimap.json`
+          `/${k}/${N}/minimap/minimap.json`
         );
         return;
       }
     }
     function we() {
-      let C = d.value + 1;
-      C >= A.value.length && (C = 0), d.value = C, Ee(A.value[d.value].id);
+      let k = d.value + 1;
+      k >= A.value.length && (k = 0), d.value = k, Ee(A.value[d.value].id);
     }
     function ke() {
-      let C = d.value - 1;
-      C < 0 && (C = A.value.length - 1), d.value = C, Ee(A.value[d.value].id);
+      let k = d.value - 1;
+      k < 0 && (k = A.value.length - 1), d.value = k, Ee(A.value[d.value].id);
     }
-    function Ce(C, N = !0) {
-      let ee = A.value.findIndex((pe) => pe.id === C);
-      ee != -1 && (d.value = ee, N && Ee(C));
+    function Ce(k, N = !0) {
+      let K = A.value.findIndex((pe) => pe.id === k);
+      K != -1 && (d.value = K, N && Ee(k));
     }
-    function Ee(C) {
-      g.value = C;
+    function Ee(k) {
+      h.value = k;
     }
-    function Me(C) {
-      w.value = C, a("onInteriorUpdate", C), a("onCameraUpdate", m.value, i.value);
+    function Me(k) {
+      b.value = k, a("onInteriorUpdate", k), a("onCameraUpdate", m.value, i.value);
     }
-    function Xe(C) {
-      Ce(C, !1), m.value = C, a("onCameraUpdate", C, i.value);
+    function Xe(k) {
+      Ce(k, !1), m.value = k, a("onCameraUpdate", k, i.value);
     }
-    function $e(C) {
-      _.value = C;
+    function $e(k) {
+      _.value = k;
     }
-    function Ke(C) {
-      x.value = C;
+    function Ke(k) {
+      F.value = k;
     }
-    function G(C) {
-      L.value = C;
+    function G(k) {
+      L.value = k;
     }
-    function J(C, N) {
+    function J(k, N) {
     }
-    function oe(C) {
-      l.value = C, l.value && (e.playerSettings && l.value.updateSettings(e.playerSettings), e.hasMarkersJson ? l.value.loadMarkersJson() : e.dynamicMarkers && l.value.loadDynamicMarkers(e.dynamicMarkers));
+    function oe(k) {
+      l.value = k, l.value && (e.playerSettings && l.value.updateSettings(e.playerSettings), e.hasMarkersJson ? l.value.loadMarkersJson() : e.dynamicMarkers && l.value.loadDynamicMarkers(e.dynamicMarkers));
     }
     function ze() {
-      O.value.toggle(), window.scrollTo({ top: 150, behavior: "smooth" });
+      R.value.toggle(), window.scrollTo({ top: 150, behavior: "smooth" });
     }
     function Te() {
-      h.value = !h.value;
+      g.value = !g.value;
     }
-    async function De() {
-      const C = 180 / Math.PI, N = await l.value.takePhoto(), ee = l.value.getRotationEuler(), pe = l.value.getCurrentCamera(), He = new zn(N, pe), xt = [
-        ee.x * C,
-        ee.y * C,
-        ee.z * C
+    async function xe() {
+      const k = 180 / Math.PI, N = await l.value.takePhoto(), K = l.value.getRotationEuler(), pe = l.value.getCurrentCamera(), He = new zn(N, pe), Dt = [
+        K.x * k,
+        K.y * k,
+        K.z * k
       ];
-      return a("onSnapshot", He, xt), He;
+      return a("onSnapshot", He, Dt), He;
     }
-    function ge(C) {
-      let N = se(e.cdnFileResolver, C);
+    function ge(k) {
+      let N = se(e.cdnFileResolver, k);
       return e.adminMode && (N = N + `?v=${Date.now()}`), N;
     }
-    async function Ue(C) {
-      const N = ge(C);
+    async function Ue(k) {
+      const N = ge(k);
       try {
         return (await ot.get(N)).data;
-      } catch (ee) {
-        throw new Error(ee);
+      } catch (K) {
+        throw new Error(K);
       }
     }
-    function dt(C) {
-      l.value.updateSettings(C);
+    function dt(k) {
+      l.value.updateSettings(k);
     }
-    function Lt(C) {
-      a("saveSettings", C);
+    function Lt(k) {
+      a("saveSettings", k);
     }
-    function St(C) {
-      if (C === void 0)
+    function St(k) {
+      if (k === void 0)
         return null;
-      const N = Math.floor(C), ee = Math.floor((N - C) * 60);
-      return { hours: N, minutes: ee };
+      const N = Math.floor(k), K = Math.floor((N - k) * 60);
+      return { hours: N, minutes: K };
     }
     const Ft = E(() => /Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(
       window.navigator.userAgent
     )), vt = E(() => Ft.value ? "platform-mobile" : "platform-desktop");
-    return (C, N) => {
-      const ee = T("v-btn");
-      return p(), D("div", {
+    return (k, N) => {
+      const K = V("v-btn");
+      return p(), x("div", {
         class: he(["virtual-tour-wrapper", [vt.value]])
       }, [
-        o.value ? (p(), D("div", fs, "Error loading the player!!")) : $("", !0),
+        o.value ? (p(), x("div", fs, "Error loading the player!!")) : $("", !0),
         s("div", hs, [
-          !O.value.isActive && c.value && m.value && z.value && w.value && B.value ? (p(), R(ft, {
+          !R.value.isActive && c.value && m.value && z.value && b.value && O.value ? (p(), B(ft, {
             key: 0,
-            "cdn-file-resolver": C.cdnFileResolver,
+            "cdn-file-resolver": k.cdnFileResolver,
             "apartment-json": i.value,
             level: I.value,
             "minimap-json": c.value,
             rotation: _.value,
             "current-camera": m.value,
-            onClose: N[0] || (N[0] = (pe) => B.value = !1)
+            onClose: N[0] || (N[0] = (pe) => O.value = !1)
           }, null, 8, ["cdn-file-resolver", "apartment-json", "level", "minimap-json", "rotation", "current-camera"])) : $("", !0),
-          w.value && g.value ? (p(), D("div", {
+          b.value && h.value ? (p(), x("div", {
             key: 1,
             class: he(["v-player", [vt.value]])
           }, [
-            b(go, {
-              "cdn-file-resolver": C.cdnFileResolver,
-              style: le({ zIndex: h.value ? 1 : 2 }),
-              "show-static-image": h.value,
-              "is-full-screen": O.value.isActive,
-              "current-camera-id": g.value,
-              "mouse-sensitivity": C.mouseSensitivity,
-              "interior-id": w.value,
+            w(go, {
+              "cdn-file-resolver": k.cdnFileResolver,
+              style: le({ zIndex: g.value ? 1 : 2 }),
+              "show-static-image": g.value,
+              "is-full-screen": R.value.isActive,
+              "current-camera-id": h.value,
+              "mouse-sensitivity": k.mouseSensitivity,
+              "interior-id": b.value,
               "apartment-id": e.apartmentId,
               onNewCameraCallback: Xe,
               onNewRotationCallback: $e,
@@ -5822,14 +5786,14 @@ const fs = {
               onNewSizeCallback: J,
               onPlayerApiCallback: oe
             }, {
-              "slideshow-image": k(() => [
-                h.value ? (p(), R(ms, {
+              "slideshow-image": C(() => [
+                g.value ? (p(), B(ms, {
                   key: 0,
                   image: Z.value
                 }, null, 8, ["image"])) : $("", !0)
               ]),
-              "top-left": k(() => [
-                C.adminMode ? ve((p(), R(ee, {
+              "top-left": C(() => [
+                k.adminMode ? ve((p(), B(K, {
                   key: 0,
                   density: "comfortable",
                   icon: "mdi-cog-outline",
@@ -5837,48 +5801,48 @@ const fs = {
                   class: "mr-2",
                   onClick: N[1] || (N[1] = (pe) => n.value = !n.value)
                 }, null, 512)), [
-                  [fe, F.value]
+                  [fe, D.value]
                 ]) : $("", !0),
-                c.value && g.value && z.value ? ve((p(), R(ee, {
+                c.value && h.value && z.value ? ve((p(), B(K, {
                   key: 1,
                   density: "comfortable",
                   elevation: "3",
                   icon: "mdi-floor-plan",
                   class: "mr-2",
-                  onClick: N[2] || (N[2] = (pe) => B.value = !B.value)
+                  onClick: N[2] || (N[2] = (pe) => O.value = !O.value)
                 }, null, 512)), [
-                  [fe, F.value]
+                  [fe, D.value]
                 ]) : $("", !0),
-                F.value && C.showFloorLevel && y.value.length > 1 ? (p(), R(Co, {
+                D.value && k.showFloorLevel && y.value.length > 1 ? (p(), B(Co, {
                   key: 2,
-                  level: x.value,
+                  level: F.value,
                   "floor-levels": y.value,
                   onLevel: Ke
                 }, null, 8, ["level", "floor-levels"])) : $("", !0),
-                F.value && C.adminMode && n.value ? (p(), D("div", gs, [
-                  b(Dl, {
-                    "initial-settings": C.playerSettings,
+                D.value && k.adminMode && n.value ? (p(), x("div", gs, [
+                  w(xl, {
+                    "initial-settings": k.playerSettings,
                     onUpdateSettings: dt,
                     onSaveSettings: Lt
                   }, null, 8, ["initial-settings"])
                 ])) : $("", !0)
               ]),
-              "top-center": k(() => [
-                F.value ? (p(), R(os, {
+              "top-center": C(() => [
+                D.value ? (p(), B(os, {
                   key: 0,
-                  "return-url": C.websiteUrl
+                  "return-url": k.websiteUrl
                 }, null, 8, ["return-url"])) : $("", !0)
               ]),
-              "top-right": k(() => [
-                i.value && C.showCompass ? ve((p(), D("div", ys, [
-                  b(xo, { rotation: _.value }, null, 8, ["rotation"])
+              "top-right": C(() => [
+                i.value && k.showCompass ? ve((p(), x("div", ys, [
+                  w(Do, { rotation: _.value }, null, 8, ["rotation"])
                 ], 512)), [
-                  [fe, F.value]
+                  [fe, D.value]
                 ]) : $("", !0),
                 s("div", {
-                  onClick: N[3] || (N[3] = (pe) => B.value = !B.value)
+                  onClick: N[3] || (N[3] = (pe) => O.value = !O.value)
                 }, [
-                  F.value && i.value && j.value && C.showTimeOfDay ? (p(), R(Bo, {
+                  D.value && i.value && j.value && k.showTimeOfDay ? (p(), B(Bo, {
                     key: 0,
                     hours: U.value.hours,
                     minutes: U.value.minutes,
@@ -5889,10 +5853,10 @@ const fs = {
                   }, null, 8, ["hours", "minutes", "style"])) : $("", !0)
                 ])
               ]),
-              "center-left": k(() => [
-                b(Se, { name: "slide-x-transition" }, {
-                  default: k(() => [
-                    h.value ? (p(), R(ee, {
+              "center-left": C(() => [
+                w(Se, { name: "slide-x-transition" }, {
+                  default: C(() => [
+                    g.value ? (p(), B(K, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
@@ -5903,26 +5867,26 @@ const fs = {
                   _: 1
                 })
               ]),
-              "center-center": k(() => [
-                b(dl, {
+              "center-center": C(() => [
+                w(dl, {
                   project: ae(se)(e.cdnFileResolver, ""),
-                  onCloseTutorial: N[4] || (N[4] = (pe) => F.value = !0)
+                  onCloseTutorial: N[4] || (N[4] = (pe) => D.value = !0)
                 }, null, 8, ["project"]),
-                O.value.isActive && c.value && m.value && z.value && B.value ? (p(), R(ft, {
+                R.value.isActive && c.value && m.value && z.value && O.value ? (p(), B(ft, {
                   key: 0,
-                  "cdn-file-resolver": C.cdnFileResolver,
+                  "cdn-file-resolver": k.cdnFileResolver,
                   "apartment-json": i.value,
                   "minimap-json": c.value,
                   rotation: _.value,
                   "current-camera": m.value,
                   level: I.value,
-                  onClose: N[5] || (N[5] = (pe) => B.value = !1)
+                  onClose: N[5] || (N[5] = (pe) => O.value = !1)
                 }, null, 8, ["cdn-file-resolver", "apartment-json", "minimap-json", "rotation", "current-camera", "level"])) : $("", !0)
               ]),
-              "center-right": k(() => [
-                b(Se, { name: "slide-x-reverse-transition" }, {
-                  default: k(() => [
-                    h.value ? (p(), R(ee, {
+              "center-right": C(() => [
+                w(Se, { name: "slide-x-reverse-transition" }, {
+                  default: C(() => [
+                    g.value ? (p(), B(K, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
@@ -5933,35 +5897,35 @@ const fs = {
                   _: 1
                 })
               ]),
-              "bottom-left": k(() => [
-                F.value && C.showFullScreen ? (p(), R(It, {
+              "bottom-left": C(() => [
+                D.value && k.showFullScreen ? (p(), B(It, {
                   key: 0,
-                  "is-full-screen": O.value.isActive,
+                  "is-full-screen": R.value.isActive,
                   class: "btn-fullscreen",
                   onToggleFullscreen: ze
                 }, null, 8, ["is-full-screen"])) : $("", !0),
-                F.value && C.showSnapshot ? (p(), D("div", _s, [
-                  b(ee, {
+                D.value && k.showSnapshot ? (p(), x("div", _s, [
+                  w(K, {
                     density: "comfortable",
                     elevation: "3",
                     icon: "mdi-camera",
-                    onClick: De
+                    onClick: xe
                   })
                 ])) : $("", !0),
-                F.value && C.showShare && !O.value.isActive ? (p(), D("div", bs, [
-                  b(Ct)
+                D.value && k.showShare && !R.value.isActive ? (p(), x("div", bs, [
+                  w(Ct)
                 ])) : $("", !0)
               ]),
-              "bottom-center": k(() => [
-                F.value && C.showCarousel ? (p(), D("div", ws, [
-                  C.displayViewModeSwitch ? (p(), R(Ro, {
+              "bottom-center": C(() => [
+                D.value && k.showCarousel ? (p(), x("div", ws, [
+                  k.displayViewModeSwitch && D.value && !R.value.isActive ? (p(), B(Ro, {
                     key: 0,
-                    "show-static-image": h.value,
+                    "show-static-image": g.value,
                     onToggle: Te
                   }, null, 8, ["show-static-image"])) : $("", !0),
-                  F.value && O.value.isActive ? (p(), R(et, {
+                  D.value && R.value.isActive ? (p(), B(et, {
                     key: 1,
-                    class: he([O.value.isActive ? "full-screen" : ""]),
+                    class: he([R.value.isActive ? "full-screen" : ""]),
                     thumbnails: A.value,
                     active: d.value,
                     onNext: we,
@@ -5970,10 +5934,10 @@ const fs = {
                   }, null, 8, ["class", "thumbnails", "active"])) : $("", !0)
                 ])) : $("", !0)
               ]),
-              "bottom-right": k(() => [
-                F.value && C.showInteriorOptions && M.value ? (p(), R(Lo, {
+              "bottom-right": C(() => [
+                D.value && k.showInteriorOptions && M.value ? (p(), B(Lo, {
                   key: 0,
-                  "cdn-file-resolver": C.cdnFileResolver,
+                  "cdn-file-resolver": k.cdnFileResolver,
                   "available-archetypes": M.value,
                   "selected-index": W.value,
                   onSelectInterior: Me
@@ -5981,7 +5945,7 @@ const fs = {
               ]),
               _: 1
             }, 8, ["cdn-file-resolver", "style", "show-static-image", "is-full-screen", "current-camera-id", "mouse-sensitivity", "interior-id", "apartment-id"]),
-            C.showCarousel && f.value ? (p(), R(et, {
+            k.showCarousel && f.value ? (p(), B(et, {
               key: 0,
               class: "waypoint-carousel below-player",
               thumbnails: A.value,
@@ -5995,7 +5959,7 @@ const fs = {
       ], 2);
     };
   }
-}), Cs = /* @__PURE__ */ X(ks, [["__scopeId", "data-v-e93386af"]]), Is = { id: "player-wrapper" }, As = { id: "player-sizer" }, Ls = {
+}), Cs = /* @__PURE__ */ X(ks, [["__scopeId", "data-v-4fc1be2e"]]), Is = { id: "player-wrapper" }, As = { id: "player-sizer" }, Ls = {
   class: "player-control",
   id: "controls-top-left"
 }, Ss = {
@@ -6004,10 +5968,10 @@ const fs = {
 }, Fs = {
   class: "player-control",
   id: "controls-top-right"
-}, xs = {
+}, Ds = {
   class: "player-control",
   id: "controls-center-left"
-}, Ds = {
+}, xs = {
   class: "player-control",
   id: "controls-center-center"
 }, Ms = {
@@ -6029,35 +5993,35 @@ const fs = {
   },
   emits: ["newSizeCallback"],
   setup(v, { emit: t }) {
-    return (e, a) => (p(), D("div", Is, [
+    return (e, a) => (p(), x("div", Is, [
       s("div", As, [
-        te(e.$slots, "slideshow-image", {}, void 0, !0),
+        ee(e.$slots, "slideshow-image", {}, void 0, !0),
         s("div", Ls, [
-          te(e.$slots, "top-left", {}, void 0, !0)
+          ee(e.$slots, "top-left", {}, void 0, !0)
         ]),
         s("div", Ss, [
-          te(e.$slots, "top-center", {}, void 0, !0)
+          ee(e.$slots, "top-center", {}, void 0, !0)
         ]),
         s("div", Fs, [
-          te(e.$slots, "top-right", {}, void 0, !0)
-        ]),
-        s("div", xs, [
-          te(e.$slots, "center-left", {}, void 0, !0)
+          ee(e.$slots, "top-right", {}, void 0, !0)
         ]),
         s("div", Ds, [
-          te(e.$slots, "center-center", {}, void 0, !0)
+          ee(e.$slots, "center-left", {}, void 0, !0)
+        ]),
+        s("div", xs, [
+          ee(e.$slots, "center-center", {}, void 0, !0)
         ]),
         s("div", Ms, [
-          te(e.$slots, "center-right", {}, void 0, !0)
+          ee(e.$slots, "center-right", {}, void 0, !0)
         ]),
         s("div", Es, [
-          te(e.$slots, "bottom-left", {}, void 0, !0)
+          ee(e.$slots, "bottom-left", {}, void 0, !0)
         ]),
         s("div", Ts, [
-          te(e.$slots, "bottom-center", {}, void 0, !0)
+          ee(e.$slots, "bottom-center", {}, void 0, !0)
         ]),
         s("div", Vs, [
-          te(e.$slots, "bottom-right", {}, void 0, !0)
+          ee(e.$slots, "bottom-right", {}, void 0, !0)
         ])
       ])
     ]));
@@ -6104,33 +6068,33 @@ const fs = {
       l < 0 && (l = n.value.length - 1), e.value = l;
     }
     function c(l, d = !0) {
-      let w = n.value.findIndex(
-        (g) => g.id === l
+      let b = n.value.findIndex(
+        (h) => h.id === l
       );
-      w != -1 && (e.value = w);
+      b != -1 && (e.value = b);
     }
     return (l, d) => {
-      const w = T("v-img"), g = T("v-btn");
-      return p(), D("div", Os, [
+      const b = V("v-img"), h = V("v-btn");
+      return p(), x("div", Os, [
         s("div", $s, [
           s("div", null, [
-            b(Rs, {
+            w(Rs, {
               "is-full-screen": a.value.isActive
             }, {
-              "slideshow-image": k(() => [
+              "slideshow-image": C(() => [
                 s("div", Us, [
-                  b(w, {
+                  w(b, {
                     src: o.value.thumbnailUrl
                   }, null, 8, ["src"])
                 ])
               ]),
-              "top-left": k(() => []),
-              "top-center": k(() => []),
-              "top-right": k(() => []),
-              "center-left": k(() => [
-                b(Se, { name: "slide-x-transition" }, {
-                  default: k(() => [
-                    n.value.length > 1 ? (p(), R(g, {
+              "top-left": C(() => []),
+              "top-center": C(() => []),
+              "top-right": C(() => []),
+              "center-left": C(() => [
+                w(Se, { name: "slide-x-transition" }, {
+                  default: C(() => [
+                    n.value.length > 1 ? (p(), B(h, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
@@ -6141,11 +6105,11 @@ const fs = {
                   _: 1
                 })
               ]),
-              "center-center": k(() => []),
-              "center-right": k(() => [
-                b(Se, { name: "slide-x-reverse-transition" }, {
-                  default: k(() => [
-                    n.value.length > 1 ? (p(), R(g, {
+              "center-center": C(() => []),
+              "center-right": C(() => [
+                w(Se, { name: "slide-x-reverse-transition" }, {
+                  default: C(() => [
+                    n.value.length > 1 ? (p(), B(h, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
@@ -6156,20 +6120,20 @@ const fs = {
                   _: 1
                 })
               ]),
-              "bottom-left": k(() => [
-                l.showFullScreen ? (p(), R(It, {
+              "bottom-left": C(() => [
+                l.showFullScreen ? (p(), B(It, {
                   key: 0,
                   "is-full-screen": a.value.isActive,
                   class: "btn-fullscreen",
                   onToggleFullscreen: r
                 }, null, 8, ["is-full-screen"])) : $("", !0),
-                l.showShare ? (p(), D("div", Hs, [
-                  b(Ct)
+                l.showShare ? (p(), x("div", Hs, [
+                  w(Ct)
                 ])) : $("", !0)
               ]),
-              "bottom-center": k(() => [
+              "bottom-center": C(() => [
                 s("div", null, [
-                  a.value.isActive && n.value.length > 1 ? (p(), R(et, {
+                  a.value.isActive && n.value.length > 1 ? (p(), B(et, {
                     key: 0,
                     class: he([a.value.isActive ? "full-screen" : ""]),
                     thumbnails: n.value,
@@ -6180,10 +6144,10 @@ const fs = {
                   }, null, 8, ["class", "thumbnails", "active"])) : $("", !0)
                 ])
               ]),
-              "bottom-right": k(() => []),
+              "bottom-right": C(() => []),
               _: 1
             }, 8, ["is-full-screen"]),
-            n.value.length > 1 ? (p(), R(et, {
+            n.value.length > 1 ? (p(), B(et, {
               key: 0,
               thumbnails: n.value,
               active: e.value,