adverich-kun-ui 0.1.208 → 0.1.210

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

@@ -1,39 +1,39 @@
-import { mergeModels as $, useModel as B, onMounted as ae, ref as F, watch as se, createElementBlock as V, openBlock as s, createVNode as a, unref as l, isRef as T, createSlots as ue, withCtx as i, createCommentVNode as k, Fragment as de, renderList as ce, createBlock as d, createElementVNode as me, createTextVNode as y, toDisplayString as w, normalizeClass as fe, withModifiers as pe } from "vue";
+import { mergeModels as R, useModel as $, onMounted as ae, ref as B, watch as se, createElementBlock as V, openBlock as s, createVNode as a, unref as l, isRef as F, createSlots as ue, withCtx as i, createCommentVNode as y, Fragment as de, renderList as ce, createBlock as d, createElementVNode as me, createTextVNode as k, toDisplayString as w, normalizeClass as fe, withModifiers as pe } from "vue";
 import { icons as m } from "../../../../icons/index.js";
-import { isNotEmpty as ve, isArray as U } from "../../../../utils/utils.js";
-import ke from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
-import ye from "../../../KunList/src/components/KunList.vue.js";
-import I from "../../../KunListItem/src/components/KunListItem.vue.js";
-import E from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
+import { isNotEmpty as ve, isArray as T } from "../../../../utils/utils.js";
+import ye from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
+import ke from "../../../KunList/src/components/KunList.vue.js";
+import _ from "../../../KunListItem/src/components/KunListItem.vue.js";
+import U from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
 import he from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
 import ge from "../../../kunMenu/src/components/kunMenu.vue.js";
 import { useAutocomplete as Ce } from "../composables/useAutocomplete.js";
 import { KunAutocompleteProps as be } from "../composables/KunAutocompleteProps.js";
 import Ve from "../../../KunTextField/src/components/KunTextField.vue.js";
 import we from "../../../KunBtn/src/components/KunBtn.vue.js";
-import Ie from "../../../KunChip/src/components/KunChip.vue.js";
+import _e from "../../../KunChip/src/components/KunChip.vue.js";
 import h from "../../../KunIcon/src/components/KunIcon.vue.js";
