adverich-kun-ui 0.1.504 → 0.1.506

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

@@ -1,15 +1,15 @@
-import { mergeModels as X, toRefs as Te, useModel as Fe, ref as C, watch as Y, computed as Z, onMounted as $e, createElementBlock as n, openBlock as l, mergeProps as z, createCommentVNode as a, createElementVNode as g, renderSlot as r, createBlock as T, unref as s, toDisplayString as D, withCtx as H, createVNode as F, normalizeClass as N, withDirectives as _, vModelText as Pe, vShow as ee, normalizeProps as d, guardReactiveProps as v, Fragment as Ae, createSlots as se, renderList as oe, isRef as Me, nextTick as xe } from "vue";
+import { mergeModels as X, toRefs as $e, useModel as Fe, ref as C, watch as Y, computed as Z, onMounted as Pe, createElementBlock as n, openBlock as l, mergeProps as O, createCommentVNode as a, createElementVNode as v, renderSlot as r, createBlock as T, unref as s, toDisplayString as z, Fragment as _, withCtx as D, createVNode as $, normalizeClass as N, withDirectives as ee, vModelText as Ae, vShow as se, normalizeProps as p, guardReactiveProps as y, createSlots as oe, renderList as te, isRef as Me, nextTick as Ie } from "vue";
 import { isMobile as f } from "../../../../utils/_platform.js";
-import te from "../../../KunIcon/src/components/KunIcon.vue.js";
-import Ie from "../../../../icons/IconFilter.vue.js";
-import Re from "../../../../icons/IconSearch.vue.js";
-import Ee from "./KunTableHeaders.vue.js";
+import le from "../../../KunIcon/src/components/KunIcon.vue.js";
+import Re from "../../../../icons/IconFilter.vue.js";
+import Ee from "../../../../icons/IconSearch.vue.js";
+import xe from "./KunTableHeaders.vue.js";
 import Be from "./KunTableFooter.vue.js";
-import Ve from "./KunTableRows.vue.js";
-import Oe from "./KunTableIterators.vue.js";
-import ze from "../../../KunBtn/src/components/KunBtn.vue.js";
-import De from "./KunTableFilter.vue.js";
-import He from "../composables/useExpand.js";
+import He from "./KunTableRows.vue.js";
+import Ve from "./KunTableIterators.vue.js";
+import Oe from "../../../KunBtn/src/components/KunBtn.vue.js";
+import ze from "./KunTableFilter.vue.js";
+import De from "../composables/useExpand.js";
 import Ne from "../composables/useOptions.js";
 import je from "../composables/useSelect.js";
 import Ke from "../composables/useFilter.js";
@@ -33,93 +33,96 @@ const Ue = {
     selectedItemsModifiers: {}
   }),
   emits: /* @__PURE__ */ X(["update:page", "update:itemsPerPage", "update:sortBy", "update:search", "focusOnSearch"], ["update:selectedItems"]),
