adverich-kun-ui 0.1.290 → 0.1.292

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

@@ -1,24 +1,24 @@
-import { mergeModels as A, useModel as R, onMounted as re, ref as $, watch as ae, createElementBlock as w, openBlock as r, createVNode as i, unref as l, isRef as z, createSlots as se, withCtx as n, createCommentVNode as k, Fragment as ue, renderList as de, createBlock as d, createElementVNode as ce, createTextVNode as v, toDisplayString as F, withModifiers as me } from "vue";
+import { mergeModels as A, useModel as R, onMounted as ae, ref as $, watch as se, createElementBlock as w, openBlock as r, createVNode as i, unref as l, isRef as z, createSlots as ue, withCtx as n, createCommentVNode as v, Fragment as de, renderList as ce, createBlock as d, createElementVNode as me, createTextVNode as k, toDisplayString as F, withModifiers as fe } from "vue";
 import { icons as m } from "../../../../icons/index.js";
-import { isNotEmpty as fe, isArray as B } from "../../../../utils/utils.js";
-import pe from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
-import he from "../../../KunList/src/components/KunList.vue.js";
+import { isNotEmpty as pe, isArray as B } from "../../../../utils/utils.js";
+import he from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
+import ve from "../../../KunList/src/components/KunList.vue.js";
 import V from "../../../KunListItem/src/components/KunListItem.vue.js";
 import E from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
 import ke from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
-import ve from "../../../kunMenu/src/components/kunMenu.vue.js";
-import { useAutocomplete as ye } from "../composables/useAutocomplete.js";
-import { KunAutocompleteProps as ge } from "../composables/KunAutocompleteProps.js";
-import be from "../../../KunTextField/src/components/KunTextField.vue.js";
-import Ce from "../../../KunBtn/src/components/KunBtn.vue.js";
-import we from "../../../KunChip/src/components/KunChip.vue.js";
+import ye from "../../../kunMenu/src/components/kunMenu.vue.js";
+import { useAutocomplete as ge } from "../composables/useAutocomplete.js";
+import { KunAutocompleteProps as be } from "../composables/KunAutocompleteProps.js";
+import Ce from "../../../KunTextField/src/components/KunTextField.vue.js";
+import we from "../../../KunBtn/src/components/KunBtn.vue.js";
+import Ve from "../../../KunChip/src/components/KunChip.vue.js";
 import y from "../../../KunIcon/src/components/KunIcon.vue.js";
