adverich-kun-ui 0.1.502 → 0.1.503

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

@@ -1,4 +1,4 @@
-import { mergeModels as Q, toRefs as Se, useModel as be, ref as v, watch as q, computed as G, onMounted as Ce, createElementBlock as r, openBlock as l, mergeProps as O, createCommentVNode as u, createElementVNode as j, renderSlot as a, createBlock as b, unref as s, normalizeClass as C, withCtx as x, createVNode as T, withDirectives as J, vModelText as Te, vShow as X, normalizeProps as d, guardReactiveProps as g, Fragment as Fe, createSlots as Y, renderList as Z, toDisplayString as $e, isRef as ke, nextTick as Pe } from "vue";
+import { mergeModels as Q, toRefs as Se, useModel as be, ref as y, watch as q, computed as G, onMounted as Ce, createElementBlock as r, openBlock as l, mergeProps as O, createCommentVNode as u, createElementVNode as b, renderSlot as a, createBlock as C, unref as s, normalizeClass as T, withCtx as j, createVNode as F, withDirectives as J, vModelText as Te, vShow as X, normalizeProps as d, guardReactiveProps as g, Fragment as Fe, createSlots as Y, renderList as Z, toDisplayString as $e, isRef as ke, nextTick as Pe } from "vue";
 import { isMobile as m } from "../../../../utils/_platform.js";
 import _ from "../../../KunIcon/src/components/KunIcon.vue.js";
 import Me from "../../../../icons/IconFilter.vue.js";
@@ -8,19 +8,19 @@ import Re from "./KunTableFooter.vue.js";
 import Ee from "./KunTableRows.vue.js";
 import Be from "./KunTableIterators.vue.js";
 import Ve from "../../../KunBtn/src/components/KunBtn.vue.js";
-import Oe from "./KunTableFilter.vue.js";
-import je from "../composables/useExpand.js";
-import xe from "../composables/useOptions.js";
+import xe from "./KunTableFilter.vue.js";
+import Oe from "../composables/useExpand.js";
+import je from "../composables/useOptions.js";
 import ze from "../composables/useSelect.js";
 import De from "../composables/useFilter.js";
 import He from "../composables/KunTableProps.js";
