@qispace/vue3-player 0.2.7 → 0.2.9

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

@@ -1,7 +1,7 @@
 var jt = Object.defineProperty;
 var Pt = (l, a, e) => a in l ? jt(l, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[a] = e;
 var re = (l, a, e) => (Pt(l, typeof a != "symbol" ? a + "" : a, e), e);
-import { defineComponent as j, ref as p, computed as O, openBlock as m, createElementBlock as A, watch as H, onMounted as ye, onBeforeUnmount as Ye, withDirectives as pe, createElementVNode as d, normalizeStyle as ue, vShow as ge, createVNode as b, Fragment as ie, renderList as ve, createCommentVNode as $, inject as Ge, resolveComponent as T, withCtx as _, toDisplayString as G, unref as V, createTextVNode as ee, normalizeClass as he, createBlock as E, renderSlot as se, provide as Qe, reactive as st, watchEffect as xe, resolveDynamicComponent as xt, normalizeProps as tt, guardReactiveProps as nt, mergeProps as Se, nextTick as ke, Transition as Ee, createSlots as Wt, pushScopeId as rt, popScopeId as it, vModelText as Nt, createStaticVNode as At, onBeforeUpdate as Gt, toRefs as Oe } from "vue";
+import { defineComponent as j, ref as p, computed as O, openBlock as m, createElementBlock as A, watch as H, onMounted as ye, onBeforeUnmount as Ye, withDirectives as pe, createElementVNode as d, normalizeStyle as ie, vShow as ge, createVNode as b, Fragment as ue, renderList as ve, createCommentVNode as $, inject as Ge, resolveComponent as V, withCtx as _, toDisplayString as G, unref as T, createTextVNode as ee, normalizeClass as he, createBlock as E, renderSlot as se, provide as Qe, reactive as st, watchEffect as xe, resolveDynamicComponent as xt, normalizeProps as tt, guardReactiveProps as nt, mergeProps as Se, nextTick as ke, Transition as Ee, createSlots as Wt, pushScopeId as rt, popScopeId as it, vModelText as Nt, createStaticVNode as At, onBeforeUpdate as Gt, toRefs as Oe } from "vue";
 import mt from "axios";
 import * as Qt from "@qispace/player-core";
 import * as He from "three";
@@ -76,10 +76,10 @@ const qt = /* @__PURE__ */ j({
   },
   emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
   setup(l, { emit: a }) {
-    const e = l, t = a, n = p({ x: 0, y: 0, width: 0, height: 0 }), o = p(0), i = p(0), s = p(), v = p(), u = p(), r = p(), h = p(-1), k = p(!1), f = p(), c = p(), g = p({}), S = p("auto"), I = p(new Ce()), y = p({}), R = p(), F = p(), Y = p(), D = p(), C = p(), W = O(() => Y.value.isHoverEnabled), L = O(() => ce(
+    const e = l, t = a, n = p({ x: 0, y: 0, width: 0, height: 0 }), o = p(0), i = p(0), s = p(), v = p(), u = p(), r = p(), g = p(-1), k = p(!1), h = p(), c = p(), f = p({}), S = p("auto"), I = p(new Ce()), y = p({}), R = p(), F = p(), Y = p(), D = p(), C = p(), W = O(() => Y.value.isHoverEnabled), L = O(() => ce(
       e.cdnFileResolver,
       `/scenedata${e.viewModel.currentScene}.png`
-    )), Z = O(() => L.value in g.value ? g.value[L.value] : null), w = O(() => h.value < 0 ? !1 : e.sceneData.find((N) => N.index === h.value) || !1), M = O(() => ({
+    )), Z = O(() => L.value in f.value ? f.value[L.value] : null), w = O(() => g.value < 0 ? !1 : e.sceneData.find((N) => N.index === g.value) || !1), M = O(() => ({
       width: o.value + "px",
       height: i.value + "px",
       cursor: S.value
@@ -87,9 +87,9 @@ const qt = /* @__PURE__ */ j({
     H(
       L,
       () => {
-        g.value[L.value] || I.value.loadImageData(L.value).then((z) => {
-          g.value = {
-            ...g.value,
+        f.value[L.value] || I.value.loadImageData(L.value).then((z) => {
+          f.value = {
+            ...f.value,
             [L.value]: z
           };
         });
@@ -132,8 +132,8 @@ const qt = /* @__PURE__ */ j({
       }, window.addEventListener("resize", F.value), De();
     }), Ye(() => {
       window.removeEventListener("resize", F.value);
-      for (const z in g.value)
-        URL.revokeObjectURL(g.value[z]);
+      for (const z in f.value)
+        URL.revokeObjectURL(f.value[z]);
     });
     function Q() {
       s.value = D.value.getContext("2d", { willReadFrequently: !0 }), v.value = new Image(), v.value.onload = () => {
@@ -142,7 +142,7 @@ const qt = /* @__PURE__ */ j({
     }
     function oe(z) {
       const N = J(z.offsetX, z.offsetY);
-      k.value = N >= 0, h.value = N, n.value = {
+      k.value = N >= 0, g.value = N, n.value = {
         x: z.offsetX,
         y: z.offsetY,
         width: o.value,
@@ -181,7 +181,7 @@ const qt = /* @__PURE__ */ j({
       }
     }
     function J(z, N) {
-      f.value = z, c.value = N;
+      h.value = z, c.value = N;
       const ae = D.value.offsetWidth / D.value.width, $e = D.value.offsetHeight / D.value.height, Ue = (z / ae).toFixed(), Be = (N / $e).toFixed(), Ve = Number(Be) * (D.value.width * 4) + Number(Ue) * 4, ct = r.value.data[Ve];
       return r.value.data[Ve + 3] > 0 ? ct : -1;
     }
@@ -192,7 +192,7 @@ const qt = /* @__PURE__ */ j({
           if (ae) {
             const $e = me(N.index);
             let Ue = "idle";
-            !w.value && e.selectedUnitId && $e === e.selectedUnitId ? Ue = "selected" : w.value && h.value === N.index && (Ue = "hover");
+            !w.value && e.selectedUnitId && $e === e.selectedUnitId ? Ue = "selected" : w.value && g.value === N.index && (Ue = "hover");
             const Be = e.colorCallback(N.unitId, Ue);
             if (Be)
               for (let Ve = 0; Ve < ae.length; Ve++)
@@ -262,7 +262,7 @@ const qt = /* @__PURE__ */ j({
         id: "canvas-mask",
         ref_key: "canvas",
         ref: D,
-        style: ue(M.value),
+        style: ie(M.value),
         onClick: P
       }, null, 4), [
         [ge, !z.viewModel.isRotating]
@@ -286,7 +286,7 @@ const qt = /* @__PURE__ */ j({
   },
   emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
   setup(l, { emit: a }) {
-    const e = l, t = a, n = p({ x: 0, y: 0, width: 0, height: 0 }), o = p(-1), i = p({}), s = p(null), v = p(new Ce()), u = p(), r = p(), h = O(() => r.value.isHoverEnabled);
+    const e = l, t = a, n = p({ x: 0, y: 0, width: 0, height: 0 }), o = p(-1), i = p({}), s = p(null), v = p(new Ce()), u = p(), r = p(), g = O(() => r.value.isHoverEnabled);
     H(
       () => e.viewModel.currentScene,
       () => {
@@ -303,7 +303,7 @@ const qt = /* @__PURE__ */ j({
       t("pos", n.value);
     }), H(o, (F, Y) => {
       if (F >= 0) {
-        const D = f(F);
+        const D = h(F);
         t("hoverOver", {
           hoverUnit: D,
           closeHandler: () => {
@@ -311,7 +311,7 @@ const qt = /* @__PURE__ */ j({
           }
         });
       } else {
-        const D = f(Y);
+        const D = h(Y);
         t("hoverOut", {
           hoverUnit: D,
           closeHandler: () => {
@@ -347,24 +347,24 @@ const qt = /* @__PURE__ */ j({
         height: u.value.offsetHeight
       };
     }
-    function f(F) {
+    function h(F) {
       var Y;
       return (Y = e.sceneData.find(
         (D) => D.index === (typeof F == "string" ? parseInt(F) : F)
       )) == null ? void 0 : Y.unitId;
     }
     function c(F) {
-      h.value && (o.value = F);
+      g.value && (o.value = F);
     }
-    function g(F) {
-      h.value && (o.value = -1);
+    function f(F) {
+      g.value && (o.value = -1);
     }
     function S(F) {
-      const Y = f(F);
-      t("selectUnit", Y), h.value && Y && e.canGoToUnitCallback(Y) ? t("goToUnit", Y) : o.value = F;
+      const Y = h(F);
+      t("selectUnit", Y), g.value && Y && e.canGoToUnitCallback(Y) ? t("goToUnit", Y) : o.value = F;
     }
     function I(F) {
-      const Y = f(F);
+      const Y = h(F);
       let D = "idle";
       o.value < 0 && e.selectedUnitId && Y === e.selectedUnitId ? D = "selected" : o.value >= 0 && o.value === F && (D = "hover");
       const C = e.colorCallback(Y, D);
@@ -401,7 +401,7 @@ const qt = /* @__PURE__ */ j({
     }, [
       pe(d("div", {
         class: "svg-container",
-        style: ue({
+        style: ie({
           opacity: !s.value || !s.value.svgObjects ? 0 : 1
         })
       }, [
@@ -409,12 +409,12 @@ const qt = /* @__PURE__ */ j({
           key: 0,
           viewBox: s.value.viewBox
         }, [
-          (m(!0), A(ie, null, ve(s.value.svgObjects, ({ index: D, svg: C }) => (m(), A("g", {
+          (m(!0), A(ue, null, ve(s.value.svgObjects, ({ index: D, svg: C }) => (m(), A("g", {
             key: D,
             innerHTML: C,
-            style: ue(I(D)),
+            style: ie(I(D)),
             onMouseenter: (W) => c(D),
-            onMouseleave: (W) => g(),
+            onMouseleave: (W) => f(),
             onClick: (W) => S(D)
           }, null, 44, Kt))), 128))
         ], 8, Xt)) : $("", !0)
@@ -452,15 +452,15 @@ const qt = /* @__PURE__ */ j({
       u.keyCode === 37 ? e.prevUnitId && i("prevUnit") : u.keyCode === 39 && e.nextUnitId && i("nextUnit");
     }
     return (u, r) => {
-      const h = T("v-btn");
+      const g = V("v-btn");
       return m(), A("div", null, [
-        b(h, {
+        b(g, {
           elevation: "1",
           icon: "mdi-rotate-right",
           class: "black darken-1",
           onClick: r[0] || (r[0] = (k) => u.viewModel.rotateClockwise())
         }),
-        b(h, {
+        b(g, {
           elevation: "1",
           plain: "",
           icon: "mdi-chevron-left",
@@ -468,7 +468,7 @@ const qt = /* @__PURE__ */ j({
           disabled: !o.value,
           onClick: r[1] || (r[1] = (k) => i("prevUnit"))
         }, null, 8, ["disabled"]),
-        b(h, {
+        b(g, {
           color: "darken-2",
           elevation: "1",
           rounded: "",
@@ -477,12 +477,12 @@ const qt = /* @__PURE__ */ j({
           onClick: r[2] || (r[2] = (k) => i("goToUnit", t.value))
         }, {
           default: _(() => [
-            t.value && u.canGoToUnitCallback(t.value) ? (m(), A("span", nn, G(V(s).getLabel("seeApartment")) + "  ", 1)) : $("", !0),
+            t.value && u.canGoToUnitCallback(t.value) ? (m(), A("span", nn, G(T(s).getLabel("seeApartment")) + "  ", 1)) : $("", !0),
             d("span", an, G(t.value ? e.unitRenderer(t.value) : "-"), 1)
           ]),
           _: 1
         }, 8, ["disabled"]),
-        b(h, {
+        b(g, {
           elevation: "1",
           plain: "",
           icon: "mdi-chevron-right",
@@ -490,7 +490,7 @@ const qt = /* @__PURE__ */ j({
           disabled: !n.value,
           onClick: r[3] || (r[3] = (k) => i("nextUnit"))
         }, null, 8, ["disabled"]),
-        b(h, {
+        b(g, {
           elevation: "1",
           plain: "",
           icon: "mdi-rotate-left",
@@ -608,7 +608,7 @@ const rn = {
   },
   emits: ["loaded", "error", "progress"],
   setup(l, { emit: a }) {
-    const e = l, t = a, n = f(), o = p(
+    const e = l, t = a, n = h(), o = p(
       new pt(n.length).onLoadFinished(() => t("loaded")).onLoadProgress((I) => t("progress", I)).onLoadError(() => t("error"))
     ), i = p(
       new sn(e.cardinalFrames, kt)
@@ -616,14 +616,14 @@ const rn = {
     H(
       () => e.viewModel.currentScene,
       (I, y) => {
-        const R = S(y, I), F = g(y, I);
+        const R = S(y, I), F = f(y, I);
         r(y, R, F);
       }
     ), ye(() => {
       k();
     });
     function r(I, y, R) {
-      e.viewModel.isRotating || (e.viewModel.isRotating = !0, h(
+      e.viewModel.isRotating || (e.viewModel.isRotating = !0, g(
         i.value.start(
           y,
           I % Ke,
@@ -631,11 +631,11 @@ const rn = {
         )
       ));
     }
-    function h(I) {
+    function g(I) {
       setTimeout(() => {
         s.value[I.frameIndex].show = !1;
         const y = I.nextFrame();
-        s.value[y.frameIndex].show = !0, y.atEnd ? k() : window.requestAnimationFrame(() => h(y));
+        s.value[y.frameIndex].show = !0, y.atEnd ? k() : window.requestAnimationFrame(() => g(y));
       }, 1e3 / gn);
     }
     function k() {
@@ -644,7 +644,7 @@ const rn = {
       );
       I in s.value && (s.value[I].show = !0), e.viewModel.isRotating = !1;
     }
-    function f() {
+    function h() {
       const I = [];
       for (let y = 0; y < kt; y++) {
         const { sourceSet: R, defaultPath: F } = c(y);
@@ -677,7 +677,7 @@ const rn = {
       );
       return { sourceSet: F, defaultPath: Y };
     }
-    function g(I, y) {
+    function f(I, y) {
       const R = Ke / 2, F = Math.abs(I - y);
       return F > R ? Ke - F : F;
     }
@@ -688,7 +688,7 @@ const rn = {
       return F && I < y || !F && I > y ? 1 : -1;
     }
     return (I, y) => {
-      const R = T("v-icon");
+      const R = V("v-icon");
       return m(), A("div", null, [
         o.value.isError ? (m(), A("div", rn, [
           b(R, { "x-large": "" }, {
@@ -698,7 +698,7 @@ const rn = {
             _: 1
           })
         ])) : v.value ? (m(), A("div", mn, [
-          (m(!0), A(ie, null, ve(s.value, (F) => (m(), A("picture", {
+          (m(!0), A(ue, null, ve(s.value, (F) => (m(), A("picture", {
             key: F.index,
             alt: F.index,
             class: he({ "frame-image": !0, show: F.show })
@@ -743,7 +743,7 @@ const rn = {
       return e.pos.x <= e.pos.width / 2 ? (o = "-100%", s = "-8px") : (o = "0%", s = "8px"), e.pos.y <= e.pos.height / 2 ? (i = "-100%", v = "-8px") : (i = "0%", v = "8px"), `translate(${o}, ${i}) translate(${s}, ${v})`;
     });
     return (o, i) => {
-      const s = T("v-dialog"), v = T("v-fade-transition");
+      const s = V("v-dialog"), v = V("v-fade-transition");
       return m(), E(v, {
         origin: `top left ${o.pos.x} ${o.pos.y}`
       }, {
@@ -751,7 +751,7 @@ const rn = {
           o.isHoverable ? (m(), A("div", {
             key: 0,
             class: "floating-card",
-            style: ue({
+            style: ie({
               left: `${o.pos.x}px`,
               top: `${o.pos.y}px`,
               pointerEvents: "none",
@@ -791,7 +791,7 @@ const rn = {
     a({
       adjustZoom: oe
     });
-    const o = p(100), i = p(0), s = p(0), v = p(!1), u = p(!1), r = p(void 0), h = p(!1), k = p(), f = O(() => `translateX(${i.value}px) translateY(${s.value}px) scale(${c.value})`), c = O(() => o.value / 100), g = O(() => t.maxScale * 100);
+    const o = p(100), i = p(0), s = p(0), v = p(!1), u = p(!1), r = p(void 0), g = p(!1), k = p(), h = O(() => `translateX(${i.value}px) translateY(${s.value}px) scale(${c.value})`), c = O(() => o.value / 100), f = O(() => t.maxScale * 100);
     H(
       [c, i, s],
       () => {
@@ -866,7 +866,7 @@ const rn = {
       oe(-B.deltaY / 10, J, ne), B.preventDefault();
     }
     function Y(B) {
-      v.value = !0, h.value = !1, r.value = B;
+      v.value = !0, g.value = !1, r.value = B;
     }
     function D(B) {
       if (v.value) {
@@ -874,14 +874,14 @@ const rn = {
           x: J - fe,
           y: ne - me
         };
-        q(de.x), Q(de.y), h.value = !0, r.value = B;
+        q(de.x), Q(de.y), g.value = !0, r.value = B;
       }
     }
     function C(B) {
-      v.value && h.value && t.consumeMouseUpWhenMoved && (B.preventDefault(), B.stopImmediatePropagation());
+      v.value && g.value && t.consumeMouseUpWhenMoved && (B.preventDefault(), B.stopImmediatePropagation());
     }
     function W(B) {
-      v.value && (h.value && t.consumeMouseClickWhenMoved && (B.preventDefault(), B.stopImmediatePropagation()), v.value = !1);
+      v.value && (g.value && t.consumeMouseClickWhenMoved && (B.preventDefault(), B.stopImmediatePropagation()), v.value = !1);
     }
     function L(B) {
       v.value = B.touches.length === 1, u.value = B.touches.length === 2, r.value = B;
@@ -931,7 +931,7 @@ const rn = {
     }
     function oe(B, J, ne) {
       const fe = J !== void 0 ? J : k.value.clientWidth / 2, me = ne !== void 0 ? ne : k.value.clientHeight / 2, de = k.value.clientWidth, we = k.value.clientHeight, Me = de * c.value, Te = we * c.value;
-      o.value = Math.min(Math.max(100, o.value + B), g.value);
+      o.value = Math.min(Math.max(100, o.value + B), f.value);
       const De = de * c.value, Ae = we * c.value, be = De - Me, _e = Ae - Te;
       i.value -= fe / de * be, s.value -= me / we * _e, q(0), Q(0);
     }
@@ -940,9 +940,9 @@ const rn = {
         scale: c.value,
         x: i.value,
         y: s.value,
-        current: Math.min(Math.max(100, o.value), g.value),
+        current: Math.min(Math.max(100, o.value), f.value),
         min: 100,
-        max: g.value,
+        max: f.value,
         resolve: (B, J) => {
           const ne = k.value.clientWidth, fe = k.value.clientHeight, me = i.value / -c.value, de = s.value / -c.value, we = me + ne / c.value, Me = de + fe / c.value, Te = B / ne * (we - me) + me, De = J / fe * (Me - de) + de;
           return { x: Te, y: De };
@@ -953,10 +953,10 @@ const rn = {
       ref_key: "box",
       ref: k,
       class: "zoom-box-container",
-      style: ue({ position: t.position })
+      style: ie({ position: t.position })
     }, [
       d("div", {
-        style: ue({ "transform-origin": "top left", transform: f.value }),
+        style: ie({ "transform-origin": "top left", transform: h.value }),
         class: "zoom-box"
       }, [
         se(B.$slots, "default", {}, void 0, !0)
@@ -1198,7 +1198,7 @@ const Sn = { key: 0 }, Dn = { class: "interactive-viewer" }, xn = { class: "fill
       Le,
       t.i18nConfig ? new Fe(t.i18nConfig) : new Fe()
     );
-    const o = st({ isReady: !1, isError: !1 }), i = p(), s = p(), v = p(), u = p(), r = p({ x: 0, y: 0, width: 0, height: 0 }), h = p(), k = p(), f = p(), c = O(() => f.value.isHoverEnabled), g = O(() => t.useSvg ? tn : Jt), S = O(() => t.selectedUnitId), I = O(() => t.nextUnitId), y = O(() => t.prevUnitId);
+    const o = st({ isReady: !1, isError: !1 }), i = p(), s = p(), v = p(), u = p(), r = p({ x: 0, y: 0, width: 0, height: 0 }), g = p(), k = p(), h = p(), c = O(() => h.value.isHoverEnabled), f = O(() => t.useSvg ? tn : Jt), S = O(() => t.selectedUnitId), I = O(() => t.nextUnitId), y = O(() => t.prevUnitId);
     xe(() => {
       if (S.value && u.value) {
         const D = i.value[S.value];
@@ -1241,13 +1241,13 @@ const Sn = { key: 0 }, Dn = { class: "interactive-viewer" }, xn = { class: "fill
       r.value = D;
     }
     function F(D) {
-      k.value = D.hoverUnit, h.value = D.closeHandler, n("hoverOverUnit", D.hoverUnit);
+      k.value = D.hoverUnit, g.value = D.closeHandler, n("hoverOverUnit", D.hoverUnit);
     }
     function Y(D) {
-      k.value = null, h.value = D.closeHandler, n("hoverOutUnit", D.hoverUnit);
+      k.value = null, g.value = D.closeHandler, n("hoverOutUnit", D.hoverUnit);
     }
     return (D, C) => {
-      const W = T("v-progress-linear");
+      const W = V("v-progress-linear");
       return u.value ? (m(), A("div", Sn, [
         d("div", Dn, [
           d("div", xn, [
@@ -1266,7 +1266,7 @@ const Sn = { key: 0 }, Dn = { class: "interactive-viewer" }, xn = { class: "fill
                   onError: C[2] || (C[2] = (L) => o.isError = !0)
                 }, null, 8, ["cdn-file-resolver", "view-model", "cardinal-frames", "build"]),
                 o.isReady ? (m(), A("div", An, [
-                  (m(), E(xt(g.value), {
+                  (m(), E(xt(f.value), {
                     "cdn-file-resolver": t.cdnFileResolver,
                     "view-model": u.value,
                     "selected-unit-id": S.value,
@@ -1293,7 +1293,7 @@ const Sn = { key: 0 }, Dn = { class: "interactive-viewer" }, xn = { class: "fill
               key: 0,
               "is-hoverable": c.value,
               pos: r.value,
-              onOutside: h.value
+              onOutside: g.value
             }, {
               default: _(() => [
                 se(D.$slots, "default", {
@@ -1302,7 +1302,7 @@ const Sn = { key: 0 }, Dn = { class: "interactive-viewer" }, xn = { class: "fill
                   goToUnit: () => D.canGoToUnitCallback(k.value) && n("goToUnit", k.value),
                   pos: r.value,
                   isHoverable: c.value,
-                  close: h.value
+                  close: g.value
                 }, void 0, !0)
               ]),
               _: 3
@@ -1330,7 +1330,7 @@ const Sn = { key: 0 }, Dn = { class: "interactive-viewer" }, xn = { class: "fill
         ]),
         b(Re, {
           ref_key: "hoverProbe",
-          ref: f
+          ref: h
         }, null, 512)
       ])) : $("", !0);
     };
@@ -1361,7 +1361,7 @@ const Sn = { key: 0 }, Dn = { class: "interactive-viewer" }, xn = { class: "fill
   },
   setup(l) {
     const a = l;
-    return (e, t) => (m(!0), A(ie, null, ve(a.dayData.timeSamples, (n) => (m(), E(Bn, {
+    return (e, t) => (m(!0), A(ue, null, ve(a.dayData.timeSamples, (n) => (m(), E(Bn, {
       "time-sample-data": n,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": e.currentTime
@@ -1376,7 +1376,7 @@ const Sn = { key: 0 }, Dn = { class: "interactive-viewer" }, xn = { class: "fill
   },
   setup(l) {
     const a = l;
-    return (e, t) => (m(!0), A(ie, null, ve(a.cameraData.sunsimDayOfYear, (n) => (m(), E($n, {
+    return (e, t) => (m(!0), A(ue, null, ve(a.cameraData.sunsimDayOfYear, (n) => (m(), E($n, {
       "day-data": n,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": a.currentTime
@@ -1454,7 +1454,7 @@ const jn = /* @__PURE__ */ j({
         )
       );
     }), (i, s) => {
-      const v = T("v-select");
+      const v = V("v-select");
       return m(), E(v, {
         modelValue: n.value,
         "onUpdate:modelValue": s[0] || (s[0] = (u) => n.value = u),
@@ -1499,7 +1499,7 @@ const jn = /* @__PURE__ */ j({
       });
     }
     return (i, s) => {
-      const v = T("v-list-item"), u = T("v-select");
+      const v = V("v-list-item"), u = V("v-select");
       return m(), E(u, {
         modelValue: n.value,
         "onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
@@ -1550,8 +1550,8 @@ const jn = /* @__PURE__ */ j({
       );
     });
     function i(v) {
-      const u = v * 60, r = Math.floor(u / 60), h = u % 60;
-      return `${r.toString().padStart(2, "0")}:${h.toString().padStart(2, "0")}`;
+      const u = v * 60, r = Math.floor(u / 60), g = u % 60;
+      return `${r.toString().padStart(2, "0")}:${g.toString().padStart(2, "0")}`;
     }
     function s() {
       o.value ? (clearInterval(o.value), o.value = void 0) : (e.dayData.timeSamples.findIndex(
@@ -1564,8 +1564,8 @@ const jn = /* @__PURE__ */ j({
       }, 200));
     }
     return (v, u) => {
-      const r = T("v-icon"), h = T("v-btn"), k = T("v-slider"), f = T("v-field");
-      return m(), E(f, { variant: "solo" }, {
+      const r = V("v-icon"), g = V("v-btn"), k = V("v-slider"), h = V("v-field");
+      return m(), E(h, { variant: "solo" }, {
         default: _(() => [
           v.dayData.startTime === v.dayData.endTime ? (m(), A("div", Wn, [
             b(r, {
@@ -1590,7 +1590,7 @@ const jn = /* @__PURE__ */ j({
             "hide-details": ""
           }, {
             prepend: _(() => [
-              b(h, {
+              b(g, {
                 icon: o.value ? "mdi-stop" : "mdi-play",
                 size: "x-small",
                 variant: "flat",
@@ -1645,60 +1645,60 @@ const jn = /* @__PURE__ */ j({
     const v = O(() => o.value ? !1 : t.apartmentChooserData.loopable ? !0 : i.value !== t.apartmentChooserData.scenes[0]), u = O(() => o.value ? !1 : t.apartmentChooserData.loopable ? !0 : i.value !== t.apartmentChooserData.scenes[t.apartmentChooserData.scenes.length - 1]);
     function r() {
       const c = i.value;
-      let g = t.apartmentChooserData.scenes.findIndex((I) => I === c) + 1;
-      g >= t.apartmentChooserData.scenes.length && (g = 0);
-      const S = t.apartmentChooserData.scenes[g];
-      t.apartmentChooserData.loopable && c > S, f(c, S);
+      let f = t.apartmentChooserData.scenes.findIndex((I) => I === c) + 1;
+      f >= t.apartmentChooserData.scenes.length && (f = 0);
+      const S = t.apartmentChooserData.scenes[f];
+      t.apartmentChooserData.loopable && c > S, h(c, S);
     }
-    async function h() {
+    async function g() {
       const c = i.value;
-      let g = t.apartmentChooserData.scenes.findIndex((I) => I === c) - 1;
-      g < 0 && (g = t.apartmentChooserData.scenes.length - 1);
-      const S = t.apartmentChooserData.scenes[g];
-      t.apartmentChooserData.loopable && c < S, f(c, S);
+      let f = t.apartmentChooserData.scenes.findIndex((I) => I === c) - 1;
+      f < 0 && (f = t.apartmentChooserData.scenes.length - 1);
+      const S = t.apartmentChooserData.scenes[f];
+      t.apartmentChooserData.loopable && c < S, h(c, S);
     }
     function k(c) {
-      const g = i.value;
+      const f = i.value;
       if (t.apartmentChooserData.loopable)
-        if (c < g) {
-          let S = g - c, I = g - (t.apartmentChooserData.cameras.length + c);
-          return Math.abs(S) > Math.abs(I) ? f(g, c) : f(g, t.apartmentChooserData.cameras.length + c);
+        if (c < f) {
+          let S = f - c, I = f - (t.apartmentChooserData.cameras.length + c);
+          return Math.abs(S) > Math.abs(I) ? h(f, c) : h(f, t.apartmentChooserData.cameras.length + c);
         } else {
-          let S = g - c, I = t.apartmentChooserData.cameras.length + g - c;
-          return Math.abs(S) > Math.abs(I) ? f(g, c) : f(t.apartmentChooserData.cameras.length + g, c);
+          let S = f - c, I = t.apartmentChooserData.cameras.length + f - c;
+          return Math.abs(S) > Math.abs(I) ? h(f, c) : h(t.apartmentChooserData.cameras.length + f, c);
         }
       else
-        return f(g, c);
+        return h(f, c);
     }
-    function f(c, g) {
+    function h(c, f) {
       return new Promise((S) => {
-        o.value = !0, n("onRotateStart", { from: c, to: g });
+        o.value = !0, n("onRotateStart", { from: c, to: f });
         let I, y = c;
         I = setInterval(() => {
-          y < g ? (y++, i.value = Math.abs(
+          y < f ? (y++, i.value = Math.abs(
             y % t.apartmentChooserData.cameras.length
-          )) : y > g ? (y--, i.value = Math.abs(
+          )) : y > f ? (y--, i.value = Math.abs(
             y % t.apartmentChooserData.cameras.length
-          )) : (clearInterval(I), n("onRotateFinish", { from: c, to: g }), o.value = !1, S());
+          )) : (clearInterval(I), n("onRotateFinish", { from: c, to: f }), o.value = !1, S());
         }, 50);
       });
     }
-    return (c, g) => {
-      const S = T("v-btn"), I = T("v-chip");
-      return m(), A(ie, null, [
+    return (c, f) => {
+      const S = V("v-btn"), I = V("v-chip");
+      return m(), A(ue, null, [
         b(S, {
           class: "mx-2",
           icon: "mdi-restore",
           size: "small",
           disabled: !v.value,
-          onClick: h
+          onClick: g
         }, null, 8, ["disabled"]),
         c.renderDisplay && s.value ? (m(), E(I, {
           key: 0,
           variant: "flat",
           color: "white",
           size: "large",
-          onClick: g[0] || (g[0] = (y) => n("onDisplayClick", s.value))
+          onClick: f[0] || (f[0] = (y) => n("onDisplayClick", s.value))
         }, {
           default: _(() => [
             ee(G(c.renderDisplay(s.value)), 1)
@@ -1733,14 +1733,14 @@ const jn = /* @__PURE__ */ j({
       }
     ), xe(() => {
       for (const r in s) {
-        const { element: h, state: k } = s[r], { r: f, g: c, b: g, a: S, s: I } = e.colorCallback(r, k) || {
+        const { element: g, state: k } = s[r], { r: h, g: c, b: f, a: S, s: I } = e.colorCallback(r, k) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        h.style.fill = `rgba(${f}, ${c}, ${g}, ${S / 255})`, h.style.stroke = `rgb(${f}, ${c}, ${g})`, h.style.strokeWidth = I.toString();
+        g.style.fill = `rgba(${h}, ${c}, ${f}, ${S / 255})`, g.style.stroke = `rgb(${h}, ${c}, ${f})`, g.style.strokeWidth = I.toString();
       }
     }), H(i, () => {
       for (const r in s)
@@ -1757,8 +1757,8 @@ const jn = /* @__PURE__ */ j({
     );
     function v() {
       ke(() => {
-        var h;
-        const r = (h = o.value) == null ? void 0 : h.firstChild;
+        var g;
+        const r = (g = o.value) == null ? void 0 : g.firstChild;
         if (r) {
           if (!r.hasAttribute("viewBox")) {
             const k = `0 0 ${r.getAttribute(
@@ -1778,29 +1778,29 @@ const jn = /* @__PURE__ */ j({
     }
     function u() {
       ke(() => {
-        var h;
-        const r = (h = o.value) == null ? void 0 : h.firstChild;
+        var g;
+        const r = (g = o.value) == null ? void 0 : g.firstChild;
         r && (t("updateSvgContainer", r), v(), r.querySelectorAll(
           "[data-apartment-id]"
-        ).forEach((f) => {
-          f.style.strokeWidth = "0", f.style.stroke = "rgba(255,255,255,0)", f.style.fill = "rgba(255,255,255,0)", f.querySelectorAll("path").forEach((g) => {
-            g.style.stroke = "inherit", g.style.fill = "inherit";
+        ).forEach((h) => {
+          h.style.strokeWidth = "0", h.style.stroke = "rgba(255,255,255,0)", h.style.fill = "rgba(255,255,255,0)", h.querySelectorAll("path").forEach((f) => {
+            f.style.stroke = "inherit", f.style.fill = "inherit";
           });
-          const c = f.getAttribute("data-apartment-id");
+          const c = h.getAttribute("data-apartment-id");
           s[c] = {
-            element: f,
+            element: h,
             state: i.value === c ? "selected" : "idle"
-          }, f.addEventListener("mouseover", () => {
+          }, h.addEventListener("mouseover", () => {
             s[c].state === "idle" && (s[c].state = "hover"), t("onHoverOver", c);
-          }), f.addEventListener("mouseout", () => {
+          }), h.addEventListener("mouseout", () => {
             s[c].state === "hover" && (s[c].state = "idle"), t("onHoverOut", c);
-          }), f.addEventListener("click", () => {
+          }), h.addEventListener("click", () => {
             t("onClick", c);
           });
         }));
       });
     }
-    return (r, h) => (m(), E(Ee, null, {
+    return (r, g) => (m(), E(Ee, null, {
       default: _(() => [
         (m(), A("div", {
           ref_key: "svgContainer",
@@ -1825,10 +1825,10 @@ const jn = /* @__PURE__ */ j({
       transition: " transform 0.5s ease-in"
     }));
     return (t, n) => {
-      const o = T("v-img");
+      const o = V("v-img");
       return m(), E(o, {
-        src: V(ea),
-        style: ue(e.value)
+        src: T(ea),
+        style: ie(e.value)
       }, null, 8, ["src", "style"]);
     };
   }
@@ -2085,7 +2085,7 @@ const ra = {
   setup(l, { emit: a }) {
     const e = l, t = a, n = p(), o = p(), i = p(), s = p(
       null
-    ), v = p(4), u = p(), r = p(!1), h = p(!1), k = p(), f = p(), c = O(() => f.value.isHoverEnabled), g = p({ x: 0, y: 0, width: 0, height: 0 }), S = p(), I = p(), y = p(
+    ), v = p(4), u = p(), r = p(!1), g = p(!1), k = p(), h = p(), c = O(() => h.value.isHoverEnabled), f = p({ x: 0, y: 0, width: 0, height: 0 }), S = p(), I = p(), y = p(
       e.apartmentChooserData
     ), R = p(!1);
     ye(() => {
@@ -2211,19 +2211,19 @@ const ra = {
           ne = ne.parentElement;
       if (fe) {
         const me = P.currentTarget;
-        g.value = {
+        f.value = {
           x: B,
           y: J,
           width: me.clientWidth,
           height: me.clientHeight
         };
       } else
-        g.value = void 0;
-      t("onMouseMove", P, g.value);
+        f.value = void 0;
+      t("onMouseMove", P, f.value);
     }
     return (P, B) => {
-      const J = T("v-skeleton-loader");
-      return m(), A(ie, null, [
+      const J = V("v-skeleton-loader");
+      return m(), A(ue, null, [
         b(J, {
           type: "image",
           class: "w-100 h-100 position-relative",
@@ -2244,7 +2244,7 @@ const ra = {
                         key: 0,
                         "apartment-chooser-data": y.value,
                         "current-camera": n.value,
-                        disabled: h.value,
+                        disabled: g.value,
                         onOnCameraChange: C
                       }, null, 8, ["apartment-chooser-data", "current-camera", "disabled"])) : $("", !0)
                     ]),
@@ -2253,7 +2253,7 @@ const ra = {
                         key: 0,
                         "camera-data": n.value,
                         "current-day": o.value,
-                        disabled: h.value,
+                        disabled: g.value,
                         onOnDayChange: Z
                       }, null, 8, ["camera-data", "current-day", "disabled"])) : $("", !0)
                     ]),
@@ -2262,7 +2262,7 @@ const ra = {
                         key: 0,
                         "day-data": o.value,
                         "current-time": i.value,
-                        disabled: h.value,
+                        disabled: g.value,
                         onOnTimeChange: w
                       }, null, 8, ["day-data", "current-time", "disabled"])) : $("", !0)
                     ])
@@ -2278,8 +2278,8 @@ const ra = {
                       "render-display": e.renderDisplay,
                       onOnDisplayClick: M,
                       onOnSceneChange: W,
-                      onOnRotateStart: B[0] || (B[0] = (ne) => h.value = !0),
-                      onOnRotateFinish: B[1] || (B[1] = (ne) => h.value = !1)
+                      onOnRotateStart: B[0] || (B[0] = (ne) => g.value = !0),
+                      onOnRotateFinish: B[1] || (B[1] = (ne) => g.value = !1)
                     }, null, 8, ["apartment-chooser-data", "current-scene", "selected-id", "render-display"])) : $("", !0)
                   ]),
                   d("div", va, [
@@ -2290,13 +2290,13 @@ const ra = {
                   ]),
                   b(qe, { position: "relative" }, {
                     default: _(() => [
-                      (m(!0), A(ie, null, ve(F.value, (ne) => (m(), E(Rn, {
+                      (m(!0), A(ue, null, ve(F.value, (ne) => (m(), E(Rn, {
                         key: ne.overlayFilename,
                         "camera-data": ne,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-time": i.value
                       }, null, 8, ["camera-data", "cdn-file-resolver", "current-time"]))), 128)),
-                      (m(!0), A(ie, null, ve(Y.value, (ne) => (m(), E(Yn, {
+                      (m(!0), A(ue, null, ve(Y.value, (ne) => (m(), E(Yn, {
                         "transition-data": ne,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-transition": s.value
@@ -2322,10 +2322,10 @@ const ra = {
                     ]),
                     _: 1
                   }),
-                  P.$slots.popup && g.value && u.value ? (m(), E(Ze, {
+                  P.$slots.popup && f.value && u.value ? (m(), E(Ze, {
                     key: 0,
                     "is-hoverable": c.value,
-                    pos: g.value
+                    pos: f.value
                   }, {
                     default: _(() => [
                       d("div", pa, [
@@ -2343,7 +2343,7 @@ const ra = {
         }, 8, ["loading"]),
         b(Re, {
           ref_key: "hoverProbe",
-          ref: f
+          ref: h
         }, null, 512)
       ], 64);
     };
@@ -2368,8 +2368,8 @@ const ra = {
       });
     }
     const s = O(() => {
-      const r = Math.floor(n.value / 2).toString().padStart(2, "0"), h = n.value % 2 === 0 ? "00" : "30";
-      return `${r}:${h}`;
+      const r = Math.floor(n.value / 2).toString().padStart(2, "0"), g = n.value % 2 === 0 ? "00" : "30";
+      return `${r}:${g}`;
     }), v = O(() => e.dateSelector.dates.map(i)), u = O({
       get() {
         return i(e.dateSelector.selectedDate);
@@ -2389,8 +2389,8 @@ const ra = {
       }
     ), xe(() => {
       o.value = i(e.dateSelector.selectedDate);
-    }), (r, h) => {
-      const k = T("v-icon"), f = T("v-select"), c = T("v-progress-linear"), g = T("v-slider");
+    }), (r, g) => {
+      const k = V("v-icon"), h = V("v-select"), c = V("v-progress-linear"), f = V("v-slider");
       return m(), A("div", ha, [
         d("div", ga, [
           b(k, {
@@ -2398,10 +2398,10 @@ const ra = {
             class: "mr-2",
             icon: "mdi-calendar-blank-outline"
           }),
-          r.dateSelector.hasMultipleDates ? (m(), E(f, {
+          r.dateSelector.hasMultipleDates ? (m(), E(h, {
             key: 0,
             modelValue: o.value,
-            "onUpdate:modelValue": h[0] || (h[0] = (S) => o.value = S),
+            "onUpdate:modelValue": g[0] || (g[0] = (S) => o.value = S),
             items: v.value,
             density: "compact",
             variant: "underlined",
@@ -2428,10 +2428,10 @@ const ra = {
             height: "6",
             color: "grey lighten-1",
             class: "mr-2"
-          })) : (m(), E(g, {
+          })) : (m(), E(f, {
             key: 1,
             modelValue: n.value,
-            "onUpdate:modelValue": h[1] || (h[1] = (S) => n.value = S),
+            "onUpdate:modelValue": g[1] || (g[1] = (S) => n.value = S),
             min: 0,
             max: 47,
             step: 1,
@@ -2464,8 +2464,8 @@ const ra = {
     ), ye(() => {
       v(e.imageUrls), new ResizeObserver((u) => {
         window.requestAnimationFrame(() => {
-          const r = u[0].contentRect.width, h = u[0].contentRect.height;
-          t("resize", { width: r, height: h });
+          const r = u[0].contentRect.width, g = u[0].contentRect.height;
+          t("resize", { width: r, height: g });
         });
       }).observe(i.value);
     });
@@ -2488,11 +2488,11 @@ const ra = {
         onLoad: s
       }, null, 544),
       n.value === "preloaded" || n.value === "loaded" ? pe((m(), A("div", ka, [
-        (m(!0), A(ie, null, ve(u.imageUrls, (h, k) => (m(), A("img", {
+        (m(!0), A(ue, null, ve(u.imageUrls, (g, k) => (m(), A("img", {
           key: k,
           class: he({ "image-instance": !0, active: k === u.activeIndex }),
-          src: h,
-          onLoad: r[0] || (r[0] = (f) => o.value.partLoaded())
+          src: g,
+          onLoad: r[0] || (r[0] = (h) => o.value.partLoaded())
         }, null, 42, wa))), 128))
       ], 512)), [
         [ge, n.value === "loaded"]
@@ -2532,7 +2532,7 @@ const ra = {
       height: 0
     }), i = p({ x: 0, y: 0, width: 0, height: 0 }), s = p(), v = p(
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
-    ), u = p(!1), r = p(new Ce()), h = p(), k = p("0 0 0 0"), f = p(), c = p(), g = p(We.empty()), S = p(Ne.empty()), I = p(), y = O(() => I.value.isHoverEnabled);
+    ), u = p(!1), r = p(new Ce()), g = p(), k = p("0 0 0 0"), h = p(), c = p(), f = p(We.empty()), S = p(Ne.empty()), I = p(), y = O(() => I.value.isHoverEnabled);
     H(s, (w, M) => {
       w ? t("hoverOverBuilding", w) : t("hoverOutBuilding", M);
     }), xe(() => {
@@ -2549,7 +2549,7 @@ const ra = {
         e.buildingChooserData
       );
       if (M) {
-        S.value = new Ne(M.mapImage), g.value = new We(M.buildingIds), f.value = new ut(M.backgrounds), c.value = {
+        S.value = new Ne(M.mapImage), f.value = new We(M.buildingIds), h.value = new ut(M.backgrounds), c.value = {
           buildingOverlays: M.buildingOverlays,
           viewLongitude: M.viewLongitude
         };
@@ -2562,7 +2562,7 @@ const ra = {
               svg: J.innerHTML
             });
           });
-        h.value = q;
+        g.value = q;
       } else
         u.value = !0;
     });
@@ -2635,7 +2635,7 @@ const ra = {
       s.value = w, y.value && s.value && e.canGoToBuildingCallback(s.value) && t("goToBuilding", s.value);
     }
     return (w, M) => {
-      const q = T("v-icon");
+      const q = V("v-icon");
       return u.value ? (m(), A("div", Sa, [
         b(q, { "x-large": "" }, {
           default: _(() => [
@@ -2645,7 +2645,7 @@ const ra = {
         })
       ])) : c.value ? (m(), A("div", {
         key: 1,
-        style: ue(`height: ${o.value.height}px; position: relative`),
+        style: ie(`height: ${o.value.height}px; position: relative`),
         class: "image-container"
       }, [
         b(qe, {
@@ -2655,22 +2655,22 @@ const ra = {
           default: _(() => [
             d("div", Da, [
               b(Tt, {
-                "image-urls": f.value.imageUrls,
+                "image-urls": h.value.imageUrls,
                 "active-index": v.value,
                 onResize: R,
                 onPreloaded: M[0] || (M[0] = (Q) => n.value.preloaded = !0),
                 onReady: M[1] || (M[1] = (Q) => n.value.ready = !0),
                 onReset: F
               }, null, 8, ["image-urls", "active-index"]),
-              h.value ? pe((m(), A("div", xa, [
+              g.value ? pe((m(), A("div", xa, [
                 d("div", Aa, [
                   (m(), A("svg", { viewBox: k.value }, [
-                    (m(!0), A(ie, null, ve(h.value, ({ id: Q, svg: oe }, P) => (m(), A("g", {
+                    (m(!0), A(ue, null, ve(g.value, ({ id: Q, svg: oe }, P) => (m(), A("g", {
                       key: P,
                       innerHTML: oe,
                       "data-building-id": Q,
                       class: he(Y(Q)),
-                      style: ue(D(Q)),
+                      style: ie(D(Q)),
                       onMouseover: (B) => C(B, Q),
                       onMouseout: (B) => W(B, Q),
                       onMousemove: (B) => L(B),
@@ -2700,7 +2700,7 @@ const ra = {
           b(Mt, {
             modelValue: v.value,
             "onUpdate:modelValue": M[2] || (M[2] = (Q) => v.value = Q),
-            "date-selector": f.value,
+            "date-selector": h.value,
             "is-loading": !n.value.ready
           }, null, 8, ["modelValue", "date-selector", "is-loading"])
         ], 512), [
@@ -2746,8 +2746,8 @@ const ra = {
     const t = p(!1), n = p(), o = p(new Ce()), i = p(), s = p(), v = p([]), u = p();
     H(
       () => e.color,
-      (f, c) => {
-        (f.r !== c.r || f.g !== c.g || f.b !== c.b || f.a !== c.a) && h();
+      (h, c) => {
+        (h.r !== c.r || h.g !== c.g || h.b !== c.b || h.a !== c.a) && g();
       }
     ), ye(async () => {
       n.value = await o.value.loadImage(e.imageUrl), r();
@@ -2755,29 +2755,29 @@ const ra = {
     function r() {
       if (!n.value || !u.value)
         return;
-      const { width: f, height: c } = e.dimensions;
-      if (!(f === 0 || c === 0)) {
+      const { width: h, height: c } = e.dimensions;
+      if (!(h === 0 || c === 0)) {
         i.value = u.value.getContext("2d", {
           willReadFrequently: !0
-        }), i.value.drawImage(n.value, 0, 0, f, c), s.value = i.value.getImageData(0, 0, f, c);
-        for (let g = 3; g < s.value.data.length; g += 4)
-          s.value.data[g] !== 0 && v.value.push(g);
-        h(), t.value = !0;
+        }), i.value.drawImage(n.value, 0, 0, h, c), s.value = i.value.getImageData(0, 0, h, c);
+        for (let f = 3; f < s.value.data.length; f += 4)
+          s.value.data[f] !== 0 && v.value.push(f);
+        g(), t.value = !0;
       }
     }
-    function h() {
+    function g() {
       i.value && s.value && (k(), i.value.putImageData(s.value, 0, 0));
     }
     function k() {
       if (e.color)
-        for (let f = 0; f < v.value.length; f++)
-          s.value.data[v.value[f] - 3] = e.color.r, s.value.data[v.value[f] - 2] = e.color.g, s.value.data[v.value[f] - 1] = e.color.b, s.value.data[v.value[f]] = e.color.a;
+        for (let h = 0; h < v.value.length; h++)
+          s.value.data[v.value[h] - 3] = e.color.r, s.value.data[v.value[h] - 2] = e.color.g, s.value.data[v.value[h] - 1] = e.color.b, s.value.data[v.value[h]] = e.color.a;
     }
-    return (f, c) => (m(), A("canvas", Se({
+    return (h, c) => (m(), A("canvas", Se({
       ref_key: "canvas",
       ref: u,
       class: "overlay"
-    }, f.dimensions), null, 16));
+    }, h.dimensions), null, 16));
   }
 }), Oa = /* @__PURE__ */ K(Ea, [["__scopeId", "data-v-9e4cdd0e"]]), Ba = {
   key: 0,
@@ -2810,13 +2810,13 @@ const ra = {
     }), i = p({
       width: 0,
       height: 0
-    }), s = p({ x: 0, y: 0, width: 0, height: 0 }), v = p(), u = p(We.empty()), r = p(Ne.empty()), h = p(), k = p(
+    }), s = p({ x: 0, y: 0, width: 0, height: 0 }), v = p(), u = p(We.empty()), r = p(Ne.empty()), g = p(), k = p(
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
-    ), f = p(
+    ), h = p(
       (w, M) => ({ x: w, y: M })
-    ), c = p(!1), g = p(), S = p(), I = p(), y = O(() => {
+    ), c = p(!1), f = p(), S = p(), I = p(), y = O(() => {
       var w;
-      return (w = g.value) == null ? void 0 : w.isHoverEnabled;
+      return (w = f.value) == null ? void 0 : w.isHoverEnabled;
     });
     xe(() => {
       if (e.buildingChooserTimeOfDay) {
@@ -2825,7 +2825,7 @@ const ra = {
         ), Q = parseInt(q);
         k.value = parseInt(M) * 2 + (Q < 15 ? 0 : Q > 45 ? 2 : 1);
       }
-    }), H(h, (w, M) => {
+    }), H(g, (w, M) => {
       w ? t("hoverOverBuilding", w) : t("hoverOutBuilding", M);
     }), ye(async () => {
       const M = await new Lt(
@@ -2845,7 +2845,7 @@ const ra = {
       o.value = { preloaded: !1, ready: !1 };
     }
     function Y(w) {
-      const { layerX: M, layerY: q } = w, { x: Q, y: oe } = f.value(M, q);
+      const { layerX: M, layerY: q } = w, { x: Q, y: oe } = h.value(M, q);
       return u.value.getBuildingId(
         r.value,
         Q,
@@ -2859,7 +2859,7 @@ const ra = {
     }
     function C(w) {
       const { layerX: M, layerY: q } = w;
-      y.value && (h.value = Y(w), h.value !== void 0 && (s.value = {
+      y.value && (g.value = Y(w), g.value !== void 0 && (s.value = {
         x: M,
         y: q,
         width: i.value.width,
@@ -2867,19 +2867,19 @@ const ra = {
       }));
     }
     function W(w) {
-      h.value = Y(w), y.value && h.value && t("goToBuilding", h.value);
+      g.value = Y(w), y.value && g.value && t("goToBuilding", g.value);
     }
     function L(w) {
       return e.colorCallback(
         w,
-        w === h.value ? "hover" : "idle"
+        w === g.value ? "hover" : "idle"
       );
     }
     function Z({ resolve: w }) {
-      f.value = w;
+      h.value = w;
     }
     return (w, M) => {
-      const q = T("v-icon");
+      const q = V("v-icon");
       return c.value ? (m(), A("div", Ba, [
         b(q, { "x-large": "" }, {
           default: _(() => [
@@ -2889,7 +2889,7 @@ const ra = {
         })
       ])) : v.value ? (m(), A("div", {
         key: 1,
-        style: ue(`cursor: ${h.value ? "pointer" : "auto"};height: ${i.value.height}px; position: relative`),
+        style: ie(`cursor: ${g.value ? "pointer" : "auto"};height: ${i.value.height}px; position: relative`),
         class: "image-container"
       }, [
         b(qe, {
@@ -2908,7 +2908,7 @@ const ra = {
                 onReset: F
               }, null, 8, ["image-urls", "active-index"]),
               pe(d("div", null, [
-                (m(!0), A(ie, null, ve(v.value.buildingOverlays, (Q) => (m(), E(Oa, {
+                (m(!0), A(ue, null, ve(v.value.buildingOverlays, (Q) => (m(), E(Oa, {
                   ref_for: !0,
                   ref_key: "overlays",
                   ref: I,
@@ -2924,7 +2924,7 @@ const ra = {
             d("canvas", Se(i.value, {
               ref_key: "canvas",
               ref: S,
-              class: { hover: !!h.value },
+              class: { hover: !!g.value },
               onClick: W,
               onMousemove: C
             }), null, 16),
@@ -2952,27 +2952,27 @@ const ra = {
         ], 512), [
           [ge, o.value.preloaded]
         ]),
-        w.showCards && h.value ? (m(), E(Ze, {
+        w.showCards && g.value ? (m(), E(Ze, {
           key: 0,
           "is-hoverable": y.value,
           pos: s.value,
-          onOutside: M[3] || (M[3] = () => h.value = void 0)
+          onOutside: M[3] || (M[3] = () => g.value = void 0)
         }, {
           default: _(() => [
             se(w.$slots, "default", {
-              building: h.value,
-              canGoToBuilding: w.canGoToBuildingCallback(h.value),
-              goToBuilding: () => w.canGoToBuildingCallback(h.value) && t("goToBuilding", h.value),
+              building: g.value,
+              canGoToBuilding: w.canGoToBuildingCallback(g.value),
+              goToBuilding: () => w.canGoToBuildingCallback(g.value) && t("goToBuilding", g.value),
               pos: s.value,
               isHoverable: y.value,
-              close: () => h.value = void 0
+              close: () => g.value = void 0
             }, void 0, !0)
           ]),
           _: 3
         }, 8, ["is-hoverable", "pos"])) : $("", !0),
         b(Re, {
           ref_key: "hoverProbe",
-          ref: g
+          ref: f
         }, null, 512)
       ], 4)) : $("", !0);
     };
@@ -3046,7 +3046,7 @@ const ra = {
   },
   setup(l) {
     const a = l;
-    return (e, t) => (m(!0), A(ie, null, ve(a.dayData.timeSamples, (n) => (m(), E(Pa, {
+    return (e, t) => (m(!0), A(ue, null, ve(a.dayData.timeSamples, (n) => (m(), E(Pa, {
       "time-sample-data": n,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": e.currentTime
@@ -3061,7 +3061,7 @@ const ra = {
   },
   setup(l) {
     const a = l;
-    return (e, t) => (m(!0), A(ie, null, ve(a.cameraData.sunsimDayOfYear, (n) => (m(), E(Wa, {
+    return (e, t) => (m(!0), A(ue, null, ve(a.cameraData.sunsimDayOfYear, (n) => (m(), E(Wa, {
       "day-data": n,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": a.currentTime
@@ -3086,7 +3086,7 @@ const ra = {
         )
       );
     }), (o, i) => {
-      const s = T("v-select");
+      const s = V("v-select");
       return m(), E(s, {
         modelValue: n.value,
         "onUpdate:modelValue": i[0] || (i[0] = (v) => n.value = v),
@@ -3129,7 +3129,7 @@ const ra = {
       });
     }
     return (i, s) => {
-      const v = T("v-list-item"), u = T("v-select");
+      const v = V("v-list-item"), u = V("v-select");
       return m(), E(u, {
         modelValue: n.value,
         "onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
@@ -3178,8 +3178,8 @@ const ra = {
       );
     });
     function i(v) {
-      const u = v * 60, r = Math.floor(u / 60), h = u % 60;
-      return `${r.toString().padStart(2, "0")}:${h.toString().padStart(2, "0")}`;
+      const u = v * 60, r = Math.floor(u / 60), g = u % 60;
+      return `${r.toString().padStart(2, "0")}:${g.toString().padStart(2, "0")}`;
     }
     function s() {
       o.value ? (clearInterval(o.value), o.value = void 0) : (e.dayData.timeSamples.findIndex(
@@ -3192,8 +3192,8 @@ const ra = {
       }, 200));
     }
     return (v, u) => {
-      const r = T("v-icon"), h = T("v-btn"), k = T("v-slider"), f = T("v-field");
-      return m(), E(f, { variant: "solo" }, {
+      const r = V("v-icon"), g = V("v-btn"), k = V("v-slider"), h = V("v-field");
+      return m(), E(h, { variant: "solo" }, {
         default: _(() => [
           v.dayData.startTime === v.dayData.endTime ? (m(), A("div", Za, [
             b(r, {
@@ -3217,7 +3217,7 @@ const ra = {
             "hide-details": ""
           }, {
             prepend: _(() => [
-              b(h, {
+              b(g, {
                 icon: o.value ? "mdi-stop" : "mdi-play",
                 size: "x-small",
                 variant: "flat",
@@ -3260,14 +3260,14 @@ const ra = {
     const e = l, t = a, n = p(), o = p(), i = p(e.selectedId), s = st({});
     xe(() => {
       for (const r in s) {
-        const { element: h, state: k } = s[r], { r: f, g: c, b: g, a: S, s: I } = e.colorCallback(r, k) || {
+        const { element: g, state: k } = s[r], { r: h, g: c, b: f, a: S, s: I } = e.colorCallback(r, k) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        h.style.fill = `rgba(${f}, ${c}, ${g}, ${S / 255})`, h.style.stroke = `rgb(${f}, ${c}, ${g})`, h.style.strokeWidth = I.toString();
+        g.style.fill = `rgba(${h}, ${c}, ${f}, ${S / 255})`, g.style.stroke = `rgb(${h}, ${c}, ${f})`, g.style.strokeWidth = I.toString();
       }
     }), H(
       () => e.selectedId,
@@ -3289,8 +3289,8 @@ const ra = {
     );
     function v() {
       ke(() => {
-        var h;
-        const r = (h = o.value) == null ? void 0 : h.firstChild;
+        var g;
+        const r = (g = o.value) == null ? void 0 : g.firstChild;
         if (!r.hasAttribute("viewBox")) {
           const k = `0 0 ${r.getAttribute(
             "width"
@@ -3305,27 +3305,27 @@ const ra = {
     }
     function u() {
       ke(() => {
-        var h;
-        const r = (h = o.value) == null ? void 0 : h.firstChild;
-        r && (t("updateSvgContainer", r), v(), r.querySelectorAll("[data-building-id]").forEach((f) => {
-          f.style.strokeWidth = "0", f.style.stroke = "rgba(255,255,255,0)", f.style.fill = "rgba(255,255,255,0)", f.querySelectorAll("path").forEach((g) => {
-            g.style.stroke = "inherit", g.style.fill = "inherit";
+        var g;
+        const r = (g = o.value) == null ? void 0 : g.firstChild;
+        r && (t("updateSvgContainer", r), v(), r.querySelectorAll("[data-building-id]").forEach((h) => {
+          h.style.strokeWidth = "0", h.style.stroke = "rgba(255,255,255,0)", h.style.fill = "rgba(255,255,255,0)", h.querySelectorAll("path").forEach((f) => {
+            f.style.stroke = "inherit", f.style.fill = "inherit";
           });
-          const c = f.getAttribute("data-building-id");
+          const c = h.getAttribute("data-building-id");
           s[c] = {
-            element: f,
+            element: h,
             state: i.value === c ? "selected" : "idle"
-          }, f.addEventListener("mouseover", () => {
+          }, h.addEventListener("mouseover", () => {
             s[c].state === "idle" && (s[c].state = "hover"), t("onHoverOver", c);
-          }), f.addEventListener("mouseout", () => {
+          }), h.addEventListener("mouseout", () => {
             s[c].state === "hover" && (s[c].state = "idle"), t("onHoverOut", c);
-          }), f.addEventListener("click", () => {
+          }), h.addEventListener("click", () => {
             t("onClick", c);
           });
         }));
       });
     }
-    return (r, h) => (m(), E(Ee, null, {
+    return (r, g) => (m(), E(Ee, null, {
       default: _(() => [
         (m(), A("div", {
           ref_key: "svgContainer",
@@ -3411,17 +3411,17 @@ const oo = {
   },
   emits: ["onClick", "onHoverOver", "onHoverOut", "onMouseMove", "onInitialize", "onError"],
   setup(l, { emit: a }) {
-    const e = l, t = a, n = p(), o = p(), i = p(), s = p(), v = p(!1), u = p(), r = O(() => u.value.isHoverEnabled), h = p({ x: 0, y: 0, width: 0, height: 0 }), k = p(), f = p(), c = p(
+    const e = l, t = a, n = p(), o = p(), i = p(), s = p(), v = p(!1), u = p(), r = O(() => u.value.isHoverEnabled), g = p({ x: 0, y: 0, width: 0, height: 0 }), k = p(), h = p(), c = p(
       e.buildingChooserData
-    ), g = p(!1);
+    ), f = p(!1);
     ye(() => v.value = !0), H(v, (C) => {
       C && t("onInitialize");
     }), H(
-      () => f.value,
+      () => h.value,
       () => {
-        f.value && new ResizeObserver(([W]) => {
-          g.value = W.contentRect.width < e.mobileBreakpoint;
-        }).observe(f.value);
+        h.value && new ResizeObserver(([W]) => {
+          f.value = W.contentRect.width < e.mobileBreakpoint;
+        }).observe(h.value);
       }
     );
     const S = async () => {
@@ -3506,19 +3506,19 @@ const oo = {
           Z = Z.parentElement;
       if (w) {
         const M = C.currentTarget;
-        h.value = {
+        g.value = {
           x: W,
           y: L,
           width: M.clientWidth,
           height: M.clientHeight
         };
       } else
-        h.value = void 0;
-      t("onMouseMove", C, h.value);
+        g.value = void 0;
+      t("onMouseMove", C, g.value);
     }
     return (C, W) => {
-      const L = T("v-skeleton-loader");
-      return m(), A(ie, null, [
+      const L = V("v-skeleton-loader");
+      return m(), A(ue, null, [
         b(L, {
           type: "image",
           class: "w-100 h-100 position-relative",
@@ -3529,8 +3529,8 @@ const oo = {
               default: _(() => [
                 d("div", {
                   ref_key: "container",
-                  ref: f,
-                  class: he({ mobile: g.value }),
+                  ref: h,
+                  class: he({ mobile: f.value }),
                   onMousemove: D
                 }, [
                   d("div", oo, [
@@ -3566,7 +3566,7 @@ const oo = {
                   ]),
                   b(qe, { position: "relative" }, {
                     default: _(() => [
-                      (m(!0), A(ie, null, ve(c.value.cameras, (Z) => (m(), E(Na, {
+                      (m(!0), A(ue, null, ve(c.value.cameras, (Z) => (m(), E(Na, {
                         key: Z.overlayFilename,
                         "camera-data": Z,
                         "cdn-file-resolver": e.cdnFileResolver,
@@ -3591,10 +3591,10 @@ const oo = {
                     ]),
                     _: 1
                   }),
-                  C.$slots.popup && h.value && s.value ? (m(), E(Ze, {
+                  C.$slots.popup && g.value && s.value ? (m(), E(Ze, {
                     key: 0,
                     "is-hoverable": r.value,
-                    pos: h.value
+                    pos: g.value
                   }, {
                     default: _(() => [
                       d("div", co, [
@@ -3713,13 +3713,13 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           n("newFovCallback", c), v.value = c;
         },
         newRotation: (c) => {
-          const g = c + 0;
-          n("newRotationCallback", g), s.value = g;
+          const f = c + 0;
+          n("newRotationCallback", f), s.value = f;
         }
       };
       if (!_o)
         return;
-      const f = await new e.Main(
+      const h = await new e.Main(
         ce(
           t.cdnFileResolver,
           `/${t.interiorId}/${t.apartmentId}`
@@ -3729,10 +3729,10 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
         void 0,
         t.currentCameraId
       );
-      f && (f.handleWindowResize(), window.addEventListener(
+      h && (h.handleWindowResize(), window.addEventListener(
         "resize",
-        f.handleWindowResize.bind(f)
-      ), f.animate(), o.value = e.Main.getPlayerAPI(), o.value && o.value.setLookSensitivity(t.mouseSensitivity));
+        h.handleWindowResize.bind(h)
+      ), h.animate(), o.value = e.Main.getPlayerAPI(), o.value && o.value.setLookSensitivity(t.mouseSensitivity));
     }), Ye(() => {
       o.value && o.value.destroy();
     }), (u, r) => (m(), A("div", bo, [
@@ -3768,7 +3768,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
         d("div", Mo, [
           d("canvas", {
             id: "qpc",
-            style: ue(u.showStaticImage ? "visibility:hidden" : "visibility:visible")
+            style: ie(u.showStaticImage ? "visibility:hidden" : "visibility:visible")
           }, null, 4)
         ])
       ])
@@ -3794,9 +3794,9 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       const r = e.level + 1;
       r >= o.value.length ? t("level", o.value[0]) : t("level", o.value[r]);
     }
-    return (r, h) => {
-      const k = T("v-btn"), f = T("v-tooltip");
-      return m(), E(f, {
+    return (r, g) => {
+      const k = V("v-btn"), h = V("v-tooltip");
+      return m(), E(h, {
         right: "",
         attach: ""
       }, {
@@ -3829,7 +3829,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           }, 1040)
         ]),
         default: _(() => [
-          d("span", $o, G(V(n).getLabel(i.value)) + " " + G(V(n).getLabel("floor")), 1)
+          d("span", $o, G(T(n).getLabel(i.value)) + " " + G(T(n).getLabel("floor")), 1)
         ]),
         _: 1
       });
@@ -3846,9 +3846,9 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
   setup(l, { emit: a }) {
     const e = l, t = a, n = Ge(Le);
     return (o, i) => {
-      const s = T("v-icon"), v = T("v-btn"), u = T("v-img"), r = T("v-list-item-title"), h = T("v-list-item"), k = T("v-list"), f = T("v-menu");
+      const s = V("v-icon"), v = V("v-btn"), u = V("v-img"), r = V("v-list-item-title"), g = V("v-list-item"), k = V("v-list"), h = V("v-menu");
       return m(), A("div", null, [
-        b(f, {
+        b(h, {
           transition: "slide-x-reverse-transition",
           location: "top end",
           origin: "end bottom",
@@ -3864,7 +3864,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                   ]),
                   _: 1
                 }),
-                d("span", Ho, G(V(n).getLabel("interior")), 1)
+                d("span", Ho, G(T(n).getLabel("interior")), 1)
               ]),
               _: 2
             }, 1040)
@@ -3872,11 +3872,11 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           default: _(() => [
             b(k, { class: "interior-selector-list" }, {
               default: _(() => [
-                (m(!0), A(ie, null, ve(e.availableArchetypes, (c, g) => (m(), E(h, {
+                (m(!0), A(ue, null, ve(e.availableArchetypes, (c, f) => (m(), E(g, {
                   density: "compact",
-                  key: `at-menuitem-${g}`,
+                  key: `at-menuitem-${f}`,
                   onClick: (S) => t("selectInterior", c.archetypeID),
-                  active: g === o.selectedIndex,
+                  active: f === o.selectedIndex,
                   class: "interior-selector-list-item"
                 }, {
                   prepend: _(() => [
@@ -3890,7 +3890,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                   default: _(() => [
                     b(r, { class: "text-caption py-2 px-4" }, {
                       default: _(() => [
-                        ee(G(V(n).get(c.title)), 1)
+                        ee(G(T(n).get(c.title)), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -3919,15 +3919,15 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       transform: `rotate(${-a.rotation + 180}deg)`
     }));
     return (o, i) => {
-      const s = T("v-img");
+      const s = V("v-img");
       return m(), A("div", {
-        style: ue(t.value),
+        style: ie(t.value),
         class: "compass-wrapper"
       }, [
         b(s, {
           class: "compass-needle",
           src: e.value,
-          style: ue(n.value)
+          style: ie(n.value)
         }, null, 8, ["src", "style"])
       ], 4);
     };
@@ -3944,11 +3944,11 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       return ("0" + n).slice(-2);
     }
     return (n, o) => {
-      const i = T("v-img");
+      const i = V("v-img");
       return m(), A("div", Go, [
         d("div", Qo, [
           b(i, {
-            src: V(No),
+            src: T(No),
             "aspect-ratio": "1"
           }, null, 8, ["src"])
         ]),
@@ -3981,15 +3981,15 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       return e.showStaticImage || (i = "slideShow"), i;
     });
     return (i, s) => {
-      const v = T("v-icon"), u = T("v-btn"), r = T("v-tooltip");
+      const v = V("v-icon"), u = V("v-btn"), r = V("v-tooltip");
       return m(), E(r, { location: "top" }, {
-        activator: _(({ props: h }) => [
+        activator: _(({ props: g }) => [
           b(u, Se({
             density: "comfortable",
             elevation: "1",
             icon: "",
             onClick: s[0] || (s[0] = (k) => t("toggle"))
-          }, h), {
+          }, g), {
             default: _(() => [
               o.value === "virtualTour" ? (m(), A("svg", Xo, nl)) : (m(), E(v, { key: 1 }, {
                 default: _(() => [
@@ -4002,7 +4002,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           }, 1040)
         ]),
         default: _(() => [
-          d("span", null, G(V(n).getLabel(o.value)), 1)
+          d("span", null, G(T(n).getLabel(o.value)), 1)
         ]),
         _: 1
       });
@@ -4549,7 +4549,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       e("closeTutorial", n.value);
     }
     return (v, u) => {
-      const r = T("v-icon"), h = T("v-card-title"), k = T("v-btn"), f = T("v-divider"), c = T("v-card-text"), g = T("v-card-actions"), S = T("v-card"), I = T("v-expand-transition"), y = T("v-checkbox");
+      const r = V("v-icon"), g = V("v-card-title"), k = V("v-btn"), h = V("v-divider"), c = V("v-card-text"), f = V("v-card-actions"), S = V("v-card"), I = V("v-expand-transition"), y = V("v-checkbox");
       return m(), E(Ee, { name: "fade-transition" }, {
         default: _(() => [
           b(S, {
@@ -4557,7 +4557,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
             elevation: "16"
           }, {
             default: _(() => [
-              b(h, { class: "text-capitalize" }, {
+              b(g, { class: "text-capitalize" }, {
                 default: _(() => [
                   b(r, { size: "x-small" }, {
                     default: _(() => [
@@ -4565,13 +4565,13 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                     ]),
                     _: 1
                   }),
-                  ee(" " + G(V(t).getLabel("disclaimer")), 1)
+                  ee(" " + G(T(t).getLabel("disclaimer")), 1)
                 ]),
                 _: 1
               }),
               b(c, { class: "pb-0" }, {
                 default: _(() => [
-                  d("p", null, G(V(t).getLabel("disclaimerTextShort")), 1),
+                  d("p", null, G(T(t).getLabel("disclaimerTextShort")), 1),
                   b(k, {
                     variant: "tonal",
                     size: "small",
@@ -4579,7 +4579,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                     class: "text-capitalize mt-2"
                   }, {
                     default: _(() => [
-                      ee(G(V(t).getLabel("learnMore")) + " ", 1),
+                      ee(G(T(t).getLabel("learnMore")) + " ", 1),
                       b(r, null, {
                         default: _(() => [
                           ee("mdi-chevron-right")
@@ -4589,42 +4589,42 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                     ]),
                     _: 1
                   }),
-                  b(f, { class: "my-3" }),
+                  b(h, { class: "my-3" }),
                   i.value ? $("", !0) : (m(), A("div", ll, [
                     d("div", sl, [
                       d("div", rl, [
                         il,
-                        d("div", ul, G(V(t).getLabel("clickAndDragToLookAround")), 1)
+                        d("div", ul, G(T(t).getLabel("clickAndDragToLookAround")), 1)
                       ]),
                       d("div", cl, [
                         dl,
-                        d("div", vl, G(V(t).getLabel("clickOnTheCirclesToMoveAround")), 1)
+                        d("div", vl, G(T(t).getLabel("clickOnTheCirclesToMoveAround")), 1)
                       ]),
                       d("div", ml, [
                         pl,
-                        d("div", fl, G(V(t).getLabel("useTheMouseWheelToZoom")), 1)
+                        d("div", fl, G(T(t).getLabel("useTheMouseWheelToZoom")), 1)
                       ]),
                       d("div", hl, [
                         gl,
-                        d("div", yl, G(V(t).getLabel("youCanAlsoUseTheArrowKeysToMoveAround")), 1)
+                        d("div", yl, G(T(t).getLabel("youCanAlsoUseTheArrowKeysToMoveAround")), 1)
                       ])
                     ])
                   ])),
                   i.value ? (m(), A("div", _l, [
                     d("div", bl, [
                       Cl,
-                      d("div", kl, G(V(t).getLabel("tapAndDragToLookAround")), 1)
+                      d("div", kl, G(T(t).getLabel("tapAndDragToLookAround")), 1)
                     ]),
                     d("div", wl, [
                       Il,
-                      d("div", Sl, G(V(t).getLabel("tapOnTheCirclesToMoveAround")), 1)
+                      d("div", Sl, G(T(t).getLabel("tapOnTheCirclesToMoveAround")), 1)
                     ]),
                     d("div", Dl, [
                       xl,
-                      d("div", Al, G(V(t).getLabel("useTwoFingersToZoom")), 1)
+                      d("div", Al, G(T(t).getLabel("useTwoFingersToZoom")), 1)
                     ])
                   ])) : $("", !0),
-                  b(f, { class: "my-1" })
+                  b(h, { class: "my-1" })
                 ]),
                 _: 1
               }),
@@ -4646,13 +4646,13 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                               ]),
                               _: 1
                             }),
-                            ee(" " + G(V(t).getLabel("disclaimer")), 1)
+                            ee(" " + G(T(t).getLabel("disclaimer")), 1)
                           ]),
-                          d("p", Ll, G(V(t).getLabel("disclaimerText")), 1)
+                          d("p", Ll, G(T(t).getLabel("disclaimerText")), 1)
                         ]),
                         _: 1
                       }),
-                      b(g, null, {
+                      b(f, null, {
                         default: _(() => [
                           b(k, {
                             variant: "tonal",
@@ -4667,7 +4667,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                                 ]),
                                 _: 1
                               }),
-                              ee(" " + G(V(t).getLabel("back")), 1)
+                              ee(" " + G(T(t).getLabel("back")), 1)
                             ]),
                             _: 1
                           })
@@ -4688,12 +4688,12 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                   "hide-details": ""
                 }, {
                   label: _(() => [
-                    d("span", Tl, G(V(t).getLabel("dontShowAgain")), 1)
+                    d("span", Tl, G(T(t).getLabel("dontShowAgain")), 1)
                   ]),
                   _: 1
                 }, 8, ["modelValue"])
               ]),
-              b(g, null, {
+              b(f, null, {
                 default: _(() => [
                   b(k, {
                     variant: "tonal",
@@ -4701,7 +4701,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                     block: ""
                   }, {
                     default: _(() => [
-                      ee(G(V(t).getLabel("iUnderstand")), 1)
+                      ee(G(T(t).getLabel("iUnderstand")), 1)
                     ]),
                     _: 1
                   })
@@ -4734,7 +4734,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
   emits: ["updateSettings", "saveSettings"],
   setup(l, { emit: a }) {
     const e = l, t = a, n = p(
-      f(e.initialSettings)
+      h(e.initialSettings)
     );
     H(
       n,
@@ -4745,8 +4745,8 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
     );
     const o = O(() => {
       let c = {};
-      for (const [g, S] of Object.entries(n.value))
-        g === "whitePoint" ? c[g] = r(S.value) : c[g] = S.value;
+      for (const [f, S] of Object.entries(n.value))
+        f === "whitePoint" ? c[f] = r(S.value) : c[f] = S.value;
       return c;
     });
     function i() {
@@ -4757,28 +4757,28 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       c.href = URL.createObjectURL(
         new Blob([JSON.stringify(o.value, null, 2)])
       );
-      const g = `player-settings-${Date.now()}.json`;
-      c.download = g, c.style.display = "none", document.body.appendChild(c), c.click(), document.body.removeChild(c);
+      const f = `player-settings-${Date.now()}.json`;
+      c.download = f, c.style.display = "none", document.body.appendChild(c), c.click(), document.body.removeChild(c);
     }
     function v() {
       t("saveSettings", o.value);
     }
     function u() {
-      n.value = f(), t("updateSettings", o.value);
+      n.value = h(), t("updateSettings", o.value);
     }
     function r(c) {
-      const g = parseInt(c.substr(1, 2), 16) / 255, S = parseInt(c.substr(3, 2), 16) / 255, I = parseInt(c.substr(5, 2), 16) / 255;
-      return [g, S, I];
+      const f = parseInt(c.substr(1, 2), 16) / 255, S = parseInt(c.substr(3, 2), 16) / 255, I = parseInt(c.substr(5, 2), 16) / 255;
+      return [f, S, I];
     }
-    function h(c) {
-      var g = c.toString(16);
-      return g.length == 1 ? "0" + g : g;
+    function g(c) {
+      var f = c.toString(16);
+      return f.length == 1 ? "0" + f : f;
     }
-    function k([c, g, S]) {
-      return "#" + h(parseInt((c * 255).toString())) + h(parseInt((g * 255).toString())) + h(parseInt((S * 255).toString()));
+    function k([c, f, S]) {
+      return "#" + g(parseInt((c * 255).toString())) + g(parseInt((f * 255).toString())) + g(parseInt((S * 255).toString()));
     }
-    function f(c = {}) {
-      const g = [
+    function h(c = {}) {
+      const f = [
         "Cool 5",
         "Cool 10",
         "Cool 15",
@@ -4865,7 +4865,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
         lut: {
           label: "Lut",
           type: "lut",
-          items: g.map((I) => ({
+          items: f.map((I) => ({
             text: I,
             value: `https://cdn.visuado.com/luts/${I}.png`
           })),
@@ -4873,12 +4873,12 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
         }
       };
     }
-    return (c, g) => {
-      const S = T("v-text-field"), I = T("v-slider"), y = T("v-checkbox"), R = T("v-btn"), F = T("v-select"), Y = T("v-icon");
+    return (c, f) => {
+      const S = V("v-text-field"), I = V("v-slider"), y = V("v-checkbox"), R = V("v-btn"), F = V("v-select"), Y = V("v-icon");
       return m(), A("div", Bl, [
         d("form", $l, [
           d("div", Rl, [
-            (m(!0), A(ie, null, ve(n.value, (D, C, W) => (m(), A("div", {
+            (m(!0), A(ue, null, ve(n.value, (D, C, W) => (m(), A("div", {
               key: W,
               "d-block": ""
             }, [
@@ -5010,7 +5010,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           ]),
           d("div", Jl, [
             b(R, {
-              onClick: g[0] || (g[0] = (D) => u())
+              onClick: f[0] || (f[0] = (D) => u())
             }, {
               default: _(() => [
                 ee("Reset")
@@ -5019,7 +5019,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
             }),
             b(R, {
               class: "ml-2",
-              onClick: g[1] || (g[1] = (D) => s())
+              onClick: f[1] || (f[1] = (D) => s())
             }, {
               default: _(() => [
                 ee(" Download Json "),
@@ -5034,7 +5034,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
             }),
             b(R, {
               class: "ml-2",
-              onClick: g[2] || (g[2] = (D) => v())
+              onClick: f[2] || (f[2] = (D) => v())
             }, {
               default: _(() => [
                 ee(" Save Settings "),
@@ -5067,27 +5067,27 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       const s = document.getElementById(i.id + "Header");
       if (!s)
         return;
-      let v = 0, u = 0, r = 0, h = 0;
+      let v = 0, u = 0, r = 0, g = 0;
       s.addEventListener("touchstart", k, { passive: !1 }), s.addEventListener("touchend", c, { passive: !1 }), s.addEventListener("mousedown", k, { passive: !1 }), s.addEventListener("mouseup", c, { passive: !1 });
-      function k(g) {
-        g = g || window.event, g.preventDefault();
-        let S = g;
-        g.type === "touchstart" && (S = g.touches[0]), r = S.clientX, h = S.clientY, document.addEventListener("mouseup", c, { passive: !1 }), document.addEventListener("touchend", c, { passive: !1 }), document.addEventListener("mousemove", f, { passive: !1 }), document.addEventListener("touchmove", f, { passive: !1 });
+      function k(f) {
+        f = f || window.event, f.preventDefault();
+        let S = f;
+        f.type === "touchstart" && (S = f.touches[0]), r = S.clientX, g = S.clientY, document.addEventListener("mouseup", c, { passive: !1 }), document.addEventListener("touchend", c, { passive: !1 }), document.addEventListener("mousemove", h, { passive: !1 }), document.addEventListener("touchmove", h, { passive: !1 });
       }
-      function f(g) {
-        g = g || window.event, g.preventDefault();
-        let S = g;
-        g.type === "touchmove" && (S = g.touches[0]), v = r - S.clientX, u = h - S.clientY, r = S.clientX, h = S.clientY, i.style.top = i.offsetTop - u + "px", i.style.left = i.offsetLeft - v + "px";
+      function h(f) {
+        f = f || window.event, f.preventDefault();
+        let S = f;
+        f.type === "touchmove" && (S = f.touches[0]), v = r - S.clientX, u = g - S.clientY, r = S.clientX, g = S.clientY, i.style.top = i.offsetTop - u + "px", i.style.left = i.offsetLeft - v + "px";
       }
       function c() {
-        document.removeEventListener("mouseup", c, !1), document.removeEventListener("mousemove", f, !1), document.removeEventListener("touchend", c, !1), document.removeEventListener("touchmove", f, !1);
+        document.removeEventListener("mouseup", c, !1), document.removeEventListener("mousemove", h, !1), document.removeEventListener("touchend", c, !1), document.removeEventListener("touchmove", h, !1);
       }
     }
     function o() {
       t.value === "big" ? t.value = "small" : t.value = "big";
     }
     return (i, s) => {
-      const v = T("v-btn");
+      const v = V("v-btn");
       return m(), A("div", {
         id: "moveableDiv",
         class: he(["big d-flex justify-space-between flex-column align-center sizer", t.value])
@@ -5153,11 +5153,11 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
     transformAngle: {}
   },
   setup(l) {
-    const a = l, e = p(512), t = p(384), n = p(new He.Vector3()), o = p(new He.Object3D()), i = p({}), s = p(1), v = p(), u = O(() => a.allCameras), r = O(() => a.allCameras.find((C) => C.id === a.currentCamera)), h = O(() => a.rotation), k = O(() => new He.Vector3(
+    const a = l, e = p(512), t = p(384), n = p(new He.Vector3()), o = p(new He.Object3D()), i = p({}), s = p(1), v = p(), u = O(() => a.allCameras), r = O(() => a.allCameras.find((C) => C.id === a.currentCamera)), g = O(() => a.rotation), k = O(() => new He.Vector3(
       a.storey.position.x,
       a.storey.position.y,
       a.storey.position.z
-    )), f = O(() => parseFloat(r.value.floor_vertical_position)), c = O(() => u.value.map((C) => {
+    )), h = O(() => parseFloat(r.value.floor_vertical_position)), c = O(() => u.value.map((C) => {
       const W = C.uposition.split(","), L = new He.Vector3(
         Number(W[0]) - k.value.x,
         0,
@@ -5167,7 +5167,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
         ...C,
         ...F(n.value, L)
       };
-    })), g = O(() => `background-image: url(${a.backgroundImage});`), S = O(() => {
+    })), f = O(() => `background-image: url(${a.backgroundImage});`), S = O(() => {
       let C = s.value > 1 ? 1 : s.value;
       return C < 0.8 && (C = 0.4), `scale: ${C > 1 ? 1 : C}; transform: rotate(${a.transformAngle}deg);`;
     });
@@ -5204,7 +5204,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       };
     }
     function Y() {
-      const C = a.storey.position.y - f.value;
+      const C = a.storey.position.y - h.value;
       t.value = 2 * (C * Math.tan(I(a.storey.fovY / 2))), e.value = 512 / 384 * t.value;
       const W = t.value / 2, L = e.value / 2, Z = new He.Vector3(L * -1, 0, W * -1);
       n.value = Z;
@@ -5220,29 +5220,29 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       d("div", ms, [
         d("div", {
           class: "web-minimap",
-          style: ue(S.value)
+          style: ie(S.value)
         }, [
           d("div", {
             class: "minimap-background-image",
-            style: ue(g.value)
+            style: ie(f.value)
           }, null, 4),
           d("div", {
             class: "center-pivot",
-            style: ue(i.value)
+            style: ie(i.value)
           }, [
-            (m(!0), A(ie, null, ve(c.value, (L) => (m(), A("div", {
+            (m(!0), A(ue, null, ve(c.value, (L) => (m(), A("div", {
               key: L.id
             }, [
               r.value.floorLevel === L.floorLevel ? (m(), A("div", {
                 key: 0,
                 class: "single-camera-marker",
-                style: ue(R(L))
+                style: ie(R(L))
               }, null, 4)) : $("", !0),
               r.value.id === L.id && a.rotation !== null ? (m(), E(ds, {
                 key: 1,
                 class: "rotation-marker-component",
-                rotation: h.value,
-                style: ue({ ...R(L) })
+                rotation: g.value,
+                style: ie({ ...R(L) })
               }, null, 8, ["rotation", "style"])) : $("", !0)
             ]))), 128))
           ], 4)
@@ -5261,7 +5261,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
     const a = l, e = O(() => a.rotation + a.transformAngle - 90);
     return (t, n) => (m(), A("div", {
       class: "minimap-compass",
-      style: ue({ scale: t.scale })
+      style: ie({ scale: t.scale })
     }, [
       b(Je, {
         class: "north-indicator",
@@ -5282,7 +5282,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
   },
   emits: ["setBackgroundImage"],
   setup(l, { emit: a }) {
-    const e = l, t = a, n = p((/* @__PURE__ */ new Date()).getHours()), o = p(!0), i = p(!0), s = p(""), v = p(/* @__PURE__ */ new Map()), u = O(() => e.minimapJson.storeys[e.level]), r = O(() => `${Math.floor(n.value).toString().padStart(2, "0")}:00`), h = O(() => {
+    const e = l, t = a, n = p((/* @__PURE__ */ new Date()).getHours()), o = p(!0), i = p(!0), s = p(""), v = p(/* @__PURE__ */ new Map()), u = O(() => e.minimapJson.storeys[e.level]), r = O(() => `${Math.floor(n.value).toString().padStart(2, "0")}:00`), g = O(() => {
       if (u.value.sunsimFilesTimeStamps[n.value]) {
         const I = u.value.sunsimFilesTimeStamps[n.value].split(" ");
         return `${I[0]} ${I[1]}`;
@@ -5293,7 +5293,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       s.value = await c(
         u.value.sunsimFiles[n.value]
       ), i.value = !1;
-      const I = await f(e.minimapJson.storeys);
+      const I = await h(e.minimapJson.storeys);
       v.value = I, o.value = !1, t("setBackgroundImage", k(e.level, n.value));
     }), H(n, () => {
       const I = k(e.level, n.value);
@@ -5308,7 +5308,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
     function k(I, y) {
       return v.value.get(`sunsim${I}_${y}`) ? v.value.get(`sunsim${I}_${y}`) : "";
     }
-    async function f(I) {
+    async function h(I) {
       let y = /* @__PURE__ */ new Map();
       for (let R = 0; R < I.length; R++) {
         const F = I[R].sunsimFiles;
@@ -5331,9 +5331,9 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/${I}`
         )
       )).blob(), F = await S(R);
-      return g(F);
+      return f(F);
     }
-    function g(I) {
+    function f(I) {
       return "data:image/jpeg;base64," + I;
     }
     async function S(I) {
@@ -5346,7 +5346,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       });
     }
     return (I, y) => {
-      const R = T("v-progress-linear"), F = T("v-icon"), Y = T("v-slider");
+      const R = V("v-progress-linear"), F = V("v-icon"), Y = V("v-slider");
       return m(), A("div", ys, [
         d("div", _s, [
           d("div", bs, [
@@ -5380,7 +5380,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
               _: 1
             }, 8, ["modelValue"]))
           ]),
-          o.value ? $("", !0) : (m(), A("div", Cs, G(h.value) + " " + G(r.value), 1))
+          o.value ? $("", !0) : (m(), A("div", Cs, G(g.value) + " " + G(r.value), 1))
         ])
       ]);
     };
@@ -5415,8 +5415,8 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
     function u() {
       o.value = o.value + 90;
     }
-    return (r, h) => (m(), E(ls, {
-      onClose: h[0] || (h[0] = (k) => t("close")),
+    return (r, g) => (m(), E(ls, {
+      onClose: g[0] || (g[0] = (k) => t("close")),
       onTransform: u
     }, {
       body: _(() => [
@@ -5487,7 +5487,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       r(), t("goto", u);
     }
     return (u, r) => {
-      const h = T("v-btn"), k = T("v-img"), f = T("v-card"), c = T("v-slide-group-item"), g = T("v-slide-group");
+      const g = V("v-btn"), k = V("v-img"), h = V("v-card"), c = V("v-slide-group-item"), f = V("v-slide-group");
       return m(), A("div", {
         class: he({
           mobileWaypointWrapper: i.value,
@@ -5495,7 +5495,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           " waypoint-carousel": !0
         })
       }, [
-        b(g, {
+        b(f, {
           modelValue: o.value,
           "onUpdate:modelValue": r[2] || (r[2] = (S) => o.value = S),
           class: he({ mobileWaypoint: i.value }),
@@ -5506,7 +5506,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           mandatory: ""
         }, {
           prev: _(() => [
-            b(h, {
+            b(g, {
               class: he(["carousel-button", { mobile: i.value }]),
               icon: "mdi-chevron-left",
               varient: "tonal",
@@ -5515,7 +5515,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
             }, null, 8, ["class"])
           ]),
           next: _(() => [
-            b(h, {
+            b(g, {
               class: he(["carousel-button", { mobile: i.value }]),
               icon: "mdi-chevron-right",
               varient: "tonal",
@@ -5524,11 +5524,11 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
             }, null, 8, ["class"])
           ]),
           default: _(() => [
-            (m(!0), A(ie, null, ve(u.thumbnails, (S) => (m(), E(c, {
+            (m(!0), A(ue, null, ve(u.thumbnails, (S) => (m(), E(c, {
               key: S.id
             }, {
               default: _(({ toggle: I, selectedClass: y }) => [
-                b(f, {
+                b(h, {
                   class: he([
                     i.value ? "ma-0" : "ma-1",
                     y,
@@ -5589,9 +5589,9 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       navigator.clipboard.writeText(location.href);
     }
     return (v, u) => {
-      const r = T("v-btn"), h = T("v-tooltip"), k = T("v-toolbar-title"), f = T("v-spacer"), c = T("v-toolbar"), g = T("v-card-text"), S = T("v-card"), I = T("v-dialog");
+      const r = V("v-btn"), g = V("v-tooltip"), k = V("v-toolbar-title"), h = V("v-spacer"), c = V("v-toolbar"), f = V("v-card-text"), S = V("v-card"), I = V("v-dialog");
       return m(), A("div", null, [
-        b(h, {
+        b(g, {
           elevation: "2",
           top: "",
           attach: ""
@@ -5605,7 +5605,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
             }, y), null, 16)
           ]),
           default: _(() => [
-            d("span", null, G(V(a).getLabel("share")), 1)
+            d("span", null, G(T(a).getLabel("share")), 1)
           ]),
           _: 1
         }),
@@ -5627,18 +5627,18 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                     }),
                     b(k, null, {
                       default: _(() => [
-                        ee(G(V(a).getLabel("share")), 1)
+                        ee(G(T(a).getLabel("share")), 1)
                       ]),
                       _: 1
                     }),
-                    b(f)
+                    b(h)
                   ]),
                   _: 1
                 }),
-                b(g, { class: "mt-5" }, {
+                b(f, { class: "mt-5" }, {
                   default: _(() => [
                     d("p", As, [
-                      b(h, { location: "top" }, {
+                      b(g, { location: "top" }, {
                         activator: _(({ props: y }) => [
                           b(r, Se({
                             depressed: "",
@@ -5648,11 +5648,11 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                           }, y, { onClick: n }), null, 16)
                         ]),
                         default: _(() => [
-                          d("span", null, G(V(a).getLabel("shareToFacebook")), 1)
+                          d("span", null, G(T(a).getLabel("shareToFacebook")), 1)
                         ]),
                         _: 1
                       }),
-                      b(h, { location: "top" }, {
+                      b(g, { location: "top" }, {
                         activator: _(({ props: y }) => [
                           b(r, Se({
                             depressed: "",
@@ -5662,11 +5662,11 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                           }, y, { onClick: i }), null, 16)
                         ]),
                         default: _(() => [
-                          d("span", null, G(V(a).getLabel("shareToLinkedin")), 1)
+                          d("span", null, G(T(a).getLabel("shareToLinkedin")), 1)
                         ]),
                         _: 1
                       }),
-                      b(h, { location: "top" }, {
+                      b(g, { location: "top" }, {
                         activator: _(({ props: y }) => [
                           b(r, Se({
                             depressed: "",
@@ -5676,11 +5676,11 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                           }, y, { onClick: o }), null, 16)
                         ]),
                         default: _(() => [
-                          d("span", null, G(V(a).getLabel("shareToTwitter")), 1)
+                          d("span", null, G(T(a).getLabel("shareToTwitter")), 1)
                         ]),
                         _: 1
                       }),
-                      b(h, { location: "top" }, {
+                      b(g, { location: "top" }, {
                         activator: _(({ props: y }) => [
                           b(r, Se({
                             depressed: "",
@@ -5692,11 +5692,11 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                           }, y), null, 16, ["href"])
                         ]),
                         default: _(() => [
-                          d("span", null, G(V(a).getLabel("shareViaEmail")), 1)
+                          d("span", null, G(T(a).getLabel("shareViaEmail")), 1)
                         ]),
                         _: 1
                       }),
-                      b(h, { location: "top" }, {
+                      b(g, { location: "top" }, {
                         activator: _(({ props: y }) => [
                           b(r, Se({
                             depressed: "",
@@ -5707,11 +5707,11 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                           }, y), null, 16)
                         ]),
                         default: _(() => [
-                          d("span", null, G(V(a).getLabel("copyLink")), 1)
+                          d("span", null, G(T(a).getLabel("copyLink")), 1)
                         ]),
                         _: 1
                       }),
-                      b(f)
+                      b(h)
                     ])
                   ]),
                   _: 1
@@ -5736,7 +5736,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
     return (t, n) => (m(), A("div", Ls, [
       d("div", {
         class: he(["img-div", [t.aspectRatio]]),
-        style: ue(e.value)
+        style: ie(e.value)
       }, null, 6)
     ]));
   }
@@ -5752,7 +5752,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
   setup(l, { emit: a }) {
     const e = a;
     return (t, n) => {
-      const o = T("v-btn");
+      const o = V("v-btn");
       return m(), A("div", Vs, [
         b(o, {
           density: "comfortable",
@@ -5870,7 +5870,7 @@ const Es = {
       takeSnapshot: dt,
       setCurrentCamera: U
     });
-    const o = p(!1), i = p(!1), s = p(!1), v = p(), u = p(), r = p(), h = p(), k = p(), f = p(0), c = p(), g = p(), S = p(), I = p(0), y = p(0), R = p(0), F = p(!1), Y = p(!1), D = p(!1), C = p(
+    const o = p(!1), i = p(!1), s = p(!1), v = p(), u = p(), r = p(), g = p(), k = p(), h = p(0), c = p(), f = p(), S = p(), I = p(0), y = p(0), R = p(0), F = p(!1), Y = p(!1), D = p(!1), C = p(
       new Ot(document, "player-wrapper")
     ), W = O(() => {
       if (u.value) {
@@ -5905,7 +5905,7 @@ const Es = {
       imageUrl: at(
         `/${c.value}/${t.apartmentId}/images/1600/${x.id}.jpg`
       )
-    })) : []), M = O(() => !w.value || !w.value[f.value] ? "" : w.value[f.value].imageUrl), q = O(() => {
+    })) : []), M = O(() => !w.value || !w.value[h.value] ? "" : w.value[h.value].imageUrl), q = O(() => {
       let x = [];
       return v.value && (x = v.value.archetypes), t.validInteriorIds.length ? x.filter(
         (X) => t.validInteriorIds.includes(X.archetypeID)
@@ -5913,11 +5913,11 @@ const Es = {
     }), Q = O(() => r.value ? q.value.map((x) => ({
       ...x,
       url: at(
-        `/${x.archetypeID}/${t.apartmentId}/thumbs/200/${w.value[f.value].id}.jpg`
+        `/${x.archetypeID}/${t.apartmentId}/thumbs/200/${w.value[h.value].id}.jpg`
       )
     })) : []), oe = O(() => {
-      if (h.value && h.value.storeys && L.value in h.value.storeys)
-        return h.value.storeys[L.value];
+      if (g.value && g.value.storeys && L.value in g.value.storeys)
+        return g.value.storeys[L.value];
     }), P = O(() => u.value && u.value.timeInHours), B = O(() => {
       if (u.value && u.value.timeInHours && t.showTimeOfDay)
         return Rt(u.value.timeInHours);
@@ -5949,14 +5949,14 @@ const Es = {
       if (u.value = await Me(
         c.value,
         t.apartmentId
-      ), u.value && (g.value = u.value.cameras.find(() => !0).id), r.value = await Te(
+      ), u.value && (f.value = u.value.cameras.find(() => !0).id), r.value = await Te(
         c.value,
         t.apartmentId
       ), r.value) {
         let x = t.defaultWaypointIndex !== null ? t.defaultWaypointIndex : 0;
-        f.value = x, g.value = r.value.cameras[x].id, S.value = r.value.cameras[x].id;
+        h.value = x, f.value = r.value.cameras[x].id, S.value = r.value.cameras[x].id;
       }
-      t.showMiniMap && (h.value = await De(
+      t.showMiniMap && (g.value = await De(
         c.value,
         t.apartmentId
       ));
@@ -6043,19 +6043,19 @@ const Es = {
       }
     }
     function Ae() {
-      let x = f.value + 1;
-      x >= w.value.length && (x = 0), f.value = x, U(w.value[f.value].id);
+      let x = h.value + 1;
+      x >= w.value.length && (x = 0), h.value = x, U(w.value[h.value].id);
     }
     function be() {
-      let x = f.value - 1;
-      x < 0 && (x = w.value.length - 1), f.value = x, U(w.value[f.value].id);
+      let x = h.value - 1;
+      x < 0 && (x = w.value.length - 1), h.value = x, U(w.value[h.value].id);
     }
     function _e(x, X = !0) {
       let le = w.value.findIndex((Ie) => Ie.id === x);
-      le != -1 && (f.value = le, X && U(x));
+      le != -1 && (h.value = le, X && U(x));
     }
     function U(x) {
-      g.value = x;
+      f.value = x;
     }
     function te(x) {
       c.value = x, n("onInteriorUpdate", x), n("onCameraUpdate", S.value, u.value);
@@ -6135,32 +6135,32 @@ const Es = {
       );
     });
     return (x, X) => {
-      const le = T("v-btn");
+      const le = V("v-btn");
       return m(), A("div", {
         class: he(["virtual-tour-wrapper", [Ct.value]])
       }, [
         s.value ? (m(), A("div", Es, "Error loading the player!!")) : $("", !0),
         d("div", Os, [
-          !C.value.isActive && h.value && S.value && oe.value && c.value && Y.value ? (m(), E(wt, {
+          !C.value.isActive && g.value && S.value && oe.value && c.value && Y.value ? (m(), E(wt, {
             key: 0,
             "cdn-file-resolver": x.cdnFileResolver,
             "apartment-json": u.value,
             level: L.value,
-            "minimap-json": h.value,
+            "minimap-json": g.value,
             rotation: I.value,
             "current-camera": S.value,
             onClose: X[0] || (X[0] = (Ie) => Y.value = !1)
           }, null, 8, ["cdn-file-resolver", "apartment-json", "level", "minimap-json", "rotation", "current-camera"])) : $("", !0),
-          c.value && g.value ? (m(), A("div", {
+          c.value && f.value ? (m(), A("div", {
             key: 1,
             class: he(["v-player", [Ct.value]])
           }, [
             b(Vo, {
               "cdn-file-resolver": x.cdnFileResolver,
-              style: ue({ zIndex: F.value ? 1 : 2 }),
+              style: ie({ zIndex: F.value ? 1 : 2 }),
               "show-static-image": F.value,
               "is-full-screen": C.value.isActive,
-              "current-camera-id": g.value,
+              "current-camera-id": f.value,
               "mouse-sensitivity": x.mouseSensitivity,
               "interior-id": c.value,
               "apartment-id": t.apartmentId,
@@ -6197,7 +6197,7 @@ const Es = {
                 }, null, 512), [
                   [ge, D.value]
                 ]),
-                h.value && g.value && oe.value ? pe((m(), E(le, {
+                g.value && f.value && oe.value ? pe((m(), E(le, {
                   key: 1,
                   density: "comfortable",
                   elevation: "3",
@@ -6236,8 +6236,8 @@ const Es = {
                     hours: B.value.hours,
                     minutes: B.value.minutes,
                     class: "time-of-day",
-                    style: ue({
-                      cursor: h.value && S.value && oe.value ? "pointer" : "default"
+                    style: ie({
+                      cursor: g.value && S.value && oe.value ? "pointer" : "default"
                     })
                   }, null, 8, ["hours", "minutes", "style"])) : $("", !0)
                 ])
@@ -6261,11 +6261,11 @@ const Es = {
                   key: 0,
                   onCloseTutorial: X[5] || (X[5] = (Ie) => Ut(Ie))
                 })) : $("", !0),
-                C.value.isActive && h.value && S.value && oe.value && Y.value ? (m(), E(wt, {
+                C.value.isActive && g.value && S.value && oe.value && Y.value ? (m(), E(wt, {
                   key: 1,
                   "cdn-file-resolver": x.cdnFileResolver,
                   "apartment-json": u.value,
-                  "minimap-json": h.value,
+                  "minimap-json": g.value,
                   rotation: I.value,
                   "current-camera": S.value,
                   level: L.value,
@@ -6318,7 +6318,7 @@ const Es = {
                     key: 0,
                     class: he([C.value.isActive ? "full-screen" : ""]),
                     thumbnails: w.value,
-                    active: f.value,
+                    active: h.value,
                     onNext: Ae,
                     onPrevious: be,
                     onGoto: _e
@@ -6342,7 +6342,7 @@ const Es = {
               key: 0,
               class: "waypoint-carousel below-player",
               thumbnails: w.value,
-              active: f.value,
+              active: h.value,
               onNext: Ae,
               onPrevious: be,
               onGoto: _e
@@ -6442,8 +6442,8 @@ const Es = {
     const e = p(0), t = p(
       new Ot(document, "player-wrapper")
     ), n = O(() => a.images.map(
-      (r, h) => ({
-        id: `image-${h}`,
+      (r, g) => ({
+        id: `image-${g}`,
         thumbnailUrl: r
       })
     )), o = O(() => n.value[e.value]);
@@ -6461,14 +6461,14 @@ const Es = {
       let r = e.value - 1;
       r < 0 && (r = n.value.length - 1), e.value = r;
     }
-    function u(r, h = !0) {
+    function u(r, g = !0) {
       let k = n.value.findIndex(
-        (f) => f.id === r
+        (h) => h.id === r
       );
       k != -1 && (e.value = k);
     }
-    return (r, h) => {
-      const k = T("v-img"), f = T("v-btn");
+    return (r, g) => {
+      const k = V("v-img"), h = V("v-btn");
       return m(), A("div", lr, [
         d("div", sr, [
           d("div", null, [
@@ -6488,7 +6488,7 @@ const Es = {
               "center-left": _(() => [
                 b(Ee, { name: "slide-x-transition" }, {
                   default: _(() => [
-                    n.value.length > 1 ? (m(), E(f, {
+                    n.value.length > 1 ? (m(), E(h, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
@@ -6503,7 +6503,7 @@ const Es = {
               "center-right": _(() => [
                 b(Ee, { name: "slide-x-reverse-transition" }, {
                   default: _(() => [
-                    n.value.length > 1 ? (m(), E(f, {
+                    n.value.length > 1 ? (m(), E(h, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
@@ -6568,7 +6568,7 @@ const Es = {
       src: o.value,
       width: "100%"
     }, null, 8, dr)), [
-      [ge, V(n) && V(e) === V(n)]
+      [ge, T(n) && T(e) === T(n)]
     ]);
   }
 }), mr = /* @__PURE__ */ K(vr, [["__scopeId", "data-v-9630cdc0"]]), pr = /* @__PURE__ */ j({
@@ -6581,11 +6581,11 @@ const Es = {
   },
   setup(l) {
     const a = l, { dayData: e, cdnFileResolver: t, currentTime: n } = Oe(a);
-    return (o, i) => (m(!0), A(ie, null, ve(V(e).timeSamples, (s) => (m(), E(mr, {
+    return (o, i) => (m(!0), A(ue, null, ve(T(e).timeSamples, (s) => (m(), E(mr, {
       key: s.filename,
       "time-sample-data": s,
-      "cdn-file-resolver": V(t),
-      "current-time": V(n)
+      "cdn-file-resolver": T(t),
+      "current-time": T(n)
     }, null, 8, ["time-sample-data", "cdn-file-resolver", "current-time"]))), 128));
   }
 }), fr = ["src"], hr = /* @__PURE__ */ j({
@@ -6602,18 +6602,18 @@ const Es = {
       t.value,
       n.value.defaultFilename
     ));
-    return (s, v) => V(e).sunsimDayOfYear ? (m(!0), A(ie, { key: 0 }, ve(V(e).sunsimDayOfYear, (u) => (m(), E(pr, {
+    return (s, v) => T(e).sunsimDayOfYear ? (m(!0), A(ue, { key: 0 }, ve(T(e).sunsimDayOfYear, (u) => (m(), E(pr, {
       key: u.dayOfYear,
       "day-data": u,
-      "cdn-file-resolver": V(t),
+      "cdn-file-resolver": T(t),
       "current-day": s.currentDay,
-      "current-time": V(o)
+      "current-time": T(o)
     }, null, 8, ["day-data", "cdn-file-resolver", "current-day", "current-time"]))), 128)) : pe((m(), A("img", {
       key: i.value,
       src: i.value,
       width: "100%"
     }, null, 8, fr)), [
-      [ge, V(n) === V(e)]
+      [ge, T(n) === T(e)]
     ]);
   }
 }), gr = ["src"], yr = /* @__PURE__ */ j({
@@ -6630,7 +6630,7 @@ const Es = {
       src: o.value,
       class: "position-absolute top-left w-100 h-100"
     }, null, 8, gr)), [
-      [ge, V(e) === V(n)]
+      [ge, T(e) === T(n)]
     ]);
   }
 }), _r = /* @__PURE__ */ K(yr, [["__scopeId", "data-v-a7a18237"]]);
@@ -6666,8 +6666,8 @@ const br = {
         )
       );
     }), (u, r) => {
-      const h = T("v-btn"), k = T("v-field"), f = T("v-list-item-title"), c = T("v-list-item"), g = T("v-list"), S = T("v-menu");
-      return V(n).sunsimDayOfYear.length > 0 ? (m(), A("div", br, [
+      const g = V("v-btn"), k = V("v-field"), h = V("v-list-item-title"), c = V("v-list-item"), f = V("v-list"), S = V("v-menu");
+      return T(n).sunsimDayOfYear.length > 0 ? (m(), A("div", br, [
         b(S, null, {
           activator: _(({ props: I }) => [
             b(k, {
@@ -6676,18 +6676,18 @@ const br = {
               flat: ""
             }, {
               default: _(() => [
-                b(h, Se({
+                b(g, Se({
                   variant: "text",
                   rounded: "",
                   flat: "",
-                  readonly: V(n).sunsimDayOfYear.length === 1,
+                  readonly: T(n).sunsimDayOfYear.length === 1,
                   "prepend-icon": "mdi-calendar-blank",
-                  "append-icon": V(n).sunsimDayOfYear.length > 1 ? "mdi-menu-down" : void 0,
-                  disabled: V(i),
-                  size: V(t) ? "small" : void 0
+                  "append-icon": T(n).sunsimDayOfYear.length > 1 ? "mdi-menu-down" : void 0,
+                  disabled: T(i),
+                  size: T(t) ? "small" : void 0
                 }, I), {
                   default: _(() => [
-                    ee(G(V(It)(v.value)), 1)
+                    ee(G(T(It)(v.value)), 1)
                   ]),
                   _: 2
                 }, 1040, ["readonly", "append-icon", "disabled", "size"])
@@ -6696,17 +6696,17 @@ const br = {
             }, 1024)
           ]),
           default: _(() => [
-            b(g, null, {
+            b(f, null, {
               default: _(() => [
-                (m(!0), A(ie, null, ve(V(n).sunsimDayOfYear, (I, y) => (m(), E(c, {
+                (m(!0), A(ue, null, ve(T(n).sunsimDayOfYear, (I, y) => (m(), E(c, {
                   key: y,
                   value: y,
                   onClick: (R) => v.value = I.dayOfYear
                 }, {
                   default: _(() => [
-                    b(f, null, {
+                    b(h, null, {
                       default: _(() => [
-                        ee(G(V(It)(I.dayOfYear)), 1)
+                        ee(G(T(It)(I.dayOfYear)), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -6722,7 +6722,7 @@ const br = {
       ])) : $("", !0);
     };
   }
-}), kr = /* @__PURE__ */ K(Cr, [["__scopeId", "data-v-4002f1e1"]]), wr = ["onClick"], Ir = {
+}), kr = /* @__PURE__ */ K(Cr, [["__scopeId", "data-v-a04625cf"]]), wr = ["onClick"], Ir = {
   key: 1,
   class: "icon-wrapper"
 }, Sr = /* @__PURE__ */ j({
@@ -6746,37 +6746,37 @@ const br = {
     H(v, () => {
       u(
         "onCameraChange",
-        n.value.find((h) => h === v.value)
+        n.value.find((g) => g === v.value)
       );
     });
-    function r(h) {
-      s.value || (v.value = h);
+    function r(g) {
+      s.value || (v.value = g);
     }
-    return (h, k) => {
-      const f = T("v-chip"), c = T("v-icon");
+    return (g, k) => {
+      const h = V("v-chip"), c = V("v-icon");
       return m(), A("div", {
         class: he({
           "d-flex": !0,
-          "justify-center": !V(t),
-          "align-end": !V(t),
-          "justify-end": V(t),
-          mobile: V(t),
-          disabled: V(s),
-          enabled: !V(s)
+          "justify-center": !T(t),
+          "align-end": !T(t),
+          "justify-end": T(t),
+          mobile: T(t),
+          disabled: T(s),
+          enabled: !T(s)
         })
       }, [
-        (m(!0), A(ie, null, ve(V(n), (g, S) => (m(), A("div", {
+        (m(!0), A(ue, null, ve(T(n), (f, S) => (m(), A("div", {
           key: S,
           class: "still-camera",
-          style: ue({
-            backgroundImage: `url(${V(ce)(
-              V(i),
-              g.defaultFilename
+          style: ie({
+            backgroundImage: `url(${T(ce)(
+              T(i),
+              f.defaultFilename
             )})`
           }),
-          onClick: (I) => r(g)
+          onClick: (I) => r(f)
         }, [
-          !V(t) && g.cameraName ? (m(), E(f, {
+          !T(t) && f.cameraName ? (m(), E(h, {
             key: 0,
             variant: "flat",
             size: "small",
@@ -6784,11 +6784,11 @@ const br = {
             color: "white"
           }, {
             default: _(() => [
-              ee(G(g.cameraName), 1)
+              ee(G(f.cameraName), 1)
             ]),
             _: 2
           }, 1024)) : $("", !0),
-          g.sunsimDayOfYear && g.sunsimDayOfYear.length > 1 ? (m(), A("div", Ir, [
+          f.sunsimDayOfYear && f.sunsimDayOfYear.length > 1 ? (m(), A("div", Ir, [
             b(c, {
               size: "x-small",
               color: "warning",
@@ -6830,22 +6830,25 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
         )
       );
     }), (u, r) => {
-      const h = T("v-icon"), k = T("v-slider"), f = T("v-field");
+      const g = V("v-icon"), k = V("v-slider"), h = V("v-field");
       return m(), A("div", {
-        class: he({ "d-inline-block": !0, mobile: V(t) }),
-        style: { flex: "1", "vertical-align": "top" }
+        class: he({ "d-inline-block": !0, mobile: T(t) }),
+        style: ie({
+          flex: T(t) && T(n).timeSamples.length > 1 ? 1 : void 0,
+          verticalAlign: "top"
+        })
       }, [
-        b(f, {
-          style: ue(
-            V(n).timeSamples.length > 1 ? {
-              width: V(t) ? "100%" : "300px",
-              height: V(t) ? "28px" : "36px"
+        b(h, {
+          style: ie(
+            T(n).timeSamples.length > 1 ? {
+              width: T(t) ? "100%" : "300px",
+              height: T(t) ? "28px" : "36px"
             } : {
-              height: V(t) ? "28px" : "36px",
+              height: T(t) ? "28px" : "36px",
               paddingLeft: "12px",
               paddingRight: "12px",
-              paddingTop: V(t) ? "5px" : "9px",
-              paddingBottom: V(t) ? "5px" : "9px"
+              paddingTop: T(t) ? "5px" : "9px",
+              paddingBottom: T(t) ? "5px" : "9px"
             }
           ),
           variant: "solo-filled",
@@ -6853,22 +6856,22 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
           flat: ""
         }, {
           default: _(() => [
-            V(n).timeSamples.length > 1 ? (m(), E(k, {
+            T(n).timeSamples.length > 1 ? (m(), E(k, {
               key: 0,
               class: "pa-1 pr-2",
               modelValue: v.value,
               "onUpdate:modelValue": r[0] || (r[0] = (c) => v.value = c),
-              min: V(n).startTime,
-              max: V(n).endTime,
-              step: V(n).interval,
-              disabled: !!V(i),
+              min: T(n).startTime,
+              max: T(n).endTime,
+              step: T(n).interval,
+              disabled: !!T(i),
               density: "compact",
               "thumb-size": "16",
               "thumb-color": "white",
               "hide-details": ""
             }, {
               prepend: _(() => [
-                b(h, {
+                b(g, {
                   style: { "vertical-align": "baseline", "font-size": "20px" },
                   class: "mr-2 icon",
                   color: "warning"
@@ -6878,11 +6881,11 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
                   ]),
                   _: 1
                 }),
-                d("span", xr, G(V(St)(v.value)), 1)
+                d("span", xr, G(T(St)(v.value)), 1)
               ]),
               _: 1
-            }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (m(), A(ie, { key: 1 }, [
-              b(h, {
+            }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (m(), A(ue, { key: 1 }, [
+              b(g, {
                 style: { "vertical-align": "baseline", "font-size": "20px", "margin-top": "-1px", opacity: "0.6" },
                 class: "mr-2 icon",
                 color: "warning"
@@ -6892,15 +6895,15 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
                 ]),
                 _: 1
               }),
-              d("span", Ar, G(V(St)(v.value)), 1)
+              d("span", Ar, G(T(St)(v.value)), 1)
             ], 64))
           ]),
           _: 1
         }, 8, ["style"])
-      ], 2);
+      ], 6);
     };
   }
-}), Lr = /* @__PURE__ */ K(Fr, [["__scopeId", "data-v-3e7bf49c"]]), Mr = {
+}), Lr = /* @__PURE__ */ K(Fr, [["__scopeId", "data-v-75ca9b95"]]), Mr = {
   class: "d-inline-block",
   style: { "vertical-align": "top" }
 }, Tr = /* @__PURE__ */ d("hr", { style: { "border-top": "1px solid #999" } }, null, -1), Vr = /* @__PURE__ */ j({
@@ -6915,23 +6918,23 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
   setup(l, { emit: a }) {
     const e = l, { isMobileSized: t, canZoomIn: n, canZoomOut: o, disabled: i } = Oe(e), s = a;
     return (v, u) => {
-      const r = T("v-btn");
+      const r = V("v-btn");
       return m(), A("div", Mr, [
         b(r, {
-          disabled: V(i) || !V(n),
-          size: V(t) ? "x-small" : "small",
+          disabled: T(i) || !T(n),
+          size: T(t) ? "x-small" : "small",
           flat: "",
           icon: "mdi-plus",
-          onClick: u[0] || (u[0] = (h) => s("onZoomIn")),
+          onClick: u[0] || (u[0] = (g) => s("onZoomIn")),
           style: { "border-bottom-left-radius": "0", "border-bottom-right-radius": "0" }
         }, null, 8, ["disabled", "size"]),
         Tr,
         b(r, {
-          disabled: V(i) || !V(o),
-          size: V(t) ? "x-small" : "small",
+          disabled: T(i) || !T(o),
+          size: T(t) ? "x-small" : "small",
           flat: "",
           icon: "mdi-minus",
-          onClick: u[1] || (u[1] = (h) => s("onZoomOut")),
+          onClick: u[1] || (u[1] = (g) => s("onZoomOut")),
           style: { "border-top-left-radius": "0", "border-top-right-radius": "0" }
         }, null, 8, ["disabled", "size"])
       ]);
@@ -6949,8 +6952,8 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
   setup(l, { emit: a }) {
     const e = l, { cdnFileResolver: t, colorCallback: n, currentCamera: o, selectedId: i } = Oe(e), s = a, v = p(), u = p(), r = st({});
     xe(() => {
-      for (const f in r) {
-        const { element: c, state: g } = r[f], { r: S, g: I, b: y, a: R, s: F } = n.value(f, g) || {
+      for (const h in r) {
+        const { element: c, state: f } = r[h], { r: S, g: I, b: y, a: R, s: F } = n.value(h, f) || {
           r: 0,
           g: 0,
           b: 0,
@@ -6960,8 +6963,8 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
         c.style.fill = `rgba(${S}, ${I}, ${y}, ${R / 255})`, c.style.stroke = `rgb(${S}, ${I}, ${y})`, c.style.strokeWidth = F.toString();
       }
     }), H(i, () => {
-      for (const f in r)
-        r[f].state === "selected" && f !== i.value ? r[f].state = "idle" : r[f].state !== "selected" && f === i.value && (r[f].state = "selected");
+      for (const h in r)
+        r[h].state === "selected" && h !== i.value ? r[h].state = "idle" : r[h].state !== "selected" && h === i.value && (r[h].state = "selected");
     }), xe(async () => {
       v.value = await Ce.loadText(
         ce(t.value, o.value.overlayFilename)
@@ -6969,24 +6972,24 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
     }), H(
       () => u.value,
       () => {
-        u.value && new ResizeObserver(h).observe(u.value);
+        u.value && new ResizeObserver(g).observe(u.value);
       }
     );
-    function h() {
+    function g() {
       ke(() => {
         var c;
-        const f = (c = u.value) == null ? void 0 : c.firstChild;
-        if (f) {
-          if (!f.hasAttribute("viewBox")) {
-            const g = `0 0 ${f.getAttribute(
+        const h = (c = u.value) == null ? void 0 : c.firstChild;
+        if (h) {
+          if (!h.hasAttribute("viewBox")) {
+            const f = `0 0 ${h.getAttribute(
               "width"
-            )} ${f.getAttribute("height")}`;
-            f.setAttribute("viewBox", g);
+            )} ${h.getAttribute("height")}`;
+            h.setAttribute("viewBox", f);
           }
-          f.setAttribute(
+          h.setAttribute(
             "width",
             u.value.offsetWidth.toString()
-          ), f.setAttribute(
+          ), h.setAttribute(
             "height",
             u.value.offsetHeight.toString()
           );
@@ -6996,11 +6999,11 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
     function k() {
       ke(() => {
         var c;
-        const f = (c = u.value) == null ? void 0 : c.firstChild;
-        if (f) {
-          s("updateSvgContainer", f), h();
-          let g, S = "data-structure-id";
-          g = f.querySelectorAll(`[${S}]`), g.length === 0 && (S = "data-apartment-id", g = f.querySelectorAll(`[${S}]`), g.length === 0 && (S = "data-building-id", g = f.querySelectorAll(`[${S}]`))), g.forEach((I) => {
+        const h = (c = u.value) == null ? void 0 : c.firstChild;
+        if (h) {
+          s("updateSvgContainer", h), g();
+          let f, S = "data-structure-id";
+          f = h.querySelectorAll(`[${S}]`), f.length === 0 && (S = "data-apartment-id", f = h.querySelectorAll(`[${S}]`), f.length === 0 && (S = "data-building-id", f = h.querySelectorAll(`[${S}]`))), f.forEach((I) => {
             I.style.strokeWidth = "0", I.style.stroke = "rgba(255,255,255,0)", I.style.fill = "rgba(255,255,255,0)", I.querySelectorAll("path").forEach((R) => {
               R.style.stroke = "inherit", R.style.fill = "inherit";
             });
@@ -7019,12 +7022,12 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
         }
       });
     }
-    return (f, c) => (m(), E(Ee, null, {
+    return (h, c) => (m(), E(Ee, null, {
       default: _(() => [
         (m(), A("div", {
           ref_key: "svgContainer",
           ref: u,
-          key: V(o).overlayFilename,
+          key: T(o).overlayFilename,
           class: "w-100 h-100 position-absolute top-left",
           style: { "z-index": "5" },
           innerHTML: v.value
@@ -7271,8 +7274,8 @@ function zr(l) {
         u = o[v].filename, r = {
           cameraName: `Camera ${s + 1}`,
           cameraPosition: void 0,
-          cameraRotation: l.sceneCameras && (t = l.sceneCameras.find((h) => h.scene === s)) != null && t.cameraRotation ? Dt(
-            (n = l.sceneCameras.find((h) => h.scene === s)) == null ? void 0 : n.cameraRotation
+          cameraRotation: l.sceneCameras && (t = l.sceneCameras.find((g) => g.scene === s)) != null && t.cameraRotation ? Dt(
+            (n = l.sceneCameras.find((g) => g.scene === s)) == null ? void 0 : n.cameraRotation
           ) : void 0,
           cameraFov: 0,
           overlayFilename: `/scenedata${i[s]}V5Overlay.svg`,
@@ -7327,7 +7330,7 @@ function Dt({ x: l, y: a, z: e }) {
   };
 }
 const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
-  key: 2,
+  key: 3,
   class: "render-version"
 }, Nr = /* @__PURE__ */ j({
   __name: "VStructureChooser",
@@ -7356,14 +7359,14 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
       selectedId: v,
       defaultCamera: u,
       defaultDay: r,
-      defaultTime: h,
+      defaultTime: g,
       mobileBreakpoint: k
-    } = Oe(e), f = a;
+    } = Oe(e), h = a;
     Qe(
       Le,
       i.value ? new Fe(i.value) : new Fe()
     );
-    const c = p(), g = p(), S = p(), I = p(null), y = p(4), R = p(), F = p(!1), Y = p(!1), D = p(), C = O(() => D.value.isHoverEnabled), W = p({ x: 0, y: 0, width: 0, height: 0 }), L = p(), Z = p(), w = p(), M = p(!1), q = p(), Q = p({
+    const c = p(), f = p(), S = p(), I = p(null), y = p(4), R = p(), F = p(!1), Y = p(!1), D = p(), C = O(() => D.value.isHoverEnabled), W = p({ x: 0, y: 0, width: 0, height: 0 }), L = p(), Z = p(), w = p(), M = p(!1), q = p(), Q = p({
       current: 100,
       min: 100,
       max: 1e3
@@ -7376,14 +7379,14 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
         try {
           w.value = zr(U);
         } catch (te) {
-          f("onError", te);
+          h("onError", te);
         }
       },
       {
         immediate: !0
       }
     ), H(F, (U) => {
-      U && f("onInitialize");
+      U && h("onInitialize");
     }), H(
       () => Z.value,
       () => {
@@ -7410,19 +7413,19 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
     ), H(
       [w, n, r],
       () => {
-        w.value && n.value && c.value && c.value.sunsimDayOfYear && c.value.sunsimDayOfYear.length > 0 && (r.value ? g.value = c.value.sunsimDayOfYear.find(
+        w.value && n.value && c.value && c.value.sunsimDayOfYear && c.value.sunsimDayOfYear.length > 0 && (r.value ? f.value = c.value.sunsimDayOfYear.find(
           (U) => U.dayOfYear === r.value
-        ) || c.value.sunsimDayOfYear[0] : g.value = c.value.sunsimDayOfYear[0]);
+        ) || c.value.sunsimDayOfYear[0] : f.value = c.value.sunsimDayOfYear[0]);
       },
       { immediate: !0 }
     ), H(
-      [w, n, h],
+      [w, n, g],
       () => {
-        w.value && n.value && g.value && g.value.timeSamples && g.value.timeSamples.length > 0 && (h.value ? S.value = g.value.timeSamples.find(
-          (U) => U.timeInHours === h.value
-        ) || g.value.timeSamples[0] : S.value = g.value.timeSamples.find(
-          (U) => U.timeInHours === g.value.defaultHour
-        ) || g.value.timeSamples[0]);
+        w.value && n.value && f.value && f.value.timeSamples && f.value.timeSamples.length > 0 && (g.value ? S.value = f.value.timeSamples.find(
+          (U) => U.timeInHours === g.value
+        ) || f.value.timeSamples[0] : S.value = f.value.timeSamples.find(
+          (U) => U.timeInHours === f.value.defaultHour
+        ) || f.value.timeSamples[0]);
       },
       { immediate: !0 }
     );
@@ -7439,7 +7442,7 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
       }), I.value = null);
     }
     function ne(U) {
-      const te = g.value;
+      const te = f.value;
       c.value = U, y.value = w.value.cameras.findIndex(
         (z) => z === c.value
       ), ke(() => {
@@ -7452,13 +7455,13 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
     }
     function fe(U) {
       const te = S.value;
-      g.value = U, ke(() => {
+      f.value = U, ke(() => {
         me(
-          g.value.timeSamples.find(
+          f.value.timeSamples.find(
             (z) => z.timeInHours === te.timeInHours
-          ) || g.value.timeSamples.find(
-            (z) => z.timeInHours === g.value.defaultHour
-          ) || g.value.timeSamples[0]
+          ) || f.value.timeSamples.find(
+            (z) => z.timeInHours === f.value.defaultHour
+          ) || f.value.timeSamples[0]
         );
       });
     }
@@ -7466,7 +7469,7 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
       S.value = U;
     }
     function de(U) {
-      f("onClick", U, () => {
+      h("onClick", U, () => {
         const te = w.value.stillCameraData.find(
           (z) => z.id === U
         );
@@ -7474,10 +7477,10 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
       });
     }
     function we(U) {
-      f("onHoverOver", U), R.value = U;
+      h("onHoverOver", U), R.value = U;
     }
     function Me(U) {
-      f("onHoverOut", U), R.value = void 0;
+      h("onHoverOut", U), R.value = void 0;
     }
     function Te(U) {
       const { layerX: te, layerY: z } = U;
@@ -7498,7 +7501,7 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
         };
       } else
         W.value = void 0;
-      f("onMouseMove", U, W.value);
+      h("onMouseMove", U, W.value);
     }
     function De({
       min: U,
@@ -7537,8 +7540,8 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
       });
     }
     return (U, te) => {
-      const z = T("v-skeleton-loader");
-      return m(), A(ie, null, [
+      const z = V("v-skeleton-loader");
+      return m(), A(ue, null, [
         b(z, {
           type: "image",
           class: "w-100 h-100 position-relative",
@@ -7556,7 +7559,7 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
                 }, [
                   d("div", {
                     class: "persistent actions-bar top-right pa-1",
-                    style: ue({
+                    style: ie({
                       zIndex: 7,
                       top: M.value && oe.value.length > 1 ? "51px" : 0
                     })
@@ -7564,7 +7567,7 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
                     c.value.cameraRotation ? (m(), E(Je, {
                       key: 0,
                       class: "mb-1",
-                      style: ue({
+                      style: ie({
                         zIndex: 7,
                         width: M.value ? 32 : 40,
                         height: M.value ? 32 : 40
@@ -7593,7 +7596,7 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
                       "still-cameras": oe.value,
                       "current-camera": c.value,
                       disabled: Y.value,
-                      "cdn-file-resolver": V(n),
+                      "cdn-file-resolver": T(n),
                       onOnCameraChange: B
                     }, null, 8, ["is-mobile-sized", "still-cameras", "current-camera", "disabled", "cdn-file-resolver"])
                   ], 2)) : $("", !0),
@@ -7604,32 +7607,32 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
                     onUpdate: De
                   }, {
                     default: _(() => [
-                      (m(!0), A(ie, null, ve(oe.value, (N, ae) => (m(), E(hr, {
+                      (m(!0), A(ue, null, ve(oe.value, (N, ae) => (m(), E(hr, {
                         key: `camera${ae}`,
                         "camera-data": N,
-                        "cdn-file-resolver": V(n),
+                        "cdn-file-resolver": T(n),
                         "current-camera": c.value,
-                        "current-day": g.value,
+                        "current-day": f.value,
                         "current-time": S.value
                       }, null, 8, ["camera-data", "cdn-file-resolver", "current-camera", "current-day", "current-time"]))), 128)),
-                      (m(!0), A(ie, null, ve(P.value, (N, ae) => (m(), E(_r, {
+                      (m(!0), A(ue, null, ve(P.value, (N, ae) => (m(), E(_r, {
                         key: `transition${ae}`,
                         "transition-data": N,
-                        "cdn-file-resolver": V(n),
+                        "cdn-file-resolver": T(n),
                         "current-transition": I.value
                       }, null, 8, ["transition-data", "cdn-file-resolver", "current-transition"]))), 128)),
-                      V(s) ? (m(), A("div", {
+                      T(s) ? (m(), A("div", {
                         key: 0,
                         class: "w-100 h-100 position-absolute top-left",
                         style: { "z-index": "6", "pointer-events": "none" },
-                        innerHTML: V(s)
+                        innerHTML: T(s)
                       }, null, 8, jr)) : $("", !0),
                       c.value.overlayFilename ? pe((m(), E(Br, {
                         key: 1,
-                        "cdn-file-resolver": V(n),
-                        "color-callback": V(o),
+                        "cdn-file-resolver": T(n),
+                        "color-callback": T(o),
                         "current-camera": c.value,
-                        "selected-id": V(v),
+                        "selected-id": T(v),
                         onOnClick: de,
                         onOnHoverOver: we,
                         onOnHoverOut: Me,
@@ -7640,7 +7643,8 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
                     ]),
                     _: 1
                   }, 512),
-                  d("div", {
+                  f.value.timeSamples && f.value.timeSamples.length > 0 || c.value.sunsimDayOfYear && c.value.sunsimDayOfYear.length > 0 ? (m(), A("div", {
+                    key: 1,
                     class: he({
                       "actions-bar top-left pa-1 d-flex": !0,
                       "px-0": M.value
@@ -7651,20 +7655,20 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
                       class: "pr-1",
                       "is-mobile-sized": M.value,
                       "current-camera": c.value,
-                      "current-day": g.value,
+                      "current-day": f.value,
                       disabled: Y.value,
                       onOnDayChange: fe
                     }, null, 8, ["is-mobile-sized", "current-camera", "current-day", "disabled"]),
                     b(Lr, {
                       "is-mobile-sized": M.value,
-                      "current-day": g.value,
+                      "current-day": f.value,
                       "current-time": S.value,
                       disabled: Y.value,
                       onOnTimeChange: me
                     }, null, 8, ["is-mobile-sized", "current-day", "current-time", "disabled"])
-                  ], 2),
+                  ], 2)) : $("", !0),
                   U.$slots.popup && W.value && R.value ? (m(), E(Ze, {
-                    key: 1,
+                    key: 2,
                     "is-hoverable": C.value,
                     pos: W.value
                   }, {
@@ -7690,7 +7694,7 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
       ], 64);
     };
   }
-}), Gr = /* @__PURE__ */ K(Nr, [["__scopeId", "data-v-17ef8fd2"]]), Kr = {
+}), Gr = /* @__PURE__ */ K(Nr, [["__scopeId", "data-v-09e20b12"]]), Kr = {
   install: function(a) {
     a.component("VApartmentChooser", Vn), a.component("VBuildingChooser", Ya), a.component("VVirtualTour", Ws), a.component("VManualSlideShow", cr), a.component("VStructureChooser", Gr);
   }