adverich-kun-ui 0.1.56 → 0.1.57

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

@@ -1,76 +1,79 @@
-import { mergeModels as A, useModel as R, onMounted as le, ref as E, watch as oe, createBlock as u, openBlock as r, unref as e, isRef as U, createSlots as ne, withCtx as n, createElementBlock as z, createCommentVNode as v, createVNode as i, Fragment as re, renderList as ie, createElementVNode as ae, createTextVNode as C, toDisplayString as $, normalizeClass as se } from "vue";
-import { icons as f } from "../../../../icons/index.js";
-import { isNotEmpty as ue, isArray as B } from "../utils/helpers.js";
-import de from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
-import ce from "../../../KunList/src/components/KunList.vue.js";
+import { mergeModels as R, useModel as E, onMounted as oe, ref as U, watch as ne, createBlock as c, openBlock as i, unref as e, isRef as z, createSlots as re, withCtx as r, createElementBlock as L, createCommentVNode as g, createVNode as a, Fragment as ie, renderList as ae, createElementVNode as se, createTextVNode as b, toDisplayString as V, normalizeClass as ue } from "vue";
+import { icons as p } from "../../../../icons/index.js";
+import { isNotEmpty as de, isArray as B } from "../utils/helpers.js";
+import ce from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
+import me from "../../../KunList/src/components/KunList.vue.js";
 import F from "../../../KunListItem/src/components/KunListItem.vue.js";
-import me from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
-import fe from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
-import pe from "../../../kunMenu/src/components/kunMenu.vue.js";
-import { useAutocomplete as ye } from "../composables/useAutocomplete.js";
+import fe from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
+import pe from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
+import ye from "../../../kunMenu/src/components/kunMenu.vue.js";
+import { useAutocomplete as ve } from "../composables/useAutocomplete.js";
 import { KunAutocompleteProps as ke } from "../composables/KunAutocompleteProps.js";
-import ve from "../../../KunTextField/src/components/KunTextField.vue.js";
+import ge from "../../../KunTextField/src/components/KunTextField.vue.js";
 import he from "../../../KunBtn/src/components/KunBtn.vue.js";
