@dcrackel/meyersquaredui 1.0.129 → 1.0.132

package/dist/meyersquaredui.es.js

@@ -2839,7 +2839,7 @@ const js = /* @__PURE__ */ S(_s, [["render", Ls]]), Ns = {
       this.selectedTab = r, this.$emit("tab-clicked", r);
     }
   }
-}, Os = { class: "w-full rounded-lg" }, Ds = { class: "max-w-[1200px] md:w-full flex mx-2 md:mx-auto pl-4 bg-white rounded-tr-lg rounded-tl-lg" };
+}, Os = { class: "w-full rounded-t-lg" }, Ds = { class: "max-w-[1200px] md:w-full flex mx-2 md:mx-auto pl-4 bg-white rounded-tr-lg rounded-tl-lg" };
 function Rs(r, e, t, a, o, s) {
   const n = x("BaseText");
   return h(), f("div", Os, [
@@ -3564,7 +3564,8 @@ function Vr(r, e, t, a, o, s) {
           key: 0,
           src: t.imageSrc,
           alt: "Hero Image",
-          class: "w-full h-full object-cover object-top max-h-96"
+          class: "w-full h-full object-cover object-top max-h-96",
+          loading: "lazy"
         }, null, 8, Mr)),
         i("section", Lr, [
           i("div", jr, [
@@ -3787,7 +3788,8 @@ function Xr(r, e, t, a, o, s) {
         key: 0,
         src: t.imageSrc,
         alt: "Hero Image",
-        class: "w-full h-full object-cover object-top max-h-96"
+        class: "w-full h-full object-cover object-top max-h-96",
+        loading: "lazy"
       }, null, 8, Kr)),
       i("section", Yr, [
         i("div", Zr, [
@@ -4629,6 +4631,11 @@ const zd = /* @__PURE__ */ S(To, [["render", jo]]), No = {
   beforeDestroy() {
     this.stopTimer();
   },
+  watch: {
+    timerStatus(r) {
+      r === "running" ? this.startTimer() : this.stopTimer();
+    }
+  },
   computed: {
     status() {
       return this.isWaiting ? "waiting" : this.bout.Status;
@@ -4672,21 +4679,32 @@ const zd = /* @__PURE__ */ S(To, [["render", jo]]), No = {
       this.interval && clearInterval(this.interval), this.interval = null;
     }
   }
-}, Oo = { class: "flex items-center justify-between rounded-lg w-full" }, Do = { class: "flex space-x-4 items-center" }, Ro = ["src"], Fo = {
-  key: 0,
-  class: "w-2/12 h-16 pt-3 text-center bg-primary"
-}, Wo = { class: "flex justify-between space-x-4 ml-4 w-full" }, Go = { class: "flex" }, Uo = { class: "pt-1" }, Vo = { class: "pl-2" }, Ho = ["src"], qo = {
+}, Oo = {
   key: 0,
   class: "text-left"
-};
+}, Do = { class: "flex items-center justify-between rounded-lg w-full" }, Ro = { class: "flex space-x-4 items-center" }, Fo = ["src"], Wo = {
+  key: 0,
+  class: "w-2/12 h-16 pt-3 text-center bg-primary"
+}, Go = { class: "flex justify-between space-x-4 ml-4 w-full" }, Uo = { class: "flex" }, Vo = { class: "pt-1" }, Ho = { class: "pl-2" }, qo = ["src"];
 function Ko(r, e, t, a, o, s) {
   const n = x("BaseText");
   return h(), f("section", null, [
-    i("div", Oo, [
+    t.bout.customStatus && s.status !== "Active" ? (h(), f("div", Oo, [
+      d(n, {
+        size: "sm",
+        color: "primary"
+      }, {
+        default: m(() => [
+          u(p(t.bout.customStatus), 1)
+        ]),
+        _: 1
+      })
+    ])) : v("", !0),
+    i("div", Do, [
       i("div", {
         class: B(["w-5/12 flex justify-between border-l border-t border-b p-2 bg-poolBox rounded-l-xl", [s.status !== "Active" ? "border-r" : ""]])
       }, [
-        i("div", Do, [
+        i("div", Ro, [
           i("div", null, [
             i("div", {
               class: B(`w-4 h-4 rounded-full bg-${t.hostingClubColors.Color1} absolute mt-8 ml-9`)
@@ -4695,7 +4713,7 @@ function Ko(r, e, t, a, o, s) {
               src: s.fencer1Portrait,
               alt: "Portrait",
               class: "w-12 h-12 rounded-full"
-            }, null, 8, Ro)
+            }, null, 8, Fo)
           ]),
           i("div", null, [
             d(n, {
@@ -4730,11 +4748,12 @@ function Ko(r, e, t, a, o, s) {
           _: 1
         })
       ], 2),
-      t.bout.Status === "Active" ? (h(), f("div", Fo, [
+      t.bout.Status === "Active" ? (h(), f("div", Wo, [
         d(n, {
           size: "2xl",
           color: "white",
-          weight: "bold"
+          weight: "bold",
+          class: "font-sourceCodePro"
         }, {
           default: m(() => [
             u(p(s.displayTime), 1)
@@ -4745,7 +4764,7 @@ function Ko(r, e, t, a, o, s) {
       i("div", {
         class: B(["w-5/12 flex justify-between border-r border-t border-b p-2 bg-poolBox rounded-r-xl", [s.status !== "Active" ? "border-l" : ""]])
       }, [
-        i("div", Wo, [
+        i("div", Go, [
           d(n, {
             size: "3xl",
             weight: "bold",
@@ -4756,8 +4775,8 @@ function Ko(r, e, t, a, o, s) {
             ]),
             _: 1
           }),
-          i("div", Go, [
-            i("div", Uo, [
+          i("div", Uo, [
+            i("div", Vo, [
               d(n, {
                 size: "md",
                 color: "primary",
@@ -4780,7 +4799,7 @@ function Ko(r, e, t, a, o, s) {
                 _: 1
               })
             ]),
-            i("div", Vo, [
+            i("div", Ho, [
               i("div", {
                 class: B(`w-4 h-4 rounded-full bg-${t.hostingClubColors.Color2} absolute mt-8 mr-14`)
               }, null, 2),
@@ -4788,23 +4807,12 @@ function Ko(r, e, t, a, o, s) {
                 src: s.fencer2Portrait,
                 alt: "Portrait",
                 class: "w-12 h-12 rounded-full"
-              }, null, 8, Ho)
+              }, null, 8, qo)
             ])
           ])
         ])
       ], 2)
-    ]),
-    t.bout.customStatus && s.status !== "Active" ? (h(), f("div", qo, [
-      d(n, {
-        size: "sm",
-        color: "primary"
-      }, {
-        default: m(() => [
-          u(p(t.bout.customStatus), 1)
-        ]),
-        _: 1
-      })
-    ])) : v("", !0)
+    ])
   ]);
 }
 const Yo = /* @__PURE__ */ S(No, [["render", Ko]]), Zo = {
@@ -4843,6 +4851,11 @@ const Yo = /* @__PURE__ */ S(No, [["render", Ko]]), Zo = {
   beforeDestroy() {
     this.stopTimer();
   },
+  watch: {
+    timerStatus(r) {
+      r === "running" ? this.startTimer() : this.stopTimer();
+    }
+  },
   computed: {
     status() {
       return this.isWaiting ? "waiting" : this.bout.Status;
@@ -4958,7 +4971,8 @@ function un(r, e, t, a, o, s) {
           d(n, {
             size: "sm",
             color: "white",
-            weight: "bold"
+            weight: "bold",
+            class: "font-sourceCodePro"
           }, {
             default: m(() => [
               u(p(s.displayTime), 1)
@@ -5110,13 +5124,15 @@ function Cn(r, e, t, a, o, s) {
           o.isMobile ? v("", !0) : (h(), W(n, {
             key: 0,
             bout: g,
-            hostingClubColors: t.hostingClubColors
-          }, null, 8, ["bout", "hostingClubColors"])),
+            hostingClubColors: t.hostingClubColors,
+            timerStatus: g.TimerStatus
+          }, null, 8, ["bout", "hostingClubColors", "timerStatus"])),
           o.isMobile ? (h(), W(c, {
             key: 1,
             bout: g,
-            hostingClubColors: t.hostingClubColors
-          }, null, 8, ["bout", "hostingClubColors"])) : v("", !0)
+            hostingClubColors: t.hostingClubColors,
+            timerStatus: g.TimerStatus
+          }, null, 8, ["bout", "hostingClubColors", "timerStatus"])) : v("", !0)
         ]))), 128))
       ])
     ])) : v("", !0),
@@ -5253,8 +5269,8 @@ const Bd = /* @__PURE__ */ S(hn, [["render", Cn]]), Sn = {
       this.showStats = window.matchMedia("(min-width: 768px)").matches;
     },
     getFencerShortName(r) {
-      const [e, t] = r.split(" "), a = t ? t.charAt(0) : "";
-      return `${e} ${a}.`;
+      const [e, t] = r.split(" ");
+      return `${e ? e.charAt(0) : ""}. ${t}`;
     },
     getScore(r, e) {
       const t = this.bouts.find(
@@ -5268,20 +5284,22 @@ const Bd = /* @__PURE__ */ S(hn, [["render", Cn]]), Sn = {
       return "";
     },
     getBoutClass(r, e) {
-      const t = this.bouts.find((a) => a.Person1Id === r && a.Person2Id === e || a.Person1Id === e && a.Person2Id === r);
+      const t = this.bouts.find(
+        (a) => a.Person1Id === r && a.Person2Id === e || a.Person1Id === e && a.Person2Id === r
+      );
       if (t) {
         if (t.Status === "Completed") {
           if (t.Score1 > t.Score2)
-            return r === t.Person1Id ? "bg-accent" : "bg-gray-400";
+            return r === t.Person1Id ? { bg: "bg-accent", text: "text-white" } : { bg: "border-accent border bg-white", text: "text-primary" };
           if (t.Score2 > t.Score1)
-            return e === t.Person2Id ? "bg-gray-400" : "bg-accent";
+            return e === t.Person2Id ? { bg: "border-accent border bg-white", text: "text-primary" } : { bg: "bg-accent", text: "text-white" };
           if (t.Score2 === t.Score1)
-            return e === t.Person2Id, "bg-primary";
+            return { bg: "bg-primary", text: "text-white" };
         }
         if (t.Status === "Active")
-          return "bg-blue";
+          return { bg: "bg-blue", text: "text-white" };
       }
-      return "";
+      return { bg: "", text: "" };
     },
     getStats(r) {
       const e = this.bouts.filter((l) => (l.Person1Id === r.PersonId || l.Person2Id === r.PersonId) && l.Status === "Completed"), t = e.filter((l) => l.Person1Id === r.PersonId && l.Score1 > l.Score2 || l.Person2Id === r.PersonId && l.Score2 > l.Score1).length, a = e.filter((l) => l.Person1Id === r.PersonId && l.Score1 < l.Score2 || l.Person2Id === r.PersonId && l.Score2 < l.Score1).length, o = e.reduce((l, g) => l + (g.Person1Id === r.PersonId ? g.Score1 : g.Score2), 0), s = e.reduce((l, g) => l + (g.Person1Id === r.PersonId ? g.Score2 : g.Score1), 0), n = o - s;
@@ -5313,7 +5331,7 @@ const Bd = /* @__PURE__ */ S(hn, [["render", Cn]]), Sn = {
 }, Ln = {
   key: 5,
   class: "bg-primary rounded-md md:rounded-lg able-cell text-center align-middle h-6 w-6 md:h-10 md:w-10"
-}, jn = { class: "border border-primary rounded-md md:rounded-lg text-right align-middle px-1 md:px-4" }, Nn = { class: "bg-primary rounded-md md:rounded-lg text-center align-middle h-6 w-6 md:h-10 md:w-10" }, On = ["rowspan"], Dn = {
+}, jn = { class: "border border-primary rounded-md md:rounded-lg text-right align-middle px-1 md:px-4 w-auto" }, Nn = { class: "bg-primary rounded-md md:rounded-lg text-center align-middle h-6 w-6 md:h-10 md:w-10" }, On = ["rowspan"], Dn = {
   key: 1,
   class: "border border-primary rounded-md md:rounded-lg table-cell text-center align-middle h-6 w-6 md:h-10 md:w-10"
 }, Rn = {
@@ -5349,7 +5367,7 @@ function Un(r, e, t, a, o, s) {
             })
           ]),
           e[7] || (e[7] = i("th", { class: "w-1" }, null, -1)),
-          e[8] || (e[8] = i("th", { class: "bg-gray-800 rounded-md md:rounded-lg px-1 py-1 md:px-4 md:py-2" }, null, -1)),
+          e[8] || (e[8] = i("th", { class: "bg-primary rounded-md md:rounded-lg px-1 py-1 md:px-4 md:py-2" }, null, -1)),
           (h(!0), f(P, null, L(s.participants, (l, g) => (h(), f("th", {
             key: l.PersonId,
             class: "bg-primary rounded-md md:rounded-lg text-center align-middle"
@@ -5443,7 +5461,7 @@ function Un(r, e, t, a, o, s) {
             d(n, {
               size: "",
               color: "primary",
-              class: "hidden md:block text-xs md:text-sm"
+              class: "hidden md:block text-xs md:text-sm min-w-48"
             }, {
               default: m(() => [
                 u(p(l.DisplayName), 1)
@@ -5477,22 +5495,21 @@ function Un(r, e, t, a, o, s) {
           ]),
           (h(!0), f(P, null, L(s.participants, (b) => (h(), f("td", {
             key: b.PersonId,
-            class: B([{ "bg-gray-800 rounded-md md:rounded-lg ": l.PersonId === b.PersonId, "bg-secondary rounded-lg": l.PersonId !== b.PersonId }, "rounded-md md:rounded-lg h-6 w-6 md:h-10 md:w-10"])
+            class: B([{ "bg-primary rounded-md md:rounded-lg ": l.PersonId === b.PersonId, "bg-secondary rounded-lg": l.PersonId !== b.PersonId }, "rounded-md md:rounded-lg h-6 w-6 md:h-10 md:w-10"])
           }, [
             l.PersonId !== b.PersonId ? (h(), f("div", {
               key: 0,
-              class: B([s.getBoutClass(l.PersonId, b.PersonId), "rounded-md md:rounded-lg text-center pt-1 md:pt-2.5 h-6 w-6 md:h-10 md:w-10"])
+              class: B([[s.getBoutClass(l.PersonId, b.PersonId).bg], "rounded-md md:rounded-lg text-center pt-1 md:pt-2.5 h-6 w-6 md:h-10 md:w-10"])
             }, [
               d(n, {
-                size: "",
-                color: "white",
-                class: "text-xs md:text-sm"
+                class: B([s.getBoutClass(l.PersonId, b.PersonId).text, "text-xs md:text-sm"]),
+                size: ""
               }, {
                 default: m(() => [
                   u(p(s.getScore(l.PersonId, b.PersonId)), 1)
                 ]),
                 _: 2
-              }, 1024)
+              }, 1032, ["class"])
             ], 2)) : v("", !0)
           ], 2))), 128)),
           g === 0 ? (h(), f("td", {
@@ -7005,7 +7022,8 @@ function al(r, e, t, a, o, s) {
           key: 0,
           src: t.imageSrc,
           alt: "Hero Image",
-          class: "w-full h-full object-cover"
+          class: "w-full h-full object-cover",
+          loading: "lazy"
         }, null, 8, tl)),
         i("section", sl, [
           i("div", rl, [