adverich-kun-ui 0.1.505 → 0.1.507

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 j, Fragment as _, withCtx as z, createVNode as $, normalizeClass as D, withDirectives as ee, vModelText as Ae, vShow as se, normalizeProps as p, guardReactiveProps as w, 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";
@@ -8,19 +8,19 @@ import Be from "./KunTableFooter.vue.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 je from "./KunTableFilter.vue.js";
+import ze from "../composables/useExpand.js";
+import De from "../composables/useOptions.js";
+import Ne from "../composables/useSelect.js";
 import Ke from "../composables/useFilter.js";
 import Le from "../composables/KunTableProps.js";
 const Ue = {
   key: 0,
   class: "p-2 bg-surface print:hidden flex w-full justify-between"
-}, We = { class: "w-fit flex items-center" }, Qe = {
+}, We = { class: "w-full flex items-center" }, Qe = {
   key: 0,
-  class: "flex items-center justify-center"
-}, qe = { class: "pr-2" }, Ge = { class: "flex h-full items-center" }, Je = ["placeholder"], Xe = { class: "flex-1 overflow-auto bg-surface" }, Ye = { key: 0 }, Ze = { key: 5 }, _e = {
+  class: "inline-flex items-center justify-center whitespace-nowrap"
+}, qe = { class: "pr-2" }, Ge = { class: "flex h-full items-center justify-end" }, Je = ["placeholder"], Xe = { class: "flex-1 overflow-auto bg-surface" }, Ye = { key: 0 }, Ze = { key: 5 }, _e = {
   key: 1,
   class: "h-full flex justify-center items-center"
 }, es = { class: "text-center text-4xl" }, ss = {
@@ -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(N, { emit: ne }) {
+    const k = ne, m = N, F = $e(m), y = Fe(N, "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 } = De(F, k, h), { isSelected: I, toggleSelect: R, toggleSelectAll: ve, allSelected: we, someSelected: ye, moreThanPaginated: be, clearSelection: W, selectCompleteAll: Q } = Ne(u, y, h), { isExpanded: E, toggleExpand: x } = ze(), 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)
+        y.value.length ? (l(), n("div", Qe, [
+          v("span", qe, "Se han seleccionado " + j(y.value.length) + " registros.", 1),
+          s(u).length !== s(h).length ? (l(), n(_, { key: 0 }, [
+            s(u).length === y.value.length ? (l(), n("span", {
+              key: 0,
+              onClick: o[0] || (o[0] = (...t) => s(Q) && s(Q)(...t)),
+              class: "bg-secondary hover:!bg-blue-500 rounded cursor-pointer px-2 ml-2"
+            }, " Seleccionar todos los " + j(s(h).length) + " registros ", 1)) : a("", !0),
+            s(h).length === y.value.length ? (l(), n("span", {
+              key: 1,
+              onClick: o[1] || (o[1] = (...t) => s(W) && s(W)(...t)),
+              class: "bg-secondary hover:!bg-blue-500 rounded cursor-pointer px-2 ml-2"
+            }, " 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,
@@ -128,8 +130,8 @@ const Ue = {
             size: "xs",
             bgColor: "bg-green-200 dark:bg-green-800"
           }, {
-            default: D(() => [
-              $(te, {
+            default: z(() => [
+              $(le, {
                 class: "h-fit",
                 icon: Re,
                 size: "text-lg"
@@ -139,60 +141,60 @@ const Ue = {
           })) : a("", !0),
           s(U) ? (l(), n("div", {
             key: 1,
-            class: N(["rounded flex mx-2", [V.value]])
+            class: D(["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"]),
+              class: D(["w-full text-sm", s(f) ? "px-1" : "px-2 py-1"]),
               ref_key: "searchRef",
               ref: q,
               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: D(Ce)
         }, [
           e.$slots.colgroup && !s(f) ? (l(), n("colgroup", Ye, [
-            r(e.$slots, "colgroup", d(v(h.value)))
+            r(e.$slots, "colgroup", p(w(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),
-            "some-selected": s(we),
+            "all-selected": s(we),
+            "more-than-paginated": s(be),
+            "some-selected": s(ye),
             "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,
-              fn: D((i) => [
-                r(e.$slots, u, d(v(i)))
+          }, oe({ _: 2 }, [
+            te(e.$slots, (t, d) => ({
+              name: d,
+              fn: z((i) => [
+                r(e.$slots, d, p(w(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(w(g.value))),
             $(He, {
-              items: s(m),
+              items: s(u),
               headers: M.value,
               "tbody-class": e.tbodyClass,
               "row-class": s(L),
@@ -233,42 +235,42 @@ const Ue = {
               onToggleExpand: s(x),
               onToggleSelect: s(R),
               customSlots: e.customSlots
-            }, se({ _: 2 }, [
-              oe(e.$slots, (t, u) => ({
-                name: u,
-                fn: D((i) => [
-                  r(e.$slots, u, d(v(i)))
+            }, oe({ _: 2 }, [
+              te(e.$slots, (t, d) => ({
+                name: d,
+                fn: z((i) => [
+                  r(e.$slots, d, p(w(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(w(g.value)))
           ], 64)),
           e.$slots.tfoot ? (l(), n("tfoot", Ze, [
-            r(e.$slots, "tfoot", d(v(h.value)))
+            r(e.$slots, "tfoot", p(w(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, j(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"])
       ])),
-      e.filterable && s(S) ? (l(), T(ze, {
+      e.filterable && s(S) ? (l(), T(je, {
         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.505",
+  "version": "0.1.507",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",