adverich-kun-ui 0.1.68 → 0.1.69

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

@@ -1,24 +1,24 @@
-import { mergeModels as R, useModel as E, onMounted as oe, ref as U, watch as ne, createBlock as d, openBlock as i, unref as e, isRef as z, createSlots as re, withCtx as r, createElementBlock as L, createCommentVNode as g, createVNode as a, Fragment as ie, renderList as ae, createElementVNode as se, createTextVNode as b, toDisplayString as V, normalizeClass as ue } from "vue";
+import { mergeModels as R, useModel as B, onMounted as ne, ref as E, watch as re, createBlock as c, openBlock as i, unref as e, isRef as L, createSlots as ie, withCtx as r, createElementBlock as U, createCommentVNode as h, createVNode as a, Fragment as ae, renderList as se, createElementVNode as ue, createTextVNode as b, toDisplayString as V, normalizeClass as de } from "vue";
 import { icons as p } from "../../../../icons/index.js";
-import { isNotEmpty as ce, isArray as B } from "../../../../utils/utils.js";
-import de from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
-import me from "../../../KunList/src/components/KunList.vue.js";
+import { isNotEmpty as ce, isArray as z } from "../../../../utils/utils.js";
+import me from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
+import fe from "../../../KunList/src/components/KunList.vue.js";
 import F from "../../../KunListItem/src/components/KunListItem.vue.js";
-import fe from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
-import pe from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
-import ye from "../../../kunMenu/src/components/kunMenu.vue.js";
-import { useAutocomplete as ve } from "../composables/useAutocomplete.js";
-import { KunAutocompleteProps as ke } from "../composables/KunAutocompleteProps.js";
+import pe from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
+import ye from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
+import ve from "../../../kunMenu/src/components/kunMenu.vue.js";
+import { useAutocomplete as ke } from "../composables/useAutocomplete.js";
+import { KunAutocompleteProps as he } from "../composables/KunAutocompleteProps.js";
 import ge from "../../../KunTextField/src/components/KunTextField.vue.js";
