@dcrackel/meyersquaredui 1.0.129 → 1.0.130

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,7 +4748,7 @@ 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",
@@ -4745,7 +4763,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 +4774,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 +4798,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 +4806,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 +4850,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;
@@ -5110,13 +5122,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),
@@ -7005,7 +7019,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, [