@dcrackel/hematournamentui 1.0.231 → 1.0.233

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, {
@@ -30395,7 +30395,7 @@ const kH = /* @__PURE__ */ Ae(hO, [["render", yO]]), ip = "data:image/png;base64
       this.$emit("button-click", n);
     }
   }
-}, bO = { class: "bg-secondary min-h-screen flex flex-col justify-between" }, xO = { class: "h-28 border-b border-neutral" }, kO = { class: "flex flex-col justify-center h-28" }, DO = { class: "flex justify-center" }, SO = ["src"], TO = { class: "flex flex-col p-2 h-full" }, MO = { class: "flex flex-col justify-end p-2 flex-grow" }, OO = { class: "border-t border-neutral pt-2" };
+}, bO = { class: "bg-secondary min-h-screen flex flex-col justify-between w-[150]" }, xO = { class: "h-28 border-b border-neutral" }, kO = { class: "flex flex-col justify-center h-28" }, DO = { class: "flex justify-center" }, SO = ["src"], TO = { class: "flex flex-col p-2 h-full" }, MO = { class: "flex flex-col justify-end p-2 flex-grow" }, OO = { class: "border-t border-neutral pt-2" };
 function PO(n, e, t, r, i, o) {
   const s = T("BaseButton");
   return C(), B("div", bO, [
@@ -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,
@@ -34854,13 +34861,14 @@ function b3(n, e, t, r, i, o) {
             size: t.large ? "sm" : "xs",
             weight: t.large ? "bold" : "normal",
             color: "quaternary",
-            class: "text-nowrap overflow-hidden"
+            class: "truncate text-nowrap overflow-hidden"
           }, null, 8, ["text", "size", "weight"]),
           o.club.length > 1 && t.large ? (C(), ae(s, {
             key: 0,
             color: "quinary",
-            text: o.club,
-            size: "xs"
+            text: o.club.substring(0, 28),
+            size: "xs",
+            class: "truncate 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);
 }
@@ -35119,7 +35135,7 @@ const pp = /* @__PURE__ */ Ae(D3, [["render", S3]]), T3 = {
       "Table of 8": { getTopSpace: "mt-[1.3rem]", getConnectorHeight: "h-[7rem]", getTopSpaceForLine: "mt-[3.25rem]" },
       Quarterfinal: { getTopSpace: "mt-[4.7rem]", getConnectorHeight: "h-[14rem]", getTopSpaceForLine: "mt-[7rem]" },
       Semifinal: { getTopSpace: "mt-[12.7rem]", getConnectorHeight: "h-[28.3rem]", getTopSpaceForLine: "" },
-      Final: { getTopSpace: "h-[28rem] mt-[27rem] -ml-[309px]", getBottomLine: "h-[28rem] mt-[2.5rem] -ml-[309px]" },
+      Final: { getTopSpace: "h-[30rem] mt-[25rem] -ml-[309px]", getBottomLine: "h-[30rem] mt-[2.5rem] -ml-[309px]" },
       "Third Place": { getTopSpace: "hidden", getConnectorHeight: "hidden", getTopSpaceForLine: "hidden" }
     },
     small: {