@qispace/vue3-player 0.1.85 → 0.2.0

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

@@ -1,7 +1,7 @@
 var zt = Object.defineProperty;
 var Wt = (r, a, e) => a in r ? zt(r, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[a] = e;
 var se = (r, a, e) => (Wt(r, typeof a != "symbol" ? a + "" : a, e), e);
-import { defineComponent as P, ref as f, computed as E, openBlock as p, createElementBlock as x, watch as H, onMounted as ye, onBeforeUnmount as He, withDirectives as me, createElementVNode as c, normalizeStyle as ve, vShow as pe, createVNode as k, Fragment as ue, renderList as fe, createCommentVNode as $, inject as Ne, resolveComponent as V, withCtx as C, toDisplayString as N, unref as R, createTextVNode as K, normalizeClass as ge, createBlock as T, renderSlot as te, provide as Ge, reactive as st, watchEffect as be, resolveDynamicComponent as xt, normalizeProps as nt, guardReactiveProps as at, mergeProps as Ie, nextTick as Ce, Transition as Ve, createSlots as Nt, pushScopeId as it, popScopeId as ut, vModelText as Gt, createStaticVNode as Ft, onBeforeUpdate as Qt, toRefs as Ee } from "vue";
+import { defineComponent as P, ref as f, computed as E, openBlock as p, createElementBlock as A, watch as H, onMounted as ye, onBeforeUnmount as He, withDirectives as me, createElementVNode as c, normalizeStyle as ve, vShow as pe, createVNode as k, Fragment as ue, renderList as fe, createCommentVNode as $, inject as Ne, resolveComponent as V, withCtx as C, toDisplayString as N, unref as R, createTextVNode as K, normalizeClass as ge, createBlock as T, renderSlot as te, provide as Ge, reactive as st, watchEffect as be, resolveDynamicComponent as At, normalizeProps as nt, guardReactiveProps as at, mergeProps as Ie, nextTick as Ce, Transition as Ve, createSlots as Nt, pushScopeId as it, popScopeId as ut, vModelText as Gt, createStaticVNode as Ft, onBeforeUpdate as Qt, toRefs as Ee } from "vue";
 import pt from "axios";
 import * as qt from "@qispace/player-core";
 import * as Ue from "three";
@@ -48,7 +48,7 @@ const Zt = /* @__PURE__ */ P({
     const e = f(), n = E(() => window.getComputedStyle(e.value).display === "none");
     return a({
       isHoverEnabled: n
-    }), (t, o) => (p(), x("div", {
+    }), (t, o) => (p(), A("div", {
       ref_key: "hoverCheck",
       ref: e,
       class: "hover-check"
@@ -79,11 +79,11 @@ const Jt = /* @__PURE__ */ P({
     const e = r, n = a, t = f({ x: 0, y: 0, width: 0, height: 0 }), o = f(0), i = f(0), l = f(), v = f(), u = f(), s = f(), h = f(-1), S = f(!1), g = f(), d = f(), m = f({}), y = f("auto"), b = f(new _e()), _ = f({}), B = f(), L = f(), Y = f(), I = f(), w = f(), z = E(() => Y.value.isHoverEnabled), M = E(() => ie(
       e.cdnFileResolver,
       `/scenedata${e.viewModel.currentScene}.png`
-    )), W = E(() => M.value in m.value ? m.value[M.value] : null), A = E(() => h.value < 0 ? !1 : e.sceneData.find((q) => q.index === h.value) || !1), O = E(() => ({
+    )), W = E(() => M.value in m.value ? m.value[M.value] : null), x = E(() => h.value < 0 ? !1 : e.sceneData.find((q) => q.index === h.value) || !1), O = E(() => ({
       width: o.value + "px",
       height: i.value + "px",
       cursor: y.value
-    })), j = E(() => `hover-${S.value ? "over" : "out"}-${A.value ? typeof A.value == "object" && "unitId" in A.value ? A.value.unitId : A.value : ""}`);
+    })), j = E(() => `hover-${S.value ? "over" : "out"}-${x.value ? typeof x.value == "object" && "unitId" in x.value ? x.value.unitId : x.value : ""}`);
     H(
       M,
       () => {
@@ -100,7 +100,7 @@ const Jt = /* @__PURE__ */ P({
     }), H(
       () => e.viewModel.currentScene,
       () => {
-        xe();
+        Ae();
       },
       { immediate: !0 }
     ), H(
@@ -110,16 +110,16 @@ const Jt = /* @__PURE__ */ P({
         () => e.selectedUnitId
       ],
       () => {
-        xe();
+        Ae();
       }
-    ), H(A, () => {
-      xe(), A.value ? y.value = "pointer" : y.value = "auto";
+    ), H(x, () => {
+      Ae(), x.value ? y.value = "pointer" : y.value = "auto";
     }), H(j, () => {
       S.value ? n("hoverOver", {
-        hoverUnit: A.value ? A.value.unitId : !1,
+        hoverUnit: x.value ? x.value.unitId : !1,
         closeHandler: () => J()
       }) : n("hoverOut", {
-        hoverUnit: A.value ? A.value.unitId : !1,
+        hoverUnit: x.value ? x.value.unitId : !1,
         closeHandler: () => J()
       });
     }), H(t, () => {
@@ -192,7 +192,7 @@ const Jt = /* @__PURE__ */ P({
           if (re) {
             const Xe = ce(q.index);
             let $e = "idle";
-            !A.value && e.selectedUnitId && Xe === e.selectedUnitId ? $e = "selected" : A.value && h.value === q.index && ($e = "hover");
+            !x.value && e.selectedUnitId && Xe === e.selectedUnitId ? $e = "selected" : x.value && h.value === q.index && ($e = "hover");
             const Be = e.colorCallback(q.unitId, $e);
             if (Be)
               for (let Te = 0; Te < re.length; Te++)
@@ -221,9 +221,9 @@ const Jt = /* @__PURE__ */ P({
     }
     function De(Z) {
       const q = ce(Z);
-      Ae(q);
+      xe(q);
     }
-    function Ae(Z) {
+    function xe(Z) {
       n("selectUnit", Z), Z && e.canGoToUnitCallback(Z) && n("goToUnit", Z);
     }
     function Se(Z = 0) {
@@ -239,9 +239,9 @@ const Jt = /* @__PURE__ */ P({
       o.value = w.value.offsetWidth, i.value = w.value.offsetHeight;
     }
     function Oe() {
-      U(), xe();
+      U(), Ae();
     }
-    function xe() {
+    function Ae() {
       Se(), ne(), l.value && u.value && l.value.putImageData(u.value, 0, 0);
     }
     function J() {
@@ -253,7 +253,7 @@ const Jt = /* @__PURE__ */ P({
         le.value && (le.value = !1, Z.apply(this, re), setTimeout(() => le.value = !0, q));
       };
     }
-    return (Z, q) => (p(), x("div", {
+    return (Z, q) => (p(), A("div", {
       ref_key: "container",
       ref: w,
       id: "canvas"
@@ -369,13 +369,13 @@ const Jt = /* @__PURE__ */ P({
       o.value < 0 && e.selectedUnitId && Y === e.selectedUnitId ? I = "selected" : o.value >= 0 && o.value === L && (I = "hover");
       const w = e.colorCallback(Y, I);
       if (w) {
-        const { r: z, g: M, b: W, a: A, s: O } = w;
+        const { r: z, g: M, b: W, a: x, s: O } = w;
         return {
           strokeWidth: O !== void 0 ? O : 2,
           stroke: `rgb(${z}, ${M}, ${W})`,
           strokeOpacity: 1,
           fill: `rgb(${z}, ${M}, ${W})`,
-          fillOpacity: A / 255,
+          fillOpacity: x / 255,
           cursor: `${e.canGoToUnitCallback(Y) ? "cursor" : "default"} !important`
         };
       } else
@@ -394,7 +394,7 @@ const Jt = /* @__PURE__ */ P({
         _.value && (_.value = !1, L.apply(this, I), setTimeout(() => _.value = !0, Y));
       };
     }
-    return (L, Y) => (p(), x("div", {
+    return (L, Y) => (p(), A("div", {
       id: "container",
       ref_key: "container",
       ref: u
@@ -405,11 +405,11 @@ const Jt = /* @__PURE__ */ P({
           opacity: !l.value || !l.value.svgObjects ? 0 : 1
         })
       }, [
-        l.value && l.value.svgObjects ? (p(), x("svg", {
+        l.value && l.value.svgObjects ? (p(), A("svg", {
           key: 0,
           viewBox: l.value.viewBox
         }, [
-          (p(!0), x(ue, null, fe(l.value.svgObjects, ({ index: I, svg: w }) => (p(), x("g", {
+          (p(!0), A(ue, null, fe(l.value.svgObjects, ({ index: I, svg: w }) => (p(), A("g", {
             key: I,
             innerHTML: w,
             style: ve(b(I)),
@@ -453,7 +453,7 @@ const Jt = /* @__PURE__ */ P({
     }
     return (u, s) => {
       const h = V("v-btn");
-      return p(), x("div", null, [
+      return p(), A("div", null, [
         k(h, {
           elevation: "1",
           icon: "mdi-rotate-right",
@@ -477,7 +477,7 @@ const Jt = /* @__PURE__ */ P({
           onClick: s[2] || (s[2] = (S) => i("goToUnit", n.value))
         }, {
           default: C(() => [
-            n.value && u.canGoToUnitCallback(n.value) ? (p(), x("span", an, N(R(l).getLabel("seeApartment")) + "  ", 1)) : $("", !0),
+            n.value && u.canGoToUnitCallback(n.value) ? (p(), A("span", an, N(R(l).getLabel("seeApartment")) + "  ", 1)) : $("", !0),
             c("span", on, N(n.value ? e.unitRenderer(n.value) : "-"), 1)
           ]),
           _: 1
@@ -689,16 +689,16 @@ const un = {
     }
     return (b, _) => {
       const B = V("v-icon");
-      return p(), x("div", null, [
-        o.value.isError ? (p(), x("div", un, [
+      return p(), A("div", null, [
+        o.value.isError ? (p(), A("div", un, [
           k(B, { "x-large": "" }, {
             default: C(() => [
               K("mdi-alert-circle-outline")
             ]),
             _: 1
           })
-        ])) : v.value ? (p(), x("div", pn, [
-          (p(!0), x(ue, null, fe(l.value, (L) => (p(), x("picture", {
+        ])) : v.value ? (p(), A("div", pn, [
+          (p(!0), A(ue, null, fe(l.value, (L) => (p(), A("picture", {
             key: L.index,
             alt: L.index,
             class: ge({ "frame-image": !0, show: L.show })
@@ -714,8 +714,8 @@ const un = {
               onError: _[3] || (_[3] = (Y) => o.value.errorDetected())
             }, null, 40, gn)
           ], 10, fn))), 128))
-        ])) : (p(), x("div", cn, [
-          u.value ? (p(), x("picture", dn, [
+        ])) : (p(), A("div", cn, [
+          u.value ? (p(), A("picture", dn, [
             c("source", {
               srcset: u.value.sourceSet,
               type: "image/jpeg"
@@ -748,7 +748,7 @@ const un = {
         origin: `top left ${o.pos.x} ${o.pos.y}`
       }, {
         default: C(() => [
-          o.isHoverable ? (p(), x("div", {
+          o.isHoverable ? (p(), A("div", {
             key: 0,
             class: "floating-card",
             style: ve({
@@ -854,7 +854,7 @@ const un = {
       });
     }
     function B(F) {
-      const { x: U, y: G } = A(F);
+      const { x: U, y: G } = x(F);
       Q(-F.deltaY / 10, U, G), F.preventDefault();
     }
     function L(F) {
@@ -862,7 +862,7 @@ const un = {
     }
     function Y(F) {
       if (l.value) {
-        const { x: U, y: G } = A(F), { x: ne, y: de } = A(u.value), ce = {
+        const { x: U, y: G } = x(F), { x: ne, y: de } = x(u.value), ce = {
           x: U - ne,
           y: G - de
         };
@@ -880,21 +880,21 @@ const un = {
     }
     function M(F) {
       if (l.value) {
-        const { x: U, y: G } = A(F.touches[0]), { x: ne, y: de } = A(u.value.touches[0]), ce = {
+        const { x: U, y: G } = x(F.touches[0]), { x: ne, y: de } = x(u.value.touches[0]), ce = {
           x: U - ne,
           y: G - de
         };
         O(ce.x), j(ce.y);
       } else if (v.value && F.touches.length === 2) {
-        const { x: U, y: G } = A(F.touches[0]), { x: ne, y: de } = A(u.value.touches[0]), { x: ce, y: ke } = A(F.touches[1]), { x: De, y: Ae } = A(u.value.touches[1]), Se = Math.hypot(ne - De, de - Ae), Me = Math.hypot(U - ce, G - ke), Oe = (ce + U) / 2, xe = (ke + G) / 2;
-        Q(Me - Se, Oe, xe);
+        const { x: U, y: G } = x(F.touches[0]), { x: ne, y: de } = x(u.value.touches[0]), { x: ce, y: ke } = x(F.touches[1]), { x: De, y: xe } = x(u.value.touches[1]), Se = Math.hypot(ne - De, de - xe), Me = Math.hypot(U - ce, G - ke), Oe = (ce + U) / 2, Ae = (ke + G) / 2;
+        Q(Me - Se, Oe, Ae);
       }
       u.value = F;
     }
     function W() {
       l.value = !1, v.value = !1;
     }
-    function A(F) {
+    function x(F) {
       const { left: U, top: G } = h.value.getBoundingClientRect();
       return {
         x: F.clientX - U,
@@ -918,7 +918,7 @@ const un = {
     function Q(F, U, G) {
       const ne = h.value.clientWidth, de = h.value.clientHeight, ce = ne * g.value, ke = de * g.value;
       t.value = Math.min(Math.max(100, t.value + F), d.value);
-      const De = ne * g.value, Ae = de * g.value, Se = De - ce, Me = Ae - ke;
+      const De = ne * g.value, xe = de * g.value, Se = De - ce, Me = xe - ke;
       o.value -= U / ne * Se, i.value -= G / de * Me, O(0), j(0);
     }
     function oe() {
@@ -927,12 +927,12 @@ const un = {
         x: o.value,
         y: i.value,
         resolve: (F, U) => {
-          const G = h.value.clientWidth, ne = h.value.clientHeight, de = o.value / -g.value, ce = i.value / -g.value, ke = de + G / g.value, De = ce + ne / g.value, Ae = F / G * (ke - de) + de, Se = U / ne * (De - ce) + ce;
-          return { x: Ae, y: Se };
+          const G = h.value.clientWidth, ne = h.value.clientHeight, de = o.value / -g.value, ce = i.value / -g.value, ke = de + G / g.value, De = ce + ne / g.value, xe = F / G * (ke - de) + de, Se = U / ne * (De - ce) + ce;
+          return { x: xe, y: Se };
         }
       });
     }
-    return (F, U) => (p(), x("div", {
+    return (F, U) => (p(), A("div", {
       ref_key: "box",
       ref: h,
       class: "zoom-box-container",
@@ -1152,7 +1152,7 @@ class Fe {
     return "";
   }
 }
-const Dn = { key: 0 }, An = { class: "interactive-viewer" }, xn = { class: "fill-parent" }, Fn = { key: 0 }, Ln = {
+const Dn = { key: 0 }, xn = { class: "interactive-viewer" }, An = { class: "fill-parent" }, Fn = { key: 0 }, Ln = {
   key: 1,
   class: "navigation"
 }, Mn = { key: 2 }, Tn = 4, Vn = /* @__PURE__ */ P({
@@ -1197,9 +1197,9 @@ const Dn = { key: 0 }, An = { class: "interactive-viewer" }, xn = { class: "fill
         return { unitId: M.apartmentID, scene: W };
       }).reduce((M, W) => ({ ...M, [W.unitId]: W.scene }), {}) : {};
       const w = (M, W = "unitId") => {
-        let A = I, O = [];
+        let x = I, O = [];
         for (let j = 0; j < bt; j++)
-          O.push(A), A = Lt(A);
+          O.push(x), x = Lt(x);
         return M.sort((j, Q) => {
           const oe = O.findIndex(
             (U) => U === i.value[j[W]]
@@ -1231,9 +1231,9 @@ const Dn = { key: 0 }, An = { class: "interactive-viewer" }, xn = { class: "fill
     }
     return (I, w) => {
       const z = V("v-progress-linear");
-      return u.value ? (p(), x("div", Dn, [
-        c("div", An, [
-          c("div", xn, [
+      return u.value ? (p(), A("div", Dn, [
+        c("div", xn, [
+          c("div", An, [
             k(qe, {
               desktop: o.isReady && I.interactiveDesktop,
               mobile: o.isReady && I.interactiveMobile
@@ -1248,8 +1248,8 @@ const Dn = { key: 0 }, An = { class: "interactive-viewer" }, xn = { class: "fill
                   onLoaded: w[1] || (w[1] = (M) => o.isReady = !0),
                   onError: w[2] || (w[2] = (M) => o.isError = !0)
                 }, null, 8, ["cdn-file-resolver", "view-model", "cardinal-frames", "build"]),
-                o.isReady ? (p(), x("div", Fn, [
-                  (p(), T(xt(m.value), {
+                o.isReady ? (p(), A("div", Fn, [
+                  (p(), T(At(m.value), {
                     "cdn-file-resolver": n.cdnFileResolver,
                     "view-model": u.value,
                     "selected-unit-id": y.value,
@@ -1290,7 +1290,7 @@ const Dn = { key: 0 }, An = { class: "interactive-viewer" }, xn = { class: "fill
               ]),
               _: 3
             }, 8, ["is-hoverable", "pos", "onOutside"])) : $("", !0),
-            o.isReady ? (p(), x("div", Ln, [
+            o.isReady ? (p(), A("div", Ln, [
               k(rn, {
                 "can-go-to-unit-callback": n.canGoToUnitCallback,
                 "unit-renderer": n.unitRenderer,
@@ -1302,7 +1302,7 @@ const Dn = { key: 0 }, An = { class: "interactive-viewer" }, xn = { class: "fill
                 onPrevUnit: w[6] || (w[6] = (M) => t("navUnit", _.value)),
                 onNextUnit: w[7] || (w[7] = (M) => t("navUnit", b.value))
               }, null, 8, ["can-go-to-unit-callback", "unit-renderer", "selected-unit-id", "prev-unit-id", "next-unit-id", "view-model"])
-            ])) : o.isError ? $("", !0) : (p(), x("div", Mn, [
+            ])) : o.isError ? $("", !0) : (p(), A("div", Mn, [
               k(z, {
                 indeterminate: !o.progress,
                 modelValue: o.progress,
@@ -1327,7 +1327,7 @@ const Dn = { key: 0 }, An = { class: "interactive-viewer" }, xn = { class: "fill
   },
   setup(r) {
     const a = r, e = E(() => ie(a.cdnFileResolver, a.timeSampleData.filename));
-    return (n, t) => me((p(), x("img", {
+    return (n, t) => me((p(), A("img", {
       key: e.value,
       src: e.value,
       width: "100%"
@@ -1344,7 +1344,7 @@ const Dn = { key: 0 }, An = { class: "interactive-viewer" }, xn = { class: "fill
   },
   setup(r) {
     const a = r;
-    return (e, n) => (p(!0), x(ue, null, fe(a.dayData.timeSamples, (t) => (p(), T(Rn, {
+    return (e, n) => (p(!0), A(ue, null, fe(a.dayData.timeSamples, (t) => (p(), T(Rn, {
       "time-sample-data": t,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": e.currentTime
@@ -1359,7 +1359,7 @@ const Dn = { key: 0 }, An = { class: "interactive-viewer" }, xn = { class: "fill
   },
   setup(r) {
     const a = r;
-    return (e, n) => (p(!0), x(ue, null, fe(a.cameraData.sunsimDayOfYear, (t) => (p(), T($n, {
+    return (e, n) => (p(!0), A(ue, null, fe(a.cameraData.sunsimDayOfYear, (t) => (p(), T($n, {
       "day-data": t,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": a.currentTime
@@ -1375,7 +1375,7 @@ const Dn = { key: 0 }, An = { class: "interactive-viewer" }, xn = { class: "fill
   emits: ["goToBuilding", "hoverOverBuilding", "hoverOutBuilding"],
   setup(r, { emit: a }) {
     const e = r, n = E(() => ie(e.cdnFileResolver, e.transitionData.filename));
-    return (t, o) => me((p(), x("img", {
+    return (t, o) => me((p(), A("img", {
       key: n.value,
       src: n.value,
       class: "position-absolute top-left w-100 h-100"
@@ -1550,7 +1550,7 @@ const zn = /* @__PURE__ */ P({
       const s = V("v-icon"), h = V("v-btn"), S = V("v-slider"), g = V("v-field");
       return p(), T(g, { variant: "solo" }, {
         default: C(() => [
-          v.dayData.startTime === v.dayData.endTime ? (p(), x("div", Nn, [
+          v.dayData.startTime === v.dayData.endTime ? (p(), A("div", Nn, [
             k(s, {
               style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
               class: "py-2 ml-2 mr-2 icon"
@@ -1668,7 +1668,7 @@ const zn = /* @__PURE__ */ P({
     }
     return (d, m) => {
       const y = V("v-btn"), b = V("v-chip");
-      return p(), x(ue, null, [
+      return p(), A(ue, null, [
         k(y, {
           class: "mx-2",
           icon: "mdi-restore",
@@ -1785,7 +1785,7 @@ const zn = /* @__PURE__ */ P({
     }
     return (s, h) => (p(), T(Ve, null, {
       default: C(() => [
-        (p(), x("div", {
+        (p(), A("div", {
           ref_key: "svgContainer",
           ref: o,
           key: s.currentCamera.overlayFilename,
@@ -2157,7 +2157,7 @@ const ia = {
     function W(F) {
       const U = i.value;
       o.value = F, Ce(() => {
-        A(
+        x(
           o.value.timeSamples.find(
             (G) => G.timeInHours === U.timeInHours
           ) || o.value.timeSamples.find(
@@ -2166,7 +2166,7 @@ const ia = {
         );
       });
     }
-    function A(F) {
+    function x(F) {
       i.value = F;
     }
     function O(F) {
@@ -2206,7 +2206,7 @@ const ia = {
     }
     return (F, U) => {
       const G = V("v-skeleton-loader");
-      return p(), x(ue, null, [
+      return p(), A(ue, null, [
         k(G, {
           type: "image",
           class: "w-100 h-100 position-relative",
@@ -2246,7 +2246,7 @@ const ia = {
                         "day-data": o.value,
                         "current-time": i.value,
                         disabled: h.value,
-                        onOnTimeChange: A
+                        onOnTimeChange: x
                       }, null, 8, ["day-data", "current-time", "disabled"])) : $("", !0)
                     ])
                   ]),
@@ -2273,18 +2273,18 @@ const ia = {
                   ]),
                   k(qe, { position: "relative" }, {
                     default: C(() => [
-                      (p(!0), x(ue, null, fe(L.value, (ne) => (p(), T(Un, {
+                      (p(!0), A(ue, null, fe(L.value, (ne) => (p(), T(Un, {
                         key: ne.overlayFilename,
                         "camera-data": ne,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-time": i.value
                       }, null, 8, ["camera-data", "cdn-file-resolver", "current-time"]))), 128)),
-                      (p(!0), x(ue, null, fe(Y.value, (ne) => (p(), T(jn, {
+                      (p(!0), A(ue, null, fe(Y.value, (ne) => (p(), T(jn, {
                         "transition-data": ne,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-transition": l.value
                       }, null, 8, ["transition-data", "cdn-file-resolver", "current-transition"]))), 256)),
-                      e.customOverlayContent ? (p(), x("div", {
+                      e.customOverlayContent ? (p(), A("div", {
                         key: 0,
                         class: "w-100 h-100 position-absolute top-left",
                         style: { "z-index": "6", "pointer-events": "none" },
@@ -2374,7 +2374,7 @@ const ia = {
       o.value = i(e.dateSelector.selectedDate);
     }), (s, h) => {
       const S = V("v-icon"), g = V("v-select"), d = V("v-progress-linear"), m = V("v-slider");
-      return p(), x("div", ga, [
+      return p(), A("div", ga, [
         c("div", ya, [
           k(S, {
             color: "black",
@@ -2390,7 +2390,7 @@ const ia = {
             variant: "underlined",
             "hide-details": "",
             class: "day-selector"
-          }, null, 8, ["modelValue", "items"])) : (p(), x("span", _a, N(u.value), 1))
+          }, null, 8, ["modelValue", "items"])) : (p(), A("span", _a, N(u.value), 1))
         ]),
         c("div", ba, [
           c("span", Ca, N(l.value), 1),
@@ -2462,7 +2462,7 @@ const ia = {
         }
       );
     }
-    return (u, s) => (p(), x("div", null, [
+    return (u, s) => (p(), A("div", null, [
       c("img", {
         ref_key: "baseImage",
         ref: i,
@@ -2470,8 +2470,8 @@ const ia = {
         style: { opacity: 1, borderRadius: 50 },
         onLoad: l
       }, null, 544),
-      t.value === "preloaded" || t.value === "loaded" ? me((p(), x("div", wa, [
-        (p(!0), x(ue, null, fe(u.imageUrls, (h, S) => (p(), x("img", {
+      t.value === "preloaded" || t.value === "loaded" ? me((p(), A("div", wa, [
+        (p(!0), A(ue, null, fe(u.imageUrls, (h, S) => (p(), A("img", {
           key: S,
           class: ge({ "image-instance": !0, active: S === u.activeIndex }),
           src: h,
@@ -2486,7 +2486,7 @@ const ia = {
   key: 0,
   style: { height: "50vh" },
   class: "d-flex justify-center align-center blue-grey lighten-5"
-}, Aa = { class: "image-instances" }, xa = { key: 0 }, Fa = { class: "svg-container" }, La = ["viewBox"], Ma = ["innerHTML", "data-building-id", "onMouseover", "onMouseout", "onMousemove", "onClick"], Ta = ["innerHTML"], Va = /* @__PURE__ */ P({
+}, xa = { class: "image-instances" }, Aa = { key: 0 }, Fa = { class: "svg-container" }, La = ["viewBox"], Ma = ["innerHTML", "data-building-id", "onMouseover", "onMouseout", "onMousemove", "onClick"], Ta = ["innerHTML"], Va = /* @__PURE__ */ P({
   __name: "VBuildingChooserSvg",
   props: {
     showCards: { type: Boolean, default: !0 },
@@ -2516,11 +2516,11 @@ const ia = {
     }), i = f({ x: 0, y: 0, width: 0, height: 0 }), l = f(), v = f(
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
     ), u = f(!1), s = f(new _e()), h = f(), S = f("0 0 0 0"), g = f(), d = f(), m = f(ze.empty()), y = f(We.empty()), b = f(), _ = E(() => b.value.isHoverEnabled);
-    H(l, (A, O) => {
-      A ? n("hoverOverBuilding", A) : n("hoverOutBuilding", O);
+    H(l, (x, O) => {
+      x ? n("hoverOverBuilding", x) : n("hoverOutBuilding", O);
     }), be(() => {
       if (e.buildingChooserTimeOfDay) {
-        const [A, O, j] = /^(\d\d):(\d\d)$/.exec(
+        const [x, O, j] = /^(\d\d):(\d\d)$/.exec(
           e.buildingChooserTimeOfDay
         ), Q = parseInt(j);
         v.value = parseInt(O) * 2 + (Q < 15 ? 0 : Q > 45 ? 2 : 1);
@@ -2549,23 +2549,23 @@ const ia = {
       } else
         u.value = !0;
     });
-    function B({ width: A, height: O }) {
-      o.value.width = A, o.value.height = O;
+    function B({ width: x, height: O }) {
+      o.value.width = x, o.value.height = O;
     }
     function L() {
       t.value = { preloaded: !1, ready: !1 };
     }
-    function Y(A) {
+    function Y(x) {
       const O = e.colorCallback(
-        A,
-        A === l.value ? "hover" : "idle"
+        x,
+        x === l.value ? "hover" : "idle"
       ), j = [];
-      return A === l.value ? j.push("hover") : j.push("idle"), O && e.canGoToBuildingCallback(A) ? j.push("clickable") : j.push("restricted"), j.join(" ");
+      return x === l.value ? j.push("hover") : j.push("idle"), O && e.canGoToBuildingCallback(x) ? j.push("clickable") : j.push("restricted"), j.join(" ");
     }
-    function I(A) {
+    function I(x) {
       const O = e.colorCallback(
-        A,
-        A === l.value ? "hover" : "idle"
+        x,
+        x === l.value ? "hover" : "idle"
       );
       if (O) {
         const { r: j, g: Q, b: oe, a: F, s: U } = O;
@@ -2575,7 +2575,7 @@ const ia = {
           strokeOpacity: 1,
           fill: `rgb(${j}, ${Q}, ${oe})`,
           fillOpacity: F / 255,
-          cursor: `${e.canGoToBuildingCallback(A) ? "cursor" : "default"} !important`
+          cursor: `${e.canGoToBuildingCallback(x) ? "cursor" : "default"} !important`
         };
       } else
         return {
@@ -2587,8 +2587,8 @@ const ia = {
           cursor: "default !important"
         };
     }
-    function w(A, O) {
-      const { layerX: j, layerY: Q } = A;
+    function w(x, O) {
+      const { layerX: j, layerY: Q } = x;
       _.value && (i.value = {
         x: j,
         y: Q,
@@ -2596,8 +2596,8 @@ const ia = {
         height: o.value.height
       }, l.value = O, n("hoverOverBuilding", O));
     }
-    function z(A, O) {
-      const { layerX: j, layerY: Q } = A;
+    function z(x, O) {
+      const { layerX: j, layerY: Q } = x;
       _.value && (i.value = {
         x: j,
         y: Q,
@@ -2605,8 +2605,8 @@ const ia = {
         height: o.value.height
       }, l.value = void 0, n("hoverOutBuilding", O));
     }
-    function M(A, O) {
-      const { layerX: j, layerY: Q } = A;
+    function M(x, O) {
+      const { layerX: j, layerY: Q } = x;
       _.value && (i.value = {
         x: j,
         y: Q,
@@ -2614,29 +2614,29 @@ const ia = {
         height: o.value.height
       });
     }
-    function W(A) {
-      l.value = A, _.value && l.value && e.canGoToBuildingCallback(l.value) && n("goToBuilding", l.value);
+    function W(x) {
+      l.value = x, _.value && l.value && e.canGoToBuildingCallback(l.value) && n("goToBuilding", l.value);
     }
-    return (A, O) => {
+    return (x, O) => {
       const j = V("v-icon");
-      return u.value ? (p(), x("div", Da, [
+      return u.value ? (p(), A("div", Da, [
         k(j, { "x-large": "" }, {
           default: C(() => [
             K("mdi-alert-circle-outline")
           ]),
           _: 1
         })
-      ])) : d.value ? (p(), x("div", {
+      ])) : d.value ? (p(), A("div", {
         key: 1,
         style: ve(`height: ${o.value.height}px; position: relative`),
         class: "image-container"
       }, [
         k(qe, {
-          desktop: A.interactiveDesktop,
-          mobile: A.interactiveMobile
+          desktop: x.interactiveDesktop,
+          mobile: x.interactiveMobile
         }, {
           default: C(() => [
-            c("div", Aa, [
+            c("div", xa, [
               k(Vt, {
                 "image-urls": g.value.imageUrls,
                 "active-index": v.value,
@@ -2645,10 +2645,10 @@ const ia = {
                 onReady: O[1] || (O[1] = (Q) => t.value.ready = !0),
                 onReset: L
               }, null, 8, ["image-urls", "active-index"]),
-              h.value ? me((p(), x("div", xa, [
+              h.value ? me((p(), A("div", Aa, [
                 c("div", Fa, [
-                  (p(), x("svg", { viewBox: S.value }, [
-                    (p(!0), x(ue, null, fe(h.value, ({ id: Q, svg: oe }, F) => (p(), x("g", {
+                  (p(), A("svg", { viewBox: S.value }, [
+                    (p(!0), A(ue, null, fe(h.value, ({ id: Q, svg: oe }, F) => (p(), A("g", {
                       key: F,
                       innerHTML: oe,
                       "data-building-id": Q,
@@ -2666,7 +2666,7 @@ const ia = {
               ]) : $("", !0),
               me(c("div", {
                 class: "custom-overlay-layer",
-                innerHTML: A.customOverlayContent
+                innerHTML: x.customOverlayContent
               }, null, 8, Ta), [
                 [pe, t.value.preloaded]
               ])
@@ -2689,17 +2689,17 @@ const ia = {
         ], 512), [
           [pe, t.value.preloaded]
         ]),
-        A.showCards && l.value ? (p(), T(Qe, {
+        x.showCards && l.value ? (p(), T(Qe, {
           key: 0,
           "is-hoverable": _.value,
           pos: i.value,
           onOutside: O[3] || (O[3] = () => l.value = void 0)
         }, {
           default: C(() => [
-            te(A.$slots, "default", {
+            te(x.$slots, "default", {
               building: l.value,
-              canGoToBuilding: A.canGoToBuildingCallback(l.value),
-              goToBuilding: () => A.canGoToBuildingCallback(l.value) && n("goToBuilding", l.value),
+              canGoToBuilding: x.canGoToBuildingCallback(l.value),
+              goToBuilding: () => x.canGoToBuildingCallback(l.value) && n("goToBuilding", l.value),
               pos: i.value,
               isHoverable: _.value,
               close: () => l.value = void 0
@@ -2756,7 +2756,7 @@ const ia = {
         for (let g = 0; g < v.value.length; g++)
           l.value.data[v.value[g] - 3] = e.color.r, l.value.data[v.value[g] - 2] = e.color.g, l.value.data[v.value[g] - 1] = e.color.b, l.value.data[v.value[g]] = e.color.a;
     }
-    return (g, d) => (p(), x("canvas", Ie({
+    return (g, d) => (p(), A("canvas", Ie({
       ref_key: "canvas",
       ref: u,
       class: "overlay"
@@ -2796,20 +2796,20 @@ const ia = {
     }), l = f({ x: 0, y: 0, width: 0, height: 0 }), v = f(), u = f(ze.empty()), s = f(We.empty()), h = f(), S = f(
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
     ), g = f(
-      (A, O) => ({ x: A, y: O })
+      (x, O) => ({ x, y: O })
     ), d = f(!1), m = f(), y = f(), b = f(), _ = E(() => {
-      var A;
-      return (A = m.value) == null ? void 0 : A.isHoverEnabled;
+      var x;
+      return (x = m.value) == null ? void 0 : x.isHoverEnabled;
     });
     be(() => {
       if (e.buildingChooserTimeOfDay) {
-        const [A, O, j] = /^(\d\d):(\d\d)$/.exec(
+        const [x, O, j] = /^(\d\d):(\d\d)$/.exec(
           e.buildingChooserTimeOfDay
         ), Q = parseInt(j);
         S.value = parseInt(O) * 2 + (Q < 15 ? 0 : Q > 45 ? 2 : 1);
       }
-    }), H(h, (A, O) => {
-      A ? n("hoverOverBuilding", A) : n("hoverOutBuilding", O);
+    }), H(h, (x, O) => {
+      x ? n("hoverOverBuilding", x) : n("hoverOutBuilding", O);
     }), ye(async () => {
       const O = await new Mt(
         e.cdnFileResolver
@@ -2821,14 +2821,14 @@ const ia = {
         viewLongitude: O.viewLongitude
       }, I()) : d.value = !0;
     });
-    function B({ width: A, height: O }) {
-      i.value.width = A, i.value.height = O, Ce(I);
+    function B({ width: x, height: O }) {
+      i.value.width = x, i.value.height = O, Ce(I);
     }
     function L() {
       o.value = { preloaded: !1, ready: !1 };
     }
-    function Y(A) {
-      const { layerX: O, layerY: j } = A, { x: Q, y: oe } = g.value(O, j);
+    function Y(x) {
+      const { layerX: O, layerY: j } = x, { x: Q, y: oe } = g.value(O, j);
       return u.value.getBuildingId(
         s.value,
         Q,
@@ -2837,47 +2837,47 @@ const ia = {
     }
     function I() {
       if (y.value && (s.value.update(y.value), b.value))
-        for (const A of b.value)
-          A.setupDraw();
+        for (const x of b.value)
+          x.setupDraw();
     }
-    function w(A) {
-      const { layerX: O, layerY: j } = A;
-      _.value && (h.value = Y(A), h.value !== void 0 && (l.value = {
+    function w(x) {
+      const { layerX: O, layerY: j } = x;
+      _.value && (h.value = Y(x), h.value !== void 0 && (l.value = {
         x: O,
         y: j,
         width: i.value.width,
         height: i.value.height
       }));
     }
-    function z(A) {
-      h.value = Y(A), _.value && h.value && n("goToBuilding", h.value);
+    function z(x) {
+      h.value = Y(x), _.value && h.value && n("goToBuilding", h.value);
     }
-    function M(A) {
+    function M(x) {
       return e.colorCallback(
-        A,
-        A === h.value ? "hover" : "idle"
+        x,
+        x === h.value ? "hover" : "idle"
       );
     }
-    function W({ resolve: A }) {
-      g.value = A;
+    function W({ resolve: x }) {
+      g.value = x;
     }
-    return (A, O) => {
+    return (x, O) => {
       const j = V("v-icon");
-      return d.value ? (p(), x("div", Ra, [
+      return d.value ? (p(), A("div", Ra, [
         k(j, { "x-large": "" }, {
           default: C(() => [
             K("mdi-alert-circle-outline")
           ]),
           _: 1
         })
-      ])) : v.value ? (p(), x("div", {
+      ])) : v.value ? (p(), A("div", {
         key: 1,
         style: ve(`cursor: ${h.value ? "pointer" : "auto"};height: ${i.value.height}px; position: relative`),
         class: "image-container"
       }, [
         k(qe, {
-          desktop: A.interactiveDesktop,
-          mobile: A.interactiveMobile,
+          desktop: x.interactiveDesktop,
+          mobile: x.interactiveMobile,
           onUpdate: W
         }, {
           default: C(() => [
@@ -2891,7 +2891,7 @@ const ia = {
                 onReset: L
               }, null, 8, ["image-urls", "active-index"]),
               me(c("div", null, [
-                (p(!0), x(ue, null, fe(v.value.buildingOverlays, (Q) => (p(), T(Ba, {
+                (p(!0), A(ue, null, fe(v.value.buildingOverlays, (Q) => (p(), T(Ba, {
                   ref_for: !0,
                   ref_key: "overlays",
                   ref: b,
@@ -2913,7 +2913,7 @@ const ia = {
             }), null, 16),
             me(c("div", {
               class: "custom-overlay-layer",
-              innerHTML: A.customOverlayContent
+              innerHTML: x.customOverlayContent
             }, null, 8, Ua), [
               [pe, o.value.preloaded]
             ])
@@ -2935,17 +2935,17 @@ const ia = {
         ], 512), [
           [pe, o.value.preloaded]
         ]),
-        A.showCards && h.value ? (p(), T(Qe, {
+        x.showCards && h.value ? (p(), T(Qe, {
           key: 0,
           "is-hoverable": _.value,
           pos: l.value,
           onOutside: O[3] || (O[3] = () => h.value = void 0)
         }, {
           default: C(() => [
-            te(A.$slots, "default", {
+            te(x.$slots, "default", {
               building: h.value,
-              canGoToBuilding: A.canGoToBuildingCallback(h.value),
-              goToBuilding: () => A.canGoToBuildingCallback(h.value) && n("goToBuilding", h.value),
+              canGoToBuilding: x.canGoToBuildingCallback(h.value),
+              goToBuilding: () => x.canGoToBuildingCallback(h.value) && n("goToBuilding", h.value),
               pos: l.value,
               isHoverable: _.value,
               close: () => h.value = void 0
@@ -2980,7 +2980,7 @@ const ia = {
     const e = r, n = a, t = E(
       () => e.useSvg ? Ea : Ya
     );
-    return (o, i) => (p(), T(xt(t.value), {
+    return (o, i) => (p(), T(At(t.value), {
       "i18n-config": e.i18nConfig,
       "show-cards": e.showCards,
       "color-callback": e.colorCallback,
@@ -3012,7 +3012,7 @@ const ia = {
   },
   setup(r) {
     const a = r, e = E(() => ie(a.cdnFileResolver, a.timeSampleData.filename));
-    return (n, t) => me((p(), x("img", {
+    return (n, t) => me((p(), A("img", {
       key: e.value,
       src: e.value,
       width: "100%"
@@ -3029,7 +3029,7 @@ const ia = {
   },
   setup(r) {
     const a = r;
-    return (e, n) => (p(!0), x(ue, null, fe(a.dayData.timeSamples, (t) => (p(), T(Wa, {
+    return (e, n) => (p(!0), A(ue, null, fe(a.dayData.timeSamples, (t) => (p(), T(Wa, {
       "time-sample-data": t,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": e.currentTime
@@ -3044,7 +3044,7 @@ const ia = {
   },
   setup(r) {
     const a = r;
-    return (e, n) => (p(!0), x(ue, null, fe(a.cameraData.sunsimDayOfYear, (t) => (p(), T(Na, {
+    return (e, n) => (p(!0), A(ue, null, fe(a.cameraData.sunsimDayOfYear, (t) => (p(), T(Na, {
       "day-data": t,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": a.currentTime
@@ -3178,7 +3178,7 @@ const ia = {
       const s = V("v-icon"), h = V("v-btn"), S = V("v-slider"), g = V("v-field");
       return p(), T(g, { variant: "solo" }, {
         default: C(() => [
-          v.dayData.startTime === v.dayData.endTime ? (p(), x("div", Za, [
+          v.dayData.startTime === v.dayData.endTime ? (p(), A("div", Za, [
             k(s, {
               style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
               class: "py-2 ml-2 mr-2 icon"
@@ -3310,7 +3310,7 @@ const ia = {
     }
     return (s, h) => (p(), T(Ve, null, {
       default: C(() => [
-        (p(), x("div", {
+        (p(), A("div", {
           ref_key: "svgContainer",
           ref: o,
           key: s.currentCamera.overlayFilename,
@@ -3480,14 +3480,14 @@ const lo = {
     }
     function I(w) {
       const { layerX: z, layerY: M } = w;
-      let W = w.target, A = !1;
+      let W = w.target, x = !1;
       for (; W; )
         if (W === S.value) {
-          A = !0;
+          x = !0;
           break;
         } else
           W = W.parentElement;
-      if (A) {
+      if (x) {
         const O = w.currentTarget;
         h.value = {
           x: z,
@@ -3501,7 +3501,7 @@ const lo = {
     }
     return (w, z) => {
       const M = V("v-skeleton-loader");
-      return p(), x(ue, null, [
+      return p(), A(ue, null, [
         k(M, {
           type: "image",
           class: "w-100 h-100 position-relative",
@@ -3517,7 +3517,7 @@ const lo = {
                   onMousemove: I
                 }, [
                   c("div", lo, [
-                    d.value.cameras.length > 1 ? (p(), x("div", ro, [
+                    d.value.cameras.length > 1 ? (p(), A("div", ro, [
                       k(Qa, {
                         "building-chooser-data": d.value,
                         "current-camera": t.value,
@@ -3549,13 +3549,13 @@ const lo = {
                   ]),
                   k(qe, { position: "relative" }, {
                     default: C(() => [
-                      (p(!0), x(ue, null, fe(d.value.cameras, (W) => (p(), T(Ga, {
+                      (p(!0), A(ue, null, fe(d.value.cameras, (W) => (p(), T(Ga, {
                         key: W.overlayFilename,
                         "camera-data": W,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-time": i.value
                       }, null, 8, ["camera-data", "cdn-file-resolver", "current-time"]))), 128)),
-                      e.customOverlayContent ? (p(), x("div", {
+                      e.customOverlayContent ? (p(), A("div", {
                         key: 0,
                         class: "w-100 h-100 position-absolute top-left",
                         style: { "z-index": "5", "pointer-events": "none" },
@@ -3626,10 +3626,10 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
 }, Do = {
   class: "player-control",
   id: "controls-center-left"
-}, Ao = {
+}, xo = {
   class: "player-control",
   id: "controls-center-center"
-}, xo = {
+}, Ao = {
   class: "player-control",
   id: "controls-center-right"
 }, Fo = {
@@ -3718,7 +3718,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
       ), g.animate(), o.value = e.Main.getPlayerAPI(), o.value && o.value.setLookSensitivity(n.mouseSensitivity));
     }), He(() => {
       o.value && o.value.destroy();
-    }), (u, s) => (p(), x("div", Co, [
+    }), (u, s) => (p(), A("div", Co, [
       c("div", ko, [
         te(u.$slots, "slideshow-image", {}, void 0, !0),
         c("div", wo, [
@@ -3733,10 +3733,10 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
         c("div", Do, [
           te(u.$slots, "center-left", {}, void 0, !0)
         ]),
-        c("div", Ao, [
+        c("div", xo, [
           te(u.$slots, "center-center", {}, void 0, !0)
         ]),
-        c("div", xo, [
+        c("div", Ao, [
           te(u.$slots, "center-right", {}, void 0, !0)
         ]),
         c("div", Fo, [
@@ -3791,7 +3791,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
             icon: ""
           }, d, { onClick: u }), {
             default: C(() => [
-              (p(), x("svg", Oo, [
+              (p(), A("svg", Oo, [
                 c("path", {
                   d: "M8.98034 10.3472L1.54055 5.8855L8.98034 1.42384L16.4201 5.8855L8.98034 10.3472Z",
                   fill: "white",
@@ -3830,7 +3830,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
     const e = r, n = a, t = Ne(Le);
     return (o, i) => {
       const l = V("v-icon"), v = V("v-btn"), u = V("v-img"), s = V("v-list-item-title"), h = V("v-list-item"), S = V("v-list"), g = V("v-menu");
-      return p(), x("div", null, [
+      return p(), A("div", null, [
         k(g, {
           transition: "slide-x-reverse-transition",
           location: "top end",
@@ -3855,7 +3855,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
           default: C(() => [
             k(S, { class: "interior-selector-list" }, {
               default: C(() => [
-                (p(!0), x(ue, null, fe(e.availableArchetypes, (d, m) => (p(), T(h, {
+                (p(!0), A(ue, null, fe(e.availableArchetypes, (d, m) => (p(), T(h, {
                   density: "compact",
                   key: `at-menuitem-${m}`,
                   onClick: (y) => n("selectInterior", d.archetypeID),
@@ -3903,7 +3903,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
     }));
     return (o, i) => {
       const l = V("v-img");
-      return p(), x("div", {
+      return p(), A("div", {
         style: ve(n.value),
         class: "compass-wrapper"
       }, [
@@ -3928,7 +3928,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
     }
     return (t, o) => {
       const i = V("v-img");
-      return p(), x("div", Qo, [
+      return p(), A("div", Qo, [
         c("div", qo, [
           k(i, {
             src: R(Go),
@@ -3974,7 +3974,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
             onClick: l[0] || (l[0] = (S) => n("toggle"))
           }, h), {
             default: C(() => [
-              o.value === "virtualTour" ? (p(), x("svg", Ko, al)) : (p(), T(v, { key: 1 }, {
+              o.value === "virtualTour" ? (p(), A("svg", Ko, al)) : (p(), T(v, { key: 1 }, {
                 default: C(() => [
                   K("mdi-image-multiple")
                 ]),
@@ -4481,7 +4481,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
       "stroke-linejoin": "round"
     })
   ])
-], -1)), Dl = { class: "text text-col text-center" }, Al = { class: "box col my-1" }, xl = /* @__PURE__ */ Ye(() => /* @__PURE__ */ c("div", { class: "tutorial-icon justify-center" }, [
+], -1)), Dl = { class: "text text-col text-center" }, xl = { class: "box col my-1" }, Al = /* @__PURE__ */ Ye(() => /* @__PURE__ */ c("div", { class: "tutorial-icon justify-center" }, [
   /* @__PURE__ */ c("svg", {
     width: "49.5",
     height: "32.5",
@@ -4573,7 +4573,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
                     _: 1
                   }),
                   k(g, { class: "my-3" }),
-                  i.value ? $("", !0) : (p(), x("div", rl, [
+                  i.value ? $("", !0) : (p(), A("div", rl, [
                     c("div", sl, [
                       c("div", il, [
                         ul,
@@ -4593,7 +4593,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
                       ])
                     ])
                   ])),
-                  i.value ? (p(), x("div", bl, [
+                  i.value ? (p(), A("div", bl, [
                     c("div", Cl, [
                       kl,
                       c("div", wl, N(R(n).getLabel("tapAndDragToLookAround")), 1)
@@ -4602,8 +4602,8 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
                       Sl,
                       c("div", Dl, N(R(n).getLabel("tapOnTheCirclesToMoveAround")), 1)
                     ]),
-                    c("div", Al, [
-                      xl,
+                    c("div", xl, [
+                      Al,
                       c("div", Fl, N(R(n).getLabel("useTwoFingersToZoom")), 1)
                     ])
                   ])) : $("", !0),
@@ -4858,10 +4858,10 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
     }
     return (d, m) => {
       const y = V("v-text-field"), b = V("v-slider"), _ = V("v-checkbox"), B = V("v-btn"), L = V("v-select"), Y = V("v-icon");
-      return p(), x("div", Rl, [
+      return p(), A("div", Rl, [
         c("form", $l, [
           c("div", Ul, [
-            (p(!0), x(ue, null, fe(t.value, (I, w, z) => (p(), x("div", {
+            (p(!0), A(ue, null, fe(t.value, (I, w, z) => (p(), A("div", {
               key: z,
               "d-block": ""
             }, [
@@ -4910,7 +4910,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
                 ]),
                 _: 2
               }, 1032, ["modelValue", "onUpdate:modelValue"])) : $("", !0),
-              I.type === "color" ? (p(), x("div", {
+              I.type === "color" ? (p(), A("div", {
                 key: 2,
                 class: "d-flex",
                 max: I.max,
@@ -4941,7 +4941,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
                   }, null, 8, ["modelValue", "onUpdate:modelValue"])
                 ])
               ], 8, jl)) : $("", !0),
-              I.type === "lut" ? (p(), x("div", Nl, [
+              I.type === "lut" ? (p(), A("div", Nl, [
                 c("div", Gl, [
                   c("div", Ql, N(I.label), 1),
                   c("div", null, [
@@ -5071,7 +5071,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
     }
     return (i, l) => {
       const v = V("v-btn");
-      return p(), x("div", {
+      return p(), A("div", {
         id: "moveableDiv",
         class: ge(["big d-flex justify-space-between flex-column align-center sizer", n.value])
       }, [
@@ -5117,7 +5117,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
     rotation: {}
   },
   setup(r) {
-    return (a, e) => (p(), x("svg", sr, [
+    return (a, e) => (p(), A("svg", sr, [
       ir,
       c("g", {
         "transform-origin": "20 20",
@@ -5199,7 +5199,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
       const z = w.offsetHeight / 384 * 0.8, M = w.offsetWidth / 512 * 0.8;
       w.offsetHeight > w.offsetWidth ? l.value = M * 0.5 : l.value = z * 0.9;
     }
-    return (w, z) => (p(), x("div", mr, [
+    return (w, z) => (p(), A("div", mr, [
       c("div", pr, [
         c("div", {
           class: "web-minimap",
@@ -5213,10 +5213,10 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
             class: "center-pivot",
             style: ve(i.value)
           }, [
-            (p(!0), x(ue, null, fe(d.value, (M) => (p(), x("div", {
+            (p(!0), A(ue, null, fe(d.value, (M) => (p(), A("div", {
               key: M.id
             }, [
-              s.value.floorLevel === M.floorLevel ? (p(), x("div", {
+              s.value.floorLevel === M.floorLevel ? (p(), A("div", {
                 key: 0,
                 class: "single-camera-marker",
                 style: ve(B(M))
@@ -5242,7 +5242,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
   },
   setup(r) {
     const a = r, e = E(() => a.rotation + a.transformAngle - 90);
-    return (n, t) => (p(), x("div", {
+    return (n, t) => (p(), A("div", {
       class: "minimap-compass",
       style: ve({ scale: n.scale })
     }, [
@@ -5330,7 +5330,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
     }
     return (b, _) => {
       const B = V("v-progress-linear"), L = V("v-icon"), Y = V("v-slider");
-      return p(), x("div", _r, [
+      return p(), A("div", _r, [
         c("div", br, [
           c("div", Cr, [
             o.value ? (p(), T(B, {
@@ -5363,7 +5363,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
               _: 1
             }, 8, ["modelValue"]))
           ]),
-          o.value ? $("", !0) : (p(), x("div", kr, N(h.value) + " " + N(s.value), 1))
+          o.value ? $("", !0) : (p(), A("div", kr, N(h.value) + " " + N(s.value), 1))
         ])
       ]);
     };
@@ -5431,7 +5431,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
       _: 1
     }));
   }
-}), St = /* @__PURE__ */ ee(Sr, [["__scopeId", "data-v-898e645b"]]), Dr = 37, Ar = 39, xr = /* @__PURE__ */ P({
+}), St = /* @__PURE__ */ ee(Sr, [["__scopeId", "data-v-898e645b"]]), Dr = 37, xr = 39, Ar = /* @__PURE__ */ P({
   __name: "VWaypointCarousel",
   props: {
     thumbnails: {},
@@ -5459,7 +5459,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
         case u.keyCode === Dr:
           n("previous");
           break;
-        case u.keyCode === Ar:
+        case u.keyCode === xr:
           n("next");
           break;
         default:
@@ -5471,7 +5471,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
     }
     return (u, s) => {
       const h = V("v-btn"), S = V("v-img"), g = V("v-card"), d = V("v-slide-group-item"), m = V("v-slide-group");
-      return p(), x("div", {
+      return p(), A("div", {
         class: ge({
           mobileWaypointWrapper: i.value,
           desktopWaypointWrapper: !i.value,
@@ -5507,7 +5507,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
             }, null, 8, ["class"])
           ]),
           default: C(() => [
-            (p(!0), x(ue, null, fe(u.thumbnails, (y) => (p(), T(d, {
+            (p(!0), A(ue, null, fe(u.thumbnails, (y) => (p(), T(d, {
               key: y.id
             }, {
               default: C(({ toggle: b, selectedClass: _ }) => [
@@ -5540,7 +5540,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
       ], 2);
     };
   }
-}), rt = /* @__PURE__ */ ee(xr, [["__scopeId", "data-v-0345b87c"]]), Fr = {
+}), rt = /* @__PURE__ */ ee(Ar, [["__scopeId", "data-v-0345b87c"]]), Fr = {
   id: "share-btns-wrapper",
   class: "text-center"
 }, Lr = /* @__PURE__ */ P({
@@ -5573,7 +5573,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
     }
     return (v, u) => {
       const s = V("v-btn"), h = V("v-tooltip"), S = V("v-toolbar-title"), g = V("v-spacer"), d = V("v-toolbar"), m = V("v-card-text"), y = V("v-card"), b = V("v-dialog");
-      return p(), x("div", null, [
+      return p(), A("div", null, [
         k(h, {
           elevation: "2",
           top: "",
@@ -5716,7 +5716,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
   },
   setup(r) {
     const a = r, e = E(() => ({ "background-image": `url("${encodeURI(a.image)}")` }));
-    return (n, t) => (p(), x("div", Mr, [
+    return (n, t) => (p(), A("div", Mr, [
       c("div", {
         class: ge(["img-div", [n.aspectRatio]]),
         style: ve(e.value)
@@ -5736,7 +5736,7 @@ const Co = { id: "player-wrapper" }, ko = { id: "player-sizer" }, wo = {
     const e = a;
     return (n, t) => {
       const o = V("v-btn");
-      return p(), x("div", Er, [
+      return p(), A("div", Er, [
         k(o, {
           density: "comfortable",
           elevation: "3",
@@ -5875,7 +5875,7 @@ const Or = {
       return D;
     }), W = E(() => j.value.findIndex(
       (D) => D.archetypeID === d.value
-    )), A = E(() => s.value ? s.value.cameras.map((D) => ({
+    )), x = E(() => s.value ? s.value.cameras.map((D) => ({
       ...D,
       thumbnailUrl: ot(
         `/${d.value}/${n.apartmentId}/thumbs/200/${D.id}.jpg`
@@ -5883,7 +5883,7 @@ const Or = {
       imageUrl: ot(
         `/${d.value}/${n.apartmentId}/images/1600/${D.id}.jpg`
       )
-    })) : []), O = E(() => !A.value || !A.value[g.value] ? "" : A.value[g.value].imageUrl), j = E(() => {
+    })) : []), O = E(() => !x.value || !x.value[g.value] ? "" : x.value[g.value].imageUrl), j = E(() => {
       let D = [];
       return v.value && (D = v.value.archetypes), n.validInteriorIds.length ? D.filter(
         (X) => n.validInteriorIds.includes(X.archetypeID)
@@ -5891,7 +5891,7 @@ const Or = {
     }), Q = E(() => s.value ? j.value.map((D) => ({
       ...D,
       url: ot(
-        `/${D.archetypeID}/${n.apartmentId}/thumbs/200/${A.value[g.value].id}.jpg`
+        `/${D.archetypeID}/${n.apartmentId}/thumbs/200/${x.value[g.value].id}.jpg`
       )
     })) : []), oe = E(() => {
       if (h.value)
@@ -5924,7 +5924,7 @@ const Or = {
       v.value = await De();
     }
     async function ne() {
-      if (u.value = await Ae(
+      if (u.value = await xe(
         d.value,
         n.apartmentId
       ), u.value && (m.value = u.value.cameras.find(() => !0).id), s.value = await Se(
@@ -5980,7 +5980,7 @@ const Or = {
         return;
       }
     }
-    async function Ae(D, X) {
+    async function xe(D, X) {
       try {
         return await lt(
           `/${D}/${X}/apartment.json`
@@ -6022,14 +6022,14 @@ const Or = {
     }
     function Oe() {
       let D = g.value + 1;
-      D >= A.value.length && (D = 0), g.value = D, le(A.value[g.value].id);
+      D >= x.value.length && (D = 0), g.value = D, le(x.value[g.value].id);
     }
-    function xe() {
+    function Ae() {
       let D = g.value - 1;
-      D < 0 && (D = A.value.length - 1), g.value = D, le(A.value[g.value].id);
+      D < 0 && (D = x.value.length - 1), g.value = D, le(x.value[g.value].id);
     }
     function J(D, X = !0) {
-      let ae = A.value.findIndex((we) => we.id === D);
+      let ae = x.value.findIndex((we) => we.id === D);
       ae != -1 && (g.value = ae, X && le(D));
     }
     function le(D) {
@@ -6114,10 +6114,10 @@ const Or = {
     });
     return (D, X) => {
       const ae = V("v-btn");
-      return p(), x("div", {
+      return p(), A("div", {
         class: ge(["virtual-tour-wrapper", [wt.value]])
       }, [
-        l.value ? (p(), x("div", Or, "Error loading the player!!")) : $("", !0),
+        l.value ? (p(), A("div", Or, "Error loading the player!!")) : $("", !0),
         c("div", Br, [
           !w.value.isActive && h.value && y.value && oe.value && d.value && Y.value ? (p(), T(St, {
             key: 0,
@@ -6129,7 +6129,7 @@ const Or = {
             "current-camera": y.value,
             onClose: X[0] || (X[0] = (we) => Y.value = !1)
           }, null, 8, ["cdn-file-resolver", "apartment-json", "level", "minimap-json", "rotation", "current-camera"])) : $("", !0),
-          d.value && m.value ? (p(), x("div", {
+          d.value && m.value ? (p(), A("div", {
             key: 1,
             class: ge(["v-player", [wt.value]])
           }, [
@@ -6191,7 +6191,7 @@ const Or = {
                   "floor-levels": z.value,
                   onLevel: re
                 }, null, 8, ["level", "floor-levels"])) : $("", !0),
-                I.value && D.adminMode && i.value ? (p(), x("div", Rr, [
+                I.value && D.adminMode && i.value ? (p(), A("div", Rr, [
                   k(er, {
                     "initial-settings": D.playerSettings,
                     onUpdateSettings: Rt,
@@ -6201,7 +6201,7 @@ const Or = {
               ]),
               "top-center": C(() => []),
               "top-right": C(() => [
-                u.value && D.showCompass ? me((p(), x("div", $r, [
+                u.value && D.showCompass ? me((p(), A("div", $r, [
                   k(No, { rotation: b.value }, null, 8, ["rotation"])
                 ], 512)), [
                   [pe, I.value]
@@ -6228,7 +6228,7 @@ const Or = {
                       density: "comfortable",
                       elevation: "3",
                       icon: "mdi-chevron-left",
-                      onClick: xe
+                      onClick: Ae
                     })) : $("", !0)
                   ]),
                   _: 1
@@ -6271,7 +6271,7 @@ const Or = {
                   class: "btn-fullscreen",
                   onToggleFullscreen: Te
                 }, null, 8, ["is-full-screen"])) : $("", !0),
-                I.value && D.showSnapshot ? (p(), x("div", Ur, [
+                I.value && D.showSnapshot ? (p(), A("div", Ur, [
                   k(ae, {
                     density: "comfortable",
                     elevation: "3",
@@ -6286,19 +6286,19 @@ const Or = {
                     onToggle: dt
                   }, null, 8, ["show-static-image"])) : $("", !0)
                 ]),
-                I.value && D.showShare && !w.value.isActive ? (p(), x("div", Yr, [
+                I.value && D.showShare && !w.value.isActive ? (p(), A("div", Yr, [
                   k(Et)
                 ])) : $("", !0)
               ]),
               "bottom-center": C(() => [
-                I.value && D.showCarousel && !mt.value ? (p(), x("div", jr, [
+                I.value && D.showCarousel && !mt.value ? (p(), A("div", jr, [
                   I.value ? (p(), T(rt, {
                     key: 0,
                     class: ge([w.value.isActive ? "full-screen" : ""]),
-                    thumbnails: A.value,
+                    thumbnails: x.value,
                     active: g.value,
                     onNext: Oe,
-                    onPrevious: xe,
+                    onPrevious: Ae,
                     onGoto: J
                   }, null, 8, ["class", "thumbnails", "active"])) : $("", !0)
                 ])) : $("", !0)
@@ -6319,10 +6319,10 @@ const Or = {
             D.showCarousel && s.value && mt.value ? (p(), T(rt, {
               key: 0,
               class: "waypoint-carousel below-player",
-              thumbnails: A.value,
+              thumbnails: x.value,
               active: g.value,
               onNext: Oe,
-              onPrevious: xe,
+              onPrevious: Ae,
               onGoto: J
             }, null, 8, ["thumbnails", "active"])) : $("", !0)
           ], 2)) : $("", !0)
@@ -6364,7 +6364,7 @@ const Or = {
   },
   emits: ["newSizeCallback"],
   setup(r, { emit: a }) {
-    return (e, n) => (p(), x("div", Nr, [
+    return (e, n) => (p(), A("div", Nr, [
       c("div", Gr, [
         te(e.$slots, "slideshow-image", {}, void 0, !0),
         c("div", Qr, [
@@ -6446,7 +6446,7 @@ const Or = {
     }
     return (s, h) => {
       const S = V("v-img"), g = V("v-btn");
-      return p(), x("div", ls, [
+      return p(), A("div", ls, [
         c("div", rs, [
           c("div", null, [
             k(os, {
@@ -6498,7 +6498,7 @@ const Or = {
                   class: "btn-fullscreen",
                   onToggleFullscreen: i
                 }, null, 8, ["is-full-screen"])) : $("", !0),
-                s.showShare ? (p(), x("div", is, [
+                s.showShare ? (p(), A("div", is, [
                   k(Et)
                 ])) : $("", !0)
               ]),
@@ -6540,7 +6540,7 @@ const Or = {
   },
   setup(r) {
     const a = r, { timeSampleData: e, cdnFileResolver: n, currentTime: t } = Ee(a), o = E(() => ie(n.value, e.value.filename));
-    return (i, l) => me((p(), x("img", {
+    return (i, l) => me((p(), A("img", {
       key: o.value,
       src: o.value,
       width: "100%"
@@ -6558,7 +6558,7 @@ const Or = {
   },
   setup(r) {
     const a = r, { dayData: e, cdnFileResolver: n, currentTime: t } = Ee(a);
-    return (o, i) => (p(!0), x(ue, null, fe(R(e).timeSamples, (l) => (p(), T(ms, {
+    return (o, i) => (p(!0), A(ue, null, fe(R(e).timeSamples, (l) => (p(), T(ms, {
       key: l.filename,
       "time-sample-data": l,
       "cdn-file-resolver": R(n),
@@ -6579,13 +6579,13 @@ const Or = {
       n.value,
       t.value.defaultFilename
     ));
-    return (l, v) => R(e).sunsimDayOfYear ? (p(!0), x(ue, { key: 0 }, fe(R(e).sunsimDayOfYear, (u) => (p(), T(ps, {
+    return (l, v) => R(e).sunsimDayOfYear ? (p(!0), A(ue, { key: 0 }, fe(R(e).sunsimDayOfYear, (u) => (p(), T(ps, {
       key: u.dayOfYear,
       "day-data": u,
       "cdn-file-resolver": R(n),
       "current-day": l.currentDay,
       "current-time": R(o)
-    }, null, 8, ["day-data", "cdn-file-resolver", "current-day", "current-time"]))), 128)) : me((p(), x("img", {
+    }, null, 8, ["day-data", "cdn-file-resolver", "current-day", "current-time"]))), 128)) : me((p(), A("img", {
       key: i.value,
       src: i.value,
       width: "100%"
@@ -6602,7 +6602,7 @@ const Or = {
   },
   setup(r) {
     const a = r, { transitionData: e, cdnFileResolver: n, currentTransition: t } = Ee(a), o = E(() => ie(n.value, e.value.filename));
-    return (i, l) => me((p(), x("img", {
+    return (i, l) => me((p(), A("img", {
       key: o.value,
       src: o.value,
       class: "position-absolute top-left w-100 h-100"
@@ -6738,7 +6738,7 @@ const ks = {
       const S = V("v-icon"), g = V("v-btn"), d = V("v-slider"), m = V("v-field");
       return p(), T(m, { variant: "solo" }, {
         default: C(() => [
-          R(n).startTime === R(n).endTime ? (p(), x("div", ks, [
+          R(n).startTime === R(n).endTime ? (p(), A("div", ks, [
             k(S, {
               style: { "vertical-align": "baseline", "font-size": "20px" },
               class: "py-2 ml-2 mr-2 icon"
@@ -6815,7 +6815,7 @@ const ks = {
       })) : $("", !0);
     };
   }
-}), As = /* @__PURE__ */ P({
+}), xs = /* @__PURE__ */ P({
   __name: "VStructureChooserUiRotator",
   props: {
     structureChooserData: {},
@@ -6833,19 +6833,19 @@ const ks = {
     }), be(() => {
       i("onSceneChange", l.value);
     });
-    const u = E(() => v.value ? !1 : t.value.loopable ? !0 : l.value !== t.value.angles[0]), s = E(() => v.value ? !1 : t.value.loopable ? !0 : l.value !== t.value.angles[t.value.angles.length - 1]);
+    const u = E(() => v.value ? !1 : t.value.loopable ? !0 : l.value !== t.value.stillCameraIndices[0]), s = E(() => v.value ? !1 : t.value.loopable ? !0 : l.value !== t.value.stillCameraIndices[t.value.stillCameraIndices.length - 1]);
     function h() {
       const m = l.value;
-      let y = t.value.angles.findIndex((_) => _ === m) + 1;
-      y >= t.value.angles.length && (y = 0);
-      const b = t.value.angles[y];
+      let y = t.value.stillCameraIndices.findIndex((_) => _ === m) + 1;
+      y >= t.value.stillCameraIndices.length && (y = 0);
+      const b = t.value.stillCameraIndices[y];
       t.value.loopable && m > b, d(m, b);
     }
     async function S() {
       const m = l.value;
-      let y = t.value.angles.findIndex((_) => _ === m) - 1;
-      y < 0 && (y = t.value.angles.length - 1);
-      const b = t.value.angles[y];
+      let y = t.value.stillCameraIndices.findIndex((_) => _ === m) - 1;
+      y < 0 && (y = t.value.stillCameraIndices.length - 1);
+      const b = t.value.stillCameraIndices[y];
       t.value.loopable && m < b, d(m, b);
     }
     function g(m) {
@@ -6876,7 +6876,7 @@ const ks = {
     }
     return (m, y) => {
       const b = V("v-btn");
-      return p(), x(ue, null, [
+      return p(), A(ue, null, [
         k(b, {
           class: "mx-2",
           icon: "mdi-restore",
@@ -6895,7 +6895,7 @@ const ks = {
       ], 64);
     };
   }
-}), xs = ["innerHTML"], Fs = /* @__PURE__ */ P({
+}), As = ["innerHTML"], Fs = /* @__PURE__ */ P({
   __name: "VStructureChooserOverlay",
   props: {
     cdnFileResolver: { type: [String, Function] },
@@ -6979,14 +6979,14 @@ const ks = {
     }
     return (g, d) => (p(), T(Ve, null, {
       default: C(() => [
-        (p(), x("div", {
+        (p(), A("div", {
           ref_key: "svgContainer",
           ref: u,
           key: R(o).overlayFilename,
           class: "w-100 h-100 position-absolute top-left",
           style: { "z-index": "5" },
           innerHTML: v.value
-        }, null, 8, xs))
+        }, null, 8, As))
       ]),
       _: 1
     }));
@@ -7000,8 +7000,8 @@ function Ms(r) {
     "latitude",
     "longitude",
     "structures",
-    "angles",
-    "angleData",
+    "stillCameraIndices",
+    "stillCameraData",
     "loopable",
     "cameras"
   ];
@@ -7067,8 +7067,8 @@ function Bs(r) {
         name: i,
         type: "building"
       })),
-      angles: r.cameras.map((o, i) => i),
-      angleData: r.buildings.map(({ id: o }) => ({ angle: 0, id: o })),
+      stillCameraIndices: r.cameras.map((o, i) => i),
+      stillCameraData: r.buildings.map(({ id: o }) => ({ bestIndex: 0, id: o })),
       loopable: !1,
       cameras: r.cameras.map((o) => {
         var l;
@@ -7124,14 +7124,14 @@ function Bs(r) {
         name: l,
         type: "building"
       })),
-      angles: [0],
-      angleData: r.buildings.map(({ id: i }) => ({ angle: 0, id: i })),
+      stillCameraIndices: [0],
+      stillCameraData: r.buildings.map(({ id: i }) => ({ bestIndex: 0, id: i })),
       loopable: !1,
       cameras: [
         {
           cameraName: "",
           cameraPosition: r.cameraPosition,
-          cameraRotation: At(
+          cameraRotation: xt(
             r.cameraRotation.normalized || r.cameraRotation
           ),
           cameraFov: r.cameraFov,
@@ -7168,9 +7168,9 @@ function Bs(r) {
           name: o,
           type: "unit"
         })),
-        angles: r.scenes,
-        angleData: r.unitData.map(({ bestScene: o, unitId: i }) => ({
-          angle: o,
+        stillCameraIndices: r.scenes,
+        stillCameraData: r.unitData.map(({ bestScene: o, unitId: i }) => ({
+          bestIndex: o,
           id: i
         })),
         loopable: r.loopable,
@@ -7229,7 +7229,7 @@ function Bs(r) {
         u = o[v].filename, s = {
           cameraName: `Camera ${l + 1}`,
           cameraPosition: void 0,
-          cameraRotation: r.sceneCameras && (n = r.sceneCameras.find((h) => h.scene === l)) != null && n.cameraRotation ? At(
+          cameraRotation: r.sceneCameras && (n = r.sceneCameras.find((h) => h.scene === l)) != null && n.cameraRotation ? xt(
             (t = r.sceneCameras.find((h) => h.scene === l)) == null ? void 0 : t.cameraRotation
           ) : void 0,
           cameraFov: 0,
@@ -7264,11 +7264,11 @@ function Bs(r) {
           name: l,
           type: "unit"
         })),
-        angles: r.scenes,
-        angleData: r.sceneData.map(({ apartmentID: l, bestScene: v }) => ({
-          angle: i.findIndex((u) => u === v) in r.scenes ? r.scenes[i.findIndex((u) => u === v)] : null,
+        stillCameraIndices: r.scenes,
+        stillCameraData: r.sceneData.map(({ apartmentID: l, bestScene: v }) => ({
+          bestIndex: i.findIndex((u) => u === v) in r.scenes ? r.scenes[i.findIndex((u) => u === v)] : null,
           id: l
-        })).filter(({ angle: l }) => l !== null),
+        })).filter(({ bestIndex: l }) => l !== null),
         loopable: !0,
         cameras: o
       };
@@ -7276,7 +7276,7 @@ function Bs(r) {
       throw new Error("cannot convert data, no conversion source type found");
   }
 }
-function At({ x: r, y: a, z: e }) {
+function xt({ x: r, y: a, z: e }) {
   return {
     x: r,
     y: a,
@@ -7327,7 +7327,7 @@ const Rs = {
       Le,
       i.value ? new Fe(i.value) : new Fe()
     );
-    const m = f(), y = f(), b = f(), _ = f(null), B = f(4), L = f(), Y = f(!1), I = f(!1), w = f(), z = f(), M = E(() => z.value.isHoverEnabled), W = f({ x: 0, y: 0, width: 0, height: 0 }), A = f(), O = f(), j = f(), Q = f(!1);
+    const m = f(), y = f(), b = f(), _ = f(null), B = f(4), L = f(), Y = f(!1), I = f(!1), w = f(), z = f(), M = E(() => z.value.isHoverEnabled), W = f({ x: 0, y: 0, width: 0, height: 0 }), x = f(), O = f(), j = f(), Q = f(!1);
     ye(() => {
       Y.value = !0;
     });
@@ -7415,7 +7415,7 @@ const Rs = {
     function De(J) {
       const le = b.value;
       y.value = J, Ce(() => {
-        Ae(
+        xe(
           y.value.timeSamples.find(
             (he) => he.timeInHours === le.timeInHours
           ) || y.value.timeSamples.find(
@@ -7424,15 +7424,15 @@ const Rs = {
         );
       });
     }
-    function Ae(J) {
+    function xe(J) {
       b.value = J;
     }
     function Se(J) {
       d("onClick", J, () => {
-        const le = j.value.angleData.find(
+        const le = j.value.stillCameraData.find(
           (he) => he.id === J
         );
-        le && w.value.rotateShortestRoute(le.angle);
+        le && w.value.rotateShortestRoute(le.bestIndex);
       });
     }
     function Me(J) {
@@ -7441,11 +7441,11 @@ const Rs = {
     function Oe(J) {
       d("onHoverOut", J), L.value = void 0;
     }
-    function xe(J) {
+    function Ae(J) {
       const { layerX: le, layerY: he } = J;
       let Z = J.target, q = !1;
       for (; Z; )
-        if (Z === A.value) {
+        if (Z === x.value) {
           q = !0;
           break;
         } else
@@ -7464,7 +7464,7 @@ const Rs = {
     }
     return (J, le) => {
       const he = V("v-text-field"), Z = V("v-skeleton-loader");
-      return p(), x(ue, null, [
+      return p(), A(ue, null, [
         k(Z, {
           type: "image",
           class: "w-100 h-100 position-relative",
@@ -7477,10 +7477,11 @@ const Rs = {
                   ref_key: "container",
                   ref: O,
                   class: ge({ mobile: Q.value }),
-                  onMousemove: xe
+                  style: { "min-height": "104px" },
+                  onMousemove: Ae
                 }, [
                   c("div", Rs, [
-                    oe.value ? (p(), x("div", {
+                    oe.value ? (p(), A("div", {
                       key: 0,
                       class: ge({
                         "pa-1": !0,
@@ -7506,7 +7507,7 @@ const Rs = {
                         "prepend-inner-icon": "mdi-camera"
                       }, null, 8, ["value"])) : $("", !0)
                     ], 2)) : $("", !0),
-                    F.value ? (p(), x("div", {
+                    F.value ? (p(), A("div", {
                       key: 1,
                       class: ge({
                         "pa-1": !0,
@@ -7532,7 +7533,7 @@ const Rs = {
                         "prepend-inner-icon": "mdi-calendar"
                       }, null, 8, ["value"])) : $("", !0)
                     ], 2)) : $("", !0),
-                    U.value ? (p(), x("div", {
+                    U.value ? (p(), A("div", {
                       key: 2,
                       class: ge({
                         "pa-1": !0,
@@ -7545,7 +7546,7 @@ const Rs = {
                         "current-day": y.value,
                         "current-time": b.value,
                         disabled: I.value,
-                        onOnTimeChange: Ae
+                        onOnTimeChange: xe
                       }, null, 8, ["current-day", "current-time", "disabled"])) : y.value.timeSamples.length === 1 ? (p(), T(he, {
                         key: 1,
                         readonly: "",
@@ -7558,7 +7559,7 @@ const Rs = {
                     ], 2)) : $("", !0)
                   ]),
                   c("div", $s, [
-                    j.value.cameras.length > 1 ? (p(), T(As, {
+                    j.value.cameras.length > 1 ? (p(), T(xs, {
                       key: 0,
                       ref_key: "rotator",
                       ref: w,
@@ -7591,7 +7592,7 @@ const Rs = {
                   ]),
                   k(qe, { position: "relative" }, {
                     default: C(() => [
-                      (p(!0), x(ue, null, fe(G.value, (q, re) => (p(), T(hs, {
+                      (p(!0), A(ue, null, fe(G.value, (q, re) => (p(), T(hs, {
                         key: `camera${re}`,
                         "camera-data": q,
                         "cdn-file-resolver": R(t),
@@ -7599,13 +7600,13 @@ const Rs = {
                         "current-day": y.value,
                         "current-time": b.value
                       }, null, 8, ["camera-data", "cdn-file-resolver", "current-camera", "current-day", "current-time"]))), 128)),
-                      (p(!0), x(ue, null, fe(ne.value, (q, re) => (p(), T(_s, {
+                      (p(!0), A(ue, null, fe(ne.value, (q, re) => (p(), T(_s, {
                         key: `transition${re}`,
                         "transition-data": q,
                         "cdn-file-resolver": R(t),
                         "current-transition": _.value
                       }, null, 8, ["transition-data", "cdn-file-resolver", "current-transition"]))), 128)),
-                      R(l) ? (p(), x("div", {
+                      R(l) ? (p(), A("div", {
                         key: 0,
                         class: "w-100 h-100 position-absolute top-left",
                         style: { "z-index": "6", "pointer-events": "none" },
@@ -7620,7 +7621,7 @@ const Rs = {
                         onOnClick: Se,
                         onOnHoverOver: Me,
                         onOnHoverOut: Oe,
-                        onUpdateSvgContainer: le[2] || (le[2] = (q) => A.value = q)
+                        onUpdateSvgContainer: le[2] || (le[2] = (q) => x.value = q)
                       }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id"])), [
                         [pe, _.value === null]
                       ]) : $("", !0)
@@ -7653,7 +7654,7 @@ const Rs = {
       ], 64);
     };
   }
-}), Ps = /* @__PURE__ */ ee(js, [["__scopeId", "data-v-235cc949"]]), qs = {
+}), Ps = /* @__PURE__ */ ee(js, [["__scopeId", "data-v-2e5b53d8"]]), qs = {
   install: function(a) {
     a.component("VApartmentChooser", En), a.component("VBuildingChooser", ja), a.component("VVirtualTour", Wr), a.component("VManualSlideShow", cs), a.component("VStructureChooser", Ps);
   }