@qispace/vue3-player 0.3.24 → 0.3.26

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

@@ -1,7 +1,7 @@
 var xa = Object.defineProperty;
 var Da = (l, a, e) => a in l ? xa(l, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[a] = e;
 var pe = (l, a, e) => (Da(l, typeof a != "symbol" ? a + "" : a, e), e);
-import { defineComponent as j, ref as v, computed as B, openBlock as d, createElementBlock as x, watch as H, onMounted as Ie, onBeforeUnmount as Ne, withDirectives as we, createElementVNode as u, normalizeStyle as fe, vShow as ke, createVNode as C, Fragment as me, renderList as ye, createCommentVNode as $, inject as Ge, resolveComponent as E, withCtx as _, toDisplayString as Q, unref as D, createTextVNode as te, normalizeClass as ge, createBlock as T, renderSlot as le, provide as et, reactive as yt, watchEffect as Te, resolveDynamicComponent as Gt, normalizeProps as rt, guardReactiveProps as ut, mergeProps as Me, nextTick as De, Transition as Ee, createSlots as Aa, toRefs as Ve, pushScopeId as _t, popScopeId as bt, vModelText as Fa, createStaticVNode as Qt, onBeforeUpdate as La, withModifiers as Ma } from "vue";
+import { defineComponent as j, ref as v, computed as B, openBlock as d, createElementBlock as x, watch as H, onMounted as Ie, onBeforeUnmount as Ne, withDirectives as we, createElementVNode as u, normalizeStyle as fe, vShow as ke, createVNode as C, Fragment as me, renderList as ye, createCommentVNode as $, inject as Ge, resolveComponent as E, withCtx as b, toDisplayString as Q, unref as D, createTextVNode as te, normalizeClass as ge, createBlock as T, renderSlot as le, provide as et, reactive as yt, watchEffect as Te, resolveDynamicComponent as Gt, normalizeProps as rt, guardReactiveProps as ut, mergeProps as Me, nextTick as De, Transition as Ee, createSlots as Aa, toRefs as Ve, pushScopeId as _t, popScopeId as bt, vModelText as Fa, createStaticVNode as Qt, onBeforeUpdate as La, withModifiers as Ma } from "vue";
 import ft from "axios";
 import * as Oa from "@qispace/player-core";
 import { Vector3 as lt, Object3D as Ea, MathUtils as Ta } from "three";
@@ -82,7 +82,7 @@ const $a = /* @__PURE__ */ j({
   },
   emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
   setup(l, { emit: a }) {
-    const e = l, n = a, t = v({ x: 0, y: 0, width: 0, height: 0 }), o = v(0), i = v(0), s = v(), m = v(), p = v(), r = v(), f = v(-1), k = v(!1), g = v(), c = v(), h = v({}), S = v("auto"), b = v(new Fe()), y = v({}), Y = v(), O = v(), P = v(), I = v(), L = v(), Z = B(() => P.value.isHoverEnabled), R = B(() => he(
+    const e = l, n = a, t = v({ x: 0, y: 0, width: 0, height: 0 }), o = v(0), i = v(0), s = v(), m = v(), p = v(), r = v(), f = v(-1), k = v(!1), g = v(), c = v(), h = v({}), S = v("auto"), _ = v(new Fe()), y = v({}), Y = v(), O = v(), P = v(), I = v(), L = v(), Z = B(() => P.value.isHoverEnabled), R = B(() => he(
       e.cdnFileResolver,
       `/scenedata${e.viewModel.currentScene}.png`
     )), X = B(() => R.value in h.value ? h.value[R.value] : null), w = B(() => f.value < 0 ? !1 : e.sceneData.find((K) => K.index === f.value) || !1), A = B(() => ({
@@ -93,7 +93,7 @@ const $a = /* @__PURE__ */ j({
     H(
       R,
       () => {
-        h.value[R.value] || b.value.loadImageData(R.value).then((G) => {
+        h.value[R.value] || _.value.loadImageData(R.value).then((G) => {
           h.value = {
             ...h.value,
             [R.value]: G
@@ -369,7 +369,7 @@ const $a = /* @__PURE__ */ j({
       const P = g(O);
       n("selectUnit", P), f.value && P && e.canGoToUnitCallback(P) ? n("goToUnit", P) : o.value = O;
     }
-    function b(O) {
+    function _(O) {
       const P = g(O);
       let I = "idle";
       o.value < 0 && e.selectedUnitId && P === e.selectedUnitId ? I = "selected" : o.value >= 0 && o.value === O && (I = "hover");
@@ -418,7 +418,7 @@ const $a = /* @__PURE__ */ j({
           (d(!0), x(me, null, ye(s.value.svgObjects, ({ index: I, svg: L }) => (d(), x("g", {
             key: I,
             innerHTML: L,
-            style: fe(b(I)),
+            style: fe(_(I)),
             onMouseenter: (Z) => c(I),
             onMouseleave: (Z) => h(),
             onClick: (Z) => S(I)
@@ -482,7 +482,7 @@ const $a = /* @__PURE__ */ j({
           disabled: !n.value || !p.canGoToUnitCallback(n.value),
           onClick: r[2] || (r[2] = (k) => i("goToUnit", n.value))
         }, {
-          default: _(() => [
+          default: b(() => [
             n.value && p.canGoToUnitCallback(n.value) ? (d(), x("span", za, Q(D(s).getLabel("seeApartment")) + "  ", 1)) : $("", !0),
             u("span", Pa, Q(n.value ? e.unitRenderer(n.value) : "-"), 1)
           ]),
@@ -615,56 +615,56 @@ const Ga = {
   emits: ["loaded", "error", "progress"],
   setup(l, { emit: a }) {
     const e = l, n = a, t = g(), o = v(
-      new xt(t.length).onLoadFinished(() => n("loaded")).onLoadProgress((b) => n("progress", b)).onLoadError(() => n("error"))
+      new xt(t.length).onLoadFinished(() => n("loaded")).onLoadProgress((_) => n("progress", _)).onLoadError(() => n("error"))
     ), i = v(
       new Na(e.cardinalFrames, Yt)
-    ), s = v(t), m = v(!1), p = B(() => s.value.find((b) => b.show));
+    ), s = v(t), m = v(!1), p = B(() => s.value.find((_) => _.show));
     H(
       () => e.viewModel.currentScene,
-      (b, y) => {
-        const Y = S(y, b), O = h(y, b);
+      (_, y) => {
+        const Y = S(y, _), O = h(y, _);
         r(y, Y, O);
       }
     ), Ie(() => {
       k();
     });
-    function r(b, y, Y) {
+    function r(_, y, Y) {
       e.viewModel.isRotating || (e.viewModel.isRotating = !0, f(
         i.value.start(
           y,
-          b % st,
+          _ % st,
           Y
         )
       ));
     }
-    function f(b) {
+    function f(_) {
       setTimeout(() => {
-        s.value[b.frameIndex].show = !1;
-        const y = b.nextFrame();
+        s.value[_.frameIndex].show = !1;
+        const y = _.nextFrame();
         s.value[y.frameIndex].show = !0, y.atEnd ? k() : window.requestAnimationFrame(() => f(y));
       }, 1e3 / an);
     }
     function k() {
-      const b = i.value.startFrameIndexForScene(
+      const _ = i.value.startFrameIndexForScene(
         e.viewModel.currentScene % st
       );
-      b in s.value && (s.value[b].show = !0), e.viewModel.isRotating = !1;
+      _ in s.value && (s.value[_].show = !0), e.viewModel.isRotating = !1;
     }
     function g() {
-      const b = [];
+      const _ = [];
       for (let y = 0; y < Yt; y++) {
         const { sourceSet: Y, defaultPath: O } = c(y);
-        b.push({
+        _.push({
           index: y,
           sourceSet: Y,
           defaultPath: O,
           show: !1
         });
       }
-      return b;
+      return _;
     }
-    function c(b) {
-      const y = ("0000" + (b + 1)).slice(-4), Y = e.build ? `?v=${e.build}` : "", O = [
+    function c(_) {
+      const y = ("0000" + (_ + 1)).slice(-4), Y = e.build ? `?v=${e.build}` : "", O = [
         `${he(
           e.cdnFileResolver,
           `/480/${y}.jpg${Y}`
@@ -683,22 +683,22 @@ const Ga = {
       );
       return { sourceSet: O, defaultPath: P };
     }
-    function h(b, y) {
-      const Y = st / 2, O = Math.abs(b - y);
+    function h(_, y) {
+      const Y = st / 2, O = Math.abs(_ - y);
       return O > Y ? st - O : O;
     }
-    function S(b, y) {
-      if (b === y)
+    function S(_, y) {
+      if (_ === y)
         return 0;
-      const O = Math.abs(b - y) < st / 2;
-      return O && b < y || !O && b > y ? 1 : -1;
+      const O = Math.abs(_ - y) < st / 2;
+      return O && _ < y || !O && _ > y ? 1 : -1;
     }
-    return (b, y) => {
+    return (_, y) => {
       const Y = E("v-icon");
       return d(), x("div", null, [
         o.value.isError ? (d(), x("div", Ga, [
           C(Y, { "x-large": "" }, {
-            default: _(() => [
+            default: b(() => [
               te("mdi-alert-circle-outline")
             ]),
             _: 1
@@ -753,7 +753,7 @@ const Ga = {
       return d(), T(m, {
         origin: `top left ${o.pos.x} ${o.pos.y}`
       }, {
-        default: _(() => [
+        default: b(() => [
           o.isHoverable ? (d(), x("div", {
             key: 0,
             class: "floating-card",
@@ -771,7 +771,7 @@ const Ga = {
             width: "auto",
             "onClick:outside": i[0] || (i[0] = (p) => n("outside", p))
           }, {
-            default: _(() => [
+            default: b(() => [
               le(o.$slots, "default", { isHoverable: o.isHoverable }, void 0, !0)
             ]),
             _: 3
@@ -812,10 +812,10 @@ const Ga = {
     ), H(
       () => n.mobile,
       () => {
-        n.mobile ? b() : Y();
+        n.mobile ? _() : Y();
       }
     ), Ie(() => {
-      n.desktop && S(), n.mobile && b();
+      n.desktop && S(), n.mobile && _();
     }), Ne(() => {
       n.desktop && y(), n.mobile && Y();
     });
@@ -832,7 +832,7 @@ const Ga = {
         capture: !0
       });
     }
-    function b() {
+    function _() {
       k.value.addEventListener("touchstart", R, {
         capture: !0
       }), k.value.addEventListener("touchmove", X, {
@@ -1054,7 +1054,7 @@ const cn = { key: 0 }, dn = { class: "interactive-viewer" }, vn = { class: "fill
       $e,
       n.i18nConfig ? new Re(n.i18nConfig) : new Re()
     );
-    const o = yt({ isReady: !1, isError: !1 }), i = v(), s = v(), m = v(), p = v(), r = v({ x: 0, y: 0, width: 0, height: 0 }), f = v(), k = v(), g = v(), c = B(() => g.value.isHoverEnabled), h = B(() => n.useSvg ? Ya : Ba), S = B(() => n.selectedUnitId), b = B(() => n.nextUnitId), y = B(() => n.prevUnitId);
+    const o = yt({ isReady: !1, isError: !1 }), i = v(), s = v(), m = v(), p = v(), r = v({ x: 0, y: 0, width: 0, height: 0 }), f = v(), k = v(), g = v(), c = B(() => g.value.isHoverEnabled), h = B(() => n.useSvg ? Ya : Ba), S = B(() => n.selectedUnitId), _ = B(() => n.nextUnitId), y = B(() => n.prevUnitId);
     Te(() => {
       if (S.value && p.value) {
         const I = i.value[S.value];
@@ -1111,7 +1111,7 @@ const cn = { key: 0 }, dn = { class: "interactive-viewer" }, vn = { class: "fill
               desktop: o.isReady && I.interactiveDesktop,
               mobile: o.isReady && I.interactiveMobile
             }, {
-              default: _(() => [
+              default: b(() => [
                 C(on, {
                   "cdn-file-resolver": I.cdnFileResolver,
                   "view-model": p.value,
@@ -1136,7 +1136,7 @@ const cn = { key: 0 }, dn = { class: "interactive-viewer" }, vn = { class: "fill
                     onHoverOut: P,
                     onPos: Y
                   }, {
-                    default: _((R) => [
+                    default: b((R) => [
                       le(I.$slots, "default", rt(ut(R)), void 0, !0)
                     ]),
                     _: 3
@@ -1151,7 +1151,7 @@ const cn = { key: 0 }, dn = { class: "interactive-viewer" }, vn = { class: "fill
               pos: r.value,
               onOutside: f.value
             }, {
-              default: _(() => [
+              default: b(() => [
                 le(I.$slots, "default", {
                   unit: k.value,
                   canGoToUnit: I.canGoToUnitCallback(k.value),
@@ -1169,11 +1169,11 @@ const cn = { key: 0 }, dn = { class: "interactive-viewer" }, vn = { class: "fill
                 "unit-renderer": n.unitRenderer,
                 "selected-unit-id": S.value,
                 "prev-unit-id": y.value,
-                "next-unit-id": b.value,
+                "next-unit-id": _.value,
                 "view-model": p.value,
                 onGoToUnit: L[5] || (L[5] = (R) => t("goToUnit", R)),
                 onPrevUnit: L[6] || (L[6] = (R) => t("navUnit", y.value)),
-                onNextUnit: L[7] || (L[7] = (R) => t("navUnit", b.value))
+                onNextUnit: L[7] || (L[7] = (R) => t("navUnit", _.value))
               }, null, 8, ["can-go-to-unit-callback", "unit-renderer", "selected-unit-id", "prev-unit-id", "next-unit-id", "view-model"])
             ])) : o.isError ? $("", !0) : (d(), x("div", fn, [
               C(Z, {
@@ -1367,12 +1367,12 @@ const An = /* @__PURE__ */ j({
         density: "compact",
         "hide-details": ""
       }, {
-        item: _(({ props: r }) => [
+        item: b(({ props: r }) => [
           C(m, Me(r, {
             title: o(r.title)
           }), null, 16, ["title"])
         ]),
-        selection: _(({ item: r }) => [
+        selection: b(({ item: r }) => [
           te(Q(o(r.title)), 1)
         ]),
         _: 1
@@ -1422,13 +1422,13 @@ const An = /* @__PURE__ */ j({
     return (m, p) => {
       const r = E("v-icon"), f = E("v-btn"), k = E("v-slider"), g = E("v-field");
       return d(), T(g, { variant: "solo" }, {
-        default: _(() => [
+        default: b(() => [
           m.dayData.startTime === m.dayData.endTime ? (d(), x("div", Ln, [
             C(r, {
               style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
               class: "py-2 ml-2 mr-2 icon"
             }, {
-              default: _(() => [
+              default: b(() => [
                 te(" mdi-white-balance-sunny ")
               ]),
               _: 1
@@ -1445,7 +1445,7 @@ const An = /* @__PURE__ */ j({
             disabled: !!e.disabled,
             "hide-details": ""
           }, {
-            prepend: _(() => [
+            prepend: b(() => [
               C(f, {
                 icon: o.value ? "mdi-stop" : "mdi-play",
                 size: "x-small",
@@ -1455,14 +1455,14 @@ const An = /* @__PURE__ */ j({
               te("   "),
               u("span", Mn, Q(i(m.dayData.startTime)), 1)
             ]),
-            append: _(() => [
+            append: b(() => [
               u("span", On, Q(i(m.dayData.endTime)), 1),
               te("   "),
               C(r, {
                 style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
                 class: "ml-2 mr-2 icon"
               }, {
-                default: _(() => [
+                default: b(() => [
                   te(" mdi-white-balance-sunny ")
                 ]),
                 _: 1
@@ -1501,14 +1501,14 @@ const An = /* @__PURE__ */ j({
     const m = B(() => o.value ? !1 : n.apartmentChooserData.loopable ? !0 : i.value !== n.apartmentChooserData.scenes[0]), p = B(() => o.value ? !1 : n.apartmentChooserData.loopable ? !0 : i.value !== n.apartmentChooserData.scenes[n.apartmentChooserData.scenes.length - 1]);
     function r() {
       const c = i.value;
-      let h = n.apartmentChooserData.scenes.findIndex((b) => b === c) + 1;
+      let h = n.apartmentChooserData.scenes.findIndex((_) => _ === c) + 1;
       h >= n.apartmentChooserData.scenes.length && (h = 0);
       const S = n.apartmentChooserData.scenes[h];
       n.apartmentChooserData.loopable && c > S, g(c, S);
     }
     async function f() {
       const c = i.value;
-      let h = n.apartmentChooserData.scenes.findIndex((b) => b === c) - 1;
+      let h = n.apartmentChooserData.scenes.findIndex((_) => _ === c) - 1;
       h < 0 && (h = n.apartmentChooserData.scenes.length - 1);
       const S = n.apartmentChooserData.scenes[h];
       n.apartmentChooserData.loopable && c < S, g(c, S);
@@ -1517,11 +1517,11 @@ const An = /* @__PURE__ */ j({
       const h = i.value;
       if (n.apartmentChooserData.loopable)
         if (c < h) {
-          let S = h - c, b = h - (n.apartmentChooserData.cameras.length + c);
-          return Math.abs(S) > Math.abs(b) ? g(h, c) : g(h, n.apartmentChooserData.cameras.length + c);
+          let S = h - c, _ = h - (n.apartmentChooserData.cameras.length + c);
+          return Math.abs(S) > Math.abs(_) ? g(h, c) : g(h, n.apartmentChooserData.cameras.length + c);
         } else {
-          let S = h - c, b = n.apartmentChooserData.cameras.length + h - c;
-          return Math.abs(S) > Math.abs(b) ? g(h, c) : g(n.apartmentChooserData.cameras.length + h, c);
+          let S = h - c, _ = n.apartmentChooserData.cameras.length + h - c;
+          return Math.abs(S) > Math.abs(_) ? g(h, c) : g(n.apartmentChooserData.cameras.length + h, c);
         }
       else
         return g(h, c);
@@ -1529,18 +1529,18 @@ const An = /* @__PURE__ */ j({
     function g(c, h) {
       return new Promise((S) => {
         o.value = !0, t("onRotateStart", { from: c, to: h });
-        let b, y = c;
-        b = setInterval(() => {
+        let _, y = c;
+        _ = setInterval(() => {
           y < h ? (y++, i.value = Math.abs(
             y % n.apartmentChooserData.cameras.length
           )) : y > h ? (y--, i.value = Math.abs(
             y % n.apartmentChooserData.cameras.length
-          )) : (clearInterval(b), t("onRotateFinish", { from: c, to: h }), o.value = !1, S());
+          )) : (clearInterval(_), t("onRotateFinish", { from: c, to: h }), o.value = !1, S());
         }, 50);
       });
     }
     return (c, h) => {
-      const S = E("v-btn"), b = E("v-chip");
+      const S = E("v-btn"), _ = E("v-chip");
       return d(), x(me, null, [
         C(S, {
           class: "mx-2",
@@ -1549,14 +1549,14 @@ const An = /* @__PURE__ */ j({
           disabled: !m.value,
           onClick: f
         }, null, 8, ["disabled"]),
-        c.renderDisplay && s.value ? (d(), T(b, {
+        c.renderDisplay && s.value ? (d(), T(_, {
           key: 0,
           variant: "flat",
           color: "white",
           size: "large",
           onClick: h[0] || (h[0] = (y) => t("onDisplayClick", s.value))
         }, {
-          default: _(() => [
+          default: b(() => [
             te(Q(c.renderDisplay(s.value)), 1)
           ]),
           _: 1
@@ -1589,14 +1589,14 @@ const An = /* @__PURE__ */ j({
       }
     ), Te(() => {
       for (const r in s) {
-        const { element: f, state: k } = s[r], { r: g, g: c, b: h, a: S, s: b } = e.colorCallback(r, k) || {
+        const { element: f, state: k } = s[r], { r: g, g: c, b: h, a: S, s: _ } = e.colorCallback(r, k) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        f.style.fill = `rgba(${g}, ${c}, ${h}, ${S / 255})`, f.style.stroke = `rgb(${g}, ${c}, ${h})`, f.style.strokeWidth = b.toString();
+        f.style.fill = `rgba(${g}, ${c}, ${h}, ${S / 255})`, f.style.stroke = `rgb(${g}, ${c}, ${h})`, f.style.strokeWidth = _.toString();
       }
     }), H(i, () => {
       for (const r in s)
@@ -1657,7 +1657,7 @@ const An = /* @__PURE__ */ j({
       });
     }
     return (r, f) => (d(), T(Ee, null, {
-      default: _(() => [
+      default: b(() => [
         (d(), x("div", {
           ref_key: "svgContainer",
           ref: o,
@@ -1941,7 +1941,7 @@ const Nn = {
   setup(l, { emit: a }) {
     const e = l, n = a, t = v(), o = v(), i = v(), s = v(
       null
-    ), m = v(4), p = v(), r = v(!1), f = v(!1), k = v(), g = v(), c = B(() => g.value.isHoverEnabled), h = v({ x: 0, y: 0, width: 0, height: 0 }), S = v(), b = v(), y = v(
+    ), m = v(4), p = v(), r = v(!1), f = v(!1), k = v(), g = v(), c = B(() => g.value.isHoverEnabled), h = v({ x: 0, y: 0, width: 0, height: 0 }), S = v(), _ = v(), y = v(
       e.apartmentChooserData
     ), Y = v(!1);
     Ie(() => {
@@ -1949,11 +1949,11 @@ const Nn = {
     }), H(r, (z) => {
       z && n("onInitialize");
     }), H(
-      () => b.value,
+      () => _.value,
       () => {
-        b.value && new ResizeObserver(([M]) => {
+        _.value && new ResizeObserver(([M]) => {
           Y.value = M.contentRect.width < e.mobileBreakpoint;
-        }).observe(b.value);
+        }).observe(_.value);
       }
     );
     const O = B(
@@ -2085,12 +2085,12 @@ const Nn = {
           class: "w-100 h-100 position-relative",
           loading: !r.value || !y.value
         }, {
-          default: _(() => [
+          default: b(() => [
             C(Ee, { class: "w-100 h-100" }, {
-              default: _(() => [
+              default: b(() => [
                 u("div", {
                   ref_key: "container",
-                  ref: b,
+                  ref: _,
                   class: ge({ mobile: Y.value }),
                   onMousemove: ve
                 }, [
@@ -2145,7 +2145,7 @@ const Nn = {
                     }, null, 8, ["longitude"])) : $("", !0)
                   ]),
                   C(at, { position: "relative" }, {
-                    default: _(() => [
+                    default: b(() => [
                       (d(!0), x(me, null, ye(O.value, (J) => (d(), T(kn, {
                         key: J.overlayFilename,
                         "camera-data": J,
@@ -2183,7 +2183,7 @@ const Nn = {
                     "is-hoverable": c.value,
                     pos: h.value
                   }, {
-                    default: _(() => [
+                    default: b(() => [
                       u("div", Kn, [
                         le(z.$slots, "popup", rt(ut({ hoverId: p.value, hoverable: c.value })), void 0, !0)
                       ])
@@ -2271,7 +2271,7 @@ const Nn = {
             medium: "",
             class: "ml-2 mr-2 icon"
           }, {
-            default: _(() => [
+            default: b(() => [
               te("mdi-white-balance-sunny")
             ]),
             _: 1
@@ -2388,7 +2388,7 @@ const Nn = {
       height: 0
     }), i = v({ x: 0, y: 0, width: 0, height: 0 }), s = v(), m = v(
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
-    ), p = v(!1), r = v(new Fe()), f = v(), k = v("0 0 0 0"), g = v(), c = v(), h = v(Xe.empty()), S = v(Ke.empty()), b = v(), y = B(() => b.value.isHoverEnabled);
+    ), p = v(!1), r = v(new Fe()), f = v(), k = v("0 0 0 0"), g = v(), c = v(), h = v(Xe.empty()), S = v(Ke.empty()), _ = v(), y = B(() => _.value.isHoverEnabled);
     H(s, (w, A) => {
       w ? n("hoverOverBuilding", w) : n("hoverOutBuilding", A);
     }), Te(() => {
@@ -2494,7 +2494,7 @@ const Nn = {
       const W = E("v-icon");
       return p.value ? (d(), x("div", co, [
         C(W, { "x-large": "" }, {
-          default: _(() => [
+          default: b(() => [
             te("mdi-alert-circle-outline")
           ]),
           _: 1
@@ -2508,7 +2508,7 @@ const Nn = {
           desktop: w.interactiveDesktop,
           mobile: w.interactiveMobile
         }, {
-          default: _(() => [
+          default: b(() => [
             u("div", vo, [
               C(Xt, {
                 "image-urls": g.value.imageUrls,
@@ -2568,7 +2568,7 @@ const Nn = {
           pos: i.value,
           onOutside: A[3] || (A[3] = () => s.value = void 0)
         }, {
-          default: _(() => [
+          default: b(() => [
             le(w.$slots, "default", {
               building: s.value,
               canGoToBuilding: w.canGoToBuildingCallback(s.value),
@@ -2582,7 +2582,7 @@ const Nn = {
         }, 8, ["is-hoverable", "pos"])) : $("", !0),
         C(ze, {
           ref_key: "hoverProbe",
-          ref: b
+          ref: _
         }, null, 512)
       ], 4)) : $("", !0);
     };
@@ -2670,7 +2670,7 @@ const Nn = {
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
     ), g = v(
       (w, A) => ({ x: w, y: A })
-    ), c = v(!1), h = v(), S = v(), b = v(), y = B(() => {
+    ), c = v(!1), h = v(), S = v(), _ = v(), y = B(() => {
       var w;
       return (w = h.value) == null ? void 0 : w.isHoverEnabled;
     });
@@ -2709,8 +2709,8 @@ const Nn = {
       );
     }
     function I() {
-      if (S.value && (r.value.update(S.value), b.value))
-        for (const w of b.value)
+      if (S.value && (r.value.update(S.value), _.value))
+        for (const w of _.value)
           w.setupDraw();
     }
     function L(w) {
@@ -2738,7 +2738,7 @@ const Nn = {
       const W = E("v-icon");
       return c.value ? (d(), x("div", wo, [
         C(W, { "x-large": "" }, {
-          default: _(() => [
+          default: b(() => [
             te("mdi-alert-circle-outline")
           ]),
           _: 1
@@ -2753,7 +2753,7 @@ const Nn = {
           mobile: w.interactiveMobile,
           onUpdate: X
         }, {
-          default: _(() => [
+          default: b(() => [
             u("div", ko, [
               C(Xt, {
                 "image-urls": t.value.imageUrls,
@@ -2767,7 +2767,7 @@ const Nn = {
                 (d(!0), x(me, null, ye(m.value.buildingOverlays, (N) => (d(), T(Co, {
                   ref_for: !0,
                   ref_key: "overlays",
-                  ref: b,
+                  ref: _,
                   key: N.id,
                   "image-url": N.url,
                   dimensions: i.value,
@@ -2814,7 +2814,7 @@ const Nn = {
           pos: s.value,
           onOutside: A[3] || (A[3] = () => f.value = void 0)
         }, {
-          default: _(() => [
+          default: b(() => [
             le(w.$slots, "default", {
               building: f.value,
               canGoToBuilding: w.canGoToBuildingCallback(f.value),
@@ -2870,7 +2870,7 @@ const Nn = {
     }, Aa({ _: 2 }, [
       ye(Object.keys(o.$slots), (s) => ({
         name: s,
-        fn: _((m) => [
+        fn: b((m) => [
           le(o.$slots, s, rt(ut(m)))
         ])
       }))
@@ -2996,12 +2996,12 @@ const Nn = {
         density: "compact",
         "hide-details": ""
       }, {
-        item: _(({ props: r }) => [
+        item: b(({ props: r }) => [
           C(m, Me(r, {
             title: o(r.title)
           }), null, 16, ["title"])
         ]),
-        selection: _(({ item: r }) => [
+        selection: b(({ item: r }) => [
           te(Q(o(r.title)), 1)
         ]),
         _: 1
@@ -3050,13 +3050,13 @@ const Nn = {
     return (m, p) => {
       const r = E("v-icon"), f = E("v-btn"), k = E("v-slider"), g = E("v-field");
       return d(), T(g, { variant: "solo" }, {
-        default: _(() => [
+        default: b(() => [
           m.dayData.startTime === m.dayData.endTime ? (d(), x("div", Vo, [
             C(r, {
               style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
               class: "py-2 ml-2 mr-2 icon"
             }, {
-              default: _(() => [
+              default: b(() => [
                 te(" mdi-white-balance-sunny ")
               ]),
               _: 1
@@ -3072,7 +3072,7 @@ const Nn = {
             step: m.dayData.interval,
             "hide-details": ""
           }, {
-            prepend: _(() => [
+            prepend: b(() => [
               C(f, {
                 icon: o.value ? "mdi-stop" : "mdi-play",
                 size: "x-small",
@@ -3082,14 +3082,14 @@ const Nn = {
               te("   "),
               u("span", $o, Q(i(m.dayData.startTime)), 1)
             ]),
-            append: _(() => [
+            append: b(() => [
               u("span", Bo, Q(i(m.dayData.endTime)), 1),
               te("   "),
               C(r, {
                 style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
                 class: "ml-2 mr-2 icon"
               }, {
-                default: _(() => [
+                default: b(() => [
                   te(" mdi-white-balance-sunny ")
                 ]),
                 _: 1
@@ -3116,14 +3116,14 @@ const Nn = {
     const e = l, n = a, t = v(), o = v(), i = v(e.selectedId), s = yt({});
     Te(() => {
       for (const r in s) {
-        const { element: f, state: k } = s[r], { r: g, g: c, b: h, a: S, s: b } = e.colorCallback(r, k) || {
+        const { element: f, state: k } = s[r], { r: g, g: c, b: h, a: S, s: _ } = e.colorCallback(r, k) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        f.style.fill = `rgba(${g}, ${c}, ${h}, ${S / 255})`, f.style.stroke = `rgb(${g}, ${c}, ${h})`, f.style.strokeWidth = b.toString();
+        f.style.fill = `rgba(${g}, ${c}, ${h}, ${S / 255})`, f.style.stroke = `rgb(${g}, ${c}, ${h})`, f.style.strokeWidth = _.toString();
       }
     }), H(
       () => e.selectedId,
@@ -3182,7 +3182,7 @@ const Nn = {
       });
     }
     return (r, f) => (d(), T(Ee, null, {
-      default: _(() => [
+      default: b(() => [
         (d(), x("div", {
           ref_key: "svgContainer",
           ref: o,
@@ -3320,7 +3320,7 @@ const jo = {
       },
       { immediate: !0 }
     );
-    function b(L) {
+    function _(L) {
       const Z = o.value;
       t.value = L, De(() => {
         y(
@@ -3380,9 +3380,9 @@ const jo = {
           class: "w-100 h-100 position-relative",
           loading: !m.value || !c.value
         }, {
-          default: _(() => [
+          default: b(() => [
             C(Ee, { class: "w-100 h-100" }, {
-              default: _(() => [
+              default: b(() => [
                 u("div", {
                   ref_key: "container",
                   ref: g,
@@ -3394,7 +3394,7 @@ const jo = {
                       C(Eo, {
                         "building-chooser-data": c.value,
                         "current-camera": t.value,
-                        onOnCameraChange: b
+                        onOnCameraChange: _
                       }, null, 8, ["building-chooser-data", "current-camera"])
                     ])) : $("", !0),
                     u("div", No, [
@@ -3421,7 +3421,7 @@ const jo = {
                     }, null, 8, ["longitude"])) : $("", !0)
                   ]),
                   C(at, { position: "relative" }, {
-                    default: _(() => [
+                    default: b(() => [
                       (d(!0), x(me, null, ye(c.value.cameras, (X) => (d(), T(Oo, {
                         key: X.overlayFilename,
                         "camera-data": X,
@@ -3452,7 +3452,7 @@ const jo = {
                     "is-hoverable": r.value,
                     pos: f.value
                   }, {
-                    default: _(() => [
+                    default: b(() => [
                       u("div", qo, [
                         le(L.$slots, "popup", rt(ut({ hoverId: s.value, hoverable: r.value })), void 0, !0)
                       ])
@@ -3538,9 +3538,9 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
       k.value = s.value;
     }), H([o, i], async () => {
       f.value && await f.value.loadInterior(
-        (b) => he(
+        (_) => he(
           t.value,
-          `/${o.value}/${i.value}${b}`
+          `/${o.value}/${i.value}${_}`
         ),
         k.value,
         !1
@@ -3562,8 +3562,8 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
     ), H(f, () => {
       if (f.value) {
         r("playerApiCallback", f.value);
-        const b = f.value.getCurrentCamera();
-        b && (k.value = b.id, r("sunsimCallback", b.sunsimDayOfYear));
+        const _ = f.value.getCurrentCamera();
+        _ && (k.value = _.id, r("sunsimCallback", _.sunsimDayOfYear));
       }
     });
     async function h() {
@@ -3607,35 +3607,35 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
     }
     return Ne(() => {
       S();
-    }), (b, y) => (d(), x("div", ll, [
+    }), (_, y) => (d(), x("div", ll, [
       u("div", sl, [
-        le(b.$slots, "slideshow-image", {}, void 0, !0),
+        le(_.$slots, "slideshow-image", {}, void 0, !0),
         u("div", il, [
-          le(b.$slots, "top-left", {}, void 0, !0)
+          le(_.$slots, "top-left", {}, void 0, !0)
         ]),
         u("div", rl, [
-          le(b.$slots, "top-center", {}, void 0, !0)
+          le(_.$slots, "top-center", {}, void 0, !0)
         ]),
         u("div", ul, [
-          le(b.$slots, "top-right", {}, void 0, !0)
+          le(_.$slots, "top-right", {}, void 0, !0)
         ]),
         u("div", cl, [
-          le(b.$slots, "center-left", {}, void 0, !0)
+          le(_.$slots, "center-left", {}, void 0, !0)
         ]),
         u("div", dl, [
-          le(b.$slots, "center-center", {}, void 0, !0)
+          le(_.$slots, "center-center", {}, void 0, !0)
         ]),
         u("div", vl, [
-          le(b.$slots, "center-right", {}, void 0, !0)
+          le(_.$slots, "center-right", {}, void 0, !0)
         ]),
         u("div", ml, [
-          le(b.$slots, "bottom-left", {}, void 0, !0)
+          le(_.$slots, "bottom-left", {}, void 0, !0)
         ]),
         u("div", pl, [
-          le(b.$slots, "bottom-center", {}, void 0, !0)
+          le(_.$slots, "bottom-center", {}, void 0, !0)
         ]),
         u("div", fl, [
-          le(b.$slots, "bottom-right", {}, void 0, !0)
+          le(_.$slots, "bottom-right", {}, void 0, !0)
         ]),
         u("div", hl, [
           u("canvas", {
@@ -3672,14 +3672,14 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
         right: "",
         attach: ""
       }, {
-        activator: _(({ props: c }) => [
+        activator: b(({ props: c }) => [
           C(k, Me({
             style: { cursor: "pointer" },
             density: "comfortable",
             elevation: "1",
             icon: ""
           }, c, { onClick: p }), {
-            default: _(() => [
+            default: b(() => [
               (d(), x("svg", _l, [
                 u("path", {
                   d: "M8.98034 10.3472L1.54055 5.8855L8.98034 1.42384L16.4201 5.8855L8.98034 10.3472Z",
@@ -3700,7 +3700,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
             _: 2
           }, 1040)
         ]),
-        default: _(() => [
+        default: b(() => [
           u("span", wl, Q(D(t).getLabel(i.value)) + " " + Q(D(t).getLabel("floor")), 1)
         ]),
         _: 1
@@ -3727,11 +3727,11 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
           elevation: "0",
           attach: ""
         }, {
-          activator: _(({ props: f }) => [
+          activator: b(({ props: f }) => [
             C(m, Me({ rounded: "" }, f, { class: "text-capitalize" }), {
-              default: _(() => [
+              default: b(() => [
                 C(s, null, {
-                  default: _(() => [
+                  default: b(() => [
                     te("mdi-palette-outline")
                   ]),
                   _: 1
@@ -3741,7 +3741,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
               _: 2
             }, 1040)
           ]),
-          default: _(() => [
+          default: b(() => [
             u("div", xl, [
               (d(!0), x(me, null, ye(e.availableArchetypes, (f, k) => (d(), x("div", {
                 key: `at-menuitem-${k}`,
@@ -3847,16 +3847,16 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
     return (i, s) => {
       const m = E("v-icon"), p = E("v-btn"), r = E("v-tooltip");
       return d(), T(r, { location: "top" }, {
-        activator: _(({ props: f }) => [
+        activator: b(({ props: f }) => [
           C(p, Me({
             density: "comfortable",
             elevation: "1",
             icon: "",
             onClick: s[0] || (s[0] = (k) => n("toggle"))
           }, f), {
-            default: _(() => [
+            default: b(() => [
               o.value === "virtualTour" ? (d(), x("svg", zl, Nl)) : (d(), T(m, { key: 1 }, {
-                default: _(() => [
+                default: b(() => [
                   te("mdi-image-multiple")
                 ]),
                 _: 1
@@ -3865,7 +3865,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
             _: 2
           }, 1040)
         ]),
-        default: _(() => [
+        default: b(() => [
           u("span", null, Q(D(t).getLabel(o.value)), 1)
         ]),
         _: 1
@@ -4413,18 +4413,18 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
       e("closeTutorial", t.value);
     }
     return (m, p) => {
-      const r = E("v-icon"), f = E("v-card-title"), k = E("v-btn"), g = E("v-divider"), c = E("v-card-text"), h = E("v-card-actions"), S = E("v-card"), b = E("v-expand-transition"), y = E("v-checkbox");
+      const r = E("v-icon"), f = E("v-card-title"), k = E("v-btn"), g = E("v-divider"), c = E("v-card-text"), h = E("v-card-actions"), S = E("v-card"), _ = E("v-expand-transition"), y = E("v-checkbox");
       return d(), T(Ee, { name: "fade-transition" }, {
-        default: _(() => [
+        default: b(() => [
           C(S, {
             class: "mx-auto",
             elevation: "16"
           }, {
-            default: _(() => [
+            default: b(() => [
               C(f, { class: "text-capitalize" }, {
-                default: _(() => [
+                default: b(() => [
                   C(r, { size: "x-small" }, {
-                    default: _(() => [
+                    default: b(() => [
                       te("mdi-alert-outline")
                     ]),
                     _: 1
@@ -4434,7 +4434,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
                 _: 1
               }),
               C(c, { class: "pb-0" }, {
-                default: _(() => [
+                default: b(() => [
                   u("p", null, Q(D(n).getLabel("disclaimerTextShort")), 1),
                   C(k, {
                     variant: "tonal",
@@ -4442,10 +4442,10 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
                     onClick: p[0] || (p[0] = (Y) => o.value = !0),
                     class: "text-capitalize mt-2"
                   }, {
-                    default: _(() => [
+                    default: b(() => [
                       te(Q(D(n).getLabel("learnMore")) + " ", 1),
                       C(r, null, {
-                        default: _(() => [
+                        default: b(() => [
                           te("mdi-chevron-right")
                         ]),
                         _: 1
@@ -4492,20 +4492,20 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
                 ]),
                 _: 1
               }),
-              C(b, null, {
-                default: _(() => [
+              C(_, null, {
+                default: b(() => [
                   o.value ? (d(), T(S, {
                     key: 0,
                     class: "position-absolute w-100 bg-white",
                     height: "100%",
                     style: { bottom: "0" }
                   }, {
-                    default: _(() => [
+                    default: b(() => [
                       C(c, { class: "pb-0" }, {
-                        default: _(() => [
+                        default: b(() => [
                           u("p", _s, [
                             C(r, null, {
-                              default: _(() => [
+                              default: b(() => [
                                 te("mdi-alert-outline")
                               ]),
                               _: 1
@@ -4517,16 +4517,16 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
                         _: 1
                       }),
                       C(h, null, {
-                        default: _(() => [
+                        default: b(() => [
                           C(k, {
                             variant: "tonal",
                             size: "small",
                             onClick: p[1] || (p[1] = (Y) => o.value = !1),
                             class: "text-capitalize"
                           }, {
-                            default: _(() => [
+                            default: b(() => [
                               C(r, null, {
-                                default: _(() => [
+                                default: b(() => [
                                   te("mdi-chevron-left")
                                 ]),
                                 _: 1
@@ -4551,20 +4551,20 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
                   "onUpdate:modelValue": p[2] || (p[2] = (Y) => t.value = Y),
                   "hide-details": ""
                 }, {
-                  label: _(() => [
+                  label: b(() => [
                     u("span", ws, Q(D(n).getLabel("dontShowAgain")), 1)
                   ]),
                   _: 1
                 }, 8, ["modelValue"])
               ]),
               C(h, null, {
-                default: _(() => [
+                default: b(() => [
                   C(k, {
                     variant: "tonal",
                     onClick: p[3] || (p[3] = (Y) => s()),
                     block: ""
                   }, {
-                    default: _(() => [
+                    default: b(() => [
                       te(Q(D(n).getLabel("iUnderstand")), 1)
                     ]),
                     _: 1
@@ -4631,8 +4631,8 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
       t.value = g(), n("updateSettings", o.value);
     }
     function r(c) {
-      const h = parseInt(c.substr(1, 2), 16) / 255, S = parseInt(c.substr(3, 2), 16) / 255, b = parseInt(c.substr(5, 2), 16) / 255;
-      return [h, S, b];
+      const h = parseInt(c.substr(1, 2), 16) / 255, S = parseInt(c.substr(3, 2), 16) / 255, _ = parseInt(c.substr(5, 2), 16) / 255;
+      return [h, S, _];
     }
     function f(c) {
       var h = c.toString(16);
@@ -4729,16 +4729,16 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
         lut: {
           label: "Lut",
           type: "lut",
-          items: h.map((b) => ({
-            text: b,
-            value: `https://cdn.visuado.com/luts/${b}.png`
+          items: h.map((_) => ({
+            text: _,
+            value: `https://cdn.visuado.com/luts/${_}.png`
           })),
           value: S.lut
         }
       };
     }
     return (c, h) => {
-      const S = E("v-text-field"), b = E("v-slider"), y = E("v-checkbox"), Y = E("v-btn"), O = E("v-select"), P = E("v-icon");
+      const S = E("v-text-field"), _ = E("v-slider"), y = E("v-checkbox"), Y = E("v-btn"), O = E("v-select"), P = E("v-icon");
       return d(), x("div", xs, [
         u("form", Ds, [
           u("div", As, [
@@ -4746,7 +4746,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
               key: Z,
               "d-block": ""
             }, [
-              I.type === "slider" ? (d(), T(b, {
+              I.type === "slider" ? (d(), T(_, {
                 key: 0,
                 modelValue: t.value[L].value,
                 "onUpdate:modelValue": (R) => t.value[L].value = R,
@@ -4755,10 +4755,10 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
                 min: I.min,
                 step: I.step
               }, {
-                prepend: _(() => [
+                prepend: b(() => [
                   u("div", Fs, Q(I.label), 1)
                 ]),
-                append: _(() => [
+                append: b(() => [
                   u("div", null, [
                     C(S, {
                       modelValue: t.value[L].value,
@@ -4783,10 +4783,10 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
                 "onUpdate:modelValue": (R) => t.value[L].value = R,
                 onChange: i
               }, {
-                prepend: _(() => [
+                prepend: b(() => [
                   u("div", Ls, Q(I.label), 1)
                 ]),
-                append: _(() => [
+                append: b(() => [
                   u("div", null, Q(I.value), 1)
                 ]),
                 _: 2
@@ -4831,7 +4831,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
                       "x-small": "",
                       onClick: (R) => t.value[L].value = null
                     }, {
-                      default: _(() => [
+                      default: b(() => [
                         te(" Clear Lut ")
                       ]),
                       _: 2
@@ -4876,7 +4876,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
             C(Y, {
               onClick: h[0] || (h[0] = (I) => p())
             }, {
-              default: _(() => [
+              default: b(() => [
                 te("Reset")
               ]),
               _: 1
@@ -4885,10 +4885,10 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
               class: "ml-2",
               onClick: h[1] || (h[1] = (I) => s())
             }, {
-              default: _(() => [
+              default: b(() => [
                 te(" Download Json "),
                 C(P, { color: "black darken-1" }, {
-                  default: _(() => [
+                  default: b(() => [
                     te("mdi-download")
                   ]),
                   _: 1
@@ -4900,10 +4900,10 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
               class: "ml-2",
               onClick: h[2] || (h[2] = (I) => m())
             }, {
-              default: _(() => [
+              default: b(() => [
                 te(" Save Settings "),
                 C(P, { color: "black darken-1" }, {
-                  default: _(() => [
+                  default: b(() => [
                     te("mdi-save")
                   ]),
                   _: 1
@@ -5020,7 +5020,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
       a.storey.position.x,
       a.storey.position.y,
       a.storey.position.z
-    )), b = B(() => parseFloat(c.value.floor_vertical_position)), y = B(() => g.value.map((w) => {
+    )), _ = B(() => parseFloat(c.value.floor_vertical_position)), y = B(() => g.value.map((w) => {
       const A = w.uposition.split(","), W = new lt(
         Number(A[0]) - S.value.x,
         0,
@@ -5031,9 +5031,10 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
         ...Z(i.value, W)
       };
     })), Y = B(() => ({
-      backgroundImage: `url(${a.backgroundImage})`
+      backgroundImage: `url(${a.backgroundImage})`,
+      backgroundSize: "contain"
     })), O = B(() => ({
-      transform: `scale(${k.value * 0.9}) rotate(${a.transformAngle}deg)`
+      transform: `scale(${k.value * 0.75}) rotate(${a.transformAngle}deg)`
     }));
     Ie(() => {
       R(), I(), X();
@@ -5068,7 +5069,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
       };
     }
     function R() {
-      const w = a.storey.position.y - b.value;
+      const w = a.storey.position.y - _.value;
       o.value = 2 * (w * Math.tan(P(a.storey.fovY / 2))), t.value = 512 / 384 * o.value;
       const A = o.value / 2, W = t.value / 2, N = new lt(W * -1, 0, A * -1);
       i.value = N;
@@ -5114,7 +5115,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
       ])
     ]));
   }
-}), si = /* @__PURE__ */ ee(li, [["__scopeId", "data-v-bbc633f6"]]), ii = /* @__PURE__ */ j({
+}), si = /* @__PURE__ */ ee(li, [["__scopeId", "data-v-ae25ff2b"]]), ii = /* @__PURE__ */ j({
   __name: "VMiniMapCompass",
   props: {
     scale: {},
@@ -5148,8 +5149,8 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
   setup(l, { emit: a }) {
     const e = l, n = a, t = v((/* @__PURE__ */ new Date()).getHours()), o = v(!0), i = v(!0), s = v(""), m = v(/* @__PURE__ */ new Map()), p = B(() => e.minimapJson.storeys[e.level]), r = B(() => `${Math.floor(t.value).toString().padStart(2, "0")}:00`), f = B(() => {
       if (p.value.sunsimFilesTimeStamps[t.value]) {
-        const b = p.value.sunsimFilesTimeStamps[t.value].split(" ");
-        return `${b[0]} ${b[1]}`;
+        const _ = p.value.sunsimFilesTimeStamps[t.value].split(" ");
+        return `${_[0]} ${_[1]}`;
       }
       return "";
     });
@@ -5157,11 +5158,11 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
       s.value = await c(
         p.value.sunsimFiles[t.value]
       ), n("setBackgroundImage", s.value), i.value = !1;
-      const b = await g(e.minimapJson.storeys);
-      m.value = b, o.value = !1, n("setBackgroundImage", k(e.level, t.value));
+      const _ = await g(e.minimapJson.storeys);
+      m.value = _, o.value = !1, n("setBackgroundImage", k(e.level, t.value));
     }), H(t, () => {
-      const b = k(e.level, t.value);
-      n("setBackgroundImage", b);
+      const _ = k(e.level, t.value);
+      n("setBackgroundImage", _);
     }), H(
       () => e.level,
       () => {
@@ -5169,13 +5170,13 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
       },
       { immediate: !0 }
     );
-    function k(b, y) {
-      return m.value.get(`sunsim${b}_${y}`) ? m.value.get(`sunsim${b}_${y}`) : "";
+    function k(_, y) {
+      return m.value.get(`sunsim${_}_${y}`) ? m.value.get(`sunsim${_}_${y}`) : "";
     }
-    async function g(b) {
+    async function g(_) {
       let y = /* @__PURE__ */ new Map();
-      for (let Y = 0; Y < b.length; Y++) {
-        const O = b[Y].sunsimFiles;
+      for (let Y = 0; Y < _.length; Y++) {
+        const O = _[Y].sunsimFiles;
         for (let P = 0; P < O.length; P++) {
           const I = O[P];
           try {
@@ -5188,28 +5189,28 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
       }
       return y;
     }
-    async function c(b) {
+    async function c(_) {
       const Y = await (await fetch(
         he(
           e.cdnFileResolver,
-          `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/${b}`
+          `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/${_}`
         )
       )).blob(), O = await S(Y);
       return h(O);
     }
-    function h(b) {
-      return "data:image/jpeg;base64," + b;
+    function h(_) {
+      return "data:image/jpeg;base64," + _;
     }
-    async function S(b) {
+    async function S(_) {
       return new Promise((y, Y) => {
         const O = new FileReader();
         O.onload = () => {
           const P = O.result.split(",")[1];
           y(P);
-        }, O.onerror = Y, O.readAsDataURL(b);
+        }, O.onerror = Y, O.readAsDataURL(_);
       });
     }
-    return (b, y) => {
+    return (_, y) => {
       const Y = E("v-progress-linear"), O = E("v-icon"), P = E("v-slider");
       return d(), x("div", ui, [
         u("div", ci, [
@@ -5234,10 +5235,10 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
               "hide-details": !0,
               "thumb-label": "always"
             }, {
-              prepend: _(() => [
+              prepend: b(() => [
                 u("div", vi, [
                   C(O, { color: "#ffab02" }, {
-                    default: _(() => [
+                    default: b(() => [
                       te("mdi-white-balance-sunny")
                     ]),
                     _: 1
@@ -5245,7 +5246,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
                   u("span", null, Q(f.value), 1)
                 ])
               ]),
-              "thumb-label": _(() => [
+              "thumb-label": b(() => [
                 te(Q(r.value), 1)
               ]),
               _: 1
@@ -5298,31 +5299,31 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
       t("close");
     };
     return (h, S) => {
-      const b = E("v-btn");
+      const _ = E("v-btn");
       return d(), T(qs, {
         ref_key: "minimapMoveable",
         ref: e,
         size: k.value
       }, {
-        "top-left": _(() => [
+        "top-left": b(() => [
           u("div", gi, [
-            C(b, {
+            C(_, {
               icon: "mdi-window-close",
               size: "x-small",
               onClick: c
             })
           ])
         ]),
-        "top-right": _(() => [
+        "top-right": b(() => [
           u("div", yi, [
-            C(b, {
+            C(_, {
               class: "rotate-icon",
               size: "x-small",
               icon: "mdi mdi-rotate-right",
               onClick: Ma(g, ["stop"]),
               title: "Rotate"
             }),
-            C(b, {
+            C(_, {
               class: "resize-icon ml-1",
               icon: "mdi-image-size-select-small",
               size: "x-small",
@@ -5331,10 +5332,10 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
             })
           ])
         ]),
-        header: _(() => [
+        header: b(() => [
           _i
         ]),
-        body: _(() => [
+        body: b(() => [
           C(ri, {
             scale: m.value,
             rotation: s.value.rotation.y,
@@ -5353,7 +5354,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
             }, null, 8, ["transform-angle", "all-cameras", "background-image", "rotation", "current-camera", "storey", "containerWidth", "containerHeight"])
           ])
         ]),
-        footer: _(() => [
+        footer: b(() => [
           C(fi, {
             "cdn-file-resolver": n.cdnFileResolver,
             "minimap-json": n.minimapJson,
@@ -5405,7 +5406,7 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
             rounded: "",
             flat: ""
           }, {
-            default: _(() => [
+            default: b(() => [
               D(n).timeSamples.length > 1 ? (d(), T(f, {
                 key: 0,
                 class: "pa-2 pr-2",
@@ -5420,13 +5421,13 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
                 "thumb-color": "white",
                 "hide-details": ""
               }, {
-                prepend: _(() => [
+                prepend: b(() => [
                   C(r, {
                     style: { "vertical-align": "baseline", "font-size": "20px" },
                     class: "mr-2 icon",
                     color: "warning"
                   }, {
-                    default: _(() => [
+                    default: b(() => [
                       te(" mdi-white-balance-sunny ")
                     ]),
                     _: 1
@@ -5440,7 +5441,7 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
                   class: "mr-2 icon",
                   color: "warning"
                 }, {
-                  default: _(() => [
+                  default: b(() => [
                     te(" mdi-white-balance-sunny ")
                   ]),
                   _: 1
@@ -5481,7 +5482,7 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
         class: "sun-study-toggle text-capitalize rounded-xl",
         onClick: o[0] || (o[0] = (s) => e("toggleSunStudy"))
       }, {
-        default: _(() => [
+        default: b(() => [
           te(Q(D(n).getLabel("openSunStudy")), 1)
         ]),
         _: 1
@@ -5505,7 +5506,7 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
         class: ge(["autoplay-btn", { mobile: n.value, "mt-1": n.value, "mx-1": n.value }]),
         onClick: o[0] || (o[0] = (m) => e("toggleAutoPlay"))
       }, {
-        default: _(() => [
+        default: b(() => [
           C(i, {
             icon: t.autoplayStatus ? "mdi-pause" : "mdi-play",
             size: "x-large",
@@ -5570,7 +5571,7 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
         le(p.$slots, "before", {}, void 0, !0),
         C(S, {
           modelValue: o.value,
-          "onUpdate:modelValue": r[2] || (r[2] = (b) => o.value = b),
+          "onUpdate:modelValue": r[2] || (r[2] = (_) => o.value = _),
           class: ge({ mobileWaypoint: i.value }),
           "active-class": "active-apt",
           "selected-class": "active-apt",
@@ -5578,31 +5579,31 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
           "center-active": "",
           mandatory: ""
         }, {
-          prev: _(() => [
+          prev: b(() => [
             i.value ? $("", !0) : (d(), T(f, {
               key: 0,
               class: ge(["carousel-button", { mobile: i.value }]),
               icon: "mdi-chevron-left",
               varient: "tonal",
               size: "small",
-              onClick: r[0] || (r[0] = (b) => n("previous"))
+              onClick: r[0] || (r[0] = (_) => n("previous"))
             }, null, 8, ["class"]))
           ]),
-          next: _(() => [
+          next: b(() => [
             i.value ? $("", !0) : (d(), T(f, {
               key: 0,
               class: ge(["carousel-button", { mobile: i.value }]),
               icon: "mdi-chevron-right",
               varient: "tonal",
               size: "small",
-              onClick: r[1] || (r[1] = (b) => n("next"))
+              onClick: r[1] || (r[1] = (_) => n("next"))
             }, null, 8, ["class"]))
           ]),
-          default: _(() => [
-            (d(!0), x(me, null, ye(p.thumbnails, (b) => (d(), T(h, {
-              key: b.id
+          default: b(() => [
+            (d(!0), x(me, null, ye(p.thumbnails, (_) => (d(), T(h, {
+              key: _.id
             }, {
-              default: _(({ toggle: y, selectedClass: Y }) => [
+              default: b(({ toggle: y, selectedClass: Y }) => [
                 C(c, {
                   class: ge(["position-relative", [
                     i.value ? "ma-0" : "ma-1",
@@ -5612,15 +5613,15 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
                   align: "center",
                   justify: "center",
                   style: { overflow: "hidden" },
-                  onClick: (O) => m(b.id, y)
+                  onClick: (O) => m(_.id, y)
                 }, {
-                  default: _(() => [
+                  default: b(() => [
                     C(k, {
                       cover: "",
                       "aspect-ratio": 1,
-                      src: b.thumbnailUrl
+                      src: _.thumbnailUrl
                     }, null, 8, ["src"]),
-                    e.cameraHasSunStudy(b.id) ? (d(), x("div", Ai, [
+                    e.cameraHasSunStudy(_.id) ? (d(), x("div", Ai, [
                       C(g, {
                         class: "sun-icon",
                         icon: "mdi-white-balance-sunny"
@@ -5671,14 +5672,14 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
       navigator.clipboard.writeText(location.href);
     }
     return (m, p) => {
-      const r = E("v-btn"), f = E("v-tooltip"), k = E("v-toolbar-title"), g = E("v-spacer"), c = E("v-toolbar"), h = E("v-card-text"), S = E("v-card"), b = E("v-dialog");
+      const r = E("v-btn"), f = E("v-tooltip"), k = E("v-toolbar-title"), g = E("v-spacer"), c = E("v-toolbar"), h = E("v-card-text"), S = E("v-card"), _ = E("v-dialog");
       return d(), x("div", null, [
         C(f, {
           elevation: "2",
           top: "",
           attach: ""
         }, {
-          activator: _(({ props: y }) => [
+          activator: b(({ props: y }) => [
             C(r, Me({
               density: "comfortable",
               elevation: "1",
@@ -5686,29 +5687,29 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
               onClick: p[0] || (p[0] = (Y) => e.value = !e.value)
             }, y), null, 16)
           ]),
-          default: _(() => [
+          default: b(() => [
             u("span", null, Q(D(a).getLabel("share")), 1)
           ]),
           _: 1
         }),
-        C(b, {
+        C(_, {
           id: "share-box",
           width: "400",
           modelValue: e.value,
           "onUpdate:modelValue": p[2] || (p[2] = (y) => e.value = y)
         }, {
-          default: _(() => [
+          default: b(() => [
             C(S, null, {
-              default: _(() => [
+              default: b(() => [
                 C(c, { elevation: "0" }, {
-                  default: _(() => [
+                  default: b(() => [
                     C(r, {
                       size: "x-small",
                       icon: "mdi-close",
                       onClick: p[1] || (p[1] = (y) => e.value = !1)
                     }),
                     C(k, null, {
-                      default: _(() => [
+                      default: b(() => [
                         te(Q(D(a).getLabel("share")), 1)
                       ]),
                       _: 1
@@ -5718,10 +5719,10 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
                   _: 1
                 }),
                 C(h, { class: "mt-5" }, {
-                  default: _(() => [
+                  default: b(() => [
                     u("p", Oi, [
                       C(f, { location: "top" }, {
-                        activator: _(({ props: y }) => [
+                        activator: b(({ props: y }) => [
                           C(r, Me({
                             depressed: "",
                             fab: "",
@@ -5729,13 +5730,13 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
                             icon: "mdi-facebook"
                           }, y, { onClick: t }), null, 16)
                         ]),
-                        default: _(() => [
+                        default: b(() => [
                           u("span", null, Q(D(a).getLabel("shareToFacebook")), 1)
                         ]),
                         _: 1
                       }),
                       C(f, { location: "top" }, {
-                        activator: _(({ props: y }) => [
+                        activator: b(({ props: y }) => [
                           C(r, Me({
                             depressed: "",
                             fab: "",
@@ -5743,13 +5744,13 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
                             icon: "mdi-linkedin"
                           }, y, { onClick: i }), null, 16)
                         ]),
-                        default: _(() => [
+                        default: b(() => [
                           u("span", null, Q(D(a).getLabel("shareToLinkedin")), 1)
                         ]),
                         _: 1
                       }),
                       C(f, { location: "top" }, {
-                        activator: _(({ props: y }) => [
+                        activator: b(({ props: y }) => [
                           C(r, Me({
                             depressed: "",
                             fab: "",
@@ -5757,13 +5758,13 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
                             icon: "mdi-twitter"
                           }, y, { onClick: o }), null, 16)
                         ]),
-                        default: _(() => [
+                        default: b(() => [
                           u("span", null, Q(D(a).getLabel("shareToTwitter")), 1)
                         ]),
                         _: 1
                       }),
                       C(f, { location: "top" }, {
-                        activator: _(({ props: y }) => [
+                        activator: b(({ props: y }) => [
                           C(r, Me({
                             depressed: "",
                             fab: "",
@@ -5773,13 +5774,13 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
                             href: `mailto:?body=${n.value}`
                           }, y), null, 16, ["href"])
                         ]),
-                        default: _(() => [
+                        default: b(() => [
                           u("span", null, Q(D(a).getLabel("shareViaEmail")), 1)
                         ]),
                         _: 1
                       }),
                       C(f, { location: "top" }, {
-                        activator: _(({ props: y }) => [
+                        activator: b(({ props: y }) => [
                           C(r, Me({
                             depressed: "",
                             fab: "",
@@ -5788,7 +5789,7 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
                             onClick: s
                           }, y), null, 16)
                         ]),
-                        default: _(() => [
+                        default: b(() => [
                           u("span", null, Q(D(a).getLabel("copyLink")), 1)
                         ]),
                         _: 1
@@ -5965,7 +5966,7 @@ const Ri = {
       showSnapshot: c,
       showShare: h,
       showInteriorOptions: S,
-      showMiniMap: b,
+      showMiniMap: _,
       showFloorLevel: y,
       defaultWaypointIndex: Y,
       defaultViewMode: O,
@@ -6117,7 +6118,7 @@ const Ri = {
         const U = Y.value !== null ? Y.value : 0;
         se.value = U, _e.value = q.value.cameras[U].id, ue.value = q.value.cameras[U].id;
       }
-      b.value && (J.value = await ma(
+      _.value && (J.value = await ma(
         ie.value,
         o.value
       ));
@@ -6337,13 +6338,13 @@ const Ri = {
               onSunsimCallback: fa,
               onPlayerApiCallback: _a
             }, {
-              "slideshow-image": _(() => [
+              "slideshow-image": b(() => [
                 be.value ? (d(), T($i, {
                   key: 0,
                   image: Ue.value
                 }, null, 8, ["image"])) : $("", !0)
               ]),
-              "top-left": _(() => [
+              "top-left": b(() => [
                 D(I) ? (d(), T(oe, {
                   key: 0,
                   density: "comfortable",
@@ -6385,8 +6386,8 @@ const Ri = {
                   }, null, 8, ["initial-settings"])
                 ])) : $("", !0)
               ]),
-              "top-center": _(() => []),
-              "top-right": _(() => [
+              "top-center": b(() => []),
+              "top-right": b(() => [
                 M.value && D(k) ? we((d(), x("div", Yi, [
                   C(Vl, { rotation: Le.value }, null, 8, ["rotation"])
                 ], 512)), [
@@ -6406,9 +6407,9 @@ const Ri = {
                   }, null, 8, ["hours", "minutes", "style"])) : $("", !0)
                 ])
               ]),
-              "center-left": _(() => [
+              "center-left": b(() => [
                 C(Ee, { name: "slide-x-transition" }, {
-                  default: _(() => [
+                  default: b(() => [
                     be.value ? (d(), T(oe, {
                       key: 0,
                       density: "comfortable",
@@ -6420,7 +6421,7 @@ const Ri = {
                   _: 1
                 })
               ]),
-              "center-center": _(() => [
+              "center-center": b(() => [
                 W.value ? (d(), T(Ss, {
                   key: 0,
                   onCloseTutorial: U[5] || (U[5] = (Se) => oa(Se))
@@ -6436,9 +6437,9 @@ const Ri = {
                   onClose: U[6] || (U[6] = (Se) => xe.value = !1)
                 }, null, 8, ["cdn-file-resolver", "apartment-json", "minimap-json", "rotation", "current-camera", "level"])) : $("", !0)
               ]),
-              "center-right": _(() => [
+              "center-right": b(() => [
                 C(Ee, { name: "slide-x-reverse-transition" }, {
-                  default: _(() => [
+                  default: b(() => [
                     be.value ? (d(), T(oe, {
                       key: 0,
                       density: "comfortable",
@@ -6450,7 +6451,7 @@ const Ri = {
                   _: 1
                 })
               ]),
-              "bottom-left": _(() => [
+              "bottom-left": b(() => [
                 D(g) ? (d(), T(ea, {
                   key: 0,
                   "is-full-screen": K.value.isActive,
@@ -6476,9 +6477,9 @@ const Ri = {
                   C(Kt)
                 ])) : $("", !0)
               ]),
-              "bottom-center": _(() => [
+              "bottom-center": b(() => [
                 C(Ee, null, {
-                  default: _(() => [
+                  default: b(() => [
                     u("div", null, [
                       u("div", {
                         class: ge(["d-flex justify-center", {
@@ -6511,7 +6512,7 @@ const Ri = {
                         onPrevious: kt,
                         onGoto: St
                       }, {
-                        before: _(() => [
+                        before: b(() => [
                           F.enableAutoplay && G.value && !je.value ? (d(), T(jt, {
                             key: 0,
                             autoplayStatus: Ye.value,
@@ -6525,7 +6526,7 @@ const Ri = {
                   _: 1
                 })
               ]),
-              "bottom-right": _(() => [
+              "bottom-right": b(() => [
                 u("div", Wi, [
                   G.value && D(S) && Be.value ? (d(), T(Ol, {
                     key: 0,
@@ -6539,7 +6540,7 @@ const Ri = {
               _: 1
             }, 8, ["cdn-file-resolver", "style", "show-static-image", "current-camera-id", "mouse-sensitivity", "interior-id", "apartment-id"]),
             C(Ee, null, {
-              default: _(() => [
+              default: b(() => [
                 D(r) && q.value && je.value && G.value ? (d(), T(gt, {
                   key: 0,
                   class: "waypoint-carousel below-player",
@@ -6550,7 +6551,7 @@ const Ri = {
                   onPrevious: kt,
                   onGoto: St
                 }, {
-                  before: _(() => [
+                  before: b(() => [
                     F.enableAutoplay && G.value ? (d(), T(jt, {
                       key: 0,
                       autoplayStatus: Ye.value,
@@ -6700,19 +6701,19 @@ const Ri = {
             C(rr, {
               "is-full-screen": n.value.isActive
             }, {
-              "slideshow-image": _(() => [
+              "slideshow-image": b(() => [
                 u("div", dr, [
                   C(k, {
                     src: o.value.thumbnailUrl
                   }, null, 8, ["src"])
                 ])
               ]),
-              "top-left": _(() => []),
-              "top-center": _(() => []),
-              "top-right": _(() => []),
-              "center-left": _(() => [
+              "top-left": b(() => []),
+              "top-center": b(() => []),
+              "top-right": b(() => []),
+              "center-left": b(() => [
                 C(Ee, { name: "slide-x-transition" }, {
-                  default: _(() => [
+                  default: b(() => [
                     t.value.length > 1 ? (d(), T(g, {
                       key: 0,
                       density: "comfortable",
@@ -6724,10 +6725,10 @@ const Ri = {
                   _: 1
                 })
               ]),
-              "center-center": _(() => []),
-              "center-right": _(() => [
+              "center-center": b(() => []),
+              "center-right": b(() => [
                 C(Ee, { name: "slide-x-reverse-transition" }, {
-                  default: _(() => [
+                  default: b(() => [
                     t.value.length > 1 ? (d(), T(g, {
                       key: 0,
                       density: "comfortable",
@@ -6739,7 +6740,7 @@ const Ri = {
                   _: 1
                 })
               ]),
-              "bottom-left": _(() => [
+              "bottom-left": b(() => [
                 r.showFullScreen ? (d(), T(ea, {
                   key: 0,
                   "is-full-screen": n.value.isActive,
@@ -6750,7 +6751,7 @@ const Ri = {
                   C(Kt)
                 ])) : $("", !0)
               ]),
-              "bottom-center": _(() => [
+              "bottom-center": b(() => [
                 u("div", null, [
                   n.value.isActive && t.value.length > 1 ? (d(), T(gt, {
                     key: 0,
@@ -6763,7 +6764,7 @@ const Ri = {
                   }, null, 8, ["class", "thumbnails", "active"])) : $("", !0)
                 ])
               ]),
-              "bottom-right": _(() => []),
+              "bottom-right": b(() => []),
               _: 1
             }, 8, ["is-full-screen"]),
             t.value.length > 1 ? (d(), T(gt, {
@@ -6894,13 +6895,13 @@ const Sr = {
       const f = E("v-btn"), k = E("v-field"), g = E("v-list-item-title"), c = E("v-list-item"), h = E("v-list"), S = E("v-menu");
       return D(t).sunsimDayOfYear && D(t).sunsimDayOfYear.length > 0 ? (d(), x("div", Sr, [
         C(S, null, {
-          activator: _(({ props: b }) => [
+          activator: b(({ props: _ }) => [
             C(k, {
               variant: "solo-filled",
               rounded: "",
               flat: ""
             }, {
-              default: _(() => [
+              default: b(() => [
                 C(f, Me({
                   variant: "text",
                   rounded: "",
@@ -6910,8 +6911,8 @@ const Sr = {
                   "append-icon": D(t).sunsimDayOfYear.length > 1 ? "mdi-menu-down" : void 0,
                   disabled: D(i),
                   size: D(n) ? "small" : void 0
-                }, b), {
-                  default: _(() => [
+                }, _), {
+                  default: b(() => [
                     te(Q(D(Wt)(m.value)), 1)
                   ]),
                   _: 2
@@ -6920,18 +6921,18 @@ const Sr = {
               _: 2
             }, 1024)
           ]),
-          default: _(() => [
+          default: b(() => [
             C(h, null, {
-              default: _(() => [
-                (d(!0), x(me, null, ye(D(t).sunsimDayOfYear, (b, y) => (d(), T(c, {
+              default: b(() => [
+                (d(!0), x(me, null, ye(D(t).sunsimDayOfYear, (_, y) => (d(), T(c, {
                   key: y,
                   value: y,
-                  onClick: (Y) => m.value = b.dayOfYear
+                  onClick: (Y) => m.value = _.dayOfYear
                 }, {
-                  default: _(() => [
+                  default: b(() => [
                     C(g, null, {
-                      default: _(() => [
-                        te(Q(D(Wt)(b.dayOfYear)), 1)
+                      default: b(() => [
+                        te(Q(D(Wt)(_.dayOfYear)), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -7017,7 +7018,7 @@ const Sr = {
                 color: "warning",
                 style: { opacity: "0.6" }
               }, {
-                default: _(() => [
+                default: b(() => [
                   te(" mdi-white-balance-sunny ")
                 ]),
                 _: 1
@@ -7074,7 +7075,7 @@ const Sr = {
           rounded: "",
           flat: ""
         }, {
-          default: _(() => [
+          default: b(() => [
             D(t).timeSamples.length > 1 ? (d(), T(k, {
               key: 0,
               class: "pa-2 pr-2",
@@ -7089,13 +7090,13 @@ const Sr = {
               "thumb-color": "white",
               "hide-details": ""
             }, {
-              prepend: _(() => [
+              prepend: b(() => [
                 C(f, {
                   style: { "vertical-align": "baseline", "font-size": "20px" },
                   class: "mr-2 icon",
                   color: "warning"
                 }, {
-                  default: _(() => [
+                  default: b(() => [
                     te(" mdi-white-balance-sunny ")
                   ]),
                   _: 1
@@ -7109,7 +7110,7 @@ const Sr = {
                 class: "mr-2 icon",
                 color: "warning"
               }, {
-                default: _(() => [
+                default: b(() => [
                   te(" mdi-white-balance-sunny ")
                 ]),
                 _: 1
@@ -7162,6 +7163,7 @@ const Sr = {
 }), Hr = ["innerHTML"], Yr = /* @__PURE__ */ j({
   __name: "VStructureChooserOverlay",
   props: {
+    activeStructureIds: {},
     cdnFileResolver: { type: [String, Function] },
     colorCallback: { type: Function },
     currentCamera: {},
@@ -7172,18 +7174,18 @@ const Sr = {
     const e = l, { cdnFileResolver: n, colorCallback: t, currentCamera: o, selectedId: i } = Ve(e), s = a, m = v(), p = v(), r = yt({});
     Te(() => {
       for (const g in r) {
-        const { element: c, state: h } = r[g], { r: S, g: b, b: y, a: Y, s: O } = t.value(g, h) || {
+        const { element: c, state: h } = r[g], { r: S, g: _, b: y, a: Y, s: O } = t.value(g, h) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        c.style.fill = `rgba(${S}, ${b}, ${y}, ${Y / 255})`, c.style.stroke = `rgb(${S}, ${b}, ${y})`, c.style.strokeWidth = O.toString();
+        c.style.fill = `rgba(${S}, ${_}, ${y}, ${Y / 255})`, c.style.stroke = `rgb(${S}, ${_}, ${y})`, c.style.strokeWidth = O.toString(), c.style.cursor = "pointer";
       }
     }), H(i, () => {
       for (const g in r)
-        r[g].state === "selected" && g !== i.value ? r[g].state = "idle" : r[g].state !== "selected" && g === i.value && (r[g].state = "selected");
+        r[g].state === "selected" && g !== i.value ? r[g].state = "idle" : r[g].state !== "selected" && g === i.value && (r[g].state = "selected", console.log(g));
     }), Te(async () => {
       try {
         m.value = await Fe.loadText(
@@ -7226,19 +7228,19 @@ const Sr = {
         if (g) {
           s("updateSvgContainer", g), f();
           let h, S = "data-structure-id";
-          h = g.querySelectorAll(`[${S}]`), h.length === 0 && (S = "data-apartment-id", h = g.querySelectorAll(`[${S}]`), h.length === 0 && (S = "data-building-id", h = g.querySelectorAll(`[${S}]`))), h.forEach((b) => {
-            b.style.strokeWidth = "0", b.style.stroke = "rgba(255,255,255,0)", b.style.fill = "rgba(255,255,255,0)", b.querySelectorAll("path").forEach((Y) => {
+          h = g.querySelectorAll(`[${S}]`), h.length === 0 && (S = "data-apartment-id", h = g.querySelectorAll(`[${S}]`), h.length === 0 && (S = "data-building-id", h = g.querySelectorAll(`[${S}]`))), h.forEach((_) => {
+            _.style.strokeWidth = "0", _.style.stroke = "rgba(255,255,255,0)", _.style.fill = "rgba(255,255,255,0)", _.querySelectorAll("path").forEach((Y) => {
               Y.style.stroke = "inherit", Y.style.fill = "inherit";
             });
-            const y = b.getAttribute(S);
+            const y = _.getAttribute(S);
             r[y] = {
-              element: b,
+              element: _,
               state: i.value === y ? "selected" : "idle"
-            }, b.addEventListener("mouseover", () => {
+            }, e.activeStructureIds && !e.activeStructureIds.includes(y) && (_.style.display = "none"), _.addEventListener("mouseover", () => {
               r[y].state === "idle" && (r[y].state = "hover"), s("onHoverOver", y);
-            }), b.addEventListener("mouseout", () => {
+            }), _.addEventListener("mouseout", () => {
               r[y].state === "hover" && (r[y].state = "idle"), s("onHoverOut", y);
-            }), b.addEventListener("click", () => {
+            }), _.addEventListener("click", () => {
               s("onClick", y);
             });
           });
@@ -7246,12 +7248,12 @@ const Sr = {
       });
     }
     return (g, c) => (d(), T(Ee, null, {
-      default: _(() => [
+      default: b(() => [
         (d(), x("div", {
           ref_key: "svgContainer",
           ref: p,
           key: D(o).overlayFilename,
-          class: "w-100 h-100 position-absolute top-left",
+          class: "w-100 h-100 position-absolute top-left structure-chooser-overlay-svg",
           style: { "z-index": "5" },
           innerHTML: m.value
         }, null, 8, Hr))
@@ -7259,7 +7261,7 @@ const Sr = {
       _: 1
     }));
   }
-}), zr = /* @__PURE__ */ ee(Yr, [["__scopeId", "data-v-45a214c3"]]);
+}), zr = /* @__PURE__ */ ee(Yr, [["__scopeId", "data-v-84796dea"]]);
 function Pr(l) {
   if (!l)
     return !1;
@@ -7570,7 +7572,8 @@ const Zr = ["innerHTML"], qr = { style: { "z-index": "7" } }, Jr = {
     mobileBreakpoint: { default: 600 },
     version: {},
     showVersion: { type: Boolean, default: !0 },
-    showUi: { type: Boolean, default: !0 }
+    showUi: { type: Boolean, default: !0 },
+    activeStructureIds: {}
   },
   emits: ["onClick", "onHoverOver", "onHoverOut", "onMouseMove", "onInitialize", "onError"],
   setup(l, { emit: a }) {
@@ -7590,7 +7593,7 @@ const Zr = ["innerHTML"], qr = { style: { "z-index": "7" } }, Jr = {
       $e,
       i.value ? new Re(i.value) : new Re()
     );
-    const c = v(), h = v(), S = v(), b = v(null), y = v(4), Y = v(), O = v(!1), P = v(!1), I = v(), L = B(() => I.value.isHoverEnabled), Z = v({ x: 0, y: 0, width: 0, height: 0 }), R = v(), X = v(), w = v(), A = v(!1), W = v(), N = v({
+    const c = v(), h = v(), S = v(), _ = v(null), y = v(4), Y = v(), O = v(!1), P = v(!1), I = v(), L = B(() => I.value.isHoverEnabled), Z = v({ x: 0, y: 0, width: 0, height: 0 }), R = v(), X = v(), w = v(), A = v(!1), W = v(), N = v({
       current: 100,
       min: 100,
       max: 1e3
@@ -7659,11 +7662,11 @@ const Zr = ["innerHTML"], qr = { style: { "z-index": "7" } }, Jr = {
       );
     }
     function J(V) {
-      y.value = V, At(w.value.cameras[y.value]) ? b.value = w.value.cameras[y.value] : (De(() => {
+      y.value = V, At(w.value.cameras[y.value]) ? _.value = w.value.cameras[y.value] : (De(() => {
         re(
           w.value.cameras[y.value]
         );
-      }), b.value = null);
+      }), _.value = null);
     }
     function re(V) {
       const ae = h.value;
@@ -7780,9 +7783,9 @@ const Zr = ["innerHTML"], qr = { style: { "z-index": "7" } }, Jr = {
           class: "w-100 h-100 position-relative",
           loading: !O.value || !w.value
         }, {
-          default: _(() => [
+          default: b(() => [
             C(Ee, { class: "w-100 h-100" }, {
-              default: _(() => [
+              default: b(() => [
                 u("div", {
                   ref_key: "container",
                   ref: X,
@@ -7840,7 +7843,7 @@ const Zr = ["innerHTML"], qr = { style: { "z-index": "7" } }, Jr = {
                     position: "relative",
                     onUpdate: He
                   }, {
-                    default: _(() => [
+                    default: b(() => [
                       (d(!0), x(me, null, ye(z.value, (de, ne) => (d(), T(br, {
                         key: `camera${ne}`,
                         "camera-data": de,
@@ -7853,7 +7856,7 @@ const Zr = ["innerHTML"], qr = { style: { "z-index": "7" } }, Jr = {
                         key: `transition${ne}`,
                         "transition-data": de,
                         "cdn-file-resolver": D(t),
-                        "current-transition": b.value
+                        "current-transition": _.value
                       }, null, 8, ["transition-data", "cdn-file-resolver", "current-transition"]))), 128)),
                       D(s) ? (d(), x("div", {
                         key: 0,
@@ -7867,13 +7870,14 @@ const Zr = ["innerHTML"], qr = { style: { "z-index": "7" } }, Jr = {
                         "color-callback": D(o),
                         "current-camera": c.value,
                         "selected-id": D(m),
+                        activeStructureIds: V.activeStructureIds ? V.activeStructureIds : void 0,
                         onOnClick: _e,
                         onOnHoverOver: ue,
                         onOnHoverOut: Le,
                         onUpdateSvgContainer: ae[2] || (ae[2] = (de) => R.value = de),
                         onOnError: G
-                      }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id"])), [
-                        [ke, b.value === null]
+                      }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id", "activeStructureIds"])), [
+                        [ke, _.value === null]
                       ]) : $("", !0)
                     ]),
                     _: 1
@@ -7907,7 +7911,7 @@ const Zr = ["innerHTML"], qr = { style: { "z-index": "7" } }, Jr = {
                     "is-hoverable": L.value,
                     pos: Z.value
                   }, {
-                    default: _(() => [
+                    default: b(() => [
                       u("div", qr, [
                         le(V.$slots, "popup", rt(ut({ hoverId: Y.value, hoverable: L.value })), void 0, !0)
                       ])
@@ -7929,7 +7933,7 @@ const Zr = ["innerHTML"], qr = { style: { "z-index": "7" } }, Jr = {
       ], 64);
     };
   }
-}), Kr = /* @__PURE__ */ ee(Xr, [["__scopeId", "data-v-b6ee829a"]]), su = {
+}), Kr = /* @__PURE__ */ ee(Xr, [["__scopeId", "data-v-f751f6b1"]]), su = {
   install: function(a) {
     a.component("VApartmentChooser", yn), a.component("VBuildingChooser", Do), a.component("VVirtualTour", Zi), a.component("VManualSlideShow", pr), a.component("VStructureChooser", Kr);
   }