-  setup(j, { emit: le }) {
-    const k = le, p = j, $ = Te(p), w = Fe(j, "selectedItems"), {
+  setup(j, { emit: ne }) {
+    const k = ne, m = j, F = $e(m), w = Fe(j, "selectedItems"), {
       headers: K,
       showExpand: P,
       showSelect: A,
       rowClass: L,
-      hideDefaultFooter: ne,
-      hideDefaultHeader: ae,
-      tableClass: re,
-      wrapperClass: ie,
-      pageOptions: ce,
+      hideDefaultFooter: ae,
+      hideDefaultHeader: re,
+      tableClass: ie,
+      wrapperClass: ce,
+      pageOptions: ue,
       items: ls,
       searchable: U,
-      debounceTime: ue
-    } = $, y = C(p.search);
-    Y(() => p.search, (e) => {
-      e !== y.value && (y.value = e);
+      debounceTime: de
+    } = F, b = C(m.search);
+    Y(() => m.search, (e) => {
+      e !== b.value && (b.value = e);
     });
-    const M = Z(() => p.headers.map((e) => {
-      var t, u;
+    const M = Z(() => m.headers.map((e) => {
+      var t, d;
       const o = { ...e };
       if ((e.columnType === "function" || e.columnType == "objectFunction" || e.columnType == "simpleFunction") && typeof e.columnFunction == "string") {
-        const i = (t = p.functionMap) == null ? void 0 : t[e.columnFunction];
+        const i = (t = m.functionMap) == null ? void 0 : t[e.columnFunction];
         typeof i == "function" ? o.columnFunction = i : (console.warn(
           `[KunTable] No se encontró la función "${e.columnFunction}" en functionMap`
         ), o.columnFunction = () => "");
       }
       if (e.columnFormat === "function" && typeof e.columnRowText == "string") {
-        const i = (u = p.functionMap) == null ? void 0 : u[e.columnRowText];
+        const i = (d = m.functionMap) == null ? void 0 : d[e.columnRowText];
         typeof i == "function" ? o.columnRowText = i : (console.warn(
           `[KunTable] No se encontró la función "${e.columnRowText}" en functionMap`
         ), o.columnRowText = () => "");
       }
       return o;
-    })), { filteredItems: b, setSearch: de, modalFilter: S, applyColumnFilters: pe, clearFilters: me, appliedFilters: fe } = Ke($, ue, M);
-    Y(y, (e) => {
-      k("update:search", e), de(e);
+    })), { filteredItems: h, setSearch: pe, modalFilter: S, applyColumnFilters: me, clearFilters: fe, appliedFilters: he } = Ke(F, de, M);
+    Y(b, (e) => {
+      k("update:search", e), pe(e);
     });
-    const { options: c, paginatedItems: m, updateSort: he } = Ne($, k, b), { isSelected: x, toggleSelect: I, toggleSelectAll: ge, allSelected: ve, someSelected: we, moreThanPaginated: ye, clearSelection: W, selectCompleteAll: Q } = je(m, w, b), { isExpanded: R, toggleExpand: E } = He(), h = Z(() => ({
-      items: m.value,
+    const { options: c, paginatedItems: u, updateSort: ge } = Ne(F, k, h), { isSelected: I, toggleSelect: R, toggleSelectAll: ve, allSelected: ye, someSelected: we, moreThanPaginated: be, clearSelection: W, selectCompleteAll: Q } = je(u, w, h), { isExpanded: E, toggleExpand: x } = De(), g = Z(() => ({
+      items: u.value,
       headers: K.value,
       page: c.page,
       itemsPerPage: c.itemsPerPage,
-      toggleSelect: I,
-      isSelected: x,
-      toggleExpand: E,
-      isExpanded: R,
+      toggleSelect: R,
+      isSelected: I,
+      toggleExpand: x,
+      isExpanded: E,
       sortBy: c.sortBy,
-      hasActions: p.hasActions
-    })), be = [os, ie.value], Se = [ts, re.value];
-    $e(() => G());
-    const q = C(null), B = C(!0), V = C(!1);
-    function Ce() {
-      ke();
-    }
+      hasActions: m.hasActions
+    })), Se = [os, ce.value], Ce = [ts, ie.value];
+    Pe(() => G());
+    const q = C(null), B = C(!0), H = C(!1);
     function ke() {
-      f.value && (J(), xe(() => {
+      Te();
+    }
+    function Te() {
+      f.value && (J(), Ie(() => {
         q.value.focus();
       }));
     }
     function G() {
-      f.value && (O.value = "w-fit", B.value = !1, V.value = !0, k("focusOnSearch", !1));
+      f.value && (V.value = "w-fit", B.value = !1, H.value = !0, k("focusOnSearch", !1));
     }
     function J() {
-      f.value && (O.value = "w-full border", V.value = !1, B.value = !0, k("focusOnSearch", !0));
+      f.value && (V.value = "w-full border", H.value = !1, B.value = !0, k("focusOnSearch", !0));
     }
-    const O = C("w-full border max-w-sm");
-    return (e, o) => (l(), n("div", z({ class: be }, e.$attrs, { style: { "user-select": "text" } }), [
-      s(U) || e.filterable || e.$slots.prependSearch || e.$slots.appendSearch ? (l(), n("div", Ue, [
-        g("div", We, [
-          r(e.$slots, "prependSearch")
+    const V = C("w-full border max-w-sm");
+    return (e, o) => (l(), n("div", O({ class: Se }, e.$attrs, { style: { "user-select": "text" } }), [
+      s(U) || e.filterable || e.$slots.prependHeader || e.$slots.prependSearch || e.$slots.appendSearch ? (l(), n("div", Ue, [
+        v("div", We, [
+          r(e.$slots, "prependHeader")
         ]),
         w.value.length ? (l(), n("div", Qe, [
-          g("span", qe, "Se han seleccionado " + D(w.value.length) + " registros.", 1),
-          s(m).length === w.value.length ? (l(), n("span", {
-            key: 0,
-            class: "bg-secondary hover:!bg-blue-500 rounded cursor-pointer px-2",
-            onClick: o[0] || (o[0] = (...t) => s(Q) && s(Q)(...t))
-          }, "Seleccionar todos los " + D(s(b).length) + " registros", 1)) : a("", !0),
-          s(b).length === w.value.length ? (l(), n("span", {
-            key: 1,
-            class: "bg-secondary hover:!bg-blue-500 rounded cursor-pointer px-2",
-            onClick: o[1] || (o[1] = (...t) => s(W) && s(W)(...t))
-          }, "Anular selección")) : a("", !0)
+          v("span", qe, "Se han seleccionado " + z(w.value.length) + " registros.", 1),
+          s(u).length !== s(h).length ? (l(), n(_, { key: 0 }, [
+            s(u).length === w.value.length ? (l(), n("span", {
+              key: 0,
+              class: "bg-secondary hover:!bg-blue-500 rounded cursor-pointer px-2",
+              onClick: o[0] || (o[0] = (...t) => s(Q) && s(Q)(...t))
+            }, "Seleccionar todos los " + z(s(h).length) + " registros", 1)) : a("", !0),
+            s(h).length === w.value.length ? (l(), n("span", {
+              key: 1,
+              class: "bg-secondary hover:!bg-blue-500 rounded cursor-pointer px-2",
+              onClick: o[1] || (o[1] = (...t) => s(W) && s(W)(...t))
+            }, "Anular selección")) : a("", !0)
+          ], 64)) : a("", !0)
         ])) : a("", !0),
-        g("div", Ge, [
-          e.filterable && e.filters.length ? (l(), T(ze, {
+        v("div", Ge, [
+          r(e.$slots, "prependSearch"),
+          e.filterable && e.filters.length ? (l(), T(Oe, {
             key: 0,
             class: "h-fit",
             onClick: o[2] || (o[2] = (t) => S.value = !0),
@@ -127,10 +130,10 @@ const Ue = {
             size: "xs",
             bgColor: "bg-green-200 dark:bg-green-800"
           }, {
-            default: H(() => [
-              F(te, {
+            default: D(() => [
+              $(le, {
                 class: "h-fit",
-                icon: Ie,
+                icon: Re,
                 size: "text-lg"
               })
             ]),
@@ -138,10 +141,10 @@ const Ue = {
           })) : a("", !0),
           s(U) ? (l(), n("div", {
             key: 1,
-            class: N(["rounded flex mx-2", [O.value]])
+            class: N(["rounded flex mx-2", [V.value]])
           }, [
-            _(g("input", {
-              "onUpdate:modelValue": o[3] || (o[3] = (t) => y.value = t),
+            ee(v("input", {
+              "onUpdate:modelValue": o[3] || (o[3] = (t) => b.value = t),
               type: "text",
               placeholder: e.searchPlaceholder,
               class: N(["w-full text-sm", s(f) ? "px-1" : "px-2 py-1"]),
@@ -150,71 +153,71 @@ const Ue = {
               onFocus: J,
               onBlur: G
             }, null, 42, Je), [
-              [Pe, y.value],
-              [ee, B.value]
+              [Ae, b.value],
+              [se, B.value]
             ]),
-            _(F(te, {
-              icon: Re,
-              onClick: Ce
+            ee($(le, {
+              icon: Ee,
+              onClick: ke
             }, null, 512), [
-              [ee, V.value]
+              [se, H.value]
             ])
           ], 2)) : a("", !0),
           r(e.$slots, "appendSearch")
         ])
       ])) : a("", !0),
-      g("div", Xe, [
-        s(m).length ? (l(), n("table", {
+      v("div", Xe, [
+        s(u).length ? (l(), n("table", {
           key: 0,
-          class: N(Se)
+          class: N(Ce)
         }, [
           e.$slots.colgroup && !s(f) ? (l(), n("colgroup", Ye, [
-            r(e.$slots, "colgroup", d(v(h.value)))
+            r(e.$slots, "colgroup", p(y(g.value)))
           ])) : a("", !0),
-          !s(ae) && !s(f) ? (l(), T(Ee, {
+          !s(re) && !s(f) ? (l(), T(xe, {
             key: 1,
             headers: s(K),
             "sort-by": s(c).sortBy,
             "show-select": s(A),
             "show-expand": s(P),
-            "all-selected": s(ve),
-            "more-than-paginated": s(ye),
+            "all-selected": s(ye),
+            "more-than-paginated": s(be),
             "some-selected": s(we),
             "thead-class": e.theadClass,
             "tr-class": e.trClass,
             "th-class": e.thClass,
             "has-actions": e.hasActions,
             "action-label": e.actionLabel,
-            onSort: s(he),
-            onToggleSelectAll: s(ge),
+            onSort: s(ge),
+            onToggleSelectAll: s(ve),
             customHeaders: e.customSlots
-          }, null, 8, ["headers", "sort-by", "show-select", "show-expand", "all-selected", "more-than-paginated", "some-selected", "thead-class", "tr-class", "th-class", "has-actions", "action-label", "onSort", "onToggleSelectAll", "customHeaders"])) : r(e.$slots, "thead", d(z({ key: 2 }, h.value))),
-          s(f) ? (l(), T(Oe, {
+          }, null, 8, ["headers", "sort-by", "show-select", "show-expand", "all-selected", "more-than-paginated", "some-selected", "thead-class", "tr-class", "th-class", "has-actions", "action-label", "onSort", "onToggleSelectAll", "customHeaders"])) : r(e.$slots, "thead", p(O({ key: 2 }, g.value))),
+          s(f) ? (l(), T(Ve, {
             key: 4,
-            items: s(m),
+            items: s(u),
             headers: M.value,
             "row-class": s(L),
             "row-class-condition": e.rowClassCondition,
-            "is-selected": s(x),
-            "is-expanded": s(R),
+            "is-selected": s(I),
+            "is-expanded": s(E),
             "show-select": s(A),
             "show-expand": s(P),
             "has-actions": e.hasActions,
             "action-loading-map": e.actionLoadingMap,
-            onToggleExpand: s(E),
-            onToggleSelect: s(I),
+            onToggleExpand: s(x),
+            onToggleSelect: s(R),
             customSlots: e.customSlots
-          }, se({ _: 2 }, [
-            oe(e.$slots, (t, u) => ({
-              name: u,
-              fn: H((i) => [
-                r(e.$slots, u, d(v(i)))
+          }, oe({ _: 2 }, [
+            te(e.$slots, (t, d) => ({
+              name: d,
+              fn: D((i) => [
+                r(e.$slots, d, p(y(i)))
               ])
             }))
-          ]), 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(), n(Ae, { key: 3 }, [
-            r(e.$slots, "body.prepend", d(v(h.value))),
-            F(Ve, {
-              items: s(m),
+          ]), 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(), n(_, { key: 3 }, [
+            r(e.$slots, "body.prepend", p(y(g.value))),
+            $(He, {
+              items: s(u),
               headers: M.value,
               "tbody-class": e.tbodyClass,
               "row-class": s(L),
@@ -223,51 +226,51 @@ const Ue = {
               "td-class": e.tdClass,
               "selected-class": e.selectedClass,
               "striped-class": e.stripedClass,
-              "is-selected": s(x),
-              "is-expanded": s(R),
+              "is-selected": s(I),
+              "is-expanded": s(E),
               "show-select": s(A),
               "show-expand": s(P),
               "has-actions": e.hasActions,
               "action-loading-map": e.actionLoadingMap,
-              onToggleExpand: s(E),
-              onToggleSelect: s(I),
+              onToggleExpand: s(x),
+              onToggleSelect: s(R),
               customSlots: e.customSlots
-            }, se({ _: 2 }, [
-              oe(e.$slots, (t, u) => ({
-                name: u,
-                fn: H((i) => [
-                  r(e.$slots, u, d(v(i)))
+            }, oe({ _: 2 }, [
+              te(e.$slots, (t, d) => ({
+                name: d,
+                fn: D((i) => [
+                  r(e.$slots, d, p(y(i)))
                 ])
               }))
             ]), 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"]),
-            r(e.$slots, "body.append", d(v(h.value)))
+            r(e.$slots, "body.append", p(y(g.value)))
           ], 64)),
           e.$slots.tfoot ? (l(), n("tfoot", Ze, [
-            r(e.$slots, "tfoot", d(v(h.value)))
+            r(e.$slots, "tfoot", p(y(g.value)))
           ])) : a("", !0)
         ])) : a("", !0),
-        s(m).length ? a("", !0) : (l(), n("div", _e, [
-          g("div", es, D(e.noDataText), 1)
+        s(u).length ? a("", !0) : (l(), n("div", _e, [
+          v("div", es, z(e.noDataText), 1)
         ]))
       ]),
-      s(ne) ? r(e.$slots, "footer", d(z({ key: 2 }, h.value))) : (l(), n("div", ss, [
-        F(Be, {
-          "items-length": s(b).length,
+      s(ae) ? r(e.$slots, "footer", p(O({ key: 2 }, g.value))) : (l(), n("div", ss, [
+        $(Be, {
+          "items-length": s(h).length,
           "items-per-page": s(c).itemsPerPage,
           "current-page": s(c).page,
-          "page-options": s(ce),
+          "page-options": s(ue),
           "onUpdate:itemsPerPage": o[4] || (o[4] = (t) => s(c).itemsPerPage = t),
           "onUpdate:page": o[5] || (o[5] = (t) => s(c).page = t)
         }, null, 8, ["items-length", "items-per-page", "current-page", "page-options"])
       ])),
-      e.filterable && s(S) ? (l(), T(De, {
+      e.filterable && s(S) ? (l(), T(ze, {
         key: 3,
         filters: e.filters,
         modelValue: s(S),
         "onUpdate:modelValue": o[6] || (o[6] = (t) => Me(S) ? S.value = t : null),
-        onApplyFilters: s(pe),
-        onClearFilters: s(me),
-        activeFilters: s(fe).byColumn
+        onApplyFilters: s(me),
+        onClearFilters: s(fe),
+        activeFilters: s(he).byColumn
       }, null, 8, ["filters", "modelValue", "onApplyFilters", "onClearFilters", "activeFilters"])) : a("", !0)
     ], 16));
   }

package/package.json

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