adverich-kun-ui 0.1.418 → 0.1.419

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

@@ -1,4 +1,4 @@
-import { mergeModels as $, useModel as z, onMounted as oe, ref as R, watch as ie, createElementBlock as v, openBlock as n, createVNode as a, unref as l, isRef as S, createSlots as ae, withCtx as i, createCommentVNode as k, Fragment as ne, renderList as re, createBlock as m, createElementVNode as se, createTextVNode as y, toDisplayString as I, normalizeClass as ue, withModifiers as de } from "vue";
+import { mergeModels as z, useModel as R, onMounted as oe, ref as S, watch as ie, createElementBlock as v, openBlock as n, createVNode as a, unref as l, isRef as _, createSlots as ae, withCtx as i, createCommentVNode as k, Fragment as ne, renderList as re, createBlock as m, createElementVNode as se, createTextVNode as y, toDisplayString as I, normalizeClass as ue, withModifiers as de } from "vue";
 import { icons as f } from "../../../../icons/index.js";
 import { isNotEmpty as ce, isArray as A } from "../../../../utils/utils.js";
 import me from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
@@ -11,37 +11,37 @@ import { useAutocomplete as ve } from "../composables/useAutocomplete.js";
 import { KunAutocompleteProps as ke } from "../composables/KunAutocompleteProps.js";
 import ye from "../../../KunTextField/src/components/KunTextField.vue.js";
 import be from "../../../KunBtn/src/components/KunBtn.vue.js";
-import Ce from "../../../KunChip/src/components/KunChip.vue.js";
+import ge from "../../../KunChip/src/components/KunChip.vue.js";
 import b from "../../../KunIcon/src/components/KunIcon.vue.js";
