@dcrackel/meyersquaredui 1.0.205 → 1.0.206

package/dist/meyersquaredui.es.js

@@ -1,8 +1,8 @@
-import { openBlock as u, createBlock as L, resolveDynamicComponent as Ye, normalizeClass as S, withCtx as h, renderSlot as Ae, createElementBlock as g, resolveComponent as y, createElementVNode as n, createVNode as c, createTextVNode as m, toDisplayString as f, Fragment as I, renderList as N, defineComponent as Q, ref as z, provide as ne, watch as H, onMounted as Ge, onBeforeUnmount as re, toRef as X, inject as R, computed as me, markRaw as W, Comment as Ze, normalizeProps as ht, guardReactiveProps as gt, createCommentVNode as w, withModifiers as F, withDirectives as Xe, vShow as pt, normalizeStyle as $, vModelText as ft, createStaticVNode as be, Transition as bt } from "vue";
+import { openBlock as u, createBlock as L, resolveDynamicComponent as Ye, normalizeClass as S, withCtx as h, renderSlot as Ae, createElementBlock as g, resolveComponent as y, createElementVNode as a, createVNode as c, createTextVNode as m, toDisplayString as f, Fragment as I, renderList as N, defineComponent as Q, ref as z, provide as ae, watch as H, onMounted as Ze, onBeforeUnmount as re, toRef as X, inject as R, computed as me, markRaw as W, Comment as Ge, normalizeProps as ht, guardReactiveProps as gt, createCommentVNode as w, withModifiers as F, withDirectives as Xe, vShow as pt, normalizeStyle as $, vModelText as ft, createStaticVNode as be, Transition as bt } from "vue";
 const C = (r, e) => {
   const t = r.__vccOpts || r;
-  for (const [i, a] of e)
-    t[i] = a;
+  for (const [i, n] of e)
+    t[i] = n;
   return t;
 }, yt = {
   name: "BaseText",
@@ -54,14 +54,14 @@ const C = (r, e) => {
         semibold: "font-semibold font-[600]",
         bold: "font-bold font-[700]"
       }, t = this.hoverColor ? ` hover:text-${this.hoverColor}` : "";
-      return `${this.size.split(" ").map((a) => {
-        const [s, o] = a.includes(":") ? a.split(":") : [null, a];
+      return `${this.size.split(" ").map((n) => {
+        const [s, o] = n.includes(":") ? n.split(":") : [null, n];
         return s ? `${s}:${r[o]}` : r[o];
       }).filter(Boolean).join(" ")} ${e[this.weight]} text-${this.color} ${t} font-raleway`;
     }
   }
 };
-function xt(r, e, t, i, a, s) {
+function xt(r, e, t, i, n, s) {
   return u(), L(Ye(t.tag), {
     class: S(s.textClasses)
   }, {
@@ -118,7 +118,7 @@ const B = /* @__PURE__ */ C(yt, [["render", xt]]), wt = {
     }
   }
 };
-function vt(r, e, t, i, a, s) {
+function vt(r, e, t, i, n, s) {
   return u(), g("i", {
     class: S([t.type, t.icon, s.colorClasses, s.sizeClasses]),
     onClick: e[0] || (e[0] = (o) => r.$emit("click"))
@@ -227,7 +227,7 @@ const M = /* @__PURE__ */ C(wt, [["render", vt]]), Ct = {
     }
   }
 }, St = ["title", "aria-label"];
-function At(r, e, t, i, a, s) {
+function At(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("Icon");
   return u(), g("button", {
     class: S([
@@ -240,7 +240,7 @@ function At(r, e, t, i, a, s) {
     "aria-label": t.altText || t.label,
     onClick: e[0] || (e[0] = (l) => r.$emit("click"))
   }, [
-    n("div", {
+    a("div", {
       class: S(["flex items-center", s.alignmentClass, "space-x-2"])
     }, [
       c(o, {
@@ -295,7 +295,7 @@ const J = /* @__PURE__ */ C(Ct, [["render", At]]), kt = {
     }
   }
 }, Tt = ["type", "placeholder", "value"];
-function Bt(r, e, t, i, a, s) {
+function Bt(r, e, t, i, n, s) {
   return u(), g("input", {
     type: t.type,
     placeholder: t.placeholder,
@@ -339,12 +339,12 @@ const ye = /* @__PURE__ */ C(kt, [["render", Bt]]), _t = {
     }
   }
 }, It = { class: "relative flex items-center w-full max-w-md" };
-function Et(r, e, t, i, a, s) {
+function Et(r, e, t, i, n, s) {
   const o = y("InputField"), d = y("Icon");
   return u(), g("div", It, [
     c(o, {
-      modelValue: a.searchQuery,
-      "onUpdate:modelValue": e[0] || (e[0] = (l) => a.searchQuery = l),
+      modelValue: n.searchQuery,
+      "onUpdate:modelValue": e[0] || (e[0] = (l) => n.searchQuery = l),
       "text-size": t.textSize,
       placeholder: "Search",
       color: t.inputColor
@@ -406,10 +406,10 @@ const $e = /* @__PURE__ */ C(_t, [["render", Et]]), zt = {
     }
   }
 }, Lt = { class: "w-80 h-80 p-6 bg-primary rounded-lg shadow-md" }, Nt = { class: "flex justify-between items-center mb-4" }, Pt = { class: "grid grid-cols-7 gap-1 text-center font-bold text-sm text-gray-600 mb-2" }, jt = { class: "grid grid-cols-7 gap-1 text-center" }, Mt = ["onClick"];
-function Ot(r, e, t, i, a, s) {
+function Ot(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("div", Lt, [
-    n("div", Nt, [
+    a("div", Nt, [
       c(o, {
         tag: "h2",
         size: "sm",
@@ -421,19 +421,19 @@ function Ot(r, e, t, i, a, s) {
         ]),
         _: 1
       }),
-      n("div", null, [
-        n("button", {
+      a("div", null, [
+        a("button", {
           onClick: e[0] || (e[0] = (...d) => s.prevMonth && s.prevMonth(...d)),
           class: "text-secondary hover:text-accent mr-4"
         }, " < "),
-        n("button", {
+        a("button", {
           onClick: e[1] || (e[1] = (...d) => s.nextMonth && s.nextMonth(...d)),
           class: "text-secondary hover:text-accent"
         }, " > ")
       ])
     ]),
-    n("div", Pt, [
-      (u(!0), g(I, null, N(a.weekdays, (d) => (u(), g("div", { key: d }, [
+    a("div", Pt, [
+      (u(!0), g(I, null, N(n.weekdays, (d) => (u(), g("div", { key: d }, [
         c(o, {
           tag: "p",
           size: "xs",
@@ -447,7 +447,7 @@ function Ot(r, e, t, i, a, s) {
         }, 1024)
       ]))), 128))
     ]),
-    n("div", jt, [
+    a("div", jt, [
       (u(!0), g(I, null, N(s.startDay, (d) => (u(), g("div", {
         key: "empty-" + d
       }))), 128)),
@@ -515,7 +515,7 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 function qt(r, e, t, i) {
-  function a(s) {
+  function n(s) {
     return s instanceof t ? s : new t(function(o) {
       o(s);
     });
@@ -536,7 +536,7 @@ function qt(r, e, t, i) {
       }
     }
     function p(b) {
-      b.done ? s(b.value) : a(b.value).then(d, l);
+      b.done ? s(b.value) : n(b.value).then(d, l);
     }
     p((i = i.apply(r, [])).next());
   });
@@ -547,12 +547,12 @@ var Ft = function r(e, t) {
   if (e && t && typeof e == "object" && typeof t == "object") {
     if (e.constructor !== t.constructor)
       return !1;
-    var i, a, s;
+    var i, n, s;
     if (Array.isArray(e)) {
       if (i = e.length, i != t.length)
         return !1;
-      for (a = i; a-- !== 0; )
-        if (!r(e[a], t[a]))
+      for (n = i; n-- !== 0; )
+        if (!r(e[n], t[n]))
           return !1;
       return !0;
     }
@@ -564,11 +564,11 @@ var Ft = function r(e, t) {
       return e.toString() === t.toString();
     if (s = Object.keys(e), i = s.length, i !== Object.keys(t).length)
       return !1;
-    for (a = i; a-- !== 0; )
-      if (!Object.prototype.hasOwnProperty.call(t, s[a]))
+    for (n = i; n-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(t, s[n]))
         return !1;
-    for (a = i; a-- !== 0; ) {
-      var o = s[a];
+    for (n = i; n-- !== 0; ) {
+      var o = s[n];
       if (!r(e[o], t[o]))
         return !1;
     }
@@ -577,10 +577,10 @@ var Ft = function r(e, t) {
   return e !== e && t !== t;
 };
 const Le = "__googleMapsScriptId";
-var ae;
+var ne;
 (function(r) {
   r[r.INITIALIZED = 0] = "INITIALIZED", r[r.LOADING = 1] = "LOADING", r[r.SUCCESS = 2] = "SUCCESS", r[r.FAILURE = 3] = "FAILURE";
-})(ae || (ae = {}));
+})(ne || (ne = {}));
 class te {
   /**
    * Creates an instance of Loader using [[LoaderOptions]]. No defaults are set
@@ -591,8 +591,8 @@ class te {
    * const loader = Loader({apiKey, version: 'weekly', libraries: ['places']});
    * ```
    */
-  constructor({ apiKey: e, authReferrerPolicy: t, channel: i, client: a, id: s = Le, language: o, libraries: d = [], mapIds: l, nonce: p, region: b, retries: x = 3, url: v = "https://maps.googleapis.com/maps/api/js", version: k }) {
-    if (this.callbacks = [], this.done = !1, this.loading = !1, this.errors = [], this.apiKey = e, this.authReferrerPolicy = t, this.channel = i, this.client = a, this.id = s || Le, this.language = o, this.libraries = d, this.mapIds = l, this.nonce = p, this.region = b, this.retries = x, this.url = v, this.version = k, te.instance) {
+  constructor({ apiKey: e, authReferrerPolicy: t, channel: i, client: n, id: s = Le, language: o, libraries: d = [], mapIds: l, nonce: p, region: b, retries: x = 3, url: v = "https://maps.googleapis.com/maps/api/js", version: k }) {
+    if (this.callbacks = [], this.done = !1, this.loading = !1, this.errors = [], this.apiKey = e, this.authReferrerPolicy = t, this.channel = i, this.client = n, this.id = s || Le, this.language = o, this.libraries = d, this.mapIds = l, this.nonce = p, this.region = b, this.retries = x, this.url = v, this.version = k, te.instance) {
       if (!Ft(this.options, te.instance.options))
         throw new Error(`Loader must not be called again with different options. ${JSON.stringify(this.options)} !== ${JSON.stringify(te.instance.options)}`);
       return te.instance;
@@ -616,7 +616,7 @@ class te {
     };
   }
   get status() {
-    return this.errors.length ? ae.FAILURE : this.done ? ae.SUCCESS : this.loading ? ae.LOADING : ae.INITIALIZED;
+    return this.errors.length ? ne.FAILURE : this.done ? ne.SUCCESS : this.loading ? ne.LOADING : ne.INITIALIZED;
   }
   get failed() {
     return this.done && !this.loading && this.errors.length >= this.retries + 1;
@@ -703,8 +703,8 @@ class te {
       );
       T[x] ? console.warn(p + " only loads once. Ignoring:", s) : T[x] = (j, ...U) => _.add(j) && P().then(() => T[x](j, ...U));
     })(i);
-    const a = this.libraries.map((s) => this.importLibrary(s));
-    a.length || a.push(this.importLibrary("core")), Promise.all(a).then(() => this.callback(), (s) => {
+    const n = this.libraries.map((s) => this.importLibrary(s));
+    n.length || n.push(this.importLibrary("core")), Promise.all(n).then(() => this.callback(), (s) => {
       const o = new ErrorEvent("error", { error: s });
       this.loadErrorCallback(o);
     });
@@ -772,35 +772,35 @@ function Ut(r) {
       const e = this.getProjection(), t = e == null ? void 0 : e.fromLatLngToDivPixel(this.getPosition());
       if (t) {
         this.element.style.position = "absolute";
-        const i = this.element.offsetHeight, a = this.element.offsetWidth;
+        const i = this.element.offsetHeight, n = this.element.offsetWidth;
         let s, o;
         switch (this.opts.anchorPoint) {
           case "TOP_CENTER":
-            s = t.x - a / 2, o = t.y;
+            s = t.x - n / 2, o = t.y;
             break;
           case "BOTTOM_CENTER":
-            s = t.x - a / 2, o = t.y - i;
+            s = t.x - n / 2, o = t.y - i;
             break;
           case "LEFT_CENTER":
             s = t.x, o = t.y - i / 2;
             break;
           case "RIGHT_CENTER":
-            s = t.x - a, o = t.y - i / 2;
+            s = t.x - n, o = t.y - i / 2;
             break;
           case "TOP_LEFT":
             s = t.x, o = t.y;
             break;
           case "TOP_RIGHT":
-            s = t.x - a, o = t.y;
+            s = t.x - n, o = t.y;
             break;
           case "BOTTOM_LEFT":
             s = t.x, o = t.y - i;
             break;
           case "BOTTOM_RIGHT":
-            s = t.x - a, o = t.y - i;
+            s = t.x - n, o = t.y - i;
             break;
           default:
-            s = t.x - a / 2, o = t.y - i / 2;
+            s = t.x - n / 2, o = t.y - i / 2;
         }
         this.element.style.left = s + "px", this.element.style.top = o + "px", this.element.style.transform = `translateX(${this.opts.offsetX || 0}px) translateY(${this.opts.offsetY || 0}px)`, this.opts.zIndex && (this.element.style.zIndex = this.opts.zIndex.toString());
       }
@@ -1037,8 +1037,8 @@ const Pe = [
   },
   emits: Pe,
   setup(r, { emit: e }) {
-    const t = z(), i = z(!1), a = z(), s = z(), o = z(!1);
-    ne(se, a), ne(oe, s), ne(et, o);
+    const t = z(), i = z(!1), n = z(), s = z(), o = z(!1);
+    ae(se, n), ae(oe, s), ae(et, o);
     const d = () => {
       const x = { ...r };
       Object.keys(x).forEach((A) => {
@@ -1058,7 +1058,7 @@ const Pe = [
       };
       return { ...x, ...k };
     }, l = H(
-      [s, a],
+      [s, n],
       ([x, v]) => {
         const k = x, A = v;
         k && A && (k.event.addListenerOnce(A, "tilesloaded", () => {
@@ -1074,11 +1074,11 @@ const Pe = [
         console.error(x);
       }
     }, b = (x) => {
-      s.value = W(x.maps), a.value = W(new x.maps.Map(t.value, d()));
+      s.value = W(x.maps), n.value = W(new x.maps.Map(t.value, d()));
       const v = Ut(s.value);
       s.value[xe] = v, Pe.forEach((A) => {
         var T;
-        (T = a.value) == null || T.addListener(A, (_) => e(A, _));
+        (T = n.value) == null || T.addListener(A, (_) => e(A, _));
       }), i.value = !0;
       const k = Object.keys(r).filter(
         (A) => !["apiPromise", "apiKey", "version", "libraries", "region", "language", "center", "zoom", "nonce"].includes(A)
@@ -1088,31 +1088,31 @@ const Pe = [
         ([A, T], [_, E]) => {
           var P, j, U;
           const { center: D, zoom: V, ...q } = d();
-          (P = a.value) == null || P.setOptions(q), T !== void 0 && T !== E && ((j = a.value) == null || j.setZoom(T));
+          (P = n.value) == null || P.setOptions(q), T !== void 0 && T !== E && ((j = n.value) == null || j.setZoom(T));
           const ge = !_ || A.lng !== _.lng || A.lat !== _.lat;
-          A && ge && ((U = a.value) == null || U.panTo(A));
+          A && ge && ((U = n.value) == null || U.panTo(A));
         }
       );
     };
-    return Ge(() => {
+    return Ze(() => {
       r.apiPromise && r.apiPromise instanceof Promise ? r.apiPromise.then(b) : (p(), Ne.load().then(b));
     }), re(() => {
       var x;
-      o.value = !1, a.value && ((x = s.value) == null || x.event.clearInstanceListeners(a.value));
-    }), { mapRef: t, ready: i, map: a, api: s, mapTilesLoaded: o };
+      o.value = !1, n.value && ((x = s.value) == null || x.event.clearInstanceListeners(n.value));
+    }), { mapRef: t, ready: i, map: n, api: s, mapTilesLoaded: o };
   }
 }), Qt = (r, e) => {
   const t = r.__vccOpts || r;
-  for (const [i, a] of e)
-    t[i] = a;
+  for (const [i, n] of e)
+    t[i] = n;
   return t;
 }, Jt = {
   ref: "mapRef",
   class: "mapdiv"
 };
-function Ht(r, e, t, i, a, s) {
+function Ht(r, e, t, i, n, s) {
   return u(), g("div", null, [
-    n("div", Jt, null, 512),
+    a("div", Jt, null, 512),
     Ae(r.$slots, "default", ht(gt({ ready: r.ready, map: r.map, api: r.api, mapTilesLoaded: r.mapTilesLoaded })), void 0, !0)
   ]);
 }
@@ -1126,12 +1126,12 @@ var Yt = function r(e, t) {
   if (e && t && typeof e == "object" && typeof t == "object") {
     if (e.constructor !== t.constructor)
       return !1;
-    var i, a, s;
+    var i, n, s;
     if (Array.isArray(e)) {
       if (i = e.length, i != t.length)
         return !1;
-      for (a = i; a-- !== 0; )
-        if (!r(e[a], t[a]))
+      for (n = i; n-- !== 0; )
+        if (!r(e[n], t[n]))
           return !1;
       return !0;
     }
@@ -1143,11 +1143,11 @@ var Yt = function r(e, t) {
       return e.toString() === t.toString();
     if (s = Object.keys(e), i = s.length, i !== Object.keys(t).length)
       return !1;
-    for (a = i; a-- !== 0; )
-      if (!Object.prototype.hasOwnProperty.call(t, s[a]))
+    for (n = i; n-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(t, s[n]))
         return !1;
-    for (a = i; a-- !== 0; ) {
-      var o = s[a];
+    for (n = i; n-- !== 0; ) {
+      var o = s[n];
       if (!r(e[o], t[o]))
         return !1;
     }
@@ -1155,7 +1155,7 @@ var Yt = function r(e, t) {
   }
   return e !== e && t !== t;
 };
-const K = /* @__PURE__ */ Kt(Yt), je = ["click", "drag", "dragend", "dragstart", "gmp-click"], Gt = Q({
+const K = /* @__PURE__ */ Kt(Yt), je = ["click", "drag", "dragend", "dragstart", "gmp-click"], Zt = Q({
   name: "AdvancedMarker",
   props: {
     options: {
@@ -1169,25 +1169,25 @@ const K = /* @__PURE__ */ Kt(Yt), je = ["click", "drag", "dragend", "dragstart",
   },
   emits: je,
   setup(r, { emit: e, expose: t, slots: i }) {
-    const a = X(r, "options"), s = X(r, "pinOptions"), o = z(), d = R(se, z()), l = R(oe, z()), p = R(Te, z()), b = me(
+    const n = X(r, "options"), s = X(r, "pinOptions"), o = z(), d = R(se, z()), l = R(oe, z()), p = R(Te, z()), b = me(
       () => !!(p.value && l.value && o.value instanceof google.maps.marker.AdvancedMarkerElement)
     );
     return H(
-      [d, a, s],
+      [d, n, s],
       async (x, [v, k, A]) => {
         var T, _, E;
-        const P = !K(a.value, k) || !K(s.value, A) || d.value !== v;
+        const P = !K(n.value, k) || !K(s.value, A) || d.value !== v;
         if (!d.value || !l.value || !P)
           return;
         const { AdvancedMarkerElement: j, PinElement: U } = l.value.marker;
         if (o.value) {
-          const { map: D, content: V, ...q } = a.value;
+          const { map: D, content: V, ...q } = n.value;
           Object.assign(o.value, {
             content: s.value ? new U(s.value).element : V,
             ...q
           }), b.value && ((T = p.value) == null || T.removeMarker(o.value), (_ = p.value) == null || _.addMarker(o.value));
         } else
-          s.value && (a.value.content = new U(s.value).element), o.value = W(new j(a.value)), b.value ? (E = p.value) == null || E.addMarker(o.value) : o.value.map = d.value, je.forEach((D) => {
+          s.value && (n.value.content = new U(s.value).element), o.value = W(new j(n.value)), b.value ? (E = p.value) == null || E.addMarker(o.value) : o.value.map = d.value, je.forEach((D) => {
             var V;
             (V = o.value) == null || V.addListener(D, (q) => e(D, q));
           });
@@ -1198,32 +1198,32 @@ const K = /* @__PURE__ */ Kt(Yt), je = ["click", "drag", "dragend", "dragstart",
     ), re(() => {
       var x, v;
       o.value && ((x = l.value) == null || x.event.clearInstanceListeners(o.value), b.value ? (v = p.value) == null || v.removeMarker(o.value) : o.value.map = null);
-    }), ne(ke, o), t({ marker: o }), () => {
+    }), ae(ke, o), t({ marker: o }), () => {
       var x;
       return (x = i.default) == null ? void 0 : x.call(i);
     };
   }
-}), Zt = (r) => r === "Marker", Xt = (r) => r === xe, ce = (r, e, t, i) => {
-  const a = z(), s = R(se, z()), o = R(oe, z()), d = R(Te, z()), l = me(
-    () => !!(d.value && o.value && (a.value instanceof o.value.Marker || a.value instanceof o.value[xe]))
+}), Gt = (r) => r === "Marker", Xt = (r) => r === xe, ce = (r, e, t, i) => {
+  const n = z(), s = R(se, z()), o = R(oe, z()), d = R(Te, z()), l = me(
+    () => !!(d.value && o.value && (n.value instanceof o.value.Marker || n.value instanceof o.value[xe]))
   );
   return H(
     [s, t],
     (p, [b, x]) => {
       var v, k, A;
       const T = !K(t.value, x) || s.value !== b;
-      !s.value || !o.value || !T || (a.value ? (a.value.setOptions(t.value), l.value && ((v = d.value) == null || v.removeMarker(a.value), (k = d.value) == null || k.addMarker(a.value))) : (Zt(r) ? a.value = W(
+      !s.value || !o.value || !T || (n.value ? (n.value.setOptions(t.value), l.value && ((v = d.value) == null || v.removeMarker(n.value), (k = d.value) == null || k.addMarker(n.value))) : (Gt(r) ? n.value = W(
         new o.value[r](t.value)
-      ) : Xt(r) ? a.value = W(
+      ) : Xt(r) ? n.value = W(
         new o.value[r](t.value)
-      ) : a.value = W(
+      ) : n.value = W(
         new o.value[r]({
           ...t.value,
           map: s.value
         })
-      ), l.value ? (A = d.value) == null || A.addMarker(a.value) : a.value.setMap(s.value), e.forEach((_) => {
+      ), l.value ? (A = d.value) == null || A.addMarker(n.value) : n.value.setMap(s.value), e.forEach((_) => {
         var E;
-        (E = a.value) == null || E.addListener(_, (P) => i(_, P));
+        (E = n.value) == null || E.addListener(_, (P) => i(_, P));
       })));
     },
     {
@@ -1231,8 +1231,8 @@ const K = /* @__PURE__ */ Kt(Yt), je = ["click", "drag", "dragend", "dragstart",
     }
   ), re(() => {
     var p, b;
-    a.value && ((p = o.value) == null || p.event.clearInstanceListeners(a.value), l.value ? (b = d.value) == null || b.removeMarker(a.value) : a.value.setMap(null));
-  }), a;
+    n.value && ((p = o.value) == null || p.event.clearInstanceListeners(n.value), l.value ? (b = d.value) == null || b.removeMarker(n.value) : n.value.setMap(null));
+  }), n;
 }, Me = [
   "animation_changed",
   "click",
@@ -1268,8 +1268,8 @@ Q({
   },
   emits: Me,
   setup(r, { emit: e, expose: t, slots: i }) {
-    const a = X(r, "options"), s = ce("Marker", Me, a, e);
-    return ne(ke, s), t({ marker: s }), () => {
+    const n = X(r, "options"), s = ce("Marker", Me, n, e);
+    return ae(ke, s), t({ marker: s }), () => {
       var o;
       return (o = i.default) == null ? void 0 : o.call(i);
     };
@@ -1350,21 +1350,21 @@ Q({
   },
   emits: ["content:loaded"],
   setup(r, { emit: e }) {
-    const t = z(null), i = R(se, z()), a = R(oe, z()), s = R(et, z(!1)), o = H(
-      [s, a, t],
+    const t = z(null), i = R(se, z()), n = R(oe, z()), s = R(et, z(!1)), o = H(
+      [s, n, t],
       ([p, b, x]) => {
         b && p && x && (d(r.position), e("content:loaded"), setTimeout(o, 0));
       },
       { immediate: !0 }
     ), d = (p) => {
-      if (i.value && a.value && t.value) {
-        const b = a.value.ControlPosition[p];
+      if (i.value && n.value && t.value) {
+        const b = n.value.ControlPosition[p];
         i.value.controls[b].push(t.value);
       }
     }, l = (p) => {
-      if (i.value && a.value) {
+      if (i.value && n.value) {
         let b = null;
-        const x = a.value.ControlPosition[p];
+        const x = n.value.ControlPosition[p];
         i.value.controls[x].forEach((v, k) => {
           v === t.value && (b = k);
         }), b !== null && i.value.controls[x].removeAt(b);
@@ -1397,28 +1397,28 @@ Q({
   },
   emits: [...De, "update:modelValue"],
   setup(r, { slots: e, emit: t, expose: i }) {
-    const a = z(), s = z(), o = R(se, z()), d = R(oe, z()), l = R(ke, z());
+    const n = z(), s = z(), o = R(se, z()), d = R(oe, z()), l = R(ke, z());
     let p, b = r.modelValue;
     const x = me(() => {
       var T;
-      return (T = e.default) == null ? void 0 : T.call(e).some((_) => _.type !== Ze);
+      return (T = e.default) == null ? void 0 : T.call(e).some((_) => _.type !== Ge);
     }), v = (T) => {
       b = T, t("update:modelValue", T);
     }, k = (T) => {
-      a.value && (a.value.open({ map: o.value, anchor: l.value, ...T }), v(!0));
+      n.value && (n.value.open({ map: o.value, anchor: l.value, ...T }), v(!0));
     }, A = () => {
-      a.value && (a.value.close(), v(!1));
+      n.value && (n.value.close(), v(!1));
     };
-    return Ge(() => {
+    return Ze(() => {
       H(
         [o, () => r.options],
         ([T, _], [E, P]) => {
           var j;
           const U = !K(_, P) || o.value !== E;
-          o.value && d.value && U && (a.value ? (a.value.setOptions({
+          o.value && d.value && U && (n.value ? (n.value.setOptions({
             ..._,
             content: x.value ? s.value : _.content
-          }), l.value || k()) : (a.value = W(
+          }), l.value || k()) : (n.value = W(
             new d.value.InfoWindow({
               ..._,
               content: x.value ? s.value : _.content
@@ -1427,8 +1427,8 @@ Q({
             k();
           })), (!l.value || b) && k(), De.forEach((D) => {
             var V;
-            (V = a.value) == null || V.addListener(D, (q) => t(D, q));
-          }), (j = a.value) == null || j.addListener("closeclick", () => v(!1))));
+            (V = n.value) == null || V.addListener(D, (q) => t(D, q));
+          }), (j = n.value) == null || j.addListener("closeclick", () => v(!1))));
         },
         {
           immediate: !0
@@ -1441,8 +1441,8 @@ Q({
       );
     }), re(() => {
       var T;
-      p && p.remove(), a.value && ((T = d.value) == null || T.event.clearInstanceListeners(a.value), A());
-    }), i({ infoWindow: a, open: k, close: A }), { infoWindow: a, infoWindowRef: s, hasSlotContent: x, open: k, close: A };
+      p && p.remove(), n.value && ((T = d.value) == null || T.event.clearInstanceListeners(n.value), A());
+    }), i({ infoWindow: n, open: k, close: A }), { infoWindow: n, infoWindowRef: s, hasSlotContent: x, open: k, close: A };
   }
 });
 const qe = [
@@ -1467,9 +1467,9 @@ class Be {
     const [t, i] = new Uint8Array(e, 0, 2);
     if (t !== 219)
       throw new Error("Data does not appear to be in a KDBush format.");
-    const a = i >> 4;
-    if (a !== we)
-      throw new Error(`Got v${a} data when expected v${we}.`);
+    const n = i >> 4;
+    if (n !== we)
+      throw new Error(`Got v${n} data when expected v${we}.`);
     const s = qe[i & 15];
     if (!s)
       throw new Error("Unrecognized array type.");
@@ -1483,14 +1483,14 @@ class Be {
    * @param {TypedArrayConstructor} [ArrayType=Float64Array] The array type used for coordinates storage (`Float64Array` by default).
    * @param {ArrayBuffer} [data] (For internal use only)
    */
-  constructor(e, t = 64, i = Float64Array, a) {
+  constructor(e, t = 64, i = Float64Array, n) {
     if (isNaN(e) || e < 0)
       throw new Error(`Unpexpected numItems value: ${e}.`);
     this.numItems = +e, this.nodeSize = Math.min(Math.max(+t, 2), 65535), this.ArrayType = i, this.IndexArrayType = e < 65536 ? Uint16Array : Uint32Array;
     const s = qe.indexOf(this.ArrayType), o = e * 2 * this.ArrayType.BYTES_PER_ELEMENT, d = e * this.IndexArrayType.BYTES_PER_ELEMENT, l = (8 - d % 8) % 8;
     if (s < 0)
       throw new Error(`Unexpected typed array class: ${i}.`);
-    a && a instanceof ArrayBuffer ? (this.data = a, this.ids = new this.IndexArrayType(this.data, de, e), this.coords = new this.ArrayType(this.data, de + d + l, e * 2), this._pos = e * 2, this._finished = !0) : (this.data = new ArrayBuffer(de + o + d + l), this.ids = new this.IndexArrayType(this.data, de, e), this.coords = new this.ArrayType(this.data, de + d + l, e * 2), this._pos = 0, this._finished = !1, new Uint8Array(this.data, 0, 2).set([219, (we << 4) + s]), new Uint16Array(this.data, 2, 1)[0] = t, new Uint32Array(this.data, 4, 1)[0] = e);
+    n && n instanceof ArrayBuffer ? (this.data = n, this.ids = new this.IndexArrayType(this.data, de, e), this.coords = new this.ArrayType(this.data, de + d + l, e * 2), this._pos = e * 2, this._finished = !0) : (this.data = new ArrayBuffer(de + o + d + l), this.ids = new this.IndexArrayType(this.data, de, e), this.coords = new this.ArrayType(this.data, de + d + l, e * 2), this._pos = 0, this._finished = !1, new Uint8Array(this.data, 0, 2).set([219, (we << 4) + s]), new Uint16Array(this.data, 2, 1)[0] = t, new Uint32Array(this.data, 4, 1)[0] = e);
   }
   /**
    * Add a point to the index.
@@ -1519,7 +1519,7 @@ class Be {
    * @param {number} maxY
    * @returns {number[]} An array of indices correponding to the found items.
    */
-  range(e, t, i, a) {
+  range(e, t, i, n) {
     if (!this._finished)
       throw new Error("Data not yet indexed - call index.finish().");
     const { ids: s, coords: o, nodeSize: d } = this, l = [0, s.length - 1, 0], p = [];
@@ -1528,12 +1528,12 @@ class Be {
       if (x - v <= d) {
         for (let _ = v; _ <= x; _++) {
           const E = o[2 * _], P = o[2 * _ + 1];
-          E >= e && E <= i && P >= t && P <= a && p.push(s[_]);
+          E >= e && E <= i && P >= t && P <= n && p.push(s[_]);
         }
         continue;
       }
       const k = v + x >> 1, A = o[2 * k], T = o[2 * k + 1];
-      A >= e && A <= i && T >= t && T <= a && p.push(s[k]), (b === 0 ? e <= A : t <= T) && (l.push(v), l.push(k - 1), l.push(1 - b)), (b === 0 ? i >= A : a >= T) && (l.push(k + 1), l.push(x), l.push(1 - b));
+      A >= e && A <= i && T >= t && T <= n && p.push(s[k]), (b === 0 ? e <= A : t <= T) && (l.push(v), l.push(k - 1), l.push(1 - b)), (b === 0 ? i >= A : n >= T) && (l.push(k + 1), l.push(x), l.push(1 - b));
     }
     return p;
   }
@@ -1547,41 +1547,41 @@ class Be {
   within(e, t, i) {
     if (!this._finished)
       throw new Error("Data not yet indexed - call index.finish().");
-    const { ids: a, coords: s, nodeSize: o } = this, d = [0, a.length - 1, 0], l = [], p = i * i;
+    const { ids: n, coords: s, nodeSize: o } = this, d = [0, n.length - 1, 0], l = [], p = i * i;
     for (; d.length; ) {
       const b = d.pop() || 0, x = d.pop() || 0, v = d.pop() || 0;
       if (x - v <= o) {
         for (let _ = v; _ <= x; _++)
-          Fe(s[2 * _], s[2 * _ + 1], e, t) <= p && l.push(a[_]);
+          Fe(s[2 * _], s[2 * _ + 1], e, t) <= p && l.push(n[_]);
         continue;
       }
       const k = v + x >> 1, A = s[2 * k], T = s[2 * k + 1];
-      Fe(A, T, e, t) <= p && l.push(a[k]), (b === 0 ? e - i <= A : t - i <= T) && (d.push(v), d.push(k - 1), d.push(1 - b)), (b === 0 ? e + i >= A : t + i >= T) && (d.push(k + 1), d.push(x), d.push(1 - b));
+      Fe(A, T, e, t) <= p && l.push(n[k]), (b === 0 ? e - i <= A : t - i <= T) && (d.push(v), d.push(k - 1), d.push(1 - b)), (b === 0 ? e + i >= A : t + i >= T) && (d.push(k + 1), d.push(x), d.push(1 - b));
     }
     return l;
   }
 }
-function Se(r, e, t, i, a, s) {
-  if (a - i <= t)
+function Se(r, e, t, i, n, s) {
+  if (n - i <= t)
     return;
-  const o = i + a >> 1;
-  tt(r, e, o, i, a, s), Se(r, e, t, i, o - 1, 1 - s), Se(r, e, t, o + 1, a, 1 - s);
+  const o = i + n >> 1;
+  tt(r, e, o, i, n, s), Se(r, e, t, i, o - 1, 1 - s), Se(r, e, t, o + 1, n, 1 - s);
 }
-function tt(r, e, t, i, a, s) {
-  for (; a > i; ) {
-    if (a - i > 600) {
-      const p = a - i + 1, b = t - i + 1, x = Math.log(p), v = 0.5 * Math.exp(2 * x / 3), k = 0.5 * Math.sqrt(x * v * (p - v) / p) * (b - p / 2 < 0 ? -1 : 1), A = Math.max(i, Math.floor(t - b * v / p + k)), T = Math.min(a, Math.floor(t + (p - b) * v / p + k));
+function tt(r, e, t, i, n, s) {
+  for (; n > i; ) {
+    if (n - i > 600) {
+      const p = n - i + 1, b = t - i + 1, x = Math.log(p), v = 0.5 * Math.exp(2 * x / 3), k = 0.5 * Math.sqrt(x * v * (p - v) / p) * (b - p / 2 < 0 ? -1 : 1), A = Math.max(i, Math.floor(t - b * v / p + k)), T = Math.min(n, Math.floor(t + (p - b) * v / p + k));
       tt(r, e, t, A, T, s);
     }
     const o = e[2 * t + s];
-    let d = i, l = a;
-    for (ue(r, e, i, t), e[2 * a + s] > o && ue(r, e, i, a); d < l; ) {
+    let d = i, l = n;
+    for (ue(r, e, i, t), e[2 * n + s] > o && ue(r, e, i, n); d < l; ) {
       for (ue(r, e, d, l), d++, l--; e[2 * d + s] < o; )
         d++;
       for (; e[2 * l + s] > o; )
         l--;
     }
-    e[2 * i + s] === o ? ue(r, e, i, l) : (l++, ue(r, e, l, a)), l <= t && (i = l + 1), t <= l && (a = l - 1);
+    e[2 * i + s] === o ? ue(r, e, i, l) : (l++, ue(r, e, l, n)), l <= t && (i = l + 1), t <= l && (n = l - 1);
   }
 }
 function ue(r, e, t, i) {
@@ -1592,8 +1592,8 @@ function ve(r, e, t) {
   r[e] = r[t], r[t] = i;
 }
 function Fe(r, e, t, i) {
-  const a = r - t, s = e - i;
-  return a * a + s * s;
+  const n = r - t, s = e - i;
+  return n * n + s * s;
 }
 const $t = {
   minZoom: 0,
@@ -1618,13 +1618,13 @@ const $t = {
   // 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)), ee = 2, Z = 3, Ce = 4, G = 5, rt = 6;
+}, Ue = Math.fround || /* @__PURE__ */ ((r) => (e) => (r[0] = +e, r[0]))(new Float32Array(1)), ee = 2, G = 3, Ce = 4, Z = 5, rt = 6;
 class st {
   constructor(e) {
     this.options = Object.assign(Object.create($t), e), this.trees = new Array(this.options.maxZoom + 1), this.stride = this.options.reduce ? 7 : 6, this.clusterProps = [];
   }
   load(e) {
-    const { log: t, minZoom: i, maxZoom: a } = this.options;
+    const { log: t, minZoom: i, maxZoom: n } = this.options;
     t && console.time("total time");
     const s = `prepare ${e.length} points`;
     t && console.time(s), this.points = e;
@@ -1648,9 +1648,9 @@ class st {
         // number of points in a cluster
       ), this.options.reduce && o.push(0);
     }
-    let d = this.trees[a + 1] = this._createTree(o);
+    let d = this.trees[n + 1] = this._createTree(o);
     t && console.timeEnd(s);
-    for (let l = a; l >= i; l--) {
+    for (let l = n; l >= i; l--) {
       const p = +Date.now();
       d = this.trees[l] = this._createTree(this._cluster(d, l)), t && console.log("z%d: %d clusters in %dms", l, d.numItems, +Date.now() - p);
     }
@@ -1658,64 +1658,64 @@ class st {
   }
   getClusters(e, t) {
     let i = ((e[0] + 180) % 360 + 360) % 360 - 180;
-    const a = Math.max(-90, Math.min(90, e[1]));
+    const n = Math.max(-90, Math.min(90, e[1]));
     let s = e[2] === 180 ? 180 : ((e[2] + 180) % 360 + 360) % 360 - 180;
     const o = Math.max(-90, Math.min(90, e[3]));
     if (e[2] - e[0] >= 360)
       i = -180, s = 180;
     else if (i > s) {
-      const x = this.getClusters([i, a, 180, o], t), v = this.getClusters([-180, a, s, o], t);
+      const x = this.getClusters([i, n, 180, o], t), v = this.getClusters([-180, n, s, o], t);
       return x.concat(v);
     }
-    const d = this.trees[this._limitZoom(t)], l = d.range(pe(i), fe(o), pe(s), fe(a)), p = d.data, b = [];
+    const d = this.trees[this._limitZoom(t)], l = d.range(pe(i), fe(o), pe(s), fe(n)), p = d.data, b = [];
     for (const x of l) {
       const v = this.stride * x;
-      b.push(p[v + G] > 1 ? Ve(p, v, this.clusterProps) : this.points[p[v + Z]]);
+      b.push(p[v + Z] > 1 ? Ve(p, v, this.clusterProps) : this.points[p[v + G]]);
     }
     return b;
   }
   getChildren(e) {
-    const t = this._getOriginId(e), i = this._getOriginZoom(e), a = "No cluster with the specified id.", s = this.trees[i];
+    const t = this._getOriginId(e), i = this._getOriginZoom(e), n = "No cluster with the specified id.", s = this.trees[i];
     if (!s)
-      throw new Error(a);
+      throw new Error(n);
     const o = s.data;
     if (t * this.stride >= o.length)
-      throw new Error(a);
+      throw new Error(n);
     const d = 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, d), x = [];
     for (const v of b) {
       const k = v * this.stride;
-      o[k + Ce] === e && x.push(o[k + G] > 1 ? Ve(o, k, this.clusterProps) : this.points[o[k + Z]]);
+      o[k + Ce] === e && x.push(o[k + Z] > 1 ? Ve(o, k, this.clusterProps) : this.points[o[k + G]]);
     }
     if (x.length === 0)
-      throw new Error(a);
+      throw new Error(n);
     return x;
   }
   getLeaves(e, t, i) {
     t = t || 10, i = i || 0;
-    const a = [];
-    return this._appendLeaves(a, e, t, i, 0), a;
+    const n = [];
+    return this._appendLeaves(n, e, t, i, 0), n;
   }
   getTile(e, t, i) {
-    const a = this.trees[this._limitZoom(e)], s = Math.pow(2, e), { extent: o, radius: d } = this.options, l = d / o, p = (i - l) / s, b = (i + 1 + l) / s, x = {
+    const n = this.trees[this._limitZoom(e)], s = Math.pow(2, e), { extent: o, radius: d } = this.options, l = d / o, p = (i - l) / s, b = (i + 1 + l) / s, x = {
       features: []
     };
     return this._addTileFeatures(
-      a.range((t - l) / s, p, (t + 1 + l) / s, b),
-      a.data,
+      n.range((t - l) / s, p, (t + 1 + l) / s, b),
+      n.data,
       t,
       i,
       s,
       x
     ), t === 0 && this._addTileFeatures(
-      a.range(1 - l / s, p, 1, b),
-      a.data,
+      n.range(1 - l / s, p, 1, b),
+      n.data,
       s,
       i,
       s,
       x
     ), t === s - 1 && this._addTileFeatures(
-      a.range(0, p, l / s, b),
-      a.data,
+      n.range(0, p, l / s, b),
+      n.data,
       -1,
       i,
       s,
@@ -1732,11 +1732,11 @@ class st {
     }
     return t;
   }
-  _appendLeaves(e, t, i, a, s) {
+  _appendLeaves(e, t, i, n, s) {
     const o = this.getChildren(t);
     for (const d of o) {
       const l = d.properties;
-      if (l && l.cluster ? s + l.point_count <= a ? s += l.point_count : s = this._appendLeaves(e, l.cluster_id, i, a, s) : s < a ? s++ : e.push(d), e.length === i)
+      if (l && l.cluster ? s + l.point_count <= n ? s += l.point_count : s = this._appendLeaves(e, l.cluster_id, i, n, s) : s < n ? s++ : e.push(d), e.length === i)
         break;
     }
     return s;
@@ -1747,14 +1747,14 @@ class st {
       t.add(e[i], e[i + 1]);
     return t.finish(), t.data = e, t;
   }
-  _addTileFeatures(e, t, i, a, s, o) {
+  _addTileFeatures(e, t, i, n, s, o) {
     for (const d of e) {
-      const l = d * this.stride, p = t[l + G] > 1;
+      const l = d * this.stride, p = t[l + Z] > 1;
       let b, x, v;
       if (p)
         b = ot(t, l, this.clusterProps), x = t[l], v = t[l + 1];
       else {
-        const T = this.points[t[l + Z]];
+        const T = this.points[t[l + G]];
         b = T.properties;
         const [_, E] = T.geometry.coordinates;
         x = pe(_), v = fe(E);
@@ -1763,28 +1763,28 @@ class st {
         type: 1,
         geometry: [[
           Math.round(this.options.extent * (x * s - i)),
-          Math.round(this.options.extent * (v * s - a))
+          Math.round(this.options.extent * (v * s - n))
         ]],
         tags: b
       };
       let A;
-      p || this.options.generateId ? A = t[l + Z] : A = this.points[t[l + Z]].id, A !== void 0 && (k.id = A), o.features.push(k);
+      p || this.options.generateId ? A = t[l + G] : A = this.points[t[l + G]].id, A !== void 0 && (k.id = A), o.features.push(k);
     }
   }
   _limitZoom(e) {
     return Math.max(this.options.minZoom, Math.min(Math.floor(+e), this.options.maxZoom + 1));
   }
   _cluster(e, t) {
-    const { radius: i, extent: a, reduce: s, minPoints: o } = this.options, d = i / (a * Math.pow(2, t)), l = e.data, p = [], b = this.stride;
+    const { radius: i, extent: n, reduce: s, minPoints: o } = this.options, d = i / (n * Math.pow(2, t)), l = e.data, p = [], b = this.stride;
     for (let x = 0; x < l.length; x += b) {
       if (l[x + ee] <= t)
         continue;
       l[x + ee] = t;
-      const v = l[x], k = l[x + 1], A = e.within(l[x], l[x + 1], d), T = l[x + G];
+      const v = l[x], k = l[x + 1], A = e.within(l[x], l[x + 1], d), T = l[x + Z];
       let _ = T;
       for (const E of A) {
         const P = E * b;
-        l[P + ee] > t && (_ += l[P + G]);
+        l[P + ee] > t && (_ += l[P + Z]);
       }
       if (_ > T && _ >= o) {
         let E = v * T, P = k * T, j, U = -1;
@@ -1794,7 +1794,7 @@ class st {
           if (l[q + ee] <= t)
             continue;
           l[q + ee] = t;
-          const ge = l[q + G];
+          const ge = l[q + Z];
           E += l[q] * ge, P += l[q + 1] * ge, l[q + Ce] = D, s && (j || (j = this._map(l, x, !0), U = this.clusterProps.length, this.clusterProps.push(j)), s(j, this._map(l, q)));
         }
         l[x + Ce] = D, p.push(E / _, P / _, 1 / 0, D, -1, _), s && p.push(U);
@@ -1823,18 +1823,18 @@ class st {
     return (e - this.points.length) % 32;
   }
   _map(e, t, i) {
-    if (e[t + G] > 1) {
+    if (e[t + Z] > 1) {
       const o = this.clusterProps[e[t + rt]];
       return i ? Object.assign({}, o) : o;
     }
-    const a = this.points[e[t + Z]].properties, s = this.options.map(a);
-    return i && s === a ? Object.assign({}, s) : s;
+    const n = this.points[e[t + G]].properties, s = this.options.map(n);
+    return i && s === n ? Object.assign({}, s) : s;
   }
 }
 function Ve(r, e, t) {
   return {
     type: "Feature",
-    id: r[e + Z],
+    id: r[e + G],
     properties: ot(r, e, t),
     geometry: {
       type: "Point",
@@ -1843,12 +1843,12 @@ function Ve(r, e, t) {
   };
 }
 function ot(r, e, t) {
-  const i = r[e + G], a = i >= 1e4 ? `${Math.round(i / 1e3)}k` : i >= 1e3 ? `${Math.round(i / 100) / 10}k` : i, s = r[e + rt], o = s === -1 ? {} : Object.assign({}, t[s]);
+  const i = r[e + Z], n = i >= 1e4 ? `${Math.round(i / 1e3)}k` : i >= 1e3 ? `${Math.round(i / 100) / 10}k` : i, s = r[e + rt], o = s === -1 ? {} : Object.assign({}, t[s]);
   return Object.assign(o, {
     cluster: !0,
-    cluster_id: r[e + Z],
+    cluster_id: r[e + G],
     point_count: i,
-    point_count_abbreviated: a
+    point_count_abbreviated: n
   });
 }
 function pe(r) {
@@ -1884,8 +1884,8 @@ function _e(r, e) {
   for (var i in r)
     Object.prototype.hasOwnProperty.call(r, i) && e.indexOf(i) < 0 && (t[i] = r[i]);
   if (r != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var a = 0, i = Object.getOwnPropertySymbols(r); a < i.length; a++)
-      e.indexOf(i[a]) < 0 && Object.prototype.propertyIsEnumerable.call(r, i[a]) && (t[i[a]] = r[i[a]]);
+    for (var n = 0, i = Object.getOwnPropertySymbols(r); n < i.length; n++)
+      e.indexOf(i[n]) < 0 && Object.prototype.propertyIsEnumerable.call(r, i[n]) && (t[i[n]] = r[i[n]]);
   return t;
 }
 class O {
@@ -1949,22 +1949,22 @@ class he {
   }
 }
 const rr = (r, e, t, i) => {
-  const a = at(r.getBounds(), e, i);
-  return t.filter((s) => a.contains(O.getPosition(s)));
-}, at = (r, e, t) => {
-  const { northEast: i, southWest: a } = sr(r, e), s = or({ northEast: i, southWest: a }, t);
-  return ar(s, e);
+  const n = nt(r.getBounds(), e, i);
+  return t.filter((s) => n.contains(O.getPosition(s)));
+}, nt = (r, e, t) => {
+  const { northEast: i, southWest: n } = sr(r, e), s = or({ northEast: i, southWest: n }, t);
+  return nr(s, e);
 }, Qe = (r, e, t) => {
-  const i = at(r, e, t), a = i.getNorthEast(), s = i.getSouthWest();
-  return [s.lng(), s.lat(), a.lng(), a.lat()];
+  const i = nt(r, e, t), n = i.getNorthEast(), s = i.getSouthWest();
+  return [s.lng(), s.lat(), n.lng(), n.lat()];
 }, sr = (r, e) => ({
   northEast: e.fromLatLngToDivPixel(r.getNorthEast()),
   southWest: e.fromLatLngToDivPixel(r.getSouthWest())
-}), or = ({ northEast: r, southWest: e }, t) => (r.x += t, r.y -= t, e.x -= t, e.y += t, { northEast: r, southWest: e }), ar = ({ northEast: r, southWest: e }, t) => {
-  const i = t.fromDivPixelToLatLng(e), a = t.fromDivPixelToLatLng(r);
-  return new google.maps.LatLngBounds(i, a);
+}), or = ({ northEast: r, southWest: e }, t) => (r.x += t, r.y -= t, e.x -= t, e.y += t, { northEast: r, southWest: e }), nr = ({ northEast: r, southWest: e }, t) => {
+  const i = t.fromDivPixelToLatLng(e), n = t.fromDivPixelToLatLng(r);
+  return new google.maps.LatLngBounds(i, n);
 };
-class nt {
+class at {
   constructor({ maxZoom: e = 16 }) {
     this.maxZoom = e;
   }
@@ -1984,7 +1984,7 @@ class nt {
     return ir(e);
   }
 }
-class nr extends nt {
+class ar extends at {
   constructor(e) {
     var { viewportPadding: t = 60 } = e, i = _e(e, ["viewportPadding"]);
     super(i), this.viewportPadding = 60, this.viewportPadding = t;
@@ -2008,17 +2008,17 @@ const ir = (r) => r.map((e) => new he({
   position: O.getPosition(e),
   markers: [e]
 }));
-class lr extends nt {
+class lr extends at {
   constructor(e) {
-    var { maxZoom: t, radius: i = 60 } = e, a = _e(e, ["maxZoom", "radius"]);
-    super({ maxZoom: t }), this.state = { zoom: -1 }, this.superCluster = new st(Object.assign({ maxZoom: this.maxZoom, radius: i }, a));
+    var { maxZoom: t, radius: i = 60 } = e, n = _e(e, ["maxZoom", "radius"]);
+    super({ maxZoom: t }), this.state = { zoom: -1 }, this.superCluster = new st(Object.assign({ maxZoom: this.maxZoom, radius: i }, n));
   }
   calculate(e) {
     let t = !1;
     const i = { zoom: e.map.getZoom() };
     if (!K(e.markers, this.markers)) {
       t = !0, this.markers = [...e.markers];
-      const a = this.markers.map((s) => {
+      const n = this.markers.map((s) => {
         const o = O.getPosition(s);
         return {
           type: "Feature",
@@ -2029,7 +2029,7 @@ class lr extends nt {
           properties: { marker: s }
         };
       });
-      this.superCluster.load(a);
+      this.superCluster.load(n);
     }
     return t || (this.state.zoom <= this.maxZoom || i.zoom <= this.maxZoom) && (t = !K(this.state, i)), this.state = i, t && (this.clusters = this.cluster(e)), { clusters: this.clusters, changed: t };
   }
@@ -2042,17 +2042,17 @@ class lr extends nt {
         markers: this.superCluster.getLeaves(i.cluster_id, 1 / 0).map((s) => s.properties.marker),
         position: { lat: t, lng: e }
       });
-    const a = i.marker;
+    const n = i.marker;
     return new he({
-      markers: [a],
-      position: O.getPosition(a)
+      markers: [n],
+      position: O.getPosition(n)
     });
   }
 }
-class cr extends nr {
+class cr extends ar {
   constructor(e) {
-    var { maxZoom: t, radius: i = 60, viewportPadding: a = 60 } = e, s = _e(e, ["maxZoom", "radius", "viewportPadding"]);
-    super({ maxZoom: t, viewportPadding: a }), this.superCluster = new st(Object.assign({ maxZoom: this.maxZoom, radius: i }, s)), this.state = { zoom: -1, view: [0, 0, 0, 0] };
+    var { maxZoom: t, radius: i = 60, viewportPadding: n = 60 } = e, s = _e(e, ["maxZoom", "radius", "viewportPadding"]);
+    super({ maxZoom: t, viewportPadding: n }), this.superCluster = new st(Object.assign({ maxZoom: this.maxZoom, radius: i }, s)), this.state = { zoom: -1, view: [0, 0, 0, 0] };
   }
   calculate(e) {
     const t = {
@@ -2062,7 +2062,7 @@ class cr extends nr {
     let i = !K(this.state, t);
     if (!K(e.markers, this.markers)) {
       i = !0, this.markers = [...e.markers];
-      const a = this.markers.map((s) => {
+      const n = this.markers.map((s) => {
         const o = O.getPosition(s);
         return {
           type: "Feature",
@@ -2073,7 +2073,7 @@ class cr extends nr {
           properties: { marker: s }
         };
       });
-      this.superCluster.load(a);
+      this.superCluster.load(n);
     }
     return i && (this.clusters = this.cluster(e), this.state = t), { clusters: this.clusters, changed: i };
   }
@@ -2082,7 +2082,7 @@ class cr extends nr {
       zoom: Math.round(e.getZoom()),
       view: Qe(e.getBounds(), t, this.viewportPadding)
     };
-    return this.superCluster.getClusters(i.view, i.zoom).map((a) => this.transformCluster(a));
+    return this.superCluster.getClusters(i.view, i.zoom).map((n) => this.transformCluster(n));
   }
   transformCluster({ geometry: { coordinates: [e, t] }, properties: i }) {
     if (i.cluster)
@@ -2090,22 +2090,22 @@ class cr extends nr {
         markers: this.superCluster.getLeaves(i.cluster_id, 1 / 0).map((s) => s.properties.marker),
         position: { lat: t, lng: e }
       });
-    const a = i.marker;
+    const n = i.marker;
     return new he({
-      markers: [a],
-      position: O.getPosition(a)
+      markers: [n],
+      position: O.getPosition(n)
     });
   }
 }
 class dr {
   constructor(e, t) {
     this.markers = { sum: e.length };
-    const i = t.map((s) => s.count), a = i.reduce((s, o) => s + o, 0);
+    const i = t.map((s) => s.count), n = i.reduce((s, o) => s + o, 0);
     this.clusters = {
       count: t.length,
       markers: {
-        mean: a / t.length,
-        sum: a,
+        mean: n / t.length,
+        sum: n,
         min: Math.min(...i),
         max: Math.max(...i)
       }
@@ -2151,20 +2151,20 @@ class ur {
    * });
    * ```
    */
-  render({ count: e, position: t }, i, a) {
+  render({ count: e, position: t }, i, n) {
     const s = `<svg fill="${e > Math.max(10, i.clusters.markers.mean) ? "#ff0000" : "#0000ff"}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" width="50" height="50">
 <circle cx="120" cy="120" opacity=".6" r="70" />
 <circle cx="120" cy="120" opacity=".3" r="90" />
 <circle cx="120" cy="120" opacity=".2" r="110" />
 <text x="50%" y="50%" style="fill:#fff" text-anchor="middle" font-size="50" dominant-baseline="middle" font-family="roboto,arial,sans-serif">${e}</text>
 </svg>`, o = `Cluster of ${e} markers`, d = Number(google.maps.Marker.MAX_ZINDEX) + e;
-    if (O.isAdvancedMarkerAvailable(a)) {
+    if (O.isAdvancedMarkerAvailable(n)) {
       const p = document.createElement("div");
       p.innerHTML = s;
       const b = p.firstElementChild;
       b.setAttribute("transform", "translate(0 25)");
       const x = {
-        map: a,
+        map: n,
         position: t,
         zIndex: d,
         title: o,
@@ -2201,8 +2201,8 @@ const hr = (r, e, t) => {
   t.fitBounds(e.bounds);
 };
 class gr extends Ie {
-  constructor({ map: e, markers: t = [], algorithmOptions: i = {}, algorithm: a = new lr(i), renderer: s = new ur(), onClusterClick: o = hr }) {
-    super(), this.markers = [...t], this.clusters = [], this.algorithm = a, this.renderer = s, this.onClusterClick = o, e && this.setMap(e);
+  constructor({ map: e, markers: t = [], algorithmOptions: i = {}, algorithm: n = new lr(i), renderer: s = new ur(), onClusterClick: o = hr }) {
+    super(), this.markers = [...t], this.clusters = [], this.algorithm = n, this.renderer = s, this.onClusterClick = o, e && this.setMap(e);
   }
   addMarker(e, t) {
     this.markers.includes(e) || (this.markers.push(e), t || this.render());
@@ -2218,8 +2218,8 @@ class gr extends Ie {
   }
   removeMarkers(e, t) {
     let i = !1;
-    return e.forEach((a) => {
-      i = this.removeMarker(a, !0) || i;
+    return e.forEach((n) => {
+      i = this.removeMarker(n, !0) || i;
     }), i && !t && this.render(), i;
   }
   clearMarkers(e) {
@@ -2238,12 +2238,12 @@ class gr extends Ie {
         mapCanvasProjection: this.getProjection()
       });
       if (i || i == null) {
-        const a = /* @__PURE__ */ new Set();
+        const n = /* @__PURE__ */ new Set();
         for (const o of t)
-          o.markers.length == 1 && a.add(o.markers[0]);
+          o.markers.length == 1 && n.add(o.markers[0]);
         const s = [];
         for (const o of this.clusters)
-          o.marker != null && (o.markers.length == 1 ? a.has(o.marker) || O.setMap(o.marker, null) : s.push(o.marker));
+          o.marker != null && (o.markers.length == 1 ? n.has(o.marker) || O.setMap(o.marker, null) : s.push(o.marker));
         this.clusters = t, this.renderClusters(), requestAnimationFrame(() => s.forEach((o) => O.setMap(o, null)));
       }
       google.maps.event.trigger(this, ie.CLUSTERING_END, this);
@@ -2261,11 +2261,11 @@ class gr extends Ie {
   renderClusters() {
     const e = new dr(this.markers, this.clusters), t = this.getMap();
     this.clusters.forEach((i) => {
-      i.markers.length === 1 ? i.marker = i.markers[0] : (i.marker = this.renderer.render(i, e, t), i.markers.forEach((a) => O.setMap(a, null)), this.onClusterClick && i.marker.addListener(
+      i.markers.length === 1 ? i.marker = i.markers[0] : (i.marker = this.renderer.render(i, e, t), i.markers.forEach((n) => O.setMap(n, null)), this.onClusterClick && i.marker.addListener(
         "click",
         /* istanbul ignore next */
-        (a) => {
-          google.maps.event.trigger(this, ie.CLUSTER_CLICK, i), this.onClusterClick(a, i, t);
+        (n) => {
+          google.maps.event.trigger(this, ie.CLUSTER_CLICK, i), this.onClusterClick(n, i, t);
         }
       )), O.setMap(i.marker, t);
     });
@@ -2282,11 +2282,11 @@ Q({
   },
   emits: Je,
   setup(r, { emit: e, expose: t, slots: i }) {
-    const a = z(), s = R(se, z()), o = R(oe, z());
-    return ne(Te, a), H(
+    const n = z(), s = R(se, z()), o = R(oe, z());
+    return ae(Te, n), H(
       s,
       () => {
-        s.value && (a.value = W(
+        s.value && (n.value = W(
           new gr({
             map: s.value,
             // Better perf than the default `SuperClusterAlgorithm`. See:
@@ -2296,7 +2296,7 @@ Q({
           })
         ), Je.forEach((d) => {
           var l;
-          (l = a.value) == null || l.addListener(d, (p) => e(d, p));
+          (l = n.value) == null || l.addListener(d, (p) => e(d, p));
         }));
       },
       {
@@ -2304,8 +2304,8 @@ Q({
       }
     ), re(() => {
       var d;
-      a.value && ((d = o.value) == null || d.event.clearInstanceListeners(a.value), a.value.clearMarkers(), a.value.setMap(null));
-    }), t({ markerCluster: a }), () => {
+      n.value && ((d = o.value) == null || d.event.clearInstanceListeners(n.value), n.value.clearMarkers(), n.value.setMap(null));
+    }), t({ markerCluster: n }), () => {
       var d;
       return (d = i.default) == null ? void 0 : d.call(i);
     };
@@ -2320,16 +2320,16 @@ Q({
     }
   },
   setup(r, { slots: e, emit: t, expose: i }) {
-    const a = z(), s = me(() => {
+    const n = z(), s = me(() => {
       var l;
-      return (l = e.default) == null ? void 0 : l.call(e).some((p) => p.type !== Ze);
+      return (l = e.default) == null ? void 0 : l.call(e).some((p) => p.type !== Ge);
     }), o = me(() => ({
       ...r.options,
-      element: a.value
+      element: n.value
     })), d = ce(xe, [], o, t);
     return i({
       customMarker: d
-    }), { customMarkerRef: a, customMarker: d, hasSlotContent: s };
+    }), { customMarkerRef: n, customMarker: d, hasSlotContent: s };
   }
 });
 Q({
@@ -2344,7 +2344,7 @@ Q({
     const e = z(), t = R(se, z()), i = R(oe, z());
     return H(
       [t, () => r.options],
-      ([a, s], [o, d]) => {
+      ([n, s], [o, d]) => {
         var l;
         const p = !K(s, d) || t.value !== o;
         if (t.value && i.value && p) {
@@ -2372,7 +2372,7 @@ const pr = {
   name: "Mapbox",
   components: {
     GoogleMap: Wt,
-    AdvancedMarker: Gt
+    AdvancedMarker: Zt
   },
   props: {
     apiKey: {
@@ -2418,14 +2418,14 @@ const pr = {
     }
   }
 };
-function fr(r, e, t, i, a, s) {
+function fr(r, e, t, i, n, s) {
   const o = y("AdvancedMarker"), d = y("GoogleMap");
   return u(), g("div", null, [
     c(d, {
       "api-key": t.apiKey,
       class: S(s.mapClasses),
       mapId: "M2-Map1",
-      center: a.center,
+      center: n.center,
       zoom: t.zoom,
       "clickable-icons": !1,
       streetViewControl: !1,
@@ -2499,7 +2499,7 @@ const br = /* @__PURE__ */ C(pr, [["render", fr]]), yr = {
     }
   }
 }, xr = { class: "flex items-center justify-between w-full overflow-x-auto [&::-webkit-scrollbar]:hidden" }, wr = ["onMouseover", "onClick"];
-function vr(r, e, t, i, a, s) {
+function vr(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("div", xr, [
     (u(!0), g(I, null, N(t.phases, (d, l) => (u(), g("div", {
@@ -2512,18 +2512,18 @@ function vr(r, e, t, i, a, s) {
       onMouseout: e[0] || (e[0] = (...p) => s.handleMouseOut && s.handleMouseOut(...p)),
       onClick: (p) => s.handlePhaseClick(l)
     }, [
-      n("div", {
+      a("div", {
         class: S(["flex flex-col items-center", { "hover:cursor-pointer": l <= t.currentPhase, "hover:cursor-default": l > t.currentPhase }])
       }, [
-        n("div", {
+        a("div", {
           class: S(["w-6 h-6 md:w-9 md:h-9 flex items-center justify-center rounded-full transition-all duration-300 border-2", {
             "border-accent": s.isPhaseActive(l),
             "border-gray-300": !s.isPhaseActive(l),
-            "hover:bg-accent": a.hoveredPhase === l && l <= t.currentPhase,
-            "hover:bg-gray-200": a.hoveredPhase === l && !s.isPhaseActive(l) && l <= t.currentPhase
+            "hover:bg-accent": n.hoveredPhase === l && l <= t.currentPhase,
+            "hover:bg-gray-200": n.hoveredPhase === l && !s.isPhaseActive(l) && l <= t.currentPhase
           }])
         }, [
-          n("i", {
+          a("i", {
             class: S([d.icon, "text-xs md:text-lg"])
           }, null, 2),
           t.livePhase === l ? (u(), g("i", {
@@ -2538,7 +2538,7 @@ function vr(r, e, t, i, a, s) {
           class: S(["mt-2 transition-all duration-300 text-xs md:text-sm whitespace-nowrap", {
             "font-bold text-accent": s.isPhaseActive(l) || t.highlightPhase === l,
             "text-gray-600": !s.isPhaseActive(l) && t.highlightPhase !== l,
-            "hover:text-accent": a.hoveredPhase === l && l <= t.currentPhase
+            "hover:text-accent": n.hoveredPhase === l && l <= t.currentPhase
           }])
         }, {
           default: h(() => [
@@ -2587,10 +2587,10 @@ const zu = /* @__PURE__ */ C(yr, [["render", vr]]), Cr = {
     }
   }
 }, Sr = { class: "flex flex-col ml-2 lg:ml-4" }, Ar = { class: "flex overflow-x-auto [&::-webkit-scrollbar]:hidden md:overflow-x-hidden mx-2 md:ml-0 h-12" };
-function kr(r, e, t, i, a, s) {
+function kr(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("Icon");
   return u(), g("div", Sr, [
-    n("div", Ar, [
+    a("div", Ar, [
       c(o, {
         tag: "h2",
         weight: "bold",
@@ -2669,26 +2669,26 @@ const Lu = /* @__PURE__ */ C(Cr, [["render", kr]]), Y = "data:image/png;base64,i
       return ((e = (r = this.result) == null ? void 0 : r.Person) == null ? void 0 : e.DisplayName) ?? ((i = (t = this.result) == null ? void 0 : t.Person) == null ? void 0 : i.DisplayName) ?? "Unknown";
     },
     clubName() {
-      var r, e, t, i, a, s;
-      return ((t = (e = (r = this.result) == null ? void 0 : r.Person) == null ? void 0 : e.Club) == null ? void 0 : t.Name) ?? ((s = (a = (i = this.result) == null ? void 0 : i.Person) == null ? void 0 : a.Club) == null ? void 0 : s.Name) ?? "No Club";
+      var r, e, t, i, n, s;
+      return ((t = (e = (r = this.result) == null ? void 0 : r.Person) == null ? void 0 : e.Club) == null ? void 0 : t.Name) ?? ((s = (n = (i = this.result) == null ? void 0 : i.Person) == null ? void 0 : n.Club) == null ? void 0 : s.Name) ?? "No Club";
     },
     portraitURL() {
-      var r, e, t, i, a, s, o, d;
-      return ((i = (t = (e = (r = this.result) == null ? void 0 : r.Person) == null ? void 0 : e.Images) == null ? void 0 : t[0]) == null ? void 0 : i.URL) ?? ((d = (o = (s = (a = this.result) == null ? void 0 : a.Person) == null ? void 0 : s.Images) == null ? void 0 : o[0]) == null ? void 0 : d.URL) ?? this.missingPortrait;
+      var r, e, t, i, n, s, o, d;
+      return ((i = (t = (e = (r = this.result) == null ? void 0 : r.Person) == null ? void 0 : e.Images) == null ? void 0 : t[0]) == null ? void 0 : i.URL) ?? ((d = (o = (s = (n = this.result) == null ? void 0 : n.Person) == null ? void 0 : s.Images) == null ? void 0 : o[0]) == null ? void 0 : d.URL) ?? this.missingPortrait;
     },
     clubImageURL() {
-      var r, e, t, i, a, s, o, d;
-      return ((i = (t = (e = (r = this.result) == null ? void 0 : r.Person) == null ? void 0 : e.Club) == null ? void 0 : t.Images[0]) == null ? void 0 : i.URL) ?? ((d = (o = (s = (a = this.result) == null ? void 0 : a.Person) == null ? void 0 : s.Club) == null ? void 0 : o.Images[0]) == null ? void 0 : d.URL) ?? this.missingClub;
+      var r, e, t, i, n, s, o, d;
+      return ((i = (t = (e = (r = this.result) == null ? void 0 : r.Person) == null ? void 0 : e.Club) == null ? void 0 : t.Images[0]) == null ? void 0 : i.URL) ?? ((d = (o = (s = (n = this.result) == null ? void 0 : n.Person) == null ? void 0 : s.Club) == null ? void 0 : o.Images[0]) == null ? void 0 : d.URL) ?? this.missingClub;
     }
   }
 }, Br = { class: "flex items-center border border-orange rounded-lg shadow-lg bg-white w-full" }, _r = { class: "md:mr-4 md:border-r border-orange bg-orange h-16 rounded-tl-lg rounded-bl-lg w-10 items-center text-center pl-1 pt-2" }, Ir = { class: "flex mr-4 w-16" }, Er = {
   key: 0,
-  class: "w-12 h-12 rounded-full bg-quaternary items-center justify-center"
+  class: "w-12 h-12 rounded-full items-center justify-center"
 }, zr = ["src"], Lr = ["src"], Nr = { class: "flex flex-col w-3/4 justify-start ml-4 md:ml-0" }, Pr = { class: "w-full flex justify-start" }, jr = { class: "w-full flex flex-col justify-start" };
-function Mr(r, e, t, i, a, s) {
+function Mr(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("div", Br, [
-    n("div", _r, [
+    a("div", _r, [
       c(o, {
         text: "",
         size: "3xl",
@@ -2697,7 +2697,7 @@ function Mr(r, e, t, i, a, s) {
         class: "bg-orange"
       })
     ]),
-    n("div", Ir, [
+    a("div", Ir, [
       s.portraitURL ? w("", !0) : (u(), g("div", Er, [
         c(o, {
           text: "",
@@ -2706,22 +2706,22 @@ function Mr(r, e, t, i, a, s) {
           weight: "bold"
         })
       ])),
-      n("img", {
+      a("img", {
         src: s.portraitURL,
         alt: "Portrait",
         class: "h-12 rounded-full object-cover"
       }, null, 8, zr),
-      n("img", {
+      a("img", {
         src: s.clubImageURL,
         alt: "Club Logo",
         class: "absolute w-7 h-7 rounded-full mt-6 ml-9 border border-neutral z-10"
       }, null, 8, Lr)
     ]),
-    n("div", Nr, [
-      n("span", Pr, [
+    a("div", Nr, [
+      a("span", Pr, [
         c(o, {
           size: "xl",
-          color: "quaternary",
+          color: "primary",
           weight: "bold",
           class: ""
         }, {
@@ -2731,10 +2731,10 @@ function Mr(r, e, t, i, a, s) {
           _: 1
         })
       ]),
-      n("span", jr, [
+      a("span", jr, [
         c(o, {
           size: "sm",
-          color: "quaternary",
+          color: "primary",
           weight: "normal",
           class: "text-nowrap"
         }, {
@@ -2783,17 +2783,17 @@ const Nu = /* @__PURE__ */ C(Tr, [["render", Mr]]), Or = {
 }, Rr = {
   class: /* @__PURE__ */ S("flex items-center rounded-[8px] bg-white w-full")
 }, Dr = { class: "flex w-full ml-4 md:ml-0 items-center" }, qr = { class: "flex-1 text-left" }, Fr = { class: "flex-1 text-right" };
-function Ur(r, e, t, i, a, s) {
+function Ur(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("div", Rr, [
-    n("div", {
+    a("div", {
       class: S(`mr-4 border-${s.color1} bg-${s.color1} h-10 w-10 rounded-tl-[6px] rounded-bl-[6px]`)
     }, null, 2),
-    n("div", Dr, [
-      n("div", qr, [
+    a("div", Dr, [
+      a("div", qr, [
         c(o, {
           size: "xl",
-          color: "quaternary",
+          color: "primary",
           weight: "bold"
         }, {
           default: h(() => [
@@ -2802,11 +2802,11 @@ function Ur(r, e, t, i, a, s) {
           _: 1
         })
       ]),
-      e[0] || (e[0] = n("div", { class: "w-auto text-center" }, " VS ", -1)),
-      n("div", Fr, [
+      e[0] || (e[0] = a("div", { class: "w-auto text-center" }, " VS ", -1)),
+      a("div", Fr, [
         c(o, {
           size: "xl",
-          color: "quaternary",
+          color: "primary",
           weight: "bold"
         }, {
           default: h(() => [
@@ -2816,7 +2816,7 @@ function Ur(r, e, t, i, a, s) {
         })
       ])
     ]),
-    n("div", {
+    a("div", {
       class: S(`ml-4 border-r border-${s.color2} bg-${s.color2} h-10 w-10 rounded-tr-[6px] rounded-br-[6px]`)
     }, null, 2)
   ]);
@@ -2828,7 +2828,7 @@ const Pu = /* @__PURE__ */ C(Or, [["render", Ur]]), Vr = {
   },
   props: {}
 }, Qr = { class: "border-t-2 border-orange text-white text-center p-2 bg-darkgray" };
-function Jr(r, e, t, i, a, s) {
+function Jr(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("footer", Qr, [
     c(o, {
@@ -2858,19 +2858,19 @@ const ju = /* @__PURE__ */ C(Vr, [["render", Jr]]), Hr = "data:image/png;base64,
       logo: Hr
     };
   }
-}, Kr = { class: "flex flex-col text-sans" }, Yr = { class: "flex w-full items-center justify-between pt-1 pb-1 bg-darkgray border-b-2 border-orange" }, Gr = ["src"];
-function Zr(r, e, t, i, a, s) {
+}, Kr = { class: "flex flex-col text-sans" }, Yr = { class: "flex w-full items-center justify-between pt-1 pb-1 bg-darkgray border-b-2 border-orange" }, Zr = ["src"];
+function Gr(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("section", Kr, [
-    n("div", Yr, [
-      n("div", null, [
-        n("img", {
-          src: a.logo,
+    a("div", Yr, [
+      a("div", null, [
+        a("img", {
+          src: n.logo,
           alt: "logo",
           class: "w-14 h-14 ml-4"
-        }, null, 8, Gr)
+        }, null, 8, Zr)
       ]),
-      n("div", null, [
+      a("div", null, [
         c(o, {
           size: "3xl",
           color: "secondary",
@@ -2882,11 +2882,11 @@ function Zr(r, e, t, i, a, s) {
           _: 1
         })
       ]),
-      e[0] || (e[0] = n("div", { class: "w-14 mr-4" }, null, -1))
+      e[0] || (e[0] = a("div", { class: "w-14 mr-4" }, null, -1))
     ])
   ]);
 }
-const Mu = /* @__PURE__ */ C(Wr, [["render", Zr]]), Xr = {
+const Mu = /* @__PURE__ */ C(Wr, [["render", Gr]]), Xr = {
   name: "AttendanceCard",
   components: { BaseText: B, Icon: M },
   emits: ["edit"],
@@ -2948,12 +2948,12 @@ const Mu = /* @__PURE__ */ C(Wr, [["render", Zr]]), Xr = {
   key: 0,
   class: "w-full flex flex-col justify-start"
 };
-function os(r, e, t, i, a, s) {
+function os(r, e, t, i, n, s) {
   const o = y("Icon"), d = y("BaseText");
   return u(), g("div", {
     class: S(s.wrapperClasses)
   }, [
-    n("div", $r, [
+    a("div", $r, [
       t.poolVariant ? (u(), g(I, { key: 0 }, [
         t.large ? (u(), g("img", {
           key: 0,
@@ -2968,8 +2968,8 @@ function os(r, e, t, i, a, s) {
         color: s.iconColor
       }, null, 8, ["icon", "size", "color"]))
     ]),
-    n("div", ts, [
-      n("span", rs, [
+    a("div", ts, [
+      a("span", rs, [
         c(d, {
           size: "lg",
           color: "primary",
@@ -2998,7 +2998,7 @@ function os(r, e, t, i, a, s) {
     ])
   ], 2);
 }
-const as = /* @__PURE__ */ C(Xr, [["render", os]]), Ee = "data:image/png;base64,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", ns = {
+const ns = /* @__PURE__ */ C(Xr, [["render", os]]), Ee = "data:image/png;base64,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", as = {
   name: "PageHeader",
   components: {
     SearchBox: $e,
@@ -3042,29 +3042,29 @@ const as = /* @__PURE__ */ C(Xr, [["render", os]]), Ee = "data:image/png;base64,
     document.removeEventListener("click", this.handleClickOutside);
   }
 }, is = { class: "border-b border-lineGrey w-full bg-primary m-0 z-10" }, ls = { class: "w-full hidden md:flex" }, cs = ["src"], ds = { class: "flex w-full items-center border-r border-l border-lineGrey" }, us = { class: "hidden lg:flex w-1/3 pl-20 mb-3 mt-1" }, ms = { class: "ml-8 w-2/3 flex justify-around" }, hs = { class: "w-[150px] h-[150px] bg-primary flex-shrink-0 flex items-center justify-center" }, gs = { class: "w-full flex md:hidden fixed top-0 z-50 bg-primary" }, ps = { class: "py-2 px-6 flex justify-between w-full" }, fs = ["src"], bs = ["onClick"];
-function ys(r, e, t, i, a, s) {
+function ys(r, e, t, i, n, s) {
   const o = y("SearchBox"), d = y("BaseText"), l = y("BaseButton"), p = y("Icon");
   return u(), g("header", is, [
-    n("section", ls, [
-      n("div", {
+    a("section", ls, [
+      a("div", {
         class: "w-[150px] h-[150px] bg-primary flex-shrink-0 flex items-center justify-center",
         onClick: e[0] || (e[0] = (b) => s.handlePageChange("Home"))
       }, [
-        n("img", {
-          src: a.logo,
+        a("img", {
+          src: n.logo,
           alt: "Logo",
           class: "h-14 w-18 bg-accent"
         }, null, 8, cs)
       ]),
-      n("section", ds, [
-        n("div", us, [
+      a("section", ds, [
+        a("div", us, [
           c(o, {
             class: "w-24 md:w-32 lg:w-52 xl:w-64",
             "text-size": "text-xl",
             onSearch: s.onSearch
           }, null, 8, ["onSearch"])
         ]),
-        n("nav", ms, [
+        a("nav", ms, [
           c(d, {
             color: "secondary",
             size: "xl",
@@ -3119,7 +3119,7 @@ function ys(r, e, t, i, a, s) {
           })
         ])
       ]),
-      n("div", hs, [
+      a("div", hs, [
         c(l, {
           backgroundColor: "primary",
           border: "secondary",
@@ -3129,10 +3129,10 @@ function ys(r, e, t, i, a, s) {
         })
       ])
     ]),
-    n("section", gs, [
-      n("div", ps, [
-        n("img", {
-          src: a.logo,
+    a("section", gs, [
+      a("div", ps, [
+        a("img", {
+          src: n.logo,
           alt: "Logo",
           class: "h-6 w-9",
           onClick: e[5] || (e[5] = (b) => s.handlePageChange("Home"))
@@ -3145,14 +3145,14 @@ function ys(r, e, t, i, a, s) {
         })
       ])
     ]),
-    a.dropdownOpen ? (u(), g("div", {
+    n.dropdownOpen ? (u(), g("div", {
       key: 0,
       class: "fixed right-2 mt-8 w-40 bg-secondary border rounded-lg border-lineGrey shadow-xl z-50",
       onClick: e[7] || (e[7] = F(() => {
       }, ["stop"]))
     }, [
-      n("ul", null, [
-        (u(!0), g(I, null, N(a.items, (b) => (u(), g("li", {
+      a("ul", null, [
+        (u(!0), g(I, null, N(n.items, (b) => (u(), g("li", {
           key: b.label,
           onClick: (x) => s.handlePageChange(b.value),
           class: "px-2 py-2 cursor-pointer hover:bg-hoverColor justify-end flex"
@@ -3181,7 +3181,7 @@ function ys(r, e, t, i, a, s) {
     ])) : w("", !0)
   ]);
 }
-const xs = /* @__PURE__ */ C(ns, [["render", ys]]), ws = {
+const xs = /* @__PURE__ */ C(as, [["render", ys]]), ws = {
   name: "TabHeader",
   components: {
     BaseText: B
@@ -3205,17 +3205,17 @@ const xs = /* @__PURE__ */ C(ns, [["render", ys]]), ws = {
     }
   }
 }, vs = { class: "w-full rounded-t-lg" }, Cs = { class: "max-w-[1200px] md:w-full flex mx-2 md:mx-auto pl-4 bg-white rounded-tr-lg rounded-tl-lg" };
-function Ss(r, e, t, i, a, s) {
+function Ss(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("div", vs, [
-    n("div", Cs, [
+    a("div", Cs, [
       (u(!0), g(I, null, N(t.tabs, (d, l) => (u(), g("span", { key: l }, [
         c(o, {
           color: "primary",
           size: "md",
           tag: "p",
           weight: "normal",
-          class: S(["mr-10 border-b-2 hover:border-accent pb-2 duration-300 ease-in-out text-sm md:text-lg", a.selectedTab === l ? "border-accent" : "border-white"]),
+          class: S(["mr-10 border-b-2 hover:border-accent pb-2 duration-300 ease-in-out text-sm md:text-lg", n.selectedTab === l ? "border-accent" : "border-white"]),
           onClick: (p) => s.selectTab(l)
         }, {
           default: h(() => [
@@ -3272,18 +3272,18 @@ const Ou = /* @__PURE__ */ C(ws, [["render", Ss]]), As = {
     }
   }
 }, ks = { class: "md:w-80 m-2 flex flex-col mb-20" }, Ts = { class: "bg-white p-4 rounded-lg" }, Bs = { class: "flex flex-col space-y-4" }, _s = { class: "flex items-center" }, Is = ["src"], Es = { class: "pl-2" }, zs = { class: "flex justify-between space-x-8 w-full px-4" }, Ls = { class: "flex items-center space-x-2" }, Ns = { class: "flex items-center space-x-2" }, Ps = { class: "flex justify-center" }, js = { class: "mt-10 bg-white p-4 rounded-lg" }, Ms = { class: "flex mb-4" }, Os = { class: "mr-3" };
-function Rs(r, e, t, i, a, s) {
+function Rs(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("Icon"), l = y("BaseButton"), p = y("Mapbox");
   return u(), g("aside", ks, [
-    n("section", Ts, [
-      n("div", Bs, [
-        n("div", _s, [
-          n("img", {
+    a("section", Ts, [
+      a("div", Bs, [
+        a("div", _s, [
+          a("img", {
             src: t.organizerPortrait,
             alt: "Event Organizer",
             class: "w-16 h-16 rounded-full object-cover"
           }, null, 8, Is),
-          n("div", Es, [
+          a("div", Es, [
             c(o, {
               color: "primary",
               size: "xs",
@@ -3307,8 +3307,8 @@ function Rs(r, e, t, i, a, s) {
             })
           ])
         ]),
-        n("div", zs, [
-          n("div", Ls, [
+        a("div", zs, [
+          a("div", Ls, [
             c(d, {
               icon: "fa-users",
               color: "primary",
@@ -3324,7 +3324,7 @@ function Rs(r, e, t, i, a, s) {
               _: 1
             })
           ]),
-          n("div", Ns, [
+          a("div", Ns, [
             c(d, {
               icon: "fa-bookmark",
               color: "primary",
@@ -3341,7 +3341,7 @@ function Rs(r, e, t, i, a, s) {
             })
           ])
         ]),
-        n("div", Ps, [
+        a("div", Ps, [
           t.rulesLink ? (u(), L(l, {
             key: 0,
             backgroundColor: "secondary",
@@ -3355,16 +3355,16 @@ function Rs(r, e, t, i, a, s) {
         ])
       ])
     ]),
-    n("section", js, [
-      n("div", Ms, [
-        n("div", Os, [
+    a("section", js, [
+      a("div", Ms, [
+        a("div", Os, [
           c(d, {
             icon: "fa-map-marker-alt",
             color: "accent",
             size: "3xl"
           })
         ]),
-        n("div", null, [
+        a("div", null, [
           c(o, {
             color: "primary",
             size: "sm",
@@ -3450,13 +3450,13 @@ const Ru = /* @__PURE__ */ C(As, [["render", Rs]]), Ds = {
   key: 1,
   class: "fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50 md:hidden"
 }, Vs = { class: "bg-secondary border rounded-lg border-lineGrey shadow-xl z-50 w-3/4 max-w-lg p-6" }, Qs = ["onClick"];
-function Js(r, e, t, i, a, s) {
+function Js(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("Icon");
   return u(), g("div", {
     class: S(`relative ${t.width}`),
     ref: "dropdownContainer"
   }, [
-    n("div", {
+    a("div", {
       onClick: e[0] || (e[0] = (...l) => s.toggleDropdown && s.toggleDropdown(...l)),
       class: "flex items-center cursor-pointer"
     }, [
@@ -3468,7 +3468,7 @@ function Js(r, e, t, i, a, s) {
         weight: t.boldText ? "bold" : "normal"
       }, {
         default: h(() => [
-          m(f(a.selectedItem), 1)
+          m(f(n.selectedItem), 1)
         ]),
         _: 1
       }, 8, ["weight"]),
@@ -3479,8 +3479,8 @@ function Js(r, e, t, i, a, s) {
         class: "ml-4"
       })
     ]),
-    a.dropdownOpen ? (u(), g("div", qs, [
-      n("ul", null, [
+    n.dropdownOpen ? (u(), g("div", qs, [
+      a("ul", null, [
         (u(!0), g(I, null, N(t.items, (l) => (u(), g("li", {
           key: l,
           onClick: (p) => s.selectWeapon(l),
@@ -3500,9 +3500,9 @@ function Js(r, e, t, i, a, s) {
         ], 8, Fs))), 128))
       ])
     ])) : w("", !0),
-    a.dropdownOpen ? (u(), g("div", Us, [
-      n("div", Vs, [
-        n("ul", null, [
+    n.dropdownOpen ? (u(), g("div", Us, [
+      a("div", Vs, [
+        a("ul", null, [
           (u(!0), g(I, null, N(t.items, (l) => (u(), g("li", {
             key: l,
             onClick: (p) => s.selectWeapon(l),
@@ -3550,13 +3550,13 @@ const lt = /* @__PURE__ */ C(Ds, [["render", Js]]), Hs = {
       this.selectedWeapon = r;
     }
   }
-}, Ws = { class: "flex w-full items-center justify-between bg-white py-6 overflow-x-auto md:overflow-visible" }, Ks = { class: "flex w-full md:max-w-none md:flex-grow overflow-x-auto md:overflow-visible md:justify-around md:items-center" }, Ys = { class: "flex items-center pb-1.5 mr-8 flex-shrink-0 md:flex-grow" }, Gs = { class: "flex justify-center items-center flex-shrink-0 md:flex-grow" }, Zs = { class: "flex justify-end flex-shrink-0 md:flex-grow pt-2" };
-function Xs(r, e, t, i, a, s) {
+}, Ws = { class: "flex w-full items-center justify-between bg-white py-6 overflow-x-auto md:overflow-visible" }, Ks = { class: "flex w-full md:max-w-none md:flex-grow overflow-x-auto md:overflow-visible md:justify-around md:items-center" }, Ys = { class: "flex items-center pb-1.5 mr-8 flex-shrink-0 md:flex-grow" }, Zs = { class: "flex justify-center items-center flex-shrink-0 md:flex-grow" }, Gs = { class: "flex justify-end flex-shrink-0 md:flex-grow pt-2" };
+function Xs(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("InputField"), l = y("Dropdown");
   return u(), g("div", Ws, [
-    e[4] || (e[4] = n("div", { class: "hidden md:block w-[150px] flex-shrink-0" }, null, -1)),
-    n("section", Ks, [
-      n("div", Ys, [
+    e[4] || (e[4] = a("div", { class: "hidden md:block w-[150px] flex-shrink-0" }, null, -1)),
+    a("section", Ks, [
+      a("div", Ys, [
         c(o, {
           class: "w-20 mr-2",
           color: "primary",
@@ -3573,12 +3573,12 @@ function Xs(r, e, t, i, a, s) {
           type: "text",
           placeholder: "By Name",
           color: "secondary",
-          modelValue: a.searchQuery,
-          "onUpdate:modelValue": e[0] || (e[0] = (p) => a.searchQuery = p),
+          modelValue: n.searchQuery,
+          "onUpdate:modelValue": e[0] || (e[0] = (p) => n.searchQuery = p),
           class: "px-2 py-1 focus:outline-none placeholder:text-sm lg:placeholder:text-sm w-full"
         }, null, 8, ["modelValue"])
       ]),
-      n("div", Gs, [
+      a("div", Zs, [
         c(o, {
           class: "mr-2 pb-1.5",
           color: "primary",
@@ -3592,12 +3592,12 @@ function Xs(r, e, t, i, a, s) {
           _: 1
         }),
         c(l, {
-          items: a.distances,
-          defaultSelectedItem: a.selectedDistance,
+          items: n.distances,
+          defaultSelectedItem: n.selectedDistance,
           onDistanceSelect: s.selectDistance
         }, null, 8, ["items", "defaultSelectedItem", "onDistanceSelect"])
       ]),
-      n("div", Zs, [
+      a("div", Gs, [
         c(o, {
           class: "mr-2 pb-1.5",
           color: "primary",
@@ -3611,14 +3611,14 @@ function Xs(r, e, t, i, a, s) {
           _: 1
         }),
         c(l, {
-          items: a.weapons,
+          items: n.weapons,
           width: "w-32",
-          defaultSelectedItem: a.selectedWeapon,
+          defaultSelectedItem: n.selectedWeapon,
           onWeaponSelect: s.selectWeapon
         }, null, 8, ["items", "defaultSelectedItem", "onWeaponSelect"])
       ])
     ]),
-    e[5] || (e[5] = n("div", { class: "hidden md:block w-[150px]" }, null, -1))
+    e[5] || (e[5] = a("div", { class: "hidden md:block w-[150px]" }, null, -1))
   ]);
 }
 const Du = /* @__PURE__ */ C(Hs, [["render", Xs]]), $s = {
@@ -3656,18 +3656,18 @@ const Du = /* @__PURE__ */ C(Hs, [["render", Xs]]), $s = {
     }
   }
 }, eo = { class: "w-full bg-white py-4 flex justify-center h-24" }, to = { class: "container flex justify-between items-center w-full md:w-3/4 overflow-x-auto md:overflow-x-visible" }, ro = { class: "flex space-x-4 w-full justify-start md:justify-around whitespace-nowrap mx-4 md:mx-0" };
-function so(r, e, t, i, a, s) {
+function so(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("BasicDropDown");
   return u(), g("header", eo, [
-    n("div", to, [
-      n("nav", ro, [
+    a("div", to, [
+      a("nav", ro, [
         (u(!0), g(I, null, N(t.filters, (l) => (u(), L(o, {
           key: l,
           onClick: (p) => s.onFilterSelect(l),
           class: S(["cursor-pointer border-b-2 pb-1 duration-300 ease-in-out px-4 md:p-0", {
-            "border-accent": a.selectedFilter === l,
-            "hover:border-accent": a.selectedFilter !== l,
-            "border-transparent px-4 md:p-0": a.selectedFilter !== l
+            "border-accent": n.selectedFilter === l,
+            "hover:border-accent": n.selectedFilter !== l,
+            "border-transparent px-4 md:p-0": n.selectedFilter !== l
           }]),
           color: "primary",
           size: "xs md",
@@ -3681,7 +3681,7 @@ function so(r, e, t, i, a, s) {
         }, 1032, ["onClick", "class"]))), 128)),
         c(d, {
           weapons: t.weapons,
-          defaultSelectedItem: a.selectedWeapon,
+          defaultSelectedItem: n.selectedWeapon,
           boldText: !0,
           onWeaponSelect: s.onWeaponSelect,
           class: "hidden md:block pl-4 pr-8 md:p-0"
@@ -3690,7 +3690,7 @@ function so(r, e, t, i, a, s) {
     ])
   ]);
 }
-const qu = /* @__PURE__ */ C($s, [["render", so]]), oo = "data:image/png;base64,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", ao = {
+const qu = /* @__PURE__ */ C($s, [["render", so]]), oo = "data:image/png;base64,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", no = {
   name: "ScrollNav",
   components: {
     SearchBox: $e,
@@ -3733,28 +3733,28 @@ const qu = /* @__PURE__ */ C($s, [["render", so]]), oo = "data:image/png;base64,
       this.$emit("search", r);
     }
   }
-}, no = { class: "hidden md:block" }, io = { class: "max-w-7xl mx-auto px-4 py-2" }, lo = { class: "w-full hidden md:flex" }, co = ["src"], uo = { class: "flex w-full items-center" }, mo = { class: "hidden lg:flex w-1/3 pl-20 mb-3 mt-1" }, ho = { class: "ml-8 w-2/3 flex justify-around" };
-function go(r, e, t, i, a, s) {
+}, ao = { class: "hidden md:block" }, io = { class: "max-w-7xl mx-auto px-4 py-2" }, lo = { class: "w-full hidden md:flex" }, co = ["src"], uo = { class: "flex w-full items-center" }, mo = { class: "hidden lg:flex w-1/3 pl-20 mb-3 mt-1" }, ho = { class: "ml-8 w-2/3 flex justify-around" };
+function go(r, e, t, i, n, s) {
   const o = y("SearchBox"), d = y("BaseText");
-  return u(), g("div", no, [
-    e[11] || (e[11] = n("div", { class: "slideDown slideUp" }, null, -1)),
-    Xe(n("nav", {
-      class: S(["md:fixed top-0 left-0 w-full bg-white shadow-md z-50", [a.showNav ? "animate-slideDown" : "animate-slideUp"]])
+  return u(), g("div", ao, [
+    e[11] || (e[11] = a("div", { class: "slideDown slideUp" }, null, -1)),
+    Xe(a("nav", {
+      class: S(["md:fixed top-0 left-0 w-full bg-white shadow-md z-50", [n.showNav ? "animate-slideDown" : "animate-slideUp"]])
     }, [
-      n("div", io, [
-        n("section", lo, [
-          n("div", {
+      a("div", io, [
+        a("section", lo, [
+          a("div", {
             class: "w-[150px] h-[50px] flex-shrink-0 flex items-center justify-center",
             onClick: e[0] || (e[0] = (l) => s.handlePageChange("Home"))
           }, [
-            n("img", {
-              src: a.logo,
+            a("img", {
+              src: n.logo,
               alt: "Logo",
               class: "h-10 bg-accent"
             }, null, 8, co)
           ]),
-          n("section", uo, [
-            n("div", mo, [
+          a("section", uo, [
+            a("div", mo, [
               c(o, {
                 inputColor: "secondary",
                 iconColor: "primary",
@@ -3762,7 +3762,7 @@ function go(r, e, t, i, a, s) {
                 onSearch: s.onSearch
               }, null, 8, ["onSearch"])
             ]),
-            n("nav", ho, [
+            a("nav", ho, [
               c(d, {
                 color: "primary",
                 size: "sm",
@@ -3833,11 +3833,11 @@ function go(r, e, t, i, a, s) {
         ])
       ])
     ], 2), [
-      [pt, a.navVisible]
+      [pt, n.navVisible]
     ])
   ]);
 }
-const po = /* @__PURE__ */ C(ao, [["render", go], ["__scopeId", "data-v-07413d1f"]]), fo = {
+const po = /* @__PURE__ */ C(no, [["render", go], ["__scopeId", "data-v-07413d1f"]]), fo = {
   name: "TournamentDetailsBanner",
   components: {
     BaseText: B,
@@ -3916,25 +3916,25 @@ const po = /* @__PURE__ */ C(ao, [["render", go], ["__scopeId", "data-v-07413d1f
   key: 1,
   class: "flex justify-center text-left w-full px-6 mt-12"
 }, ko = { class: "w-full" }, To = { class: "md:hidden w-full flex justify-center mt-10" }, Bo = { class: "w-full md:w-2/3 flex-col justify-center pl-2" }, _o = { class: "flex" };
-function Io(r, e, t, i, a, s) {
+function Io(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g(I, null, [
-    n("section", {
+    a("section", {
       id: "hero",
       class: "hidden md:flex relative w-full justify-center bg-primary m-0 bg-top",
       style: $(s.backgroundStyle)
     }, [
-      e[2] || (e[2] = n("div", { class: "hidden md:block w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }, null, -1)),
-      n("div", bo, [
-        a.isMobile ? w("", !0) : (u(), g("img", {
+      e[2] || (e[2] = a("div", { class: "hidden md:block w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }, null, -1)),
+      a("div", bo, [
+        n.isMobile ? w("", !0) : (u(), g("img", {
           key: 0,
           src: t.imageSrc,
           alt: "Hero Image",
           class: "w-full h-full object-cover object-top max-h-96",
           loading: "lazy"
         }, null, 8, yo)),
-        n("section", xo, [
-          n("div", wo, [
+        a("section", xo, [
+          a("div", wo, [
             c(o, {
               color: "secondary",
               tag: "h1",
@@ -3959,14 +3959,14 @@ function Io(r, e, t, i, a, s) {
               ]),
               _: 1
             }),
-            n("div", vo, [
-              n("div", Co, [
-                n("img", {
+            a("div", vo, [
+              a("div", Co, [
+                a("img", {
                   src: t.clubLogo,
                   alt: "Club Logo",
                   class: "w-10 h-10 rounded-full"
                 }, null, 8, So),
-                n("div", null, [
+                a("div", null, [
                   c(o, {
                     color: "secondary",
                     tag: "p",
@@ -3993,11 +3993,11 @@ function Io(r, e, t, i, a, s) {
                 ])
               ])
             ]),
-            e[1] || (e[1] = n("div", { class: "flex justify-between items-center" }, null, -1))
+            e[1] || (e[1] = a("div", { class: "flex justify-between items-center" }, null, -1))
           ])
         ]),
-        a.isMobile ? (u(), g("div", Ao, [
-          n("div", ko, [
+        n.isMobile ? (u(), g("div", Ao, [
+          a("div", ko, [
             c(o, {
               color: "secondary",
               tag: "h1",
@@ -4025,10 +4025,10 @@ function Io(r, e, t, i, a, s) {
           ])
         ])) : w("", !0)
       ]),
-      e[3] || (e[3] = n("div", { class: "hidden md:block w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }, null, -1))
+      e[3] || (e[3] = a("div", { class: "hidden md:block w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }, null, -1))
     ], 4),
-    n("section", To, [
-      n("div", Bo, [
+    a("section", To, [
+      a("div", Bo, [
         c(o, {
           color: "primary",
           tag: "h1",
@@ -4053,7 +4053,7 @@ function Io(r, e, t, i, a, s) {
           ]),
           _: 1
         }),
-        n("div", _o, [
+        a("div", _o, [
           c(o, {
             color: "primary",
             tag: "p",
@@ -4141,24 +4141,24 @@ const Fu = /* @__PURE__ */ C(fo, [["render", Io]]), Eo = {
   key: 1,
   class: "flex justify-center text-left w-full px-4 mt-32"
 }, Mo = { class: "w-full mb-4" };
-function Oo(r, e, t, i, a, s) {
+function Oo(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("section", {
     id: "hero",
     class: "relative w-full flex justify-center bg-primary m-0 bg-top",
     style: $(s.backgroundStyle)
   }, [
-    e[0] || (e[0] = n("div", { class: "hidden md:block w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }, null, -1)),
-    n("div", zo, [
-      a.isMobile ? w("", !0) : (u(), g("img", {
+    e[0] || (e[0] = a("div", { class: "hidden md:block w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }, null, -1)),
+    a("div", zo, [
+      n.isMobile ? w("", !0) : (u(), g("img", {
         key: 0,
         src: t.imageSrc,
         alt: "Hero Image",
         class: "w-full h-full object-cover object-top max-h-96",
         loading: "lazy"
       }, null, 8, Lo)),
-      n("section", No, [
-        n("div", Po, [
+      a("section", No, [
+        a("div", Po, [
           c(o, {
             color: "secondary",
             tag: "h1",
@@ -4181,8 +4181,8 @@ function Oo(r, e, t, i, a, s) {
           }, null, 8, ["innerHTML"])
         ])
       ]),
-      a.isMobile ? (u(), g("div", jo, [
-        n("div", Mo, [
+      n.isMobile ? (u(), g("div", jo, [
+        a("div", Mo, [
           c(o, {
             color: "secondary",
             tag: "h1",
@@ -4210,7 +4210,7 @@ function Oo(r, e, t, i, a, s) {
         ])
       ])) : w("", !0)
     ]),
-    e[1] || (e[1] = n("div", { class: "hidden md:block w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }, null, -1))
+    e[1] || (e[1] = a("div", { class: "hidden md:block w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }, null, -1))
   ], 4);
 }
 const Uu = /* @__PURE__ */ C(Eo, [["render", Oo]]), Ro = {
@@ -4234,7 +4234,7 @@ const Uu = /* @__PURE__ */ C(Eo, [["render", Oo]]), Ro = {
     }
   }
 }, Do = { class: "" };
-function qo(r, e, t, i, a, s) {
+function qo(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("InputField");
   return u(), g("section", Do, [
     c(o, {
@@ -4259,11 +4259,11 @@ function qo(r, e, t, i, a, s) {
       ])),
       _: 1
     }),
-    n("form", {
+    a("form", {
       onSubmit: e[3] || (e[3] = F((...l) => s.handleSubmit && s.handleSubmit(...l), ["prevent"])),
       class: "space-y-4"
     }, [
-      n("div", null, [
+      a("div", null, [
         c(o, {
           type: "label",
           size: "md",
@@ -4277,14 +4277,14 @@ function qo(r, e, t, i, a, s) {
         }),
         c(d, {
           id: "fromEmail",
-          modelValue: a.formData.fromEmail,
-          "onUpdate:modelValue": e[0] || (e[0] = (l) => a.formData.fromEmail = l),
+          modelValue: n.formData.fromEmail,
+          "onUpdate:modelValue": e[0] || (e[0] = (l) => n.formData.fromEmail = l),
           type: "text",
           placeholder: "Enter Your Email",
           color: "white"
         }, null, 8, ["modelValue"])
       ]),
-      n("div", null, [
+      a("div", null, [
         c(o, {
           type: "label",
           size: "md",
@@ -4298,14 +4298,14 @@ function qo(r, e, t, i, a, s) {
         }),
         c(d, {
           id: "subject",
-          modelValue: a.formData.subject,
-          "onUpdate:modelValue": e[1] || (e[1] = (l) => a.formData.subject = l),
+          modelValue: n.formData.subject,
+          "onUpdate:modelValue": e[1] || (e[1] = (l) => n.formData.subject = l),
           type: "text",
           placeholder: "Enter subject",
           color: "white"
         }, null, 8, ["modelValue"])
       ]),
-      n("div", null, [
+      a("div", null, [
         c(o, {
           type: "label",
           size: "md",
@@ -4317,18 +4317,18 @@ function qo(r, e, t, i, a, s) {
           ])),
           _: 1
         }),
-        Xe(n("textarea", {
+        Xe(a("textarea", {
           id: "message",
-          "onUpdate:modelValue": e[2] || (e[2] = (l) => a.formData.message = l),
+          "onUpdate:modelValue": e[2] || (e[2] = (l) => n.formData.message = l),
           rows: "5",
           class: "mt-1 block w-full h-52 p-2 border border-secondary rounded-md focus:ring-accent focus:border-accent resize-none placeholder-primary",
           placeholder: "Enter your message"
         }, null, 512), [
-          [ft, a.formData.message]
+          [ft, n.formData.message]
         ])
       ]),
-      e[9] || (e[9] = n("div", { class: "flex justify-end" }, [
-        n("button", {
+      e[9] || (e[9] = a("div", { class: "flex justify-end" }, [
+        a("button", {
           type: "submit",
           class: "bg-primary text-white py-2 px-4 rounded-md hover:bg-accent focus:outline-none focus:ring-2 focus:ring-accent"
         }, " Submit ")
@@ -4386,7 +4386,7 @@ const Vu = /* @__PURE__ */ C(Ro, [["render", qo]]), Fo = {
     }
   }
 }, Uo = ["innerHTML"];
-function Vo(r, e, t, i, a, s) {
+function Vo(r, e, t, i, n, s) {
   return u(), g("div", {
     class: "relative inline-block",
     onMouseover: e[0] || (e[0] = (...o) => s.showTooltip && s.showTooltip(...o)),
@@ -4395,11 +4395,11 @@ function Vo(r, e, t, i, a, s) {
     onTouchstart: e[3] || (e[3] = (...o) => s.toggleTooltip && s.toggleTooltip(...o))
   }, [
     Ae(r.$slots, "default", {}, void 0, !0),
-    a.visible ? (u(), g("div", {
+    n.visible ? (u(), g("div", {
       key: 0,
       class: S(["absolute bg-black text-white p-2 rounded-md text-xs z-50 transition-opacity duration-300 ease-in-out opacity-80", [s.positionClass, t.width]])
     }, [
-      n("span", { innerHTML: t.text }, null, 8, Uo)
+      a("span", { innerHTML: t.text }, null, 8, Uo)
     ], 2)) : w("", !0)
   ], 32);
 }
@@ -4521,13 +4521,13 @@ const ct = /* @__PURE__ */ C(Fo, [["render", Vo], ["__scopeId", "data-v-22381b4e
   key: 0,
   class: "w-full flex justify-center pb-28 pt-10 md:pt-14"
 };
-function Yo(r, e, t, i, a, s) {
+function Yo(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("Icon"), l = y("Tooltip"), p = y("BaseButton");
   return u(), g("section", {
     class: S(t.topBoxClass)
   }, [
-    n("section", Jo, [
-      n("div", {
+    a("section", Jo, [
+      a("div", {
         class: S([s.topClasses, "flex flex-col"])
       }, [
         t.title ? (u(), g("div", {
@@ -4545,7 +4545,7 @@ function Yo(r, e, t, i, a, s) {
             ]),
             _: 1
           }),
-          n("div", Ho, [
+          a("div", Ho, [
             t.description ? (u(), L(o, {
               key: 0,
               color: "primary",
@@ -4578,7 +4578,7 @@ function Yo(r, e, t, i, a, s) {
             }, 8, ["text"])) : w("", !0)
           ])
         ], 2)) : w("", !0),
-        n("div", {
+        a("div", {
           class: S(s.gridClasses)
         }, [
           t.items.length > 0 ? (u(!0), g(I, { key: 0 }, N(t.items, (b, x) => (u(), L(Ye(t.cardComponent), {
@@ -4624,15 +4624,15 @@ function Yo(r, e, t, i, a, s) {
     ])
   ], 2);
 }
-const dt = /* @__PURE__ */ C(Qo, [["render", Yo]]), Go = {
+const dt = /* @__PURE__ */ C(Qo, [["render", Yo]]), Zo = {
   name: "FencerCardSkeleton"
-}, Zo = { class: "max-w-48 mr-4 md:mr-2 items-center animate-pulse" };
-function Xo(r, e, t, i, a, s) {
-  return u(), g("section", Zo, e[0] || (e[0] = [
+}, Go = { class: "max-w-48 mr-4 md:mr-2 items-center animate-pulse" };
+function Xo(r, e, t, i, n, s) {
+  return u(), g("section", Go, e[0] || (e[0] = [
     be('<div class="flex flex-col m-auto justify-center mb-4 items-center w-[130px]"><div class="w-[120px] h-[120px] md:w-32 md:h-32 rounded-full bg-gray-300"></div></div><div class="flex flex-col md:flex-row justify-center md:justify-around -mt-2 border-b border-borderGray z-10 pb-2 mb-2"><div class="flex items-center justify-around w-full"><div class="w-8 h-4 bg-gray-300 rounded mr-1"></div><div class="w-8 h-4 bg-gray-300 rounded"></div></div></div><div class="text-center"><div class="w-32 h-6 bg-gray-300 rounded mb-2 mx-auto"></div><div class="w-40 h-4 bg-gray-200 rounded mb-2 mx-auto"></div></div>', 3)
   ]));
 }
-const ut = /* @__PURE__ */ C(Go, [["render", Xo]]), $o = {
+const ut = /* @__PURE__ */ C(Zo, [["render", Xo]]), $o = {
   name: "FencerListCard",
   components: {
     FencerCardSkeleton: ut,
@@ -4659,16 +4659,16 @@ const ut = /* @__PURE__ */ C(Go, [["render", Xo]]), $o = {
   emits: ["grid-card-click"],
   computed: {
     portrait() {
-      var r, e, t, i, a, s;
-      return ((i = (t = (e = (r = this.data) == null ? void 0 : r.Person) == null ? void 0 : e.Images) == null ? void 0 : t[0]) == null ? void 0 : i.URL) ?? ((s = (a = this.data) == null ? void 0 : a.ProfileImage) == null ? void 0 : s.URL) ?? Y;
+      var r, e, t, i, n, s;
+      return ((i = (t = (e = (r = this.data) == null ? void 0 : r.Person) == null ? void 0 : e.Images) == null ? void 0 : t[0]) == null ? void 0 : i.URL) ?? ((s = (n = this.data) == null ? void 0 : n.ProfileImage) == null ? void 0 : s.URL) ?? Y;
     },
     displayName() {
       var r, e, t;
       return ((r = this.data) == null ? void 0 : r.DisplayName) ?? ((t = (e = this.data) == null ? void 0 : e.Person) == null ? void 0 : t.DisplayName) ?? "Unknown";
     },
     clubName() {
-      var r, e, t, i, a;
-      return ((e = (r = this.data) == null ? void 0 : r.Club) == null ? void 0 : e.Name) ?? ((a = (i = (t = this.data) == null ? void 0 : t.Person) == null ? void 0 : i.Club) == null ? void 0 : a.Name) ?? "No Club";
+      var r, e, t, i, n;
+      return ((e = (r = this.data) == null ? void 0 : r.Club) == null ? void 0 : e.Name) ?? ((n = (i = (t = this.data) == null ? void 0 : t.Person) == null ? void 0 : i.Club) == null ? void 0 : n.Name) ?? "No Club";
     },
     m2Rating() {
       var r, e;
@@ -4688,17 +4688,17 @@ const ut = /* @__PURE__ */ C(Go, [["render", Xo]]), $o = {
       this.$emit("grid-card-click", this.data);
     }
   }
-}, ea = ["src"], ta = { class: "rounded-full bg-accent h-5 w-5 absolute flex justify-center ml-9 mt-9 md:ml-12 md:mt-12" }, ra = { class: "flex flex-col justify-center flex-grow" }, sa = { class: "hidden md:flex flex-col" }, oa = { class: "flex md:hidden flex-col" }, aa = { class: "flex items-center" }, na = { class: "hidden md:flex flex-col" }, ia = { class: "flex" }, la = {
+}, en = ["src"], tn = { class: "rounded-full bg-accent h-5 w-5 absolute flex justify-center ml-9 mt-9 md:ml-12 md:mt-12" }, rn = { class: "flex flex-col justify-center flex-grow" }, sn = { class: "hidden md:flex flex-col" }, on = { class: "flex md:hidden flex-col" }, nn = { class: "flex items-center" }, an = { class: "hidden md:flex flex-col" }, ln = { class: "flex" }, cn = {
   key: 0,
   class: "flex"
-}, ca = { class: "flex flex-col md:hidden" }, da = { class: "flex" }, ua = {
+}, dn = { class: "flex flex-col md:hidden" }, un = { class: "flex" }, mn = {
   key: 0,
   class: "flex"
-}, ma = {
+}, hn = {
   key: 1,
   class: "p-4 bg-secondary rounded-lg flex items-center"
 };
-function ha(r, e, t, i, a, s) {
+function gn(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("FencerCardSkeleton");
   return u(), g(I, null, [
     t.isLoading ? w("", !0) : (u(), g("section", {
@@ -4706,12 +4706,12 @@ function ha(r, e, t, i, a, s) {
       class: "flex items-center p-4 hover:cursor-pointer border-b last:border-b-0",
       onClick: e[0] || (e[0] = (...l) => s.handleCardClicked && s.handleCardClicked(...l))
     }, [
-      n("img", {
+      a("img", {
         src: s.portrait,
         alt: "Fencer Portrait",
         class: "w-[50px] h-[50px] md:w-[70px] md:h-[70px] rounded-full object-cover z-1 flex-shrink-0 mr-4"
-      }, null, 8, ea),
-      n("div", ta, [
+      }, null, 8, en),
+      a("div", tn, [
         c(o, {
           tag: "p",
           size: "sm",
@@ -4724,8 +4724,8 @@ function ha(r, e, t, i, a, s) {
           _: 1
         })
       ]),
-      n("div", ra, [
-        n("section", sa, [
+      a("div", rn, [
+        a("section", sn, [
           c(o, {
             tag: "h3",
             size: "2xl",
@@ -4747,7 +4747,7 @@ function ha(r, e, t, i, a, s) {
             _: 1
           })
         ]),
-        n("section", oa, [
+        a("section", on, [
           c(o, {
             tag: "h3",
             size: "sm",
@@ -4770,9 +4770,9 @@ function ha(r, e, t, i, a, s) {
           })
         ])
       ]),
-      n("div", aa, [
-        n("section", na, [
-          n("div", ia, [
+      a("div", nn, [
+        a("section", an, [
+          a("div", ln, [
             c(o, {
               tag: "p",
               size: "sm",
@@ -4796,7 +4796,7 @@ function ha(r, e, t, i, a, s) {
               _: 1
             })
           ]),
-          s.HEMARating ? (u(), g("div", la, [
+          s.HEMARating ? (u(), g("div", cn, [
             c(o, {
               tag: "p",
               size: "sm",
@@ -4821,8 +4821,8 @@ function ha(r, e, t, i, a, s) {
             })
           ])) : w("", !0)
         ]),
-        n("section", ca, [
-          n("div", da, [
+        a("section", dn, [
+          a("div", un, [
             c(o, {
               tag: "p",
               size: "xs",
@@ -4846,7 +4846,7 @@ function ha(r, e, t, i, a, s) {
               _: 1
             })
           ]),
-          s.HEMARating ? (u(), g("div", ua, [
+          s.HEMARating ? (u(), g("div", mn, [
             c(o, {
               tag: "p",
               size: "xs",
@@ -4873,12 +4873,12 @@ function ha(r, e, t, i, a, s) {
         ])
       ])
     ])),
-    t.isLoading ? (u(), g("div", ma, [
+    t.isLoading ? (u(), g("div", hn, [
       c(d)
     ])) : w("", !0)
   ], 64);
 }
-const He = /* @__PURE__ */ C($o, [["render", ha]]), ga = {
+const He = /* @__PURE__ */ C($o, [["render", gn]]), pn = {
   name: "GridTabs",
   components: {
     Tooltip: ct,
@@ -4926,11 +4926,11 @@ const He = /* @__PURE__ */ C($o, [["render", ha]]), ga = {
       })).sort((t, i) => t.PoolPosition - i.PoolPosition);
     }
   }
-}, pa = { class: "w-full rounded-lg" }, fa = { class: "max-w-[1200px] w-full flex justify-between mx-auto py-4 md:py-8 pl-4 pr-4 rounded-tr-lg rounded-tl-lg" }, ba = { class: "flex" }, ya = { class: "max-w-[1200px] md:w-full flex mx-2 md:mx-auto pt-4 pb-4 pl-4 bg-white rounded-tr-lg rounded-tl-lg" };
-function xa(r, e, t, i, a, s) {
+}, fn = { class: "w-full rounded-lg" }, bn = { class: "max-w-[1200px] w-full flex justify-between mx-auto py-4 md:py-8 pl-4 pr-4 rounded-tr-lg rounded-tl-lg" }, yn = { class: "flex" }, xn = { class: "max-w-[1200px] md:w-full flex mx-2 md:mx-auto pt-4 pb-4 pl-4 bg-white rounded-tr-lg rounded-tl-lg" };
+function wn(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("Icon"), l = y("Tooltip"), p = y("GridLayout");
-  return u(), g("div", pa, [
-    n("div", fa, [
+  return u(), g("div", fn, [
+    a("div", bn, [
       c(o, {
         color: "primary",
         size: "",
@@ -4939,11 +4939,11 @@ function xa(r, e, t, i, a, s) {
         class: "text-sm md:text-xl"
       }, {
         default: h(() => [
-          m(f(`Fencers in ${t.pools[a.selectedTab].Name}`), 1)
+          m(f(`Fencers in ${t.pools[n.selectedTab].Name}`), 1)
         ]),
         _: 1
       }),
-      n("div", ba, [
+      a("div", yn, [
         c(o, {
           color: "primary",
           size: "",
@@ -4952,12 +4952,12 @@ function xa(r, e, t, i, a, s) {
           class: "text-sm md:text-xl"
         }, {
           default: h(() => [
-            m(f(`${t.pools[a.selectedTab].poolStrengthInd} Strength Indicator`), 1)
+            m(f(`${t.pools[n.selectedTab].poolStrengthInd} Strength Indicator`), 1)
           ]),
           _: 1
         }),
         c(l, {
-          text: a.tooltipContent,
+          text: n.tooltipContent,
           width: "w-[500px]",
           position: "left"
         }, {
@@ -4973,7 +4973,7 @@ function xa(r, e, t, i, a, s) {
         }, 8, ["text"])
       ])
     ]),
-    n("div", ya, [
+    a("div", xn, [
       (u(!0), g(I, null, N(t.pools, (b, x) => (u(), g("span", {
         key: b.PoolId
       }, [
@@ -4983,7 +4983,7 @@ function xa(r, e, t, i, a, s) {
           tag: "p",
           weight: "",
           title: "",
-          class: S(["mr-10 border-b-2 hover:border-accent pb-2 duration-300 ease-in-out text-sm md:text-lg", a.selectedTab === x ? "border-accent" : "border-white"]),
+          class: S(["mr-10 border-b-2 hover:border-accent pb-2 duration-300 ease-in-out text-sm md:text-lg", n.selectedTab === x ? "border-accent" : "border-white"]),
           onClick: (v) => s.selectTab(x)
         }, {
           default: h(() => [
@@ -5003,7 +5003,7 @@ function xa(r, e, t, i, a, s) {
     }, null, 8, ["cardComponent", "items"])
   ]);
 }
-const Qu = /* @__PURE__ */ C(ga, [["render", xa]]), wa = {
+const Qu = /* @__PURE__ */ C(pn, [["render", wn]]), vn = {
   components: { BaseButton: J, BaseText: B },
   props: {
     bout: {
@@ -5086,17 +5086,17 @@ const Qu = /* @__PURE__ */ C(ga, [["render", xa]]), wa = {
       this.interval && clearInterval(this.interval), this.interval = null;
     }
   }
-}, va = {
+}, Cn = {
   key: 0,
   class: "text-left"
-}, Ca = { class: "flex items-center justify-between rounded-lg w-full" }, Sa = { class: "flex space-x-4 items-center" }, Aa = ["src"], ka = {
+}, Sn = { class: "flex items-center justify-between rounded-lg w-full" }, An = { class: "flex space-x-4 items-center" }, kn = ["src"], Tn = {
   key: 0,
   class: "w-2/12 h-16 pt-3 text-center bg-primary"
-}, Ta = { class: "flex justify-between space-x-4 ml-4 w-full" }, Ba = { class: "flex" }, _a = { class: "pt-1" }, Ia = { class: "pl-2" }, Ea = ["src"];
-function za(r, e, t, i, a, s) {
+}, Bn = { class: "flex justify-between space-x-4 ml-4 w-full" }, _n = { class: "flex" }, In = { class: "pt-1" }, En = { class: "pl-2" }, zn = ["src"];
+function Ln(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("section", null, [
-    t.bout.customStatus && s.status !== "Active" ? (u(), g("div", va, [
+    t.bout.customStatus && s.status !== "Active" ? (u(), g("div", Cn, [
       c(o, {
         size: "sm",
         color: "primary"
@@ -5107,22 +5107,22 @@ function za(r, e, t, i, a, s) {
         _: 1
       })
     ])) : w("", !0),
-    n("div", Ca, [
-      n("div", {
+    a("div", Sn, [
+      a("div", {
         class: S(["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", Sa, [
-          n("div", null, [
-            n("div", {
+        a("div", An, [
+          a("div", null, [
+            a("div", {
               class: S(`w-4 h-4 rounded-full bg-${t.hostingClubColors.Color1} absolute mt-8 ml-9`)
             }, null, 2),
-            n("img", {
+            a("img", {
               src: s.fencer1Portrait,
               alt: "Portrait",
               class: "w-12 h-12 rounded-full"
-            }, null, 8, Aa)
+            }, null, 8, kn)
           ]),
-          n("div", null, [
+          a("div", null, [
             c(o, {
               size: "md",
               color: "primary",
@@ -5155,7 +5155,7 @@ function za(r, e, t, i, a, s) {
           _: 1
         })
       ], 2),
-      t.bout.Status === "Active" ? (u(), g("div", ka, [
+      t.bout.Status === "Active" ? (u(), g("div", Tn, [
         c(o, {
           size: "2xl",
           color: "white",
@@ -5168,10 +5168,10 @@ function za(r, e, t, i, a, s) {
           _: 1
         })
       ])) : w("", !0),
-      n("div", {
+      a("div", {
         class: S(["w-5/12 flex justify-between border-r border-t border-b p-2 bg-poolBox rounded-r-xl", [s.status !== "Active" ? "border-l" : ""]])
       }, [
-        n("div", Ta, [
+        a("div", Bn, [
           c(o, {
             size: "3xl",
             weight: "bold",
@@ -5182,8 +5182,8 @@ function za(r, e, t, i, a, s) {
             ]),
             _: 1
           }),
-          n("div", Ba, [
-            n("div", _a, [
+          a("div", _n, [
+            a("div", In, [
               c(o, {
                 size: "md",
                 color: "primary",
@@ -5206,15 +5206,15 @@ function za(r, e, t, i, a, s) {
                 _: 1
               })
             ]),
-            n("div", Ia, [
-              n("div", {
+            a("div", En, [
+              a("div", {
                 class: S(`w-4 h-4 rounded-full bg-${t.hostingClubColors.Color2} absolute mt-8 mr-14`)
               }, null, 2),
-              n("img", {
+              a("img", {
                 src: s.fencer2Portrait,
                 alt: "Portrait",
                 class: "w-12 h-12 rounded-full"
-              }, null, 8, Ea)
+              }, null, 8, zn)
             ])
           ])
         ])
@@ -5222,7 +5222,7 @@ function za(r, e, t, i, a, s) {
     ])
   ]);
 }
-const La = /* @__PURE__ */ C(wa, [["render", za]]), Na = {
+const Nn = /* @__PURE__ */ C(vn, [["render", Ln]]), Pn = {
   components: { BaseText: B },
   props: {
     bout: {
@@ -5305,20 +5305,20 @@ const La = /* @__PURE__ */ C(wa, [["render", za]]), Na = {
       this.interval && clearInterval(this.interval), this.interval = null;
     }
   }
-}, Pa = { class: "flex flex-col items-center w-full space-y-2 p-4 bg-poolBox rounded-lg relative" }, ja = {
+}, jn = { class: "flex flex-col items-center w-full space-y-2 p-4 bg-poolBox rounded-lg relative" }, Mn = {
   key: 0,
   class: "text-center"
-}, Ma = { class: "flex items-center justify-between w-full relative" }, Oa = { class: "flex flex-col items-center p-1" }, Ra = { class: "flex justify-between w-full" }, Da = ["src"], qa = { class: "text-left" }, Fa = { class: "absolute top-2 inset-x-0 text-center z-10 flex justify-center" }, Ua = {
+}, On = { class: "flex items-center justify-between w-full relative" }, Rn = { class: "flex flex-col items-center p-1" }, Dn = { class: "flex justify-between w-full" }, qn = ["src"], Fn = { class: "text-left" }, Un = { class: "absolute top-2 inset-x-0 text-center z-10 flex justify-center" }, Vn = {
   key: 0,
   class: "bg-primary p-2 rounded-lg"
-}, Va = {
+}, Qn = {
   key: 1,
   class: "w-4"
-}, Qa = { class: "flex flex-col items-center" }, Ja = { class: "flex justify-end w-full" }, Ha = ["src"], Wa = { class: "text-right" };
-function Ka(r, e, t, i, a, s) {
+}, Jn = { class: "flex flex-col items-center" }, Hn = { class: "flex justify-end w-full" }, Wn = ["src"], Kn = { class: "text-right" };
+function Yn(r, e, t, i, n, s) {
   const o = y("BaseText");
-  return u(), g("section", Pa, [
-    t.bout.customStatus && s.status !== "Active" ? (u(), g("div", ja, [
+  return u(), g("section", jn, [
+    t.bout.customStatus && s.status !== "Active" ? (u(), g("div", Mn, [
       c(o, {
         size: "sm",
         color: "primary",
@@ -5331,16 +5331,16 @@ function Ka(r, e, t, i, a, s) {
         _: 1
       })
     ])) : w("", !0),
-    n("div", Ma, [
-      n("div", Oa, [
-        n("div", Ra, [
-          n("img", {
+    a("div", On, [
+      a("div", Rn, [
+        a("div", Dn, [
+          a("img", {
             src: s.fencer1Portrait,
             alt: "Portrait",
             class: S(`w-12 h-12 rounded-full mb-2 border-2 border-${t.hostingClubColors.Color1}`)
-          }, null, 10, Da)
+          }, null, 10, qn)
         ]),
-        n("div", qa, [
+        a("div", Fn, [
           c(o, {
             size: "sm",
             color: "primary",
@@ -5362,7 +5362,7 @@ function Ka(r, e, t, i, a, s) {
           })
         ])
       ]),
-      n("div", Fa, [
+      a("div", Un, [
         c(o, {
           size: "4xl",
           weight: "bold",
@@ -5373,7 +5373,7 @@ function Ka(r, e, t, i, a, s) {
           ]),
           _: 1
         }),
-        s.status === "Active" ? (u(), g("div", Ua, [
+        s.status === "Active" ? (u(), g("div", Vn, [
           c(o, {
             size: "sm",
             color: "white",
@@ -5386,7 +5386,7 @@ function Ka(r, e, t, i, a, s) {
             _: 1
           })
         ])) : w("", !0),
-        s.status !== "Active" ? (u(), g("div", Va)) : w("", !0),
+        s.status !== "Active" ? (u(), g("div", Qn)) : w("", !0),
         c(o, {
           size: "4xl",
           weight: "bold",
@@ -5398,15 +5398,15 @@ function Ka(r, e, t, i, a, s) {
           _: 1
         })
       ]),
-      n("div", Qa, [
-        n("div", Ja, [
-          n("img", {
+      a("div", Jn, [
+        a("div", Hn, [
+          a("img", {
             src: s.fencer2Portrait,
             alt: "Portrait",
             class: S(`w-12 h-12 rounded-full mb-2 border-2 border-${t.hostingClubColors.Color2}`)
-          }, null, 10, Ha)
+          }, null, 10, Wn)
         ]),
-        n("div", Wa, [
+        a("div", Kn, [
           c(o, {
             size: "sm",
             color: "primary",
@@ -5431,9 +5431,9 @@ function Ka(r, e, t, i, a, s) {
     ])
   ]);
 }
-const Ya = /* @__PURE__ */ C(Na, [["render", Ka]]), Ga = {
+const Zn = /* @__PURE__ */ C(Pn, [["render", Yn]]), Gn = {
   name: "GridLivePool",
-  components: { BoutCardMobile: Ya, BoutCard: La, BaseText: B },
+  components: { BoutCardMobile: Zn, BoutCard: Nn, BaseText: B },
   props: {
     bouts: {
       type: Array,
@@ -5491,24 +5491,24 @@ const Ya = /* @__PURE__ */ C(Na, [["render", Ka]]), Ga = {
       this.isMobile = window.innerWidth <= 768;
     }
   }
-}, Za = { key: 0 }, Xa = { class: "w-full flex flex-col items-center" }, $a = {
+}, Xn = { key: 0 }, $n = { class: "w-full flex flex-col items-center" }, ea = {
   key: 0,
   class: "w-full md:w-3/4 md:my-4"
-}, en = { key: 1 }, tn = { class: "flex flex-row justify-between" }, rn = { class: "flex mr-1" }, sn = { class: "w-full flex flex-col items-center" }, on = { key: 2 }, an = { class: "flex flex-row" }, nn = { class: "w-full flex flex-col items-center" };
-function ln(r, e, t, i, a, s) {
+}, ta = { key: 1 }, ra = { class: "flex flex-row justify-between" }, sa = { class: "flex mr-1" }, oa = { class: "w-full flex flex-col items-center" }, na = { key: 2 }, aa = { class: "flex flex-row" }, ia = { class: "w-full flex flex-col items-center" };
+function la(r, e, t, i, n, s) {
   const o = y("BoutCard"), d = y("BoutCardMobile"), l = y("BaseText");
   return u(), g("section", null, [
-    s.remainingBoutsCount > 0 ? (u(), g("section", Za, [
-      e[0] || (e[0] = n("div", { class: "border-b border-dropdownSelect mb-8" }, null, -1)),
-      n("div", Xa, [
-        s.hasActiveBout ? w("", !0) : (u(), g("div", $a, [
-          a.isMobile ? w("", !0) : (u(), L(o, {
+    s.remainingBoutsCount > 0 ? (u(), g("section", Xn, [
+      e[0] || (e[0] = a("div", { class: "border-b border-dropdownSelect mb-8" }, null, -1)),
+      a("div", $n, [
+        s.hasActiveBout ? w("", !0) : (u(), g("div", ea, [
+          n.isMobile ? w("", !0) : (u(), L(o, {
             key: 0,
             bout: {},
             hostingClubColors: t.hostingClubColors,
             isWaiting: !0
           }, null, 8, ["hostingClubColors"])),
-          a.isMobile ? (u(), L(d, {
+          n.isMobile ? (u(), L(d, {
             key: 1,
             bout: {},
             hostingClubColors: t.hostingClubColors,
@@ -5519,13 +5519,13 @@ function ln(r, e, t, i, a, s) {
           key: p.BoutId,
           class: "w-full md:w-3/4 md:my-4"
         }, [
-          a.isMobile ? w("", !0) : (u(), L(o, {
+          n.isMobile ? w("", !0) : (u(), L(o, {
             key: 0,
             bout: p,
             hostingClubColors: t.hostingClubColors,
             timerStatus: p.TimerStatus
           }, null, 8, ["bout", "hostingClubColors", "timerStatus"])),
-          a.isMobile ? (u(), L(d, {
+          n.isMobile ? (u(), L(d, {
             key: 1,
             bout: p,
             hostingClubColors: t.hostingClubColors,
@@ -5534,8 +5534,8 @@ function ln(r, e, t, i, a, s) {
         ]))), 128))
       ])
     ])) : w("", !0),
-    s.remainingBoutsCount > 0 ? (u(), g("section", en, [
-      n("div", tn, [
+    s.remainingBoutsCount > 0 ? (u(), g("section", ta, [
+      a("div", ra, [
         c(l, {
           class: "mt-5",
           color: "primaryHighlight",
@@ -5543,7 +5543,7 @@ function ln(r, e, t, i, a, s) {
           text: "Upcoming",
           weight: "bold"
         }),
-        n("div", rn, [
+        a("div", sa, [
           c(l, {
             class: "mt-5 ml-5",
             color: "primaryHighlight",
@@ -5567,18 +5567,18 @@ function ln(r, e, t, i, a, s) {
           })
         ])
       ]),
-      e[2] || (e[2] = n("div", { class: "border-b border-dropdownSelect mb-5" }, null, -1)),
-      n("div", sn, [
+      e[2] || (e[2] = a("div", { class: "border-b border-dropdownSelect mb-5" }, null, -1)),
+      a("div", oa, [
         (u(!0), g(I, null, N(s.markedUpcomingBouts, (p) => (u(), g("div", {
           key: p.BoutId,
           class: "w-full md:w-3/4 md:my-4"
         }, [
-          a.isMobile ? w("", !0) : (u(), L(o, {
+          n.isMobile ? w("", !0) : (u(), L(o, {
             key: 0,
             bout: p,
             hostingClubColors: t.hostingClubColors
           }, null, 8, ["bout", "hostingClubColors"])),
-          a.isMobile ? (u(), L(d, {
+          n.isMobile ? (u(), L(d, {
             key: 1,
             bout: p,
             hostingClubColors: t.hostingClubColors
@@ -5586,8 +5586,8 @@ function ln(r, e, t, i, a, s) {
         ]))), 128))
       ])
     ])) : w("", !0),
-    s.hasCompletedBout > 0 ? (u(), g("section", on, [
-      n("div", an, [
+    s.hasCompletedBout > 0 ? (u(), g("section", na, [
+      a("div", aa, [
         s.remainingBoutsCount === 0 ? (u(), L(l, {
           key: 0,
           class: "mt-8",
@@ -5613,18 +5613,18 @@ function ln(r, e, t, i, a, s) {
           _: 1
         })) : w("", !0)
       ]),
-      e[5] || (e[5] = n("div", { class: "hidden md:block border-b border-dropdownSelect mb-5" }, null, -1)),
-      n("div", nn, [
+      e[5] || (e[5] = a("div", { class: "hidden md:block border-b border-dropdownSelect mb-5" }, null, -1)),
+      a("div", ia, [
         (u(!0), g(I, null, N(s.completedBouts, (p) => (u(), g("div", {
           key: p.BoutId,
           class: "w-full md:w-3/4 md:my-4"
         }, [
-          a.isMobile ? w("", !0) : (u(), L(o, {
+          n.isMobile ? w("", !0) : (u(), L(o, {
             key: 0,
             bout: p,
             hostingClubColors: t.hostingClubColors
           }, null, 8, ["bout", "hostingClubColors"])),
-          a.isMobile ? (u(), L(d, {
+          n.isMobile ? (u(), L(d, {
             key: 1,
             bout: p,
             hostingClubColors: t.hostingClubColors
@@ -5634,7 +5634,7 @@ function ln(r, e, t, i, a, s) {
     ])) : w("", !0)
   ]);
 }
-const Ju = /* @__PURE__ */ C(Ga, [["render", ln]]), cn = {
+const Ju = /* @__PURE__ */ C(Gn, [["render", la]]), ca = {
   name: "GridPool",
   components: { BaseText: B, Icon: M },
   props: {
@@ -5676,8 +5676,8 @@ const Ju = /* @__PURE__ */ C(Ga, [["render", ln]]), cn = {
       );
       if (t) {
         if (t.Status === "Scheduled") return "";
-        const i = t.Score1, a = t.Score2;
-        return t.Status === "Completed" ? i > a ? t.Person1Id === r ? `W${i}` : `L${a}` : a > i ? t.Person1Id === r ? `L${i}` : `W${a}` : `T${i}` : t.Person1Id === r ? i : a;
+        const i = t.Score1, n = t.Score2;
+        return t.Status === "Completed" ? i > n ? t.Person1Id === r ? `W${i}` : `L${n}` : n > i ? t.Person1Id === r ? `L${i}` : `W${n}` : `T${i}` : t.Person1Id === r ? i : n;
       }
       return "";
     },
@@ -5700,10 +5700,10 @@ const Ju = /* @__PURE__ */ C(Ga, [["render", ln]]), cn = {
       return { bg: "", text: "" };
     },
     getStats(r) {
-      const e = this.bouts.filter((l) => (l.Person1Id === r.PersonId || l.Person2Id === r.PersonId) && l.Status === "Completed"), t = e.filter((l) => l.Person1Id === r.PersonId && l.Score1 > l.Score2 || l.Person2Id === r.PersonId && l.Score2 > l.Score1).length, i = e.filter((l) => l.Person1Id === r.PersonId && l.Score1 < l.Score2 || l.Person2Id === r.PersonId && l.Score2 < l.Score1).length, a = e.reduce((l, p) => l + (p.Person1Id === r.PersonId ? p.Score1 : p.Score2), 0), s = e.reduce((l, p) => l + (p.Person1Id === r.PersonId ? p.Score2 : p.Score1), 0), o = a - s;
+      const e = this.bouts.filter((l) => (l.Person1Id === r.PersonId || l.Person2Id === r.PersonId) && l.Status === "Completed"), t = e.filter((l) => l.Person1Id === r.PersonId && l.Score1 > l.Score2 || l.Person2Id === r.PersonId && l.Score2 > l.Score1).length, i = e.filter((l) => l.Person1Id === r.PersonId && l.Score1 < l.Score2 || l.Person2Id === r.PersonId && l.Score2 < l.Score1).length, n = e.reduce((l, p) => l + (p.Person1Id === r.PersonId ? p.Score1 : p.Score2), 0), s = e.reduce((l, p) => l + (p.Person1Id === r.PersonId ? p.Score2 : p.Score1), 0), o = n - s;
       return {
         WP: `${e.length > 0 ? (t / e.length * 100).toFixed(0) : "0.00"}%`,
-        HS: a,
+        HS: n,
         HR: s,
         IND: o,
         W: t,
@@ -5711,47 +5711,47 @@ const Ju = /* @__PURE__ */ C(Ga, [["render", ln]]), cn = {
       };
     }
   }
-}, dn = { class: "flex w-full justify-center mb-4 overflow-x-auto" }, un = { class: "border-separate border-spacing-1" }, mn = { class: "bg-primary rounded-md md:rounded-lg px-1 py-1 md:px-4 md:py-2" }, hn = {
+}, da = { class: "flex w-full justify-center mb-4 overflow-x-auto" }, ua = { class: "border-separate border-spacing-1" }, ma = { class: "bg-primary rounded-md md:rounded-lg px-1 py-1 md:px-4 md:py-2" }, ha = {
   key: 0,
   class: "w-1"
-}, gn = {
+}, ga = {
   key: 1,
   class: "bg-primary rounded-md md:rounded-lg table-cell text-center align-middle h-6 w-6 md:h-10 md:w-10"
-}, pn = {
+}, pa = {
   key: 2,
   class: "bg-primary rounded-md md:rounded-lg table-cell text-center align-middle h-6 w-6 md:h-10 md:w-10"
-}, fn = {
+}, fa = {
   key: 3,
   class: "bg-primary rounded-md md:rounded-lg table-cell text-center align-middle h-6 w-6 md:h-10 md:w-10"
-}, bn = {
+}, ba = {
   key: 4,
   class: "bg-primary rounded-md md:rounded-lg table-cell text-center align-middle h-6 w-6 md:h-10 md:w-10"
-}, yn = {
+}, ya = {
   key: 5,
   class: "bg-primary rounded-md md:rounded-lg able-cell text-center align-middle h-6 w-6 md:h-10 md:w-10"
-}, xn = { class: "border border-primary rounded-md md:rounded-lg text-right align-middle px-1 md:px-4 w-auto" }, wn = { class: "bg-primary rounded-md md:rounded-lg text-center align-middle h-6 w-6 md:h-10 md:w-10" }, vn = ["rowspan"], Cn = {
+}, xa = { class: "border border-primary rounded-md md:rounded-lg text-right align-middle px-1 md:px-4 w-auto" }, wa = { class: "bg-primary rounded-md md:rounded-lg text-center align-middle h-6 w-6 md:h-10 md:w-10" }, va = ["rowspan"], Ca = {
   key: 1,
   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"
-}, Sn = {
+}, Sa = {
   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"
-}, An = {
+}, Aa = {
   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"
-}, kn = {
+}, ka = {
   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"
-}, Tn = {
+}, Ta = {
   key: 5,
   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"
 };
-function Bn(r, e, t, i, a, s) {
+function Ba(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("Icon");
-  return u(), g("div", dn, [
-    n("table", un, [
-      n("thead", null, [
-        n("tr", null, [
-          n("th", mn, [
+  return u(), g("div", da, [
+    a("table", ua, [
+      a("thead", null, [
+        a("tr", null, [
+          a("th", ma, [
             c(o, {
               size: "",
               weight: "bold",
@@ -5764,8 +5764,8 @@ function Bn(r, e, t, i, a, s) {
               _: 1
             })
           ]),
-          e[7] || (e[7] = n("th", { class: "w-1" }, null, -1)),
-          e[8] || (e[8] = n("th", { class: "bg-primary rounded-md md:rounded-lg px-1 py-1 md:px-4 md:py-2" }, null, -1)),
+          e[7] || (e[7] = a("th", { class: "w-1" }, null, -1)),
+          e[8] || (e[8] = a("th", { class: "bg-primary rounded-md md:rounded-lg px-1 py-1 md:px-4 md:py-2" }, null, -1)),
           (u(!0), g(I, null, N(s.participants, (l, p) => (u(), g("th", {
             key: l.PersonId,
             class: "bg-primary rounded-md md:rounded-lg text-center align-middle"
@@ -5782,8 +5782,8 @@ function Bn(r, e, t, i, a, s) {
               _: 2
             }, 1024)
           ]))), 128)),
-          a.showStats ? (u(), g("th", hn)) : w("", !0),
-          a.showStats ? (u(), g("th", gn, [
+          n.showStats ? (u(), g("th", ha)) : w("", !0),
+          n.showStats ? (u(), g("th", ga, [
             c(o, {
               size: "",
               weight: "bold",
@@ -5796,7 +5796,7 @@ function Bn(r, e, t, i, a, s) {
               _: 1
             })
           ])) : w("", !0),
-          a.showStats ? (u(), g("th", pn, [
+          n.showStats ? (u(), g("th", pa, [
             c(o, {
               size: "",
               weight: "bold",
@@ -5809,7 +5809,7 @@ function Bn(r, e, t, i, a, s) {
               _: 1
             })
           ])) : w("", !0),
-          a.showStats ? (u(), g("th", fn, [
+          n.showStats ? (u(), g("th", fa, [
             c(o, {
               size: "",
               weight: "bold",
@@ -5822,7 +5822,7 @@ function Bn(r, e, t, i, a, s) {
               _: 1
             })
           ])) : w("", !0),
-          a.showStats ? (u(), g("th", bn, [
+          n.showStats ? (u(), g("th", ba, [
             c(o, {
               size: "",
               weight: "bold",
@@ -5835,7 +5835,7 @@ function Bn(r, e, t, i, a, s) {
               _: 1
             })
           ])) : w("", !0),
-          a.showStats ? (u(), g("th", yn, [
+          n.showStats ? (u(), g("th", ya, [
             c(o, {
               size: "",
               weight: "bold",
@@ -5850,12 +5850,12 @@ function Bn(r, e, t, i, a, s) {
           ])) : w("", !0)
         ])
       ]),
-      n("tbody", null, [
+      a("tbody", null, [
         (u(!0), g(I, null, N(s.participants, (l, p) => (u(), g("tr", {
           key: l.PersonId,
           class: "even:bg-gray-100"
         }, [
-          n("td", xn, [
+          a("td", xa, [
             c(o, {
               size: "",
               color: "primary",
@@ -5877,8 +5877,8 @@ function Bn(r, e, t, i, a, s) {
               _: 2
             }, 1024)
           ]),
-          e[9] || (e[9] = n("th", { class: "w-1" }, null, -1)),
-          n("td", wn, [
+          e[9] || (e[9] = a("th", { class: "w-1" }, null, -1)),
+          a("td", wa, [
             c(o, {
               size: "",
               weight: "bold",
@@ -5914,17 +5914,17 @@ function Bn(r, e, t, i, a, s) {
             key: 0,
             rowspan: s.participants.length,
             class: "md:hidden bg-primary cursor-pointer rounded-xl",
-            onClick: e[0] || (e[0] = (b) => a.showStats = !a.showStats)
+            onClick: e[0] || (e[0] = (b) => n.showStats = !n.showStats)
           }, [
             c(d, {
               icon: "fa-chevron-right",
               color: "secondary",
               size: "xs",
-              class: S(["p-0.5 transition-transform duration-300 transform", { "rotate-180": a.showStats }])
+              class: S(["p-0.5 transition-transform duration-300 transform", { "rotate-180": n.showStats }])
             }, null, 8, ["class"])
-          ], 8, vn)) : w("", !0),
-          e[10] || (e[10] = n("th", { class: "hidden md:block w-1" }, null, -1)),
-          a.showStats ? (u(), g("td", Cn, [
+          ], 8, va)) : w("", !0),
+          e[10] || (e[10] = a("th", { class: "hidden md:block w-1" }, null, -1)),
+          n.showStats ? (u(), g("td", Ca, [
             c(o, {
               size: "",
               color: "primary",
@@ -5936,7 +5936,7 @@ function Bn(r, e, t, i, a, s) {
               _: 2
             }, 1024)
           ])) : w("", !0),
-          a.showStats ? (u(), g("td", Sn, [
+          n.showStats ? (u(), g("td", Sa, [
             c(o, {
               size: "",
               color: "primary",
@@ -5948,7 +5948,7 @@ function Bn(r, e, t, i, a, s) {
               _: 2
             }, 1024)
           ])) : w("", !0),
-          a.showStats ? (u(), g("td", An, [
+          n.showStats ? (u(), g("td", Aa, [
             c(o, {
               size: "",
               color: "primary",
@@ -5960,7 +5960,7 @@ function Bn(r, e, t, i, a, s) {
               _: 2
             }, 1024)
           ])) : w("", !0),
-          a.showStats ? (u(), g("td", kn, [
+          n.showStats ? (u(), g("td", ka, [
             c(o, {
               size: "",
               color: "primary",
@@ -5972,7 +5972,7 @@ function Bn(r, e, t, i, a, s) {
               _: 2
             }, 1024)
           ])) : w("", !0),
-          a.showStats ? (u(), g("td", Tn, [
+          n.showStats ? (u(), g("td", Ta, [
             c(o, {
               size: "",
               color: "primary",
@@ -5989,18 +5989,18 @@ function Bn(r, e, t, i, a, s) {
     ])
   ]);
 }
-const Hu = /* @__PURE__ */ C(cn, [["render", Bn]]), _n = {
+const Hu = /* @__PURE__ */ C(ca, [["render", Ba]]), _a = {
   name: "ArticleCardSkeleton"
-}, In = { class: "w-full bg-secondary rounded-lg flex flex-col items-start animate-pulse" };
-function En(r, e, t, i, a, s) {
-  return u(), g("div", In, e[0] || (e[0] = [
+}, Ia = { class: "w-full bg-secondary rounded-lg flex flex-col items-start animate-pulse" };
+function Ea(r, e, t, i, n, s) {
+  return u(), g("div", Ia, e[0] || (e[0] = [
     be('<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 zn = /* @__PURE__ */ C(_n, [["render", En]]), Ln = {
+const za = /* @__PURE__ */ C(_a, [["render", Ea]]), La = {
   name: "ArticleCard",
   components: {
-    ArticleCardSkeleton: zn,
+    ArticleCardSkeleton: za,
     BaseText: B
   },
   props: {
@@ -6034,25 +6034,25 @@ const zn = /* @__PURE__ */ C(_n, [["render", En]]), Ln = {
       this.$emit("grid-card-click", this.data);
     }
   }
-}, Nn = {
+}, Na = {
   key: 0,
   class: "w-72 p-4 bg-secondary rounded-lg flex flex-col items-start"
-}, Pn = {
+}, Pa = {
   key: 1,
   class: "min-w-72 p-4 bg-secondary rounded-lg flex flex-col items-start"
-}, jn = ["src"];
-function Mn(r, e, t, i, a, s) {
+}, ja = ["src"];
+function Ma(r, e, t, i, n, s) {
   const o = y("ArticleCardSkeleton"), d = y("BaseText");
   return u(), g(I, null, [
-    t.isLoading ? (u(), g("div", Nn, [
+    t.isLoading ? (u(), g("div", Na, [
       c(o)
     ])) : w("", !0),
-    t.isLoading ? w("", !0) : (u(), g("div", Pn, [
-      n("img", {
+    t.isLoading ? w("", !0) : (u(), g("div", Pa, [
+      a("img", {
         src: s.image,
         alt: "Article Image",
         class: "w-full h-40 object-cover rounded-t-md mb-4"
-      }, null, 8, jn),
+      }, null, 8, ja),
       c(d, {
         tag: "h3",
         size: "xl",
@@ -6075,7 +6075,7 @@ function Mn(r, e, t, i, a, s) {
         ]),
         _: 1
       }),
-      n("a", {
+      a("a", {
         href: "#",
         onClick: e[0] || (e[0] = F((...l) => s.onReadMore && s.onReadMore(...l), ["prevent"])),
         class: "w-full flex justify-end pr-2"
@@ -6095,7 +6095,7 @@ function Mn(r, e, t, i, a, s) {
     ]))
   ], 64);
 }
-const We = /* @__PURE__ */ C(Ln, [["render", Mn]]), On = {
+const We = /* @__PURE__ */ C(La, [["render", Ma]]), Oa = {
   name: "ClubListCard",
   components: { Icon: M, BaseText: B },
   props: {
@@ -6117,21 +6117,21 @@ const We = /* @__PURE__ */ C(Ln, [["render", Mn]]), On = {
       this.$emit("grid-card-click", this.data);
     }
   }
-}, Rn = { class: "flex flex-col md:flex-row w-full" }, Dn = { class: "flex flex-grow-0 flex-shrink-0 md:w-auto" }, qn = ["src"], Fn = { class: "flex flex-col ml-2 md:hidden" }, Un = { class: "flex-grow md:ml-4" }, Vn = { class: "flex flex-col mt-4 md:mt-0 md:w-48 md:flex-shrink-0" }, Qn = { class: "flex md:justify-end" }, Jn = { class: "flex md:justify-end mt-2" };
-function Hn(r, e, t, i, a, s) {
+}, Ra = { class: "flex flex-col md:flex-row w-full" }, Da = { class: "flex flex-grow-0 flex-shrink-0 md:w-auto" }, qa = ["src"], Fa = { class: "flex flex-col ml-2 md:hidden" }, Ua = { class: "flex-grow md:ml-4" }, Va = { class: "flex flex-col mt-4 md:mt-0 md:w-48 md:flex-shrink-0" }, Qa = { class: "flex md:justify-end" }, Ja = { class: "flex md:justify-end mt-2" };
+function Ha(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("Icon");
   return u(), g("div", {
     class: "w-full flex flex-row p-4 bg-white md:bg-cloud cursor-pointer border-b pb-6 mb-2 last:border-b-0",
     onClick: e[0] || (e[0] = (...l) => s.handleCardClick && s.handleCardClick(...l))
   }, [
-    n("div", Rn, [
-      n("section", Dn, [
-        n("img", {
+    a("div", Ra, [
+      a("section", Da, [
+        a("img", {
           src: s.clubImage,
           class: "w-16 h-16 md:w-24 md:h-24 object-cover rounded-full mr-2 md:mr-4",
           alt: ""
-        }, null, 8, qn),
-        n("div", Fn, [
+        }, null, 8, qa),
+        a("div", Fa, [
           c(o, {
             color: "primary",
             tag: "h2",
@@ -6157,7 +6157,7 @@ function Hn(r, e, t, i, a, s) {
           })
         ])
       ]),
-      n("section", Un, [
+      a("section", Ua, [
         c(o, {
           color: "primary",
           tag: "h2",
@@ -6191,8 +6191,8 @@ function Hn(r, e, t, i, a, s) {
           innerHTML: s.clubDescription
         }, null, 8, ["innerHTML"])
       ]),
-      n("section", Vn, [
-        n("div", Qn, [
+      a("section", Va, [
+        a("div", Qa, [
           c(d, {
             icon: "fa-users",
             size: "xs",
@@ -6212,7 +6212,7 @@ function Hn(r, e, t, i, a, s) {
             _: 1
           })
         ]),
-        n("div", Jn, [
+        a("div", Ja, [
           c(d, {
             icon: "fa-house-blank",
             type: "fa-regular",
@@ -6237,7 +6237,7 @@ function Hn(r, e, t, i, a, s) {
     ])
   ]);
 }
-const Wu = /* @__PURE__ */ C(On, [["render", Hn]]), Wn = {
+const Wu = /* @__PURE__ */ C(Oa, [["render", Ha]]), Wa = {
   name: "ClubMember",
   components: {
     BaseText: B
@@ -6269,19 +6269,19 @@ const Wu = /* @__PURE__ */ C(On, [["render", Hn]]), Wn = {
       this.$emit("card-click", this.data);
     }
   }
-}, Kn = { class: "flex justify-center mb-4" }, Yn = ["src"];
-function Gn(r, e, t, i, a, s) {
+}, Ka = { class: "flex justify-center mb-4" }, Ya = ["src"];
+function Za(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("section", {
     class: "mx-auto pt-4 items-center hover:cursor-pointer text-center",
     onClick: e[0] || (e[0] = (...d) => s.onCardClick && s.onCardClick(...d))
   }, [
-    n("div", Kn, [
-      n("img", {
+    a("div", Ka, [
+      a("img", {
         src: s.portrait,
         alt: "User Portrait",
         class: "w-[150px] h-[150px] rounded-full object-cover"
-      }, null, 8, Yn)
+      }, null, 8, Ya)
     ]),
     c(o, {
       tag: "h2",
@@ -6307,7 +6307,7 @@ function Gn(r, e, t, i, a, s) {
     })
   ]);
 }
-const Ku = /* @__PURE__ */ C(Wn, [["render", Gn], ["__scopeId", "data-v-bae6ab08"]]), Zn = {
+const Ku = /* @__PURE__ */ C(Wa, [["render", Za], ["__scopeId", "data-v-bae6ab08"]]), Ga = {
   name: "EventListCard",
   components: { BaseText: B, Icon: M },
   props: {
@@ -6330,25 +6330,25 @@ const Ku = /* @__PURE__ */ C(Wn, [["render", Gn], ["__scopeId", "data-v-bae6ab08
       this.$emit("grid-card-click", this.data);
     }
   }
-}, Xn = { class: "flex space-x-4 w-full cursor-pointer" }, $n = { class: "w-10 pt-1 md:pt-0" }, ei = { class: "h-10 w-10 rounded-full flex justify-center items-center border border-accent z-1" }, ti = {
+}, Xa = { class: "flex space-x-4 w-full cursor-pointer" }, $a = { class: "w-10 pt-1 md:pt-0" }, ei = { class: "h-10 w-10 rounded-full flex justify-center items-center border border-accent z-1" }, ti = {
   key: 0,
   class: "h-6 w-6 bg-accent rounded-full -mt-4 ml-7 pt-1 z-10 absolute items-center"
-}, ri = { class: "flex w-full flex-col md:flex-row" }, si = { class: "flex flex-col pl-2 items-start flex-grow" }, oi = { class: "flex flex-col md:flex-row" }, ai = { class: "flex row mt-1 md:mt-0" }, ni = { class: "flex row mt-1 md:mt-0" }, ii = { class: "w-full md:w-20 flex justify-end md:pt-3" }, li = { class: "flex border-b border-white hover:border-accent md:h-8" }, ci = { class: "hidden md:flex" }, di = {
+}, ri = { class: "flex w-full flex-col md:flex-row" }, si = { class: "flex flex-col pl-2 items-start flex-grow" }, oi = { class: "flex flex-col md:flex-row" }, ni = { class: "flex row mt-1 md:mt-0" }, ai = { class: "flex row mt-1 md:mt-0" }, ii = { class: "w-full md:w-20 flex justify-end md:pt-3" }, li = { class: "flex border-b border-white hover:border-accent md:h-8" }, ci = { class: "hidden md:flex" }, di = {
   key: 0,
   class: "flex"
 }, ui = {
   key: 1,
   class: "flex"
 }, mi = { class: "flex md:hidden" };
-function hi(r, e, t, i, a, s) {
+function hi(r, e, t, i, n, s) {
   const o = y("Icon"), d = y("BaseText"), l = y("icon");
   return u(), g("div", {
     class: "p-2 w-full border-b md:py-6 last:border-b-0",
     onClick: e[0] || (e[0] = (...p) => s.handleCardClick && s.handleCardClick(...p))
   }, [
-    n("div", Xn, [
-      n("section", $n, [
-        n("div", ei, [
+    a("div", Xa, [
+      a("section", $a, [
+        a("div", ei, [
           c(o, {
             icon: s.weaponIcon,
             color: "primary",
@@ -6371,8 +6371,8 @@ function hi(r, e, t, i, a, s) {
           })
         ])) : w("", !0)
       ]),
-      n("div", ri, [
-        n("section", si, [
+      a("div", ri, [
+        a("section", si, [
           c(d, {
             color: "primary",
             size: "lg",
@@ -6383,8 +6383,8 @@ function hi(r, e, t, i, a, s) {
             ]),
             _: 1
           }),
-          n("div", oi, [
-            n("div", ai, [
+          a("div", oi, [
+            a("div", ni, [
               c(l, {
                 icon: "fa-calendar-day",
                 color: "accent",
@@ -6403,7 +6403,7 @@ function hi(r, e, t, i, a, s) {
                 _: 1
               })
             ]),
-            n("div", ni, [
+            a("div", ai, [
               c(l, {
                 icon: "fa-person",
                 color: "accent",
@@ -6424,9 +6424,9 @@ function hi(r, e, t, i, a, s) {
             ])
           ])
         ]),
-        n("section", ii, [
-          n("div", li, [
-            n("div", ci, [
+        a("section", ii, [
+          a("div", li, [
+            a("div", ci, [
               s.showMoreOrLive ? (u(), g("div", di, [
                 c(o, {
                   icon: "fa-circle-small",
@@ -6474,7 +6474,7 @@ function hi(r, e, t, i, a, s) {
                 size: "xl"
               })
             ]),
-            n("div", mi, [
+            a("div", mi, [
               c(d, {
                 color: "primary",
                 size: "xs",
@@ -6500,7 +6500,7 @@ function hi(r, e, t, i, a, s) {
     ])
   ]);
 }
-const Yu = /* @__PURE__ */ C(Zn, [["render", hi]]), gi = {
+const Yu = /* @__PURE__ */ C(Ga, [["render", hi]]), gi = {
   name: "FencerCard",
   components: {
     FencerCardSkeleton: ut,
@@ -6549,7 +6549,7 @@ const Yu = /* @__PURE__ */ C(Zn, [["render", hi]]), gi = {
   key: 0,
   class: "max-w-72 p-2 bg-secondary rounded-lg flex flex-col items-start"
 }, fi = { class: "flex flex-col m-auto justify-center mb-4 items-center w-[130px]" }, bi = ["src"], yi = { class: "flex flex-col md:flex-row justify-center md:justify-around -mt-2 border-b border-borderGray z-10 pb-2 mb-2" }, xi = { class: "flex items-center justify-center" };
-function wi(r, e, t, i, a, s) {
+function wi(r, e, t, i, n, s) {
   const o = y("FencerCardSkeleton"), d = y("BaseText");
   return u(), g(I, null, [
     t.isLoading ? (u(), g("div", pi, [
@@ -6560,15 +6560,15 @@ function wi(r, e, t, i, a, s) {
       class: "max-w-72 mr-4 md:mr-2 pt-4 items-center border border-secondary hover:border-accent hover:cursor-pointer rounded-lg",
       onClick: e[0] || (e[0] = (...l) => s.onCardClick && s.onCardClick(...l))
     }, [
-      n("div", fi, [
-        n("img", {
+      a("div", fi, [
+        a("img", {
           src: s.portrait,
           alt: "Fencer Portrait",
           class: "w-[120px] h-[120px] md:w-32 md:h-32 rounded-full object-cover z-1 flex-shrink-0"
         }, null, 8, bi)
       ]),
-      n("div", yi, [
-        n("div", xi, [
+      a("div", yi, [
+        a("div", xi, [
           c(d, {
             tag: "p",
             size: "xs md:sm",
@@ -6673,13 +6673,13 @@ const Ke = /* @__PURE__ */ C(gi, [["render", wi]]), vi = {
   key: 1,
   class: "w-5 h-5 rounded-full flex items-center justify-center min-w-8 overflow-hidden"
 }, Ti = { class: "items-center hidden md:flex overflow-hidden text-nowrap" }, Bi = { class: "grid grid-cols-5 gap-4" }, _i = { class: "text-center w-full" }, Ii = { class: "text-center w-full" }, Ei = { class: "text-center w-full" }, zi = { class: "text-center w-full" }, Li = { class: "text-center w-full" };
-function Ni(r, e, t, i, a, s) {
+function Ni(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("section", {
     class: S(["grid grid-cols-2 border-b w-full last:border-b-0", s.getSpacing])
   }, [
-    n("div", Ci, [
-      n("div", Si, [
+    a("div", Ci, [
+      a("div", Si, [
         t.data.isHeader ? w("", !0) : (u(), g("div", Ai, [
           c(o, {
             tag: "p",
@@ -6707,7 +6707,7 @@ function Ni(r, e, t, i, a, s) {
           _: 1
         })
       ]),
-      n("div", Ti, [
+      a("div", Ti, [
         c(o, {
           tag: "p",
           size: "sm",
@@ -6720,8 +6720,8 @@ function Ni(r, e, t, i, a, s) {
         }, 8, ["weight"])
       ])
     ]),
-    n("div", Bi, [
-      n("div", _i, [
+    a("div", Bi, [
+      a("div", _i, [
         c(o, {
           size: "sm",
           weight: t.data.isHeader ? "bold" : "normal"
@@ -6732,7 +6732,7 @@ function Ni(r, e, t, i, a, s) {
           _: 1
         }, 8, ["weight"])
       ]),
-      n("div", Ii, [
+      a("div", Ii, [
         t.data.isHeader ? (u(), L(o, {
           key: 0,
           size: "sm",
@@ -6754,7 +6754,7 @@ function Ni(r, e, t, i, a, s) {
           _: 1
         }))
       ]),
-      n("div", Ei, [
+      a("div", Ei, [
         c(o, {
           size: "sm",
           weight: t.data.isHeader ? "bold" : "normal"
@@ -6765,7 +6765,7 @@ function Ni(r, e, t, i, a, s) {
           _: 1
         }, 8, ["weight"])
       ]),
-      n("div", zi, [
+      a("div", zi, [
         c(o, {
           size: "sm",
           weight: t.data.isHeader ? "bold" : "normal"
@@ -6776,7 +6776,7 @@ function Ni(r, e, t, i, a, s) {
           _: 1
         }, 8, ["weight"])
       ]),
-      n("div", Li, [
+      a("div", Li, [
         c(o, {
           size: "sm",
           weight: t.data.isHeader ? "bold" : "normal"
@@ -6790,7 +6790,7 @@ function Ni(r, e, t, i, a, s) {
     ])
   ], 2);
 }
-const Gu = /* @__PURE__ */ C(vi, [["render", Ni]]), Pi = {
+const Zu = /* @__PURE__ */ C(vi, [["render", Ni]]), Pi = {
   name: "PhotoCard",
   props: {
     data: {
@@ -6799,16 +6799,16 @@ const Gu = /* @__PURE__ */ C(vi, [["render", Ni]]), Pi = {
     }
   }
 }, ji = { class: "w-[250px] h-[150px]" }, Mi = ["src", "alt"];
-function Oi(r, e, t, i, a, s) {
+function Oi(r, e, t, i, n, s) {
   return u(), g("div", ji, [
-    n("img", {
+    a("img", {
       src: t.data.URL,
       alt: t.data.AltText,
       class: "object-cover w-full h-full"
     }, null, 8, Mi)
   ]);
 }
-const Zu = /* @__PURE__ */ C(Pi, [["render", Oi]]), Ri = {
+const Gu = /* @__PURE__ */ C(Pi, [["render", Oi]]), Ri = {
   name: "FencerName",
   components: { BaseText: B },
   props: {
@@ -6841,7 +6841,7 @@ const Zu = /* @__PURE__ */ C(Pi, [["render", Oi]]), Ri = {
     }
   }
 };
-function Di(r, e, t, i, a, s) {
+function Di(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("div", {
     class: S([[s.getBackground, s.textAlignment], "px-5 py-3 w-1/2"])
@@ -6886,7 +6886,7 @@ const qi = /* @__PURE__ */ C(Ri, [["render", Di]]), Fi = {
     }
   }
 }, Ui = { class: "flex w-full" };
-function Vi(r, e, t, i, a, s) {
+function Vi(r, e, t, i, n, s) {
   const o = y("FencerName");
   return u(), g("div", Ui, [
     c(o, {
@@ -6939,15 +6939,15 @@ const Xu = /* @__PURE__ */ C(Fi, [["render", Vi]]), Qi = {
     }
   }
 }, Ji = { class: "fencer-pit flex flex-col gap-4" }, Hi = { class: "flex flex-col w-1/2" }, Wi = { class: "pl-2 -mt-4" }, Ki = { class: "flex flex-col w-1/2 text-right" }, Yi = { class: "pr-2 -mt-4" };
-function Gi(r, e, t, i, a, s) {
+function Zi(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("div", Ji, [
     (u(!0), g(I, null, N(s.limitedBouts, (d, l) => (u(), g("div", {
       key: l,
       class: "flex justify-between"
     }, [
-      n("div", Hi, [
-        n("div", Wi, [
+      a("div", Hi, [
+        a("div", Wi, [
           c(o, {
             size: "md",
             color: "secondary"
@@ -6958,7 +6958,7 @@ function Gi(r, e, t, i, a, s) {
             _: 2
           }, 1024)
         ]),
-        n("div", {
+        a("div", {
           class: S(s.getBackgroundColor(t.hostingClubColors.Color1))
         }, [
           c(o, {
@@ -6977,8 +6977,8 @@ function Gi(r, e, t, i, a, s) {
           }, 1024)
         ], 2)
       ]),
-      n("div", Ki, [
-        n("div", Yi, [
+      a("div", Ki, [
+        a("div", Yi, [
           c(o, {
             size: "md",
             color: "secondary"
@@ -6989,7 +6989,7 @@ function Gi(r, e, t, i, a, s) {
             _: 2
           }, 1024)
         ]),
-        n("div", {
+        a("div", {
           class: S(s.getBackgroundColor(t.hostingClubColors.Color2))
         }, [
           c(o, {
@@ -7011,7 +7011,7 @@ function Gi(r, e, t, i, a, s) {
     ]))), 128))
   ]);
 }
-const $u = /* @__PURE__ */ C(Qi, [["render", Gi]]), Zi = {
+const $u = /* @__PURE__ */ C(Qi, [["render", Zi]]), Gi = {
   name: "FencerScore",
   components: { BaseText: B },
   props: {
@@ -7026,10 +7026,10 @@ const $u = /* @__PURE__ */ C(Qi, [["render", Gi]]), Zi = {
   },
   computed: {}
 }, Xi = { class: "w-1/2 flex justify-center" }, $i = { class: "border border-neutral p-4 w-[22rem] h-[24rem] text-center rounded-xl" };
-function el(r, e, t, i, a, s) {
+function el(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("div", Xi, [
-    n("div", $i, [
+    a("div", $i, [
       c(o, {
         size: "10xl",
         color: "secondary",
@@ -7043,7 +7043,7 @@ function el(r, e, t, i, a, s) {
     ])
   ]);
 }
-const tl = /* @__PURE__ */ C(Zi, [["render", el]]), rl = {
+const tl = /* @__PURE__ */ C(Gi, [["render", el]]), rl = {
   name: "ScoreBoard",
   components: { BaseText: B },
   props: {
@@ -7106,7 +7106,7 @@ const tl = /* @__PURE__ */ C(Zi, [["render", el]]), rl = {
     this.stopTimer();
   }
 }, sl = { class: "border rounded-lg px-10 text-center flex flex-col justify-between w-[50rem]" };
-function ol(r, e, t, i, a, s) {
+function ol(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("div", sl, [
     c(o, {
@@ -7145,7 +7145,7 @@ function ol(r, e, t, i, a, s) {
     })
   ]);
 }
-const al = /* @__PURE__ */ C(rl, [["render", ol]]), nl = {
+const nl = /* @__PURE__ */ C(rl, [["render", ol]]), al = {
   name: "ScoreBoardPasses",
   components: { BaseText: B },
   props: {
@@ -7172,7 +7172,7 @@ const al = /* @__PURE__ */ C(rl, [["render", ol]]), nl = {
     }
   }
 }, il = { class: "border rounded-lg px-10 text-center flex flex-col w-[50rem]" };
-function ll(r, e, t, i, a, s) {
+function ll(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("div", il, [
     c(o, {
@@ -7198,11 +7198,11 @@ function ll(r, e, t, i, a, s) {
     }, null, 8, ["text"])
   ]);
 }
-const cl = /* @__PURE__ */ C(nl, [["render", ll]]), dl = {
+const cl = /* @__PURE__ */ C(al, [["render", ll]]), dl = {
   name: "ScoreBar",
   components: {
     ScoreBoardPasses: cl,
-    ScoreBoardTimer: al,
+    ScoreBoardTimer: nl,
     FencerScore: tl
   },
   props: {
@@ -7223,7 +7223,7 @@ const cl = /* @__PURE__ */ C(nl, [["render", ll]]), dl = {
     }
   }
 }, ul = { class: "flex w-full" };
-function ml(r, e, t, i, a, s) {
+function ml(r, e, t, i, n, s) {
   const o = y("FencerScore"), d = y("ScoreBoardTimer"), l = y("ScoreBoardPasses");
   return u(), g("div", ul, [
     c(o, { score: s.score1 }, null, 8, ["score"]),
@@ -7269,10 +7269,6 @@ const em = /* @__PURE__ */ C(dl, [["render", ml]]), hl = {
       type: String,
       required: !0
     },
-    large: {
-      type: Boolean,
-      default: !0
-    },
     showScore: {
       type: Boolean,
       default: !0
@@ -7290,17 +7286,17 @@ const em = /* @__PURE__ */ C(dl, [["render", ml]]), hl = {
       return this.fencer.DisplayName === "BYE" || this.fencer.DisplayName === "" ? "" : this.fencer.Club.Name;
     },
     width() {
-      return this.large ? " w-72" : " w-40";
+      return " w-40";
     }
   },
   methods: {}
 }, gl = { class: "flex w-full items-center" }, pl = { class: "flex w-full" }, fl = { class: "flex flex-col justify-center ml-2 z-40" };
-function bl(r, e, t, i, a, s) {
+function bl(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("section", {
     class: S(["bg-poolSetup flex rounded-sm bg-secondary border border-primary z-40", [s.width]])
   }, [
-    n("div", {
+    a("div", {
       class: S(["text-center px-1 w-5 flex items-center justify-center z-40", [`bg-${t.color}`]])
     }, [
       c(o, {
@@ -7313,9 +7309,9 @@ function bl(r, e, t, i, a, s) {
         _: 1
       })
     ], 2),
-    n("div", gl, [
-      n("div", pl, [
-        n("div", fl, [
+    a("div", gl, [
+      a("div", pl, [
+        a("div", fl, [
           c(o, {
             size: "xs",
             weight: "normal",
@@ -7330,10 +7326,10 @@ function bl(r, e, t, i, a, s) {
         ])
       ])
     ]),
-    n("div", {
+    a("div", {
       class: S(["flex text-center w-5 items-center justify-center z-40 h-4", t.scoreColor])
     }, [
-      n("div", {
+      a("div", {
         class: S(t.scoreColor === "bg-primary" ? "w-5" : "block border-l border-primary w-5")
       }, [
         t.showScore ? (u(), L(o, {
@@ -7432,10 +7428,6 @@ const mt = /* @__PURE__ */ C(hl, [["render", bl]]), yl = {
       type: Object,
       required: !0
     },
-    large: {
-      type: Boolean,
-      default: !0
-    },
     roundName: {
       type: String,
       required: !0
@@ -7455,9 +7447,6 @@ const mt = /* @__PURE__ */ C(hl, [["render", bl]]), yl = {
     this.updateConfig();
   },
   watch: {
-    large(r, e) {
-      r !== e && this.updateConfig();
-    },
     bracketSize(r, e) {
       r !== e && this.updateConfig();
     }
@@ -7501,7 +7490,7 @@ const mt = /* @__PURE__ */ C(hl, [["render", bl]]), yl = {
   methods: {
     updateConfig() {
       var e, t;
-      const r = this.large ? "large" : "small";
+      const r = "small";
       this.currentConfig = ((t = (e = yl[this.bracketSize]) == null ? void 0 : e[r]) == null ? void 0 : t[this.roundName]) || {};
     },
     getScoreColor(r) {
@@ -7521,32 +7510,32 @@ const mt = /* @__PURE__ */ C(hl, [["render", bl]]), yl = {
     }
   }
 };
-function wl(r, e, t, i, a, s) {
+function wl(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("TableauFencerCard");
   return u(), g("section", {
     class: S(s.getTopSpace)
   }, [
     t.roundName === "Third Place" ? (u(), g("div", {
       key: 0,
-      class: S(["flex justify-center border-accent border-b mb-4 mt-8", t.large ? "w-72" : "w-40"])
+      class: S(["flex justify-center border-accent border-b mb-4 mt-8", "w-40"])
     }, [
       c(o, {
         size: "sm",
-        color: "quaternary"
+        color: "primary"
       }, {
         default: h(() => [
           m(f(t.roundName), 1)
         ]),
         _: 1
       })
-    ], 2)) : w("", !0),
+    ])) : w("", !0),
     t.roundName === "Final" ? (u(), g("div", {
       key: 1,
-      class: S(["flex justify-center border-accent border-b mb-4 mt-0", t.large ? "w-72" : "w-40"])
+      class: S(["flex justify-center border-accent border-b mb-4 mt-0", "w-40"])
     }, [
       c(o, {
         size: "sm",
-        color: "quaternary",
+        color: "primary",
         weight: "bold"
       }, {
         default: h(() => [
@@ -7554,31 +7543,29 @@ function wl(r, e, t, i, a, s) {
         ]),
         _: 1
       })
-    ], 2)) : w("", !0),
-    n("section", null, [
+    ])) : w("", !0),
+    a("section", null, [
       c(d, {
         fencer: s.person1Display,
         score: s.score1,
         position: s.dePosition1,
         color: t.hostingClubColors.Color1,
         scoreColor: s.getScoreColor(!0),
-        large: t.large,
         showScore: s.showScore1
-      }, null, 8, ["fencer", "score", "position", "color", "scoreColor", "large", "showScore"])
+      }, null, 8, ["fencer", "score", "position", "color", "scoreColor", "showScore"])
     ]),
-    n("div", {
+    a("div", {
       class: S(s.getCardSpace)
     }, null, 2),
-    n("section", null, [
+    a("section", null, [
       c(d, {
         fencer: s.person2Display,
         score: s.score2,
         position: s.dePosition2,
         color: t.hostingClubColors.Color2,
         scoreColor: s.getScoreColor(!1),
-        large: t.large,
         showScore: s.showScore2
-      }, null, 8, ["fencer", "score", "position", "color", "scoreColor", "large", "showScore"])
+      }, null, 8, ["fencer", "score", "position", "color", "scoreColor", "showScore"])
     ])
   ], 2);
 }
@@ -7652,10 +7639,6 @@ const vl = /* @__PURE__ */ C(xl, [["render", wl]]), Cl = {
   props: {
     bout: Object,
     hostingClubColors: Object,
-    large: {
-      type: Boolean,
-      default: !1
-    },
     roundName: String,
     bracketSize: String
   },
@@ -7674,7 +7657,6 @@ const vl = /* @__PURE__ */ C(xl, [["render", wl]]), Cl = {
     this.stopTimer();
   },
   watch: {
-    large: "updateConfig",
     bracketSize: "updateConfig",
     bout(r) {
       this.remainingTime = (r == null ? void 0 : r.TimeLeft) || 0, r.TimerStatus === "running" ? this.startTimer() : this.stopTimer();
@@ -7683,12 +7665,12 @@ const vl = /* @__PURE__ */ C(xl, [["render", wl]]), Cl = {
   methods: {
     updateConfig() {
       var e, t;
-      const r = this.large ? "large" : "small";
+      const r = "small";
       this.currentConfig = ((t = (e = Cl[this.bracketSize]) == null ? void 0 : e[r]) == null ? void 0 : t[this.roundName]) || {};
     },
     getScoreColor(r) {
-      const { Person1: e, Person2: t, Score1: i, Score2: a, Status: s } = this.bout, o = "bg-accent", d = "bg-white";
-      return r ? t.DisplayName === "BYE" && e.DisplayName !== "BYE" || i > a ? o : s === "Active" ? d : "" : e.DisplayName === "BYE" && t.DisplayName !== "BYE" || a > i ? o : s === "Active" ? d : "";
+      const { Person1: e, Person2: t, Score1: i, Score2: n, Status: s } = this.bout, o = "bg-accent", d = "bg-white";
+      return r ? t.DisplayName === "BYE" && e.DisplayName !== "BYE" || i > n ? o : s === "Active" ? d : "" : e.DisplayName === "BYE" && t.DisplayName !== "BYE" || n > i ? o : s === "Active" ? d : "";
     },
     startTimer() {
       this.interval && clearInterval(this.interval), this.interval = setInterval(() => {
@@ -7701,8 +7683,7 @@ const vl = /* @__PURE__ */ C(xl, [["render", wl]]), Cl = {
   },
   computed: {
     computedTopBottomGap() {
-      const r = this.currentConfig.gap;
-      return this.large ? r * 2 : r;
+      return this.currentConfig.gap;
     },
     dePosition1() {
       var r, e, t;
@@ -7742,64 +7723,63 @@ const vl = /* @__PURE__ */ C(xl, [["render", wl]]), Cl = {
     }
   }
 };
-function Al(r, e, t, i, a, s) {
+function Al(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("TableauFencerCard");
   return u(), g(I, null, [
-    n("div", {
+    a("div", {
       class: S(["border-l border-primary", s.leftLine])
     }, null, 2),
-    n("div", {
+    a("div", {
       class: S([s.getTopSpace, "relative flex flex-col justify-center"])
     }, [
-      n("div", {
+      a("div", {
         style: $({ height: `${s.computedTopBottomGap / 2}px` })
       }, null, 4),
       t.roundName === "Third Place" ? (u(), g("div", {
         key: 0,
-        class: S(["flex justify-center border-accent border-b mb-4 mt-8", t.large ? "w-72" : "w-40"])
+        class: S(["flex justify-center border-accent border-b mb-4 mt-8", "w-40"])
       }, [
         c(o, {
           size: "sm",
-          color: "quaternary"
+          color: "primary"
         }, {
           default: h(() => [
             m(f(t.roundName), 1)
           ]),
           _: 1
         })
-      ], 2)) : w("", !0),
+      ])) : w("", !0),
       t.roundName === "Final" ? (u(), g("div", {
         key: 1,
-        class: S(["flex justify-center border-accent border-b mb-4 mt-0", t.large ? "w-72" : "w-40"])
+        class: S(["flex justify-center border-accent border-b mb-4 mt-0", "w-40"])
       }, [
         c(o, {
           size: "sm",
-          color: "quaternary"
+          color: "primary"
         }, {
           default: h(() => [
             m(f(t.roundName), 1)
           ]),
           _: 1
         })
-      ], 2)) : w("", !0),
-      n("section", null, [
+      ])) : w("", !0),
+      a("section", null, [
         c(d, {
           fencer: s.person1Display,
           score: s.score1,
           position: s.dePosition1,
           color: t.hostingClubColors.Color1,
           scoreColor: s.getScoreColor(!0),
-          large: t.large,
-          highlight: a.highlight
-        }, null, 8, ["fencer", "score", "position", "color", "scoreColor", "large", "highlight"])
+          highlight: n.highlight
+        }, null, 8, ["fencer", "score", "position", "color", "scoreColor", "highlight"])
       ]),
-      e[0] || (e[0] = n("div", { class: "pt-1 bg-primary" }, null, -1)),
+      e[0] || (e[0] = a("div", { class: "pt-1 bg-primary" }, null, -1)),
       c(bt, {
         "enter-active-class": "slideIn",
         "leave-active-class": "slideOut"
       }, {
         default: h(() => [
-          n("div", {
+          a("div", {
             class: S(["text-center items-center justify-center flex bg-primary p-1 absolute rounded-r-md h-10 w-9 z-50", s.timeBox])
           }, [
             c(o, {
@@ -7817,17 +7797,16 @@ function Al(r, e, t, i, a, s) {
         ]),
         _: 1
       }),
-      n("section", null, [
+      a("section", null, [
         c(d, {
           fencer: s.person2Display,
           score: s.score2,
           position: s.dePosition2,
           color: t.hostingClubColors.Color2,
-          scoreColor: s.getScoreColor(!1),
-          large: t.large
-        }, null, 8, ["fencer", "score", "position", "color", "scoreColor", "large"])
+          scoreColor: s.getScoreColor(!1)
+        }, null, 8, ["fencer", "score", "position", "color", "scoreColor"])
       ]),
-      n("div", {
+      a("div", {
         style: $({ height: `${s.computedTopBottomGap / 2}px` })
       }, null, 4)
     ], 2)
@@ -7908,20 +7887,11 @@ const kl = /* @__PURE__ */ C(Sl, [["render", Al]]), Tl = {
       type: String,
       required: !0
     },
-    large: {
-      type: Boolean,
-      default: !0
-    },
     opacity: {
       type: String,
       default: "opacity-100"
     }
   },
-  watch: {
-    large(r, e) {
-      r !== e && this.updateConfig();
-    }
-  },
   data() {
     return {
       currentConfig: {}
@@ -7951,7 +7921,7 @@ const kl = /* @__PURE__ */ C(Sl, [["render", Al]]), Tl = {
   methods: {
     updateConfig() {
       var e, t;
-      const r = this.large ? "large" : "small";
+      const r = "small";
       this.currentConfig = ((t = (e = Tl[this.bracketSize]) == null ? void 0 : e[r]) == null ? void 0 : t[this.roundName]) || {};
     }
   }
@@ -7962,45 +7932,45 @@ const kl = /* @__PURE__ */ C(Sl, [["render", Al]]), Tl = {
   key: 2,
   class: "flex flex-col mr-5 bg-bright"
 };
-function zl(r, e, t, i, a, s) {
+function zl(r, e, t, i, n, s) {
   return u(), g(I, null, [
     t.roundName !== "Semifinal" && t.roundName !== "Final" ? (u(), g("section", {
       key: 0,
       class: S(["flex z-0", s.getTopSpace])
     }, [
-      n("div", _l, [
-        n("div", {
+      a("div", _l, [
+        a("div", {
           class: S(["border-primary border-t border-b border-r w-5 rounded-sm -ml-[0.3rem] z-0", [s.getConnectorHeight, t.opacity]])
         }, null, 2)
       ]),
-      n("div", {
+      a("div", {
         class: S(s.getTopSpaceForLine)
       }, [
-        n("div", {
+        a("div", {
           class: S([t.opacity, "border-primary border-b w-5 h-5"])
         }, null, 2)
       ], 2)
     ], 2)) : w("", !0),
     t.roundName === "Semifinal" ? (u(), g("section", Il, [
-      n("div", {
+      a("div", {
         class: S(["flex flex-col -ml-1", s.getTopSpace])
       }, [
-        n("div", {
+        a("div", {
           class: S(["border-primary border-t border-b border-r w-5 rounded-sm z-0", [s.getConnectorHeight, t.opacity]])
         }, null, 2)
       ], 2)
     ])) : w("", !0),
     t.roundName === "Final" ? (u(), g("section", El, [
-      n("div", {
+      a("div", {
         class: S(["border-primary border-b border-l w-6 rounded-bl-sm z-0", s.getTopSpaceForLine])
       }, null, 2),
-      n("div", {
+      a("div", {
         class: S(["border-primary border-t border-l w-6 rounded-tl-sm z-0", s.getBottomLine])
       }, null, 2)
     ])) : w("", !0)
   ], 64);
 }
-const Ll = /* @__PURE__ */ C(Bl, [["render", zl], ["__scopeId", "data-v-aaa8baad"]]), Nl = {
+const Ll = /* @__PURE__ */ C(Bl, [["render", zl], ["__scopeId", "data-v-ea7240d9"]]), Nl = {
   name: "TableauColumn",
   components: { TableauLines: Ll, BaseText: B, TableauBoutCard: vl, TableauActiveBoutCard: kl },
   props: {
@@ -8019,10 +7989,6 @@ const Ll = /* @__PURE__ */ C(Bl, [["render", zl], ["__scopeId", "data-v-aaa8baad
     bracketSize: {
       type: String,
       required: !0
-    },
-    largeCards: {
-      type: Boolean,
-      required: !1
     }
   },
   data() {
@@ -8033,12 +7999,12 @@ const Ll = /* @__PURE__ */ C(Bl, [["render", zl], ["__scopeId", "data-v-aaa8baad
   computed: {},
   methods: {}
 };
-function Pl(r, e, t, i, a, s) {
+function Pl(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("TableauBoutCard"), l = y("TableauActiveBoutCard"), p = y("TableauLines");
   return u(), g("section", null, [
     t.roundName !== "Third Place" && t.roundName !== "Final" ? (u(), g("div", {
       key: 0,
-      class: S(["flex justify-center mb-4 border-accent border-b", t.largeCards ? "w-72" : "w-40"])
+      class: S(["flex justify-center mb-4 border-accent border-b", "w-40"])
     }, [
       c(o, {
         size: "sm",
@@ -8049,7 +8015,7 @@ function Pl(r, e, t, i, a, s) {
         ]),
         _: 1
       })
-    ], 2)) : w("", !0),
+    ])) : w("", !0),
     (u(!0), g(I, null, N(t.bouts, (b, x) => (u(), g("div", {
       key: x,
       class: "flex"
@@ -8059,23 +8025,20 @@ function Pl(r, e, t, i, a, s) {
         bout: b,
         hostingClubColors: t.hostingClubColors,
         roundName: t.roundName,
-        large: t.largeCards,
         bracketSize: t.bracketSize
-      }, null, 8, ["bout", "hostingClubColors", "roundName", "large", "bracketSize"])) : w("", !0),
+      }, null, 8, ["bout", "hostingClubColors", "roundName", "bracketSize"])) : w("", !0),
       b.Status === "Active" ? (u(), L(l, {
         key: 1,
         bout: b,
         hostingClubColors: t.hostingClubColors,
         roundName: t.roundName,
-        large: t.largeCards,
         bracketSize: t.bracketSize
-      }, null, 8, ["bout", "hostingClubColors", "roundName", "large", "bracketSize"])) : w("", !0),
+      }, null, 8, ["bout", "hostingClubColors", "roundName", "bracketSize"])) : w("", !0),
       c(p, {
         roundName: t.roundName,
-        large: t.largeCards,
         bracketSize: t.bracketSize,
         opacity: b.Status === "Active" ? "opacity-0" : "opacity-100"
-      }, null, 8, ["roundName", "large", "bracketSize", "opacity"])
+      }, null, 8, ["roundName", "bracketSize", "opacity"])
     ]))), 128))
   ]);
 }
@@ -8127,10 +8090,10 @@ const jl = /* @__PURE__ */ C(Nl, [["render", Pl]]), Ml = {
     }
   }
 }, Ol = { class: "w-full overflow-x-auto [&::-webkit-scrollbar]:hidden mt-4 scrollbar-thin" };
-function Rl(r, e, t, i, a, s) {
+function Rl(r, e, t, i, n, s) {
   const o = y("TableauColumn");
   return u(), g("section", Ol, [
-    n("div", {
+    a("div", {
       class: S(["flex justify-start", s.TableauWidth])
     }, [
       (u(!0), g(I, null, N(s.groupedBouts, (d, l) => (u(), g("div", { key: l }, [
@@ -8139,7 +8102,6 @@ function Rl(r, e, t, i, a, s) {
           hostingClubColors: t.hostingClubColors,
           roundName: l,
           bracketSize: t.bracketSize,
-          largeCards: !1,
           "onAction:editBout": s.handleEditBout,
           "onAction:directingBout": s.handleDirectorBout
         }, null, 8, ["bouts", "hostingClubColors", "roundName", "bracketSize", "onAction:editBout", "onAction:directingBout"])
@@ -8151,12 +8113,12 @@ const tm = /* @__PURE__ */ C(Ml, [["render", Rl]]), Dl = {
   name: "RatingSystemAnnouncement",
   components: { BaseText: B }
 }, ql = { class: "w-full flex justify-center mx-auto mt-10 mb-20" }, Fl = { class: "max-w-[1200px] w-full flex justify-center mx-auto mt-8 flex-col" }, Ul = { class: "w-full flex py-4 md:pb-10 ml-2 md:ml-0 mb-4 justify-center" }, Vl = { class: "flex" }, Ql = { class: "md:w-1/2 flex justify-center" };
-function Jl(r, e, t, i, a, s) {
+function Jl(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("section", ql, [
-    n("section", null, [
-      n("div", Fl, [
-        n("div", Ul, [
+    a("section", null, [
+      a("div", Fl, [
+        a("div", Ul, [
           c(o, {
             color: "primary",
             size: "xl",
@@ -8169,15 +8131,15 @@ function Jl(r, e, t, i, a, s) {
             _: 1
           })
         ]),
-        n("div", Vl, [
-          e[2] || (e[2] = n("div", { class: "w-1/2 hidden md:flex justify-end mr-10" }, [
-            n("img", {
+        a("div", Vl, [
+          e[2] || (e[2] = a("div", { class: "w-1/2 hidden md:flex justify-end mr-10" }, [
+            a("img", {
               src: "https://meyersquaredimages.com/images/trophy.png",
               alt: "Rating System Announcement",
               class: "w-96 h-96 rounded-lg"
             })
           ], -1)),
-          n("div", Ql, [
+          a("div", Ql, [
             c(o, {
               color: "primary",
               size: "md",
@@ -8187,19 +8149,19 @@ function Jl(r, e, t, i, a, s) {
             }, {
               default: h(() => e[1] || (e[1] = [
                 m(" Our new M² Rating System will give you deeper insights into your performance, track your progress, and help you see how you measure up against competitors nationwide."),
-                n("br", null, null, -1),
-                n("br", null, null, -1),
-                n("b", null, "Key Advantages:", -1),
-                n("br", null, null, -1),
+                a("br", null, null, -1),
+                a("br", null, null, -1),
+                a("b", null, "Key Advantages:", -1),
+                a("br", null, null, -1),
                 m(" It's a rating system, not a ranking system. You won’t lose progress just because others improve."),
-                n("br", null, null, -1),
-                n("br", null, null, -1),
+                a("br", null, null, -1),
+                a("br", null, null, -1),
                 m(" Ratings are earned by competing in tournaments. Once earned, a rating stays with you for four years, after which it gradually decreases by one level every four years. Having a bad tournament, or even a bad year doesn't cost you your rating. "),
-                n("br", null, null, -1),
-                n("br", null, null, -1),
+                a("br", null, null, -1),
+                a("br", null, null, -1),
                 m(" The more competitive the tournament, the greater the rewards. "),
-                n("br", null, null, -1),
-                n("br", null, null, -1),
+                a("br", null, null, -1),
+                a("br", null, null, -1),
                 m(" Stay tuned for more details! ")
               ])),
               _: 1
@@ -8238,7 +8200,7 @@ const Hl = /* @__PURE__ */ C(Dl, [["render", Jl]]), Wl = {
     }
   }
 }, Kl = { class: "md:w-64 m-2 flex flex-col mb-20" };
-function Yl(r, e, t, i, a, s) {
+function Yl(r, e, t, i, n, s) {
   const o = y("BaseButton");
   return u(), g("aside", Kl, [
     (u(!0), g(I, null, N(t.socialMedia, (d, l) => (u(), g("div", {
@@ -8262,12 +8224,12 @@ function Yl(r, e, t, i, a, s) {
     ]))), 128))
   ]);
 }
-const rm = /* @__PURE__ */ C(Wl, [["render", Yl]]), Gl = {
+const rm = /* @__PURE__ */ C(Wl, [["render", Yl]]), Zl = {
   name: "TournamentCardSkeleton"
-}, Zl = { class: "md:w-full mb-8" };
-function Xl(r, e, t, i, a, s) {
-  return u(), g("div", Zl, [
-    (u(), g(I, null, N(1, (o) => n("div", {
+}, Gl = { class: "md:w-full mb-8" };
+function Xl(r, e, t, i, n, s) {
+  return u(), g("div", Gl, [
+    (u(), g(I, null, N(1, (o) => a("div", {
       key: o,
       class: "animate-pulse"
     }, e[0] || (e[0] = [
@@ -8275,7 +8237,7 @@ function Xl(r, e, t, i, a, s) {
     ]))), 64))
   ]);
 }
-const $l = /* @__PURE__ */ C(Gl, [["render", Xl]]), ec = {
+const $l = /* @__PURE__ */ C(Zl, [["render", Xl]]), ec = {
   name: "TournamentCard",
   components: {
     TournamentCardSkeleton: $l,
@@ -8343,19 +8305,19 @@ const $l = /* @__PURE__ */ C(Gl, [["render", Xl]]), ec = {
 }, tc = {
   key: 0,
   class: "max-w-80 md:w-full mb-8"
-}, rc = { class: "hidden md:block" }, sc = { class: "relative w-full h-52" }, oc = ["src"], ac = {
+}, rc = { class: "hidden md:block" }, sc = { class: "relative w-full h-52" }, oc = ["src"], nc = {
   key: 0,
   src: "https://meyersquaredimages.com/images/banners/m2-white.png",
   alt: "Bookmark Icon",
   class: "w-8 absolute top-2 right-2 p-1 bg-white rounded"
-}, nc = { class: "flex items-center mb-1" }, ic = { class: "flex w-6 justify-center" }, lc = {
+}, ac = { class: "flex items-center mb-1" }, ic = { class: "flex w-6 justify-center" }, lc = {
   key: 0,
   class: "flex items-center"
 }, cc = { class: "flex w-6 justify-center" }, dc = {
   key: 1,
   class: "flex items-center"
 }, uc = { class: "flex w-6 justify-center" }, mc = { class: "w-full md:hidden flex-col items-start gap-2 border-b border-borderGray" }, hc = { class: "flex flex-row" }, gc = ["src"], pc = { class: "flex flex-col h-16 justify-center pl-3" }, fc = { class: "flex justify-between pt-4 pb-2" }, bc = { class: "flex justify-start w-5/12" }, yc = { class: "flex justify-start mb-1 w-7/12" };
-function xc(r, e, t, i, a, s) {
+function xc(r, e, t, i, n, s) {
   const o = y("TournamentCardSkeleton"), d = y("BaseText"), l = y("Icon");
   return u(), g(I, null, [
     t.isLoading ? (u(), g("div", tc, [
@@ -8366,16 +8328,16 @@ function xc(r, e, t, i, a, s) {
       class: "w-full md:w-full md:mb-8 border border-secondary hover:border-accent hover:cursor-pointer p-2 rounded-lg overflow-hidden",
       onClick: e[2] || (e[2] = (...p) => s.onCardClick && s.onCardClick(...p))
     }, [
-      n("section", rc, [
-        n("div", sc, [
-          n("img", {
+      a("section", rc, [
+        a("div", sc, [
+          a("img", {
             src: s.image,
             alt: "Tournament Image",
             class: "w-full h-full object-cover mb-2 rounded-md",
             onError: e[0] || (e[0] = (...p) => s.imageError && s.imageError(...p)),
             style: $(s.fallbackStyle)
           }, null, 44, oc),
-          t.data.HostedOnM2 ? (u(), g("img", ac)) : w("", !0)
+          t.data.HostedOnM2 ? (u(), g("img", nc)) : w("", !0)
         ]),
         c(d, {
           tag: "h3",
@@ -8399,8 +8361,8 @@ function xc(r, e, t, i, a, s) {
           ]),
           _: 1
         }),
-        n("div", nc, [
-          n("span", ic, [
+        a("div", ac, [
+          a("span", ic, [
             c(l, {
               icon: "fa-calendar",
               type: t.data.HostedOnM2 ? "fa-solid" : "fa-regular",
@@ -8421,7 +8383,7 @@ function xc(r, e, t, i, a, s) {
           })
         ]),
         t.data.HostedOnM2 ? (u(), g("div", lc, [
-          n("span", cc, [
+          a("span", cc, [
             c(l, {
               icon: "fa-user-friends",
               color: "accent",
@@ -8441,7 +8403,7 @@ function xc(r, e, t, i, a, s) {
           })
         ])) : w("", !0),
         t.data.HostedOnM2 ? w("", !0) : (u(), g("div", dc, [
-          n("span", uc, [
+          a("span", uc, [
             c(l, {
               icon: "fa-bookmark",
               type: "fa-regular",
@@ -8462,16 +8424,16 @@ function xc(r, e, t, i, a, s) {
           })
         ]))
       ]),
-      n("section", mc, [
-        n("div", hc, [
-          n("img", {
+      a("section", mc, [
+        a("div", hc, [
+          a("img", {
             src: s.image,
             alt: "Tournament Image",
             class: "w-28 h-16 object-cover rounded-md",
             onError: e[1] || (e[1] = (...p) => s.imageError && s.imageError(...p)),
             style: $(s.fallbackStyle)
           }, null, 44, gc),
-          n("div", pc, [
+          a("div", pc, [
             c(d, {
               tag: "h3",
               size: "lg",
@@ -8496,8 +8458,8 @@ function xc(r, e, t, i, a, s) {
             })
           ])
         ]),
-        n("div", fc, [
-          n("div", bc, [
+        a("div", fc, [
+          a("div", bc, [
             c(l, {
               icon: "fa-user-friends",
               color: "accent",
@@ -8515,7 +8477,7 @@ function xc(r, e, t, i, a, s) {
               _: 1
             })
           ]),
-          n("div", yc, [
+          a("div", yc, [
             c(l, {
               icon: "fa-calendar",
               color: "accent",
@@ -8577,17 +8539,17 @@ const wc = /* @__PURE__ */ C(ec, [["render", xc]]), vc = {
     }
   }
 }, Cc = { class: "w-full max-w-4xl mx-auto md:p-4" }, Sc = { class: "w-full h-96 md:mb-4" }, Ac = ["src"], kc = { class: "flex justify-end items-center w-full md:h-10 rounded-md p-2" }, Tc = ["href"], Bc = { class: "w-full flex md:py-4 pb-4 md:pb-10" }, _c = { class: "bg-white p-4 m-2 rounded-lg" }, Ic = ["innerHTML"];
-function Ec(r, e, t, i, a, s) {
+function Ec(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("Icon");
   return u(), g("section", Cc, [
-    n("div", Sc, [
-      n("img", {
+    a("div", Sc, [
+      a("img", {
         src: t.imageSrc,
         alt: "Tournament Image",
         class: "w-full h-full object-cover md:rounded-lg"
       }, null, 8, Ac)
     ]),
-    n("div", kc, [
+    a("div", kc, [
       t.shareLinks && t.shareLinks.length > 0 ? (u(), L(o, {
         key: 0,
         color: "primary",
@@ -8615,7 +8577,7 @@ function Ec(r, e, t, i, a, s) {
         }, null, 8, ["type", "icon"])
       ], 8, Tc))), 128))
     ]),
-    n("div", Bc, [
+    a("div", Bc, [
       c(o, {
         color: "primary",
         size: "xl",
@@ -8629,8 +8591,8 @@ function Ec(r, e, t, i, a, s) {
         _: 1
       })
     ]),
-    n("div", _c, [
-      n("div", {
+    a("div", _c, [
+      a("div", {
         innerHTML: t.description,
         class: "text-base text-gray-800"
       }, null, 8, Ic)
@@ -8640,7 +8602,7 @@ function Ec(r, e, t, i, a, s) {
 const sm = /* @__PURE__ */ C(vc, [["render", Ec]]), zc = {
   name: "SkeletonTournamentCard"
 }, Lc = { 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" };
-function Nc(r, e, t, i, a, s) {
+function Nc(r, e, t, i, n, s) {
   return u(), g("section", Lc, e[0] || (e[0] = [
     be('<div class="flex pt-1 w-full"><div class="w-24 md:w-32"><div class="relative w-24 h-16 md:w-32 md:h-20 mr-3 bg-gray-300 animate-pulse rounded-lg"></div></div><div class="flex flex-col pl-2"><div class="flex items-center mb-2 w-full"><div class="h-6 w-48 bg-gray-300 animate-pulse rounded"></div></div><div class="hidden md:flex items-center text-sm text-gray-600 mb-2"><div class="h-4 w-64 bg-gray-300 animate-pulse rounded"></div></div></div></div><div class="hidden md:flex mt-3 mb-1"><div class="flex flex-row w-full"><div class="flex items-center mr-10"><div class="h-4 w-16 bg-gray-300 animate-pulse rounded"></div></div><div class="flex items-center"><div class="h-4 w-32 bg-gray-300 animate-pulse rounded"></div></div></div></div><div class="flex flex-col md:hidden mt-2"><div class="flex items-center pb-2"><div class="h-4 w-28 bg-gray-300 animate-pulse rounded"></div></div><div class="flex flex-row"><div class="flex items-center mr-4"><div class="h-4 w-20 bg-gray-300 animate-pulse rounded"></div></div><div class="flex items-center"><div class="h-4 w-24 bg-gray-300 animate-pulse rounded"></div></div></div></div>', 3)
   ]));
@@ -8718,14 +8680,14 @@ const Pc = /* @__PURE__ */ C(zc, [["render", Nc]]), jc = {
 }, Wc = {
   key: 1,
   class: "flex items-center mr-4"
-}, Kc = { class: "flex w-6 justify-center" }, Yc = { class: "flex items-center" }, Gc = { class: "flex flex-col md:hidden mt-2" }, Zc = { class: "flex items-center pb-2" }, Xc = { class: "flex flex-row" }, $c = {
+}, Kc = { class: "flex w-6 justify-center" }, Yc = { class: "flex items-center" }, Zc = { class: "flex flex-col md:hidden mt-2" }, Gc = { class: "flex items-center pb-2" }, Xc = { class: "flex flex-row" }, $c = {
   key: 0,
   class: "flex items-center mr-4"
 }, ed = {
   key: 1,
   class: "flex items-center mr-4"
 }, td = { class: "flex w-6 justify-center mr-2" }, rd = { class: "flex items-center" };
-function sd(r, e, t, i, a, s) {
+function sd(r, e, t, i, n, s) {
   const o = y("TournamentListCardSkeleton"), d = y("BaseText"), l = y("Icon");
   return u(), g(I, null, [
     t.isLoading ? (u(), g("div", Mc, [
@@ -8736,17 +8698,17 @@ function sd(r, e, t, i, a, s) {
       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",
       onClick: e[0] || (e[0] = (...p) => s.handleCardClick && s.handleCardClick(...p))
     }, [
-      n("div", Oc, [
-        n("div", Rc, [
-          n("img", {
+      a("div", Oc, [
+        a("div", Rc, [
+          a("img", {
             src: s.tournamentImage,
             alt: s.imageAltText,
             class: "w-full h-full object-cover rounded-lg"
           }, null, 8, Dc),
           t.data.HostedOnM2 ? (u(), g("img", qc)) : w("", !0)
         ]),
-        n("div", Fc, [
-          n("div", Uc, [
+        a("div", Fc, [
+          a("div", Uc, [
             c(d, {
               color: "primary",
               tag: "h2",
@@ -8759,7 +8721,7 @@ function sd(r, e, t, i, a, s) {
               _: 1
             })
           ]),
-          n("div", Vc, [
+          a("div", Vc, [
             c(d, {
               color: "primary",
               tag: "p",
@@ -8774,8 +8736,8 @@ function sd(r, e, t, i, a, s) {
           ])
         ])
       ]),
-      n("div", Qc, [
-        n("div", Jc, [
+      a("div", Qc, [
+        a("div", Jc, [
           t.data.HostedOnM2 ? (u(), g("div", Hc, [
             c(l, {
               type: t.data.HostedOnM2 ? "fa-solid" : "fa-regular",
@@ -8797,7 +8759,7 @@ function sd(r, e, t, i, a, s) {
             })
           ])) : w("", !0),
           t.data.HostedOnM2 ? w("", !0) : (u(), g("div", Wc, [
-            n("span", Kc, [
+            a("span", Kc, [
               c(l, {
                 icon: "fa-bookmark",
                 type: "fa-regular",
@@ -8817,7 +8779,7 @@ function sd(r, e, t, i, a, s) {
               _: 1
             })
           ])),
-          n("div", Yc, [
+          a("div", Yc, [
             c(l, {
               type: t.data.HostedOnM2 ? "fa-solid" : "fa-regular",
               icon: "fa-calendar",
@@ -8839,8 +8801,8 @@ function sd(r, e, t, i, a, s) {
           ])
         ])
       ]),
-      n("div", Gc, [
-        n("div", Zc, [
+      a("div", Zc, [
+        a("div", Gc, [
           c(d, {
             color: "primary",
             tag: "p",
@@ -8853,7 +8815,7 @@ function sd(r, e, t, i, a, s) {
             _: 1
           })
         ]),
-        n("div", Xc, [
+        a("div", Xc, [
           t.data.HostedOnM2 ? (u(), g("div", $c, [
             c(l, {
               type: t.data.HostedOnM2 ? "fa-solid" : "fa-regular",
@@ -8875,7 +8837,7 @@ function sd(r, e, t, i, a, s) {
             })
           ])) : w("", !0),
           t.data.HostedOnM2 ? w("", !0) : (u(), g("div", ed, [
-            n("span", td, [
+            a("span", td, [
               c(l, {
                 icon: "fa-bookmark",
                 type: "fa-regular",
@@ -8895,7 +8857,7 @@ function sd(r, e, t, i, a, s) {
               _: 1
             })
           ])),
-          n("div", rd, [
+          a("div", rd, [
             c(l, {
               type: t.data.HostedOnM2 ? "fa-solid" : "fa-regular",
               icon: "fa-calendar",
@@ -8977,29 +8939,29 @@ const om = /* @__PURE__ */ C(jc, [["render", sd]]), od = {
       e.rel = "preload", e.as = "image", e.href = r, document.head.appendChild(e);
     }
   }
-}, ad = { class: "relative w-full md:border-b md:border-l md:border-r border-lineGrey" }, nd = ["src"], id = { class: "hidden md:flex absolute inset-0 items-center justify-start px-8 mt-40" }, ld = { class: "text-left text-white max-w-lg" }, cd = {
+}, nd = { class: "relative w-full md:border-b md:border-l md:border-r border-lineGrey" }, ad = ["src"], id = { class: "hidden md:flex absolute inset-0 items-center justify-start px-8 mt-40" }, ld = { class: "text-left text-white max-w-lg" }, cd = {
   key: 1,
   class: "flex justify-center text-left w-full px-6 py-4"
 }, dd = { class: "w-full" };
-function ud(r, e, t, i, a, s) {
+function ud(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("BaseButton");
   return u(), g(I, null, [
-    n("section", {
+    a("section", {
       id: "hero",
       class: "relative w-full md:min-h-[500px] flex justify-center bg-primary md:m-0 mt-6",
       style: $(s.backgroundStyle)
     }, [
-      e[0] || (e[0] = n("div", { class: "hidden md:block w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }, null, -1)),
-      n("div", ad, [
-        a.isMobile ? w("", !0) : (u(), g("img", {
+      e[0] || (e[0] = a("div", { class: "hidden md:block w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }, null, -1)),
+      a("div", nd, [
+        n.isMobile ? w("", !0) : (u(), g("img", {
           key: 0,
           src: t.imageSrc,
           alt: "Hero Image",
           class: "w-full h-full object-cover",
           loading: "lazy"
-        }, null, 8, nd)),
-        n("section", id, [
-          n("div", ld, [
+        }, null, 8, ad)),
+        a("section", id, [
+          a("div", ld, [
             c(o, {
               color: "secondary",
               tag: "h1",
@@ -9032,8 +8994,8 @@ function ud(r, e, t, i, a, s) {
             }, null, 8, ["label", "onClick"])
           ])
         ]),
-        a.isMobile ? (u(), g("div", cd, [
-          n("div", dd, [
+        n.isMobile ? (u(), g("div", cd, [
+          a("div", dd, [
             c(o, {
               color: "secondary",
               tag: "h1",
@@ -9069,12 +9031,12 @@ function ud(r, e, t, i, a, s) {
           ])
         ])) : w("", !0)
       ]),
-      e[1] || (e[1] = n("div", { class: "hidden md:block w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }, null, -1))
+      e[1] || (e[1] = a("div", { class: "hidden md:block w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }, null, -1))
     ], 4),
-    e[2] || (e[2] = n("section", { class: "hidden md:flex border-t border-lineGrey w-full bg-primary" }, [
-      n("div", { class: "w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }),
-      n("div", { class: "relative w-full border-b border-l border-r border-lineGrey h-36" }),
-      n("div", { class: "w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" })
+    e[2] || (e[2] = a("section", { class: "hidden md:flex border-t border-lineGrey w-full bg-primary" }, [
+      a("div", { class: "w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }),
+      a("div", { class: "relative w-full border-b border-l border-r border-lineGrey h-36" }),
+      a("div", { class: "w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" })
     ], -1))
   ], 64);
 }
@@ -9103,11 +9065,11 @@ const md = /* @__PURE__ */ C(od, [["render", ud]]), hd = {
     }
   }
 }, gd = { class: "w-full bg-white py-4 flex justify-center h-24" }, pd = { class: "container flex justify-between items-center w-full md:w-3/4 overflow-x-auto md:overflow-x-visible" }, fd = { class: "flex space-x-4 w-full justify-start md:justify-around whitespace-nowrap mx-4 md:mx-0" }, bd = ["onClick"];
-function yd(r, e, t, i, a, s) {
+function yd(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("header", gd, [
-    n("section", pd, [
-      n("nav", fd, [
+    a("section", pd, [
+      a("nav", fd, [
         (u(!0), g(I, null, N(t.weapons, (d) => (u(), g("div", {
           key: d,
           onClick: (l) => s.onWeaponClick(d),
@@ -9120,9 +9082,9 @@ function yd(r, e, t, i, a, s) {
             weight: "normal",
             onClick: (l) => s.onWeaponClick(d),
             class: S(["cursor-pointer border-b-2 pb-1 duration-300 ease-in-out px-4 md:p-0", {
-              "border-accent": a.selectedWeapon === d,
-              "hover:border-accent": a.selectedWeapon !== d,
-              "border-transparent px-4 md:p-0": a.selectedWeapon !== d
+              "border-accent": n.selectedWeapon === d,
+              "hover:border-accent": n.selectedWeapon !== d,
+              "border-transparent px-4 md:p-0": n.selectedWeapon !== d
             }])
           }, {
             default: h(() => [
@@ -9135,7 +9097,7 @@ function yd(r, e, t, i, a, s) {
     ])
   ]);
 }
-const am = /* @__PURE__ */ C(hd, [["render", yd]]), xd = {
+const nm = /* @__PURE__ */ C(hd, [["render", yd]]), xd = {
   name: "SingleButtonBanner",
   components: {
     BaseText: B,
@@ -9162,15 +9124,15 @@ const am = /* @__PURE__ */ C(hd, [["render", yd]]), xd = {
     }
   }
 }, wd = { class: "relative h-80 max-w-[1200px] mx-4 md:mx-auto rounded-lg overflow-hidden mb-10 bg-primary" }, vd = { class: "absolute inset-0 flex flex-col justify-center items-center md:items-start text-center md:text-left px-6 md:px-20" };
-function Cd(r, e, t, i, a, s) {
+function Cd(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("BaseButton");
   return u(), g("section", wd, [
-    n("div", {
+    a("div", {
       class: "hidden md:block bg-cover bg-top h-full w-full",
       style: $({ backgroundImage: "url(" + t.imageUrl + ")" })
     }, null, 4),
-    e[0] || (e[0] = n("div", { class: "block md:hidden bg-black" }, null, -1)),
-    n("div", vd, [
+    e[0] || (e[0] = a("div", { class: "block md:hidden bg-black" }, null, -1)),
+    a("div", vd, [
       c(o, {
         color: "secondary",
         tag: "h3",
@@ -9231,19 +9193,19 @@ const Sd = /* @__PURE__ */ C(xd, [["render", Cd]]), Ad = {
     }
   }
 }, kd = { class: "max-w-[1200px] mx-auto" }, Td = { class: "relative w-full h-3/4 flex justify-center bg-primary m-0" }, Bd = { class: "relative w-full border-b border-l border-r border-lineGrey" }, _d = { class: "hidden md:flex h-80 justify-between items-center p-14" }, Id = { class: "text-left text-white max-w-lg w-96" }, Ed = { class: "flex flex-col w-1/3 align-right" }, zd = { class: "flex justify-center md:hidden text-left bg-primary w-full" }, Ld = { class: "w-full px-6 py-8 text-center flex flex-col justify-center items-center" };
-function Nd(r, e, t, i, a, s) {
+function Nd(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("BaseButton");
   return u(), g("section", kd, [
-    e[2] || (e[2] = n("section", { class: "hidden md:flex border-t border-lineGrey w-full bg-primary" }, [
-      n("div", { class: "w-[150px] h-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }),
-      n("div", { class: "flex-grow h-[150px] border-b border-l border-r border-lineGrey" }),
-      n("div", { class: "w-[150px] h-[150px] bg-primary border-b border-lineGrey flex-shrink-0" })
+    e[2] || (e[2] = a("section", { class: "hidden md:flex border-t border-lineGrey w-full bg-primary" }, [
+      a("div", { class: "w-[150px] h-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }),
+      a("div", { class: "flex-grow h-[150px] border-b border-l border-r border-lineGrey" }),
+      a("div", { class: "w-[150px] h-[150px] bg-primary border-b border-lineGrey flex-shrink-0" })
     ], -1)),
-    n("section", Td, [
-      e[0] || (e[0] = n("div", { class: "w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }, null, -1)),
-      n("div", Bd, [
-        n("section", _d, [
-          n("div", Id, [
+    a("section", Td, [
+      e[0] || (e[0] = a("div", { class: "w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }, null, -1)),
+      a("div", Bd, [
+        a("section", _d, [
+          a("div", Id, [
             c(o, {
               color: "secondary",
               tag: "h1",
@@ -9257,7 +9219,7 @@ function Nd(r, e, t, i, a, s) {
               _: 1
             })
           ]),
-          n("div", Ed, [
+          a("div", Ed, [
             c(d, {
               label: t.buttonLabelOne,
               size: "xs",
@@ -9289,15 +9251,15 @@ function Nd(r, e, t, i, a, s) {
           ])
         ])
       ]),
-      e[1] || (e[1] = n("div", { class: "w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }, null, -1))
+      e[1] || (e[1] = a("div", { class: "w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }, null, -1))
     ]),
-    e[3] || (e[3] = n("section", { class: "hidden md:flex border-t border-lineGrey w-full bg-primary" }, [
-      n("div", { class: "w-[150px] h-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }),
-      n("div", { class: "flex-grow h-[150px] border-b border-l border-r border-lineGrey" }),
-      n("div", { class: "w-[150px] h-[150px] bg-primary border-b border-lineGrey flex-shrink-0" })
+    e[3] || (e[3] = a("section", { class: "hidden md:flex border-t border-lineGrey w-full bg-primary" }, [
+      a("div", { class: "w-[150px] h-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }),
+      a("div", { class: "flex-grow h-[150px] border-b border-l border-r border-lineGrey" }),
+      a("div", { class: "w-[150px] h-[150px] bg-primary border-b border-lineGrey flex-shrink-0" })
     ], -1)),
-    n("section", zd, [
-      n("div", Ld, [
+    a("section", zd, [
+      a("div", Ld, [
         c(o, {
           color: "secondary",
           tag: "h1",
@@ -9367,26 +9329,26 @@ const Pd = /* @__PURE__ */ C(Ad, [["render", Nd]]), jd = {
       this.$emit("changePage", r);
     }
   }
-}, Md = { class: "hidden md:flex flex-col bg-primary" }, Od = { class: "w-full hidden md:flex" }, Rd = { class: "w-1/3" }, Dd = { class: "items-center w-full flex justify-center" }, qd = ["src"], Fd = { class: "w-1/3 flex flex-col" }, Ud = { class: "w-full flex justify-around" }, Vd = { class: "flex w-1/3" }, Qd = { class: "flex w-1/3" }, Jd = { class: "flex items-center w-1/3" }, Hd = { class: "w-full flex justify-around" }, Wd = { class: "flex items-center w-1/3" }, Kd = { class: "flex items-center w-1/3" }, Yd = { class: "flex items-center w-1/3" }, Gd = { class: "w-full flex justify-around" }, Zd = { class: "flex items-center w-1/3" }, Xd = { class: "flex items-center w-1/3" }, $d = { class: "flex w-1/3" }, eu = { class: "w-1/3 flex flex-col" }, tu = { class: "w-full flex justify-end" }, ru = { class: "w-30 mr-16" }, su = { class: "w-full flex justify-end mt-12" }, ou = { class: "w-48 mr-16" }, au = { class: "h-32 border border-t mt-10 pb-10 border-lineGrey flex flex-col justify-center items-center" }, nu = { class: "flex md:hidden flex-col items-center bg-primary pb-10" }, iu = { class: "w-full flex flex-col items-center" }, lu = { class: "w-full max-w-xs flex justify-between items-center" }, cu = { class: "flex justify-center w-1/2" }, du = ["src"], uu = { class: "flex flex-col w-1/2" }, mu = { class: "w-full flex flex-col items-center" }, hu = { class: "w-full max-w-xs flex flex-col items-center pt-8 px-6" }, gu = { class: "w-full max-w-xs flex flex-col items-center pt-8" }, pu = { class: "flex justify-center" };
-function fu(r, e, t, i, a, s) {
+}, Md = { class: "hidden md:flex flex-col bg-primary" }, Od = { class: "w-full hidden md:flex" }, Rd = { class: "w-1/3" }, Dd = { class: "items-center w-full flex justify-center" }, qd = ["src"], Fd = { class: "w-1/3 flex flex-col" }, Ud = { class: "w-full flex justify-around" }, Vd = { class: "flex w-1/3" }, Qd = { class: "flex w-1/3" }, Jd = { class: "flex items-center w-1/3" }, Hd = { class: "w-full flex justify-around" }, Wd = { class: "flex items-center w-1/3" }, Kd = { class: "flex items-center w-1/3" }, Yd = { class: "flex items-center w-1/3" }, Zd = { class: "w-full flex justify-around" }, Gd = { class: "flex items-center w-1/3" }, Xd = { class: "flex items-center w-1/3" }, $d = { class: "flex w-1/3" }, eu = { class: "w-1/3 flex flex-col" }, tu = { class: "w-full flex justify-end" }, ru = { class: "w-30 mr-16" }, su = { class: "w-full flex justify-end mt-12" }, ou = { class: "w-48 mr-16" }, nu = { class: "h-32 border border-t mt-10 pb-10 border-lineGrey flex flex-col justify-center items-center" }, au = { class: "flex md:hidden flex-col items-center bg-primary pb-10" }, iu = { class: "w-full flex flex-col items-center" }, lu = { class: "w-full max-w-xs flex justify-between items-center" }, cu = { class: "flex justify-center w-1/2" }, du = ["src"], uu = { class: "flex flex-col w-1/2" }, mu = { class: "w-full flex flex-col items-center" }, hu = { class: "w-full max-w-xs flex flex-col items-center pt-8 px-6" }, gu = { class: "w-full max-w-xs flex flex-col items-center pt-8" }, pu = { class: "flex justify-center" };
+function fu(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("InputField"), l = y("Icon");
   return u(), g(I, null, [
-    n("section", Md, [
-      e[25] || (e[25] = n("div", { class: "h-20" }, null, -1)),
-      n("section", Od, [
-        n("div", Rd, [
-          n("div", Dd, [
-            n("img", {
-              src: a.logo,
+    a("section", Md, [
+      e[25] || (e[25] = a("div", { class: "h-20" }, null, -1)),
+      a("section", Od, [
+        a("div", Rd, [
+          a("div", Dd, [
+            a("img", {
+              src: n.logo,
               alt: "Logo",
               class: "w-[71px] h-[56px]"
             }, null, 8, qd)
           ])
         ]),
-        n("div", Fd, [
-          n("div", Ud, [
-            n("div", Vd, [
-              n("a", {
+        a("div", Fd, [
+          a("div", Ud, [
+            a("div", Vd, [
+              a("a", {
                 href: "#",
                 onClick: e[0] || (e[0] = F((p) => s.pageChange("tournaments"), ["prevent"]))
               }, [
@@ -9404,8 +9366,8 @@ function fu(r, e, t, i, a, s) {
                 })
               ])
             ]),
-            n("div", Qd, [
-              n("a", {
+            a("div", Qd, [
+              a("a", {
                 href: "#",
                 onClick: e[1] || (e[1] = F((p) => s.pageChange("clubs"), ["prevent"]))
               }, [
@@ -9424,8 +9386,8 @@ function fu(r, e, t, i, a, s) {
               ]),
               e[14] || (e[14] = m("a "))
             ]),
-            n("div", Jd, [
-              n("a", {
+            a("div", Jd, [
+              a("a", {
                 href: "#",
                 onClick: e[2] || (e[2] = F((p) => s.pageChange("leaderboard"), ["prevent"]))
               }, [
@@ -9444,9 +9406,9 @@ function fu(r, e, t, i, a, s) {
               ])
             ])
           ]),
-          n("div", Hd, [
-            n("div", Wd, [
-              n("a", {
+          a("div", Hd, [
+            a("div", Wd, [
+              a("a", {
                 href: "#",
                 onClick: e[3] || (e[3] = F((p) => s.pageChange("tournaments"), ["prevent"]))
               }, [
@@ -9464,8 +9426,8 @@ function fu(r, e, t, i, a, s) {
                 })
               ])
             ]),
-            n("div", Kd, [
-              n("a", {
+            a("div", Kd, [
+              a("a", {
                 href: "#",
                 onClick: e[4] || (e[4] = F((p) => s.pageChange("clubs"), ["prevent"]))
               }, [
@@ -9483,8 +9445,8 @@ function fu(r, e, t, i, a, s) {
                 })
               ])
             ]),
-            n("div", Yd, [
-              n("a", {
+            a("div", Yd, [
+              a("a", {
                 href: "#",
                 onClick: e[5] || (e[5] = F((p) => s.pageChange("leaderboard"), ["prevent"]))
               }, [
@@ -9503,9 +9465,9 @@ function fu(r, e, t, i, a, s) {
               ])
             ])
           ]),
-          n("div", Gd, [
-            n("div", Zd, [
-              n("a", {
+          a("div", Zd, [
+            a("div", Gd, [
+              a("a", {
                 href: "#",
                 onClick: e[6] || (e[6] = F((p) => s.pageChange("tournaments"), ["prevent"]))
               }, [
@@ -9523,8 +9485,8 @@ function fu(r, e, t, i, a, s) {
                 })
               ])
             ]),
-            n("div", Xd, [
-              n("a", {
+            a("div", Xd, [
+              a("a", {
                 href: "#",
                 onClick: e[7] || (e[7] = F((p) => s.pageChange("clubs"), ["prevent"]))
               }, [
@@ -9542,8 +9504,8 @@ function fu(r, e, t, i, a, s) {
                 })
               ])
             ]),
-            n("div", $d, [
-              n("a", {
+            a("div", $d, [
+              a("a", {
                 href: "#",
                 onClick: e[8] || (e[8] = F((p) => s.pageChange("leaderboard"), ["prevent"]))
               }, [
@@ -9563,9 +9525,9 @@ function fu(r, e, t, i, a, s) {
             ])
           ])
         ]),
-        n("div", eu, [
-          n("div", tu, [
-            n("div", ru, [
+        a("div", eu, [
+          a("div", tu, [
+            a("div", ru, [
               c(o, {
                 color: "secondary",
                 size: "md",
@@ -9585,8 +9547,8 @@ function fu(r, e, t, i, a, s) {
               })
             ])
           ]),
-          n("div", su, [
-            n("div", ou, [
+          a("div", su, [
+            a("div", ou, [
               c(o, {
                 color: "secondary",
                 size: "md",
@@ -9599,7 +9561,7 @@ function fu(r, e, t, i, a, s) {
                 ])),
                 _: 1
               }),
-              n("div", null, [
+              a("div", null, [
                 c(l, {
                   type: "fa-brands",
                   icon: "fa-facebook",
@@ -9633,7 +9595,7 @@ function fu(r, e, t, i, a, s) {
           ])
         ])
       ]),
-      n("div", au, [
+      a("div", nu, [
         c(o, {
           color: "secondary",
           size: "sm",
@@ -9648,19 +9610,19 @@ function fu(r, e, t, i, a, s) {
         })
       ])
     ]),
-    n("section", nu, [
-      e[31] || (e[31] = n("div", { class: "h-8" }, null, -1)),
-      n("div", iu, [
-        n("div", lu, [
-          n("div", cu, [
-            n("img", {
-              src: a.logo,
+    a("section", au, [
+      e[31] || (e[31] = a("div", { class: "h-8" }, null, -1)),
+      a("div", iu, [
+        a("div", lu, [
+          a("div", cu, [
+            a("img", {
+              src: n.logo,
               alt: "Logo",
               class: "w-[94px] h-[74px]"
             }, null, 8, du)
           ]),
-          n("div", uu, [
-            n("a", {
+          a("div", uu, [
+            a("a", {
               href: "#",
               onClick: e[9] || (e[9] = F((p) => s.pageChange("tournaments"), ["prevent"]))
             }, [
@@ -9677,7 +9639,7 @@ function fu(r, e, t, i, a, s) {
                 _: 1
               })
             ]),
-            n("a", {
+            a("a", {
               href: "#",
               onClick: e[10] || (e[10] = F((p) => s.pageChange("tournaments"), ["prevent"]))
             }, [
@@ -9694,7 +9656,7 @@ function fu(r, e, t, i, a, s) {
                 _: 1
               })
             ]),
-            n("a", {
+            a("a", {
               href: "#",
               onClick: e[11] || (e[11] = F((p) => s.pageChange("tournaments"), ["prevent"]))
             }, [
@@ -9714,8 +9676,8 @@ function fu(r, e, t, i, a, s) {
           ])
         ])
       ]),
-      n("div", mu, [
-        n("div", hu, [
+      a("div", mu, [
+        a("div", hu, [
           c(o, {
             color: "secondary",
             size: "md",
@@ -9734,7 +9696,7 @@ function fu(r, e, t, i, a, s) {
             class: "w-full"
           })
         ]),
-        n("div", gu, [
+        a("div", gu, [
           c(o, {
             color: "secondary",
             size: "md",
@@ -9747,7 +9709,7 @@ function fu(r, e, t, i, a, s) {
             ])),
             _: 1
           }),
-          n("div", pu, [
+          a("div", pu, [
             c(l, {
               type: "fa-brands",
               icon: "fa-facebook",
@@ -9786,7 +9748,7 @@ const bu = /* @__PURE__ */ C(jd, [["render", fu]]), yu = {
   name: "LivePool",
   components: {
     BaseText: B,
-    AttendanceCard: as
+    AttendanceCard: ns
   },
   props: {
     pool: {
@@ -9815,10 +9777,10 @@ const bu = /* @__PURE__ */ C(jd, [["render", fu]]), yu = {
     }
   }
 }, xu = { class: "p-4" }, wu = { class: "mb-2 flex w-full justify-between px-2" }, vu = { class: "grid grid-cols-1 gap-2 px-2" };
-function Cu(r, e, t, i, a, s) {
+function Cu(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("AttendanceCard");
   return u(), g("section", xu, [
-    n("div", wu, [
+    a("div", wu, [
       c(o, {
         color: "primary",
         size: "",
@@ -9836,8 +9798,8 @@ function Cu(r, e, t, i, a, s) {
         _: 1
       })
     ]),
-    e[0] || (e[0] = n("hr", { class: "border border-accent mb-4" }, null, -1)),
-    n("div", vu, [
+    e[0] || (e[0] = a("hr", { class: "border border-accent mb-4" }, null, -1)),
+    a("div", vu, [
       (u(!0), g(I, null, N(s.fencers, (l, p) => (u(), L(d, {
         key: l.id || p,
         fencer: l,
@@ -9873,7 +9835,7 @@ const Su = /* @__PURE__ */ C(yu, [["render", Cu]]), Au = {
     }
   }
 };
-function ku(r, e, t, i, a, s) {
+function ku(r, e, t, i, n, s) {
   const o = y("LivePool");
   return u(), g("section", {
     class: S(["grid gap-4", s.getGridCols])
@@ -9885,7 +9847,7 @@ function ku(r, e, t, i, a, s) {
     }, null, 8, ["pool", "large"]))), 128))
   ], 2);
 }
-const nm = /* @__PURE__ */ C(Au, [["render", ku]]), Tu = {
+const am = /* @__PURE__ */ C(Au, [["render", ku]]), Tu = {
   name: "HomePage",
   components: {
     RatingSystemAnnouncement: Hl,
@@ -9977,10 +9939,10 @@ const nm = /* @__PURE__ */ C(Au, [["render", ku]]), Tu = {
     }
   }
 }, Bu = { class: "m-0 w-full bg-secondary" };
-function _u(r, e, t, i, a, s) {
+function _u(r, e, t, i, n, s) {
   const o = y("PageHeader"), d = y("HeroBanner"), l = y("ScrollNav"), p = y("GridLayout"), b = y("SingleButtonBanner"), x = y("RatingSystemAnnouncement"), v = y("DoubleButtonBanner"), k = y("Footer");
   return u(), g(I, null, [
-    n("div", Bu, [
+    a("div", Bu, [
       c(o, { onChangePage: s.changePage }, null, 8, ["onChangePage"]),
       c(d, {
         title: t.title,
@@ -9990,7 +9952,7 @@ function _u(r, e, t, i, a, s) {
       }, null, 8, ["title", "buttonLabel", "description", "imageSrc"]),
       c(l, { buffer: 200 }),
       c(p, {
-        cardComponent: a.TournamentCard,
+        cardComponent: n.TournamentCard,
         items: s.limitedTournaments,
         maxColumns: 3,
         isLoading: t.tournamentsIsLoading,
@@ -10017,7 +9979,7 @@ function _u(r, e, t, i, a, s) {
         cardComponent: s.ArticleCard,
         items: t.articles,
         maxColumns: 3,
-        mobileHorizontal: a.mobileHorizontal,
+        mobileHorizontal: n.mobileHorizontal,
         isLoading: t.articlesIsLoading,
         moreButtonLabel: "See More",
         title: "Interesting Articles",
@@ -10031,7 +9993,7 @@ function _u(r, e, t, i, a, s) {
 const im = /* @__PURE__ */ C(Tu, [["render", _u]]);
 export {
   We as ArticleCard,
-  as as AttendanceCard,
+  ns as AttendanceCard,
   J as BaseButton,
   B as BaseText,
   Lu as BreadCrumbs,
@@ -10046,7 +10008,7 @@ export {
   He as FencerListCard,
   Xu as FencerNameBar,
   $u as FencerPit,
-  Gu as FencerPoolStatsCard,
+  Zu as FencerPoolStatsCard,
   Pu as FencerVsCard,
   bu as Footer,
   dt as GridLayout,
@@ -10060,11 +10022,11 @@ export {
   ye as InputField,
   ju as KioskFooter,
   Mu as KioskHeader,
-  am as LeaderboardHeader,
-  nm as LivePoolsContainer,
+  nm as LeaderboardHeader,
+  am as LivePoolsContainer,
   br as Mapbox,
   xs as PageHeader,
-  Zu as PhotoCard,
+  Gu as PhotoCard,
   zu as ProgressTracker,
   Hl as RatingSystemAnnouncement,
   em as ScoreBar,