@dcrackel/hematournamentui 1.0.589 → 1.0.591

package/dist/HemaTournamentUI-lib.es.js

@@ -29992,6 +29992,7 @@ const IO = /* @__PURE__ */ oe(dO, [["render", pO]]), BO = {
       showNewLocation: !1,
       filteredLocations: this.locations,
       inputValue: this.placeholder,
+      backupInputValue: this.inputValue,
       showDropdown: !1,
       showAddNew: !0,
       debouncedTimeout: null
@@ -30002,12 +30003,21 @@ const IO = /* @__PURE__ */ oe(dO, [["render", pO]]), BO = {
       this.showDropdown = n.length > 0, this.debounceSearch();
     }
   },
+  mounted() {
+    document.addEventListener("click", this.handleClickOutside);
+  },
+  beforeDestroy() {
+    document.removeEventListener("click", this.handleClickOutside);
+  },
   methods: {
     clearInput() {
-      this.locationName && (this.locationName = "");
+      this.backupInputValue = this.inputValue, this.inputValue = "";
+    },
+    restorePreviousValue() {
+      this.inputValue === "" && (this.showAddNew = !1, this.inputValue = this.backupInputValue);
     },
     updateInput(n) {
-      this.inputValue = n.target.value, this.inputValue.trim() === "" ? this.$emit("update:location", null) : this.debounceSearch();
+      this.showAddNew = !0, this.inputValue = n.target.value, this.inputValue.trim() === "" ? this.$emit("update:location", null) : this.debounceSearch();
     },
     selectItem(n) {
       this.showDropdown = !1, this.inputValue = n.Name, this.$emit("update:location", n), this.$nextTick(() => {
@@ -30018,7 +30028,9 @@ const IO = /* @__PURE__ */ oe(dO, [["render", pO]]), BO = {
       this.$emit("add-new", this.inputValue), this.showDropdown = !1;
     },
     onInputChanged(n) {
-      this.showDropdown && (this.filteredLocations = this.locations.filter((e) => e.Name.toLowerCase().includes(n.toLowerCase())));
+      if (!this.showDropdown) return;
+      const e = (n || "").toLowerCase();
+      this.filteredLocations = this.locations.filter((t) => (t.Name || "").toLowerCase().includes(e));
     },
     debounceSearch() {
       clearTimeout(this.debouncedTimeout), this.debouncedTimeout = setTimeout(() => {
@@ -30033,11 +30045,15 @@ const IO = /* @__PURE__ */ oe(dO, [["render", pO]]), BO = {
     },
     handleSubmit() {
       this.$emit("submit:location", this.formData), this.showNewLocation = !1, this.showDropdown = !1, this.showAddNew = !1;
+    },
+    handleClickOutside(n) {
+      this.$refs.showNewLocation && !this.$refs.showNewLocation.contains(n.target) && this.restorePreviousValue();
     }
   }
 }, EO = {
   key: 0,
-  class: "relative"
+  class: "relative",
+  ref: "showNewLocation"
 }, QO = {
   key: 0,
   class: "absolute z-10 w-full bg-white border rounded-md mt-1 max-h-60 overflow-y-auto"
@@ -30051,8 +30067,9 @@ function yO(n, e, t, r, o, i) {
         value: o.inputValue,
         invalid: t.invalid,
         placeholder: "Enter Location Name",
+        onClick: i.clearInput,
         onInput: i.updateInput
-      }, null, 8, ["addBorder", "value", "invalid", "onInput"]),
+      }, null, 8, ["addBorder", "value", "invalid", "onClick", "onInput"]),
       o.showDropdown && o.showAddNew ? (m(), I("div", QO, [
         f("ul", null, [
           (m(!0), I(ae, null, Qe(o.filteredLocations, (u, d) => (m(), I("li", {
@@ -30073,7 +30090,7 @@ function yO(n, e, t, r, o, i) {
           })
         ])
       ])) : Q("", !0)
-    ])),
+    ], 512)),
     o.showNewLocation ? (m(), I("div", wO, [
       h(c, {
         show: o.showNewLocation,