-const ge = {
+const Ce = {
   key: 0,
   class: "w-full flex overflow-x-auto whitespace-nowrap space-x-1"
 }, we = { class: "flex items-center" }, Ve = {
   key: 0,
   class: "sticky top-0 z-10 p-2 border-b"
-}, Ne = {
+}, xe = {
   __name: "KunAutocomplete",
-  props: /* @__PURE__ */ $(ke, {
+  props: /* @__PURE__ */ z(ke, {
     modelValue: { default: null },
     modelModifiers: {},
     items: { default: [], type: Array, required: !0 },
     itemsModifiers: {}
   }),
-  emits: /* @__PURE__ */ $(["update:modelValue", "selectedItem", "createItem", "validation", "search"], ["update:modelValue", "update:items"]),
-  setup(C, { emit: T }) {
-    const r = z(C, "modelValue"), D = z(C, "items"), u = C, p = T, {
-      textFieldRef: g,
+  emits: /* @__PURE__ */ z(["update:modelValue", "selectedItem", "createItem", "validation", "search"], ["update:modelValue", "update:items"]),
+  setup(g, { emit: T }) {
+    const r = R(g, "modelValue"), D = R(g, "items"), u = g, p = T, {
+      textFieldRef: C,
       listRef: w,
       menuModel: s,
       search: c,
-      removeItem: x,
-      clearSelection: E,
-      lightReset: N,
+      removeItem: E,
+      clearSelection: N,
+      lightReset: x,
       openMenu: V,
       closeMenu: L,
-      toggleMenu: U,
-      onMenuKeydown: H,
-      getSelectedItem: O,
+      toggleMenu: O,
+      onMenuKeydown: U,
+      getSelectedItem: H,
       textArr: q,
       getItemText: P,
       isAlphanumeric: W,
@@ -51,9 +51,9 @@ const ge = {
       placeholder: J
     } = ve(u, p, r, D);
     oe(() => {
-      u.focusOnRender && g.value.focus();
+      u.focusOnRender && C.value.focus();
     });
-    const M = R(null), h = R(""), _ = (e) => {
+    const M = S(null), h = S(""), $ = (e) => {
       for (const o of u.rules) {
         const t = o(e);
         if (t !== !0)
@@ -62,11 +62,11 @@ const ge = {
       return h.value = "", p("validation", !0), !0;
     };
     ie(() => r.value, (e, o) => {
-      ce(u.rules) && _(e);
+      ce(u.rules) && $(e);
     });
     function Q() {
       var e;
-      s.value = !1, (e = g.value.inputField) == null || e.focus();
+      s.value = !1, (e = C.value.inputField) == null || e.focus();
     }
     function X(e) {
       var t, d;
@@ -81,10 +81,10 @@ const ge = {
       p("search", c);
     }
     function Z() {
-      _(r);
+      $(r);
     }
     function ee(e) {
-      H(e);
+      U(e);
     }
     function le() {
     }
@@ -96,7 +96,7 @@ const ge = {
       a(ye, {
         modelValue: l(c),
         "onUpdate:modelValue": [
-          o[1] || (o[1] = (t) => S(c) ? c.value = t : null),
+          o[1] || (o[1] = (t) => _(c) ? c.value = t : null),
           Y
         ],
         label: e.label,
@@ -104,10 +104,10 @@ const ge = {
         "hide-details": e.hideDetails,
         density: e.density,
         ref_key: "textFieldRef",
-        ref: g,
+        ref: C,
         autocomplete: "off",
         onFocusInput: Z,
-        onHandleClick: l(U),
+        onHandleClick: l(O),
         rounded: l(s) ? "rounded-t" : "rounded",
         onBlur: le,
         onKeyDown: X,
@@ -116,8 +116,8 @@ const ge = {
         "error-messages": h.value
       }, ae({
         default: i(() => [
-          l(A)(r.value) ? (n(), v("div", ge, [
-            (n(!0), v(ne, null, re(r.value, (t) => (n(), m(Ce, {
+          l(A)(r.value) ? (n(), v("div", Ce, [
+            (n(!0), v(ne, null, re(r.value, (t) => (n(), m(ge, {
               key: t.id ?? t.name,
               size: "small"
             }, {
@@ -129,7 +129,7 @@ const ge = {
                     icon: l(f).close,
                     size: "small",
                     class: "ml-1",
-                    onClick: (d) => l(x)(t)
+                    onClick: (d) => l(E)(t)
                   }, null, 8, ["icon", "onClick"])
                 ])
               ]),
@@ -138,14 +138,13 @@ const ge = {
           ])) : k("", !0),
           a(he, {
             transition: "fade",
-            "onClick:outside": l(N),
+            "onClick:outside": l(x),
             modelValue: l(s),
-            "onUpdate:modelValue": o[0] || (o[0] = (t) => S(s) ? s.value = t : null),
+            "onUpdate:modelValue": o[0] || (o[0] = (t) => _(s) ? s.value = t : null),
             activator: "parent",
             "z-index": e.zIndex,
             "parent-ref": M.value,
-            location: "bottom",
-            origin: "bottom left",
+            origin: e.menuOrigin,
             onHandleEscape: Q,
             "close-on-content-click": e.closeOnSelect,
             width: "w-full",
@@ -166,7 +165,7 @@ const ge = {
                 }, 8, ["onClick", "bgColor", "class"])
               ])) : k("", !0),
               a(fe, {
-                "onClick:select": l(O),
+                "onClick:select": l(H),
                 ref_key: "listRef",
                 ref: w,
                 onKeyDown: ee,
@@ -229,7 +228,7 @@ const ge = {
               }, 8, ["onClick:select"])
             ]),
             _: 1
-          }, 8, ["onClick:outside", "modelValue", "z-index", "parent-ref", "close-on-content-click", "max-height", "hide-details"])
+          }, 8, ["onClick:outside", "modelValue", "z-index", "parent-ref", "origin", "close-on-content-click", "max-height", "hide-details"])
         ]),
         _: 2
       }, [
@@ -238,7 +237,7 @@ const ge = {
           fn: i(() => [
             e.clearable && r.value ? (n(), m(b, {
               key: 0,
-              onClick: l(E),
+              onClick: l(N),
               size: "small",
               color: "error",
               icon: l(f).close,
@@ -266,5 +265,5 @@ const ge = {
   }
 };
 export {
-  Ne as default
+  xe as default
 };

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

@@ -47,6 +47,7 @@ const e = {
     default: !0
   },
   closeOnSelect: { type: Boolean, default: !0 },
+  menuOrigin: { type: String, default: "bottom left" },
   startEmtpy: { type: Boolean, default: !1 },
   placeholderText: { type: String, default: "Seleccionar" },
   textNoItems: { type: String, default: "No hay elementos" },

package/dist/utils/tableFormatters.js

@@ -42,7 +42,7 @@ const e = {
     const n = new Date(t);
     return new Intl.DateTimeFormat("es-MX", {
       weekday: "short",
-      day: "numeric",
+      day: "2-digit",
       month: "short",
       year: "2-digit"
     }).format(n);

package/package.json

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