adverich-kun-ui 0.1.211 → 0.1.212

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

@@ -1,10 +1,10 @@
-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 { 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 t, isRef as F, createSlots as ue, withCtx as i, createCommentVNode as v, 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 { icons as m } from "../../../../icons/index.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 { isNotEmpty as ke, isArray as T } from "../../../../utils/utils.js";
+import ve from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
+import ye 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 E 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";
@@ -24,15 +24,15 @@ const Ie = {
     items: { default: [], type: Array, required: !0 },
     itemsModifiers: {}
   }),
-  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, {
+  emits: /* @__PURE__ */ R(["update:modelValue", "selectedItem", "createItem", "validation", "search"], ["update:modelValue", "update:items"]),
+  setup(g, { emit: L }) {
+    const r = $(g, "modelValue"), I = $(g, "items"), n = g, f = L, {
       textFieldRef: C,
       listRef: x,
       menuModel: u,
       search: c,
-      removeItem: L,
-      clearSelection: N,
+      removeItem: N,
+      clearSelection: U,
       lightReset: H,
       openMenu: b,
       closeMenu: O,
@@ -57,29 +57,29 @@ const Ie = {
     }
     const p = B(""), D = (e) => {
       for (const o of n.rules) {
-        const t = o(e);
-        if (t !== !0)
-          return p.value = t, f("validation", !1), !1;
+        const l = o(e);
+        if (l !== !0)
+          return p.value = l, f("validation", !1), !1;
       }
       return p.value = "", f("validation", !0), !0;
     };
     se(() => r.value, (e, o) => {
-      ve(n.rules) && D(e);
+      ke(n.rules) && D(e);
     });
     function ee() {
       var e;
       u.value = !1, (e = C.value.inputField) == null || e.focus();
     }
-    function te(e) {
-      var t, v;
+    function le(e) {
+      var l, k;
       const o = e.key;
       if (o === "Tab" || o === "Shift") {
         O();
         return;
       }
-      (J(o) || o === "Backspace") && b(), ["ArrowUp", "ArrowDown"].includes(o) && (e.preventDefault(), u.value || b(), (v = (t = x.value) == null ? void 0 : t.focusWithKey) == null || v.call(t, o));
+      (J(o) || o === "Backspace") && b(), ["ArrowUp", "ArrowDown"].includes(o) && (e.preventDefault(), u.value || b(), (k = (l = x.value) == null ? void 0 : l.focusWithKey) == null || k.call(l, o));
     }
-    function le(e) {
+    function te(e) {
       f("search", c);
     }
     function oe() {
@@ -96,10 +96,10 @@ const Ie = {
       ref: S
     }, [
       a(Ve, {
-        modelValue: l(c),
+        modelValue: t(c),
         "onUpdate:modelValue": [
-          o[1] || (o[1] = (t) => F(c) ? c.value = t : null),
-          le
+          o[1] || (o[1] = (l) => F(c) ? c.value = l : null),
+          te
         ],
         label: e.label,
         dirty: "",
@@ -109,41 +109,41 @@ const Ie = {
         ref: C,
         autocomplete: "off",
         onFocusInput: oe,
-        onHandleClick: l(j),
-        rounded: l(u) ? "rounded-t" : "rounded",
+        onHandleClick: t(j),
+        rounded: t(u) ? "rounded-t" : "rounded",
         onBlur: ie,
-        onKeyDown: te,
-        placeholder: n.multiple && l(T)(r.value) && r.value.length ? "" : l(M),
+        onKeyDown: le,
+        placeholder: n.multiple && t(T)(r.value) && r.value.length ? "" : t(M),
         error: !!p.value,
         "error-messages": p.value
       }, ue({
         default: i(() => [
-          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,
+          t(T)(r.value) ? (s(), V("div", Ie, [
+            (s(!0), V(de, null, ce(r.value, (l) => (s(), d(_e, {
+              key: l.id ?? l.name,
               size: "small",
               class: "ml-1"
             }, {
               default: i(() => [
                 me("div", xe, [
-                  k(w(l(G)(t, e.itemTitle)) + " ", 1),
+                  y(w(t(G)(l, e.itemTitle)) + " ", 1),
                   a(h, {
                     color: "error",
-                    icon: l(m).close,
+                    icon: t(m).close,
                     size: "small",
                     class: "ml-1",
-                    onClick: (v) => l(L)(t)
+                    onClick: (k) => t(N)(l)
                   }, null, 8, ["icon", "onClick"])
                 ])
               ]),
               _: 2
             }, 1024))), 128))
-          ])) : y("", !0),
+          ])) : v("", !0),
           a(ge, {
             transition: "fade",
-            "onClick:outside": l(H),
-            modelValue: l(u),
-            "onUpdate:modelValue": o[0] || (o[0] = (t) => F(u) ? u.value = t : null),
+            "onClick:outside": t(H),
+            modelValue: t(u),
+            "onUpdate:modelValue": o[0] || (o[0] = (l) => F(u) ? u.value = l : null),
             activator: "parent",
             "z-index": e.zIndex,
             "parent-ref": S.value,
@@ -155,58 +155,58 @@ const Ie = {
             "hide-details": e.hideDetails
           }, {
             default: i(() => [
-              a(ke, {
-                "onUpdate:selected": l(P),
+              a(ye, {
+                "onClick:select": t(P),
                 ref_key: "listRef",
                 ref: x,
                 onKeyDown: ne
               }, {
                 default: i(() => [
-                  l(Y) ? (s(), d(_, { key: 0 }, {
+                  t(Y) ? (s(), d(_, { key: 0 }, {
                     default: i(() => [
                       a(we, {
-                        onClick: l(Q),
+                        onClick: t(Q),
                         class: "w-full",
                         color: "bg-green-400"
                       }, {
                         default: i(() => o[2] || (o[2] = [
-                          k(" Crear item ")
+                          y(" Crear item ")
                         ])),
                         _: 1,
                         __: [2]
                       }, 8, ["onClick"])
                     ]),
                     _: 1
-                  })) : y("", !0),
-                  a(ye, {
+                  })) : v("", !0),
+                  a(ve, {
                     items: I.value,
-                    search: l(c),
+                    search: t(c),
                     "searchable-keys": n.searchableKeys,
                     virtual: !1,
                     "items-per-intersection": 10,
-                    enabled: l(u),
+                    enabled: t(u),
                     "item-height": 48
                   }, {
-                    default: i(({ item: t, index: v, empty: re }) => {
+                    default: i(({ item: l, index: k, empty: re }) => {
                       var z, A;
                       return [
-                        !re && t ? (s(), d(_, {
-                          value: t,
-                          key: ((z = t.id) == null ? void 0 : z.toString()) ?? t.name,
-                          disabled: l(X)(t),
-                          class: fe(Z(t)),
+                        !re && l ? (s(), d(_, {
+                          value: l,
+                          key: ((z = l.id) == null ? void 0 : z.toString()) ?? l.name,
+                          disabled: t(X)(l),
+                          class: fe(Z(l)),
                           density: e.density,
-                          id: ((A = t.id) == null ? void 0 : A.toString()) ?? t.name
+                          id: ((A = l.id) == null ? void 0 : A.toString()) ?? l.name
                         }, {
                           default: i(() => [
-                            a(U, { class: "text-wrap" }, {
+                            a(E, { class: "text-wrap" }, {
                               default: i(() => [
-                                k(w(l(K)(t, e.itemTitle ?? l(W), "hasDefault")), 1)
+                                y(w(t(K)(l, e.itemTitle ?? t(W), "hasDefault")), 1)
                               ]),
                               _: 2
                             }, 1024),
                             a(he, {
-                              textContent: w(e.itemSubtitle ? l(K)(t, e.itemSubtitle) : "")
+                              textContent: w(e.itemSubtitle ? t(K)(l, e.itemSubtitle) : "")
                             }, null, 8, ["textContent"])
                           ]),
                           _: 2
@@ -215,9 +215,9 @@ const Ie = {
                           disabled: ""
                         }, {
                           default: i(() => [
-                            a(U, { class: "text-center w-full text-gray-500" }, {
+                            a(E, { class: "text-center w-full text-gray-500" }, {
                               default: i(() => o[3] || (o[3] = [
-                                k(" No hay elementos disponibles ")
+                                y(" No hay elementos disponibles ")
                               ])),
                               _: 1,
                               __: [3]
@@ -231,7 +231,7 @@ const Ie = {
                   }, 8, ["items", "search", "searchable-keys", "enabled"])
                 ]),
                 _: 1
-              }, 8, ["onUpdate:selected"])
+              }, 8, ["onClick:select"])
             ]),
             _: 1
           }, 8, ["onClick:outside", "modelValue", "z-index", "parent-ref", "close-on-content-click", "max-height", "hide-details"])
@@ -243,26 +243,26 @@ const Ie = {
           fn: i(() => [
             e.clearable && r.value ? (s(), d(h, {
               key: 0,
-              onClick: l(N),
+              onClick: t(U),
               size: "small",
               color: "error",
-              icon: l(m).close,
+              icon: t(m).close,
               class: "mr-1 mt-1"
-            }, null, 8, ["onClick", "icon"])) : y("", !0),
+            }, null, 8, ["onClick", "icon"])) : v("", !0),
             a(h, {
               color: "teal-darken-1",
               size: "large",
               class: "cursor-pointer",
-              icon: l(u) ? l(m).menuUpOutline : l(m).menuDownOutline,
-              onClick: pe(l(b), ["stop"])
+              icon: t(u) ? t(m).menuUpOutline : t(m).menuDownOutline,
+              onClick: pe(t(b), ["stop"])
             }, null, 8, ["icon", "onClick"]),
             e.required ? (s(), d(h, {
               key: 1,
               color: "teal-darken-1",
               size: "x-small",
               class: "mb-4",
-              icon: l(m).asterisk
-            }, null, 8, ["icon"])) : y("", !0)
+              icon: t(m).asterisk
+            }, null, 8, ["icon"])) : v("", !0)
           ]),
           key: "0"
         } : void 0

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

@@ -1,8 +1,8 @@
-import { ref as a, computed as M, watch as G, nextTick as H } from "vue";
+import { ref as a, computed as M, watch as H, nextTick as w } from "vue";
 import { isArray as O, isObject as v, fullCopy as J } from "../../../../utils/utils.js";
-function Q(n, g, r, o) {
-  const i = a(null), s = a(null), j = a(null), c = 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) {
+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), V = M(() => i.value ? O(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), B = M(() => n.itemText.includes(",") ? n.itemText.split(",") : n.itemText);
+  function x(e, t, u) {
     if (v(e)) {
       if (t) {
         if (O(t))
@@ -23,37 +23,39 @@ function Q(n, g, r, o) {
     }
     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 B(e) {
+  function R(e) {
     try {
       let t = null;
       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, c.value = !1;
-      else if (y(e))
-        e && S(e);
+        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 = [...r.value || [], u];
+        t = [...c.value || [], u];
       }
-      r.value = t, g("selectedItem", i.value);
+      c.value === t ? h("update:modelValue", t) : c.value = t, h("selectedItem", i.value);
     } catch (t) {
       console.log(t);
     } finally {
-      m(), x();
+      w(() => {
+        S();
+      });
     }
   }
-  G(() => o.value, () => {
-    i.value = R(r.value);
+  H(() => o.value, () => {
+    i.value = C(c.value);
   }, { immediate: !0 });
-  function R(e) {
+  function C(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 r.value === null ? !1 : e ? r.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 = r.value;
+  function y(e) {
+    let t = c.value;
     if (n.returnObject) {
       const u = t.find(
         (f) => f[n.itemValue] === e[n.itemValue]
@@ -64,30 +66,30 @@ function Q(n, g, r, o) {
       t.splice(u, 1);
     }
   }
-  function m(e) {
-    n.clearSearchOnSelect && (d.value = ""), n.clearOnSelect && A(), n.focusOnSelect && x();
+  function S(e) {
+    n.clearSearchOnSelect && (d.value = ""), n.clearOnSelect && A(), n.focusOnSelect && m();
   }
   function T() {
-    c.value || (c.value = !0);
-  }
-  function C() {
-    c.value && (c.value = !1);
+    r.value || (r.value = !0);
   }
   function D() {
-    c.value = !c.value;
+    r.value && (r.value = !1);
+  }
+  function N() {
+    r.value = !r.value;
   }
   function I(e) {
     return e.length === 1 && e.match(/\w/);
   }
-  function x() {
+  function m() {
     s.value.inputField.focus();
   }
-  function N() {
-    c.value = !0, j.value && s.value.$el.focus();
+  function K() {
+    r.value = !0, g.value && s.value.$el.focus();
   }
-  function K(e) {
+  function $(e) {
     const t = e.key;
-    (I(t) || t === "Backspace") && (T(), x(), H(() => {
+    (I(t) || t === "Backspace") && (T(), m(), w(() => {
       var l;
       const u = (l = s.value) == null ? void 0 : l.inputField;
       if (u) {
@@ -96,42 +98,42 @@ function Q(n, g, r, o) {
       }
     }));
   }
-  function $() {
-    c.value = !1, g("createItem");
+  function q() {
+    r.value = !1, h("createItem");
   }
-  function q(e) {
-    let t = r.value.indexOf(e);
-    r.value.splice(t, 1);
+  function z(e) {
+    let t = c.value.indexOf(e);
+    c.value.splice(t, 1);
   }
   function A() {
-    d.value !== "" && (d.value = ""), r.value !== null && (r.value = null), i.value !== null && (i.value = null);
+    console.log(c.value), d.value !== "" && (d.value = ""), c.value !== null && (c.value = null), i.value !== null && (i.value = null);
   }
-  function z(e) {
+  function G(e) {
     return !!e.disabled;
   }
   return {
     selectedItem: i,
     textFieldRef: s,
-    listRef: j,
-    menuModel: c,
+    listRef: g,
+    menuModel: r,
     search: d,
-    getItemText: w,
-    placeholder: F,
-    textArr: V,
-    itemToString: h,
-    getSelectedItem: B,
-    checkIfValueExist: y,
-    removeFromArray: S,
-    lightReset: m,
+    getItemText: F,
+    placeholder: V,
+    textArr: B,
+    itemToString: x,
+    getSelectedItem: R,
+    checkIfValueExist: j,
+    removeFromArray: y,
+    lightReset: S,
     openMenu: T,
-    closeMenu: C,
-    toggleMenu: D,
-    focusOnMenu: N,
-    onMenuKeydown: K,
-    createItem: $,
-    removeItem: q,
+    closeMenu: D,
+    toggleMenu: N,
+    focusOnMenu: K,
+    onMenuKeydown: $,
+    createItem: q,
+    removeItem: z,
     clearSelection: A,
-    checkDisabled: z,
+    checkDisabled: G,
     isAlphanumeric: I
   };
 }

package/package.json

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