adverich-kun-ui 0.1.585 → 0.1.586

package/dist/components/KunMenu/src/composables/useKunMenuStyles.js

@@ -1,39 +1,42 @@
-import { ref as a, computed as x } from "vue";
-function q(n, p, u, w) {
-  const f = a({}), c = a(null), g = a(null), H = {
+import { ref as u, computed as R } from "vue";
+function K(e, $, d, y) {
+  const v = u({}), f = u(null), x = u(null), c = u(null), w = u("bottom"), B = {
     top: { class: "origin-bottom" },
     bottom: { class: "origin-top" },
     left: { class: "origin-right" },
     right: { class: "origin-left" }
-  }, M = x(() => {
+  }, F = R(() => {
     var t;
-    return ((t = H[n.location]) == null ? void 0 : t.class) || "origin-top";
+    return w.value === "top" ? "origin-bottom" : ((t = B[e.location]) == null ? void 0 : t.class) || "origin-top";
   });
-  function s(t = 0) {
-    const o = n.parentRef || g.value, i = c.value;
-    if (!(o instanceof HTMLElement) || !(i instanceof HTMLElement)) return;
-    const e = o.getBoundingClientRect();
-    if ((e.width < 1 || e.height < 1) && t < 10) {
-      requestAnimationFrame(() => s(t + 1));
+  function m(t = 0) {
+    const l = e.parentRef || x.value, o = f.value;
+    if (!(l instanceof HTMLElement) || !(o instanceof HTMLElement)) return;
+    const n = l.getBoundingClientRect();
+    if ((n.width < 1 || n.height < 1) && t < 10) {
+      requestAnimationFrame(() => m(t + 1));
       return;
     }
     requestAnimationFrame(() => {
-      const h = i.getBoundingClientRect();
-      if ((h.width < 1 || h.height < 1) && t < 10) {
-        requestAnimationFrame(() => s(t + 1));
+      const b = o.getBoundingClientRect();
+      if ((b.width < 1 || b.height < 1) && t < 10) {
+        requestAnimationFrame(() => m(t + 1));
         return;
       }
-      const A = n.origin || L(n.location), [d, m] = A.split(" "), F = n.hideDetails ? 0 : 19, v = i.offsetWidth, E = i.offsetHeight;
-      let l = 0, r = 0;
-      m === "right" ? r = e.right - v : m === "center" ? r = e.left + e.width / 2 - v / 2 : r = e.left, d === "top" ? l = e.top - E : d === "center" ? l = e.top + e.height / 2 - E / 2 : l = e.bottom - F, f.value = {
+      const H = window.innerHeight, M = window.innerWidth, a = 8, E = e.hideDetails ? 0 : 19, s = o.offsetWidth, p = o.offsetHeight, g = H - n.bottom + E - a, h = n.top - a, S = g >= p, T = h >= p, L = !S && (T || h > g);
+      w.value = L ? "top" : "bottom";
+      const z = e.origin && e.origin !== "auto" ? e.origin : W(e.location), [, A] = z.split(" ");
+      let i = 0;
+      A === "right" ? i = n.right - s : A === "center" ? i = n.left + n.width / 2 - s / 2 : i = n.left, i + s > M - a && (i = M - s - a), i < a && (i = a);
+      const r = {
         position: "fixed",
-        top: `${l}px`,
-        left: `${r}px`,
-        width: n.width === "w-full" ? `${e.width}px` : void 0
+        left: `${i}px`,
+        width: e.width === "w-full" ? `${n.width}px` : void 0
       };
+      L ? (r.top = "auto", r.bottom = `${H - n.top}px`, c.value = h) : (r.top = `${n.bottom - E}px`, r.bottom = "auto", c.value = g), v.value = r;
     });
   }
-  function L(t) {
+  function W(t) {
     switch (t) {
       case "top":
         return "top left";
@@ -47,26 +50,29 @@ function q(n, p, u, w) {
         return "bottom left";
     }
   }
-  function b() {
-    var o, i;
-    const t = ((o = n.parentRef) == null ? void 0 : o.$el) || ((i = c.value) == null ? void 0 : i.parentElement);
+  function q() {
+    var l, o;
+    const t = ((l = e.parentRef) == null ? void 0 : l.$el) || ((o = f.value) == null ? void 0 : o.parentElement);
     if (!(t instanceof HTMLElement)) {
       console.warn("[KunMenu] Activator no válido:", t);
       return;
     }
-    t.addEventListener("click", p), t.addEventListener("mouseenter", () => u("enter")), t.addEventListener("mouseleave", () => u("leave")), t.addEventListener("focus", w);
+    t.addEventListener("click", $), t.addEventListener("mouseenter", () => d("enter")), t.addEventListener("mouseleave", () => d("leave")), t.addEventListener("focus", y);
   }
-  const R = x(() => typeof n.maxHeight == "number" ? n.maxHeight + "px" : n.maxHeight);
+  const C = R(() => {
+    const t = typeof e.maxHeight == "number" ? e.maxHeight : e.maxHeight ? parseInt(e.maxHeight) : null;
+    return c.value !== null ? `${t ? Math.min(t, c.value) : c.value}px` : typeof e.maxHeight == "number" ? e.maxHeight + "px" : e.maxHeight;
+  });
   return {
-    initializeMenu: b,
-    repositionMenu: s,
-    contentEl: c,
-    activatorEl: g,
-    originClass: M,
-    computedMaxHeight: R,
-    menuPositionStyle: f
+    initializeMenu: q,
+    repositionMenu: m,
+    contentEl: f,
+    activatorEl: x,
+    originClass: F,
+    computedMaxHeight: C,
+    menuPositionStyle: v
   };
 }
 export {
-  q as useKunMenuStyles
+  K as useKunMenuStyles
 };

package/dist/components/KunTable/src/components/KunTableRow.vue.js

@@ -1,4 +1,4 @@
-import { computed as i, openBlock as l, createElementBlock as o, normalizeClass as a, renderSlot as u, createCommentVNode as p, createVNode as $, Fragment as S, renderList as T, createBlock as V, resolveDynamicComponent as h, unref as r, createTextVNode as x, toDisplayString as R } from "vue";
+import { computed as i, openBlock as l, createElementBlock as o, normalizeClass as a, renderSlot as u, createCommentVNode as p, createVNode as $, Fragment as S, renderList as T, createBlock as V, resolveDynamicComponent as h, unref as r, createTextVNode as R, toDisplayString as x } from "vue";
 import B from "../../../KunCheckbox/src/components/KunCheckbox.vue.js";
 import { getValue as c, formatValue as E } from "../../../../utils/tableFormatters.js";
 import { kunTableRowProps as N } from "../composables/kunTableRowProps.js";
@@ -73,7 +73,7 @@ const A = { key: 0 }, D = { key: 1 }, j = "px-1 py-2 whitespace-normal word-brea
             index: e.index,
             header: t
           }, () => [
-            x(R(r(E)(t, r(c)(t, e.item))), 1)
+            R(x(r(E)(t, r(c)(t, e.item), e.item)), 1)
           ])
         ], 2);
       }), 128)),

package/dist/config/kunDocumentConfig.js

@@ -0,0 +1,14 @@
+const e = {
+  documentTypes: [],
+  countries: []
+}, t = {
+  get documentTypes() {
+    return e.documentTypes;
+  },
+  get countries() {
+    return e.countries;
+  }
+};
+export {
+  t as kunDocumentConfig
+};

package/dist/utils/tableFormatters.js

@@ -1,22 +1,143 @@
-import { kunConfig as c } from "../config/kunConfig.js";
-function p(t, n) {
-  var e;
+import { kunConfig as l } from "../config/kunConfig.js";
+import { kunDocumentConfig as _ } from "../config/kunDocumentConfig.js";
+const S = {
+  doc_ar: {
+    cuit: { mask: [2, 8, 1] },
+    cuil: { mask: [2, 8, 1] },
+    dni: { thousandsSep: "." }
+  },
+  doc_bo: {
+    nit: { mask: null },
+    ci: { mask: null }
+  },
+  doc_br: {
+    cpf: { mask: [3, 3, 3, 2], separators: [".", ".", "-"] },
+    cnpj: { mask: [2, 3, 3, 4, 2], separators: [".", ".", "/", "-"] }
+  },
+  doc_cl: {
+    rut: { rutFormat: !0, thousandsSep: "." },
+    run: { rutFormat: !0, thousandsSep: "." }
+  },
+  doc_co: {
+    nit: { mask: [9, 1] }
+  },
+  doc_cr: {
+    cedula: { mask: [1, 4, 5] },
+    dimex: { mask: [1, 4, 5] },
+    nite: { mask: [1, 3, 6] }
+  },
+  doc_do: {
+    cedula: { mask: [3, 7, 1] }
+  },
+  doc_es: {
+    dni: { mask: [8, 1] },
+    nie: { mask: [1, 7, 1] }
+  },
+  doc_gb: {
+    vat: { mask: [2, 3, 4, 2], separators: [" ", " ", " "] },
+    ni: { mask: [2, 2, 2, 2, 1], separators: [" ", " ", " ", " "] }
+  },
+  doc_de: {
+    stnr: { mask: [2, 3, 5], separators: ["/", "/"] }
+  },
+  doc_fr: {
+    siret: { mask: [3, 3, 3, 5], separators: [" ", " ", " "] },
+    siren: { mask: [3, 3, 3], separators: [" ", " "] },
+    tva: { mask: [4, 9], separators: [" "] }
+  },
+  doc_gt: {
+    nit: { mask: [8, 1] }
+  },
+  doc_hn: {
+    dni: { mask: [4, 4, 5] }
+  },
+  doc_ni: {
+    cedula: { mask: [9, 1] }
+  },
+  doc_pa: {
+    cedula: { mask: [1, 3, 4] },
+    ruc: { mask: [7, 1, 2] }
+  },
+  doc_py: {
+    ruc: { mask: [7, 1] }
+  },
+  doc_ve: {
+    cedula: { mask: [1, 8] },
+    rif: { mask: [1, 8, 1] }
+  },
+  doc_pt: {
+    passaporte: { mask: [1, 8] }
+  }
+};
+function D(t) {
+  return String(t || "").toUpperCase().replace(/[^A-Z0-9]/g, "");
+}
+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 C(t, n, r) {
+  let o = "", e = 0;
+  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 h(t, n, r) {
+  var s;
+  const o = D(String(t ?? ""));
+  if (!o) return t ?? "";
+  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 $(t, n) {
+  var o;
   if (!t || !t.value) return;
   if (t.columnType === "relation") {
-    const r = f(n, t.relationPath);
-    return u(r);
+    const e = x(n, t.relationPath);
+    return m(e);
   }
   if (t.columnType === "function") {
-    const r = (e = t.columnFunction) == null ? void 0 : e.call(t, n, t);
-    return u(r);
+    const e = (o = t.columnFunction) == null ? void 0 : o.call(t, n, t);
+    return m(e);
   }
-  const o = n == null ? void 0 : n[t.value];
-  return u(o);
+  const r = n == null ? void 0 : n[t.value];
+  return m(r);
 }
-function g(t, n) {
-  return t.columnType === "toComplete" ? "" : n == null ? "Sin datos" : t.columnType === "dateTime" || t.columnType === "date" ? (i[t.columnType] || i.default)(n) : (i[t.columnFormat] || i.default)(n);
+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()}`);
+  }
+  if (!i) {
+    const c = s.country_iso2 || ((p = s.country) == null ? void 0 : p.iso2);
+    c && (i = `doc_${c.toLowerCase()}`);
+  }
+  if (!i) return e;
+  const f = ((g = s.short_name) == null ? void 0 : g.toLowerCase()) || ((k = s.name) == null ? void 0 : k.toLowerCase());
+  return f ? h(t, i, f) : e;
 }
-const i = {
+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 (u[t.columnType] || u.default)(n);
+  if (t.columnType === "document") {
+    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_") ? h(n, t.columnType, t.columnFormat) : (u[t.columnFormat] || u.default)(n);
+}
+const u = {
   default: (t) => t,
   // TEXTS
   text: (t) => String(t),
@@ -25,16 +146,16 @@ const i = {
   // ya está procesado por getComposedValue
   // NUMBERS - Usa config global directamente
   number: (t) => {
-    const n = c.locale;
+    const n = l.locale;
     return Number(t).toLocaleString(n);
   },
   money: (t) => {
-    const n = c.current, o = n.locale, e = n.precision, r = n.currency;
-    return new Intl.NumberFormat(o, {
+    const n = l.current, r = n.locale, o = n.precision, e = n.currency;
+    return new Intl.NumberFormat(r, {
       style: "currency",
-      currency: r.value,
-      minimumFractionDigits: e,
-      maximumFractionDigits: e
+      currency: e.value,
+      minimumFractionDigits: o,
+      maximumFractionDigits: o
     }).format(t ?? 0);
   },
   noDecimal: (t) => parseFloat(t ?? 0).toFixed(0),
@@ -42,22 +163,22 @@ const i = {
   noCeros: (t) => parseFloat(t ?? 0),
   percentage: (t) => `${parseFloat(t ?? 0)}%`,
   date: (t) => {
-    var s;
-    if (!t || t === "0000-00-00" || !m(t)) return "Nunca";
-    const [n, o, e] = t.split("-").map(Number), r = new Date(n, o - 1, e, 12, 0, 0), a = c.current, l = a.locale;
-    return new Intl.DateTimeFormat(l, {
+    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 = a.date) == null ? void 0 : s.dateFormat
-    }).format(r);
+      ...(i = s.date) == null ? void 0 : i.dateFormat
+    }).format(e);
   },
   dateTime: (t) => {
-    var r;
-    if (!t || t === "0000-00-00" || !m(t)) return "Nunca";
-    const n = new Date(t), o = c.current, e = o.locale;
-    return new Intl.DateTimeFormat(e, {
+    var e;
+    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",
       month: "short",
@@ -66,29 +187,29 @@ const i = {
       minute: "2-digit",
       second: "2-digit",
       hourCycle: "h23",
-      ...(r = o.date) == null ? void 0 : r.dateTimeFormat
+      ...(e = r.date) == null ? void 0 : e.dateTimeFormat
     }).format(n);
   },
-  secondsToTime: (t) => d(t ?? 0)
+  secondsToTime: (t) => I(t ?? 0)
 };
-function f(t, n) {
-  return !t || !n ? t : n.split(".").reduce((o, e) => o == null ? void 0 : o[e], t);
+function x(t, n) {
+  return !t || !n ? t : n.split(".").reduce((r, o) => r == null ? void 0 : r[o], t);
 }
-function d(t) {
-  const n = Math.floor(t / 3600), o = Math.floor(t % 3600 / 60), e = t % 60;
-  return `${n} horas, ${o} minutos y ${e} segundos`;
+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 u(t) {
+function m(t) {
   if (t != null && !(t === "null" || t === "undefined"))
     return t;
 }
-function m(t) {
+function T(t) {
   const n = new Date(t);
   return !isNaN(n.getTime());
 }
 export {
-  g as formatValue,
-  i as formatters,
-  f as getNestedValue,
-  p 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.585",
+  "version": "0.1.586",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",