@dcrackel/meyersquaredui 1.0.163 → 1.0.165

package/dist/meyersquaredui.es.js

@@ -687,15 +687,15 @@ class $ {
       S = S[b] || (S[b] = {});
       const _ = S.maps || (S.maps = {}), z = /* @__PURE__ */ new Set(), L = new URLSearchParams(), I = () => (
         // @ts-ignore
-        o || (o = new Promise((j, U) => Ot(this, void 0, void 0, function* () {
+        o || (o = new Promise((j, W) => Ot(this, void 0, void 0, function* () {
           var O;
           yield c = C.createElement("script"), c.id = this.id, L.set("libraries", [...z] + "");
           for (l in s)
-            L.set(l.replace(/[A-Z]/g, (W) => "_" + W[0].toLowerCase()), s[l]);
-          L.set("callback", b + ".maps." + v), c.src = this.url + "?" + L, _[v] = j, c.onerror = () => o = U(Error(p + " could not load.")), c.nonce = this.nonce || ((O = C.querySelector("script[nonce]")) === null || O === void 0 ? void 0 : O.nonce) || "", C.head.append(c);
+            L.set(l.replace(/[A-Z]/g, (U) => "_" + U[0].toLowerCase()), s[l]);
+          L.set("callback", b + ".maps." + v), c.src = this.url + "?" + L, _[v] = j, c.onerror = () => o = W(Error(p + " could not load.")), c.nonce = this.nonce || ((O = C.querySelector("script[nonce]")) === null || O === void 0 ? void 0 : O.nonce) || "", C.head.append(c);
         })))
       );
-      _[y] ? console.warn(p + " only loads once. Ignoring:", s) : _[y] = (j, ...U) => z.add(j) && I().then(() => _[y](j, ...U));
+      _[y] ? console.warn(p + " only loads once. Ignoring:", s) : _[y] = (j, ...W) => z.add(j) && I().then(() => _[y](j, ...W));
     })(i);
     const a = this.libraries.map((s) => this.importLibrary(s));
     a.length || a.push(this.importLibrary("core")), Promise.all(a).then(() => this.callback(), (s) => {
@@ -832,7 +832,7 @@ const Me = [
   "tilesloaded",
   "tilt_changed",
   "zoom_changed"
-], Ut = G({
+], Wt = G({
   props: {
     apiPromise: {
       type: Promise
@@ -1080,11 +1080,11 @@ const Me = [
       V(
         [() => r.center, () => r.zoom, ...C],
         ([S, _], [z, L]) => {
-          var I, j, U;
-          const { center: O, zoom: W, ...H } = c();
+          var I, j, W;
+          const { center: O, zoom: U, ...H } = c();
           (I = a.value) == null || I.setOptions(H), _ !== void 0 && _ !== L && ((j = a.value) == null || j.setZoom(_));
           const ge = !z || S.lng !== z.lng || S.lat !== z.lat;
-          S && ge && ((U = a.value) == null || U.panTo(S));
+          S && ge && ((W = a.value) == null || W.panTo(S));
         }
       );
     };
@@ -1095,7 +1095,7 @@ const Me = [
       o.value = !1, a.value && ((y = s.value) == null || y.event.clearInstanceListeners(a.value));
     }), { mapRef: t, ready: i, map: a, api: s, mapTilesLoaded: o };
   }
-}), Wt = (r, e) => {
+}), Ut = (r, e) => {
   const t = r.__vccOpts || r;
   for (const [i, a] of e)
     t[i] = a;
@@ -1110,7 +1110,7 @@ function qt(r, e, t, i, a, s) {
     _e(r.$slots, "default", ht(gt({ ready: r.ready, map: r.map, api: r.api, mapTilesLoaded: r.mapTilesLoaded })), void 0, !0)
   ]);
 }
-const Vt = /* @__PURE__ */ Wt(Ut, [["render", qt], ["__scopeId", "data-v-d05fc6bc"]]);
+const Vt = /* @__PURE__ */ Ut(Wt, [["render", qt], ["__scopeId", "data-v-d05fc6bc"]]);
 function Yt(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
@@ -1173,17 +1173,17 @@ const K = /* @__PURE__ */ Yt(Kt), je = ["click", "drag", "dragend", "dragstart",
         const I = !K(a.value, C) || !K(s.value, S) || c.value !== v;
         if (!c.value || !l.value || !I)
           return;
-        const { AdvancedMarkerElement: j, PinElement: U } = l.value.marker;
+        const { AdvancedMarkerElement: j, PinElement: W } = l.value.marker;
         if (o.value) {
-          const { map: O, content: W, ...H } = a.value;
+          const { map: O, content: U, ...H } = a.value;
           Object.assign(o.value, {
-            content: s.value ? new U(s.value).element : W,
+            content: s.value ? new W(s.value).element : U,
             ...H
           }), b.value && ((_ = p.value) == null || _.removeMarker(o.value), (z = p.value) == null || z.addMarker(o.value));
         } else
-          s.value && (a.value.content = new U(s.value).element), o.value = Y(new j(a.value)), b.value ? (L = p.value) == null || L.addMarker(o.value) : o.value.map = c.value, je.forEach((O) => {
-            var W;
-            (W = o.value) == null || W.addListener(O, (H) => e(O, H));
+          s.value && (a.value.content = new W(s.value).element), o.value = Y(new j(a.value)), b.value ? (L = p.value) == null || L.addMarker(o.value) : o.value.map = c.value, je.forEach((O) => {
+            var U;
+            (U = o.value) == null || U.addListener(O, (H) => e(O, H));
           });
       },
       {
@@ -1408,8 +1408,8 @@ G({
         [o, () => r.options],
         ([_, z], [L, I]) => {
           var j;
-          const U = !K(z, I) || o.value !== L;
-          o.value && c.value && U && (a.value ? (a.value.setOptions({
+          const W = !K(z, I) || o.value !== L;
+          o.value && c.value && W && (a.value ? (a.value.setOptions({
             ...z,
             content: y.value ? s.value : z.content
           }), l.value || C()) : (a.value = Y(
@@ -1420,8 +1420,8 @@ G({
           ), l.value && (p = l.value.addListener("click", () => {
             C();
           })), (!l.value || b) && C(), Oe.forEach((O) => {
-            var W;
-            (W = a.value) == null || W.addListener(O, (H) => t(O, H));
+            var U;
+            (U = a.value) == null || U.addListener(O, (H) => t(O, H));
           }), (j = a.value) == null || j.addListener("closeclick", () => v(!1))));
         },
         {
@@ -1612,7 +1612,7 @@ const Xt = {
   // properties to use for individual points when running the reducer
   map: (r) => r
   // props => ({sum: props.my_value})
-}, Ue = Math.fround || /* @__PURE__ */ ((r) => (e) => (r[0] = +e, r[0]))(new Float32Array(1)), X = 2, Z = 3, Se = 4, Q = 5, rt = 6;
+}, We = Math.fround || /* @__PURE__ */ ((r) => (e) => (r[0] = +e, r[0]))(new Float32Array(1)), X = 2, Z = 3, Se = 4, Q = 5, rt = 6;
 class st {
   constructor(e) {
     this.options = Object.assign(Object.create(Xt), e), this.trees = new Array(this.options.maxZoom + 1), this.stride = this.options.reduce ? 7 : 6, this.clusterProps = [];
@@ -1627,7 +1627,7 @@ class st {
       const p = e[l];
       if (!p.geometry)
         continue;
-      const [b, y] = p.geometry.coordinates, v = Ue(pe(b)), C = Ue(fe(y));
+      const [b, y] = p.geometry.coordinates, v = We(pe(b)), C = We(fe(y));
       o.push(
         v,
         C,
@@ -1664,7 +1664,7 @@ class st {
     const c = this.trees[this._limitZoom(t)], l = c.range(pe(i), fe(o), pe(s), fe(a)), p = c.data, b = [];
     for (const y of l) {
       const v = this.stride * y;
-      b.push(p[v + Q] > 1 ? We(p, v, this.clusterProps) : this.points[p[v + Z]]);
+      b.push(p[v + Q] > 1 ? Ue(p, v, this.clusterProps) : this.points[p[v + Z]]);
     }
     return b;
   }
@@ -1678,7 +1678,7 @@ class st {
     const c = this.options.radius / (this.options.extent * Math.pow(2, i - 1)), l = o[t * this.stride], p = o[t * this.stride + 1], b = s.within(l, p, c), y = [];
     for (const v of b) {
       const C = v * this.stride;
-      o[C + Se] === e && y.push(o[C + Q] > 1 ? We(o, C, this.clusterProps) : this.points[o[C + Z]]);
+      o[C + Se] === e && y.push(o[C + Q] > 1 ? Ue(o, C, this.clusterProps) : this.points[o[C + Z]]);
     }
     if (y.length === 0)
       throw new Error(a);
@@ -1781,17 +1781,17 @@ class st {
         l[I + X] > t && (z += l[I + Q]);
       }
       if (z > _ && z >= o) {
-        let L = v * _, I = C * _, j, U = -1;
+        let L = v * _, I = C * _, j, W = -1;
         const O = ((y / b | 0) << 5) + (t + 1) + this.points.length;
-        for (const W of S) {
-          const H = W * b;
+        for (const U of S) {
+          const H = U * b;
           if (l[H + X] <= t)
             continue;
           l[H + X] = t;
           const ge = l[H + Q];
-          L += l[H] * ge, I += l[H + 1] * ge, l[H + Se] = O, s && (j || (j = this._map(l, y, !0), U = this.clusterProps.length, this.clusterProps.push(j)), s(j, this._map(l, H)));
+          L += l[H] * ge, I += l[H + 1] * ge, l[H + Se] = O, s && (j || (j = this._map(l, y, !0), W = this.clusterProps.length, this.clusterProps.push(j)), s(j, this._map(l, H)));
         }
-        l[y + Se] = O, p.push(L / z, I / z, 1 / 0, O, -1, z), s && p.push(U);
+        l[y + Se] = O, p.push(L / z, I / z, 1 / 0, O, -1, z), s && p.push(W);
       } else {
         for (let L = 0; L < b; L++)
           p.push(l[y + L]);
@@ -1825,7 +1825,7 @@ class st {
     return i && s === a ? Object.assign({}, s) : s;
   }
 }
-function We(r, e, t) {
+function Ue(r, e, t) {
   return {
     type: "Feature",
     id: r[e + Z],
@@ -2840,7 +2840,7 @@ const Dr = /* @__PURE__ */ k(kr, [["render", Fr]]), Or = {
     }
   }
 }, Hr = { class: "w-full rounded-t-lg" }, Rr = { class: "max-w-[1200px] md:w-full flex mx-2 md:mx-auto pl-4 bg-white rounded-tr-lg rounded-tl-lg" };
-function Ur(r, e, t, i, a, s) {
+function Wr(r, e, t, i, a, s) {
   const o = x("BaseText");
   return h(), g("div", Hr, [
     n("div", Rr, [
@@ -2862,7 +2862,7 @@ function Ur(r, e, t, i, a, s) {
     ])
   ]);
 }
-const yc = /* @__PURE__ */ k(Or, [["render", Ur]]), Wr = {
+const yc = /* @__PURE__ */ k(Or, [["render", Wr]]), Ur = {
   name: "HostColumn",
   components: { Mapbox: fr, BaseText: A, BaseButton: q, Icon: N },
   props: {
@@ -3031,7 +3031,7 @@ function ss(r, e, t, i, a, s) {
     ])
   ]);
 }
-const xc = /* @__PURE__ */ k(Wr, [["render", ss]]), os = {
+const xc = /* @__PURE__ */ k(Ur, [["render", ss]]), os = {
   name: "BasicDropDown",
   components: {
     BaseText: A,
@@ -3546,10 +3546,10 @@ const Es = /* @__PURE__ */ k(_s, [["render", Is], ["__scopeId", "data-v-07413d1f
       this.isMobile = window.innerWidth < 768;
     }
   }
-}, js = { class: "relative w-full md:border-b md:border-l md:border-r border-lineGrey" }, Ns = ["src"], Fs = { class: "hidden w-full md:flex absolute inset-0 justify-between items-end" }, Ds = { class: "w-1/2 p-4 bg-opacity-50 rounded-lg" }, Os = { class: "flex justify-between mb-4 w-full" }, Hs = { class: "flex items-center space-x-4 w-1/2" }, Rs = ["src"], Us = {
+}, js = { class: "relative w-full md:border-b md:border-l md:border-r border-lineGrey" }, Ns = ["src"], Fs = { class: "hidden w-full md:flex absolute inset-0 justify-between items-end" }, Ds = { class: "w-1/2 p-4 bg-opacity-50 rounded-lg" }, Os = { class: "flex justify-between mb-4 w-full" }, Hs = { class: "flex items-center space-x-4 w-1/2" }, Rs = ["src"], Ws = {
   key: 1,
   class: "flex justify-center text-left w-full px-6 mt-12"
-}, Ws = { class: "w-full" }, Gs = { class: "md:hidden w-full flex justify-center mt-10" }, qs = { class: "w-full md:w-2/3 flex-col justify-center pl-2" }, Vs = { class: "flex" };
+}, Us = { class: "w-full" }, Gs = { class: "md:hidden w-full flex justify-center mt-10" }, qs = { class: "w-full md:w-2/3 flex-col justify-center pl-2" }, Vs = { class: "flex" };
 function Ys(r, e, t, i, a, s) {
   const o = x("BaseText");
   return h(), g(B, null, [
@@ -3630,8 +3630,8 @@ function Ys(r, e, t, i, a, s) {
             e[1] || (e[1] = n("div", { class: "flex justify-between items-center" }, null, -1))
           ])
         ]),
-        a.isMobile ? (h(), g("div", Us, [
-          n("div", Ws, [
+        a.isMobile ? (h(), g("div", Ws, [
+          n("div", Us, [
             d(o, {
               color: "secondary",
               tag: "h1",
@@ -4522,7 +4522,7 @@ const Ve = /* @__PURE__ */ k(yo, [["render", Io]]), Eo = {
       return Ve;
     },
     mappedPersons() {
-      return this.pools.length > 0 ? this.mapEventPersonsToPersons(this.pools[this.selectedTab].EventPersons) : [];
+      return this.pools.length === 0 || this.selectedTab >= this.pools.length ? [] : this.mapEventPersonsToPersons(this.pools[this.selectedTab].EventPersons || []);
     }
   },
   data() {
@@ -4712,7 +4712,7 @@ const kc = /* @__PURE__ */ k(Eo, [["render", Do]]), Oo = {
 }, Ho = {
   key: 0,
   class: "text-left"
-}, Ro = { class: "flex items-center justify-between rounded-lg w-full" }, Uo = { class: "flex space-x-4 items-center" }, Wo = ["src"], Go = {
+}, Ro = { class: "flex items-center justify-between rounded-lg w-full" }, Wo = { class: "flex space-x-4 items-center" }, Uo = ["src"], Go = {
   key: 0,
   class: "w-2/12 h-16 pt-3 text-center bg-primary"
 }, qo = { class: "flex justify-between space-x-4 ml-4 w-full" }, Vo = { class: "flex" }, Yo = { class: "pt-1" }, Ko = { class: "pl-2" }, Qo = ["src"];
@@ -4734,7 +4734,7 @@ function Zo(r, e, t, i, a, s) {
       n("div", {
         class: T(["w-5/12 flex justify-between border-l border-t border-b p-2 bg-poolBox rounded-l-xl", [s.status !== "Active" ? "border-r" : ""]])
       }, [
-        n("div", Uo, [
+        n("div", Wo, [
           n("div", null, [
             n("div", {
               class: T(`w-4 h-4 rounded-full bg-${t.hostingClubColors.Color1} absolute mt-8 ml-9`)
@@ -4743,7 +4743,7 @@ function Zo(r, e, t, i, a, s) {
               src: s.fencer1Portrait,
               alt: "Portrait",
               class: "w-12 h-12 rounded-full"
-            }, null, 8, Wo)
+            }, null, 8, Uo)
           ]),
           n("div", null, [
             d(o, {
@@ -5076,15 +5076,6 @@ const ga = /* @__PURE__ */ k(Xo, [["render", ha]]), pa = {
       isMobile: !1
     };
   },
-  watch: {
-    bouts: {
-      handler() {
-        this.$forceUpdate();
-      },
-      deep: !0,
-      immediate: !0
-    }
-  },
   computed: {
     upcomingBouts() {
       return this.bouts.filter((r) => r.Status === "Scheduled");
@@ -5367,10 +5358,10 @@ const Tc = /* @__PURE__ */ k(pa, [["render", Ta]]), za = {
 }, Ra = {
   key: 2,
   class: "border border-primary rounded-md md:rounded-lg table-cell text-center align-middle h-6 w-6 md:h-10 md:w-10"
-}, Ua = {
+}, Wa = {
   key: 3,
   class: "border border-primary rounded-md md:rounded-lg table-cell text-center align-middle h-6 w-6 md:h-10 md:w-10"
-}, Wa = {
+}, Ua = {
   key: 4,
   class: "border border-primary rounded-md md:rounded-lg table-cell text-center align-middle h-6 w-6 md:h-10 md:w-10"
 }, Ga = {
@@ -5580,7 +5571,7 @@ function qa(r, e, t, i, a, s) {
               _: 2
             }, 1024)
           ])) : w("", !0),
-          a.showStats ? (h(), g("td", Ua, [
+          a.showStats ? (h(), g("td", Wa, [
             d(o, {
               size: "",
               color: "primary",
@@ -5592,7 +5583,7 @@ function qa(r, e, t, i, a, s) {
               _: 2
             }, 1024)
           ])) : w("", !0),
-          a.showStats ? (h(), g("td", Wa, [
+          a.showStats ? (h(), g("td", Ua, [
             d(o, {
               size: "",
               color: "primary",
@@ -6291,7 +6282,7 @@ const Ke = /* @__PURE__ */ k(En, [["render", On]]), Hn = {
       return `${e ? e.charAt(0) : ""}. ${t}`;
     }
   }
-}, Rn = { class: "grid grid-cols-2 p-2 md:p-4 border-b w-full" }, Un = { class: "grid grid-cols-1 md:grid-cols-2 gap-4" }, Wn = { class: "flex items-center" }, Gn = {
+}, Rn = { class: "grid grid-cols-2 p-2 md:p-4 border-b w-full" }, Wn = { class: "grid grid-cols-1 md:grid-cols-2 gap-4" }, Un = { class: "flex items-center" }, Gn = {
   key: 0,
   class: "w-5 h-5 rounded-full bg-accent flex items-center justify-center mr-2 md:mr-4 flex-shrink-0"
 }, qn = {
@@ -6301,8 +6292,8 @@ const Ke = /* @__PURE__ */ k(En, [["render", On]]), Hn = {
 function $n(r, e, t, i, a, s) {
   const o = x("BaseText");
   return h(), g("section", Rn, [
-    n("div", Un, [
-      n("div", Wn, [
+    n("div", Wn, [
+      n("div", Un, [
         t.data.isHeader ? w("", !0) : (h(), g("div", Gn, [
           d(o, {
             tag: "p",
@@ -7435,7 +7426,7 @@ const Oi = /* @__PURE__ */ k(Ii, [["render", Di]]), Hi = {
     }
   }
 }, Ri = { class: "md:w-64 m-2 flex flex-col mb-20" };
-function Ui(r, e, t, i, a, s) {
+function Wi(r, e, t, i, a, s) {
   const o = x("BaseButton");
   return h(), g("aside", Ri, [
     (h(!0), g(B, null, M(t.socialMedia, (c, l) => (h(), g("div", {
@@ -7459,7 +7450,7 @@ function Ui(r, e, t, i, a, s) {
     ]))), 128))
   ]);
 }
-const Mc = /* @__PURE__ */ k(Hi, [["render", Ui]]), Wi = {
+const Mc = /* @__PURE__ */ k(Hi, [["render", Wi]]), Ui = {
   name: "TournamentCardSkeleton"
 }, Gi = { class: "md:w-full mb-8" };
 function qi(r, e, t, i, a, s) {
@@ -7472,7 +7463,7 @@ function qi(r, e, t, i, a, s) {
     ]))), 64))
   ]);
 }
-const Vi = /* @__PURE__ */ k(Wi, [["render", qi]]), Yi = {
+const Vi = /* @__PURE__ */ k(Ui, [["render", qi]]), Yi = {
   name: "TournamentCard",
   components: {
     TournamentCardSkeleton: Vi,
@@ -7911,7 +7902,7 @@ const zl = /* @__PURE__ */ k(_l, [["render", Tl]]), Al = {
 }, Hl = {
   key: 1,
   class: "flex items-center mr-4"
-}, Rl = { class: "flex w-6 justify-center" }, Ul = { class: "flex items-center" }, Wl = { class: "flex flex-col md:hidden mt-2" }, Gl = { class: "flex items-center pb-2" }, ql = { class: "flex flex-row" }, Vl = {
+}, Rl = { class: "flex w-6 justify-center" }, Wl = { class: "flex items-center" }, Ul = { class: "flex flex-col md:hidden mt-2" }, Gl = { class: "flex items-center pb-2" }, ql = { class: "flex flex-row" }, Vl = {
   key: 0,
   class: "flex items-center mr-4"
 }, Yl = {
@@ -8010,7 +8001,7 @@ function Zl(r, e, t, i, a, s) {
               _: 1
             })
           ])),
-          n("div", Ul, [
+          n("div", Wl, [
             d(l, {
               type: t.data.HostedOnM2 ? "fa-solid" : "fa-regular",
               icon: "fa-calendar",
@@ -8032,7 +8023,7 @@ function Zl(r, e, t, i, a, s) {
           ])
         ])
       ]),
-      n("div", Wl, [
+      n("div", Ul, [
         n("div", Gl, [
           d(c, {
             color: "primary",
@@ -8560,7 +8551,7 @@ const zd = /* @__PURE__ */ k(bd, [["render", Td]]), Ad = {
       this.$emit("changePage", r);
     }
   }
-}, Bd = { class: "hidden md:flex flex-col bg-primary" }, Ld = { class: "w-full hidden md:flex" }, Pd = { class: "w-1/3" }, Id = { class: "items-center w-full flex justify-center" }, Ed = ["src"], Md = { class: "w-1/3 flex flex-col" }, jd = { class: "w-full flex justify-around" }, Nd = { class: "flex w-1/3" }, Fd = { class: "flex w-1/3" }, Dd = { class: "flex items-center w-1/3" }, Od = { class: "w-full flex justify-around" }, Hd = { class: "flex items-center w-1/3" }, Rd = { class: "flex items-center w-1/3" }, Ud = { class: "flex items-center w-1/3" }, Wd = { class: "w-full flex justify-around" }, Gd = { class: "flex items-center w-1/3" }, qd = { class: "flex items-center w-1/3" }, Vd = { class: "flex w-1/3" }, Yd = { class: "w-1/3 flex flex-col" }, Kd = { class: "w-full flex justify-end" }, Qd = { class: "w-30 mr-16" }, Zd = { class: "w-full flex justify-end mt-12" }, Jd = { class: "w-48 mr-16" }, Xd = { class: "h-32 border border-t mt-10 pb-10 border-lineGrey flex flex-col justify-center items-center" }, $d = { class: "flex md:hidden flex-col items-center bg-primary pb-10" }, ec = { class: "w-full flex flex-col items-center" }, tc = { class: "w-full max-w-xs flex justify-between items-center" }, rc = { class: "flex justify-center w-1/2" }, sc = ["src"], oc = { class: "flex flex-col w-1/2" }, ac = { class: "w-full flex flex-col items-center" }, nc = { class: "w-full max-w-xs flex flex-col items-center pt-8 px-6" }, ic = { class: "w-full max-w-xs flex flex-col items-center pt-8" }, lc = { class: "flex justify-center" };
+}, Bd = { class: "hidden md:flex flex-col bg-primary" }, Ld = { class: "w-full hidden md:flex" }, Pd = { class: "w-1/3" }, Id = { class: "items-center w-full flex justify-center" }, Ed = ["src"], Md = { class: "w-1/3 flex flex-col" }, jd = { class: "w-full flex justify-around" }, Nd = { class: "flex w-1/3" }, Fd = { class: "flex w-1/3" }, Dd = { class: "flex items-center w-1/3" }, Od = { class: "w-full flex justify-around" }, Hd = { class: "flex items-center w-1/3" }, Rd = { class: "flex items-center w-1/3" }, Wd = { class: "flex items-center w-1/3" }, Ud = { class: "w-full flex justify-around" }, Gd = { class: "flex items-center w-1/3" }, qd = { class: "flex items-center w-1/3" }, Vd = { class: "flex w-1/3" }, Yd = { class: "w-1/3 flex flex-col" }, Kd = { class: "w-full flex justify-end" }, Qd = { class: "w-30 mr-16" }, Zd = { class: "w-full flex justify-end mt-12" }, Jd = { class: "w-48 mr-16" }, Xd = { class: "h-32 border border-t mt-10 pb-10 border-lineGrey flex flex-col justify-center items-center" }, $d = { class: "flex md:hidden flex-col items-center bg-primary pb-10" }, ec = { class: "w-full flex flex-col items-center" }, tc = { class: "w-full max-w-xs flex justify-between items-center" }, rc = { class: "flex justify-center w-1/2" }, sc = ["src"], oc = { class: "flex flex-col w-1/2" }, ac = { class: "w-full flex flex-col items-center" }, nc = { class: "w-full max-w-xs flex flex-col items-center pt-8 px-6" }, ic = { class: "w-full max-w-xs flex flex-col items-center pt-8" }, lc = { class: "flex justify-center" };
 function dc(r, e, t, i, a, s) {
   const o = x("BaseText"), c = x("InputField"), l = x("Icon");
   return h(), g(B, null, [
@@ -8676,7 +8667,7 @@ function dc(r, e, t, i, a, s) {
                 })
               ])
             ]),
-            n("div", Ud, [
+            n("div", Wd, [
               n("a", {
                 href: "#",
                 onClick: e[5] || (e[5] = R((p) => s.pageChange("leaderboard"), ["prevent"]))
@@ -8696,7 +8687,7 @@ function dc(r, e, t, i, a, s) {
               ])
             ])
           ]),
-          n("div", Wd, [
+          n("div", Ud, [
             n("div", Gd, [
               n("a", {
                 href: "#",