adverich-kun-ui 0.1.514 → 0.1.516

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

@@ -1,12 +1,12 @@
-import { mergeModels as z, useModel as A, onMounted as se, ref as E, watch as ue, nextTick as x, createElementBlock as h, openBlock as d, createVNode as a, unref as t, withKeys as de, withModifiers as R, isRef as O, createSlots as ce, withCtx as n, createCommentVNode as g, normalizeClass as me, createTextVNode as C, toDisplayString as D, createBlock as p, Fragment as fe, renderList as pe, createElementVNode as ve } from "vue";
+import { mergeModels as z, useModel as A, onMounted as se, ref as E, watch as ue, nextTick as x, createElementBlock as g, openBlock as c, createVNode as s, unref as t, withKeys as de, withModifiers as F, isRef as O, createSlots as ce, withCtx as r, createCommentVNode as h, normalizeClass as fe, createTextVNode as C, toDisplayString as D, createBlock as p, Fragment as me, renderList as pe, createElementVNode as ve } from "vue";
 import { icons as v } from "../../../../icons/index.js";
-import { isNotEmpty as B, isArray as F } from "../../../../utils/utils.js";
+import { isNotEmpty as R, isArray as B } from "../../../../utils/utils.js";
 import ke from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
 import ye from "../../../KunList/src/components/KunList.vue.js";
-import T from "../../../KunListItem/src/components/KunListItem.vue.js";
-import N from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
-import he from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
-import ge from "../../../KunMenu/src/components/KunMenu.vue.js";
+import N from "../../../KunListItem/src/components/KunListItem.vue.js";
+import T from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
+import ge from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
+import he from "../../../KunMenu/src/components/KunMenu.vue.js";
 import { useAutocomplete as Ce } from "../composables/useAutocomplete.js";
 import { KunAutocompleteProps as be } from "../composables/KunAutocompleteProps.js";
 import we from "../../../KunTextField/src/components/KunTextField.vue.js";
