adverich-kun-ui 0.1.111 → 0.1.112

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

@@ -1,4 +1,4 @@
-import { mergeModels as $, useModel as A, onMounted as te, ref as oe, watch as ne, createBlock as d, openBlock as a, unref as l, withModifiers as F, isRef as R, createSlots as re, withCtx as i, createElementBlock as U, createCommentVNode as y, createVNode as s, Fragment as ie, renderList as ae, createElementVNode as se, createTextVNode as C, toDisplayString as b, normalizeClass as ue } from "vue";
+import { mergeModels as $, useModel as A, onMounted as le, ref as oe, watch as ne, createBlock as d, openBlock as a, unref as t, withModifiers as F, isRef as R, createSlots as re, withCtx as i, createElementBlock as U, createCommentVNode as y, createVNode as s, Fragment as ie, renderList as ae, createElementVNode as se, createTextVNode as C, toDisplayString as b, normalizeClass as ue } from "vue";
 import { icons as m } from "../../../../icons/index.js";
 import { isNotEmpty as de, isArray as z } from "../../../../utils/utils.js";
 import ce from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
@@ -24,7 +24,7 @@ const be = {
     items: { default: [], type: Array, required: !0 },
     itemsModifiers: {}
   }),
-  emits: /* @__PURE__ */ $(["createItem", "validation", "search"], ["update:modelValue", "update:items"]),
+  emits: /* @__PURE__ */ $(["selectedItem", "createItem", "validation", "search"], ["update:modelValue", "update:items"]),
   setup(g, { emit: E }) {
     const r = A(g, "modelValue"), V = A(g, "items"), n = g, f = E, {
       textFieldRef: p,
@@ -46,7 +46,7 @@ const be = {
       placeholder: M,
       hasCreateItem: G
     } = ke(n, f, r, V);
-    te(() => {
+    le(() => {
       n.focusOnRender && p.value.focus();
     });
     function J(e) {
@@ -54,9 +54,9 @@ const be = {
     }
     const v = oe(""), S = (e) => {
       for (const o of n.rules) {
-        const t = o(e);
-        if (t !== !0)
-          return v.value = t, f("validation", !1), !1;
+        const l = o(e);
+        if (l !== !0)
+          return v.value = l, f("validation", !1), !1;
       }
       return v.value = "", f("validation", !0), !0;
     };
@@ -68,9 +68,9 @@ const be = {
       u.value = !1, (e = p.value.inputField) == null || e.focus();
     }
     function X(e) {
-      var t, k;
+      var l, k;
       const o = e.key;
-      ["ArrowUp", "ArrowDown"].includes(o) && (u.value || K(), (k = (t = w.value) == null ? void 0 : t.focusWithKey) == null || k.call(t, o));
+      ["ArrowUp", "ArrowDown"].includes(o) && (u.value || K(), (k = (l = w.value) == null ? void 0 : l.focusWithKey) == null || k.call(l, o));
     }
     function Y(e) {
       f("search", c);
@@ -81,12 +81,12 @@ const be = {
     function ee(e) {
       H(e);
     }
-    function le() {
+    function te() {
     }
     return (e, o) => (a(), d(he, {
-      modelValue: l(c),
+      modelValue: t(c),
       "onUpdate:modelValue": [
-        o[2] || (o[2] = (t) => R(c) ? c.value = t : null),
+        o[2] || (o[2] = (l) => R(c) ? c.value = l : null),
         Y
       ],
       label: e.label,
@@ -97,29 +97,29 @@ const be = {
       ref: p,
       autocomplete: "off",
       onFocusInput: Z,
-      onHandleClick: l(T),
-      onBlur: le,
+      onHandleClick: t(T),
+      onBlur: te,
       onKeyDown: F(X, ["prevent"]),
-      placeholder: n.multiple && l(z)(r.value) && r.value.length ? "" : l(M),
+      placeholder: n.multiple && t(z)(r.value) && r.value.length ? "" : t(M),
       error: !!v.value,
       "error-messages": v.value
     }, re({
       default: i(() => [
-        l(z)(r.value) ? (a(), U("div", be, [
-          (a(!0), U(ie, null, ae(r.value, (t) => (a(), d(Ce, {
-            key: t.id ?? t.name,
+        t(z)(r.value) ? (a(), U("div", be, [
+          (a(!0), U(ie, null, ae(r.value, (l) => (a(), d(Ce, {
+            key: l.id ?? l.name,
             size: "small",
             class: "ml-1"
           }, {
             default: i(() => [
               se("div", Ve, [
-                C(b(l(q)(t, e.itemTitle)) + " ", 1),
+                C(b(t(q)(l, e.itemTitle)) + " ", 1),
                 s(h, {
                   color: "error",
-                  icon: l(m).close,
+                  icon: t(m).close,
                   size: "small",
                   class: "ml-1",
-                  onClick: (k) => l(L)(t)
+                  onClick: (k) => t(L)(l)
                 }, null, 8, ["icon", "onClick"])
               ])
             ]),
@@ -128,11 +128,11 @@ const be = {
         ])) : y("", !0),
         s(ve, {
           transition: "fade",
-          "onClick:outside": l(I),
-          modelValue: l(u),
-          "onUpdate:modelValue": o[1] || (o[1] = (t) => R(u) ? u.value = t : null),
+          "onClick:outside": t(I),
+          modelValue: t(u),
+          "onUpdate:modelValue": o[1] || (o[1] = (l) => R(u) ? u.value = l : null),
           activator: "parent",
-          "parent-ref": l(p),
+          "parent-ref": t(p),
           onHandleEscape: Q,
           "close-on-content-click": e.closeOnSelect,
           "max-height": e.maxHeight,
@@ -140,17 +140,17 @@ const be = {
         }, {
           default: i(() => [
             s(me, {
-              "onUpdate:selected": l(O),
-              "onClick:select": o[0] || (o[0] = (t) => l(I)()),
+              "onUpdate:selected": t(O),
+              "onClick:select": o[0] || (o[0] = (l) => t(I)()),
               ref_key: "listRef",
               ref: w,
               onKeyDown: ee
             }, {
               default: i(() => [
-                l(G) ? (a(), d(B, { key: 0 }, {
+                t(G) ? (a(), d(B, { key: 0 }, {
                   default: i(() => [
                     s(ge, {
-                      onClick: l(P),
+                      onClick: t(P),
                       class: "w-full",
                       color: "bg-green-400"
                     }, {
@@ -165,33 +165,33 @@ const be = {
                 })) : y("", !0),
                 s(ce, {
                   items: V.value,
-                  search: l(c),
+                  search: t(c),
                   "searchable-keys": n.searchableKeys,
                   "items-per-intersection": 10,
-                  enabled: l(u),
+                  enabled: t(u),
                   virtual: !1,
                   "item-height": 48
                 }, {
-                  default: i(({ item: t, index: k }) => {
+                  default: i(({ item: l, index: k }) => {
                     var D, x;
                     return [
                       (a(), d(B, {
-                        value: t,
-                        key: ((D = t.id) == null ? void 0 : D.toString()) ?? t.name,
-                        disabled: l(W)(t),
-                        class: ue(J(t)),
+                        value: l,
+                        key: ((D = l.id) == null ? void 0 : D.toString()) ?? l.name,
+                        disabled: t(W)(l),
+                        class: ue(J(l)),
                         density: e.density,
-                        id: ((x = t.id) == null ? void 0 : x.toString()) ?? t.name
+                        id: ((x = l.id) == null ? void 0 : x.toString()) ?? l.name
                       }, {
                         default: i(() => [
                           s(fe, { class: "text-wrap" }, {
                             default: i(() => [
-                              C(b(l(_)(t, l(j), "hasDefault")), 1)
+                              C(b(t(_)(l, t(j), "hasDefault")), 1)
                             ]),
                             _: 2
                           }, 1024),
                           s(pe, {
-                            textContent: b(e.itemSubtitle ? l(_)(t, e.itemSubtitle) : "")
+                            textContent: b(e.itemSubtitle ? t(_)(l, e.itemSubtitle) : "")
                           }, null, 8, ["textContent"])
                         ]),
                         _: 2
@@ -214,25 +214,25 @@ const be = {
         fn: i(() => [
           e.clearable && r.value ? (a(), d(h, {
             key: 0,
-            onClick: l(N),
+            onClick: t(N),
             size: "small",
             color: "error",
-            icon: l(m).close,
+            icon: t(m).close,
             class: "mr-1 mt-1"
           }, null, 8, ["onClick", "icon"])) : y("", !0),
           s(h, {
             color: "teal-darken-1",
             size: "large",
             class: "cursor-pointer",
-            icon: l(u) ? l(m).menuUpOutline : l(m).menuDownOutline,
-            onClick: F(l(K), ["stop"])
+            icon: t(u) ? t(m).menuUpOutline : t(m).menuDownOutline,
+            onClick: F(t(K), ["stop"])
           }, null, 8, ["icon", "onClick"]),
           e.required ? (a(), d(h, {
             key: 1,
             color: "teal-darken-1",
             size: "x-small",
             class: "mb-4",
-            icon: l(m).asterisk
+            icon: t(m).asterisk
           }, null, 8, ["icon"])) : y("", !0)
         ]),
         key: "0"

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

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

package/package.json

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