adverich-kun-ui 0.1.494 → 0.1.496

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

@@ -1,10 +1,10 @@
-import { mergeModels as $, useModel as x, onMounted as ie, ref as z, watch as se, nextTick as A, createElementBlock as y, openBlock as d, createVNode as i, unref as t, withKeys as ue, isRef as E, createSlots as de, withCtx as n, createCommentVNode as g, normalizeClass as ce, createTextVNode as b, toDisplayString as V, createBlock as p, Fragment as me, renderList as fe, createElementVNode as pe, withModifiers as ve } from "vue";
+import { mergeModels as $, useModel as x, onMounted as se, ref as z, watch as ue, nextTick as A, createElementBlock as y, openBlock as d, createVNode as i, unref as t, withKeys as de, withModifiers as E, isRef as _, createSlots as ce, withCtx as n, createCommentVNode as g, normalizeClass as me, createTextVNode as b, toDisplayString as V, createBlock as p, Fragment as fe, renderList as pe, createElementVNode as ve } from "vue";
 import { icons as v } from "../../../../icons/index.js";
-import { isNotEmpty as _, isArray as R } from "../../../../utils/utils.js";
+import { isNotEmpty as R, isArray as O } from "../../../../utils/utils.js";
 import ke from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
 import he from "../../../KunList/src/components/KunList.vue.js";
-import O from "../../../KunListItem/src/components/KunListItem.vue.js";
-import B from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
+import B from "../../../KunListItem/src/components/KunListItem.vue.js";
+import F from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
 import ye from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
 import ge from "../../../KunMenu/src/components/KunMenu.vue.js";
 import { useAutocomplete as be } from "../composables/useAutocomplete.js";
@@ -16,7 +16,7 @@ import C from "../../../KunIcon/src/components/KunIcon.vue.js";
 const De = {
   key: 0,
   class: "flex flex-nowrap items-center space-x-1 min-w-3xs max-w-full overflow-x-auto overflow-y-hidden"
-}, Ie = { class: "flex items-center" }, Le = {
+}, Ie = { class: "flex items-center" }, Ke = {
   key: 0,
   class: "sticky top-0 z-10 p-2 border-b bg-select-background"
 }, je = {
@@ -28,32 +28,32 @@ const De = {
     itemsModifiers: {}
   }),
   emits: /* @__PURE__ */ $(["update:modelValue", "selectedItem", "createItem", "validation", "search", "keyDown", "keyDownEnter"], ["update:modelValue", "update:items"]),
