adverich-kun-ui 0.1.491 → 0.1.492

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

@@ -1,246 +1,243 @@
-import { mergeModels as $, useModel as x, onMounted as se, ref as z, watch as ue, nextTick as A, createElementBlock as y, openBlock as u, createVNode as i, unref as o, withKeys as de, withModifiers as E, isRef as _, createSlots as ce, withCtx as n, createCommentVNode as g, normalizeClass as fe, createTextVNode as b, toDisplayString as V, createBlock as v, Fragment as me, renderList as pe, createElementVNode as ve } from "vue";
+import { mergeModels as x, useModel as z, onMounted as ie, ref as A, watch as se, nextTick as ue, createElementBlock as g, openBlock as d, createVNode as i, unref as o, withKeys as de, isRef as E, createSlots as ce, withCtx as r, createCommentVNode as b, normalizeClass as me, createTextVNode as C, toDisplayString as D, createBlock as v, Fragment as fe, renderList as pe, createElementVNode as ve, withModifiers as ke } from "vue";
 import { icons as k } from "../../../../icons/index.js";
-import { isNotEmpty as O, isArray as R } from "../../../../utils/utils.js";
-import ke from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
-import he 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 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";
-import { KunAutocompleteProps as Ce } from "../composables/KunAutocompleteProps.js";
-import we from "../../../KunTextField/src/components/KunTextField.vue.js";
-import Se from "../../../KunBtn/src/components/KunBtn.vue.js";
-import Ve from "../../../KunChip/src/components/KunChip.vue.js";
-import C from "../../../KunIcon/src/components/KunIcon.vue.js";
-const De = {
+import { isNotEmpty as _, isArray as R } from "../../../../utils/utils.js";
+import he from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
+import ye 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 ge from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
+import be from "../../../KunMenu/src/components/KunMenu.vue.js";
+import { useAutocomplete as Ce } from "../composables/useAutocomplete.js";
+import { KunAutocompleteProps as we } from "../composables/KunAutocompleteProps.js";
+import Se from "../../../KunTextField/src/components/KunTextField.vue.js";
+import Ve from "../../../KunBtn/src/components/KunBtn.vue.js";
+import De from "../../../KunChip/src/components/KunChip.vue.js";
+import w from "../../../KunIcon/src/components/KunIcon.vue.js";
+const Ie = {
   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" }, Ke = {
+}, Le = { class: "flex items-center" }, Ke = {
   key: 0,
   class: "sticky top-0 z-10 p-2 border-b bg-select-background"
-}, je = {
+}, He = {
   __name: "KunAutocomplete",
-  props: /* @__PURE__ */ $(Ce, {
+  props: /* @__PURE__ */ x(we, {
     modelValue: { default: null },
     modelModifiers: {},
     items: { default: [], type: Array, required: !0 },
     itemsModifiers: {}
   }),
-  emits: /* @__PURE__ */ $(["update:modelValue", "selectedItem", "createItem", "validation", "search", "keyDown", "keyDownEnter"], ["update:modelValue", "update:items"]),
-  setup(w, { expose: T, emit: N }) {
-    const s = x(w, "modelValue"), m = x(w, "items"), r = w, c = N, {
-      textFieldRef: p,
-      listRef: D,
-      menuModel: d,
+  emits: /* @__PURE__ */ x(["update:modelValue", "selectedItem", "createItem", "validation", "search", "keyDown", "keyDownEnter"], ["update:modelValue", "update:items"]),
+  setup(S, { expose: F, emit: T }) {
+    const s = z(S, "modelValue"), p = z(S, "items"), u = S, m = T, {
+      textFieldRef: h,
+      listRef: I,
+      menuModel: c,
       search: a,
-      removeItem: U,
-      clearSelection: j,
-      lightReset: H,
-      openMenu: S,
-      closeMenu: q,
-      toggleMenu: P,
-      onMenuKeydown: W,
-      getSelectedItem: I,
-      textArr: G,
-      getArrayText: J,
-      isAlphanumeric: Q,
-      createItem: X,
-      checkDisabled: Y,
+      removeItem: N,
+      clearSelection: U,
+      lightReset: j,
+      openMenu: V,
+      closeMenu: H,
+      toggleMenu: q,
+      onMenuKeydown: P,
+      getSelectedItem: L,
+      textArr: W,
+      getArrayText: G,
+      isAlphanumeric: J,
+      createItem: Q,
+      checkDisabled: X,
       itemToString: K,
-      placeholder: Z
-    } = be(r, c, s, m);
-    se(() => {
-      r.focusOnRender && p.value.focus();
+      placeholder: Y
+    } = Ce(u, m, s, p);
+    ie(() => {
+      u.focusOnRender && h.value.focus();
     });
-    const L = z(null), h = z(""), M = (e) => {
-      for (const l of r.rules) {
-        const t = l(e);
+    const M = A(null), y = A(""), $ = (l) => {
+      for (const n of u.rules) {
+        const t = n(l);
         if (t !== !0)
-          return h.value = t, c("validation", !1), !1;
+          return y.value = t, m("validation", !1), !1;
       }
-      return h.value = "", c("validation", !0), !0;
+      return y.value = "", m("validation", !0), !0;
     };
-    ue(() => s.value, (e, l) => {
-      O(r.rules) && M(e);
+    se(() => s.value, (l, n) => {
+      _(u.rules) && $(l);
     });
-    function ee() {
-      var e;
-      d.value = !1, (e = p.value.inputField) == null || e.focus();
+    function Z() {
+      var l;
+      c.value = !1, (l = h.value.inputField) == null || l.focus();
     }
-    function le(e) {
+    function ee(l) {
       var t, f;
-      const l = e.key;
-      if (l === "Tab" || l === "Shift" || l === "Escape") {
-        q(), c("keyDown", l);
+      const n = l.key;
+      if (n === "Tab" || n === "Shift" || n === "Escape") {
+        H(), m("keyDown", n);
         return;
       }
-      (Q(l) || l === "Backspace") && S(), ["ArrowUp", "ArrowDown"].includes(l) && (e.preventDefault(), d.value || S(), (f = (t = D.value) == null ? void 0 : t.focusWithKey) == null || f.call(t, l));
+      (J(n) || n === "Backspace") && V(), ["ArrowUp", "ArrowDown"].includes(n) && (l.preventDefault(), c.value || V(), (f = (t = I.value) == null ? void 0 : t.focusWithKey) == null || f.call(t, n));
     }
-    function te(e) {
-      c("search", a);
+    function le(l) {
+      m("search", a);
     }
-    function oe() {
-      M(s);
+    function te() {
+      $(s);
     }
-    function ne(e) {
-      W(e);
+    function oe(l) {
+      P(l);
     }
-    function re() {
+    function ne() {
     }
-    function ae() {
+    function re() {
       if (!a.value) return;
-      let e = null;
-      r.returnObject ? e = m.value.find(
-        (l) => Object.values(l).some(
+      let l = null;
+      u.returnObject ? l = p.value.find(
+        (n) => Object.values(n).some(
           (t) => String(t).toLowerCase() === String(a.value).toLowerCase()
         )
-      ) : r.itemValue ? e = m.value.find(
-        (l) => String(l[r.itemValue]).toLowerCase() === String(a.value).toLowerCase()
-      ) : e = m.value.find(
-        (l) => typeof l == "object" ? Object.values(l).some((t) => String(t).toLowerCase() === String(a.value).toLowerCase()) : String(l).toLowerCase() === String(a.value).toLowerCase()
-      ), e && (I(e), r.focusOnSelect && A(() => {
-        var l;
-        (l = p.value) == null || l.focus();
-      })), c("keyDownEnter");
+      ) : u.itemValue ? l = p.value.find(
+        (n) => String(n[u.itemValue]).toLowerCase() === String(a.value).toLowerCase()
+      ) : l = p.value.find(
+        (n) => typeof n == "object" ? Object.values(n).some((t) => String(t).toLowerCase() === String(a.value).toLowerCase()) : String(n).toLowerCase() === String(a.value).toLowerCase()
+      ), l && L(l), m("keyDownEnter", e);
     }
-    return T({
-      focus: () => A(() => {
-        var e;
-        return (e = p.value) == null ? void 0 : e.focus();
+    return F({
+      focus: () => ue(() => {
+        var l;
+        return (l = h.value) == null ? void 0 : l.focus();
       })
-    }), (e, l) => (u(), y("div", {
+    }), (l, n) => (d(), g("div", {
       class: "w-full h-fit",
       ref_key: "parentRef",
-      ref: L
+      ref: M
     }, [
-      i(we, {
+      i(Se, {
         modelValue: o(a),
         "onUpdate:modelValue": [
-          l[1] || (l[1] = (t) => _(a) ? a.value = t : null),
-          te
+          n[1] || (n[1] = (t) => E(a) ? a.value = t : null),
+          le
         ],
-        label: e.label,
+        label: l.label,
         dirty: "",
-        "hide-details": e.hideDetails,
-        density: e.density,
+        "hide-details": l.hideDetails,
+        density: l.density,
         ref_key: "textFieldRef",
-        ref: p,
+        ref: h,
         autocomplete: "off",
-        onFocusInput: oe,
-        onHandleClick: o(P),
-        rounded: o(d) ? "rounded-t" : "rounded",
-        onBlur: re,
+        onFocusInput: te,
+        onHandleClick: o(q),
+        rounded: o(c) ? "rounded-t" : "rounded",
+        onBlur: ne,
         onKeyDown: [
-          le,
-          de(E(ae, ["prevent"]), ["enter"])
+          ee,
+          de(re, ["enter"])
         ],
-        placeholder: r.multiple && o(R)(s.value) && s.value.length ? "" : o(Z),
-        error: !!h.value,
-        "error-messages": h.value
+        placeholder: u.multiple && o(R)(s.value) && s.value.length ? "" : o(Y),
+        error: !!y.value,
+        "error-messages": y.value
       }, ce({
-        "prepend-input-content": n(() => [
-          o(R)(s.value) && o(O)(s.value) ? (u(), y("div", De, [
-            (u(!0), y(me, null, pe(s.value, (t) => (u(), v(Ve, {
+        "prepend-input-content": r(() => [
+          o(R)(s.value) && o(_)(s.value) ? (d(), g("div", Ie, [
+            (d(!0), g(fe, null, pe(s.value, (t) => (d(), v(De, {
               key: t.id ?? t.name,
               size: "small",
               variant: "pill"
             }, {
-              default: n(() => [
-                ve("div", Ie, [
-                  b(V(o(J)(t)) + " ", 1),
-                  i(C, {
+              default: r(() => [
+                ve("div", Le, [
+                  C(D(o(G)(t)) + " ", 1),
+                  i(w, {
                     color: "error",
                     icon: o(k).close,
                     size: "small",
                     class: "ml-1",
-                    onClick: (f) => o(U)(t)
+                    onClick: (f) => o(N)(t)
                   }, null, 8, ["icon", "onClick"])
                 ])
               ]),
               _: 2
             }, 1024))), 128))
-          ])) : g("", !0)
+          ])) : b("", !0)
         ]),
-        default: n(() => [
-          i(ge, {
+        default: r(() => [
+          i(be, {
             transition: "fade",
-            "onClick:outside": o(H),
-            modelValue: o(d),
-            "onUpdate:modelValue": l[0] || (l[0] = (t) => _(d) ? d.value = t : null),
+            "onClick:outside": o(j),
+            modelValue: o(c),
+            "onUpdate:modelValue": n[0] || (n[0] = (t) => E(c) ? c.value = t : null),
             activator: "parent",
-            "z-index": e.zIndex,
-            "parent-ref": L.value,
-            origin: e.menuOrigin,
-            onHandleEscape: ee,
-            bgColor: e.bgMenuColor,
-            "close-on-content-click": e.closeOnSelect,
+            "z-index": l.zIndex,
+            "parent-ref": M.value,
+            origin: l.menuOrigin,
+            onHandleEscape: Z,
+            bgColor: l.bgMenuColor,
+            "close-on-content-click": l.closeOnSelect,
             width: "w-full",
-            "max-height": e.maxHeight,
-            "hide-details": e.hideDetails
+            "max-height": l.maxHeight,
+            "hide-details": l.hideDetails
           }, {
-            default: n(() => [
-              e.hasCreateItem ? (u(), y("div", Ke, [
-                i(Se, {
-                  onClick: o(X),
-                  bgColor: e.btnCreateBg,
-                  class: fe(e.btnCreateClass)
+            default: r(() => [
+              l.hasCreateItem ? (d(), g("div", Ke, [
+                i(Ve, {
+                  onClick: o(Q),
+                  bgColor: l.btnCreateBg,
+                  class: me(l.btnCreateClass)
                 }, {
-                  default: n(() => [
-                    b(V(e.btnCreateText), 1)
+                  default: r(() => [
+                    C(D(l.btnCreateText), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick", "bgColor", "class"])
-              ])) : g("", !0),
-              i(he, {
-                "onClick:select": o(I),
+              ])) : b("", !0),
+              i(ye, {
+                "onClick:select": o(L),
                 ref_key: "listRef",
-                ref: D,
-                onKeyDown: ne,
+                ref: I,
+                onKeyDown: oe,
                 selectable: !0
               }, {
-                default: n(() => [
-                  i(ke, {
-                    items: m.value,
+                default: r(() => [
+                  i(he, {
+                    items: p.value,
                     search: o(a),
-                    "searchable-keys": r.searchableKeys,
+                    "searchable-keys": u.searchableKeys,
                     virtual: !1,
                     "items-per-intersection": 10,
-                    enabled: o(d),
+                    enabled: o(c),
                     "item-height": 48
                   }, {
-                    default: n(({ item: t, index: f, empty: ie }) => [
-                      !ie && t != null ? (u(), v(B, {
+                    default: r(({ item: t, index: f, empty: ae }) => [
+                      !ae && t != null ? (d(), v(O, {
                         value: t,
                         key: `kun-list-${f + 1}`,
                         id: `kun-item-${f + 1}`,
-                        disabled: o(Y)(t),
-                        "bg-items": e.bgItemListColor,
-                        "hover-bg": e.hoverItemListColor,
-                        activeClass: e.selectedItemListColor,
-                        density: e.density,
+                        disabled: o(X)(t),
+                        "bg-items": l.bgItemListColor,
+                        "hover-bg": l.hoverItemListColor,
+                        activeClass: l.selectedItemListColor,
+                        density: l.density,
                         selectable: !0
                       }, {
-                        default: n(() => [
-                          i(F, { class: "text-wrap" }, {
-                            default: n(() => [
-                              b(V(o(K)(t, e.itemTitle ?? o(G), "hasDefault")), 1)
+                        default: r(() => [
+                          i(B, { class: "text-wrap" }, {
+                            default: r(() => [
+                              C(D(o(K)(t, l.itemTitle ?? o(W), "hasDefault")), 1)
                             ]),
                             _: 2
                           }, 1024),
-                          i(ye, {
-                            text: e.itemSubtitle ? o(K)(t, e.itemSubtitle) : ""
+                          i(ge, {
+                            text: l.itemSubtitle ? o(K)(t, l.itemSubtitle) : ""
                           }, null, 8, ["text"])
                         ]),
                         _: 2
-                      }, 1032, ["value", "id", "disabled", "bg-items", "hover-bg", "activeClass", "density"])) : (u(), v(B, {
+                      }, 1032, ["value", "id", "disabled", "bg-items", "hover-bg", "activeClass", "density"])) : (d(), v(O, {
                         key: 1,
                         disabled: ""
                       }, {
-                        default: n(() => [
-                          i(F, { class: "text-center w-full text-gray-500" }, {
-                            default: n(() => l[2] || (l[2] = [
-                              b(" No hay elementos disponibles ")
+                        default: r(() => [
+                          i(B, { class: "text-center w-full text-gray-500" }, {
+                            default: r(() => n[2] || (n[2] = [
+                              C(" No hay elementos disponibles ")
                             ])),
                             _: 1,
                             __: [2]
@@ -260,38 +257,38 @@ const De = {
         ]),
         _: 2
       }, [
-        e.hasIcons ? {
+        l.hasIcons ? {
           name: "append-inner",
-          fn: n(() => [
-            e.clearable && s.value ? (u(), v(C, {
+          fn: r(() => [
+            l.clearable && s.value ? (d(), v(w, {
               key: 0,
-              onClick: o(j),
+              onClick: o(U),
               size: "small",
               color: "error",
               icon: o(k).close,
               class: "mr-1 mt-1"
-            }, null, 8, ["onClick", "icon"])) : g("", !0),
-            i(C, {
+            }, null, 8, ["onClick", "icon"])) : b("", !0),
+            i(w, {
               color: "teal-darken-1",
               size: "large",
               class: "cursor-pointer",
-              icon: o(d) ? o(k).menuUpOutline : o(k).menuDownOutline,
-              onClick: E(o(S), ["stop"])
+              icon: o(c) ? o(k).menuUpOutline : o(k).menuDownOutline,
+              onClick: ke(o(V), ["stop"])
             }, null, 8, ["icon", "onClick"]),
-            e.required ? (u(), v(C, {
+            l.required ? (d(), v(w, {
               key: 1,
               color: "teal-darken-1",
               size: "x-small",
               class: "mb-4",
               icon: o(k).asterisk
-            }, null, 8, ["icon"])) : g("", !0)
+            }, null, 8, ["icon"])) : b("", !0)
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["modelValue", "label", "hide-details", "density", "onHandleClick", "rounded", "onKeyDown", "placeholder", "error", "error-messages"])
+      ]), 1032, ["modelValue", "label", "hide-details", "density", "onHandleClick", "rounded", "placeholder", "error", "error-messages"])
     ], 512));
   }
 };
 export {
-  je as default
+  He as default
 };

package/package.json

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