adverich-kun-ui 0.1.505 → 0.1.506

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

@@ -1,6 +1,6 @@
-import { mergeModels as X, toRefs as Te, useModel as $e, ref as C, watch as Y, computed as Z, onMounted as Fe, createElementBlock as n, openBlock as l, mergeProps as O, createCommentVNode as a, createElementVNode as g, renderSlot as r, createBlock as T, unref as s, toDisplayString as z, withCtx as D, createVNode as $, 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 Ie } 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 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";
@@ -33,46 +33,46 @@ 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, F = Te(p), w = $e(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
-    } = F, 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(F, 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(F, k, b), { isSelected: I, toggleSelect: R, toggleSelectAll: ge, allSelected: ve, someSelected: we, moreThanPaginated: ye, clearSelection: W, selectCompleteAll: Q } = je(m, w, b), { isExpanded: E, toggleExpand: x } = De(), 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,
@@ -81,14 +81,14 @@ const Ue = {
       toggleExpand: x,
       isExpanded: E,
       sortBy: c.sortBy,
-      hasActions: p.hasActions
-    })), be = [os, ie.value], Se = [ts, re.value];
-    Fe(() => G());
+      hasActions: m.hasActions
+    })), Se = [os, ce.value], Ce = [ts, ie.value];
+    Pe(() => G());
     const q = C(null), B = C(!0), H = C(!1);
-    function Ce() {
-      ke();
-    }
     function ke() {
+      Te();
+    }
+    function Te() {
       f.value && (J(), Ie(() => {
         q.value.focus();
       }));
@@ -100,25 +100,27 @@ const Ue = {
       f.value && (V.value = "w-full border", H.value = !1, B.value = !0, k("focusOnSearch", !0));
     }
     const V = C("w-full border max-w-sm");
-    return (e, o) => (l(), n("div", O({ class: be }, e.$attrs, { style: { "user-select": "text" } }), [
+    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, [
-        g("div", We, [
+        v("div", We, [
           r(e.$slots, "prependHeader")
         ]),
         w.value.length ? (l(), n("div", Qe, [
-          g("span", qe, "Se han seleccionado " + z(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 " + z(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, [
+        v("div", Ge, [
           r(e.$slots, "prependSearch"),
           e.filterable && e.filters.length ? (l(), T(Oe, {
             key: 0,
@@ -129,7 +131,7 @@ const Ue = {
             bgColor: "bg-green-200 dark:bg-green-800"
           }, {
             default: D(() => [
-              $(te, {
+              $(le, {
                 class: "h-fit",
                 icon: Re,
                 size: "text-lg"
@@ -141,8 +143,8 @@ const Ue = {
             key: 1,
             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"]),
@@ -151,48 +153,48 @@ const Ue = {
               onFocus: J,
               onBlur: G
             }, null, 42, Je), [
-              [Pe, y.value],
-              [ee, B.value]
+              [Ae, b.value],
+              [se, B.value]
             ]),
-            _($(te, {
+            ee($(le, {
               icon: Ee,
-              onClick: Ce
+              onClick: ke
             }, null, 512), [
-              [ee, H.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(xe, {
+          !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(O({ key: 2 }, h.value))),
+          }, 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,
@@ -205,17 +207,17 @@ const Ue = {
             onToggleExpand: s(x),
             onToggleSelect: s(R),
             customSlots: e.customSlots
-          }, se({ _: 2 }, [
-            oe(e.$slots, (t, u) => ({
-              name: u,
+          }, oe({ _: 2 }, [
+            te(e.$slots, (t, d) => ({
+              name: d,
               fn: D((i) => [
-                r(e.$slots, u, d(v(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))),
+          ]), 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(m),
+              items: s(u),
               headers: M.value,
               "tbody-class": e.tbodyClass,
               "row-class": s(L),
@@ -233,30 +235,30 @@ const Ue = {
               onToggleExpand: s(x),
               onToggleSelect: s(R),
               customSlots: e.customSlots
-            }, se({ _: 2 }, [
-              oe(e.$slots, (t, u) => ({
-                name: u,
+            }, oe({ _: 2 }, [
+              te(e.$slots, (t, d) => ({
+                name: d,
                 fn: D((i) => [
-                  r(e.$slots, u, d(v(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, z(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(O({ key: 2 }, h.value))) : (l(), n("div", ss, [
+      s(ae) ? r(e.$slots, "footer", p(O({ key: 2 }, g.value))) : (l(), n("div", ss, [
         $(Be, {
-          "items-length": s(b).length,
+          "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"])
@@ -266,9 +268,9 @@ const Ue = {
         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.505",
+  "version": "0.1.506",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",