adverich-kun-ui 0.1.498 → 0.1.500

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

@@ -1,7 +1,7 @@
 import { ref as d, computed as M, watch as H, nextTick as F } from "vue";
 import { isArray as S, isObject as O, fullCopy as L } from "../../../../utils/utils.js";
 function U(t, y, c, v) {
-  const l = d(null), g = d(null), x = d(null), i = d(!1), b = d(""), N = (e, n) => {
+  const l = d(null), b = d(null), x = d(null), i = d(!1), g = d(""), N = (e, n) => {
     if (t.returnObject) return s(e, t.itemTitle);
     const u = l.value.find((f) => f[t.itemValue] === e);
     return s(u, t.itemTitle);
@@ -41,7 +41,6 @@ function U(t, y, c, v) {
     return S(e) ? t.returnObject ? e.map((r) => r[n]).join(" - ") : e.map((r) => r).join(" - ") : u && typeof e != "number" ? e.includes(",") ? e.split(",") : e : ((f = e == null ? void 0 : e.toString) == null ? void 0 : f.call(e)) ?? "";
   }
   function C(e) {
-    console.log(e);
     try {
       let n = null;
       if (l.value = L(e), !t.multiple)
@@ -85,7 +84,7 @@ function U(t, y, c, v) {
     c.value = c.value.filter((u) => u !== n);
   }
   function A(e) {
-    t.clearSearchOnSelect && (b.value = ""), t.clearOnSelect && E(), t.focusOnSelect && j();
+    t.clearSearchOnSelect && (g.value = ""), t.clearOnSelect && E(), t.focusOnSelect && j();
   }
   function k() {
     i.value || (i.value = !0);
@@ -100,16 +99,16 @@ function U(t, y, c, v) {
     return e.length === 1 && e.match(/\w/);
   }
   function j() {
-    g.value.inputField.focus(), console.log("sera???");
+    b.value.inputField.focus();
   }
   function K() {
-    i.value = !0, x.value && g.value.$el.focus();
+    i.value = !0, x.value && b.value.$el.focus();
   }
   function $(e) {
     const n = e.key;
     (w(n) || n === "Backspace") && (k(), j(), F(() => {
       var f;
-      const u = (f = g.value) == null ? void 0 : f.inputField;
+      const u = (f = b.value) == null ? void 0 : f.inputField;
       if (u) {
         const r = u.selectionStart, o = u.selectionEnd, a = u.value, h = e.key.length === 1 ? e.key : "";
         u.value = a.slice(0, r) + h + a.slice(o), u.selectionStart = u.selectionEnd = r + h.length, u.dispatchEvent(new Event("input", { bubbles: !0 }));
@@ -124,17 +123,17 @@ function U(t, y, c, v) {
     c.value.splice(n, 1);
   }
   function E() {
-    b.value !== "" && (b.value = ""), c.value !== null && (c.value = null), l.value !== null && (l.value = null);
+    g.value !== "" && (g.value = ""), c.value !== null && (c.value = null), l.value !== null && (l.value = null);
   }
   function G(e) {
     return !!e.disabled;
   }
   return {
     selectedItem: l,
-    textFieldRef: g,
+    textFieldRef: b,
     listRef: x,
     menuModel: i,
-    search: b,
+    search: g,
     getArrayText: N,
     placeholder: B,
     textArr: R,

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

@@ -44,10 +44,11 @@ const R = { class: "absolute inset-0 flex items-center justify-center z-10" }, G
     icon: [Boolean, String, Function, Object, Array],
     prependIcon: [String, Function, Object, Array],
     appendIcon: [String, Function, Object, Array],
-    iconSize: { type: String, default: null }
+    iconSize: { type: String, default: null },
+    focusColor: { type: String, default: null }
   },
   setup(n, { expose: v }) {
-    const h = O(), a = W(), t = n, k = r(() => !!t.to || !!t.href), S = r(() => !k.value), $ = r(() => t.href ? "a" : t.to ? H : "button"), f = (e) => !e || e === !1 || e === !0 && !t.icon ? null : q(P, {
+    const g = O(), a = W(), t = n, k = r(() => !!t.to || !!t.href), S = r(() => !k.value), $ = r(() => t.href ? "a" : t.to ? H : "button"), f = (e) => !e || e === !1 || e === !0 && !t.icon ? null : q(P, {
       icon: e,
       size: z.value,
       color: t.textColor ?? "text-font-color",
@@ -119,7 +120,7 @@ const R = { class: "absolute inset-0 flex items-center justify-center z-10" }, G
         default:
           return `${e} ${s}`;
       }
-    }), j = r(() => !!t.text), g = r(() => {
+    }), j = r(() => !!t.text), h = r(() => {
       var e, s, o;
       return ((e = a.class) == null ? void 0 : e.includes("w-")) || ((s = a.class) == null ? void 0 : s.includes("min-w-")) || ((o = a.class) == null ? void 0 : o.includes("max-w-"));
     }), I = r(() => {
@@ -127,8 +128,8 @@ const R = { class: "absolute inset-0 flex items-center justify-center z-10" }, G
       return ((e = a.class) == null ? void 0 : e.includes("h-")) || ((s = a.class) == null ? void 0 : s.includes("min-h-")) || ((o = a.class) == null ? void 0 : o.includes("max-h-"));
     }), p = r(() => {
       var s;
-      const e = ((s = t.text) == null ? void 0 : s.length) === 1 && !h.default && !t.icon;
-      return !!t.icon && !t.text && !h.default || e;
+      const e = ((s = t.text) == null ? void 0 : s.length) === 1 && !g.default && !t.icon;
+      return !!t.icon && !t.text && !g.default || e;
     }), A = r(() => {
       const e = [
         "inline-flex items-center justify-center break-keep transition-all whitespace-nowrap",
@@ -171,8 +172,9 @@ const R = { class: "absolute inset-0 flex items-center justify-center z-10" }, G
         t.ring ? "focus:ring-2 focus:ring-offset-2" : "",
         "active:scale-[.98]",
         "transition duration-100 ease-in-out",
-        "cursor-pointer"
-      ) : (e.push("pointer-events-none"), t.disabled && e.push("opacity-50 cursor-not-allowed")), j.value && !p.value && !g.value && e.push(t.minWidth), e.filter(Boolean);
+        "cursor-pointer",
+        t.focusColor ? `focus:${t.focusColor}` : ""
+      ) : (e.push("pointer-events-none"), t.disabled && e.push("opacity-50 cursor-not-allowed")), j.value && !p.value && !h.value && e.push(t.minWidth), e.filter(Boolean);
     }), b = E(null);
     return v({
       focus: () => {
@@ -189,7 +191,7 @@ const R = { class: "absolute inset-0 flex items-center justify-center z-10" }, G
     }), {
       default: V(() => [
         x("div", {
-          class: y(["relative flex items-center justify-center", g.value ? "" : "w-full", I.value ? "" : "h-full"])
+          class: y(["relative flex items-center justify-center", h.value ? "" : "w-full", I.value ? "" : "h-full"])
         }, [
           n.loading ? u(e.$slots, "loader", { key: 0 }, () => [
             x("div", R, [

package/dist/components/KunTextField/src/composables/useKunTextFieldComposable.js

@@ -1,7 +1,7 @@
-import { ref as a, inject as V, computed as E, watch as g, onUnmounted as T } from "vue";
+import { ref as a, inject as V, computed as E, watch as F, onUnmounted as T } from "vue";
 import { debounce as j } from "../../../../utils/utils.js";
 function R(u, r) {
-  const l = a(u.modelValue ?? ""), o = a(!1), t = a(""), n = a(!1), F = a(null), h = a(null), s = a(!1), d = V("registerField", null), v = V("unregisterField", null), y = E(() => u.error || !!t.value && n.value), c = async () => {
+  const l = a(u.modelValue ?? ""), o = a(!1), t = a(""), n = a(!1), g = a(null), h = a(null), s = a(!1), d = V("registerField", null), v = V("unregisterField", null), y = E(() => u.error || !!t.value && n.value), c = async () => {
     for (const e of u.rules) {
       const m = await Promise.resolve(e(l.value));
       if (m !== !0) return m;
@@ -11,9 +11,9 @@ function R(u, r) {
     const e = await c();
     t.value = e === !0 ? "" : e;
   }, u.debounce ?? 300);
-  g(() => u.modelValue, (e) => {
+  F(() => u.modelValue, (e) => {
     e !== l.value && (s.value = !0, l.value = e ?? "");
-  }), g(l, () => {
+  }), F(l, () => {
     if (s.value) {
       s.value = !1;
       return;
@@ -29,7 +29,7 @@ function R(u, r) {
     }
     r("blur");
   }, B = () => {
-    console.log("aaa"), o.value = !0, r("focus");
+    o.value = !0, r("focus");
   }, I = () => {
     l.value = "", r("update:modelValue", ""), n.value = !0, u.validateOnBlur || f();
   }, i = async () => {
@@ -44,7 +44,7 @@ function R(u, r) {
   return d && d({ validate: i }), T(() => {
     v && v({ validate: i });
   }), {
-    inputField: F,
+    inputField: g,
     inputValue: l,
     rootRef: h,
     inputFocused: o,

package/package.json

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