adverich-kun-ui 0.1.246 → 0.1.247

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

@@ -1,10 +1,10 @@
-import { mergeModels as V, toRefs as de, useModel as pe, ref as ce, watch as j, computed as z, createElementBlock as c, openBlock as o, mergeProps as A, createCommentVNode as i, createElementVNode as D, renderSlot as a, createBlock as y, unref as s, normalizeClass as L, withDirectives as ue, vModelText as me, normalizeProps as d, guardReactiveProps as f, Fragment as fe, createVNode as N, createSlots as R, renderList as U, withCtx as H, isRef as ge } from "vue";
+import { mergeModels as V, toRefs as de, useModel as pe, ref as ce, watch as H, computed as j, createElementBlock as c, openBlock as o, mergeProps as A, createCommentVNode as i, createElementVNode as z, renderSlot as a, createBlock as y, unref as s, normalizeClass as D, withDirectives as ue, vModelText as me, normalizeProps as d, guardReactiveProps as f, Fragment as fe, createVNode as L, createSlots as N, renderList as R, withCtx as U, isRef as ge } from "vue";
 import { isMobile as b } from "../../../../utils/_platform.js";
 import he from "./KunTableHeaders.vue.js";
 import ye from "./KunTableFooter.vue.js";
 import be from "./KunTableRows.vue.js";
-import we from "./KunTableIterators.vue.js";
-import ve from "../../../KunBtn/src/components/KunBtn.vue.js";
+import ve from "./KunTableIterators.vue.js";
+import we from "../../../KunBtn/src/components/KunBtn.vue.js";
 import Se from "./KunTableFilter.vue.js";
 import $e from "../../../KunCard/src/components/KunCard.vue.js";
 import Ce from "../composables/useExpand.js";
