adverich-kun-ui 0.1.461 → 0.1.462

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

@@ -1,94 +1,94 @@
-import { mergeModels as $, useModel as z, onMounted as ae, ref as A, watch as ie, createElementBlock as h, openBlock as u, createVNode as a, unref as t, withKeys as se, withModifiers as E, isRef as _, createSlots as ue, withCtx as n, createCommentVNode as y, normalizeClass as de, createTextVNode as g, toDisplayString as V, createBlock as p, Fragment as ce, renderList as me, createElementVNode as fe } from "vue";
+import { mergeModels as $, useModel as z, onMounted as ie, ref as A, watch as se, createElementBlock as y, openBlock as u, createVNode as a, unref as t, withKeys as ue, withModifiers as E, isRef as _, createSlots as de, withCtx as n, createCommentVNode as g, normalizeClass as ce, createTextVNode as b, toDisplayString as V, createBlock as p, Fragment as me, renderList as fe, createElementVNode as pe } from "vue";
 import { icons as v } from "../../../../icons/index.js";
-import { isNotEmpty as R, isArray as x } from "../../../../utils/utils.js";
-import pe from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
-import ve from "../../../KunList/src/components/KunList.vue.js";
+import { isNotEmpty as x, isArray as R } from "../../../../utils/utils.js";
+import ve from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
+import ke from "../../../KunList/src/components/KunList.vue.js";
 import O from "../../../KunListItem/src/components/KunListItem.vue.js";
 import B from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
