@dcrackel/hematournamentui 1.0.525 → 1.0.527

package/dist/HemaTournamentUI-lib.es.js

@@ -40747,37 +40747,59 @@ const z2 = /* @__PURE__ */ se(C2, [["render", P2], ["__scopeId", "data-v-39212ce
   props: {
     event: {
       type: Object,
-      required: !0,
+      required: !1,
+      // Allow it to be optional
       default: () => ({})
     },
     yellowCards: {
       type: [Number, String],
-      default: "0",
-      required: !0
+      required: !1,
+      // Allow it to be optional
+      default: null
     },
     redCards: {
       type: [Number, String],
-      default: "0",
-      required: !0
+      required: !1,
+      default: null
     },
     blackCards: {
       type: [Number, String],
-      default: "0",
-      required: !0
+      required: !1,
+      default: null
     },
     medicalCalls: {
       type: [Number, String],
-      default: "0",
-      required: !0
+      required: !1,
+      default: null
+    }
+  },
+  computed: {
+    safeYellowCards() {
+      return this.isValidNumber(this.yellowCards) ? Number(this.yellowCards) : 0;
+    },
+    safeRedCards() {
+      return this.isValidNumber(this.redCards) ? Number(this.redCards) : 0;
+    },
+    safeBlackCards() {
+      return this.isValidNumber(this.blackCards) ? Number(this.blackCards) : 0;
+    },
+    safeMedicalCalls() {
+      return this.isValidNumber(this.medicalCalls) ? Number(this.medicalCalls) : 0;
+    }
+  },
+  methods: {
+    isValidNumber(t) {
+      return !isNaN(t) && t !== null && t !== void 0;
     }
   }
 }, F2 = { 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" }, N2 = { class: "hidden md:flex flex-col pt-2" }, H2 = { class: "flex flex-row space-x-4 items-center" };
 function q2(t, e, n, r, o, i) {
+  var l;
   const A = y("BaseText"), a = y("EventStatusBox");
   return C(), I("div", F2, [
     h("section", N2, [
       p(A, {
-        text: n.event.EventName,
+        text: ((l = n.event) == null ? void 0 : l.EventName) || "Unknown Event",
         size: "",
         color: "quaternary",
         weight: "bold",
@@ -40786,22 +40808,22 @@ function q2(t, e, n, r, o, i) {
     ]),
     h("section", H2, [
       p(a, {
-        "status-count": n.yellowCards,
+        "status-count": i.safeYellowCards,
         "status-label": "Yellow",
         "box-color": "bg-eventBoxBlue"
       }, null, 8, ["status-count"]),
       p(a, {
-        "status-count": n.redCards,
+        "status-count": i.safeRedCards,
         "status-label": "Red",
         "box-color": "bg-eventBoxBlue"
       }, null, 8, ["status-count"]),
       p(a, {
-        "status-count": n.blackCards,
+        "status-count": i.safeBlackCards,
         "status-label": "Black",
         "box-color": "bg-eventBoxBlue"
       }, null, 8, ["status-count"]),
       p(a, {
-        "status-count": n.medicalCalls,
+        "status-count": i.safeMedicalCalls,
         "status-label": "Medical",
         "box-color": "bg-eventBoxBlue"
       }, null, 8, ["status-count"])