adverich-kun-ui 0.1.432 → 0.1.433

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

@@ -1,24 +1,24 @@
-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 ie, ref as S, watch as ne, createElementBlock as v, openBlock as a, createVNode as n, unref as l, isRef as A, createSlots as re, withCtx as i, createCommentVNode as k, Fragment as ae, renderList as se, createBlock as m, createElementVNode as ue, createTextVNode as b, toDisplayString as I, normalizeClass as de, withModifiers as ce } from "vue";
 import { icons as f } from "../../../../icons/index.js";
-import { isNotEmpty as ce, isArray as _ } from "../../../../utils/utils.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 B from "../../../KunListItem/src/components/KunListItem.vue.js";
-import F from "../../../KunListItemTitle/src/components/KunListItemTitle.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 be from "../../../KunTextField/src/components/KunTextField.vue.js";
+import ye 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";
+import y 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 = {
   key: 0,
-  class: "sticky top-0 z-10 p-2 border-b"
+  class: "sticky top-0 z-10 p-2 border-b bg-select-background"
 }, Le = {
   __name: "KunAutocomplete",
   props: /* @__PURE__ */ z(ke, {
@@ -28,29 +28,29 @@ 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, {
+  setup(g, { emit: E }) {
+    const r = R(g, "modelValue"), M = R(g, "items"), u = g, p = E, {
       textFieldRef: C,
       listRef: w,
       menuModel: s,
       search: c,
-      removeItem: E,
-      clearSelection: N,
-      lightReset: L,
+      removeItem: N,
+      clearSelection: L,
+      lightReset: O,
       openMenu: V,
-      closeMenu: O,
-      toggleMenu: U,
-      onMenuKeydown: x,
-      getSelectedItem: H,
-      textArr: q,
-      getItemText: P,
-      isAlphanumeric: W,
-      createItem: j,
-      checkDisabled: G,
+      closeMenu: U,
+      toggleMenu: x,
+      onMenuKeydown: H,
+      getSelectedItem: q,
+      textArr: P,
+      getItemText: W,
+      isAlphanumeric: j,
+      createItem: G,
+      checkDisabled: J,
       itemToString: D,
-      placeholder: J
-    } = ve(u, p, a, M);
-    oe(() => {
+      placeholder: Q
+    } = ve(u, p, r, M);
+    ie(() => {
       u.focusOnRender && C.value.focus();
     });
     const K = S(null), h = S(""), $ = (e) => {
@@ -61,43 +61,43 @@ const Ce = {
       }
       return h.value = "", p("validation", !0), !0;
     };
-    ie(() => a.value, (e, o) => {
-      ce(u.rules) && $(e);
+    ne(() => r.value, (e, o) => {
+      _(u.rules) && $(e);
     });
-    function Q() {
+    function X() {
       var e;
       s.value = !1, (e = C.value.inputField) == null || e.focus();
     }
-    function X(e) {
+    function Y(e) {
       var t, d;
       const o = e.key;
       if (o === "Tab" || o === "Shift") {
-        O();
+        U();
         return;
       }
-      (W(o) || o === "Backspace") && V(), ["ArrowUp", "ArrowDown"].includes(o) && (e.preventDefault(), s.value || V(), console.log("listRef.value", w.value), (d = (t = w.value) == null ? void 0 : t.focusWithKey) == null || d.call(t, o));
+      (j(o) || o === "Backspace") && V(), ["ArrowUp", "ArrowDown"].includes(o) && (e.preventDefault(), s.value || V(), console.log("listRef.value", w.value), (d = (t = w.value) == null ? void 0 : t.focusWithKey) == null || d.call(t, o));
     }
-    function Y(e) {
+    function Z(e) {
       p("search", c);
     }
-    function Z() {
-      $(a);
+    function ee() {
+      $(r);
     }
-    function ee(e) {
-      x(e);
+    function le(e) {
+      H(e);
     }
-    function le() {
+    function te() {
     }
-    return (e, o) => (r(), v("div", {
+    return (e, o) => (a(), v("div", {
       class: "w-full h-fit",
       ref_key: "parentRef",
       ref: K
     }, [
-      n(ye, {
+      n(be, {
         modelValue: l(c),
         "onUpdate:modelValue": [
           o[1] || (o[1] = (t) => A(c) ? c.value = t : null),
-          Y
+          Z
         ],
         label: e.label,
         dirty: "",
@@ -106,30 +106,30 @@ const Ce = {
         ref_key: "textFieldRef",
         ref: C,
         autocomplete: "off",
-        onFocusInput: Z,
-        onHandleClick: l(U),
+        onFocusInput: ee,
+        onHandleClick: l(x),
         rounded: l(s) ? "rounded-t" : "rounded",
-        onBlur: le,
-        onKeyDown: X,
-        placeholder: u.multiple && l(_)(a.value) && a.value.length ? "" : l(J),
+        onBlur: te,
+        onKeyDown: Y,
+        placeholder: u.multiple && l(B)(r.value) && r.value.length ? "" : l(Q),
         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(B)(r.value) && l(_)(r.value) ? (a(), v("div", Ce, [
+            (a(!0), v(ae, null, se(r.value, (t) => (a(), m(ge, {
               key: t.id ?? t.name,
               size: "small"
             }, {
               default: i(() => [
-                se("div", we, [
-                  y(I(l(P)(t, e.itemTitle)) + " ", 1),
-                  n(b, {
+                ue("div", we, [
+                  b(I(l(W)(t, e.itemTitle)) + " ", 1),
+                  n(y, {
                     color: "error",
                     icon: l(f).close,
                     size: "small",
                     class: "ml-1",
-                    onClick: (d) => l(E)(t)
+                    onClick: (d) => l(N)(t)
                   }, null, 8, ["icon", "onClick"])
                 ])
               ]),
@@ -138,14 +138,14 @@ const Ce = {
           ])) : k("", !0),
           n(he, {
             transition: "fade",
-            "onClick:outside": l(L),
+            "onClick:outside": l(O),
             modelValue: l(s),
             "onUpdate:modelValue": o[0] || (o[0] = (t) => A(s) ? s.value = t : null),
             activator: "parent",
             "z-index": e.zIndex,
             "parent-ref": K.value,
             origin: e.menuOrigin,
-            onHandleEscape: Q,
+            onHandleEscape: X,
             bgColor: e.bgMenuColor,
             "close-on-content-click": e.closeOnSelect,
             width: "w-full",
@@ -153,23 +153,23 @@ const Ce = {
             "hide-details": e.hideDetails
           }, {
             default: i(() => [
-              e.hasCreateItem ? (r(), v("div", Ve, [
-                n(be, {
-                  onClick: l(j),
+              e.hasCreateItem ? (a(), v("div", Ve, [
+                n(ye, {
+                  onClick: l(G),
                   bgColor: e.btnCreateBg,
-                  class: ue(e.btnCreateClass)
+                  class: de(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),
+                "onClick:select": l(q),
                 ref_key: "listRef",
                 ref: w,
-                onKeyDown: ee,
+                onKeyDown: le,
                 selectable: !0
               }, {
                 default: i(() => [
@@ -182,12 +182,12 @@ const Ce = {
                     enabled: l(s),
                     "item-height": 48
                   }, {
-                    default: i(({ item: t, index: d, empty: te }) => [
-                      !te && t != null ? (r(), m(B, {
+                    default: i(({ item: t, index: d, empty: oe }) => [
+                      !oe && t != null ? (a(), m(F, {
                         value: t,
                         key: `kun-list-${d + 1}`,
                         id: `kun-item-${d + 1}`,
-                        disabled: l(G)(t),
+                        disabled: l(J)(t),
                         "bg-items": e.bgItemListColor,
                         "hover-bg": e.hoverItemListColor,
                         activeClass: e.selectedItemListColor,
@@ -195,9 +195,9 @@ const Ce = {
                         selectable: !0
                       }, {
                         default: i(() => [
-                          n(F, { class: "text-wrap" }, {
+                          n(T, { class: "text-wrap" }, {
                             default: i(() => [
-                              y(I(l(D)(t, e.itemTitle ?? l(q), "hasDefault")), 1)
+                              b(I(l(D)(t, e.itemTitle ?? l(P), "hasDefault")), 1)
                             ]),
                             _: 2
                           }, 1024),
@@ -206,14 +206,14 @@ const Ce = {
                           }, 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"])) : (a(), m(F, {
                         key: 1,
                         disabled: ""
                       }, {
                         default: i(() => [
-                          n(F, { class: "text-center w-full text-gray-500" }, {
+                          n(T, { 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]
@@ -236,22 +236,22 @@ const Ce = {
         e.hasIcons ? {
           name: "append-inner",
           fn: i(() => [
-            e.clearable && a.value ? (r(), m(b, {
+            e.clearable && r.value ? (a(), m(y, {
               key: 0,
-              onClick: l(N),
+              onClick: l(L),
               size: "small",
               color: "error",
               icon: l(f).close,
               class: "mr-1 mt-1"
             }, null, 8, ["onClick", "icon"])) : k("", !0),
-            n(b, {
+            n(y, {
               color: "teal-darken-1",
               size: "large",
               class: "cursor-pointer",
               icon: l(s) ? l(f).menuUpOutline : l(f).menuDownOutline,
-              onClick: de(l(V), ["stop"])
+              onClick: ce(l(V), ["stop"])
             }, null, 8, ["icon", "onClick"]),
-            e.required ? (r(), m(b, {
+            e.required ? (a(), m(y, {
               key: 1,
               color: "teal-darken-1",
               size: "x-small",

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

@@ -4,19 +4,19 @@ const e = {
   },
   itemValue: {
     type: String,
-    default: ""
+    default: null
   },
   itemTitle: {
-    type: String,
-    default: ""
+    type: [String, Array],
+    default: null
   },
   itemText: {
-    type: String,
-    default: ""
+    type: [String, Array],
+    default: null
   },
   itemSubtitle: {
-    type: String,
-    default: ""
+    type: [String, Array],
+    default: null
   },
   returnObject: {
     type: Boolean,

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

@@ -1,76 +1,85 @@
-import { ref as o, computed as M, watch as H, nextTick as F } from "vue";
-import { isArray as x, isObject as O, fullCopy as L } from "../../../../utils/utils.js";
-function U(n, h, i, s) {
-  const l = o(null), d = o(null), y = o(null), f = o(!1), v = o(""), N = (e, t) => t.split(".").reduce((u, r) => u && u[r] !== void 0 ? u[r] : null, e), B = M(() => l.value !== null && l.value !== void 0 ? x(l.value) ? l.value.length ? j(l.value, n.itemTitle, "hasDefault") : n.placeholderText : O(l.value) ? j(l.value, n.itemTitle, "hasDefault") : l.value.toString() : s.value.length ? n.placeholderText : n.textNoItems), R = M(() => n.itemText.includes(",") ? n.itemText.split(",") : n.itemText);
-  function j(e, t, u) {
-    var r;
-    if (O(e)) {
-      if (t) {
-        if (x(t))
-          return t.map((c) => e[c] ?? "No definido").join(" - ");
-        if (t.includes(","))
-          return t.split(",").map((c) => e[c]).join(" - ");
-        if (t.includes(".")) {
-          const c = t.split(".");
-          let a = e;
-          for (const b of c)
-            a = a[b];
-          return a;
+import { ref as s, computed as M, watch as H, nextTick as F } from "vue";
+import { isArray as y, isObject as h, fullCopy as L } from "../../../../utils/utils.js";
+function U(t, g, i, d) {
+  const l = s(null), v = s(null), S = s(null), f = s(!1), b = s(""), N = (e, n) => n.split(".").reduce((u, c) => u && u[c] !== void 0 ? u[c] : null, e), B = M(() => l.value !== null && l.value !== void 0 ? y(l.value) ? l.value.length ? j(l.value, t.itemTitle, "hasDefault") : t.placeholderText : h(l.value) ? j(l.value, t.itemTitle, "hasDefault") : l.value.toString() : d.value.length ? t.placeholderText : t.textNoItems), R = M(() => t.itemText.includes(",") ? t.itemText.split(",") : t.itemText);
+  function j(e, n, u) {
+    var c;
+    if (h(e)) {
+      if (n) {
+        if (y(n))
+          return n.map((r) => {
+            if (r.includes(".")) {
+              const o = r.split(".");
+              let a = e;
+              for (const O of o)
+                a = a != null ? a[O] : void 0;
+              return a ?? "No definido";
+            }
+            return e[r] ?? "No definido";
+          }).join(" - ");
+        if (n.includes(","))
+          return n.split(",").map((r) => e[r]).join(" - ");
+        if (n.includes(".")) {
+          const r = n.split(".");
+          let o = e;
+          for (const a of r)
+            o = o[a];
+          return o;
         }
-        return !n.returnObject && typeof e[t] == "number" || e[t] !== void 0 && e[t] !== null ? e[t].toString() : "";
+        return !t.returnObject && typeof e[n] == "number" ? e[n].toString() : e[n] !== void 0 && e[n] !== null ? (console.log(n), e[n].toString()) : "";
       }
       if (u)
         return Object.values(e)[0];
     }
-    return x(e) ? n.returnObject ? e.map((c) => c[t]).join(" - ") : e.map((c) => c).join(" - ") : u && typeof e != "number" ? e.includes(",") ? e.split(",") : e : ((r = e == null ? void 0 : e.toString) == null ? void 0 : r.call(e)) ?? "";
+    return y(e) ? t.returnObject ? e.map((r) => r[n]).join(" - ") : e.map((r) => r).join(" - ") : u && typeof e != "number" ? e.includes(",") ? e.split(",") : e : ((c = e == null ? void 0 : e.toString) == null ? void 0 : c.call(e)) ?? "";
   }
   function V(e) {
     try {
-      let t = null;
-      if (l.value = L(e), !n.multiple)
-        n.returnObject ? t = e : O(e) ? n.itemValue ? t = e[n.itemValue] : t = Object.values(e)[0] : t = e, f.value = !1, g();
-      else if (S(e)) {
-        e && T(e);
+      let n = null;
+      if (l.value = L(e), !t.multiple)
+        t.returnObject ? n = e : h(e) ? t.itemValue ? n = e[t.itemValue] : n = Object.values(e)[0] : n = e, f.value = !1, x();
+      else if (T(e)) {
+        e && I(e);
         return;
       } else {
-        const u = n.returnObject ? e : O(e) ? n.itemValue ? e[n.itemValue] : Object.values(e)[0] : e;
-        t = [...i.value || [], u];
+        const u = t.returnObject ? e : h(e) ? t.itemValue ? e[t.itemValue] : Object.values(e)[0] : e;
+        n = [...i.value || [], u];
       }
-      i.value === t ? h("update:modelValue", t) : i.value = t, h("selectedItem", l.value);
-    } catch (t) {
-      console.log(t);
+      i.value === n ? g("update:modelValue", n) : i.value = n, g("selectedItem", l.value);
+    } catch (n) {
+      console.log(n);
     } finally {
       F(() => {
-        I();
+        A();
       });
     }
   }
   H(
-    [() => i.value, () => s.value],
+    [() => i.value, () => d.value],
     ([e]) => {
-      const t = C(e);
-      JSON.stringify(l.value) !== JSON.stringify(t) && (l.value = t);
+      const n = C(e);
+      JSON.stringify(l.value) !== JSON.stringify(n) && (l.value = n);
     },
     { immediate: !0 }
   );
   function C(e) {
-    return e == null ? null : n.multiple && Array.isArray(e) ? n.returnObject ? e : e.map((u) => s.value.find((r) => r[n.itemValue] === u)).filter(Boolean) : n.returnObject ? e : s.value.find(
-      (u) => typeof u == "object" ? u[n.itemValue] === e : u === e
+    return e == null ? null : t.multiple && Array.isArray(e) ? t.returnObject ? e : e.map((u) => d.value.find((c) => c[t.itemValue] === u)).filter(Boolean) : t.returnObject ? e : d.value.find(
+      (u) => typeof u == "object" ? u[t.itemValue] === e : u === e
     ) ?? e;
   }
-  function S(e) {
+  function T(e) {
     if (!i.value || !e) return !1;
-    const t = n.returnObject ? e[n.itemValue] : e;
-    return i.value.some((u) => (n.returnObject ? u[n.itemValue] : u) === t);
+    const n = t.returnObject ? e[t.itemValue] : e;
+    return i.value.some((u) => (t.returnObject ? u[t.itemValue] : u) === n);
   }
-  function T(e) {
-    const t = n.returnObject ? e[n.itemValue] : e, u = i.value.filter((r) => (n.returnObject ? r[n.itemValue] : r) !== t);
+  function I(e) {
+    const n = t.returnObject ? e[t.itemValue] : e, u = i.value.filter((c) => (t.returnObject ? c[t.itemValue] : c) !== n);
     i.value = u;
   }
-  function I(e) {
-    n.clearSearchOnSelect && (v.value = ""), n.clearOnSelect && w(), n.focusOnSelect && g();
+  function A(e) {
+    t.clearSearchOnSelect && (b.value = ""), t.clearOnSelect && E(), t.focusOnSelect && x();
   }
-  function A() {
+  function k() {
     f.value || (f.value = !0);
   }
   function D() {
@@ -79,63 +88,63 @@ function U(n, h, i, s) {
   function J() {
     f.value = !f.value;
   }
-  function k(e) {
+  function w(e) {
     return e.length === 1 && e.match(/\w/);
   }
-  function g() {
-    d.value.inputField.focus();
+  function x() {
+    v.value.inputField.focus();
   }
   function K() {
-    f.value = !0, y.value && d.value.$el.focus();
+    f.value = !0, S.value && v.value.$el.focus();
   }
   function $(e) {
-    const t = e.key;
-    (k(t) || t === "Backspace") && (A(), g(), F(() => {
-      var r;
-      const u = (r = d.value) == null ? void 0 : r.inputField;
+    const n = e.key;
+    (w(n) || n === "Backspace") && (k(), x(), F(() => {
+      var c;
+      const u = (c = v.value) == null ? void 0 : c.inputField;
       if (u) {
-        const c = u.selectionStart, a = u.selectionEnd, b = u.value, E = e.key.length === 1 ? e.key : "";
-        u.value = b.slice(0, c) + E + b.slice(a), u.selectionStart = u.selectionEnd = c + E.length, u.dispatchEvent(new Event("input", { bubbles: !0 }));
+        const r = u.selectionStart, o = u.selectionEnd, a = u.value, O = e.key.length === 1 ? e.key : "";
+        u.value = a.slice(0, r) + O + a.slice(o), u.selectionStart = u.selectionEnd = r + O.length, u.dispatchEvent(new Event("input", { bubbles: !0 }));
       }
     }));
   }
   function q() {
-    f.value = !1, h("createItem");
+    f.value = !1, g("createItem");
   }
   function z(e) {
-    let t = i.value.indexOf(e);
-    i.value.splice(t, 1);
+    let n = i.value.indexOf(e);
+    i.value.splice(n, 1);
   }
-  function w() {
-    v.value !== "" && (v.value = ""), i.value !== null && (i.value = null), l.value !== null && (l.value = null);
+  function E() {
+    b.value !== "" && (b.value = ""), i.value !== null && (i.value = null), l.value !== null && (l.value = null);
   }
   function G(e) {
     return !!e.disabled;
   }
   return {
     selectedItem: l,
-    textFieldRef: d,
-    listRef: y,
+    textFieldRef: v,
+    listRef: S,
     menuModel: f,
-    search: v,
+    search: b,
     getItemText: N,
     placeholder: B,
     textArr: R,
     itemToString: j,
     getSelectedItem: V,
-    checkIfValueExist: S,
-    removeFromArray: T,
-    lightReset: I,
-    openMenu: A,
+    checkIfValueExist: T,
+    removeFromArray: I,
+    lightReset: A,
+    openMenu: k,
     closeMenu: D,
     toggleMenu: J,
     focusOnMenu: K,
     onMenuKeydown: $,
     createItem: q,
     removeItem: z,
-    clearSelection: w,
+    clearSelection: E,
     checkDisabled: G,
-    isAlphanumeric: k
+    isAlphanumeric: w
   };
 }
 export {

package/dist/components/KunInfiniteScroll/src/composables/useKunInfiniteScroll.js

@@ -1,57 +1,59 @@
-import { ref as I, computed as t, watch as A, nextTick as L } from "vue";
+import { ref as I, computed as t, watch as b, nextTick as k } from "vue";
 function q({
-  items: d,
+  items: g,
   search: i,
   searchableKeys: v = [],
   itemsPerIntersection: r = 20
 }) {
-  const l = I(1), f = I(null), h = t(
+  const l = I(1), f = I(null), n = t(
     () => Array.isArray(v) ? v : []
-  ), y = t(
+  ), w = t(
     () => typeof r == "number" && r > 0 ? r : 20
-  ), n = t(() => {
-    var u;
-    const e = d.value || [], a = (u = i.value) == null ? void 0 : u.trim().toLowerCase();
-    return !a || !h.value.length ? e : e.filter((S) => h.value.some((C) => {
-      const g = C.split(".").reduce((o, T) => o == null ? void 0 : o[T], S);
-      return typeof g == "string" && g.toLowerCase().includes(a);
+  ), u = t(() => {
+    var d;
+    const e = g.value || [], a = (d = i.value) == null ? void 0 : d.trim().toLowerCase();
+    if (!a || !n.value) return e;
+    const o = Array.isArray(n.value) ? n.value : [n.value];
+    return e.filter((A) => o.some((C) => {
+      const p = C.split(".").reduce((y, T) => y != null ? y[T] : void 0, A);
+      return p == null ? !1 : String(p).toLowerCase().includes(a);
     }));
-  }), w = t(() => n.value.length), c = t(
-    () => n.value.slice(
+  }), x = t(() => u.value.length), s = t(
+    () => u.value.slice(
       0,
-      l.value * y.value
+      l.value * w.value
     )
-  ), s = t(
-    () => c.value.length >= n.value.length
-  ), x = t(() => l.value === 1);
-  function m() {
-    s.value || l.value++;
+  ), c = t(
+    () => s.value.length >= u.value.length
+  ), B = t(() => l.value === 1);
+  function h() {
+    c.value || l.value++;
   }
-  function p() {
+  function m() {
     l.value = 1;
   }
-  A(
+  b(
     () => i.value,
     () => {
-      p();
+      m();
     },
     { flush: "pre" }
   );
-  async function B(e) {
+  async function S(e) {
     if (typeof e != "number" || e < 0) return;
     f.value = e;
-    const a = n.value.length - 1, u = Math.min(e, a);
-    for (; u >= c.value.length && !s.value; )
-      m(), await L();
+    const a = u.value.length - 1, o = Math.min(e, a);
+    for (; o >= s.value.length && !c.value; )
+      h(), await k();
   }
   return {
-    visibleItems: c,
-    loadNextBatch: m,
-    resetCurrentBatchStep: p,
-    lastBatchReached: s,
-    isFirstBatch: x,
-    totalItems: w,
-    setScrollToIndex: B,
+    visibleItems: s,
+    loadNextBatch: h,
+    resetCurrentBatchStep: m,
+    lastBatchReached: c,
+    isFirstBatch: B,
+    totalItems: x,
+    setScrollToIndex: S,
     scrollToIndex: f
     // opcional, si lo necesitás desde el componente padre
   };

package/package.json

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