-const Ve = {
+const Ie = {
   key: 0,
   class: "flex justify-center align-center"
-}, Ie = { class: "flex justify-center align-center" }, Le = {
+}, _e = { class: "flex justify-center align-center" }, Ue = {
   __name: "KunAutocomplete",
-  props: /* @__PURE__ */ A(ge, {
+  props: /* @__PURE__ */ A(be, {
     modelValue: { default: null },
     modelModifiers: {},
     items: { default: [], type: Array, required: !0 },
@@ -31,25 +31,26 @@ const Ve = {
       listRef: _,
       menuModel: s,
       search: c,
-      removeItem: T,
-      clearSelection: L,
-      lightReset: U,
+      selectedItem: T,
+      removeItem: L,
+      clearSelection: U,
+      lightReset: H,
       openMenu: C,
-      closeMenu: H,
-      toggleMenu: O,
-      onMenuKeydown: j,
-      getSelectedItem: q,
-      textArr: P,
-      getItemText: W,
-      isAlphanumeric: G,
-      createItem: J,
-      checkDisabled: Q,
+      closeMenu: O,
+      toggleMenu: j,
+      onMenuKeydown: q,
+      getSelectedItem: P,
+      textArr: W,
+      getItemText: G,
+      isAlphanumeric: J,
+      createItem: Q,
+      checkDisabled: X,
       itemToString: S,
-      placeholder: X,
-      hasCreateItem: Y
-    } = ye(u, f, a, I);
-    re(() => {
-      u.focusOnRender && b.value.focus();
+      placeholder: Y,
+      hasCreateItem: Z
+    } = ge(u, f, a, I);
+    ae(() => {
+      console.log(T.value), u.focusOnRender && b.value.focus();
     });
     const D = $(null), p = $(""), K = (e) => {
       for (const o of u.rules) {
@@ -59,43 +60,43 @@ const Ve = {
       }
       return p.value = "", f("validation", !0), !0;
     };
-    ae(() => a.value, (e, o) => {
-      fe(u.rules) && K(e);
+    se(() => a.value, (e, o) => {
+      pe(u.rules) && K(e);
     });
-    function Z() {
+    function ee() {
       var e;
       s.value = !1, (e = b.value.inputField) == null || e.focus();
     }
-    function ee(e) {
+    function le(e) {
       var t, h;
       const o = e.key;
       if (o === "Tab" || o === "Shift") {
-        H();
+        O();
         return;
       }
-      (G(o) || o === "Backspace") && C(), ["ArrowUp", "ArrowDown"].includes(o) && (e.preventDefault(), s.value || C(), (h = (t = _.value) == null ? void 0 : t.focusWithKey) == null || h.call(t, o));
+      (J(o) || o === "Backspace") && C(), ["ArrowUp", "ArrowDown"].includes(o) && (e.preventDefault(), s.value || C(), (h = (t = _.value) == null ? void 0 : t.focusWithKey) == null || h.call(t, o));
     }
-    function le(e) {
+    function te(e) {
       f("search", c);
     }
-    function te() {
+    function oe() {
       K(a);
     }
-    function oe(e) {
-      j(e);
+    function ne(e) {
+      q(e);
     }
-    function ne() {
+    function ie() {
     }
     return (e, o) => (r(), w("div", {
       class: "w-full h-fit",
       ref_key: "parentRef",
       ref: D
     }, [
-      i(be, {
+      i(Ce, {
         modelValue: l(c),
         "onUpdate:modelValue": [
           o[1] || (o[1] = (t) => z(c) ? c.value = t : null),
-          le
+          te
         ],
         label: e.label,
         dirty: "",
@@ -104,40 +105,40 @@ const Ve = {
         ref_key: "textFieldRef",
         ref: b,
         autocomplete: "off",
-        onFocusInput: te,
-        onHandleClick: l(O),
+        onFocusInput: oe,
+        onHandleClick: l(j),
         rounded: l(s) ? "rounded-t" : "rounded",
-        onBlur: ne,
-        onKeyDown: ee,
-        placeholder: u.multiple && l(B)(a.value) && a.value.length ? "" : l(X),
+        onBlur: ie,
+        onKeyDown: le,
+        placeholder: u.multiple && l(B)(a.value) && a.value.length ? "" : l(Y),
         error: !!p.value,
         "error-messages": p.value
-      }, se({
+      }, ue({
         default: n(() => [
-          l(B)(a.value) ? (r(), w("div", Ve, [
-            (r(!0), w(ue, null, de(a.value, (t) => (r(), d(we, {
+          l(B)(a.value) ? (r(), w("div", Ie, [
+            (r(!0), w(de, null, ce(a.value, (t) => (r(), d(Ve, {
               key: t.id ?? t.name,
               size: "small",
               class: "ml-1"
             }, {
               default: n(() => [
-                ce("div", Ie, [
-                  v(F(l(W)(t, e.itemTitle)) + " ", 1),
+                me("div", _e, [
+                  k(F(l(G)(t, e.itemTitle)) + " ", 1),
                   i(y, {
                     color: "error",
                     icon: l(m).close,
                     size: "small",
                     class: "ml-1",
-                    onClick: (h) => l(T)(t)
+                    onClick: (h) => l(L)(t)
                   }, null, 8, ["icon", "onClick"])
                 ])
               ]),
               _: 2
             }, 1024))), 128))
-          ])) : k("", !0),
-          i(ve, {
+          ])) : v("", !0),
+          i(ye, {
             transition: "fade",
-            "onClick:outside": l(U),
+            "onClick:outside": l(H),
             modelValue: l(s),
             "onUpdate:modelValue": o[0] || (o[0] = (t) => z(s) ? s.value = t : null),
             activator: "parent",
@@ -145,38 +146,38 @@ const Ve = {
             "parent-ref": D.value,
             location: "bottom",
             origin: "bottom left",
-            onHandleEscape: Z,
+            onHandleEscape: ee,
             "close-on-content-click": e.closeOnSelect,
             width: "w-full",
             "max-height": e.maxHeight,
             "hide-details": e.hideDetails
           }, {
             default: n(() => [
-              i(he, {
-                "onClick:select": l(q),
+              i(ve, {
+                "onClick:select": l(P),
                 ref_key: "listRef",
                 ref: _,
-                onKeyDown: oe,
+                onKeyDown: ne,
                 selectable: !0
               }, {
                 default: n(() => [
-                  l(Y) ? (r(), d(V, { key: 0 }, {
+                  l(Z) ? (r(), d(V, { key: 0 }, {
                     default: n(() => [
-                      i(Ce, {
-                        onClick: l(J),
+                      i(we, {
+                        onClick: l(Q),
                         class: "w-full",
                         bgColor: "bg-green-500"
                       }, {
                         default: n(() => o[2] || (o[2] = [
-                          v(" Crear item ")
+                          k(" Crear item ")
                         ])),
                         _: 1,
                         __: [2]
                       }, 8, ["onClick"])
                     ]),
                     _: 1
-                  })) : k("", !0),
-                  i(pe, {
+                  })) : v("", !0),
+                  i(he, {
                     items: I.value,
                     search: l(c),
                     "searchable-keys": u.searchableKeys,
@@ -185,13 +186,13 @@ const Ve = {
                     enabled: l(s),
                     "item-height": 48
                   }, {
-                    default: n(({ item: t, index: h, empty: ie }) => {
+                    default: n(({ item: t, index: h, empty: re }) => {
                       var M, x;
                       return [
-                        !ie && t ? (r(), d(V, {
+                        !re && t ? (r(), d(V, {
                           value: t,
                           key: ((M = t.id) == null ? void 0 : M.toString()) ?? t.name,
-                          disabled: l(Q)(t),
+                          disabled: l(X)(t),
                           "bg-items": e.bgItemListColor,
                           "hover-bg": e.hoverItemListColor,
                           activeClass: e.selectedItemListColor,
@@ -202,7 +203,7 @@ const Ve = {
                           default: n(() => [
                             i(E, { class: "text-wrap" }, {
                               default: n(() => [
-                                v(F(l(S)(t, e.itemTitle ?? l(P), "hasDefault")), 1)
+                                k(F(l(S)(t, e.itemTitle ?? l(W), "hasDefault")), 1)
                               ]),
                               _: 2
                             }, 1024),
@@ -218,7 +219,7 @@ const Ve = {
                           default: n(() => [
                             i(E, { class: "text-center w-full text-gray-500" }, {
                               default: n(() => o[3] || (o[3] = [
-                                v(" No hay elementos disponibles ")
+                                k(" No hay elementos disponibles ")
                               ])),
                               _: 1,
                               __: [3]
@@ -244,18 +245,18 @@ const Ve = {
           fn: n(() => [
             e.clearable && a.value ? (r(), d(y, {
               key: 0,
-              onClick: l(L),
+              onClick: l(U),
               size: "small",
               color: "error",
               icon: l(m).close,
               class: "mr-1 mt-1"
-            }, null, 8, ["onClick", "icon"])) : k("", !0),
+            }, null, 8, ["onClick", "icon"])) : v("", !0),
             i(y, {
               color: "teal-darken-1",
               size: "large",
               class: "cursor-pointer",
               icon: l(s) ? l(m).menuUpOutline : l(m).menuDownOutline,
-              onClick: me(l(C), ["stop"])
+              onClick: fe(l(C), ["stop"])
             }, null, 8, ["icon", "onClick"]),
             e.required ? (r(), d(y, {
               key: 1,
@@ -263,7 +264,7 @@ const Ve = {
               size: "x-small",
               class: "mb-4",
               icon: l(m).asterisk
-            }, null, 8, ["icon"])) : k("", !0)
+            }, null, 8, ["icon"])) : v("", !0)
           ]),
           key: "0"
         } : void 0
@@ -272,5 +273,5 @@ const Ve = {
   }
 };
 export {
-  Le as default
+  Ue as default
 };

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

@@ -1,7 +1,7 @@
-import { ref as a, computed as M, watch as H, nextTick as w } from "vue";
+import { ref as a, computed as w, watch as F, nextTick as B } from "vue";
 import { isArray as O, isObject as v, fullCopy as J } from "../../../../utils/utils.js";
-function Q(n, h, c, o) {
-  const i = a(null), s = a(null), g = a(null), r = a(!1), d = a(""), F = (e, t) => t.split(".").reduce((u, l) => u && u[l] !== void 0 ? u[l] : null, e), V = M(() => i.value ? O(i.value) ? i.value.length ? x(i.value, n.itemTitle, "hasDefault") : n.placeholderText : v(i.value) ? x(i.value, n.itemTitle, "hasDefault") : i.value.toString() : o.value.length ? n.placeholderText : n.textNoItems), B = M(() => n.itemText.includes(",") ? n.itemText.split(",") : n.itemText);
+function Q(n, h, i, o) {
+  const r = a(null), s = a(null), g = a(null), c = a(!1), d = a(""), R = (e, t) => t.split(".").reduce((u, l) => u && u[l] !== void 0 ? u[l] : null, e), C = w(() => r.value ? O(r.value) ? r.value.length ? x(r.value, n.itemTitle, "hasDefault") : n.placeholderText : v(r.value) ? x(r.value, n.itemTitle, "hasDefault") : r.value.toString() : o.value.length ? n.placeholderText : n.textNoItems), D = w(() => n.itemText.includes(",") ? n.itemText.split(",") : n.itemText);
   function x(e, t, u) {
     if (v(e)) {
       if (t) {
@@ -23,39 +23,41 @@ function Q(n, h, c, o) {
     }
     return O(e) ? n.returnObject ? e.map((l) => l[t]).join(" - ") : e.map((l) => l).join(" - ") : u && typeof e != "number" && e.includes(",") ? e.split(",") : e;
   }
-  function R(e) {
+  function N(e) {
     try {
       let t = null;
-      if (i.value = J(e), !n.multiple)
-        n.returnObject ? t = e : v(e) ? n.itemValue ? t = e[n.itemValue] : t = Object.values(e)[0] : t = e, r.value = !1;
-      else if (j(e))
-        e && y(e);
+      if (r.value = J(e), !n.multiple)
+        n.returnObject ? t = e : v(e) ? n.itemValue ? t = e[n.itemValue] : t = Object.values(e)[0] : t = e, c.value = !1;
+      else if (y(e))
+        e && S(e);
       else {
         const u = n.returnObject ? e : v(e) ? n.itemValue ? e[n.itemValue] : Object.values(e)[0] : e;
-        t = [...c.value || [], u];
+        t = [...i.value || [], u];
       }
-      c.value === t ? h("update:modelValue", t) : c.value = t, h("selectedItem", i.value);
+      i.value === t ? h("update:modelValue", t) : i.value = t, h("selectedItem", r.value);
     } catch (t) {
       console.log(t);
     } finally {
-      w(() => {
-        S();
+      B(() => {
+        T();
       });
     }
   }
-  H(() => o.value, () => {
-    i.value = C(c.value);
+  F(() => o.value, () => {
+    r.value = j(i.value);
+  }, { immediate: !0 }), F(() => i.value, () => {
+    r.value = j(i.value);
   }, { immediate: !0 });
-  function C(e) {
+  function j(e) {
     return e == null ? null : n.returnObject ? e : n.multiple && Array.isArray(e) ? e.map((u) => o.value.find((l) => l[n.itemValue] === u)).filter(Boolean) : o.value.find((u) => u[n.itemValue] === e) || null;
   }
-  function j(e) {
-    return c.value === null ? !1 : e ? c.value.some(
+  function y(e) {
+    return i.value === null ? !1 : e ? i.value.some(
       (t) => n.returnObject ? t[n.itemValue] === e[n.itemValue] : t === e[n.itemValue]
     ) : !0;
   }
-  function y(e) {
-    let t = c.value;
+  function S(e) {
+    let t = i.value;
     if (n.returnObject) {
       const u = t.find(
         (f) => f[n.itemValue] === e[n.itemValue]
@@ -66,75 +68,75 @@ function Q(n, h, c, o) {
       t.splice(u, 1);
     }
   }
-  function S(e) {
-    n.clearSearchOnSelect && (d.value = ""), n.clearOnSelect && A(), n.focusOnSelect && m();
+  function T(e) {
+    n.clearSearchOnSelect && (d.value = ""), n.clearOnSelect && k(), n.focusOnSelect && A();
   }
-  function T() {
-    r.value || (r.value = !0);
+  function I() {
+    c.value || (c.value = !0);
   }
-  function D() {
-    r.value && (r.value = !1);
+  function V() {
+    c.value && (c.value = !1);
   }
-  function N() {
-    r.value = !r.value;
+  function K() {
+    c.value = !c.value;
   }
-  function I(e) {
+  function m(e) {
     return e.length === 1 && e.match(/\w/);
   }
-  function m() {
+  function A() {
     s.value.inputField.focus();
   }
-  function K() {
-    r.value = !0, g.value && s.value.$el.focus();
+  function $() {
+    c.value = !0, g.value && s.value.$el.focus();
   }
-  function $(e) {
+  function q(e) {
     const t = e.key;
-    (I(t) || t === "Backspace") && (T(), m(), w(() => {
+    (m(t) || t === "Backspace") && (I(), A(), B(() => {
       var l;
       const u = (l = s.value) == null ? void 0 : l.inputField;
       if (u) {
-        const f = u.selectionStart, b = u.selectionEnd, k = u.value, E = e.key.length === 1 ? e.key : "";
-        u.value = k.slice(0, f) + E + k.slice(b), u.selectionStart = u.selectionEnd = f + E.length, u.dispatchEvent(new Event("input", { bubbles: !0 }));
+        const f = u.selectionStart, b = u.selectionEnd, E = u.value, M = e.key.length === 1 ? e.key : "";
+        u.value = E.slice(0, f) + M + E.slice(b), u.selectionStart = u.selectionEnd = f + M.length, u.dispatchEvent(new Event("input", { bubbles: !0 }));
       }
     }));
   }
-  function q() {
-    r.value = !1, h("createItem");
+  function z() {
+    c.value = !1, h("createItem");
   }
-  function z(e) {
-    let t = c.value.indexOf(e);
-    c.value.splice(t, 1);
+  function G(e) {
+    let t = i.value.indexOf(e);
+    i.value.splice(t, 1);
   }
-  function A() {
-    console.log(c.value), d.value !== "" && (d.value = ""), c.value !== null && (c.value = null), i.value !== null && (i.value = null);
+  function k() {
+    console.log(i.value), d.value !== "" && (d.value = ""), i.value !== null && (i.value = null), r.value !== null && (r.value = null);
   }
-  function G(e) {
+  function H(e) {
     return !!e.disabled;
   }
   return {
-    selectedItem: i,
+    selectedItem: r,
     textFieldRef: s,
     listRef: g,
-    menuModel: r,
+    menuModel: c,
     search: d,
-    getItemText: F,
-    placeholder: V,
-    textArr: B,
+    getItemText: R,
+    placeholder: C,
+    textArr: D,
     itemToString: x,
-    getSelectedItem: R,
-    checkIfValueExist: j,
-    removeFromArray: y,
-    lightReset: S,
-    openMenu: T,
-    closeMenu: D,
-    toggleMenu: N,
-    focusOnMenu: K,
-    onMenuKeydown: $,
-    createItem: q,
-    removeItem: z,
-    clearSelection: A,
-    checkDisabled: G,
-    isAlphanumeric: I
+    getSelectedItem: N,
+    checkIfValueExist: y,
+    removeFromArray: S,
+    lightReset: T,
+    openMenu: I,
+    closeMenu: V,
+    toggleMenu: K,
+    focusOnMenu: $,
+    onMenuKeydown: q,
+    createItem: z,
+    removeItem: G,
+    clearSelection: k,
+    checkDisabled: H,
+    isAlphanumeric: m
   };
 }
 export {

package/package.json

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