@dcrackel/meyersquaredui 1.0.81 → 1.0.82

package/dist/meyersquaredui.es.js

@@ -1,4 +1,4 @@
-import { openBlock as b, createBlock as me, resolveDynamicComponent as qe, normalizeClass as P, withCtx as m, renderSlot as He, createElementBlock as y, resolveComponent as v, createElementVNode as i, createVNode as c, createTextVNode as h, toDisplayString as f, Fragment as T, renderList as V, defineComponent as R, ref as z, provide as se, watch as W, onMounted as Ze, onBeforeUnmount as $, toRef as Q, inject as M, computed as ce, markRaw as K, Comment as Qe, normalizeProps as it, guardReactiveProps as lt, withModifiers as G, createCommentVNode as L, withDirectives as dt, vShow as ct, normalizeStyle as ne, createStaticVNode as ke } from "vue";
+import { openBlock as b, createBlock as me, resolveDynamicComponent as qe, normalizeClass as P, withCtx as m, renderSlot as He, createElementBlock as y, resolveComponent as v, createElementVNode as i, createVNode as c, createTextVNode as h, toDisplayString as f, Fragment as T, renderList as R, defineComponent as U, ref as z, provide as se, watch as W, onMounted as Ze, onBeforeUnmount as $, toRef as Q, inject as M, computed as ce, markRaw as K, Comment as Qe, normalizeProps as it, guardReactiveProps as lt, withModifiers as G, createCommentVNode as L, withDirectives as dt, vShow as ct, normalizeStyle as ne, createStaticVNode as ke } from "vue";
 const S = (s, e) => {
   const t = s.__vccOpts || s;
   for (const [n, o] of e)
@@ -198,7 +198,7 @@ const F = /* @__PURE__ */ S(ht, [["render", pt]]), gt = {
         primary: "bg-primary hover:bg-accent text-secondary hover:text-secondary",
         secondary: "bg-secondary hover:bg-primary text-primary hover:text-secondary",
         accent: "bg-accent hover:bg-accent hover:text-secondary",
-        white: "bg-white hover:bg-primary text-primary hover:text-secondary"
+        white: "bg-white hover:bg-accent text-primary hover:text-secondary"
       }[this.backgroundColor] || "bg-primary";
     },
     borderClass() {
@@ -427,7 +427,7 @@ function Et(s, e, t, n, o, r) {
       ])
     ]),
     i("div", zt, [
-      (b(!0), y(T, null, V(o.weekdays, (l) => (b(), y("div", { key: l }, [
+      (b(!0), y(T, null, R(o.weekdays, (l) => (b(), y("div", { key: l }, [
         c(a, {
           tag: "p",
           size: "xs",
@@ -442,10 +442,10 @@ function Et(s, e, t, n, o, r) {
       ]))), 128))
     ]),
     i("div", Bt, [
-      (b(!0), y(T, null, V(r.startDay, (l) => (b(), y("div", {
+      (b(!0), y(T, null, R(r.startDay, (l) => (b(), y("div", {
         key: "empty-" + l
       }))), 128)),
-      (b(!0), y(T, null, V(r.daysInMonth, (l, d) => (b(), y("div", {
+      (b(!0), y(T, null, R(r.daysInMonth, (l, d) => (b(), y("div", {
         key: "day-" + l,
         onClick: (u) => r.dayClicked(l),
         class: P(["flex justify-center items-center cursor-pointer p-2 rounded-full", {
@@ -691,7 +691,7 @@ class X {
           var O;
           yield l = w.createElement("script"), l.id = this.id, A.set("libraries", [..._] + "");
           for (d in r)
-            A.set(d.replace(/[A-Z]/g, (U) => "_" + U[0].toLowerCase()), r[d]);
+            A.set(d.replace(/[A-Z]/g, (V) => "_" + V[0].toLowerCase()), r[d]);
           A.set("callback", p + ".maps." + x), l.src = this.url + "?" + A, C[x] = E, l.onerror = () => a = D(Error(u + " could not load.")), l.nonce = this.nonce || ((O = w.querySelector("script[nonce]")) === null || O === void 0 ? void 0 : O.nonce) || "", w.head.append(l);
         })))
       );
@@ -832,7 +832,7 @@ const je = [
   "tilesloaded",
   "tilt_changed",
   "zoom_changed"
-], Nt = R({
+], Nt = U({
   props: {
     apiPromise: {
       type: Promise
@@ -1081,7 +1081,7 @@ const je = [
         [() => s.center, () => s.zoom, ...w],
         ([k, C], [_, A]) => {
           var I, E, D;
-          const { center: O, zoom: U, ...N } = l();
+          const { center: O, zoom: V, ...N } = l();
           (I = o.value) == null || I.setOptions(N), C !== void 0 && C !== A && ((E = o.value) == null || E.setZoom(C));
           const he = !_ || k.lng !== _.lng || k.lat !== _.lat;
           k && he && ((D = o.value) == null || D.panTo(k));
@@ -1111,10 +1111,10 @@ function Gt(s, e, t, n, o, r) {
   ]);
 }
 const Ft = /* @__PURE__ */ Pt(Nt, [["render", Gt], ["__scopeId", "data-v-d05fc6bc"]]);
-function Ut(s) {
+function Vt(s) {
   return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
 }
-var Rt = function s(e, t) {
+var Ut = function s(e, t) {
   if (e === t)
     return !0;
   if (e && t && typeof e == "object" && typeof t == "object") {
@@ -1149,7 +1149,7 @@ var Rt = function s(e, t) {
   }
   return e !== e && t !== t;
 };
-const q = /* @__PURE__ */ Ut(Rt), Me = ["click", "drag", "dragend", "dragstart", "gmp-click"], Vt = R({
+const q = /* @__PURE__ */ Vt(Ut), Me = ["click", "drag", "dragend", "dragstart", "gmp-click"], Rt = U({
   name: "AdvancedMarker",
   props: {
     options: {
@@ -1175,15 +1175,15 @@ const q = /* @__PURE__ */ Ut(Rt), Me = ["click", "drag", "dragend", "dragstart",
           return;
         const { AdvancedMarkerElement: E, PinElement: D } = d.value.marker;
         if (a.value) {
-          const { map: O, content: U, ...N } = o.value;
+          const { map: O, content: V, ...N } = o.value;
           Object.assign(a.value, {
-            content: r.value ? new D(r.value).element : U,
+            content: r.value ? new D(r.value).element : V,
             ...N
           }), p.value && ((C = u.value) == null || C.removeMarker(a.value), (_ = u.value) == null || _.addMarker(a.value));
         } else
           r.value && (o.value.content = new D(r.value).element), a.value = K(new E(o.value)), p.value ? (A = u.value) == null || A.addMarker(a.value) : a.value.map = l.value, Me.forEach((O) => {
-            var U;
-            (U = a.value) == null || U.addListener(O, (N) => e(O, N));
+            var V;
+            (V = a.value) == null || V.addListener(O, (N) => e(O, N));
           });
       },
       {
@@ -1252,7 +1252,7 @@ const q = /* @__PURE__ */ Ut(Rt), Me = ["click", "drag", "dragend", "dragstart",
   "title_changed",
   "visible_changed"
 ];
-R({
+U({
   name: "Marker",
   props: {
     options: {
@@ -1269,7 +1269,7 @@ R({
     };
   }
 });
-R({
+U({
   name: "Polyline",
   props: {
     options: {
@@ -1284,7 +1284,7 @@ R({
   },
   render: () => null
 });
-R({
+U({
   name: "Polygon",
   props: {
     options: {
@@ -1300,7 +1300,7 @@ R({
   render: () => null
 });
 const Ne = ae.concat(["bounds_changed"]);
-R({
+U({
   name: "Rectangle",
   props: {
     options: {
@@ -1316,7 +1316,7 @@ R({
   render: () => null
 });
 const Pe = ae.concat(["center_changed", "radius_changed"]);
-R({
+U({
   name: "Circle",
   props: {
     options: {
@@ -1331,7 +1331,7 @@ R({
   },
   render: () => null
 });
-R({
+U({
   props: {
     position: {
       type: String,
@@ -1378,7 +1378,7 @@ R({
   }
 });
 const De = ["closeclick", "content_changed", "domready", "position_changed", "visible", "zindex_changed"];
-R({
+U({
   inheritAttrs: !1,
   props: {
     options: {
@@ -1420,8 +1420,8 @@ R({
           ), d.value && (u = d.value.addListener("click", () => {
             w();
           })), (!d.value || p) && w(), De.forEach((O) => {
-            var U;
-            (U = o.value) == null || U.addListener(O, (N) => t(O, N));
+            var V;
+            (V = o.value) == null || V.addListener(O, (N) => t(O, N));
           }), (E = o.value) == null || E.addListener("closeclick", () => x(!1))));
         },
         {
@@ -1612,7 +1612,7 @@ const Yt = {
   // properties to use for individual points when running the reducer
   map: (s) => s
   // props => ({sum: props.my_value})
-}, Ue = Math.fround || /* @__PURE__ */ ((s) => (e) => (s[0] = +e, s[0]))(new Float32Array(1)), J = 2, Z = 3, ve = 4, H = 5, et = 6;
+}, Ve = Math.fround || /* @__PURE__ */ ((s) => (e) => (s[0] = +e, s[0]))(new Float32Array(1)), J = 2, Z = 3, ve = 4, H = 5, et = 6;
 class tt {
   constructor(e) {
     this.options = Object.assign(Object.create(Yt), e), this.trees = new Array(this.options.maxZoom + 1), this.stride = this.options.reduce ? 7 : 6, this.clusterProps = [];
@@ -1627,7 +1627,7 @@ class tt {
       const u = e[d];
       if (!u.geometry)
         continue;
-      const [p, g] = u.geometry.coordinates, x = Ue(pe(p)), w = Ue(ge(g));
+      const [p, g] = u.geometry.coordinates, x = Ve(pe(p)), w = Ve(ge(g));
       a.push(
         x,
         w,
@@ -1664,7 +1664,7 @@ class tt {
     const l = this.trees[this._limitZoom(t)], d = l.range(pe(n), ge(a), pe(r), ge(o)), u = l.data, p = [];
     for (const g of d) {
       const x = this.stride * g;
-      p.push(u[x + H] > 1 ? Re(u, x, this.clusterProps) : this.points[u[x + Z]]);
+      p.push(u[x + H] > 1 ? Ue(u, x, this.clusterProps) : this.points[u[x + Z]]);
     }
     return p;
   }
@@ -1678,7 +1678,7 @@ class tt {
     const l = this.options.radius / (this.options.extent * Math.pow(2, n - 1)), d = a[t * this.stride], u = a[t * this.stride + 1], p = r.within(d, u, l), g = [];
     for (const x of p) {
       const w = x * this.stride;
-      a[w + ve] === e && g.push(a[w + H] > 1 ? Re(a, w, this.clusterProps) : this.points[a[w + Z]]);
+      a[w + ve] === e && g.push(a[w + H] > 1 ? Ue(a, w, this.clusterProps) : this.points[a[w + Z]]);
     }
     if (g.length === 0)
       throw new Error(o);
@@ -1783,8 +1783,8 @@ class tt {
       if (_ > C && _ >= a) {
         let A = x * C, I = w * C, E, D = -1;
         const O = ((g / p | 0) << 5) + (t + 1) + this.points.length;
-        for (const U of k) {
-          const N = U * p;
+        for (const V of k) {
+          const N = V * p;
           if (d[N + J] <= t)
             continue;
           d[N + J] = t;
@@ -1825,7 +1825,7 @@ class tt {
     return n && r === o ? Object.assign({}, r) : r;
   }
 }
-function Re(s, e, t) {
+function Ue(s, e, t) {
   return {
     type: "Feature",
     id: s[e + Z],
@@ -1948,7 +1948,7 @@ const Zt = (s, e, t, n) => {
 }, st = (s, e, t) => {
   const { northEast: n, southWest: o } = Qt(s, e), r = Jt({ northEast: n, southWest: o }, t);
   return Xt(r, e);
-}, Ve = (s, e, t) => {
+}, Re = (s, e, t) => {
   const n = st(s, e, t), o = n.getNorthEast(), r = n.getSouthWest();
   return [r.lng(), r.lat(), o.lng(), o.lat()];
 }, Qt = (s, e) => ({
@@ -2051,7 +2051,7 @@ class rr extends $t {
   calculate(e) {
     const t = {
       zoom: Math.round(e.map.getZoom()),
-      view: Ve(e.map.getBounds(), e.mapCanvasProjection, this.viewportPadding)
+      view: Re(e.map.getBounds(), e.mapCanvasProjection, this.viewportPadding)
     };
     let n = !q(this.state, t);
     if (!q(e.markers, this.markers)) {
@@ -2074,7 +2074,7 @@ class rr extends $t {
   cluster({ map: e, mapCanvasProjection: t }) {
     const n = {
       zoom: Math.round(e.getZoom()),
-      view: Ve(e.getBounds(), t, this.viewportPadding)
+      view: Re(e.getBounds(), t, this.viewportPadding)
     };
     return this.superCluster.getClusters(n.view, n.zoom).map((o) => this.transformCluster(o));
   }
@@ -2266,7 +2266,7 @@ class ir extends Be {
   }
 }
 const We = Object.values(oe);
-R({
+U({
   name: "MarkerCluster",
   props: {
     options: {
@@ -2305,7 +2305,7 @@ R({
     };
   }
 });
-R({
+U({
   inheritAttrs: !1,
   props: {
     options: {
@@ -2326,7 +2326,7 @@ R({
     }), { customMarkerRef: o, customMarker: l, hasSlotContent: r };
   }
 });
-R({
+U({
   name: "HeatmapLayer",
   props: {
     options: {
@@ -2366,7 +2366,7 @@ const lr = {
   name: "Mapbox",
   components: {
     GoogleMap: Ft,
-    AdvancedMarker: Vt
+    AdvancedMarker: Rt
   },
   props: {
     apiKey: {
@@ -2583,7 +2583,7 @@ function Cr(s, e, t, n, o, r) {
       }, ["stop"]))
     }, [
       i("ul", null, [
-        (b(!0), y(T, null, V(o.items, (p) => (b(), y("li", {
+        (b(!0), y(T, null, R(o.items, (p) => (b(), y("li", {
           key: p.label,
           onClick: (g) => r.handlePageChange(p.value),
           class: "px-2 py-2 cursor-pointer hover:bg-hoverColor justify-end flex"
@@ -2828,10 +2828,10 @@ const mi = /* @__PURE__ */ S(Sr, [["render", Gr]]), Fr = {
       this.dropdownOpen && !this.$refs.dropdownContainer.contains(s.target) && (this.dropdownOpen = !1, document.body.style.overflow = "");
     }
   }
-}, Ur = {
+}, Vr = {
   key: 0,
   class: "absolute top-full mt-1 w-full bg-secondary border rounded-lg border-lineGrey shadow-xl z-50 hidden md:block"
-}, Rr = ["onClick"], Vr = {
+}, Ur = ["onClick"], Rr = {
   key: 1,
   class: "fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50 md:hidden"
 }, Wr = { class: "bg-secondary border rounded-lg border-lineGrey shadow-xl z-50 w-3/4 max-w-lg p-6" }, Kr = ["onClick"];
@@ -2864,9 +2864,9 @@ function Yr(s, e, t, n, o, r) {
         class: "ml-4"
       })
     ]),
-    o.dropdownOpen ? (b(), y("div", Ur, [
+    o.dropdownOpen ? (b(), y("div", Vr, [
       i("ul", null, [
-        (b(!0), y(T, null, V(t.items, (d) => (b(), y("li", {
+        (b(!0), y(T, null, R(t.items, (d) => (b(), y("li", {
           key: d,
           onClick: (u) => r.selectWeapon(d),
           class: "px-4 py-2 cursor-pointer hover:bg-hoverColor"
@@ -2882,13 +2882,13 @@ function Yr(s, e, t, n, o, r) {
             ]),
             _: 2
           }, 1024)
-        ], 8, Rr))), 128))
+        ], 8, Ur))), 128))
       ])
     ])) : L("", !0),
-    o.dropdownOpen ? (b(), y("div", Vr, [
+    o.dropdownOpen ? (b(), y("div", Rr, [
       i("div", Wr, [
         i("ul", null, [
-          (b(!0), y(T, null, V(t.items, (d) => (b(), y("li", {
+          (b(!0), y(T, null, R(t.items, (d) => (b(), y("li", {
             key: d,
             onClick: (u) => r.selectWeapon(d),
             class: "px-4 py-2 cursor-pointer hover:bg-hoverColor"
@@ -3042,7 +3042,7 @@ function os(s, e, t, n, o, r) {
   return b(), y("header", ts, [
     i("div", rs, [
       i("nav", ss, [
-        (b(!0), y(T, null, V(t.filters, (d) => (b(), me(a, {
+        (b(!0), y(T, null, R(t.filters, (d) => (b(), me(a, {
           key: d,
           onClick: (u) => r.onFilterSelect(d),
           class: P(["cursor-pointer border-b-2 pb-1 duration-300 ease-in-out px-4 md:p-0", {
@@ -3081,14 +3081,17 @@ const pi = /* @__PURE__ */ S(es, [["render", os]]), ns = "data:image/png;base64,
   props: {
     buffer: {
       type: Number,
-      default: 0
+      default: 100
     }
   },
   data() {
     return {
       logo: ns,
       showNav: !1,
-      heroHeight: 0
+      // This controls the animation class
+      navVisible: !1,
+      // This controls v-show and visibility
+      heroHeight: 650
     };
   },
   mounted() {
@@ -3100,21 +3103,28 @@ const pi = /* @__PURE__ */ S(es, [["render", os]]), ns = "data:image/png;base64,
   },
   methods: {
     handleScroll() {
-      const s = window.scrollY;
-      this.showNav = s > this.heroHeight + this.buffer;
+      window.scrollY > this.heroHeight + this.buffer ? this.navVisible || (this.navVisible = !0, this.showNav = !0) : this.navVisible && (this.showNav = !1, setTimeout(() => {
+        this.navVisible = !1;
+      }, 500));
+    },
+    handlePageChange(s) {
+      this.$emit("changePage", s);
+    },
+    onSearch(s) {
+      this.$emit("search", s);
     }
   }
 }, is = { class: "max-w-7xl mx-auto px-4 py-2" }, ls = { class: "w-full hidden md:flex" }, ds = ["src"], cs = { class: "flex w-full items-center" }, us = { class: "hidden lg:flex w-1/3 pl-20 mb-3 mt-1" }, ms = { class: "ml-8 w-2/3 flex justify-around" };
 function hs(s, e, t, n, o, r) {
   const a = v("SearchBox"), l = v("BaseText");
   return dt((b(), y("nav", {
-    class: P(["fixed top-0 left-0 w-full bg-white shadow-md transition-opacity duration-1000 z-50", { "opacity-0": !o.showNav, "opacity-100": o.showNav }])
+    class: P(["fixed top-0 left-0 w-full bg-white shadow-md z-50", [o.showNav ? "animate-slideDown" : "animate-slideUp"]])
   }, [
     i("div", is, [
       i("section", ls, [
         i("div", {
           class: "w-[150px] h-[50px] flex-shrink-0 flex items-center justify-center",
-          onClick: e[0] || (e[0] = (d) => s.handlePageChange("Home"))
+          onClick: e[0] || (e[0] = (d) => r.handlePageChange("Home"))
         }, [
           i("img", {
             src: o.logo,
@@ -3128,7 +3138,7 @@ function hs(s, e, t, n, o, r) {
               inputColor: "secondary",
               iconColor: "primary",
               class: "w-24 md:w-32 lg:w-52 xl:w-64",
-              onSearch: s.onSearch
+              onSearch: r.onSearch
             }, null, 8, ["onSearch"])
           ]),
           i("nav", ms, [
@@ -3138,7 +3148,7 @@ function hs(s, e, t, n, o, r) {
               tag: "p",
               weight: "normal",
               class: "border-b-2 border-white hover:border-accent pb-2 duration-300 ease-in-out",
-              onClick: e[1] || (e[1] = (d) => s.handlePageChange("TournamentList"))
+              onClick: e[1] || (e[1] = (d) => r.handlePageChange("TournamentList"))
             }, {
               default: m(() => e[6] || (e[6] = [
                 h("Tournaments")
@@ -3151,7 +3161,7 @@ function hs(s, e, t, n, o, r) {
               tag: "p",
               weight: "normal",
               class: "border-b-2 border-white hover:border-accent pb-2 duration-300 ease-in-out",
-              onClick: e[2] || (e[2] = (d) => s.handlePageChange("ClubList"))
+              onClick: e[2] || (e[2] = (d) => r.handlePageChange("ClubList"))
             }, {
               default: m(() => e[7] || (e[7] = [
                 h("Clubs")
@@ -3164,7 +3174,7 @@ function hs(s, e, t, n, o, r) {
               tag: "p",
               weight: "normal",
               class: "border-b-2 border-white hover:border-accent pb-2 duration-300 ease-in-out",
-              onClick: e[3] || (e[3] = (d) => s.handlePageChange("Leaderboard"))
+              onClick: e[3] || (e[3] = (d) => r.handlePageChange("Leaderboard"))
             }, {
               default: m(() => e[8] || (e[8] = [
                 h("Leaderboard")
@@ -3177,7 +3187,7 @@ function hs(s, e, t, n, o, r) {
               tag: "p",
               weight: "normal",
               class: "border-b-2 border-white hover:border-accent pb-2 duration-300 ease-in-out",
-              onClick: e[4] || (e[4] = (d) => s.handlePageChange("ContactUs"))
+              onClick: e[4] || (e[4] = (d) => r.handlePageChange("ContactUs"))
             }, {
               default: m(() => e[9] || (e[9] = [
                 h("Contact")
@@ -3190,7 +3200,7 @@ function hs(s, e, t, n, o, r) {
               tag: "p",
               weight: "normal",
               class: "border-b-2 border-white hover:border-accent pb-2 duration-300 ease-in-out",
-              onClick: e[5] || (e[5] = (d) => s.handlePageChange("ContactUs"))
+              onClick: e[5] || (e[5] = (d) => r.handlePageChange("Login"))
             }, {
               default: m(() => e[10] || (e[10] = [
                 h("Login")
@@ -3202,10 +3212,10 @@ function hs(s, e, t, n, o, r) {
       ])
     ])
   ], 2)), [
-    [ct, o.showNav]
+    [ct, o.navVisible]
   ]);
 }
-const ps = /* @__PURE__ */ S(as, [["render", hs]]), gs = {
+const ps = /* @__PURE__ */ S(as, [["render", hs], ["__scopeId", "data-v-eb116240"]]), gs = {
   name: "TournamentDetailsBanner",
   components: {
     BaseText: B,
@@ -3588,7 +3598,7 @@ function Gs(s, e, t, n, o, r) {
     ke('<div class="w-full h-40 bg-gray-200 rounded-t-md mb-4"></div><div class="w-3/4 h-6 bg-gray-200 rounded mb-2"></div><div class="w-full h-4 bg-gray-200 rounded mb-2"></div><div class="w-full h-4 bg-gray-200 rounded mb-2"></div><div class="w-1/2 h-4 bg-gray-200 rounded mb-4"></div><div class="w-full flex justify-end"><div class="w-1/4 h-4 bg-gray-200 rounded"></div></div>', 6)
   ]));
 }
-const Fs = /* @__PURE__ */ S(Ps, [["render", Gs]]), Us = {
+const Fs = /* @__PURE__ */ S(Ps, [["render", Gs]]), Vs = {
   name: "ArticleCard",
   components: {
     ArticleCardSkeleton: Fs,
@@ -3625,20 +3635,20 @@ const Fs = /* @__PURE__ */ S(Ps, [["render", Gs]]), Us = {
       this.$emit("grid-card-click", this.data);
     }
   }
-}, Rs = {
+}, Us = {
   key: 0,
   class: "w-72 p-4 bg-secondary rounded-lg flex flex-col items-start"
-}, Vs = {
+}, Rs = {
   key: 1,
   class: "min-w-72 p-4 bg-secondary rounded-lg flex flex-col items-start"
 }, Ws = ["src"];
 function Ks(s, e, t, n, o, r) {
   const a = v("ArticleCardSkeleton"), l = v("BaseText");
   return b(), y(T, null, [
-    t.isLoading ? (b(), y("div", Rs, [
+    t.isLoading ? (b(), y("div", Us, [
       c(a)
     ])) : L("", !0),
-    t.isLoading ? L("", !0) : (b(), y("div", Vs, [
+    t.isLoading ? L("", !0) : (b(), y("div", Rs, [
       i("img", {
         src: r.image,
         alt: "Article Image",
@@ -3686,7 +3696,7 @@ function Ks(s, e, t, n, o, r) {
     ]))
   ], 64);
 }
-const Ke = /* @__PURE__ */ S(Us, [["render", Ks]]), Ys = {
+const Ke = /* @__PURE__ */ S(Vs, [["render", Ks]]), Ys = {
   name: "ClubListCard",
   components: { Icon: F, BaseText: B },
   props: {
@@ -4133,7 +4143,7 @@ function Lo(s, e, t, n, o, r) {
             tag: "p",
             size: "xs md:sm",
             weight: "semibold",
-            class: "primary mr-1 block z-50"
+            class: "primary mr-1 block"
           }, {
             default: m(() => e[1] || (e[1] = [
               h("M2: ")
@@ -4226,7 +4236,7 @@ const Ye = /* @__PURE__ */ S(So, [["render", Lo]]), To = {
   key: 1,
   class: "p-4 bg-secondary rounded-lg flex items-center"
 };
-function Uo(s, e, t, n, o, r) {
+function Vo(s, e, t, n, o, r) {
   const a = v("BaseText"), l = v("FencerCardSkeleton");
   return b(), y(T, null, [
     t.isLoading ? L("", !0) : (b(), y("section", {
@@ -4341,7 +4351,7 @@ function Uo(s, e, t, n, o, r) {
     ])) : L("", !0)
   ], 64);
 }
-const vi = /* @__PURE__ */ S(To, [["render", Uo]]), Ro = {
+const vi = /* @__PURE__ */ S(To, [["render", Vo]]), Uo = {
   name: "PhotoCard",
   props: {
     data: {
@@ -4349,9 +4359,9 @@ const vi = /* @__PURE__ */ S(To, [["render", Uo]]), Ro = {
       required: !0
     }
   }
-}, Vo = { class: "w-[250px] h-[150px]" }, Wo = ["src", "alt"];
+}, Ro = { class: "w-[250px] h-[150px]" }, Wo = ["src", "alt"];
 function Ko(s, e, t, n, o, r) {
-  return b(), y("div", Vo, [
+  return b(), y("div", Ro, [
     i("img", {
       src: t.data.URL,
       alt: t.data.AltText,
@@ -4359,7 +4369,7 @@ function Ko(s, e, t, n, o, r) {
     }, null, 8, Wo)
   ]);
 }
-const wi = /* @__PURE__ */ S(Ro, [["render", Ko]]), Yo = {
+const wi = /* @__PURE__ */ S(Uo, [["render", Ko]]), Yo = {
   name: "SocialMediaLinkCard",
   components: { BaseButton: Y },
   props: {
@@ -4390,7 +4400,7 @@ const wi = /* @__PURE__ */ S(Ro, [["render", Ko]]), Yo = {
 function Ho(s, e, t, n, o, r) {
   const a = v("BaseButton");
   return b(), y("aside", qo, [
-    (b(!0), y(T, null, V(t.socialMedia, (l, d) => (b(), y("div", {
+    (b(!0), y(T, null, R(t.socialMedia, (l, d) => (b(), y("div", {
       key: d,
       class: "mb-4"
     }, [
@@ -4707,7 +4717,7 @@ function An(s, e, t, n, o, r) {
         ])),
         _: 1
       })) : L("", !0),
-      (b(!0), y(T, null, V(t.shareLinks, (d) => (b(), y("a", {
+      (b(!0), y(T, null, R(t.shareLinks, (d) => (b(), y("a", {
         key: d.name,
         href: d.url,
         target: "_blank",
@@ -4798,8 +4808,8 @@ const Ci = /* @__PURE__ */ S(bn, [["render", An]]), zn = {
       this.$emit("grid-card-click", this.data);
     }
   }
-}, Bn = { class: "flex pt-1" }, In = ["src", "alt"], En = { class: "flex flex-col" }, Ln = { class: "flex items-center mb-0" }, Tn = { class: "hidden md:flex items-center text-sm text-gray-600 mb-2" }, jn = { class: "hidden md:flex mt-3 mb-1" }, Mn = { class: "flex flex-row w-full" }, On = { class: "flex items-center mr-10" }, Nn = { class: "flex items-center" }, Pn = { class: "flex flex-col md:hidden mt-2" }, Dn = { class: "flex items-center pb-2" }, Gn = { class: "flex flex-row" }, Fn = { class: "flex items-center mr-4" }, Un = { class: "flex items-center" };
-function Rn(s, e, t, n, o, r) {
+}, Bn = { class: "flex pt-1" }, In = ["src", "alt"], En = { class: "flex flex-col" }, Ln = { class: "flex items-center mb-0" }, Tn = { class: "hidden md:flex items-center text-sm text-gray-600 mb-2" }, jn = { class: "hidden md:flex mt-3 mb-1" }, Mn = { class: "flex flex-row w-full" }, On = { class: "flex items-center mr-10" }, Nn = { class: "flex items-center" }, Pn = { class: "flex flex-col md:hidden mt-2" }, Dn = { class: "flex items-center pb-2" }, Gn = { class: "flex flex-row" }, Fn = { class: "flex items-center mr-4" }, Vn = { class: "flex items-center" };
+function Un(s, e, t, n, o, r) {
   const a = v("BaseText"), l = v("Icon");
   return b(), y("section", {
     class: "flex flex-col md:bg-white w-full border-b pb-2 mb-2 pl-1 pt-1 cursor-pointer last:border-b-0",
@@ -4916,7 +4926,7 @@ function Rn(s, e, t, n, o, r) {
             _: 1
           })
         ]),
-        i("div", Un, [
+        i("div", Vn, [
           c(l, {
             icon: "fa-calendar",
             size: "sm",
@@ -4939,7 +4949,7 @@ function Rn(s, e, t, n, o, r) {
     ])
   ]);
 }
-const _i = /* @__PURE__ */ S(zn, [["render", Rn]]), Vn = {
+const _i = /* @__PURE__ */ S(zn, [["render", Un]]), Rn = {
   name: "HeroBanner",
   components: {
     BaseText: B,
@@ -5096,7 +5106,7 @@ function Qn(s, e, t, n, o, r) {
     ], -1))
   ], 64);
 }
-const Jn = /* @__PURE__ */ S(Vn, [["render", Qn]]), Xn = {
+const Jn = /* @__PURE__ */ S(Rn, [["render", Qn]]), Xn = {
   name: "LeaderboardHeader",
   components: {
     BaseText: B,
@@ -5126,7 +5136,7 @@ function sa(s, e, t, n, o, r) {
   return b(), y("header", $n, [
     i("section", ea, [
       i("nav", ta, [
-        (b(!0), y(T, null, V(t.weapons, (l) => (b(), y("div", {
+        (b(!0), y(T, null, R(t.weapons, (l) => (b(), y("div", {
           key: l,
           onClick: (d) => r.onWeaponClick(l),
           class: "cursor-pointer"
@@ -5273,7 +5283,7 @@ function aa(s, e, t, n, o, r) {
         i("div", {
           class: P(r.gridClasses)
         }, [
-          (b(!0), y(T, null, V(t.items, (d, u) => (b(), me(qe(t.cardComponent), {
+          (b(!0), y(T, null, R(t.items, (d, u) => (b(), me(qe(t.cardComponent), {
             key: u,
             data: d,
             index: u,
@@ -5528,7 +5538,7 @@ const Ca = /* @__PURE__ */ S(ha, [["render", ka]]), _a = {
       this.$emit("changePage", s);
     }
   }
-}, Sa = { class: "hidden md:flex flex-col bg-primary" }, Aa = { class: "w-full hidden md:flex" }, za = { class: "w-1/3" }, Ba = { class: "items-center w-full flex justify-center" }, Ia = ["src"], Ea = { class: "w-1/3 flex flex-col" }, La = { class: "w-full flex justify-around" }, Ta = { class: "flex w-1/3" }, ja = { class: "flex w-1/3" }, Ma = { class: "flex items-center w-1/3" }, Oa = { class: "w-full flex justify-around" }, Na = { class: "flex items-center w-1/3" }, Pa = { class: "flex items-center w-1/3" }, Da = { class: "flex items-center w-1/3" }, Ga = { class: "w-full flex justify-around" }, Fa = { class: "flex items-center w-1/3" }, Ua = { class: "flex items-center w-1/3" }, Ra = { class: "flex w-1/3" }, Va = { class: "w-1/3 flex flex-col" }, Wa = { class: "w-full flex justify-end" }, Ka = { class: "w-30 mr-16" }, Ya = { class: "w-full flex justify-end mt-12" }, qa = { class: "w-48 mr-16" }, Ha = { class: "h-32 border border-t mt-10 pb-10 border-lineGrey flex flex-col justify-center items-center" }, Za = { class: "flex md:hidden flex-col items-center bg-primary pb-10" }, Qa = { class: "w-full flex flex-col items-center" }, Ja = { class: "w-full max-w-xs flex justify-between items-center" }, Xa = { class: "flex justify-center w-1/2" }, $a = ["src"], ei = { class: "flex flex-col w-1/2" }, ti = { class: "w-full flex flex-col items-center" }, ri = { class: "w-full max-w-xs flex flex-col items-center pt-8 px-6" }, si = { class: "w-full max-w-xs flex flex-col items-center pt-8" }, oi = { class: "flex justify-center" };
+}, Sa = { class: "hidden md:flex flex-col bg-primary" }, Aa = { class: "w-full hidden md:flex" }, za = { class: "w-1/3" }, Ba = { class: "items-center w-full flex justify-center" }, Ia = ["src"], Ea = { class: "w-1/3 flex flex-col" }, La = { class: "w-full flex justify-around" }, Ta = { class: "flex w-1/3" }, ja = { class: "flex w-1/3" }, Ma = { class: "flex items-center w-1/3" }, Oa = { class: "w-full flex justify-around" }, Na = { class: "flex items-center w-1/3" }, Pa = { class: "flex items-center w-1/3" }, Da = { class: "flex items-center w-1/3" }, Ga = { class: "w-full flex justify-around" }, Fa = { class: "flex items-center w-1/3" }, Va = { class: "flex items-center w-1/3" }, Ua = { class: "flex w-1/3" }, Ra = { class: "w-1/3 flex flex-col" }, Wa = { class: "w-full flex justify-end" }, Ka = { class: "w-30 mr-16" }, Ya = { class: "w-full flex justify-end mt-12" }, qa = { class: "w-48 mr-16" }, Ha = { class: "h-32 border border-t mt-10 pb-10 border-lineGrey flex flex-col justify-center items-center" }, Za = { class: "flex md:hidden flex-col items-center bg-primary pb-10" }, Qa = { class: "w-full flex flex-col items-center" }, Ja = { class: "w-full max-w-xs flex justify-between items-center" }, Xa = { class: "flex justify-center w-1/2" }, $a = ["src"], ei = { class: "flex flex-col w-1/2" }, ti = { class: "w-full flex flex-col items-center" }, ri = { class: "w-full max-w-xs flex flex-col items-center pt-8 px-6" }, si = { class: "w-full max-w-xs flex flex-col items-center pt-8" }, oi = { class: "flex justify-center" };
 function ni(s, e, t, n, o, r) {
   const a = v("BaseText"), l = v("InputField"), d = v("Icon");
   return b(), y(T, null, [
@@ -5684,7 +5694,7 @@ function ni(s, e, t, n, o, r) {
                 })
               ])
             ]),
-            i("div", Ua, [
+            i("div", Va, [
               i("a", {
                 href: "#",
                 onClick: e[7] || (e[7] = G((u) => r.pageChange("clubs"), ["prevent"]))
@@ -5703,7 +5713,7 @@ function ni(s, e, t, n, o, r) {
                 })
               ])
             ]),
-            i("div", Ra, [
+            i("div", Ua, [
               i("a", {
                 href: "#",
                 onClick: e[8] || (e[8] = G((u) => r.pageChange("leaderboard"), ["prevent"]))
@@ -5724,7 +5734,7 @@ function ni(s, e, t, n, o, r) {
             ])
           ])
         ]),
-        i("div", Va, [
+        i("div", Ra, [
           i("div", Wa, [
             i("div", Ka, [
               c(a, {
@@ -6044,7 +6054,7 @@ function di(s, e, t, n, o, r) {
         description: t.description,
         imageSrc: t.imageSrc
       }, null, 8, ["title", "buttonLabel", "description", "imageSrc"]),
-      c(d, { buffer: "100" }),
+      c(d, { buffer: 1e3 }),
       c(u, {
         cardComponent: o.TournamentCard,
         items: r.limitedTournaments,