@dcrackel/hematournamentui 1.0.539 → 1.0.541

package/dist/HemaTournamentUI-lib.es.js

@@ -39690,18 +39690,18 @@ function _q(t, e, n, r, o, i) {
     ])
   ]);
 }
-const $q = /* @__PURE__ */ oe(Vq, [["render", _q]]), eY = {
+const $q = /* @__PURE__ */ oe(Vq, [["render", _q]]), e2 = {
   name: "PersonManagementSkeleton"
-}, tY = { class: "flex" }, nY = /* @__PURE__ */ As('<div class="rounded-lg p-9 bg-neutral w-full animate-pulse"><div class="w-full flex flex-row justify-center mb-4"><div class="h-8 bg-dropdownSelect rounded w-20"></div></div><div class="w-full flex-row justify-center mb-4 flex drop-shadow"><div class="w-32 h-32 border-2 border-dashed rounded-full bg-dropdownSelect"></div></div><div class="flex flex-col mb-4"><div class="h-6 bg-dropdownSelect rounded w-32 mb-2"></div><div class="h-10 bg-dropdownSelect rounded"></div></div><div class="flex flex-col mb-4"><div class="h-6 bg-dropdownSelect rounded w-24 mb-2"></div><div class="h-10 bg-dropdownSelect rounded"></div></div><div class="flex flex-col mb-4"><div class="h-6 bg-dropdownSelect rounded w-24 mb-2"></div><div class="h-10 bg-dropdownSelect rounded"></div></div><div class="flex flex-col mb-4"><div class="h-6 bg-dropdownSelect rounded w-28 mb-2"></div><div class="h-10 bg-dropdownSelect rounded"></div></div><div class="flex flex-col mb-4"><div class="h-6 bg-dropdownSelect rounded w-20 mb-2"></div><div class="h-10 bg-dropdownSelect rounded"></div></div><div class="border-b border-dropdownSelect mt-6"><div class="h-6 bg-dropdownSelect rounded w-36 mb-2"></div></div><div class="my-4 w-full"><div class="h-16 bg-dropdownSelect rounded w-full mb-4"></div><div class="h-8 bg-dropdownSelect rounded w-1/2 mb-2"></div><div class="h-8 bg-dropdownSelect rounded w-1/2"></div></div><div class="flex flex-row justify-end mt-8"><div class="h-10 bg-dropdownSelect rounded w-full"></div></div></div>', 1), rY = [
-  nY
+}, t2 = { class: "flex" }, n2 = /* @__PURE__ */ As('<div class="rounded-lg p-9 bg-neutral w-full animate-pulse"><div class="w-full flex flex-row justify-center mb-4"><div class="h-8 bg-dropdownSelect rounded w-20"></div></div><div class="w-full flex-row justify-center mb-4 flex drop-shadow"><div class="w-32 h-32 border-2 border-dashed rounded-full bg-dropdownSelect"></div></div><div class="flex flex-col mb-4"><div class="h-6 bg-dropdownSelect rounded w-32 mb-2"></div><div class="h-10 bg-dropdownSelect rounded"></div></div><div class="flex flex-col mb-4"><div class="h-6 bg-dropdownSelect rounded w-24 mb-2"></div><div class="h-10 bg-dropdownSelect rounded"></div></div><div class="flex flex-col mb-4"><div class="h-6 bg-dropdownSelect rounded w-24 mb-2"></div><div class="h-10 bg-dropdownSelect rounded"></div></div><div class="flex flex-col mb-4"><div class="h-6 bg-dropdownSelect rounded w-28 mb-2"></div><div class="h-10 bg-dropdownSelect rounded"></div></div><div class="flex flex-col mb-4"><div class="h-6 bg-dropdownSelect rounded w-20 mb-2"></div><div class="h-10 bg-dropdownSelect rounded"></div></div><div class="border-b border-dropdownSelect mt-6"><div class="h-6 bg-dropdownSelect rounded w-36 mb-2"></div></div><div class="my-4 w-full"><div class="h-16 bg-dropdownSelect rounded w-full mb-4"></div><div class="h-8 bg-dropdownSelect rounded w-1/2 mb-2"></div><div class="h-8 bg-dropdownSelect rounded w-1/2"></div></div><div class="flex flex-row justify-end mt-8"><div class="h-10 bg-dropdownSelect rounded w-full"></div></div></div>', 1), r2 = [
+  n2
 ];
-function oY(t, e, n, r, o, i) {
-  return C(), I("section", tY, rY);
+function o2(t, e, n, r, o, i) {
+  return C(), I("section", t2, r2);
 }
-const iY = /* @__PURE__ */ oe(eY, [["render", oY]]), sY = {
+const i2 = /* @__PURE__ */ oe(e2, [["render", o2]]), s2 = {
   name: "PersonManagement",
   components: {
-    PersonManagementSkeleton: iY,
+    PersonManagementSkeleton: i2,
     PeopleColumn: $q,
     FindOrAddPerson: PA,
     BaseInput: _t,
@@ -39851,28 +39851,28 @@ const iY = /* @__PURE__ */ oe(eY, [["render", oY]]), sY = {
       this.$emit("delete:person", this.person);
     }
   }
-}, AY = { key: 0 }, aY = {
+}, A2 = { key: 0 }, a2 = {
   key: 1,
   class: "flex"
-}, lY = { key: 0 }, cY = { class: "rounded-lg p-9 bg-neutral w-full" }, uY = { class: "w-full flex flex-row justify-center mb-4" }, dY = { class: "w-full flex-row justify-center mb-4 flex drop-shadow" }, gY = { class: "flex flex-col mb-4" }, hY = { class: "flex flex-col mb-4" }, pY = { class: "flex flex-col mb-4" }, fY = { class: "flex flex-col mb-4" }, CY = { class: "flex flex-col mb-4" }, mY = { class: "border-b border-dropdownSelect mt-6" }, IY = { class: "my-4 w-full" }, BY = {
+}, l2 = { key: 0 }, c2 = { class: "rounded-lg p-9 bg-neutral w-full" }, u2 = { class: "w-full flex flex-row justify-center mb-4" }, d2 = { class: "w-full flex-row justify-center mb-4 flex drop-shadow" }, g2 = { class: "flex flex-col mb-4" }, h2 = { class: "flex flex-col mb-4" }, p2 = { class: "flex flex-col mb-4" }, f2 = { class: "flex flex-col mb-4" }, C2 = { class: "flex flex-col mb-4" }, m2 = { class: "border-b border-dropdownSelect mt-6" }, I2 = { class: "my-4 w-full" }, B2 = {
   key: 0,
   class: "mt-8"
-}, EY = { class: "flex flex-col mb-4 mt-4" }, QY = { class: "flex flex-row justify-end mt-8" };
-function vY(t, e, n, r, o, i) {
+}, E2 = { class: "flex flex-col mb-4 mt-4" }, Q2 = { class: "flex flex-row justify-end mt-8" };
+function v2(t, e, n, r, o, i) {
   const A = w("PersonManagementSkeleton"), a = w("PeopleColumn"), l = w("BaseText"), c = w("ImageCropper"), u = w("TitledInput"), d = w("DropDownMenu"), g = w("Toggle"), f = w("BaseButton");
   return C(), I(ae, null, [
-    n.loading ? (C(), I("section", AY, [
+    n.loading ? (C(), I("section", A2, [
       h(A)
     ])) : b("", !0),
-    n.loading ? b("", !0) : (C(), I("section", aY, [
-      n.userLevel === "Admin" ? (C(), I("div", lY, [
+    n.loading ? b("", !0) : (C(), I("section", a2, [
+      n.userLevel === "Admin" ? (C(), I("div", l2, [
         h(a, {
           persons: n.people,
           "onUpdate:selectedFencer": i.handlePersonClick
         }, null, 8, ["persons", "onUpdate:selectedFencer"])
       ])) : b("", !0),
-      p("div", cY, [
-        p("div", uY, [
+      p("div", c2, [
+        p("div", u2, [
           h(l, {
             color: "primaryHighlight",
             size: "2xl",
@@ -39880,7 +39880,7 @@ function vY(t, e, n, r, o, i) {
             weight: "normal"
           })
         ]),
-        p("div", dY, [
+        p("div", d2, [
           h(c, {
             urlToImage: i.getImageURL,
             uploadImageName: n.uploadImageName,
@@ -39898,7 +39898,7 @@ function vY(t, e, n, r, o, i) {
             "onUpdate:url": i.handleProfilePicUpdate
           }, null, 8, ["urlToImage", "uploadImageName", "uploadServer", "imageServer", "customClass", "onUpdate:url"])
         ]),
-        p("div", gY, [
+        p("div", g2, [
           h(u, {
             inputValue: o.person.DisplayName,
             placeholder: "Enter Display Name",
@@ -39906,7 +39906,7 @@ function vY(t, e, n, r, o, i) {
             "onUpdate:value": i.updateDisplayName
           }, null, 8, ["inputValue", "onUpdate:value"])
         ]),
-        p("div", hY, [
+        p("div", h2, [
           h(u, {
             inputValue: i.getLegalName,
             placeholder: "Enter Your Legal Name",
@@ -39914,7 +39914,7 @@ function vY(t, e, n, r, o, i) {
             "onUpdate:value": i.updateLegalName
           }, null, 8, ["inputValue", "onUpdate:value"])
         ]),
-        p("div", pY, [
+        p("div", p2, [
           h(l, {
             text: "Club Name",
             size: "sm",
@@ -39930,7 +39930,7 @@ function vY(t, e, n, r, o, i) {
             dropDownWidth: "w-full"
           }, null, 8, ["label", "items", "selectedItem", "onUpdate:selectedItem"])
         ]),
-        p("div", fY, [
+        p("div", f2, [
           h(l, {
             text: "Preferred Pronouns",
             size: "sm",
@@ -39946,7 +39946,7 @@ function vY(t, e, n, r, o, i) {
             dropDownWidth: "w-full"
           }, null, 8, ["label", "items", "selectedItem", "onUpdate:selectedItem"])
         ]),
-        p("div", CY, [
+        p("div", C2, [
           h(u, {
             inputValue: i.getEmail ? i.getEmail : "",
             placeholder: "Enter Your Email",
@@ -39954,7 +39954,7 @@ function vY(t, e, n, r, o, i) {
             "onUpdate:value": i.handleEmailUpdate
           }, null, 8, ["inputValue", "onUpdate:value"])
         ]),
-        p("div", mY, [
+        p("div", m2, [
           h(l, {
             color: "quinary",
             size: "sm",
@@ -39963,7 +39963,7 @@ function vY(t, e, n, r, o, i) {
             "data-testid": "text-registration"
           })
         ]),
-        p("div", IY, [
+        p("div", I2, [
           h(l, {
             color: "quinary",
             size: "sm",
@@ -39985,14 +39985,14 @@ function vY(t, e, n, r, o, i) {
             "onUpdate:checked": i.changeShareData
           }, null, 8, ["onUpdate:checked"])
         ]),
-        n.userLevel === "Admin" ? (C(), I("div", BY, [
+        n.userLevel === "Admin" ? (C(), I("div", B2, [
           h(u, {
             inputValue: i.getHemaRatingsId ? i.getHemaRatingsId : "",
             placeholder: "HEMA Rating ID",
             title: "HEMA Rating ID",
             "onUpdate:value": i.handleHemaRatingId
           }, null, 8, ["inputValue", "onUpdate:value"]),
-          p("div", EY, [
+          p("div", E2, [
             h(l, {
               text: "Preferred Pronouns",
               size: "sm",
@@ -40009,7 +40009,7 @@ function vY(t, e, n, r, o, i) {
             }, null, 8, ["label", "items", "selectedItem", "onUpdate:selectedItem"])
           ])
         ])) : b("", !0),
-        p("div", QY, [
+        p("div", Q2, [
           n.userLevel === "Admin" ? (C(), ne(f, {
             key: 0,
             class: "mr-8",
@@ -40032,7 +40032,7 @@ function vY(t, e, n, r, o, i) {
     ]))
   ], 64);
 }
-const b8 = /* @__PURE__ */ oe(sY, [["render", vY]]), wY = {
+const b8 = /* @__PURE__ */ oe(s2, [["render", v2]]), w2 = {
   name: "ClubCard",
   components: { BaseIcon: qe, BaseText: Be },
   props: {
@@ -40053,18 +40053,18 @@ const b8 = /* @__PURE__ */ oe(sY, [["render", vY]]), wY = {
       this.$emit("update:click");
     }
   }
-}, yY = { class: "w-9 h-9 rounded-md overflow-hidden" }, bY = {
+}, y2 = { class: "w-9 h-9 rounded-md overflow-hidden" }, b2 = {
   key: 0,
   class: "w-14 h-14 bg-dropdownSelect flex items-center justify-center"
-}, xY = ["src"], DY = { class: "flex-1 ml-4" }, SY = { class: "flex" };
-function kY(t, e, n, r, o, i) {
+}, x2 = ["src"], D2 = { class: "flex-1 ml-4" }, S2 = { class: "flex" };
+function k2(t, e, n, r, o, i) {
   const A = w("BaseText");
   return C(), I("section", {
     class: "bg-poolSetup flex items-center p-2 shadow rounded-lg",
     onClick: e[0] || (e[0] = (...a) => i.handleClick && i.handleClick(...a))
   }, [
-    p("div", yY, [
-      n.clubImage ? b("", !0) : (C(), I("div", bY, [
+    p("div", y2, [
+      n.clubImage ? b("", !0) : (C(), I("div", b2, [
         h(A, {
           text: "",
           size: "sm",
@@ -40076,10 +40076,10 @@ function kY(t, e, n, r, o, i) {
         src: n.clubImage,
         alt: "Fencer Portrait",
         class: "w-full h-full object-cover"
-      }, null, 8, xY)
+      }, null, 8, x2)
     ]),
-    p("div", DY, [
-      p("p", SY, [
+    p("div", D2, [
+      p("p", S2, [
         h(A, {
           text: n.clubName,
           size: "sm",
@@ -40090,10 +40090,10 @@ function kY(t, e, n, r, o, i) {
     ])
   ]);
 }
-const MY = /* @__PURE__ */ oe(wY, [["render", kY]]), OY = {
+const M2 = /* @__PURE__ */ oe(w2, [["render", k2]]), O2 = {
   name: "PeopleColumn",
   components: {
-    ClubCard: MY,
+    ClubCard: M2,
     PoolFencerCard: cc,
     BaseText: Be,
     BaseInput: _t,
@@ -40126,11 +40126,11 @@ const MY = /* @__PURE__ */ oe(wY, [["render", kY]]), OY = {
       this.$emit("update:selectedClub", t);
     }
   }
-}, TY = { class: "w-96 p-4" }, RY = { class: "mb-4 px-4" }, PY = { class: "overflow-y-auto h-[800px]" };
-function zY(t, e, n, r, o, i) {
+}, T2 = { class: "w-96 p-4" }, R2 = { class: "mb-4 px-4" }, P2 = { class: "overflow-y-auto h-[800px]" };
+function z2(t, e, n, r, o, i) {
   const A = w("TitledInput"), a = w("ClubCard");
-  return C(), I("div", TY, [
-    p("div", RY, [
+  return C(), I("div", T2, [
+    p("div", R2, [
       h(A, {
         inputValue: o.searchTerm,
         placeholder: "Enter Name to Search",
@@ -40138,7 +40138,7 @@ function zY(t, e, n, r, o, i) {
         "onUpdate:value": i.updateDisplayName
       }, null, 8, ["inputValue", "onUpdate:value"])
     ]),
-    p("div", PY, [
+    p("div", P2, [
       p("ul", null, [
         (C(!0), I(ae, null, Qe(i.filteredClubs, (l) => (C(), I("li", {
           key: l.ClubId,
@@ -40155,20 +40155,20 @@ function zY(t, e, n, r, o, i) {
     ])
   ]);
 }
-const LY = /* @__PURE__ */ oe(OY, [["render", zY]]), FY = {
+const L2 = /* @__PURE__ */ oe(O2, [["render", z2]]), F2 = {
   name: "ClubManagementSkeleton"
-}, NY = { class: "flex" }, HY = /* @__PURE__ */ As('<div class="rounded-lg p-9 bg-neutral w-full animate-pulse"><div class="w-full flex flex-row justify-center mb-4"><div class="h-8 bg-dropdownSelect rounded w-1/4"></div></div><div class="w-full flex-row justify-center mb-4 flex drop-shadow"><div class="w-32 h-32 border-2 border-dashed rounded-full bg-dropdownSelect"></div></div><div class="flex flex-col mb-4"><div class="h-6 bg-dropdownSelect rounded w-24 mb-2"></div><div class="h-10 bg-dropdownSelect rounded"></div></div><div class="flex flex-col mb-4"><div class="h-6 bg-dropdownSelect rounded w-28 mb-2"></div><div class="h-10 bg-dropdownSelect rounded"></div></div><div class="flex flex-col mb-4"><div class="h-6 bg-dropdownSelect rounded w-24 mb-2"></div><div class="h-64 bg-dropdownSelect rounded"></div></div><div class="flex flex-col mb-4"><div class="h-6 bg-dropdownSelect rounded w-24 mb-2"></div><div class="h-10 bg-dropdownSelect rounded"></div></div><div class="flex flex-row justify-end mt-8"><div class="h-10 bg-dropdownSelect rounded w-full"></div></div></div>', 1), qY = [
-  HY
+}, N2 = { class: "flex" }, H2 = /* @__PURE__ */ As('<div class="rounded-lg p-9 bg-neutral w-full animate-pulse"><div class="w-full flex flex-row justify-center mb-4"><div class="h-8 bg-dropdownSelect rounded w-1/4"></div></div><div class="w-full flex-row justify-center mb-4 flex drop-shadow"><div class="w-32 h-32 border-2 border-dashed rounded-full bg-dropdownSelect"></div></div><div class="flex flex-col mb-4"><div class="h-6 bg-dropdownSelect rounded w-24 mb-2"></div><div class="h-10 bg-dropdownSelect rounded"></div></div><div class="flex flex-col mb-4"><div class="h-6 bg-dropdownSelect rounded w-28 mb-2"></div><div class="h-10 bg-dropdownSelect rounded"></div></div><div class="flex flex-col mb-4"><div class="h-6 bg-dropdownSelect rounded w-24 mb-2"></div><div class="h-64 bg-dropdownSelect rounded"></div></div><div class="flex flex-col mb-4"><div class="h-6 bg-dropdownSelect rounded w-24 mb-2"></div><div class="h-10 bg-dropdownSelect rounded"></div></div><div class="flex flex-row justify-end mt-8"><div class="h-10 bg-dropdownSelect rounded w-full"></div></div></div>', 1), q2 = [
+  H2
 ];
-function YY(t, e, n, r, o, i) {
-  return C(), I("section", NY, qY);
+function Y2(t, e, n, r, o, i) {
+  return C(), I("section", N2, q2);
 }
-const jY = /* @__PURE__ */ oe(FY, [["render", YY]]), KY = {
+const j2 = /* @__PURE__ */ oe(F2, [["render", Y2]]), K2 = {
   name: "ClubManagement",
   emits: ["submit:club", "addNewAddress", "delete:club", "update:selectedClub"],
   components: {
-    ClubManagementSkeleton: jY,
-    ClubColumn: LY,
+    ClubManagementSkeleton: j2,
+    ClubColumn: L2,
     BaseText: Be,
     ImageCropper: gs,
     TitledInput: xn,
@@ -40274,25 +40274,25 @@ const jY = /* @__PURE__ */ oe(FY, [["render", YY]]), KY = {
       this.$emit("delete:club", this.club);
     }
   }
-}, UY = { key: 0 }, GY = {
+}, U2 = { key: 0 }, G2 = {
   key: 1,
   class: "flex"
-}, JY = { key: 0 }, VY = { class: "rounded-lg p-9 bg-neutral w-full" }, WY = { class: "w-full flex flex-row justify-center mb-4" }, XY = { class: "w-full flex-row justify-center mb-4 flex drop-shadow" }, ZY = { class: "flex flex-col mb-4" }, _Y = { class: "flex flex-col mb-4" }, $Y = { class: "flex flex-col mb-4" }, e2 = { class: "flex flex-col mb-4" }, t2 = { class: "flex flex-row justify-end mt-8" };
-function n2(t, e, n, r, o, i) {
+}, J2 = { key: 0 }, V2 = { class: "rounded-lg p-9 bg-neutral w-full" }, W2 = { class: "w-full flex flex-row justify-center mb-4" }, X2 = { class: "w-full flex-row justify-center mb-4 flex drop-shadow" }, Z2 = { class: "flex flex-col mb-4" }, _2 = { class: "flex flex-col mb-4" }, $2 = { class: "flex flex-col mb-4" }, eY = { class: "flex flex-col mb-4" }, tY = { class: "flex flex-row justify-end mt-8" };
+function nY(t, e, n, r, o, i) {
   const A = w("ClubManagementSkeleton"), a = w("ClubColumn"), l = w("BaseText"), c = w("ImageCropper"), u = w("TitledInput"), d = w("TextBoxEditor"), g = w("FindLocation"), f = w("BaseButton");
   return C(), I(ae, null, [
-    n.loading ? (C(), I("section", UY, [
+    n.loading ? (C(), I("section", U2, [
       h(A)
     ])) : b("", !0),
-    n.loading ? b("", !0) : (C(), I("section", GY, [
-      n.userLevel === "Admin" ? (C(), I("div", JY, [
+    n.loading ? b("", !0) : (C(), I("section", G2, [
+      n.userLevel === "Admin" ? (C(), I("div", J2, [
         h(a, {
           clubs: n.clubs,
           "onUpdate:selectedClub": i.handleClubClick
         }, null, 8, ["clubs", "onUpdate:selectedClub"])
       ])) : b("", !0),
-      p("div", VY, [
-        p("div", WY, [
+      p("div", V2, [
+        p("div", W2, [
           h(l, {
             color: "primaryHighlight",
             size: "2xl",
@@ -40300,7 +40300,7 @@ function n2(t, e, n, r, o, i) {
             weight: "normal"
           })
         ]),
-        p("div", XY, [
+        p("div", X2, [
           h(c, {
             urlToImage: i.getImageURL,
             uploadImageName: n.uploadImageName,
@@ -40318,7 +40318,7 @@ function n2(t, e, n, r, o, i) {
             "onUpdate:url": i.handleProfilePicUpdate
           }, null, 8, ["urlToImage", "uploadImageName", "uploadServer", "imageServer", "customClass", "onUpdate:url"])
         ]),
-        p("div", ZY, [
+        p("div", Z2, [
           h(u, {
             inputValue: o.club.Name,
             placeholder: "Enter Club Name",
@@ -40326,7 +40326,7 @@ function n2(t, e, n, r, o, i) {
             "onUpdate:value": i.updateName
           }, null, 8, ["inputValue", "onUpdate:value"])
         ]),
-        p("div", _Y, [
+        p("div", _2, [
           h(u, {
             inputValue: o.club.ShortName,
             placeholder: "Enter Short Name",
@@ -40334,7 +40334,7 @@ function n2(t, e, n, r, o, i) {
             "onUpdate:value": i.updateShortName
           }, null, 8, ["inputValue", "onUpdate:value"])
         ]),
-        p("div", $Y, [
+        p("div", $2, [
           h(l, {
             color: "primaryHighlight",
             size: "sm",
@@ -40348,7 +40348,7 @@ function n2(t, e, n, r, o, i) {
             "onUpdate:editorContent": i.handleEditorUpdate
           }, null, 8, ["initialContent", "onUpdate:editorContent"])
         ]),
-        p("div", e2, [
+        p("div", eY, [
           h(l, {
             text: "Address",
             size: "sm",
@@ -40363,7 +40363,7 @@ function n2(t, e, n, r, o, i) {
             onUpdateLocation: i.handleAddressUpdate
           }, null, 8, ["locations", "placeholder", "onUpdate:addNewAddress", "onUpdateLocation"])
         ]),
-        p("div", t2, [
+        p("div", tY, [
           n.userLevel === "Admin" ? (C(), ne(f, {
             key: 0,
             class: "mr-8",
@@ -40386,7 +40386,7 @@ function n2(t, e, n, r, o, i) {
     ]))
   ], 64);
 }
-const x8 = /* @__PURE__ */ oe(KY, [["render", n2]]), r2 = {
+const x8 = /* @__PURE__ */ oe(K2, [["render", nY]]), rY = {
   name: "TournamentAssignments",
   components: { BaseIcon: qe, BaseText: Be, BaseButton: He },
   props: {
@@ -40505,20 +40505,20 @@ const x8 = /* @__PURE__ */ oe(KY, [["render", n2]]), r2 = {
       this.$emit("refreshAssignments");
     }
   }
-}, o2 = { class: "w-full md:p-4" }, i2 = { class: "w-full flex justify-between" }, s2 = { class: "flex" }, A2 = {
+}, oY = { class: "w-full md:p-4" }, iY = { class: "w-full flex justify-between" }, sY = { class: "flex" }, AY = {
   key: 0,
   class: "text-center mt-10"
-}, a2 = { key: 1 }, l2 = { class: "flex mr-4 md:mr-0" }, c2 = { class: "hidden md:flex w-14 h-20 flex-col pt-5" }, u2 = ["src"], d2 = { class: "w-full flex flex-col h-14 justify-end md:ml-2" }, g2 = { class: "w-full flex ml-2 justify-between border-b" }, h2 = { class: "md:ml-14 md:-mt-2 w-full mt-2" }, p2 = { class: "flex-grow flex justify-between items-center bg-poolSetup px-4 py-2 rounded-lg" }, f2 = { class: "flex items-center space-x-4" }, C2 = { class: "hidden md:flex" }, m2 = { class: "w-12 md:flex bg-poolSetup ml-2 px-4 py-2 rounded-lg" }, I2 = {
+}, aY = { key: 1 }, lY = { class: "flex mr-4 md:mr-0" }, cY = { class: "hidden md:flex w-14 h-20 flex-col pt-5" }, uY = ["src"], dY = { class: "w-full flex flex-col h-14 justify-end md:ml-2" }, gY = { class: "w-full flex ml-2 justify-between border-b" }, hY = { class: "md:ml-14 md:-mt-2 w-full mt-2" }, pY = { class: "flex-grow flex justify-between items-center bg-poolSetup px-4 py-2 rounded-lg" }, fY = { class: "flex items-center space-x-4" }, CY = { class: "hidden md:flex" }, mY = { class: "w-12 md:flex bg-poolSetup ml-2 px-4 py-2 rounded-lg" }, IY = {
   key: 0,
   class: "w-12 ml-1"
-}, B2 = {
+}, BY = {
   key: 1,
   class: "w-12 ml-1"
 };
-function E2(t, e, n, r, o, i) {
+function EY(t, e, n, r, o, i) {
   const A = w("BaseText"), a = w("BaseButton"), l = w("BaseIcon");
-  return C(), I("div", o2, [
-    p("div", i2, [
+  return C(), I("div", oY, [
+    p("div", iY, [
       h(A, {
         text: "Assignments",
         color: "primary",
@@ -40527,7 +40527,7 @@ function E2(t, e, n, r, o, i) {
         weight: "bold",
         class: "pt-2"
       }),
-      p("div", s2, [
+      p("div", sY, [
         h(a, {
           iconName: "fa-arrow-rotate-right",
           iconLeft: !0,
@@ -40554,7 +40554,7 @@ function E2(t, e, n, r, o, i) {
         }, null, 8, ["selected"])
       ])
     ]),
-    i.filteredAssignments.length === 0 ? (C(), I("div", A2, [
+    i.filteredAssignments.length === 0 ? (C(), I("div", AY, [
       h(A, {
         text: "No Current Assignments",
         color: "secondary",
@@ -40562,21 +40562,21 @@ function E2(t, e, n, r, o, i) {
         weight: "normal"
       })
     ])) : b("", !0),
-    i.filteredAssignments.length > 0 ? (C(), I("section", a2, [
+    i.filteredAssignments.length > 0 ? (C(), I("section", aY, [
       (C(!0), I(ae, null, Qe(i.filteredAssignments, (c) => (C(), I("div", {
         key: c.TournamentId,
         class: "mb-6"
       }, [
-        p("div", l2, [
-          p("div", c2, [
+        p("div", lY, [
+          p("div", cY, [
             p("img", {
               src: i.getTournamentArtworkURL(c),
               alt: "Tournament Artwork",
               class: "w-14 h-14 rounded-lg object-cover"
-            }, null, 8, u2)
+            }, null, 8, uY)
           ]),
-          p("div", d2, [
-            p("div", g2, [
+          p("div", dY, [
+            p("div", gY, [
               h(A, {
                 text: c.Name,
                 color: "primary",
@@ -40593,13 +40593,13 @@ function E2(t, e, n, r, o, i) {
             ])
           ])
         ]),
-        p("div", h2, [
+        p("div", hY, [
           (C(!0), I(ae, null, Qe(c.Events, (u) => (C(), I("section", {
             key: u.EventId,
             class: "md:pl-4 mb-2 flex md:w-11/12"
           }, [
-            p("div", p2, [
-              p("div", f2, [
+            p("div", pY, [
+              p("div", fY, [
                 h(l, {
                   iconName: i.getRoleIcon(u),
                   iconStyle: i.getIconStyle(u),
@@ -40614,7 +40614,7 @@ function E2(t, e, n, r, o, i) {
                   class: "text-xs md:text-sm"
                 }, null, 8, ["text"])
               ]),
-              p("span", C2, [
+              p("span", CY, [
                 h(A, {
                   text: i.formatEventDate(u.Date, u.StartTime),
                   color: "primary",
@@ -40624,7 +40624,7 @@ function E2(t, e, n, r, o, i) {
                 }, null, 8, ["text"])
               ])
             ]),
-            p("div", m2, [
+            p("div", mY, [
               h(l, {
                 iconName: i.getStatusIcon(u),
                 size: "md",
@@ -40632,7 +40632,7 @@ function E2(t, e, n, r, o, i) {
                 class: ee(i.getIconClass(u))
               }, null, 8, ["iconName", "class"])
             ]),
-            i.shouldShowButton(u) && o.showCurrent ? (C(), I("div", I2, [
+            i.shouldShowButton(u) && o.showCurrent ? (C(), I("div", IY, [
               i.shouldShowButton(u) ? (C(), ne(a, {
                 key: 0,
                 iconName: "fa-right-from-line",
@@ -40644,14 +40644,14 @@ function E2(t, e, n, r, o, i) {
                 class: "h-10 w-10 pr-4"
               }, null, 8, ["onButtonClick"])) : b("", !0)
             ])) : b("", !0),
-            !i.shouldShowButton(u) && o.showCurrent ? (C(), I("span", B2)) : b("", !0)
+            !i.shouldShowButton(u) && o.showCurrent ? (C(), I("span", BY)) : b("", !0)
           ]))), 128))
         ])
       ]))), 128))
     ])) : b("", !0)
   ]);
 }
-const D8 = /* @__PURE__ */ oe(r2, [["render", E2]]), Q2 = {
+const D8 = /* @__PURE__ */ oe(rY, [["render", EY]]), QY = {
   name: "PenaltyFencerCard",
   components: { BaseButton: He, BaseIcon: qe, BaseText: Be },
   emits: ["handleConfirmRemoval", "penalty:removal"],
@@ -40712,29 +40712,29 @@ const D8 = /* @__PURE__ */ oe(r2, [["render", E2]]), Q2 = {
       t.PersonId = this.personPenalties.PersonId, this.$emit("penalty:removal", t);
     }
   }
-}, v2 = { class: "hidden md:block mr-4" }, w2 = {
+}, vY = { class: "hidden md:block mr-4" }, wY = {
   key: 0,
   class: "w-9 h-9 rounded-xl bg-dropdownSelect flex items-center justify-center"
-}, y2 = ["src"], b2 = { class: "flex flex-col w-1/2 md:w-4/12 justify-start" }, x2 = { class: "flex flex-row ml-auto space-x-4" }, D2 = {
+}, yY = ["src"], bY = { class: "flex flex-col w-1/2 md:w-4/12 justify-start" }, xY = { class: "flex flex-row ml-auto space-x-4" }, DY = {
   key: 0,
   class: "flex items-center"
-}, S2 = {
+}, SY = {
   key: 1,
   class: "flex items-center"
-}, k2 = {
+}, kY = {
   key: 2,
   class: "flex items-center ml-2"
-}, M2 = {
+}, MY = {
   key: 3,
   class: "flex items-center ml-2"
-}, O2 = { class: "ml-4" }, T2 = {
+}, OY = { class: "ml-4" }, TY = {
   key: 0,
   class: "border-t border-dropdownSelect md:p-3"
-}, R2 = { class: "flex flex-row justify-between" }, P2 = { class: "flex flex-row" }, z2 = { class: "flex flex-row" }, L2 = { class: "flex flex-col md:flex-row justify-between my-1" }, F2 = { class: "flex flex-row" }, N2 = { class: "flex flex-row" }, H2 = {
+}, RY = { class: "flex flex-row justify-between" }, PY = { class: "flex flex-row" }, zY = { class: "flex flex-row" }, LY = { class: "flex flex-col md:flex-row justify-between my-1" }, FY = { class: "flex flex-row" }, NY = { class: "flex flex-row" }, HY = {
   key: 0,
   class: "md:-mt-5 mx-auto"
 };
-function q2(t, e, n, r, o, i) {
+function qY(t, e, n, r, o, i) {
   const A = w("BaseText"), a = w("BaseIcon"), l = w("BaseButton");
   return C(), I(ae, null, [
     n.personPenalties ? (C(), I("div", {
@@ -40742,8 +40742,8 @@ function q2(t, e, n, r, o, i) {
       class: "flex items-center border-b border-dropdownSelect bg-white hover:border-bright px-4 py-4",
       onClick: e[0] || (e[0] = (...c) => i.toggleDetails && i.toggleDetails(...c))
     }, [
-      p("div", v2, [
-        i.portraitURL ? b("", !0) : (C(), I("div", w2, [
+      p("div", vY, [
+        i.portraitURL ? b("", !0) : (C(), I("div", wY, [
           h(A, {
             text: "",
             size: "sm",
@@ -40756,9 +40756,9 @@ function q2(t, e, n, r, o, i) {
           src: i.portraitURL,
           alt: "Portrait",
           class: "w-9 h-9 rounded-xl"
-        }, null, 8, y2)) : b("", !0)
+        }, null, 8, yY)) : b("", !0)
       ]),
-      p("div", b2, [
+      p("div", bY, [
         h(A, {
           text: n.personPenalties.DisplayName,
           size: "md",
@@ -40767,8 +40767,8 @@ function q2(t, e, n, r, o, i) {
           class: "text-sm md:text-lg"
         }, null, 8, ["text"])
       ]),
-      p("div", x2, [
-        i.yellowCardCount > 0 ? (C(), I("div", D2, [
+      p("div", xY, [
+        i.yellowCardCount > 0 ? (C(), I("div", DY, [
           h(a, {
             "icon-name": "fa-square",
             size: "lg",
@@ -40782,7 +40782,7 @@ function q2(t, e, n, r, o, i) {
             class: "ml-2"
           }, null, 8, ["text"])
         ])) : b("", !0),
-        i.redCardCount > 0 ? (C(), I("div", S2, [
+        i.redCardCount > 0 ? (C(), I("div", SY, [
           h(a, {
             "icon-name": "fa-square",
             size: "lg",
@@ -40796,14 +40796,14 @@ function q2(t, e, n, r, o, i) {
             class: "ml-2"
           }, null, 8, ["text"])
         ])) : b("", !0),
-        i.blackCardCount > 0 ? (C(), I("div", k2, [
+        i.blackCardCount > 0 ? (C(), I("div", kY, [
           h(a, {
             "icon-name": "fa-square",
             size: "lg",
             color: "black"
           })
         ])) : b("", !0),
-        i.medicalCount > 0 ? (C(), I("div", M2, [
+        i.medicalCount > 0 ? (C(), I("div", MY, [
           h(a, {
             "icon-name": "fa-plus-circle",
             size: "lg",
@@ -40811,7 +40811,7 @@ function q2(t, e, n, r, o, i) {
           })
         ])) : b("", !0)
       ]),
-      p("button", O2, [
+      p("button", OY, [
         h(a, {
           "icon-name": "fa-chevron-down",
           size: "lg",
@@ -40822,13 +40822,13 @@ function q2(t, e, n, r, o, i) {
     ])) : b("", !0),
     h(cn, { name: "fade-in-down" }, {
       default: Oe(() => [
-        o.localShowDetails ? (C(), I("div", T2, [
+        o.localShowDetails ? (C(), I("div", TY, [
           (C(!0), I(ae, null, Qe(n.personPenalties.Penalties, (c) => (C(), I("div", {
             key: c.BoutId,
             class: "flex flex-col p-2 border-b my-2"
           }, [
-            p("div", R2, [
-              p("div", P2, [
+            p("div", RY, [
+              p("div", PY, [
                 h(a, {
                   "icon-name": o.penaltyIcons[c.PenaltyType],
                   size: "md",
@@ -40842,7 +40842,7 @@ function q2(t, e, n, r, o, i) {
                   class: "-mt-0.5 ml-2 text-sm md:text-md"
                 }, null, 8, ["text"])
               ]),
-              p("div", z2, [
+              p("div", zY, [
                 h(A, {
                   text: n.eventName,
                   size: "sm",
@@ -40866,8 +40866,8 @@ function q2(t, e, n, r, o, i) {
                 }, null, 8, ["text"])
               ])
             ]),
-            p("div", L2, [
-              p("div", F2, [
+            p("div", LY, [
+              p("div", FY, [
                 h(A, {
                   text: "Notes:",
                   size: "sm",
@@ -40884,7 +40884,7 @@ function q2(t, e, n, r, o, i) {
                   class: "ml-2"
                 }, null, 8, ["text"])) : b("", !0)
               ]),
-              p("div", N2, [
+              p("div", NY, [
                 h(A, {
                   text: "Issued By:",
                   size: "sm",
@@ -40901,7 +40901,7 @@ function q2(t, e, n, r, o, i) {
                 }, null, 8, ["text"])
               ])
             ]),
-            c.PenaltyType === "Black" ? (C(), I("div", H2, [
+            c.PenaltyType === "Black" && !c.Confirmed ? (C(), I("div", HY, [
               h(l, {
                 label: "Confirm Removal of Fencer",
                 size: "sm",
@@ -40917,7 +40917,7 @@ function q2(t, e, n, r, o, i) {
     })
   ], 64);
 }
-const Y2 = /* @__PURE__ */ oe(Q2, [["render", q2], ["__scopeId", "data-v-ff6d7c65"]]), j2 = {
+const YY = /* @__PURE__ */ oe(QY, [["render", qY], ["__scopeId", "data-v-ce4912da"]]), jY = {
   name: "PenaltySummary",
   components: { BaseText: Be, EventStatusBox: gi },
   props: {
@@ -40968,12 +40968,12 @@ const Y2 = /* @__PURE__ */ oe(Q2, [["render", q2], ["__scopeId", "data-v-ff6d7c6
       return !isNaN(t) && t !== null && t !== void 0;
     }
   }
-}, K2 = { class: "flex flex-col md:flex-row md:bg-poolSetup py-1 px-2 md:px-4 md:rounded-xl justify-between md:shadow md:border border-dropdownSelect" }, U2 = { class: "hidden md:flex flex-col pt-2" }, G2 = { class: "flex flex-row space-x-4 items-center" };
-function J2(t, e, n, r, o, i) {
+}, KY = { class: "flex flex-col md:flex-row md:bg-poolSetup py-1 px-2 md:px-4 md:rounded-xl justify-between md:shadow md:border border-dropdownSelect" }, UY = { class: "hidden md:flex flex-col pt-2" }, GY = { class: "flex flex-row space-x-4 items-center" };
+function JY(t, e, n, r, o, i) {
   var l;
   const A = w("BaseText"), a = w("EventStatusBox");
-  return C(), I("div", K2, [
-    p("section", U2, [
+  return C(), I("div", KY, [
+    p("section", UY, [
       h(A, {
         text: ((l = n.event) == null ? void 0 : l.EventName) || "Unknown Event",
         size: "",
@@ -40982,7 +40982,7 @@ function J2(t, e, n, r, o, i) {
         class: "text-sm md:text-lg"
       }, null, 8, ["text"])
     ]),
-    p("section", G2, [
+    p("section", GY, [
       h(a, {
         "status-count": i.safeYellowCards,
         "status-label": "Yellow",
@@ -41006,13 +41006,14 @@ function J2(t, e, n, r, o, i) {
     ])
   ]);
 }
-const V2 = /* @__PURE__ */ oe(j2, [["render", J2]]), W2 = {
-  components: { PenaltySummary: V2, BaseText: Be, EditEventsTopMenu: Cn, PenaltyFencerCard: Y2 },
+const VY = /* @__PURE__ */ oe(jY, [["render", JY]]), WY = {
+  components: { PenaltySummary: VY, BaseText: Be, EditEventsTopMenu: Cn, PenaltyFencerCard: YY },
   emits: ["tab:menu-click", "penalty:removal"],
   props: {
     event: {
       type: Object,
-      required: !0
+      required: !0,
+      default: () => ({})
     },
     penalties: {
       type: Array,
@@ -41026,11 +41027,15 @@ const V2 = /* @__PURE__ */ oe(j2, [["render", J2]]), W2 = {
   data() {
     return {
       emptyDesertIcon: Vt,
+      windowWidth: window.innerWidth,
       detailsVisible: {},
       tabs: ir
     };
   },
   computed: {
+    isMobile() {
+      return this.windowWidth <= 748;
+    },
     totalYellowCards() {
       return Array.isArray(this.penalties) ? this.penalties.reduce((t, e) => t + (Array.isArray(e == null ? void 0 : e.Penalties) ? e.Penalties.filter((n) => (n == null ? void 0 : n.PenaltyType) === "Yellow").length : 0), 0) : 0;
     },
@@ -41052,19 +41057,19 @@ const V2 = /* @__PURE__ */ oe(j2, [["render", J2]]), W2 = {
       console.log(t), this.$emit("penalty:removal", t);
     }
   }
-}, X2 = /* @__PURE__ */ p("div", { class: "md:p-4" }, null, -1), Z2 = {
+}, XY = /* @__PURE__ */ p("div", { class: "md:p-4" }, null, -1), ZY = {
   key: 0,
   class: "mb-10"
-}, _2 = {
+}, _Y = {
   key: 1,
   class: "mb-10"
-}, $2 = ["src"], e8 = { class: "flex justify-center" };
+}, $Y = ["src"], e8 = { class: "flex justify-center" };
 function t8(t, e, n, r, o, i) {
   const A = w("EditEventsTopMenu"), a = w("PenaltySummary"), l = w("PenaltyFencerCard"), c = w("BaseText");
   return C(), I("section", null, [
     h(A, {
       currentTab: "Penalties",
-      tabs: o.tabs(n.role, t.isMobile),
+      tabs: o.tabs(n.role, i.isMobile),
       onTabMenuClick: i.handleTabMenuClick
     }, null, 8, ["tabs", "onTabMenuClick"]),
     h(a, {
@@ -41074,8 +41079,8 @@ function t8(t, e, n, r, o, i) {
       blackCards: i.totalBlackCards,
       medicalCalls: i.totalMedicalCalls
     }, null, 8, ["event", "yellowCards", "redCards", "blackCards", "medicalCalls"]),
-    X2,
-    n.penalties.length > 0 ? (C(), I("div", Z2, [
+    XY,
+    n.penalties.length > 0 ? (C(), I("div", ZY, [
       (C(!0), I(ae, null, Qe(n.penalties, (u, d) => (C(), I("div", { key: d }, [
         h(l, {
           eventName: "This is a event",
@@ -41084,12 +41089,12 @@ function t8(t, e, n, r, o, i) {
         }, null, 8, ["personPenalties", "onPenalty:removal"])
       ]))), 128))
     ])) : b("", !0),
-    !Array.isArray(n.penalties) || n.penalties.length === 0 ? (C(), I("div", _2, [
+    !Array.isArray(n.penalties) || n.penalties.length === 0 ? (C(), I("div", _Y, [
       p("img", {
         alt: "Small desert scene with wind blowing.",
         class: "w-60 mt-8 mx-auto",
         src: o.emptyDesertIcon
-      }, null, 8, $2),
+      }, null, 8, $Y),
       p("div", e8, [
         h(c, {
           color: "primaryHighlight",
@@ -41102,7 +41107,7 @@ function t8(t, e, n, r, o, i) {
     ])) : b("", !0)
   ]);
 }
-const S8 = /* @__PURE__ */ oe(W2, [["render", t8]]);
+const S8 = /* @__PURE__ */ oe(WY, [["render", t8]]);
 export {
   l8 as AddTournamentPageOne,
   c8 as AddTournamentPageTwo,