@dcrackel/meyersquaredui 1.0.78 → 1.0.80

package/dist/meyersquaredui.es.js

@@ -1,4 +1,4 @@
-import { openBlock as b, createBlock as me, resolveDynamicComponent as qe, normalizeClass as F, withCtx as m, renderSlot as Ye, createElementBlock as x, resolveComponent as v, createElementVNode as i, createVNode as c, createTextVNode as h, toDisplayString as f, Fragment as T, renderList as W, defineComponent as U, ref as B, provide as se, watch as K, onMounted as Ze, onBeforeUnmount as $, toRef as H, inject as j, computed as ce, markRaw as V, Comment as He, normalizeProps as at, guardReactiveProps as it, withModifiers as N, createCommentVNode as E, normalizeStyle as ne, createStaticVNode as ke } from "vue";
+import { openBlock as b, createBlock as me, resolveDynamicComponent as qe, normalizeClass as F, withCtx as m, renderSlot as He, createElementBlock as x, resolveComponent as v, createElementVNode as i, createVNode as c, createTextVNode as h, toDisplayString as f, Fragment as T, renderList as W, defineComponent as U, ref as B, provide as se, watch as K, onMounted as Ye, onBeforeUnmount as $, toRef as Z, inject as j, computed as ce, markRaw as V, Comment as Ze, normalizeProps as at, guardReactiveProps as it, withModifiers as N, createCommentVNode as E, normalizeStyle as ne, createStaticVNode as ke } from "vue";
 const S = (s, e) => {
   const t = s.__vccOpts || s;
   for (const [n, o] of e)
@@ -61,7 +61,7 @@ function dt(s, e, t, n, o, r) {
     class: F(r.textClasses)
   }, {
     default: m(() => [
-      Ye(s.$slots, "default")
+      He(s.$slots, "default")
     ]),
     _: 3
   }, 8, ["class"]);
