adverich-kun-ui 0.1.488 → 0.1.490

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

@@ -10,7 +10,7 @@ const O = {
 }, G = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "KunAppbar",
   props: {
-    bgColor: { type: String, default: "bg-red-700" },
+    bgColor: { type: String, default: "bg-transparent" },
     title: String,
     titleImage: String,
     titleSize: { type: String, default: "text-base" },
@@ -44,7 +44,7 @@ const O = {
     },
     animationClass: { type: String, default: "" }
   },
-  setup(e, { expose: w }) {
+  setup(e, { expose: p }) {
     const t = e, r = d(null), y = d(!0), h = d(!1);
     function u() {
       j(() => {
@@ -67,11 +67,11 @@ const O = {
       u(), t.autoHideOnScroll && window.addEventListener("scroll", S), t.responsiveCollapse && (window.addEventListener("resize", c), c());
     }), I(u), $(() => {
       window.removeEventListener("scroll", S), window.removeEventListener("resize", c);
-    }), w({
+    }), p({
       el: r,
       updateHeight: u
     });
-    const p = f(() => {
+    const w = f(() => {
       if (t.height) return t.height;
       switch (t.density) {
         case "comfortable":
@@ -85,7 +85,7 @@ const O = {
       const i = ["sm", "md", "lg", "xl", "2xl"];
       return t.elevation === "none" || !i.includes(t.elevation) ? "" : `shadow-${t.elevation}`;
     }), z = f(() => [
-      p.value,
+      w.value,
       t.bgColor,
       k.value,
       t.bordered ? t.borderColor : "",

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

@@ -1,13 +1,13 @@
 import { getCurrentInstance as z, useSlots as E, computed as P, createElementBlock as l, openBlock as r, createCommentVNode as n, createElementVNode as d, normalizeClass as y, toDisplayString as u, mergeProps as R, unref as o, createBlock as I, renderSlot as x, createVNode as V, withCtx as U, Fragment as j, renderList as H } from "vue";
 import { KunNumberFieldProps as L } from "../composables/KunNumberFieldProps.js";
-import { useKunNumberField as q } from "../composables/useKunNumberFieldComposable.js";
-import G from "../../../KunBtn/src/components/KunBtn.vue.js";
+import { useKunNumberField as T } from "../composables/useKunNumberFieldComposable.js";
+import q from "../../../KunBtn/src/components/KunBtn.vue.js";
 import f from "../../../KunIcon/src/components/KunIcon.vue.js";
-import J from "../../../../icons/IconClose.vue.js";
-const O = {
+import G from "../../../../icons/IconClose.vue.js";
+const J = {
   key: 0,
   class: "h-full"
-}, Q = ["disabled"], T = {
+}, O = ["disabled"], Q = {
   key: 1,
   class: "mx-2"
 }, W = {
@@ -64,13 +64,15 @@ const O = {
       focus: w,
       handleFocus: g,
       handleBlur: C
-    } = q(p, b);
+    } = T(p, b);
     F({
       numberInput: c,
       rootRef: v,
       focus: () => {
-        var e;
-        return (e = c.value) == null ? void 0 : e.focus();
+        nextTick(() => {
+          var e;
+          (e = c.value) == null || e.focus();
+        });
       }
     });
     const S = P(() => p.density === "compact" ? "p-1" : p.density === "comfortable" ? "p-2" : "p-3");
@@ -98,15 +100,15 @@ const O = {
             e.error ? "bg-red-200 dark:bg-red-900" : ""
           ]])
         }, [
-          !e.noArrows && e.controlVariant === "split" ? (r(), l("div", O, [
+          !e.noArrows && e.controlVariant === "split" ? (r(), l("div", J, [
             d("button", {
               type: "button",
               class: "p-3 text-lg border-r border-slate-600 text-black dark:text-white disabled:opacity-50 cursor-pointer hover:opacity-80",
               onClick: s[0] || (s[0] = (...t) => o(a) && o(a)(...t)),
               disabled: e.disabled || e.readonly
-            }, "−", 8, Q)
+            }, "−", 8, O)
           ])) : n("", !0),
-          e.prefix ? (r(), l("div", T, u(e.prefix), 1)) : n("", !0),
+          e.prefix ? (r(), l("div", Q, u(e.prefix), 1)) : n("", !0),
           e.prependIcon || N ? (r(), l("div", W, [
             e.prependIcon ? (r(), I(f, {
               key: 0,
@@ -134,7 +136,7 @@ const O = {
             pattern: "[0-9]+([\\.,][0-9]+)?"
           }, null, 42, X),
           e.clearable && o(h) != null ? (r(), l("div", Y, [
-            V(G, {
+            V(q, {
               onClick: o(B),
               rounded: "rounded-full",
               bgColor: "bg-red-500/75",
@@ -143,7 +145,7 @@ const O = {
             }, {
               default: U(() => [
                 V(f, {
-                  icon: J,
+                  icon: G,
                   size: "text-xs"
                 })
               ]),

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

@@ -32,34 +32,36 @@ const Y = {
     "keyDown",
     "keyUp"
   ],
-  setup(V, { expose: D, emit: j }) {
-    const a = V, p = j, {
+  setup(V, { expose: D, emit: T }) {
+    const a = V, p = T, {
       inputField: b,
       inputValue: f,
       rootRef: w,
       inputFocused: h,
-      validationError: B,
+      validationError: j,
       hasError: y,
       handleInput: g,
       handleBlur: C,
       focusInput: I,
-      validate: E,
-      reset: K,
-      resetValidation: S,
+      validate: B,
+      reset: E,
+      resetValidation: K,
       clearInput: $
     } = W(a, p);
     D({
-      validate: E,
-      reset: K,
-      resetValidation: S,
+      validate: B,
+      reset: E,
+      resetValidation: K,
       inputField: b,
       rootRef: w,
       focus: () => {
-        var e;
-        return (e = b.value) == null ? void 0 : e.focus();
+        nextTick(() => {
+          var e;
+          (e = b.value) == null || e.focus();
+        });
       }
     });
-    const m = `input-${U().uid}`, T = d(() => h.value || f.value !== "" || a.dirty), x = H(), N = d(() => !!x["prepend-inner"]), O = d(() => !!x["append-inner"]), v = q(!1), z = d(() => v.value ? P.eyeOffOutline : P.eyeOutline);
+    const m = `input-${U().uid}`, S = d(() => h.value || f.value !== "" || a.dirty), x = H(), N = d(() => !!x["prepend-inner"]), O = d(() => !!x["append-inner"]), v = q(!1), z = d(() => v.value ? P.eyeOffOutline : P.eyeOutline);
     function A() {
       v.value = !v.value;
     }
@@ -77,7 +79,7 @@ const Y = {
           class: u([
             e.labelColor,
             "absolute left-2 transition-all duration-200 ease-in-out pointer-events-none select-none z-10",
-            T.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"
+            S.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"
           ])
         }, i(e.label), 3)) : r("", !0),
         k("div", G({ class: "w-full flex flex-col justify-center relative" }, e.$attrs), [
@@ -146,7 +148,7 @@ const Y = {
               key: 0,
               id: `error-${m}`,
               class: "text-red-500 text-sm text-center"
-            }, i(t(B) || e.errorMessage), 9, se)) : e.hint && (e.persistentHint || t(h)) ? (o(), n("div", ne, i(e.hint), 1)) : r("", !0),
+            }, i(t(j) || e.errorMessage), 9, se)) : e.hint && (e.persistentHint || t(h)) ? (o(), n("div", ne, i(e.hint), 1)) : r("", !0),
             e.counter && e.maxlength ? (o(), n("div", oe, i(((F = t(f)) == null ? void 0 : F.length) || 0) + " / " + i(e.maxlength), 1)) : r("", !0)
           ]))
         ], 16)

package/package.json

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