golden-logic-ui 1.3.1 → 1.3.2

package/dist/components/GeneralComponents/GlDropdown.vue.js

@@ -1,27 +1,27 @@
-import { ref as m, shallowRef as X, onMounted as fe, onBeforeUnmount as ve, watch as M, createElementBlock as c, openBlock as f, Fragment as Y, createCommentVNode as p, normalizeClass as E, createElementVNode as s, toDisplayString as w, withDirectives as P, withModifiers as Z, vShow as ee, vModelText as me, renderList as ge, nextTick as he } from "vue";
-const pe = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3 mb-4" }, xe = {
+import { ref as c, shallowRef as Y, onMounted as ve, onBeforeUnmount as me, watch as M, createElementBlock as f, openBlock as v, Fragment as Z, createCommentVNode as p, normalizeClass as B, createElementVNode as s, toDisplayString as w, withDirectives as R, withModifiers as ee, vShow as te, vModelText as ge, renderList as he, nextTick as pe } from "vue";
+const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3 mb-4" }, we = {
   key: 0,
   class: "bg-blue-100 text-blue-800 text-sm font-medium mb-2 mt-2 me-2 px-2.5 py-0.5 rounded-sm dark:bg-blue-900 dark:text-blue-300"
-}, we = ["name", "id", "value"], be = {
+}, be = ["name", "id", "value"], ke = {
   key: 0,
   class: "dropdown"
-}, ke = { class: "relative focus:ring-blue-500 focus:border-blue-500 dark:border-gray-600 dark:focus:ring-blue-500 dark:focus:border-blue-500" }, Se = { class: "relative showOptions" }, _e = ["value", "placeholder"], Ce = { class: "text-gray-700 bg-white border dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200 absolute w-full z-999999999 rounded-md mt-1 pt-1" }, De = {
+}, Se = { class: "relative focus:ring-blue-500 focus:border-blue-500 dark:border-gray-600 dark:focus:ring-blue-500 dark:focus:border-blue-500" }, _e = { class: "relative showOptions" }, Ce = ["value", "placeholder"], De = { class: "text-gray-700 bg-white border dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200 absolute w-full z-999999999 rounded-md mt-1 pt-1" }, Oe = {
   key: 0,
   class: "border-b border-gray-200 dark:border-gray-700"
-}, Oe = { class: "relative" }, Ee = ["id", "placeholder"], Be = { class: "flex items-center py-2 pr-4" }, $e = ["onClick", "onMousedown", "id"], Me = { class: "flex justify-between items-center py-2" }, Le = ["innerHTML"], Ie = {
+}, Ee = { class: "relative" }, Be = ["id", "placeholder"], $e = { class: "flex items-center py-2 pr-4" }, Le = ["onClick", "onMousedown", "id"], Me = { class: "flex justify-between items-center py-2" }, Ie = ["innerHTML"], Te = {
   key: 0,
   class: "flex items-center shrink-0 w-4 h-4 text-green-500 ltr:right-2 rtl:left-2 dark:text-green-400",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 16 12"
-}, Te = {
+}, Ue = {
   key: 2,
   class: "p-2 text-center text-gray-500"
-}, Ue = {
+}, Ve = {
   key: 3,
   class: "p-2 text-gray-500"
-}, Ve = { class: "block mt-1 text-sm font-normal leading-5 text-red-500" }, je = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, qe = {
+}, je = { class: "block mt-1 text-sm font-normal leading-5 text-red-500" }, Ae = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Ne = {
   __name: "GlDropdown",
   props: {
     modelValue: {
@@ -109,51 +109,51 @@ const pe = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3
     }
   },
   emits: ["update:modelValue", "selected", "selectionChanged"],
-  setup(r, { emit: te }) {
-    const o = r, b = te, a = m({}), R = m(!1), y = m(0), x = m(!1), v = m(""), g = m(""), B = m(!1), C = m(1), D = m(null), $ = m(1), i = X([]), L = X([]), T = m([]), le = m(null), F = m(null);
-    let O = !1, h = null, U = 0, k = null;
-    const H = (e) => e?.name === "CanceledError" || e?.name === "AbortError" || typeof axios < "u" && axios.isCancel?.(e), V = async (e = "down") => {
-      if (B.value || !o.api_url) return;
+  setup(r, { emit: le }) {
+    const o = r, b = le, a = c({}), F = c(!1), y = c(0), x = c(!1), m = c(""), g = c(""), $ = c(!1), k = c(1), S = c(null), L = c(1), i = Y([]), O = c(!1), I = Y([]), U = c([]), ne = c(null), H = c(null);
+    let E = !1, h = null, V = 0, _ = null;
+    const z = (e) => e?.name === "CanceledError" || e?.name === "AbortError" || typeof axios < "u" && axios.isCancel?.(e), j = async (e = "down") => {
+      if ($.value || !o.api_url) return;
       h && h.abort(), h = new AbortController();
-      const t = ++U;
-      B.value = !0;
+      const t = ++V;
+      $.value = !0;
       try {
-        const l = e === "up" ? Math.max(C.value - 1, $.value) : C.value, { data: n } = await axios.get(o.api_url, {
-          params: { search: v.value, page: l, per_page: 20 },
+        const l = e === "up" ? Math.max(k.value - 1, L.value) : k.value, { data: n } = await axios.get(o.api_url, {
+          params: { search: m.value, page: l, per_page: 20 },
           signal: h.signal
         });
-        if (O || t !== U) return;
+        if (E || t !== V) return;
         if (!n || !n.data) {
-          i.value = [];
+          i.value = [], O.value = !1;
           return;
         }
-        const u = Q(n.data);
+        const u = W(n.data);
         if (e === "down") {
-          const d = i.value.length ? i.value.concat(u) : u, _ = a.value;
-          S(_) && _.id !== void 0 && _.name && !d.some((I) => String(I.id) === String(_.id)) && d.unshift(_), i.value = d, C.value++, D.value = n.last_page;
+          const d = i.value.length ? i.value.concat(u) : u, D = a.value;
+          C(D) && D.id !== void 0 && D.name && !d.some((T) => String(T.id) === String(D.id)) && d.unshift(D), i.value = d, k.value++, S.value = n.last_page, O.value = !0;
         }
-        D.value || (D.value = n.last_page), $.value || ($.value = 1);
+        S.value || (S.value = n.last_page), L.value || (L.value = 1);
       } catch (l) {
-        if (H(l)) return;
+        if (z(l)) return;
         console.error("Error fetching data:", l);
       } finally {
-        !O && t === U && (B.value = !1, h = null);
+        !E && t === V && ($.value = !1, h = null);
       }
-    }, ne = async (e) => {
+    }, ae = async (e) => {
       if (!o.api_url || e === null || e === void 0 || e === "") return null;
       try {
         const { data: t } = await axios.get(o.api_url, {
           params: { search: e, per_page: 20 }
         });
-        if (O) return null;
+        if (E) return null;
         const l = t?.data;
         if (!l || !l.length) return null;
         const n = String(e);
-        return Q(l).find((u) => String(u.id) === n) || null;
+        return W(l).find((u) => String(u.id) === n) || null;
       } catch (t) {
-        return H(t) || console.error("Error fetching option by id:", t), null;
+        return z(t) || console.error("Error fetching option by id:", t), null;
       }
-    }, ae = async (e) => {
+    }, oe = async (e) => {
       const t = typeof e == "object" && e !== null ? e.id : e;
       if (t == null || t === "") {
         a.value = {};
@@ -166,27 +166,27 @@ const pe = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3
         a.value = n;
         return;
       }
-      const u = await ne(t);
-      O || (u ? (a.value = u, i.value.some((d) => String(d.id) === String(u.id)) || (i.value = [u, ...i.value])) : o.allow_custom ? a.value = { id: t, name: t } : a.value = { id: t, name: "" });
-    }, oe = (e) => {
+      const u = await ae(t);
+      E || (u ? (a.value = u, i.value.some((d) => String(d.id) === String(u.id)) || (i.value = [u, ...i.value])) : o.allow_custom ? a.value = { id: t, name: t } : a.value = { id: t, name: "" });
+    }, re = (e) => {
       const t = e.target;
-      t && t.scrollHeight - t.clientHeight <= t.scrollTop + 10 && C.value <= D.value && V("down");
-    }, z = (e) => {
-      e.target && (document.activeElement.classList.contains("showOptions" + g.value) ? x.value || j() : e.target.id != o.field_name + "search" + g.value && e.target.id != o.field_name && !e.target.classList.contains("showOptions" + g.value) && (N(), y.value = 0, x.value = !1));
-    }, j = () => {
+      t && t.scrollHeight - t.clientHeight <= t.scrollTop + 10 && k.value <= S.value && j("down");
+    }, K = (e) => {
+      e.target && (document.activeElement.classList.contains("showOptions" + g.value) ? x.value || A() : e.target.id != o.field_name + "search" + g.value && e.target.id != o.field_name && !e.target.classList.contains("showOptions" + g.value) && (P(), y.value = 0, x.value = !1));
+    }, A = () => {
       if (!o.show) {
         if (x.value) {
           x.value = !1;
           return;
         }
-        v.value = "", x.value = !0, o.api_url && i.value.length === 0 && V("down"), he(() => {
+        m.value = "", x.value = !0, o.api_url && (!O.value || i.value.length === 0) && (k.value = 1, S.value = null, i.value = [], O.value = !1, j("down")), pe(() => {
           const e = document.getElementById(
             `${o.field_name}search${g.value}`
           );
           e && e.focus();
         });
       }
-    }, A = () => {
+    }, q = () => {
       const e = (t) => {
         if (o.allow_custom && t) {
           const l = typeof t == "object" ? t.id : t;
@@ -194,7 +194,7 @@ const pe = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3
         }
         return {};
       };
-      return S(a.value) ? typeof a.value == "object" ? i.value.find(
+      return C(a.value) ? typeof a.value == "object" ? i.value.find(
         (t) => String(t.id) === String(a.value.id)
       ) || e(a.value) : i.value.find(
         (t) => String(t.id) === String(a.value)
@@ -204,34 +204,34 @@ const pe = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3
         (t) => String(t.id) === String(o.modelValue)
       ) || e(o.modelValue) : {};
     };
-    fe(() => {
-      g.value = se(), o.show || (document.body.addEventListener("click", K), document.addEventListener("focusin", z));
-    }), ve(() => {
-      O = !0, h && (h.abort(), h = null), k && (clearTimeout(k), k = null), document.body.removeEventListener("click", K), document.removeEventListener("focusin", z);
+    ve(() => {
+      g.value = ue(), o.show || (document.body.addEventListener("click", G), document.addEventListener("focusin", K));
+    }), me(() => {
+      E = !0, h && (h.abort(), h = null), _ && (clearTimeout(_), _ = null), document.body.removeEventListener("click", G), document.removeEventListener("focusin", K);
     });
-    function re() {
-      const e = L.value, t = o.maxItem, l = v.value;
+    function ie() {
+      const e = I.value, t = o.maxItem, l = m.value;
       if (!l)
         return e.length > t ? e.slice(0, t) : e;
       const n = l.toLowerCase(), u = [];
-      for (let d = 0, _ = e.length; d < _ && u.length < t; d++) {
-        const I = e[d];
-        String(I.name).toLowerCase().includes(n) && u.push(I);
+      for (let d = 0, D = e.length; d < D && u.length < t; d++) {
+        const T = e[d];
+        String(T.name).toLowerCase().includes(n) && u.push(T);
       }
       return u;
     }
-    function ie(e) {
+    function se(e) {
       switch (e.key) {
         case "ArrowUp":
         case "ArrowDown":
-          e.preventDefault(), J(e.key);
+          e.preventDefault(), Q(e.key);
           break;
         case "Enter":
-          J(e.key);
+          Q(e.key);
           break;
       }
     }
-    function se() {
+    function ue() {
       if (typeof crypto < "u" && typeof crypto.randomUUID == "function")
         return crypto.randomUUID();
       let e = Date.now();
@@ -240,27 +240,27 @@ const pe = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3
         return e = Math.floor(e / 16), (t === "x" ? l : l & 3 | 8).toString(16);
       });
     }
-    function S(e) {
+    function C(e) {
       return e && typeof e == "object" && Object.keys(e).length > 0;
     }
-    function K(e) {
-      e.target.id != o.field_name + "search" + g.value && e.target.id != o.field_name && !e.target.classList.contains("showOptions" + g.value) && (N(), y.value = 0, x.value = !1);
-    }
     function G(e) {
-      const t = `${e}${g.value}`, l = document.getElementById(t), n = F.value;
+      e.target.id != o.field_name + "search" + g.value && e.target.id != o.field_name && !e.target.classList.contains("showOptions" + g.value) && (P(), y.value = 0, x.value = !1);
+    }
+    function J(e) {
+      const t = `${e}${g.value}`, l = document.getElementById(t), n = H.value;
       if (l && n) {
         const u = l.getBoundingClientRect(), d = n.getBoundingClientRect();
         u.top < d.top ? n.scrollTop -= d.top - u.top : u.bottom > d.bottom && (n.scrollTop += u.bottom - d.bottom);
       }
     }
-    function ue(e) {
+    function de(e) {
       const t = `${e}${g.value}`, l = document.getElementById(t);
       l && l.click();
     }
-    function J(e) {
-      e === "ArrowDown" && y.value < i.value.length && (y.value++, G(y.value)), e === "ArrowUp" && y.value > 1 && (y.value--, G(y.value)), e === "Enter" && ue(y.value);
-    }
     function Q(e) {
+      e === "ArrowDown" && y.value < i.value.length && (y.value++, J(y.value)), e === "ArrowUp" && y.value > 1 && (y.value--, J(y.value)), e === "Enter" && de(y.value);
+    }
+    function W(e) {
       const t = new Array(e.length);
       for (let l = 0; l < e.length; l++) {
         const n = e[l];
@@ -268,7 +268,7 @@ const pe = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3
       }
       return t;
     }
-    function de() {
+    function ce() {
       const e = o.options, t = new Array(e.length);
       for (let l = 0; l < e.length; l++) {
         const n = e[l];
@@ -276,33 +276,33 @@ const pe = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3
       }
       return t;
     }
-    function W() {
-      const e = v.value, t = { id: e, name: e }, l = String(e);
-      T.value.some((n) => String(n.id) === l) || T.value.push(t), i.value.some((n) => String(n.id) === l) || (i.value = [...i.value, t], L.value = [...L.value, t]), q(t);
+    function X() {
+      const e = m.value, t = { id: e, name: e }, l = String(e);
+      U.value.some((n) => String(n.id) === l) || U.value.push(t), i.value.some((n) => String(n.id) === l) || (i.value = [...i.value, t], I.value = [...I.value, t]), N(t);
     }
-    function q(e) {
-      R.value = !0, a.value = e, x.value = !1, b("update:modelValue", a.value.id), b("selected", a.value), b("selectionChanged", a.value);
+    function N(e) {
+      F.value = !0, a.value = e, x.value = !1, b("update:modelValue", a.value.id), b("selected", a.value), b("selectionChanged", a.value);
     }
-    function ce() {
-      o.show || (a.value = {}, v.value = "", b("update:modelValue", ""), b("selected", a.value), b("selectionChanged", a.value), j());
+    function fe() {
+      o.show || (a.value = {}, m.value = "", b("update:modelValue", ""), b("selected", a.value), b("selectionChanged", a.value), A());
     }
-    function N() {
-      (!a.value || !a.value.id) && (a.value = {}, v.value = "");
+    function P() {
+      (!a.value || !a.value.id) && (a.value = {}, m.value = "");
     }
-    return M(v, () => {
+    return M(m, () => {
       if (!o.api_url) {
-        i.value = re(), i.value.length === 0 && (a.value = {});
+        i.value = ie(), i.value.length === 0 && (a.value = {});
         return;
       }
-      k && clearTimeout(k), k = setTimeout(() => {
-        k = null, !O && (C.value = 1, D.value = null, $.value = 1, i.value = [], V("down"));
+      _ && clearTimeout(_), _ = setTimeout(() => {
+        _ = null, !E && (k.value = 1, S.value = null, L.value = 1, i.value = [], O.value = !1, j("down"));
       }, 250);
     }), M(a, (e) => {
-      S(e) && e.id !== o.modelValue && b("update:modelValue", e.id);
+      C(e) && e.id !== o.modelValue && b("update:modelValue", e.id);
     }), M(
       () => o.api_url,
       () => {
-        h && (h.abort(), h = null), C.value = 1, D.value = null, $.value = 1, i.value = [];
+        h && (h.abort(), h = null), k.value = 1, S.value = null, L.value = 1, i.value = [], O.value = !1;
       },
       { immediate: !0 }
     ), M(
@@ -312,74 +312,74 @@ const pe = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3
           a.value = {};
           return;
         }
-        o.api_url ? R.value ? a.value = A() : await ae(e) : a.value = A();
+        o.api_url ? F.value ? a.value = q() : await oe(e) : a.value = q();
       },
       { immediate: !0 }
     ), M(
       () => o.options,
       () => {
         if (!o.api_url) {
-          const e = de(), t = new Set(e.map((n) => String(n.id))), l = e;
-          for (const n of T.value) {
+          const e = ce(), t = new Set(e.map((n) => String(n.id))), l = e;
+          for (const n of U.value) {
             const u = String(n.id);
             t.has(u) || (l.push(n), t.add(u));
           }
-          L.value = l, i.value = l, a.value = A();
+          I.value = l, i.value = l, a.value = q();
         }
       },
       // deep so the list still updates when options load late by mutating the SAME
       // array in place (e.g. column.options.push(...)) — a reference-only watch
       // would miss that and leave the dropdown list empty.
       { immediate: !0, deep: !0 }
-    ), (e, t) => (f(), c(Y, null, [
-      r.show ? (f(), c("div", {
+    ), (e, t) => (v(), f(Z, null, [
+      r.show ? (v(), f("div", {
         key: 0,
-        class: E(r.field_name)
+        class: B(r.field_name)
       }, [
-        s("h3", pe, w(r.label_name), 1),
-        s("p", ye, [
-          S(a.value) ? (f(), c("span", xe, w(a.value?.name), 1)) : p("", !0)
+        s("h3", ye, w(r.label_name), 1),
+        s("p", xe, [
+          C(a.value) ? (v(), f("span", we, w(a.value?.name), 1)) : p("", !0)
         ]),
         t[6] || (t[6] = s("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
       ], 2)) : p("", !0),
-      r.show ? p("", !0) : (f(), c("div", {
+      r.show ? p("", !0) : (v(), f("div", {
         key: 1,
-        class: E(r.field_name)
+        class: B(r.field_name)
       }, [
         s("input", {
           type: "hidden",
           name: r.field_name,
           id: r.field_name,
           value: a.value?.id
-        }, null, 8, we),
-        r.options ? (f(), c("div", be, [
-          r.label_name ? (f(), c("label", {
+        }, null, 8, be),
+        r.options ? (v(), f("div", ke, [
+          r.label_name ? (v(), f("label", {
             key: 0,
-            class: E({
+            class: B({
               "gl-label-form": r.error_message == "",
               "gl-label-form-invalid": r.error_message !== "",
               required: r.is_required
             })
           }, w(r.label_name), 3)) : p("", !0),
-          s("div", ke, [
-            s("div", Se, [
+          s("div", Se, [
+            s("div", _e, [
               s("input", {
                 ref_key: "myDivDropDown",
-                ref: le,
-                class: E([{
+                ref: ne,
+                class: B([{
                   "gl-input-form": r.error_message == "",
                   "gl-input-form-invalid": r.error_message !== "",
                   [`showOptions${g.value}`]: !0,
-                  "pr-14!": S(a.value) && r.has_cancel,
-                  "pr-8!": !(S(a.value) && r.has_cancel)
+                  "pr-14!": C(a.value) && r.has_cancel,
+                  "pr-8!": !(C(a.value) && r.has_cancel)
                 }, "truncate showOptions1"]),
                 value: a.value?.name,
                 placeholder: r.placeholder,
                 autocomplete: "off",
                 readonly: ""
-              }, null, 10, _e),
-              P(s("i", {
-                onClick: t[0] || (t[0] = Z((l) => ce(), ["stop"])),
+              }, null, 10, Ce),
+              R(s("i", {
+                onClick: t[0] || (t[0] = ee((l) => fe(), ["stop"])),
                 class: "absolute text-gray-500 cursor-pointer pointer-events-auto ltr:right-8 rtl:left-8 hover:text-red-600 dark:hover:text-red-400",
                 style: { top: "13px" }
               }, t[7] || (t[7] = [
@@ -399,15 +399,15 @@ const pe = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3
                   })
                 ], -1)
               ]), 512), [
-                [ee, S(a.value) && r.has_cancel]
+                [te, C(a.value) && r.has_cancel]
               ]),
               s("i", {
-                onClick: t[1] || (t[1] = Z((l) => j(), ["stop"])),
+                onClick: t[1] || (t[1] = ee((l) => A(), ["stop"])),
                 class: "absolute text-xl text-gray-500 cursor-pointer ltr:right-2 rtl:left-2 hover:text-gray-700 dark:hover:text-gray-700 showOptions",
                 style: { top: "14px" }
               }, [
-                (f(), c("svg", {
-                  class: E([x.value ? "" : "rotate-180", "w-3 h-3 shrink-0"]),
+                (v(), f("svg", {
+                  class: B([x.value ? "" : "rotate-180", "w-3 h-3 shrink-0"]),
                   "aria-hidden": "true",
                   xmlns: "http://www.w3.org/2000/svg",
                   fill: "none",
@@ -422,59 +422,59 @@ const pe = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3
                   }, null, -1)
                 ]), 2))
               ]),
-              P(s("div", Ce, [
-                r.hide_search ? p("", !0) : (f(), c("div", De, [
+              R(s("div", De, [
+                r.hide_search ? p("", !0) : (v(), f("div", Oe, [
                   t[10] || (t[10] = s("label", {
                     for: "default-search",
                     class: "mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white"
                   }, "Search", -1)),
-                  s("div", Oe, [
+                  s("div", Ee, [
                     t[9] || (t[9] = s("div", { class: "absolute inset-y-0 flex items-center pointer-events-none start-0 ps-3" }, null, -1)),
-                    P(s("input", {
+                    R(s("input", {
                       type: "search",
-                      "onUpdate:modelValue": t[2] || (t[2] = (l) => v.value = l),
+                      "onUpdate:modelValue": t[2] || (t[2] = (l) => m.value = l),
                       id: `${r.field_name}search${g.value}`,
-                      onKeydown: ie,
-                      onBlur: t[3] || (t[3] = (l) => N()),
+                      onKeydown: se,
+                      onBlur: t[3] || (t[3] = (l) => P()),
                       autocomplete: "off",
                       class: "block w-full p-2 text-sm text-gray-900 outline-hidden dark:bg-gray-800 dark:text-white",
                       placeholder: r.search_input_placeholder
-                    }, null, 40, Ee), [
-                      [me, v.value]
+                    }, null, 40, Be), [
+                      [ge, m.value]
                     ])
                   ])
                 ])),
                 s("div", {
                   class: "overflow-y-auto max-h-64 px-1 py-1",
-                  onScroll: oe,
+                  onScroll: re,
                   ref_key: "dropdownRef",
-                  ref: F
+                  ref: H
                 }, [
-                  r.allow_custom && v.value && !i.value.find((l) => String(l.name) === String(v.value)) ? (f(), c("div", {
+                  r.allow_custom && m.value && !i.value.find((l) => String(l.name) === String(m.value)) ? (v(), f("div", {
                     key: 0,
                     class: "relative px-2 py-0.5 text-xs leading-4 text-gray-700 no-underline cursor-pointer dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white hover:rounded-sm",
-                    onClick: t[4] || (t[4] = (l) => W()),
-                    onMousedown: t[5] || (t[5] = (l) => W())
+                    onClick: t[4] || (t[4] = (l) => X()),
+                    onMousedown: t[5] || (t[5] = (l) => X())
                   }, [
-                    s("div", Be, [
-                      s("span", null, w(r.custom_option_label) + ' "' + w(v.value) + '"', 1)
+                    s("div", $e, [
+                      s("span", null, w(r.custom_option_label) + ' "' + w(m.value) + '"', 1)
                     ])
                   ], 32)) : p("", !0),
-                  i.value.length ? (f(!0), c(Y, { key: 1 }, ge(i.value, (l, n) => (f(), c("div", {
-                    class: E([
+                  i.value.length ? (v(!0), f(Z, { key: 1 }, he(i.value, (l, n) => (v(), f("div", {
+                    class: B([
                       "relative px-2 py-0.5 text-xs leading-4 text-gray-700 no-underline cursor-pointer dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white hover:rounded-sm",
                       n + 1 == y.value ? "bg-gray-100 dark:bg-gray-700 rounded-sm" : ""
                     ]),
-                    onClick: (u) => q(l),
-                    onMousedown: (u) => q(l),
+                    onClick: (u) => N(l),
+                    onMousedown: (u) => N(l),
                     key: n,
                     id: `${n + 1}${g.value}`
                   }, [
                     s("div", Me, [
                       s("span", {
                         innerHTML: l.name || l.id || "-"
-                      }, null, 8, Le),
-                      a.value?.id === l.id ? (f(), c("svg", Ie, t[11] || (t[11] = [
+                      }, null, 8, Ie),
+                      a.value?.id === l.id ? (v(), f("svg", Te, t[11] || (t[11] = [
                         s("path", {
                           stroke: "currentColor",
                           "stroke-linecap": "round",
@@ -484,22 +484,22 @@ const pe = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3
                         }, null, -1)
                       ]))) : p("", !0)
                     ])
-                  ], 42, $e))), 128)) : p("", !0),
-                  B.value ? (f(), c("div", Te, " Loading... ")) : p("", !0),
-                  !B.value && i.value.length === 0 && !(r.allow_custom && v.value) ? (f(), c("div", Ue, w(r.no_results_found_placeholder), 1)) : p("", !0)
+                  ], 42, Le))), 128)) : p("", !0),
+                  $.value ? (v(), f("div", Ue, " Loading... ")) : p("", !0),
+                  !$.value && i.value.length === 0 && !(r.allow_custom && m.value) ? (v(), f("div", Ve, w(r.no_results_found_placeholder), 1)) : p("", !0)
                 ], 544)
               ], 512), [
-                [ee, x.value]
+                [te, x.value]
               ])
             ])
           ])
         ])) : p("", !0),
-        s("span", Ve, w(r.error_message), 1),
-        s("small", je, w(r.description), 1)
+        s("span", je, w(r.error_message), 1),
+        s("small", Ae, w(r.description), 1)
       ], 2))
     ], 64));
   }
 };
 export {
-  qe as default
+  Ne as default
 };

package/package.json

@@ -3,7 +3,7 @@
   "description": "The most popular library of interactive components built with Vuejs && Tailwind CSS",
   "type": "module",
   "private": false,
-  "version": "1.3.1",
+  "version": "1.3.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/mrgiant/GoldenLogicUi.git"