@@ -26,11 +26,11 @@ const De = { class: "flex items-center" }, Ie = {
   }),
   emits: /* @__PURE__ */ z(["update:modelValue", "selectedItem", "createItem", "validation", "search", "keyDown", "keyDownEnter"], ["update:modelValue", "update:items"]),
   setup(w, { expose: _, emit: U }) {
-    const s = A(w, "modelValue"), f = A(w, "items"), u = w, m = U, {
+    const u = A(w, "modelValue"), m = A(w, "items"), a = w, f = U, {
       textFieldRef: k,
       listRef: I,
-      menuModel: c,
-      search: r,
+      menuModel: d,
+      search: n,
       removeItem: j,
       clearSelection: H,
       lightReset: q,
@@ -46,58 +46,58 @@ const De = { class: "flex items-center" }, Ie = {
       checkDisabled: Y,
       itemToString: L,
       placeholder: Z
-    } = Ce(u, m, s, f);
+    } = Ce(a, f, u, m);
     se(() => {
-      u.focusOnRender && k.value.focus();
+      a.focusOnRender && k.value.focus();
     });
     const M = E(null), y = E(""), $ = (e) => {
-      for (const o of u.rules) {
+      for (const o of a.rules) {
         const l = o(e);
         if (l !== !0)
-          return y.value = l, m("validation", !1), !1;
+          return y.value = l, f("validation", !1), !1;
       }
-      return y.value = "", m("validation", !0), !0;
+      return y.value = "", f("validation", !0), !0;
     };
-    ue(() => s.value, (e, o) => {
-      B(u.rules) && $(e);
+    ue(() => u.value, (e, o) => {
+      R(a.rules) && $(e);
     });
     function ee() {
       var e;
-      c.value = !1, (e = k.value.inputField) == null || e.focus();
+      d.value = !1, (e = k.value.inputField) == null || e.focus();
     }
     function le(e) {
       var l, i;
       const o = e.key;
       if (o === "Tab" || o === "Shift" || o === "Escape") {
-        P(), m("keyDown", o);
+        P(), f("keyDown", o);
         return;
       }
-      (Q(o) || o === "Backspace") && S(), ["ArrowUp", "ArrowDown"].includes(o) && (e.preventDefault(), c.value || S(), (i = (l = I.value) == null ? void 0 : l.focusWithKey) == null || i.call(l, o));
+      (Q(o) || o === "Backspace") && S(), ["ArrowUp", "ArrowDown"].includes(o) && (e.preventDefault(), d.value || S(), (i = (l = I.value) == null ? void 0 : l.focusWithKey) == null || i.call(l, o));
     }
     function te(e) {
-      m("search", r);
+      f("search", n);
     }
     function oe() {
-      $(s);
+      $(u);
     }
     function ne(e) {
       W(e);
     }
     function re() {
     }
-    function ie(e) {
-      if (!r.value) return;
+    function ae(e) {
+      if (console.log(e), !n.value) return;
       let o = null;
-      u.returnObject ? o = f.value.find(
+      a.returnObject ? o = m.value.find(
         (l) => Object.values(l).some(
-          (i) => String(i).toLowerCase() === String(r.value).toLowerCase()
+          (i) => String(i).toLowerCase() === String(n.value).toLowerCase()
         )
-      ) : 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((i) => String(i).toLowerCase() === String(r.value).toLowerCase()) : String(l).toLowerCase() === String(r.value).toLowerCase()
-      ), o && K(o), x(() => {
-        m("keyDownEnter", e);
+      ) : a.itemValue ? o = m.value.find(
+        (l) => String(l[a.itemValue]).toLowerCase() === String(n.value).toLowerCase()
+      ) : o = m.value.find(
+        (l) => typeof l == "object" ? Object.values(l).some((i) => String(i).toLowerCase() === String(n.value).toLowerCase()) : String(l).toLowerCase() === String(n.value).toLowerCase()
+      ), o ? K(o) : (f("notFound", n.value), a.clearOnNotFound && (n.value = "", d.value = !1)), x(() => {
+        f("keyDownEnter", e);
       });
     }
     return _({
@@ -105,15 +105,15 @@ const De = { class: "flex items-center" }, Ie = {
         var e;
         return (e = k.value) == null ? void 0 : e.focus();
       })
-    }), (e, o) => (d(), h("div", {
+    }), (e, o) => (c(), g("div", {
       class: "w-full h-fit",
       ref_key: "parentRef",
       ref: M
     }, [
-      a(we, {
-        modelValue: t(r),
+      s(we, {
+        modelValue: t(n),
         "onUpdate:modelValue": [
-          o[2] || (o[2] = (l) => O(r) ? r.value = l : null),
+          o[2] || (o[2] = (l) => O(n) ? n.value = l : null),
           te
         ],
         label: e.label,
@@ -125,31 +125,31 @@ const De = { class: "flex items-center" }, Ie = {
         autocomplete: "off",
         onFocusInput: oe,
         onHandleClick: t(V),
-        rounded: t(c) ? "rounded-t" : "rounded",
+        rounded: t(d) ? "rounded-t" : "rounded",
         onBlur: re,
         onKeyDown: [
           le,
-          de(R(ie, ["prevent"]), ["enter"])
+          de(F(ae, ["prevent"]), ["enter"])
         ],
-        placeholder: u.multiple && t(F)(s.value) && s.value.length ? "" : t(Z),
+        placeholder: a.multiple && t(B)(u.value) && u.value.length ? "" : t(Z),
         error: !!y.value,
         "error-messages": y.value
       }, ce({
-        "prepend-input-content": n(() => [
-          t(F)(s.value) && t(B)(s.value) ? (d(), h("div", {
+        "prepend-input-content": r(() => [
+          t(B)(u.value) && t(R)(u.value) ? (c(), g("div", {
             key: 0,
             class: "flex flex-nowrap items-center space-x-1 min-w-[calc(100%-56px)] overflow-x-auto overflow-y-hidden",
             onClick: o[0] || (o[0] = (...l) => t(V) && t(V)(...l))
           }, [
-            (d(!0), h(fe, null, pe(s.value, (l) => (d(), p(Ve, {
+            (c(!0), g(me, null, pe(u.value, (l) => (c(), p(Ve, {
               key: l.id ?? l.name,
               size: "small",
               variant: "pill"
             }, {
-              default: n(() => [
+              default: r(() => [
                 ve("div", De, [
                   C(D(t(J)(l)) + " ", 1),
-                  a(b, {
+                  s(b, {
                     color: "error",
                     icon: t(v).close,
                     size: "small",
@@ -160,14 +160,14 @@ const De = { class: "flex items-center" }, Ie = {
               ]),
               _: 2
             }, 1024))), 128))
-          ])) : g("", !0)
+          ])) : h("", !0)
         ]),
-        default: n(() => [
-          a(ge, {
+        default: r(() => [
+          s(he, {
             transition: "fade",
             "onClick:outside": t(q),
-            modelValue: t(c),
-            "onUpdate:modelValue": o[1] || (o[1] = (l) => O(c) ? c.value = l : null),
+            modelValue: t(d),
+            "onUpdate:modelValue": o[1] || (o[1] = (l) => O(d) ? d.value = l : null),
             activator: "parent",
             "z-index": e.zIndex,
             "parent-ref": M.value,
@@ -179,38 +179,38 @@ const De = { class: "flex items-center" }, Ie = {
             "max-height": e.maxHeight,
             "hide-details": e.hideDetails
           }, {
-            default: n(() => [
-              e.hasCreateItem ? (d(), h("div", Ie, [
-                a(Se, {
+            default: r(() => [
+              e.hasCreateItem ? (c(), g("div", Ie, [
+                s(Se, {
                   onClick: t(X),
                   bgColor: e.btnCreateBg,
-                  class: me(e.btnCreateClass)
+                  class: fe(e.btnCreateClass)
                 }, {
-                  default: n(() => [
+                  default: r(() => [
                     C(D(e.btnCreateText), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick", "bgColor", "class"])
-              ])) : g("", !0),
-              a(ye, {
+              ])) : h("", !0),
+              s(ye, {
                 "onClick:select": t(K),
                 ref_key: "listRef",
                 ref: I,
                 onKeyDown: ne,
                 selectable: !0
               }, {
-                default: n(() => [
-                  a(ke, {
-                    items: f.value,
-                    search: t(r),
-                    "searchable-keys": u.searchableKeys,
+                default: r(() => [
+                  s(ke, {
+                    items: m.value,
+                    search: t(n),
+                    "searchable-keys": a.searchableKeys,
                     virtual: !1,
                     "items-per-intersection": 10,
-                    enabled: t(c),
+                    enabled: t(d),
                     "item-height": 48
                   }, {
-                    default: n(({ item: l, index: i, empty: ae }) => [
-                      !ae && l != null ? (d(), p(T, {
+                    default: r(({ item: l, index: i, empty: ie }) => [
+                      !ie && l != null ? (c(), p(N, {
                         value: l,
                         key: `kun-list-${i + 1}`,
                         id: `kun-item-${i + 1}`,
@@ -221,25 +221,25 @@ const De = { class: "flex items-center" }, Ie = {
                         density: e.density,
                         selectable: !0
                       }, {
-                        default: n(() => [
-                          a(N, { class: "text-wrap" }, {
-                            default: n(() => [
+                        default: r(() => [
+                          s(T, { class: "text-wrap" }, {
+                            default: r(() => [
                               C(D(t(L)(l, e.itemTitle ?? t(G), "hasDefault")), 1)
                             ]),
                             _: 2
                           }, 1024),
-                          a(he, {
+                          s(ge, {
                             text: e.itemSubtitle ? t(L)(l, e.itemSubtitle) : ""
                           }, null, 8, ["text"])
                         ]),
                         _: 2
-                      }, 1032, ["value", "id", "disabled", "bg-items", "hover-bg", "activeClass", "density"])) : (d(), p(T, {
+                      }, 1032, ["value", "id", "disabled", "bg-items", "hover-bg", "activeClass", "density"])) : (c(), p(N, {
                         key: 1,
                         disabled: ""
                       }, {
-                        default: n(() => [
-                          a(N, { class: "text-center w-full text-gray-500" }, {
-                            default: n(() => o[3] || (o[3] = [
+                        default: r(() => [
+                          s(T, { class: "text-center w-full text-gray-500" }, {
+                            default: r(() => o[3] || (o[3] = [
                               C(" No hay elementos disponibles ")
                             ])),
                             _: 1,
@@ -262,29 +262,29 @@ const De = { class: "flex items-center" }, Ie = {
       }, [
         e.hasIcons ? {
           name: "append-inner",
-          fn: n(() => [
-            e.clearable && s.value ? (d(), p(b, {
+          fn: r(() => [
+            e.clearable && u.value ? (c(), p(b, {
               key: 0,
               onClick: t(H),
               size: "small",
               color: "error",
               icon: t(v).close,
               class: "mr-1 mt-1"
-            }, null, 8, ["onClick", "icon"])) : g("", !0),
-            a(b, {
+            }, null, 8, ["onClick", "icon"])) : h("", !0),
+            s(b, {
               color: "teal-darken-1",
               size: "large",
               class: "cursor-pointer",
-              icon: t(c) ? t(v).menuUpOutline : t(v).menuDownOutline,
-              onClick: R(t(S), ["stop"])
+              icon: t(d) ? t(v).menuUpOutline : t(v).menuDownOutline,
+              onClick: F(t(S), ["stop"])
             }, null, 8, ["icon", "onClick"]),
-            e.required ? (d(), p(b, {
+            e.required ? (c(), p(b, {
               key: 1,
               color: "teal-darken-1",
               size: "x-small",
               class: "mb-4",
               icon: t(v).asterisk
-            }, null, 8, ["icon"])) : g("", !0)
+            }, null, 8, ["icon"])) : h("", !0)
           ]),
           key: "0"
         } : void 0

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

@@ -46,6 +46,7 @@ const e = {
     type: Boolean,
     default: !0
   },
+  clearOnNotFound: { type: Boolean, default: !0 },
   closeOnSelect: { type: Boolean, default: !0 },
   menuOrigin: { type: String, default: "bottom left" },
   startEmtpy: { type: Boolean, default: !1 },

package/dist/components/KunTextarea/src/composables/useKunTextareaComposable.js

@@ -1,7 +1,7 @@
-import { ref as i, computed as h, watch as O, nextTick as v, onMounted as A, onBeforeUnmount as F } from "vue";
+import { ref as i, computed as h, watch as O, nextTick as g, onMounted as A, onBeforeUnmount as F } from "vue";
 function $(t, H, l) {
-  const s = i(""), g = i(t.modelValue), x = i(!1), a = i([]), c = h(() => t.formatModel === "json" || t.formatModel === "auto" && typeof t.modelValue == "object");
-  function m(e) {
+  const s = i(""), m = i(t.modelValue), x = i(!1), a = i([]), c = h(() => t.formatModel === "json" || t.formatModel === "auto" && typeof t.modelValue == "object");
+  function v(e) {
     if (c.value && e != null)
       try {
         return JSON.stringify(e, null, 2);
@@ -15,18 +15,18 @@ function $(t, H, l) {
       try {
         return JSON.parse(e);
       } catch {
-        return null;
+        return e;
       }
     return e;
   }
   function I(e) {
     const u = y(e);
-    g.value = u, H("update:modelValue", u);
+    m.value = u, H("update:modelValue", u);
   }
   O(
     () => t.modelValue,
     (e) => {
-      g.value = e, s.value = m(e), t.autoGrow && v(() => d());
+      m.value = e, s.value = v(e), t.autoGrow && g(() => d());
     },
     { immediate: !0, deep: !0 }
   );
@@ -48,13 +48,13 @@ function $(t, H, l) {
     const n = u.selectionStart, o = s.value, r = "  ", f = o.slice(0, n), E = o.slice(n), N = f.lastIndexOf(`
 `) + 1, w = `
 ${((V = f.slice(N).match(/^\s*/)) == null ? void 0 : V[0]) ?? ""}${r}`;
-    s.value = f + w + E, v(() => {
+    s.value = f + w + E, g(() => {
       const S = n + w.length;
       u.setSelectionRange(S, S);
     }), e.preventDefault();
   }
   A(() => {
-    s.value = m(t.modelValue), v(() => {
+    s.value = v(t.modelValue), g(() => {
       t.autoGrow && d();
     });
   }), F(() => {

package/package.json

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