adverich-kun-ui 0.1.353 → 0.1.354

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

@@ -1,40 +1,43 @@
-import { mergeModels as R, useModel as $, onMounted as ae, ref as B, watch as ie, createElementBlock as w, openBlock as i, createVNode as a, unref as t, isRef as F, createSlots as re, withCtx as n, createCommentVNode as k, Fragment as se, renderList as ue, createBlock as d, createElementVNode as de, createTextVNode as v, toDisplayString as V, normalizeClass as ce, withModifiers as me } from "vue";
+import { mergeModels as A, useModel as R, onMounted as ie, ref as $, watch as ae, createElementBlock as v, openBlock as a, createVNode as i, unref as t, isRef as B, createSlots as re, withCtx as n, createCommentVNode as k, Fragment as se, renderList as ue, createBlock as c, createElementVNode as de, createTextVNode as y, toDisplayString as V, normalizeClass as ce, withModifiers as me } from "vue";
 import { icons as m } from "../../../../icons/index.js";
-import { isNotEmpty as fe, isArray as T } from "../../../../utils/utils.js";
+import { isNotEmpty as fe, isArray as F } from "../../../../utils/utils.js";
 import pe from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
 import he from "../../../KunList/src/components/KunList.vue.js";
-import I from "../../../KunListItem/src/components/KunListItem.vue.js";
+import T from "../../../KunListItem/src/components/KunListItem.vue.js";
 import x from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
-import ke from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
-import ve from "../../../KunMenu/src/components/KunMenu.vue.js";
+import ve from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
+import ke from "../../../KunMenu/src/components/KunMenu.vue.js";
 import { useAutocomplete as ye } from "../composables/useAutocomplete.js";
 import { KunAutocompleteProps as be } from "../composables/KunAutocompleteProps.js";
 import ge from "../../../KunTextField/src/components/KunTextField.vue.js";
 import Ce from "../../../KunBtn/src/components/KunBtn.vue.js";
 import we from "../../../KunChip/src/components/KunChip.vue.js";
