adverich-kun-ui 0.1.355 → 0.1.356

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

@@ -1,12 +1,12 @@
-import { mergeModels as A, useModel as R, onMounted as ie, ref as $, watch as ae, createElementBlock as v, openBlock as a, createVNode as i, unref as t, isRef as B, createSlots as re, withCtx as n, createCommentVNode as k, Fragment as se, renderList as ue, createBlock as c, createElementVNode as de, createTextVNode as y, toDisplayString as V, normalizeClass as ce, withModifiers as me } from "vue";
+import { mergeModels as A, useModel as R, onMounted as ie, ref as $, watch as re, createElementBlock as k, openBlock as r, createVNode as i, unref as t, isRef as B, createSlots as ae, withCtx as n, createCommentVNode as v, Fragment as se, renderList as ue, createBlock as c, createElementVNode as de, createTextVNode as y, toDisplayString as V, normalizeClass as ce, withModifiers as me } from "vue";
 import { icons as m } from "../../../../icons/index.js";
 import { isNotEmpty as fe, isArray as F } from "../../../../utils/utils.js";
 import pe from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
 import he from "../../../KunList/src/components/KunList.vue.js";
 import T from "../../../KunListItem/src/components/KunListItem.vue.js";
 import x from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
-import ve from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
-import ke from "../../../KunMenu/src/components/KunMenu.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 be } from "../composables/KunAutocompleteProps.js";
 import ge from "../../../KunTextField/src/components/KunTextField.vue.js";
