adverich-kun-ui 0.1.608 → 0.1.609

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

@@ -1,36 +1,36 @@
-import { toRefs as Ve, useModel as Ie, computed as P, reactive as ue, ref as S, watch as m, onMounted as He, openBlock as n, createElementBlock as i, mergeProps as q, unref as o, renderSlot as d, createCommentVNode as f, createElementVNode as R, toDisplayString as ie, createBlock as K, withCtx as J, createVNode as V, normalizeClass as W, withDirectives as ce, vModelText as Oe, vShow as de, normalizeProps as y, guardReactiveProps as B, Fragment as ze, createSlots as pe, renderList as me, mergeModels as ge, nextTick as fe } from "vue";
+import { toRefs as Ie, useModel as He, computed as P, reactive as ue, ref as S, watch as m, onMounted as Oe, openBlock as n, createElementBlock as i, mergeProps as q, unref as o, renderSlot as d, createCommentVNode as f, createElementVNode as R, toDisplayString as ie, createBlock as K, withCtx as J, createVNode as V, normalizeClass as W, withDirectives as ce, vModelText as ze, vShow as de, normalizeProps as y, guardReactiveProps as B, Fragment as Le, createSlots as pe, renderList as me, mergeModels as ge, nextTick as fe } from "vue";
 import { isMobile as b } from "../../../../utils/_platform.js";
-import { debounce as Le } from "../../../../utils/utils.js";
+import { debounce as je } from "../../../../utils/utils.js";
 import he from "../../../KunIcon/src/components/KunIcon.vue.js";
