adverich-kun-ui 0.1.434 → 0.1.435

package/dist/components/KunAutocomplete/src/components/KunAutocomplete.vue.js

@@ -1,4 +1,4 @@
-import { mergeModels as z, useModel as R, onMounted as ie, ref as S, watch as ne, createElementBlock as v, openBlock as a, createVNode as n, unref as l, isRef as A, createSlots as re, withCtx as i, createCommentVNode as k, Fragment as ae, renderList as se, createBlock as m, createElementVNode as ue, createTextVNode as b, toDisplayString as I, normalizeClass as de, withModifiers as ce } from "vue";
+import { mergeModels as z, useModel as S, onMounted as ie, ref as A, watch as ne, createElementBlock as k, openBlock as a, createVNode as n, unref as l, isRef as R, createSlots as re, withCtx as i, createCommentVNode as v, Fragment as ae, renderList as se, createBlock as m, createElementVNode as ue, createTextVNode as b, toDisplayString as V, normalizeClass as de, withModifiers as ce } from "vue";
 import { icons as f } from "../../../../icons/index.js";
 import { isNotEmpty as _, isArray as B } from "../../../../utils/utils.js";
 import me from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
@@ -7,8 +7,8 @@ import F from "../../../KunListItem/src/components/KunListItem.vue.js";
 import T from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
 import pe from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
 import he from "../../../KunMenu/src/components/KunMenu.vue.js";
-import { useAutocomplete as ve } from "../composables/useAutocomplete.js";
-import { KunAutocompleteProps as ke } from "../composables/KunAutocompleteProps.js";
+import { useAutocomplete as ke } from "../composables/useAutocomplete.js";
+import { KunAutocompleteProps as ve } from "../composables/KunAutocompleteProps.js";
 import be from "../../../KunTextField/src/components/KunTextField.vue.js";
 import ye from "../../../KunBtn/src/components/KunBtn.vue.js";
 import ge from "../../../KunChip/src/components/KunChip.vue.js";