@@ -459,7 +459,7 @@ const $a = /* @__PURE__ */ S(kt, [["render", zt]]);
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-var It = Object.defineProperty, Lt = (s, e, t) => e in s ? It(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, Le = (s, e, t) => (Lt(s, typeof e != "symbol" ? e + "" : e, t), t);
+var Lt = Object.defineProperty, It = (s, e, t) => e in s ? Lt(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, Ie = (s, e, t) => (It(s, typeof e != "symbol" ? e + "" : e, t), t);
 const ee = Symbol("map"), te = Symbol("api"), _e = Symbol("marker"), Se = Symbol("markerCluster"), be = Symbol("CustomMarker"), Je = Symbol("mapTilesLoaded"), ae = [
   "click",
   "dblclick",
@@ -664,17 +664,17 @@ class X {
     ), !((t = (e = window == null ? void 0 : window.google) === null || e === void 0 ? void 0 : e.maps) === null || t === void 0) && t.importLibrary || ((r) => {
       let a, l, d, u = "The Google Maps JavaScript API", p = "google", g = "importLibrary", y = "__ib__", k = document, w = window;
       w = w[p] || (w[p] = {});
-      const C = w.maps || (w.maps = {}), _ = /* @__PURE__ */ new Set(), A = new URLSearchParams(), I = () => (
+      const C = w.maps || (w.maps = {}), _ = /* @__PURE__ */ new Set(), A = new URLSearchParams(), L = () => (
         // @ts-ignore
-        a || (a = new Promise((L, D) => Et(this, void 0, void 0, function* () {
+        a || (a = new Promise((I, D) => Et(this, void 0, void 0, function* () {
           var O;
           yield l = k.createElement("script"), l.id = this.id, A.set("libraries", [..._] + "");
           for (d in r)
             A.set(d.replace(/[A-Z]/g, (R) => "_" + R[0].toLowerCase()), r[d]);
-          A.set("callback", p + ".maps." + y), l.src = this.url + "?" + A, C[y] = L, l.onerror = () => a = D(Error(u + " could not load.")), l.nonce = this.nonce || ((O = k.querySelector("script[nonce]")) === null || O === void 0 ? void 0 : O.nonce) || "", k.head.append(l);
+          A.set("callback", p + ".maps." + y), l.src = this.url + "?" + A, C[y] = I, l.onerror = () => a = D(Error(u + " could not load.")), l.nonce = this.nonce || ((O = k.querySelector("script[nonce]")) === null || O === void 0 ? void 0 : O.nonce) || "", k.head.append(l);
         })))
       );
-      C[g] ? console.warn(u + " only loads once. Ignoring:", r) : C[g] = (L, ...D) => _.add(L) && I().then(() => C[g](L, ...D));
+      C[g] ? console.warn(u + " only loads once. Ignoring:", r) : C[g] = (I, ...D) => _.add(I) && L().then(() => C[g](I, ...D));
     })(n);
     const o = this.libraries.map((r) => this.importLibrary(r));
     o.length || o.push(this.importLibrary("core")), Promise.all(o).then(() => this.callback(), (r) => {
@@ -720,7 +720,7 @@ class X {
 function Mt(s) {
   return class extends s.OverlayView {
     constructor(e) {
-      super(), Le(this, "element"), Le(this, "opts");
+      super(), Ie(this, "element"), Ie(this, "opts");
       const { element: t, ...n } = e;
       this.element = t, this.opts = n, this.opts.map && this.setMap(this.opts.map);
     }
@@ -1055,19 +1055,19 @@ const Me = [
       }), n.value = !0;
       const k = Object.keys(s).filter(
         (w) => !["apiPromise", "apiKey", "version", "libraries", "region", "language", "center", "zoom", "nonce"].includes(w)
-      ).map((w) => H(s, w));
+      ).map((w) => Z(s, w));
       K(
         [() => s.center, () => s.zoom, ...k],
         ([w, C], [_, A]) => {
-          var I, L, D;
+          var L, I, D;
           const { center: O, zoom: R, ...P } = l();
-          (I = o.value) == null || I.setOptions(P), C !== void 0 && C !== A && ((L = o.value) == null || L.setZoom(C));
+          (L = o.value) == null || L.setOptions(P), C !== void 0 && C !== A && ((I = o.value) == null || I.setZoom(C));
           const he = !_ || w.lng !== _.lng || w.lat !== _.lat;
           w && he && ((D = o.value) == null || D.panTo(w));
         }
       );
     };
-    return Ze(() => {
+    return Ye(() => {
       s.apiPromise && s.apiPromise instanceof Promise ? s.apiPromise.then(p) : (u(), Te.load().then(p));
     }), $(() => {
       var g;
@@ -1086,7 +1086,7 @@ const Me = [
 function Dt(s, e, t, n, o, r) {
   return b(), x("div", null, [
     i("div", Pt, null, 512),
-    Ye(s.$slots, "default", at(it({ ready: s.ready, map: s.map, api: s.api, mapTilesLoaded: s.mapTilesLoaded })), void 0, !0)
+    He(s.$slots, "default", at(it({ ready: s.ready, map: s.map, api: s.api, mapTilesLoaded: s.mapTilesLoaded })), void 0, !0)
   ]);
 }
 const Nt = /* @__PURE__ */ Ot(jt, [["render", Dt], ["__scopeId", "data-v-d05fc6bc"]]);
@@ -1142,17 +1142,17 @@ const Q = /* @__PURE__ */ Ft(Gt), je = ["click", "drag", "dragend", "dragstart",
   },
   emits: je,
   setup(s, { emit: e, expose: t, slots: n }) {
-    const o = H(s, "options"), r = H(s, "pinOptions"), a = B(), l = j(ee, B()), d = j(te, B()), u = j(Se, B()), p = ce(
+    const o = Z(s, "options"), r = Z(s, "pinOptions"), a = B(), l = j(ee, B()), d = j(te, B()), u = j(Se, B()), p = ce(
       () => !!(u.value && d.value && a.value instanceof google.maps.marker.AdvancedMarkerElement)
     );
     return K(
       [l, o, r],
       async (g, [y, k, w]) => {
         var C, _, A;
-        const I = !Q(o.value, k) || !Q(r.value, w) || l.value !== y;
-        if (!l.value || !d.value || !I)
+        const L = !Q(o.value, k) || !Q(r.value, w) || l.value !== y;
+        if (!l.value || !d.value || !L)
           return;
-        const { AdvancedMarkerElement: L, PinElement: D } = d.value.marker;
+        const { AdvancedMarkerElement: I, PinElement: D } = d.value.marker;
         if (a.value) {
           const { map: O, content: R, ...P } = o.value;
           Object.assign(a.value, {
@@ -1160,7 +1160,7 @@ const Q = /* @__PURE__ */ Ft(Gt), je = ["click", "drag", "dragend", "dragstart",
             ...P
           }), p.value && ((C = u.value) == null || C.removeMarker(a.value), (_ = u.value) == null || _.addMarker(a.value));
         } else
-          r.value && (o.value.content = new D(r.value).element), a.value = V(new L(o.value)), p.value ? (A = u.value) == null || A.addMarker(a.value) : a.value.map = l.value, je.forEach((O) => {
+          r.value && (o.value.content = new D(r.value).element), a.value = V(new I(o.value)), p.value ? (A = u.value) == null || A.addMarker(a.value) : a.value.map = l.value, je.forEach((O) => {
             var R;
             (R = a.value) == null || R.addListener(O, (P) => e(O, P));
           });
@@ -1196,7 +1196,7 @@ const Q = /* @__PURE__ */ Ft(Gt), je = ["click", "drag", "dragend", "dragstart",
         })
       ), d.value ? (w = l.value) == null || w.addMarker(o.value) : o.value.setMap(r.value), e.forEach((_) => {
         var A;
-        (A = o.value) == null || A.addListener(_, (I) => n(_, I));
+        (A = o.value) == null || A.addListener(_, (L) => n(_, L));
       })));
     },
     {
@@ -1241,7 +1241,7 @@ U({
   },
   emits: Oe,
   setup(s, { emit: e, expose: t, slots: n }) {
-    const o = H(s, "options"), r = ie("Marker", Oe, o, e);
+    const o = Z(s, "options"), r = ie("Marker", Oe, o, e);
     return se(_e, r), t({ marker: r }), () => {
       var a;
       return (a = n.default) == null ? void 0 : a.call(n);
@@ -1258,7 +1258,7 @@ U({
   },
   emits: ae,
   setup(s, { emit: e }) {
-    const t = H(s, "options");
+    const t = Z(s, "options");
     return { polyline: ie("Polyline", ae, t, e) };
   },
   render: () => null
@@ -1273,7 +1273,7 @@ U({
   },
   emits: ae,
   setup(s, { emit: e }) {
-    const t = H(s, "options");
+    const t = Z(s, "options");
     return { polygon: ie("Polygon", ae, t, e) };
   },
   render: () => null
@@ -1289,7 +1289,7 @@ U({
   },
   emits: Pe,
   setup(s, { emit: e }) {
-    const t = H(s, "options");
+    const t = Z(s, "options");
     return { rectangle: ie("Rectangle", Pe, t, e) };
   },
   render: () => null
@@ -1305,7 +1305,7 @@ U({
   },
   emits: De,
   setup(s, { emit: e }) {
-    const t = H(s, "options");
+    const t = Z(s, "options");
     return { circle: ie("Circle", De, t, e) };
   },
   render: () => null
@@ -1374,7 +1374,7 @@ U({
     let u, p = s.modelValue;
     const g = ce(() => {
       var C;
-      return (C = e.default) == null ? void 0 : C.call(e).some((_) => _.type !== He);
+      return (C = e.default) == null ? void 0 : C.call(e).some((_) => _.type !== Ze);
     }), y = (C) => {
       p = C, t("update:modelValue", C);
     }, k = (C) => {
@@ -1382,12 +1382,12 @@ U({
     }, w = () => {
       o.value && (o.value.close(), y(!1));
     };
-    return Ze(() => {
+    return Ye(() => {
       K(
         [a, () => s.options],
-        ([C, _], [A, I]) => {
-          var L;
-          const D = !Q(_, I) || a.value !== A;
+        ([C, _], [A, L]) => {
+          var I;
+          const D = !Q(_, L) || a.value !== A;
           a.value && l.value && D && (o.value ? (o.value.setOptions({
             ..._,
             content: g.value ? r.value : _.content
@@ -1401,7 +1401,7 @@ U({
           })), (!d.value || p) && k(), Ne.forEach((O) => {
             var R;
             (R = o.value) == null || R.addListener(O, (P) => t(O, P));
-          }), (L = o.value) == null || L.addListener("closeclick", () => y(!1))));
+          }), (I = o.value) == null || I.addListener("closeclick", () => y(!1))));
         },
         {
           immediate: !0
@@ -1500,8 +1500,8 @@ class Ae {
       const p = d.pop() || 0, g = d.pop() || 0, y = d.pop() || 0;
       if (g - y <= l) {
         for (let _ = y; _ <= g; _++) {
-          const A = a[2 * _], I = a[2 * _ + 1];
-          A >= e && A <= n && I >= t && I <= o && u.push(r[_]);
+          const A = a[2 * _], L = a[2 * _ + 1];
+          A >= e && A <= n && L >= t && L <= o && u.push(r[_]);
         }
         continue;
       }
@@ -1591,7 +1591,7 @@ const Kt = {
   // properties to use for individual points when running the reducer
   map: (s) => s
   // props => ({sum: props.my_value})
-}, Re = Math.fround || /* @__PURE__ */ ((s) => (e) => (s[0] = +e, s[0]))(new Float32Array(1)), J = 2, Z = 3, ve = 4, Y = 5, $e = 6;
+}, Re = Math.fround || /* @__PURE__ */ ((s) => (e) => (s[0] = +e, s[0]))(new Float32Array(1)), J = 2, Y = 3, ve = 4, H = 5, $e = 6;
 class et {
   constructor(e) {
     this.options = Object.assign(Object.create(Kt), e), this.trees = new Array(this.options.maxZoom + 1), this.stride = this.options.reduce ? 7 : 6, this.clusterProps = [];
@@ -1643,7 +1643,7 @@ class et {
     const l = this.trees[this._limitZoom(t)], d = l.range(pe(n), ge(a), pe(r), ge(o)), u = l.data, p = [];
     for (const g of d) {
       const y = this.stride * g;
-      p.push(u[y + Y] > 1 ? Ue(u, y, this.clusterProps) : this.points[u[y + Z]]);
+      p.push(u[y + H] > 1 ? Ue(u, y, this.clusterProps) : this.points[u[y + Y]]);
     }
     return p;
   }
@@ -1657,7 +1657,7 @@ class et {
     const l = this.options.radius / (this.options.extent * Math.pow(2, n - 1)), d = a[t * this.stride], u = a[t * this.stride + 1], p = r.within(d, u, l), g = [];
     for (const y of p) {
       const k = y * this.stride;
-      a[k + ve] === e && g.push(a[k + Y] > 1 ? Ue(a, k, this.clusterProps) : this.points[a[k + Z]]);
+      a[k + ve] === e && g.push(a[k + H] > 1 ? Ue(a, k, this.clusterProps) : this.points[a[k + Y]]);
     }
     if (g.length === 0)
       throw new Error(o);
@@ -1722,12 +1722,12 @@ class et {
   }
   _addTileFeatures(e, t, n, o, r, a) {
     for (const l of e) {
-      const d = l * this.stride, u = t[d + Y] > 1;
+      const d = l * this.stride, u = t[d + H] > 1;
       let p, g, y;
       if (u)
         p = tt(t, d, this.clusterProps), g = t[d], y = t[d + 1];
       else {
-        const C = this.points[t[d + Z]];
+        const C = this.points[t[d + Y]];
         p = C.properties;
         const [_, A] = C.geometry.coordinates;
         g = pe(_), y = ge(A);
@@ -1741,7 +1741,7 @@ class et {
         tags: p
       };
       let w;
-      u || this.options.generateId ? w = t[d + Z] : w = this.points[t[d + Z]].id, w !== void 0 && (k.id = w), a.features.push(k);
+      u || this.options.generateId ? w = t[d + Y] : w = this.points[t[d + Y]].id, w !== void 0 && (k.id = w), a.features.push(k);
     }
   }
   _limitZoom(e) {
@@ -1753,34 +1753,34 @@ class et {
       if (d[g + J] <= t)
         continue;
       d[g + J] = t;
-      const y = d[g], k = d[g + 1], w = e.within(d[g], d[g + 1], l), C = d[g + Y];
+      const y = d[g], k = d[g + 1], w = e.within(d[g], d[g + 1], l), C = d[g + H];
       let _ = C;
       for (const A of w) {
-        const I = A * p;
-        d[I + J] > t && (_ += d[I + Y]);
+        const L = A * p;
+        d[L + J] > t && (_ += d[L + H]);
       }
       if (_ > C && _ >= a) {
-        let A = y * C, I = k * C, L, D = -1;
+        let A = y * C, L = k * C, I, D = -1;
         const O = ((g / p | 0) << 5) + (t + 1) + this.points.length;
         for (const R of w) {
           const P = R * p;
           if (d[P + J] <= t)
             continue;
           d[P + J] = t;
-          const he = d[P + Y];
-          A += d[P] * he, I += d[P + 1] * he, d[P + ve] = O, r && (L || (L = this._map(d, g, !0), D = this.clusterProps.length, this.clusterProps.push(L)), r(L, this._map(d, P)));
+          const he = d[P + H];
+          A += d[P] * he, L += d[P + 1] * he, d[P + ve] = O, r && (I || (I = this._map(d, g, !0), D = this.clusterProps.length, this.clusterProps.push(I)), r(I, this._map(d, P)));
         }
-        d[g + ve] = O, u.push(A / _, I / _, 1 / 0, O, -1, _), r && u.push(D);
+        d[g + ve] = O, u.push(A / _, L / _, 1 / 0, O, -1, _), r && u.push(D);
       } else {
         for (let A = 0; A < p; A++)
           u.push(d[g + A]);
         if (_ > 1)
           for (const A of w) {
-            const I = A * p;
-            if (!(d[I + J] <= t)) {
-              d[I + J] = t;
-              for (let L = 0; L < p; L++)
-                u.push(d[I + L]);
+            const L = A * p;
+            if (!(d[L + J] <= t)) {
+              d[L + J] = t;
+              for (let I = 0; I < p; I++)
+                u.push(d[L + I]);
             }
           }
       }
@@ -1796,18 +1796,18 @@ class et {
     return (e - this.points.length) % 32;
   }
   _map(e, t, n) {
-    if (e[t + Y] > 1) {
+    if (e[t + H] > 1) {
       const a = this.clusterProps[e[t + $e]];
       return n ? Object.assign({}, a) : a;
     }
-    const o = this.points[e[t + Z]].properties, r = this.options.map(o);
+    const o = this.points[e[t + Y]].properties, r = this.options.map(o);
     return n && r === o ? Object.assign({}, r) : r;
   }
 }
 function Ue(s, e, t) {
   return {
     type: "Feature",
-    id: s[e + Z],
+    id: s[e + Y],
     properties: tt(s, e, t),
     geometry: {
       type: "Point",
@@ -1816,10 +1816,10 @@ function Ue(s, e, t) {
   };
 }
 function tt(s, e, t) {
-  const n = s[e + Y], o = n >= 1e4 ? `${Math.round(n / 1e3)}k` : n >= 1e3 ? `${Math.round(n / 100) / 10}k` : n, r = s[e + $e], a = r === -1 ? {} : Object.assign({}, t[r]);
+  const n = s[e + H], o = n >= 1e4 ? `${Math.round(n / 1e3)}k` : n >= 1e3 ? `${Math.round(n / 100) / 10}k` : n, r = s[e + $e], a = r === -1 ? {} : Object.assign({}, t[r]);
   return Object.assign(a, {
     cluster: !0,
-    cluster_id: s[e + Z],
+    cluster_id: s[e + Y],
     point_count: n,
     point_count_abbreviated: o
   });
@@ -1925,15 +1925,15 @@ const qt = (s, e, t, n) => {
   const o = rt(s.getBounds(), e, n);
   return t.filter((r) => o.contains(M.getPosition(r)));
 }, rt = (s, e, t) => {
-  const { northEast: n, southWest: o } = Yt(s, e), r = Zt({ northEast: n, southWest: o }, t);
-  return Ht(r, e);
+  const { northEast: n, southWest: o } = Ht(s, e), r = Yt({ northEast: n, southWest: o }, t);
+  return Zt(r, e);
 }, We = (s, e, t) => {
   const n = rt(s, e, t), o = n.getNorthEast(), r = n.getSouthWest();
   return [r.lng(), r.lat(), o.lng(), o.lat()];
-}, Yt = (s, e) => ({
+}, Ht = (s, e) => ({
   northEast: e.fromLatLngToDivPixel(s.getNorthEast()),
   southWest: e.fromLatLngToDivPixel(s.getSouthWest())
-}), Zt = ({ northEast: s, southWest: e }, t) => (s.x += t, s.y -= t, e.x -= t, e.y += t, { northEast: s, southWest: e }), Ht = ({ northEast: s, southWest: e }, t) => {
+}), Yt = ({ northEast: s, southWest: e }, t) => (s.x += t, s.y -= t, e.x -= t, e.y += t, { northEast: s, southWest: e }), Zt = ({ northEast: s, southWest: e }, t) => {
   const n = t.fromDivPixelToLatLng(e), o = t.fromDivPixelToLatLng(s);
   return new google.maps.LatLngBounds(n, o);
 };
@@ -2295,7 +2295,7 @@ U({
   setup(s, { slots: e, emit: t, expose: n }) {
     const o = B(), r = ce(() => {
       var d;
-      return (d = e.default) == null ? void 0 : d.call(e).some((u) => u.type !== He);
+      return (d = e.default) == null ? void 0 : d.call(e).some((u) => u.type !== Ze);
     }), a = ce(() => ({
       ...s.options,
       element: o.value
@@ -2408,7 +2408,7 @@ function ir(s, e, t, n, o, r) {
     }, 8, ["api-key", "class", "center", "zoom"])
   ]);
 }
-const lr = /* @__PURE__ */ S(ar, [["render", ir]]), Ie = "data:image/png;base64,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", dr = {
+const lr = /* @__PURE__ */ S(ar, [["render", ir]]), Le = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI4AAABwCAIAAABHB982AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAtOSURBVHhe7Z3tedQ6EEbpIB2QCkIFSQWkglBBqIBUABUEKoAKkgo2FSQVQAdUcM+DBl9fWx7Nh7zrzd3zgye7a0mWZuadkbwJb04cnMfHx9+/fz89PfHDly9f7u7uPnz4cHV1JR+f2Ahv377FTlVeXl4wm1x34uB8/PhRLLPAbrc7OzuTq08ckKJ+OqiiXH3iUCjqN+EUWAeG8gEzPDw83NzcYDa4uLjg569fvxYLDaCT0ubEQcAq9/f38uK/YDOx0h9OGrhpvn//LoY6mWrjjIvDkwBumpLJCpeXl/LuiQ0yRNXz87O8dWKbDLmK6kPeOrFNfv36hZ12u528PrFNhkTFZkveOrFBMM/Lywt2+vTpk7x1YpuU04qHhwd5vX3Ozs7QAXZ/j4+PxcsKiDgvefPHjx93d3dXV1ev6YisFH5Ufcchfaw+Zih51QiWw67S/mjBPGU6FxcX8tZmIT7GBypeyuO4I03FQ4q6vb2Vt3rBsr57944IAH7IqxCuNBa6MHTSPcLOz8+HycIaklueXXUrJbhFVuHbt2/VNUWyGI/scn197Z3MUJ72In/EyRTIHEtSzAqQ/zGbXJ0DMaDPPnbivukukD8sNiP2XT0bCT/t5n6wtPGWsFkytZRSAuWX1xnoK7yUNMT7lPwxaPQa0LMy9JyARxZoJV04KW4KSFFR1zlor1ytwK3PH0rGWDJYr/6XsMdWMlkGgtjophhSGixBR09PT3J5JybexxDywV/Y+r1//77MmX8vLy/RIvYZ8nEIyyJmlGPAa61SSjTBm6VBFaPBA9DtUKFNQkrJq5SwmaXUZ4s3yHVp7OVMKSUsVNVIwDW6x9ME1m5yrw3f+eM9mfCqLiIznbhLHlRBel/GXvE2ysKOXmZH852/JK2FyklHf1jJI5GNpgwOO32mA8g+4DS8zw8IaXm/sR22B2ZHuD8ZvkXSWkNhTT8rKTxMfGIVmICMtl+a6jeG5Q7nreITip3wA24Gd765ueFffg54ht3z4qznaDosvat2ojKUln6Q9/k0f/78SVZY+sIJH8l1Ztb97spBpG9gUsc3weWlZZrPnz83HcUbyt7pOEATqreCu+GGqAH3yjU4CxVOTBZ0vIEF3IY0jsLs7O7vstaKGjifNsbQp4HN+hrMvikpYNrMDWAnnE/6suEKZa/nmZhXExZNKBBwHQ3mXbtMiRH73hbhIu1bDDv9nkxCCjvJBzZY37wWFehHOjUTTloxr0dppH0Lr0i04Y7HFREhIh84CZRJVQK1k93Tx0hjP8bhWFVp0IvJIUfm65yscliOBgIJ2e7pY7xiO2AfLjxEncn5bjIZcnP51LWfwMrkEqNH9jy2YGWl1z90idm8tfYTWJlcQlvpRaXPs93CRP16yWveWgHp8AZWwCEGjJ5B8EmDPPOnW712A5kyGgK7fe9pS3IdjbMLiHkFrCL9jegorwFRGmAhvE5TnY4O/iSN/RiDuM8J0/X1tfQ3gjUKiM8SmZO6gNN4nz9lKgtuT3pRycjsvyzlxt1u19Faxgw8JzBJ71iZysKuGR1yivI1DOqLjtbyJvwB7z1MqqQmGZe3622HdNVMjL1O8llxYxKe4NVAco+0tMFdScsQxkkFTsumSE8q+F2X8PKWZwWv1wcqi4w62VNjNrCkGwNdwiu20/IupTd8M0Wg65A6tYbjU9omXEzFKC1DxGp3y3e1xrgmBZki0CsV8dQYeHJBk4weUltKR2a8RZrxK6sDmX2kt4qJp8bwFjVsMONeZIzXE73+l9Gl6sZUofH9S51YYQboTEA6SDzeEb2e6N1aYVpp6cdecJZvREmzGDc3N9JZiEB9GCgFXZnfG7hrm4olYpEzdea/0Jf0GsK7WQ6orit8vfkjbCpmrRfrLGyHze8Yhkw+sECjXNbyOocrnXjzR8xUxK6i5P2NNEAgh5NWgdiyx7hXA12rac8fBa+p6F8vMr1fInKTjy1cSfpqwVjSxoa9Z/B2bg9ZfLFZs2RrByNM0itNE+xR7xqIkJVmBlhQaWbDaCqCqbm5zlQoETJfwbS7v0sDXaYCaWbDsgWmVLEkCFfC7gOOSSCvemTnlSlpZqPp/mOaB1fG5OdS6f4EIsxeWLsWVNrYcPXcFG1jb5kDqj5YcukY+5Gdq1tpY8N1DEjQSLMa9tJ/rerci/0rEvZvvrn2qtLGxvCbthZ0xbb701ZMBcYjKLtku9KVtLFBJSbNDEibBewBuiFTgSW2XNlV2rRY78R21/o7vvaTgW2ZCpqrYM9VYMzYXCYNbNh3ArpjubZo3kegq8Pd646GTsqlBoxJxVsH2w/X9U3r1dWVXGfAdaa8J/RM4NoGGpOK11T2gkU/qnA9T9m3qc7Pz3ElebGAsr7eNTUmFZeogt1U+mbIdaSyV1MNMyQ3LA1M0CgJxptajWvh3V3aN0N6gnEV/XqAdmZSmGISAmgcZPysPEzTdb+K0f29GdueY/T9r2srvVdTKeHCR3o18Rz60+BGU+kLOsd4agfSYAHXLyvs1VTGJD8n8AcgChZTeTdVYNxcNzdViu/O8SbUFMwwcJpOE6/XD1hM5S1VwGiq5hmYXGcjoP9ZXKfprGMsngoWUwW81WiqpmTJdTYOYKoCtRxjo2xyIzMwUv4oxWKq2CjSWKXZs1xn42CmGmA+t7e3uDa3AngiYWd8ftjEYqrYWNJYpdmzXGfD/kjhKGmaKpCoCtJ+mWZNAXKpjfCtHgdNU4UfrUr7ZSx6ZT9Wh/+7qcI1i7RfxrKtdhXrljA9YvTz0PDkLRWgxQlcpuJiafYqoUiRidYIq1/TVEYncB0svXJT6SfrYfVrmsq4V3Md1wZOVY4JxW0zWbp5Bmg8XqH0kAY2pNmrRDkPdT1NnqCfrD+b/zalrs9zem03t4hMcYZ9NavoprKU6QXLDn1MWLG3jrKgt7n/GlJ/tGg/qfL+qlb+pG2jKJV60j2VaHDFa7M8mcC40vKVsVRf2QVqCcUJXOf05B5pZkPZXdAVKiIvjg6Z34y84ivlgLfzLk8XGbT0c5QKuZQG8iEFS6YKbABcz+yr/Q92Am5M3j0iqlsWEkk+pGBJWgMbAO/WalKvj+0EmR1IH1BhZBqX4V+jIleFRflFWpaApE0symuVaijENgDerdVYFSZ22tOvCS/B2s0XnXf0WqhapitLyfXD8wh+YDmU4OOjcuWEmLR6t1bAQCwLNh4/Qznkg0fcXD/Bw2AEWXVNq6qy9FRiabEeF/4376XrFesq2L+npoAXzu9zTzCBqoLN4TL8a7xMVa9fcvmmU5cgG/9/1NVzxfCJIkssXUTplYAjECvj0LaAwVhQdAzmNl6ajOuwgPxU8qW8/i+Z36jxTnZM+BuSWXCxqnYlqdZFBG5mjcbECooBIlI68pM8IQtiFz0X1T9zgyd2HCtZIuspWeEwJV9A9CxU/b2vnZIhBZehP3C5+l9amrOS6EE1RTFc39jN7zq5Ja+bHuArMX0dfEI11bsOcposFSxeXBrYa1AHFMpriF6hquPdw7fXQQ5LLz22OEDJ5z1QcVG1U/cR81lqjDGwMruCCK4NjZf7+3sZZsQantHXu8lY2F66XuAAJd8kP5Ek2R9QCKEnmU0GVPMt5aV83I81Vg3bK9Y6gJ3Guozyzjdx2CyWVLATvim9/GUSwYyI1OATjBtOXX2lb8zSxvxgp7GsEWPjJvOVHcCirqWs2gnGJR/XTFSLl9isqTxjuHjSSV+4HxnpL4yoLNRWYFGIgOZSkp+WJjNkKaRVWWJGWXpgOGY/Bdi4xFjbM/qzlMaqEjoBRTXOlsuUINON3RHcDgFgxOOz0wD3jSpinjINXUIzYF1cG9uwZMCgvCOf7Qvq8j3p3ps3/wDHS5O0YOBNvAAAAABJRU5ErkJggg==", dr = {
   name: "PageHeader",
   components: {
     SearchBox: wt,
@@ -2418,7 +2418,7 @@ const lr = /* @__PURE__ */ S(ar, [["render", ir]]), Ie = "data:image/png;base64,
   },
   data() {
     return {
-      logo: Ie,
+      logo: Le,
       dropdownOpen: !1,
       items: [
         { label: "Home", value: "Home", icon: "fa-home" },
@@ -2634,7 +2634,7 @@ const kr = /* @__PURE__ */ S(dr, [["render", wr]]), Cr = {
       console.log("Rules button clicked"), this.$emit("rules-click");
     }
   }
-}, _r = { class: "md:w-80 m-2 flex flex-col mb-20" }, Sr = { class: "bg-white p-4 rounded-lg" }, Ar = { class: "flex flex-col space-y-4" }, Br = { class: "flex items-center" }, zr = ["src"], Ir = { class: "pl-2" }, Lr = { class: "flex justify-between space-x-8 w-full px-4" }, Er = { class: "flex items-center space-x-2" }, Tr = { class: "flex items-center space-x-2" }, Mr = { class: "flex justify-center" }, jr = { class: "mt-10 bg-white p-4 rounded-lg" }, Or = { class: "flex mb-4" }, Pr = { class: "mr-3" };
+}, _r = { class: "md:w-80 m-2 flex flex-col mb-20" }, Sr = { class: "bg-white p-4 rounded-lg" }, Ar = { class: "flex flex-col space-y-4" }, Br = { class: "flex items-center" }, zr = ["src"], Lr = { class: "pl-2" }, Ir = { class: "flex justify-between space-x-8 w-full px-4" }, Er = { class: "flex items-center space-x-2" }, Tr = { class: "flex items-center space-x-2" }, Mr = { class: "flex justify-center" }, jr = { class: "mt-10 bg-white p-4 rounded-lg" }, Or = { class: "flex mb-4" }, Pr = { class: "mr-3" };
 function Dr(s, e, t, n, o, r) {
   const a = v("BaseText"), l = v("Icon"), d = v("BaseButton"), u = v("Mapbox");
   return b(), x("aside", _r, [
@@ -2646,7 +2646,7 @@ function Dr(s, e, t, n, o, r) {
             alt: "Event Organizer",
             class: "w-16 h-16 rounded-full object-cover"
           }, null, 8, zr),
-          i("div", Ir, [
+          i("div", Lr, [
             c(a, {
               color: "primary",
               size: "xs",
@@ -2670,7 +2670,7 @@ function Dr(s, e, t, n, o, r) {
             })
           ])
         ]),
-        i("div", Lr, [
+        i("div", Ir, [
           i("div", Er, [
             c(l, {
               icon: "fa-users",
@@ -2913,13 +2913,13 @@ const ot = /* @__PURE__ */ S(Nr, [["render", Kr]]), Vr = {
       this.selectedWeapon = s;
     }
   }
-}, Qr = { class: "flex w-full items-center justify-between bg-white py-6 overflow-x-auto md:overflow-visible" }, qr = { class: "flex w-full md:max-w-none md:flex-grow overflow-x-auto md:overflow-visible md:justify-around md:items-center" }, Yr = { class: "flex items-center pb-1.5 mr-8 flex-shrink-0 md:flex-grow" }, Zr = { class: "flex justify-center items-center flex-shrink-0 md:flex-grow" }, Hr = { class: "flex justify-end flex-shrink-0 md:flex-grow pt-2" };
+}, Qr = { class: "flex w-full items-center justify-between bg-white py-6 overflow-x-auto md:overflow-visible" }, qr = { class: "flex w-full md:max-w-none md:flex-grow overflow-x-auto md:overflow-visible md:justify-around md:items-center" }, Hr = { class: "flex items-center pb-1.5 mr-8 flex-shrink-0 md:flex-grow" }, Yr = { class: "flex justify-center items-center flex-shrink-0 md:flex-grow" }, Zr = { class: "flex justify-end flex-shrink-0 md:flex-grow pt-2" };
 function Jr(s, e, t, n, o, r) {
   const a = v("BaseText"), l = v("InputField"), d = v("Dropdown");
   return b(), x("div", Qr, [
     e[4] || (e[4] = i("div", { class: "hidden md:block w-[150px] flex-shrink-0" }, null, -1)),
     i("section", qr, [
-      i("div", Yr, [
+      i("div", Hr, [
         c(a, {
           class: "w-20 mr-2",
           color: "primary",
@@ -2941,7 +2941,7 @@ function Jr(s, e, t, n, o, r) {
           class: "px-2 py-1 focus:outline-none placeholder:text-sm lg:placeholder:text-sm w-full"
         }, null, 8, ["modelValue"])
       ]),
-      i("div", Zr, [
+      i("div", Yr, [
         c(a, {
           class: "mr-2 pb-1.5",
           color: "primary",
@@ -2960,7 +2960,7 @@ function Jr(s, e, t, n, o, r) {
           onDistanceSelect: r.selectDistance
         }, null, 8, ["items", "defaultSelectedItem", "onDistanceSelect"])
       ]),
-      i("div", Hr, [
+      i("div", Zr, [
         c(a, {
           class: "mr-2 pb-1.5",
           color: "primary",
@@ -3422,7 +3422,7 @@ function Bs(s, e, t, n, o, r) {
     ke('<div class="w-full h-40 bg-gray-200 rounded-t-md mb-4"></div><div class="w-3/4 h-6 bg-gray-200 rounded mb-2"></div><div class="w-full h-4 bg-gray-200 rounded mb-2"></div><div class="w-full h-4 bg-gray-200 rounded mb-2"></div><div class="w-1/2 h-4 bg-gray-200 rounded mb-4"></div><div class="w-full flex justify-end"><div class="w-1/4 h-4 bg-gray-200 rounded"></div></div>', 6)
   ]));
 }
-const zs = /* @__PURE__ */ S(Ss, [["render", Bs]]), Is = {
+const zs = /* @__PURE__ */ S(Ss, [["render", Bs]]), Ls = {
   name: "ArticleCard",
   components: {
     ArticleCardSkeleton: zs,
@@ -3459,7 +3459,7 @@ const zs = /* @__PURE__ */ S(Ss, [["render", Bs]]), Is = {
       this.$emit("grid-card-click", this.data);
     }
   }
-}, Ls = {
+}, Is = {
   key: 0,
   class: "w-72 p-4 bg-secondary rounded-lg flex flex-col items-start"
 }, Es = {
@@ -3469,7 +3469,7 @@ const zs = /* @__PURE__ */ S(Ss, [["render", Bs]]), Is = {
 function Ms(s, e, t, n, o, r) {
   const a = v("ArticleCardSkeleton"), l = v("BaseText");
   return b(), x(T, null, [
-    t.isLoading ? (b(), x("div", Ls, [
+    t.isLoading ? (b(), x("div", Is, [
       c(a)
     ])) : E("", !0),
     t.isLoading ? E("", !0) : (b(), x("div", Es, [
@@ -3520,7 +3520,7 @@ function Ms(s, e, t, n, o, r) {
     ]))
   ], 64);
 }
-const Ve = /* @__PURE__ */ S(Is, [["render", Ms]]), js = {
+const Ve = /* @__PURE__ */ S(Ls, [["render", Ms]]), js = {
   name: "ClubListCard",
   components: { Icon: G, BaseText: z },
   props: {
@@ -3732,7 +3732,7 @@ function qs(s, e, t, n, o, r) {
     })
   ]);
 }
-const ai = /* @__PURE__ */ S(Ks, [["render", qs], ["__scopeId", "data-v-bae6ab08"]]), Ys = {
+const ai = /* @__PURE__ */ S(Ks, [["render", qs], ["__scopeId", "data-v-bae6ab08"]]), Hs = {
   name: "EventListCard",
   components: { BaseText: z, Icon: G },
   props: {
@@ -3751,7 +3751,7 @@ const ai = /* @__PURE__ */ S(Ks, [["render", qs], ["__scopeId", "data-v-bae6ab08
       this.$emit("grid-card-click", this.data);
     }
   }
-}, Zs = { class: "flex space-x-4 w-full" }, Hs = { class: "w-10 pt-1 md:pt-0" }, Js = { class: "h-10 w-10 rounded-full flex justify-center items-center border border-accent z-1" }, Xs = {
+}, Ys = { class: "flex space-x-4 w-full" }, Zs = { class: "w-10 pt-1 md:pt-0" }, Js = { class: "h-10 w-10 rounded-full flex justify-center items-center border border-accent z-1" }, Xs = {
   key: 0,
   class: "h-6 w-6 bg-accent rounded-full -mt-4 ml-7 pt-1 z-10 absolute items-center"
 }, $s = { class: "flex w-full flex-col md:flex-row" }, eo = { class: "flex flex-col pl-2 items-start flex-grow" }, to = { class: "flex flex-col md:flex-row" }, ro = { class: "flex row mt-1 md:mt-0" }, so = { class: "flex row mt-1 md:mt-0" }, oo = { class: "w-full md:w-20 flex justify-end md:pt-3" }, no = { class: "flex border-b border-white hover:border-accent md:h-8" }, ao = { class: "hidden md:flex" }, io = { class: "flex md:hidden" };
@@ -3761,8 +3761,8 @@ function lo(s, e, t, n, o, r) {
     class: "p-2 w-full border-b md:py-6 last:border-b-0",
     onClick: e[0] || (e[0] = (...u) => r.handleCardClick && r.handleCardClick(...u))
   }, [
-    i("div", Zs, [
-      i("section", Hs, [
+    i("div", Ys, [
+      i("section", Zs, [
         i("div", Js, [
           c(a, {
             icon: r.weaponIcon,
@@ -3886,7 +3886,7 @@ function lo(s, e, t, n, o, r) {
     ])
   ]);
 }
-const ii = /* @__PURE__ */ S(Ys, [["render", lo]]), co = {
+const ii = /* @__PURE__ */ S(Hs, [["render", lo]]), co = {
   name: "FencerCardSkeleton"
 }, uo = { class: "max-w-48 mr-4 md:mr-2 items-center animate-pulse" };
 function mo(s, e, t, n, o, r) {
@@ -4060,7 +4060,7 @@ const Qe = /* @__PURE__ */ S(ho, [["render", xo]]), vo = {
   key: 1,
   class: "p-4 bg-secondary rounded-lg flex items-center"
 };
-function Io(s, e, t, n, o, r) {
+function Lo(s, e, t, n, o, r) {
   const a = v("BaseText"), l = v("FencerCardSkeleton");
   return b(), x(T, null, [
     t.isLoading ? E("", !0) : (b(), x("section", {
@@ -4175,7 +4175,7 @@ function Io(s, e, t, n, o, r) {
     ])) : E("", !0)
   ], 64);
 }
-const li = /* @__PURE__ */ S(vo, [["render", Io]]), Lo = {
+const li = /* @__PURE__ */ S(vo, [["render", Lo]]), Io = {
   name: "PhotoCard",
   props: {
     data: {
@@ -4193,7 +4193,7 @@ function Mo(s, e, t, n, o, r) {
     }, null, 8, To)
   ]);
 }
-const di = /* @__PURE__ */ S(Lo, [["render", Mo]]), jo = {
+const di = /* @__PURE__ */ S(Io, [["render", Mo]]), jo = {
   name: "SocialMediaLinkCard",
   components: { BaseButton: q },
   props: {
@@ -4321,7 +4321,7 @@ const Go = /* @__PURE__ */ S(Do, [["render", Fo]]), Ro = {
 }, Uo = {
   key: 0,
   class: "max-w-80 md:w-full mb-8"
-}, Wo = { class: "hidden md:block" }, Ko = ["src"], Vo = { class: "flex items-center mb-1" }, Qo = { class: "flex w-6 justify-center" }, qo = { class: "flex items-center" }, Yo = { class: "flex w-6 justify-center" }, Zo = { class: "w-full md:hidden flex-col items-start gap-2 border-b border-borderGray" }, Ho = { class: "flex flex-row" }, Jo = ["src"], Xo = { class: "flex flex-col h-16 justify-center pl-3" }, $o = { class: "flex justify-between pt-4 pb-2" }, en = { class: "flex justify-start w-5/12" }, tn = { class: "flex justify-start mb-1 w-7/12" };
+}, Wo = { class: "hidden md:block" }, Ko = ["src"], Vo = { class: "flex items-center mb-1" }, Qo = { class: "flex w-6 justify-center" }, qo = { class: "flex items-center" }, Ho = { class: "flex w-6 justify-center" }, Yo = { class: "w-full md:hidden flex-col items-start gap-2 border-b border-borderGray" }, Zo = { class: "flex flex-row" }, Jo = ["src"], Xo = { class: "flex flex-col h-16 justify-center pl-3" }, $o = { class: "flex justify-between pt-4 pb-2" }, en = { class: "flex justify-start w-5/12" }, tn = { class: "flex justify-start mb-1 w-7/12" };
 function rn(s, e, t, n, o, r) {
   const a = v("TournamentCardSkeleton"), l = v("BaseText"), d = v("Icon");
   return b(), x(T, null, [
@@ -4384,7 +4384,7 @@ function rn(s, e, t, n, o, r) {
           })
         ]),
         i("div", qo, [
-          i("span", Yo, [
+          i("span", Ho, [
             c(d, {
               icon: "fa-user-friends",
               color: "accent",
@@ -4404,8 +4404,8 @@ function rn(s, e, t, n, o, r) {
           })
         ])
       ]),
-      i("section", Zo, [
-        i("div", Ho, [
+      i("section", Yo, [
+        i("div", Zo, [
           i("img", {
             src: r.image,
             alt: "Tournament Image",
@@ -4623,11 +4623,11 @@ const ui = /* @__PURE__ */ S(on, [["render", pn]]), gn = {
       this.$emit("grid-card-click", this.data);
     }
   }
-}, fn = { class: "flex" }, bn = ["src", "alt"], yn = { class: "flex flex-col" }, xn = { class: "flex items-center mb-2" }, vn = { class: "hidden md:flex items-center text-sm text-gray-600 mb-2" }, wn = { class: "hidden md:flex mt-3" }, kn = { class: "flex flex-row w-full" }, Cn = { class: "flex items-center mr-10" }, _n = { class: "flex items-center" }, Sn = { class: "flex flex-col md:hidden mt-2" }, An = { class: "flex items-center pb-2" }, Bn = { class: "flex flex-row" }, zn = { class: "flex items-center mr-4" }, In = { class: "flex items-center" };
-function Ln(s, e, t, n, o, r) {
+}, fn = { class: "flex pt-1" }, bn = ["src", "alt"], yn = { class: "flex flex-col" }, xn = { class: "flex items-center mb-0" }, vn = { class: "hidden md:flex items-center text-sm text-gray-600 mb-2" }, wn = { class: "hidden md:flex mt-3 mb-1" }, kn = { class: "flex flex-row w-full" }, Cn = { class: "flex items-center mr-10" }, _n = { class: "flex items-center" }, Sn = { class: "flex flex-col md:hidden mt-2" }, An = { class: "flex items-center pb-2" }, Bn = { class: "flex flex-row" }, zn = { class: "flex items-center mr-4" }, Ln = { class: "flex items-center" };
+function In(s, e, t, n, o, r) {
   const a = v("BaseText"), l = v("Icon");
   return b(), x("section", {
-    class: "flex flex-col md:bg-white w-full border-b pb-2 mb-2 pt-1 cursor-pointer last:border-b-0",
+    class: "flex flex-col md:bg-white w-full border-b pb-2 mb-2 pl-1 pt-1 cursor-pointer last:border-b-0",
     onClick: e[0] || (e[0] = (...d) => r.handleCardClick && r.handleCardClick(...d))
   }, [
     i("div", fn, [
@@ -4654,8 +4654,8 @@ function Ln(s, e, t, n, o, r) {
           c(a, {
             color: "primary",
             tag: "p",
-            size: "lg",
-            weight: "bold"
+            size: "md",
+            weight: "normal"
           }, {
             default: m(() => [
               h(f(r.addressName), 1)
@@ -4713,7 +4713,7 @@ function Ln(s, e, t, n, o, r) {
           color: "primary",
           tag: "p",
           size: "sm",
-          weight: "bold"
+          weight: "normal"
         }, {
           default: m(() => [
             h(f(r.addressName), 1)
@@ -4741,7 +4741,7 @@ function Ln(s, e, t, n, o, r) {
             _: 1
           })
         ]),
-        i("div", In, [
+        i("div", Ln, [
           c(l, {
             icon: "fa-calendar",
             size: "sm",
@@ -4764,7 +4764,7 @@ function Ln(s, e, t, n, o, r) {
     ])
   ]);
 }
-const mi = /* @__PURE__ */ S(gn, [["render", Ln]]), En = {
+const mi = /* @__PURE__ */ S(gn, [["render", In]]), En = {
   name: "HeroBanner",
   components: {
     BaseText: z,
@@ -4931,7 +4931,7 @@ const Fn = /* @__PURE__ */ S(En, [["render", Nn]]), Gn = {
   },
   data() {
     return {
-      logo: Ie,
+      logo: Le,
       selectedWeapon: "Longsword"
     };
   },
@@ -5022,8 +5022,7 @@ const hi = /* @__PURE__ */ S(Gn, [["render", Vn]]), Qn = {
   emits: ["grid-click", "grid-card-click"],
   computed: {
     topClasses() {
-      let s = "max-w-[1200px] overflow-x-auto mt-8";
-      return this.whiteStyle && (s = "w-full md:mr-10 md:mt-10"), s;
+      return this.mobileHorizontal ? "w-screen overflow-x-auto" : "max-w-[1200px] w-full flex justify-center mx-auto mt-8";
     },
     headerClasses() {
       let s = "w-full flex py-4 md:pb-10 ml-2 md:ml-0 mb-4";
@@ -5031,7 +5030,7 @@ const hi = /* @__PURE__ */ S(Gn, [["render", Vn]]), Qn = {
     },
     gridClasses() {
       let s = "md:grid md:gap-x-6 md:gap-y-4";
-      this.mobileHorizontal && (s = "flex space-x-4 md:grid md:gap-x-6 md:gap-y-4"), this.whiteStyle && (s = "bg-white p-2 mx-2 md:mx-0 rounded-lg");
+      this.mobileHorizontal && (s = "flex space-x-4 overflow-x-auto md:grid md:gap-x-6 md:gap-y-4"), this.whiteStyle && (s = "bg-white p-2 mx-2 md:mx-0 rounded-lg");
       let e;
       switch (this.maxColumns) {
         case 1:
@@ -5067,7 +5066,7 @@ const hi = /* @__PURE__ */ S(Gn, [["render", Vn]]), Qn = {
   key: 0,
   class: "w-full flex justify-center pb-28 pt-10 md:pt-14"
 };
-function Yn(s, e, t, n, o, r) {
+function Hn(s, e, t, n, o, r) {
   const a = v("BaseText"), l = v("BaseButton");
   return b(), x("section", {
     class: F(t.topBoxClass)
@@ -5117,7 +5116,7 @@ function Yn(s, e, t, n, o, r) {
     ])
   ], 2);
 }
-const Zn = /* @__PURE__ */ S(Qn, [["render", Yn]]), Hn = {
+const Yn = /* @__PURE__ */ S(Qn, [["render", Hn]]), Zn = {
   name: "SingleButtonBanner",
   components: {
     BaseText: z,
@@ -5180,7 +5179,7 @@ function $n(s, e, t, n, o, r) {
     ])
   ]);
 }
-const ea = /* @__PURE__ */ S(Hn, [["render", $n]]), ta = {
+const ea = /* @__PURE__ */ S(Zn, [["render", $n]]), ta = {
   name: "DoubleButtonBanner",
   components: {
     BaseText: z,
@@ -5341,7 +5340,7 @@ const ua = /* @__PURE__ */ S(ta, [["render", ca]]), ma = {
   components: { Icon: G, InputField: Ce, BaseButton: q, BaseText: z },
   data() {
     return {
-      logo: Ie
+      logo: Le
     };
   },
   methods: {
@@ -5349,7 +5348,7 @@ const ua = /* @__PURE__ */ S(ta, [["render", ca]]), ma = {
       this.$emit("changePage", s);
     }
   }
-}, ha = { class: "hidden md:flex flex-col bg-primary" }, pa = { class: "w-full hidden md:flex" }, ga = { class: "w-1/3" }, fa = { class: "items-center w-full flex justify-center" }, ba = ["src"], ya = { class: "w-1/3 flex flex-col" }, xa = { class: "w-full flex justify-around" }, va = { class: "flex w-1/3" }, wa = { class: "flex w-1/3" }, ka = { class: "flex items-center w-1/3" }, Ca = { class: "w-full flex justify-around" }, _a = { class: "flex items-center w-1/3" }, Sa = { class: "flex items-center w-1/3" }, Aa = { class: "flex items-center w-1/3" }, Ba = { class: "w-full flex justify-around" }, za = { class: "flex items-center w-1/3" }, Ia = { class: "flex items-center w-1/3" }, La = { class: "flex w-1/3" }, Ea = { class: "w-1/3 flex flex-col" }, Ta = { class: "w-full flex justify-end" }, Ma = { class: "w-30 mr-16" }, ja = { class: "w-full flex justify-end mt-12" }, Oa = { class: "w-48 mr-16" }, Pa = { class: "h-32 border border-t mt-10 pb-10 border-lineGrey flex flex-col justify-center items-center" }, Da = { class: "flex md:hidden flex-col items-center bg-primary pb-10" }, Na = { class: "w-full flex flex-col items-center" }, Fa = { class: "w-full max-w-xs flex justify-between items-center" }, Ga = { class: "flex justify-center w-1/2" }, Ra = ["src"], Ua = { class: "flex flex-col w-1/2" }, Wa = { class: "w-full flex flex-col items-center" }, Ka = { class: "w-full max-w-xs flex flex-col items-center pt-8 px-6" }, Va = { class: "w-full max-w-xs flex flex-col items-center pt-8" }, Qa = { class: "flex justify-center" };
+}, ha = { class: "hidden md:flex flex-col bg-primary" }, pa = { class: "w-full hidden md:flex" }, ga = { class: "w-1/3" }, fa = { class: "items-center w-full flex justify-center" }, ba = ["src"], ya = { class: "w-1/3 flex flex-col" }, xa = { class: "w-full flex justify-around" }, va = { class: "flex w-1/3" }, wa = { class: "flex w-1/3" }, ka = { class: "flex items-center w-1/3" }, Ca = { class: "w-full flex justify-around" }, _a = { class: "flex items-center w-1/3" }, Sa = { class: "flex items-center w-1/3" }, Aa = { class: "flex items-center w-1/3" }, Ba = { class: "w-full flex justify-around" }, za = { class: "flex items-center w-1/3" }, La = { class: "flex items-center w-1/3" }, Ia = { class: "flex w-1/3" }, Ea = { class: "w-1/3 flex flex-col" }, Ta = { class: "w-full flex justify-end" }, Ma = { class: "w-30 mr-16" }, ja = { class: "w-full flex justify-end mt-12" }, Oa = { class: "w-48 mr-16" }, Pa = { class: "h-32 border border-t mt-10 pb-10 border-lineGrey flex flex-col justify-center items-center" }, Da = { class: "flex md:hidden flex-col items-center bg-primary pb-10" }, Na = { class: "w-full flex flex-col items-center" }, Fa = { class: "w-full max-w-xs flex justify-between items-center" }, Ga = { class: "flex justify-center w-1/2" }, Ra = ["src"], Ua = { class: "flex flex-col w-1/2" }, Wa = { class: "w-full flex flex-col items-center" }, Ka = { class: "w-full max-w-xs flex flex-col items-center pt-8 px-6" }, Va = { class: "w-full max-w-xs flex flex-col items-center pt-8" }, Qa = { class: "flex justify-center" };
 function qa(s, e, t, n, o, r) {
   const a = v("BaseText"), l = v("InputField"), d = v("Icon");
   return b(), x(T, null, [
@@ -5505,7 +5504,7 @@ function qa(s, e, t, n, o, r) {
                 })
               ])
             ]),
-            i("div", Ia, [
+            i("div", La, [
               i("a", {
                 href: "#",
                 onClick: e[7] || (e[7] = N((u) => r.pageChange("clubs"), ["prevent"]))
@@ -5524,7 +5523,7 @@ function qa(s, e, t, n, o, r) {
                 })
               ])
             ]),
-            i("div", La, [
+            i("div", Ia, [
               i("a", {
                 href: "#",
                 onClick: e[8] || (e[8] = N((u) => r.pageChange("leaderboard"), ["prevent"]))
@@ -5764,13 +5763,13 @@ function qa(s, e, t, n, o, r) {
     ])
   ], 64);
 }
-const Ya = /* @__PURE__ */ S(ma, [["render", qa]]), Za = {
+const Ha = /* @__PURE__ */ S(ma, [["render", qa]]), Ya = {
   name: "HomePage",
   components: {
-    Footer: Ya,
+    Footer: Ha,
     DoubleButtonBanner: ua,
     SingleButtonBanner: ea,
-    GridLayout: Zn,
+    GridLayout: Yn,
     ArticleCard: Ve,
     FencerCard: Qe,
     PageHeader: kr,
@@ -5829,12 +5828,22 @@ const Ya = /* @__PURE__ */ S(ma, [["render", qa]]), Za = {
       return this.tournaments.slice(0, 6);
     }
   },
+  mounted() {
+    this.checkScreenSize(), window.addEventListener("resize", this.checkScreenSize);
+  },
+  beforeUnmount() {
+    window.removeEventListener("resize", this.checkScreenSize);
+  },
   data() {
     return {
-      TournamentCard: V(sn)
+      TournamentCard: V(sn),
+      mobileHorizontal: !0
     };
   },
   methods: {
+    checkScreenSize() {
+      this.mobileHorizontal = window.matchMedia("(max-width: 768px)").matches;
+    },
     handleGridCardClick() {
       console.log("Grid Card Clicked");
     },
@@ -5842,66 +5851,68 @@ const Ya = /* @__PURE__ */ S(ma, [["render", qa]]), Za = {
       console.log("Change Page", s);
     }
   }
-}, Ha = { class: "m-0 w-full bg-secondary" };
+}, Za = { class: "m-0 w-full bg-secondary" };
 function Ja(s, e, t, n, o, r) {
   const a = v("PageHeader"), l = v("HeroBanner"), d = v("GridLayout"), u = v("SingleButtonBanner"), p = v("DoubleButtonBanner"), g = v("Footer");
-  return b(), x("div", Ha, [
-    c(a, { onChangePage: r.changePage }, null, 8, ["onChangePage"]),
-    c(l, {
-      title: t.title,
-      buttonLabel: t.buttonLabel,
-      description: t.description,
-      imageSrc: t.imageSrc
-    }, null, 8, ["title", "buttonLabel", "description", "imageSrc"]),
-    c(d, {
-      cardComponent: o.TournamentCard,
-      items: r.limitedTournaments,
-      maxColumns: 3,
-      isLoading: t.articlesIsLoading,
-      moreButtonLabel: "See All Tournaments",
-      title: "Upcoming",
-      onGridClick: e[0] || (e[0] = (y) => r.changePage("tournaments")),
-      onGridCardClick: r.handleGridCardClick
-    }, null, 8, ["cardComponent", "items", "isLoading", "onGridCardClick"]),
-    c(u, {
-      buttonLabel: "Learn More",
-      description: "Look for a Club? <br> We can help.",
-      imageUrl: "https://meyersquared.com/images/banners/largebanner03.jpg",
-      onHandleButtonClick: e[1] || (e[1] = (y) => r.changePage("clubs"))
-    }),
-    c(d, {
-      cardComponent: r.FencerCard,
-      items: t.topFencers,
-      maxColumns: 5,
-      mobileHorizontal: !0,
-      isLoading: t.topFencersIsLoading,
-      moreButtonLabel: "Leaderboards",
-      title: "Top Fencers",
-      onGridClick: e[2] || (e[2] = (y) => r.changePage("leaderboard")),
-      onGridCardClick: r.handleGridCardClick
-    }, null, 8, ["cardComponent", "items", "isLoading", "onGridCardClick"]),
-    c(p, {
-      title: "How Does Meyer Squared work?",
-      "button-label-two": "Run a tournament",
-      "button-label-one": "Submit Results",
-      onHandleButtonClickOne: e[3] || (e[3] = (y) => r.changePage("submitresults")),
-      onHandleButtonClickTwo: e[4] || (e[4] = (y) => r.changePage("runtournament"))
-    }),
-    c(d, {
-      cardComponent: r.ArticleCard,
-      items: t.articles,
-      maxColumns: 3,
-      mobileHorizontal: !0,
-      isLoading: t.articlesIsLoading,
-      moreButtonLabel: "See More",
-      title: "Interesting Articles",
-      onGridClick: e[5] || (e[5] = (y) => r.changePage("articles")),
-      onGridCardClick: r.handleGridCardClick
-    }, null, 8, ["cardComponent", "items", "isLoading", "onGridCardClick"]),
+  return b(), x(T, null, [
+    i("div", Za, [
+      c(a, { onChangePage: r.changePage }, null, 8, ["onChangePage"]),
+      c(l, {
+        title: t.title,
+        buttonLabel: t.buttonLabel,
+        description: t.description,
+        imageSrc: t.imageSrc
+      }, null, 8, ["title", "buttonLabel", "description", "imageSrc"]),
+      c(d, {
+        cardComponent: o.TournamentCard,
+        items: r.limitedTournaments,
+        maxColumns: 3,
+        isLoading: t.articlesIsLoading,
+        moreButtonLabel: "See All Tournaments",
+        title: "Upcoming",
+        onGridClick: e[0] || (e[0] = (y) => r.changePage("tournaments")),
+        onGridCardClick: r.handleGridCardClick
+      }, null, 8, ["cardComponent", "items", "isLoading", "onGridCardClick"]),
+      c(u, {
+        buttonLabel: "Learn More",
+        description: "Look for a Club? <br> We can help.",
+        imageUrl: "https://meyersquared.com/images/banners/largebanner03.jpg",
+        onHandleButtonClick: e[1] || (e[1] = (y) => r.changePage("clubs"))
+      }),
+      c(d, {
+        cardComponent: r.FencerCard,
+        items: t.topFencers,
+        maxColumns: 5,
+        mobileHorizontal: o.mobileHorizontal,
+        isLoading: t.topFencersIsLoading,
+        moreButtonLabel: "Leaderboards",
+        title: "Top Fencers",
+        onGridClick: e[2] || (e[2] = (y) => r.changePage("leaderboard")),
+        onGridCardClick: r.handleGridCardClick
+      }, null, 8, ["cardComponent", "items", "mobileHorizontal", "isLoading", "onGridCardClick"]),
+      c(p, {
+        title: "How Does Meyer Squared work?",
+        "button-label-two": "Run a tournament",
+        "button-label-one": "Submit Results",
+        onHandleButtonClickOne: e[3] || (e[3] = (y) => r.changePage("submitresults")),
+        onHandleButtonClickTwo: e[4] || (e[4] = (y) => r.changePage("runtournament"))
+      }),
+      c(d, {
+        cardComponent: r.ArticleCard,
+        items: t.articles,
+        maxColumns: 3,
+        mobileHorizontal: o.mobileHorizontal,
+        isLoading: t.articlesIsLoading,
+        moreButtonLabel: "See More",
+        title: "Interesting Articles",
+        onGridClick: e[5] || (e[5] = (y) => r.changePage("articles")),
+        onGridCardClick: r.handleGridCardClick
+      }, null, 8, ["cardComponent", "items", "mobileHorizontal", "isLoading", "onGridCardClick"])
+    ]),
     c(g, { onChangePage: r.changePage }, null, 8, ["onChangePage"])
-  ]);
+  ], 64);
 }
-const pi = /* @__PURE__ */ S(Za, [["render", Ja]]);
+const pi = /* @__PURE__ */ S(Ya, [["render", Ja]]);
 export {
   Ve as ArticleCard,
   q as BaseButton,
@@ -5914,8 +5925,8 @@ export {
   ii as EventListCard,
   Qe as FencerCard,
   li as FencerListCard,
-  Ya as Footer,
-  Zn as GridLayout,
+  Ha as Footer,
+  Yn as GridLayout,
   Fn as HeroBanner,
   pi as HomePage,
   ei as HostColumn,