-import je from "../../../../icons/IconFilter.vue.js";
-import De from "../../../../icons/IconSearch.vue.js";
-import Ue from "../../../KunTable/src/components/KunTableHeaders.vue.js";
-import Qe from "../../../KunTable/src/components/KunTableFooter.vue.js";
-import qe from "../../../KunTable/src/components/KunTableRows.vue.js";
-import Je from "../../../KunTable/src/components/KunTableIterators.vue.js";
-import We from "../../../KunBtn/src/components/KunBtn.vue.js";
-import Ge from "../../../KunTable/src/components/KunTableFilter.vue.js";
-import Xe from "../../../KunTable/src/composables/useExpand.js";
-import { resolveRowKeyValue as Ye } from "../../../KunTable/src/composables/useRowKey.js";
-import Ze from "../composables/KunTableServerSideProps.js";
-const _e = {
+import De from "../../../../icons/IconFilter.vue.js";
+import Ue from "../../../../icons/IconSearch.vue.js";
+import Qe from "../../../KunTable/src/components/KunTableHeaders.vue.js";
+import qe from "../../../KunTable/src/components/KunTableFooter.vue.js";
+import Je from "../../../KunTable/src/components/KunTableRows.vue.js";
+import We from "../../../KunTable/src/components/KunTableIterators.vue.js";
+import Ge from "../../../KunBtn/src/components/KunBtn.vue.js";
+import Xe from "../../../KunTable/src/components/KunTableFilter.vue.js";
+import Ye from "../../../KunTable/src/composables/useExpand.js";
+import { resolveRowKeyValue as Ze } from "../../../KunTable/src/composables/useRowKey.js";
+import _e from "../composables/KunTableServerSideProps.js";
+const es = {
   key: 0,
   class: "p-2 bg-surface print:hidden flex w-full justify-between"
-}, es = {
+}, ss = {
   key: 0,
   class: "w-full flex items-center"
-}, ss = {
+}, ts = {
   key: 1,
   class: "inline-flex items-center justify-center whitespace-nowrap"
-}, ts = { class: "pr-2" }, as = { class: "min-w-1/3 flex h-full items-center justify-end" }, os = ["placeholder"], ls = { class: "flex-1 overflow-auto bg-surface" }, rs = { key: 0 }, ns = { key: 5 }, us = {
+}, as = { class: "pr-2" }, os = { class: "min-w-1/3 flex h-full items-center justify-end" }, ls = ["placeholder"], rs = { class: "flex-1 overflow-auto bg-surface" }, ns = { key: 0 }, us = { key: 5 }, is = {
   key: 1,
   class: "h-full flex justify-center items-center"
-}, is = { class: "text-center text-4xl" }, cs = {
+}, cs = { class: "text-center text-4xl" }, ds = {
   key: 1,
   class: "sticky bottom-0 z-10 print:hidden"
-}, ds = "overflow-hidden h-full w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", ps = "table-auto w-full h-fit text-sm text-left", Ts = {
+}, ps = "overflow-hidden h-full w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", ms = "table-auto w-full h-fit text-sm text-left", As = {
   __name: "KunTableServerSide",
-  props: /* @__PURE__ */ ge(Ze(), {
+  props: /* @__PURE__ */ ge(_e(), {
     selectedItems: { type: Array, default: () => [] },
     selectedItemsModifiers: {}
   }),
@@ -43,7 +43,7 @@ const _e = {
     "focusOnSearch"
   ], ["update:selectedItems"]),
   setup(G, { emit: ve }) {
-    const w = ve, r = G, ye = Ve(r), u = Ie(G, "selectedItems"), {
+    const w = ve, r = G, ye = Ie(r), u = He(G, "selectedItems"), {
       headers: X,
       showExpand: I,
       showSelect: H,
@@ -55,7 +55,8 @@ const _e = {
       wrapperClass: ke,
       pageOptions: Ce,
       searchable: Z,
-      filters: _
+      filters: _,
+      hideSelected: $e
     } = ye, ee = (e) => typeof e == "string" ? [{ key: e, order: "asc" }] : Array.isArray(e) ? e.map((s) => typeof s == "string" ? { key: s, order: "asc" } : s) : [], p = P(() => {
       var e;
       return (e = r.result) != null && e.result && typeof r.result.result == "object" ? r.result.result : r.result ?? {};
@@ -120,7 +121,7 @@ const _e = {
         s.columnFunction = typeof l == "function" ? l : () => "";
       }
       return s;
-    })), N = (e, s = -1) => Ye(e, be.value, s), te = (e, s = -1) => N(e, s) ?? `kun-table-server-row-${s}`, ae = (e, s = -1) => {
+    })), N = (e, s = -1) => Ze(e, be.value, s), te = (e, s = -1) => N(e, s) ?? `kun-table-server-row-${s}`, ae = (e, s = -1) => {
       var l;
       const a = N(e, s);
       return a === null ? !1 : ((l = r.actionLoadingMap) == null ? void 0 : l[a]) || !1;
@@ -135,7 +136,7 @@ const _e = {
         return;
       }
       u.value = [...u.value, e];
-    }, L = P(() => c.value.length > 0 && c.value.every(C)), $e = P(() => c.value.some(C) && !L.value), Fe = () => {
+    }, L = P(() => c.value.length > 0 && c.value.every(C)), Fe = P(() => c.value.some(C) && !L.value), Be = () => {
       if (L.value) {
         oe();
         return;
@@ -145,7 +146,7 @@ const _e = {
     m(c, () => {
       u.value = u.value.filter((e, s) => c.value.some((a, l) => O(e, a, s, l)));
     }, { deep: !0 });
-    const { isExpanded: j, toggleExpand: D } = Xe(), Be = () => {
+    const { isExpanded: j, toggleExpand: D } = Ye(), Te = () => {
       const [e] = t.sortBy;
       return {
         page: t.page,
@@ -157,8 +158,8 @@ const _e = {
         filters: { ...v.byColumn }
       };
     }, $ = () => {
-      w("update:page", t.page), w("update:itemsPerPage", t.itemsPerPage), w("update:sortBy", t.sortBy), w("update:query", Be());
-    }, Te = Le((e) => {
+      w("update:page", t.page), w("update:itemsPerPage", t.itemsPerPage), w("update:sortBy", t.sortBy), w("update:query", Te());
+    }, Ae = je((e) => {
       if (v.search = e ?? "", t.page !== 1) {
         t.page = 1;
         return;
@@ -166,7 +167,7 @@ const _e = {
       $();
     }, r.debounceTime ?? 300);
     m(T, (e) => {
-      k.value || (w("update:search", e), Te(e));
+      k.value || (w("update:search", e), Ae(e));
     }), m(() => t.page, (e, s) => {
       k.value || e !== s && $();
     }), m(() => t.itemsPerPage, (e, s) => {
@@ -186,19 +187,19 @@ const _e = {
         $();
       }
     }, { deep: !0 });
-    const Ae = (e) => {
+    const Ne = (e) => {
       if (v.byColumn = { ...e }, t.page !== 1) {
         t.page = 1;
         return;
       }
       $();
-    }, Ne = () => {
+    }, Ee = () => {
       if (v.byColumn = {}, t.page !== 1) {
         t.page = 1;
         return;
       }
       $();
-    }, Ee = ({ key: e, order: s }) => {
+    }, Re = ({ key: e, order: s }) => {
       if (t.sortBy.find((l) => l.key === e)) {
         t.sortBy = [{ key: e, order: s }];
         return;
@@ -217,13 +218,13 @@ const _e = {
       hasActions: r.hasActions,
       getRowKey: N,
       pagination: h.value
-    })), Re = [ds, ke.value], Me = [ps, Se.value];
-    He(() => re());
+    })), Me = [ps, ke.value], xe = [ms, Se.value];
+    Oe(() => re());
     const le = S(null), U = S(!0), x = S(!1), Q = S("w-full border max-w-sm");
-    function xe() {
-      Ke();
-    }
     function Ke() {
+      Ve();
+    }
+    function Ve() {
       b.value && (ne(), fe(() => {
         var e;
         (e = le.value) == null || e.focus();
@@ -235,22 +236,22 @@ const _e = {
     function ne() {
       b.value && (Q.value = "w-full border", x.value = !1, U.value = !0, w("focusOnSearch", !0));
     }
-    return (e, s) => (n(), i("div", q({ class: Re }, e.$attrs, { style: { "user-select": "text" } }), [
-      o(Z) || e.filterable || e.$slots.prependHeader || e.$slots.prependSearch || e.$slots.appendSearch ? (n(), i("div", _e, [
-        x.value || !o(b) ? (n(), i("div", es, [
+    return (e, s) => (n(), i("div", q({ class: Me }, e.$attrs, { style: { "user-select": "text" } }), [
+      o(Z) || e.filterable || e.$slots.prependHeader || e.$slots.prependSearch || e.$slots.appendSearch ? (n(), i("div", es, [
+        x.value || !o(b) ? (n(), i("div", ss, [
           d(e.$slots, "prependHeader")
         ])) : f("", !0),
-        u.value.length ? (n(), i("div", ss, [
-          R("span", ts, "Se han seleccionado " + ie(u.value.length) + " registros.", 1),
+        u.value.length && !o($e) ? (n(), i("div", ts, [
+          R("span", as, "Se han seleccionado " + ie(u.value.length) + " registros.", 1),
           u.value.length ? (n(), i("span", {
             key: 0,
             onClick: oe,
             class: "bg-blue-300 dark:bg-blue-700 hover:!bg-blue-500 rounded cursor-pointer px-2 ml-2"
           }, " Anular selección ")) : f("", !0)
         ])) : f("", !0),
-        R("div", as, [
+        R("div", os, [
           d(e.$slots, "prependSearch"),
-          e.filterable && o(_).length ? (n(), K(We, {
+          e.filterable && o(_).length ? (n(), K(Ge, {
             key: 0,
             class: "h-fit",
             onClick: s[0] || (s[0] = (a) => M.value = !0),
@@ -261,7 +262,7 @@ const _e = {
             default: J(() => [
               V(he, {
                 class: "h-fit",
-                icon: je,
+                icon: De,
                 size: "text-lg"
               })
             ]),
@@ -280,13 +281,13 @@ const _e = {
               ref: le,
               onFocus: ne,
               onBlur: re
-            }, null, 42, os), [
-              [Oe, T.value],
+            }, null, 42, ls), [
+              [ze, T.value],
               [de, U.value]
             ]),
             ce(V(he, {
-              icon: De,
-              onClick: xe
+              icon: Ue,
+              onClick: Ke
             }, null, 512), [
               [de, x.value]
             ])
@@ -294,15 +295,15 @@ const _e = {
           d(e.$slots, "appendSearch")
         ])
       ])) : f("", !0),
-      R("div", ls, [
+      R("div", rs, [
         c.value.length ? (n(), i("table", {
           key: 0,
-          class: W(Me)
+          class: W(xe)
         }, [
-          e.$slots.colgroup && !o(b) ? (n(), i("colgroup", rs, [
+          e.$slots.colgroup && !o(b) ? (n(), i("colgroup", ns, [
             d(e.$slots, "colgroup", y(B(F.value)))
           ])) : f("", !0),
-          !o(Pe) && !o(b) ? (n(), K(Ue, {
+          !o(Pe) && !o(b) ? (n(), K(Qe, {
             key: 1,
             headers: o(X),
             "sort-by": t.sortBy,
@@ -310,17 +311,17 @@ const _e = {
             "show-expand": o(I),
             "all-selected": L.value,
             "more-than-paginated": !1,
-            "some-selected": $e.value,
+            "some-selected": Fe.value,
             "thead-class": e.theadClass,
             "tr-class": e.trClass,
             "th-class": e.thClass,
             "has-actions": e.hasActions,
             "action-label": e.actionLabel,
-            onSort: Ee,
-            onToggleSelectAll: Fe,
+            onSort: Re,
+            onToggleSelectAll: Be,
             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", "customHeaders"])) : d(e.$slots, "thead", y(q({ key: 2 }, F.value))),
-          o(b) ? (n(), K(Je, {
+          o(b) ? (n(), K(We, {
             key: 4,
             items: c.value,
             headers: se.value,
@@ -344,9 +345,9 @@ const _e = {
                 d(e.$slots, l, y(B(g)))
               ])
             }))
-          ]), 1032, ["items", "headers", "row-class", "row-class-condition", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "customSlots"])) : (n(), i(ze, { key: 3 }, [
+          ]), 1032, ["items", "headers", "row-class", "row-class-condition", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "customSlots"])) : (n(), i(Le, { key: 3 }, [
             d(e.$slots, "body.prepend", y(B(F.value))),
-            V(qe, {
+            V(Je, {
               items: c.value,
               headers: se.value,
               "tbody-class": e.tbodyClass,
@@ -377,15 +378,15 @@ const _e = {
             ]), 1032, ["items", "headers", "tbody-class", "row-class", "row-class-condition", "tr-class", "td-class", "selected-class", "striped-class", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "customSlots"]),
             d(e.$slots, "body.append", y(B(F.value)))
           ], 64)),
-          e.$slots.tfoot ? (n(), i("tfoot", ns, [
+          e.$slots.tfoot ? (n(), i("tfoot", us, [
             d(e.$slots, "tfoot", y(B(F.value)))
           ])) : f("", !0)
-        ])) : (n(), i("div", us, [
-          R("div", is, ie(e.loading ? e.loadingText : e.noDataText), 1)
+        ])) : (n(), i("div", is, [
+          R("div", cs, ie(e.loading ? e.loadingText : e.noDataText), 1)
         ]))
       ]),
-      o(we) ? d(e.$slots, "footer", y(q({ key: 2 }, F.value))) : (n(), i("div", cs, [
-        V(Qe, {
+      o(we) ? d(e.$slots, "footer", y(q({ key: 2 }, F.value))) : (n(), i("div", ds, [
+        V(qe, {
           "items-length": h.value.total,
           "items-per-page": t.itemsPerPage,
           "current-page": t.page,
@@ -397,18 +398,18 @@ const _e = {
           "onUpdate:page": s[3] || (s[3] = (a) => t.page = a)
         }, null, 8, ["items-length", "items-per-page", "current-page", "total-pages", "from", "to", "page-options"])
       ])),
-      e.filterable && M.value ? (n(), K(Ge, {
+      e.filterable && M.value ? (n(), K(Xe, {
         key: 3,
         filters: o(_),
         modelValue: M.value,
         "onUpdate:modelValue": s[4] || (s[4] = (a) => M.value = a),
-        onApplyFilters: Ae,
-        onClearFilters: Ne,
+        onApplyFilters: Ne,
+        onClearFilters: Ee,
         activeFilters: v.byColumn
       }, null, 8, ["filters", "modelValue", "activeFilters"])) : f("", !0)
     ], 16));
   }
 };
 export {
-  Ts as default
+  As as default
 };

package/package.json

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