-  setup(w, { expose: F, emit: T }) {
-    const s = x(w, "modelValue"), f = x(w, "items"), u = w, m = T, {
+  setup(w, { expose: T, emit: N }) {
+    const s = x(w, "modelValue"), f = x(w, "items"), u = w, m = N, {
       textFieldRef: k,
       listRef: D,
       menuModel: c,
       search: r,
-      removeItem: N,
-      clearSelection: U,
-      lightReset: j,
+      removeItem: U,
+      clearSelection: j,
+      lightReset: H,
       openMenu: S,
-      closeMenu: H,
-      toggleMenu: q,
-      onMenuKeydown: P,
+      closeMenu: q,
+      toggleMenu: P,
+      onMenuKeydown: W,
       getSelectedItem: I,
-      textArr: W,
-      getArrayText: G,
-      isAlphanumeric: J,
-      createItem: Q,
-      checkDisabled: X,
-      itemToString: L,
-      placeholder: Y
+      textArr: G,
+      getArrayText: J,
+      isAlphanumeric: Q,
+      createItem: X,
+      checkDisabled: Y,
+      itemToString: K,
+      placeholder: Z
     } = be(u, m, s, f);
-    ie(() => {
+    se(() => {
       u.focusOnRender && k.value.focus();
     });
-    const K = z(null), h = z(""), M = (e) => {
+    const L = z(null), h = z(""), M = (e) => {
       for (const o of u.rules) {
         const l = o(e);
         if (l !== !0)
@@ -61,34 +61,34 @@ const De = {
       }
       return h.value = "", m("validation", !0), !0;
     };
-    se(() => s.value, (e, o) => {
-      _(u.rules) && M(e);
+    ue(() => s.value, (e, o) => {
+      R(u.rules) && M(e);
     });
-    function Z() {
+    function ee() {
       var e;
       c.value = !1, (e = k.value.inputField) == null || e.focus();
     }
-    function ee(e) {
+    function le(e) {
       var l, a;
       const o = e.key;
       if (o === "Tab" || o === "Shift" || o === "Escape") {
-        H(), m("keyDown", o);
+        q(), m("keyDown", o);
         return;
       }
-      (J(o) || o === "Backspace") && S(), ["ArrowUp", "ArrowDown"].includes(o) && (e.preventDefault(), c.value || S(), (a = (l = D.value) == null ? void 0 : l.focusWithKey) == null || a.call(l, o));
+      (Q(o) || o === "Backspace") && S(), ["ArrowUp", "ArrowDown"].includes(o) && (e.preventDefault(), c.value || S(), (a = (l = D.value) == null ? void 0 : l.focusWithKey) == null || a.call(l, o));
     }
-    function le(e) {
+    function te(e) {
       m("search", r);
     }
-    function te() {
+    function oe() {
       M(s);
     }
-    function oe(e) {
-      P(e);
+    function ne(e) {
+      W(e);
     }
-    function ne() {
+    function re() {
     }
-    function re(e) {
+    function ae(e) {
       if (!r.value) return;
       let o = null;
       u.returnObject ? o = f.value.find(
@@ -103,7 +103,7 @@ const De = {
         m("keyDownEnter", e);
       });
     }
-    return F({
+    return T({
       focus: () => A(() => {
         var e;
         return (e = k.value) == null ? void 0 : e.focus();
@@ -111,13 +111,13 @@ const De = {
     }), (e, o) => (d(), y("div", {
       class: "w-full h-fit",
       ref_key: "parentRef",
-      ref: K
+      ref: L
     }, [
       i(we, {
         modelValue: t(r),
         "onUpdate:modelValue": [
-          o[1] || (o[1] = (l) => E(r) ? r.value = l : null),
-          le
+          o[1] || (o[1] = (l) => _(r) ? r.value = l : null),
+          te
         ],
         label: e.label,
         dirty: "",
@@ -126,34 +126,34 @@ const De = {
         ref_key: "textFieldRef",
         ref: k,
         autocomplete: "off",
-        onFocusInput: te,
-        onHandleClick: t(q),
+        onFocusInput: oe,
+        onHandleClick: t(P),
         rounded: t(c) ? "rounded-t" : "rounded",
-        onBlur: ne,
+        onBlur: re,
         onKeyDown: [
-          ee,
-          ue(re, ["enter"])
+          le,
+          de(E(ae, ["prevent"]), ["enter"])
         ],
-        placeholder: u.multiple && t(R)(s.value) && s.value.length ? "" : t(Y),
+        placeholder: u.multiple && t(O)(s.value) && s.value.length ? "" : t(Z),
         error: !!h.value,
         "error-messages": h.value
-      }, de({
+      }, ce({
         "prepend-input-content": n(() => [
-          t(R)(s.value) && t(_)(s.value) ? (d(), y("div", De, [
-            (d(!0), y(me, null, fe(s.value, (l) => (d(), p(Ve, {
+          t(O)(s.value) && t(R)(s.value) ? (d(), y("div", De, [
+            (d(!0), y(fe, null, pe(s.value, (l) => (d(), p(Ve, {
               key: l.id ?? l.name,
               size: "small",
               variant: "pill"
             }, {
               default: n(() => [
-                pe("div", Ie, [
-                  b(V(t(G)(l)) + " ", 1),
+                ve("div", Ie, [
+                  b(V(t(J)(l)) + " ", 1),
                   i(C, {
                     color: "error",
                     icon: t(v).close,
                     size: "small",
                     class: "ml-1",
-                    onClick: (a) => t(N)(l)
+                    onClick: (a) => t(U)(l)
                   }, null, 8, ["icon", "onClick"])
                 ])
               ]),
@@ -164,14 +164,14 @@ const De = {
         default: n(() => [
           i(ge, {
             transition: "fade",
-            "onClick:outside": t(j),
+            "onClick:outside": t(H),
             modelValue: t(c),
-            "onUpdate:modelValue": o[0] || (o[0] = (l) => E(c) ? c.value = l : null),
+            "onUpdate:modelValue": o[0] || (o[0] = (l) => _(c) ? c.value = l : null),
             activator: "parent",
             "z-index": e.zIndex,
-            "parent-ref": K.value,
+            "parent-ref": L.value,
             origin: e.menuOrigin,
-            onHandleEscape: Z,
+            onHandleEscape: ee,
             bgColor: e.bgMenuColor,
             "close-on-content-click": e.closeOnSelect,
             width: "w-full",
@@ -179,11 +179,11 @@ const De = {
             "hide-details": e.hideDetails
           }, {
             default: n(() => [
-              e.hasCreateItem ? (d(), y("div", Le, [
+              e.hasCreateItem ? (d(), y("div", Ke, [
                 i(Se, {
-                  onClick: t(Q),
+                  onClick: t(X),
                   bgColor: e.btnCreateBg,
-                  class: ce(e.btnCreateClass)
+                  class: me(e.btnCreateClass)
                 }, {
                   default: n(() => [
                     b(V(e.btnCreateText), 1)
@@ -195,7 +195,7 @@ const De = {
                 "onClick:select": t(I),
                 ref_key: "listRef",
                 ref: D,
-                onKeyDown: oe,
+                onKeyDown: ne,
                 selectable: !0
               }, {
                 default: n(() => [
@@ -208,12 +208,12 @@ const De = {
                     enabled: t(c),
                     "item-height": 48
                   }, {
-                    default: n(({ item: l, index: a, empty: ae }) => [
-                      !ae && l != null ? (d(), p(O, {
+                    default: n(({ item: l, index: a, empty: ie }) => [
+                      !ie && l != null ? (d(), p(B, {
                         value: l,
                         key: `kun-list-${a + 1}`,
                         id: `kun-item-${a + 1}`,
-                        disabled: t(X)(l),
+                        disabled: t(Y)(l),
                         "bg-items": e.bgItemListColor,
                         "hover-bg": e.hoverItemListColor,
                         activeClass: e.selectedItemListColor,
@@ -221,23 +221,23 @@ const De = {
                         selectable: !0
                       }, {
                         default: n(() => [
-                          i(B, { class: "text-wrap" }, {
+                          i(F, { class: "text-wrap" }, {
                             default: n(() => [
-                              b(V(t(L)(l, e.itemTitle ?? t(W), "hasDefault")), 1)
+                              b(V(t(K)(l, e.itemTitle ?? t(G), "hasDefault")), 1)
                             ]),
                             _: 2
                           }, 1024),
                           i(ye, {
-                            text: e.itemSubtitle ? t(L)(l, e.itemSubtitle) : ""
+                            text: e.itemSubtitle ? t(K)(l, e.itemSubtitle) : ""
                           }, null, 8, ["text"])
                         ]),
                         _: 2
-                      }, 1032, ["value", "id", "disabled", "bg-items", "hover-bg", "activeClass", "density"])) : (d(), p(O, {
+                      }, 1032, ["value", "id", "disabled", "bg-items", "hover-bg", "activeClass", "density"])) : (d(), p(B, {
                         key: 1,
                         disabled: ""
                       }, {
                         default: n(() => [
-                          i(B, { class: "text-center w-full text-gray-500" }, {
+                          i(F, { class: "text-center w-full text-gray-500" }, {
                             default: n(() => o[2] || (o[2] = [
                               b(" No hay elementos disponibles ")
                             ])),
@@ -264,7 +264,7 @@ const De = {
           fn: n(() => [
             e.clearable && s.value ? (d(), p(C, {
               key: 0,
-              onClick: t(U),
+              onClick: t(j),
               size: "small",
               color: "error",
               icon: t(v).close,
@@ -275,7 +275,7 @@ const De = {
               size: "large",
               class: "cursor-pointer",
               icon: t(c) ? t(v).menuUpOutline : t(v).menuDownOutline,
-              onClick: ve(t(S), ["stop"])
+              onClick: E(t(S), ["stop"])
             }, null, 8, ["icon", "onClick"]),
             e.required ? (d(), p(C, {
               key: 1,
@@ -287,7 +287,7 @@ const De = {
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["modelValue", "label", "hide-details", "density", "onHandleClick", "rounded", "placeholder", "error", "error-messages"])
+      ]), 1032, ["modelValue", "label", "hide-details", "density", "onHandleClick", "rounded", "onKeyDown", "placeholder", "error", "error-messages"])
     ], 512));
   }
 };

package/dist/components/KunTextField/src/composables/useKunTextFieldComposable.js

@@ -1,7 +1,7 @@
-import { ref as a, inject as V, computed as E, watch as F, onUnmounted as T } from "vue";
+import { ref as a, inject as V, computed as E, watch as g, onUnmounted as T } from "vue";
 import { debounce as j } from "../../../../utils/utils.js";
 function R(u, r) {
-  const l = a(u.modelValue ?? ""), o = a(!1), t = a(""), n = a(!1), g = a(null), h = a(null), s = a(!1), d = V("registerField", null), v = V("unregisterField", null), y = E(() => u.error || !!t.value && n.value), c = async () => {
+  const l = a(u.modelValue ?? ""), o = a(!1), t = a(""), n = a(!1), F = a(null), h = a(null), s = a(!1), d = V("registerField", null), v = V("unregisterField", null), b = E(() => u.error || !!t.value && n.value), c = async () => {
     for (const e of u.rules) {
       const m = await Promise.resolve(e(l.value));
       if (m !== !0) return m;
@@ -11,16 +11,16 @@ function R(u, r) {
     const e = await c();
     t.value = e === !0 ? "" : e;
   }, u.debounce ?? 300);
-  F(() => u.modelValue, (e) => {
+  g(() => u.modelValue, (e) => {
     e !== l.value && (s.value = !0, l.value = e ?? "");
-  }), F(l, () => {
+  }), g(l, () => {
     if (s.value) {
       s.value = !1;
       return;
     }
     n.value = !0, r("update:modelValue", l.value), u.validateOnBlur || f();
   });
-  const b = (e) => {
+  const y = (e) => {
     l.value = e.target.value;
   }, w = async () => {
     if (o.value = !1, u.validateOnBlur) {
@@ -29,7 +29,7 @@ function R(u, r) {
     }
     r("blur");
   }, B = () => {
-    o.value = !0, r("focus");
+    console.log("deberia hacer el focus"), o.value = !0, r("focus");
   }, I = () => {
     l.value = "", r("update:modelValue", ""), n.value = !0, u.validateOnBlur || f();
   }, i = async () => {
@@ -44,13 +44,13 @@ function R(u, r) {
   return d && d({ validate: i }), T(() => {
     v && v({ validate: i });
   }), {
-    inputField: g,
+    inputField: F,
     inputValue: l,
     rootRef: h,
     inputFocused: o,
     validationError: t,
-    hasError: y,
-    handleInput: b,
+    hasError: b,
+    handleInput: y,
     handleBlur: w,
     focusInput: B,
     validate: i,

package/package.json

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