adverich-kun-ui 0.1.162 → 0.1.163

package/dist/components/KunAutocomplete/src/composables/useAutocomplete.js

@@ -1,135 +1,143 @@
-import { ref as a, computed as m, nextTick as G } from "vue";
-import { isArray as O, isObject as d } from "../../../../utils/utils.js";
-function L(n, s, c, w) {
-  const i = a(null), o = a(null), g = a(null), r = a(!1), v = a(""), A = (e, t) => t.split(".").reduce((u, l) => u && u[l] !== void 0 ? u[l] : null, e), F = m(() => i.value ? O(i.value) ? i.value.length ? h(i.value, n.itemTitle, "hasDefault") : n.placeholderText : d(i.value) ? h(i.value, n.itemTitle, "hasDefault") : i.value.toString() : w.value.length ? n.placeholderText : n.textNoItems), V = m(() => n.itemText.includes(",") ? n.itemText.split(",") : n.itemText);
-  function h(e, t, u) {
-    if (d(e)) {
+import { ref as f, computed as E, watch as F, nextTick as J } from "vue";
+import { isArray as j, isObject as v } from "../../../../utils/utils.js";
+function Q(n, o, i, s) {
+  const r = f(null), d = f(null), y = f(null), c = f(!1), h = f(""), V = (e, t) => t.split(".").reduce((u, l) => u && u[l] !== void 0 ? u[l] : null, e), B = E(() => r.value ? j(r.value) ? r.value.length ? x(r.value, n.itemTitle, "hasDefault") : n.placeholderText : v(r.value) ? x(r.value, n.itemTitle, "hasDefault") : r.value.toString() : s.value.length ? n.placeholderText : n.textNoItems), R = E(() => n.itemText.includes(",") ? n.itemText.split(",") : n.itemText);
+  function x(e, t, u) {
+    if (v(e)) {
       if (t) {
-        if (O(t))
+        if (j(t))
           return t.map((l) => e[l] ?? "No definido").join(" - ");
         if (t.includes(","))
           return t.split(",").map((l) => e[l]).join(" - ");
         if (t.includes(".")) {
           const l = t.split(".");
-          let f = e;
-          for (const b of l)
-            f = f[b];
-          return f;
+          let a = e;
+          for (const g of l)
+            a = a[g];
+          return a;
         }
         return !n.returnObject && typeof e[t] == "number" || e[t] ? e[t].toString() : "";
       }
       if (u)
         return Object.values(e)[0];
     }
-    return O(e) ? n.returnObject ? e.map((l) => l[t]).join(" - ") : e.map((l) => l).join(" - ") : u && typeof e != "number" && e.includes(",") ? e.split(",") : e;
+    return j(e) ? n.returnObject ? e.map((l) => l[t]).join(" - ") : e.map((l) => l).join(" - ") : u && typeof e != "number" && e.includes(",") ? e.split(",") : e;
   }
-  function R(e) {
+  function D(e) {
     try {
-      if (j.value = !1, i.value = e, !n.multiple)
-        n.returnObject ? c.value = e : d(e) ? n.itemValue ? c.value = e[n.itemValue] : c.value = Object.values(e)[0] : c.value = e, r.value = !1;
-      else if (S(e))
+      if (b.value = !1, r.value = e, !n.multiple)
+        n.returnObject ? i.value = e : v(e) ? n.itemValue ? i.value = e[n.itemValue] : i.value = Object.values(e)[0] : i.value = e, c.value = !1;
+      else if (m(e))
         e && T(e);
       else {
-        const t = n.returnObject ? e : d(e) ? n.itemValue ? e[n.itemValue] : Object.values(e)[0] : e, u = [...c.value || [], t];
-        s("update:modelValue", u);
+        const t = n.returnObject ? e : v(e) ? n.itemValue ? e[n.itemValue] : Object.values(e)[0] : e, u = [...i.value || [], t];
+        o("update:modelValue", u);
       }
-      s("selectedItem", i.value), n.clearOnSelect && M(), j.value = !0;
+      o("selectedItem", r.value), n.clearOnSelect && M(), b.value = !0;
     } catch (t) {
       console.log(t);
     } finally {
-      x();
+      O();
     }
   }
-  const j = a(!0);
+  const b = f(!0);
+  F(() => i.value, (e) => {
+    b.value && (r.value = S(e));
+  }, { immediate: !0 }), F(() => s.value, () => {
+    r.value = S(i.value);
+  }, { immediate: !0 });
   function S(e) {
-    return c.value === null ? !1 : e ? c.value.some(
+    return e ? n.returnObject ? e : n.multiple && Array.isArray(e) ? e.map((u) => s.value.find((l) => l[n.itemValue] === u)).filter(Boolean) : s.value.find((u) => u[n.itemValue] === e) || null : null;
+  }
+  function m(e) {
+    return i.value === null ? !1 : e ? i.value.some(
       (t) => n.returnObject ? t[n.itemValue] === e[n.itemValue] : t === e[n.itemValue]
     ) : !0;
   }
   function T(e) {
-    let t = c.value;
+    let t = i.value;
     if (n.returnObject) {
       const u = t.find(
-        (f) => f[n.itemValue] === e[n.itemValue]
+        (a) => a[n.itemValue] === e[n.itemValue]
       ), l = t.indexOf(u);
       t.splice(l, 1);
     } else {
       const u = t.indexOf(e[n.itemValue]);
       t.splice(u, 1);
     }
-    s("update:modelValue", t);
+    o("update:modelValue", t);
   }
-  function D(e) {
-    n.clearSearchOnSelect && (v.value = ""), n.focusOnSelect && x();
+  function N(e) {
+    n.clearSearchOnSelect && (h.value = ""), n.focusOnSelect && O();
   }
-  function y() {
-    r.value || (r.value = !0);
+  function I() {
+    c.value || (c.value = !0);
   }
-  function N() {
-    r.value && (r.value = !1);
+  function C() {
+    c.value && (c.value = !1);
   }
-  function B() {
-    r.value = !r.value;
+  function K() {
+    c.value = !c.value;
   }
-  function I(e) {
+  function A(e) {
     return e.length === 1 && e.match(/\w/);
   }
-  function x() {
-    o.value.inputField.focus();
+  function O() {
+    d.value.inputField.focus();
   }
-  function C() {
-    r.value = !0, g.value && o.value.$el.focus();
+  function $() {
+    c.value = !0, y.value && d.value.$el.focus();
   }
-  function K(e) {
+  function q(e) {
     const t = e.key;
-    (I(t) || t === "Backspace") && (y(), x(), G(() => {
+    (A(t) || t === "Backspace") && (I(), O(), J(() => {
       var l;
-      const u = (l = o.value) == null ? void 0 : l.inputField;
+      const u = (l = d.value) == null ? void 0 : l.inputField;
       if (u) {
-        const f = u.selectionStart, b = u.selectionEnd, k = u.value, E = e.key.length === 1 ? e.key : "";
-        u.value = k.slice(0, f) + E + k.slice(b), u.selectionStart = u.selectionEnd = f + E.length, u.dispatchEvent(new Event("input", { bubbles: !0 }));
+        const a = u.selectionStart, g = u.selectionEnd, k = u.value, w = e.key.length === 1 ? e.key : "";
+        u.value = k.slice(0, a) + w + k.slice(g), u.selectionStart = u.selectionEnd = a + w.length, u.dispatchEvent(new Event("input", { bubbles: !0 }));
       }
     }));
   }
-  function $() {
-    r.value = !1, s("createItem");
+  function z() {
+    c.value = !1, o("createItem");
   }
-  function q(e) {
-    let t = c.value.indexOf(e);
-    c.value.splice(t, 1);
+  function G(e) {
+    let t = i.value.indexOf(e);
+    i.value.splice(t, 1);
   }
   function M() {
-    v.value = "", c.value = null, i.value = null;
+    h.value = "", i.value = null, r.value = null;
   }
-  function z(e) {
+  function H(e) {
     return !!e.disabled;
   }
   return {
-    selectedItem: i,
-    textFieldRef: o,
-    listRef: g,
-    menuModel: r,
-    search: v,
-    getItemText: A,
-    placeholder: F,
-    textArr: V,
-    itemToString: h,
-    getSelectedItem: R,
-    checkIfValueExist: S,
+    selectedItem: r,
+    textFieldRef: d,
+    listRef: y,
+    menuModel: c,
+    search: h,
+    getItemText: V,
+    placeholder: B,
+    textArr: R,
+    itemToString: x,
+    getSelectedItem: D,
+    checkIfValueExist: m,
     removeFromArray: T,
-    lightReset: D,
-    openMenu: y,
-    closeMenu: N,
-    toggleMenu: B,
-    focusOnMenu: C,
-    onMenuKeydown: K,
-    createItem: $,
-    removeItem: q,
+    lightReset: N,
+    openMenu: I,
+    closeMenu: C,
+    toggleMenu: K,
+    focusOnMenu: $,
+    onMenuKeydown: q,
+    createItem: z,
+    removeItem: G,
     clearSelection: M,
-    checkDisabled: z,
-    isAlphanumeric: I
+    checkDisabled: H,
+    isAlphanumeric: A
   };
 }
 export {
-  L as useAutocomplete
+  Q as useAutocomplete
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adverich-kun-ui",
-  "version": "0.1.162",
+  "version": "0.1.163",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",