@dcrackel/hematournamentui 1.0.231 → 1.0.232

package/dist/HemaTournamentUI-lib.es.js

@@ -30220,7 +30220,7 @@ function gO(n, e, t, r, i, o) {
           f(s, {
             text: t.event.EventName,
             size: "xl",
-            color: "primary",
+            color: "quaternary",
             weight: "bold",
             class: "text-left"
           }, null, 8, ["text"]),
@@ -30234,7 +30234,7 @@ function gO(n, e, t, r, i, o) {
             f(s, {
               text: t.event.Status,
               size: "md",
-              color: "primary",
+              color: "quaternary",
               class: "text-left"
             }, null, 8, ["text"]),
             f(s, {
@@ -34782,6 +34782,10 @@ const PH = /* @__PURE__ */ Ae(m3, [["render", C3]]), I3 = {
     highLight: {
       type: Boolean,
       default: !1
+    },
+    faded: {
+      type: Boolean,
+      default: !1
     }
   },
   computed: {
@@ -34800,6 +34804,9 @@ const PH = /* @__PURE__ */ Ae(m3, [["render", C3]]), I3 = {
     },
     highLighted() {
       return this.highLight ? "border-bright" : "border-poolSetup";
+    },
+    opacity() {
+      return this.faded ? "opacity-60 shadow-md" : "shadow-xl";
     }
   },
   methods: {
@@ -34817,12 +34824,12 @@ const PH = /* @__PURE__ */ Ae(m3, [["render", C3]]), I3 = {
 function b3(n, e, t, r, i, o) {
   const s = T("BaseText");
   return C(), B("section", {
-    class: te(["bg-poolSetup flex shadow-lg rounded-md border", [o.width, o.highLighted]]),
+    class: te(["bg-poolSetup flex rounded-md border", [o.width, o.highLighted, o.opacity]]),
     onMouseover: e[0] || (e[0] = (a) => o.handleHighLight(!0)),
     onMouseout: e[1] || (e[1] = (a) => o.handleHighLight(!1))
   }, [
     p("div", {
-      class: te(["text-center px-1 w-5 flex items-center justify-center rounded-l-md z-50", `bg-${t.color}`])
+      class: te(["text-center px-1 w-5 flex items-center justify-center rounded-l-md z-50", [`bg-${t.color}`]])
     }, [
       f(s, {
         text: t.position,
@@ -34859,8 +34866,9 @@ function b3(n, e, t, r, i, o) {
           o.club.length > 1 && t.large ? (C(), ae(s, {
             key: 0,
             color: "quinary",
-            text: o.club,
-            size: "xs"
+            text: o.club.substring(0, 36),
+            size: "xs",
+            class: "text-nowrap overflow-hidden"
           }, null, 8, ["text"])) : M("", !0)
         ])
       ])
@@ -34979,12 +34987,13 @@ const x3 = /* @__PURE__ */ Ae(I3, [["render", b3]]), k3 = {
     },
     getScoreColor(n) {
       if (n) {
-        if (this.bout.Score1 > this.bout.Score2)
+        if (this.bout.Person2.DisplayName === "BYE" && !(this.bout.Person1.DisplayName === "BYE" && this.bout.Person2.DisplayName === "BYE") || this.bout.Score1 > this.bout.Score2)
           return "bg-winGreen";
         if (this.bout.Score1 < this.bout.Score2 && this.bout.Status === "Active")
           return "bg-lossRed";
-      } else {
-        if (this.bout.Score1 < this.bout.Score2)
+      }
+      if (!n) {
+        if (this.bout.Person1.DisplayName === "BYE" && !(this.bout.Person1.DisplayName === "BYE" && this.bout.Person2.DisplayName === "BYE") || this.bout.Score1 < this.bout.Score2)
           return "bg-winGreen";
         if (this.bout.Score1 > this.bout.Score2 && this.bout.Status === "Active")
           return "bg-lossRed";
@@ -34993,6 +35002,9 @@ const x3 = /* @__PURE__ */ Ae(I3, [["render", b3]]), k3 = {
     },
     handleHighlight(n) {
       this.bout.Person1.DisplayName.length < 1 || this.bout.Person2.DisplayName.length < 1 || this.bout.Person1.DisplayName === "BYE" || this.bout.Person2.DisplayName === "BYE" || (this.highlight = n);
+    },
+    shouldFade(n, e) {
+      return this.bout.Person1.DisplayName === "BYE" && this.bout.Person2.DisplayName === "BYE" ? !1 : !!(e && (n.Person1.DisplayName === "BYE" || parseInt(n.Score1) < parseInt(n.Score2)) || !e && (n.Person2.DisplayName === "BYE" || parseInt(n.Score2) < parseInt(n.Score1)));
     }
   },
   computed: {
@@ -35062,13 +35074,16 @@ function S3(n, e, t, r, i, o) {
         scoreColor: o.getScoreColor(!0),
         large: t.large,
         highLight: i.highlight,
+        faded: o.shouldFade(t.bout, !0),
         "onAction:highLight": o.handleHighlight
-      }, null, 8, ["fencer", "score", "position", "color", "scoreColor", "large", "highLight", "onAction:highLight"])
+      }, null, 8, ["fencer", "score", "position", "color", "scoreColor", "large", "highLight", "faded", "onAction:highLight"])
     ]),
     p("div", {
       class: te(o.getCardSpace)
     }, null, 2),
-    p("section", null, [
+    p("section", {
+      onClick: e[1] || (e[1] = (A) => o.handleBoutClick(t.bout))
+    }, [
       f(a, {
         fencer: o.person2Display,
         score: o.score2,
@@ -35077,8 +35092,9 @@ function S3(n, e, t, r, i, o) {
         scoreColor: o.getScoreColor(!1),
         large: t.large,
         highLight: i.highlight,
+        faded: o.shouldFade(t.bout, !1),
         "onAction:highLight": o.handleHighlight
-      }, null, 8, ["fencer", "score", "position", "color", "scoreColor", "large", "highLight", "onAction:highLight"])
+      }, null, 8, ["fencer", "score", "position", "color", "scoreColor", "large", "highLight", "faded", "onAction:highLight"])
     ])
   ], 2);
 }