@dcrackel/meyersquaredui 1.0.212 → 1.0.214

package/dist/meyersquaredui.es.js

@@ -1,4 +1,4 @@
-import { openBlock as u, createBlock as z, resolveDynamicComponent as Ze, normalizeClass as S, withCtx as h, renderSlot as ke, createElementBlock as g, resolveComponent as y, createElementVNode as a, createVNode as l, createTextVNode as m, toDisplayString as p, Fragment as I, renderList as L, defineComponent as Q, ref as N, provide as ae, watch as H, onMounted as Ge, onBeforeUnmount as re, toRef as $, inject as R, computed as me, markRaw as W, Comment as Xe, normalizeProps as ht, guardReactiveProps as gt, createCommentVNode as w, withModifiers as F, withDirectives as $e, vShow as pt, normalizeStyle as Y, vModelText as ft, createStaticVNode as ye, Transition as bt } from "vue";
+import { openBlock as u, createBlock as z, resolveDynamicComponent as Ze, normalizeClass as S, withCtx as h, renderSlot as ke, createElementBlock as g, resolveComponent as y, createElementVNode as a, createVNode as l, createTextVNode as m, toDisplayString as p, Fragment as I, renderList as N, defineComponent as Q, ref as P, provide as ae, watch as H, onMounted as Ge, onBeforeUnmount as re, toRef as $, inject as R, computed as me, markRaw as W, Comment as Xe, normalizeProps as ht, guardReactiveProps as gt, createCommentVNode as w, withModifiers as F, withDirectives as $e, vShow as pt, normalizeStyle as Y, vModelText as ft, createStaticVNode as ye, Transition as bt } from "vue";
 const C = (r, e) => {
   const t = r.__vccOpts || r;
   for (const [i, n] of e)
@@ -405,11 +405,11 @@ const et = /* @__PURE__ */ C(Bt, [["render", Et]]), zt = {
       this.currentMonth === 11 ? (this.currentMonth = 0, this.currentYear++) : this.currentMonth++;
     }
   }
