adverich-kun-ui 0.1.424 → 0.1.425

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 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 { 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 { 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 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 = {
+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 = {
   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 Ce = {
     itemsModifiers: {}
   }),
   emits: /* @__PURE__ */ z(["update:modelValue", "selectedItem", "createItem", "validation", "search"], ["update:modelValue", "update:items"]),
-  setup(g, { emit: T }) {
-    const a = R(g, "modelValue"), M = R(g, "items"), u = g, p = T, {
-      textFieldRef: C,
+  setup(C, { emit: T }) {
+    const a = R(C, "modelValue"), M = R(C, "items"), u = C, p = T, {
+      textFieldRef: g,
       listRef: w,
       menuModel: s,
       search: c,
@@ -40,8 +40,8 @@ const Ce = {
       openMenu: V,
       closeMenu: O,
       toggleMenu: U,
-      onMenuKeydown: x,
-      getSelectedItem: H,
+      onMenuKeydown: H,
+      getSelectedItem: x,
       textArr: q,
       getItemText: P,
       isAlphanumeric: W,
@@ -51,7 +51,7 @@ const Ce = {
       placeholder: J
     } = ve(u, p, a, M);
     oe(() => {
-      u.focusOnRender && C.value.focus();
+      u.focusOnRender && g.value.focus();
     });
     const K = S(null), h = S(""), $ = (e) => {
       for (const o of u.rules) {
@@ -66,7 +66,7 @@ const Ce = {
     });
     function Q() {
       var e;
-      s.value = !1, (e = C.value.inputField) == null || e.focus();
+      s.value = !1, (e = g.value.inputField) == null || e.focus();
     }
     function X(e) {
       var t, d;
@@ -84,16 +84,16 @@ const Ce = {
       $(a);
     }
     function ee(e) {
-      x(e);
+      H(e);
     }
     function le() {
     }
-    return (e, o) => (r(), v("div", {
+    return (e, o) => (n(), v("div", {
       class: "w-full h-fit",
       ref_key: "parentRef",
       ref: K
     }, [
-      n(ye, {
+      r(be, {
         modelValue: l(c),
         "onUpdate:modelValue": [
           o[1] || (o[1] = (t) => A(c) ? c.value = t : null),
@@ -104,7 +104,7 @@ const Ce = {
         "hide-details": e.hideDetails,
         density: e.density,
         ref_key: "textFieldRef",
-        ref: C,
+        ref: g,
         autocomplete: "off",
         onFocusInput: Z,
         onHandleClick: l(U),
@@ -114,17 +114,17 @@ const Ce = {
         placeholder: u.multiple && l(_)(a.value) && a.value.length ? "" : l(J),
         error: !!h.value,
         "error-messages": h.value
-      }, ne({
+      }, re({
         default: i(() => [
-          l(_)(a.value) ? (r(), v("div", Ce, [
-            (r(!0), v(re, null, ae(a.value, (t) => (r(), m(ge, {
+          l(_)(a.value) ? (n(), v("div", ge, [
+            (n(!0), v(ne, null, ae(a.value, (t) => (n(), m(Ce, {
               key: t.id ?? t.name,
               size: "small"
             }, {
               default: i(() => [
                 se("div", we, [
-                  y(I(l(P)(t, e.itemTitle)) + " ", 1),
-                  n(b, {
+                  b(I(l(P)(t, e.itemTitle)) + " ", 1),
+                  r(y, {
                     color: "error",
                     icon: l(f).close,
                     size: "small",
@@ -136,7 +136,7 @@ const Ce = {
               _: 2
             }, 1024))), 128))
           ])) : k("", !0),
-          n(he, {
+          r(he, {
             transition: "fade",
             "onClick:outside": l(L),
             modelValue: l(s),
@@ -146,34 +146,35 @@ const Ce = {
             "parent-ref": K.value,
             origin: e.menuOrigin,
             onHandleEscape: Q,
+            bgColor: e.bgMenuColor,
             "close-on-content-click": e.closeOnSelect,
             width: "w-full",
             "max-height": e.maxHeight,
             "hide-details": e.hideDetails
           }, {
             default: i(() => [
-              e.hasCreateItem ? (r(), v("div", Ve, [
-                n(be, {
+              e.hasCreateItem ? (n(), v("div", Ve, [
+                r(ye, {
                   onClick: l(j),
                   bgColor: e.btnCreateBg,
                   class: ue(e.btnCreateClass)
                 }, {
                   default: i(() => [
-                    y(I(e.btnCreateText), 1)
+                    b(I(e.btnCreateText), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick", "bgColor", "class"])
               ])) : k("", !0),
-              n(fe, {
-                "onClick:select": l(H),
+              r(fe, {
+                "onClick:select": l(x),
                 ref_key: "listRef",
                 ref: w,
                 onKeyDown: ee,
                 selectable: !0,
-                bgColor: e.bgMenuColor
+                bgColor: e.listColor
               }, {
                 default: i(() => [
-                  n(me, {
+                  r(me, {
                     items: M.value,
                     search: l(c),
                     "searchable-keys": u.searchableKeys,
@@ -183,7 +184,7 @@ const Ce = {
                     "item-height": 48
                   }, {
                     default: i(({ item: t, index: d, empty: te }) => [
-                      !te && t != null ? (r(), m(B, {
+                      !te && t != null ? (n(), m(B, {
                         value: t,
                         key: `kun-list-${d + 1}`,
                         id: `kun-item-${d + 1}`,
@@ -195,25 +196,25 @@ const Ce = {
                         selectable: !0
                       }, {
                         default: i(() => [
-                          n(F, { class: "text-wrap" }, {
+                          r(F, { class: "text-wrap" }, {
                             default: i(() => [
-                              y(I(l(D)(t, e.itemTitle ?? l(q), "hasDefault")), 1)
+                              b(I(l(D)(t, e.itemTitle ?? l(q), "hasDefault")), 1)
                             ]),
                             _: 2
                           }, 1024),
-                          n(pe, {
+                          r(pe, {
                             text: e.itemSubtitle ? l(D)(t, e.itemSubtitle) : ""
                           }, null, 8, ["text"])
                         ]),
                         _: 2
-                      }, 1032, ["value", "id", "disabled", "bg-items", "hover-bg", "activeClass", "density"])) : (r(), m(B, {
+                      }, 1032, ["value", "id", "disabled", "bg-items", "hover-bg", "activeClass", "density"])) : (n(), m(B, {
                         key: 1,
                         disabled: ""
                       }, {
                         default: i(() => [
-                          n(F, { class: "text-center w-full text-gray-500" }, {
+                          r(F, { class: "text-center w-full text-gray-500" }, {
                             default: i(() => o[2] || (o[2] = [
-                              y(" No hay elementos disponibles ")
+                              b(" No hay elementos disponibles ")
                             ])),
                             _: 1,
                             __: [2]
@@ -229,14 +230,14 @@ const Ce = {
               }, 8, ["onClick:select", "bgColor"])
             ]),
             _: 1
-          }, 8, ["onClick:outside", "modelValue", "z-index", "parent-ref", "origin", "close-on-content-click", "max-height", "hide-details"])
+          }, 8, ["onClick:outside", "modelValue", "z-index", "parent-ref", "origin", "bgColor", "close-on-content-click", "max-height", "hide-details"])
         ]),
         _: 2
       }, [
         e.hasIcons ? {
           name: "append-inner",
           fn: i(() => [
-            e.clearable && a.value ? (r(), m(b, {
+            e.clearable && a.value ? (n(), m(y, {
               key: 0,
               onClick: l(N),
               size: "small",
@@ -244,14 +245,14 @@ const Ce = {
               icon: l(f).close,
               class: "mr-1 mt-1"
             }, null, 8, ["onClick", "icon"])) : k("", !0),
-            n(b, {
+            r(y, {
               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 ? (r(), m(b, {
+            e.required ? (n(), m(y, {
               key: 1,
               color: "teal-darken-1",
               size: "x-small",

package/package.json

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