@dcrackel/meyersquaredui 1.0.125 → 1.0.128

package/dist/meyersquaredui.es.js

@@ -1,4 +1,4 @@
-import { openBlock as h, createBlock as U, resolveDynamicComponent as Ze, normalizeClass as B, withCtx as m, renderSlot as ke, createElementBlock as f, resolveComponent as x, createElementVNode as i, createVNode as d, createTextVNode as u, toDisplayString as p, Fragment as P, renderList as L, defineComponent as V, ref as T, provide as oe, watch as q, onMounted as Qe, onBeforeUnmount as ee, toRef as J, inject as O, computed as me, markRaw as K, Comment as Je, normalizeProps as ct, guardReactiveProps as ut, createCommentVNode as v, withModifiers as F, withDirectives as Xe, vShow as mt, normalizeStyle as ae, vModelText as ht, createStaticVNode as Ce } from "vue";
+import { openBlock as h, createBlock as H, resolveDynamicComponent as Ze, normalizeClass as B, withCtx as m, renderSlot as ke, createElementBlock as f, resolveComponent as x, createElementVNode as i, createVNode as d, createTextVNode as u, toDisplayString as p, Fragment as P, renderList as M, defineComponent as U, ref as T, provide as oe, watch as q, onMounted as Qe, onBeforeUnmount as ee, toRef as J, inject as O, computed as me, markRaw as K, Comment as Je, normalizeProps as ct, guardReactiveProps as ut, createCommentVNode as v, withModifiers as F, withDirectives as Xe, vShow as mt, normalizeStyle as ae, vModelText as ht, createStaticVNode as Ce } from "vue";
 const S = (r, e) => {
   const t = r.__vccOpts || r;
   for (const [a, o] of e)
@@ -57,7 +57,7 @@ const S = (r, e) => {
   }
 };
 function ft(r, e, t, a, o, s) {
-  return h(), U(Ze(t.tag), {
+  return h(), H(Ze(t.tag), {
     class: B(s.textClasses)
   }, {
     default: m(() => [
@@ -256,7 +256,7 @@ function wt(r, e, t, a, o, s) {
     ], 2)
   ], 10, xt);
 }
-const H = /* @__PURE__ */ S(yt, [["render", wt]]), vt = {
+const V = /* @__PURE__ */ S(yt, [["render", wt]]), vt = {
   name: "InputField",
   props: {
     type: {
@@ -400,7 +400,7 @@ const $e = /* @__PURE__ */ S(Ct, [["render", At]]), zt = {
     }
   }
 }, Bt = { class: "w-80 h-80 p-6 bg-primary rounded-lg shadow-md" }, It = { class: "flex justify-between items-center mb-4" }, Tt = { class: "grid grid-cols-7 gap-1 text-center font-bold text-sm text-gray-600 mb-2" }, Pt = { class: "grid grid-cols-7 gap-1 text-center" }, Et = ["onClick"];
-function Mt(r, e, t, a, o, s) {
+function Lt(r, e, t, a, o, s) {
   const n = x("BaseText");
   return h(), f("div", Bt, [
     i("div", It, [
@@ -427,7 +427,7 @@ function Mt(r, e, t, a, o, s) {
       ])
     ]),
     i("div", Tt, [
-      (h(!0), f(P, null, L(o.weekdays, (c) => (h(), f("div", { key: c }, [
+      (h(!0), f(P, null, M(o.weekdays, (c) => (h(), f("div", { key: c }, [
         d(n, {
           tag: "p",
           size: "xs",
@@ -442,10 +442,10 @@ function Mt(r, e, t, a, o, s) {
       ]))), 128))
     ]),
     i("div", Pt, [
-      (h(!0), f(P, null, L(s.startDay, (c) => (h(), f("div", {
+      (h(!0), f(P, null, M(s.startDay, (c) => (h(), f("div", {
         key: "empty-" + c
       }))), 128)),
-      (h(!0), f(P, null, L(s.daysInMonth, (c, l) => (h(), f("div", {
+      (h(!0), f(P, null, M(s.daysInMonth, (c, l) => (h(), f("div", {
         key: "day-" + c,
         onClick: (g) => s.dayClicked(c),
         class: B(["flex justify-center items-center cursor-pointer p-2 rounded-full", {
@@ -469,7 +469,7 @@ function Mt(r, e, t, a, o, s) {
     ])
   ]);
 }
-const bd = /* @__PURE__ */ S(zt, [["render", Mt]]);
+const bd = /* @__PURE__ */ S(zt, [["render", Lt]]);
 (function() {
   try {
     if (typeof document < "u") {
@@ -480,7 +480,7 @@ const bd = /* @__PURE__ */ S(zt, [["render", Mt]]);
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-var Lt = Object.defineProperty, jt = (r, e, t) => e in r ? Lt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Pe = (r, e, t) => (jt(r, typeof e != "symbol" ? e + "" : e, t), t);
+var Mt = Object.defineProperty, jt = (r, e, t) => e in r ? Mt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Pe = (r, e, t) => (jt(r, typeof e != "symbol" ? e + "" : e, t), t);
 const te = Symbol("map"), se = Symbol("api"), Se = Symbol("marker"), Ae = Symbol("markerCluster"), ye = Symbol("CustomMarker"), et = Symbol("mapTilesLoaded"), ie = [
   "click",
   "dblclick",
@@ -687,15 +687,15 @@ class $ {
       _ = _[b] || (_[b] = {});
       const C = _.maps || (_.maps = {}), A = /* @__PURE__ */ new Set(), I = new URLSearchParams(), E = () => (
         // @ts-ignore
-        n || (n = new Promise((M, G) => Nt(this, void 0, void 0, function* () {
+        n || (n = new Promise((L, W) => Nt(this, void 0, void 0, function* () {
           var D;
           yield c = k.createElement("script"), c.id = this.id, I.set("libraries", [...A] + "");
           for (l in s)
-            I.set(l.replace(/[A-Z]/g, (W) => "_" + W[0].toLowerCase()), s[l]);
-          I.set("callback", b + ".maps." + w), c.src = this.url + "?" + I, C[w] = M, c.onerror = () => n = G(Error(g + " could not load.")), c.nonce = this.nonce || ((D = k.querySelector("script[nonce]")) === null || D === void 0 ? void 0 : D.nonce) || "", k.head.append(c);
+            I.set(l.replace(/[A-Z]/g, (G) => "_" + G[0].toLowerCase()), s[l]);
+          I.set("callback", b + ".maps." + w), c.src = this.url + "?" + I, C[w] = L, c.onerror = () => n = W(Error(g + " could not load.")), c.nonce = this.nonce || ((D = k.querySelector("script[nonce]")) === null || D === void 0 ? void 0 : D.nonce) || "", k.head.append(c);
         })))
       );
-      C[y] ? console.warn(g + " only loads once. Ignoring:", s) : C[y] = (M, ...G) => A.add(M) && E().then(() => C[y](M, ...G));
+      C[y] ? console.warn(g + " only loads once. Ignoring:", s) : C[y] = (L, ...W) => A.add(L) && E().then(() => C[y](L, ...W));
     })(a);
     const o = this.libraries.map((s) => this.importLibrary(s));
     o.length || o.push(this.importLibrary("core")), Promise.all(o).then(() => this.callback(), (s) => {
@@ -808,8 +808,8 @@ function Dt(r) {
     }
   };
 }
-let Me;
-const Le = [
+let Le;
+const Me = [
   "bounds_changed",
   "center_changed",
   "click",
@@ -832,7 +832,7 @@ const Le = [
   "tilesloaded",
   "tilt_changed",
   "zoom_changed"
-], Rt = V({
+], Rt = U({
   props: {
     apiPromise: {
       type: Promise
@@ -1029,7 +1029,7 @@ const Le = [
       default: ""
     }
   },
-  emits: Le,
+  emits: Me,
   setup(r, { emit: e }) {
     const t = T(), a = T(!1), o = T(), s = T(), n = T(!1);
     oe(te, o), oe(se, s), oe(et, n);
@@ -1063,14 +1063,14 @@ const Le = [
     ), g = () => {
       try {
         const { apiKey: y, region: w, version: k, language: _, libraries: C, nonce: A } = r;
-        Me = new $({ apiKey: y, region: w, version: k, language: _, libraries: C, nonce: A });
+        Le = new $({ apiKey: y, region: w, version: k, language: _, libraries: C, nonce: A });
       } catch (y) {
         console.error(y);
       }
     }, b = (y) => {
       s.value = K(y.maps), o.value = K(new y.maps.Map(t.value, c()));
       const w = Dt(s.value);
-      s.value[ye] = w, Le.forEach((_) => {
+      s.value[ye] = w, Me.forEach((_) => {
         var C;
         (C = o.value) == null || C.addListener(_, (A) => e(_, A));
       }), a.value = !0;
@@ -1080,16 +1080,16 @@ const Le = [
       q(
         [() => r.center, () => r.zoom, ...k],
         ([_, C], [A, I]) => {
-          var E, M, G;
-          const { center: D, zoom: W, ...R } = c();
-          (E = o.value) == null || E.setOptions(R), C !== void 0 && C !== I && ((M = o.value) == null || M.setZoom(C));
+          var E, L, W;
+          const { center: D, zoom: G, ...R } = c();
+          (E = o.value) == null || E.setOptions(R), C !== void 0 && C !== I && ((L = o.value) == null || L.setZoom(C));
           const ge = !A || _.lng !== A.lng || _.lat !== A.lat;
-          _ && ge && ((G = o.value) == null || G.panTo(_));
+          _ && ge && ((W = o.value) == null || W.panTo(_));
         }
       );
     };
     return Qe(() => {
-      r.apiPromise && r.apiPromise instanceof Promise ? r.apiPromise.then(b) : (g(), Me.load().then(b));
+      r.apiPromise && r.apiPromise instanceof Promise ? r.apiPromise.then(b) : (g(), Le.load().then(b));
     }), ee(() => {
       var y;
       n.value = !1, o.value && ((y = s.value) == null || y.event.clearInstanceListeners(o.value));
@@ -1100,17 +1100,17 @@ const Le = [
   for (const [a, o] of e)
     t[a] = o;
   return t;
-}, Gt = {
+}, Wt = {
   ref: "mapRef",
   class: "mapdiv"
 };
-function Ut(r, e, t, a, o, s) {
+function Gt(r, e, t, a, o, s) {
   return h(), f("div", null, [
-    i("div", Gt, null, 512),
+    i("div", Wt, null, 512),
     ke(r.$slots, "default", ct(ut({ ready: r.ready, map: r.map, api: r.api, mapTilesLoaded: r.mapTilesLoaded })), void 0, !0)
   ]);
 }
-const Wt = /* @__PURE__ */ Ft(Rt, [["render", Ut], ["__scopeId", "data-v-d05fc6bc"]]);
+const Ut = /* @__PURE__ */ Ft(Rt, [["render", Gt], ["__scopeId", "data-v-d05fc6bc"]]);
 function Vt(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
@@ -1149,7 +1149,7 @@ var Ht = function r(e, t) {
   }
   return e !== e && t !== t;
 };
-const Y = /* @__PURE__ */ Vt(Ht), je = ["click", "drag", "dragend", "dragstart", "gmp-click"], qt = V({
+const Y = /* @__PURE__ */ Vt(Ht), je = ["click", "drag", "dragend", "dragstart", "gmp-click"], qt = U({
   name: "AdvancedMarker",
   props: {
     options: {
@@ -1173,17 +1173,17 @@ const Y = /* @__PURE__ */ Vt(Ht), je = ["click", "drag", "dragend", "dragstart",
         const E = !Y(o.value, k) || !Y(s.value, _) || c.value !== w;
         if (!c.value || !l.value || !E)
           return;
-        const { AdvancedMarkerElement: M, PinElement: G } = l.value.marker;
+        const { AdvancedMarkerElement: L, PinElement: W } = l.value.marker;
         if (n.value) {
-          const { map: D, content: W, ...R } = o.value;
+          const { map: D, content: G, ...R } = o.value;
           Object.assign(n.value, {
-            content: s.value ? new G(s.value).element : W,
+            content: s.value ? new W(s.value).element : G,
             ...R
           }), b.value && ((C = g.value) == null || C.removeMarker(n.value), (A = g.value) == null || A.addMarker(n.value));
         } else
-          s.value && (o.value.content = new G(s.value).element), n.value = K(new M(o.value)), b.value ? (I = g.value) == null || I.addMarker(n.value) : n.value.map = c.value, je.forEach((D) => {
-            var W;
-            (W = n.value) == null || W.addListener(D, (R) => e(D, R));
+          s.value && (o.value.content = new W(s.value).element), n.value = K(new L(o.value)), b.value ? (I = g.value) == null || I.addMarker(n.value) : n.value.map = c.value, je.forEach((D) => {
+            var G;
+            (G = n.value) == null || G.addListener(D, (R) => e(D, R));
           });
       },
       {
@@ -1252,7 +1252,7 @@ const Y = /* @__PURE__ */ Vt(Ht), je = ["click", "drag", "dragend", "dragstart",
   "title_changed",
   "visible_changed"
 ];
-V({
+U({
   name: "Marker",
   props: {
     options: {
@@ -1269,7 +1269,7 @@ V({
     };
   }
 });
-V({
+U({
   name: "Polyline",
   props: {
     options: {
@@ -1284,7 +1284,7 @@ V({
   },
   render: () => null
 });
-V({
+U({
   name: "Polygon",
   props: {
     options: {
@@ -1300,7 +1300,7 @@ V({
   render: () => null
 });
 const Oe = ie.concat(["bounds_changed"]);
-V({
+U({
   name: "Rectangle",
   props: {
     options: {
@@ -1316,7 +1316,7 @@ V({
   render: () => null
 });
 const De = ie.concat(["center_changed", "radius_changed"]);
-V({
+U({
   name: "Circle",
   props: {
     options: {
@@ -1331,7 +1331,7 @@ V({
   },
   render: () => null
 });
-V({
+U({
   props: {
     position: {
       type: String,
@@ -1378,7 +1378,7 @@ V({
   }
 });
 const Re = ["closeclick", "content_changed", "domready", "position_changed", "visible", "zindex_changed"];
-V({
+U({
   inheritAttrs: !1,
   props: {
     options: {
@@ -1407,9 +1407,9 @@ V({
       q(
         [n, () => r.options],
         ([C, A], [I, E]) => {
-          var M;
-          const G = !Y(A, E) || n.value !== I;
-          n.value && c.value && G && (o.value ? (o.value.setOptions({
+          var L;
+          const W = !Y(A, E) || n.value !== I;
+          n.value && c.value && W && (o.value ? (o.value.setOptions({
             ...A,
             content: y.value ? s.value : A.content
           }), l.value || k()) : (o.value = K(
@@ -1420,9 +1420,9 @@ V({
           ), l.value && (g = l.value.addListener("click", () => {
             k();
           })), (!l.value || b) && k(), Re.forEach((D) => {
-            var W;
-            (W = o.value) == null || W.addListener(D, (R) => t(D, R));
-          }), (M = o.value) == null || M.addListener("closeclick", () => w(!1))));
+            var G;
+            (G = o.value) == null || G.addListener(D, (R) => t(D, R));
+          }), (L = o.value) == null || L.addListener("closeclick", () => w(!1))));
         },
         {
           immediate: !0
@@ -1546,11 +1546,11 @@ class ze {
       const b = c.pop() || 0, y = c.pop() || 0, w = c.pop() || 0;
       if (y - w <= n) {
         for (let A = w; A <= y; A++)
-          Ge(s[2 * A], s[2 * A + 1], e, t) <= g && l.push(o[A]);
+          We(s[2 * A], s[2 * A + 1], e, t) <= g && l.push(o[A]);
         continue;
       }
       const k = w + y >> 1, _ = s[2 * k], C = s[2 * k + 1];
-      Ge(_, C, e, t) <= g && l.push(o[k]), (b === 0 ? e - a <= _ : t - a <= C) && (c.push(w), c.push(k - 1), c.push(1 - b)), (b === 0 ? e + a >= _ : t + a >= C) && (c.push(k + 1), c.push(y), c.push(1 - b));
+      We(_, C, e, t) <= g && l.push(o[k]), (b === 0 ? e - a <= _ : t - a <= C) && (c.push(w), c.push(k - 1), c.push(1 - b)), (b === 0 ? e + a >= _ : t + a >= C) && (c.push(k + 1), c.push(y), c.push(1 - b));
     }
     return l;
   }
@@ -1585,7 +1585,7 @@ function we(r, e, t) {
   const a = r[e];
   r[e] = r[t], r[t] = a;
 }
-function Ge(r, e, t, a) {
+function We(r, e, t, a) {
   const o = r - t, s = e - a;
   return o * o + s * s;
 }
@@ -1612,7 +1612,7 @@ const Zt = {
   // properties to use for individual points when running the reducer
   map: (r) => r
   // props => ({sum: props.my_value})
-}, Ue = Math.fround || /* @__PURE__ */ ((r) => (e) => (r[0] = +e, r[0]))(new Float32Array(1)), X = 2, Q = 3, ve = 4, Z = 5, st = 6;
+}, Ge = Math.fround || /* @__PURE__ */ ((r) => (e) => (r[0] = +e, r[0]))(new Float32Array(1)), X = 2, Q = 3, ve = 4, Z = 5, st = 6;
 class rt {
   constructor(e) {
     this.options = Object.assign(Object.create(Zt), e), this.trees = new Array(this.options.maxZoom + 1), this.stride = this.options.reduce ? 7 : 6, this.clusterProps = [];
@@ -1627,7 +1627,7 @@ class rt {
       const g = e[l];
       if (!g.geometry)
         continue;
-      const [b, y] = g.geometry.coordinates, w = Ue(fe(b)), k = Ue(pe(y));
+      const [b, y] = g.geometry.coordinates, w = Ge(fe(b)), k = Ge(pe(y));
       n.push(
         w,
         k,
@@ -1664,7 +1664,7 @@ class rt {
     const c = this.trees[this._limitZoom(t)], l = c.range(fe(a), pe(n), fe(s), pe(o)), g = c.data, b = [];
     for (const y of l) {
       const w = this.stride * y;
-      b.push(g[w + Z] > 1 ? We(g, w, this.clusterProps) : this.points[g[w + Q]]);
+      b.push(g[w + Z] > 1 ? Ue(g, w, this.clusterProps) : this.points[g[w + Q]]);
     }
     return b;
   }
@@ -1678,7 +1678,7 @@ class rt {
     const c = this.options.radius / (this.options.extent * Math.pow(2, a - 1)), l = n[t * this.stride], g = n[t * this.stride + 1], b = s.within(l, g, c), y = [];
     for (const w of b) {
       const k = w * this.stride;
-      n[k + ve] === e && y.push(n[k + Z] > 1 ? We(n, k, this.clusterProps) : this.points[n[k + Q]]);
+      n[k + ve] === e && y.push(n[k + Z] > 1 ? Ue(n, k, this.clusterProps) : this.points[n[k + Q]]);
     }
     if (y.length === 0)
       throw new Error(o);
@@ -1781,17 +1781,17 @@ class rt {
         l[E + X] > t && (A += l[E + Z]);
       }
       if (A > C && A >= n) {
-        let I = w * C, E = k * C, M, G = -1;
+        let I = w * C, E = k * C, L, W = -1;
         const D = ((y / b | 0) << 5) + (t + 1) + this.points.length;
-        for (const W of _) {
-          const R = W * b;
+        for (const G of _) {
+          const R = G * b;
           if (l[R + X] <= t)
             continue;
           l[R + X] = t;
           const ge = l[R + Z];
-          I += l[R] * ge, E += l[R + 1] * ge, l[R + ve] = D, s && (M || (M = this._map(l, y, !0), G = this.clusterProps.length, this.clusterProps.push(M)), s(M, this._map(l, R)));
+          I += l[R] * ge, E += l[R + 1] * ge, l[R + ve] = D, s && (L || (L = this._map(l, y, !0), W = this.clusterProps.length, this.clusterProps.push(L)), s(L, this._map(l, R)));
         }
-        l[y + ve] = D, g.push(I / A, E / A, 1 / 0, D, -1, A), s && g.push(G);
+        l[y + ve] = D, g.push(I / A, E / A, 1 / 0, D, -1, A), s && g.push(W);
       } else {
         for (let I = 0; I < b; I++)
           g.push(l[y + I]);
@@ -1800,8 +1800,8 @@ class rt {
             const E = I * b;
             if (!(l[E + X] <= t)) {
               l[E + X] = t;
-              for (let M = 0; M < b; M++)
-                g.push(l[E + M]);
+              for (let L = 0; L < b; L++)
+                g.push(l[E + L]);
             }
           }
       }
@@ -1825,7 +1825,7 @@ class rt {
     return a && s === o ? Object.assign({}, s) : s;
   }
 }
-function We(r, e, t) {
+function Ue(r, e, t) {
   return {
     type: "Feature",
     id: r[e + Q],
@@ -2266,7 +2266,7 @@ class cs extends Ie {
   }
 }
 const He = Object.values(ne);
-V({
+U({
   name: "MarkerCluster",
   props: {
     options: {
@@ -2305,7 +2305,7 @@ V({
     };
   }
 });
-V({
+U({
   inheritAttrs: !1,
   props: {
     options: {
@@ -2326,7 +2326,7 @@ V({
     }), { customMarkerRef: o, customMarker: c, hasSlotContent: s };
   }
 });
-V({
+U({
   name: "HeatmapLayer",
   props: {
     options: {
@@ -2365,7 +2365,7 @@ V({
 const us = {
   name: "Mapbox",
   components: {
-    GoogleMap: Wt,
+    GoogleMap: Ut,
     AdvancedMarker: qt
   },
   props: {
@@ -2488,7 +2488,7 @@ const hs = /* @__PURE__ */ S(us, [["render", ms]]), gs = {
 function bs(r, e, t, a, o, s) {
   const n = x("BaseText");
   return h(), f("div", fs, [
-    (h(!0), f(P, null, L(t.phases, (c, l) => (h(), f("div", {
+    (h(!0), f(P, null, M(t.phases, (c, l) => (h(), f("div", {
       key: l,
       class: B(["flex w-full items-center flex-grow", {
         "cursor-pointer": l < t.currentPhase,
@@ -2638,7 +2638,7 @@ const xd = /* @__PURE__ */ S(ys, [["render", vs]]), Te = "data:image/png;base64,
   components: {
     SearchBox: $e,
     BaseText: z,
-    BaseButton: H,
+    BaseButton: V,
     Icon: j
   },
   data() {
@@ -2676,8 +2676,8 @@ const xd = /* @__PURE__ */ S(ys, [["render", vs]]), Te = "data:image/png;base64,
   beforeUnmount() {
     document.removeEventListener("click", this.handleClickOutside);
   }
-}, ks = { class: "border-b border-lineGrey w-full bg-primary m-0 z-10" }, Cs = { class: "w-full hidden md:flex" }, Ss = ["src"], As = { class: "flex w-full items-center border-r border-l border-lineGrey" }, zs = { class: "hidden lg:flex w-1/3 pl-20 mb-3 mt-1" }, Bs = { class: "ml-8 w-2/3 flex justify-around" }, Is = { class: "w-[150px] h-[150px] bg-primary flex-shrink-0 flex items-center justify-center" }, Ts = { class: "w-full flex md:hidden fixed top-0 z-10 bg-primary" }, Ps = { class: "py-2 px-6 flex justify-between w-full" }, Es = ["src"], Ms = ["onClick"];
-function Ls(r, e, t, a, o, s) {
+}, ks = { class: "border-b border-lineGrey w-full bg-primary m-0 z-10" }, Cs = { class: "w-full hidden md:flex" }, Ss = ["src"], As = { class: "flex w-full items-center border-r border-l border-lineGrey" }, zs = { class: "hidden lg:flex w-1/3 pl-20 mb-3 mt-1" }, Bs = { class: "ml-8 w-2/3 flex justify-around" }, Is = { class: "w-[150px] h-[150px] bg-primary flex-shrink-0 flex items-center justify-center" }, Ts = { class: "w-full flex md:hidden fixed top-0 z-10 bg-primary" }, Ps = { class: "py-2 px-6 flex justify-between w-full" }, Es = ["src"], Ls = ["onClick"];
+function Ms(r, e, t, a, o, s) {
   const n = x("SearchBox"), c = x("BaseText"), l = x("BaseButton"), g = x("Icon");
   return h(), f("header", ks, [
     i("section", Cs, [
@@ -2787,7 +2787,7 @@ function Ls(r, e, t, a, o, s) {
       }, ["stop"]))
     }, [
       i("ul", null, [
-        (h(!0), f(P, null, L(o.items, (b) => (h(), f("li", {
+        (h(!0), f(P, null, M(o.items, (b) => (h(), f("li", {
           key: b.label,
           onClick: (y) => s.handlePageChange(b.value),
           class: "px-2 py-2 cursor-pointer hover:bg-hoverColor justify-end flex"
@@ -2811,12 +2811,12 @@ function Ls(r, e, t, a, o, s) {
             color: "accent",
             class: "ml-2"
           }, null, 8, ["icon"])
-        ], 8, Ms))), 128))
+        ], 8, Ls))), 128))
       ])
     ])) : v("", !0)
   ]);
 }
-const js = /* @__PURE__ */ S(_s, [["render", Ls]]), Ns = {
+const js = /* @__PURE__ */ S(_s, [["render", Ms]]), Ns = {
   name: "TabHeader",
   components: {
     BaseText: z
@@ -2844,7 +2844,7 @@ function Rs(r, e, t, a, o, s) {
   const n = x("BaseText");
   return h(), f("div", Os, [
     i("div", Ds, [
-      (h(!0), f(P, null, L(t.tabs, (c, l) => (h(), f("span", { key: l }, [
+      (h(!0), f(P, null, M(t.tabs, (c, l) => (h(), f("span", { key: l }, [
         d(n, {
           color: "primary",
           size: "md",
@@ -2864,7 +2864,7 @@ function Rs(r, e, t, a, o, s) {
 }
 const wd = /* @__PURE__ */ S(Ns, [["render", Rs]]), Fs = {
   name: "HostColumn",
-  components: { Mapbox: hs, BaseText: z, BaseButton: H, Icon: j },
+  components: { Mapbox: hs, BaseText: z, BaseButton: V, Icon: j },
   props: {
     organizerName: {
       type: String,
@@ -2906,12 +2906,12 @@ const wd = /* @__PURE__ */ S(Ns, [["render", Rs]]), Fs = {
       console.log("Rules button clicked"), this.$emit("rules-click");
     }
   }
-}, Gs = { class: "md:w-80 m-2 flex flex-col mb-20" }, Us = { class: "bg-white p-4 rounded-lg" }, Ws = { class: "flex flex-col space-y-4" }, Vs = { class: "flex items-center" }, Hs = ["src"], qs = { class: "pl-2" }, Ks = { class: "flex justify-between space-x-8 w-full px-4" }, Ys = { class: "flex items-center space-x-2" }, Zs = { class: "flex items-center space-x-2" }, Qs = { class: "flex justify-center" }, Js = { class: "mt-10 bg-white p-4 rounded-lg" }, Xs = { class: "flex mb-4" }, $s = { class: "mr-3" };
+}, Ws = { class: "md:w-80 m-2 flex flex-col mb-20" }, Gs = { class: "bg-white p-4 rounded-lg" }, Us = { class: "flex flex-col space-y-4" }, Vs = { class: "flex items-center" }, Hs = ["src"], qs = { class: "pl-2" }, Ks = { class: "flex justify-between space-x-8 w-full px-4" }, Ys = { class: "flex items-center space-x-2" }, Zs = { class: "flex items-center space-x-2" }, Qs = { class: "flex justify-center" }, Js = { class: "mt-10 bg-white p-4 rounded-lg" }, Xs = { class: "flex mb-4" }, $s = { class: "mr-3" };
 function er(r, e, t, a, o, s) {
   const n = x("BaseText"), c = x("Icon"), l = x("BaseButton"), g = x("Mapbox");
-  return h(), f("aside", Gs, [
-    i("section", Us, [
-      i("div", Ws, [
+  return h(), f("aside", Ws, [
+    i("section", Gs, [
+      i("div", Us, [
         i("div", Vs, [
           i("img", {
             src: t.organizerPortrait,
@@ -2977,7 +2977,7 @@ function er(r, e, t, a, o, s) {
           ])
         ]),
         i("div", Qs, [
-          t.rulesLink ? (h(), U(l, {
+          t.rulesLink ? (h(), H(l, {
             key: 0,
             backgroundColor: "secondary",
             color: "primary",
@@ -3116,7 +3116,7 @@ function ir(r, e, t, a, o, s) {
     ]),
     o.dropdownOpen ? (h(), f("div", sr, [
       i("ul", null, [
-        (h(!0), f(P, null, L(t.items, (l) => (h(), f("li", {
+        (h(!0), f(P, null, M(t.items, (l) => (h(), f("li", {
           key: l,
           onClick: (g) => s.selectWeapon(l),
           class: "px-4 py-2 cursor-pointer hover:bg-hoverColor"
@@ -3138,7 +3138,7 @@ function ir(r, e, t, a, o, s) {
     o.dropdownOpen ? (h(), f("div", or, [
       i("div", nr, [
         i("ul", null, [
-          (h(!0), f(P, null, L(t.items, (l) => (h(), f("li", {
+          (h(!0), f(P, null, M(t.items, (l) => (h(), f("li", {
             key: l,
             onClick: (g) => s.selectWeapon(l),
             class: "px-4 py-2 cursor-pointer hover:bg-hoverColor"
@@ -3295,7 +3295,7 @@ function xr(r, e, t, a, o, s) {
   return h(), f("header", pr, [
     i("div", br, [
       i("nav", yr, [
-        (h(!0), f(P, null, L(t.filters, (l) => (h(), U(n, {
+        (h(!0), f(P, null, M(t.filters, (l) => (h(), H(n, {
           key: l,
           onClick: (g) => s.onFilterSelect(l),
           class: B(["cursor-pointer border-b-2 pb-1 duration-300 ease-in-out px-4 md:p-0", {
@@ -3328,7 +3328,7 @@ const kd = /* @__PURE__ */ S(fr, [["render", xr]]), wr = "data:image/png;base64,
   name: "ScrollNav",
   components: {
     SearchBox: $e,
-    BaseButton: H,
+    BaseButton: V,
     BaseText: z
   },
   props: {
@@ -3546,10 +3546,10 @@ const Tr = /* @__PURE__ */ S(vr, [["render", Ir], ["__scopeId", "data-v-07413d1f
       this.isMobile = window.innerWidth < 768;
     }
   }
-}, Er = { class: "relative w-full md:border-b md:border-l md:border-r border-lineGrey" }, Mr = ["src"], Lr = { class: "hidden w-full md:flex absolute inset-0 justify-between items-end" }, jr = { class: "w-1/2 p-4 bg-opacity-50 rounded-lg" }, Nr = { class: "flex justify-between mb-4 w-full" }, Or = { class: "flex items-center space-x-4 w-1/2" }, Dr = ["src"], Rr = {
+}, Er = { class: "relative w-full md:border-b md:border-l md:border-r border-lineGrey" }, Lr = ["src"], Mr = { class: "hidden w-full md:flex absolute inset-0 justify-between items-end" }, jr = { class: "w-1/2 p-4 bg-opacity-50 rounded-lg" }, Nr = { class: "flex justify-between mb-4 w-full" }, Or = { class: "flex items-center space-x-4 w-1/2" }, Dr = ["src"], Rr = {
   key: 1,
   class: "flex justify-center text-left w-full px-6 mt-12"
-}, Fr = { class: "w-full" }, Gr = { class: "md:hidden w-full flex justify-center mt-10" }, Ur = { class: "w-full md:w-2/3 flex-col justify-center pl-2" }, Wr = { class: "flex" };
+}, Fr = { class: "w-full" }, Wr = { class: "md:hidden w-full flex justify-center mt-10" }, Gr = { class: "w-full md:w-2/3 flex-col justify-center pl-2" }, Ur = { class: "flex" };
 function Vr(r, e, t, a, o, s) {
   const n = x("BaseText");
   return h(), f(P, null, [
@@ -3565,8 +3565,8 @@ function Vr(r, e, t, a, o, s) {
           src: t.imageSrc,
           alt: "Hero Image",
           class: "w-full h-full object-cover object-top max-h-96"
-        }, null, 8, Mr)),
-        i("section", Lr, [
+        }, null, 8, Lr)),
+        i("section", Mr, [
           i("div", jr, [
             d(n, {
               color: "secondary",
@@ -3660,8 +3660,8 @@ function Vr(r, e, t, a, o, s) {
       ]),
       e[3] || (e[3] = i("div", { class: "hidden md:block w-[150px] bg-primary border-b border-lineGrey flex-shrink-0" }, null, -1))
     ], 4),
-    i("section", Gr, [
-      i("div", Ur, [
+    i("section", Wr, [
+      i("div", Gr, [
         d(n, {
           color: "primary",
           tag: "h1",
@@ -3686,7 +3686,7 @@ function Vr(r, e, t, a, o, s) {
           ]),
           _: 1
         }),
-        i("div", Wr, [
+        i("div", Ur, [
           d(n, {
             color: "primary",
             tag: "p",
@@ -3972,7 +3972,7 @@ const Ad = /* @__PURE__ */ S($r, [["render", to]]), so = {
   name: "GridLayout",
   components: {
     Icon: j,
-    BaseButton: H,
+    BaseButton: V,
     BaseText: z
   },
   props: {
@@ -4103,7 +4103,7 @@ function ao(r, e, t, a, o, s) {
         i("div", {
           class: B(s.gridClasses)
         }, [
-          t.items.length > 0 ? (h(!0), f(P, { key: 0 }, L(t.items, (g, b) => (h(), U(Ze(t.cardComponent), {
+          t.items.length > 0 ? (h(!0), f(P, { key: 0 }, M(t.items, (g, b) => (h(), H(Ze(t.cardComponent), {
             key: b,
             data: g,
             index: b,
@@ -4474,7 +4474,7 @@ const Io = /* @__PURE__ */ S(Ao, [["render", Bo], ["__scopeId", "data-v-22381b4e
     Tooltip: Io,
     Icon: j,
     BaseText: z,
-    BaseButton: H,
+    BaseButton: V,
     GridLayout: lt,
     FencerListCard: qe
   },
@@ -4516,7 +4516,7 @@ const Io = /* @__PURE__ */ S(Ao, [["render", Bo], ["__scopeId", "data-v-22381b4e
       })).sort((t, a) => t.PoolPosition - a.PoolPosition);
     }
   }
-}, Po = { class: "w-full pb-2 rounded-lg" }, Eo = { 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" }, Mo = { class: "flex" }, Lo = { 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" };
+}, Po = { class: "w-full pb-2 rounded-lg" }, Eo = { 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" }, Lo = { class: "flex" }, Mo = { 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 jo(r, e, t, a, o, s) {
   const n = x("BaseText"), c = x("Icon"), l = x("Tooltip"), g = x("GridLayout");
   return h(), f("div", Po, [
@@ -4533,7 +4533,7 @@ function jo(r, e, t, a, o, s) {
         ]),
         _: 1
       }),
-      i("div", Mo, [
+      i("div", Lo, [
         d(n, {
           color: "primary",
           size: "",
@@ -4563,8 +4563,8 @@ function jo(r, e, t, a, o, s) {
         }, 8, ["text"])
       ])
     ]),
-    i("div", Lo, [
-      (h(!0), f(P, null, L(t.pools, (b, y) => (h(), f("span", {
+    i("div", Mo, [
+      (h(!0), f(P, null, M(t.pools, (b, y) => (h(), f("span", {
         key: b.PoolId
       }, [
         d(n, {
@@ -4594,7 +4594,7 @@ function jo(r, e, t, a, o, s) {
   ]);
 }
 const zd = /* @__PURE__ */ S(To, [["render", jo]]), No = {
-  components: { BaseButton: H, BaseText: z },
+  components: { BaseButton: V, BaseText: z },
   props: {
     bout: {
       type: Object,
@@ -4630,6 +4630,9 @@ const zd = /* @__PURE__ */ S(To, [["render", jo]]), No = {
     this.stopTimer();
   },
   computed: {
+    status() {
+      return this.isWaiting ? "waiting" : this.bout.Status;
+    },
     fencer1Name() {
       return this.isWaiting ? "Waiting to be selected" : this.bout.Person1.DisplayName;
     },
@@ -4672,7 +4675,7 @@ const zd = /* @__PURE__ */ S(To, [["render", jo]]), No = {
 }, Oo = { class: "flex items-center justify-between rounded-lg w-full" }, Do = { class: "flex space-x-4 items-center" }, Ro = ["src"], Fo = {
   key: 0,
   class: "w-2/12 h-16 pt-3 text-center bg-primary"
-}, Go = { class: "flex justify-between space-x-4 ml-4 w-full" }, Uo = { class: "flex" }, Wo = { class: "pt-1" }, Vo = { class: "pl-2" }, Ho = ["src"], qo = {
+}, Wo = { class: "flex justify-between space-x-4 ml-4 w-full" }, Go = { class: "flex" }, Uo = { class: "pt-1" }, Vo = { class: "pl-2" }, Ho = ["src"], qo = {
   key: 0,
   class: "text-left"
 };
@@ -4681,7 +4684,7 @@ function Ko(r, e, t, a, o, s) {
   return h(), f("section", null, [
     i("div", Oo, [
       i("div", {
-        class: B(["w-5/12 flex justify-between border-l border-t border-b p-2 bg-poolBox rounded-l-xl", [this.bout.Status !== "Active" ? "border-r" : ""]])
+        class: B(["w-5/12 flex justify-between border-l border-t border-b p-2 bg-poolBox rounded-l-xl", [s.status !== "Active" ? "border-r" : ""]])
       }, [
         i("div", Do, [
           i("div", null, [
@@ -4740,9 +4743,9 @@ function Ko(r, e, t, a, o, s) {
         })
       ])) : v("", !0),
       i("div", {
-        class: B(["w-5/12 flex justify-between border-r border-t border-b p-2 bg-poolBox rounded-r-xl", [this.bout.Status !== "Active" ? "border-l" : ""]])
+        class: B(["w-5/12 flex justify-between border-r border-t border-b p-2 bg-poolBox rounded-r-xl", [s.status !== "Active" ? "border-l" : ""]])
       }, [
-        i("div", Go, [
+        i("div", Wo, [
           d(n, {
             size: "3xl",
             weight: "bold",
@@ -4753,8 +4756,8 @@ function Ko(r, e, t, a, o, s) {
             ]),
             _: 1
           }),
-          i("div", Uo, [
-            i("div", Wo, [
+          i("div", Go, [
+            i("div", Uo, [
               d(n, {
                 size: "md",
                 color: "primary",
@@ -4791,7 +4794,7 @@ function Ko(r, e, t, a, o, s) {
         ])
       ], 2)
     ]),
-    t.bout.customStatus && t.bout.Status !== "Active" ? (h(), f("div", qo, [
+    t.bout.customStatus && s.status !== "Active" ? (h(), f("div", qo, [
       d(n, {
         size: "sm",
         color: "primary"
@@ -4841,6 +4844,9 @@ const Yo = /* @__PURE__ */ S(No, [["render", Ko]]), Zo = {
     this.stopTimer();
   },
   computed: {
+    status() {
+      return this.isWaiting ? "waiting" : this.bout.Status;
+    },
     fencer1Name() {
       return this.isWaiting ? "Waiting to be selected" : this.bout.Person1.DisplayName;
     },
@@ -4893,7 +4899,7 @@ const Yo = /* @__PURE__ */ S(No, [["render", Ko]]), Zo = {
 function un(r, e, t, a, o, s) {
   const n = x("BaseText");
   return h(), f("section", Qo, [
-    t.bout.customStatus && t.bout.Status !== "Active" ? (h(), f("div", Jo, [
+    t.bout.customStatus && s.status !== "Active" ? (h(), f("div", Jo, [
       d(n, {
         size: "sm",
         color: "primary",
@@ -4948,7 +4954,7 @@ function un(r, e, t, a, o, s) {
           ]),
           _: 1
         }),
-        t.bout.Status === "Active" ? (h(), f("div", on, [
+        s.status === "Active" ? (h(), f("div", on, [
           d(n, {
             size: "sm",
             color: "white",
@@ -4960,7 +4966,7 @@ function un(r, e, t, a, o, s) {
             _: 1
           })
         ])) : v("", !0),
-        t.bout.Status !== "Active" ? (h(), f("div", nn)) : v("", !0),
+        s.status !== "Active" ? (h(), f("div", nn)) : v("", !0),
         d(n, {
           size: "4xl",
           weight: "bold",
@@ -5084,26 +5090,29 @@ function Cn(r, e, t, a, o, s) {
       e[0] || (e[0] = i("div", { class: "border-b border-dropdownSelect mb-8" }, null, -1)),
       i("div", fn, [
         s.hasActiveBout ? v("", !0) : (h(), f("div", pn, [
-          o.isMobile ? v("", !0) : (h(), U(n, {
+          o.isMobile ? v("", !0) : (h(), H(n, {
             key: 0,
-            bout: r.bout,
-            hostingClubColors: t.hostingClubColors
-          }, null, 8, ["bout", "hostingClubColors"])),
-          d(c, {
-            bout: r.bout,
-            hostingClubColors: t.hostingClubColors
-          }, null, 8, ["bout", "hostingClubColors"])
+            bout: {},
+            hostingClubColors: t.hostingClubColors,
+            isWaiting: !0
+          }, null, 8, ["hostingClubColors"])),
+          o.isMobile ? (h(), H(c, {
+            key: 1,
+            bout: {},
+            hostingClubColors: t.hostingClubColors,
+            isWaiting: !0
+          }, null, 8, ["hostingClubColors"])) : v("", !0)
         ])),
-        (h(!0), f(P, null, L(s.activeBouts, (g) => (h(), f("div", {
+        (h(!0), f(P, null, M(s.activeBouts, (g) => (h(), f("div", {
           key: g.BoutId,
           class: "w-full md:w-3/4 md:my-4"
         }, [
-          o.isMobile ? v("", !0) : (h(), U(n, {
+          o.isMobile ? v("", !0) : (h(), H(n, {
             key: 0,
             bout: g,
             hostingClubColors: t.hostingClubColors
           }, null, 8, ["bout", "hostingClubColors"])),
-          o.isMobile ? (h(), U(c, {
+          o.isMobile ? (h(), H(c, {
             key: 1,
             bout: g,
             hostingClubColors: t.hostingClubColors
@@ -5146,26 +5155,15 @@ function Cn(r, e, t, a, o, s) {
       ]),
       e[2] || (e[2] = i("div", { class: "border-b border-dropdownSelect mb-5" }, null, -1)),
       i("div", wn, [
-        (h(!0), f(P, null, L(s.markedUpcomingBouts, (g) => (h(), f("div", {
+        (h(!0), f(P, null, M(s.markedUpcomingBouts, (g) => (h(), f("div", {
           key: g.BoutId,
           class: "w-full md:w-3/4 md:my-4"
-        }, [
-          o.isMobile ? v("", !0) : (h(), U(n, {
-            key: 0,
-            bout: g,
-            hostingClubColors: t.hostingClubColors
-          }, null, 8, ["bout", "hostingClubColors"])),
-          o.isMobile ? (h(), U(c, {
-            key: 1,
-            bout: g,
-            hostingClubColors: t.hostingClubColors
-          }, null, 8, ["bout", "hostingClubColors"])) : v("", !0)
-        ]))), 128))
+        }))), 128))
       ])
     ])) : v("", !0),
     s.hasCompletedBout > 0 ? (h(), f("section", vn, [
       i("div", _n, [
-        s.remainingBoutsCount === 0 ? (h(), U(l, {
+        s.remainingBoutsCount === 0 ? (h(), H(l, {
           key: 0,
           class: "mt-8",
           color: "primaryHighlight",
@@ -5177,7 +5175,7 @@ function Cn(r, e, t, a, o, s) {
           ])),
           _: 1
         })) : v("", !0),
-        s.remainingBoutsCount > 0 ? (h(), U(l, {
+        s.remainingBoutsCount > 0 ? (h(), H(l, {
           key: 1,
           class: "mt-5",
           color: "primaryHighlight",
@@ -5192,21 +5190,10 @@ function Cn(r, e, t, a, o, s) {
       ]),
       e[5] || (e[5] = i("div", { class: "hidden md:block border-b border-dropdownSelect mb-5" }, null, -1)),
       i("div", kn, [
-        (h(!0), f(P, null, L(s.completedBouts, (g) => (h(), f("div", {
+        (h(!0), f(P, null, M(s.completedBouts, (g) => (h(), f("div", {
           key: g.BoutId,
           class: "w-full md:w-3/4 md:my-4"
-        }, [
-          o.isMobile ? v("", !0) : (h(), U(n, {
-            key: 0,
-            bout: g,
-            hostingClubColors: t.hostingClubColors
-          }, null, 8, ["bout", "hostingClubColors"])),
-          o.isMobile ? (h(), U(c, {
-            key: 1,
-            bout: g,
-            hostingClubColors: t.hostingClubColors
-          }, null, 8, ["bout", "hostingClubColors"])) : v("", !0)
-        ]))), 128))
+        }))), 128))
       ])
     ])) : v("", !0)
   ]);
@@ -5298,10 +5285,10 @@ const Bd = /* @__PURE__ */ S(hn, [["render", Cn]]), Sn = {
 }, En = {
   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"
-}, Mn = {
+}, Ln = {
   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"
-}, Ln = {
+}, Mn = {
   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"
 }, jn = { class: "border border-primary rounded-md md:rounded-lg text-right align-middle px-1 md:px-4" }, Nn = { class: "bg-primary rounded-md md:rounded-lg text-center align-middle h-6 w-6 md:h-10 md:w-10" }, On = ["rowspan"], Dn = {
@@ -5313,14 +5300,14 @@ const Bd = /* @__PURE__ */ S(hn, [["render", Cn]]), Sn = {
 }, Fn = {
   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"
-}, Gn = {
+}, Wn = {
   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"
-}, Un = {
+}, Gn = {
   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 Wn(r, e, t, a, o, s) {
+function Un(r, e, t, a, o, s) {
   const n = x("BaseText"), c = x("Icon");
   return h(), f("div", An, [
     i("table", zn, [
@@ -5341,7 +5328,7 @@ function Wn(r, e, t, a, o, s) {
           ]),
           e[7] || (e[7] = i("th", { class: "w-1" }, null, -1)),
           e[8] || (e[8] = i("th", { class: "bg-gray-800 rounded-md md:rounded-lg px-1 py-1 md:px-4 md:py-2" }, null, -1)),
-          (h(!0), f(P, null, L(s.participants, (l, g) => (h(), f("th", {
+          (h(!0), f(P, null, M(s.participants, (l, g) => (h(), f("th", {
             key: l.PersonId,
             class: "bg-primary rounded-md md:rounded-lg text-center align-middle"
           }, [
@@ -5397,7 +5384,7 @@ function Wn(r, e, t, a, o, s) {
               _: 1
             })
           ])) : v("", !0),
-          o.showStats ? (h(), f("th", Mn, [
+          o.showStats ? (h(), f("th", Ln, [
             d(n, {
               size: "",
               weight: "bold",
@@ -5410,7 +5397,7 @@ function Wn(r, e, t, a, o, s) {
               _: 1
             })
           ])) : v("", !0),
-          o.showStats ? (h(), f("th", Ln, [
+          o.showStats ? (h(), f("th", Mn, [
             d(n, {
               size: "",
               weight: "bold",
@@ -5426,7 +5413,7 @@ function Wn(r, e, t, a, o, s) {
         ])
       ]),
       i("tbody", null, [
-        (h(!0), f(P, null, L(s.participants, (l, g) => (h(), f("tr", {
+        (h(!0), f(P, null, M(s.participants, (l, g) => (h(), f("tr", {
           key: l.PersonId,
           class: "even:bg-gray-100"
         }, [
@@ -5466,7 +5453,7 @@ function Wn(r, e, t, a, o, s) {
               _: 2
             }, 1024)
           ]),
-          (h(!0), f(P, null, L(s.participants, (b) => (h(), f("td", {
+          (h(!0), f(P, null, M(s.participants, (b) => (h(), f("td", {
             key: b.PersonId,
             class: B([{ "bg-gray-800 rounded-md md:rounded-lg ": l.PersonId === b.PersonId, "bg-secondary rounded-lg": l.PersonId !== b.PersonId }, "rounded-md md:rounded-lg h-6 w-6 md:h-10 md:w-10"])
           }, [
@@ -5536,7 +5523,7 @@ function Wn(r, e, t, a, o, s) {
               _: 2
             }, 1024)
           ])) : v("", !0),
-          o.showStats ? (h(), f("td", Gn, [
+          o.showStats ? (h(), f("td", Wn, [
             d(n, {
               size: "",
               color: "primary",
@@ -5548,7 +5535,7 @@ function Wn(r, e, t, a, o, s) {
               _: 2
             }, 1024)
           ])) : v("", !0),
-          o.showStats ? (h(), f("td", Un, [
+          o.showStats ? (h(), f("td", Gn, [
             d(n, {
               size: "",
               color: "primary",
@@ -5565,7 +5552,7 @@ function Wn(r, e, t, a, o, s) {
     ])
   ]);
 }
-const Id = /* @__PURE__ */ S(Sn, [["render", Wn]]), Vn = {
+const Id = /* @__PURE__ */ S(Sn, [["render", Un]]), Vn = {
   name: "ArticleCardSkeleton"
 }, Hn = { class: "w-full bg-secondary rounded-lg flex flex-col items-start animate-pulse" };
 function qn(r, e, t, a, o, s) {
@@ -6087,8 +6074,8 @@ const Ed = /* @__PURE__ */ S(ha, [["render", za]]), Ba = {
 }, Ia = {
   key: 0,
   class: "max-w-72 p-2 bg-secondary rounded-lg flex flex-col items-start"
-}, Ta = { class: "flex flex-col m-auto justify-center mb-4 items-center w-[130px]" }, Pa = ["src"], Ea = { class: "flex flex-col md:flex-row justify-center md:justify-around -mt-2 border-b border-borderGray z-10 pb-2 mb-2" }, Ma = { class: "flex items-center justify-center" };
-function La(r, e, t, a, o, s) {
+}, Ta = { class: "flex flex-col m-auto justify-center mb-4 items-center w-[130px]" }, Pa = ["src"], Ea = { class: "flex flex-col md:flex-row justify-center md:justify-around -mt-2 border-b border-borderGray z-10 pb-2 mb-2" }, La = { class: "flex items-center justify-center" };
+function Ma(r, e, t, a, o, s) {
   const n = x("FencerCardSkeleton"), c = x("BaseText");
   return h(), f(P, null, [
     t.isLoading ? (h(), f("div", Ia, [
@@ -6107,7 +6094,7 @@ function La(r, e, t, a, o, s) {
         }, null, 8, Pa)
       ]),
       i("div", Ea, [
-        i("div", Ma, [
+        i("div", La, [
           d(c, {
             tag: "p",
             size: "xs md:sm",
@@ -6157,7 +6144,7 @@ function La(r, e, t, a, o, s) {
     ]))
   ], 64);
 }
-const Ye = /* @__PURE__ */ S(Ba, [["render", La]]), ja = {
+const Ye = /* @__PURE__ */ S(Ba, [["render", Ma]]), ja = {
   name: "PhotoCard",
   props: {
     data: {
@@ -6175,16 +6162,16 @@ function Da(r, e, t, a, o, s) {
     }, null, 8, Oa)
   ]);
 }
-const Md = /* @__PURE__ */ S(ja, [["render", Da]]), Ra = {
+const Ld = /* @__PURE__ */ S(ja, [["render", Da]]), Ra = {
   name: "RatingSystemAnnouncement",
   components: { BaseText: z }
-}, Fa = { class: "w-full flex justify-center mx-auto mt-10 mb-20" }, Ga = { class: "max-w-[1200px] w-full flex justify-center mx-auto mt-8 flex-col" }, Ua = { class: "w-full flex py-4 md:pb-10 ml-2 md:ml-0 mb-4 justify-center" }, Wa = { class: "flex" }, Va = { class: "md:w-1/2 flex justify-center" };
+}, Fa = { class: "w-full flex justify-center mx-auto mt-10 mb-20" }, Wa = { class: "max-w-[1200px] w-full flex justify-center mx-auto mt-8 flex-col" }, Ga = { class: "w-full flex py-4 md:pb-10 ml-2 md:ml-0 mb-4 justify-center" }, Ua = { class: "flex" }, Va = { class: "md:w-1/2 flex justify-center" };
 function Ha(r, e, t, a, o, s) {
   const n = x("BaseText");
   return h(), f("section", Fa, [
     i("section", null, [
-      i("div", Ga, [
-        i("div", Ua, [
+      i("div", Wa, [
+        i("div", Ga, [
           d(n, {
             color: "primary",
             size: "xl",
@@ -6197,7 +6184,7 @@ function Ha(r, e, t, a, o, s) {
             _: 1
           })
         ]),
-        i("div", Wa, [
+        i("div", Ua, [
           e[2] || (e[2] = i("div", { class: "w-1/2 hidden md:flex justify-end mr-10" }, [
             i("img", {
               src: "https://meyersquaredimages.com/images/trophy.png",
@@ -6240,7 +6227,7 @@ function Ha(r, e, t, a, o, s) {
 }
 const qa = /* @__PURE__ */ S(Ra, [["render", Ha]]), Ka = {
   name: "SocialMediaLinkCard",
-  components: { BaseButton: H },
+  components: { BaseButton: V },
   props: {
     socialMedia: {
       type: Array,
@@ -6269,7 +6256,7 @@ const qa = /* @__PURE__ */ S(Ra, [["render", Ha]]), Ka = {
 function Za(r, e, t, a, o, s) {
   const n = x("BaseButton");
   return h(), f("aside", Ya, [
-    (h(!0), f(P, null, L(t.socialMedia, (c, l) => (h(), f("div", {
+    (h(!0), f(P, null, M(t.socialMedia, (c, l) => (h(), f("div", {
       key: l,
       class: "mb-4"
     }, [
@@ -6290,7 +6277,7 @@ function Za(r, e, t, a, o, s) {
     ]))), 128))
   ]);
 }
-const Ld = /* @__PURE__ */ S(Ka, [["render", Za]]), Qa = {
+const Md = /* @__PURE__ */ S(Ka, [["render", Za]]), Qa = {
   name: "TournamentCardSkeleton"
 }, Ja = { class: "md:w-full mb-8 animate-pulse" };
 function Xa(r, e, t, a, o, s) {
@@ -6611,7 +6598,7 @@ function Ti(r, e, t, a, o, s) {
       }, null, 8, Ci)
     ]),
     i("div", Si, [
-      t.shareLinks && t.shareLinks.length > 0 ? (h(), U(n, {
+      t.shareLinks && t.shareLinks.length > 0 ? (h(), H(n, {
         key: 0,
         color: "primary",
         size: "md",
@@ -6623,7 +6610,7 @@ function Ti(r, e, t, a, o, s) {
         ])),
         _: 1
       })) : v("", !0),
-      (h(!0), f(P, null, L(t.shareLinks, (l) => (h(), f("a", {
+      (h(!0), f(P, null, M(t.shareLinks, (l) => (h(), f("a", {
         key: l.name,
         href: l.url,
         target: "_blank",
@@ -6714,18 +6701,18 @@ const jd = /* @__PURE__ */ S(vi, [["render", Ti]]), Pi = {
       this.$emit("grid-card-click", this.data);
     }
   }
-}, Ei = { class: "flex pt-1" }, Mi = { class: "relative w-24 h-16 md:w-32 md:h-20 mr-3" }, Li = ["src", "alt"], ji = {
+}, Ei = { class: "flex pt-1" }, Li = { class: "relative w-24 h-16 md:w-32 md:h-20 mr-3" }, Mi = ["src", "alt"], ji = {
   key: 0,
   src: "https://meyersquaredimages.com/images/banners/m2-white.png",
   alt: "Hosted M²",
   class: "w-6 absolute top-2 left-16 md:left-24 p-1 bg-white rounded"
-}, Ni = { class: "flex flex-col" }, Oi = { class: "flex items-center mb-0" }, Di = { class: "hidden md:flex items-center text-sm text-gray-600 mb-2" }, Ri = { class: "hidden md:flex mt-3 mb-1" }, Fi = { class: "flex flex-row w-full" }, Gi = {
+}, Ni = { class: "flex flex-col" }, Oi = { class: "flex items-center mb-0" }, Di = { class: "hidden md:flex items-center text-sm text-gray-600 mb-2" }, Ri = { class: "hidden md:flex mt-3 mb-1" }, Fi = { class: "flex flex-row w-full" }, Wi = {
   key: 0,
   class: "flex items-center mr-10"
-}, Ui = {
+}, Gi = {
   key: 1,
   class: "flex items-center mr-4"
-}, Wi = { class: "flex w-6 justify-center" }, Vi = { class: "flex items-center" }, Hi = { class: "flex flex-col md:hidden mt-2" }, qi = { class: "flex items-center pb-2" }, Ki = { class: "flex flex-row" }, Yi = {
+}, Ui = { class: "flex w-6 justify-center" }, Vi = { class: "flex items-center" }, Hi = { class: "flex flex-col md:hidden mt-2" }, qi = { class: "flex items-center pb-2" }, Ki = { class: "flex flex-row" }, Yi = {
   key: 0,
   class: "flex items-center mr-4"
 }, Zi = {
@@ -6739,12 +6726,12 @@ function Xi(r, e, t, a, o, s) {
     onClick: e[0] || (e[0] = (...l) => s.handleCardClick && s.handleCardClick(...l))
   }, [
     i("div", Ei, [
-      i("div", Mi, [
+      i("div", Li, [
         i("img", {
           src: s.tournamentImage,
           alt: s.imageAltText,
           class: "w-full h-full object-cover rounded-lg"
-        }, null, 8, Li),
+        }, null, 8, Mi),
         t.data.HostedOnM2 ? (h(), f("img", ji)) : v("", !0)
       ]),
       i("div", Ni, [
@@ -6778,7 +6765,7 @@ function Xi(r, e, t, a, o, s) {
     ]),
     i("div", Ri, [
       i("div", Fi, [
-        t.data.HostedOnM2 ? (h(), f("div", Gi, [
+        t.data.HostedOnM2 ? (h(), f("div", Wi, [
           d(c, {
             type: t.data.HostedOnM2 ? "fa-solid" : "fa-regular",
             icon: "fa-user-friends",
@@ -6798,8 +6785,8 @@ function Xi(r, e, t, a, o, s) {
             _: 1
           })
         ])) : v("", !0),
-        t.data.HostedOnM2 ? v("", !0) : (h(), f("div", Ui, [
-          i("span", Wi, [
+        t.data.HostedOnM2 ? v("", !0) : (h(), f("div", Gi, [
+          i("span", Ui, [
             d(c, {
               icon: "fa-bookmark",
               type: "fa-regular",
@@ -6925,7 +6912,7 @@ const Nd = /* @__PURE__ */ S(Pi, [["render", Xi]]), $i = {
   name: "HeroBanner",
   components: {
     BaseText: z,
-    BaseButton: H
+    BaseButton: V
   },
   props: {
     imageSrc: {
@@ -7082,7 +7069,7 @@ const il = /* @__PURE__ */ S($i, [["render", al]]), ll = {
   name: "LeaderboardHeader",
   components: {
     BaseText: z,
-    BaseButton: H
+    BaseButton: V
   },
   props: {
     weapons: {
@@ -7108,7 +7095,7 @@ function hl(r, e, t, a, o, s) {
   return h(), f("header", dl, [
     i("section", cl, [
       i("nav", ul, [
-        (h(!0), f(P, null, L(t.weapons, (c) => (h(), f("div", {
+        (h(!0), f(P, null, M(t.weapons, (c) => (h(), f("div", {
           key: c,
           onClick: (l) => s.onWeaponClick(c),
           class: "cursor-pointer"
@@ -7139,7 +7126,7 @@ const Od = /* @__PURE__ */ S(ll, [["render", hl]]), gl = {
   name: "SingleButtonBanner",
   components: {
     BaseText: z,
-    BaseButton: H
+    BaseButton: V
   },
   props: {
     imageUrl: {
@@ -7202,7 +7189,7 @@ const yl = /* @__PURE__ */ S(gl, [["render", bl]]), xl = {
   name: "DoubleButtonBanner",
   components: {
     BaseText: z,
-    BaseButton: H
+    BaseButton: V
   },
   props: {
     title: {
@@ -7356,7 +7343,7 @@ function Bl(r, e, t, a, o, s) {
 }
 const Il = /* @__PURE__ */ S(xl, [["render", Bl]]), Tl = {
   name: "Footer",
-  components: { Icon: j, InputField: be, BaseButton: H, BaseText: z },
+  components: { Icon: j, InputField: be, BaseButton: V, BaseText: z },
   data() {
     return {
       logo: Te
@@ -7367,15 +7354,15 @@ const Il = /* @__PURE__ */ S(xl, [["render", Bl]]), Tl = {
       this.$emit("changePage", r);
     }
   }
-}, Pl = { class: "hidden md:flex flex-col bg-primary" }, El = { class: "w-full hidden md:flex" }, Ml = { class: "w-1/3" }, Ll = { class: "items-center w-full flex justify-center" }, jl = ["src"], Nl = { class: "w-1/3 flex flex-col" }, Ol = { class: "w-full flex justify-around" }, Dl = { class: "flex w-1/3" }, Rl = { class: "flex w-1/3" }, Fl = { class: "flex items-center w-1/3" }, Gl = { class: "w-full flex justify-around" }, Ul = { class: "flex items-center w-1/3" }, Wl = { class: "flex items-center w-1/3" }, Vl = { class: "flex items-center w-1/3" }, Hl = { class: "w-full flex justify-around" }, ql = { class: "flex items-center w-1/3" }, Kl = { class: "flex items-center w-1/3" }, Yl = { class: "flex w-1/3" }, Zl = { class: "w-1/3 flex flex-col" }, Ql = { class: "w-full flex justify-end" }, Jl = { class: "w-30 mr-16" }, Xl = { class: "w-full flex justify-end mt-12" }, $l = { class: "w-48 mr-16" }, ed = { class: "h-32 border border-t mt-10 pb-10 border-lineGrey flex flex-col justify-center items-center" }, td = { class: "flex md:hidden flex-col items-center bg-primary pb-10" }, sd = { class: "w-full flex flex-col items-center" }, rd = { class: "w-full max-w-xs flex justify-between items-center" }, od = { class: "flex justify-center w-1/2" }, nd = ["src"], ad = { class: "flex flex-col w-1/2" }, id = { class: "w-full flex flex-col items-center" }, ld = { class: "w-full max-w-xs flex flex-col items-center pt-8 px-6" }, dd = { class: "w-full max-w-xs flex flex-col items-center pt-8" }, cd = { class: "flex justify-center" };
+}, Pl = { class: "hidden md:flex flex-col bg-primary" }, El = { class: "w-full hidden md:flex" }, Ll = { class: "w-1/3" }, Ml = { class: "items-center w-full flex justify-center" }, jl = ["src"], Nl = { class: "w-1/3 flex flex-col" }, Ol = { class: "w-full flex justify-around" }, Dl = { class: "flex w-1/3" }, Rl = { class: "flex w-1/3" }, Fl = { class: "flex items-center w-1/3" }, Wl = { class: "w-full flex justify-around" }, Gl = { class: "flex items-center w-1/3" }, Ul = { class: "flex items-center w-1/3" }, Vl = { class: "flex items-center w-1/3" }, Hl = { class: "w-full flex justify-around" }, ql = { class: "flex items-center w-1/3" }, Kl = { class: "flex items-center w-1/3" }, Yl = { class: "flex w-1/3" }, Zl = { class: "w-1/3 flex flex-col" }, Ql = { class: "w-full flex justify-end" }, Jl = { class: "w-30 mr-16" }, Xl = { class: "w-full flex justify-end mt-12" }, $l = { class: "w-48 mr-16" }, ed = { class: "h-32 border border-t mt-10 pb-10 border-lineGrey flex flex-col justify-center items-center" }, td = { class: "flex md:hidden flex-col items-center bg-primary pb-10" }, sd = { class: "w-full flex flex-col items-center" }, rd = { class: "w-full max-w-xs flex justify-between items-center" }, od = { class: "flex justify-center w-1/2" }, nd = ["src"], ad = { class: "flex flex-col w-1/2" }, id = { class: "w-full flex flex-col items-center" }, ld = { class: "w-full max-w-xs flex flex-col items-center pt-8 px-6" }, dd = { class: "w-full max-w-xs flex flex-col items-center pt-8" }, cd = { class: "flex justify-center" };
 function ud(r, e, t, a, o, s) {
   const n = x("BaseText"), c = x("InputField"), l = x("Icon");
   return h(), f(P, null, [
     i("section", Pl, [
       e[25] || (e[25] = i("div", { class: "h-20" }, null, -1)),
       i("section", El, [
-        i("div", Ml, [
-          i("div", Ll, [
+        i("div", Ll, [
+          i("div", Ml, [
             i("img", {
               src: o.logo,
               alt: "Logo",
@@ -7444,8 +7431,8 @@ function ud(r, e, t, a, o, s) {
               ])
             ])
           ]),
-          i("div", Gl, [
-            i("div", Ul, [
+          i("div", Wl, [
+            i("div", Gl, [
               i("a", {
                 href: "#",
                 onClick: e[3] || (e[3] = F((g) => s.pageChange("tournaments"), ["prevent"]))
@@ -7464,7 +7451,7 @@ function ud(r, e, t, a, o, s) {
                 })
               ])
             ]),
-            i("div", Wl, [
+            i("div", Ul, [
               i("a", {
                 href: "#",
                 onClick: e[4] || (e[4] = F((g) => s.pageChange("clubs"), ["prevent"]))
@@ -7928,7 +7915,7 @@ function fd(r, e, t, a, o, s) {
 const Dd = /* @__PURE__ */ S(hd, [["render", fd]]);
 export {
   Ke as ArticleCard,
-  H as BaseButton,
+  V as BaseButton,
   z as BaseText,
   xd as BreadCrumbs,
   bd as Calendar,
@@ -7953,13 +7940,13 @@ export {
   Od as LeaderboardHeader,
   hs as Mapbox,
   js as PageHeader,
-  Md as PhotoCard,
+  Ld as PhotoCard,
   yd as ProgressTracker,
   qa as RatingSystemAnnouncement,
   Tr as ScrollNav,
   $e as SearchBox,
   yl as SingleButtonBanner,
-  Ld as SocialMediaLinkCard,
+  Md as SocialMediaLinkCard,
   wd as TabHeader,
   Sd as TournamentBanner,
   wi as TournamentCard,