adverich-kun-ui 0.1.437 → 0.1.438

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

@@ -1,56 +1,55 @@
-import { mergeModels as z, useModel as S, onMounted as ne, ref as A, watch as ie, createElementBlock as v, openBlock as a, createVNode as i, unref as l, isRef as R, createSlots as re, withCtx as n, createCommentVNode as k, normalizeClass as ae, createTextVNode as y, toDisplayString as V, createBlock as m, Fragment as se, renderList as ue, createElementVNode as de, withModifiers as ce } from "vue";
+import { mergeModels as z, useModel as S, onMounted as oe, ref as A, watch as ne, createElementBlock as v, openBlock as a, createVNode as i, unref as l, isRef as R, createSlots as ie, withCtx as n, createCommentVNode as k, normalizeClass as re, createTextVNode as y, toDisplayString as I, createBlock as m, Fragment as ae, renderList as se, createElementVNode as ue, withModifiers as de } from "vue";
 import { icons as f } from "../../../../icons/index.js";
 import { isNotEmpty as _, isArray as B } from "../../../../utils/utils.js";
-import me from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
-import fe from "../../../KunList/src/components/KunList.vue.js";
+import ce from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
+import me from "../../../KunList/src/components/KunList.vue.js";
 import F from "../../../KunListItem/src/components/KunListItem.vue.js";
-import T from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
-import pe from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
-import he from "../../../KunMenu/src/components/KunMenu.vue.js";
-import { useAutocomplete as ve } from "../composables/useAutocomplete.js";
-import { KunAutocompleteProps as ke } from "../composables/KunAutocompleteProps.js";
-import ye from "../../../KunTextField/src/components/KunTextField.vue.js";
-import be from "../../../KunBtn/src/components/KunBtn.vue.js";
-import ge from "../../../KunChip/src/components/KunChip.vue.js";
+import E from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
+import fe from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
+import pe from "../../../KunMenu/src/components/KunMenu.vue.js";
+import { useAutocomplete as he } from "../composables/useAutocomplete.js";
+import { KunAutocompleteProps as ve } from "../composables/KunAutocompleteProps.js";
+import ke from "../../../KunTextField/src/components/KunTextField.vue.js";
+import ye from "../../../KunBtn/src/components/KunBtn.vue.js";
+import be from "../../../KunChip/src/components/KunChip.vue.js";
 import b from "../../../KunIcon/src/components/KunIcon.vue.js";
