@dcrackel/hematournamentui 1.0.251 → 1.0.253

package/dist/HemaTournamentUI-lib.es.js

@@ -9787,19 +9787,19 @@ const rA = /* @__PURE__ */ re(zQ, [["render", GQ], ["__scopeId", "data-v-b4f903b
   },
   methods: {
     handleEventNameChange(n) {
-      this.localEvent.EventName = n;
+      this.localEvent.EventName = n, this.$emit("update", { EventName: n });
     },
     handleDateUpdate(n) {
-      this.localEvent.Date = n;
+      this.localEvent.Date = n, this.$emit("update", { Date: n });
     },
     handleTimeUpdate(n) {
-      this.localEvent.StartTime = n;
+      this.localEvent.StartTime = n, this.$emit("update", { StartTime: n });
     },
     handleNumberOfRingsChange(n) {
-      this.localEvent.NumberOfRings = n;
+      this.localEvent.NumberOfRings = n, this.$emit("update", { NumberOfRings: n });
     },
     handleWeaponChange(n) {
-      this.localEvent.WeaponId = n.link;
+      this.localEvent.WeaponId = n.link, this.$emit("update", { WeaponId: n });
     },
     handleNext() {
       this.$emit("update:next", this.localEvent);
@@ -10013,44 +10013,59 @@ const Hl = /* @__PURE__ */ re(av, [["render", dv]]), gv = {
   name: "PoolConfiguration",
   components: { BaseButton: je, StepIndicator: rA, BaseText: Qe, DropDownMenu: nr, TitledInput: Hr, Toggle: Hl },
   props: {
-    eventConfig: Object,
-    seedWithOptions: Array,
+    eventConfig: {
+      type: Object,
+      required: !0
+    },
+    seedWithOptions: {
+      type: Array,
+      required: !0
+    },
     validation: Object,
     currentStep: Number,
     steps: Array
   },
   data() {
     return {
-      selectedItem: "M2 - MeyerSquared",
-      poolTimer: !1,
-      poolMax: !1,
-      boutCounter: !1
+      localEventConfig: { ...this.eventConfig },
+      selectedItem: "M2 - MeyerSquared"
     };
   },
+  mounted() {
+    console.log("PoolConfiguration.vue: computed: eventConfig: ", this.eventConfig), this.localEventConfig = { ...this.eventConfig };
+  },
+  watch: {
+    eventConfig: {
+      deep: !0,
+      handler(n) {
+        this.localEventConfig = { ...n };
+      }
+    }
+  },
   methods: {
     handleSeedWithChange(n) {
       this.$emit("update", { seedWith: n.text });
     },
     handlePoolTimerToggle(n) {
-      this.poolTimer = n, this.$emit("update", { poolTimer: n });
+      this.localEventConfig.poolTimer = n, this.$emit("update", { poolTimer: n });
     },
     handlePoolTimeChange(n) {
-      this.$emit("update", { poolTime: n });
+      this.localEventConfig.poolTime = n, this.$emit("update", { poolTime: n });
     },
     handleBoutCounterToggle(n) {
-      this.boutCounter = n, this.$emit("update", { boutCounter: n });
+      this.localEventConfig.boutCounter = n, this.$emit("update", { boutCounter: n });
     },
     handleBoutCountChange(n) {
-      this.$emit("update", { boutCount: n });
+      this.localEventConfig.boutCount = n, this.$emit("update", { boutCount: n });
     },
     handlePoolMaxToggle(n) {
-      this.poolMax = n, this.$emit("update", { poolMax: n });
+      this.localEventConfig.poolMax = n, this.$emit("update", { poolMax: n });
     },
     handlePoolMaxPointsChange(n) {
-      this.$emit("update", { poolMaxPoints: n });
+      this.localEventConfig.poolMaxPoints = n, this.$emit("update", { poolMaxPoints: n });
     },
     handleNext() {
-      this.$emit("update:next", this.eventConfig);
+      this.$emit("update:next", this.localEventConfig);
     },
     handleBack() {
       this.$emit("update:back");
@@ -10104,13 +10119,13 @@ function Sv(n, e, t, r, i, o) {
           "data-testid": "text-start-date"
         }, null, 8, ["invalid"]),
         p(a, {
-          label: "",
+          label: i.localEventConfig.seedWith,
           items: t.seedWithOptions,
-          "selected-item": i.selectedItem,
+          "selected-item": i.localEventConfig.seedWith,
           alignEnd: !1,
           width: "w-full",
           "onUpdate:selectedItem": o.handleSeedWithChange
-        }, null, 8, ["items", "selected-item", "onUpdate:selectedItem"])
+        }, null, 8, ["label", "items", "selected-item", "onUpdate:selectedItem"])
       ])
     ]),
     h("div", Bv, [
@@ -10125,15 +10140,15 @@ function Sv(n, e, t, r, i, o) {
       h("div", vv, [
         h("div", wv, [
           p(l, {
-            checked: i.poolTimer,
+            checked: i.localEventConfig.poolTimer,
             label: "Using a Timer",
             labelLeft: !1,
             "onUpdate:checked": o.handlePoolTimerToggle
           }, null, 8, ["checked", "onUpdate:checked"])
         ]),
-        i.poolTimer ? (I(), oe(c, {
+        i.localEventConfig.poolTimer ? (I(), oe(c, {
           key: 0,
-          inputValue: t.eventConfig.poolTime,
+          inputValue: i.localEventConfig.poolTime,
           invalid: t.validation.poolTime,
           placeholder: "Enter Time in Seconds",
           title: "",
@@ -10143,15 +10158,15 @@ function Sv(n, e, t, r, i, o) {
       h("div", yv, [
         h("div", bv, [
           p(l, {
-            checked: i.boutCounter,
+            checked: i.localEventConfig.boutCounter,
             label: "Using Pass Counter",
             labelLeft: !1,
             "onUpdate:checked": o.handleBoutCounterToggle
           }, null, 8, ["checked", "onUpdate:checked"])
         ]),
-        i.boutCounter ? (I(), oe(c, {
+        i.localEventConfig.boutCounter ? (I(), oe(c, {
           key: 0,
-          inputValue: t.eventConfig.boutCount,
+          inputValue: i.localEventConfig.boutCount,
           invalid: t.validation.boutCount,
           placeholder: "Enter Number of Passes",
           title: "",
@@ -10161,15 +10176,15 @@ function Sv(n, e, t, r, i, o) {
       h("div", xv, [
         h("div", Dv, [
           p(l, {
-            checked: i.poolMax,
+            checked: i.localEventConfig.poolMax,
             label: "Max Points",
             labelLeft: !1,
             "onUpdate:checked": o.handlePoolMaxToggle
           }, null, 8, ["checked", "onUpdate:checked"])
         ]),
-        i.poolMax ? (I(), oe(c, {
+        i.localEventConfig.poolMax ? (I(), oe(c, {
           key: 0,
-          inputValue: t.eventConfig.poolMaxPoints,
+          inputValue: i.localEventConfig.poolMaxPoints,
           invalid: t.validation.poolMaxPoints,
           placeholder: "Enter Pool Max Points",
           title: "",
@@ -10277,7 +10292,7 @@ const Yg = /* @__PURE__ */ re(Tv, [["render", Nv]]), Fv = {
   },
   computed: {
     thirdPlaceLabel() {
-      return this.eventConfig.ThirdPlaceBout ? "3rd Place Fence Off" : "Tie for 3rd Place";
+      return this.eventConfig.thirdPlaceBout ? "3rd Place Fence Off" : "Tie for 3rd Place";
     }
   },
   methods: {
@@ -10297,13 +10312,13 @@ const Yg = /* @__PURE__ */ re(Tv, [["render", Nv]]), Fv = {
       this.$emit("update", { DEMaxPoints: n });
     },
     handleThirdPlaceToggle(n) {
-      this.$emit("update", { ThirdPlaceBout: n });
+      this.$emit("update", { thirdPlaceBout: n });
     },
     handleBack() {
       this.$emit("update:back");
     },
     handleNext() {
-      this.$emit("update:next", this.eventConfig);
+      this.$emit("update:submit");
     }
   }
 }, Lv = { class: "flex flex-col h-full" }, Hv = { class: "w-full flex justify-center" }, Yv = { class: "grow" }, qv = { class: "w-full flex flex-row justify-center my-4" }, zv = { class: "w-full flex flex-col mb-3 ml-1" }, Uv = { class: "mb-4 mt-8" }, jv = { class: "mb-2 flex" }, Kv = { class: "mt-1 h-10 w-52" }, Jv = { class: "mb-2 flex" }, Gv = { class: "mt-1 h-10 w-52" }, Vv = { class: "mb-2 flex" }, Wv = { class: "mt-1 h-10 w-52" }, Xv = { class: "grow" }, Zv = { class: "mb-4 mt-8" }, _v = { class: "mt-8 h-10 w-52" }, $v = { class: "flex flex-row justify-center h-12" };
@@ -10408,7 +10423,7 @@ function ew(n, e, t, r, i, o) {
       ]),
       h("div", _v, [
         p(a, {
-          checked: t.eventConfig.ThirdPlaceBout,
+          checked: t.eventConfig.thirdPlaceBout,
           label: o.thirdPlaceLabel,
           labelLeft: !1,
           "onUpdate:checked": o.handleThirdPlaceToggle
@@ -10445,9 +10460,6 @@ const tw = /* @__PURE__ */ re(Fv, [["render", ew]]), nw = {
     currentStep: Number,
     steps: Array
   },
-  created() {
-    console.log("DirectEliminationPromotion created", this.eventConfig, this.validation, this.currentStep, this.steps);
-  },
   methods: {
     handleDEPromotionAmountChange(n) {
       this.$emit("update", { DEPromotionAmount: n });
@@ -10606,7 +10618,7 @@ const pw = /* @__PURE__ */ re(nw, [["render", hw]]), fw = {
         poolTimer: !1,
         poolMax: !0,
         DEMax: !0,
-        ThirdPlaceBout: !0,
+        thirdPlaceBout: !0,
         poolTime: 120,
         poolMaxPoints: 7,
         DETimer: !1,
@@ -10618,9 +10630,9 @@ const pw = /* @__PURE__ */ re(nw, [["render", hw]]), fw = {
         DEPromationOrder: ["Win Percent", "Indicator", "Points Scored"]
       },
       seedWithOptions: [
-        { text: "M2 - MeyerSquared", link: "" },
-        { text: "HR - Hema Rating", link: "" },
-        { text: "Manual", link: "" }
+        { text: "M2 - MeyerSquared", link: "M2" },
+        { text: "HR - Hema Rating", link: "HR" },
+        { text: "Manual", link: "MN" }
       ],
       steps: [
         { name: "Basic Info", icon: "fa-circle-info" },
@@ -10631,6 +10643,14 @@ const pw = /* @__PURE__ */ re(nw, [["render", hw]]), fw = {
     };
   },
   methods: {
+    handleBasicValueChange(n) {
+      const [e, t] = Object.entries(n)[0];
+      e === "EventName" && (this.localEvent.EventName = t), e === "Date " && (this.localEvent.Date = this.formatDateToYYYYMMDD(t)), e === "StartTime " && (this.localEvent.Date = this.formatTimeToHHMMSS(t)), e === "NumberOfRings " && (this.NumberOfRings = t), e === "WeaponId" && (this.localEvent.WeaponId = t.link);
+    },
+    handleValueChange(n) {
+      const [e, t] = Object.entries(n)[0];
+      this.eventConfig[e] = t;
+    },
     handleBasicDetailsUpdate(n) {
       this.localEvent = { ...this.localEvent, ...n }, this.currentStep += 1;
     },
@@ -10640,12 +10660,39 @@ const pw = /* @__PURE__ */ re(nw, [["render", hw]]), fw = {
     handleBack() {
       this.currentStep -= 1;
     },
+    convertEventConfigToRules(n) {
+      const e = {
+        poolTime: { RuleId: 1, RuleName: "PoolTime", Context: "pool" },
+        poolMaxPoints: { RuleId: 2, RuleName: "PoolMaxPoints", Context: "pool" },
+        DETime: { RuleId: 3, RuleName: "DETime", Context: "de" },
+        DEMaxPoints: { RuleId: 4, RuleName: "DEMaxPoints", Context: "de" },
+        thirdPlaceBout: { RuleId: 5, RuleName: "DE3rdFenceOff", Context: "de" },
+        DEPromotionAmount: { RuleId: 10, RuleName: "DENumOfPromotion", Context: "de" },
+        DEPromationOrder: { RuleId: 9, RuleName: "DEPromotionOrder", Context: "de" },
+        seedWith: { RuleId: 11, RuleName: "PoolSeeding", Context: "pool" },
+        maxFencerCount: { RuleId: 14, RuleName: "CutOffNumber", Context: "event" }
+      };
+      return Object.entries(n).filter(([t]) => e[t]).map(([t, r]) => ({
+        RuleId: e[t].RuleId,
+        RuleName: e[t].RuleName,
+        RuleValue: Array.isArray(r) ? r.join(",") : String(r),
+        Context: e[t].Context
+      }));
+    },
     handleSubmit() {
-      const n = { ...this.event, ...this.eventConfig };
-      this.$emit("update:submit", n);
+      this.localEvent.rules = this.convertEventConfigToRules(this.eventConfig), this.$emit("update:submit", this.localEvent);
     },
     handleCancel() {
       this.$emit("update:cancel");
+    },
+    formatDateToYYYYMMDD(n) {
+      n instanceof Date || (n = new Date(n));
+      const e = n.getFullYear(), t = String(n.getMonth() + 1).padStart(2, "0"), r = String(n.getDate()).padStart(2, "0");
+      return `${e}-${t}-${r}`;
+    },
+    formatTimeToHHMMSS({ hours: n, minutes: e, seconds: t }) {
+      const r = String(n).padStart(2, "0"), i = String(e).padStart(2, "0"), o = String(t).padStart(2, "0");
+      return `${r}:${i}:${o}`;
     }
   }
 }, Cw = { class: "h-[780px] p-4" };
@@ -10659,9 +10706,10 @@ function Iw(n, e, t, r, i, o) {
       validation: i.validation,
       steps: i.steps,
       currentStep: i.currentStep - 1,
-      "onUpdate:back": o.handleBack,
+      onUpdate: o.handleBasicValueChange,
+      "onUpdate:back": o.handleCancel,
       "onUpdate:next": o.handleBasicDetailsUpdate
-    }, null, 8, ["event", "weapons", "validation", "steps", "currentStep", "onUpdate:back", "onUpdate:next"])) : T("", !0),
+    }, null, 8, ["event", "weapons", "validation", "steps", "currentStep", "onUpdate", "onUpdate:back", "onUpdate:next"])) : T("", !0),
     i.currentStep === 2 ? (I(), oe(s, {
       key: 1,
       eventConfig: i.eventConfig,
@@ -10669,27 +10717,30 @@ function Iw(n, e, t, r, i, o) {
       validation: i.validation,
       steps: i.steps,
       currentStep: i.currentStep - 1,
+      onUpdate: o.handleValueChange,
       "onUpdate:back": o.handleBack,
       "onUpdate:next": o.handleUpdate
-    }, null, 8, ["eventConfig", "seedWithOptions", "validation", "steps", "currentStep", "onUpdate:back", "onUpdate:next"])) : T("", !0),
+    }, null, 8, ["eventConfig", "seedWithOptions", "validation", "steps", "currentStep", "onUpdate", "onUpdate:back", "onUpdate:next"])) : T("", !0),
     i.currentStep === 3 ? (I(), oe(a, {
       key: 2,
       eventConfig: i.eventConfig,
       validation: i.validation,
       steps: i.steps,
       currentStep: i.currentStep - 1,
+      onUpdate: o.handleValueChange,
       "onUpdate:back": o.handleBack,
       "onUpdate:next": o.handleUpdate
-    }, null, 8, ["eventConfig", "validation", "steps", "currentStep", "onUpdate:back", "onUpdate:next"])) : T("", !0),
+    }, null, 8, ["eventConfig", "validation", "steps", "currentStep", "onUpdate", "onUpdate:back", "onUpdate:next"])) : T("", !0),
     i.currentStep === 4 ? (I(), oe(l, {
       key: 3,
       eventConfig: i.eventConfig,
       validation: i.validation,
       steps: i.steps,
       currentStep: i.currentStep - 1,
+      onUpdate: o.handleValueChange,
       "onUpdate:back": o.handleBack,
-      "onUpdat:submit": o.handleSubmit
-    }, null, 8, ["eventConfig", "validation", "steps", "currentStep", "onUpdate:back", "onUpdat:submit"])) : T("", !0)
+      "onUpdate:submit": o.handleSubmit
+    }, null, 8, ["eventConfig", "validation", "steps", "currentStep", "onUpdate", "onUpdate:back", "onUpdate:submit"])) : T("", !0)
   ]);
 }
 const qg = /* @__PURE__ */ re(fw, [["render", Iw]]), mw = {
@@ -32864,26 +32915,26 @@ const SY = /* @__PURE__ */ re(N4, [["render", G4]]), uf = "data:image/png;base64
 }, W4 = {
   key: 0,
   class: "flex items-center justify-between rounded-lg w-full"
-}, X4 = { class: "flex justify-between shadow-lg drop-shadow p-2 rounded-xl bg-poolBox w-5/12" }, Z4 = { class: "flex space-x-4 items-center" }, _4 = ["src"], $4 = /* @__PURE__ */ h("div", { class: "text-center mx-8" }, null, -1), e2 = { class: "flex justify-between shadow-lg drop-shadow p-2 rounded-xl bg-poolBox w-5/12" }, t2 = { class: "flex justify-end space-x-4 ml-4 w-full" }, n2 = ["src"], r2 = {
+}, X4 = { class: "flex justify-between shadow-lg drop-shadow p-2 rounded-xl bg-poolBox w-5/12" }, Z4 = { class: "flex space-x-4 items-center" }, _4 = ["src"], $4 = /* @__PURE__ */ h("div", { class: "text-center mx-8" }, null, -1), eN = { class: "flex justify-between shadow-lg drop-shadow p-2 rounded-xl bg-poolBox w-5/12" }, tN = { class: "flex justify-end space-x-4 ml-4 w-full" }, nN = ["src"], rN = {
   key: 1,
   class: "text-left"
-}, i2 = {
+}, iN = {
   key: 2,
   class: "flex items-center justify-between rounded-lg"
-}, o2 = { class: "flex space-x-4 items-center" }, A2 = ["src"], s2 = {
+}, oN = { class: "flex space-x-4 items-center" }, AN = ["src"], sN = {
   key: 0,
   class: "text-center mx-8"
-}, a2 = { class: "flex space-x-4 justify-between w-full" }, l2 = { class: "w-full" }, c2 = { class: "w-20" }, u2 = ["src"], d2 = {
+}, aN = { class: "flex space-x-4 justify-between w-full" }, lN = { class: "w-full" }, cN = { class: "w-20" }, uN = ["src"], dN = {
   key: 1,
   class: "text-right pl-4"
-}, g2 = {
+}, gN = {
   key: 2,
   class: "text-right pl-4"
-}, h2 = {
+}, hN = {
   key: 3,
   class: "text-right pl-4"
 };
-function p2(n, e, t, r, i, o) {
+function pN(n, e, t, r, i, o) {
   const A = x("BaseText"), s = x("BaseButton");
   return I(), B("section", null, [
     t.isWaiting ? (I(), B("div", W4, [
@@ -32921,8 +32972,8 @@ function p2(n, e, t, r, i, o) {
         })
       ]),
       $4,
-      h("div", e2, [
-        h("div", t2, [
+      h("div", eN, [
+        h("div", tN, [
           h("div", null, [
             p(A, {
               text: "Waiting to be selected",
@@ -32946,23 +32997,23 @@ function p2(n, e, t, r, i, o) {
               src: i.missingPortrait,
               alt: "Portrait",
               class: "w-12 h-12 rounded-full"
-            }, null, 8, n2)
+            }, null, 8, nN)
           ])
         ])
       ])
     ])) : T("", !0),
-    t.bout.customStatus && t.bout.Status !== "Active" ? (I(), B("div", r2, [
+    t.bout.customStatus && t.bout.Status !== "Active" ? (I(), B("div", rN, [
       p(A, {
         text: t.bout.customStatus,
         size: "sm",
         color: "primary"
       }, null, 8, ["text"])
     ])) : T("", !0),
-    t.isWaiting ? T("", !0) : (I(), B("div", i2, [
+    t.isWaiting ? T("", !0) : (I(), B("div", iN, [
       h("div", {
         class: ee(["flex justify-between shadow-lg drop-shadow p-2 rounded-xl bg-poolBox", o.fencer1Class])
       }, [
-        h("div", o2, [
+        h("div", oN, [
           h("div", null, [
             h("div", {
               class: ee(`w-4 h-4 rounded-full bg-${t.hostingClubColors.Color1} absolute top-10 left-11 `)
@@ -32971,7 +33022,7 @@ function p2(n, e, t, r, i, o) {
               src: o.fencer1.portrait,
               alt: "Portrait",
               class: "w-12 h-12 rounded-full"
-            }, null, 8, A2)
+            }, null, 8, AN)
           ]),
           h("div", null, [
             p(A, {
@@ -32994,7 +33045,7 @@ function p2(n, e, t, r, i, o) {
           class: ee("align-middle pr-3 pt-0.5")
         }, null, 8, ["text"])
       ], 2),
-      t.bout.Status === "Active" ? (I(), B("div", s2, [
+      t.bout.Status === "Active" ? (I(), B("div", sN, [
         p(A, {
           text: o.displayTime,
           size: "lg",
@@ -33005,14 +33056,14 @@ function p2(n, e, t, r, i, o) {
       h("div", {
         class: ee(["flex justify-between shadow-lg drop-shadow p-2 rounded-xl bg-poolBox", o.fencer2Class])
       }, [
-        h("div", a2, [
+        h("div", aN, [
           p(A, {
             text: o.fencer2Score,
             size: "3xl",
             weight: "bold",
             class: ee("align-middle pl-3 pt-0.5")
           }, null, 8, ["text"]),
-          h("div", l2, [
+          h("div", lN, [
             p(A, {
               text: o.fencer2.name,
               size: "md",
@@ -33027,7 +33078,7 @@ function p2(n, e, t, r, i, o) {
               class: "text-right"
             }, null, 8, ["text"])
           ]),
-          h("div", c2, [
+          h("div", cN, [
             h("div", {
               class: ee(`w-4 h-4 rounded-full bg-${t.hostingClubColors.Color2} absolute top-10 right-12`)
             }, null, 2),
@@ -33035,11 +33086,11 @@ function p2(n, e, t, r, i, o) {
               src: o.fencer2.portrait,
               alt: "Portrait",
               class: "w-12 h-12 rounded-full"
-            }, null, 8, u2)
+            }, null, 8, uN)
           ])
         ])
       ], 2),
-      t.bout.Status === "Active" ? (I(), B("div", d2, [
+      t.bout.Status === "Active" ? (I(), B("div", dN, [
         p(s, {
           label: "Resume",
           size: "xs",
@@ -33048,7 +33099,7 @@ function p2(n, e, t, r, i, o) {
           class: "w-12"
         }, null, 8, ["onClick"])
       ])) : T("", !0),
-      t.bout.Status === "Completed" ? (I(), B("div", g2, [
+      t.bout.Status === "Completed" ? (I(), B("div", gN, [
         p(s, {
           label: "Edit",
           size: "sm",
@@ -33057,7 +33108,7 @@ function p2(n, e, t, r, i, o) {
           class: "w-12"
         }, null, 8, ["onClick"])
       ])) : T("", !0),
-      t.bout.Status === "Scheduled" ? (I(), B("div", h2, [
+      t.bout.Status === "Scheduled" ? (I(), B("div", hN, [
         p(s, {
           label: "Start",
           size: "sm",
@@ -33069,7 +33120,7 @@ function p2(n, e, t, r, i, o) {
     ]))
   ]);
 }
-const df = /* @__PURE__ */ re(V4, [["render", p2]]), f2 = {
+const df = /* @__PURE__ */ re(V4, [["render", pN]]), fN = {
   name: "ScoreBox",
   components: { BaseIcon: _e, BaseText: Qe },
   props: {
@@ -33120,25 +33171,25 @@ const df = /* @__PURE__ */ re(V4, [["render", p2]]), f2 = {
       this.$emit("update:Score", n);
     }
   }
-}, C2 = { class: "w-full" }, I2 = { class: "w-full rounded-t-xl flex flex-row justify-between pt-2" }, m2 = { class: "w-full text-center" }, E2 = /* @__PURE__ */ h("i", { class: "fa-solid fa-chevron-right" }, null, -1), B2 = [
-  E2
-], Q2 = /* @__PURE__ */ h("div", { class: "flex flex-row w-full justify-between" }, [
+}, CN = { class: "w-full" }, IN = { class: "w-full rounded-t-xl flex flex-row justify-between pt-2" }, mN = { class: "w-full text-center" }, EN = /* @__PURE__ */ h("i", { class: "fa-solid fa-chevron-right" }, null, -1), BN = [
+  EN
+], QN = /* @__PURE__ */ h("div", { class: "flex flex-row w-full justify-between" }, [
   /* @__PURE__ */ h("div", { class: "w-full text-center" })
-], -1), v2 = { class: "w-full flex flex-row justify-around text-center px-4 pt-2" }, w2 = { class: "flex flex-row w-1/2 justify-center" }, y2 = { class: "text-5xl text-bluegray font-bold" }, b2 = { class: "w-full flex flex-col justify-around text-center px-4 pb-6" }, x2 = {
+], -1), vN = { class: "w-full flex flex-row justify-around text-center px-4 pt-2" }, wN = { class: "flex flex-row w-1/2 justify-center" }, yN = { class: "text-5xl text-bluegray font-bold" }, bN = { class: "w-full flex flex-col justify-around text-center px-4 pb-6" }, xN = {
   key: 0,
   class: "mt-2"
 };
-function D2(n, e, t, r, i, o) {
+function DN(n, e, t, r, i, o) {
   const A = x("BaseText"), s = x("BaseIcon");
-  return I(), B("section", C2, [
+  return I(), B("section", CN, [
     h("div", {
       class: ee(["w-11/12 flex flex-col bg-neutral mx-auto rounded-xl shadow-lg drop-shadow border-2", [
         t.fencer1 ? `border-${t.hostingClubColors.Color1.toLowerCase()}` : `border-${t.hostingClubColors.Color2.toLowerCase()}`,
         t.screenHeight > 740 ? "mt-4" : "mt-1"
       ]])
     }, [
-      h("div", I2, [
-        h("div", m2, [
+      h("div", IN, [
+        h("div", mN, [
           p(A, {
             text: t.fencer1 ? t.bout.Person1.DisplayName : t.bout.Person2.DisplayName,
             size: "xl",
@@ -33149,10 +33200,10 @@ function D2(n, e, t, r, i, o) {
         h("div", {
           class: "text-quaternary text-sm pr-3 pt-0.5",
           onClick: e[0] || (e[0] = (a) => n.$emit("open-report"))
-        }, B2)
+        }, BN)
       ]),
-      Q2,
-      h("div", v2, [
+      QN,
+      h("div", vN, [
         h("div", {
           class: "pt-1 w-1/4",
           onClick: e[1] || (e[1] = (...a) => o.minus && o.minus(...a))
@@ -33165,8 +33216,8 @@ function D2(n, e, t, r, i, o) {
             disabled: i.currentScore <= 0
           }, null, 8, ["color", "disabled"])
         ]),
-        h("div", w2, [
-          h("div", y2, [
+        h("div", wN, [
+          h("div", yN, [
             p(A, {
               text: i.currentScore,
               size: "5xl",
@@ -33188,8 +33239,8 @@ function D2(n, e, t, r, i, o) {
           }, null, 8, ["color", "disabled"])
         ])
       ]),
-      h("div", b2, [
-        t.screenHeight > 740 ? (I(), B("div", x2, [
+      h("div", bN, [
+        t.screenHeight > 740 ? (I(), B("div", xN, [
           p(A, {
             text: t.fencer1 ? t.bout.Person1.Club.Name : t.bout.Person2.Club.Name,
             size: "md",
@@ -33200,7 +33251,7 @@ function D2(n, e, t, r, i, o) {
     ], 2)
   ]);
 }
-const k2 = /* @__PURE__ */ re(f2, [["render", D2]]), S2 = {
+const kN = /* @__PURE__ */ re(fN, [["render", DN]]), SN = {
   name: "TimerBox",
   components: { BaseButton: je, BaseIcon: _e, BaseText: Qe },
   props: {
@@ -33255,12 +33306,12 @@ const k2 = /* @__PURE__ */ re(f2, [["render", D2]]), S2 = {
   beforeDestroy() {
     clearInterval(this.timerInterval);
   }
-}, M2 = { class: "mt-4 py-4 md:mt-4 md:py-6 w-11/12 flex flex-col bg-white mx-auto rounded-2xl shadow-md border" }, T2 = { class: "w-full flex flex-row justify-around text-center px-4" }, O2 = { class: "pt-1 flex flex-col" }, R2 = { class: "bg-gridBoxHeader rounded-lg h-12 flex items-center justify-center" }, P2 = { class: "flex flex-col w-44 justify-between" }, N2 = { class: "flex flex-col h-6" }, F2 = { class: "pt-1 flex flex-col" }, L2 = { class: "bg-gridBoxHeader rounded-lg h-12 flex items-center justify-center" };
-function H2(n, e, t, r, i, o) {
+}, MN = { class: "mt-4 py-4 md:mt-4 md:py-6 w-11/12 flex flex-col bg-white mx-auto rounded-2xl shadow-md border" }, TN = { class: "w-full flex flex-row justify-around text-center px-4" }, ON = { class: "pt-1 flex flex-col" }, RN = { class: "bg-gridBoxHeader rounded-lg h-12 flex items-center justify-center" }, PN = { class: "flex flex-col w-44 justify-between" }, NN = { class: "flex flex-col h-6" }, FN = { class: "pt-1 flex flex-col" }, LN = { class: "bg-gridBoxHeader rounded-lg h-12 flex items-center justify-center" };
+function HN(n, e, t, r, i, o) {
   const A = x("BaseIcon"), s = x("BaseText"), a = x("BaseButton");
-  return I(), B("section", M2, [
-    h("div", T2, [
-      h("div", O2, [
+  return I(), B("section", MN, [
+    h("div", TN, [
+      h("div", ON, [
         p(A, {
           "icon-name": "fa-square-chevron-up",
           size: "5xl",
@@ -33268,7 +33319,7 @@ function H2(n, e, t, r, i, o) {
           onClick: e[0] || (e[0] = (l) => o.alterTime(10)),
           class: "hover:text-quaternaryHighlight"
         }),
-        h("div", R2, [
+        h("div", RN, [
           p(s, {
             text: "10",
             size: "xl",
@@ -33283,8 +33334,8 @@ function H2(n, e, t, r, i, o) {
           class: "hover:text-quaternaryHighlight"
         })
       ]),
-      h("section", P2, [
-        h("div", N2, [
+      h("section", PN, [
+        h("div", NN, [
           t.showSubmit ? T("", !0) : (I(), oe(s, {
             key: 0,
             text: t.ringName,
@@ -33315,7 +33366,7 @@ function H2(n, e, t, r, i, o) {
           onClick: o.startOrPause
         }, null, 8, ["label", "selected", "onClick"])
       ]),
-      h("div", F2, [
+      h("div", FN, [
         p(A, {
           "icon-name": "fa-square-chevron-up",
           size: "5xl",
@@ -33323,7 +33374,7 @@ function H2(n, e, t, r, i, o) {
           onClick: e[2] || (e[2] = (l) => o.alterTime(1)),
           class: "hover:text-quaternaryHighlight"
         }),
-        h("div", L2, [
+        h("div", LN, [
           p(s, {
             text: "1",
             size: "xl",
@@ -33341,7 +33392,7 @@ function H2(n, e, t, r, i, o) {
     ])
   ]);
 }
-const Y2 = /* @__PURE__ */ re(S2, [["render", H2]]), q2 = {
+const YN = /* @__PURE__ */ re(SN, [["render", HN]]), qN = {
   name: "PassesBox",
   components: { BaseText: Qe, BaseIcon: _e },
   props: {
@@ -33379,19 +33430,19 @@ const Y2 = /* @__PURE__ */ re(S2, [["render", H2]]), q2 = {
       this.$emit("update:passes", this.currentPass);
     }
   }
-}, z2 = { class: "w-full" }, U2 = { class: "mt-4 py-4 md:w-11/12 w-full flex flex-col bg-white mx-auto rounded-2xl shadow-md" }, j2 = { class: "w-full rounded-t-xl flex flex-row justify-between pt-2" }, K2 = { class: "w-full text-center mt-0" }, J2 = { class: "w-full flex flex-row justify-around text-center px-4 pt-4" }, G2 = { class: "flex flex-row w-1/2 justify-center" }, V2 = { class: "flex flex-row justify-center" }, W2 = { class: "flex flex-row justify-between m-4 md:m-9 w-9/12" }, X2 = {
+}, zN = { class: "w-full" }, UN = { class: "mt-4 py-4 md:w-11/12 w-full flex flex-col bg-white mx-auto rounded-2xl shadow-md" }, jN = { class: "w-full rounded-t-xl flex flex-row justify-between pt-2" }, KN = { class: "w-full text-center mt-0" }, JN = { class: "w-full flex flex-row justify-around text-center px-4 pt-4" }, GN = { class: "flex flex-row w-1/2 justify-center" }, VN = { class: "flex flex-row justify-center" }, WN = { class: "flex flex-row justify-between m-4 md:m-9 w-9/12" }, XN = {
   key: 0,
   class: "w-4 h-4 border border-quaternary rounded-full"
-}, Z2 = {
+}, ZN = {
   key: 1,
   class: "w-4 h-4 bg-blue rounded-full"
 };
-function _2(n, e, t, r, i, o) {
+function _N(n, e, t, r, i, o) {
   const A = x("BaseText"), s = x("BaseIcon");
-  return I(), B("section", z2, [
-    h("div", U2, [
-      h("div", j2, [
-        h("div", K2, [
+  return I(), B("section", zN, [
+    h("div", UN, [
+      h("div", jN, [
+        h("div", KN, [
           p(A, {
             text: "Current Pass",
             size: "xl",
@@ -33400,7 +33451,7 @@ function _2(n, e, t, r, i, o) {
           })
         ])
       ]),
-      h("div", J2, [
+      h("div", JN, [
         h("div", {
           class: "pt-1 w-1/4",
           onClick: e[0] || (e[0] = (...a) => o.minusPass && o.minusPass(...a))
@@ -33414,7 +33465,7 @@ function _2(n, e, t, r, i, o) {
             disabled: t.maxPasses <= 0
           }, null, 8, ["disabled"])
         ]),
-        h("div", G2, [
+        h("div", GN, [
           p(A, {
             text: i.currentPass + 1,
             size: "5xl",
@@ -33436,24 +33487,24 @@ function _2(n, e, t, r, i, o) {
           }, null, 8, ["disabled"])
         ])
       ]),
-      h("div", V2, [
-        h("div", W2, [
+      h("div", VN, [
+        h("div", WN, [
           (I(!0), B(he, null, we(i.passes, (a, l) => (I(), B("div", { key: l }, [
-            i.currentPass < l ? (I(), B("div", X2)) : T("", !0),
-            i.currentPass >= l ? (I(), B("div", Z2)) : T("", !0)
+            i.currentPass < l ? (I(), B("div", XN)) : T("", !0),
+            i.currentPass >= l ? (I(), B("div", ZN)) : T("", !0)
           ]))), 128))
         ])
       ])
     ])
   ]);
 }
-const $2 = /* @__PURE__ */ re(q2, [["render", _2]]), eN = {
+const $N = /* @__PURE__ */ re(qN, [["render", _N]]), e2 = {
   name: "DirectorCard",
   components: {
     BaseButton: je,
-    TimerBox: Y2,
-    PassesBox: $2,
-    ScoreBox: k2
+    TimerBox: YN,
+    PassesBox: $N,
+    ScoreBox: kN
   },
   props: {
     eventRules: {
@@ -33537,8 +33588,8 @@ const $2 = /* @__PURE__ */ re(q2, [["render", _2]]), eN = {
       this.localBout.Started === null && (this.localBout.Started = (/* @__PURE__ */ new Date()).toISOString()), this.showSubmit = this.localBout.Score1 === this.maxPoints || this.localBout.Score2 === this.maxPoints || this.localBout.TimeLeft === 0 || this.localBout.CurrentPass === this.maxPasses - 1, this.$emit("update:bout", this.localBout);
     }
   }
-}, tN = { class: "w-11/12 mt-5 mx-6" };
-function nN(n, e, t, r, i, o) {
+}, t2 = { class: "w-11/12 mt-5 mx-6" };
+function n2(n, e, t, r, i, o) {
   const A = x("ScoreBox"), s = x("TimerBox"), a = x("PassesBox"), l = x("BaseButton");
   return I(), B("section", null, [
     p(A, {
@@ -33568,7 +33619,7 @@ function nN(n, e, t, r, i, o) {
       maxScore: parseInt(o.maxPoints),
       "onUpdate:Score": o.updateScore2
     }, null, 8, ["bout", "hostingClubColors", "maxScore", "onUpdate:Score"]),
-    h("div", tN, [
+    h("div", t2, [
       p(l, {
         label: "Submit",
         type: "grayAndBlue",
@@ -33578,7 +33629,7 @@ function nN(n, e, t, r, i, o) {
     ])
   ]);
 }
-const gf = /* @__PURE__ */ re(eN, [["render", nN]]), rN = {
+const gf = /* @__PURE__ */ re(e2, [["render", n2]]), r2 = {
   name: "DirectorModal",
   components: { BaseIcon: _e, DirectorCard: gf },
   props: {
@@ -33614,8 +33665,8 @@ const gf = /* @__PURE__ */ re(eN, [["render", nN]]), rN = {
       this.$emit("submit:bout", this.bout);
     }
   }
-}, iN = { class: "flex w-full justify-end mt-1" };
-function oN(n, e, t, r, i, o) {
+}, i2 = { class: "flex w-full justify-end mt-1" };
+function o2(n, e, t, r, i, o) {
   const A = x("BaseIcon"), s = x("DirectorCard");
   return I(), oe(Bn, {
     "enter-active-class": "transition-opacity duration-500",
@@ -33636,7 +33687,7 @@ function oN(n, e, t, r, i, o) {
           onClick: e[0] || (e[0] = Ne(() => {
           }, ["stop"]))
         }, [
-          h("div", iN, [
+          h("div", i2, [
             p(A, {
               "icon-name": "fa-circle-xmark",
               size: "lg",
@@ -33659,7 +33710,7 @@ function oN(n, e, t, r, i, o) {
     _: 1
   });
 }
-const hf = /* @__PURE__ */ re(rN, [["render", oN]]), AN = {
+const hf = /* @__PURE__ */ re(r2, [["render", o2]]), A2 = {
   components: {
     BaseIcon: _e,
     BaseButton: je,
@@ -33735,13 +33786,13 @@ const hf = /* @__PURE__ */ re(rN, [["render", oN]]), AN = {
       this.$emit("submit:bout", this.localBout);
     }
   }
-}, sN = { class: "flex items-center justify-between rounded-lg" }, aN = { class: "flex justify-between shadow-lg drop-shadow p-2 rounded-xl bg-poolBox w-1/2 mr-4" }, lN = { class: "flex space-x-4 items-center" }, cN = ["src"], uN = { class: "flex w-1/4 justify-between" }, dN = { class: "flex justify-between shadow-lg drop-shadow p-2 rounded-xl bg-poolBox w-1/2 ml-4" }, gN = { class: "flex space-x-4 justify-between w-full" }, hN = { class: "flex w-1/4 justify-between" }, pN = { class: "flex space-x-4 items-center" }, fN = ["src"], CN = { class: "w-full flex justify-center mt-5" }, IN = { class: "w-1/2" };
-function mN(n, e, t, r, i, o) {
+}, s2 = { class: "flex items-center justify-between rounded-lg" }, a2 = { class: "flex justify-between shadow-lg drop-shadow p-2 rounded-xl bg-poolBox w-1/2 mr-4" }, l2 = { class: "flex space-x-4 items-center" }, c2 = ["src"], u2 = { class: "flex w-1/4 justify-between" }, d2 = { class: "flex justify-between shadow-lg drop-shadow p-2 rounded-xl bg-poolBox w-1/2 ml-4" }, g2 = { class: "flex space-x-4 justify-between w-full" }, h2 = { class: "flex w-1/4 justify-between" }, p2 = { class: "flex space-x-4 items-center" }, f2 = ["src"], C2 = { class: "w-full flex justify-center mt-5" }, I2 = { class: "w-1/2" };
+function m2(n, e, t, r, i, o) {
   const A = x("BaseText"), s = x("BaseIcon"), a = x("BaseButton");
   return I(), B(he, null, [
-    h("div", sN, [
-      h("div", aN, [
-        h("div", lN, [
+    h("div", s2, [
+      h("div", a2, [
+        h("div", l2, [
           h("div", null, [
             h("div", {
               class: ee(`w-4 h-4 rounded-full bg-${o.computedColor(!0)} absolute top-10 left-11`)
@@ -33750,7 +33801,7 @@ function mN(n, e, t, r, i, o) {
               src: o.fencer1.portrait,
               alt: "Portrait",
               class: "w-12 h-12 rounded-full"
-            }, null, 8, cN)
+            }, null, 8, c2)
           ]),
           h("div", null, [
             p(A, {
@@ -33766,7 +33817,7 @@ function mN(n, e, t, r, i, o) {
             }, null, 8, ["text"])
           ])
         ]),
-        h("div", uN, [
+        h("div", u2, [
           p(s, {
             "icon-name": "fa-square-minus",
             size: "4xl",
@@ -33791,9 +33842,9 @@ function mN(n, e, t, r, i, o) {
           }, null, 8, ["color", "disabled"])
         ])
       ]),
-      h("div", dN, [
-        h("div", gN, [
-          h("div", hN, [
+      h("div", d2, [
+        h("div", g2, [
+          h("div", h2, [
             p(s, {
               "icon-name": "fa-square-minus",
               size: "4xl",
@@ -33817,7 +33868,7 @@ function mN(n, e, t, r, i, o) {
               onClick: e[3] || (e[3] = (l) => o.plus(!1))
             }, null, 8, ["color", "disabled"])
           ]),
-          h("div", pN, [
+          h("div", p2, [
             h("div", null, [
               p(A, {
                 text: o.fencer2.name,
@@ -33841,14 +33892,14 @@ function mN(n, e, t, r, i, o) {
                 src: o.fencer2.portrait,
                 alt: "Portrait",
                 class: "w-12 h-12 rounded-full"
-              }, null, 8, fN)
+              }, null, 8, f2)
             ])
           ])
         ])
       ])
     ]),
-    h("div", CN, [
-      h("div", IN, [
+    h("div", C2, [
+      h("div", I2, [
         p(a, {
           label: "Submit",
           type: "grayAndBlue",
@@ -33859,9 +33910,9 @@ function mN(n, e, t, r, i, o) {
     ])
   ], 64);
 }
-const EN = /* @__PURE__ */ re(AN, [["render", mN]]), BN = {
+const E2 = /* @__PURE__ */ re(A2, [["render", m2]]), B2 = {
   name: "EditBoutModal",
-  components: { BaseIcon: _e, EditBout: EN },
+  components: { BaseIcon: _e, EditBout: E2 },
   props: {
     show: {
       type: Boolean,
@@ -33888,8 +33939,8 @@ const EN = /* @__PURE__ */ re(AN, [["render", mN]]), BN = {
       this.$emit("submit:bout", n);
     }
   }
-}, QN = { class: "flex w-full justify-end mt-1" };
-function vN(n, e, t, r, i, o) {
+}, Q2 = { class: "flex w-full justify-end mt-1" };
+function v2(n, e, t, r, i, o) {
   const A = x("BaseIcon"), s = x("EditBout");
   return I(), oe(Bn, {
     "enter-active-class": "transition-opacity duration-500",
@@ -33910,7 +33961,7 @@ function vN(n, e, t, r, i, o) {
           onClick: e[0] || (e[0] = Ne(() => {
           }, ["stop"]))
         }, [
-          h("div", QN, [
+          h("div", Q2, [
             p(A, {
               "icon-name": "fa-circle-xmark",
               size: "lg",
@@ -33931,7 +33982,7 @@ function vN(n, e, t, r, i, o) {
     _: 1
   });
 }
-const pf = /* @__PURE__ */ re(BN, [["render", vN]]), wN = {
+const pf = /* @__PURE__ */ re(B2, [["render", v2]]), w2 = {
   name: "PoolGrid",
   components: { BaseText: Qe },
   props: {
@@ -33990,14 +34041,14 @@ const pf = /* @__PURE__ */ re(BN, [["render", vN]]), wN = {
       };
     }
   }
-}, cA = (n) => (Mf("data-v-262bb7eb"), n = n(), Tf(), n), yN = { class: "flex w-full justify-center mb-4" }, bN = { class: "border-separate border-spacing-1 w-[900px]" }, xN = { class: "bg-eventBoxBlue rounded-lg px-4 py-2" }, DN = /* @__PURE__ */ cA(() => /* @__PURE__ */ h("th", { class: "w-1" }, null, -1)), kN = /* @__PURE__ */ cA(() => /* @__PURE__ */ h("th", { class: "bg-gridBoxHeader rounded-lg px-4 py-2" }, null, -1)), SN = /* @__PURE__ */ cA(() => /* @__PURE__ */ h("th", { class: "w-1" }, null, -1)), MN = { class: "bg-eventBoxBlue rounded-lg table-cell text-center align-middle h-10 w-10" }, TN = { class: "bg-eventBoxBlue rounded-lg table-cell text-center align-middle h-10 w-10" }, ON = { class: "bg-eventBoxBlue rounded-lg table-cell text-center align-middle h-10 w-10" }, RN = { class: "bg-eventBoxBlue rounded-lg table-cell text-center align-middle h-10 w-10" }, PN = { class: "bg-eventBoxBlue rounded-lg table-cell text-center align-middle h-10 w-10" }, NN = { class: "bg-eventBoxBlue rounded-lg able-cell text-center align-middle h-10 w-10" }, FN = { class: "bg-eventBoxBlue rounded-lg text-right align-middle pr-4" }, LN = /* @__PURE__ */ cA(() => /* @__PURE__ */ h("th", { class: "w-1" }, null, -1)), HN = { class: "bg-gridBoxHeader rounded-lg text-center align-middle h-10 w-10" }, YN = /* @__PURE__ */ cA(() => /* @__PURE__ */ h("td", { class: "w-1" }, null, -1)), qN = { class: "bg-eventBoxBlue rounded-lg table-cell text-center align-middle h-10 w-10" }, zN = { class: "bg-eventBoxBlue rounded-lg table-cell text-center align-middle h-10 w-10" }, UN = { class: "bg-eventBoxBlue rounded-lg table-cell text-center align-middle h-10 w-10" }, jN = { class: "bg-eventBoxBlue rounded-lg table-cell text-center align-middle h-10 w-10" }, KN = { class: "bg-eventBoxBlue rounded-lg table-cell text-center align-middle h-10 w-10" }, JN = { class: "bg-eventBoxBlue rounded-lg table-cell text-center align-middle h-10 w-10" };
-function GN(n, e, t, r, i, o) {
+}, cA = (n) => (Mf("data-v-262bb7eb"), n = n(), Tf(), n), y2 = { class: "flex w-full justify-center mb-4" }, b2 = { class: "border-separate border-spacing-1 w-[900px]" }, x2 = { class: "bg-eventBoxBlue rounded-lg px-4 py-2" }, D2 = /* @__PURE__ */ cA(() => /* @__PURE__ */ h("th", { class: "w-1" }, null, -1)), k2 = /* @__PURE__ */ cA(() => /* @__PURE__ */ h("th", { class: "bg-gridBoxHeader rounded-lg px-4 py-2" }, null, -1)), S2 = /* @__PURE__ */ cA(() => /* @__PURE__ */ h("th", { class: "w-1" }, null, -1)), M2 = { class: "bg-eventBoxBlue rounded-lg table-cell text-center align-middle h-10 w-10" }, T2 = { class: "bg-eventBoxBlue rounded-lg table-cell text-center align-middle h-10 w-10" }, O2 = { class: "bg-eventBoxBlue rounded-lg table-cell text-center align-middle h-10 w-10" }, R2 = { class: "bg-eventBoxBlue rounded-lg table-cell text-center align-middle h-10 w-10" }, P2 = { class: "bg-eventBoxBlue rounded-lg table-cell text-center align-middle h-10 w-10" }, N2 = { class: "bg-eventBoxBlue rounded-lg able-cell text-center align-middle h-10 w-10" }, F2 = { class: "bg-eventBoxBlue rounded-lg text-right align-middle pr-4" }, L2 = /* @__PURE__ */ cA(() => /* @__PURE__ */ h("th", { class: "w-1" }, null, -1)), H2 = { class: "bg-gridBoxHeader rounded-lg text-center align-middle h-10 w-10" }, Y2 = /* @__PURE__ */ cA(() => /* @__PURE__ */ h("td", { class: "w-1" }, null, -1)), q2 = { class: "bg-eventBoxBlue rounded-lg table-cell text-center align-middle h-10 w-10" }, z2 = { class: "bg-eventBoxBlue rounded-lg table-cell text-center align-middle h-10 w-10" }, U2 = { class: "bg-eventBoxBlue rounded-lg table-cell text-center align-middle h-10 w-10" }, j2 = { class: "bg-eventBoxBlue rounded-lg table-cell text-center align-middle h-10 w-10" }, K2 = { class: "bg-eventBoxBlue rounded-lg table-cell text-center align-middle h-10 w-10" }, J2 = { class: "bg-eventBoxBlue rounded-lg table-cell text-center align-middle h-10 w-10" };
+function G2(n, e, t, r, i, o) {
   const A = x("BaseText");
-  return I(), B("div", yN, [
-    h("table", bN, [
+  return I(), B("div", y2, [
+    h("table", b2, [
       h("thead", null, [
         h("tr", null, [
-          h("th", xN, [
+          h("th", x2, [
             p(A, {
               text: "Name",
               size: "sm",
@@ -34005,8 +34056,8 @@ function GN(n, e, t, r, i, o) {
               color: "quinary"
             })
           ]),
-          DN,
-          kN,
+          D2,
+          k2,
           (I(!0), B(he, null, we(o.participants, (s, a) => (I(), B("th", {
             key: s.PersonId,
             class: "bg-gridBoxHeader rounded-lg text-center align-middle"
@@ -34018,8 +34069,8 @@ function GN(n, e, t, r, i, o) {
               color: "quinary"
             }, null, 8, ["text"])
           ]))), 128)),
-          SN,
-          h("th", MN, [
+          S2,
+          h("th", M2, [
             p(A, {
               text: "W%",
               size: "sm",
@@ -34027,7 +34078,7 @@ function GN(n, e, t, r, i, o) {
               color: "quinary"
             })
           ]),
-          h("th", TN, [
+          h("th", T2, [
             p(A, {
               text: "W",
               size: "sm",
@@ -34035,7 +34086,7 @@ function GN(n, e, t, r, i, o) {
               color: "quinary"
             })
           ]),
-          h("th", ON, [
+          h("th", O2, [
             p(A, {
               text: "L",
               size: "sm",
@@ -34043,7 +34094,7 @@ function GN(n, e, t, r, i, o) {
               color: "quinary"
             })
           ]),
-          h("th", RN, [
+          h("th", R2, [
             p(A, {
               text: "HS",
               size: "sm",
@@ -34051,7 +34102,7 @@ function GN(n, e, t, r, i, o) {
               color: "quinary"
             })
           ]),
-          h("th", PN, [
+          h("th", P2, [
             p(A, {
               text: "HR",
               size: "sm",
@@ -34059,7 +34110,7 @@ function GN(n, e, t, r, i, o) {
               color: "quinary"
             })
           ]),
-          h("th", NN, [
+          h("th", N2, [
             p(A, {
               text: "IND",
               size: "sm",
@@ -34073,15 +34124,15 @@ function GN(n, e, t, r, i, o) {
         (I(!0), B(he, null, we(o.participants, (s, a) => (I(), B("tr", {
           key: s.PersonId
         }, [
-          h("td", FN, [
+          h("td", F2, [
             p(A, {
               text: s.DisplayName,
               size: "sm",
               color: "quinary"
             }, null, 8, ["text"])
           ]),
-          LN,
-          h("td", HN, [
+          L2,
+          h("td", H2, [
             p(A, {
               text: a + 1,
               size: "sm",
@@ -34104,43 +34155,43 @@ function GN(n, e, t, r, i, o) {
               }, null, 8, ["text"])
             ], 2)) : T("", !0)
           ], 2))), 128)),
-          YN,
-          h("td", qN, [
+          Y2,
+          h("td", q2, [
             p(A, {
               text: o.getStats(s).WP,
               size: "sm",
               color: "quinary"
             }, null, 8, ["text"])
           ]),
-          h("td", zN, [
+          h("td", z2, [
             p(A, {
               text: o.getStats(s).W,
               size: "sm",
               color: "quinary"
             }, null, 8, ["text"])
           ]),
-          h("td", UN, [
+          h("td", U2, [
             p(A, {
               text: o.getStats(s).L,
               size: "sm",
               color: "quinary"
             }, null, 8, ["text"])
           ]),
-          h("td", jN, [
+          h("td", j2, [
             p(A, {
               text: o.getStats(s).HS,
               size: "sm",
               color: "quinary"
             }, null, 8, ["text"])
           ]),
-          h("td", KN, [
+          h("td", K2, [
             p(A, {
               text: o.getStats(s).HR,
               size: "sm",
               color: "quinary"
             }, null, 8, ["text"])
           ]),
-          h("td", JN, [
+          h("td", J2, [
             p(A, {
               text: o.getStats(s).IND,
               size: "sm",
@@ -34152,7 +34203,7 @@ function GN(n, e, t, r, i, o) {
     ])
   ]);
 }
-const ff = /* @__PURE__ */ re(wN, [["render", GN], ["__scopeId", "data-v-262bb7eb"]]), VN = {
+const ff = /* @__PURE__ */ re(w2, [["render", G2], ["__scopeId", "data-v-262bb7eb"]]), V2 = {
   components: {
     PoolGrid: ff,
     ServerConnected: vc,
@@ -34266,7 +34317,7 @@ const ff = /* @__PURE__ */ re(wN, [["render", GN], ["__scopeId", "data-v-262bb7e
       this.bouts.find((t) => t.BoutId === n.BoutId) && (this.showEditBoutModal = !0, this.selectedBout = n);
     }
   }
-}, WN = { key: 0 }, XN = { key: 0 }, ZN = /* @__PURE__ */ h("div", { class: "border-b border-dropdownSelect mb-8" }, null, -1), _N = { class: "w-full flex flex-col items-center" }, $N = {
+}, W2 = { key: 0 }, X2 = { key: 0 }, Z2 = /* @__PURE__ */ h("div", { class: "border-b border-dropdownSelect mb-8" }, null, -1), _2 = { class: "w-full flex flex-col items-center" }, $2 = {
   key: 0,
   class: "w-3/4 my-4"
 }, eF = { key: 1 }, tF = { class: "flex flex-row justify-between" }, nF = { class: "flex mr-1" }, rF = /* @__PURE__ */ h("div", { class: "border-b border-dropdownSelect mb-5" }, null, -1), iF = { class: "w-full flex flex-col items-center" }, oF = { key: 2 }, AF = { class: "flex flex-row" }, sF = /* @__PURE__ */ h("div", { class: "border-b border-dropdownSelect mb-5" }, null, -1), aF = { class: "w-full flex flex-col items-center" };
@@ -34286,14 +34337,14 @@ function lF(n, e, t, r, i, o) {
       "onUpdate:selection": o.handleViewChange,
       connectedToServer: t.connectedToServer
     }, null, 8, ["currentSelection", "onUpdate:selection", "connectedToServer"]),
-    i.viewName === "Pool Grid" ? (I(), B("section", WN, [
+    i.viewName === "Pool Grid" ? (I(), B("section", W2, [
       p(a, { bouts: t.bouts }, null, 8, ["bouts"])
     ])) : T("", !0),
     h("section", null, [
-      o.remainingBoutsCount > 0 ? (I(), B("section", XN, [
-        ZN,
-        h("div", _N, [
-          o.hasActiveBout ? T("", !0) : (I(), B("div", $N, [
+      o.remainingBoutsCount > 0 ? (I(), B("section", X2, [
+        Z2,
+        h("div", _2, [
+          o.hasActiveBout ? T("", !0) : (I(), B("div", $2, [
             p(l, {
               bout: {},
               hostingClubColors: t.hostingClubColors,
@@ -34405,7 +34456,7 @@ function lF(n, e, t, r, i, o) {
     }, null, 8, ["bout", "eventRules", "hostingClubColors", "show", "onUpdate:closeModal", "onSubmit:bout"])
   ]);
 }
-const MY = /* @__PURE__ */ re(VN, [["render", lF]]), cF = {
+const MY = /* @__PURE__ */ re(V2, [["render", lF]]), cF = {
   name: "PoolResultsHeader",
   components: { BaseIcon: _e, BaseButton: je, BaseText: Qe, CounterBox: Ms, EventStatusBox: lA },
   props: {
@@ -35969,8 +36020,8 @@ const OY = /* @__PURE__ */ re(YL, [["render", qL]]), zL = {
     handleTabMenuClick(n) {
       this.$emit("tab:menu-click", n);
     },
-    handleStaffView(n) {
-      this.viewName = n;
+    handleSubmit(n) {
+      this.$emit("update:submit", n);
     }
   }
 }, UL = { class: "w-full flex flex-row justify-center mt-3" };
@@ -35986,8 +36037,9 @@ function jL(n, e, t, r, i, o) {
       p(s, {
         event: t.event,
         rules: t.rules,
-        weapons: t.weapons
-      }, null, 8, ["event", "rules", "weapons"])
+        weapons: t.weapons,
+        "onUpdate:submit": o.handleSubmit
+      }, null, 8, ["event", "rules", "weapons", "onUpdate:submit"])
     ])
   ]);
 }