adverich-kun-ui 0.1.589 → 0.1.591

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

@@ -1,31 +1,31 @@
-import { nextTick as H, getCurrentInstance as q, computed as u, useSlots as G, ref as J, openBlock as n, createElementBlock as s, normalizeClass as p, toDisplayString as i, createCommentVNode as r, createElementVNode as k, mergeProps as L, unref as t, renderSlot as h, withModifiers as Q, createVNode as W } from "vue";
-import { icons as F } from "../../../../icons/index.js";
-import X from "../composables/KunTextFieldProps.js";
-import Y from "../composables/useKunTextFieldComposable.js";
-import Z from "../../../KunIcon/src/components/KunIcon.vue.js";
-const _ = {
+import { nextTick as q, getCurrentInstance as G, computed as u, useSlots as J, ref as L, openBlock as t, createElementBlock as s, normalizeClass as p, toDisplayString as i, createCommentVNode as r, createElementVNode as b, mergeProps as Q, unref as l, renderSlot as h, withModifiers as W, createBlock as X, createVNode as Y } from "vue";
+import { icons as w } from "../../../../icons/index.js";
+import Z from "../composables/KunTextFieldProps.js";
+import _ from "../composables/useKunTextFieldComposable.js";
+import F from "../../../KunIcon/src/components/KunIcon.vue.js";
+const ee = {
   key: 0,
   class: "mr-2"
-}, ee = ["type", "value", "placeholder", "disabled", "readonly", "maxlength", "aria-invalid", "aria-describedby"], te = ["disabled"], le = {
+}, le = ["type", "value", "placeholder", "disabled", "readonly", "maxlength", "aria-invalid", "aria-describedby"], te = {
   key: 3,
   class: "flex items-center justify-center min-w-[32px] h-full px-1"
-}, ne = {
+}, se = {
   key: 5,
   class: "ml-2"
-}, se = {
+}, ne = {
   key: 0,
   class: "h-[1.25rem]"
-}, oe = ["id"], re = {
+}, re = ["id"], oe = {
   key: 1,
   class: "text-xs text-center"
 }, ie = {
   key: 2,
   class: "text-xs text-right"
-}, ye = /* @__PURE__ */ Object.assign({
+}, ce = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "KunTextField",
-  props: { ...X },
+  props: { ...Z },
   emits: [
     "update:modelValue",
     "focus",
@@ -38,122 +38,124 @@ const _ = {
   setup(P, { expose: V, emit: j }) {
     const a = P, f = j, {
       inputField: d,
-      inputValue: y,
-      rootRef: w,
-      inputFocused: b,
-      validationError: E,
-      hasError: m,
-      handleInput: g,
-      handleBlur: C,
-      focusInput: I,
-      validate: K,
-      reset: S,
-      resetValidation: T,
-      clearInput: $
-    } = Y(a, f), B = (e) => {
+      inputValue: c,
+      rootRef: g,
+      inputFocused: k,
+      validationError: B,
+      hasError: y,
+      handleInput: C,
+      handleBlur: I,
+      focusInput: $,
+      validate: E,
+      reset: K,
+      resetValidation: S,
+      clearInput: T
+    } = _(a, f), O = (e) => {
       f("keyDown", e), e.key === "Enter" && (e.preventDefault(), f("enter", e));
     };
     V({
-      validate: K,
-      reset: S,
-      resetValidation: T,
+      validate: E,
+      reset: K,
+      resetValidation: S,
       inputField: d,
-      rootRef: w,
+      rootRef: g,
       focus: () => {
-        d.value && d.value.focus(), H(() => {
+        d.value && d.value.focus(), q(() => {
           d.value && d.value.focus();
         });
       }
     });
-    const c = `input-${q().uid}`, O = u(() => b.value || y.value !== "" || a.dirty), x = G(), A = u(() => !!x["prepend-inner"]), N = u(() => !!x["append-inner"]), v = J(!1), z = u(() => v.value ? F.eyeOffOutline : F.eyeOutline);
-    function M() {
+    const m = `input-${G().uid}`, z = u(() => k.value || c.value !== "" || a.dirty), x = J(), A = u(() => !!x["prepend-inner"]), N = u(() => !!x["append-inner"]), v = L(!1), M = u(() => v.value ? w.eyeOffOutline : w.eyeOutline);
+    function R() {
       v.value = !v.value;
     }
-    const R = u(() => a.type === "password" ? v.value ? "text" : "password" : a.type), U = u(() => a.density === "compact" ? "p-1" : a.density === "comfortable" ? "p-2" : "p-3");
-    return (e, l) => {
+    const U = u(() => a.type === "password" ? v.value ? "text" : "password" : a.type), H = u(() => a.density === "compact" ? "p-1" : a.density === "comfortable" ? "p-2" : "p-3");
+    return (e, n) => {
       var D;
-      return n(), s("div", {
+      return t(), s("div", {
         class: "w-full flex flex-col relative",
         ref_key: "rootRef",
-        ref: w
+        ref: g
       }, [
-        e.label ? (n(), s("label", {
+        e.label ? (t(), s("label", {
           key: 0,
-          for: c,
+          for: m,
           class: p([
             e.labelColor,
             "absolute left-2 transition-all duration-200 ease-in-out pointer-events-none select-none z-10",
-            O.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"
+            z.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"
           ])
         }, i(e.label), 3)) : r("", !0),
-        k("div", L({ class: "w-full flex flex-col justify-center relative" }, e.$attrs), [
-          k("div", {
+        b("div", Q({ class: "w-full flex flex-col justify-center relative" }, e.$attrs), [
+          b("div", {
             class: p(["flex flex-row items-center w-full h-full border", [
               e.bgInput,
               e.rounded,
-              t(b) ? "border-slate-400 dark:border-slate-600 shadow-[0_0_0_1px_rgba(59,130,246,0.5)]" : e.borderColor,
+              l(k) ? "border-slate-400 dark:border-slate-600 shadow-[0_0_0_1px_rgba(59,130,246,0.5)]" : e.borderColor,
               e.disabled ? "opacity-60 cursor-not-allowed" : "cursor-text",
-              t(m) ? "bg-red-200 dark:bg-red-900" : ""
+              l(y) ? "bg-red-200 dark:bg-red-900" : ""
             ]])
           }, [
-            e.prefix ? (n(), s("div", _, i(e.prefix), 1)) : r("", !0),
-            A.value ? (n(), s("div", {
+            e.prefix ? (t(), s("div", ee, i(e.prefix), 1)) : r("", !0),
+            A.value ? (t(), s("div", {
               key: 1,
               class: p([e.prependInnerClass, "flex items-center justify-center min-w-[32px] h-full px-1"])
             }, [
               h(e.$slots, "prepend-inner")
             ], 2)) : r("", !0),
             h(e.$slots, "prepend-input-content"),
-            k("input", {
+            b("input", {
               ref_key: "inputField",
               ref: d,
-              type: R.value,
-              value: t(y),
-              id: c,
+              type: U.value,
+              value: l(c),
+              id: m,
               placeholder: e.placeholder,
               disabled: e.disabled,
               readonly: e.readonly,
               maxlength: e.maxlength,
               autocomplete: "off",
-              class: p(["w-full h-full bg-transparent focus:outline-none", [U.value, e.textColor, e.placeholderColor, e.rounded, e.textCenter ? "text-center" : "", e.inputStyle]]),
-              "aria-invalid": t(m) ? "true" : "false",
-              "aria-describedby": t(m) ? `error-${c}` : null,
-              onInput: l[0] || (l[0] = (...o) => t(g) && t(g)(...o)),
-              onBlur: l[1] || (l[1] = (...o) => t(C) && t(C)(...o)),
-              onFocus: l[2] || (l[2] = (...o) => t(I) && t(I)(...o)),
-              onClick: l[3] || (l[3] = Q((o) => f("handleClick"), ["stop"])),
-              onKeydown: B,
-              onKeyup: l[4] || (l[4] = (o) => f("keyUp", o))
-            }, null, 42, ee),
-            e.clearable && t(y) ? (n(), s("button", {
+              class: p(["w-full h-full bg-transparent focus:outline-none", [H.value, e.textColor, e.placeholderColor, e.rounded, e.textCenter ? "text-center" : "", e.inputStyle]]),
+              "aria-invalid": l(y) ? "true" : "false",
+              "aria-describedby": l(y) ? `error-${m}` : null,
+              onInput: n[0] || (n[0] = (...o) => l(C) && l(C)(...o)),
+              onBlur: n[1] || (n[1] = (...o) => l(I) && l(I)(...o)),
+              onFocus: n[2] || (n[2] = (...o) => l($) && l($)(...o)),
+              onClick: n[3] || (n[3] = W((o) => f("handleClick"), ["stop"])),
+              onKeydown: O,
+              onKeyup: n[4] || (n[4] = (o) => f("keyUp", o))
+            }, null, 42, le),
+            e.clearable && l(c) ? (t(), X(F, {
               key: 2,
-              type: "button",
-              onClick: l[5] || (l[5] = (...o) => t($) && t($)(...o)),
-              class: p(["ml-2", e.textColor]),
+              onClick: l(T),
+              size: "small",
+              color: "error",
+              icon: l(w).close,
+              class: p(["mr-1 mt-1", e.textColor]),
               disabled: e.disabled || e.readonly
-            }, " × ", 10, te)) : r("", !0),
+            }, null, 8, ["onClick", "icon", "class", "disabled"])) : r("", !0),
             h(e.$slots, "default"),
-            e.type === "password" && e.showPasswordToggle ? (n(), s("div", le, [
-              W(Z, {
-                icon: z.value,
-                onClick: M
+            e.type === "password" && e.showPasswordToggle ? (t(), s("div", te, [
+              Y(F, {
+                icon: M.value,
+                onClick: R
               }, null, 8, ["icon"])
             ])) : r("", !0),
-            N.value ? (n(), s("div", {
+            N.value ? (t(), s("div", {
               key: 4,
               class: p([e.appendInnerClass, "flex items-center justify-center min-w-[32px] h-full px-1"])
             }, [
               h(e.$slots, "append-inner")
             ], 2)) : r("", !0),
-            e.suffix ? (n(), s("div", ne, i(e.suffix), 1)) : r("", !0)
+            e.suffix ? (t(), s("div", se, i(e.suffix), 1)) : r("", !0)
           ], 2),
-          e.hideDetails ? r("", !0) : (n(), s("div", se, [
-            t(m) ? (n(), s("div", {
+          e.hideDetails ? r("", !0) : (t(), s("div", ne, [
+            l(y) ? (t(), s("div", {
               key: 0,
-              id: `error-${c}`,
+              id: `error-${m}`,
               class: "text-red-500 text-sm text-center"
-            }, i(t(E) || e.errorMessage), 9, oe)) : e.hint && (e.persistentHint || t(b)) ? (n(), s("div", re, i(e.hint), 1)) : r("", !0),
-            e.counter && e.maxlength ? (n(), s("div", ie, i(((D = t(y)) == null ? void 0 : D.length) || 0) + " / " + i(e.maxlength), 1)) : r("", !0)
+            }, i(l(B) || e.errorMessage), 9, re)) : e.hint && (e.persistentHint || l(k)) ? (t(), s("div", oe, i(e.hint), 1)) : r("", !0),
+            e.counter && e.maxlength ? (t(), s("div", ie, i(((D = l(c)) == null ? void 0 : D.length) || 0) + " / " + i(e.maxlength), 1)) : r("", !0)
           ]))
         ], 16)
       ], 512);
@@ -161,5 +163,5 @@ const _ = {
   }
 });
 export {
-  ye as default
+  ce as default
 };

package/dist/config/kunDocumentConfig.js

@@ -1,7 +1,8 @@
-const t = {
+import { reactive as o } from "vue";
+const t = o({
   documentTypes: [],
   countries: []
-}, o = {
+}), u = {
   get documentTypes() {
     return t.documentTypes;
   },
@@ -19,5 +20,5 @@ const t = {
   }
 };
 export {
-  o as kunDocumentConfig
+  u as kunDocumentConfig
 };

package/dist/utils/tableFormatters.js

@@ -1,5 +1,5 @@
-import { kunConfig as d } from "../config/kunConfig.js";
-import { kunDocumentConfig as m } from "../config/kunDocumentConfig.js";
+import { kunConfig as l } from "../config/kunConfig.js";
+import { kunDocumentConfig as _ } from "../config/kunDocumentConfig.js";
 const S = {
   doc_ar: {
     cuit: { mask: [2, 8, 1] },
@@ -69,78 +69,74 @@ const S = {
     passaporte: { mask: [1, 8] }
   }
 };
-function h(t) {
+function D(t) {
   return String(t || "").toUpperCase().replace(/[^A-Z0-9]/g, "");
 }
-function T(t, n) {
+function F(t, n) {
   let r = "";
   for (let o = 0; o < t.length; o++)
     o > 0 && (t.length - o) % 3 === 0 && (r += n), r += t[o];
   return r;
 }
-function b(t, n, r) {
+function C(t, n, r) {
   let o = "", e = 0;
-  for (let c = 0; c < n.length && e < t.length; c++)
-    o += t.substring(e, e + n[c]), e += n[c], c < n.length - 1 && e < t.length && (o += r ? r[c] ?? "-" : "-");
+  for (let s = 0; s < n.length && e < t.length; s++)
+    o += t.substring(e, e + n[s]), e += n[s], s < n.length - 1 && e < t.length && (o += r ? r[s] ?? "-" : "-");
   return o;
 }
-function w(t, n, r) {
-  var c;
-  const o = h(String(t ?? ""));
+function h(t, n, r) {
+  var s;
+  const o = D(String(t ?? ""));
   if (!o) return t ?? "";
-  const e = (c = S[n]) == null ? void 0 : c[r];
-  return e ? e.rutFormat ? o.length < 2 ? o : T(o.slice(0, -1), e.thousandsSep || ".") + "-" + o.slice(-1) : e.thousandsSep ? T(o, e.thousandsSep) : e.mask ? b(o, e.mask, e.separators ?? null) : o : o;
+  const e = (s = S[n]) == null ? void 0 : s[r];
+  return e ? e.rutFormat ? o.length < 2 ? o : F(o.slice(0, -1), e.thousandsSep || ".") + "-" + o.slice(-1) : e.thousandsSep ? F(o, e.thousandsSep) : e.mask ? C(o, e.mask, e.separators ?? null) : o : o;
 }
-function L(t, n) {
+function $(t, n) {
   var o;
   if (!t || !t.value) return;
   if (t.columnType === "relation") {
-    const e = N(n, t.relationPath);
-    return p(e);
+    const e = x(n, t.relationPath);
+    return m(e);
   }
   if (t.columnType === "function") {
     const e = (o = t.columnFunction) == null ? void 0 : o.call(t, n, t);
-    return p(e);
+    return m(e);
   }
   const r = n == null ? void 0 : n[t.value];
-  return p(r);
+  return m(r);
 }
-function C(t, n, r, o) {
-  var g, y, k, _;
-  const e = h(String(t ?? ""));
-  if (!e) return e;
-  if (!n || !(r != null && r.length))
-    return console.warn("[KunTable][doc] sin documentTypeId o documentTypes vacío:", { documentTypeId: n, documentTypesLen: r == null ? void 0 : r.length }), e;
-  const c = r.find((a) => a.id == n);
-  if (!c)
-    return console.warn("[KunTable][doc] no se encontró docType con id:", n, "| disponibles:", r.map((a) => a.id)), e;
-  const i = c.country_id ?? ((g = c.country) == null ? void 0 : g.id);
-  let s = null;
-  if (i && (o != null && o.length)) {
-    const a = o.find((D) => D.id == i), f = (a == null ? void 0 : a.iso2) || (a == null ? void 0 : a.iso_code) || (a == null ? void 0 : a.code);
-    console.log("[KunTable][doc] country_id:", i, "| country:", a, "| iso2:", f), f && (s = `doc_${f.toLowerCase()}`);
-  } else
-    console.warn("[KunTable][doc] sin countryId o countries vacío:", { countryId: i, countriesLen: o == null ? void 0 : o.length });
-  if (!s) {
-    const a = c.country_iso2 || ((y = c.country) == null ? void 0 : y.iso2);
-    a && (s = `doc_${a.toLowerCase()}`);
+function N(t, n, r, o) {
+  var d, p, g, k;
+  const e = D(String(t ?? ""));
+  if (!e || !n || !(r != null && r.length)) return e;
+  const s = r.find((c) => c.id == n);
+  if (!s) return e;
+  const a = s.country_id ?? ((d = s.country) == null ? void 0 : d.id);
+  let i = null;
+  if (a && (o != null && o.length)) {
+    const c = o.find((w) => w.id == a), y = (c == null ? void 0 : c.iso2) || (c == null ? void 0 : c.iso_code) || (c == null ? void 0 : c.code);
+    y && (i = `doc_${y.toLowerCase()}`);
   }
-  const u = ((k = c.short_name) == null ? void 0 : k.toLowerCase()) || ((_ = c.name) == null ? void 0 : _.toLowerCase());
-  return console.log("[KunTable][doc] docType:", JSON.stringify(c), "| docCode:", s, "| docFormat:", u, "| value:", t), !s || !u ? e : w(t, s, u);
+  if (!i) {
+    const c = s.country_iso2 || ((p = s.country) == null ? void 0 : p.iso2);
+    c && (i = `doc_${c.toLowerCase()}`);
+  }
+  const f = ((g = s.short_name) == null ? void 0 : g.toLowerCase()) || ((k = s.name) == null ? void 0 : k.toLowerCase());
+  return !i || !f ? e : h(t, i, f);
 }
-function K(t, n, r = null) {
-  var e, c, i, s;
+function L(t, n, r = null) {
+  var e, s;
   if (t.columnType === "toComplete") return "";
   if (n == null) return "Sin datos";
   if (t.columnType === "dateTime" || t.columnType === "date")
-    return (l[t.columnType] || l.default)(n);
+    return (u[t.columnType] || u.default)(n);
   if (t.columnType === "document") {
-    const u = (r == null ? void 0 : r.document_type_id) ?? ((e = r == null ? void 0 : r.entity) == null ? void 0 : e.document_type_id) ?? null;
-    return console.log("[KunTable][doc] formatValue — header.value:", t.value, "| docTypeId:", u, "| value:", n, "| documentTypes len:", (c = m.documentTypes) == null ? void 0 : c.length, "| countries len:", (i = m.countries) == null ? void 0 : i.length), C(n, u, m.documentTypes, m.countries);
+    const a = (r == null ? void 0 : r.document_type_id) ?? ((e = r == null ? void 0 : r.entity) == null ? void 0 : e.document_type_id) ?? null;
+    return N(n, a, _.documentTypes, _.countries);
   }
-  return (s = t.columnType) != null && s.startsWith("doc_") ? w(n, t.columnType, t.columnFormat) : (l[t.columnFormat] || l.default)(n);
+  return (s = t.columnType) != null && s.startsWith("doc_") ? h(n, t.columnType, t.columnFormat) : (u[t.columnFormat] || u.default)(n);
 }
-const l = {
+const u = {
   default: (t) => t,
   // TEXTS
   text: (t) => String(t),
@@ -149,11 +145,11 @@ const l = {
   // ya está procesado por getComposedValue
   // NUMBERS - Usa config global directamente
   number: (t) => {
-    const n = d.locale;
+    const n = l.locale;
     return Number(t).toLocaleString(n);
   },
   money: (t) => {
-    const n = d.current, r = n.locale, o = n.precision, e = n.currency;
+    const n = l.current, r = n.locale, o = n.precision, e = n.currency;
     return new Intl.NumberFormat(r, {
       style: "currency",
       currency: e.value,
@@ -166,21 +162,21 @@ const l = {
   noCeros: (t) => parseFloat(t ?? 0),
   percentage: (t) => `${parseFloat(t ?? 0)}%`,
   date: (t) => {
-    var s;
-    if (!t || t === "0000-00-00" || !F(t)) return "Nunca";
-    const [n, r, o] = t.split("-").map(Number), e = new Date(n, r - 1, o, 12, 0, 0), c = d.current, i = c.locale;
-    return new Intl.DateTimeFormat(i, {
+    var i;
+    if (!t || t === "0000-00-00" || !T(t)) return "Nunca";
+    const [n, r, o] = t.split("-").map(Number), e = new Date(n, r - 1, o, 12, 0, 0), s = l.current, a = s.locale;
+    return new Intl.DateTimeFormat(a, {
       weekday: "short",
       day: "2-digit",
       month: "short",
       year: "2-digit",
-      ...(s = c.date) == null ? void 0 : s.dateFormat
+      ...(i = s.date) == null ? void 0 : i.dateFormat
     }).format(e);
   },
   dateTime: (t) => {
     var e;
-    if (!t || t === "0000-00-00" || !F(t)) return "Nunca";
-    const n = new Date(t), r = d.current, o = r.locale;
+    if (!t || t === "0000-00-00" || !T(t)) return "Nunca";
+    const n = new Date(t), r = l.current, o = r.locale;
     return new Intl.DateTimeFormat(o, {
       weekday: "short",
       day: "2-digit",
@@ -195,24 +191,24 @@ const l = {
   },
   secondsToTime: (t) => I(t ?? 0)
 };
-function N(t, n) {
+function x(t, n) {
   return !t || !n ? t : n.split(".").reduce((r, o) => r == null ? void 0 : r[o], t);
 }
 function I(t) {
   const n = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60), o = t % 60;
   return `${n} horas, ${r} minutos y ${o} segundos`;
 }
-function p(t) {
+function m(t) {
   if (t != null && !(t === "null" || t === "undefined"))
     return t;
 }
-function F(t) {
+function T(t) {
   const n = new Date(t);
   return !isNaN(n.getTime());
 }
 export {
-  K as formatValue,
-  l as formatters,
-  N as getNestedValue,
-  L as getValue
+  L as formatValue,
+  u as formatters,
+  x as getNestedValue,
+  $ as getValue
 };

package/package.json

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