-const Ce = {
+const ge = {
   key: 0,
   class: "flex flex-nowrap items-center space-x-1 min-w-0 w-full overflow-x-auto overflow-y-hidden"
-}, we = { class: "flex items-center" }, Ve = {
+}, Ce = { class: "flex items-center" }, we = {
   key: 0,
   class: "sticky top-0 z-10 p-2 border-b bg-select-background"
-}, xe = {
+}, Te = {
   __name: "KunAutocomplete",
-  props: /* @__PURE__ */ z(ke, {
+  props: /* @__PURE__ */ z(ve, {
     modelValue: { default: null },
     modelModifiers: {},
     items: { default: [], type: Array, required: !0 },
     itemsModifiers: {}
   }),
   emits: /* @__PURE__ */ z(["update:modelValue", "selectedItem", "createItem", "validation", "search"], ["update:modelValue", "update:items"]),
-  setup(g, { emit: E }) {
-    const r = S(g, "modelValue"), I = S(g, "items"), u = g, p = E, {
+  setup(g, { emit: N }) {
+    const r = S(g, "modelValue"), M = S(g, "items"), u = g, p = N, {
       textFieldRef: C,
-      listRef: M,
+      listRef: D,
       menuModel: s,
       search: c,
-      removeItem: N,
-      clearSelection: x,
-      lightReset: L,
+      removeItem: T,
+      clearSelection: L,
+      lightReset: O,
       openMenu: w,
-      closeMenu: O,
-      toggleMenu: U,
+      closeMenu: U,
+      toggleMenu: x,
       onMenuKeydown: H,
       getSelectedItem: q,
       textArr: P,
-      getItemText: W,
-      isAlphanumeric: j,
-      createItem: G,
-      checkDisabled: J,
-      itemToString: D,
-      placeholder: Q
-    } = ve(u, p, r, I);
-    ne(() => {
+      isAlphanumeric: W,
+      createItem: j,
+      checkDisabled: G,
+      itemToString: V,
+      placeholder: J
+    } = he(u, p, r, M);
+    oe(() => {
       u.focusOnRender && C.value.focus();
     });
     const K = A(null), h = A(""), $ = (e) => {
@@ -61,43 +60,43 @@ const Ce = {
       }
       return h.value = "", p("validation", !0), !0;
     };
-    ie(() => r.value, (e, o) => {
+    ne(() => r.value, (e, o) => {
       _(u.rules) && $(e);
     });
-    function X() {
+    function Q() {
       var e;
       s.value = !1, (e = C.value.inputField) == null || e.focus();
     }
-    function Y(e) {
+    function X(e) {
       var t, d;
       const o = e.key;
       if (o === "Tab" || o === "Shift") {
-        O();
+        U();
         return;
       }
-      (j(o) || o === "Backspace") && w(), ["ArrowUp", "ArrowDown"].includes(o) && (e.preventDefault(), s.value || w(), (d = (t = M.value) == null ? void 0 : t.focusWithKey) == null || d.call(t, o));
+      (W(o) || o === "Backspace") && w(), ["ArrowUp", "ArrowDown"].includes(o) && (e.preventDefault(), s.value || w(), (d = (t = D.value) == null ? void 0 : t.focusWithKey) == null || d.call(t, o));
     }
-    function Z(e) {
+    function Y(e) {
       p("search", c);
     }
-    function ee() {
+    function Z() {
       $(r);
     }
-    function le(e) {
+    function ee(e) {
       H(e);
     }
-    function te() {
+    function le() {
     }
     return (e, o) => (a(), v("div", {
       class: "w-full h-fit",
       ref_key: "parentRef",
       ref: K
     }, [
-      i(ye, {
+      i(ke, {
         modelValue: l(c),
         "onUpdate:modelValue": [
           o[1] || (o[1] = (t) => R(c) ? c.value = t : null),
-          Z
+          Y
         ],
         label: e.label,
         dirty: "",
@@ -106,31 +105,31 @@ const Ce = {
         ref_key: "textFieldRef",
         ref: C,
         autocomplete: "off",
-        onFocusInput: ee,
-        onHandleClick: l(U),
+        onFocusInput: Z,
+        onHandleClick: l(x),
         rounded: l(s) ? "rounded-t" : "rounded",
-        onBlur: te,
-        onKeyDown: Y,
-        placeholder: u.multiple && l(B)(r.value) && r.value.length ? "" : l(Q),
+        onBlur: le,
+        onKeyDown: X,
+        placeholder: u.multiple && l(B)(r.value) && r.value.length ? "" : l(J),
         error: !!h.value,
         "error-messages": h.value
-      }, re({
+      }, ie({
         "prepend-input-content": n(() => [
-          l(B)(r.value) && l(_)(r.value) ? (a(), v("div", Ce, [
-            (a(!0), v(se, null, ue(r.value, (t) => (a(), m(ge, {
+          l(B)(r.value) && l(_)(r.value) ? (a(), v("div", ge, [
+            (a(!0), v(ae, null, se(r.value, (t) => (a(), m(be, {
               key: t.id ?? t.name,
               size: "small",
               variant: "pill"
             }, {
               default: n(() => [
-                de("div", we, [
-                  y(V(l(W)(t, e.itemTitle)) + " ", 1),
+                ue("div", Ce, [
+                  y(I(l(V)(t, e.itemTitle)) + " ", 1),
                   i(b, {
                     color: "error",
                     icon: l(f).close,
                     size: "small",
                     class: "ml-1",
-                    onClick: (d) => l(N)(t)
+                    onClick: (d) => l(T)(t)
                   }, null, 8, ["icon", "onClick"])
                 ])
               ]),
@@ -139,16 +138,16 @@ const Ce = {
           ])) : k("", !0)
         ]),
         default: n(() => [
-          i(he, {
+          i(pe, {
             transition: "fade",
-            "onClick:outside": l(L),
+            "onClick:outside": l(O),
             modelValue: l(s),
             "onUpdate:modelValue": o[0] || (o[0] = (t) => R(s) ? s.value = t : null),
             activator: "parent",
             "z-index": e.zIndex,
             "parent-ref": K.value,
             origin: e.menuOrigin,
-            onHandleEscape: X,
+            onHandleEscape: Q,
             bgColor: e.bgMenuColor,
             "close-on-content-click": e.closeOnSelect,
             width: "w-full",
@@ -156,28 +155,28 @@ const Ce = {
             "hide-details": e.hideDetails
           }, {
             default: n(() => [
-              e.hasCreateItem ? (a(), v("div", Ve, [
-                i(be, {
-                  onClick: l(G),
+              e.hasCreateItem ? (a(), v("div", we, [
+                i(ye, {
+                  onClick: l(j),
                   bgColor: e.btnCreateBg,
-                  class: ae(e.btnCreateClass)
+                  class: re(e.btnCreateClass)
                 }, {
                   default: n(() => [
-                    y(V(e.btnCreateText), 1)
+                    y(I(e.btnCreateText), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick", "bgColor", "class"])
               ])) : k("", !0),
-              i(fe, {
+              i(me, {
                 "onClick:select": l(q),
                 ref_key: "listRef",
-                ref: M,
-                onKeyDown: le,
+                ref: D,
+                onKeyDown: ee,
                 selectable: !0
               }, {
                 default: n(() => [
-                  i(me, {
-                    items: I.value,
+                  i(ce, {
+                    items: M.value,
                     search: l(c),
                     "searchable-keys": u.searchableKeys,
                     virtual: !1,
@@ -185,12 +184,12 @@ const Ce = {
                     enabled: l(s),
                     "item-height": 48
                   }, {
-                    default: n(({ item: t, index: d, empty: oe }) => [
-                      !oe && t != null ? (a(), m(F, {
+                    default: n(({ item: t, index: d, empty: te }) => [
+                      !te && t != null ? (a(), m(F, {
                         value: t,
                         key: `kun-list-${d + 1}`,
                         id: `kun-item-${d + 1}`,
-                        disabled: l(J)(t),
+                        disabled: l(G)(t),
                         "bg-items": e.bgItemListColor,
                         "hover-bg": e.hoverItemListColor,
                         activeClass: e.selectedItemListColor,
@@ -198,14 +197,14 @@ const Ce = {
                         selectable: !0
                       }, {
                         default: n(() => [
-                          i(T, { class: "text-wrap" }, {
+                          i(E, { class: "text-wrap" }, {
                             default: n(() => [
-                              y(V(l(D)(t, e.itemTitle ?? l(P), "hasDefault")), 1)
+                              y(I(l(V)(t, e.itemTitle ?? l(P), "hasDefault")), 1)
                             ]),
                             _: 2
                           }, 1024),
-                          i(pe, {
-                            text: e.itemSubtitle ? l(D)(t, e.itemSubtitle) : ""
+                          i(fe, {
+                            text: e.itemSubtitle ? l(V)(t, e.itemSubtitle) : ""
                           }, null, 8, ["text"])
                         ]),
                         _: 2
@@ -214,7 +213,7 @@ const Ce = {
                         disabled: ""
                       }, {
                         default: n(() => [
-                          i(T, { class: "text-center w-full text-gray-500" }, {
+                          i(E, { class: "text-center w-full text-gray-500" }, {
                             default: n(() => o[2] || (o[2] = [
                               y(" No hay elementos disponibles ")
                             ])),
@@ -241,7 +240,7 @@ const Ce = {
           fn: n(() => [
             e.clearable && r.value ? (a(), m(b, {
               key: 0,
-              onClick: l(x),
+              onClick: l(L),
               size: "small",
               color: "error",
               icon: l(f).close,
@@ -252,7 +251,7 @@ const Ce = {
               size: "large",
               class: "cursor-pointer",
               icon: l(s) ? l(f).menuUpOutline : l(f).menuDownOutline,
-              onClick: ce(l(w), ["stop"])
+              onClick: de(l(w), ["stop"])
             }, null, 8, ["icon", "onClick"]),
             e.required ? (a(), m(b, {
               key: 1,
@@ -269,5 +268,5 @@ const Ce = {
   }
 };
 export {
-  xe as default
+  Te as default
 };

package/package.json

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