adverich-kun-ui 0.1.53 → 0.1.54

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

@@ -1,17 +1,17 @@
-import { mergeModels as T, useModel as b, watchEffect as fe, resolveComponent as d, createBlock as m, openBlock as r, unref as e, withKeys as pe, isRef as _, createSlots as ve, withCtx as s, createElementBlock as w, createCommentVNode as V, createVNode as u, Fragment as z, renderList as P, createElementVNode as U, createTextVNode as c, toDisplayString as k, normalizeClass as ye } from "vue";
+import { mergeModels as T, useModel as b, ref as _, onMounted as pe, onUnmounted as ve, watchEffect as ye, watch as Ve, resolveComponent as d, createBlock as m, openBlock as r, unref as e, withKeys as ke, isRef as z, createSlots as Ie, withCtx as s, createElementBlock as w, createCommentVNode as V, createVNode as u, Fragment as P, renderList as U, createElementVNode as B, createTextVNode as c, toDisplayString as k, normalizeClass as Ce } from "vue";
 import { isArray as M } from "../utils/helpers.js";
-import { useAutocomplete as Ve } from "../composables/useAutocomplete.js";
-import { useIntersect as ke } from "../composables/useIntersect.js";
-import { KunAutocompleteProps as Ie } from "../composables/KunAutocompleteProps.js";
-import Ce from "../../../KunTextField/src/components/KunTextField.vue.js";
-import ge from "../../../KunChip/src/components/KunChip.vue.js";
+import { useAutocomplete as ge } from "../composables/useAutocomplete.js";
+import { useIntersect as be } from "../composables/useIntersect.js";
+import { KunAutocompleteProps as we } from "../composables/KunAutocompleteProps.js";
+import Me from "../../../KunTextField/src/components/KunTextField.vue.js";
+import Se from "../../../KunChip/src/components/KunChip.vue.js";
 import I from "../../../KunIcon/src/components/KunIcon.vue.js";