-}, Nt = { class: "w-80 h-80 p-6 bg-primary rounded-lg shadow-md" }, Lt = { class: "flex justify-between items-center mb-4" }, Pt = { class: "grid grid-cols-7 gap-1 text-center font-bold text-sm text-gray-600 mb-2" }, jt = { class: "grid grid-cols-7 gap-1 text-center" }, Mt = ["onClick"];
+}, Pt = { class: "w-80 h-80 p-6 bg-primary rounded-lg shadow-md" }, Nt = { class: "flex justify-between items-center mb-4" }, Lt = { class: "grid grid-cols-7 gap-1 text-center font-bold text-sm text-gray-600 mb-2" }, jt = { class: "grid grid-cols-7 gap-1 text-center" }, Mt = ["onClick"];
 function Ot(r, e, t, i, n, s) {
   const o = y("BaseText");
-  return u(), g("div", Nt, [
-    a("div", Lt, [
+  return u(), g("div", Pt, [
+    a("div", Nt, [
       l(o, {
         tag: "h2",
         size: "sm",
@@ -432,8 +432,8 @@ function Ot(r, e, t, i, n, s) {
         }, " > ")
       ])
     ]),
-    a("div", Pt, [
-      (u(!0), g(I, null, L(n.weekdays, (d) => (u(), g("div", { key: d }, [
+    a("div", Lt, [
+      (u(!0), g(I, null, N(n.weekdays, (d) => (u(), g("div", { key: d }, [
         l(o, {
           tag: "p",
           size: "xs",
@@ -448,10 +448,10 @@ function Ot(r, e, t, i, n, s) {
       ]))), 128))
     ]),
     a("div", jt, [
-      (u(!0), g(I, null, L(s.startDay, (d) => (u(), g("div", {
+      (u(!0), g(I, null, N(s.startDay, (d) => (u(), g("div", {
         key: "empty-" + d
       }))), 128)),
-      (u(!0), g(I, null, L(s.daysInMonth, (d, c) => (u(), g("div", {
+      (u(!0), g(I, null, N(s.daysInMonth, (d, c) => (u(), g("div", {
         key: "day-" + d,
         onClick: (f) => s.dayClicked(d),
         class: S(["flex justify-center items-center cursor-pointer p-2 rounded-full", {
@@ -486,7 +486,7 @@ const Ju = /* @__PURE__ */ C(zt, [["render", Ot]]);
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-var Rt = Object.defineProperty, Dt = (r, e, t) => e in r ? Rt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ne = (r, e, t) => (Dt(r, typeof e != "symbol" ? e + "" : e, t), t);
+var Rt = Object.defineProperty, Dt = (r, e, t) => e in r ? Rt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Pe = (r, e, t) => (Dt(r, typeof e != "symbol" ? e + "" : e, t), t);
 const se = Symbol("map"), oe = Symbol("api"), Te = Symbol("marker"), _e = Symbol("markerCluster"), we = Symbol("CustomMarker"), tt = Symbol("mapTilesLoaded"), le = [
   "click",
   "dblclick",
@@ -576,7 +576,7 @@ var Ft = function r(e, t) {
   }
   return e !== e && t !== t;
 };
-const Le = "__googleMapsScriptId";
+const Ne = "__googleMapsScriptId";
 var ne;
 (function(r) {
   r[r.INITIALIZED = 0] = "INITIALIZED", r[r.LOADING = 1] = "LOADING", r[r.SUCCESS = 2] = "SUCCESS", r[r.FAILURE = 3] = "FAILURE";
@@ -591,8 +591,8 @@ class te {
    * const loader = Loader({apiKey, version: 'weekly', libraries: ['places']});
    * ```
    */
-  constructor({ apiKey: e, authReferrerPolicy: t, channel: i, client: n, id: s = Le, language: o, libraries: d = [], mapIds: c, nonce: f, region: b, retries: x = 3, url: v = "https://maps.googleapis.com/maps/api/js", version: k }) {
-    if (this.callbacks = [], this.done = !1, this.loading = !1, this.errors = [], this.apiKey = e, this.authReferrerPolicy = t, this.channel = i, this.client = n, this.id = s || Le, this.language = o, this.libraries = d, this.mapIds = c, this.nonce = f, this.region = b, this.retries = x, this.url = v, this.version = k, te.instance) {
+  constructor({ apiKey: e, authReferrerPolicy: t, channel: i, client: n, id: s = Ne, language: o, libraries: d = [], mapIds: c, nonce: f, region: b, retries: x = 3, url: v = "https://maps.googleapis.com/maps/api/js", version: k }) {
+    if (this.callbacks = [], this.done = !1, this.loading = !1, this.errors = [], this.apiKey = e, this.authReferrerPolicy = t, this.channel = i, this.client = n, this.id = s || Ne, this.language = o, this.libraries = d, this.mapIds = c, this.nonce = f, this.region = b, this.retries = x, this.url = v, this.version = k, te.instance) {
       if (!Ft(this.options, te.instance.options))
         throw new Error(`Loader must not be called again with different options. ${JSON.stringify(this.options)} !== ${JSON.stringify(te.instance.options)}`);
       return te.instance;
@@ -691,7 +691,7 @@ class te {
     ), !((t = (e = window == null ? void 0 : window.google) === null || e === void 0 ? void 0 : e.maps) === null || t === void 0) && t.importLibrary || ((s) => {
       let o, d, c, f = "The Google Maps JavaScript API", b = "google", x = "importLibrary", v = "__ib__", k = document, A = window;
       A = A[b] || (A[b] = {});
-      const T = A.maps || (A.maps = {}), B = /* @__PURE__ */ new Set(), E = new URLSearchParams(), P = () => (
+      const T = A.maps || (A.maps = {}), B = /* @__PURE__ */ new Set(), E = new URLSearchParams(), L = () => (
         // @ts-ignore
         o || (o = new Promise((j, U) => qt(this, void 0, void 0, function* () {
           var D;
@@ -701,7 +701,7 @@ class te {
           E.set("callback", b + ".maps." + v), d.src = this.url + "?" + E, T[v] = j, d.onerror = () => o = U(Error(f + " could not load.")), d.nonce = this.nonce || ((D = k.querySelector("script[nonce]")) === null || D === void 0 ? void 0 : D.nonce) || "", k.head.append(d);
         })))
       );
-      T[x] ? console.warn(f + " only loads once. Ignoring:", s) : T[x] = (j, ...U) => B.add(j) && P().then(() => T[x](j, ...U));
+      T[x] ? console.warn(f + " only loads once. Ignoring:", s) : T[x] = (j, ...U) => B.add(j) && L().then(() => T[x](j, ...U));
     })(i);
     const n = this.libraries.map((s) => this.importLibrary(s));
     n.length || n.push(this.importLibrary("core")), Promise.all(n).then(() => this.callback(), (s) => {
@@ -747,7 +747,7 @@ class te {
 function Ut(r) {
   return class extends r.OverlayView {
     constructor(e) {
-      super(), Ne(this, "element"), Ne(this, "opts");
+      super(), Pe(this, "element"), Pe(this, "opts");
       const { element: t, ...i } = e;
       this.element = t, this.opts = i, this.opts.map && this.setMap(this.opts.map);
     }
@@ -814,7 +814,7 @@ function Ut(r) {
     }
   };
 }
-let Pe;
+let Le;
 const je = [
   "bounds_changed",
   "center_changed",
@@ -1037,7 +1037,7 @@ const je = [
   },
   emits: je,
   setup(r, { emit: e }) {
-    const t = N(), i = N(!1), n = N(), s = N(), o = N(!1);
+    const t = P(), i = P(!1), n = P(), s = P(), o = P(!1);
     ae(se, n), ae(oe, s), ae(tt, o);
     const d = () => {
       const x = { ...r };
@@ -1069,7 +1069,7 @@ const je = [
     ), f = () => {
       try {
         const { apiKey: x, region: v, version: k, language: A, libraries: T, nonce: B } = r;
-        Pe = new te({ apiKey: x, region: v, version: k, language: A, libraries: T, nonce: B });
+        Le = new te({ apiKey: x, region: v, version: k, language: A, libraries: T, nonce: B });
       } catch (x) {
         console.error(x);
       }
@@ -1086,16 +1086,16 @@ const je = [
       H(
         [() => r.center, () => r.zoom, ...k],
         ([A, T], [B, E]) => {
-          var P, j, U;
+          var L, j, U;
           const { center: D, zoom: V, ...q } = d();
-          (P = n.value) == null || P.setOptions(q), T !== void 0 && T !== E && ((j = n.value) == null || j.setZoom(T));
+          (L = n.value) == null || L.setOptions(q), T !== void 0 && T !== E && ((j = n.value) == null || j.setZoom(T));
           const ge = !B || A.lng !== B.lng || A.lat !== B.lat;
           A && ge && ((U = n.value) == null || U.panTo(A));
         }
       );
     };
     return Ge(() => {
-      r.apiPromise && r.apiPromise instanceof Promise ? r.apiPromise.then(b) : (f(), Pe.load().then(b));
+      r.apiPromise && r.apiPromise instanceof Promise ? r.apiPromise.then(b) : (f(), Le.load().then(b));
     }), re(() => {
       var x;
       o.value = !1, n.value && ((x = s.value) == null || x.event.clearInstanceListeners(n.value));
@@ -1169,15 +1169,15 @@ const Z = /* @__PURE__ */ Kt(Yt), Me = ["click", "drag", "dragend", "dragstart",
   },
   emits: Me,
   setup(r, { emit: e, expose: t, slots: i }) {
-    const n = $(r, "options"), s = $(r, "pinOptions"), o = N(), d = R(se, N()), c = R(oe, N()), f = R(_e, N()), b = me(
+    const n = $(r, "options"), s = $(r, "pinOptions"), o = P(), d = R(se, P()), c = R(oe, P()), f = R(_e, P()), b = me(
       () => !!(f.value && c.value && o.value instanceof google.maps.marker.AdvancedMarkerElement)
     );
     return H(
       [d, n, s],
       async (x, [v, k, A]) => {
         var T, B, E;
-        const P = !Z(n.value, k) || !Z(s.value, A) || d.value !== v;
-        if (!d.value || !c.value || !P)
+        const L = !Z(n.value, k) || !Z(s.value, A) || d.value !== v;
+        if (!d.value || !c.value || !L)
           return;
         const { AdvancedMarkerElement: j, PinElement: U } = c.value.marker;
         if (o.value) {
@@ -1204,7 +1204,7 @@ const Z = /* @__PURE__ */ Kt(Yt), Me = ["click", "drag", "dragend", "dragstart",
     };
   }
 }), Gt = (r) => r === "Marker", Xt = (r) => r === we, ce = (r, e, t, i) => {
-  const n = N(), s = R(se, N()), o = R(oe, N()), d = R(_e, N()), c = me(
+  const n = P(), s = R(se, P()), o = R(oe, P()), d = R(_e, P()), c = me(
     () => !!(d.value && o.value && (n.value instanceof o.value.Marker || n.value instanceof o.value[we]))
   );
   return H(
@@ -1223,7 +1223,7 @@ const Z = /* @__PURE__ */ Kt(Yt), Me = ["click", "drag", "dragend", "dragstart",
         })
       ), c.value ? (A = d.value) == null || A.addMarker(n.value) : n.value.setMap(s.value), e.forEach((B) => {
         var E;
-        (E = n.value) == null || E.addListener(B, (P) => i(B, P));
+        (E = n.value) == null || E.addListener(B, (L) => i(B, L));
       })));
     },
     {
@@ -1350,7 +1350,7 @@ Q({
   },
   emits: ["content:loaded"],
   setup(r, { emit: e }) {
-    const t = N(null), i = R(se, N()), n = R(oe, N()), s = R(tt, N(!1)), o = H(
+    const t = P(null), i = R(se, P()), n = R(oe, P()), s = R(tt, P(!1)), o = H(
       [s, n, t],
       ([f, b, x]) => {
         b && f && x && (d(r.position), e("content:loaded"), setTimeout(o, 0));
@@ -1397,7 +1397,7 @@ Q({
   },
   emits: [...qe, "update:modelValue"],
   setup(r, { slots: e, emit: t, expose: i }) {
-    const n = N(), s = N(), o = R(se, N()), d = R(oe, N()), c = R(Te, N());
+    const n = P(), s = P(), o = R(se, P()), d = R(oe, P()), c = R(Te, P());
     let f, b = r.modelValue;
     const x = me(() => {
       var T;
@@ -1412,9 +1412,9 @@ Q({
     return Ge(() => {
       H(
         [o, () => r.options],
-        ([T, B], [E, P]) => {
+        ([T, B], [E, L]) => {
           var j;
-          const U = !Z(B, P) || o.value !== E;
+          const U = !Z(B, L) || o.value !== E;
           o.value && d.value && U && (n.value ? (n.value.setOptions({
             ...B,
             content: x.value ? s.value : B.content
@@ -1527,8 +1527,8 @@ class Be {
       const b = c.pop() || 0, x = c.pop() || 0, v = c.pop() || 0;
       if (x - v <= d) {
         for (let B = v; B <= x; B++) {
-          const E = o[2 * B], P = o[2 * B + 1];
-          E >= e && E <= i && P >= t && P <= n && f.push(s[B]);
+          const E = o[2 * B], L = o[2 * B + 1];
+          E >= e && E <= i && L >= t && L <= n && f.push(s[B]);
         }
         continue;
       }
@@ -1783,11 +1783,11 @@ class ot {
       const v = c[x], k = c[x + 1], A = e.within(c[x], c[x + 1], d), T = c[x + G];
       let B = T;
       for (const E of A) {
-        const P = E * b;
-        c[P + ee] > t && (B += c[P + G]);
+        const L = E * b;
+        c[L + ee] > t && (B += c[L + G]);
       }
       if (B > T && B >= o) {
-        let E = v * T, P = k * T, j, U = -1;
+        let E = v * T, L = k * T, j, U = -1;
         const D = ((x / b | 0) << 5) + (t + 1) + this.points.length;
         for (const V of A) {
           const q = V * b;
@@ -1795,19 +1795,19 @@ class ot {
             continue;
           c[q + ee] = t;
           const ge = c[q + G];
-          E += c[q] * ge, P += c[q + 1] * ge, c[q + Se] = D, s && (j || (j = this._map(c, x, !0), U = this.clusterProps.length, this.clusterProps.push(j)), s(j, this._map(c, q)));
+          E += c[q] * ge, L += c[q + 1] * ge, c[q + Se] = D, s && (j || (j = this._map(c, x, !0), U = this.clusterProps.length, this.clusterProps.push(j)), s(j, this._map(c, q)));
         }
-        c[x + Se] = D, f.push(E / B, P / B, 1 / 0, D, -1, B), s && f.push(U);
+        c[x + Se] = D, f.push(E / B, L / B, 1 / 0, D, -1, B), s && f.push(U);
       } else {
         for (let E = 0; E < b; E++)
           f.push(c[x + E]);
         if (B > 1)
           for (const E of A) {
-            const P = E * b;
-            if (!(c[P + ee] <= t)) {
-              c[P + ee] = t;
+            const L = E * b;
+            if (!(c[L + ee] <= t)) {
+              c[L + ee] = t;
               for (let j = 0; j < b; j++)
-                f.push(c[P + j]);
+                f.push(c[L + j]);
             }
           }
       }
@@ -2282,7 +2282,7 @@ Q({
   },
   emits: He,
   setup(r, { emit: e, expose: t, slots: i }) {
-    const n = N(), s = R(se, N()), o = R(oe, N());
+    const n = P(), s = R(se, P()), o = R(oe, P());
     return ae(_e, n), H(
       s,
       () => {
@@ -2320,7 +2320,7 @@ Q({
     }
   },
   setup(r, { slots: e, emit: t, expose: i }) {
-    const n = N(), s = me(() => {
+    const n = P(), s = me(() => {
       var c;
       return (c = e.default) == null ? void 0 : c.call(e).some((f) => f.type !== Xe);
     }), o = me(() => ({
@@ -2341,7 +2341,7 @@ Q({
     }
   },
   setup(r) {
-    const e = N(), t = R(se, N()), i = R(oe, N());
+    const e = P(), t = R(se, P()), i = R(oe, P());
     return H(
       [t, () => r.options],
       ([n, s], [o, d]) => {
@@ -2502,7 +2502,7 @@ const br = /* @__PURE__ */ C(pr, [["render", fr]]), yr = {
 function vr(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("div", xr, [
-    (u(!0), g(I, null, L(t.phases, (d, c) => (u(), g("div", {
+    (u(!0), g(I, null, N(t.phases, (d, c) => (u(), g("div", {
       key: c,
       class: S(["flex w-full items-center flex-grow", {
         "cursor-pointer": c < t.currentPhase,
@@ -2680,7 +2680,7 @@ const Wu = /* @__PURE__ */ C(Cr, [["render", kr]]), K = "data:image/png;base64,i
 }, _r = { class: "flex items-center border border-orange rounded-lg shadow-lg bg-white w-full" }, Br = { class: "md:mr-4 md:border-r border-orange bg-orange h-16 rounded-tl-lg rounded-bl-lg w-10 items-center text-center pl-1 pt-2" }, Ir = { class: "flex mr-4" }, Er = {
   key: 0,
   class: "w-12 h-12 rounded-full items-center justify-center"
-}, zr = ["src"], Nr = { class: "flex flex-col w-3/4 justify-start ml-4 md:ml-0" }, Lr = { class: "w-full flex justify-start" }, Pr = { class: "w-full flex flex-col justify-start" };
+}, zr = ["src"], Pr = { class: "flex flex-col w-3/4 justify-start ml-4 md:ml-0" }, Nr = { class: "w-full flex justify-start" }, Lr = { class: "w-full flex flex-col justify-start" };
 function jr(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("div", _r, [
@@ -2708,8 +2708,8 @@ function jr(r, e, t, i, n, s) {
         class: "h-12 rounded-full object-cover"
       }, null, 8, zr)
     ]),
-    a("div", Nr, [
-      a("span", Lr, [
+    a("div", Pr, [
+      a("span", Nr, [
         l(o, {
           size: "xl",
           color: "primary",
@@ -2722,7 +2722,7 @@ function jr(r, e, t, i, n, s) {
           _: 1
         })
       ]),
-      a("span", Pr, [
+      a("span", Lr, [
         l(o, {
           size: "sm",
           color: "primary",
@@ -3143,7 +3143,7 @@ function bs(r, e, t, i, n, s) {
       }, ["stop"]))
     }, [
       a("ul", null, [
-        (u(!0), g(I, null, L(n.items, (b) => (u(), g("li", {
+        (u(!0), g(I, null, N(n.items, (b) => (u(), g("li", {
           key: b.label,
           onClick: (x) => s.handlePageChange(b.value),
           class: "px-2 py-2 cursor-pointer hover:bg-hoverColor justify-end flex"
@@ -3200,7 +3200,7 @@ function Cs(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("div", ws, [
     a("div", vs, [
-      (u(!0), g(I, null, L(t.tabs, (d, c) => (u(), g("span", { key: c }, [
+      (u(!0), g(I, null, N(t.tabs, (d, c) => (u(), g("span", { key: c }, [
         l(o, {
           color: "primary",
           size: "md",
@@ -3262,7 +3262,7 @@ const Xu = /* @__PURE__ */ C(xs, [["render", Cs]]), Ss = {
       this.$emit("rules-click");
     }
   }
-}, As = { class: "md:w-80 m-2 flex flex-col mb-20" }, ks = { class: "bg-white p-4 rounded-lg" }, Ts = { class: "flex flex-col space-y-4" }, _s = { class: "flex items-center" }, Bs = ["src"], Is = { class: "pl-2" }, Es = { class: "flex justify-between space-x-8 w-full px-4" }, zs = { class: "flex items-center space-x-2" }, Ns = { class: "flex items-center space-x-2" }, Ls = { class: "flex justify-center" }, Ps = { class: "mt-10 bg-white p-4 rounded-lg" }, js = { class: "flex mb-4" }, Ms = { class: "mr-3" };
+}, As = { class: "md:w-80 m-2 flex flex-col mb-20" }, ks = { class: "bg-white p-4 rounded-lg" }, Ts = { class: "flex flex-col space-y-4" }, _s = { class: "flex items-center" }, Bs = ["src"], Is = { class: "pl-2" }, Es = { class: "flex justify-between space-x-8 w-full px-4" }, zs = { class: "flex items-center space-x-2" }, Ps = { class: "flex items-center space-x-2" }, Ns = { class: "flex justify-center" }, Ls = { class: "mt-10 bg-white p-4 rounded-lg" }, js = { class: "flex mb-4" }, Ms = { class: "mr-3" };
 function Os(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("Icon"), c = y("BaseButton"), f = y("Mapbox");
   return u(), g("aside", As, [
@@ -3315,7 +3315,7 @@ function Os(r, e, t, i, n, s) {
               _: 1
             })
           ]),
-          a("div", Ns, [
+          a("div", Ps, [
             l(d, {
               icon: "fa-bookmark",
               color: "primary",
@@ -3332,7 +3332,7 @@ function Os(r, e, t, i, n, s) {
             })
           ])
         ]),
-        a("div", Ls, [
+        a("div", Ns, [
           t.rulesLink ? (u(), z(c, {
             key: 0,
             backgroundColor: "secondary",
@@ -3346,7 +3346,7 @@ function Os(r, e, t, i, n, s) {
         ])
       ])
     ]),
-    a("section", Ps, [
+    a("section", Ls, [
       a("div", js, [
         a("div", Ms, [
           l(d, {
@@ -3472,7 +3472,7 @@ function Qs(r, e, t, i, n, s) {
     ]),
     n.dropdownOpen ? (u(), g("div", Ds, [
       a("ul", null, [
-        (u(!0), g(I, null, L(t.items, (c) => (u(), g("li", {
+        (u(!0), g(I, null, N(t.items, (c) => (u(), g("li", {
           key: c,
           onClick: (f) => s.selectWeapon(c),
           class: "px-4 py-2 cursor-pointer hover:bg-hoverColor"
@@ -3494,7 +3494,7 @@ function Qs(r, e, t, i, n, s) {
     n.dropdownOpen ? (u(), g("div", Fs, [
       a("div", Us, [
         a("ul", null, [
-          (u(!0), g(I, null, L(t.items, (c) => (u(), g("li", {
+          (u(!0), g(I, null, N(t.items, (c) => (u(), g("li", {
             key: c,
             onClick: (f) => s.selectWeapon(c),
             class: "px-4 py-2 cursor-pointer hover:bg-hoverColor"
@@ -3652,7 +3652,7 @@ function ro(r, e, t, i, n, s) {
   return u(), g("header", $s, [
     a("div", eo, [
       a("nav", to, [
-        (u(!0), g(I, null, L(t.filters, (c) => (u(), z(o, {
+        (u(!0), g(I, null, N(t.filters, (c) => (u(), z(o, {
           key: c,
           onClick: (f) => s.onFilterSelect(c),
           class: S(["cursor-pointer border-b-2 pb-1 duration-300 ease-in-out px-4 md:p-0", {
@@ -4128,7 +4128,7 @@ const rm = /* @__PURE__ */ C(po, [["render", Bo]]), Io = {
       e.rel = "preload", e.as = "image", e.href = r, document.head.appendChild(e);
     }
   }
-}, Eo = { class: "relative w-full md:border-b md:border-l md:border-r border-lineGrey" }, zo = ["src"], No = { class: "hidden md:flex absolute inset-0 items-center justify-start px-8 pt-32" }, Lo = { class: "text-left text-white max-w-lg" }, Po = {
+}, Eo = { class: "relative w-full md:border-b md:border-l md:border-r border-lineGrey" }, zo = ["src"], Po = { class: "hidden md:flex absolute inset-0 items-center justify-start px-8 pt-32" }, No = { class: "text-left text-white max-w-lg" }, Lo = {
   key: 1,
   class: "flex justify-center text-left w-full px-4 mt-32"
 }, jo = { class: "w-full mb-4" };
@@ -4148,8 +4148,8 @@ function Mo(r, e, t, i, n, s) {
         class: "w-full h-full object-cover object-top max-h-96",
         loading: "lazy"
       }, null, 8, zo)),
-      a("section", No, [
-        a("div", Lo, [
+      a("section", Po, [
+        a("div", No, [
           l(o, {
             color: "secondary",
             tag: "h1",
@@ -4172,7 +4172,7 @@ function Mo(r, e, t, i, n, s) {
           }, null, 8, ["innerHTML"])
         ])
       ]),
-      n.isMobile ? (u(), g("div", Po, [
+      n.isMobile ? (u(), g("div", Lo, [
         a("div", jo, [
           l(o, {
             color: "secondary",
@@ -4572,7 +4572,7 @@ function Ko(r, e, t, i, n, s) {
         a("div", {
           class: S(s.gridClasses)
         }, [
-          t.items.length > 0 ? (u(!0), g(I, { key: 0 }, L(t.items, (b, x) => (u(), z(Ze(t.cardComponent), {
+          t.items.length > 0 ? (u(!0), g(I, { key: 0 }, N(t.items, (b, x) => (u(), z(Ze(t.cardComponent), {
             key: x,
             data: b,
             index: x,
@@ -4889,6 +4889,12 @@ const We = /* @__PURE__ */ C(Xo, [["render", hn]]), gn = {
     FencerListCard() {
       return We;
     },
+    currentPool() {
+      return this.pools && this.pools.length > this.selectedTab ? this.pools[this.selectedTab] : {};
+    },
+    currentPoolStrength() {
+      return this.pools && this.pools.length > this.selectedTab ? this.pools[this.selectedTab].poolStrengthInd : 0;
+    },
     mappedPersons() {
       return !this.pools || this.pools.length === 0 || this.selectedTab >= this.pools.length ? [] : this.mapEventPersonsToPersons(this.pools[this.selectedTab].EventPersons || []);
     }
@@ -4930,7 +4936,7 @@ function xn(r, e, t, i, n, s) {
         class: "text-sm md:text-xl"
       }, {
         default: h(() => [
-          m(p(`Fencers in ${t.pools[n.selectedTab].Name}`), 1)
+          m(p(`Fencers in ${s.currentPool}`), 1)
         ]),
         _: 1
       }),
@@ -4943,7 +4949,7 @@ function xn(r, e, t, i, n, s) {
           class: "text-sm md:text-xl"
         }, {
           default: h(() => [
-            m(p(`${t.pools[n.selectedTab].poolStrengthInd} Strength Indicator`), 1)
+            m(p(`${s.currentPoolStrength} Strength Indicator`), 1)
           ]),
           _: 1
         }),
@@ -4965,7 +4971,7 @@ function xn(r, e, t, i, n, s) {
       ])
     ]),
     a("div", yn, [
-      (u(!0), g(I, null, L(t.pools, (b, x) => (u(), g("span", {
+      (u(!0), g(I, null, N(t.pools, (b, x) => (u(), g("span", {
         key: b.PoolId
       }, [
         l(o, {
@@ -5213,7 +5219,7 @@ function zn(r, e, t, i, n, s) {
     ])
   ]);
 }
-const Nn = /* @__PURE__ */ C(wn, [["render", zn]]), Ln = {
+const Pn = /* @__PURE__ */ C(wn, [["render", zn]]), Nn = {
   components: { BaseText: _ },
   props: {
     bout: {
@@ -5296,7 +5302,7 @@ const Nn = /* @__PURE__ */ C(wn, [["render", zn]]), Ln = {
       this.interval && clearInterval(this.interval), this.interval = null;
     }
   }
-}, Pn = { class: "flex flex-col items-center w-full space-y-2 p-4 bg-poolBox rounded-lg relative" }, jn = {
+}, Ln = { class: "flex flex-col items-center w-full space-y-2 p-4 bg-poolBox rounded-lg relative" }, jn = {
   key: 0,
   class: "text-center"
 }, Mn = { class: "flex items-center justify-between w-full relative" }, On = { class: "flex flex-col items-center p-1" }, Rn = { class: "flex justify-between w-full" }, Dn = ["src"], qn = { class: "text-left" }, Fn = { class: "absolute top-2 inset-x-0 text-center z-10 flex justify-center" }, Un = {
@@ -5308,7 +5314,7 @@ const Nn = /* @__PURE__ */ C(wn, [["render", zn]]), Ln = {
 }, Qn = { class: "flex flex-col items-center" }, Jn = { class: "flex justify-end w-full" }, Hn = ["src"], Wn = { class: "text-right" };
 function Kn(r, e, t, i, n, s) {
   const o = y("BaseText");
-  return u(), g("section", Pn, [
+  return u(), g("section", Ln, [
     t.bout.customStatus && s.status !== "Active" ? (u(), g("div", jn, [
       l(o, {
         size: "sm",
@@ -5422,9 +5428,9 @@ function Kn(r, e, t, i, n, s) {
     ])
   ]);
 }
-const Yn = /* @__PURE__ */ C(Ln, [["render", Kn]]), Zn = {
+const Yn = /* @__PURE__ */ C(Nn, [["render", Kn]]), Zn = {
   name: "GridLivePool",
-  components: { BoutCardMobile: Yn, BoutCard: Nn, BaseText: _ },
+  components: { BoutCardMobile: Yn, BoutCard: Pn, BaseText: _ },
   props: {
     bouts: {
       type: Array,
@@ -5506,7 +5512,7 @@ function ia(r, e, t, i, n, s) {
             isWaiting: !0
           }, null, 8, ["hostingClubColors"])) : w("", !0)
         ])),
-        (u(!0), g(I, null, L(s.activeBouts, (f) => (u(), g("div", {
+        (u(!0), g(I, null, N(s.activeBouts, (f) => (u(), g("div", {
           key: f.BoutId,
           class: "w-full md:w-3/4 md:my-4"
         }, [
@@ -5560,7 +5566,7 @@ function ia(r, e, t, i, n, s) {
       ]),
       e[2] || (e[2] = a("div", { class: "border-b border-dropdownSelect mb-5" }, null, -1)),
       a("div", sa, [
-        (u(!0), g(I, null, L(s.markedUpcomingBouts, (f) => (u(), g("div", {
+        (u(!0), g(I, null, N(s.markedUpcomingBouts, (f) => (u(), g("div", {
           key: f.BoutId,
           class: "w-full md:w-3/4 md:my-4"
         }, [
@@ -5606,7 +5612,7 @@ function ia(r, e, t, i, n, s) {
       ]),
       e[5] || (e[5] = a("div", { class: "hidden md:block border-b border-dropdownSelect mb-5" }, null, -1)),
       a("div", aa, [
-        (u(!0), g(I, null, L(s.completedBouts, (f) => (u(), g("div", {
+        (u(!0), g(I, null, N(s.completedBouts, (f) => (u(), g("div", {
           key: f.BoutId,
           class: "w-full md:w-3/4 md:my-4"
         }, [
@@ -5757,7 +5763,7 @@ function Ta(r, e, t, i, n, s) {
           ]),
           e[7] || (e[7] = a("th", { class: "w-1" }, null, -1)),
           e[8] || (e[8] = a("th", { class: "bg-primary rounded-md md:rounded-lg px-1 py-1 md:px-4 md:py-2" }, null, -1)),
-          (u(!0), g(I, null, L(s.participants, (c, f) => (u(), g("th", {
+          (u(!0), g(I, null, N(s.participants, (c, f) => (u(), g("th", {
             key: c.PersonId,
             class: "bg-primary rounded-md md:rounded-lg text-center align-middle"
           }, [
@@ -5842,7 +5848,7 @@ function Ta(r, e, t, i, n, s) {
         ])
       ]),
       a("tbody", null, [
-        (u(!0), g(I, null, L(s.participants, (c, f) => (u(), g("tr", {
+        (u(!0), g(I, null, N(s.participants, (c, f) => (u(), g("tr", {
           key: c.PersonId,
           class: "even:bg-gray-200 odd:bg-white"
         }, [
@@ -5882,7 +5888,7 @@ function Ta(r, e, t, i, n, s) {
               _: 2
             }, 1024)
           ]),
-          (u(!0), g(I, null, L(s.participants, (b) => (u(), g("td", {
+          (u(!0), g(I, null, N(s.participants, (b) => (u(), g("td", {
             key: b.PersonId,
             class: S([{ "bg-primary rounded-md md:rounded-lg ": c.PersonId === b.PersonId, "bg-secondary rounded-lg": c.PersonId !== b.PersonId }, "rounded-md md:rounded-lg h-6 w-6 md:h-10 md:w-10"])
           }, [
@@ -6025,25 +6031,25 @@ const Ea = /* @__PURE__ */ C(_a, [["render", Ia]]), za = {
       this.$emit("grid-card-click", this.data);
     }
   }
-}, Na = {
+}, Pa = {
   key: 0,
   class: "w-72 p-4 bg-secondary rounded-lg flex flex-col items-start"
-}, La = {
+}, Na = {
   key: 1,
   class: "min-w-72 p-4 bg-secondary rounded-lg flex flex-col items-start"
-}, Pa = ["src"];
+}, La = ["src"];
 function ja(r, e, t, i, n, s) {
   const o = y("ArticleCardSkeleton"), d = y("BaseText");
   return u(), g(I, null, [
-    t.isLoading ? (u(), g("div", Na, [
+    t.isLoading ? (u(), g("div", Pa, [
       l(o)
     ])) : w("", !0),
-    t.isLoading ? w("", !0) : (u(), g("div", La, [
+    t.isLoading ? w("", !0) : (u(), g("div", Na, [
       a("img", {
         src: s.image,
         alt: "Article Image",
         class: "w-full h-40 object-cover rounded-t-md mb-4"
-      }, null, 8, Pa),
+      }, null, 8, La),
       l(d, {
         tag: "h3",
         size: "xl",
@@ -6664,7 +6670,7 @@ const Ye = /* @__PURE__ */ C(hi, [["render", xi]]), wi = {
   key: 1,
   class: "w-5 h-5 rounded-full flex items-center justify-center min-w-8 overflow-hidden"
 }, ki = { class: "items-center hidden md:flex overflow-hidden text-nowrap" }, Ti = { class: "grid grid-cols-5 gap-4" }, _i = { class: "text-center w-full" }, Bi = { class: "text-center w-full" }, Ii = { class: "text-center w-full" }, Ei = { class: "text-center w-full" }, zi = { class: "text-center w-full" };
-function Ni(r, e, t, i, n, s) {
+function Pi(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("section", {
     class: S(["grid grid-cols-2 border-b w-full last:border-b-0", s.getSpacing])
@@ -6781,7 +6787,7 @@ function Ni(r, e, t, i, n, s) {
     ])
   ], 2);
 }
-const um = /* @__PURE__ */ C(wi, [["render", Ni]]), Li = {
+const um = /* @__PURE__ */ C(wi, [["render", Pi]]), Ni = {
   name: "PhotoCard",
   props: {
     data: {
@@ -6789,9 +6795,9 @@ const um = /* @__PURE__ */ C(wi, [["render", Ni]]), Li = {
       required: !0
     }
   }
-}, Pi = { class: "w-[250px] h-[150px]" }, ji = ["src", "alt"];
+}, Li = { class: "w-[250px] h-[150px]" }, ji = ["src", "alt"];
 function Mi(r, e, t, i, n, s) {
-  return u(), g("div", Pi, [
+  return u(), g("div", Li, [
     a("img", {
       src: t.data.URL,
       alt: t.data.AltText,
@@ -6799,7 +6805,7 @@ function Mi(r, e, t, i, n, s) {
     }, null, 8, ji)
   ]);
 }
-const mm = /* @__PURE__ */ C(Li, [["render", Mi]]), Oi = {
+const mm = /* @__PURE__ */ C(Ni, [["render", Mi]]), Oi = {
   name: "FencerName",
   components: { BaseText: _ },
   props: {
@@ -6933,7 +6939,7 @@ const hm = /* @__PURE__ */ C(qi, [["render", Ui]]), Vi = {
 function Yi(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("div", Qi, [
-    (u(!0), g(I, null, L(s.limitedBouts, (d, c) => (u(), g("div", {
+    (u(!0), g(I, null, N(s.limitedBouts, (d, c) => (u(), g("div", {
       key: c,
       class: "flex justify-between"
     }, [
@@ -7961,7 +7967,7 @@ function El(r, e, t, i, n, s) {
     ])) : w("", !0)
   ], 64);
 }
-const zl = /* @__PURE__ */ C(Tl, [["render", El], ["__scopeId", "data-v-ea7240d9"]]), Nl = {
+const zl = /* @__PURE__ */ C(Tl, [["render", El], ["__scopeId", "data-v-ea7240d9"]]), Pl = {
   name: "TableauColumn",
   components: { TableauLines: zl, BaseText: _, TableauBoutCard: wl, TableauActiveBoutCard: Al },
   props: {
@@ -7990,7 +7996,7 @@ const zl = /* @__PURE__ */ C(Tl, [["render", El], ["__scopeId", "data-v-ea7240d9
   computed: {},
   methods: {}
 };
-function Ll(r, e, t, i, n, s) {
+function Nl(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("TableauBoutCard"), c = y("TableauActiveBoutCard"), f = y("TableauLines");
   return u(), g("section", null, [
     t.roundName !== "Third Place" && t.roundName !== "Final" ? (u(), g("div", {
@@ -8007,7 +8013,7 @@ function Ll(r, e, t, i, n, s) {
         _: 1
       })
     ])) : w("", !0),
-    (u(!0), g(I, null, L(t.bouts, (b, x) => (u(), g("div", {
+    (u(!0), g(I, null, N(t.bouts, (b, x) => (u(), g("div", {
       key: x,
       class: "flex"
     }, [
@@ -8033,9 +8039,9 @@ function Ll(r, e, t, i, n, s) {
     ]))), 128))
   ]);
 }
-const Pl = /* @__PURE__ */ C(Nl, [["render", Ll]]), jl = {
+const Ll = /* @__PURE__ */ C(Pl, [["render", Nl]]), jl = {
   name: "Tableau",
-  components: { TableauColumn: Pl },
+  components: { TableauColumn: Ll },
   props: {
     bouts: {
       type: Array,
@@ -8087,7 +8093,7 @@ function Ol(r, e, t, i, n, s) {
     a("div", {
       class: S(["flex justify-start", s.TableauWidth])
     }, [
-      (u(!0), g(I, null, L(s.groupedBouts, (d, c) => (u(), g("div", { key: c }, [
+      (u(!0), g(I, null, N(s.groupedBouts, (d, c) => (u(), g("div", { key: c }, [
         l(o, {
           bouts: d,
           hostingClubColors: t.hostingClubColors,
@@ -8194,7 +8200,7 @@ const Jl = /* @__PURE__ */ C(Rl, [["render", Ql]]), Hl = {
 function Kl(r, e, t, i, n, s) {
   const o = y("BaseButton");
   return u(), g("aside", Wl, [
-    (u(!0), g(I, null, L(t.socialMedia, (d, c) => (u(), g("div", {
+    (u(!0), g(I, null, N(t.socialMedia, (d, c) => (u(), g("div", {
       key: c,
       class: "mb-4"
     }, [
@@ -8220,7 +8226,7 @@ const bm = /* @__PURE__ */ C(Hl, [["render", Kl]]), Yl = {
 }, Zl = { class: "md:w-full mb-8" };
 function Gl(r, e, t, i, n, s) {
   return u(), g("div", Zl, [
-    (u(), g(I, null, L(1, (o) => a("div", {
+    (u(), g(I, null, N(1, (o) => a("div", {
       key: o,
       class: "animate-pulse"
     }, e[0] || (e[0] = [
@@ -8553,7 +8559,7 @@ function Ic(r, e, t, i, n, s) {
         ])),
         _: 1
       })) : w("", !0),
-      (u(!0), g(I, null, L(t.shareLinks, (c) => (u(), g("a", {
+      (u(!0), g(I, null, N(t.shareLinks, (c) => (u(), g("a", {
         key: c.name,
         href: c.url,
         target: "_blank",
@@ -8593,15 +8599,15 @@ function Ic(r, e, t, i, n, s) {
 const ym = /* @__PURE__ */ C(wc, [["render", Ic]]), Ec = {
   name: "SkeletonTournamentCard"
 }, zc = { class: "flex flex-col md:bg-white w-full border-b pb-2 mb-2 pl-1 pt-1 cursor-pointer last:border-b-0" };
-function Nc(r, e, t, i, n, s) {
+function Pc(r, e, t, i, n, s) {
   return u(), g("section", zc, e[0] || (e[0] = [
     ye('<div class="flex pt-1 w-full"><div class="w-24 md:w-32"><div class="relative w-24 h-16 md:w-32 md:h-20 mr-3 bg-gray-300 animate-pulse rounded-lg"></div></div><div class="flex flex-col pl-2"><div class="flex items-center mb-2 w-full"><div class="h-6 w-48 bg-gray-300 animate-pulse rounded"></div></div><div class="hidden md:flex items-center text-sm text-gray-600 mb-2"><div class="h-4 w-64 bg-gray-300 animate-pulse rounded"></div></div></div></div><div class="hidden md:flex mt-3 mb-1"><div class="flex flex-row w-full"><div class="flex items-center mr-10"><div class="h-4 w-16 bg-gray-300 animate-pulse rounded"></div></div><div class="flex items-center"><div class="h-4 w-32 bg-gray-300 animate-pulse rounded"></div></div></div></div><div class="flex flex-col md:hidden mt-2"><div class="flex items-center pb-2"><div class="h-4 w-28 bg-gray-300 animate-pulse rounded"></div></div><div class="flex flex-row"><div class="flex items-center mr-4"><div class="h-4 w-20 bg-gray-300 animate-pulse rounded"></div></div><div class="flex items-center"><div class="h-4 w-24 bg-gray-300 animate-pulse rounded"></div></div></div></div>', 3)
   ]));
 }
-const Lc = /* @__PURE__ */ C(Ec, [["render", Nc]]), Pc = {
+const Nc = /* @__PURE__ */ C(Ec, [["render", Pc]]), Lc = {
   name: "TournamentListCard",
   components: {
-    TournamentListCardSkeleton: Lc,
+    TournamentListCardSkeleton: Nc,
     BaseText: _,
     Icon: M
   },
@@ -8873,7 +8879,7 @@ function rd(r, e, t, i, n, s) {
     ]))
   ], 64);
 }
-const xm = /* @__PURE__ */ C(Pc, [["render", rd]]), sd = {
+const xm = /* @__PURE__ */ C(Lc, [["render", rd]]), sd = {
   name: "HeroBanner",
   components: {
     BaseText: _,
@@ -9061,7 +9067,7 @@ function bd(r, e, t, i, n, s) {
   return u(), g("header", hd, [
     a("section", gd, [
       a("nav", pd, [
-        (u(!0), g(I, null, L(t.weapons, (d) => (u(), g("div", {
+        (u(!0), g(I, null, N(t.weapons, (d) => (u(), g("div", {
           key: d,
           onClick: (c) => s.onWeaponClick(d),
           class: "cursor-pointer"
@@ -9184,7 +9190,7 @@ const Cd = /* @__PURE__ */ C(yd, [["render", vd]]), Sd = {
     }
   }
 }, Ad = { class: "max-w-[1200px] mx-auto" }, kd = { class: "relative w-full h-3/4 flex justify-center bg-primary m-0" }, Td = { class: "relative w-full border-b border-l border-r border-lineGrey" }, _d = { class: "hidden md:flex h-80 justify-between items-center p-14" }, Bd = { class: "text-left text-white max-w-lg w-96" }, Id = { class: "flex flex-col w-1/3 align-right" }, Ed = { class: "flex justify-center md:hidden text-left bg-primary w-full" }, zd = { class: "w-full px-6 py-8 text-center flex flex-col justify-center items-center" };
-function Nd(r, e, t, i, n, s) {
+function Pd(r, e, t, i, n, s) {
   const o = y("BaseText"), d = y("BaseButton");
   return u(), g("section", Ad, [
     e[2] || (e[2] = a("section", { class: "hidden md:flex border-t border-lineGrey w-full bg-primary" }, [
@@ -9307,7 +9313,7 @@ function Nd(r, e, t, i, n, s) {
     ])
   ]);
 }
-const Ld = /* @__PURE__ */ C(Sd, [["render", Nd]]), Pd = {
+const Nd = /* @__PURE__ */ C(Sd, [["render", Pd]]), Ld = {
   name: "Footer",
   components: { Icon: M, InputField: xe, BaseButton: J, BaseText: _ },
   data() {
@@ -9735,7 +9741,7 @@ function pu(r, e, t, i, n, s) {
     ])
   ], 64);
 }
-const fu = /* @__PURE__ */ C(Pd, [["render", pu]]), bu = {
+const fu = /* @__PURE__ */ C(Ld, [["render", pu]]), bu = {
   name: "LivePool",
   components: {
     BaseText: _,
@@ -9791,7 +9797,7 @@ function vu(r, e, t, i, n, s) {
     ]),
     e[0] || (e[0] = a("hr", { class: "border border-accent mb-4" }, null, -1)),
     a("div", wu, [
-      (u(!0), g(I, null, L(s.fencers, (c, f) => (u(), z(d, {
+      (u(!0), g(I, null, N(s.fencers, (c, f) => (u(), z(d, {
         key: c.id || f,
         fencer: c,
         large: t.large,
@@ -9831,7 +9837,7 @@ function Au(r, e, t, i, n, s) {
   return u(), g("section", {
     class: S(["grid gap-4", s.getGridCols])
   }, [
-    (u(!0), g(I, null, L(t.pools, (d) => (u(), z(o, {
+    (u(!0), g(I, null, N(t.pools, (d) => (u(), z(o, {
       key: d.PoolId,
       pool: d,
       large: s.isLarge
@@ -9884,7 +9890,7 @@ const vm = /* @__PURE__ */ C(Su, [["render", Au]]), ku = {
       return r === 1 && e !== 11 ? `${(n = this.fencer) == null ? void 0 : n.Place}st` : r === 2 && e !== 12 ? `${(s = this.fencer) == null ? void 0 : s.Place}nd` : r === 3 && e !== 13 ? `${(o = this.fencer) == null ? void 0 : o.Place}rd` : `${(d = this.fencer) == null ? void 0 : d.Place}th`;
     }
   }
-}, Tu = { class: "flex rounded-lg shadow-lg bg-white" }, _u = { class: "border-r border-orange bg-orange rounded-tl-lg rounded-bl-lg w-10 items-center text-center pl-1 pt-4" }, Bu = { class: "flex items-center w-full py-2" }, Iu = ["src"], Eu = ["src"], zu = { class: "flex flex-col flex-grow ml-3" }, Nu = { class: "border-r border-orange bg-orange rounded-tl-lg rounded-bl-lg w-10 items-center text-center pl-1 pt-1" }, Lu = { class: "flex items-center w-full pb-0.5" }, Pu = { class: "flex flex-col flex-grow ml-3" };
+}, Tu = { class: "flex rounded-lg shadow-lg bg-white" }, _u = { class: "border-r border-orange bg-orange rounded-tl-lg rounded-bl-lg w-10 items-center text-center pl-1 pt-4" }, Bu = { class: "flex items-center w-full py-2" }, Iu = ["src"], Eu = ["src"], zu = { class: "flex flex-col flex-grow ml-3" }, Pu = { class: "border-r border-orange bg-orange rounded-tl-lg rounded-bl-lg w-10 items-center text-center pl-1 pt-1" }, Nu = { class: "flex items-center w-full pb-0.5" }, Lu = { class: "flex flex-col flex-grow ml-3" };
 function ju(r, e, t, i, n, s) {
   const o = y("BaseText");
   return u(), g("div", Tu, [
@@ -9940,7 +9946,7 @@ function ju(r, e, t, i, n, s) {
         e[0] || (e[0] = a("div", { class: "text-right" }, null, -1))
       ])
     ], 64)) : (u(), g(I, { key: 1 }, [
-      a("div", Nu, [
+      a("div", Pu, [
         l(o, {
           size: "2xl",
           color: "secondary",
@@ -9953,8 +9959,8 @@ function ju(r, e, t, i, n, s) {
           _: 1
         })
       ]),
-      a("div", Lu, [
-        a("div", Pu, [
+      a("div", Nu, [
+        a("div", Lu, [
           l(o, {
             size: "",
             color: "primary",
@@ -10041,7 +10047,7 @@ function qu(r, e, t, i, n, s) {
   const o = y("FinalResultsCard");
   return u(), g("div", Ru, [
     a("div", Du, [
-      (u(!0), g(I, null, L(s.topThree, (d) => (u(), z(o, {
+      (u(!0), g(I, null, N(s.topThree, (d) => (u(), z(o, {
         key: `${d.PersonId}-${d.Place}`,
         fencer: d,
         large: !0,
@@ -10052,11 +10058,11 @@ function qu(r, e, t, i, n, s) {
       class: "small-cards-container grid gap-2",
       style: Y({ gridTemplateColumns: `repeat(${s.smallColumnsCount}, 1fr)` })
     }, [
-      (u(!0), g(I, null, L(s.smallColumns, (d, c) => (u(), g("div", {
+      (u(!0), g(I, null, N(s.smallColumns, (d, c) => (u(), g("div", {
         key: c,
         class: "flex flex-col gap-2 w-64"
       }, [
-        (u(!0), g(I, null, L(d, (f) => (u(), z(o, {
+        (u(!0), g(I, null, N(d, (f) => (u(), z(o, {
           key: `${f.PersonId}-${f.Place}`,
           fencer: f,
           large: !1
@@ -10071,7 +10077,7 @@ const Cm = /* @__PURE__ */ C(Ou, [["render", qu]]), Fu = {
     RatingSystemAnnouncement: Jl,
     BaseText: _,
     Footer: fu,
-    DoubleButtonBanner: Ld,
+    DoubleButtonBanner: Nd,
     SingleButtonBanner: Cd,
     GridLayout: dt,
     ArticleCard: Ke,
@@ -10220,7 +10226,7 @@ export {
   lm as ClubListCard,
   cm as ClubMember,
   om as ContactUsForm,
-  Ld as DoubleButtonBanner,
+  Nd as DoubleButtonBanner,
   dm as EventListCard,
   Ye as FencerCard,
   We as FencerListCard,