-const Ne = ["placeholder"], Ke = { class: "flex-1 overflow-auto bg-surface" }, Le = { key: 0 }, Ue = { key: 5 }, We = {
+const Ne = { class: "w-full flex items-left" }, Ke = ["placeholder"], Le = { class: "flex-1 overflow-auto bg-surface" }, Ue = { key: 0 }, We = { key: 5 }, Qe = {
   key: 1,
   class: "h-full flex justify-center items-center"
-}, Qe = { class: "text-center text-4xl" }, qe = {
+}, qe = { class: "text-center text-4xl" }, Ge = {
   key: 1,
   class: "sticky bottom-0 z-10 print:hidden"
-}, Ge = "overflow-hidden 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", ms = {
+}, Je = "overflow-hidden h-full w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", Xe = "table-auto w-full h-fit text-sm text-left", fs = {
   __name: "KunTable",
   props: /* @__PURE__ */ Q(He(), {
     selectedItems: { type: Array, default: () => [] },
@@ -28,24 +28,24 @@ const Ne = ["placeholder"], Ke = { class: "flex-1 overflow-auto bg-surface" }, L
   }),
   emits: /* @__PURE__ */ Q(["update:page", "update:itemsPerPage", "update:sortBy", "update:search", "focusOnSearch"], ["update:selectedItems"]),
   setup(z, { emit: ee }) {
-    const S = ee, p = z, F = Se(p), se = be(z, "selectedItems"), {
+    const S = ee, p = z, $ = Se(p), se = be(z, "selectedItems"), {
       headers: D,
-      showExpand: $,
-      showSelect: k,
+      showExpand: k,
+      showSelect: P,
       rowClass: H,
       hideDefaultFooter: oe,
       hideDefaultHeader: te,
       tableClass: le,
       wrapperClass: ae,
       pageOptions: ne,
-      items: Xe,
+      items: Ye,
       searchable: N,
       debounceTime: re
-    } = F, w = v(p.search);
+    } = $, w = y(p.search);
     q(() => p.search, (e) => {
       e !== w.value && (w.value = e);
     });
-    const P = G(() => p.headers.map((e) => {
+    const M = G(() => p.headers.map((e) => {
       var t, c;
       const o = { ...e };
       if ((e.columnType === "function" || e.columnType == "objectFunction" || e.columnType == "simpleFunction") && typeof e.columnFunction == "string") {
@@ -61,59 +61,61 @@ const Ne = ["placeholder"], Ke = { class: "flex-1 overflow-auto bg-surface" }, L
         ), o.columnRowText = () => "");
       }
       return o;
-    })), { filteredItems: K, setSearch: ie, modalFilter: y, applyColumnFilters: ce, clearFilters: ue, appliedFilters: de } = De(F, re, P);
+    })), { filteredItems: K, setSearch: ie, modalFilter: v, applyColumnFilters: ce, clearFilters: ue, appliedFilters: de } = De($, re, M);
     q(w, (e) => {
       S("update:search", e), ie(e);
     });
-    const { options: i, paginatedItems: f, updateSort: pe } = xe(F, S, K), { isSelected: M, toggleSelect: A, toggleSelectAll: me, allSelected: fe, someSelected: he } = ze(f, se), { isExpanded: I, toggleExpand: R } = je(), h = G(() => ({
+    const { options: i, paginatedItems: f, updateSort: pe } = je($, S, K), { isSelected: A, toggleSelect: I, toggleSelectAll: me, allSelected: fe, someSelected: he } = ze(f, se), { isExpanded: R, toggleExpand: E } = Oe(), h = G(() => ({
       items: f.value,
       headers: D.value,
       page: i.page,
       itemsPerPage: i.itemsPerPage,
-      toggleSelect: A,
-      isSelected: M,
-      toggleExpand: R,
-      isExpanded: I,
+      toggleSelect: I,
+      isSelected: A,
+      toggleExpand: E,
+      isExpanded: R,
       sortBy: i.sortBy,
       hasActions: p.hasActions
-    })), ge = [Ge, ae.value], we = [Je, le.value];
+    })), ge = [Je, ae.value], we = [Xe, le.value];
     Ce(() => U());
-    const L = v(null), E = v(!0), B = v(!1);
-    function ye() {
-      ve();
-    }
+    const L = y(null), B = y(!0), V = y(!1);
     function ve() {
+      ye();
+    }
+    function ye() {
       m.value && (W(), Pe(() => {
         L.value.focus();
       }));
     }
     function U() {
-      m.value && (V.value = "w-fit", E.value = !1, B.value = !0, S("focusOnSearch", !1));
+      m.value && (x.value = "w-fit", B.value = !1, V.value = !0, S("focusOnSearch", !1));
     }
     function W() {
-      m.value && (V.value = "w-full border", B.value = !1, E.value = !0, S("focusOnSearch", !0));
+      m.value && (x.value = "w-full border", V.value = !1, B.value = !0, S("focusOnSearch", !0));
     }
-    const V = v("w-full border max-w-sm");
+    const x = y("w-full border max-w-sm");
     return (e, o) => (l(), r("div", O({ class: ge }, e.$attrs, { style: { "user-select": "text" } }), [
       s(N) || e.filterable || e.$slots.prependSearch || e.$slots.appendSearch ? (l(), r("div", {
         key: 0,
-        class: C(["p-2 bg-surface print:hidden", {
+        class: T(["p-2 bg-surface print:hidden", {
           "justify-start flex": e.searchPosition === "start",
           "justify-center flex": e.searchPosition === "center",
           "justify-end flex": e.searchPosition === "end"
         }])
       }, [
-        a(e.$slots, "prependSearch"),
-        e.filterable && e.filters.length ? (l(), b(Ve, {
+        b("div", Ne, [
+          a(e.$slots, "prependSearch")
+        ]),
+        e.filterable && e.filters.length ? (l(), C(Ve, {
           key: 0,
           class: "h-fit",
-          onClick: o[0] || (o[0] = (t) => y.value = !0),
+          onClick: o[0] || (o[0] = (t) => v.value = !0),
           rounded: "rounded-full",
           size: "xs",
           bgColor: "bg-green-200 dark:bg-green-800"
         }, {
-          default: x(() => [
-            T(_, {
+          default: j(() => [
+            F(_, {
               class: "h-fit",
               icon: Me,
               size: "text-lg"
@@ -123,44 +125,44 @@ const Ne = ["placeholder"], Ke = { class: "flex-1 overflow-auto bg-surface" }, L
         })) : u("", !0),
         s(N) ? (l(), r("div", {
           key: 1,
-          class: C(["rounded flex mx-2", [V.value]])
+          class: T(["rounded flex mx-2", [x.value]])
         }, [
-          J(j("input", {
+          J(b("input", {
             "onUpdate:modelValue": o[1] || (o[1] = (t) => w.value = t),
             type: "text",
             placeholder: e.searchPlaceholder,
-            class: C(["w-full text-sm", s(m) ? "px-1" : "px-2 py-1"]),
+            class: T(["w-full text-sm", s(m) ? "px-1" : "px-2 py-1"]),
             ref_key: "searchRef",
             ref: L,
             onFocus: W,
             onBlur: U
-          }, null, 42, Ne), [
+          }, null, 42, Ke), [
             [Te, w.value],
-            [X, E.value]
+            [X, B.value]
           ]),
-          J(T(_, {
+          J(F(_, {
             icon: Ae,
-            onClick: ye
+            onClick: ve
           }, null, 512), [
-            [X, B.value]
+            [X, V.value]
           ])
         ], 2)) : u("", !0),
         a(e.$slots, "appendSearch")
       ], 2)) : u("", !0),
-      j("div", Ke, [
+      b("div", Le, [
         s(f).length ? (l(), r("table", {
           key: 0,
-          class: C(we)
+          class: T(we)
         }, [
-          e.$slots.colgroup && !s(m) ? (l(), r("colgroup", Le, [
+          e.$slots.colgroup && !s(m) ? (l(), r("colgroup", Ue, [
             a(e.$slots, "colgroup", d(g(h.value)))
           ])) : u("", !0),
-          !s(te) && !s(m) ? (l(), b(Ie, {
+          !s(te) && !s(m) ? (l(), C(Ie, {
             key: 1,
             headers: s(D),
             "sort-by": s(i).sortBy,
-            "show-select": s(k),
-            "show-expand": s($),
+            "show-select": s(P),
+            "show-expand": s(k),
             "all-selected": s(fe),
             "some-selected": s(he),
             "thead-class": e.theadClass,
@@ -172,33 +174,33 @@ const Ne = ["placeholder"], Ke = { class: "flex-1 overflow-auto bg-surface" }, L
             onToggleSelectAll: s(me),
             customHeaders: e.customSlots
           }, 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", "customHeaders"])) : a(e.$slots, "thead", d(O({ key: 2 }, h.value))),
-          s(m) ? (l(), b(Be, {
+          s(m) ? (l(), C(Be, {
             key: 4,
             items: s(f),
-            headers: P.value,
+            headers: M.value,
             "row-class": s(H),
             "row-class-condition": e.rowClassCondition,
-            "is-selected": s(M),
-            "is-expanded": s(I),
-            "show-select": s(k),
-            "show-expand": s($),
+            "is-selected": s(A),
+            "is-expanded": s(R),
+            "show-select": s(P),
+            "show-expand": s(k),
             "has-actions": e.hasActions,
             "action-loading-map": e.actionLoadingMap,
-            onToggleExpand: s(R),
-            onToggleSelect: s(A),
+            onToggleExpand: s(E),
+            onToggleSelect: s(I),
             customSlots: e.customSlots
           }, Y({ _: 2 }, [
             Z(e.$slots, (t, c) => ({
               name: c,
-              fn: x((n) => [
+              fn: j((n) => [
                 a(e.$slots, c, d(g(n)))
               ])
             }))
           ]), 1032, ["items", "headers", "row-class", "row-class-condition", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect", "customSlots"])) : (l(), r(Fe, { key: 3 }, [
             a(e.$slots, "body.prepend", d(g(h.value))),
-            T(Ee, {
+            F(Ee, {
               items: s(f),
-              headers: P.value,
+              headers: M.value,
               "tbody-class": e.tbodyClass,
               "row-class": s(H),
               "row-class-condition": e.rowClassCondition,
@@ -206,35 +208,35 @@ const Ne = ["placeholder"], Ke = { class: "flex-1 overflow-auto bg-surface" }, L
               "td-class": e.tdClass,
               "selected-class": e.selectedClass,
               "striped-class": e.stripedClass,
-              "is-selected": s(M),
-              "is-expanded": s(I),
-              "show-select": s(k),
-              "show-expand": s($),
+              "is-selected": s(A),
+              "is-expanded": s(R),
+              "show-select": s(P),
+              "show-expand": s(k),
               "has-actions": e.hasActions,
               "action-loading-map": e.actionLoadingMap,
-              onToggleExpand: s(R),
-              onToggleSelect: s(A),
+              onToggleExpand: s(E),
+              onToggleSelect: s(I),
               customSlots: e.customSlots
             }, Y({ _: 2 }, [
               Z(e.$slots, (t, c) => ({
                 name: c,
-                fn: x((n) => [
+                fn: j((n) => [
                   a(e.$slots, c, d(g(n)))
                 ])
               }))
             ]), 1032, ["items", "headers", "tbody-class", "row-class", "row-class-condition", "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(g(h.value)))
           ], 64)),
-          e.$slots.tfoot ? (l(), r("tfoot", Ue, [
+          e.$slots.tfoot ? (l(), r("tfoot", We, [
             a(e.$slots, "tfoot", d(g(h.value)))
           ])) : u("", !0)
         ])) : u("", !0),
-        s(f).length ? u("", !0) : (l(), r("div", We, [
-          j("div", Qe, $e(e.noDataText), 1)
+        s(f).length ? u("", !0) : (l(), r("div", Qe, [
+          b("div", qe, $e(e.noDataText), 1)
         ]))
       ]),
-      s(oe) ? a(e.$slots, "footer", d(O({ key: 2 }, h.value))) : (l(), r("div", qe, [
-        T(Re, {
+      s(oe) ? a(e.$slots, "footer", d(O({ key: 2 }, h.value))) : (l(), r("div", Ge, [
+        F(Re, {
           "items-length": s(K).length,
           "items-per-page": s(i).itemsPerPage,
           "current-page": s(i).page,
@@ -243,11 +245,11 @@ const Ne = ["placeholder"], Ke = { class: "flex-1 overflow-auto bg-surface" }, L
           "onUpdate:page": o[3] || (o[3] = (t) => s(i).page = t)
         }, null, 8, ["items-length", "items-per-page", "current-page", "page-options"])
       ])),
-      e.filterable && s(y) ? (l(), b(Oe, {
+      e.filterable && s(v) ? (l(), C(xe, {
         key: 3,
         filters: e.filters,
-        modelValue: s(y),
-        "onUpdate:modelValue": o[4] || (o[4] = (t) => ke(y) ? y.value = t : null),
+        modelValue: s(v),
+        "onUpdate:modelValue": o[4] || (o[4] = (t) => ke(v) ? v.value = t : null),
         onApplyFilters: s(ce),
         onClearFilters: s(ue),
         activeFilters: s(de).byColumn
@@ -256,5 +258,5 @@ const Ne = ["placeholder"], Ke = { class: "flex-1 overflow-auto bg-surface" }, L
   }
 };
 export {
-  ms as default
+  fs as default
 };

package/dist/utils/tableFormatters.js

@@ -1,25 +1,21 @@
-function a(t, n) {
-  var r, c;
+function f(t, n) {
+  var o;
   if (!t || !t.value) return;
   if (t.columnType === "relation") {
-    const i = f(n, t.relationPath);
+    const i = a(n, t.relationPath);
     return u(i);
   }
   if (t.columnType === "function") {
-    const i = (r = t.columnFunction) == null ? void 0 : r.call(t, n, t);
-    return u(i);
-  }
-  if (t.columnFormat === "function") {
-    const i = (c = t.columnFunction) == null ? void 0 : c.call(t, n, t);
+    const i = (o = t.columnFunction) == null ? void 0 : o.call(t, n, t);
     return u(i);
   }
-  const o = n == null ? void 0 : n[t.value];
-  return u(o);
+  const e = n == null ? void 0 : n[t.value];
+  return u(e);
 }
-function l(t, n) {
-  return t.columnType === "toComplete" ? "" : n == null ? "Sin datos" : t.columnType === "dateTime" || t.columnType === "date" ? (e[t.columnType] || e.default)(n) : (e[t.columnFormat] || e.default)(n);
+function m(t, n) {
+  return t.columnType === "toComplete" ? "" : n == null ? "Sin datos" : t.columnType === "dateTime" || t.columnType === "date" ? (r[t.columnType] || r.default)(n) : (r[t.columnFormat] || r.default)(n);
 }
-const e = {
+const r = {
   default: (t) => t,
   // TEXTS
   text: (t) => String(t),
@@ -61,14 +57,14 @@ const e = {
       hourCycle: "h23"
     }).format(n);
   },
-  secondsToTime: (t) => m(t ?? 0)
+  secondsToTime: (t) => c(t ?? 0)
 };
-function f(t, n) {
-  return !t || !n ? t : n.split(".").reduce((o, r) => o == null ? void 0 : o[r], t);
+function a(t, n) {
+  return !t || !n ? t : n.split(".").reduce((e, o) => e == null ? void 0 : e[o], t);
 }
-function m(t) {
-  const n = Math.floor(t / 3600), o = Math.floor(t % 3600 / 60), r = t % 60;
-  return `${n} horas, ${o} minutos y ${r} segundos`;
+function c(t) {
+  const n = Math.floor(t / 3600), e = Math.floor(t % 3600 / 60), o = t % 60;
+  return `${n} horas, ${e} minutos y ${o} segundos`;
 }
 function u(t) {
   if (t != null && !(t === "null" || t === "undefined"))
@@ -79,8 +75,8 @@ function s(t) {
   return !isNaN(n.getTime());
 }
 export {
-  l as formatValue,
-  e as formatters,
-  f as getNestedValue,
-  a as getValue
+  m as formatValue,
+  r as formatters,
+  a as getNestedValue,
+  f as getValue
 };

package/package.json

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