@@ -15,7 +15,7 @@ import Te from "../composables/KunTableProps.js";
 const Ae = ["placeholder"], Ee = { key: 0 }, Me = { key: 5 }, Be = { class: "h-full" }, Ie = {
   key: 1,
   class: "sticky bottom-0 z-10"
-}, Ve = "overflow-auto h-full w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", je = "table-auto w-full h-fit text-sm text-left", Xe = {
+}, Ve = "overflow-auto h-full w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", He = "table-auto w-full h-fit text-sm text-left", Xe = {
   __name: "KunTable",
   props: /* @__PURE__ */ V(Te(), {
     selectedItems: { type: Array, default: () => [] },
@@ -23,8 +23,8 @@ const Ae = ["placeholder"], Ee = { key: 0 }, Me = { key: 5 }, Be = { class: "h-f
   }),
   emits: /* @__PURE__ */ V(["update:page", "update:itemsPerPage", "update:sortBy", "update:search"], ["update:selectedItems"]),
   setup(E, { emit: K }) {
-    const M = K, u = E, w = de(u), O = pe(E, "selectedItems"), {
-      headers: v,
+    const M = K, u = E, v = de(u), O = pe(E, "selectedItems"), {
+      headers: w,
       showExpand: S,
       showSelect: $,
       rowClass: B,
@@ -36,17 +36,17 @@ const Ae = ["placeholder"], Ee = { key: 0 }, Me = { key: 5 }, Be = { class: "h-f
       items: X,
       searchable: I,
       debounceTime: Y
-    } = w, g = ce(u.search);
-    j(() => u.search, (e) => {
+    } = v, g = ce(u.search);
+    H(() => u.search, (e) => {
       e !== g.value && (g.value = e);
     });
-    const { filteredItems: Z, setSearch: x, modalFilter: h, applyColumnFilters: _, clearFilters: ee, appliedFilters: se } = Pe(w, Y);
-    j(g, (e) => {
+    const { filteredItems: Z, setSearch: x, modalFilter: h, applyColumnFilters: _, clearFilters: ee, appliedFilters: se } = Pe(v, Y);
+    H(g, (e) => {
       M("update:search", e), x(e);
     });
-    const { options: r, paginatedItems: p, updateSort: te } = ke(w, M, Z), { isSelected: C, toggleSelect: k, toggleSelectAll: le, allSelected: oe, someSelected: ae } = Fe(p, O), { isExpanded: F, toggleExpand: P } = Ce(), m = z(() => ({
+    const { options: r, paginatedItems: p, updateSort: te } = ke(v, M, Z), { isSelected: C, toggleSelect: k, toggleSelectAll: le, allSelected: oe, someSelected: ae } = Fe(p, O), { isExpanded: F, toggleExpand: P } = Ce(), m = j(() => ({
       items: p.value,
-      headers: v.value,
+      headers: w.value,
       page: r.page,
       itemsPerPage: r.itemsPerPage,
       toggleSelect: k,
@@ -55,7 +55,7 @@ const Ae = ["placeholder"], Ee = { key: 0 }, Me = { key: 5 }, Be = { class: "h-f
       isExpanded: F,
       sortBy: r.sortBy,
       hasActions: u.hasActions
-    })), re = [Ve, G.value], ne = [je, q.value], ie = z(() => u.headers.map((e) => {
+    })), re = [Ve, G.value], ne = [He, q.value], ie = j(() => u.headers.map((e) => {
       var l;
       const t = { ...e };
       if (e.columnType === "function" && typeof e.columnFunction == "string") {
@@ -69,14 +69,14 @@ const Ae = ["placeholder"], Ee = { key: 0 }, Me = { key: 5 }, Be = { class: "h-f
     return (e, t) => (o(), c("div", A({ class: re }, e.$attrs, { style: { "user-select": "text" } }), [
       s(I) || e.filterable || e.$slots.prependSearch || e.$slots.appendSearch ? (o(), c("div", {
         key: 0,
-        class: L(["p-2 bg-slate-200 dark:bg-slate-800", {
+        class: D(["p-2 bg-slate-200 dark:bg-slate-800", {
           "justify-start flex": e.searchPosition === "start",
           "justify-center flex": e.searchPosition === "center",
           "justify-end flex": e.searchPosition === "end"
         }])
       }, [
         a(e.$slots, "prependSearch"),
-        e.filterable ? (o(), y(ve, {
+        e.filterable ? (o(), y(we, {
           key: 0,
           onClick: t[0] || (t[0] = (l) => h.value = !0),
           text: "Filtrar",
@@ -93,15 +93,15 @@ const Ae = ["placeholder"], Ee = { key: 0 }, Me = { key: 5 }, Be = { class: "h-f
         ]) : i("", !0),
         a(e.$slots, "appendSearch")
       ], 2)) : i("", !0),
-      D("table", {
-        class: L(ne)
+      z("table", {
+        class: D(ne)
       }, [
         e.$slots.colgroup && !s(b) ? (o(), c("colgroup", Ee, [
           a(e.$slots, "colgroup", d(f(m.value)))
         ])) : i("", !0),
         !s(Q) && !s(b) ? (o(), y(he, {
           key: 1,
-          headers: s(v),
+          headers: s(w),
           "sort-by": s(r).sortBy,
           "show-select": s($),
           "show-expand": s(S),
@@ -117,9 +117,9 @@ const Ae = ["placeholder"], Ee = { key: 0 }, Me = { key: 5 }, Be = { class: "h-f
         }, null, 8, ["headers", "sort-by", "show-select", "show-expand", "all-selected", "some-selected", "thead-class", "tr-class", "th-class", "has-actions", "action-label", "onSort", "onToggleSelectAll"])) : a(e.$slots, "thead", d(A({ key: 2 }, m.value))),
         s(p).length && !s(b) ? (o(), c(fe, { key: 3 }, [
           a(e.$slots, "body.prepend", d(f(m.value))),
-          N(be, {
+          L(be, {
             items: s(p),
-            headers: ie.value,
+            resolvedHeaders: ie.value,
             "tbody-class": e.tbodyClass,
             "row-class": s(B),
             "tr-class": e.trClass,
@@ -135,19 +135,19 @@ const Ae = ["placeholder"], Ee = { key: 0 }, Me = { key: 5 }, Be = { class: "h-f
             onToggleExpand: s(P),
             onToggleSelect: s(k),
             customSlots: e.customSlots
-          }, R({ _: 2 }, [
-            U(e.$slots, (l, n) => ({
+          }, N({ _: 2 }, [
+            R(e.$slots, (l, n) => ({
               name: n,
-              fn: H((T) => [
+              fn: U((T) => [
                 a(e.$slots, n, d(f(T)))
               ])
             }))
-          ]), 1032, ["items", "headers", "tbody-class", "row-class", "tr-class", "td-class", "selected-class", "striped-class", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect", "customSlots"]),
+          ]), 1032, ["items", "resolvedHeaders", "tbody-class", "row-class", "tr-class", "td-class", "selected-class", "striped-class", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect", "customSlots"]),
           a(e.$slots, "body.append", d(f(m.value)))
-        ], 64)) : s(p).length && s(b) ? (o(), y(we, {
+        ], 64)) : s(p).length && s(b) ? (o(), y(ve, {
           key: 4,
           items: s(p),
-          headers: s(v),
+          headers: s(w),
           "row-class": s(B),
           "is-selected": s(C),
           "is-expanded": s(F),
@@ -157,10 +157,10 @@ const Ae = ["placeholder"], Ee = { key: 0 }, Me = { key: 5 }, Be = { class: "h-f
           "action-loading-map": e.actionLoadingMap,
           onToggleExpand: s(P),
           onToggleSelect: s(k)
-        }, R({ _: 2 }, [
-          U(e.$slots, (l, n) => ({
+        }, N({ _: 2 }, [
+          R(e.$slots, (l, n) => ({
             name: n,
-            fn: H((T) => [
+            fn: U((T) => [
               a(e.$slots, n, d(f(T)))
             ])
           }))
@@ -169,7 +169,7 @@ const Ae = ["placeholder"], Ee = { key: 0 }, Me = { key: 5 }, Be = { class: "h-f
           a(e.$slots, "tfoot", d(f(m.value)))
         ])) : i("", !0)
       ]),
-      D("div", Be, [
+      z("div", Be, [
         s(p).length ? i("", !0) : (o(), y($e, {
           key: 0,
           class: "h-full flex justify-center items-center",
@@ -178,7 +178,7 @@ const Ae = ["placeholder"], Ee = { key: 0 }, Me = { key: 5 }, Be = { class: "h-f
         }, null, 8, ["title"]))
       ]),
       s(W) ? a(e.$slots, "footer", d(A({ key: 2 }, m.value))) : (o(), c("div", Ie, [
-        N(ye, {
+        L(ye, {
           "items-length": s(X).length,
           "items-per-page": s(r).itemsPerPage,
           "current-page": s(r).page,

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

@@ -1,11 +1,11 @@
-import { createElementBlock as l, openBlock as s, normalizeClass as a, createCommentVNode as r, renderSlot as u, createElementVNode as w, withModifiers as y, Fragment as S, renderList as f, createBlock as v, resolveDynamicComponent as h, unref as c, createTextVNode as B, toDisplayString as $ } from "vue";
+import { createElementBlock as l, openBlock as s, normalizeClass as a, createCommentVNode as m, renderSlot as u, createElementVNode as w, withModifiers as y, Fragment as S, renderList as v, createBlock as f, resolveDynamicComponent as h, unref as c, createTextVNode as B, toDisplayString as $ } from "vue";
 import { getValue as g, formatValue as A } from "../../../../utils/tableFormatters.js";
-const E = { key: 0 }, T = { key: 1 }, V = ["checked"], N = "hover:bg-slate-300 dark:hover:bg-slate-600 border-t border-slate-300 dark:border-slate-700", j = "bg-slate-100 dark:bg-slate-900", D = "px-3 py-2 whitespace-nowrap text-sm text-black dark:text-white", z = {
+const E = { key: 0 }, T = { key: 1 }, V = ["checked"], N = "hover:bg-slate-300 dark:hover:bg-slate-600 border-t border-slate-300 dark:border-slate-700", j = "bg-slate-100 dark:bg-slate-900", D = "px-3 py-2 whitespace-nowrap text-sm text-black dark:text-white", R = {
   __name: "KunTableRow",
   props: {
     item: Object,
     index: Number,
-    headers: Array,
+    resolvedHeaders: Array,
     showExpand: Boolean,
     showSelect: Boolean,
     isExpanded: Boolean,
@@ -22,7 +22,7 @@ const E = { key: 0 }, T = { key: 1 }, V = ["checked"], N = "hover:bg-slate-300 d
   },
   emits: ["toggle-expand", "toggle-select", "row-click"],
   setup(e, { emit: k }) {
-    const n = e, m = k, C = [
+    const n = e, r = k, C = [
       N,
       j,
       n.rowClass,
@@ -32,7 +32,7 @@ const E = { key: 0 }, T = { key: 1 }, V = ["checked"], N = "hover:bg-slate-300 d
     ], o = [D, n.tdClass], b = ["text-center", n.actionsAlign];
     return (d, i) => (s(), l("tr", {
       class: a(C),
-      onClick: i[2] || (i[2] = (t) => m("row-click", { item: e.item, index: e.index, event: t }))
+      onClick: i[2] || (i[2] = (t) => r("row-click", { item: e.item, index: e.index, event: t }))
     }, [
       e.showExpand ? (s(), l("td", {
         key: 0,
@@ -44,11 +44,11 @@ const E = { key: 0 }, T = { key: 1 }, V = ["checked"], N = "hover:bg-slate-300 d
           index: e.index
         }) : (s(), l("button", {
           key: 1,
-          onClick: i[0] || (i[0] = (t) => m("toggle-expand", e.item))
+          onClick: i[0] || (i[0] = (t) => r("toggle-expand", e.item))
         }, [
           e.isExpanded ? (s(), l("span", E, "−")) : (s(), l("span", T, "+"))
         ]))
-      ])) : r("", !0),
+      ])) : m("", !0),
       e.showSelect ? (s(), l("td", {
         key: 1,
         class: a([o, "h-full w-10 flex flex-col items-center justify-center"])
@@ -56,17 +56,17 @@ const E = { key: 0 }, T = { key: 1 }, V = ["checked"], N = "hover:bg-slate-300 d
         w("input", {
           type: "checkbox",
           checked: e.isSelected,
-          onChange: i[1] || (i[1] = y((t) => m("toggle-select", e.item), ["stop"])),
+          onChange: i[1] || (i[1] = y((t) => r("toggle-select", e.item), ["stop"])),
           class: "h-5 w-5 text-blue-600 transition-all duration-200 ease-in-out rounded"
         }, null, 40, V)
-      ])) : r("", !0),
-      (s(!0), l(S, null, f(e.headers, (t) => {
+      ])) : m("", !0),
+      (s(!0), l(S, null, v(e.resolvedHeaders, (t) => {
         var x;
         return s(), l("td", {
           key: t.value,
           class: a([o, t.align === "right" ? "text-right" : t.align === "left" ? "text-left" : "text-center"])
         }, [
-          (x = e.customSlots) != null && x[`item.${t.value}`] ? (s(), v(h(e.customSlots[`item.${t.value}`]), {
+          (x = e.customSlots) != null && x[`item.${t.value}`] ? (s(), f(h(e.customSlots[`item.${t.value}`]), {
             key: 0,
             item: e.item,
             value: c(g)(t, e.item),
@@ -92,10 +92,10 @@ const E = { key: 0 }, T = { key: 1 }, V = ["checked"], N = "hover:bg-slate-300 d
           index: e.index,
           loading: e.loading
         })
-      ], 2)) : r("", !0)
+      ], 2)) : m("", !0)
     ]));
   }
 };
 export {
-  z as default
+  R as default
 };

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

@@ -1,6 +1,6 @@
-import { computed as w, createElementBlock as l, openBlock as d, normalizeClass as g, Fragment as c, renderList as u, createVNode as b, createCommentVNode as E, mergeProps as h, createSlots as p, withCtx as C, renderSlot as m, createElementVNode as f } from "vue";
-import B from "./KunTableRow.vue.js";
-const A = { key: 0 }, $ = ["colspan"], k = "table-auto w-full text-sm text-left", K = {
+import { computed as w, createElementBlock as l, openBlock as d, normalizeClass as g, Fragment as c, renderList as u, createVNode as b, createCommentVNode as E, mergeProps as m, createSlots as p, withCtx as C, renderSlot as f, createElementVNode as h } from "vue";
+import v from "./KunTableRow.vue.js";
+const B = { key: 0 }, A = ["colspan"], H = "table-auto w-full text-sm text-left", L = {
   __name: "KunTableRows",
   props: {
     items: Array,
@@ -17,7 +17,7 @@ const A = { key: 0 }, $ = ["colspan"], k = "table-auto w-full text-sm text-left"
       type: Function,
       default: (e, o) => o
     },
-    headers: Array,
+    resolvedHeaders: Array,
     showExpand: Boolean,
     showSelect: Boolean,
     hasActions: Boolean,
@@ -26,9 +26,9 @@ const A = { key: 0 }, $ = ["colspan"], k = "table-auto w-full text-sm text-left"
     customSlots: Object
   },
   setup(e) {
-    const o = e, y = [k, o.tbodyClass], x = w(() => {
+    const o = e, y = [H, o.tbodyClass], x = w(() => {
       var a;
-      let t = ((a = o.headers) == null ? void 0 : a.length) || 0;
+      let t = ((a = o.resolvedHeaders) == null ? void 0 : a.length) || 0;
       return o.showSelect && (t += 1), o.showExpand && (t += 1), o.hasActions && (t += 1), t;
     });
     return (t, a) => (d(), l("tbody", {
@@ -37,10 +37,10 @@ const A = { key: 0 }, $ = ["colspan"], k = "table-auto w-full text-sm text-left"
       (d(!0), l(c, null, u(e.items, (s, n) => (d(), l(c, {
         key: e.itemKey(s, n)
       }, [
-        b(B, h({
+        b(v, m({
           item: s,
           index: n,
-          headers: e.headers,
+          resolvedHeaders: e.resolvedHeaders,
           showExpand: e.showExpand,
           showSelect: e.showSelect,
           "is-selected": e.isSelected(s),
@@ -48,30 +48,30 @@ const A = { key: 0 }, $ = ["colspan"], k = "table-auto w-full text-sm text-left"
           "has-actions": e.hasActions,
           loading: e.actionLoadingMap[s.id] || !1
         }, { ref_for: !0 }, t.$attrs, { customSlots: e.customSlots }), p({ _: 2 }, [
-          u(t.$slots, (F, i) => ({
-            name: i,
+          u(t.$slots, ($, r) => ({
+            name: r,
             fn: C((S) => {
-              var r;
+              var i;
               return [
-                m(t.$slots, i, h({ ref_for: !0 }, { ...S, item: s, index: n, loading: ((r = e.actionLoadingMap) == null ? void 0 : r[s.id]) || !1 }))
+                f(t.$slots, r, m({ ref_for: !0 }, { ...S, item: s, index: n, loading: ((i = e.actionLoadingMap) == null ? void 0 : i[s.id]) || !1 }))
               ];
             })
           }))
-        ]), 1040, ["item", "index", "headers", "showExpand", "showSelect", "is-selected", "is-expanded", "has-actions", "loading", "customSlots"]),
-        e.isExpanded(s) ? (d(), l("tr", A, [
-          f("td", { colspan: x.value }, [
-            m(t.$slots, "expand", {
+        ]), 1040, ["item", "index", "resolvedHeaders", "showExpand", "showSelect", "is-selected", "is-expanded", "has-actions", "loading", "customSlots"]),
+        e.isExpanded(s) ? (d(), l("tr", B, [
+          h("td", { colspan: x.value }, [
+            f(t.$slots, "expand", {
               item: s,
               index: n
             }, () => [
-              a[0] || (a[0] = f("div", { class: "text-center opacity-70 text-sm" }, "No hay contenido expandido.", -1))
+              a[0] || (a[0] = h("div", { class: "text-center opacity-70 text-sm" }, "No hay contenido expandido.", -1))
             ])
-          ], 8, $)
+          ], 8, A)
         ])) : E("", !0)
       ], 64))), 128))
     ]));
   }
 };
 export {
-  K as default
+  L as default
 };

package/package.json

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