adverich-kun-ui 0.1.529 → 0.1.530

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

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

package/package.json

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