-import he from "../../../KunBtn/src/components/KunBtn.vue.js";
-import Ce from "../../../KunChip/src/components/KunChip.vue.js";
-import h from "../../../KunIcon/src/components/KunIcon.vue.js";
-const be = {
+import Ce from "../../../KunBtn/src/components/KunBtn.vue.js";
+import be from "../../../KunChip/src/components/KunChip.vue.js";
+import g from "../../../KunIcon/src/components/KunIcon.vue.js";
+const Ve = {
   key: 0,
   class: "flex justify-center align-center"
-}, Ve = { class: "flex justify-center align-center" }, Be = {
+}, $e = { class: "flex justify-center align-center" }, Fe = {
   __name: "KunAutocomplete",
-  props: /* @__PURE__ */ R(ke, {
+  props: /* @__PURE__ */ R(he, {
     modelValue: { default: null },
     modelModifiers: {},
     items: { default: [], type: Array, required: !0 },
@@ -26,33 +26,33 @@ const be = {
   }),
   emits: /* @__PURE__ */ R(["createItem", "validation", "search"], ["update:modelValue", "update:items"]),
   setup(C, { emit: N }) {
-    const s = E(C, "modelValue"), $ = E(C, "items"), n = C, y = N, {
+    const s = B(C, "modelValue"), $ = B(C, "items"), n = C, y = N, {
       selectedItem: m,
       textFieldRef: u,
       listRef: v,
-      menuModel: c,
+      menuModel: d,
       search: f,
       removeItem: T,
       clearSelection: H,
-      lightReset: x,
+      lightReset: S,
       openMenu: O,
-      onMenuKeydown: S,
+      onMenuKeydown: w,
       getSelectedItem: P,
       textArr: j,
       getItemText: q,
       createItem: W,
       checkDisabled: G,
-      itemToString: w,
-      placeholder: _,
+      itemToString: x,
+      placeholder: I,
       hasCreateItem: J
-    } = ve(n, y, s, $);
-    oe(() => {
+    } = ke(n, y, s, $);
+    ne(() => {
       Y(), n.focusOnRender && u.value.focus();
     });
     function Q(t) {
-      return s.value === null || s.value === void 0 ? n.bgItemListColor : n.multiple ? s.value.find((o) => o[n.itemValue] === t[n.itemValue]) ? n.selectedColor : n.bgItemListColor : _.value === t[n.itemTitle] ? n.selectedColor : n.bgItemListColor;
+      return s.value === null || s.value === void 0 ? n.bgItemListColor : n.multiple ? s.value.find((o) => o[n.itemValue] === t[n.itemValue]) ? n.selectedColor : n.bgItemListColor : I.value === t[n.itemTitle] ? n.selectedColor : n.bgItemListColor;
     }
-    const k = U(""), I = (t) => {
+    const k = E(""), _ = (t) => {
       for (const o of n.rules) {
         const l = o(t);
         if (l !== !0)
@@ -60,16 +60,16 @@ const be = {
       }
       return k.value = "", y("validation", !0), !0;
     };
-    ne(() => s.value, (t, o) => {
-      ce(n.rules) && I(t);
+    re(() => s.value, (t, o) => {
+      ce(n.rules) && _(t);
     });
     function K() {
-      c.value = !1, u.value.$el.focus();
+      d.value = !1, u.value.$el.focus();
     }
     function X(t) {
       y("search", f);
     }
-    const M = U({});
+    const M = E({});
     function Y() {
       if (u.value) {
         const t = u.value.$el.getBoundingClientRect();
@@ -85,7 +85,7 @@ const be = {
       }
     }
     function Z() {
-      I(s), c.value = !0;
+      _(s);
     }
     function ee(t) {
       const o = t.key;
@@ -98,20 +98,23 @@ const be = {
         v.value.focusWithKey(o);
         return;
       }
-      S(t);
+      w(t);
     }
     function te(t) {
-      S(t);
+      w(t);
     }
-    return (t, o) => (i(), d(ge, {
+    function le() {
+      d.value = !1;
+    }
+    return (t, o) => (i(), c(ge, {
       modelValue: e(f),
       "onUpdate:modelValue": [
-        o[3] || (o[3] = (l) => z(f) ? f.value = l : null),
+        o[3] || (o[3] = (l) => L(f) ? f.value = l : null),
         X
       ],
       label: t.label,
       dirty: "",
-      "hide-details": !0,
+      "hide-details": t.hideDetails,
       density: t.density,
       ref_key: "textFieldRef",
       ref: u,
@@ -119,37 +122,38 @@ const be = {
       onKeyDown: ee,
       onFocusInput: Z,
       onHandleClick: e(O),
-      placeholder: e(B)(e(m)) && e(m).length ? "" : e(_),
+      onBlurInput: le,
+      placeholder: e(z)(e(m)) && e(m).length ? "" : e(I),
       error: !!k.value,
       "error-messages": k.value
-    }, re({
+    }, ie({
       default: r(() => [
-        e(B)(e(m)) ? (i(), L("div", be, [
-          (i(!0), L(ie, null, ae(e(m), (l) => (i(), d(Ce, {
+        e(z)(e(m)) ? (i(), U("div", Ve, [
+          (i(!0), U(ae, null, se(e(m), (l) => (i(), c(be, {
             key: l.id ?? l.name,
             size: "small",
             class: "ml-1"
           }, {
             default: r(() => [
-              se("div", Ve, [
+              ue("div", $e, [
                 b(V(e(q)(l, t.itemTitle)) + " ", 1),
-                a(h, {
+                a(g, {
                   color: "error",
                   icon: e(p).close,
                   size: "small",
                   class: "ml-1",
-                  onClick: (le) => e(T)(l)
+                  onClick: (oe) => e(T)(l)
                 }, null, 8, ["icon", "onClick"])
               ])
             ]),
             _: 2
           }, 1024))), 128))
-        ])) : g("", !0),
-        a(ye, {
+        ])) : h("", !0),
+        a(ve, {
           transition: "fade",
-          "onClick:outside": o[1] || (o[1] = (l) => e(x)()),
-          modelValue: e(c),
-          "onUpdate:modelValue": o[2] || (o[2] = (l) => z(c) ? c.value = l : null),
+          "onClick:outside": o[1] || (o[1] = (l) => e(S)()),
+          modelValue: e(d),
+          "onUpdate:modelValue": o[2] || (o[2] = (l) => L(d) ? d.value = l : null),
           activator: "parent",
           "text-field-ref": e(u),
           onHandleEscape: K,
@@ -158,17 +162,17 @@ const be = {
           menuPositionStyle: M.value
         }, {
           default: r(() => [
-            a(me, {
+            a(fe, {
               "onUpdate:selected": e(P),
-              "onClick:select": o[0] || (o[0] = (l) => e(x)()),
+              "onClick:select": o[0] || (o[0] = (l) => e(S)()),
               ref_key: "listRef",
               ref: v,
               onKeyDown: te
             }, {
               default: r(() => [
-                e(J) ? (i(), d(F, { key: 0 }, {
+                e(J) ? (i(), c(F, { key: 0 }, {
                   default: r(() => [
-                    a(he, {
+                    a(Ce, {
                       onClick: e(W),
                       class: "w-full",
                       color: "bg-green-400"
@@ -181,36 +185,36 @@ const be = {
                     }, 8, ["onClick"])
                   ]),
                   _: 1
-                })) : g("", !0),
-                a(de, {
+                })) : h("", !0),
+                a(me, {
                   items: $.value,
                   search: e(f),
                   "searchable-keys": n.searchableKeys,
                   "items-per-intersection": 10,
-                  enabled: e(c),
+                  enabled: e(d),
                   virtual: !1,
                   "item-height": 48
                 }, {
-                  default: r(({ item: l, index: le }) => {
-                    var A, D;
+                  default: r(({ item: l, index: oe }) => {
+                    var D, A;
                     return [
-                      (i(), d(F, {
+                      (i(), c(F, {
                         value: l,
-                        key: ((A = l.id) == null ? void 0 : A.toString()) ?? l.name,
+                        key: ((D = l.id) == null ? void 0 : D.toString()) ?? l.name,
                         disabled: e(G)(l),
-                        class: ue(Q(l)),
+                        class: de(Q(l)),
                         density: t.density,
-                        id: ((D = l.id) == null ? void 0 : D.toString()) ?? l.name
+                        id: ((A = l.id) == null ? void 0 : A.toString()) ?? l.name
                       }, {
                         default: r(() => [
-                          a(fe, { class: "text-wrap" }, {
+                          a(pe, { class: "text-wrap" }, {
                             default: r(() => [
-                              b(V(e(w)(l, e(j), "hasDefault")), 1)
+                              b(V(e(x)(l, e(j), "hasDefault")), 1)
                             ]),
                             _: 2
                           }, 1024),
-                          a(pe, {
-                            textContent: V(t.itemSubtitle ? e(w)(l, t.itemSubtitle) : "")
+                          a(ye, {
+                            textContent: V(t.itemSubtitle ? e(x)(l, t.itemSubtitle) : "")
                           }, null, 8, ["textContent"])
                         ]),
                         _: 2
@@ -231,33 +235,33 @@ const be = {
       t.hasIcons ? {
         name: "append-inner",
         fn: r(() => [
-          t.clearable && e(m) ? (i(), d(h, {
+          t.clearable && e(m) ? (i(), c(g, {
             key: 0,
             onClick: e(H),
             size: "small",
             color: "error",
             icon: e(p).close,
             class: "mr-1 mt-1"
-          }, null, 8, ["onClick", "icon"])) : g("", !0),
-          a(h, {
+          }, null, 8, ["onClick", "icon"])) : h("", !0),
+          a(g, {
             color: "teal-darken-1",
             size: "large",
             class: "cursor-pointer",
             icon: e(v) ? e(p).menuUpOutline : e(p).menuDownOutline
           }, null, 8, ["icon"]),
-          t.required ? (i(), d(h, {
+          t.required ? (i(), c(g, {
             key: 1,
             color: "teal-darken-1",
             size: "x-small",
             class: "mb-4",
             icon: e(p).asterisk
-          }, null, 8, ["icon"])) : g("", !0)
+          }, null, 8, ["icon"])) : h("", !0)
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["modelValue", "label", "density", "onHandleClick", "placeholder", "error", "error-messages"]));
+    ]), 1032, ["modelValue", "label", "hide-details", "density", "onHandleClick", "placeholder", "error", "error-messages"]));
   }
 };
 export {
-  Be as default
+  Fe as default
 };

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

@@ -83,7 +83,7 @@ function W(u, C, l, h, G) {
     u.clearSearchOnSelect && (c.value = ""), u.focusOnSelect && j();
   }
   function m() {
-    v.value || (v.value = !0);
+    v.value = !v.value;
   }
   function A(e) {
     return e.length === 1 && e.match(/\w/);

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

@@ -88,7 +88,7 @@ const H = { class: "w-full flex flex-col relative" }, q = {
               readonly: e.readonly,
               maxlength: e.maxlength,
               autocomplete: "off",
-              class: "w-full h-full bg-transparent focus:outline-none p-2",
+              class: "w-full h-full bg-transparent focus:outline-none p-3",
               "aria-invalid": t(u) ? "true" : "false",
               "aria-describedby": t(u) ? `error-${p}` : null,
               onInput: l[0] || (l[0] = (...n) => t(k) && t(k)(...n)),

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

@@ -1,7 +1,7 @@
-import { ref as n, inject as V, computed as x, watch as g, onUnmounted as E } from "vue";
+import { ref as n, inject as V, computed as x, watch as F, onUnmounted as E } from "vue";
 import { debounce as T } from "../../../../utils/utils.js";
-function M(u, r) {
-  const t = n(u.modelValue), o = n(!1), l = n(""), a = n(!1), F = n(null), s = n(!1), d = V("registerField", null), v = V("unregisterField", null), h = x(() => u.error || !!l.value && a.value || u.errorMessage), c = async () => {
+function P(u, r) {
+  const t = n(u.modelValue), o = n(!1), l = n(""), a = n(!1), g = n(null), s = n(!1), d = V("registerField", null), v = V("unregisterField", null), h = x(() => u.error || !!l.value && a.value || !0), c = async () => {
     for (const e of u.rules) {
       const m = await Promise.resolve(e(t.value));
       if (m !== !0) return m;
@@ -11,9 +11,9 @@ function M(u, r) {
     const e = await c();
     l.value = e === !0 ? "" : e;
   }, u.debounce ?? 300);
-  g(() => u.modelValue, (e) => {
+  F(() => u.modelValue, (e) => {
     e !== t.value && (s.value = !0, t.value = e);
-  }), g(t, () => {
+  }), F(t, () => {
     if (s.value) {
       s.value = !1;
       return;
@@ -43,7 +43,7 @@ function M(u, r) {
   return d && d({ validate: i }), E(() => {
     v && v({ validate: i });
   }), {
-    inputField: F,
+    inputField: g,
     inputValue: t,
     inputFocused: o,
     validationError: l,
@@ -58,5 +58,5 @@ function M(u, r) {
   };
 }
 export {
-  M as default
+  P as default
 };

package/package.json

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