adverich-kun-ui 0.1.495 → 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/package.json

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