@dcrackel/meyersquaredui 1.0.128 → 1.0.129

package/dist/meyersquaredui.es.js

@@ -1,4 +1,4 @@
-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";
+import { openBlock as h, createBlock as W, 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";
 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(), H(Ze(t.tag), {
+  return h(), W(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 V = /* @__PURE__ */ S(yt, [["render", wt]]), vt = {
+const H = /* @__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 Lt(r, e, t, a, o, s) {
+function Mt(r, e, t, a, o, s) {
   const n = x("BaseText");
   return h(), f("div", Bt, [
     i("div", It, [
@@ -427,7 +427,7 @@ function Lt(r, e, t, a, o, s) {
       ])
     ]),
     i("div", Tt, [
-      (h(!0), f(P, null, M(o.weekdays, (c) => (h(), f("div", { key: c }, [
+      (h(!0), f(P, null, L(o.weekdays, (c) => (h(), f("div", { key: c }, [
         d(n, {
           tag: "p",
           size: "xs",
@@ -442,10 +442,10 @@ function Lt(r, e, t, a, o, s) {
       ]))), 128))
     ]),
     i("div", Pt, [
-      (h(!0), f(P, null, M(s.startDay, (c) => (h(), f("div", {
+      (h(!0), f(P, null, L(s.startDay, (c) => (h(), f("div", {
         key: "empty-" + c
       }))), 128)),
-      (h(!0), f(P, null, M(s.daysInMonth, (c, l) => (h(), f("div", {
+      (h(!0), f(P, null, L(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 Lt(r, e, t, a, o, s) {
     ])
   ]);
 }
-const bd = /* @__PURE__ */ S(zt, [["render", Lt]]);
+const bd = /* @__PURE__ */ S(zt, [["render", Mt]]);
 (function() {
   try {
     if (typeof document < "u") {
@@ -480,7 +480,7 @@ const bd = /* @__PURE__ */ S(zt, [["render", Lt]]);
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-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);
+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);
 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((L, W) => Nt(this, void 0, void 0, function* () {
+        n || (n = new Promise((M, G) => 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, (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);
+            I.set(l.replace(/[A-Z]/g, (U) => "_" + U[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);
         })))
       );
-      C[y] ? console.warn(g + " only loads once. Ignoring:", s) : C[y] = (L, ...W) => A.add(L) && E().then(() => C[y](L, ...W));
+      C[y] ? console.warn(g + " only loads once. Ignoring:", s) : C[y] = (M, ...G) => A.add(M) && E().then(() => C[y](M, ...G));
     })(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 Le;
-const Me = [
+let Me;
+const Le = [
   "bounds_changed",
   "center_changed",
   "click",
@@ -832,7 +832,7 @@ const Me = [
   "tilesloaded",
   "tilt_changed",
   "zoom_changed"
-], Rt = U({
+], Rt = V({
   props: {
     apiPromise: {
       type: Promise
@@ -1029,7 +1029,7 @@ const Me = [
       default: ""
     }
   },
-  emits: Me,
+  emits: Le,
   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 Me = [
     ), g = () => {
       try {
         const { apiKey: y, region: w, version: k, language: _, libraries: C, nonce: A } = r;
-        Le = new $({ apiKey: y, region: w, version: k, language: _, libraries: C, nonce: A });
+        Me = 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, Me.forEach((_) => {
+      s.value[ye] = w, Le.forEach((_) => {
         var C;
         (C = o.value) == null || C.addListener(_, (A) => e(_, A));
       }), a.value = !0;
@@ -1080,16 +1080,16 @@ const Me = [
       q(
         [() => r.center, () => r.zoom, ...k],
         ([_, C], [A, I]) => {
-          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));
+          var E, M, G;
+          const { center: D, zoom: U, ...R } = c();
+          (E = o.value) == null || E.setOptions(R), C !== void 0 && C !== I && ((M = o.value) == null || M.setZoom(C));
           const ge = !A || _.lng !== A.lng || _.lat !== A.lat;
-          _ && ge && ((W = o.value) == null || W.panTo(_));
+          _ && ge && ((G = o.value) == null || G.panTo(_));
         }
       );
     };
     return Qe(() => {
-      r.apiPromise && r.apiPromise instanceof Promise ? r.apiPromise.then(b) : (g(), Le.load().then(b));
+      r.apiPromise && r.apiPromise instanceof Promise ? r.apiPromise.then(b) : (g(), Me.load().then(b));
     }), ee(() => {
       var y;
       n.value = !1, o.value && ((y = s.value) == null || y.event.clearInstanceListeners(o.value));
@@ -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 = U({
+const Y = /* @__PURE__ */ Vt(Ht), je = ["click", "drag", "dragend", "dragstart", "gmp-click"], qt = V({
   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: L, PinElement: W } = l.value.marker;
+        const { AdvancedMarkerElement: M, PinElement: G } = l.value.marker;
         if (n.value) {
-          const { map: D, content: G, ...R } = o.value;
+          const { map: D, content: U, ...R } = o.value;
           Object.assign(n.value, {
-            content: s.value ? new W(s.value).element : G,
+            content: s.value ? new G(s.value).element : U,
             ...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 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));
+          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 U;
+            (U = n.value) == null || U.addListener(D, (R) => e(D, R));
           });
       },
       {
@@ -1252,7 +1252,7 @@ const Y = /* @__PURE__ */ Vt(Ht), je = ["click", "drag", "dragend", "dragstart",
   "title_changed",
   "visible_changed"
 ];
-U({
+V({
   name: "Marker",
   props: {
     options: {
@@ -1269,7 +1269,7 @@ U({
     };
   }
 });
-U({
+V({
   name: "Polyline",
   props: {
     options: {
@@ -1284,7 +1284,7 @@ U({
   },
   render: () => null
 });
-U({
+V({
   name: "Polygon",
   props: {
     options: {
@@ -1300,7 +1300,7 @@ U({
   render: () => null
 });
 const Oe = ie.concat(["bounds_changed"]);
-U({
+V({
   name: "Rectangle",
   props: {
     options: {
@@ -1316,7 +1316,7 @@ U({
   render: () => null
 });
 const De = ie.concat(["center_changed", "radius_changed"]);
-U({
+V({
   name: "Circle",
   props: {
     options: {
@@ -1331,7 +1331,7 @@ U({
   },
   render: () => null
 });
-U({
+V({
   props: {
     position: {
       type: String,
@@ -1378,7 +1378,7 @@ U({
   }
 });
 const Re = ["closeclick", "content_changed", "domready", "position_changed", "visible", "zindex_changed"];
-U({
+V({
   inheritAttrs: !1,
   props: {
     options: {
@@ -1407,9 +1407,9 @@ U({
       q(
         [n, () => r.options],
         ([C, A], [I, E]) => {
-          var L;
-          const W = !Y(A, E) || n.value !== I;
-          n.value && c.value && W && (o.value ? (o.value.setOptions({
+          var M;
+          const G = !Y(A, E) || n.value !== I;
+          n.value && c.value && G && (o.value ? (o.value.setOptions({
             ...A,
             content: y.value ? s.value : A.content
           }), l.value || k()) : (o.value = K(
@@ -1420,9 +1420,9 @@ U({
           ), l.value && (g = l.value.addListener("click", () => {
             k();
           })), (!l.value || b) && k(), Re.forEach((D) => {
-            var G;
-            (G = o.value) == null || G.addListener(D, (R) => t(D, R));
-          }), (L = o.value) == null || L.addListener("closeclick", () => w(!1))));
+            var U;
+            (U = o.value) == null || U.addListener(D, (R) => t(D, R));
+          }), (M = o.value) == null || M.addListener("closeclick", () => w(!1))));
         },
         {
           immediate: !0
@@ -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, L, W = -1;
+        let I = w * C, E = k * C, M, G = -1;
         const D = ((y / b | 0) << 5) + (t + 1) + this.points.length;
-        for (const G of _) {
-          const R = G * b;
+        for (const U of _) {
+          const R = U * 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 && (L || (L = this._map(l, y, !0), W = this.clusterProps.length, this.clusterProps.push(L)), s(L, this._map(l, R)));
+          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)));
         }
-        l[y + ve] = D, g.push(I / A, E / A, 1 / 0, D, -1, A), s && g.push(W);
+        l[y + ve] = D, g.push(I / A, E / A, 1 / 0, D, -1, A), s && g.push(G);
       } 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 L = 0; L < b; L++)
-                g.push(l[E + L]);
+              for (let M = 0; M < b; M++)
+                g.push(l[E + M]);
             }
           }
       }
@@ -2266,7 +2266,7 @@ class cs extends Ie {
   }
 }
 const He = Object.values(ne);
-U({
+V({
   name: "MarkerCluster",
   props: {
     options: {
@@ -2305,7 +2305,7 @@ U({
     };
   }
 });
-U({
+V({
   inheritAttrs: !1,
   props: {
     options: {
@@ -2326,7 +2326,7 @@ U({
     }), { customMarkerRef: o, customMarker: c, hasSlotContent: s };
   }
 });
-U({
+V({
   name: "HeatmapLayer",
   props: {
     options: {
@@ -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, M(t.phases, (c, l) => (h(), f("div", {
+    (h(!0), f(P, null, L(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: V,
+    BaseButton: H,
     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"], Ls = ["onClick"];
-function Ms(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"], Ms = ["onClick"];
+function Ls(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 Ms(r, e, t, a, o, s) {
       }, ["stop"]))
     }, [
       i("ul", null, [
-        (h(!0), f(P, null, M(o.items, (b) => (h(), f("li", {
+        (h(!0), f(P, null, L(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 Ms(r, e, t, a, o, s) {
             color: "accent",
             class: "ml-2"
           }, null, 8, ["icon"])
-        ], 8, Ls))), 128))
+        ], 8, Ms))), 128))
       ])
     ])) : v("", !0)
   ]);
 }
-const js = /* @__PURE__ */ S(_s, [["render", Ms]]), Ns = {
+const js = /* @__PURE__ */ S(_s, [["render", Ls]]), 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, M(t.tabs, (c, l) => (h(), f("span", { key: l }, [
+      (h(!0), f(P, null, L(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: V, Icon: j },
+  components: { Mapbox: hs, BaseText: z, BaseButton: H, Icon: j },
   props: {
     organizerName: {
       type: String,
@@ -2977,7 +2977,7 @@ function er(r, e, t, a, o, s) {
           ])
         ]),
         i("div", Qs, [
-          t.rulesLink ? (h(), H(l, {
+          t.rulesLink ? (h(), W(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, M(t.items, (l) => (h(), f("li", {
+        (h(!0), f(P, null, L(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, M(t.items, (l) => (h(), f("li", {
+          (h(!0), f(P, null, L(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, M(t.filters, (l) => (h(), H(n, {
+        (h(!0), f(P, null, L(t.filters, (l) => (h(), W(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: V,
+    BaseButton: H,
     BaseText: z
   },
   props: {
@@ -3546,7 +3546,7 @@ 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" }, 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 = {
+}, 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 = {
   key: 1,
   class: "flex justify-center text-left w-full px-6 mt-12"
 }, 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" };
@@ -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, Lr)),
-        i("section", Mr, [
+        }, null, 8, Mr)),
+        i("section", Lr, [
           i("div", jr, [
             d(n, {
               color: "secondary",
@@ -3972,7 +3972,7 @@ const Ad = /* @__PURE__ */ S($r, [["render", to]]), so = {
   name: "GridLayout",
   components: {
     Icon: j,
-    BaseButton: V,
+    BaseButton: H,
     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 }, M(t.items, (g, b) => (h(), H(Ze(t.cardComponent), {
+          t.items.length > 0 ? (h(!0), f(P, { key: 0 }, L(t.items, (g, b) => (h(), W(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: V,
+    BaseButton: H,
     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" }, 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" };
+}, 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" };
 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", Lo, [
+      i("div", Mo, [
         d(n, {
           color: "primary",
           size: "",
@@ -4563,8 +4563,8 @@ function jo(r, e, t, a, o, s) {
         }, 8, ["text"])
       ])
     ]),
-    i("div", Mo, [
-      (h(!0), f(P, null, M(t.pools, (b, y) => (h(), f("span", {
+    i("div", Lo, [
+      (h(!0), f(P, null, L(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: V, BaseText: z },
+  components: { BaseButton: H, BaseText: z },
   props: {
     bout: {
       type: Object,
@@ -5090,29 +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(), H(n, {
+          o.isMobile ? v("", !0) : (h(), W(n, {
             key: 0,
             bout: {},
             hostingClubColors: t.hostingClubColors,
             isWaiting: !0
           }, null, 8, ["hostingClubColors"])),
-          o.isMobile ? (h(), H(c, {
+          o.isMobile ? (h(), W(c, {
             key: 1,
             bout: {},
             hostingClubColors: t.hostingClubColors,
             isWaiting: !0
           }, null, 8, ["hostingClubColors"])) : v("", !0)
         ])),
-        (h(!0), f(P, null, M(s.activeBouts, (g) => (h(), f("div", {
+        (h(!0), f(P, null, L(s.activeBouts, (g) => (h(), f("div", {
           key: g.BoutId,
           class: "w-full md:w-3/4 md:my-4"
         }, [
-          o.isMobile ? v("", !0) : (h(), H(n, {
+          o.isMobile ? v("", !0) : (h(), W(n, {
             key: 0,
             bout: g,
             hostingClubColors: t.hostingClubColors
           }, null, 8, ["bout", "hostingClubColors"])),
-          o.isMobile ? (h(), H(c, {
+          o.isMobile ? (h(), W(c, {
             key: 1,
             bout: g,
             hostingClubColors: t.hostingClubColors
@@ -5155,15 +5155,26 @@ 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, M(s.markedUpcomingBouts, (g) => (h(), f("div", {
+        (h(!0), f(P, null, L(s.markedUpcomingBouts, (g) => (h(), f("div", {
           key: g.BoutId,
           class: "w-full md:w-3/4 md:my-4"
-        }))), 128))
+        }, [
+          o.isMobile ? v("", !0) : (h(), W(n, {
+            key: 0,
+            bout: g,
+            hostingClubColors: t.hostingClubColors
+          }, null, 8, ["bout", "hostingClubColors"])),
+          o.isMobile ? (h(), W(c, {
+            key: 1,
+            bout: g,
+            hostingClubColors: t.hostingClubColors
+          }, null, 8, ["bout", "hostingClubColors"])) : v("", !0)
+        ]))), 128))
       ])
     ])) : v("", !0),
     s.hasCompletedBout > 0 ? (h(), f("section", vn, [
       i("div", _n, [
-        s.remainingBoutsCount === 0 ? (h(), H(l, {
+        s.remainingBoutsCount === 0 ? (h(), W(l, {
           key: 0,
           class: "mt-8",
           color: "primaryHighlight",
@@ -5175,7 +5186,7 @@ function Cn(r, e, t, a, o, s) {
           ])),
           _: 1
         })) : v("", !0),
-        s.remainingBoutsCount > 0 ? (h(), H(l, {
+        s.remainingBoutsCount > 0 ? (h(), W(l, {
           key: 1,
           class: "mt-5",
           color: "primaryHighlight",
@@ -5190,10 +5201,21 @@ 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, M(s.completedBouts, (g) => (h(), f("div", {
+        (h(!0), f(P, null, L(s.completedBouts, (g) => (h(), f("div", {
           key: g.BoutId,
           class: "w-full md:w-3/4 md:my-4"
-        }))), 128))
+        }, [
+          o.isMobile ? v("", !0) : (h(), W(n, {
+            key: 0,
+            bout: g,
+            hostingClubColors: t.hostingClubColors
+          }, null, 8, ["bout", "hostingClubColors"])),
+          o.isMobile ? (h(), W(c, {
+            key: 1,
+            bout: g,
+            hostingClubColors: t.hostingClubColors
+          }, null, 8, ["bout", "hostingClubColors"])) : v("", !0)
+        ]))), 128))
       ])
     ])) : v("", !0)
   ]);
@@ -5285,10 +5307,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"
-}, Ln = {
+}, Mn = {
   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"
-}, Mn = {
+}, Ln = {
   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 = {
@@ -5328,7 +5350,7 @@ function Un(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, M(s.participants, (l, g) => (h(), f("th", {
+          (h(!0), f(P, null, L(s.participants, (l, g) => (h(), f("th", {
             key: l.PersonId,
             class: "bg-primary rounded-md md:rounded-lg text-center align-middle"
           }, [
@@ -5384,7 +5406,7 @@ function Un(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",
@@ -5397,7 +5419,7 @@ function Un(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",
@@ -5413,7 +5435,7 @@ function Un(r, e, t, a, o, s) {
         ])
       ]),
       i("tbody", null, [
-        (h(!0), f(P, null, M(s.participants, (l, g) => (h(), f("tr", {
+        (h(!0), f(P, null, L(s.participants, (l, g) => (h(), f("tr", {
           key: l.PersonId,
           class: "even:bg-gray-100"
         }, [
@@ -5453,7 +5475,7 @@ function Un(r, e, t, a, o, s) {
               _: 2
             }, 1024)
           ]),
-          (h(!0), f(P, null, M(s.participants, (b) => (h(), f("td", {
+          (h(!0), f(P, null, L(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"])
           }, [
@@ -6074,8 +6096,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" }, La = { class: "flex items-center justify-center" };
-function Ma(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" }, Ma = { class: "flex items-center justify-center" };
+function La(r, e, t, a, o, s) {
   const n = x("FencerCardSkeleton"), c = x("BaseText");
   return h(), f(P, null, [
     t.isLoading ? (h(), f("div", Ia, [
@@ -6094,7 +6116,7 @@ function Ma(r, e, t, a, o, s) {
         }, null, 8, Pa)
       ]),
       i("div", Ea, [
-        i("div", La, [
+        i("div", Ma, [
           d(c, {
             tag: "p",
             size: "xs md:sm",
@@ -6144,7 +6166,7 @@ function Ma(r, e, t, a, o, s) {
     ]))
   ], 64);
 }
-const Ye = /* @__PURE__ */ S(Ba, [["render", Ma]]), ja = {
+const Ye = /* @__PURE__ */ S(Ba, [["render", La]]), ja = {
   name: "PhotoCard",
   props: {
     data: {
@@ -6162,7 +6184,7 @@ function Da(r, e, t, a, o, s) {
     }, null, 8, Oa)
   ]);
 }
-const Ld = /* @__PURE__ */ S(ja, [["render", Da]]), Ra = {
+const Md = /* @__PURE__ */ S(ja, [["render", Da]]), Ra = {
   name: "RatingSystemAnnouncement",
   components: { BaseText: z }
 }, 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" };
@@ -6227,7 +6249,7 @@ function Ha(r, e, t, a, o, s) {
 }
 const qa = /* @__PURE__ */ S(Ra, [["render", Ha]]), Ka = {
   name: "SocialMediaLinkCard",
-  components: { BaseButton: V },
+  components: { BaseButton: H },
   props: {
     socialMedia: {
       type: Array,
@@ -6256,7 +6278,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, M(t.socialMedia, (c, l) => (h(), f("div", {
+    (h(!0), f(P, null, L(t.socialMedia, (c, l) => (h(), f("div", {
       key: l,
       class: "mb-4"
     }, [
@@ -6277,7 +6299,7 @@ function Za(r, e, t, a, o, s) {
     ]))), 128))
   ]);
 }
-const Md = /* @__PURE__ */ S(Ka, [["render", Za]]), Qa = {
+const Ld = /* @__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) {
@@ -6598,7 +6620,7 @@ function Ti(r, e, t, a, o, s) {
       }, null, 8, Ci)
     ]),
     i("div", Si, [
-      t.shareLinks && t.shareLinks.length > 0 ? (h(), H(n, {
+      t.shareLinks && t.shareLinks.length > 0 ? (h(), W(n, {
         key: 0,
         color: "primary",
         size: "md",
@@ -6610,7 +6632,7 @@ function Ti(r, e, t, a, o, s) {
         ])),
         _: 1
       })) : v("", !0),
-      (h(!0), f(P, null, M(t.shareLinks, (l) => (h(), f("a", {
+      (h(!0), f(P, null, L(t.shareLinks, (l) => (h(), f("a", {
         key: l.name,
         href: l.url,
         target: "_blank",
@@ -6701,7 +6723,7 @@ const jd = /* @__PURE__ */ S(vi, [["render", Ti]]), Pi = {
       this.$emit("grid-card-click", this.data);
     }
   }
-}, Ei = { class: "flex pt-1" }, Li = { class: "relative w-24 h-16 md:w-32 md:h-20 mr-3" }, Mi = ["src", "alt"], ji = {
+}, Ei = { class: "flex pt-1" }, Mi = { class: "relative w-24 h-16 md:w-32 md:h-20 mr-3" }, Li = ["src", "alt"], ji = {
   key: 0,
   src: "https://meyersquaredimages.com/images/banners/m2-white.png",
   alt: "Hosted M²",
@@ -6726,12 +6748,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", Li, [
+      i("div", Mi, [
         i("img", {
           src: s.tournamentImage,
           alt: s.imageAltText,
           class: "w-full h-full object-cover rounded-lg"
-        }, null, 8, Mi),
+        }, null, 8, Li),
         t.data.HostedOnM2 ? (h(), f("img", ji)) : v("", !0)
       ]),
       i("div", Ni, [
@@ -6912,7 +6934,7 @@ const Nd = /* @__PURE__ */ S(Pi, [["render", Xi]]), $i = {
   name: "HeroBanner",
   components: {
     BaseText: z,
-    BaseButton: V
+    BaseButton: H
   },
   props: {
     imageSrc: {
@@ -7069,7 +7091,7 @@ const il = /* @__PURE__ */ S($i, [["render", al]]), ll = {
   name: "LeaderboardHeader",
   components: {
     BaseText: z,
-    BaseButton: V
+    BaseButton: H
   },
   props: {
     weapons: {
@@ -7095,7 +7117,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, M(t.weapons, (c) => (h(), f("div", {
+        (h(!0), f(P, null, L(t.weapons, (c) => (h(), f("div", {
           key: c,
           onClick: (l) => s.onWeaponClick(c),
           class: "cursor-pointer"
@@ -7126,7 +7148,7 @@ const Od = /* @__PURE__ */ S(ll, [["render", hl]]), gl = {
   name: "SingleButtonBanner",
   components: {
     BaseText: z,
-    BaseButton: V
+    BaseButton: H
   },
   props: {
     imageUrl: {
@@ -7189,7 +7211,7 @@ const yl = /* @__PURE__ */ S(gl, [["render", bl]]), xl = {
   name: "DoubleButtonBanner",
   components: {
     BaseText: z,
-    BaseButton: V
+    BaseButton: H
   },
   props: {
     title: {
@@ -7343,7 +7365,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: V, BaseText: z },
+  components: { Icon: j, InputField: be, BaseButton: H, BaseText: z },
   data() {
     return {
       logo: Te
@@ -7354,15 +7376,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" }, 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" };
+}, 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" }, 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", Ll, [
-          i("div", Ml, [
+        i("div", Ml, [
+          i("div", Ll, [
             i("img", {
               src: o.logo,
               alt: "Logo",
@@ -7915,7 +7937,7 @@ function fd(r, e, t, a, o, s) {
 const Dd = /* @__PURE__ */ S(hd, [["render", fd]]);
 export {
   Ke as ArticleCard,
-  V as BaseButton,
+  H as BaseButton,
   z as BaseText,
   xd as BreadCrumbs,
   bd as Calendar,
@@ -7940,13 +7962,13 @@ export {
   Od as LeaderboardHeader,
   hs as Mapbox,
   js as PageHeader,
-  Ld as PhotoCard,
+  Md as PhotoCard,
   yd as ProgressTracker,
   qa as RatingSystemAnnouncement,
   Tr as ScrollNav,
   $e as SearchBox,
   yl as SingleButtonBanner,
-  Md as SocialMediaLinkCard,
+  Ld as SocialMediaLinkCard,
   wd as TabHeader,
   Sd as TournamentBanner,
   wi as TournamentCard,