@dcrackel/hematournamentui 1.0.286 → 1.0.288

package/dist/HemaTournamentUI-lib.es.js

@@ -808,26 +808,38 @@ const cC = /* @__PURE__ */ te(AC, [["render", lC]]), uC = {
       required: !1
     }
   },
-  data: () => ({
-    isDropDownOpen: !1
-  }),
+  data() {
+    return {
+      isDropDownOpen: !1
+    };
+  },
   methods: {
     handleClick(n) {
       this.isDropDownOpen = !1, this.$emit("update:selectedItem", n);
     },
     handleDropDown() {
       this.isDropDownOpen = !this.isDropDownOpen;
+    },
+    handleClickOutside(n) {
+      this.$refs.dropdownContainer && !this.$refs.dropdownContainer.contains(n.target) && (this.isDropDownOpen = !1);
     }
+  },
+  mounted() {
+    document.addEventListener("click", this.handleClickOutside);
+  },
+  beforeDestroy() {
+    document.removeEventListener("click", this.handleClickOutside);
   }
 }, dC = /* @__PURE__ */ h("i", { class: "fa-solid fa-chevron-down text-xs text-quinary" }, null, -1), gC = ["onClick"];
 function hC(n, e, t, r, i, o) {
   const A = b("BaseText");
   return C(), B("div", {
-    class: ee(["flex flex-row w-full relative", [t.alignEnd ? "justify-end" : ""]])
+    class: ee(["flex flex-row w-full relative", [t.alignEnd ? "justify-end" : ""]]),
+    ref: "dropdownContainer"
   }, [
     h("div", {
       class: ee(["z-10 rounded-lg px-2 py-2 flex flex-row justify-between border border-dropdownSelect bg-white", t.width]),
-      onClick: e[0] || (e[0] = (s) => o.handleDropDown())
+      onClick: e[0] || (e[0] = (...s) => o.handleDropDown && o.handleDropDown(...s))
     }, [
       t.label.length > 1 ? (C(), re(A, {
         key: 0,
@@ -846,7 +858,7 @@ function hC(n, e, t, r, i, o) {
     ], 2),
     p(wn, { name: "fade-in-down" }, {
       default: Se(() => [
-        n.isDropDownOpen ? (C(), B("div", {
+        i.isDropDownOpen ? (C(), B("div", {
           key: 0,
           class: ee(["flex flex-col shadow-lg mt-9 z-20 rounded-b-xl absolute bg-neutral border border-dropdownSelect overflow-y-auto max-h-44", t.dropDownWidth])
         }, [
@@ -37368,7 +37380,10 @@ const vq = /* @__PURE__ */ te(vY, [["render", TY]]), OY = {
       this.searchTerm = n;
     },
     handleFencerSelect(n) {
-      this.$emit("update:selectedFencer", n);
+      console.log(`Selected fencer: ${n}`), this.$emit("update:selectedFencer", n);
+    },
+    handlePersonSubmit() {
+      console.log(`Submitted person: ${value}`), this.$emit("submit:person", value);
     }
   }
 }, RY = { class: "w-96 p-4 overflow-y-auto" }, PY = { class: "mb-4 px-4" }, NY = { class: "overflow-y-auto h-full" };
@@ -37397,8 +37412,9 @@ function FY(n, e, t, r, i, o) {
             poolPosition: 0,
             position: 0,
             class: "border border-poolSetup hover:border-bright",
-            "onUpdate:click": (l) => o.handleFencerSelect(a)
-          }, null, 8, ["name", "club", "onUpdate:click"])
+            "onUpdate:click": (l) => o.handleFencerSelect(a),
+            "onSubmit:person": o.handlePersonSubmit
+          }, null, 8, ["name", "club", "onUpdate:click", "onSubmit:person"])
         ]))), 128))
       ])
     ])
@@ -37462,9 +37478,9 @@ const LY = /* @__PURE__ */ te(OY, [["render", FY]]), HY = {
   },
   computed: {
     formattedClubs() {
-      return this.fencingClubs.map((e) => ({
-        text: e.Name,
-        link: e.ClubId.toString()
+      return this.fencingClubs.map((n) => ({
+        text: n.Name,
+        link: n.ClubId.toString()
       }));
     },
     getLegalName() {
@@ -37517,7 +37533,7 @@ const LY = /* @__PURE__ */ te(OY, [["render", FY]]), HY = {
       console.log(n), this.$emit("update:selectedFencer", n);
     }
   }
-}, YY = { class: "flex drop-shadow" }, qY = { key: 0 }, zY = { class: "rounded-lg p-9 bg-neutral w-full" }, UY = { class: "w-full flex flex-row justify-center mb-4" }, jY = { class: "w-full flex-row justify-center mb-4 flex drop-shadow" }, KY = { class: "flex flex-col mb-4" }, JY = { class: "flex flex-col mb-4" }, GY = { class: "flex flex-col mb-4" }, VY = { class: "flex flex-col mb-4" }, WY = { class: "flex flex-col mb-4" }, ZY = { class: "border-b border-dropdownSelect mt-6" }, XY = { class: "my-4 w-full" }, _Y = { key: 0 }, $Y = { class: "flex flex-row justify-end mt-8" };
+}, YY = { class: "flex" }, qY = { key: 0 }, zY = { class: "rounded-lg p-9 bg-neutral w-full" }, UY = { class: "w-full flex flex-row justify-center mb-4" }, jY = { class: "w-full flex-row justify-center mb-4 flex drop-shadow" }, KY = { class: "flex flex-col mb-4" }, JY = { class: "flex flex-col mb-4" }, GY = { class: "flex flex-col mb-4" }, VY = { class: "flex flex-col mb-4" }, WY = { class: "flex flex-col mb-4" }, ZY = { class: "border-b border-dropdownSelect mt-6" }, XY = { class: "my-4 w-full" }, _Y = { key: 0 }, $Y = { class: "flex flex-row justify-end mt-8" };
 function eq(n, e, t, r, i, o) {
   const A = b("PeopleColumn"), s = b("BaseText"), a = b("ImageCropper"), l = b("TitledInput"), c = b("DropDownMenu"), u = b("Toggle"), d = b("BaseButton");
   return C(), B("section", YY, [