@@ -18,7 +18,7 @@ const Ve = {
   class: "flex justify-center align-center"
 }, Ie = { class: "flex justify-center align-center" }, Se = {
   key: 0,
-  class: "p-2"
+  class: "sticky top-0 z-10 p-2 border-b"
 }, Ue = {
   __name: "KunAutocomplete",
   props: /* @__PURE__ */ A(be, {
@@ -29,7 +29,7 @@ const Ve = {
   }),
   emits: /* @__PURE__ */ A(["update:modelValue", "selectedItem", "createItem", "validation", "search"], ["update:modelValue", "update:items"]),
   setup(g, { emit: E }) {
-    const r = R(g, "modelValue"), I = R(g, "items"), u = g, f = E, {
+    const a = R(g, "modelValue"), I = R(g, "items"), u = g, f = E, {
       textFieldRef: C,
       listRef: S,
       menuModel: s,
@@ -49,7 +49,7 @@ const Ve = {
       checkDisabled: Q,
       itemToString: D,
       placeholder: X
-    } = ye(u, f, r, I);
+    } = ye(u, f, a, I);
     ie(() => {
       u.focusOnRender && C.value.focus();
     });
@@ -61,7 +61,7 @@ const Ve = {
       }
       return p.value = "", f("validation", !0), !0;
     };
-    ae(() => r.value, (e, o) => {
+    re(() => a.value, (e, o) => {
       fe(u.rules) && M(e);
     });
     function Y() {
@@ -81,14 +81,14 @@ const Ve = {
       f("search", d);
     }
     function le() {
-      M(r);
+      M(a);
     }
     function te(e) {
       j(e);
     }
     function oe() {
     }
-    return (e, o) => (a(), v("div", {
+    return (e, o) => (r(), k("div", {
       class: "w-full h-fit",
       ref_key: "parentRef",
       ref: K
@@ -111,13 +111,13 @@ const Ve = {
         rounded: t(s) ? "rounded-t" : "rounded",
         onBlur: oe,
         onKeyDown: Z,
-        placeholder: u.multiple && t(F)(r.value) && r.value.length ? "" : t(X),
+        placeholder: u.multiple && t(F)(a.value) && a.value.length ? "" : t(X),
         error: !!p.value,
         "error-messages": p.value
-      }, re({
+      }, ae({
         default: n(() => [
-          t(F)(r.value) ? (a(), v("div", Ve, [
-            (a(!0), v(se, null, ue(r.value, (l) => (a(), c(we, {
+          t(F)(a.value) ? (r(), k("div", Ve, [
+            (r(!0), k(se, null, ue(a.value, (l) => (r(), c(we, {
               key: l.id ?? l.name,
               size: "small",
               class: "ml-1"
@@ -136,8 +136,8 @@ const Ve = {
               ]),
               _: 2
             }, 1024))), 128))
-          ])) : k("", !0),
-          i(ke, {
+          ])) : v("", !0),
+          i(ve, {
             transition: "fade",
             "onClick:outside": t(U),
             modelValue: t(s),
@@ -154,6 +154,18 @@ const Ve = {
             "hide-details": e.hideDetails
           }, {
             default: n(() => [
+              e.hasCreateItem ? (r(), k("div", Se, [
+                i(Ce, {
+                  onClick: t(J),
+                  bgColor: e.btnCreateBg,
+                  class: ce(e.btnCreateClass)
+                }, {
+                  default: n(() => [
+                    y(V(e.btnCreateText), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick", "bgColor", "class"])
+              ])) : v("", !0),
               i(he, {
                 "onClick:select": t(q),
                 ref_key: "listRef",
@@ -162,18 +174,6 @@ const Ve = {
                 selectable: !0
               }, {
                 default: n(() => [
-                  e.hasCreateItem ? (a(), v("div", Se, [
-                    i(Ce, {
-                      onClick: t(J),
-                      bgColor: e.btnCreateBg,
-                      class: ce(e.btnCreateClass)
-                    }, {
-                      default: n(() => [
-                        y(V(e.btnCreateText), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["onClick", "bgColor", "class"])
-                  ])) : k("", !0),
                   i(pe, {
                     items: I.value,
                     search: t(d),
@@ -186,7 +186,7 @@ const Ve = {
                     default: n(({ item: l, index: h, empty: ne }) => {
                       var _, z;
                       return [
-                        !ne && l ? (a(), c(T, {
+                        !ne && l ? (r(), c(T, {
                           value: l,
                           key: ((_ = l.id) == null ? void 0 : _.toString()) ?? l.name,
                           disabled: t(Q)(l),
@@ -204,12 +204,12 @@ const Ve = {
                               ]),
                               _: 2
                             }, 1024),
-                            i(ve, {
+                            i(ke, {
                               text: e.itemSubtitle ? t(D)(l, e.itemSubtitle) : ""
                             }, null, 8, ["text"])
                           ]),
                           _: 2
-                        }, 1032, ["value", "disabled", "bg-items", "hover-bg", "activeClass", "density", "id"])) : (a(), c(T, {
+                        }, 1032, ["value", "disabled", "bg-items", "hover-bg", "activeClass", "density", "id"])) : (r(), c(T, {
                           key: 1,
                           disabled: ""
                         }, {
@@ -240,14 +240,14 @@ const Ve = {
         e.hasIcons ? {
           name: "append-inner",
           fn: n(() => [
-            e.clearable && r.value ? (a(), c(b, {
+            e.clearable && a.value ? (r(), c(b, {
               key: 0,
               onClick: t(L),
               size: "small",
               color: "error",
               icon: t(m).close,
               class: "mr-1 mt-1"
-            }, null, 8, ["onClick", "icon"])) : k("", !0),
+            }, null, 8, ["onClick", "icon"])) : v("", !0),
             i(b, {
               color: "teal-darken-1",
               size: "large",
@@ -255,13 +255,13 @@ const Ve = {
               icon: t(s) ? t(m).menuUpOutline : t(m).menuDownOutline,
               onClick: me(t(w), ["stop"])
             }, null, 8, ["icon", "onClick"]),
-            e.required ? (a(), c(b, {
+            e.required ? (r(), c(b, {
               key: 1,
               color: "teal-darken-1",
               size: "x-small",
               class: "mb-4",
               icon: t(m).asterisk
-            }, null, 8, ["icon"])) : k("", !0)
+            }, null, 8, ["icon"])) : v("", !0)
           ]),
           key: "0"
         } : void 0

package/package.json

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