adverich-kun-ui 0.1.189 → 0.1.190

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

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

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

@@ -50,8 +50,8 @@ const t = () => ({
   tfootClass: { type: String, default: "" },
   rowClass: { type: String, default: "" },
   // Misc
-  noDataText: { type: String, default: "No data available" },
-  loadingText: { type: String, default: "Loading..." },
+  noDataText: { type: String, default: "No hay elementos disponibles" },
+  loadingText: { type: String, default: "Cargando..." },
   // Slots control
   showTopSlot: { type: Boolean, default: !1 },
   showBottomSlot: { type: Boolean, default: !1 }

package/package.json

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