adverich-kun-ui 0.1.292 → 0.1.293

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

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

package/package.json

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