@dcrackel/hematournamentui 1.0.203 → 1.0.205

package/dist/HemaTournamentUI-lib.es.js

@@ -1,4 +1,4 @@
-import { openBlock as I, createElementBlock as B, normalizeClass as re, ref as ce, watch as Tn, computed as ne, withDirectives as Fi, createElementVNode as f, vModelText as Yd, Fragment as he, renderList as ve, withKeys as Oe, withModifiers as Ne, toDisplayString as $e, reactive as mi, resolveComponent as T, createBlock as ue, createCommentVNode as M, withCtx as Se, createVNode as p, normalizeStyle as Vt, Transition as Rn, renderSlot as Qe, defineComponent as at, useSlots as Ei, toRef as Os, onMounted as kt, nextTick as dr, onUnmounted as hl, mergeProps as yt, unref as H, isRef as Ec, createSlots as qt, normalizeProps as ht, guardReactiveProps as jt, Teleport as qd, h as Tr, render as Bc, resolveDynamicComponent as ia, createTextVNode as gr, onBeforeUpdate as Ip, vShow as ws, getCurrentScope as mp, onScopeDispose as Ep, onBeforeUnmount as oa, getCurrentInstance as Bp, watchEffect as Qp, shallowRef as vp, markRaw as yp, customRef as wp, pushScopeId as bp, popScopeId as xp } from "vue";
+import { openBlock as I, createElementBlock as B, normalizeClass as re, ref as ue, watch as Tn, computed as ne, withDirectives as Fi, createElementVNode as f, vModelText as Yd, Fragment as he, renderList as ve, withKeys as Oe, withModifiers as Ne, toDisplayString as $e, reactive as mi, resolveComponent as T, createBlock as ce, createCommentVNode as M, withCtx as Se, createVNode as p, normalizeStyle as Vt, Transition as Rn, renderSlot as Qe, defineComponent as at, useSlots as Ei, toRef as Os, onMounted as kt, nextTick as dr, onUnmounted as hl, mergeProps as yt, unref as H, isRef as Ec, createSlots as qt, normalizeProps as ht, guardReactiveProps as jt, Teleport as qd, h as Tr, render as Bc, resolveDynamicComponent as ia, createTextVNode as gr, onBeforeUpdate as Ip, vShow as ws, getCurrentScope as mp, onScopeDispose as Ep, onBeforeUnmount as oa, getCurrentInstance as Bp, watchEffect as Qp, shallowRef as vp, markRaw as yp, customRef as wp, pushScopeId as bp, popScopeId as xp } from "vue";
 const ae = (n, e) => {
   const t = n.__vccOpts || n;
   for (const [r, i] of e)
@@ -108,7 +108,7 @@ const _e = /* @__PURE__ */ ae(kp, [["render", Dp]]), Sp = {
     emits: ["click"]
   },
   setup: function(n, { emit: e }) {
-    const t = ce(n.value), r = ce(null);
+    const t = ue(n.value), r = ue(null);
     Tn(() => n.value, (s) => {
       t.value = s;
     });
@@ -483,21 +483,21 @@ function qp(n, e, t, r, i, o) {
       key: l,
       class: "flex flex-row"
     }, [
-      l > 0 ? (I(), ue(s, {
+      l > 0 ? (I(), ce(s, {
         key: 0,
         text: " > ",
         size: "lg",
         color: "quaternary",
         class: "mr-2"
       })) : M("", !0),
-      A.link ? M("", !0) : (I(), ue(s, {
+      A.link ? M("", !0) : (I(), ce(s, {
         key: 1,
         class: "mr-2",
         text: A.text,
         size: "lg",
         color: "quaternary"
       }, null, 8, ["text"])),
-      A.link ? (I(), ue(a, {
+      A.link ? (I(), ce(a, {
         key: 2,
         to: A.link,
         onClick: t.onLinkClick,
@@ -617,7 +617,7 @@ function Wp(n, e, t, r, i, o) {
     type: "button",
     onClick: e[0] || (e[0] = (...A) => r.handleClick && r.handleClick(...A))
   }, [
-    t.iconName && t.iconLeft ? (I(), ue(s, {
+    t.iconName && t.iconLeft ? (I(), ce(s, {
       key: 0,
       color: r.textColor,
       "icon-name": t.iconName,
@@ -632,7 +632,7 @@ function Wp(n, e, t, r, i, o) {
       "data-testid": "base-text",
       weight: "normal"
     }, null, 8, ["color", "size", "text"]),
-    t.iconName && !t.iconLeft ? (I(), ue(s, {
+    t.iconName && !t.iconLeft ? (I(), ce(s, {
       key: 1,
       color: r.textColor,
       "icon-name": t.iconName,
@@ -771,7 +771,7 @@ function oC(n, e, t, r, i, o) {
       class: "h-36 w-full flex flex-col justify-end rounded-t-xl bg-cover bg-no-repeat bg-center"
     }, [
       f("div", iC, [
-        (I(!0), B(he, null, ve(t.tags, (a) => (I(), ue(s, {
+        (I(!0), B(he, null, ve(t.tags, (a) => (I(), ce(s, {
           key: a,
           label: a
         }, null, 8, ["label"]))), 128))
@@ -829,7 +829,7 @@ function cC(n, e, t, r, i, o) {
       class: re(["z-10 rounded-lg px-2 py-2 flex flex-row justify-between border border-dropdownSelect bg-white", t.width]),
       onClick: e[0] || (e[0] = (a) => o.handleDropDown())
     }, [
-      t.label.length > 1 ? (I(), ue(s, {
+      t.label.length > 1 ? (I(), ce(s, {
         key: 0,
         text: t.label,
         color: "quinary",
@@ -5512,7 +5512,7 @@ const UE = (n, e) => {
     1: []
   },
   monthPicker: []
-}), ja = ce(null), fs = ce(!1), Ya = ce(!1), qa = ce(!1), Xa = ce(!1), Ft = ce(0), Dt = ce(0), zr = () => {
+}), ja = ue(null), fs = ue(!1), Ya = ue(!1), qa = ue(!1), Xa = ue(!1), Ft = ue(0), Dt = ue(0), zr = () => {
   const n = ne(() => fs.value ? [...nt.selectionGrid, nt.actionRow].filter((u) => u.length) : Ya.value ? [
     ...nt.timePicker[0],
     ...nt.timePicker[1],
@@ -5678,7 +5678,7 @@ const UE = (n, e) => {
     getDefaultStartTime: i
   };
 }, aB = (n, e, t) => {
-  const r = ce(), { defaultedTextInput: i, getDefaultPattern: o } = dt(e), s = ce(""), a = Os(e, "format");
+  const r = ue(), { defaultedTextInput: i, getDefaultPattern: o } = dt(e), s = ue(""), a = Os(e, "format");
   Tn(r, () => {
     n("internal-model-change", r.value);
   }), Tn(a, () => {
@@ -5811,10 +5811,10 @@ const lB = ({
   props: s,
   slots: a
 }) => {
-  const A = ce({}), l = ce(!1), c = ce({
+  const A = ue({}), l = ue(!1), c = ue({
     top: "0",
     left: "0"
-  }), u = ce(!1), d = Os(s, "teleportCenter");
+  }), u = ue(!1), d = Os(s, "teleportCenter");
   Tn(d, () => {
     c.value = JSON.parse(JSON.stringify({})), E();
   });
@@ -5988,7 +5988,7 @@ const lB = ({
   const e = ne(() => (r) => n.value ? r ? n.value.open : n.value.close : ""), t = ne(() => (r) => n.value ? r ? n.value.menuAppearTop : n.value.menuAppearBottom : "");
   return { transitionName: e, showTransition: !!n.value, menuTransition: t };
 }, ts = (n, e) => {
-  const t = ee(Dn(/* @__PURE__ */ new Date(), n.timezone)), r = ce([{ month: Ye(t), year: ze(t) }]), i = mi({
+  const t = ee(Dn(/* @__PURE__ */ new Date(), n.timezone)), r = ue([{ month: Ye(t), year: ze(t) }]), i = mi({
     hours: n.range ? [kn(t), kn(t)] : kn(t),
     minutes: n.range ? [Jn(t), Jn(t)] : Jn(t),
     seconds: n.range ? [0, 0] : 0
@@ -6010,7 +6010,7 @@ const lB = ({
     year: a
   };
 }, dB = (n, e) => {
-  const { defaultedMultiCalendars: t, defaultedHighlight: r } = dt(e), { isDisabled: i, matchDate: o } = Bi(e), s = ce(null), a = ce(ee(Dn(/* @__PURE__ */ new Date(), e.timezone))), A = (Q) => {
+  const { defaultedMultiCalendars: t, defaultedHighlight: r } = dt(e), { isDisabled: i, matchDate: o } = Bi(e), s = ue(null), a = ue(ee(Dn(/* @__PURE__ */ new Date(), e.timezone))), A = (Q) => {
     !Q.current && e.hideOffsetDates || (s.value = Q.value);
   }, l = () => {
     s.value = null;
@@ -6205,7 +6205,7 @@ const lB = ({
   const n = ne(() => (r, i) => r == null ? void 0 : r.includes(i)), e = ne(() => (r, i) => r.count ? r.solo ? !0 : i === 0 : !0), t = ne(() => (r, i) => r.count ? r.solo ? !0 : i === r.count - 1 : !0);
   return { hideNavigationButtons: n, showLeftIcon: e, showRightIcon: t };
 }, gB = (n, e, t) => {
-  const r = ce(0), i = mi({
+  const r = ue(0), i = mi({
     [ni.timePicker]: !n.enableTimePicker || n.timePicker || n.monthPicker,
     [ni.calendar]: !1,
     [ni.header]: !1
@@ -6409,7 +6409,7 @@ const lB = ({
       defaultedConfig: A,
       getDefaultPattern: l,
       getDefaultStartTime: c
-    } = dt(i), { checkMinMaxRange: u } = Bi(i), d = ce(), g = ce(null), h = ce(!1), m = ce(!1), v = ne(
+    } = dt(i), { checkMinMaxRange: u } = Bi(i), d = ue(), g = ue(null), h = ue(!1), m = ue(!1), v = ne(
       () => ({
         dp__pointer: !i.disabled && !i.readonly && !o.value.enabled,
         dp__disabled: i.disabled,
@@ -6539,7 +6539,7 @@ const lB = ({
             }, [
               Qe(Y.$slots, "input-icon")
             ])) : M("", !0),
-            !Y.$slots["input-icon"] && !Y.hideInputIcon && !Y.$slots["dp-input"] ? (I(), ue(H(ao), {
+            !Y.$slots["input-icon"] && !Y.hideInputIcon && !Y.$slots["dp-input"] ? (I(), ce(H(ao), {
               key: 1,
               class: "dp__input_icon dp__input_icons",
               onClick: S[1] || (S[1] = (V) => r("toggle"))
@@ -6548,7 +6548,7 @@ const lB = ({
           Y.$slots["clear-icon"] && n.inputValue && Y.clearable && !Y.disabled && !Y.readonly ? (I(), B("span", pB, [
             Qe(Y.$slots, "clear-icon", { clear: W })
           ])) : M("", !0),
-          Y.clearable && !Y.$slots["clear-icon"] && n.inputValue && !Y.disabled && !Y.readonly ? (I(), ue(H(pg), {
+          Y.clearable && !Y.$slots["clear-icon"] && n.inputValue && !Y.disabled && !Y.readonly ? (I(), ce(H(pg), {
             key: 3,
             class: "dp__clear_icon dp__input_icons",
             onClick: S[3] || (S[3] = Ne((V) => W(V), ["prevent"]))
@@ -6576,7 +6576,7 @@ const lB = ({
       defaultedTextInput: a,
       defaultedInline: A,
       getDefaultPattern: l
-    } = dt(r), { isValidTime: c } = Bi(r), { buildMatrix: u } = zr(), d = ce(null), g = ce(null);
+    } = dt(r), { isValidTime: c } = Bi(r), { buildMatrix: u } = zr(), d = ue(null), g = ue(null);
     kt(() => {
       r.arrowNavigation && u([mt(d), mt(g)], "actionRow");
     });
@@ -6709,7 +6709,7 @@ const lB = ({
   setup(n, { expose: e, emit: t }) {
     const { setSelectionGrid: r, buildMultiLevelMatrix: i, setMonthPicker: o } = zr(), s = t, a = n, { defaultedAriaLabels: A, defaultedTextInput: l, defaultedConfig: c } = dt(
       a
-    ), { hideNavigationButtons: u } = Aa(), d = ce(!1), g = ce(null), h = ce(null), m = ce([]), v = ce(), w = ce(null), b = ce(0), R = ce(null);
+    ), { hideNavigationButtons: u } = Aa(), d = ue(!1), g = ue(null), h = ue(null), m = ue([]), v = ue(), w = ue(null), b = ue(0), R = ue(null);
     Ip(() => {
       g.value = null;
     }), kt(() => {
@@ -6899,7 +6899,7 @@ const lB = ({
   },
   emits: ["activate", "set-ref"],
   setup(n, { emit: e }) {
-    const t = e, r = ce(null);
+    const t = e, r = ue(null);
     return kt(() => t("set-ref", r)), (i, o) => (I(), B("button", {
       ref_key: "elRef",
       ref: r,
@@ -6943,7 +6943,7 @@ const lB = ({
     return (m, v) => {
       var w, b, R;
       return I(), B("div", xB, [
-        H(o)(H(a), n.instance) ? (I(), ue(bo, {
+        H(o)(H(a), n.instance) ? (I(), ce(bo, {
           key: 0,
           ref: "mpPrevIconRef",
           "aria-label": (w = H(A)) == null ? void 0 : w.prevYear,
@@ -6952,7 +6952,7 @@ const lB = ({
         }, {
           default: Se(() => [
             m.$slots["arrow-left"] ? Qe(m.$slots, "arrow-left", { key: 0 }) : M("", !0),
-            m.$slots["arrow-left"] ? M("", !0) : (I(), ue(H(vl), { key: 1 }))
+            m.$slots["arrow-left"] ? M("", !0) : (I(), ce(H(vl), { key: 1 }))
           ]),
           _: 3
         }, 8, ["aria-label", "disabled"])) : M("", !0),
@@ -6972,7 +6972,7 @@ const lB = ({
             gr($e(n.year), 1)
           ], 64))
         ], 40, kB),
-        H(i)(H(a), n.instance) ? (I(), ue(bo, {
+        H(i)(H(a), n.instance) ? (I(), ce(bo, {
           key: 1,
           ref: "mpNextIconRef",
           "aria-label": (R = H(A)) == null ? void 0 : R.nextYear,
@@ -6981,7 +6981,7 @@ const lB = ({
         }, {
           default: Se(() => [
             m.$slots["arrow-right"] ? Qe(m.$slots, "arrow-right", { key: 0 }) : M("", !0),
-            m.$slots["arrow-right"] ? M("", !0) : (I(), ue(H(yl), { key: 1 }))
+            m.$slots["arrow-right"] ? M("", !0) : (I(), ce(H(yl), { key: 1 }))
           ]),
           _: 3
         }, 8, ["aria-label", "disabled"])) : M("", !0),
@@ -6990,7 +6990,7 @@ const lB = ({
           css: H(c)
         }, {
           default: Se(() => [
-            n.showYearPicker ? (I(), ue(ns, {
+            n.showYearPicker ? (I(), ce(ns, {
               key: 0,
               items: n.items,
               "text-input": m.textInput,
@@ -7004,7 +7004,7 @@ const lB = ({
             }, qt({
               "button-icon": Se(() => [
                 m.$slots["calendar-icon"] ? Qe(m.$slots, "calendar-icon", { key: 0 }) : M("", !0),
-                m.$slots["calendar-icon"] ? M("", !0) : (I(), ue(H(ao), { key: 1 }))
+                m.$slots["calendar-icon"] ? M("", !0) : (I(), ce(H(ao), { key: 1 }))
               ]),
               _: 2
             }, [
@@ -7051,7 +7051,7 @@ const lB = ({
   month: s,
   emit: a
 }) => {
-  const A = ne(() => Tl(i.yearRange, i.reverseYears)), l = ce([!1]), c = ne(() => (E, L) => {
+  const A = ne(() => Tl(i.yearRange, i.reverseYears)), l = ue([!1]), c = ne(() => (E, L) => {
     const y = rt(wn(/* @__PURE__ */ new Date()), {
       month: s.value(E),
       year: o.value(E)
@@ -7104,7 +7104,7 @@ const lB = ({
     handleYear: b
   };
 }, DB = (n, e) => {
-  const { defaultedMultiCalendars: t, defaultedAriaLabels: r, defaultedTransitions: i, defaultedConfig: o, defaultedHighlight: s } = dt(n), { modelValue: a, year: A, month: l, calendars: c } = ts(n, e), u = ne(() => Eg(n.formatLocale, n.locale, n.monthNameFormat)), d = ce(null), {
+  const { defaultedMultiCalendars: t, defaultedAriaLabels: r, defaultedTransitions: i, defaultedConfig: o, defaultedHighlight: s } = dt(n), { modelValue: a, year: A, month: l, calendars: c } = ts(n, e), u = ne(() => Eg(n.formatLocale, n.locale, n.monthNameFormat)), d = ue(null), {
     selectYear: g,
     groupedYears: h,
     showYearPicker: m,
@@ -7239,7 +7239,7 @@ const lB = ({
       selectMonth: w,
       selectYear: b,
       handleYear: L
-    }), presetDate: m, toggleYearPicker: (P) => R(0, P) }), (P, Z) => (I(), ue(ca, {
+    }), presetDate: m, toggleYearPicker: (P) => R(0, P) }), (P, Z) => (I(), ce(ca, {
       "multi-calendars": H(u).count,
       stretch: ""
     }, {
@@ -7251,7 +7251,7 @@ const lB = ({
           selectMonth: H(w),
           selectYear: H(b),
           instance: F
-        }))) : (I(), ue(ns, {
+        }))) : (I(), ce(ns, {
           key: 1,
           items: H(a)(F),
           "arrow-navigation": P.arrowNavigation,
@@ -7291,7 +7291,7 @@ const lB = ({
     }, 8, ["multi-calendars"]));
   }
 }), TB = (n, e) => {
-  const { modelValue: t } = ts(n, e), r = ce(null), { defaultedHighlight: i, defaultedFilters: o } = dt(n), s = ce();
+  const { modelValue: t } = ts(n, e), r = ue(null), { defaultedHighlight: i, defaultedFilters: o } = dt(n), s = ue();
   kt(() => {
     n.startDate && (t.value && n.focusStartDate || !t.value) && (s.value = ze(ee(n.startDate)));
   });
@@ -7335,7 +7335,7 @@ const lB = ({
       u.$slots["month-year"] ? Qe(u.$slots, "month-year", ht(yt({ key: 0 }, {
         years: H(o),
         selectYear: H(A)
-      }))) : (I(), ue(ns, {
+      }))) : (I(), ce(ns, {
         key: 1,
         items: H(o),
         "is-last": u.autoApply && !H(c).keepActionRow,
@@ -7395,7 +7395,7 @@ const lB = ({
       hours: !1,
       minutes: !1,
       seconds: !1
-    }), h = ce("AM"), m = ce(null), v = ce([]);
+    }), h = ue("AM"), m = ue(null), v = ue([]);
     kt(() => {
       r("mounted");
     });
@@ -7503,7 +7503,7 @@ const lB = ({
                   NB
                 ], 64)) : (I(), B(he, { key: 0 }, [
                   k.$slots["arrow-up"] ? Qe(k.$slots, "arrow-up", { key: 0 }) : M("", !0),
-                  k.$slots["arrow-up"] ? M("", !0) : (I(), ue(H(bl), { key: 1 }))
+                  k.$slots["arrow-up"] ? M("", !0) : (I(), ce(H(bl), { key: 1 }))
                 ], 64))
               ], 42, PB),
               f("button", {
@@ -7559,7 +7559,7 @@ const lB = ({
                   FB
                 ], 64)) : (I(), B(he, { key: 0 }, [
                   k.$slots["arrow-down"] ? Qe(k.$slots, "arrow-down", { key: 0 }) : M("", !0),
-                  k.$slots["arrow-down"] ? M("", !0) : (I(), ue(H(xl), { key: 1 }))
+                  k.$slots["arrow-down"] ? M("", !0) : (I(), ce(H(xl), { key: 1 }))
                 ], 64))
               ], 42, HB)
             ], 64))
@@ -7587,13 +7587,13 @@ const lB = ({
             ]
           }, $e(h.value), 41, VB))
         ])),
-        (I(!0), B(he, null, ve(W.value, (se, we) => (I(), ue(Rn, {
+        (I(!0), B(he, null, ve(W.value, (se, we) => (I(), ce(Rn, {
           key: we,
           name: H(u)(g[se.type]),
           css: H(d)
         }, {
           default: Se(() => [
-            g[se.type] ? (I(), ue(ns, {
+            g[se.type] ? (I(), ce(ns, {
               key: 0,
               items: S(se.type),
               "is-last": k.autoApply && !H(c).keepActionRow,
@@ -7608,7 +7608,7 @@ const lB = ({
             }, qt({
               "button-icon": Se(() => [
                 k.$slots["clock-icon"] ? Qe(k.$slots, "clock-icon", { key: 0 }) : M("", !0),
-                k.$slots["clock-icon"] ? M("", !0) : (I(), ue(ia(k.timePickerInline ? H(ao) : H(wl)), { key: 1 }))
+                k.$slots["clock-icon"] ? M("", !0) : (I(), ce(ia(k.timePickerInline ? H(ao) : H(wl)), { key: 1 }))
               ]),
               _: 2
             }, [
@@ -7656,11 +7656,11 @@ const lB = ({
     "am-pm-change"
   ],
   setup(n, { expose: e, emit: t }) {
-    const r = t, i = n, { buildMatrix: o, setTimePicker: s } = zr(), a = Ei(), { defaultedTransitions: A, defaultedAriaLabels: l, defaultedTextInput: c, defaultedConfig: u } = dt(i), { transitionName: d, showTransition: g } = es(A), { hideNavigationButtons: h } = Aa(), m = ce(null), v = ce(null), w = ce([]), b = ce(null);
+    const r = t, i = n, { buildMatrix: o, setTimePicker: s } = zr(), a = Ei(), { defaultedTransitions: A, defaultedAriaLabels: l, defaultedTextInput: c, defaultedConfig: u } = dt(i), { transitionName: d, showTransition: g } = es(A), { hideNavigationButtons: h } = Aa(), m = ue(null), v = ue(null), w = ue([]), b = ue(null);
     kt(() => {
       r("mount"), !i.timePicker && i.arrowNavigation ? o([mt(m.value)], "time") : s(!0, i.timePicker);
     });
-    const R = ne(() => i.range && i.modelAuto ? Bg(i.internalModelValue) : !0), E = ce(!1), L = (S) => ({
+    const R = ne(() => i.range && i.modelAuto ? Bg(i.internalModelValue) : !0), E = ue(!1), L = (S) => ({
       hours: Array.isArray(i.hours) ? i.hours[S] : i.hours,
       minutes: Array.isArray(i.minutes) ? i.minutes[S] : i.minutes,
       seconds: Array.isArray(i.seconds) ? i.seconds[S] : i.seconds
@@ -7710,7 +7710,7 @@ const lB = ({
           onClick: j[2] || (j[2] = (K) => P(!0))
         }, [
           S.$slots["clock-icon"] ? Qe(S.$slots, "clock-icon", { key: 0 }) : M("", !0),
-          S.$slots["clock-icon"] ? M("", !0) : (I(), ue(H(wl), { key: 1 }))
+          S.$slots["clock-icon"] ? M("", !0) : (I(), ce(H(wl), { key: 1 }))
         ], 42, qB)), [
           [ws, !H(h)(S.hideNavigation, "time")]
         ]) : M("", !0),
@@ -7752,7 +7752,7 @@ const lB = ({
                     key: 1,
                     class: re(S.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
                   }, [
-                    (I(!0), B(he, null, ve(y.value, (Q, C) => Fi((I(), ue(jB, yt({ key: C }, {
+                    (I(!0), B(he, null, ve(y.value, (Q, C) => Fi((I(), ce(jB, yt({ key: C }, {
                       ...S.$props,
                       order: C,
                       hours: Q.hours,
@@ -7798,7 +7798,7 @@ const lB = ({
                     onClick: j[6] || (j[6] = (Q) => P(!1))
                   }, [
                     S.$slots["calendar-icon"] ? Qe(S.$slots, "calendar-icon", { key: 0 }) : M("", !0),
-                    S.$slots["calendar-icon"] ? M("", !0) : (I(), ue(H(ao), { key: 1 }))
+                    S.$slots["calendar-icon"] ? M("", !0) : (I(), ce(H(ao), { key: 1 }))
                   ], 42, WB)), [
                     [ws, !H(h)(S.hideNavigation, "time")]
                   ]) : M("", !0)
@@ -7934,7 +7934,7 @@ const lB = ({
       modelValue: A,
       time: a,
       updateTime: c
-    }) }), (d, g) => (I(), ue(ca, {
+    }) }), (d, g) => (I(), ce(ca, {
       "multi-calendars": 0,
       stretch: ""
     }, {
@@ -7984,7 +7984,7 @@ const lB = ({
       defaultedFilters: A,
       defaultedConfig: l,
       defaultedHighlight: c
-    } = dt(i), { transitionName: u, showTransition: d } = es(o), { buildMatrix: g } = zr(), { handleMonthYearChange: h, isDisabled: m, updateMonthYear: v } = AB(i, r), { showLeftIcon: w, showRightIcon: b } = Aa(), R = ce(!1), E = ce(!1), L = ce([null, null, null, null]);
+    } = dt(i), { transitionName: u, showTransition: d } = es(o), { buildMatrix: g } = zr(), { handleMonthYearChange: h, isDisabled: m, updateMonthYear: v } = AB(i, r), { showLeftIcon: w, showRightIcon: b } = Aa(), R = ue(!1), E = ue(!1), L = ue([null, null, null, null]);
     kt(() => {
       r("mount");
     });
@@ -8056,7 +8056,7 @@ const lB = ({
       var N, X, q;
       return I(), B("div", GB, [
         C.$slots["month-year"] ? Qe(C.$slots, "month-year", ht(yt({ key: 0 }, { month: n.month, year: n.year, months: n.months, years: n.years, updateMonthYear: H(v), handleMonthYearChange: H(h), instance: n.instance }))) : (I(), B(he, { key: 1 }, [
-          H(w)(H(a), n.instance) && !C.vertical ? (I(), ue(bo, {
+          H(w)(H(a), n.instance) && !C.vertical ? (I(), ce(bo, {
             key: 0,
             "aria-label": (N = H(s)) == null ? void 0 : N.prevMonth,
             disabled: H(m)(!1),
@@ -8065,7 +8065,7 @@ const lB = ({
           }, {
             default: Se(() => [
               C.$slots["arrow-left"] ? Qe(C.$slots, "arrow-left", { key: 0 }) : M("", !0),
-              C.$slots["arrow-left"] ? M("", !0) : (I(), ue(H(vl), { key: 1 }))
+              C.$slots["arrow-left"] ? M("", !0) : (I(), ce(H(vl), { key: 1 }))
             ]),
             _: 3
           }, 8, ["aria-label", "disabled"])) : M("", !0),
@@ -8104,7 +8104,7 @@ const lB = ({
                 css: H(d)
               }, {
                 default: Se(() => [
-                  O.showSelectionGrid ? (I(), ue(ns, {
+                  O.showSelectionGrid ? (I(), ce(ns, {
                     key: 0,
                     items: O.items,
                     "arrow-navigation": C.arrowNavigation,
@@ -8121,7 +8121,7 @@ const lB = ({
                   }, qt({
                     "button-icon": Se(() => [
                       C.$slots["calendar-icon"] ? Qe(C.$slots, "calendar-icon", { key: 0 }) : M("", !0),
-                      C.$slots["calendar-icon"] ? M("", !0) : (I(), ue(H(ao), { key: 1 }))
+                      C.$slots["calendar-icon"] ? M("", !0) : (I(), ce(H(ao), { key: 1 }))
                     ]),
                     _: 2
                   }, [
@@ -8157,7 +8157,7 @@ const lB = ({
               }, 1032, ["name", "css"])
             ], 64))), 128))
           ], 2),
-          H(w)(H(a), n.instance) && C.vertical ? (I(), ue(bo, {
+          H(w)(H(a), n.instance) && C.vertical ? (I(), ce(bo, {
             key: 1,
             "aria-label": (X = H(s)) == null ? void 0 : X.prevMonth,
             disabled: H(m)(!1),
@@ -8165,11 +8165,11 @@ const lB = ({
           }, {
             default: Se(() => [
               C.$slots["arrow-up"] ? Qe(C.$slots, "arrow-up", { key: 0 }) : M("", !0),
-              C.$slots["arrow-up"] ? M("", !0) : (I(), ue(H(bl), { key: 1 }))
+              C.$slots["arrow-up"] ? M("", !0) : (I(), ce(H(bl), { key: 1 }))
             ]),
             _: 3
           }, 8, ["aria-label", "disabled"])) : M("", !0),
-          H(b)(H(a), n.instance) ? (I(), ue(bo, {
+          H(b)(H(a), n.instance) ? (I(), ce(bo, {
             key: 2,
             ref: "rightIcon",
             disabled: H(m)(!0),
@@ -8179,7 +8179,7 @@ const lB = ({
           }, {
             default: Se(() => [
               C.$slots[C.vertical ? "arrow-down" : "arrow-right"] ? Qe(C.$slots, C.vertical ? "arrow-down" : "arrow-right", { key: 0 }) : M("", !0),
-              C.$slots[C.vertical ? "arrow-down" : "arrow-right"] ? M("", !0) : (I(), ue(ia(C.vertical ? H(xl) : H(yl)), { key: 1 }))
+              C.$slots[C.vertical ? "arrow-down" : "arrow-right"] ? M("", !0) : (I(), ce(ia(C.vertical ? H(xl) : H(yl)), { key: 1 }))
             ]),
             _: 3
           }, 8, ["disabled", "aria-label"])) : M("", !0)
@@ -8227,11 +8227,11 @@ const lB = ({
       defaultedAriaLabels: A,
       defaultedMultiCalendars: l,
       defaultedWeekNumbers: c
-    } = dt(i), u = ce(null), d = ce({
+    } = dt(i), u = ue(null), d = ue({
       bottom: "",
       left: "",
       transform: ""
-    }), g = ce([]), h = ce(null), m = ce(!0), v = ce(""), w = ce({ startX: 0, endX: 0, startY: 0, endY: 0 }), b = ce([]), R = ce({ left: "50%" }), E = ne(() => i.calendar ? i.calendar(i.mappedDates) : i.mappedDates), L = ne(() => i.dayNames ? Array.isArray(i.dayNames) ? i.dayNames : i.dayNames(i.locale, +i.weekStart) : PE(i.formatLocale, i.locale, +i.weekStart));
+    }), g = ue([]), h = ue(null), m = ue(!0), v = ue(""), w = ue({ startX: 0, endX: 0, startY: 0, endY: 0 }), b = ue([]), R = ue({ left: "50%" }), E = ne(() => i.calendar ? i.calendar(i.mappedDates) : i.mappedDates), L = ne(() => i.dayNames ? Array.isArray(i.dayNames) ? i.dayNames : i.dayNames(i.locale, +i.weekStart) : PE(i.formatLocale, i.locale, +i.weekStart));
     kt(() => {
       r("mount", { cmp: "calendar", refs: g }), a.value.noSwipe || h.value && (h.value.addEventListener("touchstart", S, { passive: !1 }), h.value.addEventListener("touchend", j, { passive: !1 }), h.value.addEventListener("touchmove", V, { passive: !1 })), i.monthChangeOnScroll && h.value && h.value.addEventListener("wheel", C, { passive: !1 });
     });
@@ -8444,7 +8444,7 @@ const lB = ({
     };
   }
 }), Wc = (n) => Array.isArray(n), AQ = (n, e, t, r) => {
-  const i = ce([]), { modelValue: o, calendars: s, time: a } = ts(n, e), { defaultedMultiCalendars: A, defaultedStartTime: l } = dt(n), { validateMonthYearInRange: c, isDisabled: u, isDateRangeAllowed: d, checkMinMaxRange: g } = Bi(n), { updateTimeValues: h, getSetDateTime: m, setTime: v, assignStartTime: w, validateTime: b, disabledTimesConfig: R } = Rg(n, a, o, r), E = ne(
+  const i = ue([]), { modelValue: o, calendars: s, time: a } = ts(n, e), { defaultedMultiCalendars: A, defaultedStartTime: l } = dt(n), { validateMonthYearInRange: c, isDisabled: u, isDateRangeAllowed: d, checkMinMaxRange: g } = Bi(n), { updateTimeValues: h, getSetDateTime: m, setTime: v, assignStartTime: w, validateTime: b, disabledTimesConfig: R } = Rg(n, a, o, r), E = ne(
     () => (U) => s.value[U] ? s.value[U].month : 0
   ), L = ne(
     () => (U) => s.value[U] ? s.value[U].year : 0
@@ -8718,7 +8718,7 @@ const lB = ({
       presetDate: R,
       selectCurrentDate: E,
       updateTime: L
-    } = AQ(i, r, Q, C), y = Ei(), { setHoverDate: P, getDayClassData: Z, clearHoverDate: F } = dB(A, i), { defaultedMultiCalendars: x } = dt(i), z = ce([]), W = ce([]), $ = ce(null), Y = An(y, "calendar"), S = An(y, "monthYear"), j = An(y, "timePicker"), V = (N) => {
+    } = AQ(i, r, Q, C), y = Ei(), { setHoverDate: P, getDayClassData: Z, clearHoverDate: F } = dB(A, i), { defaultedMultiCalendars: x } = dt(i), z = ue([]), W = ue([]), $ = ue(null), Y = An(y, "calendar"), S = An(y, "monthYear"), j = An(y, "timePicker"), V = (N) => {
       i.shadow || r("mount", N);
     };
     Tn(
@@ -8777,7 +8777,7 @@ const lB = ({
         "multi-calendars": H(x).count
       }, {
         default: Se(({ instance: q, index: O }) => [
-          N.disableMonthYearSelect ? M("", !0) : (I(), ue(_B, yt({
+          N.disableMonthYearSelect ? M("", !0) : (I(), ce(_B, yt({
             key: 0,
             ref: (k) => {
               k && (z.value[O] = k);
@@ -8830,7 +8830,7 @@ const lB = ({
         _: 3
       }, 8, ["multi-calendars"]),
       N.enableTimePicker ? (I(), B("div", lQ, [
-        N.$slots["time-picker"] ? Qe(N.$slots, "time-picker", ht(yt({ key: 0 }, { time: H(l), updateTime: H(L) }))) : (I(), ue(Pg, yt({
+        N.$slots["time-picker"] ? Qe(N.$slots, "time-picker", ht(yt({ key: 0 }, { time: H(l), updateTime: H(L) }))) : (I(), ce(Pg, yt({
           key: 1,
           ref_key: "timePickerRef",
           ref: $
@@ -8861,7 +8861,7 @@ const lB = ({
     ], 64));
   }
 }), uQ = (n, e) => {
-  const t = ce(), { defaultedMultiCalendars: r, defaultedConfig: i, defaultedHighlight: o } = dt(n), { modelValue: s, year: a, month: A, calendars: l } = ts(n, e), { isDisabled: c } = Bi(n), { selectYear: u, groupedYears: d, showYearPicker: g, isDisabled: h, toggleYearPicker: m, handleYearSelect: v, handleYear: w } = Og({
+  const t = ue(), { defaultedMultiCalendars: r, defaultedConfig: i, defaultedHighlight: o } = dt(n), { modelValue: s, year: a, month: A, calendars: l } = ts(n, e), { isDisabled: c } = Bi(n), { selectYear: u, groupedYears: d, showYearPicker: g, isDisabled: h, toggleYearPicker: m, handleYearSelect: v, handleYear: w } = Og({
     modelValue: s,
     multiCalendars: r,
     highlight: o,
@@ -8964,7 +8964,7 @@ const lB = ({
       selectQuarter: v,
       handleYearSelect: b,
       handleYear: R
-    }) }), (E, L) => (I(), ue(ca, {
+    }) }), (E, L) => (I(), ce(ca, {
       "multi-calendars": H(a).count,
       stretch: ""
     }, {
@@ -9076,7 +9076,7 @@ const lB = ({
         flowStep: Z.value,
         noOverlayFocus: i.noOverlayFocus
       };
-    }), { setMenuFocused: s, setShiftKey: a, control: A } = Sg(), l = Ei(), { defaultedTextInput: c, defaultedInline: u, defaultedConfig: d } = dt(i), g = ce(null), h = ce(0), m = ce(null), v = ce(null), w = ce(!1), b = ce(null);
+    }), { setMenuFocused: s, setShiftKey: a, control: A } = Sg(), l = Ei(), { defaultedTextInput: c, defaultedInline: u, defaultedConfig: d } = dt(i), g = ue(null), h = ue(0), m = ue(null), v = ue(null), w = ue(!1), b = ue(null);
     kt(() => {
       if (!i.shadow) {
         w.value = !0, R(), window.addEventListener("resize", R);
@@ -9218,7 +9218,7 @@ const lB = ({
             class: "dp__instance_calendar",
             role: "document"
           }, [
-            (I(), ue(ia(W.value), yt({
+            (I(), ce(ia(W.value), yt({
               ref_key: "dynCmpRef",
               ref: b
             }, o.value, {
@@ -9263,7 +9263,7 @@ const lB = ({
             }) : M("", !0)
           ])) : M("", !0)
         ], 6),
-        !_.autoApply || H(d).keepActionRow ? (I(), ue(BB, yt({
+        !_.autoApply || H(d).keepActionRow ? (I(), ce(BB, yt({
           key: 2,
           "menu-mount": w.value
         }, o.value, {
@@ -9340,7 +9340,7 @@ const lB = ({
     "invalid-date"
   ],
   setup(n, { expose: e, emit: t }) {
-    const r = t, i = n, o = Ei(), s = ce(!1), a = Os(i, "modelValue"), A = Os(i, "timezone"), l = ce(null), c = ce(null), u = ce(null), d = ce(!1), g = ce(null), h = ce(!1), m = ce(!1), { setMenuFocused: v, setShiftKey: w } = Sg(), { clearArrowNav: b } = zr(), { mapDatesArrToMap: R, validateDate: E, isValidTime: L } = Bi(i), { defaultedTransitions: y, defaultedTextInput: P, defaultedInline: Z, defaultedConfig: F } = dt(i), { menuTransition: x, showTransition: z } = es(y);
+    const r = t, i = n, o = Ei(), s = ue(!1), a = Os(i, "modelValue"), A = Os(i, "timezone"), l = ue(null), c = ue(null), u = ue(null), d = ue(!1), g = ue(null), h = ue(!1), m = ue(!1), { setMenuFocused: v, setShiftKey: w } = Sg(), { clearArrowNav: b } = zr(), { mapDatesArrToMap: R, validateDate: E, isValidTime: L } = Bi(i), { defaultedTransitions: y, defaultedTextInput: P, defaultedInline: Z, defaultedConfig: F } = dt(i), { menuTransition: x, showTransition: z } = es(y);
     kt(() => {
       X(i.modelValue), dr().then(() => {
         if (!Z.value.enabled) {
@@ -9681,7 +9681,7 @@ const da = /* @__PURE__ */ ae(xQ, [["render", kQ], ["__scopeId", "data-v-a34ab0d
 function OQ(n, e, t, r, i, o) {
   const s = T("BaseText");
   return I(), B("label", SQ, [
-    t.labelLeft ? (I(), ue(s, {
+    t.labelLeft ? (I(), ce(s, {
       key: 0,
       text: t.label,
       size: "sm",
@@ -9702,7 +9702,7 @@ function OQ(n, e, t, r, i, o) {
         class: re([o.dotClasses, "dot absolute left-1 top-1 h-3 w-3 rounded-full bg-white transition delay-150"])
       }, null, 2)
     ]),
-    t.labelLeft ? M("", !0) : (I(), ue(s, {
+    t.labelLeft ? M("", !0) : (I(), ce(s, {
       key: 1,
       text: t.label,
       size: "sm",
@@ -10071,7 +10071,7 @@ function Bv(n, e, t, r, i, o) {
           "onUpdate:checked": o.handleMaxFencersToggle
         }, null, 8, ["checked", "onUpdate:checked"])
       ]),
-      i.eventConfig.maxFencers ? (I(), ue(a, {
+      i.eventConfig.maxFencers ? (I(), ce(a, {
         key: 0,
         inputValue: i.eventConfig.maxFencerCount,
         invalid: i.validation.maxFencerCount,
@@ -10144,7 +10144,7 @@ function Bv(n, e, t, r, i, o) {
           "onUpdate:checked": o.handlePoolTimerToggle
         }, null, 8, ["checked", "onUpdate:checked"])
       ]),
-      i.eventConfig.poolTimer ? (I(), ue(a, {
+      i.eventConfig.poolTimer ? (I(), ce(a, {
         key: 0,
         inputValue: i.eventConfig.poolTime,
         invalid: i.validation.poolTime,
@@ -10162,7 +10162,7 @@ function Bv(n, e, t, r, i, o) {
           "onUpdate:checked": o.handleBoutCounterToggle
         }, null, 8, ["checked", "onUpdate:checked"])
       ]),
-      i.eventConfig.boutCounter ? (I(), ue(a, {
+      i.eventConfig.boutCounter ? (I(), ce(a, {
         key: 0,
         inputValue: i.eventConfig.boutCount,
         invalid: i.validation.boutCount,
@@ -10214,7 +10214,7 @@ function Bv(n, e, t, r, i, o) {
           "onUpdate:checked": o.handleDETimerToggle
         }, null, 8, ["checked", "onUpdate:checked"])
       ]),
-      i.eventConfig.DETimer ? (I(), ue(a, {
+      i.eventConfig.DETimer ? (I(), ce(a, {
         key: 0,
         inputValue: i.eventConfig.DETime,
         invalid: i.validation.DETime,
@@ -10232,7 +10232,7 @@ function Bv(n, e, t, r, i, o) {
           "onUpdate:checked": o.handleDEBoutCountToggle
         }, null, 8, ["checked", "onUpdate:checked"])
       ]),
-      i.eventConfig.DEBoutCounter ? (I(), ue(a, {
+      i.eventConfig.DEBoutCounter ? (I(), ce(a, {
         key: 0,
         inputValue: i.eventConfig.DEBoutCount,
         invalid: i.validation.DEBoutCount,
@@ -10361,7 +10361,7 @@ const Qv = /* @__PURE__ */ ae(FQ, [["render", Bv]]), vv = {
 }, yv = { class: "flex w-full justify-end mt-1" };
 function wv(n, e, t, r, i, o) {
   const s = T("BaseIcon"), a = T("EditEvent");
-  return I(), ue(Rn, {
+  return I(), ce(Rn, {
     "enter-active-class": "transition-opacity duration-500",
     "enter-class": "opacity-0",
     "enter-to-class": "opacity-100",
@@ -10727,7 +10727,7 @@ const Mv = /* @__PURE__ */ ae(Dv, [["render", Tv]]), Ov = {
 };
 function Pv(n, e, t, r, i, o) {
   const s = T("vue-google-autocomplete");
-  return I(), ue(s, {
+  return I(), ce(s, {
     class: re(["border rounded-lg text-secondary text-sm p-2 w-full appearance-none focus:outline-none", t.invalid ? "border-alarm" : "border-dropdownSelect"]),
     id: "map",
     ref: "address",
@@ -10885,7 +10885,7 @@ function Yv(n, e, t, r, i, o) {
         key: A.id,
         class: "w-full"
       }, [
-        (I(), ue(ia(t.component), {
+        (I(), ce(ia(t.component), {
           detail: A,
           onEdit: (l) => o.handleClick(A),
           onListEvents: (l) => o.handleListEvents(A)
@@ -26590,7 +26590,7 @@ at({
     }
   },
   setup(n, { slots: e }) {
-    const t = ce(null);
+    const t = ue(null);
     return kt(() => {
       const { updateDelay: r, editor: i, pluginKey: o, shouldShow: s, tippyOptions: a } = n;
       i.registerPlugin(Gf({
@@ -26658,7 +26658,7 @@ const ND = at({
     }
   },
   setup(n) {
-    const e = ce(), t = Bp();
+    const e = ue(), t = Bp();
     return Qp(() => {
       const r = n.editor;
       r && r.options.element && e.value && dr(() => {
@@ -26722,7 +26722,7 @@ at({
     }
   },
   setup(n, { slots: e }) {
-    const t = ce(null);
+    const t = ue(null);
     return kt(() => {
       const { pluginKey: r, editor: i, tippyOptions: o, shouldShow: s } = n;
       i.registerPlugin(Zf({
@@ -28391,7 +28391,7 @@ const ep = $f(!1, !0), tp = $f(!0, !0), QS = Ht.create({
     }
   },
   setup(n, { emit: e }) {
-    const t = ce(n.initialContent), r = LD({
+    const t = ue(n.initialContent), r = LD({
       content: n.initialContent,
       extensions: [
         LS,
@@ -28789,14 +28789,14 @@ function CT(n, e, t, r, i, o) {
     p(s, {
       score: t.bout.Score1
     }, null, 8, ["score"]),
-    t.bout.MaxPasses ? M("", !0) : (I(), ue(a, {
+    t.bout.MaxPasses ? M("", !0) : (I(), ce(a, {
       key: 0,
       initialTime: t.bout.TimeLeft,
       timerStatus: t.bout.TimerStatus,
       ringName: t.bout.Pool.RingName,
       directorName: t.bout.RefName
     }, null, 8, ["initialTime", "timerStatus", "ringName", "directorName"])),
-    t.bout.MaxPasses ? (I(), ue(A, {
+    t.bout.MaxPasses ? (I(), ce(A, {
       key: 1,
       currentPass: t.bout.CurrentPass || 0,
       totalPasses: t.bout.MaxPasses,
@@ -29637,7 +29637,7 @@ function EM(n, e, t, r, i, o) {
   return I(), B("section", mM, [
     p(a, { class: "border-b border-dropdownSelect mb-5" }, {
       default: Se(() => [
-        (I(!0), B(he, null, ve(t.tabs, (A) => (I(), ue(s, {
+        (I(!0), B(he, null, ve(t.tabs, (A) => (I(), ce(s, {
           key: A.id,
           selected: t.currentTab === A.id,
           class: "flex flex-row mx-3",
@@ -30411,7 +30411,7 @@ function MO(n, e, t, r, i, o) {
       ])
     ]),
     f("section", DO, [
-      (I(!0), B(he, null, ve(t.buttons, (a) => (I(), ue(s, {
+      (I(!0), B(he, null, ve(t.buttons, (a) => (I(), ce(s, {
         label: a.label,
         iconClass: "fa-solid fa-trophy text-white",
         type: "admin",
@@ -30451,7 +30451,7 @@ const kH = /* @__PURE__ */ ae(vO, [["render", MO]]), OO = {
   },
   emits: ["update:selected"],
   setup(n, { emit: e }) {
-    const t = ce(n.selected);
+    const t = ue(n.selected);
     return Tn(() => n.selected, (i) => {
       t.value = i;
     }), { selected: t, selectButton: (i) => {
@@ -30512,19 +30512,24 @@ const op = /* @__PURE__ */ ae(OO, [["render", NO]]), LO = {
       return this.person.Status === "Absent" ? "Absent" : "Present";
     }
   },
+  data() {
+    return {
+      showSpinner: !1
+    };
+  },
   methods: {
     handleAttendance(n) {
       const e = { ...this.person, Status: n };
       this.$emit("update:status", e);
     },
     handlerRemoveFencer() {
-      this.$emit("remove:fencer", this.person);
+      this.showSpinner = !0, this.$emit("remove:fencer", this.person);
     }
   }
 }, HO = { class: "flex items-center border border-dropdownSelect rounded-lg shadow-lg bg-white hover:border-bright" }, zO = { class: "mr-4 border-r border-dropdownSelect h-20 w-8 items-center text-center" }, FO = { class: "mr-4" }, UO = {
   key: 0,
   class: "w-14 h-14 rounded-xl bg-dropdownSelect flex items-center justify-center"
-}, VO = ["src"], jO = { class: "flex flex-col w-4/12 justify-star" }, YO = { class: "w-full flex justify-start" }, qO = { class: "w-full flex justify-start" }, XO = { class: "grid grid-cols-2 gap-x-4 mr-10" }, WO = { class: "mr-4 ml-auto" }, JO = { class: "ml-4 border-l border-dropdownSelect h-20 w-10 items-center text-center hover:bg-eventBoxRed rounded-tr-lg rounded-br-lg" };
+}, VO = ["src"], jO = { class: "flex flex-col w-4/12 justify-star" }, YO = { class: "w-full flex justify-start" }, qO = { class: "w-full flex justify-start" }, XO = { class: "grid grid-cols-2 gap-x-4 mr-10" }, WO = { class: "mr-4 ml-auto" }, JO = { class: "ml-4 border-l border-dropdownSelect h-20 w-10 items-center text-center hover:bg-eventBoxRed rounded-tr-lg rounded-br-lg pt-6" };
 function KO(n, e, t, r, i, o) {
   const s = T("BaseText"), a = T("ButtonBar"), A = T("BaseIcon");
   return I(), B("div", HO, [
@@ -30605,14 +30610,23 @@ function KO(n, e, t, r, i, o) {
       }, null, 8, ["buttons", "selected", "onUpdate:selected"])
     ]),
     f("div", JO, [
-      p(A, {
+      i.showSpinner ? M("", !0) : (I(), ce(A, {
+        key: 0,
         "icon-name": "fa-circle-xmark",
         size: "2xl",
         color: "quinary",
-        class: "pt-6",
+        class: "",
         hover: "alarm",
         onClick: o.handlerRemoveFencer
-      }, null, 8, ["onClick"])
+      }, null, 8, ["onClick"])),
+      i.showSpinner ? (I(), ce(A, {
+        key: 1,
+        "icon-name": "fa-spinner-third",
+        size: "2xl",
+        color: "alarm",
+        class: "animate-spin",
+        hover: "alarm"
+      })) : M("", !0)
     ])
   ]);
 }
@@ -30930,13 +30944,13 @@ function AP(n, e, t, r, i, o) {
           })
         ])),
         f("span", aP, [
-          t.directInput ? M("", !0) : (I(), ue(s, {
+          t.directInput ? M("", !0) : (I(), ce(s, {
             key: 0,
             text: i.counter,
             size: "xl",
             color: "primary"
           }, null, 8, ["text"])),
-          t.directInput ? (I(), ue(A, {
+          t.directInput ? (I(), ce(A, {
             key: 1,
             placeholder: "Enter text...",
             value: `${i.counter}%`,
@@ -31397,7 +31411,7 @@ const ap = /* @__PURE__ */ ae(DP, [["render", XP]]), WP = {
   },
   methods: {
     onDragStart(n) {
-      (mode === "preparation" || mode === "planning") && n.dataTransfer.setData("text/plain", JSON.stringify({
+      (this.mode === "preparation" || this.mode === "planning") && n.dataTransfer.setData("text/plain", JSON.stringify({
         fromPosition: this.poolPosition,
         name: this.name,
         club: this.club,
@@ -31405,7 +31419,7 @@ const ap = /* @__PURE__ */ ae(DP, [["render", XP]]), WP = {
       }));
     },
     onDrop(n) {
-      if (mode === "preparation" || mode === "planning") {
+      if (this.mode === "preparation" || this.mode === "planning") {
         const e = JSON.parse(n.dataTransfer.getData("text/plain"));
         e.toPosition = this.poolPosition, this.$emit("swap-fencers", { droppedData: e });
       }
@@ -31454,7 +31468,7 @@ function tR(n, e, t, r, i, o) {
           text: t.name,
           size: "md"
         }, null, 8, ["text"]),
-        t.seed !== t.poolPosition ? (I(), ue(s, {
+        t.seed !== t.poolPosition ? (I(), ce(s, {
           key: 0,
           text: `${t.seed}`,
           size: "xs",
@@ -31467,7 +31481,7 @@ function tR(n, e, t, r, i, o) {
         size: "xs"
       }, null, 8, ["text"])
     ]),
-    t.mode === "preparation" || t.mode === "planning" ? (I(), ue(a, {
+    t.mode === "preparation" || t.mode === "planning" ? (I(), ce(a, {
       key: 0,
       "icon-name": "fa-grip-dots-vertical",
       size: "2xl"
@@ -31648,7 +31662,7 @@ function uR(n, e, t, r, i, o) {
       }, null, 8, ["text"])
     ]),
     f("div", cR, [
-      (I(!0), B(he, null, ve(t.pool, (c, u) => (I(), ue(l, {
+      (I(!0), B(he, null, ve(t.pool, (c, u) => (I(), ce(l, {
         key: c.id,
         position: u + 1,
         poolPosition: c.PoolPosition,
@@ -31664,6 +31678,7 @@ function uR(n, e, t, r, i, o) {
   ], 2);
 }
 const dR = /* @__PURE__ */ ae(rR, [["render", uR]]), gR = {
+  name: "PoolManagement",
   components: {
     BaseText: ye,
     BaseButton: Ge,
@@ -31788,7 +31803,7 @@ function IR(n, e, t, r, i, o) {
       "onUpdate:numberOfRings": o.handleNumberOfRings,
       "onReset:pool": o.handlePoolReset
     }, null, 8, ["event", "onUpdate:poolSize", "onUpdate:numberOfRings", "onReset:pool"]),
-    this.event.Flights > 1 ? (I(), ue(s, {
+    this.event.Flights > 1 ? (I(), ce(s, {
       key: 0,
       currentTab: i.selectedFlight,
       tabs: o.flights,
@@ -31841,7 +31856,7 @@ function IR(n, e, t, r, i, o) {
       ])) : M("", !0)
     ], 2),
     f("div", CR, [
-      o.shouldShowResetButton ? (I(), ue(c, {
+      o.shouldShowResetButton ? (I(), ce(c, {
         key: 0,
         label: "Reset Pools",
         size: "md",
@@ -31852,7 +31867,7 @@ function IR(n, e, t, r, i, o) {
         class: "max-w-96 justify-self-end",
         onClick: o.handleReset
       }, null, 8, ["onClick"])) : M("", !0),
-      o.shouldShowStartCheckinButton ? (I(), ue(c, {
+      o.shouldShowStartCheckinButton ? (I(), ce(c, {
         key: 1,
         label: "Start Checkin",
         size: "md",
@@ -31863,7 +31878,7 @@ function IR(n, e, t, r, i, o) {
         class: "max-w-96 justify-self-start",
         onClick: o.handleStart
       }, null, 8, ["onClick"])) : M("", !0),
-      o.shouldShowGoLiveButton ? (I(), ue(c, {
+      o.shouldShowGoLiveButton ? (I(), ce(c, {
         key: 2,
         label: "Make Pools Live",
         size: "md",
@@ -32089,12 +32104,12 @@ function FR(n, e, t, r, i, o) {
       ])
     ]),
     f("div", zR, [
-      t.showConnected ? (I(), ue(a, {
+      t.showConnected ? (I(), ce(a, {
         key: 0,
         connectedToServer: t.connectedToServer,
         class: "mb-2"
       }, null, 8, ["connectedToServer"])) : M("", !0),
-      t.showToggle ? (I(), ue(A, {
+      t.showToggle ? (I(), ce(A, {
         key: 1,
         checked: i.largeCards,
         label: "Bracket Size",
@@ -32794,14 +32809,14 @@ function Y2(n, e, t, r, i, o) {
       ]),
       f("section", F2, [
         f("div", U2, [
-          t.showSubmit ? M("", !0) : (I(), ue(a, {
+          t.showSubmit ? M("", !0) : (I(), ce(a, {
             key: 0,
             text: t.ringName,
             size: "xl",
             color: "quaternary",
             weight: "bold"
           }, null, 8, ["text"])),
-          t.showSubmit ? (I(), ue(A, {
+          t.showSubmit ? (I(), ce(A, {
             key: 1,
             label: "Submit",
             type: "playPause",
@@ -33057,14 +33072,14 @@ function aN(n, e, t, r, i, o) {
       maxScore: parseInt(o.maxPoints),
       "onUpdate:Score": o.updateScore1
     }, null, 8, ["bout", "hostingClubColors", "maxScore", "onUpdate:Score"]),
-    o.showTimerBox ? (I(), ue(a, {
+    o.showTimerBox ? (I(), ce(a, {
       key: 0,
       ringName: t.ringName,
       initialTime: parseInt(o.startTime),
       "onUpdate:time": o.handleTimeChange,
       "onUpdate:timeChange": o.handleTimeStateChange
     }, null, 8, ["ringName", "initialTime", "onUpdate:time", "onUpdate:timeChange"])) : M("", !0),
-    o.showPassesBox ? (I(), ue(A, {
+    o.showPassesBox ? (I(), ce(A, {
       key: 1,
       bout: i.localBout,
       maxPasses: parseInt(o.maxPasses),
@@ -33126,7 +33141,7 @@ const cp = /* @__PURE__ */ ae(oN, [["render", aN]]), AN = {
 }, lN = { class: "flex w-full justify-end mt-1" };
 function cN(n, e, t, r, i, o) {
   const s = T("BaseIcon"), a = T("DirectorCard");
-  return I(), ue(Rn, {
+  return I(), ce(Rn, {
     "enter-active-class": "transition-opacity duration-500",
     "enter-class": "opacity-0",
     "enter-to-class": "opacity-100",
@@ -33400,7 +33415,7 @@ const wN = /* @__PURE__ */ ae(uN, [["render", yN]]), bN = {
 }, xN = { class: "flex w-full justify-end mt-1" };
 function kN(n, e, t, r, i, o) {
   const s = T("BaseIcon"), a = T("EditBout");
-  return I(), ue(Rn, {
+  return I(), ce(Rn, {
     "enter-active-class": "transition-opacity duration-500",
     "enter-class": "opacity-0",
     "enter-to-class": "opacity-100",
@@ -33634,7 +33649,7 @@ function jN(n, e, t, r, i, o) {
     ])) : M("", !0),
     o.hasCompletedBout > 0 ? (I(), B("section", zN, [
       f("div", FN, [
-        o.remainingBoutsCount === 0 ? (I(), ue(l, {
+        o.remainingBoutsCount === 0 ? (I(), ce(l, {
           key: 0,
           class: "mt-8",
           color: "primaryHighlight",
@@ -33642,7 +33657,7 @@ function jN(n, e, t, r, i, o) {
           text: "All Bouts Are Complete",
           weight: "bold"
         })) : M("", !0),
-        o.remainingBoutsCount > 0 ? (I(), ue(l, {
+        o.remainingBoutsCount > 0 ? (I(), ce(l, {
           key: 1,
           class: "mt-5",
           color: "primaryHighlight",
@@ -34570,7 +34585,7 @@ function cL(n, e, t, r, i, o) {
             weight: t.large ? "bold" : "normal",
             class: "text-nowrap overflow-hidden"
           }, null, 8, ["text", "size", "weight"]),
-          o.club.length > 1 && t.large ? (I(), ue(s, {
+          o.club.length > 1 && t.large ? (I(), ce(s, {
             key: 0,
             text: o.club,
             size: "xs"
@@ -35539,19 +35554,19 @@ const RH = /* @__PURE__ */ ae(g4, [["render", f4]]), p4 = {
 function E4(n, e, t, r, i, o) {
   const s = T("FencerNameBar"), a = T("ScoreBar"), A = T("FencerPit");
   return I(), B("div", C4, [
-    t.bout ? (I(), ue(s, {
+    t.bout ? (I(), ce(s, {
       key: 0,
       bout: t.bout,
       hostingClubColors: t.hostingClubColors
     }, null, 8, ["bout", "hostingClubColors"])) : M("", !0),
     I4,
-    t.bout ? (I(), ue(a, {
+    t.bout ? (I(), ce(a, {
       key: 1,
       bout: t.bout,
       hostingClubColors: t.hostingClubColors
     }, null, 8, ["bout", "hostingClubColors"])) : M("", !0),
     m4,
-    o.nextBouts.length ? (I(), ue(A, {
+    o.nextBouts.length ? (I(), ce(A, {
       key: 2,
       nextBouts: o.nextBouts,
       hostingClubColors: t.hostingClubColors
@@ -35633,13 +35648,13 @@ function k4(n, e, t, r, i, o) {
   const s = T("base-icon"), a = T("BaseText"), A = T("DropDownMenu"), l = T("BaseIcon");
   return I(), B("div", Q4, [
     f("div", v4, [
-      t.displayObject.Type === "ScoreBoard" ? (I(), ue(s, {
+      t.displayObject.Type === "ScoreBoard" ? (I(), ce(s, {
         key: 0,
         "icon-name": "fa-screencast",
         size: "2xl",
         color: "quaternary"
       })) : M("", !0),
-      t.displayObject.Type === "FlightBoard" ? (I(), ue(s, {
+      t.displayObject.Type === "FlightBoard" ? (I(), ce(s, {
         key: 1,
         "icon-name": "fa-screen-users",
         size: "2xl",
@@ -35655,7 +35670,7 @@ function k4(n, e, t, r, i, o) {
           class: "w-40 mt-1"
         }, null, 8, ["text"]),
         f("div", b4, [
-          t.displayObject.Type === "ScoreBoard" ? (I(), ue(A, {
+          t.displayObject.Type === "ScoreBoard" ? (I(), ce(A, {
             key: 0,
             label: "Assigned: ",
             items: o.formattedStaff,
@@ -35664,7 +35679,7 @@ function k4(n, e, t, r, i, o) {
             width: "w-52",
             "onUpdate:selectedItem": o.handleAssignmentStaff
           }, null, 8, ["items", "selectedItem", "onUpdate:selectedItem"])) : M("", !0),
-          t.displayObject.Type === "FlightBoard" ? (I(), ue(A, {
+          t.displayObject.Type === "FlightBoard" ? (I(), ce(A, {
             key: 1,
             label: "Event: ",
             items: o.formattedEvents,
@@ -36043,7 +36058,7 @@ const eH = /* @__PURE__ */ ae(V4, [["render", $4]]), tH = {
 }, nH = { class: "flex w-full justify-end mt-1" };
 function rH(n, e, t, r, i, o) {
   const s = T("BaseIcon"), a = T("AddDisplay");
-  return I(), ue(Rn, {
+  return I(), ce(Rn, {
     "enter-active-class": "transition-opacity duration-500",
     "enter-class": "opacity-0",
     "enter-to-class": "opacity-100",