-import ke from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
-import he 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 b from "../../../KunIcon/src/components/KunIcon.vue.js";
-const Se = {
+import he from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.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 Se from "../../../KunChip/src/components/KunChip.vue.js";
+import C from "../../../KunIcon/src/components/KunIcon.vue.js";
+const Ve = {
   key: 0,
   class: "flex flex-nowrap items-center space-x-1 min-w-3xs max-w-full overflow-x-auto overflow-y-hidden"
-}, Ve = { class: "flex items-center" }, De = {
+}, De = { class: "flex items-center" }, Ie = {
   key: 0,
   class: "sticky top-0 z-10 p-2 border-b bg-select-background"
-}, Te = {
+}, Ue = {
   __name: "KunAutocomplete",
-  props: /* @__PURE__ */ $(ge, {
+  props: /* @__PURE__ */ $(be, {
     modelValue: { default: null },
     modelModifiers: {},
     items: { default: [], type: Array, required: !0 },
     itemsModifiers: {}
   }),
   emits: /* @__PURE__ */ $(["update:modelValue", "selectedItem", "createItem", "validation", "search", "keyDown", "keyDownEnter"], ["update:modelValue", "update:items"]),
-  setup(C, { emit: F }) {
-    const i = z(C, "modelValue"), f = z(C, "items"), s = C, c = F, {
-      textFieldRef: w,
+  setup(w, { expose: F, emit: N }) {
+    const i = z(w, "modelValue"), f = z(w, "items"), s = w, c = N, {
+      textFieldRef: k,
       listRef: D,
       menuModel: d,
       search: r,
-      removeItem: N,
-      clearSelection: T,
-      lightReset: U,
+      removeItem: T,
+      clearSelection: U,
+      lightReset: j,
       openMenu: S,
-      closeMenu: j,
-      toggleMenu: H,
-      onMenuKeydown: q,
+      closeMenu: H,
+      toggleMenu: q,
+      onMenuKeydown: P,
       getSelectedItem: I,
-      textArr: P,
-      getArrayText: W,
-      isAlphanumeric: G,
-      createItem: J,
-      checkDisabled: Q,
+      textArr: W,
+      getArrayText: G,
+      isAlphanumeric: J,
+      createItem: Q,
+      checkDisabled: X,
       itemToString: K,
-      placeholder: X
-    } = ye(s, c, i, f);
-    ae(() => {
-      s.focusOnRender && w.value.focus();
+      placeholder: Y
+    } = ge(s, c, i, f);
+    ie(() => {
+      s.focusOnRender && k.value.focus();
     });
-    const L = A(null), k = A(""), M = (e) => {
+    const L = A(null), h = A(""), M = (e) => {
       for (const o of s.rules) {
         const l = o(e);
         if (l !== !0)
-          return k.value = l, c("validation", !1), !1;
+          return h.value = l, c("validation", !1), !1;
       }
-      return k.value = "", c("validation", !0), !0;
+      return h.value = "", c("validation", !0), !0;
     };
-    ie(() => i.value, (e, o) => {
-      R(s.rules) && M(e);
+    se(() => i.value, (e, o) => {
+      x(s.rules) && M(e);
     });
-    function Y() {
+    function Z() {
       var e;
-      d.value = !1, (e = w.value.inputField) == null || e.focus();
+      d.value = !1, (e = k.value.inputField) == null || e.focus();
     }
-    function Z(e) {
+    function ee(e) {
       var l, m;
       const o = e.key;
       if (o === "Tab" || o === "Shift" || o === "Escape") {
-        j(), c("keyDown", o);
+        H(), c("keyDown", o);
         return;
       }
-      (G(o) || o === "Backspace") && S(), ["ArrowUp", "ArrowDown"].includes(o) && (e.preventDefault(), d.value || S(), (m = (l = D.value) == null ? void 0 : l.focusWithKey) == null || m.call(l, o));
+      (J(o) || o === "Backspace") && S(), ["ArrowUp", "ArrowDown"].includes(o) && (e.preventDefault(), d.value || S(), (m = (l = D.value) == null ? void 0 : l.focusWithKey) == null || m.call(l, o));
     }
-    function ee(e) {
+    function le(e) {
       c("search", r);
     }
-    function le() {
+    function te() {
       M(i);
     }
-    function te(e) {
-      q(e);
-    }
-    function oe() {
+    function oe(e) {
+      P(e);
     }
     function ne() {
+    }
+    function re() {
       if (!r.value) return;
       let e = null;
       s.returnObject ? e = f.value.find(
@@ -101,70 +101,75 @@ const Se = {
         (o) => typeof o == "object" ? Object.values(o).some((l) => String(l).toLowerCase() === String(r.value).toLowerCase()) : String(o).toLowerCase() === String(r.value).toLowerCase()
       ), e && I(e), c("keyDownEnter");
     }
-    return (e, o) => (u(), h("div", {
+    return F({
+      focus: () => {
+        var e;
+        (e = k.value) == null || e.focus();
+      }
+    }), (e, o) => (u(), y("div", {
       class: "w-full h-fit",
       ref_key: "parentRef",
       ref: L
     }, [
-      a(be, {
+      a(Ce, {
         modelValue: t(r),
         "onUpdate:modelValue": [
           o[1] || (o[1] = (l) => _(r) ? r.value = l : null),
-          ee
+          le
         ],
         label: e.label,
         dirty: "",
         "hide-details": e.hideDetails,
         density: e.density,
         ref_key: "textFieldRef",
-        ref: w,
+        ref: k,
         autocomplete: "off",
-        onFocusInput: le,
-        onHandleClick: t(H),
+        onFocusInput: te,
+        onHandleClick: t(q),
         rounded: t(d) ? "rounded-t" : "rounded",
-        onBlur: oe,
+        onBlur: ne,
         onKeyDown: [
-          Z,
-          se(E(ne, ["prevent"]), ["enter"])
+          ee,
+          ue(E(re, ["prevent"]), ["enter"])
         ],
-        placeholder: s.multiple && t(x)(i.value) && i.value.length ? "" : t(X),
-        error: !!k.value,
-        "error-messages": k.value
-      }, ue({
+        placeholder: s.multiple && t(R)(i.value) && i.value.length ? "" : t(Y),
+        error: !!h.value,
+        "error-messages": h.value
+      }, de({
         "prepend-input-content": n(() => [
-          t(x)(i.value) && t(R)(i.value) ? (u(), h("div", Se, [
-            (u(!0), h(ce, null, me(i.value, (l) => (u(), p(we, {
+          t(R)(i.value) && t(x)(i.value) ? (u(), y("div", Ve, [
+            (u(!0), y(me, null, fe(i.value, (l) => (u(), p(Se, {
               key: l.id ?? l.name,
               size: "small",
               variant: "pill"
             }, {
               default: n(() => [
-                fe("div", Ve, [
-                  g(V(t(W)(l)) + " ", 1),
-                  a(b, {
+                pe("div", De, [
+                  b(V(t(G)(l)) + " ", 1),
+                  a(C, {
                     color: "error",
                     icon: t(v).close,
                     size: "small",
                     class: "ml-1",
-                    onClick: (m) => t(N)(l)
+                    onClick: (m) => t(T)(l)
                   }, null, 8, ["icon", "onClick"])
                 ])
               ]),
               _: 2
             }, 1024))), 128))
-          ])) : y("", !0)
+          ])) : g("", !0)
         ]),
         default: n(() => [
-          a(he, {
+          a(ye, {
             transition: "fade",
-            "onClick:outside": t(U),
+            "onClick:outside": t(j),
             modelValue: t(d),
             "onUpdate:modelValue": o[0] || (o[0] = (l) => _(d) ? d.value = l : null),
             activator: "parent",
             "z-index": e.zIndex,
             "parent-ref": L.value,
             origin: e.menuOrigin,
-            onHandleEscape: Y,
+            onHandleEscape: Z,
             bgColor: e.bgMenuColor,
             "close-on-content-click": e.closeOnSelect,
             width: "w-full",
@@ -172,27 +177,27 @@ const Se = {
             "hide-details": e.hideDetails
           }, {
             default: n(() => [
-              e.hasCreateItem ? (u(), h("div", De, [
-                a(Ce, {
-                  onClick: t(J),
+              e.hasCreateItem ? (u(), y("div", Ie, [
+                a(we, {
+                  onClick: t(Q),
                   bgColor: e.btnCreateBg,
-                  class: de(e.btnCreateClass)
+                  class: ce(e.btnCreateClass)
                 }, {
                   default: n(() => [
-                    g(V(e.btnCreateText), 1)
+                    b(V(e.btnCreateText), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick", "bgColor", "class"])
-              ])) : y("", !0),
-              a(ve, {
+              ])) : g("", !0),
+              a(ke, {
                 "onClick:select": t(I),
                 ref_key: "listRef",
                 ref: D,
-                onKeyDown: te,
+                onKeyDown: oe,
                 selectable: !0
               }, {
                 default: n(() => [
-                  a(pe, {
+                  a(ve, {
                     items: f.value,
                     search: t(r),
                     "searchable-keys": s.searchableKeys,
@@ -201,12 +206,12 @@ const Se = {
                     enabled: t(d),
                     "item-height": 48
                   }, {
-                    default: n(({ item: l, index: m, empty: re }) => [
-                      !re && l != null ? (u(), p(O, {
+                    default: n(({ item: l, index: m, empty: ae }) => [
+                      !ae && l != null ? (u(), p(O, {
                         value: l,
                         key: `kun-list-${m + 1}`,
                         id: `kun-item-${m + 1}`,
-                        disabled: t(Q)(l),
+                        disabled: t(X)(l),
                         "bg-items": e.bgItemListColor,
                         "hover-bg": e.hoverItemListColor,
                         activeClass: e.selectedItemListColor,
@@ -216,11 +221,11 @@ const Se = {
                         default: n(() => [
                           a(B, { class: "text-wrap" }, {
                             default: n(() => [
-                              g(V(t(K)(l, e.itemTitle ?? t(P), "hasDefault")), 1)
+                              b(V(t(K)(l, e.itemTitle ?? t(W), "hasDefault")), 1)
                             ]),
                             _: 2
                           }, 1024),
-                          a(ke, {
+                          a(he, {
                             text: e.itemSubtitle ? t(K)(l, e.itemSubtitle) : ""
                           }, null, 8, ["text"])
                         ]),
@@ -232,7 +237,7 @@ const Se = {
                         default: n(() => [
                           a(B, { class: "text-center w-full text-gray-500" }, {
                             default: n(() => o[2] || (o[2] = [
-                              g(" No hay elementos disponibles ")
+                              b(" No hay elementos disponibles ")
                             ])),
                             _: 1,
                             __: [2]
@@ -255,28 +260,28 @@ const Se = {
         e.hasIcons ? {
           name: "append-inner",
           fn: n(() => [
-            e.clearable && i.value ? (u(), p(b, {
+            e.clearable && i.value ? (u(), p(C, {
               key: 0,
-              onClick: t(T),
+              onClick: t(U),
               size: "small",
               color: "error",
               icon: t(v).close,
               class: "mr-1 mt-1"
-            }, null, 8, ["onClick", "icon"])) : y("", !0),
-            a(b, {
+            }, null, 8, ["onClick", "icon"])) : g("", !0),
+            a(C, {
               color: "teal-darken-1",
               size: "large",
               class: "cursor-pointer",
               icon: t(d) ? t(v).menuUpOutline : t(v).menuDownOutline,
               onClick: E(t(S), ["stop"])
             }, null, 8, ["icon", "onClick"]),
-            e.required ? (u(), p(b, {
+            e.required ? (u(), p(C, {
               key: 1,
               color: "teal-darken-1",
               size: "x-small",
               class: "mb-4",
               icon: t(v).asterisk
-            }, null, 8, ["icon"])) : y("", !0)
+            }, null, 8, ["icon"])) : g("", !0)
           ]),
           key: "0"
         } : void 0
@@ -285,5 +290,5 @@ const Se = {
   }
 };
 export {
-  Te as default
+  Ue as default
 };

package/package.json

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