adverich-kun-ui 0.1.454 → 0.1.456

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

@@ -1,37 +1,34 @@
-import { computed as f, createBlock as p, openBlock as s, unref as z, withCtx as n, createElementVNode as h, mergeProps as $, withKeys as K, withModifiers as S, renderSlot as a, createCommentVNode as l, createElementBlock as o, normalizeClass as i, createVNode as r, resolveDynamicComponent as j } from "vue";
+import { computed as f, createBlock as u, openBlock as s, unref as z, withCtx as a, createElementVNode as h, mergeProps as $, withKeys as K, withModifiers as S, renderSlot as n, createCommentVNode as l, createElementBlock as o, normalizeClass as i, createVNode as r, resolveDynamicComponent as j } from "vue";
 import { RouterLink as B } from "vue-router";
 import { kunCardProps as H } from "../composables/kunCardProps.js";
-import u from "../../../KunCardItem/src/components/KunCardItem.vue.js";
+import p from "../../../KunCardItem/src/components/KunCardItem.vue.js";
 import g from "../../../KunCardTitle/src/components/KunCardTitle.vue.js";
 import b from "../../../KunCardText/src/components/KunCardText.vue.js";
 import w from "../../../KunCardActions/src/components/KunCardActions.vue.js";
 const W = ["href", "onClick", "onKeydown"], N = ["src"], V = {
   key: 1,
-  class: "flex items-center gap-2 px-4 py-2"
+  class: "flex items-center gap-2"
 }, D = ["src"], E = {
   key: 2,
-  class: "px-4 pt-4"
+  class: "pt-2"
 }, L = {
   key: 4,
-  class: "flex items-center gap-2 px-4 py-2"
+  class: "flex items-center gap-2"
 }, P = ["src"], M = {
   key: 5,
-  class: "px-4 pb-4 flex justify-end gap-2"
+  class: "flex justify-end gap-2"
 }, O = {
   key: 6,
   class: "absolute bottom-0 left-0 w-full h-1 bg-primary animate-pulse"
 }, R = ["src"], T = {
   key: 1,
-  class: "flex items-center gap-2 px-4 py-2"
-}, q = ["src"], F = {
-  key: 2,
-  class: "px-4 pt-4"
-}, G = {
+  class: "flex items-center gap-2"
+}, q = ["src"], F = { key: 2 }, G = {
   key: 4,
-  class: "flex items-center gap-2 px-4 py-2"
+  class: "flex items-center gap-2"
 }, J = ["src"], Q = {
   key: 5,
-  class: "px-4 pb-4 flex justify-end gap-2"
+  class: "flex justify-end gap-2"
 }, U = {
   key: 6,
   class: "absolute bottom-0 left-0 w-full h-1 bg-primary animate-pulse"
@@ -39,17 +36,17 @@ const W = ["href", "onClick", "onKeydown"], N = ["src"], V = {
   __name: "KunCard",
   props: H,
   setup(C) {
-    const t = C, y = f(() => !!(t.to || t.href)), A = f(() => t.tag || "div");
-    function c(e, d) {
+    const t = C, c = f(() => !!(t.to || t.href)), A = f(() => t.tag || "div");
+    function v(e, d) {
       e.ctrlKey || e.metaKey || e.button === 1 || (e.preventDefault(), d == null || d());
     }
-    const v = f(() => [
+    const y = f(() => [
       "relative",
       "overflow-hidden",
       "flex",
       "flex-col",
       "w-full",
-      y.value ? "cursor-pointer" : "",
+      c.value ? "cursor-pointer" : "",
       t.scrollable ? "h-full" : "",
       t.bgColor,
       t.textColor,
@@ -71,30 +68,30 @@ const W = ["href", "onClick", "onKeydown"], N = ["src"], V = {
       t.variant === "text" ? "bg-transparent shadow-none" : "",
       (t.variant === "plain", "")
     ].filter(Boolean).join(" "));
-    return (e, d) => y.value ? (s(), p(z(B), {
+    return (e, d) => c.value ? (s(), u(z(B), {
       key: 0,
       to: e.to,
       replace: e.replace,
       exact: e.exact,
       custom: ""
     }, {
-      default: n(({ navigate: k, href: I }) => [
+      default: a(({ navigate: k, href: I }) => [
         h("a", $({
           href: I,
-          class: v.value,
+          class: y.value,
           role: "link",
           tabindex: "0",
-          onClick: (m) => c(m, k),
-          onKeydown: K(S((m) => c(m, k), ["prevent"]), ["enter"])
+          onClick: (m) => v(m, k),
+          onKeydown: K(S((m) => v(m, k), ["prevent"]), ["enter"])
         }, e.$attrs), [
-          e.image || e.$slots.image ? a(e.$slots, "image", { key: 0 }, () => [
+          e.image || e.$slots.image ? n(e.$slots, "image", { key: 0 }, () => [
             h("img", {
               src: e.image,
               class: "w-full h-auto object-cover"
             }, null, 8, N)
           ]) : l("", !0),
           e.prependAvatar || e.prependIcon || e.$slots.prepend ? (s(), o("div", V, [
-            a(e.$slots, "prepend"),
+            n(e.$slots, "prepend"),
             e.prependAvatar ? (s(), o("img", {
               key: 0,
               src: e.prependAvatar,
@@ -106,10 +103,10 @@ const W = ["href", "onClick", "onKeydown"], N = ["src"], V = {
             }, null, 2)) : l("", !0)
           ])) : l("", !0),
           e.$slots.title || e.title || e.subtitle ? (s(), o("div", E, [
-            r(u, {
+            r(p, {
               dense: e.density !== "default"
             }, {
-              default: n(() => [
+              default: a(() => [
                 r(g, {
                   title: e.title,
                   subtitle: e.subtitle,
@@ -121,17 +118,17 @@ const W = ["href", "onClick", "onKeydown"], N = ["src"], V = {
           ])) : l("", !0),
           e.$slots.default || e.text ? (s(), o("div", {
             key: 3,
-            class: i(["px-4 py-2 text-sm", e.scrollable ? "flex-grow overflow-auto" : ""])
+            class: i(["text-sm", e.scrollable ? "flex-grow overflow-auto" : ""])
           }, [
-            e.text ? (s(), p(u, { key: 0 }, {
-              default: n(() => [
+            e.text ? (s(), u(p, { key: 0 }, {
+              default: a(() => [
                 r(b, { text: e.text }, null, 8, ["text"])
               ]),
               _: 1
-            })) : a(e.$slots, "default", { key: 1 })
+            })) : n(e.$slots, "default", { key: 1 })
           ], 2)) : l("", !0),
           e.appendAvatar || e.appendIcon || e.$slots.append ? (s(), o("div", L, [
-            a(e.$slots, "append"),
+            n(e.$slots, "append"),
             e.appendAvatar ? (s(), o("img", {
               key: 0,
               src: e.appendAvatar,
@@ -144,8 +141,8 @@ const W = ["href", "onClick", "onKeydown"], N = ["src"], V = {
           ])) : l("", !0),
           e.$slots.actions ? (s(), o("div", M, [
             r(w, null, {
-              default: n(() => [
-                a(e.$slots, "actions")
+              default: a(() => [
+                n(e.$slots, "actions")
               ]),
               _: 3
             })
@@ -154,19 +151,19 @@ const W = ["href", "onClick", "onKeydown"], N = ["src"], V = {
         ], 16, W)
       ]),
       _: 3
-    }, 8, ["to", "replace", "exact"])) : (s(), p(j(A.value), $({
+    }, 8, ["to", "replace", "exact"])) : (s(), u(j(A.value), $({
       key: 1,
-      class: v.value
+      class: y.value
     }, e.$attrs), {
-      default: n(() => [
-        e.image || e.$slots.image ? a(e.$slots, "image", { key: 0 }, () => [
+      default: a(() => [
+        e.image || e.$slots.image ? n(e.$slots, "image", { key: 0 }, () => [
           h("img", {
             src: e.image,
             class: "w-full h-auto object-cover"
           }, null, 8, R)
         ]) : l("", !0),
         e.prependAvatar || e.prependIcon || e.$slots.prepend ? (s(), o("div", T, [
-          a(e.$slots, "prepend"),
+          n(e.$slots, "prepend"),
           e.prependAvatar ? (s(), o("img", {
             key: 0,
             src: e.prependAvatar,
@@ -178,10 +175,10 @@ const W = ["href", "onClick", "onKeydown"], N = ["src"], V = {
           }, null, 2)) : l("", !0)
         ])) : l("", !0),
         e.$slots.title || e.title || e.subtitle ? (s(), o("div", F, [
-          r(u, {
+          r(p, {
             dense: e.density !== "default"
           }, {
-            default: n(() => [
+            default: a(() => [
               r(g, {
                 title: e.title,
                 subtitle: e.subtitle,
@@ -193,17 +190,17 @@ const W = ["href", "onClick", "onKeydown"], N = ["src"], V = {
         ])) : l("", !0),
         e.$slots.default || e.text ? (s(), o("div", {
           key: 3,
-          class: i(["px-4 py-2 text-sm", e.scrollable ? "flex-grow overflow-auto" : ""])
+          class: i(["text-sm", e.scrollable ? "flex-grow overflow-auto" : ""])
         }, [
-          e.text ? (s(), p(u, { key: 0 }, {
-            default: n(() => [
+          e.text ? (s(), u(p, { key: 0 }, {
+            default: a(() => [
               r(b, { text: e.text }, null, 8, ["text"])
             ]),
             _: 1
-          })) : a(e.$slots, "default", { key: 1 })
+          })) : n(e.$slots, "default", { key: 1 })
         ], 2)) : l("", !0),
         e.appendAvatar || e.appendIcon || e.$slots.append ? (s(), o("div", G, [
-          a(e.$slots, "append"),
+          n(e.$slots, "append"),
           e.appendAvatar ? (s(), o("img", {
             key: 0,
             src: e.appendAvatar,
@@ -216,8 +213,8 @@ const W = ["href", "onClick", "onKeydown"], N = ["src"], V = {
         ])) : l("", !0),
         e.$slots.actions ? (s(), o("div", Q, [
           r(w, null, {
-            default: n(() => [
-              a(e.$slots, "actions")
+            default: a(() => [
+              n(e.$slots, "actions")
             ]),
             _: 3
           })

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

@@ -12,7 +12,7 @@ const O = {
   class: "mx-2"
 }, W = {
   key: 2,
-  class: "flex items-center justify-center h-full pl-1"
+  class: "flex items-center justify-center h-full pl-2"
 }, X = ["value", "placeholder", "readonly", "disabled", "maxlength", "aria-invalid"], Y = {
   key: 3,
   class: "px-2"

package/dist/components/KunNumberField/src/composables/useKunNumberFieldComposable.js

@@ -1,142 +1,150 @@
-import { ref as N, computed as j, watch as q, nextTick as C } from "vue";
-import { format as h, clamp as w, toRawNumberString as S, fromRawString as L } from "./numberFormatUtils.js";
-function O(t, o) {
-  const u = N(""), r = N(null), F = N(null), x = N(!1), s = N(0);
-  let n = "";
-  const K = j(() => Number(t.precision) > 0 ? Number(t.precision) + 1 : 1);
-  function d(e) {
-    return Number(t.precision) === 0 ? e === "" ? "0" : e.replace(/^0+(\d)/, "$1") : e.padStart(K.value, "0");
+import { ref as w, computed as q, watch as G, nextTick as y } from "vue";
+import { format as d, clamp as x, toRawNumberString as D, fromRawString as L } from "./numberFormatUtils.js";
+function Q(i, s) {
+  const l = w(""), c = w(null), F = w(null), R = w(!1), m = w(0);
+  let t = "";
+  const K = q(() => {
+    const e = Number(i.precision);
+    return e > 0 ? e + 1 : 1;
+  });
+  function h(e) {
+    return Number(i.precision) === 0 ? e === "" ? "0" : e.replace(/^0+(\d)/, "$1") : e.padStart(K.value, "0");
   }
-  q(() => t.modelValue, (e) => {
-    if (e == null || isNaN(e))
-      u.value = h(0, t), n = "0".repeat(Number(t.precision) + 1);
-    else {
-      const i = parseFloat(e), c = w(i, t.min, t.max);
-      n = S(c, Number(t.precision)), n.length < Number(t.precision) + 1 && (n = n.padStart(Number(t.precision) + 1, "0")), u.value = h(c, t);
-    }
-  }, { immediate: !0 });
+  G(
+    [() => i.modelValue, () => i.precision],
+    ([e, n], [r, u]) => {
+      const N = Number(n) !== Number(u);
+      if (e == null || isNaN(e))
+        l.value = d(0, { ...i, precision: n }), t = "0".repeat(Number(n) + 1);
+      else {
+        const v = parseFloat(e), o = x(v, i.min, i.max);
+        N && (t = D(o, Number(n))), t.length < Number(n) + 1 && (t = t.padStart(Number(n) + 1, "0")), l.value = d(o, { ...i, precision: n });
+      }
+    },
+    { immediate: !0 }
+  );
   function $(e) {
-    const { key: i, target: c } = e, l = /^[0-9]$/.test(i), A = i === "Backspace", y = i === "Delete", g = ["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].includes(i), b = e.ctrlKey || e.metaKey, m = i === "Home", z = i === "End";
-    if (m) {
-      C(() => {
-        if (!r.value) return;
-        const v = u.value.search(/\d/);
-        r.value.setSelectionRange(v, v);
+    const { key: n, target: r } = e, u = /^[0-9]$/.test(n), N = n === "Backspace", v = n === "Delete", o = ["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].includes(n), b = e.ctrlKey || e.metaKey, f = n === "Home", U = n === "End";
+    if (f) {
+      y(() => {
+        if (!c.value) return;
+        const S = l.value.search(/\d/);
+        c.value.setSelectionRange(S, S);
       });
       return;
     }
-    if (z) {
-      C(() => {
-        if (!r.value) return;
-        const a = u.value;
-        r.value.setSelectionRange(a.length, a.length);
+    if (U) {
+      y(() => {
+        if (!c.value) return;
+        const a = l.value;
+        c.value.setSelectionRange(a.length, a.length);
       });
       return;
     }
-    if (g || b) return;
-    const D = E(u.value, c.selectionStart);
+    if (o || b) return;
+    const V = E(l.value, r.selectionStart);
     e.preventDefault();
-    const k = Number(t.precision) + 1;
-    for (; n.length < k; )
-      n = "0" + n;
-    const f = R(u.value, D);
-    if (l)
-      n = n.substring(0, f) + i + n.substring(f), s.value = f + 1;
-    else if (A && D > 0) {
-      const a = R(u.value, D), v = a - 1;
-      if (n.length <= Number(t.precision) + 1) {
-        const U = Math.max(0, a - 1);
-        n = n.slice(0, U) + n.slice(a), n = d(n), s.value = a, V();
+    const k = Number(i.precision) + 1;
+    for (; t.length < k; )
+      t = "0" + t;
+    const g = A(l.value, V);
+    if (u)
+      t = t.substring(0, g) + n + t.substring(g), m.value = g + 1;
+    else if (N && V > 0) {
+      const a = A(l.value, V), S = a - 1;
+      if (t.length <= Number(i.precision) + 1) {
+        const j = Math.max(0, a - 1);
+        t = t.slice(0, j) + t.slice(a), t = h(t), m.value = a, C();
         return;
       }
-      a > 0 && (n = n.slice(0, v) + n.slice(a), n = d(n), s.value = v);
-    } else y && D < u.value.length && f < n.length && (n = n.substring(0, f) + n.substring(f + 1), s.value = f);
-    for (n = d(n); n.length < k; )
-      n = "0" + n;
-    V();
+      a > 0 && (t = t.slice(0, S) + t.slice(a), t = h(t), m.value = S);
+    } else v && V < l.value.length && g < t.length && (t = t.substring(0, g) + t.substring(g + 1), m.value = g);
+    for (t = h(t); t.length < k; )
+      t = "0" + t;
+    C();
   }
-  function R(e, i) {
-    let c = 0;
-    for (let l = 0; l < i; l++)
-      /\d/.test(e[l]) && c++;
-    return c;
+  function A(e, n) {
+    let r = 0;
+    for (let u = 0; u < n; u++)
+      /\d/.test(e[u]) && r++;
+    return r;
   }
-  function B(e, i) {
-    let c = 0;
-    for (let l = 0; l < e.length; l++)
-      if (/\d/.test(e[l])) {
-        if (c === i)
-          return l;
-        c++;
+  function B(e, n) {
+    let r = 0;
+    for (let u = 0; u < e.length; u++)
+      if (/\d/.test(e[u])) {
+        if (r === n)
+          return u;
+        r++;
       }
-    for (let l = e.length - 1; l >= 0; l--)
-      if (/\d/.test(e[l]))
-        return l + 1;
+    for (let u = e.length - 1; u >= 0; u--)
+      if (/\d/.test(e[u]))
+        return u + 1;
     return e.length;
   }
-  function E(e, i) {
-    for (; i < e.length && !/\d/.test(e[i]); )
-      i++;
-    if (i >= e.length)
-      for (i = e.length; i > 0 && !/\d/.test(e[i - 1]); )
-        i--;
-    const c = e.search(/\d/);
-    return i < c && (i = c), i;
+  function E(e, n) {
+    for (; n < e.length && !/\d/.test(e[n]); )
+      n++;
+    if (n >= e.length)
+      for (n = e.length; n > 0 && !/\d/.test(e[n - 1]); )
+        n--;
+    const r = e.search(/\d/);
+    return n < r && (n = r), n;
   }
-  function V() {
-    const e = Number(t.precision) + 1;
-    n.padStart(e, "0");
-    const i = Math.max(1, n.length - Number(t.precision)), c = n.slice(0, i) || "0", l = n.slice(i).padEnd(Number(t.precision), "0").slice(0, Number(t.precision)), A = `${c}.${l}`, y = parseFloat(A), g = w(y, t.min, t.max);
-    n = S(g, Number(t.precision)), u.value = h(g, t), o("update:modelValue", g), o("input", g), C(() => {
-      if (r.value)
+  function C() {
+    const e = Number(i.precision) + 1;
+    t.padStart(e, "0");
+    const n = Math.max(1, t.length - Number(i.precision)), r = t.slice(0, n) || "0", u = t.slice(n).padEnd(Number(i.precision), "0").slice(0, Number(i.precision)), N = `${r}.${u}`, v = parseFloat(N), o = x(v, i.min, i.max);
+    t = D(o, Number(i.precision)), l.value = d(o, i), s("update:modelValue", o), s("input", o), y(() => {
+      if (c.value)
         try {
-          const b = u.value;
-          let m = B(b, s.value);
-          for (; m < b.length && !/\d/.test(b[m]); )
-            m++;
-          r.value.setSelectionRange(m, m);
+          const b = l.value;
+          let f = B(b, m.value);
+          for (; f < b.length && !/\d/.test(b[f]); )
+            f++;
+          c.value.setSelectionRange(f, f);
         } catch {
-          r.value.setSelectionRange(u.value.length, u.value.length);
+          c.value.setSelectionRange(l.value.length, l.value.length);
         }
     });
   }
   function M() {
-    x.value = !1, n = d(n);
-    const e = L(n, Number(t.precision)), i = w(e, t.min, t.max);
-    n = S(i, Number(t.precision)), n = d(n), u.value = h(i, t), o("update:modelValue", i), o("blur");
-  }
-  function P() {
-    var i;
-    x.value = !0;
-    const e = ((i = r.value) == null ? void 0 : i.selectionStart) || 0;
-    s.value = R(u.value, e), o("focus");
+    R.value = !1, t = h(t);
+    const e = L(t, Number(i.precision)), n = x(e, i.min, i.max);
+    t = D(n, Number(i.precision)), t = h(t), l.value = d(n, i), s("update:modelValue", n), s("blur");
   }
   function T() {
-    let e = L(n, Number(t.precision)) || 0;
-    e = w(e + Number(t.step), t.min, t.max), n = S(e, Number(t.precision)), u.value = h(e, t), o("update:modelValue", e);
+    var n;
+    R.value = !0;
+    const e = ((n = c.value) == null ? void 0 : n.selectionStart) || 0;
+    m.value = A(l.value, e), s("focus");
   }
   function H() {
-    let e = L(n, Number(t.precision)) || 0;
-    e = w(e - Number(t.step), t.min, t.max), n = S(e, Number(t.precision)), u.value = h(e, t), o("update:modelValue", e);
+    let e = L(t, Number(i.precision)) || 0;
+    e = x(e + Number(i.step), i.min, i.max), t = D(e, Number(i.precision)), l.value = d(e, i), s("update:modelValue", e);
   }
   function I() {
+    let e = L(t, Number(i.precision)) || 0;
+    e = x(e - Number(i.step), i.min, i.max), t = D(e, Number(i.precision)), l.value = d(e, i), s("update:modelValue", e);
+  }
+  function z() {
     var e;
-    n = "0".repeat(Number(t.precision) + 1), s.value = Number(t.precision) + 1, V(), (e = r.value) == null || e.focus();
+    t = "0".repeat(Number(i.precision) + 1), m.value = Number(i.precision) + 1, C(), (e = c.value) == null || e.focus();
   }
   return {
-    inputValue: u,
-    numberInput: r,
+    inputValue: l,
+    numberInput: c,
     rootRef: F,
     validateKey: $,
-    handleFocus: P,
+    handleFocus: T,
     handleBlur: M,
-    onIncrement: T,
-    onDecrement: H,
-    onClear: I,
-    isActive: x,
-    focus: x
+    onIncrement: H,
+    onDecrement: I,
+    onClear: z,
+    isActive: R,
+    focus: R
   };
 }
 export {
-  O as useKunNumberField
+  Q as useKunNumberField
 };

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

@@ -168,7 +168,7 @@ const ce = { class: "relative" }, ve = {
           onBlur: U,
           onClick: r[2] || (r[2] = (s) => e.$emit("click:control", s)),
           onMousedown: r[3] || (r[3] = (s) => e.$emit("mousedown:control", s)),
-          class: b([X.value]),
+          class: b(["bg-field-background", [X.value]]),
           style: { width: "100%", "box-sizing": "border-box", "overflow-y": "hidden" }
         }, null, 42, be),
         e.clearable && n(v) ? (t(), l("div", {

package/package.json

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