-const _e = {
+const Ie = {
   key: 0,
   class: "flex justify-center align-center"
 }, xe = { class: "flex justify-center align-center" }, He = {
   __name: "KunAutocomplete",
-  props: /* @__PURE__ */ $(be, {
+  props: /* @__PURE__ */ R(be, {
     modelValue: { default: null },
     modelModifiers: {},
     items: { default: [], type: Array, required: !0 },
     itemsModifiers: {}
   }),
-  emits: /* @__PURE__ */ $(["selectedItem", "createItem", "validation", "search"], ["update:modelValue", "update:items"]),
-  setup(g, { emit: L }) {
-    const r = B(g, "modelValue"), _ = B(g, "items"), n = g, f = L, {
+  emits: /* @__PURE__ */ R(["selectedItem", "createItem", "validation", "search"], ["update:modelValue", "update:items"]),
+  setup(g, { emit: E }) {
+    const r = $(g, "modelValue"), I = $(g, "items"), n = g, f = E, {
       textFieldRef: C,
       listRef: x,
       menuModel: u,
       search: c,
-      removeItem: N,
-      clearSelection: H,
-      lightReset: K,
+      removeItem: L,
+      clearSelection: N,
+      lightReset: H,
       openMenu: b,
       closeMenu: O,
       toggleMenu: j,
@@ -44,18 +44,18 @@ const _e = {
       isAlphanumeric: J,
       createItem: Q,
       checkDisabled: X,
-      itemToString: M,
-      placeholder: S,
+      itemToString: K,
+      placeholder: M,
       hasCreateItem: Y
-    } = Ce(n, f, r, _);
+    } = Ce(n, f, r, I);
     ae(() => {
       n.focusOnRender && C.value.focus();
     });
-    const D = F(null);
+    const S = B(null);
     function Z(e) {
-      return r.value === null || r.value === void 0 ? n.bgItemListColor : n.multiple ? r.value.find((o) => o[n.itemValue] === e[n.itemValue]) ? n.selectedColor : n.bgItemListColor : S.value === e[n.itemTitle] ? n.selectedColor : n.bgItemListColor;
+      return r.value === null || r.value === void 0 ? n.bgItemListColor : n.multiple ? r.value.find((o) => o[n.itemValue] === e[n.itemValue]) ? n.selectedColor : n.bgItemListColor : M.value === e[n.itemTitle] ? n.selectedColor : n.bgItemListColor;
     }
-    const p = F(""), z = (e) => {
+    const p = B(""), D = (e) => {
       for (const o of n.rules) {
         const t = o(e);
         if (t !== !0)
@@ -64,7 +64,7 @@ const _e = {
       return p.value = "", f("validation", !0), !0;
     };
     se(() => r.value, (e, o) => {
-      ve(n.rules) && z(e);
+      ve(n.rules) && D(e);
     });
     function ee() {
       var e;
@@ -83,7 +83,7 @@ const _e = {
       f("search", c);
     }
     function oe() {
-      z(r);
+      D(r);
     }
     function ne(e) {
       q(e);
@@ -93,12 +93,12 @@ const _e = {
     return (e, o) => (s(), V("div", {
       class: "w-full h-fit",
       ref_key: "parentRef",
-      ref: D
+      ref: S
     }, [
       a(Ve, {
         modelValue: l(c),
         "onUpdate:modelValue": [
-          o[2] || (o[2] = (t) => T(c) ? c.value = t : null),
+          o[1] || (o[1] = (t) => F(c) ? c.value = t : null),
           le
         ],
         label: e.label,
@@ -113,40 +113,40 @@ const _e = {
         rounded: l(u) ? "rounded-t" : "rounded",
         onBlur: ie,
         onKeyDown: te,
-        placeholder: n.multiple && l(U)(r.value) && r.value.length ? "" : l(S),
+        placeholder: n.multiple && l(T)(r.value) && r.value.length ? "" : l(M),
         error: !!p.value,
         "error-messages": p.value
       }, ue({
         default: i(() => [
-          l(U)(r.value) ? (s(), V("div", _e, [
-            (s(!0), V(de, null, ce(r.value, (t) => (s(), d(Ie, {
+          l(T)(r.value) ? (s(), V("div", Ie, [
+            (s(!0), V(de, null, ce(r.value, (t) => (s(), d(_e, {
               key: t.id ?? t.name,
               size: "small",
               class: "ml-1"
             }, {
               default: i(() => [
                 me("div", xe, [
-                  y(w(l(G)(t, e.itemTitle)) + " ", 1),
+                  k(w(l(G)(t, e.itemTitle)) + " ", 1),
                   a(h, {
                     color: "error",
                     icon: l(m).close,
                     size: "small",
                     class: "ml-1",
-                    onClick: (v) => l(N)(t)
+                    onClick: (v) => l(L)(t)
                   }, null, 8, ["icon", "onClick"])
                 ])
               ]),
               _: 2
             }, 1024))), 128))
-          ])) : k("", !0),
+          ])) : y("", !0),
           a(ge, {
             transition: "fade",
-            "onClick:outside": l(K),
+            "onClick:outside": l(H),
             modelValue: l(u),
-            "onUpdate:modelValue": o[1] || (o[1] = (t) => T(u) ? u.value = t : null),
+            "onUpdate:modelValue": o[0] || (o[0] = (t) => F(u) ? u.value = t : null),
             activator: "parent",
             "z-index": e.zIndex,
-            "parent-ref": D.value,
+            "parent-ref": S.value,
             location: "bottom",
             origin: "bottom left",
             onHandleEscape: ee,
@@ -155,32 +155,31 @@ const _e = {
             "hide-details": e.hideDetails
           }, {
             default: i(() => [
-              a(ye, {
+              a(ke, {
                 "onUpdate:selected": l(P),
-                "onClick:select": o[0] || (o[0] = (t) => l(K)()),
                 ref_key: "listRef",
                 ref: x,
                 onKeyDown: ne
               }, {
                 default: i(() => [
-                  l(Y) ? (s(), d(I, { key: 0 }, {
+                  l(Y) ? (s(), d(_, { key: 0 }, {
                     default: i(() => [
                       a(we, {
                         onClick: l(Q),
                         class: "w-full",
                         color: "bg-green-400"
                       }, {
-                        default: i(() => o[3] || (o[3] = [
-                          y(" Crear item ")
+                        default: i(() => o[2] || (o[2] = [
+                          k(" Crear item ")
                         ])),
                         _: 1,
-                        __: [3]
+                        __: [2]
                       }, 8, ["onClick"])
                     ]),
                     _: 1
-                  })) : k("", !0),
-                  a(ke, {
-                    items: _.value,
+                  })) : y("", !0),
+                  a(ye, {
+                    items: I.value,
                     search: l(c),
                     "searchable-keys": n.searchableKeys,
                     virtual: !1,
@@ -189,39 +188,39 @@ const _e = {
                     "item-height": 48
                   }, {
                     default: i(({ item: t, index: v, empty: re }) => {
-                      var A, R;
+                      var z, A;
                       return [
-                        !re && t ? (s(), d(I, {
+                        !re && t ? (s(), d(_, {
                           value: t,
-                          key: ((A = t.id) == null ? void 0 : A.toString()) ?? t.name,
+                          key: ((z = t.id) == null ? void 0 : z.toString()) ?? t.name,
                           disabled: l(X)(t),
                           class: fe(Z(t)),
                           density: e.density,
-                          id: ((R = t.id) == null ? void 0 : R.toString()) ?? t.name
+                          id: ((A = t.id) == null ? void 0 : A.toString()) ?? t.name
                         }, {
                           default: i(() => [
-                            a(E, { class: "text-wrap" }, {
+                            a(U, { class: "text-wrap" }, {
                               default: i(() => [
-                                y(w(l(M)(t, e.itemTitle ?? l(W), "hasDefault")), 1)
+                                k(w(l(K)(t, e.itemTitle ?? l(W), "hasDefault")), 1)
                               ]),
                               _: 2
                             }, 1024),
                             a(he, {
-                              textContent: w(e.itemSubtitle ? l(M)(t, e.itemSubtitle) : "")
+                              textContent: w(e.itemSubtitle ? l(K)(t, e.itemSubtitle) : "")
                             }, null, 8, ["textContent"])
                           ]),
                           _: 2
-                        }, 1032, ["value", "disabled", "class", "density", "id"])) : (s(), d(I, {
+                        }, 1032, ["value", "disabled", "class", "density", "id"])) : (s(), d(_, {
                           key: 1,
                           disabled: ""
                         }, {
                           default: i(() => [
-                            a(E, { class: "text-center w-full text-gray-500" }, {
-                              default: i(() => o[4] || (o[4] = [
-                                y(" No hay elementos disponibles ")
+                            a(U, { class: "text-center w-full text-gray-500" }, {
+                              default: i(() => o[3] || (o[3] = [
+                                k(" No hay elementos disponibles ")
                               ])),
                               _: 1,
-                              __: [4]
+                              __: [3]
                             })
                           ]),
                           _: 1
@@ -244,12 +243,12 @@ const _e = {
           fn: i(() => [
             e.clearable && r.value ? (s(), d(h, {
               key: 0,
-              onClick: l(H),
+              onClick: l(N),
               size: "small",
               color: "error",
               icon: l(m).close,
               class: "mr-1 mt-1"
-            }, null, 8, ["onClick", "icon"])) : k("", !0),
+            }, null, 8, ["onClick", "icon"])) : y("", !0),
             a(h, {
               color: "teal-darken-1",
               size: "large",
@@ -263,7 +262,7 @@ const _e = {
               size: "x-small",
               class: "mb-4",
               icon: l(m).asterisk
-            }, null, 8, ["icon"])) : k("", !0)
+            }, null, 8, ["icon"])) : y("", !0)
           ]),
           key: "0"
         } : void 0

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

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

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

@@ -1,4 +1,4 @@
-import { mergeModels as g, ref as w, useModel as B, provide as p, computed as S, createElementBlock as h, openBlock as M, mergeProps as I, withModifiers as E, renderSlot as L } from "vue";
+import { mergeModels as g, ref as w, useModel as D, provide as p, computed as B, createElementBlock as M, openBlock as S, mergeProps as I, withModifiers as E, renderSlot as L } from "vue";
 const R = {
   __name: "KunList",
   props: /* @__PURE__ */ g({
@@ -28,11 +28,11 @@ const R = {
   }),
   emits: /* @__PURE__ */ g(["keyDown", "click:select", "update:selected"], ["update:selected"]),
   setup(o, { expose: b, emit: y }) {
-    const u = o, a = y, f = w(null), c = w([]), s = B(o, "selected");
+    const u = o, a = y, f = w(null), c = w([]), s = D(o, "selected");
     p("registerListItemRef", (e) => {
       e && !c.value.includes(e) && c.value.push(e);
     });
-    const m = S(() => u.selectable && u.selectionMode === "multiple");
+    const m = B(() => u.selectable && u.selectionMode === "multiple");
     function v(e) {
       if (!(!u.selectable || e == null))
         if (m.value) {
@@ -61,7 +61,7 @@ const R = {
         }
         if (t === "ArrowUp" || t === "ArrowDown") {
           e.preventDefault();
-          const l = n.findIndex((D) => D === document.activeElement);
+          const l = n.findIndex((x) => x === document.activeElement);
           let d = -1;
           l === -1 ? d = t === "ArrowDown" ? 0 : n.length - 1 : t === "ArrowDown" ? d = (l + 1) % n.length : t === "ArrowUp" && (d = (l - 1 + n.length) % n.length);
           const i = n[d];
@@ -70,17 +70,17 @@ const R = {
         }
       }
     }
-    function x(e = "ArrowDown") {
+    function h(e = "ArrowDown") {
       var l;
       const t = c.value.filter(Boolean);
       if (!t.length) return;
       const n = e === "ArrowDown" ? 0 : t.length - 1, r = t[n];
       (l = r == null ? void 0 : r.focus) == null || l.call(r);
     }
-    return b({ focusWithKey: x, focus: () => {
+    return b({ focusWithKey: h, focus: () => {
       var e, t;
       return (t = (e = f.value) == null ? void 0 : e.focus) == null ? void 0 : t.call(e);
-    } }), (e, t) => (M(), h("ul", I({
+    } }), (e, t) => (S(), M("ul", I({
       ref_key: "ulRef",
       ref: f,
       role: "list",
@@ -96,8 +96,7 @@ const R = {
       ]],
       tabindex: "-1",
       onKeydown: E(A, ["prevent"]),
-      onSelect: t[0] || (t[0] = (n) => a("click:select", n.detail)),
-      onSelected: t[1] || (t[1] = (n) => a("update:selected", n.detail))
+      onSelect: t[0] || (t[0] = (n) => a("click:select", n.detail))
     }, e.$attrs), [
       L(e.$slots, "default")
     ], 16));

package/dist/utils/utils.js

@@ -7,19 +7,23 @@ function o(t) {
 function u(t) {
   return typeof t == "string";
 }
-function c(t) {
+function f(t) {
   return i(t) ? Object.keys(t).length > 0 : o(t) || u(t) ? t.length > 0 : !1;
 }
-function f(t, n = 100) {
+function s(t, n = 100) {
   let r;
   return (...e) => {
     clearTimeout(r), r = setTimeout(() => t(...e), n);
   };
 }
+function c(t) {
+  return JSON.parse(JSON.stringify(t));
+}
 export {
-  f as debounce,
+  s as debounce,
+  c as fullCopy,
   o as isArray,
-  c as isNotEmpty,
+  f as isNotEmpty,
   i as isObject,
   u as isString
 };

package/package.json

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