@dcrackel/hematournamentui 1.0.554 → 1.0.556

package/dist/HemaTournamentUI-lib.es.js

@@ -34398,65 +34398,15 @@ const sz = /* @__PURE__ */ se(V7, [["render", iz]]), Az = {
   name: "TimerBox",
   components: { BaseButton: qe, BaseIcon: He, BaseText: Be },
   props: {
-    initialTime: {
-      type: Number,
-      default: 120
-    },
-    ringName: {
-      type: String,
-      required: !0
-    },
-    showSubmit: {
-      type: Boolean,
-      default: !1
-    },
-    clockStatus: {
-      type: String,
-      default: "stopped"
-    }
-  },
-  data() {
-    return {
-      time: parseInt(this.initialTime),
-      running: !1,
-      timerInterval: null
-    };
+    timeLeft: Number,
+    running: Boolean,
+    ringName: String
   },
   computed: {
     formattedTime() {
-      const t = Math.floor(this.time / 60), e = this.time % 60;
+      const t = Math.floor(this.timeLeft / 60), e = this.timeLeft % 60;
       return `${t}:${e < 10 ? "0" : ""}${e}`;
-    },
-    timerState() {
-      return this.running ? "running" : "paused";
-    }
-  },
-  watch: {
-    clockStatus(t) {
-      t === "stopped" && this.stopTimer();
-    }
-  },
-  methods: {
-    startOrPause() {
-      this.emitTimeStateChange(), this.running ? clearInterval(this.timerInterval) : this.timerInterval = setInterval(() => {
-        this.time > 0 ? (this.time--, this.emitTimeChange(this.time)) : this.stopTimer();
-      }, 1e3), this.running = !this.running;
-    },
-    async alterTime(t) {
-      this.stopTimer(), this.time = Math.max(0, this.time + t), this.emitTimeStateChange();
-    },
-    stopTimer() {
-      clearInterval(this.timerInterval), this.running = !1, this.emitTimeStateChange();
-    },
-    emitTimeStateChange() {
-      this.$emit("update:timeChange", { time: this.time, running: this.running });
-    },
-    emitTimeChange() {
-      this.$emit("update:time", this.time);
     }
-  },
-  beforeDestroy() {
-    clearInterval(this.timerInterval);
   }
 }, az = { class: "mt-4 py-4 md:mt-4 md:py-6 w-11/12 flex flex-col bg-white mx-auto rounded-2xl shadow-md border" }, lz = { class: "w-full flex flex-row justify-around text-center px-4" }, cz = { class: "pt-1 flex flex-col" }, uz = { class: "bg-gridBoxHeader rounded-lg h-12 flex items-center justify-center" }, dz = { class: "flex flex-col w-44 justify-between" }, gz = { class: "flex flex-col h-6" }, hz = { class: "pt-1 flex flex-col" }, pz = { class: "bg-gridBoxHeader rounded-lg h-12 flex items-center justify-center" };
 function fz(t, e, n, r, o, i) {
@@ -34468,7 +34418,7 @@ function fz(t, e, n, r, o, i) {
           "icon-name": "fa-square-chevron-up",
           size: "5xl",
           color: "quaternary",
-          onClick: e[0] || (e[0] = (c) => i.alterTime(10)),
+          onClick: e[0] || (e[0] = (c) => t.$emit("adjustTime", 10)),
           class: "hover:text-quaternaryHighlight"
         }),
         p("div", uz, [
@@ -34482,7 +34432,7 @@ function fz(t, e, n, r, o, i) {
           "icon-name": "fa-square-chevron-down",
           size: "5xl",
           color: "quaternary",
-          onClick: e[1] || (e[1] = (c) => i.alterTime(-10)),
+          onClick: e[1] || (e[1] = (c) => t.$emit("adjustTime", -10)),
           class: "hover:text-quaternaryHighlight"
         })
       ]),
@@ -34491,7 +34441,7 @@ function fz(t, e, n, r, o, i) {
           h(a, {
             text: n.ringName,
             size: "xl",
-            color: i.timerState === "running" ? "alarmText" : "quaternary",
+            color: n.running ? "alarmText" : "quaternary",
             weight: "bold"
           }, null, 8, ["text", "color"])
         ]),
