adverich-kun-ui 0.1.93 → 0.1.94

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

@@ -1,207 +1,206 @@
-import { mergeModels as A, useModel as E, onMounted as le, ref as oe, watch as ne, createBlock as d, openBlock as i, unref as e, isRef as L, createSlots as re, withCtx as r, createElementBlock as R, createCommentVNode as h, createVNode as a, Fragment as ie, renderList as ae, createElementVNode as se, createTextVNode as b, toDisplayString as V, normalizeClass as ue, withModifiers as de } from "vue";
-import { icons as f } from "../../../../icons/index.js";
-import { isNotEmpty as ce, isArray as U } from "../../../../utils/utils.js";
-import me from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
-import fe from "../../../KunList/src/components/KunList.vue.js";
-import z from "../../../KunListItem/src/components/KunListItem.vue.js";
-import pe from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
-import ke from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
-import ye from "../../../kunMenu/src/components/kunMenu.vue.js";
-import { useAutocomplete as he } from "../composables/useAutocomplete.js";
-import { KunAutocompleteProps as ve } from "../composables/KunAutocompleteProps.js";
-import ge from "../../../KunTextField/src/components/KunTextField.vue.js";
-import Ce from "../../../KunBtn/src/components/KunBtn.vue.js";
-import be from "../../../KunChip/src/components/KunChip.vue.js";
-import v from "../../../KunIcon/src/components/KunIcon.vue.js";
-const Ve = {
+import { mergeModels as x, useModel as A, onMounted as le, ref as te, watch as oe, createBlock as d, openBlock as a, unref as l, isRef as E, createSlots as ne, withCtx as i, createElementBlock as L, createCommentVNode as k, createVNode as s, Fragment as re, renderList as ie, createElementVNode as ae, createTextVNode as C, toDisplayString as b, normalizeClass as se, withModifiers as ue } from "vue";
+import { icons as m } from "../../../../icons/index.js";
+import { isNotEmpty as de, isArray as R } from "../../../../utils/utils.js";
+import ce from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
+import me from "../../../KunList/src/components/KunList.vue.js";
+import U from "../../../KunListItem/src/components/KunListItem.vue.js";
+import fe from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
+import pe from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
+import ve from "../../../kunMenu/src/components/kunMenu.vue.js";
+import { useAutocomplete as ke } from "../composables/useAutocomplete.js";
+import { KunAutocompleteProps as ye } from "../composables/KunAutocompleteProps.js";
+import he from "../../../KunTextField/src/components/KunTextField.vue.js";
+import ge 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 be = {
   key: 0,
   class: "flex justify-center align-center"
-}, Ie = { class: "flex justify-center align-center" }, Fe = {
+}, Ve = { class: "flex justify-center align-center" }, Be = {
   __name: "KunAutocomplete",
-  props: /* @__PURE__ */ A(ve, {
+  props: /* @__PURE__ */ x(ye, {
     modelValue: { default: null },
     modelModifiers: {},
     items: { default: [], type: Array, required: !0 },
     itemsModifiers: {}
   }),
-  emits: /* @__PURE__ */ A(["update:model-value", "createItem", "validation", "search"], ["update:modelValue", "update:items"]),
-  setup(g, { emit: B }) {
-    const u = E(g, "modelValue"), I = E(g, "items"), n = g, p = B, {
-      selectedItem: c,
-      textFieldRef: k,
-      listRef: C,
-      menuModel: s,
-      search: m,
-      removeItem: F,
-      clearSelection: N,
+  emits: /* @__PURE__ */ x(["createItem", "validation", "search"], ["update:modelValue", "update:items"]),
+  setup(h, { emit: z }) {
+    const r = A(h, "modelValue"), V = A(h, "items"), n = h, f = z, {
+      textFieldRef: p,
+      listRef: g,
+      menuModel: u,
+      search: c,
+      removeItem: B,
+      clearSelection: F,
       lightReset: w,
-      openMenu: T,
-      toggleMenu: H,
-      onMenuKeydown: K,
-      getSelectedItem: O,
-      textArr: j,
-      getItemText: q,
-      createItem: P,
-      checkDisabled: W,
-      itemToString: _,
-      placeholder: M,
-      hasCreateItem: G
-    } = he(n, p, u, I);
+      openMenu: N,
+      toggleMenu: T,
+      onMenuKeydown: I,
+      getSelectedItem: H,
+      textArr: O,
+      getItemText: j,
+      createItem: q,
+      checkDisabled: P,
+      itemToString: K,
+      placeholder: _,
+      hasCreateItem: W
+    } = ke(n, f, r, V);
     le(() => {
-      n.focusOnRender && k.value.focus();
+      n.focusOnRender && p.value.focus();
     });
-    function J(t) {
-      return u.value === null || u.value === void 0 ? n.bgItemListColor : n.multiple ? u.value.find((o) => o[n.itemValue] === t[n.itemValue]) ? n.selectedColor : n.bgItemListColor : M.value === t[n.itemTitle] ? n.selectedColor : n.bgItemListColor;
+    function G(e) {
+      return r.value === null || r.value === void 0 ? n.bgItemListColor : n.multiple ? r.value.find((o) => o[n.itemValue] === e[n.itemValue]) ? n.selectedColor : n.bgItemListColor : _.value === e[n.itemTitle] ? n.selectedColor : n.bgItemListColor;
     }
-    const y = oe(""), S = (t) => {
+    const v = te(""), M = (e) => {
       for (const o of n.rules) {
-        const l = o(t);
-        if (l !== !0)
-          return y.value = l, p("validation", !1), !1;
+        const t = o(e);
+        if (t !== !0)
+          return v.value = t, f("validation", !1), !1;
       }
-      return y.value = "", p("validation", !0), !0;
+      return v.value = "", f("validation", !0), !0;
     };
-    ne(() => u.value, (t, o) => {
-      ce(n.rules) && S(t);
+    oe(() => r.value, (e, o) => {
+      de(n.rules) && M(e);
     });
-    function D() {
-      var t;
-      s.value = !1, (t = k.value.inputField) == null || t.focus();
+    function S() {
+      var e;
+      u.value = !1, (e = p.value.inputField) == null || e.focus();
     }
-    function Q(t) {
-      p("search", m);
+    function J(e) {
+      f("search", c);
     }
-    function X() {
-      S(u);
+    function Q() {
+      M(r);
     }
-    function Y(t) {
-      const o = t.key;
+    function X(e) {
+      const o = e.key;
       if (o === "Escape") {
-        D();
+        S();
         return;
       }
       if (["ArrowDown", "ArrowUp"].includes(o)) {
-        if (!C.value) return;
-        C.value.focusWithKey(o);
+        if (!g.value) return;
+        g.value.focusWithKey(o);
         return;
       }
-      K(t);
+      I(e);
     }
-    function Z(t) {
-      K(t);
+    function Y(e) {
+      I(e);
     }
-    function ee() {
-      s.value = !1;
+    function Z() {
+      u.value = !1;
     }
-    return (t, o) => (i(), d(ge, {
-      modelValue: e(m),
+    return (e, o) => (a(), d(he, {
+      modelValue: l(c),
       "onUpdate:modelValue": [
-        o[2] || (o[2] = (l) => L(m) ? m.value = l : null),
-        Q
+        o[2] || (o[2] = (t) => E(c) ? c.value = t : null),
+        J
       ],
-      label: t.label,
+      label: e.label,
       dirty: "",
-      "hide-details": t.hideDetails,
-      density: t.density,
+      "hide-details": e.hideDetails,
+      density: e.density,
       ref_key: "textFieldRef",
-      ref: k,
+      ref: p,
       autocomplete: "off",
-      onKeyDown: Y,
-      onFocusInput: X,
-      onHandleClick: e(H),
-      onBlurInput: ee,
-      placeholder: n.multiple && e(U)(e(c)) && e(c).length ? "" : e(M),
-      error: !!y.value,
-      "error-messages": y.value
-    }, re({
-      default: r(() => [
-        e(U)(e(c)) ? (i(), R("div", Ve, [
-          (i(!0), R(ie, null, ae(e(c), (l) => (i(), d(be, {
-            key: l.id ?? l.name,
+      onKeyDown: X,
+      onFocusInput: Q,
+      onHandleClick: l(T),
+      onBlurInput: Z,
+      placeholder: n.multiple && l(R)(r.value) && r.value.length ? "" : l(_),
+      error: !!v.value,
+      "error-messages": v.value
+    }, ne({
+      default: i(() => [
+        l(R)(r.value) ? (a(), L("div", be, [
+          (a(!0), L(re, null, ie(r.value, (t) => (a(), d(Ce, {
+            key: t.id ?? t.name,
             size: "small",
             class: "ml-1"
           }, {
-            default: r(() => [
-              se("div", Ie, [
-                b(V(e(q)(l, t.itemTitle)) + " ", 1),
-                a(v, {
+            default: i(() => [
+              ae("div", Ve, [
+                C(b(l(j)(t, e.itemTitle)) + " ", 1),
+                s(y, {
                   color: "error",
-                  icon: e(f).close,
+                  icon: l(m).close,
                   size: "small",
                   class: "ml-1",
-                  onClick: (te) => e(F)(l)
+                  onClick: (ee) => l(B)(t)
                 }, null, 8, ["icon", "onClick"])
               ])
             ]),
             _: 2
           }, 1024))), 128))
-        ])) : h("", !0),
-        a(ye, {
+        ])) : k("", !0),
+        s(ve, {
           transition: "fade",
-          "onClick:outside": e(w),
-          modelValue: e(s),
-          "onUpdate:modelValue": o[1] || (o[1] = (l) => L(s) ? s.value = l : null),
+          "onClick:outside": l(w),
+          modelValue: l(u),
+          "onUpdate:modelValue": o[1] || (o[1] = (t) => E(u) ? u.value = t : null),
           activator: "parent",
-          "parent-ref": e(k),
-          onHandleEscape: D,
-          "close-on-content-click": t.closeOnSelect,
-          "max-height": t.maxHeight,
-          "hide-details": t.hideDetails
+          "parent-ref": l(p),
+          onHandleEscape: S,
+          "close-on-content-click": e.closeOnSelect,
+          "max-height": e.maxHeight,
+          "hide-details": e.hideDetails
         }, {
-          default: r(() => [
-            a(fe, {
-              "onUpdate:selected": e(O),
-              "onClick:select": o[0] || (o[0] = (l) => e(w)()),
+          default: i(() => [
+            s(me, {
+              "onUpdate:selected": l(H),
+              "onClick:select": o[0] || (o[0] = (t) => l(w)()),
               ref_key: "listRef",
-              ref: C,
-              onKeyDown: Z
+              ref: g,
+              onKeyDown: Y
             }, {
-              default: r(() => [
-                e(G) ? (i(), d(z, { key: 0 }, {
-                  default: r(() => [
-                    a(Ce, {
-                      onClick: e(P),
+              default: i(() => [
+                l(W) ? (a(), d(U, { key: 0 }, {
+                  default: i(() => [
+                    s(ge, {
+                      onClick: l(q),
                       class: "w-full",
                       color: "bg-green-400"
                     }, {
-                      default: r(() => o[3] || (o[3] = [
-                        b(" Crear item ")
+                      default: i(() => o[3] || (o[3] = [
+                        C(" Crear item ")
                       ])),
                       _: 1,
                       __: [3]
                     }, 8, ["onClick"])
                   ]),
                   _: 1
-                })) : h("", !0),
-                a(me, {
-                  items: I.value,
-                  search: e(m),
+                })) : k("", !0),
+                s(ce, {
+                  items: V.value,
+                  search: l(c),
                   "searchable-keys": n.searchableKeys,
                   "items-per-intersection": 10,
-                  enabled: e(s),
+                  enabled: l(u),
                   virtual: !1,
                   "item-height": 48
                 }, {
-                  default: r(({ item: l, index: te }) => {
-                    var $, x;
+                  default: i(({ item: t, index: ee }) => {
+                    var D, $;
                     return [
-                      (i(), d(z, {
-                        value: l,
-                        key: (($ = l.id) == null ? void 0 : $.toString()) ?? l.name,
-                        disabled: e(W)(l),
-                        class: ue(J(l)),
-                        density: t.density,
-                        id: ((x = l.id) == null ? void 0 : x.toString()) ?? l.name
+                      (a(), d(U, {
+                        value: t,
+                        key: ((D = t.id) == null ? void 0 : D.toString()) ?? t.name,
+                        disabled: l(P)(t),
+                        class: se(G(t)),
+                        density: e.density,
+                        id: (($ = t.id) == null ? void 0 : $.toString()) ?? t.name
                       }, {
-                        default: r(() => [
-                          a(pe, { class: "text-wrap" }, {
-                            default: r(() => [
-                              b(V(e(_)(l, e(j), "hasDefault")), 1)
+                        default: i(() => [
+                          s(fe, { class: "text-wrap" }, {
+                            default: i(() => [
+                              C(b(l(K)(t, l(O), "hasDefault")), 1)
                             ]),
                             _: 2
                           }, 1024),
-                          a(ke, {
-                            textContent: V(t.itemSubtitle ? e(_)(l, t.itemSubtitle) : "")
+                          s(pe, {
+                            textContent: b(e.itemSubtitle ? l(K)(t, e.itemSubtitle) : "")
                           }, null, 8, ["textContent"])
                         ]),
                         _: 2
@@ -219,31 +218,31 @@ const Ve = {
       ]),
       _: 2
     }, [
-      t.hasIcons ? {
+      e.hasIcons ? {
         name: "append-inner",
-        fn: r(() => [
-          t.clearable && e(c) ? (i(), d(v, {
+        fn: i(() => [
+          e.clearable && r.value ? (a(), d(y, {
             key: 0,
-            onClick: e(N),
+            onClick: l(F),
             size: "small",
             color: "error",
-            icon: e(f).close,
+            icon: l(m).close,
             class: "mr-1 mt-1"
-          }, null, 8, ["onClick", "icon"])) : h("", !0),
-          a(v, {
+          }, null, 8, ["onClick", "icon"])) : k("", !0),
+          s(y, {
             color: "teal-darken-1",
             size: "large",
             class: "cursor-pointer",
-            icon: e(s) ? e(f).menuUpOutline : e(f).menuDownOutline,
-            onClick: de(e(T), ["stop"])
+            icon: l(u) ? l(m).menuUpOutline : l(m).menuDownOutline,
+            onClick: ue(l(N), ["stop"])
           }, null, 8, ["icon", "onClick"]),
-          t.required ? (i(), d(v, {
+          e.required ? (a(), d(y, {
             key: 1,
             color: "teal-darken-1",
             size: "x-small",
             class: "mb-4",
-            icon: e(f).asterisk
-          }, null, 8, ["icon"])) : h("", !0)
+            icon: l(m).asterisk
+          }, null, 8, ["icon"])) : k("", !0)
         ]),
         key: "0"
       } : void 0
@@ -251,5 +250,5 @@ const Ve = {
   }
 };
 export {
-  Fe as default
+  Be as default
 };

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

@@ -1,113 +1,113 @@
-import { ref as a, computed as S } from "vue";
-import { isArray as o, isObject as c } from "../../../../utils/utils.js";
-function z(u, O, r, T, P) {
-  const t = a(null), s = a(null), b = a(null), i = a(!1), v = a(""), A = (e, n) => n.split(".").reduce((f, l) => f && f[l] !== void 0 ? f[l] : null, e), M = S(() => t.value ? o(t.value) ? t.value.length ? d(t.value, u.itemTitle, "hasDefault") : u.placeholderText : c(t.value) ? d(t.value, u.itemTitle, "hasDefault") : t.value.toString() : T.value.length ? u.placeholderText : u.textNoItems), V = S(() => u.itemText.includes(",") ? u.itemText.split(",") : u.itemText);
-  function d(e, n, f) {
-    if (c(e)) {
+import { ref as f, computed as T } from "vue";
+import { isArray as O, isObject as a } from "../../../../utils/utils.js";
+function G(t, y, u, A, q) {
+  const l = f(null), s = f(null), b = f(null), r = f(!1), v = f(""), M = (e, n) => n.split(".").reduce((c, i) => c && c[i] !== void 0 ? c[i] : null, e), F = T(() => l.value ? O(l.value) ? l.value.length ? o(l.value, t.itemTitle, "hasDefault") : t.placeholderText : a(l.value) ? o(l.value, t.itemTitle, "hasDefault") : l.value.toString() : A.value.length ? t.placeholderText : t.textNoItems), k = T(() => t.itemText.includes(",") ? t.itemText.split(",") : t.itemText);
+  function o(e, n, c) {
+    if (a(e)) {
       if (n) {
-        if (o(n))
-          return n.map((l) => e[l] ?? "No definido").join(" - ");
+        if (O(n))
+          return n.map((i) => e[i] ?? "No definido").join(" - ");
         if (n.includes(","))
-          return n.split(",").map((l) => e[l]).join(" - ");
+          return n.split(",").map((i) => e[i]).join(" - ");
         if (n.includes(".")) {
-          const l = n.split(".");
+          const i = n.split(".");
           let x = e;
-          for (const K of l)
-            x = x[K];
+          for (const $ of i)
+            x = x[$];
           return x;
         }
-        return !u.returnObject && typeof e[n] == "number" || e[n] ? e[n].toString() : "";
+        return !t.returnObject && typeof e[n] == "number" || e[n] ? e[n].toString() : "";
       }
-      if (f)
+      if (c)
         return Object.values(e)[0];
     }
-    return o(e) ? u.returnObject ? e.map((l) => l[n]).join(" - ") : e.map((l) => l).join(" - ") : f && typeof e != "number" && e.includes(",") ? e.split(",") : e;
+    return O(e) ? t.returnObject ? e.map((i) => i[n]).join(" - ") : e.map((i) => i).join(" - ") : c && typeof e != "number" && e.includes(",") ? e.split(",") : e;
   }
-  function F(e) {
+  function R(e) {
     try {
-      u.multiple ? (t.value || (t.value = []), g(e) ? e && j(e) : u.returnObject ? t.value.push(e) : c(e) ? u.itemValue ? t.value.push(e[u.itemValue]) : t.value.push(Object.values(e)[0]) : t.value.push(e)) : (u.returnObject ? t.value = e : c(e) ? u.itemValue ? t.value = e[u.itemValue] : t.value = Object.values(e)[0] : t.value = e, i.value = !1), O("update:model-value", t.value), u.clearOnSelect && I();
+      l.value = e, t.multiple ? (u.value || (u.value = []), j(e) ? e && g(e) : t.returnObject ? u.value.push(e) : a(e) ? t.itemValue ? u.value.push(e[t.itemValue]) : u.value.push(Object.values(e)[0]) : u.value.push(e)) : (t.returnObject ? u.value = e : a(e) ? t.itemValue ? u.value = e[t.itemValue] : u.value = Object.values(e)[0] : u.value = e, r.value = !1), t.clearOnSelect && S();
     } catch (n) {
       console.log(n);
     } finally {
       h();
     }
   }
-  function g(e) {
-    return t.value === null ? !1 : e ? t.value.some(
-      (n) => u.returnObject ? n[u.itemValue] === e[u.itemValue] : n === e[u.itemValue]
+  function j(e) {
+    return u.value === null ? !1 : e ? u.value.some(
+      (n) => t.returnObject ? n[t.itemValue] === e[t.itemValue] : n === e[t.itemValue]
     ) : !0;
   }
-  function j(e) {
-    if (u.returnObject) {
-      const n = t.value.find(
-        (l) => l[u.itemValue] === e[u.itemValue]
-      ), f = t.value.indexOf(n);
-      t.value.splice(f, 1);
+  function g(e) {
+    if (t.returnObject) {
+      const n = u.value.find(
+        (i) => i[t.itemValue] === e[t.itemValue]
+      ), c = u.value.indexOf(n);
+      u.value.splice(c, 1);
     } else {
-      const n = t.value.indexOf(e[u.itemValue]);
-      t.value.splice(n, 1);
+      const n = u.value.indexOf(e[t.itemValue]);
+      u.value.splice(n, 1);
     }
   }
-  function k(e) {
-    u.clearSearchOnSelect && (v.value = ""), u.focusOnSelect && h();
+  function w(e) {
+    t.clearSearchOnSelect && (v.value = ""), t.focusOnSelect && h();
   }
-  function m() {
-    i.value || (i.value = !0);
+  function d() {
+    r.value || (r.value = !0);
   }
-  function R() {
-    i.value = !i.value;
+  function D() {
+    r.value = !r.value;
   }
-  function y(e) {
+  function I(e) {
     return e.length === 1 && e.match(/\w/);
   }
   function h() {
     s.value.inputField.focus();
   }
-  function w() {
-    i.value = !0, b.value && s.value.$el.focus();
+  function N() {
+    r.value = !0, b.value && s.value.$el.focus();
   }
-  function D(e) {
+  function B(e) {
     const n = e.key;
-    (y(n) || n === "Backspace") && (m(), h());
+    (I(n) || n === "Backspace") && (d(), h());
   }
-  function N() {
-    i.value = !1, O("createItem");
+  function E() {
+    r.value = !1, y("createItem");
   }
-  function B(e) {
-    let n = t.value.indexOf(e);
-    t.value.splice(n, 1);
+  function K(e) {
+    let n = u.value.indexOf(e);
+    u.value.splice(n, 1);
   }
-  function I() {
-    v.value = "", o(r.value) && (t.value = []), c(r.value) && (t.value = null), typeof r.value == "number" && r.value && (t.value = null), typeof r.value == "string" && r.value && (t.value = null), typeof r.value == "boolean" && (t.value = !1);
+  function S() {
+    v.value = "", u.value = null, l.value = null;
   }
-  function E(e) {
+  function P(e) {
     return !!e.disabledItem;
   }
   return {
-    selectedItem: t,
+    selectedItem: l,
     textFieldRef: s,
     listRef: b,
-    menuModel: i,
+    menuModel: r,
     search: v,
-    getItemText: A,
-    placeholder: M,
-    textArr: V,
-    itemToString: d,
-    getSelectedItem: F,
-    checkIfValueExist: g,
-    removeFromArray: j,
-    lightReset: k,
-    openMenu: m,
-    toggleMenu: R,
-    focusOnMenu: w,
-    onMenuKeydown: D,
-    createItem: N,
-    removeItem: B,
-    clearSelection: I,
-    checkDisabled: E,
-    isAlphanumeric: y
+    getItemText: M,
+    placeholder: F,
+    textArr: k,
+    itemToString: o,
+    getSelectedItem: R,
+    checkIfValueExist: j,
+    removeFromArray: g,
+    lightReset: w,
+    openMenu: d,
+    toggleMenu: D,
+    focusOnMenu: N,
+    onMenuKeydown: B,
+    createItem: E,
+    removeItem: K,
+    clearSelection: S,
+    checkDisabled: P,
+    isAlphanumeric: I
   };
 }
 export {
-  z as useAutocomplete
+  G as useAutocomplete
 };

package/package.json

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