adverich-kun-ui 0.1.519 → 0.1.520

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

@@ -1,9 +1,9 @@
-import { mergeModels as z, useModel as A, onMounted as se, ref as E, watch as ue, nextTick as x, createElementBlock as g, openBlock as d, createVNode as i, unref as t, withKeys as de, withModifiers as F, isRef as R, createSlots as ce, withCtx as r, createCommentVNode as h, normalizeClass as me, createTextVNode as C, toDisplayString as D, createBlock as p, Fragment as fe, renderList as pe, createElementVNode as ve } from "vue";
+import { mergeModels as z, useModel as A, onMounted as se, ref as E, watch as ue, nextTick as F, createElementBlock as g, openBlock as c, createVNode as s, unref as t, withKeys as de, withModifiers as x, isRef as O, createSlots as ce, withCtx as r, createCommentVNode as h, normalizeClass as fe, createTextVNode as C, toDisplayString as D, createBlock as p, Fragment as me, renderList as pe, createElementVNode as ve } from "vue";
 import { icons as v } from "../../../../icons/index.js";
-import { isNotEmpty as O, isArray as B } from "../../../../utils/utils.js";
+import { isNotEmpty as R, isArray as N } from "../../../../utils/utils.js";
 import ke from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
 import ye from "../../../KunList/src/components/KunList.vue.js";
-import N from "../../../KunListItem/src/components/KunListItem.vue.js";
+import B from "../../../KunListItem/src/components/KunListItem.vue.js";
 import T from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
 import ge from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
 import he from "../../../KunMenu/src/components/KunMenu.vue.js";
