adverich-kun-ui 0.1.491 → 0.1.493

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

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

package/package.json

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