adverich-kun-ui 0.1.504 → 0.1.505

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 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 { 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 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";
@@ -34,7 +34,7 @@ const Ue = {
   }),
   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"), {
+    const k = le, p = j, F = Te(p), w = $e(j, "selectedItems"), {
       headers: K,
       showExpand: P,
       showSelect: A,
@@ -47,7 +47,7 @@ const Ue = {
       items: ls,
       searchable: U,
       debounceTime: ue
-    } = $, y = C(p.search);
+    } = F, y = C(p.search);
     Y(() => p.search, (e) => {
       e !== y.value && (y.value = e);
     });
@@ -67,51 +67,51 @@ const Ue = {
         ), o.columnRowText = () => "");
       }
       return o;
-    })), { filteredItems: b, setSearch: de, modalFilter: S, applyColumnFilters: pe, clearFilters: me, appliedFilters: fe } = Ke($, ue, M);
+    })), { 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);
     });
-    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(() => ({
+    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,
       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);
+    Fe(() => G());
+    const q = C(null), B = C(!0), H = C(!1);
     function Ce() {
       ke();
     }
     function ke() {
-      f.value && (J(), xe(() => {
+      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, [
+    const V = C("w-full border max-w-sm");
+    return (e, o) => (l(), n("div", O({ class: be }, 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, [
-          r(e.$slots, "prependSearch")
+          r(e.$slots, "prependHeader")
         ]),
         w.value.length ? (l(), n("div", Qe, [
-          g("span", qe, "Se han seleccionado " + D(w.value.length) + " registros.", 1),
+          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 " + D(s(b).length) + " registros", 1)) : a("", !0),
+          }, "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",
@@ -119,7 +119,8 @@ const Ue = {
           }, "Anular selección")) : a("", !0)
         ])) : a("", !0),
         g("div", Ge, [
-          e.filterable && e.filters.length ? (l(), T(ze, {
+          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 +128,10 @@ const Ue = {
             size: "xs",
             bgColor: "bg-green-200 dark:bg-green-800"
           }, {
-            default: H(() => [
-              F(te, {
+            default: D(() => [
+              $(te, {
                 class: "h-fit",
-                icon: Ie,
+                icon: Re,
                 size: "text-lg"
               })
             ]),
@@ -138,7 +139,7 @@ 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),
@@ -153,11 +154,11 @@ const Ue = {
               [Pe, y.value],
               [ee, B.value]
             ]),
-            _(F(te, {
-              icon: Re,
+            _($(te, {
+              icon: Ee,
               onClick: Ce
             }, null, 512), [
-              [ee, V.value]
+              [ee, H.value]
             ])
           ], 2)) : a("", !0),
           r(e.$slots, "appendSearch")
@@ -171,7 +172,7 @@ const Ue = {
           e.$slots.colgroup && !s(f) ? (l(), n("colgroup", Ye, [
             r(e.$slots, "colgroup", d(v(h.value)))
           ])) : a("", !0),
-          !s(ae) && !s(f) ? (l(), T(Ee, {
+          !s(ae) && !s(f) ? (l(), T(xe, {
             key: 1,
             headers: s(K),
             "sort-by": s(c).sortBy,
@@ -188,32 +189,32 @@ const Ue = {
             onSort: s(he),
             onToggleSelectAll: s(ge),
             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", d(O({ key: 2 }, h.value))),
+          s(f) ? (l(), T(Ve, {
             key: 4,
             items: s(m),
             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) => [
+              fn: D((i) => [
                 r(e.$slots, u, d(v(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, {
+            $(He, {
               items: s(m),
               headers: M.value,
               "tbody-class": e.tbodyClass,
@@ -223,19 +224,19 @@ 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) => [
+                fn: D((i) => [
                   r(e.$slots, u, d(v(i)))
                 ])
               }))
@@ -247,11 +248,11 @@ const Ue = {
           ])) : a("", !0)
         ])) : a("", !0),
         s(m).length ? a("", !0) : (l(), n("div", _e, [
-          g("div", es, D(e.noDataText), 1)
+          g("div", es, z(e.noDataText), 1)
         ]))
       ]),
-      s(ne) ? r(e.$slots, "footer", d(z({ key: 2 }, h.value))) : (l(), n("div", ss, [
-        F(Be, {
+      s(ne) ? r(e.$slots, "footer", d(O({ key: 2 }, h.value))) : (l(), n("div", ss, [
+        $(Be, {
           "items-length": s(b).length,
           "items-per-page": s(c).itemsPerPage,
           "current-page": s(c).page,
@@ -260,7 +261,7 @@ const Ue = {
           "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),

package/package.json

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