@@ -26,10 +26,10 @@ const De = { class: "flex items-center" }, Ie = {
   }),
   emits: /* @__PURE__ */ z(["update:modelValue", "selectedItem", "createItem", "validation", "search", "keyDown", "keyDownEnter", "notFound"], ["update:modelValue", "update:items"]),
   setup(w, { expose: _, emit: U }) {
-    const s = A(w, "modelValue"), f = A(w, "items"), u = w, m = U, {
+    const u = A(w, "modelValue"), m = A(w, "items"), a = w, f = U, {
       textFieldRef: k,
       listRef: I,
-      menuModel: c,
+      menuModel: d,
       search: n,
       removeItem: j,
       clearSelection: H,
@@ -46,39 +46,39 @@ const De = { class: "flex items-center" }, Ie = {
       checkDisabled: Y,
       itemToString: L,
       placeholder: Z
-    } = Ce(u, m, s, f);
+    } = Ce(a, f, u, m);
     se(() => {
-      u.focusOnRender && k.value.focus();
+      a.focusOnRender && k.value.focus();
     });
     const M = E(null), y = E(""), $ = (e) => {
-      for (const o of u.rules) {
+      for (const o of a.rules) {
         const l = o(e);
         if (l !== !0)
-          return y.value = l, m("validation", !1), !1;
+          return y.value = l, f("validation", !1), !1;
       }
-      return y.value = "", m("validation", !0), !0;
+      return y.value = "", f("validation", !0), !0;
     };
-    ue(() => s.value, (e, o) => {
-      O(u.rules) && $(e);
+    ue(() => u.value, (e, o) => {
+      R(a.rules) && $(e);
     });
     function ee() {
       var e;
-      c.value = !1, (e = k.value.inputField) == null || e.focus();
+      d.value = !1, (e = k.value.inputField) == null || e.focus();
     }
     function le(e) {
-      var l, a;
+      var l, i;
       const o = e.key;
       if (o === "Tab" || o === "Shift" || o === "Escape") {
-        P(), m("keyDown", o);
+        P(), f("keyDown", o);
         return;
       }
-      (Q(o) || o === "Backspace") && S(), ["ArrowUp", "ArrowDown"].includes(o) && (e.preventDefault(), c.value || S(), (a = (l = I.value) == null ? void 0 : l.focusWithKey) == null || a.call(l, o));
+      (Q(o) || o === "Backspace") && S(), ["ArrowUp", "ArrowDown"].includes(o) && (e.preventDefault(), d.value || S(), (i = (l = I.value) == null ? void 0 : l.focusWithKey) == null || i.call(l, o));
     }
     function te(e) {
-      m("search", n);
+      f("search", n);
     }
     function oe() {
-      $(s);
+      $(u);
     }
     function ne(e) {
       W(e);
@@ -86,35 +86,34 @@ const De = { class: "flex items-center" }, Ie = {
     function re() {
     }
     function ae(e) {
-      if (console.log(1), !n.value) return;
-      console.log(2);
+      if (!n.value) return;
       let o = null;
-      u.returnObject ? o = f.value.find(
+      a.returnObject ? o = m.value.find(
         (l) => Object.values(l).some(
-          (a) => String(a).toLowerCase() === String(n.value).toLowerCase()
+          (i) => String(i).toLowerCase() === String(n.value).toLowerCase()
         )
-      ) : u.itemValue ? o = f.value.find(
-        (l) => String(l[u.itemValue]).toLowerCase() === String(n.value).toLowerCase()
-      ) : o = f.value.find(
-        (l) => typeof l == "object" ? Object.values(l).some((a) => String(a).toLowerCase() === String(n.value).toLowerCase()) : String(l).toLowerCase() === String(n.value).toLowerCase()
-      ), o ? K(o) : (console.log("No se encontró el elemento:", n.value), m("notFound", n.value)), x(() => {
-        m("keyDownEnter", e);
+      ) : a.itemValue ? o = m.value.find(
+        (l) => String(l[a.itemValue]).toLowerCase() === String(n.value).toLowerCase()
+      ) : o = m.value.find(
+        (l) => typeof l == "object" ? Object.values(l).some((i) => String(i).toLowerCase() === String(n.value).toLowerCase()) : String(l).toLowerCase() === String(n.value).toLowerCase()
+      ), o ? K(o) : (console.log("No se encontró el elemento:", n.value), f("notFound", n.value), a.clearOnNotFound && (n.value = "", d.value = !1)), F(() => {
+        f("keyDownEnter", e);
       });
     }
     return _({
-      focus: () => x(() => {
+      focus: () => F(() => {
         var e;
         return (e = k.value) == null ? void 0 : e.focus();
       })
-    }), (e, o) => (d(), g("div", {
+    }), (e, o) => (c(), g("div", {
       class: "w-full h-fit",
       ref_key: "parentRef",
       ref: M
     }, [
-      i(we, {
+      s(we, {
         modelValue: t(n),
         "onUpdate:modelValue": [
-          o[2] || (o[2] = (l) => R(n) ? n.value = l : null),
+          o[2] || (o[2] = (l) => O(n) ? n.value = l : null),
           te
         ],
         label: e.label,
@@ -126,23 +125,23 @@ const De = { class: "flex items-center" }, Ie = {
         autocomplete: "off",
         onFocusInput: oe,
         onHandleClick: t(V),
-        rounded: t(c) ? "rounded-t" : "rounded",
+        rounded: t(d) ? "rounded-t" : "rounded",
         onBlur: re,
         onKeyDown: [
           le,
-          de(F(ae, ["prevent"]), ["enter"])
+          de(x(ae, ["prevent"]), ["enter"])
         ],
-        placeholder: u.multiple && t(B)(s.value) && s.value.length ? "" : t(Z),
+        placeholder: a.multiple && t(N)(u.value) && u.value.length ? "" : t(Z),
         error: !!y.value,
         "error-messages": y.value
       }, ce({
         "prepend-input-content": r(() => [
-          t(B)(s.value) && t(O)(s.value) ? (d(), g("div", {
+          t(N)(u.value) && t(R)(u.value) ? (c(), g("div", {
             key: 0,
             class: "flex flex-nowrap items-center space-x-1 min-w-[calc(100%-56px)] overflow-x-auto overflow-y-hidden",
             onClick: o[0] || (o[0] = (...l) => t(V) && t(V)(...l))
           }, [
-            (d(!0), g(fe, null, pe(s.value, (l) => (d(), p(Ve, {
+            (c(!0), g(me, null, pe(u.value, (l) => (c(), p(Ve, {
               key: l.id ?? l.name,
               size: "small",
               variant: "pill"
@@ -150,12 +149,12 @@ const De = { class: "flex items-center" }, Ie = {
               default: r(() => [
                 ve("div", De, [
                   C(D(t(J)(l)) + " ", 1),
-                  i(b, {
+                  s(b, {
                     color: "error",
                     icon: t(v).close,
                     size: "small",
                     class: "ml-1",
-                    onClick: (a) => t(j)(l)
+                    onClick: (i) => t(j)(l)
                   }, null, 8, ["icon", "onClick"])
                 ])
               ]),
@@ -164,11 +163,11 @@ const De = { class: "flex items-center" }, Ie = {
           ])) : h("", !0)
         ]),
         default: r(() => [
-          i(he, {
+          s(he, {
             transition: "fade",
             "onClick:outside": t(q),
-            modelValue: t(c),
-            "onUpdate:modelValue": o[1] || (o[1] = (l) => R(c) ? c.value = l : null),
+            modelValue: t(d),
+            "onUpdate:modelValue": o[1] || (o[1] = (l) => O(d) ? d.value = l : null),
             activator: "parent",
             "z-index": e.zIndex,
             "parent-ref": M.value,
@@ -181,11 +180,11 @@ const De = { class: "flex items-center" }, Ie = {
             "hide-details": e.hideDetails
           }, {
             default: r(() => [
-              e.hasCreateItem ? (d(), g("div", Ie, [
-                i(Se, {
+              e.hasCreateItem ? (c(), g("div", Ie, [
+                s(Se, {
                   onClick: t(X),
                   bgColor: e.btnCreateBg,
-                  class: me(e.btnCreateClass)
+                  class: fe(e.btnCreateClass)
                 }, {
                   default: r(() => [
                     C(D(e.btnCreateText), 1)
@@ -193,7 +192,7 @@ const De = { class: "flex items-center" }, Ie = {
                   _: 1
                 }, 8, ["onClick", "bgColor", "class"])
               ])) : h("", !0),
-              i(ye, {
+              s(ye, {
                 "onClick:select": t(K),
                 ref_key: "listRef",
                 ref: I,
@@ -201,20 +200,20 @@ const De = { class: "flex items-center" }, Ie = {
                 selectable: !0
               }, {
                 default: r(() => [
-                  i(ke, {
-                    items: f.value,
+                  s(ke, {
+                    items: m.value,
                     search: t(n),
-                    "searchable-keys": u.searchableKeys,
+                    "searchable-keys": a.searchableKeys,
                     virtual: !1,
                     "items-per-intersection": 10,
-                    enabled: t(c),
+                    enabled: t(d),
                     "item-height": 48
                   }, {
-                    default: r(({ item: l, index: a, empty: ie }) => [
-                      !ie && l != null ? (d(), p(N, {
+                    default: r(({ item: l, index: i, empty: ie }) => [
+                      !ie && l != null ? (c(), p(B, {
                         value: l,
-                        key: `kun-list-${a + 1}`,
-                        id: `kun-item-${a + 1}`,
+                        key: `kun-list-${i + 1}`,
+                        id: `kun-item-${i + 1}`,
                         disabled: t(Y)(l),
                         "bg-items": e.bgItemListColor,
                         "hover-bg": e.hoverItemListColor,
@@ -223,23 +222,23 @@ const De = { class: "flex items-center" }, Ie = {
                         selectable: !0
                       }, {
                         default: r(() => [
-                          i(T, { class: "text-wrap" }, {
+                          s(T, { class: "text-wrap" }, {
                             default: r(() => [
                               C(D(t(L)(l, e.itemTitle ?? t(G), "hasDefault")), 1)
                             ]),
                             _: 2
                           }, 1024),
-                          i(ge, {
+                          s(ge, {
                             text: e.itemSubtitle ? t(L)(l, e.itemSubtitle) : ""
                           }, null, 8, ["text"])
                         ]),
                         _: 2
-                      }, 1032, ["value", "id", "disabled", "bg-items", "hover-bg", "activeClass", "density"])) : (d(), p(N, {
+                      }, 1032, ["value", "id", "disabled", "bg-items", "hover-bg", "activeClass", "density"])) : (c(), p(B, {
                         key: 1,
                         disabled: ""
                       }, {
                         default: r(() => [
-                          i(T, { class: "text-center w-full text-gray-500" }, {
+                          s(T, { class: "text-center w-full text-gray-500" }, {
                             default: r(() => o[3] || (o[3] = [
                               C(" No hay elementos disponibles ")
                             ])),
@@ -264,7 +263,7 @@ const De = { class: "flex items-center" }, Ie = {
         e.hasIcons ? {
           name: "append-inner",
           fn: r(() => [
-            e.clearable && s.value ? (d(), p(b, {
+            e.clearable && u.value ? (c(), p(b, {
               key: 0,
               onClick: t(H),
               size: "small",
@@ -272,14 +271,14 @@ const De = { class: "flex items-center" }, Ie = {
               icon: t(v).close,
               class: "mr-1 mt-1"
             }, null, 8, ["onClick", "icon"])) : h("", !0),
-            i(b, {
+            s(b, {
               color: "teal-darken-1",
               size: "large",
               class: "cursor-pointer",
-              icon: t(c) ? t(v).menuUpOutline : t(v).menuDownOutline,
-              onClick: F(t(S), ["stop"])
+              icon: t(d) ? t(v).menuUpOutline : t(v).menuDownOutline,
+              onClick: x(t(S), ["stop"])
             }, null, 8, ["icon", "onClick"]),
-            e.required ? (d(), p(b, {
+            e.required ? (c(), p(b, {
               key: 1,
               color: "teal-darken-1",
               size: "x-small",

package/package.json

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