adverich-kun-ui 0.1.238 → 0.1.239

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

@@ -1,29 +1,29 @@
-import { mergeModels as V, toRefs as ie, useModel as de, ref as pe, watch as j, computed as z, createElementBlock as c, openBlock as l, mergeProps as A, createCommentVNode as i, createElementVNode as D, renderSlot as a, createBlock as y, unref as s, normalizeClass as L, withDirectives as ce, vModelText as me, normalizeProps as d, guardReactiveProps as u, Fragment as ue, createVNode as R, createSlots as U, renderList as N, withCtx as K, isRef as he } from "vue";
+import { mergeModels as V, toRefs as ne, useModel as ie, ref as de, watch as j, computed as z, createElementBlock as c, openBlock as l, mergeProps as A, createCommentVNode as i, createElementVNode as D, renderSlot as a, createBlock as y, unref as s, normalizeClass as L, withDirectives as pe, vModelText as ce, normalizeProps as d, guardReactiveProps as u, Fragment as me, createVNode as R, createSlots as U, renderList as N, withCtx as K, isRef as ue } from "vue";
 import { isMobile as w } from "../../../../utils/_platform.js";
-import ge from "./KunTableHeaders.vue.js";
-import fe from "./KunTableFooter.vue.js";
-import ye from "./KunTableRows.vue.js";
-import be from "./KunTableIterators.vue.js";
-import we from "../../../KunBtn/src/components/KunBtn.vue.js";
-import ve from "./KunTableFilter.vue.js";
-import Se from "../../../KunCard/src/components/KunCard.vue.js";
-import Ce from "../composables/useExpand.js";
-import $e from "../composables/useOptions.js";
-import ke from "../composables/useSelect.js";
-import Pe from "../composables/useFilter.js";
-import Te from "../composables/KunTableProps.js";
-const Fe = ["placeholder"], Ae = { key: 0 }, Ee = { key: 5 }, Be = { class: "h-full" }, Ie = {
+import he from "./KunTableHeaders.vue.js";
+import ge from "./KunTableFooter.vue.js";
+import fe from "./KunTableRows.vue.js";
+import ye from "./KunTableIterators.vue.js";
+import be from "../../../KunBtn/src/components/KunBtn.vue.js";
+import we from "./KunTableFilter.vue.js";
+import ve from "../../../KunCard/src/components/KunCard.vue.js";
+import Se from "../composables/useExpand.js";
+import Ce from "../composables/useOptions.js";
+import $e from "../composables/useSelect.js";
+import ke from "../composables/useFilter.js";
+import Pe from "../composables/KunTableProps.js";
+const Te = ["placeholder"], Fe = { key: 0 }, Ae = { key: 5 }, Ee = { class: "h-full" }, Be = {
   key: 1,
   class: "sticky bottom-0 z-10"
-}, Me = "overflow-auto h-full w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", Ve = "table-auto w-full h-fit text-sm text-left", Ge = {
+}, Ie = "overflow-auto h-full w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", Me = "table-auto w-full h-fit text-sm text-left", Ge = {
   __name: "KunTable",
-  props: /* @__PURE__ */ V(Te(), {
+  props: /* @__PURE__ */ V(Pe(), {
     selectedItems: { type: Array, default: () => [] },
     selectedItemsModifiers: {}
   }),
   emits: /* @__PURE__ */ V(["update:page", "update:itemsPerPage", "update:sortBy", "update:search"], ["update:selectedItems"]),
   setup(E, { emit: O }) {
-    const B = O, r = E, v = ie(r), W = de(E, "selectedItems"), {
+    const B = O, r = E, v = ne(r), W = ie(E, "selectedItems"), {
       headers: b,
       showExpand: S,
       showSelect: C,
@@ -35,16 +35,16 @@ const Fe = ["placeholder"], Ae = { key: 0 }, Ee = { key: 5 }, Be = { class: "h-f
       pageOptions: G,
       items: J,
       searchable: M,
-      debounceTime: X
-    } = v, h = pe(r.search);
+      debounceTime: Ve
+    } = v, h = de(r.search);
     j(() => r.search, (e) => {
       e !== h.value && (h.value = e);
     });
-    const { filteredItems: Y, setSearch: Z, modalFilter: g, applyColumnFilters: _, clearFilters: ee, appliedFilters: se } = Pe(v, X);
+    const { filteredItems: X, setSearch: Y, modalFilter: g, applyColumnFilters: Z, clearFilters: _, appliedFilters: ee } = ke(v);
     j(h, (e) => {
-      B("update:search", e), Z(e);
+      B("update:search", e), Y(e);
     });
-    const { options: n, paginatedItems: p, updateSort: te } = $e(v, B, Y), { isSelected: $, toggleSelect: k, toggleSelectAll: le, allSelected: oe, someSelected: ae } = ke(p, W), { isExpanded: P, toggleExpand: T } = Ce(), m = z(() => ({
+    const { options: n, paginatedItems: p, updateSort: se } = Ce(v, B, X), { isSelected: $, toggleSelect: k, toggleSelectAll: te, allSelected: le, someSelected: oe } = $e(p, W), { isExpanded: P, toggleExpand: T } = Se(), m = z(() => ({
       items: p.value,
       headers: b.value,
       page: n.page,
@@ -55,12 +55,12 @@ const Fe = ["placeholder"], Ae = { key: 0 }, Ee = { key: 5 }, Be = { class: "h-f
       isExpanded: P,
       sortBy: n.sortBy,
       hasActions: r.hasActions
-    })), re = [Me, q.value], ne = [Ve, Q.value];
+    })), ae = [Ie, q.value], re = [Me, Q.value];
     return z(() => {
       var t;
       let e = ((t = r.headers) == null ? void 0 : t.length) || 0;
       return r.showSelect && (e += 1), r.showExpand && (e += 1), r.hasActions && (e += 1), e;
-    }), (e, t) => (l(), c("div", A({ class: re }, e.$attrs, { style: { "user-select": "text" } }), [
+    }), (e, t) => (l(), c("div", A({ class: ae }, e.$attrs, { style: { "user-select": "text" } }), [
       s(M) || e.filterable || e.$slots.prependSearch || e.$slots.appendSearch ? (l(), c("div", {
         key: 0,
         class: L(["p-2 bg-slate-200 dark:bg-slate-800", {
@@ -70,48 +70,48 @@ const Fe = ["placeholder"], Ae = { key: 0 }, Ee = { key: 5 }, Be = { class: "h-f
         }])
       }, [
         a(e.$slots, "prependSearch"),
-        e.filterable ? (l(), y(we, {
+        e.filterable ? (l(), y(be, {
           key: 0,
           onClick: t[0] || (t[0] = (o) => g.value = !0),
           text: "Filtrar",
           bgColor: "bg-slate-300 dark:bg-slate-700"
         })) : i("", !0),
-        s(M) ? ce((l(), c("input", {
+        s(M) ? pe((l(), c("input", {
           key: 1,
           "onUpdate:modelValue": t[1] || (t[1] = (o) => h.value = o),
           type: "text",
           placeholder: e.searchPlaceholder,
           class: "border mx-2 px-3 py-1 rounded w-full max-w-sm text-sm"
-        }, null, 8, Fe)), [
-          [me, h.value]
+        }, null, 8, Te)), [
+          [ce, h.value]
         ]) : i("", !0),
         a(e.$slots, "appendSearch")
       ], 2)) : i("", !0),
       D("table", {
-        class: L(ne)
+        class: L(re)
       }, [
-        e.$slots.colgroup && !s(w) ? (l(), c("colgroup", Ae, [
+        e.$slots.colgroup && !s(w) ? (l(), c("colgroup", Fe, [
           a(e.$slots, "colgroup", d(u(m.value)))
         ])) : i("", !0),
-        !s(H) && !s(w) ? (l(), y(ge, {
+        !s(H) && !s(w) ? (l(), y(he, {
           key: 1,
           headers: s(b),
           "sort-by": s(n).sortBy,
           "show-select": s(C),
           "show-expand": s(S),
-          "all-selected": s(oe),
-          "some-selected": s(ae),
+          "all-selected": s(le),
+          "some-selected": s(oe),
           "thead-class": e.theadClass,
           "tr-class": e.trClass,
           "th-class": e.thClass,
           "has-actions": e.hasActions,
           "action-label": e.actionLabel,
-          onSort: s(te),
-          onToggleSelectAll: s(le)
+          onSort: s(se),
+          onToggleSelectAll: s(te)
         }, 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(w) ? (l(), c(ue, { key: 3 }, [
+        s(p).length && !s(w) ? (l(), c(me, { key: 3 }, [
           a(e.$slots, "body.prepend", d(u(m.value))),
-          R(ye, {
+          R(fe, {
             items: s(p),
             headers: s(b),
             "tbody-class": e.tbodyClass,
@@ -137,7 +137,7 @@ const Fe = ["placeholder"], Ae = { key: 0 }, Ee = { key: 5 }, Be = { class: "h-f
             }))
           ]), 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"]),
           a(e.$slots, "body.append", d(u(m.value)))
-        ], 64)) : s(p).length && s(w) ? (l(), y(be, {
+        ], 64)) : s(p).length && s(w) ? (l(), y(ye, {
           key: 4,
           items: s(p),
           headers: s(b),
@@ -158,20 +158,20 @@ const Fe = ["placeholder"], Ae = { key: 0 }, Ee = { key: 5 }, Be = { class: "h-f
             ])
           }))
         ]), 1032, ["items", "headers", "row-class", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect"])) : i("", !0),
-        e.$slots.tfoot ? (l(), c("tfoot", Ee, [
+        e.$slots.tfoot ? (l(), c("tfoot", Ae, [
           a(e.$slots, "tfoot", d(u(m.value)))
         ])) : i("", !0)
       ]),
-      D("div", Be, [
-        s(p).length ? i("", !0) : (l(), y(Se, {
+      D("div", Ee, [
+        s(p).length ? i("", !0) : (l(), y(ve, {
           key: 0,
           class: "h-full flex justify-center items-center",
           title: e.noDataText,
           titleSize: "text-4xl"
         }, null, 8, ["title"]))
       ]),
-      s(x) ? a(e.$slots, "footer", d(A({ key: 2 }, m.value))) : (l(), c("div", Ie, [
-        R(fe, {
+      s(x) ? a(e.$slots, "footer", d(A({ key: 2 }, m.value))) : (l(), c("div", Be, [
+        R(ge, {
           "items-length": s(J).length,
           "items-per-page": s(n).itemsPerPage,
           "current-page": s(n).page,
@@ -180,14 +180,14 @@ const Fe = ["placeholder"], Ae = { key: 0 }, Ee = { key: 5 }, Be = { class: "h-f
           "onUpdate:page": t[3] || (t[3] = (o) => s(n).page = o)
         }, null, 8, ["items-length", "items-per-page", "current-page", "page-options"])
       ])),
-      e.filterable && s(g) ? (l(), y(ve, {
+      e.filterable && s(g) ? (l(), y(we, {
         key: 3,
         filters: e.filters,
         modelValue: s(g),
-        "onUpdate:modelValue": t[4] || (t[4] = (o) => he(g) ? g.value = o : null),
-        onApplyFilters: s(_),
-        onClearFilters: s(ee),
-        activeFilters: s(se).byColumn
+        "onUpdate:modelValue": t[4] || (t[4] = (o) => ue(g) ? g.value = o : null),
+        onApplyFilters: s(Z),
+        onClearFilters: s(_),
+        activeFilters: s(ee).byColumn
       }, null, 8, ["filters", "modelValue", "onApplyFilters", "onClearFilters", "activeFilters"])) : i("", !0)
     ], 16));
   }

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

@@ -1,4 +1,4 @@
-import { ref as A, onMounted as v, watch as f, createElementBlock as r, openBlock as o, normalizeClass as a, createElementVNode as m, createCommentVNode as d, renderSlot as g, Fragment as E, renderList as T, normalizeStyle as $, toDisplayString as h, createBlock as D, resolveDynamicComponent as z } from "vue";
+import { ref as A, onMounted as v, watch as k, createElementBlock as r, openBlock as o, normalizeClass as a, createElementVNode as m, createCommentVNode as d, renderSlot as g, Fragment as E, renderList as T, normalizeStyle as $, toDisplayString as h, createBlock as D, resolveDynamicComponent as z } from "vue";
 import I from "../../../../icons/IconArrowUp.vue.js";
 import L from "../../../../icons/IconArrowDown.vue.js";
 import O from "../../../../icons/IconArrowDownUp.vue.js";
@@ -30,7 +30,7 @@ const j = { key: 0 }, N = { key: 1 }, R = ["checked", "aria-checked"], U = ["onC
     function S(l) {
       if (!l.sortable) return;
       let s = null;
-      Array.isArray(t.sortBy) ? s = t.sortBy.find((k) => k.key === l.value) : typeof t.sortBy == "string" && (s = t.sortBy === l.value ? { key: l.value, order: "asc" } : null);
+      Array.isArray(t.sortBy) ? s = t.sortBy.find((f) => f.key === l.value) : typeof t.sortBy == "string" && (s = t.sortBy === l.value ? { key: l.value, order: "asc" } : null);
       const e = (s == null ? void 0 : s.order) === "asc" ? "desc" : "asc";
       c("sort", { key: l.value, order: e });
     }
@@ -47,7 +47,7 @@ const j = { key: 0 }, N = { key: 1 }, R = ["checked", "aria-checked"], U = ["onC
     }, B = [F, t.theadClass], w = [H, t.trClass], i = [K, t.thClass], u = A(null), y = () => {
       u.value && (u.value.indeterminate = t.someSelected && !t.allSelected);
     };
-    return v(y), f(() => t.someSelected, y), f(() => t.allSelected, y), (l, s) => (o(), r("thead", {
+    return v(y), k(() => t.someSelected, y), k(() => t.allSelected, y), (l, s) => (o(), r("thead", {
       class: a(B)
     }, [
       m("tr", {
@@ -80,8 +80,8 @@ const j = { key: 0 }, N = { key: 1 }, R = ["checked", "aria-checked"], U = ["onC
         ])) : d("", !0),
         (o(!0), r(E, null, T(n.headers, (e) => (o(), r("th", {
           key: e.key,
-          class: a([i, e.headerAlign === "right" ? "text-right" : e.headerAlign === "center" ? "text-center" : "text-left"]),
-          onClick: (k) => S(e),
+          class: a([i, e.headerAlign === "right" ? "text-right" : e.headerAlign === "left" ? "text-left" : "text-center"]),
+          onClick: (f) => S(e),
           style: $({ cursor: e.sortable ? "pointer" : "default" })
         }, [
           g(l.$slots, `header.${e.key}`, { header: e }, () => [

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

@@ -1,4 +1,4 @@
-import { createElementBlock as s, openBlock as n, normalizeClass as a, createCommentVNode as c, renderSlot as m, createElementVNode as b, withModifiers as w, Fragment as h, renderList as y, unref as g, createTextVNode as S, toDisplayString as f } from "vue";
+import { createElementBlock as s, openBlock as n, normalizeClass as a, createCommentVNode as c, renderSlot as m, createElementVNode as b, withModifiers as w, Fragment as f, renderList as h, unref as g, createTextVNode as y, toDisplayString as S } from "vue";
 import { getValue as x, formatValue as v } from "../../../../utils/tableFormatters.js";
 const B = { key: 0 }, $ = { key: 1 }, A = ["checked"], E = "hover:bg-slate-300 dark:hover:bg-slate-600 border-t border-slate-300 dark:border-slate-700", T = "bg-slate-100 dark:bg-slate-900", V = "px-3 py-2 whitespace-nowrap text-sm text-black dark:text-white", R = {
   __name: "KunTableRow",
@@ -59,16 +59,16 @@ const B = { key: 0 }, $ = { key: 1 }, A = ["checked"], E = "hover:bg-slate-300 d
           class: "h-5 w-5 text-blue-600 transition-all duration-200 ease-in-out rounded"
         }, null, 40, A)
       ])) : c("", !0),
-      (n(!0), s(h, null, y(e.headers, (t) => (n(), s("td", {
+      (n(!0), s(f, null, h(e.headers, (t) => (n(), s("td", {
         key: t.value,
-        class: a([o, t.align === "right" ? "text-right" : t.align === "center" ? "text-center" : "text-left"])
+        class: a([o, t.align === "right" ? "text-right" : t.align === "left" ? "text-left" : "text-center"])
       }, [
         m(d.$slots, `item.${t.value}`, {
           item: e.item,
           value: g(x)(t, e.item),
           index: e.index
         }, () => [
-          S(f(g(v)(t, g(x)(t, e.item))), 1)
+          y(S(g(v)(t, g(x)(t, e.item))), 1)
         ])
       ], 2))), 128)),
       e.hasActions ? (n(), s("td", {

package/dist/components/KunTable/src/composables/useFilter.js

@@ -1,14 +1,14 @@
-import { reactive as F, ref as k, computed as w, watch as A } from "vue";
-import { debounce as S } from "../../../../utils/utils.js";
-function j(i, u) {
-  const t = F({
+import { reactive as p, ref as F, computed as k, watch as w } from "vue";
+import { debounce as A } from "../../../../utils/utils.js";
+function L(a) {
+  const t = p({
     search: "",
     byColumn: {}
-  }), { items: c, customFilter: s, searchableKeys: f } = i, y = k(!1), a = (e, r) => e == null ? !1 : String(e).toLowerCase().includes(String(r).toLowerCase()), l = (e, r, n) => {
+  }), { items: c, customFilter: s, searchableKeys: u } = a, f = F(!1), i = (e, r) => e == null ? !1 : String(e).toLowerCase().includes(String(r).toLowerCase()), l = (e, r, n) => {
     const o = e[r];
-    return typeof (s == null ? void 0 : s.value) == "function" ? s.value(e, r, n) : Array.isArray(n) ? n.some((b) => a(o, b)) : a(o, n);
-  }, m = w(() => Array.isArray(c.value) ? c.value.filter((e) => {
-    if (t.search && !(f.value || Object.keys(e)).some((o) => l(e, o, t.search)))
+    return typeof (s == null ? void 0 : s.value) == "function" ? s.value(e, r, n) : Array.isArray(n) ? n.some((b) => i(o, b)) : i(o, n);
+  }, m = k(() => Array.isArray(c.value) ? c.value.filter((e) => {
+    if (t.search && !(u.value || Object.keys(e)).some((o) => l(e, o, t.search)))
       return !1;
     for (const r in t.byColumn) {
       const n = t.byColumn[r];
@@ -16,28 +16,28 @@ function j(i, u) {
         return !1;
     }
     return !0;
-  }) : []), h = S((e) => {
+  }) : []), y = A((e) => {
     t.search = (e == null ? void 0 : e.toString().toLowerCase()) || "";
-  }, u), p = (e, r) => {
+  }, a.debounceTime), h = (e, r) => {
     t.byColumn[e] = r;
   };
-  function C(e) {
+  function d(e) {
     for (const r in e)
-      p(r, e[r]);
+      h(r, e[r]);
   }
-  const d = () => {
+  const C = () => {
     t.search = "", t.byColumn = {};
   };
-  return A(() => c.value, () => {
+  return w(() => c.value, () => {
   }, { deep: !0 }), {
-    modalFilter: y,
+    modalFilter: f,
     appliedFilters: t,
     filteredItems: m,
-    setSearch: h,
-    applyColumnFilters: C,
-    clearFilters: d
+    setSearch: y,
+    applyColumnFilters: d,
+    clearFilters: C
   };
 }
 export {
-  j as default
+  L as default
 };

package/package.json

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