adverich-kun-ui 0.1.82 → 0.1.83

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

@@ -1,24 +1,24 @@
-import { mergeModels as E, useModel as L, onMounted as te, ref as le, watch as oe, createBlock as c, openBlock as i, unref as e, isRef as R, createSlots as ne, withCtx as r, createElementBlock as U, createCommentVNode as v, createVNode as a, Fragment as re, renderList as ie, createElementVNode as ae, createTextVNode as b, toDisplayString as V, normalizeClass as se, withModifiers as ue } from "vue";
+import { mergeModels as E, useModel as L, onMounted as te, ref as le, watch as oe, createBlock as d, openBlock as i, unref as e, isRef as R, createSlots as ne, withCtx as r, createElementBlock as U, createCommentVNode as h, createVNode as a, Fragment as re, renderList as ie, createElementVNode as ae, createTextVNode as b, toDisplayString as V, normalizeClass as se, withModifiers as ue } from "vue";
 import { icons as f } from "../../../../icons/index.js";
-import { isNotEmpty as ce, isArray as z } from "../../../../utils/utils.js";
-import de from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
+import { isNotEmpty as de, isArray as z } from "../../../../utils/utils.js";
+import ce from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
 import me from "../../../KunList/src/components/KunList.vue.js";
 import B from "../../../KunListItem/src/components/KunListItem.vue.js";
 import fe from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
 import pe from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
 import ke from "../../../kunMenu/src/components/kunMenu.vue.js";
 import { useAutocomplete as ye } from "../composables/useAutocomplete.js";
-import { KunAutocompleteProps as ve } from "../composables/KunAutocompleteProps.js";
-import he from "../../../KunTextField/src/components/KunTextField.vue.js";
+import { KunAutocompleteProps as he } from "../composables/KunAutocompleteProps.js";
+import ve from "../../../KunTextField/src/components/KunTextField.vue.js";
 import Ce from "../../../KunBtn/src/components/KunBtn.vue.js";
 import ge from "../../../KunChip/src/components/KunChip.vue.js";
