@qispace/vue3-player 0.3.11 → 0.3.12

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

@@ -1,7 +1,7 @@
 var ka = Object.defineProperty;
 var Ia = (l, a, e) => a in l ? ka(l, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[a] = e;
 var ce = (l, a, e) => (Ia(l, typeof a != "symbol" ? a + "" : a, e), e);
-import { defineComponent as N, ref as c, computed as $, openBlock as v, createElementBlock as x, watch as H, onMounted as we, onBeforeUnmount as Ye, withDirectives as pe, createElementVNode as u, normalizeStyle as de, vShow as _e, createVNode as w, Fragment as ue, renderList as he, createCommentVNode as R, inject as Qe, resolveComponent as E, withCtx as _, toDisplayString as Q, unref as D, createTextVNode as te, normalizeClass as fe, createBlock as V, renderSlot as ne, provide as Ze, reactive as mt, watchEffect as Ve, resolveDynamicComponent as zt, normalizeProps as ot, guardReactiveProps as lt, mergeProps as Ee, nextTick as xe, Transition as Re, createSlots as Sa, toRefs as Te, pushScopeId as pt, popScopeId as ft, vModelText as xa, createStaticVNode as Pt, onBeforeUpdate as Da, withModifiers as Aa } from "vue";
+import { defineComponent as N, ref as c, computed as $, openBlock as v, createElementBlock as x, watch as H, onMounted as we, onBeforeUnmount as Ye, withDirectives as pe, createElementVNode as u, normalizeStyle as de, vShow as _e, createVNode as w, Fragment as ue, renderList as he, createCommentVNode as R, inject as Qe, resolveComponent as E, withCtx as _, toDisplayString as Q, unref as D, createTextVNode as te, normalizeClass as fe, createBlock as V, renderSlot as oe, provide as Ze, reactive as mt, watchEffect as Ve, resolveDynamicComponent as zt, normalizeProps as ot, guardReactiveProps as lt, mergeProps as Ee, nextTick as xe, Transition as Re, createSlots as Sa, toRefs as Te, pushScopeId as pt, popScopeId as ft, vModelText as xa, createStaticVNode as Pt, onBeforeUpdate as Da, withModifiers as Aa } from "vue";
 import Ct from "axios";
 import * as Fa from "@qispace/player-core";
 import { Vector3 as tt, Object3D as La, MathUtils as Ma } from "three";
@@ -190,7 +190,7 @@ const Ea = /* @__PURE__ */ N({
         if (U.index >= 0) {
           const ee = se(U.index);
           if (ee) {
-            const me = oe(U.index);
+            const me = le(U.index);
             let Fe = "idle";
             !C.value && e.selectedUnitId && me === e.selectedUnitId ? Fe = "selected" : C.value && f.value === U.index && (Fe = "hover");
             const Ie = e.colorCallback(U.unitId, Fe);
@@ -204,7 +204,7 @@ const Ea = /* @__PURE__ */ N({
     function se(B) {
       return r.value ? g.value[B] : !1;
     }
-    function oe(B) {
+    function le(B) {
       const U = e.sceneData.find((ee) => ee.index === B);
       return U && U.unitId;
     }
@@ -220,7 +220,7 @@ const Ea = /* @__PURE__ */ N({
         return [];
     }
     function ge(B) {
-      const U = oe(B);
+      const U = le(B);
       be(U);
     }
     function be(B) {
@@ -758,7 +758,7 @@ const ja = {
               transform: t.value
             })
           }, [
-            ne(o.$slots, "default", { isHoverable: o.isHoverable }, void 0, !0)
+            oe(o.$slots, "default", { isHoverable: o.isHoverable }, void 0, !0)
           ], 4)) : (v(), V(s, {
             key: 1,
             value: !0,
@@ -766,7 +766,7 @@ const ja = {
             "onClick:outside": i[0] || (i[0] = (p) => n("outside", p))
           }, {
             default: _(() => [
-              ne(o.$slots, "default", { isHoverable: o.isHoverable }, void 0, !0)
+              oe(o.$slots, "default", { isHoverable: o.isHoverable }, void 0, !0)
             ]),
             _: 3
           }))
@@ -870,9 +870,9 @@ const ja = {
     }
     function S(M) {
       if (m.value) {
-        const { x: q, y: K } = A(M), { x: se, y: oe } = A(r.value), ie = {
+        const { x: q, y: K } = A(M), { x: se, y: le } = A(r.value), ie = {
           x: q - se,
-          y: K - oe
+          y: K - le
         };
         W(ie.x), G(ie.y), f.value = !0, r.value = M;
       }
@@ -888,19 +888,19 @@ const ja = {
     }
     function X(M) {
       if (m.value) {
-        const { x: q, y: K } = A(M.touches[0]), { x: se, y: oe } = A(
+        const { x: q, y: K } = A(M.touches[0]), { x: se, y: le } = A(
           r.value.touches[0]
         ), ie = {
           x: q - se,
-          y: K - oe
+          y: K - le
         };
         W(ie.x), G(ie.y);
       } else if (p.value && M.touches.length === 2) {
-        const { x: q, y: K } = A(M.touches[0]), { x: se, y: oe } = A(
+        const { x: q, y: K } = A(M.touches[0]), { x: se, y: le } = A(
           r.value.touches[0]
         ), { x: ie, y: ge } = A(M.touches[1]), { x: be, y: Me } = A(
           r.value.touches[1]
-        ), De = Math.hypot(se - be, oe - Me), Ue = Math.hypot(q - ie, K - ge), ye = (ie + q) / 2, ke = (ge + K) / 2;
+        ), De = Math.hypot(se - be, le - Me), Ue = Math.hypot(q - ie, K - ge), ye = (ie + q) / 2, ke = (ge + K) / 2;
         re(Ue - De, ye, ke);
       }
       r.value = M;
@@ -930,10 +930,10 @@ const ja = {
       );
     }
     function re(M, q, K) {
-      const se = q !== void 0 ? q : k.value.clientWidth / 2, oe = K !== void 0 ? K : k.value.clientHeight / 2, ie = k.value.clientWidth, ge = k.value.clientHeight, be = ie * d.value, Me = ge * d.value;
+      const se = q !== void 0 ? q : k.value.clientWidth / 2, le = K !== void 0 ? K : k.value.clientHeight / 2, ie = k.value.clientWidth, ge = k.value.clientHeight, be = ie * d.value, Me = ge * d.value;
       o.value = Math.min(Math.max(100, o.value + M), h.value);
       const De = ie * d.value, Ue = ge * d.value, ye = De - be, ke = Ue - Me;
-      i.value -= se / ie * ye, s.value -= oe / ge * ke, W(0), G(0);
+      i.value -= se / ie * ye, s.value -= le / ge * ke, W(0), G(0);
     }
     function j() {
       t("update", {
@@ -944,7 +944,7 @@ const ja = {
         min: 100,
         max: h.value,
         resolve: (M, q) => {
-          const K = k.value.clientWidth, se = k.value.clientHeight, oe = i.value / -d.value, ie = s.value / -d.value, ge = oe + K / d.value, be = ie + se / d.value, Me = M / K * (ge - oe) + oe, De = q / se * (be - ie) + ie;
+          const K = k.value.clientWidth, se = k.value.clientHeight, le = i.value / -d.value, ie = s.value / -d.value, ge = le + K / d.value, be = ie + se / d.value, Me = M / K * (ge - le) + le, De = q / se * (be - ie) + ie;
           return { x: Me, y: De };
         }
       });
@@ -959,7 +959,7 @@ const ja = {
         style: de({ "transform-origin": "top left", transform: y.value }),
         class: "zoom-box"
       }, [
-        ne(M.$slots, "default", {}, void 0, !0)
+        oe(M.$slots, "default", {}, void 0, !0)
       ], 4)
     ], 4));
   }
@@ -1131,7 +1131,7 @@ const sn = { key: 0 }, rn = { class: "interactive-viewer" }, un = { class: "fill
                     onPos: z
                   }, {
                     default: _((T) => [
-                      ne(S.$slots, "default", ot(lt(T)), void 0, !0)
+                      oe(S.$slots, "default", ot(lt(T)), void 0, !0)
                     ]),
                     _: 3
                   }, 40, ["cdn-file-resolver", "view-model", "selected-unit-id", "scene-data", "color-callback", "can-go-to-unit-callback", "draw-observer"]))
@@ -1146,7 +1146,7 @@ const sn = { key: 0 }, rn = { class: "interactive-viewer" }, un = { class: "fill
               onOutside: f.value
             }, {
               default: _(() => [
-                ne(S.$slots, "default", {
+                oe(S.$slots, "default", {
                   unit: k.value,
                   canGoToUnit: S.canGoToUnitCallback(k.value),
                   goToUnit: () => S.canGoToUnitCallback(k.value) && t("goToUnit", k.value),
@@ -2060,12 +2060,12 @@ const Pn = {
         } else
           K = K.parentElement;
       if (se) {
-        const oe = j.currentTarget;
+        const le = j.currentTarget;
         h.value = {
           x: M,
           y: q,
-          width: oe.clientWidth,
-          height: oe.clientHeight
+          width: le.clientWidth,
+          height: le.clientHeight
         };
       } else
         h.value = void 0;
@@ -2179,7 +2179,7 @@ const Pn = {
                   }, {
                     default: _(() => [
                       u("div", qn, [
-                        ne(j.$slots, "popup", ot(lt({ hoverId: p.value, hoverable: d.value })), void 0, !0)
+                        oe(j.$slots, "popup", ot(lt({ hoverId: p.value, hoverable: d.value })), void 0, !0)
                       ])
                     ]),
                     _: 3
@@ -2563,7 +2563,7 @@ const Pn = {
           onOutside: A[3] || (A[3] = () => s.value = void 0)
         }, {
           default: _(() => [
-            ne(C.$slots, "default", {
+            oe(C.$slots, "default", {
               building: s.value,
               canGoToBuilding: C.canGoToBuildingCallback(s.value),
               goToBuilding: () => C.canGoToBuildingCallback(s.value) && n("goToBuilding", s.value),
@@ -2809,7 +2809,7 @@ const Pn = {
           onOutside: A[3] || (A[3] = () => f.value = void 0)
         }, {
           default: _(() => [
-            ne(C.$slots, "default", {
+            oe(C.$slots, "default", {
               building: f.value,
               canGoToBuilding: C.canGoToBuildingCallback(f.value),
               goToBuilding: () => C.canGoToBuildingCallback(f.value) && n("goToBuilding", f.value),
@@ -2865,7 +2865,7 @@ const Pn = {
       he(Object.keys(o.$slots), (s) => ({
         name: s,
         fn: _((m) => [
-          ne(o.$slots, s, ot(lt(m)))
+          oe(o.$slots, s, ot(lt(m)))
         ])
       }))
     ]), 1064, ["i18n-config", "show-cards", "color-callback", "cdn-file-resolver", "interactive-desktop", "interactive-mobile", "building-chooser-time-of-day", "can-go-to-building-callback", "custom-overlay-content", "building-chooser-data"]));
@@ -3448,7 +3448,7 @@ const Yo = {
                   }, {
                     default: _(() => [
                       u("div", Go, [
-                        ne(F.$slots, "popup", ot(lt({ hoverId: s.value, hoverable: r.value })), void 0, !0)
+                        oe(F.$slots, "popup", ot(lt({ hoverId: s.value, hoverable: r.value })), void 0, !0)
                       ])
                     ]),
                     _: 3
@@ -3603,33 +3603,33 @@ const al = { id: "player-wrapper" }, nl = { id: "player-sizer" }, ol = {
       I();
     }), (b, g) => (v(), x("div", al, [
       u("div", nl, [
-        ne(b.$slots, "slideshow-image", {}, void 0, !0),
+        oe(b.$slots, "slideshow-image", {}, void 0, !0),
         u("div", ol, [
-          ne(b.$slots, "top-left", {}, void 0, !0)
+          oe(b.$slots, "top-left", {}, void 0, !0)
         ]),
         u("div", ll, [
-          ne(b.$slots, "top-center", {}, void 0, !0)
+          oe(b.$slots, "top-center", {}, void 0, !0)
         ]),
         u("div", sl, [
-          ne(b.$slots, "top-right", {}, void 0, !0)
+          oe(b.$slots, "top-right", {}, void 0, !0)
         ]),
         u("div", il, [
-          ne(b.$slots, "center-left", {}, void 0, !0)
+          oe(b.$slots, "center-left", {}, void 0, !0)
         ]),
         u("div", rl, [
-          ne(b.$slots, "center-center", {}, void 0, !0)
+          oe(b.$slots, "center-center", {}, void 0, !0)
         ]),
         u("div", ul, [
-          ne(b.$slots, "center-right", {}, void 0, !0)
+          oe(b.$slots, "center-right", {}, void 0, !0)
         ]),
         u("div", cl, [
-          ne(b.$slots, "bottom-left", {}, void 0, !0)
+          oe(b.$slots, "bottom-left", {}, void 0, !0)
         ]),
         u("div", dl, [
-          ne(b.$slots, "bottom-center", {}, void 0, !0)
+          oe(b.$slots, "bottom-center", {}, void 0, !0)
         ]),
         u("div", vl, [
-          ne(b.$slots, "bottom-right", {}, void 0, !0)
+          oe(b.$slots, "bottom-right", {}, void 0, !0)
         ]),
         u("div", ml, [
           u("canvas", {
@@ -4957,19 +4957,19 @@ const al = { id: "player-wrapper" }, nl = { id: "player-sizer" }, ol = {
       class: fe([i.size, "sizer rounded"])
     }, [
       u("div", Ys, [
-        ne(i.$slots, "top-left", {}, void 0, !0)
+        oe(i.$slots, "top-left", {}, void 0, !0)
       ]),
       u("div", zs, [
-        ne(i.$slots, "top-right", {}, void 0, !0)
+        oe(i.$slots, "top-right", {}, void 0, !0)
       ]),
       u("div", Ps, [
-        ne(i.$slots, "header", {}, void 0, !0)
+        oe(i.$slots, "header", {}, void 0, !0)
       ]),
       u("div", js, [
-        ne(i.$slots, "body", {}, void 0, !0)
+        oe(i.$slots, "body", {}, void 0, !0)
       ]),
       u("div", Ws, [
-        ne(i.$slots, "footer", {}, void 0, !0)
+        oe(i.$slots, "footer", {}, void 0, !0)
       ])
     ], 2));
   }
@@ -5901,12 +5901,12 @@ const Oi = {
       takeSnapshot: Bt,
       setCurrentCamera: rt
     });
-    const W = c(!1), G = c(!1), re = c(!1), j = c(), M = c(), q = c(), K = c(), se = c(), oe = c(0), ie = c(), ge = c(), be = c(), Me = c(0), De = c(0), Ue = c(0), ye = c(!1), ke = c(!1), Ae = c(), Y = c(), B = c(!1), U = c(!1), ee = c(
+    const W = c(!1), G = c(!1), re = c(!1), j = c(), M = c(), q = c(), K = c(), se = c(), le = c(0), ie = c(), ge = c(), be = c(), Me = c(0), De = c(0), Ue = c(0), ye = c(!1), ke = c(!1), Ae = c(), Y = c(), B = c(!1), U = c(!1), ee = c(
       new qt(document, "player-wrapper")
     ), me = c(), Fe = $(() => {
       if (M.value) {
         const L = M.value.cameras.map(
-          (le) => le.floorLevel
+          (ne) => ne.floorLevel
         );
         let Z = [...new Set(L)];
         return Z = Z.sort(), Z;
@@ -5918,9 +5918,9 @@ const Oi = {
         const Z = M.value.cameras.map(
           (je) => je.floorLevel
         );
-        let le = [...new Set(Z)];
-        le = le.sort();
-        const Se = le.findIndex(
+        let ne = [...new Set(Z)];
+        ne = ne.sort();
+        const Se = ne.findIndex(
           (je) => je === De.value
         );
         Se !== -1 && (L = Se);
@@ -5936,17 +5936,21 @@ const Oi = {
       imageUrl: ut(
         `/${ie.value}/${o.value}/images/1600/${L.id}.jpg`
       )
-    })) : []), Ft = $(() => !Oe.value || !Oe.value[oe.value] ? "" : Oe.value[oe.value].imageUrl), Lt = $(() => {
+    })) : []), Ft = $(() => !Oe.value || !Oe.value[le.value] ? "" : Oe.value[le.value].imageUrl), Lt = $(() => {
       let L = [];
       return j.value && (L = j.value.archetypes), s.value.length ? L.filter(
         (Z) => s.value.includes(Z.archetypeID)
       ) : L;
-    }), Mt = $(() => q.value ? Lt.value.map((L) => ({
-      ...L,
-      url: ut(
-        `/${L.archetypeID}/${o.value}/thumbs/200/${Oe.value[oe.value].id}.jpg`
-      )
-    })) : []), st = $(() => {
+    }), Mt = $(() => q.value ? Lt.value.map((L) => {
+      var ne;
+      const Z = (ne = Oe.value[le.value]) == null ? void 0 : ne.id;
+      return {
+        ...L,
+        url: ut(
+          `/${L.archetypeID}/${o.value}/thumbs/200/${Z}.jpg`
+        )
+      };
+    }) : []), st = $(() => {
       if (K.value && K.value.storeys && Ie.value in K.value.storeys)
         return K.value.storeys[Ie.value];
     }), Jt = $(() => M.value && M.value.timeInHours), Ot = $(() => {
@@ -6024,7 +6028,7 @@ const Oi = {
         o.value
       ), q.value) {
         const Z = z.value !== null ? z.value : 0;
-        oe.value = Z, ge.value = q.value.cameras[Z].id, be.value = q.value.cameras[Z].id;
+        le.value = Z, ge.value = q.value.cameras[Z].id, be.value = q.value.cameras[Z].id;
       }
       b.value && (K.value = await ra(
         ie.value,
@@ -6038,8 +6042,8 @@ const Oi = {
     function oa() {
       const L = document.getElementById("main-canvas");
       L.addEventListener("touchmove", Z, { passive: !1 });
-      function Z(le) {
-        le.preventDefault(), window.scrollBy(0, 0);
+      function Z(ne) {
+        ne.preventDefault(), window.scrollBy(0, 0);
       }
       L.addEventListener(
         "mouseenter",
@@ -6077,11 +6081,11 @@ const Oi = {
         return await ct(
           `/${L}/${Z}/apartment.json`
         );
-      } catch (le) {
+      } catch (ne) {
         console.error(
           "Error loading apartment.json - ",
           `/${L}/${Z}/apartment.json`,
-          le
+          ne
         );
         return;
       }
@@ -6113,16 +6117,16 @@ const Oi = {
       }
     }
     function it() {
-      let L = oe.value + 1;
-      L >= Oe.value.length && (L = 0), oe.value = L, rt(Oe.value[oe.value].id);
+      let L = le.value + 1;
+      L >= Oe.value.length && (L = 0), le.value = L, rt(Oe.value[le.value].id);
     }
     function yt() {
-      let L = oe.value - 1;
-      L < 0 && (L = Oe.value.length - 1), oe.value = L, rt(Oe.value[oe.value].id);
+      let L = le.value - 1;
+      L < 0 && (L = Oe.value.length - 1), le.value = L, rt(Oe.value[le.value].id);
     }
     function _t(L, Z = !0) {
-      let le = Oe.value.findIndex((Se) => Se.id === L);
-      le != -1 && (oe.value = le, Z && rt(L));
+      let ne = Oe.value.findIndex((Se) => Se.id === L);
+      ne != -1 && (le.value = ne, Z && rt(L));
     }
     function rt(L) {
       B.value = !1, ge.value = L;
@@ -6134,7 +6138,7 @@ const Oi = {
       be.value = L, be.value && (_t(be.value, !1), A("onCameraUpdate", be.value, M.value));
     }
     function ca(L) {
-      Y.value = L, A("onSunsimUpdate", L);
+      Y.value = L, console.log("Sun sim data availability -> ", L), A("onSunsimUpdate", L);
     }
     function da(L) {
       se.value.loadSunSim(L.timeInHours);
@@ -6160,10 +6164,10 @@ const Oi = {
       ye.value = !ye.value;
     }
     async function Bt() {
-      const L = 180 / Math.PI, Z = await se.value.takePhoto(), le = se.value.getRotationEuler(), Se = se.value.getCurrentCamera(), je = new Yn(Z, Se), wa = [
-        le.x * -L,
-        le.y * -L,
-        le.z * L
+      const L = 180 / Math.PI, Z = await se.value.takePhoto(), ne = se.value.getRotationEuler(), Se = se.value.getCurrentCamera(), je = new Yn(Z, Se), wa = [
+        ne.x * -L,
+        ne.y * -L,
+        ne.z * L
       ];
       return A("onSnapshot", je, wa), je;
     }
@@ -6175,8 +6179,8 @@ const Oi = {
       const Z = ut(L);
       try {
         return (await Ct.get(Z)).data;
-      } catch (le) {
-        throw new Error(le);
+      } catch (ne) {
+        throw new Error(ne);
       }
     }
     function ya(L) {
@@ -6188,8 +6192,8 @@ const Oi = {
     function ba(L) {
       if (L === void 0)
         return null;
-      const Z = Math.floor(L), le = Math.floor((Z - L) * 60);
-      return { hours: Z, minutes: le };
+      const Z = Math.floor(L), ne = Math.floor((Z - L) * 60);
+      return { hours: Z, minutes: ne };
     }
     const Pe = c(!1), $t = c(null), bt = c(1), Ca = () => {
       if (Pe.value) {
@@ -6201,7 +6205,7 @@ const Oi = {
       }, 5e3);
     };
     return (L, Z) => {
-      const le = E("v-btn");
+      const ne = E("v-btn");
       return v(), x("div", {
         class: fe(["virtual-tour-wrapper", [Et.value]])
       }, [
@@ -6246,7 +6250,7 @@ const Oi = {
                 }, null, 8, ["image"])) : R("", !0)
               ]),
               "top-left": _(() => [
-                D(S) ? pe((v(), V(le, {
+                D(S) ? pe((v(), V(ne, {
                   key: 0,
                   density: "comfortable",
                   icon: "mdi-cog-outline",
@@ -6256,7 +6260,7 @@ const Oi = {
                 }, null, 512)), [
                   [_e, U.value]
                 ]) : R("", !0),
-                pe(w(le, {
+                pe(w(ne, {
                   density: "comfortable",
                   icon: "mdi-alert-outline",
                   elevation: "3",
@@ -6265,7 +6269,7 @@ const Oi = {
                 }, null, 512), [
                   [_e, U.value]
                 ]),
-                K.value && ge.value && st.value ? pe((v(), V(le, {
+                K.value && ge.value && st.value ? pe((v(), V(ne, {
                   key: 1,
                   density: "comfortable",
                   elevation: "3",
@@ -6281,7 +6285,7 @@ const Oi = {
                   "floor-levels": Fe.value,
                   onLevel: Tt
                 }, null, 8, ["level", "floor-levels"])) : R("", !0),
-                ge.value && Y.value && Y.value.length > 0 && Y.value[0].timeSamples.length > 1 ? pe((v(), V(le, {
+                ge.value && Y.value && Y.value.length > 0 && Y.value[0].timeSamples.length > 1 ? pe((v(), V(ne, {
                   key: 3,
                   density: "comfortable",
                   elevation: "3",
@@ -6329,7 +6333,7 @@ const Oi = {
               "center-left": _(() => [
                 w(Re, { name: "slide-x-transition" }, {
                   default: _(() => [
-                    ye.value ? (v(), V(le, {
+                    ye.value ? (v(), V(ne, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
@@ -6359,7 +6363,7 @@ const Oi = {
               "center-right": _(() => [
                 w(Re, { name: "slide-x-reverse-transition" }, {
                   default: _(() => [
-                    ye.value ? (v(), V(le, {
+                    ye.value ? (v(), V(ne, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
@@ -6378,7 +6382,7 @@ const Oi = {
                   onToggleFullscreen: ha
                 }, null, 8, ["is-full-screen"])) : R("", !0),
                 U.value && D(d) ? (v(), x("div", Bi, [
-                  w(le, {
+                  w(ne, {
                     density: "comfortable",
                     elevation: "3",
                     icon: "mdi-camera",
@@ -6404,7 +6408,7 @@ const Oi = {
                       "mb-2": !et.value
                     }])
                   }, [
-                    w(le, {
+                    w(ne, {
                       size: "x-small",
                       varient: "tonal",
                       onClick: Z[8] || (Z[8] = (Se) => Ca()),
@@ -6412,7 +6416,7 @@ const Oi = {
                     }, {
                       default: _(() => [
                         te(Q(Pe.value ? "Pause" : "Play") + " ", 1),
-                        Pe.value && !et.value ? (v(), x("span", Hi, Q(`${oe.value + 1}/${Oe.value.length}`), 1)) : R("", !0)
+                        Pe.value && !et.value ? (v(), x("span", Hi, Q(`${le.value + 1}/${Oe.value.length}`), 1)) : R("", !0)
                       ]),
                       _: 1
                     }, 8, ["prependIcon"])
@@ -6421,7 +6425,7 @@ const Oi = {
                     key: 1,
                     class: fe([ee.value.isActive ? "full-screen" : ""]),
                     thumbnails: Oe.value,
-                    active: oe.value,
+                    active: le.value,
                     onNext: it,
                     onPrevious: yt,
                     onGoto: _t
@@ -6445,7 +6449,7 @@ const Oi = {
               key: 0,
               class: "waypoint-carousel below-player",
               thumbnails: Oe.value,
-              active: oe.value,
+              active: le.value,
               onNext: it,
               onPrevious: yt,
               onGoto: _t
@@ -6456,7 +6460,7 @@ const Oi = {
       ], 2);
     };
   }
-}), ji = /* @__PURE__ */ ae(Pi, [["__scopeId", "data-v-e06e2e71"]]), Wi = { id: "player-wrapper" }, Ni = { id: "player-sizer" }, Gi = {
+}), ji = /* @__PURE__ */ ae(Pi, [["__scopeId", "data-v-7cc585aa"]]), Wi = { id: "player-wrapper" }, Ni = { id: "player-sizer" }, Gi = {
   class: "player-control",
   id: "controls-top-left"
 }, Qi = {
@@ -6492,33 +6496,33 @@ const Oi = {
   setup(l, { emit: a }) {
     return (e, n) => (v(), x("div", Wi, [
       u("div", Ni, [
-        ne(e.$slots, "slideshow-image", {}, void 0, !0),
+        oe(e.$slots, "slideshow-image", {}, void 0, !0),
         u("div", Gi, [
-          ne(e.$slots, "top-left", {}, void 0, !0)
+          oe(e.$slots, "top-left", {}, void 0, !0)
         ]),
         u("div", Qi, [
-          ne(e.$slots, "top-center", {}, void 0, !0)
+          oe(e.$slots, "top-center", {}, void 0, !0)
         ]),
         u("div", Zi, [
-          ne(e.$slots, "top-right", {}, void 0, !0)
+          oe(e.$slots, "top-right", {}, void 0, !0)
         ]),
         u("div", qi, [
-          ne(e.$slots, "center-left", {}, void 0, !0)
+          oe(e.$slots, "center-left", {}, void 0, !0)
         ]),
         u("div", Ji, [
-          ne(e.$slots, "center-center", {}, void 0, !0)
+          oe(e.$slots, "center-center", {}, void 0, !0)
         ]),
         u("div", Xi, [
-          ne(e.$slots, "center-right", {}, void 0, !0)
+          oe(e.$slots, "center-right", {}, void 0, !0)
         ]),
         u("div", Ki, [
-          ne(e.$slots, "bottom-left", {}, void 0, !0)
+          oe(e.$slots, "bottom-left", {}, void 0, !0)
         ]),
         u("div", er, [
-          ne(e.$slots, "bottom-center", {}, void 0, !0)
+          oe(e.$slots, "bottom-center", {}, void 0, !0)
         ]),
         u("div", tr, [
-          ne(e.$slots, "bottom-right", {}, void 0, !0)
+          oe(e.$slots, "bottom-right", {}, void 0, !0)
         ])
       ])
     ]));
@@ -7555,7 +7559,7 @@ const zr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, jr = {
     function se(Y) {
       const B = I.value;
       h.value = Y, xe(() => {
-        oe(
+        le(
           h.value.timeSamples.find(
             (U) => U.timeInHours === B.timeInHours
           ) || h.value.timeSamples.find(
@@ -7564,7 +7568,7 @@ const zr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, jr = {
         );
       });
     }
-    function oe(Y) {
+    function le(Y) {
       I.value = Y;
     }
     function ie(Y) {
@@ -7769,7 +7773,7 @@ const zr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, jr = {
                       "current-day": h.value,
                       "current-time": I.value,
                       disabled: P.value,
-                      onOnTimeChange: oe
+                      onOnTimeChange: le
                     }, null, 8, ["is-mobile-sized", "current-day", "current-time", "disabled"])
                   ], 2)) : R("", !0),
                   Y.$slots.popup && J.value && z.value ? (v(), V(qe, {
@@ -7779,7 +7783,7 @@ const zr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, jr = {
                   }, {
                     default: _(() => [
                       u("div", Pr, [
-                        ne(Y.$slots, "popup", ot(lt({ hoverId: z.value, hoverable: F.value })), void 0, !0)
+                        oe(Y.$slots, "popup", ot(lt({ hoverId: z.value, hoverable: F.value })), void 0, !0)
                       ])
                     ]),
                     _: 3