npm - golden-logic-ui - Versions diffs - 1.3.1 → 1.3.3 - Mend

golden-logic-ui 1.3.1 → 1.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/components/GeneralComponents/DynamicConfirmation.vue.js +35 -35
package/dist/components/GeneralComponents/GlDropdown.vue.js +136 -136
package/package.json +1 -1

package/dist/components/GeneralComponents/DynamicConfirmation.vue.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import { ref as t, resolveComponent as B, createElementBlock as L, createCommentVNode as N, openBlock as u, createElementVNode as e, toDisplayString as i, createBlock as h, createVNode as V, withCtx as c, createTextVNode as m, resolveDynamicComponent as j, normalizeClass as D } from "vue";
-const M = {
+import { ref as t, resolveComponent as L, createElementBlock as N, createCommentVNode as V, openBlock as u, createElementVNode as e, toDisplayString as i, createBlock as _, createVNode as j, withCtx as c, createTextVNode as m, resolveDynamicComponent as D, normalizeClass as M } from "vue";
+const P = {
   key: 0,
   class: "fixed inset-0 z-99999 overflow-y-auto",
   role: "dialog",
   "aria-modal": "true"
-}, P = { class: "flex items-center justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:p-0" }, Z = { class: "inline-block relative overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl dark:bg-gray-800 sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" }, z = { class: "px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, A = { class: "sm:flex sm:items-start" }, E = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, F = { class: "text-lg font-medium leading-6" }, O = { class: "mt-2" }, S = { class: "text-sm" }, T = { class: "flex gap-1 px-4 py-3 border-t border-gray-200 rounded-b dark:border-gray-600 sm:px-6 sm:flex-row-reverse" }, H = {
+}, T = { class: "flex items-center justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:p-0" }, Z = { class: "inline-block relative overflow-hidden text-start align-bottom transition-all transform bg-white rounded-lg shadow-xl dark:bg-gray-800 sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" }, z = { class: "px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, A = { class: "sm:flex sm:items-start" }, E = { class: "mt-3 text-center sm:mt-0 sm:ms-4 sm:text-start" }, F = { class: "text-lg font-medium leading-6" }, O = { class: "mt-2" }, S = { class: "text-sm" }, q = { class: "flex gap-1 px-4 py-3 border-t border-gray-200 rounded-b dark:border-gray-600 sm:px-6 sm:flex-row-reverse" }, I = {
   __name: "DynamicConfirmation",
   props: {
     is_open: {
@@ -12,35 +12,35 @@ const M = {
       default: !1
     }
   },
-  setup(q, { expose: x }) {
-    const f = t(""), v = t(""), g = t(""), p = t("Cancel"), o = t(!1), r = t(!1), d = t(!1), l = t(void 0), C = t(void 0), _ = (s = {}) => (f.value = s.title, v.value = s.message, g.value = s.okButton, s.cancelButton && (p.value = s.cancelButton), s.hasLoading && (d.value = s.hasLoading), o.value = !0, new Promise((n, a) => {
-      l.value = n, C.value = a;
-    })), b = () => {
+  setup(G, { expose: x }) {
+    const f = t(""), v = t(""), p = t(""), g = t("red"), C = t("Cancel"), n = t(!1), r = t(!1), d = t(!1), a = t(void 0), h = t(void 0), b = (o = {}) => (f.value = o.title, v.value = o.message, p.value = o.okButton, g.value = o.okButtonType || "red", C.value = o.cancelButton || "Cancel", d.value = !!o.hasLoading, n.value = !0, new Promise((s, l) => {
+      a.value = s, h.value = l;
+    })), y = () => {
       r.value = !0;
     }, w = () => {
-      r.value = !1, o.value = !1, d.value = !1, l.value(!1);
-    }, y = () => {
+      r.value = !1, n.value = !1, d.value = !1, a.value(!1);
+    }, k = () => {
       if (d.value === !0) {
-        l.value(!0);
+        a.value(!0);
         return;
       }
-      o.value = !1, l.value(!0);
-    }, k = () => {
-      o.value = !1, l.value(!1);
+      n.value = !1, a.value(!0);
+    }, B = () => {
+      n.value = !1, a.value(!1);
     };
     return x({
-      show: _,
-      showLoading: b,
+      show: b,
+      showLoading: y,
       hideLoading: w
-    }), (s, n) => {
-      const a = B("gl-button");
-      return o.value ? (u(), L("div", M, [
-        e("div", P, [
-          n[1] || (n[1] = e("div", {
+    }), (o, s) => {
+      const l = L("gl-button");
+      return n.value ? (u(), N("div", P, [
+        e("div", T, [
+          s[1] || (s[1] = e("div", {
             class: "fixed inset-0 transition-opacity bg-gray-500/75",
             "aria-hidden": "true"
           }, null, -1)),
-          n[2] || (n[2] = e("span", {
+          s[2] || (s[2] = e("span", {
             class: "hidden sm:inline-block sm:align-middle sm:h-screen",
             "aria-hidden": "true"
           }, "", -1)),
@@ -55,13 +55,13 @@ const M = {
                 ])
               ])
             ]),
-            e("div", T, [
-              r.value ? (u(), h(j("button"), {
+            e("div", q, [
+              r.value ? (u(), _(D("button"), {
                 key: 1,
                 disabled: "",
-                class: D("inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-red-600 border border-transparent rounded-md shadow-xs hover:bg-red-700 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm")
+                class: M("inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-red-600 border border-transparent rounded-md shadow-xs hover:bg-red-700 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm")
               }, {
-                default: c(() => n[0] || (n[0] = [
+                default: c(() => s[0] || (s[0] = [
                   e("svg", {
                     "aria-hidden": "true",
                     role: "status",
@@ -82,34 +82,34 @@ const M = {
                   m(" Loading... ")
                 ])),
                 _: 1
-              })) : (u(), h(a, {
+              })) : (u(), _(l, {
                 key: 0,
-                onClick: y,
+                onClick: k,
                 tag: "button",
-                button_type: "red"
+                button_type: g.value
               }, {
                 default: c(() => [
-                  m(i(g.value), 1)
+                  m(i(p.value), 1)
                 ]),
                 _: 1
-              })),
-              V(a, {
-                onClick: k,
+              }, 8, ["button_type"])),
+              j(l, {
+                onClick: B,
                 tag: "button",
                 button_type: "light"
               }, {
                 default: c(() => [
-                  m(i(p.value), 1)
+                  m(i(C.value), 1)
                 ]),
                 _: 1
               })
             ])
           ])
         ])
-      ])) : N("", !0);
+      ])) : V("", !0);
     };
   }
 };
 export {
-  H as default
+  I as default
 };

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

@@ -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 CHANGED Viewed

@@ -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.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/mrgiant/GoldenLogicUi.git"