-import h from "../../../KunIcon/src/components/KunIcon.vue.js";
+import v from "../../../KunIcon/src/components/KunIcon.vue.js";
 const be = {
   key: 0,
   class: "flex justify-center align-center"
 }, Ve = { class: "flex justify-center align-center" }, Be = {
   __name: "KunAutocomplete",
-  props: /* @__PURE__ */ E(ve, {
+  props: /* @__PURE__ */ E(he, {
     modelValue: { default: null },
     modelModifiers: {},
     items: { default: [], type: Array, required: !0 },
@@ -27,7 +27,7 @@ const be = {
   emits: /* @__PURE__ */ E(["createItem", "validation", "search"], ["update:modelValue", "update:items"]),
   setup(C, { emit: F }) {
     const u = L(C, "modelValue"), I = L(C, "items"), n = C, p = F, {
-      selectedItem: d,
+      selectedItem: c,
       textFieldRef: k,
       listRef: g,
       menuModel: s,
@@ -35,24 +35,24 @@ const be = {
       removeItem: N,
       clearSelection: T,
       lightReset: w,
-      openMenu: _,
-      onMenuKeydown: K,
+      openMenu: K,
+      onMenuKeydown: _,
       getSelectedItem: H,
       textArr: O,
       getItemText: j,
       createItem: q,
       checkDisabled: P,
       itemToString: S,
-      placeholder: M,
+      placeholder: D,
       hasCreateItem: W
     } = ye(n, p, u, I);
     te(() => {
       n.focusOnRender && k.value.focus();
     });
     function G(t) {
-      return u.value === null || u.value === void 0 ? n.bgItemListColor : n.multiple ? u.value.find((o) => o[n.itemValue] === t[n.itemValue]) ? n.selectedColor : n.bgItemListColor : M.value === t[n.itemTitle] ? n.selectedColor : n.bgItemListColor;
+      return u.value === null || u.value === void 0 ? n.bgItemListColor : n.multiple ? u.value.find((o) => o[n.itemValue] === t[n.itemValue]) ? n.selectedColor : n.bgItemListColor : D.value === t[n.itemTitle] ? n.selectedColor : n.bgItemListColor;
     }
-    const y = le(""), x = (t) => {
+    const y = le(""), M = (t) => {
       for (const o of n.rules) {
         const l = o(t);
         if (l !== !0)
@@ -61,9 +61,9 @@ const be = {
       return y.value = "", p("validation", !0), !0;
     };
     oe(() => u.value, (t, o) => {
-      ce(n.rules) && x(t);
+      de(n.rules) && M(t);
     });
-    function D() {
+    function $() {
       var t;
       s.value = !1, (t = k.value.inputField) == null || t.focus();
     }
@@ -71,12 +71,12 @@ const be = {
       p("search", m);
     }
     function Q() {
-      x(u);
+      M(u);
     }
     function X(t) {
       const o = t.key;
       if (o === "Escape") {
-        D();
+        $();
         return;
       }
       if (["ArrowDown", "ArrowUp"].includes(o)) {
@@ -84,15 +84,15 @@ const be = {
         g.value.focusWithKey(o);
         return;
       }
-      K(t);
+      _(t);
     }
     function Y(t) {
-      K(t);
+      _(t);
     }
     function Z() {
       s.value = !1;
     }
-    return (t, o) => (i(), c(he, {
+    return (t, o) => (i(), d(ve, {
       modelValue: e(m),
       "onUpdate:modelValue": [
         o[2] || (o[2] = (l) => R(m) ? m.value = l : null),
@@ -107,15 +107,15 @@ const be = {
       autocomplete: "off",
       onKeyDown: X,
       onFocusInput: Q,
-      onHandleClick: e(_),
+      onHandleClick: e(K),
       onBlurInput: Z,
-      placeholder: n.multiple && e(z)(e(d)) && e(d).length ? "" : e(M),
+      placeholder: n.multiple && e(z)(e(c)) && e(c).length ? "" : e(D),
       error: !!y.value,
       "error-messages": y.value
     }, ne({
       default: r(() => [
-        e(z)(e(d)) ? (i(), U("div", be, [
-          (i(!0), U(re, null, ie(e(d), (l) => (i(), c(ge, {
+        e(z)(e(c)) ? (i(), U("div", be, [
+          (i(!0), U(re, null, ie(e(c), (l) => (i(), d(ge, {
             key: l.id ?? l.name,
             size: "small",
             class: "ml-1"
@@ -123,7 +123,7 @@ const be = {
             default: r(() => [
               ae("div", Ve, [
                 b(V(e(j)(l, t.itemTitle)) + " ", 1),
-                a(h, {
+                a(v, {
                   color: "error",
                   icon: e(f).close,
                   size: "small",
@@ -134,7 +134,7 @@ const be = {
             ]),
             _: 2
           }, 1024))), 128))
-        ])) : v("", !0),
+        ])) : h("", !0),
         a(ke, {
           transition: "fade",
           "onClick:outside": e(w),
@@ -142,9 +142,10 @@ const be = {
           "onUpdate:modelValue": o[1] || (o[1] = (l) => R(s) ? s.value = l : null),
           activator: "parent",
           "parent-ref": e(k),
-          onHandleEscape: D,
+          onHandleEscape: $,
           "close-on-content-click": t.closeOnSelect,
-          "max-height": t.maxHeight
+          "max-height": t.maxHeight,
+          "hide-details": t.hideDetails
         }, {
           default: r(() => [
             a(me, {
@@ -155,7 +156,7 @@ const be = {
               onKeyDown: Y
             }, {
               default: r(() => [
-                e(W) ? (i(), c(B, { key: 0 }, {
+                e(W) ? (i(), d(B, { key: 0 }, {
                   default: r(() => [
                     a(Ce, {
                       onClick: e(q),
@@ -170,8 +171,8 @@ const be = {
                     }, 8, ["onClick"])
                   ]),
                   _: 1
-                })) : v("", !0),
-                a(de, {
+                })) : h("", !0),
+                a(ce, {
                   items: I.value,
                   search: e(m),
                   "searchable-keys": n.searchableKeys,
@@ -181,11 +182,11 @@ const be = {
                   "item-height": 48
                 }, {
                   default: r(({ item: l, index: ee }) => {
-                    var $, A;
+                    var x, A;
                     return [
-                      (i(), c(B, {
+                      (i(), d(B, {
                         value: l,
-                        key: (($ = l.id) == null ? void 0 : $.toString()) ?? l.name,
+                        key: ((x = l.id) == null ? void 0 : x.toString()) ?? l.name,
                         disabled: e(P)(l),
                         class: se(G(l)),
                         density: t.density,
@@ -213,35 +214,35 @@ const be = {
             }, 8, ["onUpdate:selected"])
           ]),
           _: 1
-        }, 8, ["onClick:outside", "modelValue", "parent-ref", "close-on-content-click", "max-height"])
+        }, 8, ["onClick:outside", "modelValue", "parent-ref", "close-on-content-click", "max-height", "hide-details"])
       ]),
       _: 2
     }, [
       t.hasIcons ? {
         name: "append-inner",
         fn: r(() => [
-          t.clearable && e(d) ? (i(), c(h, {
+          t.clearable && e(c) ? (i(), d(v, {
             key: 0,
             onClick: e(T),
             size: "small",
             color: "error",
             icon: e(f).close,
             class: "mr-1 mt-1"
-          }, null, 8, ["onClick", "icon"])) : v("", !0),
-          a(h, {
+          }, null, 8, ["onClick", "icon"])) : h("", !0),
+          a(v, {
             color: "teal-darken-1",
             size: "large",
             class: "cursor-pointer",
             icon: e(s) ? e(f).menuUpOutline : e(f).menuDownOutline,
-            onClick: ue(e(_), ["stop"])
+            onClick: ue(e(K), ["stop"])
           }, null, 8, ["icon", "onClick"]),
-          t.required ? (i(), c(h, {
+          t.required ? (i(), d(v, {
             key: 1,
             color: "teal-darken-1",
             size: "x-small",
             class: "mb-4",
             icon: e(f).asterisk
-          }, null, 8, ["icon"])) : v("", !0)
+          }, null, 8, ["icon"])) : h("", !0)
         ]),
         key: "0"
       } : void 0

package/dist/components/kunMenu/src/composables/kunMenuProps.js

@@ -71,6 +71,10 @@ const t = {
   keyboardNavigation: {
     type: Boolean,
     default: !0
+  },
+  hideDetails: {
+    type: Boolean,
+    default: !1
   }
 };
 export {

package/dist/components/kunMenu/src/composables/useKunMenuStyles.js

@@ -19,7 +19,7 @@ function L(e, d, u, g) {
       return;
     }
     let o = n.bottom;
-    !e.hideDetails && ((l = e.parentRef) != null && l.$el) && (o -= 15), a.value = {
+    !e.hideDetails && ((l = e.parentRef) != null && l.$el) && (console.log("iuii"), o -= 15), a.value = {
       position: "absolute",
       top: `${o + window.scrollY}px`,
       left: `${n.left + window.scrollX}px`,

package/package.json

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