adverich-kun-ui 0.1.426 → 0.1.427

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

@@ -1,4 +1,4 @@
-import { mergeModels as z, useModel as R, onMounted as oe, ref as S, watch as ie, createElementBlock as v, openBlock as n, createVNode as r, unref as l, isRef as A, createSlots as re, withCtx as i, createCommentVNode as k, Fragment as ne, renderList as ae, createBlock as m, createElementVNode as se, createTextVNode as b, toDisplayString as I, normalizeClass as ue, withModifiers as de } from "vue";
+import { mergeModels as z, useModel as R, onMounted as oe, ref as S, watch as ie, createElementBlock as v, openBlock as r, createVNode as n, unref as l, isRef as A, createSlots as ne, withCtx as i, createCommentVNode as k, Fragment as re, renderList as ae, createBlock as m, createElementVNode as se, createTextVNode as y, toDisplayString as I, normalizeClass as ue, withModifiers as de } from "vue";
 import { icons as f } from "../../../../icons/index.js";
 import { isNotEmpty as ce, isArray as _ } from "../../../../utils/utils.js";
 import me from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
@@ -9,11 +9,11 @@ import pe from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.
 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 be from "../../../KunTextField/src/components/KunTextField.vue.js";
-import ye from "../../../KunBtn/src/components/KunBtn.vue.js";
-import Ce from "../../../KunChip/src/components/KunChip.vue.js";
-import y from "../../../KunIcon/src/components/KunIcon.vue.js";
-const ge = {
+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 b from "../../../KunIcon/src/components/KunIcon.vue.js";
+const Ce = {
   key: 0,
   class: "w-full flex overflow-x-auto whitespace-nowrap space-x-1"
 }, we = { class: "flex items-center" }, Ve = {
@@ -28,9 +28,9 @@ const ge = {
     itemsModifiers: {}
   }),
   emits: /* @__PURE__ */ z(["update:modelValue", "selectedItem", "createItem", "validation", "search"], ["update:modelValue", "update:items"]),
-  setup(C, { emit: T }) {
-    const a = R(C, "modelValue"), M = R(C, "items"), u = C, p = T, {
-      textFieldRef: g,
+  setup(g, { emit: T }) {
+    const a = R(g, "modelValue"), M = R(g, "items"), u = g, p = T, {
+      textFieldRef: C,
       listRef: w,
       menuModel: s,
       search: c,
@@ -40,8 +40,8 @@ const ge = {
       openMenu: V,
       closeMenu: O,
       toggleMenu: U,
-      onMenuKeydown: H,
-      getSelectedItem: x,
+      onMenuKeydown: x,
+      getSelectedItem: H,
       textArr: q,
       getItemText: P,
       isAlphanumeric: W,
@@ -51,7 +51,7 @@ const ge = {
       placeholder: J
     } = ve(u, p, a, M);
     oe(() => {
-      u.focusOnRender && g.value.focus();
+      u.focusOnRender && C.value.focus();
     });
     const K = S(null), h = S(""), $ = (e) => {
       for (const o of u.rules) {
@@ -66,7 +66,7 @@ const ge = {
     });
     function Q() {
       var e;
-      s.value = !1, (e = g.value.inputField) == null || e.focus();
+      s.value = !1, (e = C.value.inputField) == null || e.focus();
     }
     function X(e) {
       var t, d;
@@ -84,16 +84,16 @@ const ge = {
       $(a);
     }
     function ee(e) {
-      H(e);
+      x(e);
     }
     function le() {
     }
-    return (e, o) => (n(), v("div", {
+    return (e, o) => (r(), v("div", {
       class: "w-full h-fit",
       ref_key: "parentRef",
       ref: K
     }, [
-      r(be, {
+      n(ye, {
         modelValue: l(c),
         "onUpdate:modelValue": [
           o[1] || (o[1] = (t) => A(c) ? c.value = t : null),
@@ -104,7 +104,7 @@ const ge = {
         "hide-details": e.hideDetails,
         density: e.density,
         ref_key: "textFieldRef",
-        ref: g,
+        ref: C,
         autocomplete: "off",
         onFocusInput: Z,
         onHandleClick: l(U),
@@ -114,17 +114,17 @@ const ge = {
         placeholder: u.multiple && l(_)(a.value) && a.value.length ? "" : l(J),
         error: !!h.value,
         "error-messages": h.value
-      }, re({
+      }, ne({
         default: i(() => [
-          l(_)(a.value) ? (n(), v("div", ge, [
-            (n(!0), v(ne, null, ae(a.value, (t) => (n(), m(Ce, {
+          l(_)(a.value) ? (r(), v("div", Ce, [
+            (r(!0), v(re, null, ae(a.value, (t) => (r(), m(ge, {
               key: t.id ?? t.name,
               size: "small"
             }, {
               default: i(() => [
                 se("div", we, [
-                  b(I(l(P)(t, e.itemTitle)) + " ", 1),
-                  r(y, {
+                  y(I(l(P)(t, e.itemTitle)) + " ", 1),
+                  n(b, {
                     color: "error",
                     icon: l(f).close,
                     size: "small",
@@ -136,7 +136,7 @@ const ge = {
               _: 2
             }, 1024))), 128))
           ])) : k("", !0),
-          r(he, {
+          n(he, {
             transition: "fade",
             "onClick:outside": l(L),
             modelValue: l(s),
@@ -153,28 +153,27 @@ const ge = {
             "hide-details": e.hideDetails
           }, {
             default: i(() => [
-              e.hasCreateItem ? (n(), v("div", Ve, [
-                r(ye, {
+              e.hasCreateItem ? (r(), v("div", Ve, [
+                n(be, {
                   onClick: l(j),
                   bgColor: e.btnCreateBg,
                   class: ue(e.btnCreateClass)
                 }, {
                   default: i(() => [
-                    b(I(e.btnCreateText), 1)
+                    y(I(e.btnCreateText), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick", "bgColor", "class"])
               ])) : k("", !0),
-              r(fe, {
-                "onClick:select": l(x),
+              n(fe, {
+                "onClick:select": l(H),
                 ref_key: "listRef",
                 ref: w,
                 onKeyDown: ee,
-                selectable: !0,
-                bgColor: e.listColor
+                selectable: !0
               }, {
                 default: i(() => [
-                  r(me, {
+                  n(me, {
                     items: M.value,
                     search: l(c),
                     "searchable-keys": u.searchableKeys,
@@ -184,7 +183,7 @@ const ge = {
                     "item-height": 48
                   }, {
                     default: i(({ item: t, index: d, empty: te }) => [
-                      !te && t != null ? (n(), m(B, {
+                      !te && t != null ? (r(), m(B, {
                         value: t,
                         key: `kun-list-${d + 1}`,
                         id: `kun-item-${d + 1}`,
@@ -196,25 +195,25 @@ const ge = {
                         selectable: !0
                       }, {
                         default: i(() => [
-                          r(F, { class: "text-wrap" }, {
+                          n(F, { class: "text-wrap" }, {
                             default: i(() => [
-                              b(I(l(D)(t, e.itemTitle ?? l(q), "hasDefault")), 1)
+                              y(I(l(D)(t, e.itemTitle ?? l(q), "hasDefault")), 1)
                             ]),
                             _: 2
                           }, 1024),
-                          r(pe, {
+                          n(pe, {
                             text: e.itemSubtitle ? l(D)(t, e.itemSubtitle) : ""
                           }, null, 8, ["text"])
                         ]),
                         _: 2
-                      }, 1032, ["value", "id", "disabled", "bg-items", "hover-bg", "activeClass", "density"])) : (n(), m(B, {
+                      }, 1032, ["value", "id", "disabled", "bg-items", "hover-bg", "activeClass", "density"])) : (r(), m(B, {
                         key: 1,
                         disabled: ""
                       }, {
                         default: i(() => [
-                          r(F, { class: "text-center w-full text-gray-500" }, {
+                          n(F, { class: "text-center w-full text-gray-500" }, {
                             default: i(() => o[2] || (o[2] = [
-                              b(" No hay elementos disponibles ")
+                              y(" No hay elementos disponibles ")
                             ])),
                             _: 1,
                             __: [2]
@@ -227,7 +226,7 @@ const ge = {
                   }, 8, ["items", "search", "searchable-keys", "enabled"])
                 ]),
                 _: 1
-              }, 8, ["onClick:select", "bgColor"])
+              }, 8, ["onClick:select"])
             ]),
             _: 1
           }, 8, ["onClick:outside", "modelValue", "z-index", "parent-ref", "origin", "bgColor", "close-on-content-click", "max-height", "hide-details"])
@@ -237,7 +236,7 @@ const ge = {
         e.hasIcons ? {
           name: "append-inner",
           fn: i(() => [
-            e.clearable && a.value ? (n(), m(y, {
+            e.clearable && a.value ? (r(), m(b, {
               key: 0,
               onClick: l(N),
               size: "small",
@@ -245,14 +244,14 @@ const ge = {
               icon: l(f).close,
               class: "mr-1 mt-1"
             }, null, 8, ["onClick", "icon"])) : k("", !0),
-            r(y, {
+            n(b, {
               color: "teal-darken-1",
               size: "large",
               class: "cursor-pointer",
               icon: l(s) ? l(f).menuUpOutline : l(f).menuDownOutline,
               onClick: de(l(V), ["stop"])
             }, null, 8, ["icon", "onClick"]),
-            e.required ? (n(), m(y, {
+            e.required ? (r(), m(b, {
               key: 1,
               color: "teal-darken-1",
               size: "x-small",

package/package.json

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