-const be = {
+const he = {
   key: 0,
   class: "d-flex justify-center align-center"
-}, we = { class: "d-flex justify-center align-center" }, Ne = {
+}, $e = { class: "d-flex justify-center align-center" }, Te = {
   __name: "KunAutocomplete",
-  props: /* @__PURE__ */ T(Ie, {
+  props: /* @__PURE__ */ T(we, {
     modelValue: { default: null },
     modelModifiers: {},
     items: { default: [], type: Array, required: !0 },
@@ -20,42 +20,42 @@ const be = {
     itemsPerIntersectionModifiers: {}
   }),
   emits: /* @__PURE__ */ T(["createItem", "validation"], ["update:modelValue", "update:items", "update:itemsPerIntersection"]),
-  setup(f, { emit: B }) {
-    const o = b(f, "modelValue"), D = b(f, "items"), F = b(f, "itemsPerIntersection"), i = f, C = B, S = ref(null), {
+  setup(f, { emit: D }) {
+    const o = b(f, "modelValue"), F = b(f, "items"), j = b(f, "itemsPerIntersection"), i = f, C = D, S = _(null), {
       selectedItem: a,
       textFieldRef: h,
       listRef: $,
       menuModel: p,
       search: g,
-      removeItem: j,
-      clearSelection: q,
+      removeItem: q,
+      clearSelection: H,
       lightReset: K,
-      openMenu: H,
-      focusOnMenu: G,
-      onMenuKeydown: J,
-      setSelectedItemValue: Q,
-      getSelectedItem: W,
-      textArr: X,
-      getItemText: Y,
-      createItem: Z,
-      checkDisabled: ee,
-      filteredItems: te,
+      openMenu: G,
+      focusOnMenu: J,
+      onMenuKeydown: Q,
+      setSelectedItemValue: W,
+      getSelectedItem: X,
+      textArr: Y,
+      getItemText: Z,
+      createItem: ee,
+      checkDisabled: te,
+      filteredItems: le,
       itemToString: L,
       placeholder: x,
-      isCloseOnSelect: le,
-      handleIntersect: ne,
+      isCloseOnSelect: ne,
+      handleIntersect: oe,
       intersectObserved: R
-    } = Ve(i, C, o, D, F), { observe: oe, stopObserver: se } = ke(() => ne(), "0px 0px 200px 0px", R, p, S);
-    function re() {
-      R.value || oe();
+    } = ge(i, C, o, F, j), { observe: se, stopObserver: re } = be(() => oe(), "0px 0px 200px 0px", R, p, S);
+    function ie() {
+      R.value || se();
     }
-    onMounted(() => i.focusOnRender ? h.value.focus() : ""), onUnmounted(() => se()), fe(() => {
-      isObject(o.value) && !isNotEmpty(o.value) && (a.value = {}), M(o.value) && !isNotEmpty(o.value) && (a.value = []), o.value === null && (a.value = null), Q();
+    pe(() => i.focusOnRender ? h.value.focus() : ""), ve(() => re()), ye(() => {
+      isObject(o.value) && !isNotEmpty(o.value) && (a.value = {}), M(o.value) && !isNotEmpty(o.value) && (a.value = []), o.value === null && (a.value = null), W();
     });
-    function ie(t) {
+    function ae(t) {
       return o.value === null || o.value === void 0 ? !1 : i.multiple ? o.value.find((l) => l[i.itemValue] === t[i.itemValue]) : x.value === t[i.itemTitle];
     }
-    const v = ref(""), N = (t) => {
+    const v = _(""), N = (t) => {
       for (const l of i.rules) {
         const y = l(t);
         if (y !== !0)
@@ -63,73 +63,73 @@ const be = {
       }
       return v.value = "", C("validation", !0), !0;
     };
-    return watch(() => o.value, (t, l) => {
+    return Ve(() => o.value, (t, l) => {
       isNotEmpty(i.rules) && N(t);
     }), (t, l) => {
-      const y = d("VBtn"), O = d("VListItem"), ae = d("VListItemTitle"), ue = d("VListItemSubtitle"), de = d("VList"), me = d("VMenu");
-      return r(), m(Ce, {
+      const y = d("VBtn"), O = d("VListItem"), ue = d("VListItemTitle"), de = d("VListItemSubtitle"), me = d("VList"), ce = d("VMenu");
+      return r(), m(Me, {
         modelValue: e(g),
-        "onUpdate:modelValue": l[3] || (l[3] = (n) => _(g) ? g.value = n : null),
+        "onUpdate:modelValue": l[3] || (l[3] = (n) => z(g) ? g.value = n : null),
         label: t.label,
         dirty: "",
         "hide-details": t.hideDetails,
         density: t.density,
-        onKeydown: e(H),
-        onKeyup: pe(e(G), ["down"]),
+        onKeydown: e(G),
+        onKeyup: ke(e(J), ["down"]),
         ref_key: "textFieldRef",
         ref: h,
         autocomplete: "off",
         width: "100%",
         placeholder: e(M)(e(a)) && e(a).length ? "" : e(x),
-        error: !!e(v),
+        error: !!v.value,
         onFocus: l[4] || (l[4] = (n) => {
           N(o.value);
         }),
-        "error-messages": e(v)
-      }, ve({
+        "error-messages": v.value
+      }, Ie({
         default: s(() => [
-          e(M)(e(a)) ? (r(), w("div", be, [
-            (r(!0), w(z, null, P(e(a), (n) => (r(), m(ge, {
+          e(M)(e(a)) ? (r(), w("div", he, [
+            (r(!0), w(P, null, U(e(a), (n) => (r(), m(Se, {
               size: "small",
               class: "ml-1"
             }, {
               default: s(() => [
-                U("div", we, [
-                  c(k(e(Y)(n, t.itemTitle)) + " ", 1),
+                B("div", $e, [
+                  c(k(e(Z)(n, t.itemTitle)) + " ", 1),
                   u(I, {
                     color: "error",
                     icon: "$mdiClose",
                     size: "small",
                     class: "ml-1",
-                    onClick: (ce) => e(j)(n)
+                    onClick: (fe) => e(q)(n)
                   }, null, 8, ["onClick"])
                 ])
               ]),
               _: 2
             }, 1024))), 256))
           ])) : V("", !0),
-          u(me, {
+          u(ce, {
             "onClick:outside": l[1] || (l[1] = (n) => e(K)()),
             modelValue: e(p),
-            "onUpdate:modelValue": l[2] || (l[2] = (n) => _(p) ? p.value = n : null),
+            "onUpdate:modelValue": l[2] || (l[2] = (n) => z(p) ? p.value = n : null),
             activator: "parent",
-            onKeydown: e(J),
-            "close-on-content-click": e(le),
+            onKeydown: e(Q),
+            "close-on-content-click": e(ne),
             "max-height": t.maxHeight
           }, {
             default: s(() => [
-              u(de, {
-                "onUpdate:selected": e(W),
+              u(me, {
+                "onUpdate:selected": e(X),
                 "onClick:select": l[0] || (l[0] = (n) => e(K)()),
                 ref_key: "listRef",
                 ref: $,
-                onMouseover: re
+                onMouseover: ie
               }, {
                 default: s(() => [
                   t.hasCreateItem ? (r(), m(O, { key: 0 }, {
                     default: s(() => [
                       u(y, {
-                        onClick: e(Z),
+                        onClick: e(ee),
                         class: "w-100",
                         color: "success"
                       }, {
@@ -141,24 +141,24 @@ const be = {
                     ]),
                     _: 1
                   })) : V("", !0),
-                  (r(!0), w(z, null, P(e(te), (n, ce) => {
+                  (r(!0), w(P, null, U(e(le), (n, fe) => {
                     var A, E;
                     return r(), m(O, {
                       key: ((A = n.id) == null ? void 0 : A.toString()) ?? n.name,
                       value: n,
-                      disabled: e(ee)(n),
-                      class: ye(ie(n) ? t.selectedColor : t.bgItemListColor),
+                      disabled: e(te)(n),
+                      class: Ce(ae(n) ? t.selectedColor : t.bgItemListColor),
                       density: t.density,
                       id: ((E = n.id) == null ? void 0 : E.toString()) ?? n.name
                     }, {
                       default: s(() => [
-                        u(ae, { class: "text-wrap" }, {
+                        u(ue, { class: "text-wrap" }, {
                           default: s(() => [
-                            c(k(e(L)(n, e(X), "hasDefault")), 1)
+                            c(k(e(L)(n, e(Y), "hasDefault")), 1)
                           ]),
                           _: 2
                         }, 1024),
-                        u(ue, {
+                        u(de, {
                           class: "text-wrap",
                           textContent: k(t.itemSubtitle ? e(L)(n, t.itemSubtitle) : "")
                         }, null, 8, ["textContent"])
@@ -166,7 +166,7 @@ const be = {
                       _: 2
                     }, 1032, ["value", "disabled", "class", "density", "id"]);
                   }), 128)),
-                  U("div", {
+                  B("div", {
                     ref_key: "intersectRef",
                     ref: S
                   }, null, 512)
@@ -184,7 +184,7 @@ const be = {
           fn: s(() => [
             t.clearable && e(a) ? (r(), m(I, {
               key: 0,
-              onClick: e(q),
+              onClick: e(H),
               size: "small",
               color: "error",
               icon: "$mdiClose",
@@ -219,5 +219,5 @@ const be = {
   }
 };
 export {
-  Ne as default
+  Te as default
 };

package/package.json

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