-import ge from "../../../KunChip/src/components/KunChip.vue.js";
+import Ce from "../../../KunChip/src/components/KunChip.vue.js";
 import h from "../../../KunIcon/src/components/KunIcon.vue.js";
 const be = {
   key: 0,
   class: "flex justify-center align-center"
-}, Ce = { class: "flex justify-center align-center" }, Be = {
+}, Ve = { class: "flex justify-center align-center" }, Be = {
   __name: "KunAutocomplete",
-  props: /* @__PURE__ */ A(ke, {
+  props: /* @__PURE__ */ R(ke, {
     modelValue: { default: null },
     modelModifiers: {},
     items: { default: [], type: Array, required: !0 },
     itemsModifiers: {}
   }),
-  emits: /* @__PURE__ */ A(["createItem", "validation", "search"], ["update:modelValue", "update:items"]),
-  setup(g, { emit: N }) {
-    const b = R(g, "modelValue"), S = R(g, "items"), d = g, p = N, {
-      selectedItem: c,
-      textFieldRef: a,
-      listRef: y,
-      menuModel: s,
-      search: m,
-      removeItem: H,
-      clearSelection: O,
-      lightReset: V,
-      openMenu: P,
+  emits: /* @__PURE__ */ R(["createItem", "validation", "search"], ["update:modelValue", "update:items"]),
+  setup(C, { emit: N }) {
+    const s = E(C, "modelValue"), $ = E(C, "items"), n = C, y = N, {
+      selectedItem: m,
+      textFieldRef: u,
+      listRef: v,
+      menuModel: d,
+      search: f,
+      removeItem: T,
+      clearSelection: H,
+      lightReset: S,
+      openMenu: O,
       onMenuKeydown: w,
-      getSelectedItem: T,
-      textArr: L,
-      getItemText: j,
-      createItem: q,
-      checkDisabled: W,
+      getSelectedItem: P,
+      textArr: j,
+      getItemText: q,
+      createItem: W,
+      checkDisabled: G,
       itemToString: x,
-      placeholder: G,
+      placeholder: I,
       hasCreateItem: J
-    } = ye(d, p, b, S);
-    le(() => {
-      X(), d.focusOnRender && a.value.focus();
+    } = ve(n, y, s, $);
+    oe(() => {
+      Y(), n.focusOnRender && u.value.focus();
     });
-    const k = E(""), _ = (t) => {
-      for (const o of d.rules) {
+    function Q(t) {
+      return s.value === null || s.value === void 0 ? n.bgItemListColor : n.multiple ? s.value.find((o) => o[n.itemValue] === t[n.itemValue]) ? n.selectedColor : n.bgItemListColor : I.value === t[n.itemTitle] ? n.selectedColor : n.bgItemListColor;
+    }
+    const k = U(""), _ = (t) => {
+      for (const o of n.rules) {
         const l = o(t);
         if (l !== !0)
-          return k.value = l, p("validation", !1), !1;
+          return k.value = l, y("validation", !1), !1;
       }
-      return k.value = "", p("validation", !0), !0;
+      return k.value = "", y("validation", !0), !0;
     };
-    oe(() => b.value, (t, o) => {
-      ue(d.rules) && _(t);
+    ne(() => s.value, (t, o) => {
+      de(n.rules) && _(t);
     });
     function K() {
-      s.value = !1, a.value.$el.focus();
+      d.value = !1, u.value.$el.focus();
     }
-    function Q(t) {
-      p("search", m);
+    function X(t) {
+      y("search", f);
     }
-    const I = E({});
-    function X() {
-      if (a.value) {
-        const t = a.value.$el.getBoundingClientRect();
-        I.value = {
+    const M = U({});
+    function Y() {
+      if (u.value) {
+        const t = u.value.$el.getBoundingClientRect();
+        M.value = {
           position: "absolute",
           top: `${t.bottom}px`,
           // Posiciona el menú justo debajo
@@ -81,133 +84,133 @@ const be = {
         };
       }
     }
-    function Y() {
-      _(b), s.value = !0;
+    function Z() {
+      _(s), d.value = !0;
     }
-    function Z(t) {
+    function ee(t) {
       const o = t.key;
       if (o === "Escape") {
         K();
         return;
       }
       if (["ArrowDown", "ArrowUp"].includes(o)) {
-        if (!y.value) return;
-        y.value.focusWithKey(o);
+        if (!v.value) return;
+        v.value.focusWithKey(o);
         return;
       }
       w(t);
     }
-    function ee(t) {
+    function te(t) {
       w(t);
     }
-    return (t, o) => (r(), u(ve, {
-      modelValue: e(m),
+    return (t, o) => (i(), c(ge, {
+      modelValue: e(f),
       "onUpdate:modelValue": [
-        o[3] || (o[3] = (l) => U(m) ? m.value = l : null),
-        Q
+        o[3] || (o[3] = (l) => z(f) ? f.value = l : null),
+        X
       ],
       label: t.label,
       dirty: "",
       "hide-details": t.hideDetails,
       density: t.density,
       ref_key: "textFieldRef",
-      ref: a,
+      ref: u,
       autocomplete: "off",
-      onKeyDown: Z,
-      onFocusInput: Y,
-      onHandleClick: e(P),
-      placeholder: e(B)(e(c)) && e(c).length ? "" : e(G),
+      onKeyDown: ee,
+      onFocusInput: Z,
+      onHandleClick: e(O),
+      placeholder: e(B)(e(m)) && e(m).length ? "" : e(I),
       error: !!k.value,
       "error-messages": k.value
-    }, ne({
-      default: n(() => [
-        e(B)(e(c)) ? (r(), z("div", be, [
-          (r(!0), z(re, null, ie(e(c), (l) => (r(), u(ge, {
+    }, re({
+      default: r(() => [
+        e(B)(e(m)) ? (i(), L("div", be, [
+          (i(!0), L(ie, null, ae(e(m), (l) => (i(), c(Ce, {
             key: l.id ?? l.name,
             size: "small",
             class: "ml-1"
           }, {
-            default: n(() => [
-              ae("div", Ce, [
-                C($(e(j)(l, t.itemTitle)) + " ", 1),
-                i(h, {
+            default: r(() => [
+              se("div", Ve, [
+                b(V(e(q)(l, t.itemTitle)) + " ", 1),
+                a(h, {
                   color: "error",
-                  icon: e(f).close,
+                  icon: e(p).close,
                   size: "small",
                   class: "ml-1",
-                  onClick: (te) => e(H)(l)
+                  onClick: (le) => e(T)(l)
                 }, null, 8, ["icon", "onClick"])
               ])
             ]),
             _: 2
           }, 1024))), 128))
-        ])) : v("", !0),
-        i(pe, {
+        ])) : g("", !0),
+        a(ye, {
           transition: "fade",
-          "onClick:outside": o[1] || (o[1] = (l) => e(V)()),
-          modelValue: e(s),
-          "onUpdate:modelValue": o[2] || (o[2] = (l) => U(s) ? s.value = l : null),
+          "onClick:outside": o[1] || (o[1] = (l) => e(S)()),
+          modelValue: e(d),
+          "onUpdate:modelValue": o[2] || (o[2] = (l) => z(d) ? d.value = l : null),
           activator: "parent",
-          "text-field-ref": e(a),
+          "text-field-ref": e(u),
           onHandleEscape: K,
           "close-on-content-click": t.closeOnSelect,
           "max-height": t.maxHeight,
-          menuPositionStyle: I.value
+          menuPositionStyle: M.value
         }, {
-          default: n(() => [
-            i(ce, {
-              "onUpdate:selected": e(T),
-              "onClick:select": o[0] || (o[0] = (l) => e(V)()),
+          default: r(() => [
+            a(me, {
+              "onUpdate:selected": e(P),
+              "onClick:select": o[0] || (o[0] = (l) => e(S)()),
               ref_key: "listRef",
-              ref: y,
-              onKeyDown: ee
+              ref: v,
+              onKeyDown: te
             }, {
-              default: n(() => [
-                e(J) ? (r(), u(F, { key: 0 }, {
-                  default: n(() => [
-                    i(he, {
-                      onClick: e(q),
+              default: r(() => [
+                e(J) ? (i(), c(F, { key: 0 }, {
+                  default: r(() => [
+                    a(he, {
+                      onClick: e(W),
                       class: "w-full",
                       color: "bg-green-400"
                     }, {
-                      default: n(() => o[4] || (o[4] = [
-                        C(" Crear item ")
+                      default: r(() => o[4] || (o[4] = [
+                        b(" Crear item ")
                       ])),
                       _: 1,
                       __: [4]
                     }, 8, ["onClick"])
                   ]),
                   _: 1
-                })) : v("", !0),
-                i(de, {
-                  items: S.value,
-                  search: e(m),
-                  "searchable-keys": d.searchableKeys,
+                })) : g("", !0),
+                a(ce, {
+                  items: $.value,
+                  search: e(f),
+                  "searchable-keys": n.searchableKeys,
                   "items-per-intersection": 10,
-                  enabled: e(s),
+                  enabled: e(d),
                   virtual: !1,
                   "item-height": 48
                 }, {
-                  default: n(({ item: l, index: te }) => {
-                    var M, D;
+                  default: r(({ item: l, index: le }) => {
+                    var D, A;
                     return [
-                      (r(), u(F, {
+                      (i(), c(F, {
                         value: l,
-                        key: ((M = l.id) == null ? void 0 : M.toString()) ?? l.name,
-                        disabled: e(W)(l),
-                        class: se(t.itemListBg(l)),
+                        key: ((D = l.id) == null ? void 0 : D.toString()) ?? l.name,
+                        disabled: e(G)(l),
+                        class: ue(Q(l)),
                         density: t.density,
-                        id: ((D = l.id) == null ? void 0 : D.toString()) ?? l.name
+                        id: ((A = l.id) == null ? void 0 : A.toString()) ?? l.name
                       }, {
-                        default: n(() => [
-                          i(me, { class: "text-wrap" }, {
-                            default: n(() => [
-                              C($(e(x)(l, e(L), "hasDefault")), 1)
+                        default: r(() => [
+                          a(fe, { class: "text-wrap" }, {
+                            default: r(() => [
+                              b(V(e(x)(l, e(j), "hasDefault")), 1)
                             ]),
                             _: 2
                           }, 1024),
-                          i(fe, {
-                            textContent: $(t.itemSubtitle ? e(x)(l, t.itemSubtitle) : "")
+                          a(pe, {
+                            textContent: V(t.itemSubtitle ? e(x)(l, t.itemSubtitle) : "")
                           }, null, 8, ["textContent"])
                         ]),
                         _: 2
@@ -227,28 +230,28 @@ const be = {
     }, [
       t.hasIcons ? {
         name: "append-inner",
-        fn: n(() => [
-          t.clearable && e(c) ? (r(), u(h, {
+        fn: r(() => [
+          t.clearable && e(m) ? (i(), c(h, {
             key: 0,
-            onClick: e(O),
+            onClick: e(H),
             size: "small",
             color: "error",
-            icon: e(f).close,
+            icon: e(p).close,
             class: "mr-1 mt-1"
-          }, null, 8, ["onClick", "icon"])) : v("", !0),
-          i(h, {
+          }, null, 8, ["onClick", "icon"])) : g("", !0),
+          a(h, {
             color: "teal-darken-1",
             size: "large",
             class: "cursor-pointer",
-            icon: e(y) ? e(f).menuUpOutline : e(f).menuDownOutline
+            icon: e(v) ? e(p).menuUpOutline : e(p).menuDownOutline
           }, null, 8, ["icon"]),
-          t.required ? (r(), u(h, {
+          t.required ? (i(), c(h, {
             key: 1,
             color: "teal-darken-1",
             size: "x-small",
             class: "mb-4",
-            icon: e(f).asterisk
-          }, null, 8, ["icon"])) : v("", !0)
+            icon: e(p).asterisk
+          }, null, 8, ["icon"])) : g("", !0)
         ]),
         key: "0"
       } : void 0

package/package.json

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