@qispace/vue3-player 0.1.61 → 0.1.63

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

@@ -1,67 +1,67 @@
 var Et = Object.defineProperty;
-var Tt = (u, n, e) => n in u ? Et(u, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[n] = e;
-var ne = (u, n, e) => (Tt(u, typeof n != "symbol" ? n + "" : n, e), e);
-import { defineComponent as j, ref as d, computed as T, openBlock as p, createElementBlock as x, watch as P, onMounted as de, onBeforeUnmount as je, withDirectives as ve, createElementVNode as s, normalizeStyle as se, vShow as he, createVNode as w, Fragment as ce, renderList as me, createCommentVNode as U, inject as Be, resolveComponent as B, withCtx as b, toDisplayString as Q, unref as ae, createTextVNode as ee, normalizeClass as fe, createBlock as V, renderSlot as K, provide as Ze, reactive as dt, watchEffect as Ie, resolveDynamicComponent as yt, normalizeProps as tt, guardReactiveProps as nt, mergeProps as ye, nextTick as Se, Transition as Le, createSlots as Vt, pushScopeId as at, popScopeId as ot, vModelText as Bt, createStaticVNode as _t, onBeforeUpdate as Rt } from "vue";
+var Tt = (u, a, e) => a in u ? Et(u, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[a] = e;
+var ne = (u, a, e) => (Tt(u, typeof a != "symbol" ? a + "" : a, e), e);
+import { defineComponent as j, ref as d, computed as T, openBlock as p, createElementBlock as F, watch as Y, onMounted as de, onBeforeUnmount as je, withDirectives as ve, createElementVNode as s, normalizeStyle as se, vShow as he, createVNode as w, Fragment as ce, renderList as me, createCommentVNode as U, inject as Be, resolveComponent as B, withCtx as b, toDisplayString as Q, unref as ae, createTextVNode as ee, normalizeClass as fe, createBlock as V, renderSlot as K, provide as Ze, reactive as dt, watchEffect as Ie, resolveDynamicComponent as yt, normalizeProps as tt, guardReactiveProps as nt, mergeProps as ye, nextTick as Se, Transition as Le, createSlots as Vt, pushScopeId as at, popScopeId as ot, vModelText as Bt, createStaticVNode as _t, onBeforeUpdate as Rt } from "vue";
 import rt from "axios";
 import * as Ot from "@qispace/player-core";
 import * as Ve from "three";
 class ge {
-  static async loadText(n) {
-    return new ge().loadText(n);
+  static async loadText(a) {
+    return new ge().loadText(a);
   }
-  static async loadJson(n) {
-    return new ge().loadJson(n);
+  static async loadJson(a) {
+    return new ge().loadJson(a);
   }
-  static async loadImage(n) {
-    return new ge().loadImage(n);
+  static async loadImage(a) {
+    return new ge().loadImage(a);
   }
-  static async loadImageData(n) {
-    return new ge().loadImageData(n);
+  static async loadImageData(a) {
+    return new ge().loadImageData(a);
   }
-  async loadText(n) {
-    return (await rt.get(n)).data;
+  async loadText(a) {
+    return (await rt.get(a)).data;
   }
-  async loadJson(n) {
-    return (await rt.get(n)).data;
+  async loadJson(a) {
+    return (await rt.get(a)).data;
   }
-  async loadImage(n) {
-    return new Promise((e, a) => {
+  async loadImage(a) {
+    return new Promise((e, n) => {
       const t = new Image();
       t.crossOrigin = "anonymous", t.onload = () => {
         e(t);
-      }, t.onerror = a, t.src = n;
+      }, t.onerror = n, t.src = a;
     });
   }
-  async loadImageData(n) {
-    const e = await this.loadImage(n), a = document.createElement("canvas");
+  async loadImageData(a) {
+    const e = await this.loadImage(a), n = document.createElement("canvas");
     try {
-      const t = a.getContext("2d");
-      return a.width = e.width, a.height = e.height, t.drawImage(e, 0, 0), a.toDataURL("image/png");
+      const t = n.getContext("2d");
+      return n.width = e.width, n.height = e.height, t.drawImage(e, 0, 0), n.toDataURL("image/png");
     } finally {
-      a.remove();
+      n.remove();
     }
   }
 }
 const $t = /* @__PURE__ */ j({
   __name: "VHoverProbe",
-  setup(u, { expose: n }) {
-    const e = d(), a = T(() => window.getComputedStyle(e.value).display === "none");
-    return n({
-      isHoverEnabled: a
-    }), (t, o) => (p(), x("div", {
+  setup(u, { expose: a }) {
+    const e = d(), n = T(() => window.getComputedStyle(e.value).display === "none");
+    return a({
+      isHoverEnabled: n
+    }), (t, o) => (p(), F("div", {
       ref_key: "hoverCheck",
       ref: e,
       class: "hover-check"
     }, null, 512));
   }
-}), J = (u, n) => {
+}), J = (u, a) => {
   const e = u.__vccOpts || u;
-  for (const [a, t] of n)
-    e[a] = t;
+  for (const [n, t] of a)
+    e[n] = t;
   return e;
 }, Re = /* @__PURE__ */ J($t, [["__scopeId", "data-v-eb9b348d"]]);
-function ie(u, n) {
-  return typeof u == "string" ? `${u}${n}` : u(n);
+function ie(u, a) {
+  return typeof u == "string" ? `${u}${a}` : u(a);
 }
 const Ut = /* @__PURE__ */ j({
   __name: "VApartmentChooserRaster",
@@ -75,35 +75,35 @@ const Ut = /* @__PURE__ */ j({
     drawObserver: {}
   },
   emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = d({ x: 0, y: 0, width: 0, height: 0 }), o = d(0), r = d(0), i = d(), v = d(), c = d(), l = d(), f = d(-1), C = d(!1), h = d(), m = d(), g = d({}), S = d("auto"), A = d(new ge()), y = d({}), O = d(), M = d(), R = d(), I = d(), _ = d(), Y = T(() => R.value.isHoverEnabled), F = T(() => ie(
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = d({ x: 0, y: 0, width: 0, height: 0 }), o = d(0), r = d(0), i = d(), v = d(), c = d(), l = d(), f = d(-1), C = d(!1), h = d(), m = d(), g = d({}), S = d("auto"), A = d(new ge()), y = d({}), O = d(), M = d(), R = d(), I = d(), _ = d(), P = T(() => R.value.isHoverEnabled), D = T(() => ie(
       e.cdnFileResolver,
       `/scenedata${e.viewModel.currentScene}.png`
-    )), H = T(() => F.value in g.value ? g.value[F.value] : null), L = T(() => f.value < 0 ? !1 : e.sceneData.find((Z) => Z.index === f.value) || !1), E = T(() => ({
+    )), H = T(() => D.value in g.value ? g.value[D.value] : null), L = T(() => f.value < 0 ? !1 : e.sceneData.find((Z) => Z.index === f.value) || !1), E = T(() => ({
       width: o.value + "px",
       height: r.value + "px",
       cursor: S.value
     })), z = T(() => `hover-${C.value ? "over" : "out"}-${L.value ? typeof L.value == "object" && "unitId" in L.value ? L.value.unitId : L.value : ""}`);
-    P(
-      F,
+    Y(
+      D,
       () => {
-        g.value[F.value] || A.value.loadImageData(F.value).then((N) => {
+        g.value[D.value] || A.value.loadImageData(D.value).then((N) => {
           g.value = {
             ...g.value,
-            [F.value]: N
+            [D.value]: N
           };
         });
       },
       { immediate: !0 }
-    ), P(H, () => {
+    ), Y(H, () => {
       H.value && W();
-    }), P(
+    }), Y(
       () => e.viewModel.currentScene,
       () => {
         Ce();
       },
       { immediate: !0 }
-    ), P(
+    ), Y(
       [
         () => e.viewModel.isRotating,
         () => e.drawObserver,
@@ -112,18 +112,18 @@ const Ut = /* @__PURE__ */ j({
       () => {
         Ce();
       }
-    ), P(L, () => {
+    ), Y(L, () => {
       Ce(), L.value ? S.value = "pointer" : S.value = "auto";
-    }), P(z, () => {
-      C.value ? a("hoverOver", {
+    }), Y(z, () => {
+      C.value ? n("hoverOver", {
         hoverUnit: L.value ? L.value.unitId : !1,
         closeHandler: () => ze()
-      }) : a("hoverOut", {
+      }) : n("hoverOut", {
         hoverUnit: L.value ? L.value.unitId : !1,
         closeHandler: () => ze()
       });
-    }), P(t, () => {
-      a("pos", t.value);
+    }), Y(t, () => {
+      n("pos", t.value);
     }), de(() => {
       M.value = () => {
         clearTimeout(O.value), ke(), O.value = setTimeout(() => {
@@ -149,9 +149,9 @@ const Ut = /* @__PURE__ */ j({
         height: r.value
       };
     }
-    function D(N) {
+    function x(N) {
       const Z = q(N.offsetX, N.offsetY);
-      Z < 0 || Y && Fe(Z);
+      Z < 0 || P && Fe(Z);
     }
     function $() {
       if (v.value && v.value.width) {
@@ -224,7 +224,7 @@ const Ut = /* @__PURE__ */ j({
       De(Z);
     }
     function De(N) {
-      a("selectUnit", N), N && e.canGoToUnitCallback(N) && a("goToUnit", N);
+      n("selectUnit", N), N && e.canGoToUnitCallback(N) && n("goToUnit", N);
     }
     function we(N = 0) {
       if (!c.value)
@@ -253,7 +253,7 @@ const Ut = /* @__PURE__ */ j({
         $e.value && ($e.value = !1, N.apply(this, le), setTimeout(() => $e.value = !0, Z));
       };
     }
-    return (N, Z) => (p(), x("div", {
+    return (N, Z) => (p(), F("div", {
       ref_key: "container",
       ref: _,
       id: "canvas"
@@ -263,7 +263,7 @@ const Ut = /* @__PURE__ */ j({
         ref_key: "canvas",
         ref: I,
         style: se(E.value),
-        onClick: D
+        onClick: x
       }, null, 4), [
         [he, !N.viewModel.isRotating]
       ]),
@@ -285,26 +285,26 @@ const Ut = /* @__PURE__ */ j({
     drawObserver: {}
   },
   emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = d({ x: 0, y: 0, width: 0, height: 0 }), o = d(-1), r = d({}), i = d(null), v = d(new ge()), c = d(), l = d(), f = T(() => l.value.isHoverEnabled);
-    P(
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = d({ x: 0, y: 0, width: 0, height: 0 }), o = d(-1), r = d({}), i = d(null), v = d(new ge()), c = d(), l = d(), f = T(() => l.value.isHoverEnabled);
+    Y(
       () => e.viewModel.currentScene,
       () => {
         e.viewModel.currentScene in r.value && (i.value = r.value[e.viewModel.currentScene]);
       },
       { immediate: !0 }
-    ), P(
+    ), Y(
       r,
       () => {
         e.viewModel.currentScene in r.value && (i.value = r.value[e.viewModel.currentScene]);
       },
       { immediate: !0 }
-    ), P(t, () => {
-      a("pos", t.value);
-    }), P(o, (M, R) => {
+    ), Y(t, () => {
+      n("pos", t.value);
+    }), Y(o, (M, R) => {
       if (M >= 0) {
         const I = h(M);
-        a("hoverOver", {
+        n("hoverOver", {
           hoverUnit: I,
           closeHandler: () => {
             o.value = -1;
@@ -312,7 +312,7 @@ const Ut = /* @__PURE__ */ j({
         });
       } else {
         const I = h(R);
-        a("hoverOut", {
+        n("hoverOut", {
           hoverUnit: I,
           closeHandler: () => {
             o.value = -1;
@@ -328,9 +328,9 @@ const Ut = /* @__PURE__ */ j({
         };
         v.value.loadJson(R).then((_) => {
           I.markup = _;
-          const F = new DOMParser().parseFromString(_, "image/svg+xml").getElementsByTagName("svg")[0];
-          I.viewBox = F.getAttribute("viewBox"), I.svgObjects = Array.from(
-            F.querySelectorAll("*[data-index]")
+          const D = new DOMParser().parseFromString(_, "image/svg+xml").getElementsByTagName("svg")[0];
+          I.viewBox = D.getAttribute("viewBox"), I.svgObjects = Array.from(
+            D.querySelectorAll("*[data-index]")
           ).map((H) => ({
             index: parseInt(H.getAttribute("data-index")),
             svg: H.innerHTML
@@ -361,7 +361,7 @@ const Ut = /* @__PURE__ */ j({
     }
     function S(M) {
       const R = h(M);
-      a("selectUnit", R), f.value && R && e.canGoToUnitCallback(R) ? a("goToUnit", R) : o.value = M;
+      n("selectUnit", R), f.value && R && e.canGoToUnitCallback(R) ? n("goToUnit", R) : o.value = M;
     }
     function A(M) {
       const R = h(M);
@@ -369,12 +369,12 @@ const Ut = /* @__PURE__ */ j({
       o.value < 0 && e.selectedUnitId && R === e.selectedUnitId ? I = "selected" : o.value >= 0 && o.value === M && (I = "hover");
       const _ = e.colorCallback(R, I);
       if (_) {
-        const { r: Y, g: F, b: H, a: L, s: E } = _;
+        const { r: P, g: D, b: H, a: L, s: E } = _;
         return {
           strokeWidth: E !== void 0 ? E : 2,
-          stroke: `rgb(${Y}, ${F}, ${H})`,
+          stroke: `rgb(${P}, ${D}, ${H})`,
           strokeOpacity: 1,
-          fill: `rgb(${Y}, ${F}, ${H})`,
+          fill: `rgb(${P}, ${D}, ${H})`,
           fillOpacity: L / 255,
           cursor: `${e.canGoToUnitCallback(R) ? "cursor" : "default"} !important`
         };
@@ -394,7 +394,7 @@ const Ut = /* @__PURE__ */ j({
         y.value && (y.value = !1, M.apply(this, I), setTimeout(() => y.value = !0, R));
       };
     }
-    return (M, R) => (p(), x("div", {
+    return (M, R) => (p(), F("div", {
       id: "container",
       ref_key: "container",
       ref: c
@@ -405,17 +405,17 @@ const Ut = /* @__PURE__ */ j({
           opacity: !i.value || !i.value.svgObjects ? 0 : 1
         })
       }, [
-        i.value && i.value.svgObjects ? (p(), x("svg", {
+        i.value && i.value.svgObjects ? (p(), F("svg", {
           key: 0,
           viewBox: i.value.viewBox
         }, [
-          (p(!0), x(ce, null, me(i.value.svgObjects, ({ index: I, svg: _ }) => (p(), x("g", {
+          (p(!0), F(ce, null, me(i.value.svgObjects, ({ index: I, svg: _ }) => (p(), F("g", {
             key: I,
             innerHTML: _,
             style: se(A(I)),
-            onMouseenter: (Y) => m(I),
-            onMouseleave: (Y) => g(),
-            onClick: (Y) => S(I)
+            onMouseenter: (P) => m(I),
+            onMouseleave: (P) => g(),
+            onClick: (P) => S(I)
           }, null, 44, Pt))), 128))
         ], 8, Yt)) : U("", !0)
       ], 4), [
@@ -441,8 +441,8 @@ const Ut = /* @__PURE__ */ j({
     viewModel: {}
   },
   emits: ["prevUnit", "nextUnit", "goToUnit"],
-  setup(u, { emit: n }) {
-    const e = u, a = T(() => e.selectedUnitId), t = T(() => e.nextUnitId), o = T(() => e.prevUnitId), r = n, i = Be(be);
+  setup(u, { emit: a }) {
+    const e = u, n = T(() => e.selectedUnitId), t = T(() => e.nextUnitId), o = T(() => e.prevUnitId), r = a, i = Be(be);
     de(() => {
       window.addEventListener("keydown", v);
     }), je(() => {
@@ -453,7 +453,7 @@ const Ut = /* @__PURE__ */ j({
     }
     return (c, l) => {
       const f = B("v-btn");
-      return p(), x("div", null, [
+      return p(), F("div", null, [
         w(f, {
           elevation: "1",
           icon: "mdi-rotate-right",
@@ -473,12 +473,12 @@ const Ut = /* @__PURE__ */ j({
           elevation: "1",
           rounded: "",
           plain: "",
-          disabled: !a.value || !c.canGoToUnitCallback(a.value),
-          onClick: l[2] || (l[2] = (C) => r("goToUnit", a.value))
+          disabled: !n.value || !c.canGoToUnitCallback(n.value),
+          onClick: l[2] || (l[2] = (C) => r("goToUnit", n.value))
         }, {
           default: b(() => [
-            a.value && c.canGoToUnitCallback(a.value) ? (p(), x("span", zt, Q(ae(i).getLabel("seeApartment")) + "  ", 1)) : U("", !0),
-            s("span", Nt, Q(a.value ? e.unitRenderer(a.value) : "-"), 1)
+            n.value && c.canGoToUnitCallback(n.value) ? (p(), F("span", zt, Q(ae(i).getLabel("seeApartment")) + "  ", 1)) : U("", !0),
+            s("span", Nt, Q(n.value ? e.unitRenderer(n.value) : "-"), 1)
           ]),
           _: 1
         }, 8, ["disabled"]),
@@ -502,26 +502,26 @@ const Ut = /* @__PURE__ */ j({
   }
 }), Qt = /* @__PURE__ */ J(Gt, [["__scopeId", "data-v-44ed308e"]]);
 class ut {
-  constructor(n) {
+  constructor(a) {
     ne(this, "_numParts");
     ne(this, "_loadedCount");
     ne(this, "_isError");
     ne(this, "_finishedAction");
     ne(this, "_errorAction");
     ne(this, "_loadProgressAction");
-    this._numParts = n, this._loadedCount = 0, this._isError = !1, this._finishedAction = () => {
+    this._numParts = a, this._loadedCount = 0, this._isError = !1, this._finishedAction = () => {
     }, this._errorAction = () => {
     }, this._loadProgressAction = () => {
     };
   }
-  onLoadFinished(n) {
-    return this._finishedAction = n, this;
+  onLoadFinished(a) {
+    return this._finishedAction = a, this;
   }
-  onLoadError(n) {
-    return this._errorAction = n, this;
+  onLoadError(a) {
+    return this._errorAction = a, this;
   }
-  onLoadProgress(n) {
-    return this._loadProgressAction = n, this;
+  onLoadProgress(a) {
+    return this._loadProgressAction = a, this;
   }
   partLoaded() {
     this.isFinished || (this._loadedCount++, this._loadProgressAction(this.percentLoaded), this.isFinished && this._finishedAction());
@@ -540,12 +540,12 @@ class ut {
   }
 }
 class vt {
-  constructor(n, e, a, t) {
+  constructor(a, e, n, t) {
     ne(this, "_rotator");
     ne(this, "_direction");
     ne(this, "_frameIndex");
     ne(this, "_sceneCount");
-    this._rotator = n, this._direction = e, this._frameIndex = a, this._sceneCount = t;
+    this._rotator = a, this._direction = e, this._frameIndex = n, this._sceneCount = t;
   }
   get atEnd() {
     return this._sceneCount === 0;
@@ -554,35 +554,35 @@ class vt {
     return this._frameIndex;
   }
   nextFrame() {
-    const n = this._rotator.clampFrameIndex(
+    const a = this._rotator.clampFrameIndex(
       this._frameIndex + this._direction
-    ), e = this._rotator.isCardinalFrame(n) ? this._sceneCount - 1 : this._sceneCount;
+    ), e = this._rotator.isCardinalFrame(a) ? this._sceneCount - 1 : this._sceneCount;
     return new vt(
       this._rotator,
       this._direction,
-      n,
+      a,
       e
     );
   }
 }
 class qt {
-  constructor(n, e) {
+  constructor(a, e) {
     ne(this, "_cardinalFrames");
     ne(this, "_totalFrameCount");
-    this._cardinalFrames = n, this._totalFrameCount = e;
+    this._cardinalFrames = a, this._totalFrameCount = e;
   }
-  start(n, e, a) {
+  start(a, e, n) {
     const t = this.startFrameIndexForScene(e);
-    return new vt(this, n, t, a);
+    return new vt(this, a, t, n);
   }
-  isCardinalFrame(n) {
-    return this._cardinalFrames.includes(n);
+  isCardinalFrame(a) {
+    return this._cardinalFrames.includes(a);
   }
-  clampFrameIndex(n) {
-    return (this._totalFrameCount + n) % this._totalFrameCount;
+  clampFrameIndex(a) {
+    return (this._totalFrameCount + a) % this._totalFrameCount;
   }
-  startFrameIndexForScene(n) {
-    return this._cardinalFrames[n];
+  startFrameIndexForScene(a) {
+    return this._cardinalFrames[a];
   }
 }
 const Zt = {
@@ -607,13 +607,13 @@ const Zt = {
     cardinalFrames: {}
   },
   emits: ["loaded", "error", "progress"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = h(), o = d(
-      new ut(t.length).onLoadFinished(() => a("loaded")).onLoadProgress((A) => a("progress", A)).onLoadError(() => a("error"))
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = h(), o = d(
+      new ut(t.length).onLoadFinished(() => n("loaded")).onLoadProgress((A) => n("progress", A)).onLoadError(() => n("error"))
     ), r = d(
       new qt(e.cardinalFrames, ht)
     ), i = d(t), v = d(!1), c = T(() => i.value.find((A) => A.show));
-    P(
+    Y(
       () => e.viewModel.currentScene,
       (A, y) => {
         const O = S(y, A), M = g(y, A);
@@ -689,16 +689,16 @@ const Zt = {
     }
     return (A, y) => {
       const O = B("v-icon");
-      return p(), x("div", null, [
-        o.value.isError ? (p(), x("div", Zt, [
+      return p(), F("div", null, [
+        o.value.isError ? (p(), F("div", Zt, [
           w(O, { "x-large": "" }, {
             default: b(() => [
               ee("mdi-alert-circle-outline")
             ]),
             _: 1
           })
-        ])) : v.value ? (p(), x("div", tn, [
-          (p(!0), x(ce, null, me(i.value, (M) => (p(), x("picture", {
+        ])) : v.value ? (p(), F("div", tn, [
+          (p(!0), F(ce, null, me(i.value, (M) => (p(), F("picture", {
             key: M.index,
             alt: M.index,
             class: fe({ "frame-image": !0, show: M.show })
@@ -714,8 +714,8 @@ const Zt = {
               onError: y[3] || (y[3] = (R) => o.value.errorDetected())
             }, null, 40, on)
           ], 10, nn))), 128))
-        ])) : (p(), x("div", Jt, [
-          c.value ? (p(), x("picture", Xt, [
+        ])) : (p(), F("div", Jt, [
+          c.value ? (p(), F("picture", Xt, [
             s("source", {
               srcset: c.value.sourceSet,
               type: "image/jpeg"
@@ -737,8 +737,8 @@ const Zt = {
     isHoverable: { type: Boolean }
   },
   emits: ["outside"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = T(() => {
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = T(() => {
       let o, r, i, v;
       return e.pos.x <= e.pos.width / 2 ? (o = "-100%", i = "-8px") : (o = "0%", i = "8px"), e.pos.y <= e.pos.height / 2 ? (r = "-100%", v = "-8px") : (r = "0%", v = "8px"), `translate(${o}, ${r}) translate(${i}, ${v})`;
     });
@@ -748,7 +748,7 @@ const Zt = {
         origin: `top left ${o.pos.x} ${o.pos.y}`
       }, {
         default: b(() => [
-          o.isHoverable ? (p(), x("div", {
+          o.isHoverable ? (p(), F("div", {
             key: 0,
             class: "floating-card",
             style: se({
@@ -763,7 +763,7 @@ const Zt = {
             key: 1,
             value: !0,
             width: "auto",
-            "onClick:outside": r[0] || (r[0] = (c) => a("outside", c))
+            "onClick:outside": r[0] || (r[0] = (c) => n("outside", c))
           }, {
             default: b(() => [
               K(o.$slots, "default", { isHoverable: o.isHoverable }, void 0, !0)
@@ -786,16 +786,16 @@ const Zt = {
     position: { default: "absolute" }
   },
   emits: ["update"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = d(100), o = d(0), r = d(0), i = d(!1), v = d(!1), c = d(void 0), l = d(!1), f = d(), C = T(() => `translateX(${o.value}px) translateY(${r.value}px) scale(${h.value})`), h = T(() => t.value / 100), m = T(() => e.maxScale * 100);
-    P([h, o, r], () => {
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = d(100), o = d(0), r = d(0), i = d(!1), v = d(!1), c = d(void 0), l = d(!1), f = d(), C = T(() => `translateX(${o.value}px) translateY(${r.value}px) scale(${h.value})`), h = T(() => t.value / 100), m = T(() => e.maxScale * 100);
+    Y([h, o, r], () => {
       ue();
-    }), P(
+    }), Y(
       () => e.desktop,
       () => {
         e.desktop ? g() : A();
       }
-    ), P(
+    ), Y(
       () => e.mobile,
       () => {
         e.mobile ? S() : y();
@@ -819,9 +819,9 @@ const Zt = {
       });
     }
     function S() {
-      f.value.addEventListener("touchstart", Y, {
+      f.value.addEventListener("touchstart", P, {
         capture: !0
-      }), f.value.addEventListener("touchmove", F, {
+      }), f.value.addEventListener("touchmove", D, {
         capture: !0
       }), window.addEventListener("touchend", H, {
         capture: !0
@@ -843,9 +843,9 @@ const Zt = {
       });
     }
     function y() {
-      f.value.removeEventListener("touchstart", Y, {
+      f.value.removeEventListener("touchstart", P, {
         capture: !0
-      }), f.value.removeEventListener("touchmove", F, {
+      }), f.value.removeEventListener("touchmove", D, {
         capture: !0
       }), window.removeEventListener("touchend", H, {
         capture: !0
@@ -853,86 +853,86 @@ const Zt = {
         capture: !0
       });
     }
-    function O(D) {
-      const { x: $, y: q } = L(D);
-      W(-D.deltaY / 10, $, q), D.preventDefault();
+    function O(x) {
+      const { x: $, y: q } = L(x);
+      W(-x.deltaY / 10, $, q), x.preventDefault();
     }
-    function M(D) {
-      i.value = !0, l.value = !1, c.value = D;
+    function M(x) {
+      i.value = !0, l.value = !1, c.value = x;
     }
-    function R(D) {
+    function R(x) {
       if (i.value) {
-        const { x: $, y: q } = L(D), { x: te, y: re } = L(c.value), oe = {
+        const { x: $, y: q } = L(x), { x: te, y: re } = L(c.value), oe = {
           x: $ - te,
           y: q - re
         };
-        E(oe.x), z(oe.y), l.value = !0, c.value = D;
+        E(oe.x), z(oe.y), l.value = !0, c.value = x;
       }
     }
-    function I(D) {
-      i.value && l.value && e.consumeMouseUpWhenMoved && (D.preventDefault(), D.stopImmediatePropagation());
+    function I(x) {
+      i.value && l.value && e.consumeMouseUpWhenMoved && (x.preventDefault(), x.stopImmediatePropagation());
     }
-    function _(D) {
-      i.value && (l.value && e.consumeMouseClickWhenMoved && (D.preventDefault(), D.stopImmediatePropagation()), i.value = !1);
+    function _(x) {
+      i.value && (l.value && e.consumeMouseClickWhenMoved && (x.preventDefault(), x.stopImmediatePropagation()), i.value = !1);
     }
-    function Y(D) {
-      i.value = D.touches.length === 1, v.value = D.touches.length === 2, c.value = D;
+    function P(x) {
+      i.value = x.touches.length === 1, v.value = x.touches.length === 2, c.value = x;
     }
-    function F(D) {
+    function D(x) {
       if (i.value) {
-        const { x: $, y: q } = L(D.touches[0]), { x: te, y: re } = L(c.value.touches[0]), oe = {
+        const { x: $, y: q } = L(x.touches[0]), { x: te, y: re } = L(c.value.touches[0]), oe = {
           x: $ - te,
           y: q - re
         };
         E(oe.x), z(oe.y);
-      } else if (v.value && D.touches.length === 2) {
-        const { x: $, y: q } = L(D.touches[0]), { x: te, y: re } = L(c.value.touches[0]), { x: oe, y: Ae } = L(D.touches[1]), { x: Fe, y: De } = L(c.value.touches[1]), we = Math.hypot(te - Fe, re - De), ke = Math.hypot($ - oe, q - Ae), Ee = (oe + $) / 2, Ce = (Ae + q) / 2;
+      } else if (v.value && x.touches.length === 2) {
+        const { x: $, y: q } = L(x.touches[0]), { x: te, y: re } = L(c.value.touches[0]), { x: oe, y: Ae } = L(x.touches[1]), { x: Fe, y: De } = L(c.value.touches[1]), we = Math.hypot(te - Fe, re - De), ke = Math.hypot($ - oe, q - Ae), Ee = (oe + $) / 2, Ce = (Ae + q) / 2;
         W(ke - we, Ee, Ce);
       }
-      c.value = D;
+      c.value = x;
     }
     function H() {
       i.value = !1, v.value = !1;
     }
-    function L(D) {
+    function L(x) {
       const { left: $, top: q } = f.value.getBoundingClientRect();
       return {
-        x: D.clientX - $,
-        y: D.clientY - q
+        x: x.clientX - $,
+        y: x.clientY - q
       };
     }
-    function E(D) {
+    function E(x) {
       const $ = f.value.clientWidth, q = $ * h.value;
       o.value = Math.max(
-        Math.min(0, o.value + D),
+        Math.min(0, o.value + x),
         -(q - $)
       );
     }
-    function z(D) {
+    function z(x) {
       const $ = f.value.clientHeight, q = $ * h.value;
       r.value = Math.max(
-        Math.min(0, r.value + D),
+        Math.min(0, r.value + x),
         -(q - $)
       );
     }
-    function W(D, $, q) {
+    function W(x, $, q) {
       const te = f.value.clientWidth, re = f.value.clientHeight, oe = te * h.value, Ae = re * h.value;
-      t.value = Math.min(Math.max(100, t.value + D), m.value);
+      t.value = Math.min(Math.max(100, t.value + x), m.value);
       const Fe = te * h.value, De = re * h.value, we = Fe - oe, ke = De - Ae;
       o.value -= $ / te * we, r.value -= q / re * ke, E(0), z(0);
     }
     function ue() {
-      a("update", {
+      n("update", {
         scale: h.value,
         x: o.value,
         y: r.value,
-        resolve: (D, $) => {
-          const q = f.value.clientWidth, te = f.value.clientHeight, re = o.value / -h.value, oe = r.value / -h.value, Ae = re + q / h.value, Fe = oe + te / h.value, De = D / q * (Ae - re) + re, we = $ / te * (Fe - oe) + oe;
+        resolve: (x, $) => {
+          const q = f.value.clientWidth, te = f.value.clientHeight, re = o.value / -h.value, oe = r.value / -h.value, Ae = re + q / h.value, Fe = oe + te / h.value, De = x / q * (Ae - re) + re, we = $ / te * (Fe - oe) + oe;
           return { x: De, y: we };
         }
       });
     }
-    return (D, $) => (p(), x("div", {
+    return (x, $) => (p(), F("div", {
       ref_key: "box",
       ref: f,
       class: "zoom-box-container",
@@ -942,7 +942,7 @@ const Zt = {
         style: se({ "transform-origin": "top left", transform: C.value }),
         class: "zoom-box"
       }, [
-        K(D.$slots, "default", {}, void 0, !0)
+        K(x.$slots, "default", {}, void 0, !0)
       ], 4)
     ], 4));
   }
@@ -954,27 +954,27 @@ function dn(u) {
   return u > 1 ? u - 1 : mt;
 }
 class vn {
-  constructor(n) {
+  constructor(a) {
     ne(this, "_state");
     this._state = {
       isRotating: !1,
-      currentScene: n
+      currentScene: a
     };
   }
   get isRotating() {
     return this._state.isRotating;
   }
-  set isRotating(n) {
-    this._state.isRotating = n;
+  set isRotating(a) {
+    this._state.isRotating = a;
   }
-  unlessRotatingDo(n) {
-    this.isRotating || n();
+  unlessRotatingDo(a) {
+    this.isRotating || a();
   }
   get currentScene() {
     return this._state.currentScene;
   }
-  set currentScene(n) {
-    this._state.currentScene = n;
+  set currentScene(a) {
+    this._state.currentScene = a;
   }
   rotateCounterClockwise() {
     this.unlessRotatingDo(() => {
@@ -1043,22 +1043,22 @@ const mn = {
   dontShowAgain: { en: "Don't Show Again", nb: "Ikke vis igjen" }
 };
 class xe {
-  constructor({ labels: n, language: e } = { labels: null, language: null }) {
+  constructor({ labels: a, language: e } = { labels: null, language: null }) {
     ne(this, "_labels");
     ne(this, "_language");
-    this._labels = { ...mn, ...n || {} }, this._language = e || "en";
-  }
-  getLabel(n) {
-    return n in this._labels ? this.get(this._labels[n]) : n;
-  }
-  get(n) {
-    if (typeof n == "string")
-      return n;
-    if (this._language in n && n[this._language])
-      return n[this._language];
-    for (const e in n)
-      if (n[e])
-        return n[e];
+    this._labels = { ...mn, ...a || {} }, this._language = e || "en";
+  }
+  getLabel(a) {
+    return a in this._labels ? this.get(this._labels[a]) : a;
+  }
+  get(a) {
+    if (typeof a == "string")
+      return a;
+    if (this._language in a && a[this._language])
+      return a[this._language];
+    for (const e in a)
+      if (a[e])
+        return a[e];
     return "";
   }
 }
@@ -1085,41 +1085,41 @@ const pn = { key: 0 }, fn = { class: "interactive-viewer" }, hn = { class: "fill
     useSvg: { type: Boolean, default: !1 }
   },
   emits: ["selectUnit", "goToUnit", "navUnit", "hoverOverUnit", "hoverOutUnit", "initialized"],
-  setup(u, { emit: n }) {
-    const e = [0, 16, 32, 48], a = u, t = n;
+  setup(u, { emit: a }) {
+    const e = [0, 16, 32, 48], n = u, t = a;
     Ze(
       be,
-      a.i18nConfig ? new xe(a.i18nConfig) : new xe()
+      n.i18nConfig ? new xe(n.i18nConfig) : new xe()
     );
-    const o = dt({ isReady: !1, isError: !1 }), r = d(), i = d(), v = d(), c = d(), l = d({ x: 0, y: 0, width: 0, height: 0 }), f = d(), C = d(), h = d(), m = T(() => h.value.isHoverEnabled), g = T(() => a.useSvg ? Wt : Ht), S = T(() => a.selectedUnitId), A = T(() => a.nextUnitId), y = T(() => a.prevUnitId);
+    const o = dt({ isReady: !1, isError: !1 }), r = d(), i = d(), v = d(), c = d(), l = d({ x: 0, y: 0, width: 0, height: 0 }), f = d(), C = d(), h = d(), m = T(() => h.value.isHoverEnabled), g = T(() => n.useSvg ? Wt : Ht), S = T(() => n.selectedUnitId), A = T(() => n.nextUnitId), y = T(() => n.prevUnitId);
     Ie(() => {
       if (S.value && c.value) {
         const I = r.value[S.value];
         I && (c.value.currentScene = I);
       }
     }), de(async () => {
-      const I = a.apartmentChooserData && a.apartmentChooserData.startScene !== void 0 ? a.apartmentChooserData.startScene : bn;
-      v.value = a.apartmentChooserData && a.apartmentChooserData.scenes !== void 0 ? a.apartmentChooserData.scenes : e, i.value = a.apartmentChooserData && a.apartmentChooserData.sceneData !== void 0 ? a.apartmentChooserData.sceneData.map((F) => ({
-        unitId: F.apartmentID,
-        index: F.index
-      })) : [], r.value = a.apartmentChooserData && a.apartmentChooserData.sceneData !== void 0 ? a.apartmentChooserData.sceneData.map((F) => {
-        const H = F.bestScene === 0 ? 4 : F.bestScene;
-        return { unitId: F.apartmentID, scene: H };
-      }).reduce((F, H) => ({ ...F, [H.unitId]: H.scene }), {}) : {};
-      const _ = (F, H = "unitId") => {
+      const I = n.apartmentChooserData && n.apartmentChooserData.startScene !== void 0 ? n.apartmentChooserData.startScene : bn;
+      v.value = n.apartmentChooserData && n.apartmentChooserData.scenes !== void 0 ? n.apartmentChooserData.scenes : e, i.value = n.apartmentChooserData && n.apartmentChooserData.sceneData !== void 0 ? n.apartmentChooserData.sceneData.map((D) => ({
+        unitId: D.apartmentID,
+        index: D.index
+      })) : [], r.value = n.apartmentChooserData && n.apartmentChooserData.sceneData !== void 0 ? n.apartmentChooserData.sceneData.map((D) => {
+        const H = D.bestScene === 0 ? 4 : D.bestScene;
+        return { unitId: D.apartmentID, scene: H };
+      }).reduce((D, H) => ({ ...D, [H.unitId]: H.scene }), {}) : {};
+      const _ = (D, H = "unitId") => {
         let L = I, E = [];
         for (let z = 0; z < mt; z++)
           E.push(L), L = bt(L);
-        return F.sort((z, W) => {
+        return D.sort((z, W) => {
           const ue = E.findIndex(
             ($) => $ === r.value[z[H]]
-          ), D = E.findIndex(
+          ), x = E.findIndex(
             ($) => $ === r.value[W[H]]
           );
-          return ue < D ? -1 : ue > D ? 1 : 0;
-        }), F;
-      }, Y = (F) => {
-        c.value = new vn(F);
+          return ue < x ? -1 : ue > x ? 1 : 0;
+        }), D;
+      }, P = (D) => {
+        c.value = new vn(D);
       };
       t("initialized", {
         scene: I,
@@ -1127,7 +1127,7 @@ const pn = { key: 0 }, fn = { class: "interactive-viewer" }, hn = { class: "fill
         sceneData: i.value,
         scenesByApartment: r.value,
         unitsSceneSort: _,
-        initialize: Y
+        initialize: P
       });
     });
     function O(I) {
@@ -1140,8 +1140,8 @@ const pn = { key: 0 }, fn = { class: "interactive-viewer" }, hn = { class: "fill
       C.value = null, f.value = I.closeHandler, t("hoverOutUnit", I.hoverUnit);
     }
     return (I, _) => {
-      const Y = B("v-progress-linear");
-      return c.value ? (p(), x("div", pn, [
+      const P = B("v-progress-linear");
+      return c.value ? (p(), F("div", pn, [
         s("div", fn, [
           s("div", hn, [
             w(Xe, {
@@ -1154,27 +1154,27 @@ const pn = { key: 0 }, fn = { class: "interactive-viewer" }, hn = { class: "fill
                   "view-model": c.value,
                   "cardinal-frames": v.value,
                   build: I.build,
-                  onProgress: _[0] || (_[0] = (F) => o.progress = F),
-                  onLoaded: _[1] || (_[1] = (F) => o.isReady = !0),
-                  onError: _[2] || (_[2] = (F) => o.isError = !0)
+                  onProgress: _[0] || (_[0] = (D) => o.progress = D),
+                  onLoaded: _[1] || (_[1] = (D) => o.isReady = !0),
+                  onError: _[2] || (_[2] = (D) => o.isError = !0)
                 }, null, 8, ["cdn-file-resolver", "view-model", "cardinal-frames", "build"]),
-                o.isReady ? (p(), x("div", gn, [
+                o.isReady ? (p(), F("div", gn, [
                   (p(), V(yt(g.value), {
-                    "cdn-file-resolver": a.cdnFileResolver,
+                    "cdn-file-resolver": n.cdnFileResolver,
                     "view-model": c.value,
                     "selected-unit-id": S.value,
                     "scene-data": i.value,
-                    "color-callback": a.colorCallback,
-                    "can-go-to-unit-callback": a.canGoToUnitCallback,
-                    "draw-observer": a.drawObserver,
-                    onSelectUnit: _[3] || (_[3] = (F) => t("selectUnit", F)),
-                    onGoToUnit: _[4] || (_[4] = (F) => t("goToUnit", F)),
+                    "color-callback": n.colorCallback,
+                    "can-go-to-unit-callback": n.canGoToUnitCallback,
+                    "draw-observer": n.drawObserver,
+                    onSelectUnit: _[3] || (_[3] = (D) => t("selectUnit", D)),
+                    onGoToUnit: _[4] || (_[4] = (D) => t("goToUnit", D)),
                     onHoverOver: M,
                     onHoverOut: R,
                     onPos: O
                   }, {
-                    default: b((F) => [
-                      K(I.$slots, "default", tt(nt(F)), void 0, !0)
+                    default: b((D) => [
+                      K(I.$slots, "default", tt(nt(D)), void 0, !0)
                     ]),
                     _: 3
                   }, 40, ["cdn-file-resolver", "view-model", "selected-unit-id", "scene-data", "color-callback", "can-go-to-unit-callback", "draw-observer"]))
@@ -1200,23 +1200,23 @@ const pn = { key: 0 }, fn = { class: "interactive-viewer" }, hn = { class: "fill
               ]),
               _: 3
             }, 8, ["is-hoverable", "pos", "onOutside"])) : U("", !0),
-            o.isReady ? (p(), x("div", yn, [
+            o.isReady ? (p(), F("div", yn, [
               w(Qt, {
-                "can-go-to-unit-callback": a.canGoToUnitCallback,
-                "unit-renderer": a.unitRenderer,
+                "can-go-to-unit-callback": n.canGoToUnitCallback,
+                "unit-renderer": n.unitRenderer,
                 "selected-unit-id": S.value,
                 "prev-unit-id": y.value,
                 "next-unit-id": A.value,
                 "view-model": c.value,
-                onGoToUnit: _[5] || (_[5] = (F) => t("goToUnit", F)),
-                onPrevUnit: _[6] || (_[6] = (F) => t("navUnit", y.value)),
-                onNextUnit: _[7] || (_[7] = (F) => t("navUnit", A.value))
+                onGoToUnit: _[5] || (_[5] = (D) => t("goToUnit", D)),
+                onPrevUnit: _[6] || (_[6] = (D) => t("navUnit", y.value)),
+                onNextUnit: _[7] || (_[7] = (D) => t("navUnit", A.value))
               }, null, 8, ["can-go-to-unit-callback", "unit-renderer", "selected-unit-id", "prev-unit-id", "next-unit-id", "view-model"])
-            ])) : o.isError ? U("", !0) : (p(), x("div", _n, [
-              w(Y, {
+            ])) : o.isError ? U("", !0) : (p(), F("div", _n, [
+              w(P, {
                 indeterminate: !o.progress,
                 modelValue: o.progress,
-                "onUpdate:modelValue": _[8] || (_[8] = (F) => o.progress = F)
+                "onUpdate:modelValue": _[8] || (_[8] = (D) => o.progress = D)
               }, null, 8, ["indeterminate", "modelValue"])
             ]))
           ])
@@ -1236,13 +1236,13 @@ const pn = { key: 0 }, fn = { class: "interactive-viewer" }, hn = { class: "fill
     currentTime: {}
   },
   setup(u) {
-    const n = u, e = T(() => ie(n.cdnFileResolver, n.timeSampleData.filename));
-    return (a, t) => ve((p(), x("img", {
+    const a = u, e = T(() => ie(a.cdnFileResolver, a.timeSampleData.filename));
+    return (n, t) => ve((p(), F("img", {
       key: e.value,
       src: e.value,
       width: "100%"
     }, null, 8, Cn)), [
-      [he, a.timeSampleData === a.currentTime]
+      [he, n.timeSampleData === n.currentTime]
     ]);
   }
 }), An = /* @__PURE__ */ J(In, [["__scopeId", "data-v-189d0505"]]), Sn = /* @__PURE__ */ j({
@@ -1253,10 +1253,10 @@ const pn = { key: 0 }, fn = { class: "interactive-viewer" }, hn = { class: "fill
     currentTime: {}
   },
   setup(u) {
-    const n = u;
-    return (e, a) => (p(!0), x(ce, null, me(n.dayData.timeSamples, (t) => (p(), V(An, {
+    const a = u;
+    return (e, n) => (p(!0), F(ce, null, me(a.dayData.timeSamples, (t) => (p(), V(An, {
       "time-sample-data": t,
-      "cdn-file-resolver": n.cdnFileResolver,
+      "cdn-file-resolver": a.cdnFileResolver,
       "current-time": e.currentTime
     }, null, 8, ["time-sample-data", "cdn-file-resolver", "current-time"]))), 256));
   }
@@ -1268,11 +1268,11 @@ const pn = { key: 0 }, fn = { class: "interactive-viewer" }, hn = { class: "fill
     currentTime: {}
   },
   setup(u) {
-    const n = u;
-    return (e, a) => (p(!0), x(ce, null, me(n.cameraData.sunsimDayOfYear, (t) => (p(), V(Sn, {
+    const a = u;
+    return (e, n) => (p(!0), F(ce, null, me(a.cameraData.sunsimDayOfYear, (t) => (p(), V(Sn, {
       "day-data": t,
-      "cdn-file-resolver": n.cdnFileResolver,
-      "current-time": n.currentTime
+      "cdn-file-resolver": a.cdnFileResolver,
+      "current-time": a.currentTime
     }, null, 8, ["day-data", "cdn-file-resolver", "current-time"]))), 256));
   }
 }), xn = ["src"], Fn = /* @__PURE__ */ j({
@@ -1283,11 +1283,11 @@ const pn = { key: 0 }, fn = { class: "interactive-viewer" }, hn = { class: "fill
     currentTransition: {}
   },
   emits: ["goToBuilding", "hoverOverBuilding", "hoverOutBuilding"],
-  setup(u, { emit: n }) {
-    const e = u, a = T(() => ie(e.cdnFileResolver, e.transitionData.filename));
-    return (t, o) => ve((p(), x("img", {
-      key: a.value,
-      src: a.value,
+  setup(u, { emit: a }) {
+    const e = u, n = T(() => ie(e.cdnFileResolver, e.transitionData.filename));
+    return (t, o) => ve((p(), F("img", {
+      key: n.value,
+      src: n.value,
       class: "position-absolute top-left w-100 h-100"
     }, null, 8, xn)), [
       [he, t.transitionData === t.currentTransition]
@@ -1308,11 +1308,11 @@ const Mn = /* @__PURE__ */ j({
     disabled: { type: Boolean }
   },
   emits: ["onCameraChange"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = d(
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = d(
       e.currentCamera.overlayFilename
     );
-    P(
+    Y(
       () => e.currentCamera.overlayFilename,
       () => {
         t.value = e.currentCamera.overlayFilename;
@@ -1321,8 +1321,8 @@ const Mn = /* @__PURE__ */ j({
     const o = T(
       () => e.apartmentChooserData ? e.apartmentChooserData.cameras.filter(wt) : []
     );
-    return P(t, () => {
-      a(
+    return Y(t, () => {
+      n(
         "onCameraChange",
         o.value.find(
           (r) => r.overlayFilename === t.value
@@ -1351,15 +1351,15 @@ const Mn = /* @__PURE__ */ j({
     disabled: { type: Boolean }
   },
   emits: ["onDayChange"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = d(e.currentDay.dayOfYear);
-    P(
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = d(e.currentDay.dayOfYear);
+    Y(
       () => e.currentDay.dayOfYear,
       () => {
         t.value = e.currentDay.dayOfYear;
       }
-    ), P(t, () => {
-      a(
+    ), Y(t, () => {
+      n(
         "onDayChange",
         e.cameraData.sunsimDayOfYear.find(
           (r) => r.dayOfYear === t.value
@@ -1409,15 +1409,15 @@ const Mn = /* @__PURE__ */ j({
     disabled: { type: Boolean }
   },
   emits: ["onTimeChange"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = d(e.currentTime.timeInHours), o = d();
-    P(
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = d(e.currentTime.timeInHours), o = d();
+    Y(
       () => e.currentTime.timeInHours,
       () => {
         t.value = e.currentTime.timeInHours;
       }
-    ), P(t, () => {
-      a(
+    ), Y(t, () => {
+      n(
         "onTimeChange",
         e.dayData.timeSamples.find(
           (v) => v.timeInHours === t.value
@@ -1442,7 +1442,7 @@ const Mn = /* @__PURE__ */ j({
       const l = B("v-icon"), f = B("v-btn"), C = B("v-slider"), h = B("v-field");
       return p(), V(h, { variant: "solo" }, {
         default: b(() => [
-          v.dayData.startTime === v.dayData.endTime ? (p(), x("div", Tn, [
+          v.dayData.startTime === v.dayData.endTime ? (p(), F("div", Tn, [
             w(l, {
               style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
               class: "py-2 ml-2 mr-2 icon"
@@ -1504,43 +1504,43 @@ const Mn = /* @__PURE__ */ j({
     renderDisplay: { type: Function }
   },
   emits: ["onRotateStart", "onRotateFinish", "onSceneChange", "onDisplayClick"],
-  setup(u, { expose: n, emit: e }) {
-    const a = u, t = e;
-    n({
+  setup(u, { expose: a, emit: e }) {
+    const n = u, t = e;
+    a({
       rotateShortestRoute: C
     });
-    const o = d(!1), r = d(a.currentScene), i = d(a.selectedId);
+    const o = d(!1), r = d(n.currentScene), i = d(n.selectedId);
     Ie(() => {
-      r.value = a.currentScene;
+      r.value = n.currentScene;
     }), Ie(() => {
-      i.value = a.selectedId;
+      i.value = n.selectedId;
     }), Ie(() => {
       t("onSceneChange", r.value);
     });
-    const v = T(() => o.value ? !1 : a.apartmentChooserData.loopable ? !0 : r.value !== a.apartmentChooserData.scenes[0]), c = T(() => o.value ? !1 : a.apartmentChooserData.loopable ? !0 : r.value !== a.apartmentChooserData.scenes[a.apartmentChooserData.scenes.length - 1]);
+    const v = T(() => o.value ? !1 : n.apartmentChooserData.loopable ? !0 : r.value !== n.apartmentChooserData.scenes[0]), c = T(() => o.value ? !1 : n.apartmentChooserData.loopable ? !0 : r.value !== n.apartmentChooserData.scenes[n.apartmentChooserData.scenes.length - 1]);
     function l() {
       const m = r.value;
-      let g = a.apartmentChooserData.scenes.findIndex((A) => A === m) + 1;
-      g >= a.apartmentChooserData.scenes.length && (g = 0);
-      const S = a.apartmentChooserData.scenes[g];
-      a.apartmentChooserData.loopable && m > S ? h(m, S + a.apartmentChooserData.scenes.length) : h(m, S);
+      let g = n.apartmentChooserData.scenes.findIndex((A) => A === m) + 1;
+      g >= n.apartmentChooserData.scenes.length && (g = 0);
+      const S = n.apartmentChooserData.scenes[g];
+      n.apartmentChooserData.loopable && m > S ? h(m, S + n.apartmentChooserData.scenes.length) : h(m, S);
     }
     async function f() {
       const m = r.value;
-      let g = a.apartmentChooserData.scenes.findIndex((A) => A === m) - 1;
-      g < 0 && (g = a.apartmentChooserData.scenes[a.apartmentChooserData.scenes.length - 1]);
-      const S = a.apartmentChooserData.scenes[g];
-      a.apartmentChooserData.loopable && m < S ? h(m + a.apartmentChooserData.scenes.length, S) : h(m, S);
+      let g = n.apartmentChooserData.scenes.findIndex((A) => A === m) - 1;
+      g < 0 && (g = n.apartmentChooserData.scenes[n.apartmentChooserData.scenes.length - 1]);
+      const S = n.apartmentChooserData.scenes[g];
+      n.apartmentChooserData.loopable && m < S ? h(m + n.apartmentChooserData.scenes.length, S) : h(m, S);
     }
     function C(m) {
       const g = r.value;
-      if (a.apartmentChooserData.loopable)
+      if (n.apartmentChooserData.loopable)
         if (m < g) {
-          let S = g - m, A = g - (a.apartmentChooserData.cameras.length + m);
-          return Math.abs(S) > Math.abs(A) ? h(g, m) : h(g, a.apartmentChooserData.cameras.length + m);
+          let S = g - m, A = g - (n.apartmentChooserData.cameras.length + m);
+          return Math.abs(S) > Math.abs(A) ? h(g, m) : h(g, n.apartmentChooserData.cameras.length + m);
         } else {
-          let S = g - m, A = a.apartmentChooserData.cameras.length + g - m;
-          return Math.abs(S) > Math.abs(A) ? h(g, m) : h(a.apartmentChooserData.cameras.length + g, m);
+          let S = g - m, A = n.apartmentChooserData.cameras.length + g - m;
+          return Math.abs(S) > Math.abs(A) ? h(g, m) : h(n.apartmentChooserData.cameras.length + g, m);
         }
       else
         return h(g, m);
@@ -1551,16 +1551,16 @@ const Mn = /* @__PURE__ */ j({
         let A, y = m;
         A = setInterval(() => {
           y < g ? (y++, r.value = Math.abs(
-            y % a.apartmentChooserData.cameras.length
+            y % n.apartmentChooserData.cameras.length
           )) : y > g ? (y--, r.value = Math.abs(
-            y % a.apartmentChooserData.cameras.length
+            y % n.apartmentChooserData.cameras.length
           )) : (clearInterval(A), t("onRotateFinish", { from: m, to: g }), o.value = !1, S());
         }, 50);
       });
     }
     return (m, g) => {
       const S = B("v-btn"), A = B("v-chip");
-      return p(), x(ce, null, [
+      return p(), F(ce, null, [
         w(S, {
           class: "mx-2",
           icon: "mdi-restore",
@@ -1599,9 +1599,9 @@ const Mn = /* @__PURE__ */ j({
     selectedId: {}
   },
   emits: ["onClick", "onHoverOver", "onHoverOut", "updateSvgContainer"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = d(), o = d(), r = d(e.selectedId), i = dt({});
-    P(
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = d(), o = d(), r = d(e.selectedId), i = dt({});
+    Y(
       () => e.selectedId,
       () => {
         r.value = e.selectedId;
@@ -1617,14 +1617,14 @@ const Mn = /* @__PURE__ */ j({
         };
         f.style.fill = `rgba(${h}, ${m}, ${g}, ${S / 255})`, f.style.stroke = `rgb(${h}, ${m}, ${g})`, f.style.strokeWidth = A.toString();
       }
-    }), P(r, () => {
+    }), Y(r, () => {
       for (const l in i)
         i[l].state === "selected" && l !== r.value ? i[l].state = "idle" : i[l].state !== "selected" && l === r.value && (i[l].state = "selected");
     }), Ie(async () => {
       t.value = await ge.loadText(
         ie(e.cdnFileResolver, e.currentCamera.overlayFilename)
       ), c();
-    }), P(
+    }), Y(
       () => o.value,
       () => {
         o.value && new ResizeObserver(v).observe(o.value);
@@ -1655,7 +1655,7 @@ const Mn = /* @__PURE__ */ j({
       Se(() => {
         var f;
         const l = (f = o.value) == null ? void 0 : f.firstChild;
-        l && (a("updateSvgContainer", l), v(), l.querySelectorAll(
+        l && (n("updateSvgContainer", l), v(), l.querySelectorAll(
           "[data-apartment-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((g) => {
@@ -1666,18 +1666,18 @@ const Mn = /* @__PURE__ */ j({
             element: h,
             state: r.value === m ? "selected" : "idle"
           }, h.addEventListener("mouseover", () => {
-            i[m].state === "idle" && (i[m].state = "hover"), a("onHoverOver", m);
+            i[m].state === "idle" && (i[m].state = "hover"), n("onHoverOver", m);
           }), h.addEventListener("mouseout", () => {
-            i[m].state === "hover" && (i[m].state = "idle"), a("onHoverOut", m);
+            i[m].state === "hover" && (i[m].state = "idle"), n("onHoverOut", m);
           }), h.addEventListener("click", () => {
-            a("onClick", m);
+            n("onClick", m);
           });
         }));
       });
     }
     return (l, f) => (p(), V(Le, null, {
       default: b(() => [
-        (p(), x("div", {
+        (p(), F("div", {
           ref_key: "svgContainer",
           ref: o,
           key: l.currentCamera.overlayFilename,
@@ -1695,11 +1695,11 @@ const Mn = /* @__PURE__ */ j({
     longitude: {}
   },
   setup(u) {
-    const n = u, e = T(() => ({
-      transform: `rotate(${90 - (n.longitude || 0)}deg)`,
+    const a = u, e = T(() => ({
+      transform: `rotate(${90 - (a.longitude || 0)}deg)`,
       transition: " transform 0.5s ease-in"
     }));
-    return (a, t) => {
+    return (n, t) => {
       const o = B("v-img");
       return p(), V(o, {
         src: ae(Pn),
@@ -1709,80 +1709,80 @@ const Mn = /* @__PURE__ */ j({
   }
 });
 class Ye {
-  constructor(n) {
+  constructor(a) {
     ne(this, "_buildingIds");
-    this._buildingIds = n;
+    this._buildingIds = a;
   }
   static empty() {
     return new Ye([]);
   }
-  getBuildingId(n, e, a) {
-    const t = this._getBuildingIndex(n, e, a);
+  getBuildingId(a, e, n) {
+    const t = this._getBuildingIndex(a, e, n);
     if (t !== void 0)
       return this._buildingIds[t];
   }
-  _getBuildingIndex(n, e, a) {
-    const [t, o, r, i] = n.getPixel(e, a);
+  _getBuildingIndex(a, e, n) {
+    const [t, o, r, i] = a.getPixel(e, n);
     if (i === 255 && t === o && o === r)
       return t;
   }
 }
 const jn = 180;
 class kt {
-  constructor(n) {
+  constructor(a) {
     ne(this, "_cdnFileResolver");
     ne(this, "_resourceLoader");
-    this._cdnFileResolver = n, this._resourceLoader = new ge();
+    this._cdnFileResolver = a, this._resourceLoader = new ge();
   }
-  constructFileUrl(n) {
-    return this._cdnFileResolver ? ie(this._cdnFileResolver, `/${n}`) : null;
+  constructFileUrl(a) {
+    return this._cdnFileResolver ? ie(this._cdnFileResolver, `/${a}`) : null;
   }
-  loadBuildingMapImage(n) {
-    const e = this.constructFileUrl(n.lookupFilename);
+  loadBuildingMapImage(a) {
+    const e = this.constructFileUrl(a.lookupFilename);
     return e ? this._resourceLoader.loadImage(e) : null;
   }
-  getViewLongitude(n) {
-    return n.cameraRotation && n.cameraRotation.y + 270;
+  getViewLongitude(a) {
+    return a.cameraRotation && a.cameraRotation.y + 270;
   }
-  getBuildingData(n) {
-    const e = n ? n.buildings : [], a = e.map((o) => o.id), t = e.map((o) => ({
+  getBuildingData(a) {
+    const e = a ? a.buildings : [], n = e.map((o) => o.id), t = e.map((o) => ({
       id: o.id,
       url: this.constructFileUrl(o.overlayFilename)
     }));
-    return { buildingIds: a, buildingOverlays: t };
+    return { buildingIds: n, buildingOverlays: t };
   }
-  getBackgroundImageData(n) {
-    return "days" in n ? this.processMultipleDays(n.days) : [this.processTimeSamples(
+  getBackgroundImageData(a) {
+    return "days" in a ? this.processMultipleDays(a.days) : [this.processTimeSamples(
       jn,
-      n.timeSamples
+      a.timeSamples
     )];
   }
-  processMultipleDays(n) {
-    return n.map(
+  processMultipleDays(a) {
+    return a.map(
       (e) => this.processTimeSamples(e.dayOfYear, e.timeSamples)
     );
   }
-  processTimeSamples(n, e) {
+  processTimeSamples(a, e) {
     return {
       urls: e.map(
         (t) => this.constructFileUrl(t.filename)
       ),
-      referenceDate: this.makeReferenceDate(n)
+      referenceDate: this.makeReferenceDate(a)
     };
   }
-  makeReferenceDate(n) {
+  makeReferenceDate(a) {
     const e = /* @__PURE__ */ new Date(0);
-    return e.setUTCDate(n), e;
+    return e.setUTCDate(a), e;
   }
-  async loadBuildingChooser(n) {
+  async loadBuildingChooser(a) {
     try {
-      if (n) {
-        const e = await this.loadBuildingMapImage(n);
+      if (a) {
+        const e = await this.loadBuildingMapImage(a);
         if (e) {
-          const a = this.getViewLongitude(n), { buildingIds: t, buildingOverlays: o } = this.getBuildingData(n), r = this.getBackgroundImageData(n);
+          const n = this.getViewLongitude(a), { buildingIds: t, buildingOverlays: o } = this.getBuildingData(a), r = this.getBackgroundImageData(a);
           return {
             mapImage: e,
-            viewLongitude: a,
+            viewLongitude: n,
             buildingIds: t,
             buildingOverlays: o,
             backgrounds: r
@@ -1796,20 +1796,20 @@ class kt {
   }
 }
 class Pe {
-  constructor(n) {
+  constructor(a) {
     ne(this, "_mapImage");
     ne(this, "_context");
-    this._mapImage = n, this._context = null;
+    this._mapImage = a, this._context = null;
   }
   static empty() {
     return new Pe(null);
   }
-  update(n) {
-    this._mapImage && (this._context = n.getContext("2d", { willReadFrequently: !0 }), this._context.drawImage(this._mapImage, 0, 0, n.width, n.height));
+  update(a) {
+    this._mapImage && (this._context = a.getContext("2d", { willReadFrequently: !0 }), this._context.drawImage(this._mapImage, 0, 0, a.width, a.height));
   }
-  getPixel(n, e) {
+  getPixel(a, e) {
     try {
-      return this._context ? this._context.getImageData(n, e, 1, 1).data : [0, 0, 0, 0];
+      return this._context ? this._context.getImageData(a, e, 1, 1).data : [0, 0, 0, 0];
     } catch {
       return [0, 0, 0, 0];
     }
@@ -1817,19 +1817,19 @@ class Pe {
 }
 const Wn = /* @__PURE__ */ new Date(0);
 class lt {
-  constructor(n) {
+  constructor(a) {
     ne(this, "_imagesByDay");
     ne(this, "_state");
-    this._imagesByDay = n, this._state = { selectedIndex: 0 };
+    this._imagesByDay = a, this._state = { selectedIndex: 0 };
   }
   static empty() {
     return new lt([{ referenceDate: Wn, urls: [] }]);
   }
-  selectIndex(n) {
-    n < this._imagesByDay.length && (this._state.selectedIndex = n);
+  selectIndex(a) {
+    a < this._imagesByDay.length && (this._state.selectedIndex = a);
   }
   get dates() {
-    return this._imagesByDay.map((n) => n.referenceDate);
+    return this._imagesByDay.map((a) => a.referenceDate);
   }
   get hasMultipleDates() {
     return this._imagesByDay.length > 1;
@@ -1864,23 +1864,23 @@ function Nn() {
 }
 class Gn {
   // private cameraParams: any
-  constructor(n, e) {
+  constructor(a, e) {
     ne(this, "data");
-    this.data = n;
+    this.data = a;
   }
-  download(n = null) {
-    n = n || Nn();
+  download(a = null) {
+    a = a || Nn();
     const e = document.createElement("a");
-    typeof e.download == "string" ? (document.body.appendChild(e), e.download = n, e.href = this.data, e.click(), document.body.removeChild(e)) : location.replace(this.data);
+    typeof e.download == "string" ? (document.body.appendChild(e), e.download = a, e.href = this.data, e.click(), document.body.removeChild(e)) : location.replace(this.data);
   }
 }
 const Qn = (u) => {
-  const n = u.sceneData.map(
+  const a = u.sceneData.map(
     (i) => ({
       unitId: i.apartmentID,
       bestScene: i.bestScene
     })
-  ), e = "1280", a = [4, 1, 2, 3], t = [];
+  ), e = "1280", n = [4, 1, 2, 3], t = [];
   for (let i = 1; i <= 64; i++) {
     const v = i.toString().padStart(4, "0") + ".jpg";
     t.push(v);
@@ -1891,7 +1891,7 @@ const Qn = (u) => {
   for (let i = 0; i < u.scenes.length; i++) {
     let v = u.scenes[i], c, l;
     c = o[v], l = {
-      cameraName: `Camera ${i + 1}`,
+      cameraName: `Kamera ${i + 1}`,
       cameraPosition: {
         x: 0,
         y: 0,
@@ -1904,7 +1904,7 @@ const Qn = (u) => {
         w: 0
       },
       cameraFov: 0,
-      overlayFilename: `/scenedata${a[i]}V5Overlay.svg`,
+      overlayFilename: `/scenedata${n[i]}V5Overlay.svg`,
       sunsimDayOfYear: [
         {
           dayOfYear: 179,
@@ -1933,7 +1933,7 @@ const Qn = (u) => {
     scenes: u.scenes,
     loopable: !0,
     renderVersion: u.renderVersion ? u.renderVersion : "Auto Converted",
-    unitData: n,
+    unitData: a,
     cameras: o
   };
 }, qn = {
@@ -1960,14 +1960,18 @@ const Qn = (u) => {
     renderDisplay: {},
     mobileBreakpoint: { default: 600 }
   },
-  emits: ["onClick", "onHoverOver", "onHoverOut", "onMouseMove"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = d(), o = d(), r = d(), i = d(
+  emits: ["onClick", "onHoverOver", "onHoverOut", "onMouseMove", "onInitialize", "onError"],
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = d(), o = d(), r = d(), i = d(
       null
     ), v = d(4), c = d(), l = d(!1), f = d(!1), C = d(), h = d(), m = T(() => h.value.isHoverEnabled), g = d({ x: 0, y: 0, width: 0, height: 0 }), S = d(), A = d(), y = d(
       e.apartmentChooserData
     ), O = d(!1);
-    de(() => l.value = !0), P(
+    de(() => {
+      l.value = !0;
+    }), Y(l, (x) => {
+      x && n("onInitialize");
+    }), Y(
       () => A.value,
       () => {
         A.value && new ResizeObserver(([$]) => {
@@ -1980,12 +1984,16 @@ const Qn = (u) => {
     ), R = T(
       () => y.value ? y.value.cameras.filter(ct) : []
     ), I = async () => {
-      let D, $;
-      return $ = await ge.loadJson(
-        ie(e.cdnFileResolver, "/apartmentChooser.json")
-      ), parseInt($.version) === 5 ? $ : (D = Qn($), D);
+      try {
+        let x, $;
+        return $ = await ge.loadJson(
+          ie(e.cdnFileResolver, "/apartmentChooser.json")
+        ), parseInt($.version) === 5 ? $ : (x = Qn($), x);
+      } catch (x) {
+        l.value = !1, n("onError", x);
+      }
     };
-    P(
+    Y(
       [
         y,
         () => e.cdnFileResolver,
@@ -1993,46 +2001,46 @@ const Qn = (u) => {
       ],
       async () => {
         e.cdnFileResolver && (y.value || (y.value = await I()), e.defaultCamera ? t.value = M.value.find(
-          (D) => D.cameraName === e.defaultCamera
+          (x) => x.cameraName === e.defaultCamera
         ) || M.value[0] : t.value = M.value[0], v.value = y.value.cameras.findIndex(
-          (D) => D === t.value
+          (x) => x === t.value
         ), v.value = Math.max(0, v.value));
       },
       { immediate: !0 }
-    ), P(
+    ), Y(
       [y, () => e.cdnFileResolver, () => e.defaultDay],
       () => {
         y.value && e.cdnFileResolver && (e.defaultDay ? o.value = t.value.sunsimDayOfYear.find(
-          (D) => D.dayOfYear === e.defaultDay
+          (x) => x.dayOfYear === e.defaultDay
         ) || t.value.sunsimDayOfYear[0] : o.value = t.value.sunsimDayOfYear[0]);
       },
       { immediate: !0 }
-    ), P(
+    ), Y(
       [y, () => e.cdnFileResolver, () => e.defaultTime],
       () => {
         y.value && e.cdnFileResolver && (e.defaultTime ? r.value = o.value.timeSamples.find(
-          (D) => D.timeInHours === e.defaultTime
+          (x) => x.timeInHours === e.defaultTime
         ) || o.value.timeSamples[0] : r.value = o.value.timeSamples.find(
-          (D) => D.timeInHours === o.value.defaultHour
+          (x) => x.timeInHours === o.value.defaultHour
         ) || o.value.timeSamples[0]);
       },
       { immediate: !0 }
     );
-    function _(D) {
-      t.value !== D && C.value.rotateShortestRoute(
-        y.value.cameras.findIndex(($) => $ === D)
+    function _(x) {
+      t.value !== x && C.value.rotateShortestRoute(
+        y.value.cameras.findIndex(($) => $ === x)
       );
     }
-    function Y(D) {
-      v.value = D, ct(y.value.cameras[v.value]) ? i.value = y.value.cameras[v.value] : (Se(() => {
-        F(
+    function P(x) {
+      v.value = x, ct(y.value.cameras[v.value]) ? i.value = y.value.cameras[v.value] : (Se(() => {
+        D(
           y.value.cameras[v.value]
         );
       }), i.value = null);
     }
-    function F(D) {
+    function D(x) {
       const $ = o.value;
-      t.value = D, v.value = y.value.cameras.findIndex(
+      t.value = x, v.value = y.value.cameras.findIndex(
         (q) => q === t.value
       ), Se(() => {
         H(
@@ -2042,9 +2050,9 @@ const Qn = (u) => {
         );
       });
     }
-    function H(D) {
+    function H(x) {
       const $ = r.value;
-      o.value = D, Se(() => {
+      o.value = x, Se(() => {
         L(
           o.value.timeSamples.find(
             (q) => q.timeInHours === $.timeInHours
@@ -2054,26 +2062,26 @@ const Qn = (u) => {
         );
       });
     }
-    function L(D) {
-      r.value = D;
+    function L(x) {
+      r.value = x;
     }
-    function E(D) {
-      a("onClick", D, () => {
+    function E(x) {
+      n("onClick", x, () => {
         const $ = y.value.unitData.find(
-          (q) => q.unitId === D
+          (q) => q.unitId === x
         );
         $ && C.value.rotateShortestRoute($.bestScene);
       });
     }
-    function z(D) {
-      a("onHoverOver", D), c.value = D;
+    function z(x) {
+      n("onHoverOver", x), c.value = x;
     }
-    function W(D) {
-      a("onHoverOut", D), c.value = void 0;
+    function W(x) {
+      n("onHoverOut", x), c.value = void 0;
     }
-    function ue(D) {
-      const { layerX: $, layerY: q } = D;
-      let te = D.target, re = !1;
+    function ue(x) {
+      const { layerX: $, layerY: q } = x;
+      let te = x.target, re = !1;
       for (; te; )
         if (te === S.value) {
           re = !0;
@@ -2081,7 +2089,7 @@ const Qn = (u) => {
         } else
           te = te.parentElement;
       if (re) {
-        const oe = D.currentTarget;
+        const oe = x.currentTarget;
         g.value = {
           x: $,
           y: q,
@@ -2090,11 +2098,11 @@ const Qn = (u) => {
         };
       } else
         g.value = void 0;
-      a("onMouseMove", D, g.value);
+      n("onMouseMove", x, g.value);
     }
-    return (D, $) => {
+    return (x, $) => {
       const q = B("v-skeleton-loader");
-      return p(), x(ce, null, [
+      return p(), F(ce, null, [
         w(q, {
           type: "image",
           class: "w-100 h-100 position-relative",
@@ -2145,10 +2153,10 @@ const Qn = (u) => {
                       ref: C,
                       "apartment-chooser-data": y.value,
                       "current-scene": v.value,
-                      "selected-id": D.selectedId,
+                      "selected-id": x.selectedId,
                       "render-display": e.renderDisplay,
                       onOnDisplayClick: E,
-                      onOnSceneChange: Y,
+                      onOnSceneChange: P,
                       onOnRotateStart: $[0] || ($[0] = (te) => f.value = !0),
                       onOnRotateFinish: $[1] || ($[1] = (te) => f.value = !1)
                     }, null, 8, ["apartment-chooser-data", "current-scene", "selected-id", "render-display"])) : U("", !0)
@@ -2160,25 +2168,25 @@ const Qn = (u) => {
                   ]),
                   w(Xe, { position: "relative" }, {
                     default: b(() => [
-                      (p(!0), x(ce, null, me(M.value, (te) => (p(), V(Ln, {
+                      (p(!0), F(ce, null, me(M.value, (te) => (p(), V(Ln, {
                         key: te.overlayFilename,
                         "camera-data": te,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-time": r.value
                       }, null, 8, ["camera-data", "cdn-file-resolver", "current-time"]))), 128)),
-                      (p(!0), x(ce, null, me(R.value, (te) => (p(), V(Dn, {
+                      (p(!0), F(ce, null, me(R.value, (te) => (p(), V(Dn, {
                         "transition-data": te,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-transition": i.value
                       }, null, 8, ["transition-data", "cdn-file-resolver", "current-transition"]))), 256)),
-                      e.customOverlayContent ? (p(), x("div", {
+                      e.customOverlayContent ? (p(), F("div", {
                         key: 0,
                         class: "w-100 h-100 position-absolute top-left",
                         style: { "z-index": "6", "pointer-events": "none" },
                         innerHTML: e.customOverlayContent
                       }, null, 8, ta)) : U("", !0),
                       ve(w(Yn, {
-                        "cdn-file-resolver": D.cdnFileResolver,
+                        "cdn-file-resolver": x.cdnFileResolver,
                         "color-callback": e.colorCallback,
                         "current-camera": t.value,
                         "selected-id": e.selectedId,
@@ -2192,14 +2200,14 @@ const Qn = (u) => {
                     ]),
                     _: 1
                   }),
-                  D.$slots.popup && g.value && c.value ? (p(), V(Je, {
+                  x.$slots.popup && g.value && c.value ? (p(), V(Je, {
                     key: 0,
                     "is-hoverable": m.value,
                     pos: g.value
                   }, {
                     default: b(() => [
                       s("div", na, [
-                        K(D.$slots, "popup", tt(nt({ hoverId: c.value, hoverable: m.value })), void 0, !0)
+                        K(x.$slots, "popup", tt(nt({ hoverId: c.value, hoverable: m.value })), void 0, !0)
                       ])
                     ]),
                     _: 3
@@ -2218,7 +2226,7 @@ const Qn = (u) => {
       ], 64);
     };
   }
-}), ai = /* @__PURE__ */ J(aa, [["__scopeId", "data-v-400d4a42"]]), oa = { class: "sunsim-bar-wrapper" }, la = { class: "sunsim-date d-flex align-center pl-5 pr-5" }, sa = {
+}), ai = /* @__PURE__ */ J(aa, [["__scopeId", "data-v-fb5ed138"]]), oa = { class: "sunsim-bar-wrapper" }, la = { class: "sunsim-date d-flex align-center pl-5 pr-5" }, sa = {
   key: 1,
   class: "text-center text-body-1"
 }, ia = { class: "sunsim-wrapper d-flex align-center px-3" }, ra = { class: "sunsim-time-label text-body-1 font-weight-normal ml-2" }, ua = /* @__PURE__ */ j({
@@ -2229,8 +2237,8 @@ const Qn = (u) => {
     isLoading: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = d(e.modelValue), o = d();
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = d(e.modelValue), o = d();
     function r(l) {
       return l.toLocaleString("en-no", {
         month: "short",
@@ -2248,11 +2256,11 @@ const Qn = (u) => {
         e.dateSelector.selectIndex(v.value.indexOf(l));
       }
     });
-    return P(t, (l) => {
-      a("update:modelValue", l);
-    }), P(o, (l) => {
+    return Y(t, (l) => {
+      n("update:modelValue", l);
+    }), Y(o, (l) => {
       e.dateSelector.selectIndex(v.value.indexOf(l));
-    }), P(
+    }), Y(
       () => e.modelValue,
       (l) => {
         t.value = Math.floor(l);
@@ -2261,7 +2269,7 @@ const Qn = (u) => {
       o.value = r(e.dateSelector.selectedDate);
     }), (l, f) => {
       const C = B("v-icon"), h = B("v-select"), m = B("v-progress-linear"), g = B("v-slider");
-      return p(), x("div", oa, [
+      return p(), F("div", oa, [
         s("div", la, [
           w(C, {
             color: "black",
@@ -2277,7 +2285,7 @@ const Qn = (u) => {
             variant: "underlined",
             "hide-details": "",
             class: "day-selector"
-          }, null, 8, ["modelValue", "items"])) : (p(), x("span", sa, Q(c.value), 1))
+          }, null, 8, ["modelValue", "items"])) : (p(), F("span", sa, Q(c.value), 1))
         ]),
         s("div", ia, [
           s("span", ra, Q(i.value), 1),
@@ -2324,32 +2332,32 @@ const Qn = (u) => {
     activeIndex: {}
   },
   emits: ["resize", "ready", "preloaded", "reset"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = d("init"), o = d(new ut(0)), r = d();
-    P(
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = d("init"), o = d(new ut(0)), r = d();
+    Y(
       () => e.imageUrls,
       (c) => {
-        a("reset"), v(c);
+        n("reset"), v(c);
       }
     ), de(() => {
       v(e.imageUrls), new ResizeObserver((c) => {
         window.requestAnimationFrame(() => {
           const l = c[0].contentRect.width, f = c[0].contentRect.height;
-          a("resize", { width: l, height: f });
+          n("resize", { width: l, height: f });
         });
       }).observe(r.value);
     });
     function i() {
-      t.value = "preloaded", a("preloaded");
+      t.value = "preloaded", n("preloaded");
     }
     function v(c) {
       t.value = "init", r.value.src = c[0], o.value = new ut(c.length).onLoadFinished(
         () => {
-          t.value = "loaded", a("ready");
+          t.value = "loaded", n("ready");
         }
       );
     }
-    return (c, l) => (p(), x("div", null, [
+    return (c, l) => (p(), F("div", null, [
       s("img", {
         ref_key: "baseImage",
         ref: r,
@@ -2357,8 +2365,8 @@ const Qn = (u) => {
         style: { opacity: 1, borderRadius: 50 },
         onLoad: i
       }, null, 544),
-      t.value === "preloaded" || t.value === "loaded" ? ve((p(), x("div", ca, [
-        (p(!0), x(ce, null, me(c.imageUrls, (f, C) => (p(), x("img", {
+      t.value === "preloaded" || t.value === "loaded" ? ve((p(), F("div", ca, [
+        (p(!0), F(ce, null, me(c.imageUrls, (f, C) => (p(), F("img", {
           key: C,
           class: fe({ "image-instance": !0, active: C === c.activeIndex }),
           src: f,
@@ -2388,8 +2396,8 @@ const Qn = (u) => {
     buildingChooserData: {}
   },
   emits: ["goToBuilding", "hoverOverBuilding", "hoverOutBuilding"],
-  setup(u, { emit: n }) {
-    const e = u, a = n;
+  setup(u, { emit: a }) {
+    const e = u, n = a;
     Ze(
       be,
       e.i18nConfig ? new xe(e.i18nConfig) : new xe()
@@ -2403,8 +2411,8 @@ const Qn = (u) => {
     }), r = d({ x: 0, y: 0, width: 0, height: 0 }), i = d(), v = d(
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
     ), c = d(!1), l = d(new ge()), f = d(), C = d("0 0 0 0"), h = d(), m = d(), g = d(Ye.empty()), S = d(Pe.empty()), A = d(), y = T(() => A.value.isHoverEnabled);
-    P(i, (L, E) => {
-      L ? a("hoverOverBuilding", L) : a("hoverOutBuilding", E);
+    Y(i, (L, E) => {
+      L ? n("hoverOverBuilding", L) : n("hoverOutBuilding", E);
     }), Ie(() => {
       if (e.buildingChooserTimeOfDay) {
         const [L, E, z] = /^(\d\d):(\d\d)$/.exec(
@@ -2425,8 +2433,8 @@ const Qn = (u) => {
         };
         const z = [];
         for (let { id: W, url: ue } of E.buildingOverlays)
-          l.value.loadJson(ue.replace(".png", ".svg")).then((D) => {
-            const q = new DOMParser().parseFromString(D, "image/svg+xml").getElementsByTagName("svg")[0];
+          l.value.loadJson(ue.replace(".png", ".svg")).then((x) => {
+            const q = new DOMParser().parseFromString(x, "image/svg+xml").getElementsByTagName("svg")[0];
             C.value = q.getAttribute("viewBox"), z.push({
               id: W,
               svg: q.innerHTML
@@ -2455,13 +2463,13 @@ const Qn = (u) => {
         L === i.value ? "hover" : "idle"
       );
       if (E) {
-        const { r: z, g: W, b: ue, a: D, s: $ } = E;
+        const { r: z, g: W, b: ue, a: x, s: $ } = E;
         return {
           strokeWidth: $ !== void 0 ? $ : 2,
           stroke: `rgb(${z}, ${W}, ${ue})`,
           strokeOpacity: 1,
           fill: `rgb(${z}, ${W}, ${ue})`,
-          fillOpacity: D / 255,
+          fillOpacity: x / 255,
           cursor: `${e.canGoToBuildingCallback(L) ? "cursor" : "default"} !important`
         };
       } else
@@ -2481,18 +2489,18 @@ const Qn = (u) => {
         y: W,
         width: o.value.width,
         height: o.value.height
-      }, i.value = E, a("hoverOverBuilding", E));
+      }, i.value = E, n("hoverOverBuilding", E));
     }
-    function Y(L, E) {
+    function P(L, E) {
       const { layerX: z, layerY: W } = L;
       y.value && (r.value = {
         x: z,
         y: W,
         width: o.value.width,
         height: o.value.height
-      }, i.value = void 0, a("hoverOutBuilding", E));
+      }, i.value = void 0, n("hoverOutBuilding", E));
     }
-    function F(L, E) {
+    function D(L, E) {
       const { layerX: z, layerY: W } = L;
       y.value && (r.value = {
         x: z,
@@ -2502,18 +2510,18 @@ const Qn = (u) => {
       });
     }
     function H(L) {
-      i.value = L, y.value && i.value && e.canGoToBuildingCallback(i.value) && a("goToBuilding", i.value);
+      i.value = L, y.value && i.value && e.canGoToBuildingCallback(i.value) && n("goToBuilding", i.value);
     }
     return (L, E) => {
       const z = B("v-icon");
-      return c.value ? (p(), x("div", ma, [
+      return c.value ? (p(), F("div", ma, [
         w(z, { "x-large": "" }, {
           default: b(() => [
             ee("mdi-alert-circle-outline")
           ]),
           _: 1
         })
-      ])) : m.value ? (p(), x("div", {
+      ])) : m.value ? (p(), F("div", {
         key: 1,
         style: se(`height: ${o.value.height}px; position: relative`),
         class: "image-container"
@@ -2532,18 +2540,18 @@ const Qn = (u) => {
                 onReady: E[1] || (E[1] = (W) => t.value.ready = !0),
                 onReset: M
               }, null, 8, ["image-urls", "active-index"]),
-              f.value ? ve((p(), x("div", fa, [
+              f.value ? ve((p(), F("div", fa, [
                 s("div", ha, [
-                  (p(), x("svg", { viewBox: C.value }, [
-                    (p(!0), x(ce, null, me(f.value, ({ id: W, svg: ue }, D) => (p(), x("g", {
-                      key: D,
+                  (p(), F("svg", { viewBox: C.value }, [
+                    (p(!0), F(ce, null, me(f.value, ({ id: W, svg: ue }, x) => (p(), F("g", {
+                      key: x,
                       innerHTML: ue,
                       "data-building-id": W,
                       class: fe(R(W)),
                       style: se(I(W)),
                       onMouseover: ($) => _($, W),
-                      onMouseout: ($) => Y($, W),
-                      onMousemove: ($) => F($),
+                      onMouseout: ($) => P($, W),
+                      onMousemove: ($) => D($),
                       onClick: ($) => H(W)
                     }, null, 46, ya))), 128))
                   ], 8, ga))
@@ -2586,7 +2594,7 @@ const Qn = (u) => {
             K(L.$slots, "default", {
               building: i.value,
               canGoToBuilding: L.canGoToBuildingCallback(i.value),
-              goToBuilding: () => L.canGoToBuildingCallback(i.value) && a("goToBuilding", i.value),
+              goToBuilding: () => L.canGoToBuildingCallback(i.value) && n("goToBuilding", i.value),
               pos: r.value,
               isHoverable: y.value,
               close: () => i.value = void 0
@@ -2608,13 +2616,13 @@ const Qn = (u) => {
     dimensions: {},
     color: { default: () => ({ r: 108, g: 0, b: 108, a: 144, s: 2 }) }
   },
-  setup(u, { expose: n }) {
+  setup(u, { expose: a }) {
     const e = u;
-    n({
+    a({
       setupDraw: l
     });
-    const a = d(!1), t = d(), o = d(new ge()), r = d(), i = d(), v = d([]), c = d();
-    P(
+    const n = d(!1), t = d(), o = d(new ge()), r = d(), i = d(), v = d([]), c = d();
+    Y(
       () => e.color,
       (h, m) => {
         (h.r !== m.r || h.g !== m.g || h.b !== m.b || h.a !== m.a) && f();
@@ -2632,7 +2640,7 @@ const Qn = (u) => {
         }), r.value.drawImage(t.value, 0, 0, h, m), i.value = r.value.getImageData(0, 0, h, m);
         for (let g = 3; g < i.value.data.length; g += 4)
           i.value.data[g] !== 0 && v.value.push(g);
-        f(), a.value = !0;
+        f(), n.value = !0;
       }
     }
     function f() {
@@ -2643,7 +2651,7 @@ const Qn = (u) => {
         for (let h = 0; h < v.value.length; h++)
           i.value.data[v.value[h] - 3] = e.color.r, i.value.data[v.value[h] - 2] = e.color.g, i.value.data[v.value[h] - 1] = e.color.b, i.value.data[v.value[h]] = e.color.a;
     }
-    return (h, m) => (p(), x("canvas", ye({
+    return (h, m) => (p(), F("canvas", ye({
       ref_key: "canvas",
       ref: c,
       class: "overlay"
@@ -2668,8 +2676,8 @@ const Qn = (u) => {
     buildingChooserData: {}
   },
   emits: ["goToBuilding", "hoverOverBuilding", "hoverOutBuilding"],
-  setup(u, { emit: n }) {
-    const e = u, a = n;
+  setup(u, { emit: a }) {
+    const e = u, n = a;
     Ze(
       be,
       e.i18nConfig ? new xe(e.i18nConfig) : new xe()
@@ -2695,8 +2703,8 @@ const Qn = (u) => {
         ), W = parseInt(z);
         C.value = parseInt(E) * 2 + (W < 15 ? 0 : W > 45 ? 2 : 1);
       }
-    }), P(f, (L, E) => {
-      L ? a("hoverOverBuilding", L) : a("hoverOutBuilding", E);
+    }), Y(f, (L, E) => {
+      L ? n("hoverOverBuilding", L) : n("hoverOutBuilding", E);
     }), de(async () => {
       const E = await new kt(
         e.cdnFileResolver
@@ -2736,10 +2744,10 @@ const Qn = (u) => {
         height: r.value.height
       }));
     }
-    function Y(L) {
-      f.value = R(L), y.value && f.value && a("goToBuilding", f.value);
+    function P(L) {
+      f.value = R(L), y.value && f.value && n("goToBuilding", f.value);
     }
-    function F(L) {
+    function D(L) {
       return e.colorCallback(
         L,
         L === f.value ? "hover" : "idle"
@@ -2750,14 +2758,14 @@ const Qn = (u) => {
     }
     return (L, E) => {
       const z = B("v-icon");
-      return m.value ? (p(), x("div", Ia, [
+      return m.value ? (p(), F("div", Ia, [
         w(z, { "x-large": "" }, {
           default: b(() => [
             ee("mdi-alert-circle-outline")
           ]),
           _: 1
         })
-      ])) : v.value ? (p(), x("div", {
+      ])) : v.value ? (p(), F("div", {
         key: 1,
         style: se(`cursor: ${f.value ? "pointer" : "auto"};height: ${r.value.height}px; position: relative`),
         class: "image-container"
@@ -2778,14 +2786,14 @@ const Qn = (u) => {
                 onReset: M
               }, null, 8, ["image-urls", "active-index"]),
               ve(s("div", null, [
-                (p(!0), x(ce, null, me(v.value.buildingOverlays, (W) => (p(), V(Ca, {
+                (p(!0), F(ce, null, me(v.value.buildingOverlays, (W) => (p(), V(Ca, {
                   ref_for: !0,
                   ref_key: "overlays",
                   ref: A,
                   key: W.id,
                   "image-url": W.url,
                   dimensions: r.value,
-                  color: F(W.id)
+                  color: D(W.id)
                 }, null, 8, ["image-url", "dimensions", "color"]))), 128))
               ], 512), [
                 [he, o.value.preloaded]
@@ -2795,7 +2803,7 @@ const Qn = (u) => {
               ref_key: "canvas",
               ref: S,
               class: { hover: !!f.value },
-              onClick: Y,
+              onClick: P,
               onMousemove: _
             }), null, 16),
             ve(s("div", {
@@ -2832,7 +2840,7 @@ const Qn = (u) => {
             K(L.$slots, "default", {
               building: f.value,
               canGoToBuilding: L.canGoToBuildingCallback(f.value),
-              goToBuilding: () => L.canGoToBuildingCallback(f.value) && a("goToBuilding", f.value),
+              goToBuilding: () => L.canGoToBuildingCallback(f.value) && n("goToBuilding", f.value),
               pos: i.value,
               isHoverable: y.value,
               close: () => f.value = void 0
@@ -2863,8 +2871,8 @@ const Qn = (u) => {
     buildingChooserData: {}
   },
   emits: ["goToBuilding", "hoverOverBuilding", "hoverOutBuilding"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = T(
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = T(
       () => e.useSvg ? wa : xa
     );
     return (o, r) => (p(), V(yt(t.value), {
@@ -2878,9 +2886,9 @@ const Qn = (u) => {
       "can-go-to-building-callback": e.canGoToBuildingCallback,
       "custom-overlay-content": e.customOverlayContent,
       "building-chooser-data": e.buildingChooserData,
-      onGoToBuilding: r[0] || (r[0] = (i) => a("goToBuilding", i)),
-      onHoverOverBuilding: r[1] || (r[1] = (i) => a("hoverOverBuilding", i)),
-      onHoverOutBuilding: r[2] || (r[2] = (i) => a("hoverOutBuilding", i))
+      onGoToBuilding: r[0] || (r[0] = (i) => n("goToBuilding", i)),
+      onHoverOverBuilding: r[1] || (r[1] = (i) => n("hoverOverBuilding", i)),
+      onHoverOutBuilding: r[2] || (r[2] = (i) => n("hoverOutBuilding", i))
     }, Vt({ _: 2 }, [
       me(Object.keys(o.$slots), (i) => ({
         name: i,
@@ -2898,13 +2906,13 @@ const Qn = (u) => {
     currentTime: {}
   },
   setup(u) {
-    const n = u, e = T(() => ie(n.cdnFileResolver, n.timeSampleData.filename));
-    return (a, t) => ve((p(), x("img", {
+    const a = u, e = T(() => ie(a.cdnFileResolver, a.timeSampleData.filename));
+    return (n, t) => ve((p(), F("img", {
       key: e.value,
       src: e.value,
       width: "100%"
     }, null, 8, Da)), [
-      [he, a.timeSampleData === a.currentTime]
+      [he, n.timeSampleData === n.currentTime]
     ]);
   }
 }), Ea = /* @__PURE__ */ J(Ma, [["__scopeId", "data-v-98118455"]]), Ta = /* @__PURE__ */ j({
@@ -2915,10 +2923,10 @@ const Qn = (u) => {
     currentTime: {}
   },
   setup(u) {
-    const n = u;
-    return (e, a) => (p(!0), x(ce, null, me(n.dayData.timeSamples, (t) => (p(), V(Ea, {
+    const a = u;
+    return (e, n) => (p(!0), F(ce, null, me(a.dayData.timeSamples, (t) => (p(), V(Ea, {
       "time-sample-data": t,
-      "cdn-file-resolver": n.cdnFileResolver,
+      "cdn-file-resolver": a.cdnFileResolver,
       "current-time": e.currentTime
     }, null, 8, ["time-sample-data", "cdn-file-resolver", "current-time"]))), 256));
   }
@@ -2930,11 +2938,11 @@ const Qn = (u) => {
     currentTime: {}
   },
   setup(u) {
-    const n = u;
-    return (e, a) => (p(!0), x(ce, null, me(n.cameraData.sunsimDayOfYear, (t) => (p(), V(Ta, {
+    const a = u;
+    return (e, n) => (p(!0), F(ce, null, me(a.cameraData.sunsimDayOfYear, (t) => (p(), V(Ta, {
       "day-data": t,
-      "cdn-file-resolver": n.cdnFileResolver,
-      "current-time": n.currentTime
+      "cdn-file-resolver": a.cdnFileResolver,
+      "current-time": a.currentTime
     }, null, 8, ["day-data", "cdn-file-resolver", "current-time"]))), 256));
   }
 }), Ba = /* @__PURE__ */ j({
@@ -2944,12 +2952,12 @@ const Qn = (u) => {
     currentCamera: {}
   },
   emits: ["onCameraChange"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = d(
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = d(
       e.currentCamera.overlayFilename
     );
-    return P(t, () => {
-      a(
+    return Y(t, () => {
+      n(
         "onCameraChange",
         e.buildingChooserData.cameras.find(
           (o) => o.overlayFilename === t.value
@@ -2976,15 +2984,15 @@ const Qn = (u) => {
     currentDay: {}
   },
   emits: ["onDayChange"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = d(e.currentDay.dayOfYear);
-    P(
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = d(e.currentDay.dayOfYear);
+    Y(
       () => e.currentDay.dayOfYear,
       () => {
         t.value = e.currentDay.dayOfYear;
       }
-    ), P(t, () => {
-      a(
+    ), Y(t, () => {
+      n(
         "onDayChange",
         e.cameraData.sunsimDayOfYear.find(
           (r) => r.dayOfYear === t.value
@@ -3032,15 +3040,15 @@ const Qn = (u) => {
     currentTime: {}
   },
   emits: ["onTimeChange"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = d(e.currentTime.timeInHours), o = d();
-    P(
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = d(e.currentTime.timeInHours), o = d();
+    Y(
       () => e.currentTime.timeInHours,
       () => {
         t.value = e.currentTime.timeInHours;
       }
-    ), P(t, () => {
-      a(
+    ), Y(t, () => {
+      n(
         "onTimeChange",
         e.dayData.timeSamples.find(
           (v) => v.timeInHours === t.value
@@ -3065,7 +3073,7 @@ const Qn = (u) => {
       const l = B("v-icon"), f = B("v-btn"), C = B("v-slider"), h = B("v-field");
       return p(), V(h, { variant: "solo" }, {
         default: b(() => [
-          v.dayData.startTime === v.dayData.endTime ? (p(), x("div", Oa, [
+          v.dayData.startTime === v.dayData.endTime ? (p(), F("div", Oa, [
             w(l, {
               style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
               class: "py-2 ml-2 mr-2 icon"
@@ -3126,8 +3134,8 @@ const Qn = (u) => {
     selectedId: {}
   },
   emits: ["onClick", "onHoverOver", "onHoverOut", "updateSvgContainer"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = d(), o = d(), r = d(e.selectedId), i = dt({});
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = d(), o = d(), r = d(e.selectedId), i = dt({});
     Ie(() => {
       for (const l in i) {
         const { element: f, state: C } = i[l], { r: h, g: m, b: g, a: S, s: A } = e.colorCallback(l, C) || {
@@ -3139,19 +3147,19 @@ const Qn = (u) => {
         };
         f.style.fill = `rgba(${h}, ${m}, ${g}, ${S / 255})`, f.style.stroke = `rgb(${h}, ${m}, ${g})`, f.style.strokeWidth = A.toString();
       }
-    }), P(
+    }), Y(
       () => e.selectedId,
       () => {
         r.value = e.selectedId;
       }
-    ), P(r, () => {
+    ), Y(r, () => {
       for (const l in i)
         i[l].state === "selected" && l !== r.value ? i[l].state = "idle" : i[l].state !== "selected" && l === r.value && (i[l].state = "selected");
     }), Ie(async () => {
       t.value = await ge.loadText(
         ie(e.cdnFileResolver, e.currentCamera.overlayFilename)
       ), c();
-    }), P(
+    }), Y(
       () => o.value,
       () => {
         o.value && new ResizeObserver(v).observe(o.value);
@@ -3177,7 +3185,7 @@ const Qn = (u) => {
       Se(() => {
         var f;
         const l = (f = o.value) == null ? void 0 : f.firstChild;
-        l && (a("updateSvgContainer", l), v(), l.querySelectorAll("[data-building-id]").forEach((h) => {
+        l && (n("updateSvgContainer", l), v(), l.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((g) => {
             g.style.stroke = "inherit", g.style.fill = "inherit";
           });
@@ -3186,18 +3194,18 @@ const Qn = (u) => {
             element: h,
             state: r.value === m ? "selected" : "idle"
           }, h.addEventListener("mouseover", () => {
-            i[m].state === "idle" && (i[m].state = "hover"), a("onHoverOver", m);
+            i[m].state === "idle" && (i[m].state = "hover"), n("onHoverOver", m);
           }), h.addEventListener("mouseout", () => {
-            i[m].state === "hover" && (i[m].state = "idle"), a("onHoverOut", m);
+            i[m].state === "hover" && (i[m].state = "idle"), n("onHoverOut", m);
           }), h.addEventListener("click", () => {
-            a("onClick", m);
+            n("onClick", m);
           });
         }));
       });
     }
     return (l, f) => (p(), V(Le, null, {
       default: b(() => [
-        (p(), x("div", {
+        (p(), F("div", {
           ref_key: "svgContainer",
           ref: o,
           key: l.currentCamera.overlayFilename,
@@ -3210,7 +3218,7 @@ const Qn = (u) => {
     }));
   }
 }), Wa = /* @__PURE__ */ J(ja, [["__scopeId", "data-v-37109c67"]]), za = (u) => {
-  const n = {
+  const a = {
     version: "5.0",
     latitude: u.latitude,
     longitude: u.longitude,
@@ -3245,7 +3253,7 @@ const Qn = (u) => {
       }))
     }
   ];
-  const a = {
+  const n = {
     cameraName: "Default",
     cameraPosition: u.cameraPosition,
     cameraRotation: u.cameraRotation,
@@ -3253,7 +3261,7 @@ const Qn = (u) => {
     overlayFilename: "/BuildingChooserV5.svg",
     sunsimDayOfYear: e
   };
-  return n.cameras.push(a), n;
+  return a.cameras.push(n), a;
 }, Na = {
   class: "actions-bar compact top-left d-flex w-100 justify-space-around align-center",
   style: { "z-index": "6" }
@@ -3277,29 +3285,35 @@ const Qn = (u) => {
     defaultTime: {},
     mobileBreakpoint: { default: 600 }
   },
-  emits: ["onClick", "onHoverOver", "onHoverOut", "onMouseMove"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = d(), o = d(), r = d(), i = d(), v = d(!1), c = d(), l = T(() => c.value.isHoverEnabled), f = d({ x: 0, y: 0, width: 0, height: 0 }), C = d(), h = d(), m = d(
+  emits: ["onClick", "onHoverOver", "onHoverOut", "onMouseMove", "onInitialize", "onError"],
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = d(), o = d(), r = d(), i = d(), v = d(!1), c = d(), l = T(() => c.value.isHoverEnabled), f = d({ x: 0, y: 0, width: 0, height: 0 }), C = d(), h = d(), m = d(
       e.buildingChooserData
     ), g = d(!1);
-    de(() => v.value = !0), P(
+    de(() => v.value = !0), Y(v, (_) => {
+      _ && n("onInitialize");
+    }), Y(
       () => h.value,
       () => {
-        h.value && new ResizeObserver(([Y]) => {
-          g.value = Y.contentRect.width < e.mobileBreakpoint;
+        h.value && new ResizeObserver(([P]) => {
+          g.value = P.contentRect.width < e.mobileBreakpoint;
         }).observe(h.value);
       }
     );
     const S = async () => {
-      let _;
-      if (!e.cdnFileResolver)
-        return _;
-      let Y;
-      return Y = await ge.loadJson(
-        ie(e.cdnFileResolver, "/buildingChooser.json")
-      ), parseInt(Y.version) === 5 ? Y : (_ = za(Y), _);
+      try {
+        let _;
+        if (!e.cdnFileResolver)
+          return _;
+        let P;
+        return P = await ge.loadJson(
+          ie(e.cdnFileResolver, "/buildingChooser.json")
+        ), parseInt(P.version) === 5 ? P : (_ = za(P), _);
+      } catch (_) {
+        v.value = !1, n("onError", _);
+      }
     };
-    P(
+    Y(
       [m, () => e.cdnFileResolver, () => e.defaultCamera],
       async () => {
         e.cdnFileResolver && (m.value || (m.value = await S()), e.defaultCamera ? t.value = m.value.cameras.find(
@@ -3307,7 +3321,7 @@ const Qn = (u) => {
         ) || m.value.cameras[0] : t.value = m.value.cameras[0]);
       },
       { immediate: !0 }
-    ), P(
+    ), Y(
       [m, () => e.cdnFileResolver, () => e.defaultDay],
       () => {
         m.value && e.cdnFileResolver && (e.defaultDay ? o.value = t.value.sunsimDayOfYear.find(
@@ -3315,7 +3329,7 @@ const Qn = (u) => {
         ) || t.value.sunsimDayOfYear[0] : o.value = t.value.sunsimDayOfYear[0]);
       },
       { immediate: !0 }
-    ), P(
+    ), Y(
       [m, () => e.cdnFileResolver, () => e.defaultTime],
       () => {
         m.value && e.cdnFileResolver && (e.defaultTime ? r.value = o.value.timeSamples.find(
@@ -3327,23 +3341,23 @@ const Qn = (u) => {
       { immediate: !0 }
     );
     function A(_) {
-      const Y = o.value;
+      const P = o.value;
       t.value = _, Se(() => {
         y(
           t.value.sunsimDayOfYear.find(
-            (F) => F.dayOfYear === Y.dayOfYear
+            (D) => D.dayOfYear === P.dayOfYear
           ) || t.value.sunsimDayOfYear[0]
         );
       });
     }
     function y(_) {
-      const Y = r.value;
+      const P = r.value;
       o.value = _, Se(() => {
         O(
           o.value.timeSamples.find(
-            (F) => F.timeInHours === Y.timeInHours
+            (D) => D.timeInHours === P.timeInHours
           ) || o.value.timeSamples.find(
-            (F) => F.timeInHours === o.value.defaultHour
+            (D) => D.timeInHours === o.value.defaultHour
           ) || o.value.timeSamples[0]
         );
       });
@@ -3352,13 +3366,13 @@ const Qn = (u) => {
       r.value = _;
     }
     function M(_) {
-      a("onHoverOver", _), i.value = _;
+      n("onHoverOver", _), i.value = _;
     }
     function R(_) {
-      a("onHoverOut", _), i.value = void 0;
+      n("onHoverOut", _), i.value = void 0;
     }
     function I(_) {
-      const { layerX: Y, layerY: F } = _;
+      const { layerX: P, layerY: D } = _;
       let H = _.target, L = !1;
       for (; H; )
         if (H === C.value) {
@@ -3369,19 +3383,19 @@ const Qn = (u) => {
       if (L) {
         const E = _.currentTarget;
         f.value = {
-          x: Y,
-          y: F,
+          x: P,
+          y: D,
           width: E.clientWidth,
           height: E.clientHeight
         };
       } else
         f.value = void 0;
-      a("onMouseMove", _, f.value);
+      n("onMouseMove", _, f.value);
     }
-    return (_, Y) => {
-      const F = B("v-skeleton-loader");
-      return p(), x(ce, null, [
-        w(F, {
+    return (_, P) => {
+      const D = B("v-skeleton-loader");
+      return p(), F(ce, null, [
+        w(D, {
           type: "image",
           class: "w-100 h-100 position-relative",
           loading: !v.value || !m.value
@@ -3396,7 +3410,7 @@ const Qn = (u) => {
                   onMousemove: I
                 }, [
                   s("div", Na, [
-                    m.value.cameras.length > 1 ? (p(), x("div", Ga, [
+                    m.value.cameras.length > 1 ? (p(), F("div", Ga, [
                       w(Ba, {
                         "building-chooser-data": m.value,
                         "current-camera": t.value,
@@ -3427,13 +3441,13 @@ const Qn = (u) => {
                   ]),
                   w(Xe, { position: "relative" }, {
                     default: b(() => [
-                      (p(!0), x(ce, null, me(m.value.cameras, (H) => (p(), V(Va, {
+                      (p(!0), F(ce, null, me(m.value.cameras, (H) => (p(), V(Va, {
                         key: H.overlayFilename,
                         "camera-data": H,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-time": r.value
                       }, null, 8, ["camera-data", "cdn-file-resolver", "current-time"]))), 128)),
-                      e.customOverlayContent ? (p(), x("div", {
+                      e.customOverlayContent ? (p(), F("div", {
                         key: 0,
                         class: "w-100 h-100 position-absolute top-left",
                         style: { "z-index": "5", "pointer-events": "none" },
@@ -3444,10 +3458,10 @@ const Qn = (u) => {
                         "color-callback": e.colorCallback,
                         "current-camera": t.value,
                         "selected-id": e.selectedId,
-                        onOnClick: Y[0] || (Y[0] = (H) => a("onClick", H)),
+                        onOnClick: P[0] || (P[0] = (H) => n("onClick", H)),
                         onOnHoverOver: M,
                         onOnHoverOut: R,
-                        onUpdateSvgContainer: Y[1] || (Y[1] = (H) => C.value = H)
+                        onUpdateSvgContainer: P[1] || (P[1] = (H) => C.value = H)
                       }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id"])
                     ]),
                     _: 1
@@ -3478,7 +3492,7 @@ const Qn = (u) => {
       ], 64);
     };
   }
-}), oi = /* @__PURE__ */ J(Ka, [["__scopeId", "data-v-fb406f0f"]]);
+}), oi = /* @__PURE__ */ J(Ka, [["__scopeId", "data-v-417e7d3a"]]);
 var We = {};
 Object.defineProperty(We, "__esModule", {
   value: !0
@@ -3531,47 +3545,47 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
     mouseSensitivity: { default: 1 }
   },
   emits: ["newCameraCallback", "newRotationCallback", "newFloorCallback", "newFovCallback", "playerApiCallback", "newSizeCallback"],
-  setup(u, { emit: n }) {
-    const e = Ot.PlayerV2, a = u, t = n, o = d(), r = d(), i = d(0), v = d(0);
-    return P(
+  setup(u, { emit: a }) {
+    const e = Ot.PlayerV2, n = u, t = a, o = d(), r = d(), i = d(0), v = d(0);
+    return Y(
       [
-        () => a.cdnFileResolver,
-        () => a.interiorId,
-        () => a.apartmentId
+        () => n.cdnFileResolver,
+        () => n.interiorId,
+        () => n.apartmentId
       ],
       async () => {
         o.value && await o.value.loadInterior(
           ie(
-            a.cdnFileResolver,
-            `/${a.interiorId}/${a.apartmentId}`
+            n.cdnFileResolver,
+            `/${n.interiorId}/${n.apartmentId}`
           ),
           r.value,
           !1
         );
       }
-    ), P(
+    ), Y(
       [
-        () => a.cdnFileResolver,
-        () => a.interiorId,
-        () => a.apartmentId
+        () => n.cdnFileResolver,
+        () => n.interiorId,
+        () => n.apartmentId
       ],
       async () => {
         o.value && await o.value.loadInterior(
           ie(
-            a.cdnFileResolver,
-            `/${a.interiorId}/${a.apartmentId}`
+            n.cdnFileResolver,
+            `/${n.interiorId}/${n.apartmentId}`
           ),
           void 0,
           !1
         );
       },
       { deep: !0 }
-    ), P(
-      () => a.currentCameraId,
+    ), Y(
+      () => n.currentCameraId,
       (c) => {
         o.value && (r.value = c, o.value.goToCamera(c, !0));
       }
-    ), P(o, (c) => {
+    ), Y(o, (c) => {
       t("playerApiCallback", c);
       const l = o.value.getCurrentCamera();
       l && (r.value = l.id);
@@ -3597,21 +3611,21 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
         return;
       const h = await new e.Main(
         ie(
-          a.cdnFileResolver,
-          `/${a.interiorId}/${a.apartmentId}`
+          n.cdnFileResolver,
+          `/${n.interiorId}/${n.apartmentId}`
         ),
         "qpc",
         C,
         void 0,
-        a.currentCameraId
+        n.currentCameraId
       );
       h && (h.handleWindowResize(), window.addEventListener(
         "resize",
         h.handleWindowResize.bind(h)
-      ), h.animate(), o.value = e.Main.getPlayerAPI(), o.value && o.value.setLookSensitivity(a.mouseSensitivity));
+      ), h.animate(), o.value = e.Main.getPlayerAPI(), o.value && o.value.setLookSensitivity(n.mouseSensitivity));
     }), je(() => {
       o.value && o.value.destroy();
-    }), (c, l) => (p(), x("div", io, [
+    }), (c, l) => (p(), F("div", io, [
       s("div", ro, [
         K(c.$slots, "slideshow-image", {}, void 0, !0),
         s("div", uo, [
@@ -3661,14 +3675,14 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
     floorLevels: { default: () => [] }
   },
   emits: ["level"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = Be(be), o = T(() => {
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = Be(be), o = T(() => {
       const l = e.floorLevels;
       return l.sort(), l;
     }), r = T(() => o.value.indexOf(e.level) + 1 <= o.value.length / 2 ? "lower" : "upper"), i = T(() => r.value === "lower"), v = T(() => r.value === "upper");
     function c() {
       const l = e.level + 1;
-      l >= o.value.length ? a("level", o.value[0]) : a("level", o.value[l]);
+      l >= o.value.length ? n("level", o.value[0]) : n("level", o.value[l]);
     }
     return (l, f) => {
       const C = B("v-btn"), h = B("v-tooltip");
@@ -3684,7 +3698,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
             icon: ""
           }, m, { onClick: c }), {
             default: b(() => [
-              (p(), x("svg", ko, [
+              (p(), F("svg", ko, [
                 s("path", {
                   d: "M8.98034 10.3472L1.54055 5.8855L8.98034 1.42384L16.4201 5.8855L8.98034 10.3472Z",
                   fill: "white",
@@ -3719,11 +3733,11 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
     selectedIndex: {}
   },
   emits: ["selectInterior"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = Be(be);
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = Be(be);
     return (o, r) => {
       const i = B("v-icon"), v = B("v-btn"), c = B("v-img"), l = B("v-list-item-title"), f = B("v-list-item"), C = B("v-list"), h = B("v-menu");
-      return p(), x("div", null, [
+      return p(), F("div", null, [
         w(h, {
           transition: "slide-x-reverse-transition",
           location: "top end",
@@ -3747,10 +3761,10 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
           default: b(() => [
             w(C, { class: "interior-selector-list" }, {
               default: b(() => [
-                (p(!0), x(ce, null, me(e.availableArchetypes, (m, g) => (p(), V(f, {
+                (p(!0), F(ce, null, me(e.availableArchetypes, (m, g) => (p(), V(f, {
                   density: "compact",
                   key: `at-menuitem-${g}`,
-                  onClick: (S) => a("selectInterior", m.archetypeID),
+                  onClick: (S) => n("selectInterior", m.archetypeID),
                   active: g === o.selectedIndex,
                   class: "interior-selector-list-item"
                 }, {
@@ -3787,16 +3801,16 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
     rotation: {}
   },
   setup(u) {
-    const n = u, e = d(Eo), a = d({
+    const a = u, e = d(Eo), n = d({
       backgroundImage: `url(${Mo})`,
       backgroundSize: "contain"
     }), t = T(() => ({
-      transform: `rotate(${-n.rotation + 180}deg)`
+      transform: `rotate(${-a.rotation + 180}deg)`
     }));
     return (o, r) => {
       const i = B("v-img");
-      return p(), x("div", {
-        style: se(a.value),
+      return p(), F("div", {
+        style: se(n.value),
         class: "compass-wrapper"
       }, [
         w(i, {
@@ -3814,13 +3828,13 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
     minutes: { default: 0 }
   },
   setup(u) {
-    const n = u, e = T(() => [a(n.hours), ":", a(n.minutes)].join(""));
-    function a(t) {
+    const a = u, e = T(() => [n(a.hours), ":", n(a.minutes)].join(""));
+    function n(t) {
       return ("0" + t).slice(-2);
     }
     return (t, o) => {
       const r = B("v-img");
-      return p(), x("div", Bo, [
+      return p(), F("div", Bo, [
         s("div", Ro, [
           w(r, {
             src: ae(Vo),
@@ -3850,8 +3864,8 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
     showStaticImage: { type: Boolean }
   },
   emits: ["toggle"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = Be(be), o = T(() => {
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = Be(be), o = T(() => {
       let r = "virtualTour";
       return e.showStaticImage || (r = "slideShow"), r;
     });
@@ -3863,10 +3877,10 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
             density: "comfortable",
             elevation: "1",
             icon: "",
-            onClick: i[0] || (i[0] = (C) => a("toggle"))
+            onClick: i[0] || (i[0] = (C) => n("toggle"))
           }, f), {
             default: b(() => [
-              o.value === "virtualTour" ? (p(), x("svg", Ho, Wo)) : (p(), V(v, { key: 1 }, {
+              o.value === "virtualTour" ? (p(), F("svg", Ho, Wo)) : (p(), V(v, { key: 1 }, {
                 default: b(() => [
                   ee("mdi-image-multiple")
                 ]),
@@ -4416,8 +4430,8 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
     project: {}
   },
   emits: ["closeTutorial"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = Be(be), o = d(!0), r = d(!1), i = T(() => [
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = Be(be), o = d(!0), r = d(!1), i = T(() => [
       /Android/i,
       /webOS/i,
       /iPhone/i,
@@ -4429,10 +4443,10 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
       const f = localStorage.getItem(
         `${e.project}-dont-show-tutorial`
       );
-      return f && a("closeTutorial"), f;
+      return f && n("closeTutorial"), f;
     });
     function c() {
-      r.value && l(), o.value = !1, a("closeTutorial");
+      r.value && l(), o.value = !1, n("closeTutorial");
     }
     function l() {
       localStorage.setItem(`${e.project}-dont-show-tutorial`, "true");
@@ -4441,8 +4455,8 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
       const h = B("v-checkbox"), m = B("v-btn");
       return p(), V(Le, { name: "fade-transition" }, {
         default: b(() => [
-          o.value && !v.value ? (p(), x("div", Go, [
-            i.value ? U("", !0) : (p(), x("div", Qo, [
+          o.value && !v.value ? (p(), F("div", Go, [
+            i.value ? U("", !0) : (p(), F("div", Qo, [
               s("div", qo, [
                 s("div", Zo, [
                   Jo,
@@ -4464,7 +4478,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
                 ])
               ])
             ])),
-            i.value ? (p(), x("div", ul, [
+            i.value ? (p(), F("div", ul, [
               s("div", cl, [
                 dl,
                 s("div", vl, Q(ae(t).getLabel("tapAndDragToLookAround")), 1)
@@ -4518,11 +4532,11 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
     initialSettings: {}
   },
   emits: ["updateSettings", "saveSettings"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = d(
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = d(
       h(e.initialSettings)
     );
-    P(
+    Y(
       t,
       () => {
         r();
@@ -4536,7 +4550,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
       return m;
     });
     function r() {
-      a("updateSettings", o.value);
+      n("updateSettings", o.value);
     }
     function i() {
       const m = document.createElement("a");
@@ -4547,10 +4561,10 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
       m.download = g, m.style.display = "none", document.body.appendChild(m), m.click(), document.body.removeChild(m);
     }
     function v() {
-      a("saveSettings", o.value);
+      n("saveSettings", o.value);
     }
     function c() {
-      t.value = h(), a("updateSettings", o.value);
+      t.value = h(), n("updateSettings", o.value);
     }
     function l(m) {
       const g = parseInt(m.substr(1, 2), 16) / 255, S = parseInt(m.substr(3, 2), 16) / 255, A = parseInt(m.substr(5, 2), 16) / 255;
@@ -4661,17 +4675,17 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
     }
     return (m, g) => {
       const S = B("v-text-field"), A = B("v-slider"), y = B("v-checkbox"), O = B("v-btn"), M = B("v-select"), R = B("v-icon");
-      return p(), x("div", Cl, [
+      return p(), F("div", Cl, [
         s("form", Il, [
           s("div", Al, [
-            (p(!0), x(ce, null, me(t.value, (I, _, Y) => (p(), x("div", {
-              key: Y,
+            (p(!0), F(ce, null, me(t.value, (I, _, P) => (p(), F("div", {
+              key: P,
               "d-block": ""
             }, [
               I.type === "slider" ? (p(), V(A, {
                 key: 0,
                 modelValue: t.value[_].value,
-                "onUpdate:modelValue": (F) => t.value[_].value = F,
+                "onUpdate:modelValue": (D) => t.value[_].value = D,
                 onChange: r,
                 max: I.max,
                 min: I.min,
@@ -4684,7 +4698,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
                   s("div", null, [
                     w(S, {
                       modelValue: t.value[_].value,
-                      "onUpdate:modelValue": (F) => t.value[_].value = F,
+                      "onUpdate:modelValue": (D) => t.value[_].value = D,
                       "hide-details": "",
                       dense: "",
                       outlined: "",
@@ -4702,7 +4716,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
               I.type === "boolean" ? (p(), V(y, {
                 key: 1,
                 modelValue: t.value[_].value,
-                "onUpdate:modelValue": (F) => t.value[_].value = F,
+                "onUpdate:modelValue": (D) => t.value[_].value = D,
                 onChange: r
               }, {
                 prepend: b(() => [
@@ -4713,7 +4727,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
                 ]),
                 _: 2
               }, 1032, ["modelValue", "onUpdate:modelValue"])) : U("", !0),
-              I.type === "color" ? (p(), x("div", {
+              I.type === "color" ? (p(), F("div", {
                 key: 2,
                 class: "d-flex",
                 max: I.max,
@@ -4723,7 +4737,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
                 s("div", Fl, Q(I.label), 1),
                 s("div", Dl, [
                   ve(s("input", {
-                    "onUpdate:modelValue": (F) => t.value[_].value = F,
+                    "onUpdate:modelValue": (D) => t.value[_].value = D,
                     type: "color",
                     onChange: r
                   }, null, 40, Ml), [
@@ -4733,7 +4747,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
                 s("div", null, [
                   w(S, {
                     modelValue: t.value[_].value,
-                    "onUpdate:modelValue": (F) => t.value[_].value = F,
+                    "onUpdate:modelValue": (D) => t.value[_].value = D,
                     "hide-details": "",
                     dense: "",
                     outlined: "",
@@ -4744,14 +4758,14 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
                   }, null, 8, ["modelValue", "onUpdate:modelValue"])
                 ])
               ], 8, xl)) : U("", !0),
-              I.type === "lut" ? (p(), x("div", El, [
+              I.type === "lut" ? (p(), F("div", El, [
                 s("div", Tl, [
                   s("div", Vl, Q(I.label), 1),
                   s("div", null, [
                     w(O, {
                       class: "ml-2",
                       "x-small": "",
-                      onClick: (F) => t.value[_].value = null
+                      onClick: (D) => t.value[_].value = null
                     }, {
                       default: b(() => [
                         ee(" Clear Lut ")
@@ -4765,7 +4779,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
                     s("div", null, [
                       w(M, {
                         modelValue: t.value[_].value,
-                        "onUpdate:modelValue": (F) => t.value[_].value = F,
+                        "onUpdate:modelValue": (D) => t.value[_].value = D,
                         items: I.items,
                         "item-title": "title",
                         "item-value": "value",
@@ -4781,7 +4795,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
                       s("div", null, [
                         w(S, {
                           modelValue: t.value[_].value,
-                          "onUpdate:modelValue": (F) => t.value[_].value = F,
+                          "onUpdate:modelValue": (D) => t.value[_].value = D,
                           "hide-details": "",
                           dense: "",
                           type: "url",
@@ -4844,8 +4858,8 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
 }, Wl = { class: "moveable-footer" }, zl = /* @__PURE__ */ j({
   __name: "VMoveable",
   emits: ["close", "transform"],
-  setup(u, { emit: n }) {
-    const e = n, a = d("big");
+  setup(u, { emit: a }) {
+    const e = a, n = d("big");
     de(() => {
       t(document.getElementById("moveableDiv"));
     });
@@ -4870,13 +4884,13 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
       }
     }
     function o() {
-      a.value === "big" ? a.value = "small" : a.value = "big";
+      n.value === "big" ? n.value = "small" : n.value = "big";
     }
     return (r, i) => {
       const v = B("v-btn");
-      return p(), x("div", {
+      return p(), F("div", {
         id: "moveableDiv",
-        class: fe(["big d-flex justify-space-between flex-column align-center sizer", a.value])
+        class: fe(["big d-flex justify-space-between flex-column align-center sizer", n.value])
       }, [
         w(v, {
           class: "close-icon",
@@ -4920,11 +4934,11 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
     rotation: {}
   },
   setup(u) {
-    return (n, e) => (p(), x("svg", Gl, [
+    return (a, e) => (p(), F("svg", Gl, [
       Ql,
       s("g", {
         "transform-origin": "20 20",
-        transform: `rotate(${45 + n.rotation})`
+        transform: `rotate(${45 + a.rotation})`
       }, Jl, 8, ql)
     ]));
   }
@@ -4939,23 +4953,23 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
     transformAngle: {}
   },
   setup(u) {
-    const n = u, e = d(512), a = d(384), t = d(new Ve.Vector3()), o = d(new Ve.Object3D()), r = d({}), i = d(1), v = d(), c = T(() => n.allCameras), l = T(() => n.allCameras.find((_) => _.id === n.currentCamera)), f = T(() => n.rotation), C = T(() => new Ve.Vector3(
-      n.storey.position.x,
-      n.storey.position.y,
-      n.storey.position.z
+    const a = u, e = d(512), n = d(384), t = d(new Ve.Vector3()), o = d(new Ve.Object3D()), r = d({}), i = d(1), v = d(), c = T(() => a.allCameras), l = T(() => a.allCameras.find((_) => _.id === a.currentCamera)), f = T(() => a.rotation), C = T(() => new Ve.Vector3(
+      a.storey.position.x,
+      a.storey.position.y,
+      a.storey.position.z
     )), h = T(() => parseFloat(l.value.floor_vertical_position)), m = T(() => c.value.map((_) => {
-      const Y = _.uposition.split(","), F = new Ve.Vector3(
-        Number(Y[0]) - C.value.x,
+      const P = _.uposition.split(","), D = new Ve.Vector3(
+        Number(P[0]) - C.value.x,
         0,
-        Number(Y[2]) - C.value.z
+        Number(P[2]) - C.value.z
       );
       return {
         ..._,
-        ...M(t.value, F)
+        ...M(t.value, D)
       };
-    })), g = T(() => `background-image: url(${n.backgroundImage});`), S = T(() => {
+    })), g = T(() => `background-image: url(${a.backgroundImage});`), S = T(() => {
       let _ = i.value > 1 ? 1 : i.value;
-      return _ < 0.8 && (_ = 0.4), `scale: ${_ > 1 ? 1 : _}; transform: rotate(${n.transformAngle}deg);`;
+      return _ < 0.8 && (_ = 0.4), `scale: ${_ > 1 ? 1 : _}; transform: rotate(${a.transformAngle}deg);`;
     });
     de(() => {
       R(), y(), I();
@@ -4970,7 +4984,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
       return Ve.MathUtils.degToRad(_);
     }
     function y() {
-      o.value.rotation.x = 180, o.value.rotation.y = n.storey.rotation.y * -1, r.value = {
+      o.value.rotation.x = 180, o.value.rotation.y = a.storey.rotation.y * -1, r.value = {
         transform: `rotateZ(${o.value.rotation.y}deg) rotateX(${o.value.rotation.x}deg)`
       };
     }
@@ -4980,29 +4994,29 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
         left: `${Math.abs(_.left)}%`
       };
     }
-    function M(_, Y) {
-      var F = new Ve.Vector3();
-      const H = F.subVectors(_, Y);
+    function M(_, P) {
+      var D = new Ve.Vector3();
+      const H = D.subVectors(_, P);
       return {
         relativePosition: H,
         left: H.x / e.value * 100,
-        top: H.z / a.value * 100
+        top: H.z / n.value * 100
       };
     }
     function R() {
-      const _ = n.storey.position.y - h.value;
-      a.value = 2 * (_ * Math.tan(A(n.storey.fovY / 2))), e.value = 512 / 384 * a.value;
-      const Y = a.value / 2, F = e.value / 2, H = new Ve.Vector3(F * -1, 0, Y * -1);
+      const _ = a.storey.position.y - h.value;
+      n.value = 2 * (_ * Math.tan(A(a.storey.fovY / 2))), e.value = 512 / 384 * n.value;
+      const P = n.value / 2, D = e.value / 2, H = new Ve.Vector3(D * -1, 0, P * -1);
       t.value = H;
     }
     function I() {
       const _ = document.getElementById("moveableDiv");
       if (!_)
         return;
-      const Y = _.offsetHeight / 384 * 0.8, F = _.offsetWidth / 512 * 0.8;
-      _.offsetHeight > _.offsetWidth ? i.value = F * 0.5 : i.value = Y * 0.9;
+      const P = _.offsetHeight / 384 * 0.8, D = _.offsetWidth / 512 * 0.8;
+      _.offsetHeight > _.offsetWidth ? i.value = D * 0.5 : i.value = P * 0.9;
     }
-    return (_, Y) => (p(), x("div", Kl, [
+    return (_, P) => (p(), F("div", Kl, [
       s("div", es, [
         s("div", {
           class: "web-minimap",
@@ -5016,19 +5030,19 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
             class: "center-pivot",
             style: se(r.value)
           }, [
-            (p(!0), x(ce, null, me(m.value, (F) => (p(), x("div", {
-              key: F.id
+            (p(!0), F(ce, null, me(m.value, (D) => (p(), F("div", {
+              key: D.id
             }, [
-              l.value.floorLevel === F.floorLevel ? (p(), x("div", {
+              l.value.floorLevel === D.floorLevel ? (p(), F("div", {
                 key: 0,
                 class: "single-camera-marker",
-                style: se(O(F))
+                style: se(O(D))
               }, null, 4)) : U("", !0),
-              l.value.id === F.id && n.rotation !== null ? (p(), V(Xl, {
+              l.value.id === D.id && a.rotation !== null ? (p(), V(Xl, {
                 key: 1,
                 class: "rotation-marker-component",
                 rotation: f.value,
-                style: se({ ...O(F) })
+                style: se({ ...O(D) })
               }, null, 8, ["rotation", "style"])) : U("", !0)
             ]))), 128))
           ], 4)
@@ -5044,10 +5058,10 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
     transformAngle: {}
   },
   setup(u) {
-    const n = u, e = T(() => n.rotation + n.transformAngle - 90);
-    return (a, t) => (p(), x("div", {
+    const a = u, e = T(() => a.rotation + a.transformAngle - 90);
+    return (n, t) => (p(), F("div", {
       class: "minimap-compass",
-      style: se({ scale: a.scale })
+      style: se({ scale: n.scale })
     }, [
       w(Ke, {
         class: "north-indicator",
@@ -5067,8 +5081,8 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
     level: {}
   },
   emits: ["setBackgroundImage"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = d((/* @__PURE__ */ new Date()).getHours()), o = d(!0), r = d(!0), i = d(""), v = d(/* @__PURE__ */ new Map()), c = T(() => e.minimapJson.storeys[e.level]), l = T(() => `${Math.floor(t.value).toString().padStart(2, "0")}:00`), f = T(() => {
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = d((/* @__PURE__ */ new Date()).getHours()), o = d(!0), r = d(!0), i = d(""), v = d(/* @__PURE__ */ new Map()), c = T(() => e.minimapJson.storeys[e.level]), l = T(() => `${Math.floor(t.value).toString().padStart(2, "0")}:00`), f = T(() => {
       if (c.value.sunsimFilesTimeStamps[t.value]) {
         const A = c.value.sunsimFilesTimeStamps[t.value].split(" ");
         return `${A[0]} ${A[1]}`;
@@ -5080,14 +5094,14 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
         c.value.sunsimFiles[t.value]
       ), r.value = !1;
       const A = await h(e.minimapJson.storeys);
-      v.value = A, o.value = !1, a("setBackgroundImage", C(e.level, t.value));
-    }), P(t, () => {
+      v.value = A, o.value = !1, n("setBackgroundImage", C(e.level, t.value));
+    }), Y(t, () => {
       const A = C(e.level, t.value);
-      a("setBackgroundImage", A);
-    }), P(
+      n("setBackgroundImage", A);
+    }), Y(
       () => e.level,
       () => {
-        a("setBackgroundImage", C(e.level, t.value));
+        n("setBackgroundImage", C(e.level, t.value));
       },
       { immediate: !0 }
     );
@@ -5101,8 +5115,8 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
         for (let R = 0; R < M.length; R++) {
           const I = M[R];
           try {
-            const _ = I, Y = I.split("."), F = await m(_);
-            y.set(Y[0], F);
+            const _ = I, P = I.split("."), D = await m(_);
+            y.set(P[0], D);
           } catch {
             continue;
           }
@@ -5133,7 +5147,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
     }
     return (A, y) => {
       const O = B("v-progress-linear"), M = B("v-icon"), R = B("v-slider");
-      return p(), x("div", ls, [
+      return p(), F("div", ls, [
         s("div", ss, [
           s("div", is, [
             o.value ? (p(), V(O, {
@@ -5166,7 +5180,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
               _: 1
             }, 8, ["modelValue"]))
           ]),
-          o.value ? U("", !0) : (p(), x("div", rs, Q(f.value) + " " + Q(l.value), 1))
+          o.value ? U("", !0) : (p(), F("div", rs, Q(f.value) + " " + Q(l.value), 1))
         ])
       ]);
     };
@@ -5182,9 +5196,9 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
     rotation: {}
   },
   emits: ["close"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = d(), o = d(0), r = T(() => e.minimapJson.storeys[e.level]);
-    P(
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = d(), o = d(0), r = T(() => e.minimapJson.storeys[e.level]);
+    Y(
       r,
       () => {
         t.value = r.value.defaultSunsimFile ? `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/sunsim0_13.jpg` : `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/${r.value.defaultSunsimFile}`;
@@ -5202,7 +5216,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
       o.value = o.value + 90;
     }
     return (l, f) => (p(), V(Nl, {
-      onClose: f[0] || (f[0] = (C) => a("close")),
+      onClose: f[0] || (f[0] = (C) => n("close")),
       onTransform: c
     }, {
       body: b(() => [
@@ -5240,15 +5254,15 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
 }, ms = /* @__PURE__ */ j({
   __name: "VDisclaimer",
   setup(u) {
-    const n = Be(be), e = d(!0);
-    return (a, t) => (p(), V(Le, { name: "fade-transition" }, {
+    const a = Be(be), e = d(!0);
+    return (n, t) => (p(), V(Le, { name: "fade-transition" }, {
       default: b(() => [
-        e.value ? (p(), x("div", vs, [
-          ee(Q(ae(n).getLabel("allIllustrationsAreIndicativeDeviationsMayOccur")) + " ", 1),
+        e.value ? (p(), F("div", vs, [
+          ee(Q(ae(a).getLabel("allIllustrationsAreIndicativeDeviationsMayOccur")) + " ", 1),
           s("span", {
             onClick: t[0] || (t[0] = (o) => e.value = !1),
             class: "link-text text-decoration-underline"
-          }, Q(ae(n).getLabel("iUnderstand")), 1)
+          }, Q(ae(a).getLabel("iUnderstand")), 1)
         ])) : U("", !0)
       ]),
       _: 1
@@ -5261,8 +5275,8 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
     active: {}
   },
   emits: ["previous", "next", "goto"],
-  setup(u, { emit: n }) {
-    const e = u, a = n, t = d(0), o = T({
+  setup(u, { emit: a }) {
+    const e = u, n = a, t = d(0), o = T({
       get() {
         return e.active;
       },
@@ -5280,21 +5294,21 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
     function i(c) {
       switch (c.keyCode) {
         case c.keyCode === fs:
-          a("previous");
+          n("previous");
           break;
         case c.keyCode === hs:
-          a("next");
+          n("next");
           break;
         default:
           return;
       }
     }
     function v(c, l) {
-      l(), a("goto", c);
+      l(), n("goto", c);
     }
     return (c, l) => {
       const f = B("v-btn"), C = B("v-img"), h = B("v-card"), m = B("v-slide-group-item"), g = B("v-slide-group");
-      return p(), x("div", {
+      return p(), F("div", {
         class: fe({
           mobileWaypointWrapper: r.value,
           desktopWaypointWrapper: !r.value,
@@ -5317,7 +5331,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
               icon: "mdi-chevron-left",
               varient: "tonal",
               size: "small",
-              onClick: l[0] || (l[0] = (S) => a("previous"))
+              onClick: l[0] || (l[0] = (S) => n("previous"))
             }, null, 8, ["class"])
           ]),
           next: b(() => [
@@ -5326,11 +5340,11 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
               icon: "mdi-chevron-right",
               varient: "tonal",
               size: "small",
-              onClick: l[1] || (l[1] = (S) => a("next"))
+              onClick: l[1] || (l[1] = (S) => n("next"))
             }, null, 8, ["class"])
           ]),
           default: b(() => [
-            (p(!0), x(ce, null, me(c.thumbnails, (S) => (p(), V(m, {
+            (p(!0), F(ce, null, me(c.thumbnails, (S) => (p(), V(m, {
               key: S.id
             }, {
               default: b(({ toggle: A, selectedClass: y }) => [
@@ -5369,7 +5383,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
 }, _s = /* @__PURE__ */ j({
   __name: "VSocialShare",
   setup(u) {
-    const n = Be(be), e = d(!1), a = d(location.href);
+    const a = Be(be), e = d(!1), n = d(location.href);
     function t() {
       return window.open(
         "https://www.facebook.com/sharer/sharer.php?u=" + encodeURIComponent(location.href),
@@ -5396,7 +5410,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
     }
     return (v, c) => {
       const l = B("v-btn"), f = B("v-tooltip"), C = B("v-toolbar-title"), h = B("v-spacer"), m = B("v-toolbar"), g = B("v-card-text"), S = B("v-card"), A = B("v-dialog");
-      return p(), x("div", null, [
+      return p(), F("div", null, [
         w(f, {
           elevation: "2",
           top: "",
@@ -5411,7 +5425,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
             }, y), null, 16)
           ]),
           default: b(() => [
-            s("span", null, Q(ae(n).getLabel("share")), 1)
+            s("span", null, Q(ae(a).getLabel("share")), 1)
           ]),
           _: 1
         }),
@@ -5433,7 +5447,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
                     }),
                     w(C, null, {
                       default: b(() => [
-                        ee(Q(ae(n).getLabel("share")), 1)
+                        ee(Q(ae(a).getLabel("share")), 1)
                       ]),
                       _: 1
                     }),
@@ -5454,7 +5468,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
                           }, y, { onClick: t }), null, 16)
                         ]),
                         default: b(() => [
-                          s("span", null, Q(ae(n).getLabel("shareToFacebook")), 1)
+                          s("span", null, Q(ae(a).getLabel("shareToFacebook")), 1)
                         ]),
                         _: 1
                       }),
@@ -5468,7 +5482,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
                           }, y, { onClick: r }), null, 16)
                         ]),
                         default: b(() => [
-                          s("span", null, Q(ae(n).getLabel("shareToLinkedin")), 1)
+                          s("span", null, Q(ae(a).getLabel("shareToLinkedin")), 1)
                         ]),
                         _: 1
                       }),
@@ -5482,7 +5496,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
                           }, y, { onClick: o }), null, 16)
                         ]),
                         default: b(() => [
-                          s("span", null, Q(ae(n).getLabel("shareToTwitter")), 1)
+                          s("span", null, Q(ae(a).getLabel("shareToTwitter")), 1)
                         ]),
                         _: 1
                       }),
@@ -5494,11 +5508,11 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
                             light: "",
                             icon: "mdi-email",
                             link: "",
-                            href: `mailto:?body=${a.value}`
+                            href: `mailto:?body=${n.value}`
                           }, y), null, 16, ["href"])
                         ]),
                         default: b(() => [
-                          s("span", null, Q(ae(n).getLabel("shareViaEmail")), 1)
+                          s("span", null, Q(ae(a).getLabel("shareViaEmail")), 1)
                         ]),
                         _: 1
                       }),
@@ -5513,7 +5527,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
                           }, y), null, 16)
                         ]),
                         default: b(() => [
-                          s("span", null, Q(ae(n).getLabel("copyLink")), 1)
+                          s("span", null, Q(ae(a).getLabel("copyLink")), 1)
                         ]),
                         _: 1
                       }),
@@ -5538,10 +5552,10 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
     aspectRatio: { default: "wide" }
   },
   setup(u) {
-    const n = u, e = T(() => ({ "background-image": `url("${encodeURI(n.image)}")` }));
-    return (a, t) => (p(), x("div", bs, [
+    const a = u, e = T(() => ({ "background-image": `url("${encodeURI(a.image)}")` }));
+    return (n, t) => (p(), F("div", bs, [
       s("div", {
-        class: fe(["img-div", [a.aspectRatio]]),
+        class: fe(["img-div", [n.aspectRatio]]),
         style: se(e.value)
       }, null, 6)
     ]));
@@ -5555,15 +5569,15 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
     isFullScreen: { type: Boolean }
   },
   emits: ["toggleFullscreen"],
-  setup(u, { emit: n }) {
-    const e = n;
-    return (a, t) => {
+  setup(u, { emit: a }) {
+    const e = a;
+    return (n, t) => {
       const o = B("v-btn");
-      return p(), x("div", Cs, [
+      return p(), F("div", Cs, [
         w(o, {
           density: "comfortable",
           elevation: "3",
-          icon: a.isFullScreen ? "mdi-fullscreen-exit" : "mdi-fullscreen",
+          icon: n.isFullScreen ? "mdi-fullscreen-exit" : "mdi-fullscreen",
           onClick: t[0] || (t[0] = (r) => e("toggleFullscreen"))
         }, null, 8, ["icon"])
       ]);
@@ -5571,43 +5585,43 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
   }
 });
 class Lt {
-  constructor(n, e) {
+  constructor(a, e) {
     ne(this, "_doc");
     ne(this, "_elemId");
     ne(this, "_state");
-    this._doc = n, this._elemId = e, this._state = { isActive: !1 };
+    this._doc = a, this._elemId = e, this._state = { isActive: !1 };
   }
   get isActive() {
     return this._state.isActive;
   }
   setup() {
-    const n = [
+    const a = [
       "fullscreenchange",
       "webkitfullscreenchange",
       "mozfullscreenchange",
       "msfullscreenchange"
     ], e = this._getElement();
-    n.forEach((a) => {
-      e.addEventListener(a, this._toggle.bind(this), !1);
+    a.forEach((n) => {
+      e.addEventListener(n, this._toggle.bind(this), !1);
     });
   }
   toggle() {
     this.isActive ? this._exit() : this._enter();
   }
   _enter() {
-    const n = this._getElement(), e = n.requestFullscreen || n.webkitRequestFullscreen || n.mozRequestFullscreen || n.msRequestFullscreen;
-    e && e.apply(n);
+    const a = this._getElement(), e = a.requestFullscreen || a.webkitRequestFullscreen || a.mozRequestFullscreen || a.msRequestFullscreen;
+    e && e.apply(a);
   }
   _exit() {
-    const n = this._doc.exitFullscreen || this._doc.webkitExitFullscreen || this._doc.mozExitFullscreen || this._doc.document.msExitFullscreen;
-    n && n.apply(document);
+    const a = this._doc.exitFullscreen || this._doc.webkitExitFullscreen || this._doc.mozExitFullscreen || this._doc.document.msExitFullscreen;
+    a && a.apply(document);
   }
   _getElement() {
     return this._doc.getElementById(this._elemId);
   }
   _toggle() {
-    const n = !!(this._doc.fullscreenElement || this._doc.webkitFullscreenElement || this._doc.mozFullscreenElement || this._doc.msFullscreenElement);
-    this._state.isActive = n;
+    const a = !!(this._doc.fullscreenElement || this._doc.webkitFullscreenElement || this._doc.mozFullscreenElement || this._doc.msFullscreenElement);
+    this._state.isActive = a;
   }
 }
 const Is = {
@@ -5664,9 +5678,9 @@ const Is = {
     dynamicMarkers: { default: null }
   },
   emits: ["onSnapshot", "saveSettings", "onInteriorUpdate", "onCameraUpdate", "onError"],
-  setup(u, { expose: n, emit: e }) {
-    const a = u, t = e;
-    n({
+  setup(u, { expose: a, emit: e }) {
+    const n = u, t = e;
+    a({
       updateSelectedInterior: ze,
       takeSnapshot: _e,
       setCurrentCamera: Ce
@@ -5682,7 +5696,7 @@ const Is = {
         return G = G.sort(), G;
       } else
         return [];
-    }), Y = T(() => {
+    }), P = T(() => {
       let k = 0;
       if (v.value) {
         const G = v.value.cameras.map(
@@ -5696,40 +5710,40 @@ const Is = {
         pe !== -1 && (k = pe);
       }
       return k;
-    }), F = T(() => E.value.findIndex(
+    }), D = T(() => E.value.findIndex(
       (k) => k.archetypeID === h.value
     )), H = T(() => c.value ? c.value.cameras.map((k) => ({
       ...k,
       thumbnailUrl: Ue(
-        `/${h.value}/${a.apartmentId}/thumbs/200/${k.id}.jpg`
+        `/${h.value}/${n.apartmentId}/thumbs/200/${k.id}.jpg`
       ),
       imageUrl: Ue(
-        `/${h.value}/${a.apartmentId}/images/1600/${k.id}.jpg`
+        `/${h.value}/${n.apartmentId}/images/1600/${k.id}.jpg`
       )
     })) : []), L = T(() => !H.value || !H.value[C.value] ? "" : H.value[C.value].imageUrl), E = T(() => {
       let k = [];
-      return i.value && (k = i.value.archetypes), a.validInteriorIds.length ? k.filter(
-        (G) => a.validInteriorIds.includes(G.archetypeID)
+      return i.value && (k = i.value.archetypes), n.validInteriorIds.length ? k.filter(
+        (G) => n.validInteriorIds.includes(G.archetypeID)
       ) : k;
     }), z = T(() => c.value ? E.value.map((k) => ({
       ...k,
       url: Ue(
-        `/${k.archetypeID}/${a.apartmentId}/thumbs/200/${H.value[C.value].id}.jpg`
+        `/${k.archetypeID}/${n.apartmentId}/thumbs/200/${H.value[C.value].id}.jpg`
       )
     })) : []), W = T(() => {
       if (l.value)
-        return l.value.storeys[Y.value];
-    }), ue = T(() => v.value && v.value.timeInHours), D = T(() => {
-      if (v.value && v.value.timeInHours && a.showTimeOfDay)
+        return l.value.storeys[P.value];
+    }), ue = T(() => v.value && v.value.timeInHours), x = T(() => {
+      if (v.value && v.value.timeInHours && n.showTimeOfDay)
         return Dt(v.value.timeInHours);
     });
     Ze(
       be,
-      a.i18nConfig ? new xe(a.i18nConfig) : new xe()
-    ), P([() => a.cdnFileResolver], async () => {
+      n.i18nConfig ? new xe(n.i18nConfig) : new xe()
+    ), Y([() => n.cdnFileResolver], async () => {
       await $(), te(), await q();
-    }), P(
-      () => a.defaultViewMode,
+    }), Y(
+      () => n.defaultViewMode,
       (k) => {
         k === "virtualTour" && (O.value = !1), k === "slideShow" && (O.value = !0, R.value = !0);
       },
@@ -5747,22 +5761,22 @@ const Is = {
     async function q() {
       if (v.value = await Ae(
         h.value,
-        a.apartmentId
+        n.apartmentId
       ), v.value && (m.value = v.value.cameras.find(() => !0).id), c.value = await Fe(
         h.value,
-        a.apartmentId
+        n.apartmentId
       ), c.value) {
-        let k = a.defaultWaypointIndex !== null ? a.defaultWaypointIndex : 0;
+        let k = n.defaultWaypointIndex !== null ? n.defaultWaypointIndex : 0;
         C.value = k, m.value = c.value.cameras[k].id, g.value = c.value.cameras[k].id;
       }
-      a.showMiniMap && (l.value = await De(
+      n.showMiniMap && (l.value = await De(
         h.value,
-        a.apartmentId
+        n.apartmentId
       ));
     }
     function te() {
-      let k = a.defaultInteriorId;
-      k || (k = i.value.defaultArchetypeID), a.validInteriorIds.length && !a.validInteriorIds.includes(k) && (k = a.validInteriorIds[0]), k || (k = i.value.archetypes[0].archetypeID), h.value = k;
+      let k = n.defaultInteriorId;
+      k || (k = i.value.defaultArchetypeID), n.validInteriorIds.length && !n.validInteriorIds.includes(k) && (k = n.validInteriorIds[0]), k || (k = i.value.archetypes[0].archetypeID), h.value = k;
     }
     function re() {
       const k = document.getElementById("main-canvas");
@@ -5795,7 +5809,7 @@ const Is = {
       } catch (k) {
         console.error(
           "Error loading config.json - ",
-          ie(a.cdnFileResolver, "/config.json"),
+          ie(n.cdnFileResolver, "/config.json"),
           k
         );
         return;
@@ -5874,7 +5888,7 @@ const Is = {
     function le(k, G) {
     }
     function Ne(k) {
-      f.value = k, f.value && (a.playerSettings && f.value.updateSettings(a.playerSettings), a.hasMarkersJson ? f.value.loadMarkersJson() : a.dynamicMarkers && f.value.loadDynamicMarkers(a.dynamicMarkers));
+      f.value = k, f.value && (n.playerSettings && f.value.updateSettings(n.playerSettings), n.hasMarkersJson ? f.value.loadMarkersJson() : n.dynamicMarkers && f.value.loadDynamicMarkers(n.dynamicMarkers));
     }
     function Te() {
       I.value.toggle(), window.scrollTo({ top: 150, behavior: "smooth" });
@@ -5891,8 +5905,8 @@ const Is = {
       return t("onSnapshot", He, Mt), He;
     }
     function Ue(k) {
-      let G = ie(a.cdnFileResolver, k);
-      return a.adminMode && (G = G + `?v=${Date.now()}`), G;
+      let G = ie(n.cdnFileResolver, k);
+      return n.adminMode && (G = G + `?v=${Date.now()}`), G;
     }
     async function Ge(k) {
       const G = Ue(k);
@@ -5919,22 +5933,22 @@ const Is = {
     )), ft = T(() => it.value ? "platform-mobile" : "platform-desktop");
     return (k, G) => {
       const X = B("v-btn");
-      return p(), x("div", {
+      return p(), F("div", {
         class: fe(["virtual-tour-wrapper", [ft.value]])
       }, [
-        r.value ? (p(), x("div", Is, "Error loading the player!!")) : U("", !0),
+        r.value ? (p(), F("div", Is, "Error loading the player!!")) : U("", !0),
         s("div", As, [
           !I.value.isActive && l.value && g.value && W.value && h.value && M.value ? (p(), V(gt, {
             key: 0,
             "cdn-file-resolver": k.cdnFileResolver,
             "apartment-json": v.value,
-            level: Y.value,
+            level: P.value,
             "minimap-json": l.value,
             rotation: S.value,
             "current-camera": g.value,
             onClose: G[0] || (G[0] = (pe) => M.value = !1)
           }, null, 8, ["cdn-file-resolver", "apartment-json", "level", "minimap-json", "rotation", "current-camera"])) : U("", !0),
-          h.value && m.value ? (p(), x("div", {
+          h.value && m.value ? (p(), F("div", {
             key: 1,
             class: fe(["v-player", [ft.value]])
           }, [
@@ -5946,7 +5960,7 @@ const Is = {
               "current-camera-id": m.value,
               "mouse-sensitivity": k.mouseSensitivity,
               "interior-id": h.value,
-              "apartment-id": a.apartmentId,
+              "apartment-id": n.apartmentId,
               onNewCameraCallback: $e,
               onNewRotationCallback: st,
               onNewFloorCallback: N,
@@ -5987,7 +6001,7 @@ const Is = {
                   "floor-levels": _.value,
                   onLevel: N
                 }, null, 8, ["level", "floor-levels"])) : U("", !0),
-                R.value && k.adminMode && o.value ? (p(), x("div", Ss, [
+                R.value && k.adminMode && o.value ? (p(), F("div", Ss, [
                   w(Hl, {
                     "initial-settings": k.playerSettings,
                     onUpdateSettings: xt,
@@ -6002,7 +6016,7 @@ const Is = {
                 }, null, 8, ["return-url"])) : U("", !0)
               ]),
               "top-right": b(() => [
-                v.value && k.showCompass ? ve((p(), x("div", Ls, [
+                v.value && k.showCompass ? ve((p(), F("div", Ls, [
                   w(To, { rotation: S.value }, null, 8, ["rotation"])
                 ], 512)), [
                   [he, R.value]
@@ -6012,8 +6026,8 @@ const Is = {
                 }, [
                   R.value && v.value && ue.value && k.showTimeOfDay ? (p(), V(Uo, {
                     key: 0,
-                    hours: D.value.hours,
-                    minutes: D.value.minutes,
+                    hours: x.value.hours,
+                    minutes: x.value.minutes,
                     class: "time-of-day",
                     style: se({
                       cursor: l.value && g.value && W.value ? "pointer" : "default"
@@ -6037,7 +6051,7 @@ const Is = {
               ]),
               "center-center": b(() => [
                 w(wl, {
-                  project: ae(ie)(a.cdnFileResolver, ""),
+                  project: ae(ie)(n.cdnFileResolver, ""),
                   onCloseTutorial: G[4] || (G[4] = (pe) => R.value = !0)
                 }, null, 8, ["project"]),
                 I.value.isActive && l.value && g.value && W.value && M.value ? (p(), V(gt, {
@@ -6047,7 +6061,7 @@ const Is = {
                   "minimap-json": l.value,
                   rotation: S.value,
                   "current-camera": g.value,
-                  level: Y.value,
+                  level: P.value,
                   onClose: G[5] || (G[5] = (pe) => M.value = !1)
                 }, null, 8, ["cdn-file-resolver", "apartment-json", "minimap-json", "rotation", "current-camera", "level"])) : U("", !0)
               ]),
@@ -6072,7 +6086,7 @@ const Is = {
                   class: "btn-fullscreen",
                   onToggleFullscreen: Te
                 }, null, 8, ["is-full-screen"])) : U("", !0),
-                R.value && k.showSnapshot ? (p(), x("div", xs, [
+                R.value && k.showSnapshot ? (p(), F("div", xs, [
                   w(X, {
                     density: "comfortable",
                     elevation: "3",
@@ -6087,12 +6101,12 @@ const Is = {
                     onToggle: Me
                   }, null, 8, ["show-static-image"])) : U("", !0)
                 ]),
-                R.value && k.showShare && !I.value.isActive ? (p(), x("div", Ds, [
+                R.value && k.showShare && !I.value.isActive ? (p(), F("div", Ds, [
                   w(At)
                 ])) : U("", !0)
               ]),
               "bottom-center": b(() => [
-                R.value && k.showCarousel && !it.value ? (p(), x("div", Ms, [
+                R.value && k.showCarousel && !it.value ? (p(), F("div", Ms, [
                   R.value ? (p(), V(et, {
                     key: 0,
                     class: fe([I.value.isActive ? "full-screen" : ""]),
@@ -6110,7 +6124,7 @@ const Is = {
                     key: 0,
                     "cdn-file-resolver": k.cdnFileResolver,
                     "available-archetypes": z.value,
-                    "selected-index": F.value,
+                    "selected-index": D.value,
                     onSelectInterior: ze
                   }, null, 8, ["cdn-file-resolver", "available-archetypes", "selected-index"])) : U("", !0)
                 ])
@@ -6164,8 +6178,8 @@ const Is = {
     isFullScreen: { type: Boolean }
   },
   emits: ["newSizeCallback"],
-  setup(u, { emit: n }) {
-    return (e, a) => (p(), x("div", Bs, [
+  setup(u, { emit: a }) {
+    return (e, n) => (p(), F("div", Bs, [
       s("div", Rs, [
         K(e.$slots, "slideshow-image", {}, void 0, !0),
         s("div", Os, [
@@ -6212,24 +6226,24 @@ const Is = {
     defaultWaypointIndex: { default: 0 }
   },
   setup(u) {
-    const n = u;
+    const a = u;
     Ze(
       be,
-      n.i18nConfig ? new xe(n.i18nConfig) : new xe()
+      a.i18nConfig ? new xe(a.i18nConfig) : new xe()
     );
-    const e = d(0), a = d(
+    const e = d(0), n = d(
       new Lt(document, "player-wrapper")
-    ), t = T(() => n.images.map(
+    ), t = T(() => a.images.map(
       (l, f) => ({
         id: `image-${f}`,
         thumbnailUrl: l
       })
     )), o = T(() => t.value[e.value]);
     de(() => {
-      a.value.setup();
+      n.value.setup();
     });
     function r() {
-      a.value.toggle(), window.scrollTo({ top: 150, behavior: "smooth" });
+      n.value.toggle(), window.scrollTo({ top: 150, behavior: "smooth" });
     }
     function i() {
       let l = e.value + 1;
@@ -6247,11 +6261,11 @@ const Is = {
     }
     return (l, f) => {
       const C = B("v-img"), h = B("v-btn");
-      return p(), x("div", Qs, [
+      return p(), F("div", Qs, [
         s("div", qs, [
           s("div", null, [
             w(Gs, {
-              "is-full-screen": a.value.isActive
+              "is-full-screen": n.value.isActive
             }, {
               "slideshow-image": b(() => [
                 s("div", Zs, [
@@ -6295,19 +6309,19 @@ const Is = {
               "bottom-left": b(() => [
                 l.showFullScreen ? (p(), V(St, {
                   key: 0,
-                  "is-full-screen": a.value.isActive,
+                  "is-full-screen": n.value.isActive,
                   class: "btn-fullscreen",
                   onToggleFullscreen: r
                 }, null, 8, ["is-full-screen"])) : U("", !0),
-                l.showShare ? (p(), x("div", Js, [
+                l.showShare ? (p(), F("div", Js, [
                   w(At)
                 ])) : U("", !0)
               ]),
               "bottom-center": b(() => [
                 s("div", null, [
-                  a.value.isActive && t.value.length > 1 ? (p(), V(et, {
+                  n.value.isActive && t.value.length > 1 ? (p(), V(et, {
                     key: 0,
-                    class: fe([a.value.isActive ? "full-screen" : ""]),
+                    class: fe([n.value.isActive ? "full-screen" : ""]),
                     thumbnails: t.value,
                     active: e.value,
                     onNext: i,
@@ -6333,8 +6347,8 @@ const Is = {
     };
   }
 }), Ks = /* @__PURE__ */ J(Xs, [["__scopeId", "data-v-040ac08f"]]), li = {
-  install: function(n) {
-    n.component("VApartmentChooser", kn), n.component("VBuildingChooser", Fa), n.component("VVirtualTour", Vs), n.component("VManualSlideShow", Ks);
+  install: function(a) {
+    a.component("VApartmentChooser", kn), a.component("VBuildingChooser", Fa), a.component("VVirtualTour", Vs), a.component("VManualSlideShow", Ks);
   }
 };
 export {