@qispace/vue3-player 0.1.21 → 0.1.22

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

@@ -1,7 +1,7 @@
 var At = Object.defineProperty;
 var Lt = (v, t, e) => t in v ? At(v, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : v[t] = e;
 var te = (v, t, e) => (Lt(v, typeof t != "symbol" ? t + "" : t, e), e);
-import { defineComponent as j, ref as u, computed as T, openBlock as m, createElementBlock as S, watch as H, onMounted as ue, onBeforeUnmount as Pe, withDirectives as de, createElementVNode as i, normalizeStyle as le, vShow as pe, createVNode as w, Fragment as ie, renderList as ve, createCommentVNode as Y, inject as Be, resolveComponent as B, withCtx as A, toDisplayString as N, unref as ne, createTextVNode as X, normalizeClass as xe, createBlock as $, renderSlot as oe, provide as Ke, reactive as lt, watchEffect as ke, resolveDynamicComponent as ft, normalizeProps as et, guardReactiveProps as tt, mergeProps as ye, nextTick as Fe, Transition as Se, createSlots as xt, pushScopeId as st, popScopeId as rt, vModelText as Dt, createStaticVNode as ht, onBeforeUpdate as Ft } from "vue";
+import { defineComponent as j, ref as u, computed as T, openBlock as m, createElementBlock as S, watch as H, onMounted as ue, onBeforeUnmount as Pe, withDirectives as de, createElementVNode as i, normalizeStyle as le, vShow as pe, createVNode as w, Fragment as ie, renderList as ve, createCommentVNode as Y, inject as Be, resolveComponent as B, withCtx as A, toDisplayString as N, unref as ne, createTextVNode as X, normalizeClass as xe, createBlock as $, renderSlot as oe, provide as Ke, reactive as lt, watchEffect as ke, resolveDynamicComponent as ft, normalizeProps as et, guardReactiveProps as tt, mergeProps as ye, nextTick as De, Transition as Se, createSlots as xt, pushScopeId as st, popScopeId as rt, vModelText as Ft, createStaticVNode as ht, onBeforeUpdate as Dt } from "vue";
 import at from "axios";
 import * as St from "@qispace/player-core";
 import * as Ve from "three";
@@ -76,21 +76,21 @@ const Et = /* @__PURE__ */ j({
   },
   emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
   setup(v, { emit: t }) {
-    const e = v, a = t, n = u({ x: 0, y: 0, width: 0, height: 0 }), o = u(0), r = u(0), s = u(), p = u(), l = u(), d = u(), c = u(-1), b = u(!1), h = u(), f = u(), _ = u({}), D = u("auto"), k = u(new ge()), g = u({}), U = u(), y = u(), V = u(), C = u(), L = u(), G = T(() => V.value.isHoverEnabled), F = T(() => se(
+    const e = v, a = t, n = u({ x: 0, y: 0, width: 0, height: 0 }), o = u(0), r = u(0), s = u(), p = u(), l = u(), d = u(), c = u(-1), b = u(!1), h = u(), f = u(), _ = u({}), F = u("auto"), k = u(new ge()), g = u({}), U = u(), y = u(), V = u(), C = u(), L = u(), G = T(() => V.value.isHoverEnabled), D = T(() => se(
       e.cdnFileResolver,
       `/scenedata${e.viewModel.currentScene}.png`
-    )), Z = T(() => F.value in _.value ? _.value[F.value] : null), x = T(() => c.value < 0 ? !1 : e.sceneData.find((Q) => Q.index === c.value) || !1), E = T(() => ({
+    )), Z = T(() => D.value in _.value ? _.value[D.value] : null), x = T(() => c.value < 0 ? !1 : e.sceneData.find((Q) => Q.index === c.value) || !1), E = T(() => ({
       width: o.value + "px",
       height: r.value + "px",
-      cursor: D.value
+      cursor: F.value
     })), M = T(() => `hover-${b.value ? "over" : "out"}-${x.value ? typeof x.value == "object" && "unitId" in x.value ? x.value.unitId : x.value : ""}`);
     H(
-      F,
+      D,
       () => {
-        _.value[F.value] || k.value.loadImageData(F.value).then((W) => {
+        _.value[D.value] || k.value.loadImageData(D.value).then((W) => {
           _.value = {
             ..._.value,
-            [F.value]: W
+            [D.value]: W
           };
         });
       },
@@ -100,7 +100,7 @@ const Et = /* @__PURE__ */ j({
     }), H(
       () => e.viewModel.currentScene,
       () => {
-        De();
+        Fe();
       },
       { immediate: !0 }
     ), H(
@@ -110,10 +110,10 @@ const Et = /* @__PURE__ */ j({
         () => e.selectedUnitId
       ],
       () => {
-        De();
+        Fe();
       }
     ), H(x, () => {
-      De(), x.value ? D.value = "pointer" : D.value = "auto";
+      Fe(), x.value ? F.value = "pointer" : F.value = "auto";
     }), H(M, () => {
       b.value ? a("hoverOver", {
         hoverUnit: x.value ? x.value.unitId : !1,
@@ -239,9 +239,9 @@ const Et = /* @__PURE__ */ j({
       o.value = L.value.offsetWidth, r.value = L.value.offsetHeight;
     }
     function Ee() {
-      P(), De();
+      P(), Fe();
     }
-    function De() {
+    function Fe() {
       be(), me(), s.value && l.value && s.value.putImageData(l.value, 0, 0);
     }
     function Xe() {
@@ -328,9 +328,9 @@ const Et = /* @__PURE__ */ j({
         };
         p.value.loadJson(V).then((L) => {
           C.markup = L;
-          const F = new DOMParser().parseFromString(L, "image/svg+xml").getElementsByTagName("svg")[0];
-          C.viewBox = F.getAttribute("viewBox"), C.svgObjects = Array.from(
-            F.querySelectorAll("*[data-index]")
+          const D = new DOMParser().parseFromString(L, "image/svg+xml").getElementsByTagName("svg")[0];
+          C.viewBox = D.getAttribute("viewBox"), C.svgObjects = Array.from(
+            D.querySelectorAll("*[data-index]")
           ).map((Z) => ({
             index: parseInt(Z.getAttribute("data-index")),
             svg: Z.innerHTML
@@ -359,7 +359,7 @@ const Et = /* @__PURE__ */ j({
     function _(y) {
       c.value && (o.value = -1);
     }
-    function D(y) {
+    function F(y) {
       const V = h(y);
       a("selectUnit", V), c.value && V && e.canGoToUnitCallback(V) ? a("goToUnit", V) : o.value = y;
     }
@@ -369,12 +369,12 @@ const Et = /* @__PURE__ */ j({
       o.value < 0 && e.selectedUnitId && V === e.selectedUnitId ? C = "selected" : o.value >= 0 && o.value === y && (C = "hover");
       const L = e.colorCallback(V, C);
       if (L) {
-        const { r: G, g: F, b: Z, a: x, s: E } = L;
+        const { r: G, g: D, b: Z, a: x, s: E } = L;
         return {
           strokeWidth: E !== void 0 ? E : 2,
-          stroke: `rgb(${G}, ${F}, ${Z})`,
+          stroke: `rgb(${G}, ${D}, ${Z})`,
           strokeOpacity: 1,
-          fill: `rgb(${G}, ${F}, ${Z})`,
+          fill: `rgb(${G}, ${D}, ${Z})`,
           fillOpacity: x / 255,
           cursor: `${e.canGoToUnitCallback(V) ? "cursor" : "default"} !important`
         };
@@ -415,7 +415,7 @@ const Et = /* @__PURE__ */ j({
             style: le(k(C)),
             onMouseenter: (G) => f(C),
             onMouseleave: (G) => _(),
-            onClick: (G) => D(C)
+            onClick: (G) => F(C)
           }, null, 44, Bt))), 128))
         ], 8, Vt)) : Y("", !0)
       ], 4), [
@@ -616,7 +616,7 @@ const Pt = {
     H(
       () => e.viewModel.currentScene,
       (k, g) => {
-        const U = D(g, k), y = _(g, k);
+        const U = F(g, k), y = _(g, k);
         d(g, U, y);
       }
     ), ue(() => {
@@ -681,7 +681,7 @@ const Pt = {
       const U = ze / 2, y = Math.abs(k - g);
       return y > U ? ze - y : y;
     }
-    function D(k, g) {
+    function F(k, g) {
       if (k === g)
         return 0;
       const y = Math.abs(k - g) < ze / 2;
@@ -798,10 +798,10 @@ const Pt = {
     ), H(
       () => e.mobile,
       () => {
-        e.mobile ? D() : g();
+        e.mobile ? F() : g();
       }
     ), ue(() => {
-      e.desktop && _(), e.mobile && D();
+      e.desktop && _(), e.mobile && F();
     }), Pe(() => {
       e.desktop && k(), e.mobile && g();
     });
@@ -818,10 +818,10 @@ const Pt = {
         capture: !0
       });
     }
-    function D() {
+    function F() {
       c.value.addEventListener("touchstart", G, {
         capture: !0
-      }), c.value.addEventListener("touchmove", F, {
+      }), c.value.addEventListener("touchmove", D, {
         capture: !0
       }), window.addEventListener("touchend", Z, {
         capture: !0
@@ -845,7 +845,7 @@ const Pt = {
     function g() {
       c.value.removeEventListener("touchstart", G, {
         capture: !0
-      }), c.value.removeEventListener("touchmove", F, {
+      }), c.value.removeEventListener("touchmove", D, {
         capture: !0
       }), window.removeEventListener("touchend", Z, {
         capture: !0
@@ -878,7 +878,7 @@ const Pt = {
     function G(R) {
       s.value = R.touches.length === 1, p.value = R.touches.length === 2, l.value = R;
     }
-    function F(R) {
+    function D(R) {
       if (s.value) {
         const { x: P, y: ee } = x(R.touches[0]), { x: me, y: ce } = x(l.value.touches[0]), re = {
           x: P - me,
@@ -886,8 +886,8 @@ const Pt = {
         };
         E(re.x), M(re.y);
       } else if (p.value && R.touches.length === 2) {
-        const { x: P, y: ee } = x(R.touches[0]), { x: me, y: ce } = x(l.value.touches[0]), { x: re, y: Ie } = x(R.touches[1]), { x: Ae, y: _e } = x(l.value.touches[1]), be = Math.hypot(me - Ae, ce - _e), we = Math.hypot(P - re, ee - Ie), Ee = (re + P) / 2, De = (Ie + ee) / 2;
-        O(we - be, Ee, De);
+        const { x: P, y: ee } = x(R.touches[0]), { x: me, y: ce } = x(l.value.touches[0]), { x: re, y: Ie } = x(R.touches[1]), { x: Ae, y: _e } = x(l.value.touches[1]), be = Math.hypot(me - Ae, ce - _e), we = Math.hypot(P - re, ee - Ie), Ee = (re + P) / 2, Fe = (Ie + ee) / 2;
+        O(we - be, Ee, Fe);
       }
       l.value = R;
     }
@@ -1091,35 +1091,35 @@ const sn = { key: 0 }, rn = { class: "interactive-viewer" }, un = { class: "fill
       Ce,
       a.i18nConfig ? new Me(a.i18nConfig) : new Me()
     );
-    const o = lt({ isReady: !1, isError: !1 }), r = u(), s = u(), p = u(), l = u(), d = u({ x: 0, y: 0, width: 0, height: 0 }), c = u(), b = u(), h = u(), f = T(() => h.value.isHoverEnabled), _ = T(() => a.useSvg ? Ot : Tt), D = T(() => a.selectedUnitId), k = T(() => a.nextUnitId), g = T(() => a.prevUnitId);
+    const o = lt({ isReady: !1, isError: !1 }), r = u(), s = u(), p = u(), l = u(), d = u({ x: 0, y: 0, width: 0, height: 0 }), c = u(), b = u(), h = u(), f = T(() => h.value.isHoverEnabled), _ = T(() => a.useSvg ? Ot : Tt), F = T(() => a.selectedUnitId), k = T(() => a.nextUnitId), g = T(() => a.prevUnitId);
     ke(() => {
-      if (D.value && l.value) {
-        const C = r.value[D.value];
+      if (F.value && l.value) {
+        const C = r.value[F.value];
         C && (l.value.currentScene = C);
       }
     }), ue(async () => {
       const C = a.apartmentChooserData && a.apartmentChooserData.startScene !== void 0 ? a.apartmentChooserData.startScene : mn;
-      p.value = a.apartmentChooserData && a.apartmentChooserData.scenes !== void 0 ? a.apartmentChooserData.scenes : e, s.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 Z = F.bestScene === 0 ? 4 : F.bestScene;
-        return { unitId: F.apartmentID, scene: Z };
-      }).reduce((F, Z) => ({ ...F, [Z.unitId]: Z.scene }), {}) : {};
-      const L = (F, Z = "unitId") => {
+      p.value = a.apartmentChooserData && a.apartmentChooserData.scenes !== void 0 ? a.apartmentChooserData.scenes : e, s.value = a.apartmentChooserData && a.apartmentChooserData.sceneData !== void 0 ? a.apartmentChooserData.sceneData.map((D) => ({
+        unitId: D.apartmentID,
+        index: D.index
+      })) : [], r.value = a.apartmentChooserData && a.apartmentChooserData.sceneData !== void 0 ? a.apartmentChooserData.sceneData.map((D) => {
+        const Z = D.bestScene === 0 ? 4 : D.bestScene;
+        return { unitId: D.apartmentID, scene: Z };
+      }).reduce((D, Z) => ({ ...D, [Z.unitId]: Z.scene }), {}) : {};
+      const L = (D, Z = "unitId") => {
         let x = C, E = [];
         for (let M = 0; M < ut; M++)
           E.push(x), x = gt(x);
-        return F.sort((M, O) => {
+        return D.sort((M, O) => {
           const K = E.findIndex(
             (P) => P === r.value[M[Z]]
           ), R = E.findIndex(
             (P) => P === r.value[O[Z]]
           );
           return K < R ? -1 : K > R ? 1 : 0;
-        }), F;
-      }, G = (F) => {
-        l.value = new on(F);
+        }), D;
+      }, G = (D) => {
+        l.value = new on(D);
       };
       n("initialized", {
         scene: C,
@@ -1154,27 +1154,27 @@ const sn = { key: 0 }, rn = { class: "interactive-viewer" }, un = { class: "fill
                   "view-model": l.value,
                   "cardinal-frames": p.value,
                   build: C.build,
-                  onProgress: L[0] || (L[0] = (F) => o.progress = F),
-                  onLoaded: L[1] || (L[1] = (F) => o.isReady = !0),
-                  onError: L[2] || (L[2] = (F) => o.isError = !0)
+                  onProgress: L[0] || (L[0] = (D) => o.progress = D),
+                  onLoaded: L[1] || (L[1] = (D) => o.isReady = !0),
+                  onError: L[2] || (L[2] = (D) => o.isError = !0)
                 }, null, 8, ["cdn-file-resolver", "view-model", "cardinal-frames", "build"]),
                 o.isReady ? (m(), S("div", cn, [
                   (m(), $(ft(_.value), {
                     "cdn-file-resolver": a.cdnFileResolver,
                     "view-model": l.value,
-                    "selected-unit-id": D.value,
+                    "selected-unit-id": F.value,
                     "scene-data": s.value,
                     "color-callback": a.colorCallback,
                     "can-go-to-unit-callback": a.canGoToUnitCallback,
                     "draw-observer": a.drawObserver,
-                    onSelectUnit: L[3] || (L[3] = (F) => n("selectUnit", F)),
-                    onGoToUnit: L[4] || (L[4] = (F) => n("goToUnit", F)),
+                    onSelectUnit: L[3] || (L[3] = (D) => n("selectUnit", D)),
+                    onGoToUnit: L[4] || (L[4] = (D) => n("goToUnit", D)),
                     onHoverOver: y,
                     onHoverOut: V,
                     onPos: U
                   }, {
-                    default: A((F) => [
-                      oe(C.$slots, "default", et(tt(F)), void 0, !0)
+                    default: A((D) => [
+                      oe(C.$slots, "default", et(tt(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"]))
@@ -1204,19 +1204,19 @@ const sn = { key: 0 }, rn = { class: "interactive-viewer" }, un = { class: "fill
               w(Yt, {
                 "can-go-to-unit-callback": a.canGoToUnitCallback,
                 "unit-renderer": a.unitRenderer,
-                "selected-unit-id": D.value,
+                "selected-unit-id": F.value,
                 "prev-unit-id": g.value,
                 "next-unit-id": k.value,
                 "view-model": l.value,
-                onGoToUnit: L[5] || (L[5] = (F) => n("goToUnit", F)),
-                onPrevUnit: L[6] || (L[6] = (F) => n("navUnit", g.value)),
-                onNextUnit: L[7] || (L[7] = (F) => n("navUnit", k.value))
+                onGoToUnit: L[5] || (L[5] = (D) => n("goToUnit", D)),
+                onPrevUnit: L[6] || (L[6] = (D) => n("navUnit", g.value)),
+                onNextUnit: L[7] || (L[7] = (D) => n("navUnit", k.value))
               }, null, 8, ["can-go-to-unit-callback", "unit-renderer", "selected-unit-id", "prev-unit-id", "next-unit-id", "view-model"])
             ])) : o.isError ? Y("", !0) : (m(), S("div", vn, [
               w(G, {
                 indeterminate: !o.progress,
                 modelValue: o.progress,
-                "onUpdate:modelValue": L[8] || (L[8] = (F) => o.progress = F)
+                "onUpdate:modelValue": L[8] || (L[8] = (D) => o.progress = D)
               }, null, 8, ["indeterminate", "modelValue"])
             ]))
           ])
@@ -1406,7 +1406,7 @@ const In = /* @__PURE__ */ j({
 }), Ln = {
   key: 0,
   class: "py-2"
-}, xn = { class: "small" }, Dn = { class: "small" }, Fn = /* @__PURE__ */ j({
+}, xn = { class: "small" }, Fn = { class: "small" }, Dn = /* @__PURE__ */ j({
   __name: "VApartmentChooserV5UiTimeSample",
   props: {
     dayData: {},
@@ -1480,7 +1480,7 @@ const In = /* @__PURE__ */ j({
               i("span", xn, N(r(p.dayData.startTime)), 1)
             ]),
             append: A(() => [
-              i("span", Dn, N(r(p.dayData.endTime)), 1),
+              i("span", Fn, N(r(p.dayData.endTime)), 1),
               X("   "),
               w(d, {
                 style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
@@ -1500,7 +1500,7 @@ const In = /* @__PURE__ */ j({
       });
     };
   }
-}), Sn = /* @__PURE__ */ q(Fn, [["__scopeId", "data-v-cb62dcc2"]]), Mn = /* @__PURE__ */ j({
+}), Sn = /* @__PURE__ */ q(Dn, [["__scopeId", "data-v-cb62dcc2"]]), Mn = /* @__PURE__ */ j({
   __name: "VApartmentChooserV5UiRotator",
   props: {
     apartmentChooserData: {},
@@ -1527,31 +1527,31 @@ const In = /* @__PURE__ */ j({
       const f = r.value;
       let _ = a.apartmentChooserData.scenes.findIndex((k) => k === f) + 1;
       _ >= a.apartmentChooserData.scenes.length && (_ = 0);
-      const D = a.apartmentChooserData.scenes[_];
-      a.apartmentChooserData.loopable && f > D ? h(f, D + a.apartmentChooserData.scenes.length) : h(f, D);
+      const F = a.apartmentChooserData.scenes[_];
+      a.apartmentChooserData.loopable && f > F ? h(f, F + a.apartmentChooserData.scenes.length) : h(f, F);
     }
     async function c() {
       const f = r.value;
       let _ = a.apartmentChooserData.scenes.findIndex((k) => k === f) - 1;
       _ < 0 && (_ = a.apartmentChooserData.scenes[a.apartmentChooserData.scenes.length - 1]);
-      const D = a.apartmentChooserData.scenes[_];
-      a.apartmentChooserData.loopable && f < D ? h(f + a.apartmentChooserData.scenes.length, D) : h(f, D);
+      const F = a.apartmentChooserData.scenes[_];
+      a.apartmentChooserData.loopable && f < F ? h(f + a.apartmentChooserData.scenes.length, F) : h(f, F);
     }
     function b(f) {
       const _ = r.value;
       if (a.apartmentChooserData.loopable)
         if (f < _) {
-          let D = _ - f, k = _ - (a.apartmentChooserData.cameras.length + f);
-          return Math.abs(D) > Math.abs(k) ? h(_, f) : h(_, a.apartmentChooserData.cameras.length + f);
+          let F = _ - f, k = _ - (a.apartmentChooserData.cameras.length + f);
+          return Math.abs(F) > Math.abs(k) ? h(_, f) : h(_, a.apartmentChooserData.cameras.length + f);
         } else {
-          let D = _ - f, k = a.apartmentChooserData.cameras.length + _ - f;
-          return Math.abs(D) > Math.abs(k) ? h(_, f) : h(a.apartmentChooserData.cameras.length + _, f);
+          let F = _ - f, k = a.apartmentChooserData.cameras.length + _ - f;
+          return Math.abs(F) > Math.abs(k) ? h(_, f) : h(a.apartmentChooserData.cameras.length + _, f);
         }
       else
         return h(_, f);
     }
     function h(f, _) {
-      return new Promise((D) => {
+      return new Promise((F) => {
         o.value = !0, n("onRotateStart", { from: f, to: _ });
         let k, g = f;
         k = setInterval(() => {
@@ -1559,14 +1559,14 @@ const In = /* @__PURE__ */ j({
             g % a.apartmentChooserData.cameras.length
           )) : g > _ ? (g--, r.value = Math.abs(
             g % a.apartmentChooserData.cameras.length
-          )) : (clearInterval(k), n("onRotateFinish", { from: f, to: _ }), o.value = !1, D());
+          )) : (clearInterval(k), n("onRotateFinish", { from: f, to: _ }), o.value = !1, F());
         }, 50);
       });
     }
     return (f, _) => {
-      const D = B("v-btn"), k = B("v-chip");
+      const F = B("v-btn"), k = B("v-chip");
       return m(), S(ie, null, [
-        w(D, {
+        w(F, {
           class: "mx-2",
           icon: "mdi-restore",
           disabled: !p.value,
@@ -1584,7 +1584,7 @@ const In = /* @__PURE__ */ j({
           ]),
           _: 1
         })) : Y("", !0),
-        w(D, {
+        w(F, {
           class: "mx-2",
           icon: "mdi-reload",
           disabled: !l.value,
@@ -1611,14 +1611,14 @@ const In = /* @__PURE__ */ j({
       }
     ), ke(() => {
       for (const l in s) {
-        const { element: d, state: c } = s[l], { r: b, g: h, b: f, a: _, s: D } = e.colorCallback(l, c) || {
+        const { element: d, state: c } = s[l], { r: b, g: h, b: f, a: _, s: F } = e.colorCallback(l, c) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        d.style.fill = `rgba(${b}, ${h}, ${f}, ${_ / 255})`, d.style.stroke = `rgb(${b}, ${h}, ${f})`, d.style.strokeWidth = D.toString();
+        d.style.fill = `rgba(${b}, ${h}, ${f}, ${_ / 255})`, d.style.stroke = `rgb(${b}, ${h}, ${f})`, d.style.strokeWidth = F.toString();
       }
     }), H(r, () => {
       for (const l in s)
@@ -1634,7 +1634,7 @@ const In = /* @__PURE__ */ j({
       }
     );
     function p() {
-      Fe(() => {
+      De(() => {
         const l = o.value.firstChild;
         if (l) {
           if (a("updateSvgContainer", l), !l.hasAttribute("viewBox")) {
@@ -1905,7 +1905,7 @@ const Yn = {
   setup(v, { emit: t }) {
     const e = v, a = t, n = u(), o = u(), r = u(), s = u(
       null
-    ), p = u(), l = u(), d = u(!1), c = u(!1), b = u(), h = u(), f = T(() => h.value.isHoverEnabled), _ = u({ x: 0, y: 0, width: 0, height: 0 }), D = u(), k = u(
+    ), p = u(), l = u(), d = u(!1), c = u(!1), b = u(), h = u(), f = T(() => h.value.isHoverEnabled), _ = u({ x: 0, y: 0, width: 0, height: 0 }), F = u(), k = u(
       e.apartmentChooserData
     );
     ue(() => d.value = !0);
@@ -1955,7 +1955,7 @@ const Yn = {
       );
     }
     function V(M) {
-      p.value = M, vt(k.value.cameras[p.value]) ? s.value = k.value.cameras[p.value] : (Fe(() => {
+      p.value = M, vt(k.value.cameras[p.value]) ? s.value = k.value.cameras[p.value] : (De(() => {
         C(
           k.value.cameras[p.value]
         );
@@ -1965,7 +1965,7 @@ const Yn = {
       const O = o.value;
       n.value = M, p.value = k.value.cameras.findIndex(
         (K) => K === n.value
-      ), Fe(() => {
+      ), De(() => {
         L(
           n.value.sunsimDayOfYear.find(
             (K) => K.dayOfYear === O.dayOfYear
@@ -1975,7 +1975,7 @@ const Yn = {
     }
     function L(M) {
       const O = r.value;
-      o.value = M, Fe(() => {
+      o.value = M, De(() => {
         G(
           o.value.timeSamples.find(
             (K) => K.timeInHours === O.timeInHours
@@ -1988,7 +1988,7 @@ const Yn = {
     function G(M) {
       r.value = M;
     }
-    function F(M) {
+    function D(M) {
       a("onClick", M, () => {
         const O = k.value.unitData.find(
           (K) => K.unitId === M
@@ -2006,7 +2006,7 @@ const Yn = {
       const { layerX: O, layerY: K } = M;
       let R = M.target, P = !1;
       for (; R; )
-        if (R === D.value) {
+        if (R === F.value) {
           P = !0;
           break;
         } else
@@ -2064,7 +2064,7 @@ const Yn = {
                       "current-scene": p.value,
                       "selected-id": M.selectedId,
                       "render-display": e.renderDisplay,
-                      onOnDisplayClick: F,
+                      onOnDisplayClick: D,
                       onOnSceneChange: V,
                       onOnRotateStart: O[0] || (O[0] = (R) => c.value = !0),
                       onOnRotateFinish: O[1] || (O[1] = (R) => c.value = !1)
@@ -2100,10 +2100,10 @@ const Yn = {
                         "color-callback": e.colorCallback,
                         "current-camera": n.value,
                         "selected-id": e.selectedId,
-                        onOnClick: F,
+                        onOnClick: D,
                         onOnHoverOver: Z,
                         onOnHoverOut: x,
-                        onUpdateSvgContainer: O[2] || (O[2] = (R) => D.value = R)
+                        onUpdateSvgContainer: O[2] || (O[2] = (R) => F.value = R)
                       }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id"]), [
                         [pe, s.value === null]
                       ])
@@ -2189,7 +2189,7 @@ const Yn = {
           d.dateSelector.hasMultipleDates ? (m(), $(h, {
             key: 0,
             modelValue: o.value,
-            "onUpdate:modelValue": c[0] || (c[0] = (D) => o.value = D),
+            "onUpdate:modelValue": c[0] || (c[0] = (F) => o.value = F),
             items: p.value,
             density: "compact",
             variant: "underlined",
@@ -2219,7 +2219,7 @@ const Yn = {
           })) : (m(), $(_, {
             key: 1,
             modelValue: n.value,
-            "onUpdate:modelValue": c[1] || (c[1] = (D) => n.value = D),
+            "onUpdate:modelValue": c[1] || (c[1] = (F) => n.value = F),
             min: 0,
             max: 47,
             step: 1,
@@ -2320,7 +2320,7 @@ const Yn = {
       height: 0
     }), r = u({ x: 0, y: 0, width: 0, height: 0 }), s = u(), p = u(
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
-    ), l = u(!1), d = u(new ge()), c = u(), b = u("0 0 0 0"), h = u(), f = u(), _ = u(Ye.empty()), D = u(je.empty()), k = u(), g = T(() => k.value.isHoverEnabled);
+    ), l = u(!1), d = u(new ge()), c = u(), b = u("0 0 0 0"), h = u(), f = u(), _ = u(Ye.empty()), F = u(je.empty()), k = u(), g = T(() => k.value.isHoverEnabled);
     H(s, (x, E) => {
       x ? a("hoverOverBuilding", x) : a("hoverOutBuilding", E);
     }), ke(() => {
@@ -2337,7 +2337,7 @@ const Yn = {
         e.buildingChooserData
       );
       if (E) {
-        D.value = new je(E.mapImage), _.value = new Ye(E.buildingIds), h.value = new nt(E.backgrounds), f.value = {
+        F.value = new je(E.mapImage), _.value = new Ye(E.buildingIds), h.value = new nt(E.backgrounds), f.value = {
           buildingOverlays: E.buildingOverlays,
           viewLongitude: E.viewLongitude
         };
@@ -2410,7 +2410,7 @@ const Yn = {
         height: o.value.height
       }, s.value = void 0, a("hoverOutBuilding", E));
     }
-    function F(x, E) {
+    function D(x, E) {
       const { layerX: M, layerY: O } = x;
       g.value && (r.value = {
         x: M,
@@ -2461,7 +2461,7 @@ const Yn = {
                       style: le(C(O)),
                       onMouseover: (P) => L(P, O),
                       onMouseout: (P) => G(P, O),
-                      onMousemove: (P) => F(P),
+                      onMousemove: (P) => D(P),
                       onClick: (P) => Z(O)
                     }, null, 46, ca))), 128))
                   ], 8, ua))
@@ -2602,7 +2602,7 @@ const Yn = {
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
     ), h = u(
       (x, E) => ({ x, y: E })
-    ), f = u(!1), _ = u(), D = u(), k = u(), g = T(() => {
+    ), f = u(!1), _ = u(), F = u(), k = u(), g = T(() => {
       var x;
       return (x = _.value) == null ? void 0 : x.isHoverEnabled;
     });
@@ -2627,7 +2627,7 @@ const Yn = {
       }, C()) : f.value = !0;
     });
     function U({ width: x, height: E }) {
-      r.value.width = x, r.value.height = E, Fe(C);
+      r.value.width = x, r.value.height = E, De(C);
     }
     function y() {
       o.value = { preloaded: !1, ready: !1 };
@@ -2641,7 +2641,7 @@ const Yn = {
       );
     }
     function C() {
-      if (D.value && (d.value.update(D.value), k.value))
+      if (F.value && (d.value.update(F.value), k.value))
         for (const x of k.value)
           x.setupDraw();
     }
@@ -2657,7 +2657,7 @@ const Yn = {
     function G(x) {
       c.value = V(x), g.value && c.value && a("goToBuilding", c.value);
     }
-    function F(x) {
+    function D(x) {
       return e.colorCallback(
         x,
         x === c.value ? "hover" : "idle"
@@ -2703,7 +2703,7 @@ const Yn = {
                   key: O.id,
                   "image-url": O.url,
                   dimensions: r.value,
-                  color: F(O.id)
+                  color: D(O.id)
                 }, null, 8, ["image-url", "dimensions", "color"]))), 128))
               ], 512), [
                 [pe, o.value.preloaded]
@@ -2711,7 +2711,7 @@ const Yn = {
             ]),
             i("canvas", ye(r.value, {
               ref_key: "canvas",
-              ref: D,
+              ref: F,
               class: { hover: !!c.value },
               onClick: G,
               onMousemove: L
@@ -2892,7 +2892,7 @@ const Yn = {
       }, null, 8, ["modelValue", "items"]);
     };
   }
-}), Da = /* @__PURE__ */ j({
+}), Fa = /* @__PURE__ */ j({
   __name: "VBuildingChooserV5UiDay",
   props: {
     cameraData: {},
@@ -2945,7 +2945,7 @@ const Yn = {
       }, 8, ["modelValue", "items"]);
     };
   }
-}), Fa = {
+}), Da = {
   key: 0,
   class: "py-2"
 }, Sa = { class: "small" }, Ma = { class: "small" }, Ea = /* @__PURE__ */ j({
@@ -2988,7 +2988,7 @@ const Yn = {
       const d = B("v-icon"), c = B("v-btn"), b = B("v-slider"), h = B("v-field");
       return m(), $(h, { variant: "solo" }, {
         default: A(() => [
-          p.dayData.startTime === p.dayData.endTime ? (m(), S("div", Fa, [
+          p.dayData.startTime === p.dayData.endTime ? (m(), S("div", Da, [
             w(d, {
               style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
               class: "py-2 ml-2 mr-2 icon"
@@ -3053,14 +3053,14 @@ const Yn = {
     const e = v, a = t, n = u(), o = u(), r = u(e.selectedId), s = lt({});
     ke(() => {
       for (const l in s) {
-        const { element: d, state: c } = s[l], { r: b, g: h, b: f, a: _, s: D } = e.colorCallback(l, c) || {
+        const { element: d, state: c } = s[l], { r: b, g: h, b: f, a: _, s: F } = e.colorCallback(l, c) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        d.style.fill = `rgba(${b}, ${h}, ${f}, ${_ / 255})`, d.style.stroke = `rgb(${b}, ${h}, ${f})`, d.style.strokeWidth = D.toString();
+        d.style.fill = `rgba(${b}, ${h}, ${f}, ${_ / 255})`, d.style.stroke = `rgb(${b}, ${h}, ${f})`, d.style.strokeWidth = F.toString();
       }
     }), H(
       () => e.selectedId,
@@ -3081,7 +3081,7 @@ const Yn = {
       }
     );
     function p() {
-      Fe(() => {
+      De(() => {
         const l = o.value.firstChild;
         if (l) {
           if (a("updateSvgContainer", l), !l.hasAttribute("viewBox")) {
@@ -3164,8 +3164,10 @@ const Yn = {
     );
     ue(() => p.value = !0), H(
       [h, () => e.cdnFileResolver, () => e.defaultCamera],
-      () => {
-        e.cdnFileResolver && (e.defaultCamera ? n.value = h.value.cameras.find(
+      async () => {
+        e.cdnFileResolver && (h.value || (h.value = await ge.loadJson(
+          se(e.cdnFileResolver, "/buildingChooser.json")
+        )), e.defaultCamera ? n.value = h.value.cameras.find(
           (y) => y.cameraName === e.defaultCamera
         ) || h.value.cameras[0] : n.value = h.value.cameras[0]);
       },
@@ -3173,7 +3175,7 @@ const Yn = {
     ), H(
       [h, () => e.cdnFileResolver, () => e.defaultDay],
       () => {
-        e.cdnFileResolver && (e.defaultDay ? o.value = n.value.sunsimDayOfYear.find(
+        h.value && e.cdnFileResolver && (e.defaultDay ? o.value = n.value.sunsimDayOfYear.find(
           (y) => y.dayOfYear === e.defaultDay
         ) || n.value.sunsimDayOfYear[0] : o.value = n.value.sunsimDayOfYear[0]);
       },
@@ -3181,7 +3183,7 @@ const Yn = {
     ), H(
       [h, () => e.cdnFileResolver, () => e.defaultTime],
       () => {
-        e.cdnFileResolver && (e.defaultTime ? r.value = o.value.timeSamples.find(
+        h.value && e.cdnFileResolver && (e.defaultTime ? r.value = o.value.timeSamples.find(
           (y) => y.timeInHours === e.defaultTime
         ) || o.value.timeSamples[0] : r.value = o.value.timeSamples.find(
           (y) => y.timeInHours === o.value.defaultHour
@@ -3191,7 +3193,7 @@ const Yn = {
     );
     function f(y) {
       const V = o.value;
-      n.value = y, Fe(() => {
+      n.value = y, De(() => {
         _(
           n.value.sunsimDayOfYear.find(
             (C) => C.dayOfYear === V.dayOfYear
@@ -3201,8 +3203,8 @@ const Yn = {
     }
     function _(y) {
       const V = r.value;
-      o.value = y, Fe(() => {
-        D(
+      o.value = y, De(() => {
+        F(
           o.value.timeSamples.find(
             (C) => C.timeInHours === V.timeInHours
           ) || o.value.timeSamples.find(
@@ -3211,7 +3213,7 @@ const Yn = {
         );
       });
     }
-    function D(y) {
+    function F(y) {
       r.value = y;
     }
     function k(y) {
@@ -3260,7 +3262,7 @@ const Yn = {
                       }, null, 8, ["building-chooser-data", "current-camera"])
                     ]),
                     i("div", $a, [
-                      w(Da, {
+                      w(Fa, {
                         "camera-data": n.value,
                         "current-day": o.value,
                         onOnDayChange: _
@@ -3270,7 +3272,7 @@ const Yn = {
                       w(Ta, {
                         "day-data": o.value,
                         "current-time": r.value,
-                        onOnTimeChange: D
+                        onOnTimeChange: F
                       }, null, 8, ["day-data", "current-time"])
                     ])
                   ]),
@@ -3333,7 +3335,7 @@ const Yn = {
       ], 64);
     };
   }
-}), xs = /* @__PURE__ */ q(Wa, [["__scopeId", "data-v-fd8e0124"]]);
+}), xs = /* @__PURE__ */ q(Wa, [["__scopeId", "data-v-a992e23a"]]);
 var We = {};
 Object.defineProperty(We, "__esModule", {
   value: !0
@@ -3658,7 +3660,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       ], 4);
     };
   }
-}), Io = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAllBMVEUAAAD/rwD/rwD/qgP/qwL/qAL/qwP/qwH/rAL/rAL/qwL/qQD/qwL/qwD/qQD/qwL/pQD/qgH/nwD/pwD/qQL/rAL/qwD/qwT/rAP/qwL/rAL/rAD/rAL/qgD/qwL/qQP/rAP/rAH/qgH/qwL/qwD/qgL/rwD/qgD/qwH/qgD/qgL/rAD/qgD/qgD/qwH/rAP/qgX/qwA+O5E+AAAAMnRSTlMAECBg/3C/v5Dff4+PT1/PMN8QII9vf0CfgO9vnzDvUF+vr3BA3zA/z2+fX59g71AwcDsf6p0AAAFGSURBVHicvdRtT8MgEABgaM9hu1aHXV/cpm6zWt829f//OYEK9qC3NDF6HxYCTw5GuWPsd8GjqTIGOJtIZwDi/ymnKPflOSTub6cAcwdnkHk5AQY2v3Dzl2phga1EFkl5hScLbZc+LbUs/FltK5OpLpsmrS0NpbLLSu3Er1dgIsn0cdabEdlHlICL5IZSRq5gELcn7DCnsfQL24AX5PeNfAlAHSEOaYrFXaNiqwa7kO7V9L1dt9u25kX58cBY7dbZYz/MKdr2o06nrZ6klNX4AYRdf8aHzkL6QtxAG9KculjhS0nJMO0rSVmF5ZyWnn2jFC+36vcgLTzq+3lPRx6XrjjTqQ7iqJxY6+KLydp0ZWhrVHWE0JoqHq1NSHBxF0h+1Mh6LUMM5LC/Kht8h+5nG9zeTtbt37Ti3XT6+d29pkTXTZVEfAEKARRF2iiwhQAAAB10RVh0U29mdHdhcmUAQGx1bmFwYWludC9wbmctY29kZWP1QxkeAAAAAElFTkSuQmCC", Ao = { class: "d-flex flex-column align-center justify-center clock-face" }, Lo = { class: "clock-icon" }, xo = { class: "clock-value grey--text text--darken-3" }, Do = /* @__PURE__ */ j({
+}), Io = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAllBMVEUAAAD/rwD/rwD/qgP/qwL/qAL/qwP/qwH/rAL/rAL/qwL/qQD/qwL/qwD/qQD/qwL/pQD/qgH/nwD/pwD/qQL/rAL/qwD/qwT/rAP/qwL/rAL/rAD/rAL/qgD/qwL/qQP/rAP/rAH/qgH/qwL/qwD/qgL/rwD/qgD/qwH/qgD/qgL/rAD/qgD/qgD/qwH/rAP/qgX/qwA+O5E+AAAAMnRSTlMAECBg/3C/v5Dff4+PT1/PMN8QII9vf0CfgO9vnzDvUF+vr3BA3zA/z2+fX59g71AwcDsf6p0AAAFGSURBVHicvdRtT8MgEABgaM9hu1aHXV/cpm6zWt829f//OYEK9qC3NDF6HxYCTw5GuWPsd8GjqTIGOJtIZwDi/ymnKPflOSTub6cAcwdnkHk5AQY2v3Dzl2phga1EFkl5hScLbZc+LbUs/FltK5OpLpsmrS0NpbLLSu3Er1dgIsn0cdabEdlHlICL5IZSRq5gELcn7DCnsfQL24AX5PeNfAlAHSEOaYrFXaNiqwa7kO7V9L1dt9u25kX58cBY7dbZYz/MKdr2o06nrZ6klNX4AYRdf8aHzkL6QtxAG9KculjhS0nJMO0rSVmF5ZyWnn2jFC+36vcgLTzq+3lPRx6XrjjTqQ7iqJxY6+KLydp0ZWhrVHWE0JoqHq1NSHBxF0h+1Mh6LUMM5LC/Kht8h+5nG9zeTtbt37Ti3XT6+d29pkTXTZVEfAEKARRF2iiwhQAAAB10RVh0U29mdHdhcmUAQGx1bmFwYWludC9wbmctY29kZWP1QxkeAAAAAElFTkSuQmCC", Ao = { class: "d-flex flex-column align-center justify-center clock-face" }, Lo = { class: "clock-icon" }, xo = { class: "clock-value grey--text text--darken-3" }, Fo = /* @__PURE__ */ j({
   __name: "VTimeOfDay",
   props: {
     hours: { default: 0 },
@@ -3682,7 +3684,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       ]);
     };
   }
-}), Fo = /* @__PURE__ */ q(Do, [["__scopeId", "data-v-9a5f102b"]]), So = /* @__PURE__ */ j({
+}), Do = /* @__PURE__ */ q(Fo, [["__scopeId", "data-v-9a5f102b"]]), So = /* @__PURE__ */ j({
   __name: "VViewModeToggle",
   props: {
     showStaticImage: { type: Boolean }
@@ -4357,8 +4359,8 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
     );
     const o = T(() => {
       let f = {};
-      for (const [_, D] of Object.entries(n.value))
-        _ === "whitePoint" ? f[_] = d(D.value) : f[_] = D.value;
+      for (const [_, F] of Object.entries(n.value))
+        _ === "whitePoint" ? f[_] = d(F.value) : f[_] = F.value;
       return f;
     });
     function r() {
@@ -4379,15 +4381,15 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       n.value = h(), a("updateSettings", o.value);
     }
     function d(f) {
-      const _ = parseInt(f.substr(1, 2), 16) / 255, D = parseInt(f.substr(3, 2), 16) / 255, k = parseInt(f.substr(5, 2), 16) / 255;
-      return [_, D, k];
+      const _ = parseInt(f.substr(1, 2), 16) / 255, F = parseInt(f.substr(3, 2), 16) / 255, k = parseInt(f.substr(5, 2), 16) / 255;
+      return [_, F, k];
     }
     function c(f) {
       var _ = f.toString(16);
       return _.length == 1 ? "0" + _ : _;
     }
-    function b([f, _, D]) {
-      return "#" + c(parseInt((f * 255).toString())) + c(parseInt((_ * 255).toString())) + c(parseInt((D * 255).toString()));
+    function b([f, _, F]) {
+      return "#" + c(parseInt((f * 255).toString())) + c(parseInt((_ * 255).toString())) + c(parseInt((F * 255).toString()));
     }
     function h(f = {}) {
       const _ = [
@@ -4403,7 +4405,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
         "Warm 5",
         "bw"
       ];
-      let D = {
+      let F = {
         temperature: 6500,
         targetLuminance: 1,
         exposureFovScale: 0.6,
@@ -4422,7 +4424,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
           min: 0,
           max: 1,
           step: 0.01,
-          value: D.exposureFovScale
+          value: F.exposureFovScale
         },
         targetLuminance: {
           label: "Target Luminance",
@@ -4430,7 +4432,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
           min: 0,
           max: 15,
           step: 0.1,
-          value: D.targetLuminance
+          value: F.targetLuminance
         },
         sharpenFilter_amount: {
           label: "Sharpen Filter Amount",
@@ -4438,12 +4440,12 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
           min: 0,
           max: 100,
           step: 0.1,
-          value: D.sharpenFilter_amount
+          value: F.sharpenFilter_amount
         },
         UNREAL_BLOOM_ENABLED: {
           label: "Enable Bloom?",
           type: "boolean",
-          value: D.UNREAL_BLOOM_ENABLED
+          value: F.UNREAL_BLOOM_ENABLED
         },
         UNREAL_BLOOM_STRENGTH: {
           label: "Bloom Strength",
@@ -4451,7 +4453,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
           min: 0,
           max: 1,
           step: 0.01,
-          value: D.UNREAL_BLOOM_STRENGTH
+          value: F.UNREAL_BLOOM_STRENGTH
         },
         TRANSITION_MOVEMENT_SCALE: {
           label: "Transition Movement Speed",
@@ -4459,7 +4461,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
           min: 0.2,
           max: 25,
           step: 0.1,
-          value: D.TRANSITION_MOVEMENT_SCALE
+          value: F.TRANSITION_MOVEMENT_SCALE
         },
         temperature: {
           label: "Temperature / White Balance",
@@ -4467,12 +4469,12 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
           min: 1e3,
           max: 12e3,
           step: 1,
-          value: D.temperature
+          value: F.temperature
         },
         whitePoint: {
           label: "White Point",
           type: "color",
-          value: b(D.whitePoint)
+          value: b(F.whitePoint)
         },
         lut: {
           label: "Lut",
@@ -4481,12 +4483,12 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
             text: k,
             value: `https://cdn.visuado.com/luts/${k}.png`
           })),
-          value: D.lut
+          value: F.lut
         }
       };
     }
     return (f, _) => {
-      const D = B("v-text-field"), k = B("v-slider"), g = B("v-checkbox"), U = B("v-btn"), y = B("v-select"), V = B("v-icon");
+      const F = B("v-text-field"), k = B("v-slider"), g = B("v-checkbox"), U = B("v-btn"), y = B("v-select"), V = B("v-icon");
       return m(), S("div", rl, [
         i("form", il, [
           i("div", ul, [
@@ -4497,7 +4499,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
               C.type === "slider" ? (m(), $(k, {
                 key: 0,
                 modelValue: n.value[L].value,
-                "onUpdate:modelValue": (F) => n.value[L].value = F,
+                "onUpdate:modelValue": (D) => n.value[L].value = D,
                 onChange: r,
                 max: C.max,
                 min: C.min,
@@ -4508,9 +4510,9 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                 ]),
                 append: A(() => [
                   i("div", null, [
-                    w(D, {
+                    w(F, {
                       modelValue: n.value[L].value,
-                      "onUpdate:modelValue": (F) => n.value[L].value = F,
+                      "onUpdate:modelValue": (D) => n.value[L].value = D,
                       "hide-details": "",
                       dense: "",
                       outlined: "",
@@ -4528,7 +4530,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
               C.type === "boolean" ? (m(), $(g, {
                 key: 1,
                 modelValue: n.value[L].value,
-                "onUpdate:modelValue": (F) => n.value[L].value = F,
+                "onUpdate:modelValue": (D) => n.value[L].value = D,
                 onChange: r
               }, {
                 prepend: A(() => [
@@ -4549,17 +4551,17 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                 i("div", ml, N(C.label), 1),
                 i("div", pl, [
                   de(i("input", {
-                    "onUpdate:modelValue": (F) => n.value[L].value = F,
+                    "onUpdate:modelValue": (D) => n.value[L].value = D,
                     type: "color",
                     onChange: r
                   }, null, 40, fl), [
-                    [Dt, n.value[L].value]
+                    [Ft, n.value[L].value]
                   ])
                 ]),
                 i("div", null, [
-                  w(D, {
+                  w(F, {
                     modelValue: n.value[L].value,
-                    "onUpdate:modelValue": (F) => n.value[L].value = F,
+                    "onUpdate:modelValue": (D) => n.value[L].value = D,
                     "hide-details": "",
                     dense: "",
                     outlined: "",
@@ -4577,7 +4579,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                     w(U, {
                       class: "ml-2",
                       "x-small": "",
-                      onClick: (F) => n.value[L].value = null
+                      onClick: (D) => n.value[L].value = null
                     }, {
                       default: A(() => [
                         X(" Clear Lut ")
@@ -4591,7 +4593,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                     i("div", null, [
                       w(y, {
                         modelValue: n.value[L].value,
-                        "onUpdate:modelValue": (F) => n.value[L].value = F,
+                        "onUpdate:modelValue": (D) => n.value[L].value = D,
                         items: C.items,
                         "item-title": "title",
                         "item-value": "value",
@@ -4605,9 +4607,9 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                     bl,
                     i("div", wl, [
                       i("div", null, [
-                        w(D, {
+                        w(F, {
                           modelValue: n.value[L].value,
-                          "onUpdate:modelValue": (F) => n.value[L].value = F,
+                          "onUpdate:modelValue": (D) => n.value[L].value = D,
                           "hide-details": "",
                           dense: "",
                           type: "url",
@@ -4667,7 +4669,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
 }), Il = /* @__PURE__ */ q(Cl, [["__scopeId", "data-v-bd4f66c3"]]), Al = (v) => (st("data-v-30593022"), v = v(), rt(), v), Ll = /* @__PURE__ */ Al(() => /* @__PURE__ */ i("div", { id: "filler-div" }, null, -1)), xl = {
   class: "moveable-body",
   id: "moveableDivHeader"
-}, Dl = { class: "moveable-footer" }, Fl = /* @__PURE__ */ j({
+}, Fl = { class: "moveable-footer" }, Dl = /* @__PURE__ */ j({
   __name: "VMoveable",
   emits: ["close", "transform"],
   setup(v, { emit: t }) {
@@ -4683,13 +4685,13 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       s.addEventListener("touchstart", b, { passive: !1 }), s.addEventListener("touchend", f, { passive: !1 }), s.addEventListener("mousedown", b, { passive: !1 }), s.addEventListener("mouseup", f, { passive: !1 });
       function b(_) {
         _ = _ || window.event, _.preventDefault();
-        let D = _;
-        _.type === "touchstart" && (D = _.touches[0]), d = D.clientX, c = D.clientY, document.addEventListener("mouseup", f, { passive: !1 }), document.addEventListener("touchend", f, { passive: !1 }), document.addEventListener("mousemove", h, { passive: !1 }), document.addEventListener("touchmove", h, { passive: !1 });
+        let F = _;
+        _.type === "touchstart" && (F = _.touches[0]), d = F.clientX, c = F.clientY, document.addEventListener("mouseup", f, { passive: !1 }), document.addEventListener("touchend", f, { passive: !1 }), document.addEventListener("mousemove", h, { passive: !1 }), document.addEventListener("touchmove", h, { passive: !1 });
       }
       function h(_) {
         _ = _ || window.event, _.preventDefault();
-        let D = _;
-        _.type === "touchmove" && (D = _.touches[0]), p = d - D.clientX, l = c - D.clientY, d = D.clientX, c = D.clientY, r.style.top = r.offsetTop - l + "px", r.style.left = r.offsetLeft - p + "px";
+        let F = _;
+        _.type === "touchmove" && (F = _.touches[0]), p = d - F.clientX, l = c - F.clientY, d = F.clientX, c = F.clientY, r.style.top = r.offsetTop - l + "px", r.style.left = r.offsetLeft - p + "px";
       }
       function f() {
         document.removeEventListener("mouseup", f, !1), document.removeEventListener("mousemove", h, !1), document.removeEventListener("touchend", f, !1), document.removeEventListener("touchmove", h, !1);
@@ -4728,13 +4730,13 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
         i("div", xl, [
           oe(r.$slots, "body", { class: "slot" }, void 0, !0)
         ]),
-        i("div", Dl, [
+        i("div", Fl, [
           oe(r.$slots, "footer", {}, void 0, !0)
         ])
       ], 2);
     };
   }
-}), Sl = /* @__PURE__ */ q(Fl, [["__scopeId", "data-v-30593022"]]), Ml = {
+}), Sl = /* @__PURE__ */ q(Dl, [["__scopeId", "data-v-30593022"]]), Ml = {
   class: "rotation-marker-svg",
   viewBox: "0 0 40 40",
   xmlns: "http://www.w3.org/2000/svg"
@@ -4770,16 +4772,16 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       t.storey.position.y,
       t.storey.position.z
     )), h = T(() => parseFloat(d.value.floor_vertical_position)), f = T(() => l.value.map((L) => {
-      const G = L.uposition.split(","), F = new Ve.Vector3(
+      const G = L.uposition.split(","), D = new Ve.Vector3(
         Number(G[0]) - b.value.x,
         0,
         Number(G[2]) - b.value.z
       );
       return {
         ...L,
-        ...y(n.value, F)
+        ...y(n.value, D)
       };
-    })), _ = T(() => `background-image: url(${t.backgroundImage});`), D = T(() => {
+    })), _ = T(() => `background-image: url(${t.backgroundImage});`), F = T(() => {
       let L = s.value > 1 ? 1 : s.value;
       return L < 0.8 && (L = 0.4), `scale: ${L > 1 ? 1 : L}; transform: rotate(${t.transformAngle}deg);`;
     });
@@ -4787,7 +4789,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       V(), g(), C();
       const L = document.getElementById("moveableDiv");
       L && (p.value = new ResizeObserver(C).observe(L));
-    }), Ft(() => {
+    }), Dt(() => {
       V(), g();
     }), Pe(() => {
       p.value && p.value.unobserve(document.getElementById("moveableDiv"));
@@ -4807,8 +4809,8 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       };
     }
     function y(L, G) {
-      var F = new Ve.Vector3();
-      const Z = F.subVectors(L, G);
+      var D = new Ve.Vector3();
+      const Z = D.subVectors(L, G);
       return {
         relativePosition: Z,
         left: Z.x / e.value * 100,
@@ -4818,21 +4820,21 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
     function V() {
       const L = t.storey.position.y - h.value;
       a.value = 2 * (L * Math.tan(k(t.storey.fovY / 2))), e.value = 512 / 384 * a.value;
-      const G = a.value / 2, F = e.value / 2, Z = new Ve.Vector3(F * -1, 0, G * -1);
+      const G = a.value / 2, D = e.value / 2, Z = new Ve.Vector3(D * -1, 0, G * -1);
       n.value = Z;
     }
     function C() {
       const L = document.getElementById("moveableDiv");
       if (!L)
         return;
-      const G = L.offsetHeight / 384 * 0.8, F = L.offsetWidth / 512 * 0.8;
-      L.offsetHeight > L.offsetWidth ? s.value = F * 0.5 : s.value = G * 0.9;
+      const G = L.offsetHeight / 384 * 0.8, D = L.offsetWidth / 512 * 0.8;
+      L.offsetHeight > L.offsetWidth ? s.value = D * 0.5 : s.value = G * 0.9;
     }
     return (L, G) => (m(), S("div", Ol, [
       i("div", Ul, [
         i("div", {
           class: "web-minimap",
-          style: le(D.value)
+          style: le(F.value)
         }, [
           i("div", {
             class: "minimap-background-image",
@@ -4842,19 +4844,19 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
             class: "center-pivot",
             style: le(r.value)
           }, [
-            (m(!0), S(ie, null, ve(f.value, (F) => (m(), S("div", {
-              key: F.id
+            (m(!0), S(ie, null, ve(f.value, (D) => (m(), S("div", {
+              key: D.id
             }, [
-              d.value.floorLevel === F.floorLevel ? (m(), S("div", {
+              d.value.floorLevel === D.floorLevel ? (m(), S("div", {
                 key: 0,
                 class: "single-camera-marker",
-                style: le(U(F))
+                style: le(U(D))
               }, null, 4)) : Y("", !0),
-              d.value.id === F.id && t.rotation !== null ? (m(), $(Rl, {
+              d.value.id === D.id && t.rotation !== null ? (m(), $(Rl, {
                 key: 1,
                 class: "rotation-marker-component",
                 rotation: c.value,
-                style: le({ ...U(F) })
+                style: le({ ...U(D) })
               }, null, 8, ["rotation", "style"])) : Y("", !0)
             ]))), 128))
           ], 4)
@@ -4927,8 +4929,8 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
         for (let V = 0; V < y.length; V++) {
           const C = y[V];
           try {
-            const L = C, G = C.split("."), F = await f(L);
-            g.set(G[0], F);
+            const L = C, G = C.split("."), D = await f(L);
+            g.set(G[0], D);
           } catch {
             continue;
           }
@@ -4942,13 +4944,13 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
           e.cdnFileResolver,
           `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/${k}`
         )
-      )).blob(), y = await D(U);
+      )).blob(), y = await F(U);
       return _(y);
     }
     function _(k) {
       return "data:image/jpeg;base64," + k;
     }
-    async function D(k) {
+    async function F(k) {
       return new Promise((g, U) => {
         const y = new FileReader();
         y.onload = () => {
@@ -5119,7 +5121,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       d(), a("goto", l);
     }
     return (l, d) => {
-      const c = B("v-icon"), b = B("v-btn"), h = B("v-hover"), f = B("v-img"), _ = B("v-card"), D = B("v-slide-group-item"), k = B("v-slide-group");
+      const c = B("v-icon"), b = B("v-btn"), h = B("v-hover"), f = B("v-img"), _ = B("v-card"), F = B("v-slide-group-item"), k = B("v-slide-group");
       return m(), S("div", Kl, [
         w(k, {
           modelValue: o.value,
@@ -5181,7 +5183,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
             })
           ]),
           default: A(() => [
-            (m(!0), S(ie, null, ve(l.thumbnails, (g) => (m(), $(D, {
+            (m(!0), S(ie, null, ve(l.thumbnails, (g) => (m(), $(F, {
               key: g.id
             }, {
               default: A(({ toggle: U, selectedClass: y }) => [
@@ -5246,7 +5248,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       navigator.clipboard.writeText(location.href);
     }
     return (p, l) => {
-      const d = B("v-btn"), c = B("v-tooltip"), b = B("v-toolbar-title"), h = B("v-spacer"), f = B("v-toolbar"), _ = B("v-card-text"), D = B("v-card"), k = B("v-dialog");
+      const d = B("v-btn"), c = B("v-tooltip"), b = B("v-toolbar-title"), h = B("v-spacer"), f = B("v-toolbar"), _ = B("v-card-text"), F = B("v-card"), k = B("v-dialog");
       return m(), S("div", null, [
         w(c, {
           elevation: "2",
@@ -5273,7 +5275,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
           "onUpdate:modelValue": l[2] || (l[2] = (g) => e.value = g)
         }, {
           default: A(() => [
-            w(D, null, {
+            w(F, null, {
               default: A(() => [
                 w(f, { elevation: "0" }, {
                   default: A(() => [
@@ -5517,7 +5519,7 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
   },
   emits: ["onSnapshot", "saveSettings", "onInteriorUpdate", "onCameraUpdate"],
   setup(v, { emit: t }) {
-    const e = v, a = t, n = u(!1), o = u(!1), r = u(), s = u(), p = u(), l = u(), d = u(), c = u(0), b = u(), h = u(), f = u(), _ = u(0), D = u(0), k = u(0), g = u(!1), U = u(!1), y = u(!1), V = u(
+    const e = v, a = t, n = u(!1), o = u(!1), r = u(), s = u(), p = u(), l = u(), d = u(), c = u(0), b = u(), h = u(), f = u(), _ = u(0), F = u(0), k = u(0), g = u(!1), U = u(!1), y = u(!1), V = u(
       new ds(document, "player-wrapper")
     ), C = T(() => {
       if (s.value) {
@@ -5537,14 +5539,14 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
         let J = [...new Set(z)];
         J = J.sort();
         const fe = J.findIndex(
-          (He) => He === D.value
+          (He) => He === F.value
         );
         fe !== -1 && (I = fe);
       }
       return I;
     }), G = T(() => x.value.findIndex(
       (I) => I.archetypeID === b.value
-    )), F = T(() => p.value ? p.value.cameras.map((I) => ({
+    )), D = T(() => p.value ? p.value.cameras.map((I) => ({
       ...I,
       thumbnailUrl: he(
         `/${b.value}/${e.apartmentId}/thumbs/200/${I.id}.jpg`
@@ -5552,7 +5554,7 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
       imageUrl: he(
         `/${b.value}/${e.apartmentId}/images/1600/${I.id}.jpg`
       )
-    })) : []), Z = T(() => !F.value || !F.value[c.value] ? "" : F.value[c.value].imageUrl), x = T(() => {
+    })) : []), Z = T(() => !D.value || !D.value[c.value] ? "" : D.value[c.value].imageUrl), x = T(() => {
       let I = [];
       return r.value && (I = r.value.archetypes), e.validInteriorIds.length ? I.filter(
         (z) => e.validInteriorIds.includes(z.archetypeID)
@@ -5560,7 +5562,7 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
     }), E = T(() => p.value ? x.value.map((I) => ({
       ...I,
       url: he(
-        `/${I.archetypeID}/${e.apartmentId}/thumbs/200/${F.value[c.value].id}.jpg`
+        `/${I.archetypeID}/${e.apartmentId}/thumbs/200/${D.value[c.value].id}.jpg`
       )
     })) : []), M = T(() => {
       if (l.value)
@@ -5689,20 +5691,20 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
     }
     function _e() {
       let I = c.value + 1;
-      I >= F.value.length && (I = 0), c.value = I, Ee(F.value[c.value].id);
+      I >= D.value.length && (I = 0), c.value = I, Ee(D.value[c.value].id);
     }
     function be() {
       let I = c.value - 1;
-      I < 0 && (I = F.value.length - 1), c.value = I, Ee(F.value[c.value].id);
+      I < 0 && (I = D.value.length - 1), c.value = I, Ee(D.value[c.value].id);
     }
     function we(I, z = !0) {
-      let J = F.value.findIndex((fe) => fe.id === I);
+      let J = D.value.findIndex((fe) => fe.id === I);
       J != -1 && (c.value = J, z && Ee(I));
     }
     function Ee(I) {
       h.value = I;
     }
-    function De(I) {
+    function Fe(I) {
       b.value = I, a("onInteriorUpdate", I), a("onCameraUpdate", f.value, s.value);
     }
     function Xe(I) {
@@ -5712,7 +5714,7 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
       _.value = I;
     }
     function Je(I) {
-      D.value = I;
+      F.value = I;
     }
     function W(I) {
       k.value = I;
@@ -5821,7 +5823,7 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
                 ]) : Y("", !0),
                 y.value && I.showFloorLevel && C.value.length > 1 ? (m(), $(yo, {
                   key: 2,
-                  level: D.value,
+                  level: F.value,
                   "floor-levels": C.value,
                   onLevel: Je
                 }, null, 8, ["level", "floor-levels"])) : Y("", !0),
@@ -5845,7 +5847,7 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
                 ], 512)), [
                   [pe, y.value]
                 ]) : Y("", !0),
-                y.value && s.value && O.value && I.showTimeOfDay ? (m(), $(Fo, {
+                y.value && s.value && O.value && I.showTimeOfDay ? (m(), $(Do, {
                   key: 1,
                   hours: K.value.hours,
                   minutes: K.value.minutes
@@ -5924,7 +5926,7 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
                   y.value && V.value.isActive ? (m(), $(pt, {
                     key: 1,
                     class: xe([V.value.isActive ? "full-screen" : ""]),
-                    thumbnails: F.value,
+                    thumbnails: D.value,
                     active: c.value,
                     onNext: _e,
                     onPrevious: be,
@@ -5938,7 +5940,7 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
                   "cdn-file-resolver": I.cdnFileResolver,
                   "available-archetypes": E.value,
                   "selected-index": G.value,
-                  onSelectInterior: De
+                  onSelectInterior: Fe
                 }, null, 8, ["cdn-file-resolver", "available-archetypes", "selected-index"])) : Y("", !0)
               ]),
               _: 1
@@ -5946,7 +5948,7 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
             I.showCarousel && p.value ? (m(), $(pt, {
               key: 0,
               class: "waypoint-carousel below-player",
-              thumbnails: F.value,
+              thumbnails: D.value,
               active: c.value,
               onNext: _e,
               onPrevious: be,
@@ -5957,7 +5959,7 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
       ]);
     };
   }
-}), ks = /* @__PURE__ */ q(ws, [["__scopeId", "data-v-26ecf6ea"]]), Ds = {
+}), ks = /* @__PURE__ */ q(ws, [["__scopeId", "data-v-26ecf6ea"]]), Fs = {
   install: function(t) {
     t.component("VApartmentChooser", fn), t.component("VBuildingChooser", wa), t.component("VVirtualTour", ks);
   }
@@ -5973,5 +5975,5 @@ export {
   Ze as VNorthDirection,
   ks as VVirtualTour,
   qe as VZoomBox,
-  Ds as default
+  Fs as default
 };