adverich-kun-ui 0.1.515 → 0.1.517

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

@@ -1,10 +1,10 @@
-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 F, createElementBlock as h, openBlock as c, createVNode as s, unref as t, withKeys as de, withModifiers as x, isRef as O, createSlots as ce, withCtx as r, createCommentVNode as g, 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 N from "../../../KunListItem/src/components/KunListItem.vue.js";
+import T 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 { useAutocomplete as Ce } from "../composables/useAutocomplete.js";
@@ -24,13 +24,13 @@ const De = { class: "flex items-center" }, Ie = {
     items: { default: [], type: Array, required: !0 },
     itemsModifiers: {}
   }),
-  emits: /* @__PURE__ */ z(["update:modelValue", "selectedItem", "createItem", "validation", "search", "keyDown", "keyDownEnter"], ["update:modelValue", "update:items"]),
+  emits: /* @__PURE__ */ z(["update:modelValue", "selectedItem", "createItem", "validation", "search", "keyDown", "keyDownEnter", "notFound"], ["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,74 +46,74 @@ 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 (!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)), F(() => {
+        f("keyDownEnter", e);
       });
     }
     return _({
-      focus: () => x(() => {
+      focus: () => F(() => {
         var e;
         return (e = k.value) == null ? void 0 : e.focus();
       })
-    }), (e, o) => (d(), h("div", {
+    }), (e, o) => (c(), h("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(x(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(), h("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), h(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",
@@ -162,12 +162,12 @@ const De = { class: "flex items-center" }, Ie = {
             }, 1024))), 128))
           ])) : g("", !0)
         ]),
-        default: n(() => [
-          a(ge, {
+        default: r(() => [
+          s(ge, {
             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(), h("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, {
+              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(he, {
                             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,8 +262,8 @@ 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",
@@ -271,14 +271,14 @@ const De = { class: "flex items-center" }, Ie = {
               icon: t(v).close,
               class: "mr-1 mt-1"
             }, null, 8, ["onClick", "icon"])) : g("", !0),
-            a(b, {
+            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: x(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",

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/package.json

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