-import y from "../../../KunIcon/src/components/KunIcon.vue.js";
+import b from "../../../KunIcon/src/components/KunIcon.vue.js";
 const Ve = {
   key: 0,
   class: "flex justify-center align-center"
-}, Ie = { class: "flex justify-center align-center" }, Le = {
+}, Ie = { class: "flex justify-center align-center" }, Se = {
+  key: 0,
+  class: "p-2"
+}, Ue = {
   __name: "KunAutocomplete",
-  props: /* @__PURE__ */ R(be, {
+  props: /* @__PURE__ */ A(be, {
     modelValue: { default: null },
     modelModifiers: {},
     items: { default: [], type: Array, required: !0 },
     itemsModifiers: {}
   }),
-  emits: /* @__PURE__ */ R(["update:modelValue", "selectedItem", "createItem", "validation", "search"], ["update:modelValue", "update:items"]),
-  setup(b, { emit: E }) {
-    const r = $(b, "modelValue"), S = $(b, "items"), u = b, f = E, {
-      textFieldRef: g,
-      listRef: D,
+  emits: /* @__PURE__ */ A(["update:modelValue", "selectedItem", "createItem", "validation", "search"], ["update:modelValue", "update:items"]),
+  setup(g, { emit: E }) {
+    const r = R(g, "modelValue"), I = R(g, "items"), u = g, f = E, {
+      textFieldRef: C,
+      listRef: S,
       menuModel: s,
-      search: c,
+      search: d,
       removeItem: N,
       clearSelection: L,
       lightReset: U,
-      openMenu: C,
+      openMenu: w,
       closeMenu: H,
       toggleMenu: O,
       onMenuKeydown: j,
@@ -44,13 +47,13 @@ const Ve = {
       isAlphanumeric: G,
       createItem: J,
       checkDisabled: Q,
-      itemToString: K,
+      itemToString: D,
       placeholder: X
-    } = ye(u, f, r, S);
-    ae(() => {
-      u.focusOnRender && g.value.focus();
+    } = ye(u, f, r, I);
+    ie(() => {
+      u.focusOnRender && C.value.focus();
     });
-    const M = B(null), p = B(""), _ = (e) => {
+    const K = $(null), p = $(""), M = (e) => {
       for (const o of u.rules) {
         const l = o(e);
         if (l !== !0)
@@ -58,12 +61,12 @@ const Ve = {
       }
       return p.value = "", f("validation", !0), !0;
     };
-    ie(() => r.value, (e, o) => {
-      fe(u.rules) && _(e);
+    ae(() => r.value, (e, o) => {
+      fe(u.rules) && M(e);
     });
     function Y() {
       var e;
-      s.value = !1, (e = g.value.inputField) == null || e.focus();
+      s.value = !1, (e = C.value.inputField) == null || e.focus();
     }
     function Z(e) {
       var l, h;
@@ -72,28 +75,28 @@ const Ve = {
         H();
         return;
       }
-      (G(o) || o === "Backspace") && C(), ["ArrowUp", "ArrowDown"].includes(o) && (e.preventDefault(), s.value || C(), (h = (l = D.value) == null ? void 0 : l.focusWithKey) == null || h.call(l, o));
+      (G(o) || o === "Backspace") && w(), ["ArrowUp", "ArrowDown"].includes(o) && (e.preventDefault(), s.value || w(), (h = (l = S.value) == null ? void 0 : l.focusWithKey) == null || h.call(l, o));
     }
     function ee(e) {
-      f("search", c);
+      f("search", d);
     }
     function le() {
-      _(r);
+      M(r);
     }
     function te(e) {
       j(e);
     }
     function oe() {
     }
-    return (e, o) => (i(), w("div", {
+    return (e, o) => (a(), v("div", {
       class: "w-full h-fit",
       ref_key: "parentRef",
-      ref: M
+      ref: K
     }, [
-      a(ge, {
-        modelValue: t(c),
+      i(ge, {
+        modelValue: t(d),
         "onUpdate:modelValue": [
-          o[1] || (o[1] = (l) => F(c) ? c.value = l : null),
+          o[1] || (o[1] = (l) => B(d) ? d.value = l : null),
           ee
         ],
         label: e.label,
@@ -101,28 +104,28 @@ const Ve = {
         "hide-details": e.hideDetails,
         density: e.density,
         ref_key: "textFieldRef",
-        ref: g,
+        ref: C,
         autocomplete: "off",
         onFocusInput: le,
         onHandleClick: t(O),
         rounded: t(s) ? "rounded-t" : "rounded",
         onBlur: oe,
         onKeyDown: Z,
-        placeholder: u.multiple && t(T)(r.value) && r.value.length ? "" : t(X),
+        placeholder: u.multiple && t(F)(r.value) && r.value.length ? "" : t(X),
         error: !!p.value,
         "error-messages": p.value
       }, re({
         default: n(() => [
-          t(T)(r.value) ? (i(), w("div", Ve, [
-            (i(!0), w(se, null, ue(r.value, (l) => (i(), d(we, {
+          t(F)(r.value) ? (a(), v("div", Ve, [
+            (a(!0), v(se, null, ue(r.value, (l) => (a(), c(we, {
               key: l.id ?? l.name,
               size: "small",
               class: "ml-1"
             }, {
               default: n(() => [
                 de("div", Ie, [
-                  v(V(t(W)(l, e.itemTitle)) + " ", 1),
-                  a(y, {
+                  y(V(t(W)(l, e.itemTitle)) + " ", 1),
+                  i(b, {
                     color: "error",
                     icon: t(m).close,
                     size: "small",
@@ -134,14 +137,14 @@ const Ve = {
               _: 2
             }, 1024))), 128))
           ])) : k("", !0),
-          a(ve, {
+          i(ke, {
             transition: "fade",
             "onClick:outside": t(U),
             modelValue: t(s),
-            "onUpdate:modelValue": o[0] || (o[0] = (l) => F(s) ? s.value = l : null),
+            "onUpdate:modelValue": o[0] || (o[0] = (l) => B(s) ? s.value = l : null),
             activator: "parent",
             "z-index": e.zIndex,
-            "parent-ref": M.value,
+            "parent-ref": K.value,
             location: "bottom",
             origin: "bottom left",
             onHandleEscape: Y,
@@ -151,32 +154,29 @@ const Ve = {
             "hide-details": e.hideDetails
           }, {
             default: n(() => [
-              a(he, {
+              i(he, {
                 "onClick:select": t(q),
                 ref_key: "listRef",
-                ref: D,
+                ref: S,
                 onKeyDown: te,
                 selectable: !0
               }, {
                 default: n(() => [
-                  e.hasCreateItem ? (i(), d(I, { key: 0 }, {
-                    default: n(() => [
-                      a(Ce, {
-                        onClick: t(J),
-                        bgColor: e.btnCreateBg,
-                        class: ce(e.btnCreateClass)
-                      }, {
-                        default: n(() => [
-                          v(V(e.btnCreateText), 1)
-                        ]),
-                        _: 1
-                      }, 8, ["onClick", "bgColor", "class"])
-                    ]),
-                    _: 1
-                  })) : k("", !0),
-                  a(pe, {
-                    items: S.value,
-                    search: t(c),
+                  e.hasCreateItem ? (a(), v("div", Se, [
+                    i(Ce, {
+                      onClick: t(J),
+                      bgColor: e.btnCreateBg,
+                      class: ce(e.btnCreateClass)
+                    }, {
+                      default: n(() => [
+                        y(V(e.btnCreateText), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["onClick", "bgColor", "class"])
+                  ])) : k("", !0),
+                  i(pe, {
+                    items: I.value,
+                    search: t(d),
                     "searchable-keys": u.searchableKeys,
                     virtual: !1,
                     "items-per-intersection": 10,
@@ -184,39 +184,39 @@ const Ve = {
                     "item-height": 48
                   }, {
                     default: n(({ item: l, index: h, empty: ne }) => {
-                      var z, A;
+                      var _, z;
                       return [
-                        !ne && l ? (i(), d(I, {
+                        !ne && l ? (a(), c(T, {
                           value: l,
-                          key: ((z = l.id) == null ? void 0 : z.toString()) ?? l.name,
+                          key: ((_ = l.id) == null ? void 0 : _.toString()) ?? l.name,
                           disabled: t(Q)(l),
                           "bg-items": e.bgItemListColor,
                           "hover-bg": e.hoverItemListColor,
                           activeClass: e.selectedItemListColor,
                           density: e.density,
-                          id: ((A = l.id) == null ? void 0 : A.toString()) ?? l.name,
+                          id: ((z = l.id) == null ? void 0 : z.toString()) ?? l.name,
                           selectable: !0
                         }, {
                           default: n(() => [
-                            a(x, { class: "text-wrap" }, {
+                            i(x, { class: "text-wrap" }, {
                               default: n(() => [
-                                v(V(t(K)(l, e.itemTitle ?? t(P), "hasDefault")), 1)
+                                y(V(t(D)(l, e.itemTitle ?? t(P), "hasDefault")), 1)
                               ]),
                               _: 2
                             }, 1024),
-                            a(ke, {
-                              text: e.itemSubtitle ? t(K)(l, e.itemSubtitle) : ""
+                            i(ve, {
+                              text: e.itemSubtitle ? t(D)(l, e.itemSubtitle) : ""
                             }, null, 8, ["text"])
                           ]),
                           _: 2
-                        }, 1032, ["value", "disabled", "bg-items", "hover-bg", "activeClass", "density", "id"])) : (i(), d(I, {
+                        }, 1032, ["value", "disabled", "bg-items", "hover-bg", "activeClass", "density", "id"])) : (a(), c(T, {
                           key: 1,
                           disabled: ""
                         }, {
                           default: n(() => [
-                            a(x, { class: "text-center w-full text-gray-500" }, {
+                            i(x, { class: "text-center w-full text-gray-500" }, {
                               default: n(() => o[2] || (o[2] = [
-                                v(" No hay elementos disponibles ")
+                                y(" No hay elementos disponibles ")
                               ])),
                               _: 1,
                               __: [2]
@@ -240,7 +240,7 @@ const Ve = {
         e.hasIcons ? {
           name: "append-inner",
           fn: n(() => [
-            e.clearable && r.value ? (i(), d(y, {
+            e.clearable && r.value ? (a(), c(b, {
               key: 0,
               onClick: t(L),
               size: "small",
@@ -248,14 +248,14 @@ const Ve = {
               icon: t(m).close,
               class: "mr-1 mt-1"
             }, null, 8, ["onClick", "icon"])) : k("", !0),
-            a(y, {
+            i(b, {
               color: "teal-darken-1",
               size: "large",
               class: "cursor-pointer",
               icon: t(s) ? t(m).menuUpOutline : t(m).menuDownOutline,
-              onClick: me(t(C), ["stop"])
+              onClick: me(t(w), ["stop"])
             }, null, 8, ["icon", "onClick"]),
-            e.required ? (i(), d(y, {
+            e.required ? (a(), c(b, {
               key: 1,
               color: "teal-darken-1",
               size: "x-small",
@@ -270,5 +270,5 @@ const Ve = {
   }
 };
 export {
-  Le as default
+  Ue as default
 };

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

@@ -1,12 +1,12 @@
 import { ref as o, computed as M, watch as H, nextTick as F } from "vue";
-import { isArray as g, isObject as b, fullCopy as L } from "../../../../utils/utils.js";
+import { isArray as j, isObject as b, fullCopy as L } from "../../../../utils/utils.js";
 function U(t, h, c, s) {
-  const l = o(null), d = o(null), j = o(null), f = o(!1), v = o(""), N = (e, n) => n.split(".").reduce((u, r) => u && u[r] !== void 0 ? u[r] : null, e), V = M(() => l.value ? g(l.value) ? l.value.length ? x(l.value, t.itemTitle, "hasDefault") : t.placeholderText : b(l.value) ? x(l.value, t.itemTitle, "hasDefault") : l.value.toString() : s.value.length ? t.placeholderText : t.textNoItems), B = M(() => t.itemText.includes(",") ? t.itemText.split(",") : t.itemText);
+  const l = o(null), d = o(null), y = o(null), f = o(!1), v = o(""), N = (e, n) => n.split(".").reduce((u, r) => u && u[r] !== void 0 ? u[r] : null, e), V = M(() => l.value ? j(l.value) ? l.value.length ? x(l.value, t.itemTitle, "hasDefault") : t.placeholderText : b(l.value) ? x(l.value, t.itemTitle, "hasDefault") : l.value.toString() : s.value.length ? t.placeholderText : t.textNoItems), B = M(() => t.itemText.includes(",") ? t.itemText.split(",") : t.itemText);
   function x(e, n, u) {
     var r;
     if (b(e)) {
       if (n) {
-        if (g(n))
+        if (j(n))
           return n.map((i) => e[i] ?? "No definido").join(" - ");
         if (n.includes(","))
           return n.split(",").map((i) => e[i]).join(" - ");
@@ -22,15 +22,15 @@ function U(t, h, c, s) {
       if (u)
         return Object.values(e)[0];
     }
-    return g(e) ? t.returnObject ? e.map((i) => i[n]).join(" - ") : e.map((i) => i).join(" - ") : u && typeof e != "number" ? e.includes(",") ? e.split(",") : e : ((r = e == null ? void 0 : e.toString) == null ? void 0 : r.call(e)) ?? "";
+    return j(e) ? t.returnObject ? e.map((i) => i[n]).join(" - ") : e.map((i) => i).join(" - ") : u && typeof e != "number" ? e.includes(",") ? e.split(",") : e : ((r = e == null ? void 0 : e.toString) == null ? void 0 : r.call(e)) ?? "";
   }
   function R(e) {
     try {
       let n = null;
       if (l.value = L(e), !t.multiple)
-        t.returnObject ? n = e : b(e) ? t.itemValue ? n = e[t.itemValue] : n = Object.values(e)[0] : n = e, f.value = !1;
-      else if (y(e))
-        e && S(e);
+        t.returnObject ? n = e : b(e) ? t.itemValue ? n = e[t.itemValue] : n = Object.values(e)[0] : n = e, f.value = !1, g();
+      else if (S(e))
+        e && T(e);
       else {
         const u = t.returnObject ? e : b(e) ? t.itemValue ? e[t.itemValue] : Object.values(e)[0] : e;
         n = [...c.value || [], u];
@@ -40,7 +40,7 @@ function U(t, h, c, s) {
       console.log(n);
     } finally {
       F(() => {
-        T();
+        I();
       });
     }
   }
@@ -57,12 +57,12 @@ function U(t, h, c, s) {
       (u) => typeof u == "object" ? u[t.itemValue] === e : u === e
     ) ?? e;
   }
-  function y(e) {
+  function S(e) {
     return c.value === null ? !1 : e ? c.value.some(
       (n) => t.returnObject ? n[t.itemValue] === e[t.itemValue] : n === e[t.itemValue]
     ) : !0;
   }
-  function S(e) {
+  function T(e) {
     let n = c.value;
     if (t.returnObject) {
       const u = n.find(
@@ -74,10 +74,10 @@ function U(t, h, c, s) {
       n.splice(u, 1);
     }
   }
-  function T(e) {
-    t.clearSearchOnSelect && (v.value = ""), t.clearOnSelect && w(), t.focusOnSelect && k();
+  function I(e) {
+    t.clearSearchOnSelect && (v.value = ""), t.clearOnSelect && w(), t.focusOnSelect && g();
   }
-  function I() {
+  function A() {
     f.value || (f.value = !0);
   }
   function D() {
@@ -86,18 +86,18 @@ function U(t, h, c, s) {
   function J() {
     f.value = !f.value;
   }
-  function A(e) {
+  function k(e) {
     return e.length === 1 && e.match(/\w/);
   }
-  function k() {
+  function g() {
     d.value.inputField.focus();
   }
   function K() {
-    f.value = !0, j.value && d.value.$el.focus();
+    f.value = !0, y.value && d.value.$el.focus();
   }
   function $(e) {
     const n = e.key;
-    (A(n) || n === "Backspace") && (I(), k(), F(() => {
+    (k(n) || n === "Backspace") && (A(), g(), F(() => {
       var r;
       const u = (r = d.value) == null ? void 0 : r.inputField;
       if (u) {
@@ -122,7 +122,7 @@ function U(t, h, c, s) {
   return {
     selectedItem: l,
     textFieldRef: d,
-    listRef: j,
+    listRef: y,
     menuModel: f,
     search: v,
     getItemText: N,
@@ -130,10 +130,10 @@ function U(t, h, c, s) {
     textArr: B,
     itemToString: x,
     getSelectedItem: R,
-    checkIfValueExist: y,
-    removeFromArray: S,
-    lightReset: T,
-    openMenu: I,
+    checkIfValueExist: S,
+    removeFromArray: T,
+    lightReset: I,
+    openMenu: A,
     closeMenu: D,
     toggleMenu: J,
     focusOnMenu: K,
@@ -142,7 +142,7 @@ function U(t, h, c, s) {
     removeItem: z,
     clearSelection: w,
     checkDisabled: G,
-    isAlphanumeric: A
+    isAlphanumeric: k
   };
 }
 export {

package/package.json

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