adverich-kun-ui 0.1.493 → 0.1.495

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

@@ -1,10 +1,10 @@
-import { mergeModels as $, useModel as x, onMounted as ae, ref as z, watch as ie, nextTick as se, createElementBlock as y, openBlock as d, createVNode as i, unref as t, withKeys as ue, isRef as A, 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 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 { icons as v } from "../../../../icons/index.js";
-import { isNotEmpty as E, isArray as _ } from "../../../../utils/utils.js";
+import { isNotEmpty as _, isArray as R } from "../../../../utils/utils.js";
 import ke from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
 import he from "../../../KunList/src/components/KunList.vue.js";
-import R from "../../../KunListItem/src/components/KunListItem.vue.js";
-import O from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
+import O from "../../../KunListItem/src/components/KunListItem.vue.js";
+import B 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";
@@ -28,29 +28,29 @@ const De = {
     itemsModifiers: {}
   }),
   emits: /* @__PURE__ */ $(["update:modelValue", "selectedItem", "createItem", "validation", "search", "keyDown", "keyDownEnter"], ["update:modelValue", "update:items"]),
-  setup(w, { expose: B, emit: F }) {
-    const s = x(w, "modelValue"), f = x(w, "items"), u = w, m = F, {
+  setup(w, { expose: F, emit: T }) {
+    const s = x(w, "modelValue"), f = x(w, "items"), u = w, m = T, {
       textFieldRef: k,
       listRef: D,
       menuModel: c,
       search: r,
-      removeItem: T,
-      clearSelection: N,
-      lightReset: U,
+      removeItem: N,
+      clearSelection: U,
+      lightReset: j,
       openMenu: S,
-      closeMenu: j,
-      toggleMenu: H,
-      onMenuKeydown: q,
+      closeMenu: H,
+      toggleMenu: q,
+      onMenuKeydown: P,
       getSelectedItem: I,
-      textArr: P,
-      getArrayText: W,
-      isAlphanumeric: G,
-      createItem: J,
-      checkDisabled: Q,
+      textArr: W,
+      getArrayText: G,
+      isAlphanumeric: J,
+      createItem: Q,
+      checkDisabled: X,
       itemToString: L,
-      placeholder: X
+      placeholder: Y
     } = be(u, m, s, f);
-    ae(() => {
+    ie(() => {
       u.focusOnRender && k.value.focus();
     });
     const K = z(null), h = z(""), M = (e) => {
@@ -61,34 +61,34 @@ const De = {
       }
       return h.value = "", m("validation", !0), !0;
     };
-    ie(() => s.value, (e, o) => {
-      E(u.rules) && M(e);
+    se(() => s.value, (e, o) => {
+      _(u.rules) && M(e);
     });
-    function Y() {
+    function Z() {
       var e;
       c.value = !1, (e = k.value.inputField) == null || e.focus();
     }
-    function Z(e) {
+    function ee(e) {
       var l, a;
       const o = e.key;
       if (o === "Tab" || o === "Shift" || o === "Escape") {
-        j(), m("keyDown", o);
+        H(), m("keyDown", o);
         return;
       }
-      (G(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));
+      (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));
     }
-    function ee(e) {
+    function le(e) {
       m("search", r);
     }
-    function le() {
+    function te() {
       M(s);
     }
-    function te(e) {
-      q(e);
+    function oe(e) {
+      P(e);
     }
-    function oe() {
+    function ne() {
     }
-    function ne(e) {
+    function re(e) {
       if (!r.value) return;
       let o = null;
       u.returnObject ? o = f.value.find(
@@ -99,10 +99,12 @@ const De = {
         (l) => String(l[u.itemValue]).toLowerCase() === String(r.value).toLowerCase()
       ) : o = f.value.find(
         (l) => typeof l == "object" ? Object.values(l).some((a) => String(a).toLowerCase() === String(r.value).toLowerCase()) : String(l).toLowerCase() === String(r.value).toLowerCase()
-      ), o && I(o), m("keyDownEnter", e);
+      ), o && I(o), A(() => {
+        m("keyDownEnter", e);
+      });
     }
-    return B({
-      focus: () => se(() => {
+    return F({
+      focus: () => A(() => {
         var e;
         return (e = k.value) == null ? void 0 : e.focus();
       })
@@ -114,8 +116,8 @@ const De = {
       i(we, {
         modelValue: t(r),
         "onUpdate:modelValue": [
-          o[1] || (o[1] = (l) => A(r) ? r.value = l : null),
-          ee
+          o[1] || (o[1] = (l) => E(r) ? r.value = l : null),
+          le
         ],
         label: e.label,
         dirty: "",
@@ -124,20 +126,20 @@ const De = {
         ref_key: "textFieldRef",
         ref: k,
         autocomplete: "off",
-        onFocusInput: le,
-        onHandleClick: t(H),
+        onFocusInput: te,
+        onHandleClick: t(q),
         rounded: t(c) ? "rounded-t" : "rounded",
-        onBlur: oe,
+        onBlur: ne,
         onKeyDown: [
-          Z,
-          ue(ne, ["enter"])
+          ee,
+          ue(re, ["enter"])
         ],
-        placeholder: u.multiple && t(_)(s.value) && s.value.length ? "" : t(X),
+        placeholder: u.multiple && t(R)(s.value) && s.value.length ? "" : t(Y),
         error: !!h.value,
         "error-messages": h.value
       }, de({
         "prepend-input-content": n(() => [
-          t(_)(s.value) && t(E)(s.value) ? (d(), y("div", De, [
+          t(R)(s.value) && t(_)(s.value) ? (d(), y("div", De, [
             (d(!0), y(me, null, fe(s.value, (l) => (d(), p(Ve, {
               key: l.id ?? l.name,
               size: "small",
@@ -145,13 +147,13 @@ const De = {
             }, {
               default: n(() => [
                 pe("div", Ie, [
-                  b(V(t(W)(l)) + " ", 1),
+                  b(V(t(G)(l)) + " ", 1),
                   i(C, {
                     color: "error",
                     icon: t(v).close,
                     size: "small",
                     class: "ml-1",
-                    onClick: (a) => t(T)(l)
+                    onClick: (a) => t(N)(l)
                   }, null, 8, ["icon", "onClick"])
                 ])
               ]),
@@ -162,14 +164,14 @@ const De = {
         default: n(() => [
           i(ge, {
             transition: "fade",
-            "onClick:outside": t(U),
+            "onClick:outside": t(j),
             modelValue: t(c),
-            "onUpdate:modelValue": o[0] || (o[0] = (l) => A(c) ? c.value = l : null),
+            "onUpdate:modelValue": o[0] || (o[0] = (l) => E(c) ? c.value = l : null),
             activator: "parent",
             "z-index": e.zIndex,
             "parent-ref": K.value,
             origin: e.menuOrigin,
-            onHandleEscape: Y,
+            onHandleEscape: Z,
             bgColor: e.bgMenuColor,
             "close-on-content-click": e.closeOnSelect,
             width: "w-full",
@@ -179,7 +181,7 @@ const De = {
             default: n(() => [
               e.hasCreateItem ? (d(), y("div", Le, [
                 i(Se, {
-                  onClick: t(J),
+                  onClick: t(Q),
                   bgColor: e.btnCreateBg,
                   class: ce(e.btnCreateClass)
                 }, {
@@ -193,7 +195,7 @@ const De = {
                 "onClick:select": t(I),
                 ref_key: "listRef",
                 ref: D,
-                onKeyDown: te,
+                onKeyDown: oe,
                 selectable: !0
               }, {
                 default: n(() => [
@@ -206,12 +208,12 @@ const De = {
                     enabled: t(c),
                     "item-height": 48
                   }, {
-                    default: n(({ item: l, index: a, empty: re }) => [
-                      !re && l != null ? (d(), p(R, {
+                    default: n(({ item: l, index: a, empty: ae }) => [
+                      !ae && l != null ? (d(), p(O, {
                         value: l,
                         key: `kun-list-${a + 1}`,
                         id: `kun-item-${a + 1}`,
-                        disabled: t(Q)(l),
+                        disabled: t(X)(l),
                         "bg-items": e.bgItemListColor,
                         "hover-bg": e.hoverItemListColor,
                         activeClass: e.selectedItemListColor,
@@ -219,9 +221,9 @@ const De = {
                         selectable: !0
                       }, {
                         default: n(() => [
-                          i(O, { class: "text-wrap" }, {
+                          i(B, { class: "text-wrap" }, {
                             default: n(() => [
-                              b(V(t(L)(l, e.itemTitle ?? t(P), "hasDefault")), 1)
+                              b(V(t(L)(l, e.itemTitle ?? t(W), "hasDefault")), 1)
                             ]),
                             _: 2
                           }, 1024),
@@ -230,12 +232,12 @@ const De = {
                           }, null, 8, ["text"])
                         ]),
                         _: 2
-                      }, 1032, ["value", "id", "disabled", "bg-items", "hover-bg", "activeClass", "density"])) : (d(), p(R, {
+                      }, 1032, ["value", "id", "disabled", "bg-items", "hover-bg", "activeClass", "density"])) : (d(), p(O, {
                         key: 1,
                         disabled: ""
                       }, {
                         default: n(() => [
-                          i(O, { class: "text-center w-full text-gray-500" }, {
+                          i(B, { class: "text-center w-full text-gray-500" }, {
                             default: n(() => o[2] || (o[2] = [
                               b(" No hay elementos disponibles ")
                             ])),
@@ -262,7 +264,7 @@ const De = {
           fn: n(() => [
             e.clearable && s.value ? (d(), p(C, {
               key: 0,
-              onClick: t(N),
+              onClick: t(U),
               size: "small",
               color: "error",
               icon: t(v).close,

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.493",
+  "version": "0.1.495",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",