adverich-kun-ui 0.1.492 → 0.1.493

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

@@ -1,243 +1,243 @@
-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 _, 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 = {
+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 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";
+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 = {
   key: 0,
   class: "flex flex-nowrap items-center space-x-1 min-w-3xs max-w-full overflow-x-auto overflow-y-hidden"
-}, Le = { 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"
-}, He = {
+}, je = {
   __name: "KunAutocomplete",
-  props: /* @__PURE__ */ x(we, {
+  props: /* @__PURE__ */ $(Ce, {
     modelValue: { default: null },
     modelModifiers: {},
     items: { default: [], type: Array, required: !0 },
     itemsModifiers: {}
   }),
-  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,
+  emits: /* @__PURE__ */ $(["update:modelValue", "selectedItem", "createItem", "validation", "search", "keyDown", "keyDownEnter"], ["update:modelValue", "update:items"]),
+  setup(w, { expose: B, emit: F }) {
+    const s = x(w, "modelValue"), f = x(w, "items"), u = w, m = F, {
+      textFieldRef: k,
+      listRef: D,
       menuModel: c,
-      search: a,
-      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: Y
-    } = Ce(u, m, s, p);
-    ie(() => {
-      u.focusOnRender && h.value.focus();
+      search: r,
+      removeItem: T,
+      clearSelection: N,
+      lightReset: U,
+      openMenu: S,
+      closeMenu: j,
+      toggleMenu: H,
+      onMenuKeydown: q,
+      getSelectedItem: I,
+      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 M = A(null), y = A(""), $ = (l) => {
-      for (const n of u.rules) {
-        const t = n(l);
-        if (t !== !0)
-          return y.value = t, m("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 y.value = "", m("validation", !0), !0;
+      return h.value = "", m("validation", !0), !0;
     };
-    se(() => s.value, (l, n) => {
-      _(u.rules) && $(l);
+    ie(() => s.value, (e, o) => {
+      E(u.rules) && M(e);
     });
-    function Z() {
-      var l;
-      c.value = !1, (l = h.value.inputField) == null || l.focus();
+    function Y() {
+      var e;
+      c.value = !1, (e = k.value.inputField) == null || e.focus();
     }
-    function ee(l) {
-      var t, f;
-      const n = l.key;
-      if (n === "Tab" || n === "Shift" || n === "Escape") {
-        H(), m("keyDown", n);
+    function Z(e) {
+      var l, a;
+      const o = e.key;
+      if (o === "Tab" || o === "Shift" || o === "Escape") {
+        j(), m("keyDown", o);
         return;
       }
-      (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));
+      (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 le(l) {
-      m("search", a);
+    function ee(e) {
+      m("search", r);
     }
-    function te() {
-      $(s);
+    function le() {
+      M(s);
     }
-    function oe(l) {
-      P(l);
+    function te(e) {
+      q(e);
     }
-    function ne() {
+    function oe() {
     }
-    function re() {
-      if (!a.value) return;
-      let l = null;
-      u.returnObject ? l = p.value.find(
-        (n) => Object.values(n).some(
-          (t) => String(t).toLowerCase() === String(a.value).toLowerCase()
+    function ne(e) {
+      if (!r.value) return;
+      let o = null;
+      u.returnObject ? o = f.value.find(
+        (l) => Object.values(l).some(
+          (a) => String(a).toLowerCase() === String(r.value).toLowerCase()
         )
-      ) : 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);
+      ) : 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 F({
-      focus: () => ue(() => {
-        var l;
-        return (l = h.value) == null ? void 0 : l.focus();
+    return B({
+      focus: () => se(() => {
+        var e;
+        return (e = k.value) == null ? void 0 : e.focus();
       })
-    }), (l, n) => (d(), g("div", {
+    }), (e, o) => (d(), y("div", {
       class: "w-full h-fit",
       ref_key: "parentRef",
-      ref: M
+      ref: K
     }, [
-      i(Se, {
-        modelValue: o(a),
+      i(we, {
+        modelValue: t(r),
         "onUpdate:modelValue": [
-          n[1] || (n[1] = (t) => E(a) ? a.value = t : null),
-          le
+          o[1] || (o[1] = (l) => A(r) ? r.value = l : null),
+          ee
         ],
-        label: l.label,
+        label: e.label,
         dirty: "",
-        "hide-details": l.hideDetails,
-        density: l.density,
+        "hide-details": e.hideDetails,
+        density: e.density,
         ref_key: "textFieldRef",
-        ref: h,
+        ref: k,
         autocomplete: "off",
-        onFocusInput: te,
-        onHandleClick: o(q),
-        rounded: o(c) ? "rounded-t" : "rounded",
-        onBlur: ne,
+        onFocusInput: le,
+        onHandleClick: t(H),
+        rounded: t(c) ? "rounded-t" : "rounded",
+        onBlur: oe,
         onKeyDown: [
-          ee,
-          de(re, ["enter"])
+          Z,
+          ue(ne, ["enter"])
         ],
-        placeholder: u.multiple && o(R)(s.value) && s.value.length ? "" : o(Y),
-        error: !!y.value,
-        "error-messages": y.value
-      }, ce({
-        "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,
+        placeholder: u.multiple && t(_)(s.value) && s.value.length ? "" : t(X),
+        error: !!h.value,
+        "error-messages": h.value
+      }, de({
+        "prepend-input-content": n(() => [
+          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: r(() => [
-                ve("div", Le, [
-                  C(D(o(G)(t)) + " ", 1),
-                  i(w, {
+              default: n(() => [
+                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(N)(t)
+                    onClick: (a) => t(T)(l)
                   }, null, 8, ["icon", "onClick"])
                 ])
               ]),
               _: 2
             }, 1024))), 128))
-          ])) : b("", !0)
+          ])) : g("", !0)
         ]),
-        default: r(() => [
-          i(be, {
+        default: n(() => [
+          i(ge, {
             transition: "fade",
-            "onClick:outside": o(j),
-            modelValue: o(c),
-            "onUpdate:modelValue": n[0] || (n[0] = (t) => E(c) ? c.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": l.zIndex,
-            "parent-ref": M.value,
-            origin: l.menuOrigin,
-            onHandleEscape: Z,
-            bgColor: l.bgMenuColor,
-            "close-on-content-click": l.closeOnSelect,
+            "z-index": e.zIndex,
+            "parent-ref": K.value,
+            origin: e.menuOrigin,
+            onHandleEscape: Y,
+            bgColor: e.bgMenuColor,
+            "close-on-content-click": e.closeOnSelect,
             width: "w-full",
-            "max-height": l.maxHeight,
-            "hide-details": l.hideDetails
+            "max-height": e.maxHeight,
+            "hide-details": e.hideDetails
           }, {
-            default: r(() => [
-              l.hasCreateItem ? (d(), g("div", Ke, [
-                i(Ve, {
-                  onClick: o(Q),
-                  bgColor: l.btnCreateBg,
-                  class: me(l.btnCreateClass)
+            default: n(() => [
+              e.hasCreateItem ? (d(), y("div", Le, [
+                i(Se, {
+                  onClick: t(J),
+                  bgColor: e.btnCreateBg,
+                  class: ce(e.btnCreateClass)
                 }, {
-                  default: r(() => [
-                    C(D(l.btnCreateText), 1)
+                  default: n(() => [
+                    b(V(e.btnCreateText), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick", "bgColor", "class"])
-              ])) : b("", !0),
-              i(ye, {
-                "onClick:select": o(L),
+              ])) : g("", !0),
+              i(he, {
+                "onClick:select": t(I),
                 ref_key: "listRef",
-                ref: I,
-                onKeyDown: oe,
+                ref: D,
+                onKeyDown: te,
                 selectable: !0
               }, {
-                default: r(() => [
-                  i(he, {
-                    items: p.value,
-                    search: o(a),
+                default: n(() => [
+                  i(ke, {
+                    items: f.value,
+                    search: t(r),
                     "searchable-keys": u.searchableKeys,
                     virtual: !1,
                     "items-per-intersection": 10,
-                    enabled: o(c),
+                    enabled: t(c),
                     "item-height": 48
                   }, {
-                    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(X)(t),
-                        "bg-items": l.bgItemListColor,
-                        "hover-bg": l.hoverItemListColor,
-                        activeClass: l.selectedItemListColor,
-                        density: l.density,
+                    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,
+                        density: e.density,
                         selectable: !0
                       }, {
-                        default: r(() => [
-                          i(B, { class: "text-wrap" }, {
-                            default: r(() => [
-                              C(D(o(K)(t, l.itemTitle ?? o(W), "hasDefault")), 1)
+                        default: n(() => [
+                          i(O, { class: "text-wrap" }, {
+                            default: n(() => [
+                              b(V(t(L)(l, e.itemTitle ?? t(P), "hasDefault")), 1)
                             ]),
                             _: 2
                           }, 1024),
-                          i(ge, {
-                            text: l.itemSubtitle ? o(K)(t, l.itemSubtitle) : ""
+                          i(ye, {
+                            text: e.itemSubtitle ? t(L)(l, e.itemSubtitle) : ""
                           }, null, 8, ["text"])
                         ]),
                         _: 2
-                      }, 1032, ["value", "id", "disabled", "bg-items", "hover-bg", "activeClass", "density"])) : (d(), v(O, {
+                      }, 1032, ["value", "id", "disabled", "bg-items", "hover-bg", "activeClass", "density"])) : (d(), p(R, {
                         key: 1,
                         disabled: ""
                       }, {
-                        default: r(() => [
-                          i(B, { class: "text-center w-full text-gray-500" }, {
-                            default: r(() => n[2] || (n[2] = [
-                              C(" No hay elementos disponibles ")
+                        default: n(() => [
+                          i(O, { class: "text-center w-full text-gray-500" }, {
+                            default: n(() => o[2] || (o[2] = [
+                              b(" No hay elementos disponibles ")
                             ])),
                             _: 1,
                             __: [2]
@@ -257,31 +257,31 @@ const Ie = {
         ]),
         _: 2
       }, [
-        l.hasIcons ? {
+        e.hasIcons ? {
           name: "append-inner",
-          fn: r(() => [
-            l.clearable && s.value ? (d(), v(w, {
+          fn: n(() => [
+            e.clearable && s.value ? (d(), p(C, {
               key: 0,
-              onClick: o(U),
+              onClick: t(N),
               size: "small",
               color: "error",
-              icon: o(k).close,
+              icon: t(v).close,
               class: "mr-1 mt-1"
-            }, null, 8, ["onClick", "icon"])) : b("", !0),
-            i(w, {
+            }, null, 8, ["onClick", "icon"])) : g("", !0),
+            i(C, {
               color: "teal-darken-1",
               size: "large",
               class: "cursor-pointer",
-              icon: o(c) ? o(k).menuUpOutline : o(k).menuDownOutline,
-              onClick: ke(o(V), ["stop"])
+              icon: t(c) ? t(v).menuUpOutline : t(v).menuDownOutline,
+              onClick: ve(t(S), ["stop"])
             }, null, 8, ["icon", "onClick"]),
-            l.required ? (d(), v(w, {
+            e.required ? (d(), p(C, {
               key: 1,
               color: "teal-darken-1",
               size: "x-small",
               class: "mb-4",
-              icon: o(k).asterisk
-            }, null, 8, ["icon"])) : b("", !0)
+              icon: t(v).asterisk
+            }, null, 8, ["icon"])) : g("", !0)
           ]),
           key: "0"
         } : void 0
@@ -290,5 +290,5 @@ const Ie = {
   }
 };
 export {
-  He as default
+  je as default
 };

package/package.json

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