@qispace/vue3-player 0.3.38 → 0.3.39

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

@@ -89,7 +89,7 @@ const Ga = /* @__PURE__ */ W({
       width: o.value + "px",
       height: r.value + "px",
       cursor: _.value
-    })), H = $(() => `hover-${w.value ? "over" : "out"}-${x.value ? typeof x.value == "object" && "unitId" in x.value ? x.value.unitId : x.value : ""}`);
+    })), Y = $(() => `hover-${w.value ? "over" : "out"}-${x.value ? typeof x.value == "object" && "unitId" in x.value ? x.value.unitId : x.value : ""}`);
     U(
       B,
       () => {
@@ -120,7 +120,7 @@ const Ga = /* @__PURE__ */ W({
       }
     ), U(x, () => {
       we(), x.value ? _.value = "pointer" : _.value = "auto";
-    }), U(H, () => {
+    }), U(Y, () => {
       w.value ? n("hoverOver", {
         hoverUnit: x.value ? x.value.unitId : !1,
         closeHandler: () => xe()
@@ -188,7 +188,7 @@ const Ga = /* @__PURE__ */ W({
     }
     function J(N, K) {
       k.value = N, c.value = K;
-      const ve = I.value.offsetWidth / I.value.width, je = I.value.offsetHeight / I.value.height, Re = (N / ve).toFixed(), Y = (K / je).toFixed(), Q = Number(Y) * (I.value.width * 4) + Number(Re) * 4, fe = i.value.data[Q];
+      const ve = I.value.offsetWidth / I.value.width, je = I.value.offsetHeight / I.value.height, Re = (N / ve).toFixed(), H = (K / je).toFixed(), Q = Number(H) * (I.value.width * 4) + Number(Re) * 4, fe = i.value.data[Q];
       return i.value.data[Q + 3] > 0 ? fe : -1;
     }
     function q() {
@@ -199,10 +199,10 @@ const Ga = /* @__PURE__ */ W({
             const je = re(K.index);
             let Re = "idle";
             !x.value && e.selectedUnitId && je === e.selectedUnitId ? Re = "selected" : x.value && f.value === K.index && (Re = "hover");
-            const Y = e.colorCallback(K.unitId, Re);
-            if (Y)
+            const H = e.colorCallback(K.unitId, Re);
+            if (H)
               for (let Q = 0; Q < ve.length; Q++)
-                p.value.data[ve[Q]] = Y.r, p.value.data[ve[Q] + 1] = Y.g, p.value.data[ve[Q] + 2] = Y.b, p.value.data[ve[Q] + 3] = Y.a;
+                p.value.data[ve[Q]] = H.r, p.value.data[ve[Q] + 1] = H.g, p.value.data[ve[Q] + 2] = H.b, p.value.data[ve[Q] + 3] = H.a;
           }
         }
       });
@@ -880,7 +880,7 @@ const on = {
           x: J - oe,
           y: q - re
         };
-        H(se.x), G(se.y), f.value = !0, i.value = O;
+        Y(se.x), G(se.y), f.value = !0, i.value = O;
       }
     }
     function L(O) {
@@ -900,7 +900,7 @@ const on = {
           x: J - oe,
           y: q - re
         };
-        H(se.x), G(se.y);
+        Y(se.x), G(se.y);
       } else if (p.value && O.touches.length === 2) {
         const { x: J, y: q } = S(O.touches[0]), { x: oe, y: re } = S(
           i.value.touches[0]
@@ -921,7 +921,7 @@ const on = {
         y: O.clientY - q
       };
     }
-    function H(O) {
+    function Y(O) {
       const J = w.value.clientWidth, q = J * c.value;
       r.value = Math.max(
         Math.min(0, r.value + O),
@@ -939,7 +939,7 @@ const on = {
       const oe = J !== void 0 ? J : w.value.clientWidth / 2, re = q !== void 0 ? q : w.value.clientHeight / 2, se = w.value.clientWidth, be = w.value.clientHeight, ie = se * c.value, Fe = be * c.value;
       o.value = Math.min(Math.max(100, o.value + O), h.value);
       const Le = se * c.value, ze = be * c.value, we = Le - ie, xe = ze - Fe;
-      r.value -= oe / se * we, l.value -= re / be * xe, H(0), G(0);
+      r.value -= oe / se * we, l.value -= re / be * xe, Y(0), G(0);
     }
     function j() {
       a("update", {
@@ -1071,11 +1071,11 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
       }).reduce((B, te) => ({ ...B, [te.unitId]: te.scene }), {}) : {};
       const L = (B, te = "unitId") => {
         let x = I, S = [];
-        for (let H = 0; H < Ot; H++)
+        for (let Y = 0; Y < Ot; Y++)
           S.push(x), x = Kt(x);
-        return B.sort((H, G) => {
+        return B.sort((Y, G) => {
           const de = S.findIndex(
-            (O) => O === r.value[H[te]]
+            (O) => O === r.value[Y[te]]
           ), j = S.findIndex(
             (O) => O === r.value[G[te]]
           );
@@ -2050,7 +2050,7 @@ const no = {
         O && w.value.rotateShortestRoute(O.bestScene);
       });
     }
-    function H(j) {
+    function Y(j) {
       n("onHoverOver", j), p.value = j;
     }
     function G(j) {
@@ -2169,7 +2169,7 @@ const no = {
                         "current-camera": a.value,
                         "selected-id": e.selectedId,
                         onOnClick: S,
-                        onOnHoverOver: H,
+                        onOnHoverOver: Y,
                         onOnHoverOut: G,
                         onUpdateSvgContainer: O[2] || (O[2] = (q) => _.value = q)
                       }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id"]), [
@@ -2393,9 +2393,9 @@ const no = {
       x ? n("hoverOverBuilding", x) : n("hoverOutBuilding", S);
     }), Ve(() => {
       if (e.buildingChooserTimeOfDay) {
-        const [x, S, H] = /^(\d\d):(\d\d)$/.exec(
+        const [x, S, Y] = /^(\d\d):(\d\d)$/.exec(
           e.buildingChooserTimeOfDay
-        ), G = parseInt(H);
+        ), G = parseInt(Y);
         m.value = parseInt(S) * 2 + (G < 15 ? 0 : G > 45 ? 2 : 1);
       }
     }), Ie(async () => {
@@ -2409,16 +2409,16 @@ const no = {
           buildingOverlays: S.buildingOverlays,
           viewLongitude: S.viewLongitude
         };
-        const H = [];
+        const Y = [];
         for (let { id: G, url: de } of S.buildingOverlays)
           i.value.loadJson(de.replace(".png", ".svg")).then((j) => {
             const J = new DOMParser().parseFromString(j, "image/svg+xml").getElementsByTagName("svg")[0];
-            w.value = J.getAttribute("viewBox"), H.push({
+            w.value = J.getAttribute("viewBox"), Y.push({
               id: G,
               svg: J.innerHTML
             });
           });
-        f.value = H;
+        f.value = Y;
       } else
         p.value = !0;
     });
@@ -2432,8 +2432,8 @@ const no = {
       const S = e.colorCallback(
         x,
         x === l.value ? "hover" : "idle"
-      ), H = [];
-      return x === l.value ? H.push("hover") : H.push("idle"), S && e.canGoToBuildingCallback(x) ? H.push("clickable") : H.push("restricted"), H.join(" ");
+      ), Y = [];
+      return x === l.value ? Y.push("hover") : Y.push("idle"), S && e.canGoToBuildingCallback(x) ? Y.push("clickable") : Y.push("restricted"), Y.join(" ");
     }
     function I(x) {
       const S = e.colorCallback(
@@ -2441,12 +2441,12 @@ const no = {
         x === l.value ? "hover" : "idle"
       );
       if (S) {
-        const { r: H, g: G, b: de, a: j, s: O } = S;
+        const { r: Y, g: G, b: de, a: j, s: O } = S;
         return {
           strokeWidth: O !== void 0 ? O : 2,
-          stroke: `rgb(${H}, ${G}, ${de})`,
+          stroke: `rgb(${Y}, ${G}, ${de})`,
           strokeOpacity: 1,
-          fill: `rgb(${H}, ${G}, ${de})`,
+          fill: `rgb(${Y}, ${G}, ${de})`,
           fillOpacity: j / 255,
           cursor: `${e.canGoToBuildingCallback(x) ? "cursor" : "default"} !important`
         };
@@ -2461,27 +2461,27 @@ const no = {
         };
     }
     function L(x, S) {
-      const { layerX: H, layerY: G } = x;
+      const { layerX: Y, layerY: G } = x;
       g.value && (r.value = {
-        x: H,
+        x: Y,
         y: G,
         width: o.value.width,
         height: o.value.height
       }, l.value = S, n("hoverOverBuilding", S));
     }
     function X(x, S) {
-      const { layerX: H, layerY: G } = x;
+      const { layerX: Y, layerY: G } = x;
       g.value && (r.value = {
-        x: H,
+        x: Y,
         y: G,
         width: o.value.width,
         height: o.value.height
       }, l.value = void 0, n("hoverOutBuilding", S));
     }
     function B(x, S) {
-      const { layerX: H, layerY: G } = x;
+      const { layerX: Y, layerY: G } = x;
       g.value && (r.value = {
-        x: H,
+        x: Y,
         y: G,
         width: o.value.width,
         height: o.value.height
@@ -2491,9 +2491,9 @@ const no = {
       l.value = x, g.value && l.value && e.canGoToBuildingCallback(l.value) && n("goToBuilding", l.value);
     }
     return (x, S) => {
-      const H = E("v-icon");
+      const Y = E("v-icon");
       return p.value ? (v(), D("div", wo, [
-        C(H, { "x-large": "" }, {
+        C(Y, { "x-large": "" }, {
           default: b(() => [
             ae("mdi-alert-circle-outline")
           ]),
@@ -2676,9 +2676,9 @@ const no = {
     });
     Ve(() => {
       if (e.buildingChooserTimeOfDay) {
-        const [x, S, H] = /^(\d\d):(\d\d)$/.exec(
+        const [x, S, Y] = /^(\d\d):(\d\d)$/.exec(
           e.buildingChooserTimeOfDay
-        ), G = parseInt(H);
+        ), G = parseInt(Y);
         w.value = parseInt(S) * 2 + (G < 15 ? 0 : G > 45 ? 2 : 1);
       }
     }), U(f, (x, S) => {
@@ -2701,7 +2701,7 @@ const no = {
       o.value = { preloaded: !1, ready: !1 };
     }
     function P(x) {
-      const { layerX: S, layerY: H } = x, { x: G, y: de } = k.value(S, H);
+      const { layerX: S, layerY: Y } = x, { x: G, y: de } = k.value(S, Y);
       return p.value.getBuildingId(
         i.value,
         G,
@@ -2714,10 +2714,10 @@ const no = {
           x.setupDraw();
     }
     function L(x) {
-      const { layerX: S, layerY: H } = x;
+      const { layerX: S, layerY: Y } = x;
       g.value && (f.value = P(x), f.value !== void 0 && (l.value = {
         x: S,
-        y: H,
+        y: Y,
         width: r.value.width,
         height: r.value.height
       }));
@@ -2735,9 +2735,9 @@ const no = {
       k.value = x;
     }
     return (x, S) => {
-      const H = E("v-icon");
+      const Y = E("v-icon");
       return c.value ? (v(), D("div", To, [
-        C(H, { "x-large": "" }, {
+        C(Y, { "x-large": "" }, {
           default: b(() => [
             ae("mdi-alert-circle-outline")
           ]),
@@ -5022,14 +5022,14 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       t.storey.position.y,
       t.storey.position.z
     )), y = $(() => parseFloat(c.value.floor_vertical_position)), g = $(() => k.value.map((x) => {
-      const S = x.uposition.split(","), H = new it(
+      const S = x.uposition.split(","), Y = new it(
         Number(S[0]) - _.value.x,
         0,
         Number(S[2]) - _.value.z
       );
       return {
         ...x,
-        ...X(r.value, H)
+        ...X(r.value, Y)
       };
     })), T = $(() => ({
       backgroundImage: `url(${t.backgroundImage})`,
@@ -5061,8 +5061,8 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       };
     }
     function X(x, S) {
-      var H = new it();
-      const G = H.subVectors(x, S);
+      var Y = new it();
+      const G = Y.subVectors(x, S);
       return {
         relativePosition: G,
         left: G.x / a.value * 100,
@@ -5072,15 +5072,15 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
     function B() {
       const x = t.storey.position.y - y.value;
       o.value = 2 * (x * Math.tan(P(t.storey.fovY / 2))), a.value = 512 / 384 * o.value;
-      const S = o.value / 2, H = a.value / 2, G = new it(H * -1, 0, S * -1);
+      const S = o.value / 2, Y = a.value / 2, G = new it(Y * -1, 0, S * -1);
       r.value = G;
     }
     function te() {
       const x = document.getElementById("moveableDiv");
       if (!x)
         return;
-      const S = x.offsetHeight / 384 * 0.8, H = x.offsetWidth / 512 * 0.8;
-      x.offsetHeight > x.offsetWidth ? p.value = H * 0.5 : p.value = S * 0.9;
+      const S = x.offsetHeight / 384 * 0.8, Y = x.offsetWidth / 512 * 0.8;
+      x.offsetHeight > x.offsetWidth ? p.value = Y * 0.5 : p.value = S * 0.9;
     }
     return (x, S) => (v(), D("div", pr, [
       u("div", fr, [
@@ -5096,29 +5096,29 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
             class: "center-pivot",
             style: ce(m.value)
           }, [
-            (v(!0), D(me, null, _e(g.value, (H) => (v(), D("div", {
-              key: H.id
+            (v(!0), D(me, null, _e(g.value, (Y) => (v(), D("div", {
+              key: Y.id
             }, [
-              c.value.floorLevel === H.floorLevel ? (v(), D("div", {
+              c.value.floorLevel === Y.floorLevel ? (v(), D("div", {
                 key: 0,
                 class: "single-camera-marker",
-                style: ce(L(H))
+                style: ce(L(Y))
               }, null, 4)) : R("", !0),
               ne(x.$slots, "default", {
-                id: H.id,
-                camera: H,
-                active: c.value.id === H.id,
+                id: Y.id,
+                camera: Y,
+                active: c.value.id === Y.id,
                 style: ce({
-                  ...L(H),
+                  ...L(Y),
                   position: "absolute",
                   zIndex: "3"
                 })
               }, () => [
-                c.value.id === H.id && t.rotation !== null ? (v(), V(mr, {
+                c.value.id === Y.id && t.rotation !== null ? (v(), V(mr, {
                   key: 0,
                   class: "rotation-marker-component-base rotation-marker-component",
                   rotation: h.value,
-                  style: ce({ ...L(H) })
+                  style: ce({ ...L(Y) })
                 }, null, 8, ["rotation", "style"])) : R("", !0)
               ], !0)
             ]))), 128))
@@ -6003,7 +6003,7 @@ const Nr = {
       screenToWorld: La,
       clearCurrentMarkerLayer: Aa
     });
-    const H = d(!1), G = d(!1), de = d(!1), j = d(), O = d(), J = d(), q = d(), oe = d(), re = d(0), se = d(), be = d(), ie = d(), Fe = d(0), Le = d(0), ze = d(0), we = d(!1), xe = d(!1), Be = d(), De = d(!1), N = d(!1), K = d(
+    const Y = d(!1), G = d(!1), de = d(!1), j = d(), O = d(), J = d(), q = d(), oe = d(), re = d(0), se = d(), be = d(), ie = d(), Fe = d(0), Le = d(0), ze = d(0), we = d(!1), xe = d(!1), Be = d(), De = d(!1), N = d(!1), K = d(
       new ia(document, "player-wrapper")
     ), ve = d(), je = $(() => {
       if (O.value) {
@@ -6028,7 +6028,7 @@ const Nr = {
         Se !== -1 && (F = Se);
       }
       return F;
-    }), Y = $(() => he.value.findIndex(
+    }), H = $(() => he.value.findIndex(
       (F) => F.archetypeID === se.value
     )), Q = $(() => J.value ? J.value.cameras.map((F) => ({
       ...F,
@@ -6103,8 +6103,8 @@ const Nr = {
         N.value = !0, oe.value.unloadSunSim();
     }), Ie(async () => {
       try {
-        ua.value ? (H.value = !1, N.value = !0) : setTimeout(() => {
-          H.value = !0;
+        ua.value ? (Y.value = !1, N.value = !0) : setTimeout(() => {
+          Y.value = !0;
         }, 1e3);
       } catch (F) {
         de.value = !0, S("onError", F);
@@ -6113,7 +6113,7 @@ const Nr = {
       document.removeEventListener("wheel", St);
     });
     function ca(F = !1) {
-      N.value = !0, H.value = !1, F && da();
+      N.value = !0, Y.value = !1, F && da();
     }
     function da() {
       const F = ue(
@@ -6411,7 +6411,7 @@ const Nr = {
                   icon: "mdi-alert-outline",
                   elevation: "3",
                   class: "mr-2",
-                  onClick: z[2] || (z[2] = (Se) => H.value = !H.value)
+                  onClick: z[2] || (z[2] = (Se) => Y.value = !Y.value)
                 }, null, 512), [
                   [ke, N.value]
                 ]),
@@ -6475,7 +6475,7 @@ const Nr = {
                 })
               ]),
               "center-center": b(() => [
-                H.value ? (v(), V(Vs, {
+                Y.value ? (v(), V(Vs, {
                   key: 0,
                   onCloseTutorial: z[5] || (z[5] = (Se) => ca(Se))
                 })) : R("", !0),
@@ -6585,7 +6585,7 @@ const Nr = {
                     key: 0,
                     "cdn-file-resolver": A(a),
                     "available-archetypes": ye.value,
-                    "selected-index": Y.value,
+                    "selected-index": H.value,
                     onSelectInterior: Ut
                   }, null, 8, ["cdn-file-resolver", "available-archetypes", "selected-index"])) : R("", !0)
                 ])
@@ -7769,7 +7769,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       $e,
       l.value ? new He(l.value) : new He()
     );
-    const h = d(), _ = d(), y = d(), g = d(null), T = d(4), M = d(), P = d(!1), I = d(!1), L = d(), X = $(() => L.value.isHoverEnabled), B = d({ x: 0, y: 0, width: 0, height: 0 }), te = d(), x = d(), S = d(), H = d(!1), G = d(), de = d({
+    const h = d(), _ = d(), y = d(), g = d(null), T = d(4), M = d(), P = d(!1), I = d(!1), L = d(), X = $(() => L.value.isHoverEnabled), B = d({ x: 0, y: 0, width: 0, height: 0 }), te = d(), x = d(), S = d(), Y = d(!1), G = d(), de = d({
       current: 100,
       min: 100,
       max: 1e3
@@ -7783,21 +7783,21 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
         currentScene: T.value
       }),
       setState: ({
-        currentCamera: Y,
+        currentCamera: H,
         currentDay: Q,
         currentTime: fe,
         currentTransition: he,
         currentScene: ye
       }) => {
-        h.value = Y, _.value = Q, y.value = fe, g.value = he, T.value = ye;
+        h.value = H, _.value = Q, y.value = fe, g.value = he, T.value = ye;
       }
     }), Ie(() => {
       P.value = !0, j.value = !1;
     }), U(
       a,
-      (Y) => {
+      (H) => {
         try {
-          j.value = !1, S.value = nu(Y);
+          j.value = !1, S.value = nu(H);
         } catch (Q) {
           j.value = !0, c("onError", Q);
         }
@@ -7805,8 +7805,8 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       {
         immediate: !0
       }
-    ), U(P, (Y) => {
-      Y && c("onInitialize");
+    ), U(P, (H) => {
+      H && c("onInitialize");
     });
     const O = d(), J = d(0);
     U(
@@ -7822,7 +7822,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       () => x.value,
       () => {
         x.value && new ResizeObserver(([Q]) => {
-          H.value = Q.contentRect.width < k.value;
+          Y.value = Q.contentRect.width < k.value;
         }).observe(x.value);
       }
     );
@@ -7835,9 +7835,9 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       [S, o, i],
       async () => {
         o.value && q.value.length > 0 && (i.value ? h.value = q.value.find(
-          (Y) => Y.cameraName === i.value
+          (H) => H.cameraName === i.value
         ) || q.value[0] : h.value = q.value[0], T.value = S.value.cameras.findIndex(
-          (Y) => Y === h.value
+          (H) => H === h.value
         ), T.value = Math.max(0, T.value));
       },
       { immediate: !0 }
@@ -7845,7 +7845,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       [S, o, f],
       () => {
         S.value && o.value && h.value && h.value.sunsimDayOfYear && h.value.sunsimDayOfYear.length > 0 && (f.value ? _.value = h.value.sunsimDayOfYear.find(
-          (Y) => Y.dayOfYear === f.value
+          (H) => H.dayOfYear === f.value
         ) || h.value.sunsimDayOfYear[0] : _.value = h.value.sunsimDayOfYear[0]);
       },
       { immediate: !0 }
@@ -7853,28 +7853,28 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       [S, o, w],
       () => {
         S.value && o.value && _.value && _.value.timeSamples && _.value.timeSamples.length > 0 && (w.value ? y.value = _.value.timeSamples.find(
-          (Y) => Y.timeInHours === w.value
+          (H) => H.timeInHours === w.value
         ) || _.value.timeSamples[0] : y.value = _.value.timeSamples.find(
-          (Y) => Y.timeInHours === _.value.defaultHour
+          (H) => H.timeInHours === _.value.defaultHour
         ) || _.value.timeSamples[0]);
       },
       { immediate: !0 }
     );
-    function re(Y) {
-      h.value !== Y && K(
-        S.value.cameras.findIndex((Q) => Q === Y)
+    function re(H) {
+      h.value !== H && K(
+        S.value.cameras.findIndex((Q) => Q === H)
       );
     }
-    function se(Y) {
-      T.value = Y, Lt(S.value.cameras[T.value]) ? g.value = S.value.cameras[T.value] : (Ae(() => {
+    function se(H) {
+      T.value = H, Lt(S.value.cameras[T.value]) ? g.value = S.value.cameras[T.value] : (Ae(() => {
         be(
           S.value.cameras[T.value]
         );
       }), g.value = null);
     }
-    function be(Y) {
+    function be(H) {
       const Q = _.value;
-      h.value = Y, T.value = S.value.cameras.findIndex(
+      h.value = H, T.value = S.value.cameras.findIndex(
         (fe) => fe === h.value
       ), Ae(() => {
         h.value.sunsimDayOfYear && h.value.sunsimDayOfYear.length > 0 && ie(
@@ -7884,9 +7884,9 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
         );
       });
     }
-    function ie(Y) {
+    function ie(H) {
       const Q = y.value;
-      _.value = Y, Ae(() => {
+      _.value = H, Ae(() => {
         Fe(
           _.value.timeSamples.find(
             (fe) => fe.timeInHours === Q.timeInHours
@@ -7896,26 +7896,26 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
         );
       });
     }
-    function Fe(Y) {
-      y.value = Y;
+    function Fe(H) {
+      y.value = H;
     }
-    function Le(Y) {
-      c("onClick", Y, () => {
+    function Le(H) {
+      c("onClick", H, () => {
         const Q = S.value.stillCameraData.find(
-          (fe) => fe.id === Y
+          (fe) => fe.id === H
         );
         Q && K(Q.bestIndex);
       });
     }
-    function ze(Y) {
-      c("onHoverOver", Y), M.value = Y;
+    function ze(H) {
+      c("onHoverOver", H), M.value = H;
     }
-    function we(Y) {
-      c("onHoverOut", Y), M.value = void 0;
+    function we(H) {
+      c("onHoverOut", H), M.value = void 0;
     }
-    function xe(Y) {
-      const { layerX: Q, layerY: fe } = Y;
-      let he = Y.target, ye = !1;
+    function xe(H) {
+      const { layerX: Q, layerY: fe } = H;
+      let he = H.target, ye = !1;
       for (; he; )
         if (he === te.value) {
           ye = !0;
@@ -7923,7 +7923,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
         } else
           he = he.parentElement;
       if (ye) {
-        const Ye = Y.currentTarget;
+        const Ye = H.currentTarget;
         B.value = {
           x: Q,
           y: fe,
@@ -7932,40 +7932,40 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
         };
       } else
         B.value = void 0;
-      c("onMouseMove", Y, B.value);
+      c("onMouseMove", H, B.value);
     }
     function Be({
-      min: Y,
+      min: H,
       max: Q,
       current: fe
     }) {
-      de.value = { min: Y, max: Q, current: fe };
+      de.value = { min: H, max: Q, current: fe };
     }
-    function De(Y) {
-      G.value.adjustZoom(Y ? 10 : -10);
+    function De(H) {
+      G.value.adjustZoom(H ? 10 : -10);
     }
-    function N(Y) {
+    function N(H) {
       return S.value.stillCameraIndices.findIndex(
-        (Q) => Q === Y
+        (Q) => Q === H
       );
     }
-    async function K(Y) {
+    async function K(H) {
       const Q = T.value;
       if (S.value.loopable) {
-        const fe = S.value.stillCameraIndices.length, he = N(Q), ye = N(Y);
+        const fe = S.value.stillCameraIndices.length, he = N(Q), ye = N(H);
         let Ye = 0, rt = 0, Ue = he;
         for (; Ue++, Ue >= fe && (Ue = 0), Ue !== ye; )
           Ye++;
         for (Ue = he; Ue--, Ue < 0 && (Ue += fe), Ue !== ye; )
           rt++;
-        Ye === rt ? ve(Q, Y) : Ye < rt ? he < ye ? ve(Q, Y) : ve(Q, Y + S.value.cameras.length) : he >= ye ? ve(Q, Y) : ve(Q + S.value.cameras.length, Y);
+        Ye === rt ? ve(Q, H) : Ye < rt ? he < ye ? ve(Q, H) : ve(Q, H + S.value.cameras.length) : he >= ye ? ve(Q, H) : ve(Q + S.value.cameras.length, H);
       } else
-        ve(Q, Y);
+        ve(Q, H);
     }
-    function ve(Y, Q) {
+    function ve(H, Q) {
       return new Promise((fe) => {
         I.value = !0;
-        let he, ye = Y;
+        let he, ye = H;
         he = setInterval(() => {
           ye < Q ? (ye++, T.value = Math.abs(
             ye % S.value.cameras.length
@@ -7975,11 +7975,11 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
         }, 12);
       });
     }
-    function je(Y) {
-      j.value = !0, c("onError", Y);
+    function je(H) {
+      j.value = !0, c("onError", H);
     }
-    const Re = (Y) => Y * (180 / Math.PI);
-    return (Y, Q) => {
+    const Re = (H) => H * (180 / Math.PI);
+    return (H, Q) => {
       const fe = E("v-skeleton-loader");
       return v(), D(me, null, [
         C(fe, {
@@ -7993,16 +7993,16 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
                 u("div", {
                   ref_key: "container",
                   ref: x,
-                  class: ge({ mobile: H.value }),
+                  class: ge({ mobile: Y.value }),
                   style: { "min-height": "104px" },
                   onMousemove: xe
                 }, [
-                  Y.showUi ? (v(), D("div", {
+                  H.showUi ? (v(), D("div", {
                     key: 0,
                     class: "persistent actions-bar top-right pa-2",
                     style: ce({
                       zIndex: 7,
-                      top: H.value && q.value.length > 1 ? "60px" : 0
+                      top: Y.value && q.value.length > 1 ? "60px" : 0
                     })
                   }, [
                     h.value.cameraRotation ? (v(), V(lt, {
@@ -8010,13 +8010,13 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
                       class: "mb-2",
                       style: ce({
                         zIndex: 7,
-                        width: H.value ? 32 : 40,
-                        height: H.value ? 32 : 40
+                        width: Y.value ? 32 : 40,
+                        height: Y.value ? 32 : 40
                       }),
                       longitude: Re(h.value.cameraRotation.y) + 270
                     }, null, 8, ["style", "longitude"])) : R("", !0),
                     C(Qi, {
-                      "is-mobile-sized": H.value,
+                      "is-mobile-sized": Y.value,
                       "can-zoom-out": de.value.min < de.value.current,
                       "can-zoom-in": de.value.max > de.value.current,
                       disabled: I.value,
@@ -8024,16 +8024,16 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
                       onOnZoomOut: Q[1] || (Q[1] = (he) => De(!1))
                     }, null, 8, ["is-mobile-sized", "can-zoom-out", "can-zoom-in", "disabled"])
                   ], 4)) : R("", !0),
-                  Y.showUi && q.value.length > 1 ? (v(), D("div", {
+                  H.showUi && q.value.length > 1 ? (v(), D("div", {
                     key: 1,
                     class: ge([{
                       "actions-bar bottom-center pb-2": !0,
-                      "px-0": H.value
+                      "px-0": Y.value
                     }, "still-cameras-wrapper"]),
                     style: { "z-index": "7" }
                   }, [
                     C(Yi, {
-                      "is-mobile-sized": H.value,
+                      "is-mobile-sized": Y.value,
                       "still-cameras": q.value,
                       "current-camera": h.value,
                       disabled: I.value,
@@ -8082,47 +8082,48 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
                         onOnError: je
                       }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id", "activeStructureIds"])), [
                         [ke, g.value === null]
-                      ]) : R("", !0)
+                      ]) : R("", !0),
+                      ne(H.$slots, "default", {}, void 0, !0)
                     ]),
-                    _: 1
+                    _: 3
                   }, 512),
-                  Y.showUi && (_.value && _.value.timeSamples && _.value.timeSamples.length > 1 || h.value.sunsimDayOfYear && h.value.sunsimDayOfYear.length > 1) ? (v(), D("div", {
+                  H.showUi && (_.value && _.value.timeSamples && _.value.timeSamples.length > 1 || h.value.sunsimDayOfYear && h.value.sunsimDayOfYear.length > 1) ? (v(), D("div", {
                     key: 2,
                     class: ge({
                       "actions-bar top-left pa-2 d-flex": !0,
-                      "px-0": H.value
+                      "px-0": Y.value
                     }),
                     style: { "z-index": "7" }
                   }, [
                     C(Vi, {
                       class: "pr-2",
-                      "is-mobile-sized": H.value,
+                      "is-mobile-sized": Y.value,
                       "current-camera": h.value,
                       "current-day": _.value,
                       disabled: I.value,
                       onOnDayChange: ie
                     }, null, 8, ["is-mobile-sized", "current-camera", "current-day", "disabled"]),
                     C(Wi, {
-                      "is-mobile-sized": H.value,
+                      "is-mobile-sized": Y.value,
                       "current-day": _.value,
                       "current-time": y.value,
                       disabled: I.value,
                       onOnTimeChange: Fe
                     }, null, 8, ["is-mobile-sized", "current-day", "current-time", "disabled"])
                   ], 2)) : R("", !0),
-                  Y.$slots.popup && B.value && M.value ? (v(), V(nt, {
+                  H.$slots.popup && B.value && M.value ? (v(), V(nt, {
                     key: 3,
                     "is-hoverable": X.value,
                     pos: B.value
                   }, {
                     default: b(() => [
                       u("div", lu, [
-                        ne(Y.$slots, "popup", dt(vt({ hoverId: M.value, hoverable: X.value })), void 0, !0)
+                        ne(H.$slots, "popup", dt(vt({ hoverId: M.value, hoverable: X.value })), void 0, !0)
                       ])
                     ]),
                     _: 3
                   }, 8, ["is-hoverable", "pos"])) : R("", !0),
-                  Y.version && Y.showVersion ? (v(), D("div", su, " version: " + Z(Y.version), 1)) : R("", !0)
+                  H.version && H.showVersion ? (v(), D("div", su, " version: " + Z(H.version), 1)) : R("", !0)
                 ], 34)
               ]),
               _: 3
@@ -8137,7 +8138,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       ], 64);
     };
   }
-}), iu = /* @__PURE__ */ ee(ru, [["__scopeId", "data-v-3c195477"]]), hu = {
+}), iu = /* @__PURE__ */ ee(ru, [["__scopeId", "data-v-23534b19"]]), hu = {
   install: function(t) {
     t.component("VApartmentChooser", Fn), t.component("VBuildingChooser", Ro), t.component("VVirtualTour", ni), t.component("VManualSlideShow", wi), t.component("VStructureChooser", iu);
   }