@@ -34499,22 +34449,22 @@ function fz(t, e, n, r, o, i) {
           text: i.formattedTime,
           size: "5xl",
           weight: "bold",
-          color: i.timerState === "running" ? "alarmText" : "quaternary"
+          color: n.running ? "alarmText" : "quaternary"
         }, null, 8, ["text", "color"]),
         h(l, {
-          label: i.timerState === "running" ? "Pause" : "Start",
+          label: n.running ? "Pause" : "Start",
           type: "playPause",
-          selected: i.timerState === "running",
+          selected: n.running,
           size: "xl",
-          onButtonClick: i.startOrPause
-        }, null, 8, ["label", "selected", "onButtonClick"])
+          onButtonClick: e[2] || (e[2] = (c) => t.$emit("startPause"))
+        }, null, 8, ["label", "selected"])
       ]),
       p("div", hz, [
         h(A, {
           "icon-name": "fa-square-chevron-up",
           size: "5xl",
           color: "quaternary",
-          onClick: e[2] || (e[2] = (c) => i.alterTime(1)),
+          onClick: e[3] || (e[3] = (c) => t.$emit("adjustTime", 1)),
           class: "hover:text-quaternaryHighlight"
         }),
         p("div", pz, [
@@ -34528,7 +34478,7 @@ function fz(t, e, n, r, o, i) {
           "icon-name": "fa-square-chevron-down",
           size: "5xl",
           color: "quaternary",
-          onClick: e[3] || (e[3] = (c) => i.alterTime(-1)),
+          onClick: e[4] || (e[4] = (c) => t.$emit("adjustTime", -1)),
           class: "hover:text-quaternaryHighlight"
         })
       ])
@@ -34642,6 +34592,35 @@ function Sz(t, e, n, r, o, i) {
   ]);
 }
 const kz = /* @__PURE__ */ se(mz, [["render", Sz]]), Mz = {
+  name: "PenaltyConfirmationBox",
+  components: { BaseText: Be, BaseIcon: He }
+}, Oz = { class: "mt-4 py-4 md:mt-4 md:py-6 w-11/12 flex flex-col bg-white mx-auto rounded-2xl shadow-md border" }, Tz = { class: "w-full flex flex-col items-center text-center px-4" };
+function Rz(t, e, n, r, o, i) {
+  const A = w("BaseIcon"), a = w("BaseText");
+  return C(), I("section", Oz, [
+    p("div", Tz, [
+      h(A, {
+        "icon-name": "fa-clock",
+        size: "5xl",
+        color: "quaternary",
+        class: "mb-4"
+      }),
+      h(a, {
+        text: "Waiting for second confirmation",
+        size: "xl",
+        color: "primary",
+        weight: "bold"
+      }),
+      h(a, {
+        text: "Issue has been recorded and is pending approval from another staff member.",
+        size: "sm",
+        color: "quinary",
+        class: "mt-2 px-6"
+      })
+    ])
+  ]);
+}
+const Pz = /* @__PURE__ */ se(Mz, [["render", Rz]]), zz = {
   name: "ConfirmModal",
   components: { BaseButton: qe, BaseIcon: He, BaseText: Be },
   props: {
@@ -34694,8 +34673,8 @@ const kz = /* @__PURE__ */ se(mz, [["render", Sz]]), Mz = {
       this.$emit("cancel-modal"), this.close();
     }
   }
-}, Oz = { class: "absolute top-3 right-3" }, Tz = { class: "mt-3 text-center w-full" }, Rz = { class: "w-full flex flex-row justify-center mb-8" }, Pz = { class: "mt-4 flex flex-row justify-between space-x-3 w-full" };
-function zz(t, e, n, r, o, i) {
+}, Lz = { class: "absolute top-3 right-3" }, Fz = { class: "mt-3 text-center w-full" }, Nz = { class: "w-full flex flex-row justify-center mb-8" }, Hz = { class: "mt-4 flex flex-row justify-between space-x-3 w-full" };
+function qz(t, e, n, r, o, i) {
   const A = w("BaseIcon"), a = w("BaseText"), l = w("BaseButton");
   return n.show ? (C(), I("div", {
     key: 0,
@@ -34707,7 +34686,7 @@ function zz(t, e, n, r, o, i) {
       onClick: e[0] || (e[0] = at(() => {
       }, ["stop"]))
     }, [
-      p("div", Oz, [
+      p("div", Lz, [
         h(A, {
           "icon-name": "fa-circle-xmark",
           size: "lg",
@@ -34716,8 +34695,8 @@ function zz(t, e, n, r, o, i) {
           onClick: i.close
         }, null, 8, ["onClick"])
       ]),
-      p("div", Tz, [
-        p("div", Rz, [
+      p("div", Fz, [
+        p("div", Nz, [
           p("p", {
             class: ee(["bg-" + n.iconBackgroundColor, "flex flex-row justify-center h-20 w-20 rounded-full", "border border-" + n.iconBorderColor])
           }, [
@@ -34749,7 +34728,7 @@ function zz(t, e, n, r, o, i) {
             "data-testid": "text-title"
           }, null, 8, ["text"])
         ]),
-        p("div", Pz, [
+        p("div", Hz, [
           h(l, {
             label: n.cancelText,
             selected: !0,
@@ -34774,9 +34753,9 @@ function zz(t, e, n, r, o, i) {
     ])
   ])) : b("", !0);
 }
-const Lz = /* @__PURE__ */ se(Mz, [["render", zz]]), Fz = {
+const Yz = /* @__PURE__ */ se(zz, [["render", qz]]), jz = {
   name: "PenaltyCard",
-  components: { ConfirmModal: Lz, BaseIcon: He, BaseButton: qe, BaseText: Be },
+  components: { ConfirmModal: Yz, BaseIcon: He, BaseButton: qe, BaseText: Be },
   emits: ["penalty:remove", "penalty:add", "penalty:update", "toggleFlag"],
   props: {
     fencer1: {
@@ -34935,24 +34914,24 @@ const Lz = /* @__PURE__ */ se(Mz, [["render", zz]]), Fz = {
       }
     }
   }
-}, Nz = { class: "w-full bg-poolSetup p-2" }, Hz = { class: "flex items-center mb-6" }, qz = {
+}, Kz = { class: "w-full bg-poolSetup p-2" }, Uz = { class: "flex items-center mb-6" }, Gz = {
   key: 0,
   class: "w-12 h-12 rounded-full bg-dropdownSelect flex items-center justify-center"
-}, Yz = ["src"], jz = { class: "pl-3" }, Kz = { class: "flex justify-around mb-6" }, Uz = { class: "mb-4" }, Gz = { class: "w-full flex justify-between" }, Jz = ["onClick"];
-function Vz(t, e, n, r, o, i) {
+}, Jz = ["src"], Vz = { class: "pl-3" }, Wz = { class: "flex justify-around mb-6" }, Xz = { class: "mb-4" }, Zz = { class: "w-full flex justify-between" }, _z = ["onClick"];
+function $z(t, e, n, r, o, i) {
   const A = w("BaseText"), a = w("BaseIcon"), l = w("BaseButton"), c = w("ConfirmModal");
   return C(), I(ae, null, [
-    p("div", Nz, [
-      p("div", Hz, [
-        i.portraitURL ? b("", !0) : (C(), I("div", qz)),
+    p("div", Kz, [
+      p("div", Uz, [
+        i.portraitURL ? b("", !0) : (C(), I("div", Gz)),
         i.portraitURL ? (C(), I("img", {
           key: 1,
           src: i.portraitURL,
           alt: "Portrait",
           class: "w-9 h-9 rounded-r-md"
-        }, null, 8, Yz)) : b("", !0),
+        }, null, 8, Jz)) : b("", !0),
         p("div", null, [
-          p("div", jz, [
+          p("div", Vz, [
             h(A, {
               text: i.displayName,
               size: "lg",
@@ -34967,7 +34946,7 @@ function Vz(t, e, n, r, o, i) {
           ])
         ])
       ]),
-      p("div", Kz, [
+      p("div", Wz, [
         p("div", {
           class: ee(["h-12 w-12 bg-neutral border rounded-full z-0 shadow", o.yellowCardToggle ? "border border-gold" : "border"])
         }, [
@@ -35042,7 +35021,7 @@ function Vz(t, e, n, r, o, i) {
           })
         ], 2)
       ]),
-      p("div", Uz, [
+      p("div", Xz, [
         no(p("textarea", {
           "onUpdate:modelValue": e[4] || (e[4] = (u) => o.currentNote = u),
           class: "w-full h-20 border rounded-md p-2",
@@ -35050,7 +35029,7 @@ function Vz(t, e, n, r, o, i) {
         }, null, 512), [
           [cl, o.currentNote]
         ]),
-        p("div", Gz, [
+        p("div", Zz, [
           h(l, {
             type: "primary",
             label: "Clear",
@@ -35102,7 +35081,7 @@ function Vz(t, e, n, r, o, i) {
               color: "primary",
               class: ""
             }, null, 8, ["text"])
-          ], 8, Jz),
+          ], 8, _z),
           h(a, {
             iconName: "fa-times",
             color: "red",
@@ -35127,9 +35106,9 @@ function Vz(t, e, n, r, o, i) {
     }, null, 8, ["show", "onConfirmModal", "onCancelModal"])
   ], 64);
 }
-const Wz = /* @__PURE__ */ se(Fz, [["render", Vz]]), Xz = {
+const eL = /* @__PURE__ */ se(jz, [["render", $z]]), tL = {
   name: "PenaltyModal",
-  components: { BaseText: Be, PenaltyCard: Wz, BaseIcon: He },
+  components: { BaseText: Be, PenaltyCard: eL, BaseIcon: He },
   emits: ["update:closeModal", "penalty:remove", "penalty:add", "penalty:update"],
   props: {
     show: {
@@ -35159,8 +35138,8 @@ const Wz = /* @__PURE__ */ se(Fz, [["render", Vz]]), Xz = {
       this.$emit("penalty:remove", { penalty: t, fencer1: this.fencer1 });
     }
   }
-}, Zz = { class: "flex w-full justify-end mt-1" };
-function _z(t, e, n, r, o, i) {
+}, nL = { class: "flex w-full justify-end mt-1" };
+function rL(t, e, n, r, o, i) {
   const A = w("BaseIcon"), a = w("PenaltyCard");
   return C(), ne(cn, {
     "enter-active-class": "transition-opacity duration-500",
@@ -35181,7 +35160,7 @@ function _z(t, e, n, r, o, i) {
           onClick: e[0] || (e[0] = at(() => {
           }, ["stop"]))
         }, [
-          p("div", Zz, [
+          p("div", nL, [
             h(A, {
               "icon-name": "fa-circle-xmark",
               size: "lg",
@@ -35203,59 +35182,14 @@ function _z(t, e, n, r, o, i) {
     _: 1
   });
 }
-const Jp = /* @__PURE__ */ se(Xz, [["render", _z]]), $z = {
-  name: "PenaltyConfirmationBox",
-  components: { BaseText: Be, BaseIcon: He }
-}, eL = { class: "mt-4 py-4 md:mt-4 md:py-6 w-11/12 flex flex-col bg-white mx-auto rounded-2xl shadow-md border" }, tL = { class: "w-full flex flex-col items-center text-center px-4" };
-function nL(t, e, n, r, o, i) {
-  const A = w("BaseIcon"), a = w("BaseText");
-  return C(), I("section", eL, [
-    p("div", tL, [
-      h(A, {
-        "icon-name": "fa-clock",
-        size: "5xl",
-        color: "quaternary",
-        class: "mb-4"
-      }),
-      h(a, {
-        text: "Waiting for second confirmation",
-        size: "xl",
-        color: "primary",
-        weight: "bold"
-      }),
-      h(a, {
-        text: "Issue has been recorded and is pending approval from another staff member.",
-        size: "sm",
-        color: "quinary",
-        class: "mt-2 px-6"
-      })
-    ])
-  ]);
-}
-const rL = /* @__PURE__ */ se($z, [["render", nL]]), oL = {
+const Jp = /* @__PURE__ */ se(tL, [["render", rL]]), oL = {
   name: "DirectorCard",
-  components: {
-    PenaltyConfirmationBox: rL,
-    PenaltyModal: Jp,
-    BaseButton: qe,
-    TimerBox: Cz,
-    PassesBox: kz,
-    ScoreBox: sz
-  },
+  components: { PenaltyModal: Jp, PenaltyConfirmationBox: Pz, ScoreBox: sz, TimerBox: Cz, PassesBox: kz, BaseButton: qe },
   emits: ["penalty:remove", "penalty:add", "penalty:update", "submit:bout", "update:bout"],
   props: {
-    eventRules: {
-      type: Array,
-      default: () => []
-    },
-    bout: {
-      type: Object,
-      required: !0
-    },
-    hostingClubColors: {
-      type: Object,
-      required: !0
-    }
+    eventRules: Array,
+    bout: Object,
+    hostingClubColors: Object
   },
   data() {
     return {
@@ -35266,34 +35200,32 @@ const rL = /* @__PURE__ */ se($z, [["render", nL]]), oL = {
       localBout: { ...this.bout },
       isCountingUp: !0,
       lastNote1: "",
-      lastNote2: ""
+      lastNote2: "",
+      timeLeft: 0,
+      timerRunning: !1,
+      timerInterval: null
     };
   },
   mounted() {
-    this.localBout.TimeLeft = this.startTime, this.setCountingDirection(), this.emitBout();
+    this.timeLeft = this.startTime, this.determineCountingDirection();
   },
   computed: {
     RingName() {
-      return this.localBout.Pool.RingName || "Ring";
+      var t;
+      return ((t = this.localBout.Pool) == null ? void 0 : t.RingName) || "Ring";
     },
     showPassesBox() {
       return Array.isArray(this.eventRules) && !this.showPenaltyConfirmationBox && (this.eventRules.some((t) => t.Rules.RuleName === "PoolNumOfPasses") || this.eventRules.some((t) => t.Rules.RuleName === "DENumOfPasses"));
     },
     showTimerBox() {
-      return Array.isArray(this.eventRules) && !this.showPenaltyConfirmationBox && (this.eventRules.some((t) => t.Rules.RuleName === "PoolTime") || this.eventRules.some((t) => t.Rules.RuleName === "DETime"));
+      return this.eventRules.some((t) => t.Rules.RuleName.includes("Time"));
+    },
+    startTime() {
+      return this.localBout.TimeLeft || 90;
     },
     showHandShotCounterBox() {
       return Array.isArray(this.eventRules) && this.eventRules.some((t) => t.Rules.RuleName === "CountHandshots" && t.RuleValue === "true");
     },
-    startTime() {
-      if (this.localBout.TimeLeft > 0) return this.localBout.TimeLeft;
-      if (this.localBout.DEBoutId) {
-        const e = Array.isArray(this.eventRules) ? this.eventRules.find((n) => n.Rules.RuleName === "DETime") : null;
-        return e ? parseInt(e.RuleValue) : 90;
-      }
-      const t = Array.isArray(this.eventRules) ? this.eventRules.find((e) => e.Rules.RuleName === "PoolTime") : null;
-      return t ? parseInt(t.RuleValue) : 90;
-    },
     maxPoints() {
       if (this.localBout.DEBoutId) {
         const e = Array.isArray(this.eventRules) ? this.eventRules.find((n) => n.Rules.RuleName === "DEMaxPoints") : null;
@@ -35301,9 +35233,37 @@ const rL = /* @__PURE__ */ se($z, [["render", nL]]), oL = {
       }
       const t = Array.isArray(this.eventRules) ? this.eventRules.find((e) => e.Rules.RuleName === "PoolMaxPoints") : null;
       return t ? parseInt(t.RuleValue) : 7;
+    },
+    maxPasses() {
+      if (this.localBout.DEBoutId) {
+        const e = Array.isArray(this.eventRules) ? this.eventRules.find((n) => n.Rules.RuleName === "DEMaxPasses") : null;
+        return e ? parseInt(e.RuleValue) : 7;
+      }
+      const t = Array.isArray(this.eventRules) ? this.eventRules.find((e) => e.Rules.RuleName === "PoolMaxPasses") : null;
+      return t ? parseInt(t.RuleValue) : 7;
     }
   },
   methods: {
+    determineCountingDirection() {
+      if (Array.isArray(this.eventRules)) {
+        const t = this.eventRules.find((e) => e.Rules.RuleName === "PoolScoreDirection");
+        this.isCountingUp = t ? t.RuleValue === "true" : !0;
+      }
+    },
+    toggleTimer() {
+      this.timerRunning ? clearInterval(this.timerInterval) : this.timerInterval = setInterval(() => {
+        this.timeLeft > 0 ? (this.timeLeft--, this.emitBout()) : this.stopTimer();
+      }, 1e3), this.timerRunning = !this.timerRunning, this.emitBout();
+    },
+    adjustTime(t) {
+      this.timeLeft = Math.max(0, this.timeLeft + t), this.emitBout();
+    },
+    stopTimer() {
+      clearInterval(this.timerInterval), this.timerRunning = !1, this.emitBout();
+    },
+    submitBout() {
+      this.stopTimer(), this.$emit("submit:bout", this.localBout);
+    },
     handleCloseModal() {
       this.showPenaltyModal = !1;
     },
@@ -35328,11 +35288,8 @@ const rL = /* @__PURE__ */ se($z, [["render", nL]]), oL = {
     updatePasses(t) {
       this.localBout.CurrentPass = t, this.emitBout();
     },
-    submitBout() {
-      this.handleTimeStateChange({ time: this.localBout.TimeLeft, running: !1 }), this.showSubmit && this.$emit("submit:bout", this.localBout);
-    },
     emitBout() {
-      this.localBout.Started === null && (this.localBout.Started = (/* @__PURE__ */ new Date()).toISOString());
+      this.localBout.TimeLeft = this.timeLeft, this.localBout.Started === null && (this.localBout.Started = (/* @__PURE__ */ new Date()).toISOString());
       const t = this.isCountingUp ? this.localBout.Score1 === this.maxPoints || this.localBout.Score2 === this.maxPoints : this.localBout.Score1 === 0 || this.localBout.Score2 === 0, e = this.localBout.TimeLeft === 0, n = this.localBout.CurrentPass === this.maxPasses - 1;
       this.showPassesBox && (this.showSubmit = n || t), this.showTimerBox && (this.showSubmit = e || t), !this.showPassesBox && !this.showTimerBox && (this.showSubmit = !0), this.localBout.Score1 === this.localBout.Score2 && this.isDoubleElimination() && (this.showSubmit = !1), this.$emit("update:bout", this.localBout);
     },
@@ -35365,6 +35322,9 @@ const rL = /* @__PURE__ */ se($z, [["render", nL]]), oL = {
     handleRemovePenalty(t) {
       t.BoutId = this.localBout.BoutId, t.EventId = this.localBout.EventId, this.$emit("penalty:remove", t);
     }
+  },
+  beforeDestroy() {
+    clearInterval(this.timerInterval);
   }
 }, iL = { class: "w-11/12 mt-5 mx-6" };
 function sL(t, e, n, r, o, i) {
@@ -35381,18 +35341,18 @@ function sL(t, e, n, r, o, i) {
       "onUpdate:Score": i.updateScore1,
       "onUpdate:HandShotValue": i.updateHandShot1
     }, null, 8, ["bout", "hostingClubColors", "maxScore", "isCountingUp", "showHandShotCounterBox", "onPenalty:open", "onUpdate:Score", "onUpdate:HandShotValue"]),
-    i.showTimerBox ? (C(), ne(a, {
+    i.showTimerBox && !o.showPenaltyConfirmationBox ? (C(), ne(a, {
       key: 0,
+      timeLeft: o.timeLeft,
+      running: o.timerRunning,
       ringName: i.RingName,
-      initialTime: parseInt(i.startTime),
-      clockStatus: o.localBout.TimerStatus,
-      "onUpdate:time": i.handleTimeChange,
-      "onUpdate:timeChange": i.handleTimeStateChange
-    }, null, 8, ["ringName", "initialTime", "clockStatus", "onUpdate:time", "onUpdate:timeChange"])) : b("", !0),
-    i.showPassesBox ? (C(), ne(l, {
+      onStartPause: i.toggleTimer,
+      onAdjustTime: i.adjustTime
+    }, null, 8, ["timeLeft", "running", "ringName", "onStartPause", "onAdjustTime"])) : b("", !0),
+    i.showPassesBox && !o.showPenaltyConfirmationBox ? (C(), ne(l, {
       key: 1,
       bout: o.localBout,
-      maxPasses: parseInt(t.maxPasses),
+      maxPasses: parseInt(i.maxPasses),
       "onUpdate:passes": i.updatePasses
     }, null, 8, ["bout", "maxPasses", "onUpdate:passes"])) : b("", !0),
     o.showPenaltyConfirmationBox ? (C(), ne(c, { key: 2 })) : b("", !0),