@@ -21,7 +21,7 @@ const Ce = {
   class: "sticky top-0 z-10 p-2 border-b bg-select-background"
 }, Le = {
   __name: "KunAutocomplete",
-  props: /* @__PURE__ */ z(ke, {
+  props: /* @__PURE__ */ z(ve, {
     modelValue: { default: null },
     modelModifiers: {},
     items: { default: [], type: Array, required: !0 },
@@ -29,15 +29,15 @@ const Ce = {
   }),
   emits: /* @__PURE__ */ z(["update:modelValue", "selectedItem", "createItem", "validation", "search"], ["update:modelValue", "update:items"]),
   setup(g, { emit: E }) {
-    const r = R(g, "modelValue"), M = R(g, "items"), u = g, p = E, {
+    const r = S(g, "modelValue"), I = S(g, "items"), u = g, p = E, {
       textFieldRef: C,
-      listRef: w,
+      listRef: M,
       menuModel: s,
       search: c,
       removeItem: N,
       clearSelection: L,
       lightReset: O,
-      openMenu: V,
+      openMenu: w,
       closeMenu: U,
       toggleMenu: x,
       onMenuKeydown: H,
@@ -49,11 +49,11 @@ const Ce = {
       checkDisabled: J,
       itemToString: D,
       placeholder: Q
-    } = ve(u, p, r, M);
+    } = ke(u, p, r, I);
     ie(() => {
       u.focusOnRender && C.value.focus();
     });
-    const K = S(null), h = S(""), $ = (e) => {
+    const K = A(null), h = A(""), $ = (e) => {
       for (const o of u.rules) {
         const t = o(e);
         if (t !== !0)
@@ -75,7 +75,7 @@ const Ce = {
         U();
         return;
       }
-      (j(o) || o === "Backspace") && V(), ["ArrowUp", "ArrowDown"].includes(o) && (e.preventDefault(), s.value || V(), console.log("listRef.value", w.value), (d = (t = w.value) == null ? void 0 : t.focusWithKey) == null || d.call(t, o));
+      (j(o) || o === "Backspace") && w(), ["ArrowUp", "ArrowDown"].includes(o) && (e.preventDefault(), s.value || w(), (d = (t = M.value) == null ? void 0 : t.focusWithKey) == null || d.call(t, o));
     }
     function Z(e) {
       p("search", c);
@@ -88,7 +88,7 @@ const Ce = {
     }
     function te() {
     }
-    return (e, o) => (a(), v("div", {
+    return (e, o) => (a(), k("div", {
       class: "w-full h-fit",
       ref_key: "parentRef",
       ref: K
@@ -96,7 +96,7 @@ const Ce = {
       n(be, {
         modelValue: l(c),
         "onUpdate:modelValue": [
-          o[1] || (o[1] = (t) => A(c) ? c.value = t : null),
+          o[1] || (o[1] = (t) => R(c) ? c.value = t : null),
           Z
         ],
         label: e.label,
@@ -116,14 +116,14 @@ const Ce = {
         "error-messages": h.value
       }, re({
         default: i(() => [
-          l(B)(r.value) && l(_)(r.value) ? (a(), v("div", Ce, [
-            (a(!0), v(ae, null, se(r.value, (t) => (a(), m(ge, {
+          l(B)(r.value) && l(_)(r.value) ? (a(), k("div", Ce, [
+            (a(!0), k(ae, null, se(r.value, (t) => (a(), m(ge, {
               key: t.id ?? t.name,
               size: "small"
             }, {
               default: i(() => [
                 ue("div", we, [
-                  b(I(l(W)(t, e.itemTitle)) + " ", 1),
+                  b(V(l(W)(t, e.itemTitle)) + " ", 1),
                   n(y, {
                     color: "error",
                     icon: l(f).close,
@@ -135,12 +135,12 @@ const Ce = {
               ]),
               _: 2
             }, 1024))), 128))
-          ])) : k("", !0),
+          ])) : v("", !0),
           n(he, {
             transition: "fade",
             "onClick:outside": l(O),
             modelValue: l(s),
-            "onUpdate:modelValue": o[0] || (o[0] = (t) => A(s) ? s.value = t : null),
+            "onUpdate:modelValue": o[0] || (o[0] = (t) => R(s) ? s.value = t : null),
             activator: "parent",
             "z-index": e.zIndex,
             "parent-ref": K.value,
@@ -153,28 +153,28 @@ const Ce = {
             "hide-details": e.hideDetails
           }, {
             default: i(() => [
-              e.hasCreateItem ? (a(), v("div", Ve, [
+              e.hasCreateItem ? (a(), k("div", Ve, [
                 n(ye, {
                   onClick: l(G),
                   bgColor: e.btnCreateBg,
                   class: de(e.btnCreateClass)
                 }, {
                   default: i(() => [
-                    b(I(e.btnCreateText), 1)
+                    b(V(e.btnCreateText), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick", "bgColor", "class"])
-              ])) : k("", !0),
+              ])) : v("", !0),
               n(fe, {
                 "onClick:select": l(q),
                 ref_key: "listRef",
-                ref: w,
+                ref: M,
                 onKeyDown: le,
                 selectable: !0
               }, {
                 default: i(() => [
                   n(me, {
-                    items: M.value,
+                    items: I.value,
                     search: l(c),
                     "searchable-keys": u.searchableKeys,
                     virtual: !1,
@@ -197,7 +197,7 @@ const Ce = {
                         default: i(() => [
                           n(T, { class: "text-wrap" }, {
                             default: i(() => [
-                              b(I(l(D)(t, e.itemTitle ?? l(P), "hasDefault")), 1)
+                              b(V(l(D)(t, e.itemTitle ?? l(P), "hasDefault")), 1)
                             ]),
                             _: 2
                           }, 1024),
@@ -243,13 +243,13 @@ const Ce = {
               color: "error",
               icon: l(f).close,
               class: "mr-1 mt-1"
-            }, null, 8, ["onClick", "icon"])) : k("", !0),
+            }, null, 8, ["onClick", "icon"])) : v("", !0),
             n(y, {
               color: "teal-darken-1",
               size: "large",
               class: "cursor-pointer",
               icon: l(s) ? l(f).menuUpOutline : l(f).menuDownOutline,
-              onClick: ce(l(V), ["stop"])
+              onClick: ce(l(w), ["stop"])
             }, null, 8, ["icon", "onClick"]),
             e.required ? (a(), m(y, {
               key: 1,
@@ -257,7 +257,7 @@ const Ce = {
               size: "x-small",
               class: "mb-4",
               icon: l(f).asterisk
-            }, null, 8, ["icon"])) : k("", !0)
+            }, null, 8, ["icon"])) : v("", !0)
           ]),
           key: "0"
         } : void 0

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

@@ -1,53 +1,53 @@
 import { ref as s, computed as M, watch as H, nextTick as F } from "vue";
 import { isArray as y, isObject as h, fullCopy as L } from "../../../../utils/utils.js";
-function U(t, g, i, d) {
-  const l = s(null), v = s(null), S = s(null), f = s(!1), b = s(""), N = (e, n) => n.split(".").reduce((u, c) => u && u[c] !== void 0 ? u[c] : null, e), B = M(() => l.value !== null && l.value !== void 0 ? y(l.value) ? l.value.length ? j(l.value, t.itemTitle, "hasDefault") : t.placeholderText : h(l.value) ? j(l.value, t.itemTitle, "hasDefault") : l.value.toString() : d.value.length ? t.placeholderText : t.textNoItems), R = M(() => t.itemText.includes(",") ? t.itemText.split(",") : t.itemText);
-  function j(e, n, u) {
+function U(n, j, i, d) {
+  const l = s(null), v = s(null), S = s(null), f = s(!1), b = s(""), N = (e, t) => t.split(".").reduce((u, c) => u && u[c] !== void 0 ? u[c] : null, e), B = M(() => l.value !== null && l.value !== void 0 ? y(l.value) ? l.value.length ? g(l.value, n.itemTitle, "hasDefault") : n.placeholderText : h(l.value) ? g(l.value, n.itemTitle, "hasDefault") : l.value.toString() : d.value.length ? n.placeholderText : n.textNoItems), R = M(() => n.itemText.includes(",") ? n.itemText.split(",") : n.itemText);
+  function g(e, t, u) {
     var c;
     if (h(e)) {
-      if (n) {
-        if (y(n))
-          return n.map((r) => {
+      if (t) {
+        if (y(t))
+          return t.map((r) => {
             if (r.includes(".")) {
               const o = r.split(".");
               let a = e;
               for (const O of o)
-                a = a != null ? a[O] : void 0;
+                a = a != null ? a[O] : "";
               return a ?? "No definido";
             }
             return e[r] ?? "No definido";
           }).join(" - ");
-        if (n.includes(","))
-          return n.split(",").map((r) => e[r]).join(" - ");
-        if (n.includes(".")) {
-          const r = n.split(".");
+        if (t.includes(","))
+          return t.split(",").map((r) => e[r]).join(" - ");
+        if (t.includes(".")) {
+          const r = t.split(".");
           let o = e;
           for (const a of r)
-            o = o != null ? o[a] : void 0;
+            o = o != null ? o[a] : "";
           return o;
         }
-        return !t.returnObject && typeof e[n] == "number" ? e[n].toString() : e[n] !== void 0 && e[n] !== null ? (console.log(n), e[n].toString()) : "";
+        return !n.returnObject && typeof e[t] == "number" || e[t] !== void 0 && e[t] !== null ? e[t].toString() : "";
       }
       if (u)
         return Object.values(e)[0];
     }
-    return y(e) ? t.returnObject ? e.map((r) => r[n]).join(" - ") : e.map((r) => r).join(" - ") : u && typeof e != "number" ? e.includes(",") ? e.split(",") : e : ((c = e == null ? void 0 : e.toString) == null ? void 0 : c.call(e)) ?? "";
+    return y(e) ? n.returnObject ? e.map((r) => r[t]).join(" - ") : e.map((r) => r).join(" - ") : u && typeof e != "number" ? e.includes(",") ? e.split(",") : e : ((c = e == null ? void 0 : e.toString) == null ? void 0 : c.call(e)) ?? "";
   }
   function V(e) {
     try {
-      let n = null;
-      if (l.value = L(e), !t.multiple)
-        t.returnObject ? n = e : h(e) ? t.itemValue ? n = e[t.itemValue] : n = Object.values(e)[0] : n = e, f.value = !1, x();
+      let t = null;
+      if (l.value = L(e), !n.multiple)
+        n.returnObject ? t = e : h(e) ? n.itemValue ? t = e[n.itemValue] : t = Object.values(e)[0] : t = e, f.value = !1, x();
       else if (T(e)) {
         e && I(e);
         return;
       } else {
-        const u = t.returnObject ? e : h(e) ? t.itemValue ? e[t.itemValue] : Object.values(e)[0] : e;
-        n = [...i.value || [], u];
+        const u = n.returnObject ? e : h(e) ? n.itemValue ? e[n.itemValue] : Object.values(e)[0] : e;
+        t = [...i.value || [], u];
       }
-      i.value === n ? g("update:modelValue", n) : i.value = n, g("selectedItem", l.value);
-    } catch (n) {
-      console.log(n);
+      i.value === t ? j("update:modelValue", t) : i.value = t, j("selectedItem", l.value);
+    } catch (t) {
+      console.log(t);
     } finally {
       F(() => {
         A();
@@ -57,27 +57,27 @@ function U(t, g, i, d) {
   H(
     [() => i.value, () => d.value],
     ([e]) => {
-      const n = C(e);
-      JSON.stringify(l.value) !== JSON.stringify(n) && (l.value = n);
+      const t = C(e);
+      JSON.stringify(l.value) !== JSON.stringify(t) && (l.value = t);
     },
     { immediate: !0 }
   );
   function C(e) {
-    return e == null ? null : t.multiple && Array.isArray(e) ? t.returnObject ? e : e.map((u) => d.value.find((c) => c[t.itemValue] === u)).filter(Boolean) : t.returnObject ? e : d.value.find(
-      (u) => typeof u == "object" ? u[t.itemValue] === e : u === e
+    return e == null ? null : n.multiple && Array.isArray(e) ? n.returnObject ? e : e.map((u) => d.value.find((c) => c[n.itemValue] === u)).filter(Boolean) : n.returnObject ? e : d.value.find(
+      (u) => typeof u == "object" ? u[n.itemValue] === e : u === e
     ) ?? e;
   }
   function T(e) {
     if (!i.value || !e) return !1;
-    const n = t.returnObject ? e[t.itemValue] : e;
-    return i.value.some((u) => (t.returnObject ? u[t.itemValue] : u) === n);
+    const t = n.returnObject ? e[n.itemValue] : e;
+    return i.value.some((u) => (n.returnObject ? u[n.itemValue] : u) === t);
   }
   function I(e) {
-    const n = t.returnObject ? e[t.itemValue] : e, u = i.value.filter((c) => (t.returnObject ? c[t.itemValue] : c) !== n);
+    const t = n.returnObject ? e[n.itemValue] : e, u = i.value.filter((c) => (n.returnObject ? c[n.itemValue] : c) !== t);
     i.value = u;
   }
   function A(e) {
-    t.clearSearchOnSelect && (b.value = ""), t.clearOnSelect && E(), t.focusOnSelect && x();
+    n.clearSearchOnSelect && (b.value = ""), n.clearOnSelect && E(), n.focusOnSelect && x();
   }
   function k() {
     f.value || (f.value = !0);
@@ -98,8 +98,8 @@ function U(t, g, i, d) {
     f.value = !0, S.value && v.value.$el.focus();
   }
   function $(e) {
-    const n = e.key;
-    (w(n) || n === "Backspace") && (k(), x(), F(() => {
+    const t = e.key;
+    (w(t) || t === "Backspace") && (k(), x(), F(() => {
       var c;
       const u = (c = v.value) == null ? void 0 : c.inputField;
       if (u) {
@@ -109,11 +109,11 @@ function U(t, g, i, d) {
     }));
   }
   function q() {
-    f.value = !1, g("createItem");
+    f.value = !1, j("createItem");
   }
   function z(e) {
-    let n = i.value.indexOf(e);
-    i.value.splice(n, 1);
+    let t = i.value.indexOf(e);
+    i.value.splice(t, 1);
   }
   function E() {
     b.value !== "" && (b.value = ""), i.value !== null && (i.value = null), l.value !== null && (l.value = null);
@@ -130,7 +130,7 @@ function U(t, g, i, d) {
     getItemText: N,
     placeholder: B,
     textArr: R,
-    itemToString: j,
+    itemToString: g,
     getSelectedItem: V,
     checkIfValueExist: T,
     removeFromArray: I,

package/package.json

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