adverich-kun-ui 0.1.606 → 0.1.608

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

@@ -1,10 +1,10 @@
-import { toRefs as Re, useModel as Ee, ref as w, watch as se, computed as te, onMounted as Me, openBlock as l, createElementBlock as a, mergeProps as L, unref as s, renderSlot as i, createCommentVNode as n, createElementVNode as b, toDisplayString as O, Fragment as oe, createBlock as F, withCtx as z, createVNode as T, normalizeClass as j, withDirectives as le, vModelText as Be, vShow as ae, normalizeProps as d, guardReactiveProps as h, createSlots as ne, renderList as re, isRef as Ve, mergeModels as ie, nextTick as He } from "vue";
-import { isMobile as u, smAndDown as Ke } from "../../../../utils/_platform.js";
+import { toRefs as Ee, useModel as Me, ref as w, watch as se, computed as te, onMounted as Be, openBlock as l, createElementBlock as a, mergeProps as O, unref as s, renderSlot as i, createCommentVNode as r, createElementVNode as S, toDisplayString as z, Fragment as oe, createBlock as F, withCtx as D, createVNode as T, normalizeClass as j, withDirectives as le, vModelText as Ve, vShow as ae, normalizeProps as d, guardReactiveProps as h, createSlots as re, renderList as ne, isRef as He, mergeModels as ie, nextTick as Ke } from "vue";
+import { isMobile as u } from "../../../../utils/_platform.js";
 import ce from "../../../KunIcon/src/components/KunIcon.vue.js";
-import De from "../../../../icons/IconFilter.vue.js";
-import Le from "../../../../icons/IconSearch.vue.js";
-import Oe from "./KunTableHeaders.vue.js";
-import ze from "./KunTableFooter.vue.js";
+import Le from "../../../../icons/IconFilter.vue.js";
+import Oe from "../../../../icons/IconSearch.vue.js";
+import ze from "./KunTableHeaders.vue.js";
+import De from "./KunTableFooter.vue.js";
 import je from "./KunTableRows.vue.js";
 import Ue from "./KunTableIterators.vue.js";
 import xe from "../../../KunBtn/src/components/KunBtn.vue.js";
@@ -24,10 +24,10 @@ const Ye = {
 }, _e = {
   key: 1,
   class: "inline-flex items-center justify-center whitespace-nowrap"
-}, es = { class: "pr-2" }, ss = { class: "min-w-1/3 flex h-full items-center justify-end" }, ts = ["placeholder"], os = { class: "flex-1 overflow-auto bg-surface" }, ls = { key: 0 }, as = { key: 5 }, ns = {
+}, es = { class: "pr-2" }, ss = { class: "min-w-1/3 flex h-full items-center justify-end" }, ts = ["placeholder"], os = { class: "flex-1 overflow-auto bg-surface" }, ls = { key: 0 }, as = { key: 5 }, rs = {
   key: 1,
   class: "h-full flex justify-center items-center"
-}, rs = { class: "text-center text-4xl" }, is = {
+}, ns = { class: "text-center text-4xl" }, is = {
   key: 1,
   class: "sticky bottom-0 z-10 print:hidden"
 }, cs = "overflow-hidden h-full w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", ds = "table-auto w-full h-fit text-sm text-left", Is = {
@@ -38,7 +38,7 @@ const Ye = {
   }),
   emits: /* @__PURE__ */ ie(["update:page", "update:itemsPerPage", "update:sortBy", "update:search", "focusOnSearch"], ["update:selectedItems"]),
   setup(U, { emit: de }) {
-    const S = de, p = U, P = Re(p), A = Ee(U, "selectedItems"), {
+    const b = de, p = U, P = Ee(p), A = Me(U, "selectedItems"), {
       headers: x,
       showExpand: I,
       showSelect: R,
@@ -51,7 +51,8 @@ const Ye = {
       pageOptions: ge,
       items: us,
       searchable: W,
-      debounceTime: ye
+      debounceTime: ye,
+      hideSelected: ve
     } = P, g = w(p.search);
     se(() => p.search, (e) => {
       e !== g.value && (g.value = e);
@@ -60,26 +61,26 @@ const Ye = {
       var o;
       const t = { ...e };
       if (e.columnType === "function" && typeof e.columnFunction == "string") {
-        const r = (o = p.functionMap) == null ? void 0 : o[e.columnFunction];
-        typeof r == "function" ? t.columnFunction = r : t.columnFunction = () => "";
+        const n = (o = p.functionMap) == null ? void 0 : o[e.columnFunction];
+        typeof n == "function" ? t.columnFunction = n : t.columnFunction = () => "";
       }
       return t;
-    })), { filteredItems: y, setSearch: ve, modalFilter: v, applyColumnFilters: we, clearFilters: be, appliedFilters: Se } = Ge(P, ye, k);
+    })), { filteredItems: y, setSearch: we, modalFilter: v, applyColumnFilters: Se, clearFilters: be, appliedFilters: ke } = Ge(P, ye, k);
     se(g, (e) => {
-      S("update:search", e), ve(e);
+      b("update:search", e), we(e);
     });
-    const { options: c, paginatedItems: m, updateSort: ke } = Qe(P, S, y, k), C = (e, t = -1) => Je(e, ue.value, t), Q = (e, t = -1) => C(e, t) ?? `kun-table-row-${t}`, q = (e, t = -1) => {
-      var r;
+    const { options: c, paginatedItems: m, updateSort: Ce } = Qe(P, b, y, k), C = (e, t = -1) => Je(e, ue.value, t), Q = (e, t = -1) => C(e, t) ?? `kun-table-row-${t}`, q = (e, t = -1) => {
+      var n;
       const o = C(e, t);
-      return o === null ? !1 : ((r = p.actionLoadingMap) == null ? void 0 : r[o]) || !1;
+      return o === null ? !1 : ((n = p.actionLoadingMap) == null ? void 0 : n[o]) || !1;
     }, {
       isSelected: E,
       toggleSelect: M,
-      toggleSelectAll: Ce,
+      toggleSelectAll: $e,
       allSelected: G,
       allFilteredSelected: J,
-      someSelected: $e,
-      moreThanPaginated: Fe,
+      someSelected: Fe,
+      moreThanPaginated: Te,
       clearSelection: X,
       selectCompleteAll: Y
     } = qe(m, A, y, C), { isExpanded: B, toggleExpand: V } = We(), f = te(() => ({
@@ -94,45 +95,45 @@ const Ye = {
       sortBy: c.sortBy,
       hasActions: p.hasActions,
       getRowKey: C
-    })), Te = [cs, he.value], Pe = [ds, fe.value];
-    Me(() => _());
+    })), Pe = [cs, he.value], Ae = [ds, fe.value];
+    Be(() => _());
     const Z = w(null), H = w(!0), $ = w(!1);
-    function Ae() {
-      Ie();
-    }
     function Ie() {
-      u.value && (ee(), He(() => {
+      Re();
+    }
+    function Re() {
+      u.value && (ee(), Ke(() => {
         Z.value.focus();
       }));
     }
     function _() {
-      u.value && (K.value = "w-fit", H.value = !1, $.value = !0, S("focusOnSearch", !1));
+      u.value && (K.value = "w-fit", H.value = !1, $.value = !0, b("focusOnSearch", !1));
     }
     function ee() {
-      u.value && (K.value = "w-full border", $.value = !1, H.value = !0, S("focusOnSearch", !0));
+      u.value && (K.value = "w-full border", $.value = !1, H.value = !0, b("focusOnSearch", !0));
     }
     const K = w("w-full border max-w-sm");
-    return (e, t) => (l(), a("div", L({ class: Te }, e.$attrs, { style: { "user-select": "text" } }), [
+    return (e, t) => (l(), a("div", O({ class: Pe }, e.$attrs, { style: { "user-select": "text" } }), [
       s(W) || e.filterable || e.$slots.prependHeader || e.$slots.prependSearch || e.$slots.appendSearch ? (l(), a("div", Ye, [
         $.value || !s(u) ? (l(), a("div", Ze, [
           i(e.$slots, "prependHeader")
-        ])) : n("", !0),
-        A.value.length && !s(Ke) ? (l(), a("div", _e, [
-          b("span", es, "Se han seleccionado " + O(A.value.length) + " registros.", 1),
+        ])) : r("", !0),
+        A.value.length && !s(ve) ? (l(), a("div", _e, [
+          S("span", es, "Se han seleccionado " + z(A.value.length) + " registros.", 1),
           s(m).length !== s(y).length ? (l(), a(oe, { key: 0 }, [
             s(G) && !s(J) ? (l(), a("span", {
               key: 0,
               onClick: t[0] || (t[0] = (...o) => s(Y) && s(Y)(...o)),
               class: "bg-secondary hover:!bg-blue-500 rounded cursor-pointer px-2 ml-2"
-            }, " Seleccionar todos los " + O(s(y).length) + " registros ", 1)) : n("", !0),
+            }, " Seleccionar todos los " + z(s(y).length) + " registros ", 1)) : r("", !0),
             s(J) ? (l(), a("span", {
               key: 1,
               onClick: t[1] || (t[1] = (...o) => s(X) && s(X)(...o)),
               class: "bg-secondary hover:!bg-blue-500 rounded cursor-pointer px-2 ml-2"
-            }, " Anular selección ")) : n("", !0)
-          ], 64)) : n("", !0)
-        ])) : n("", !0),
-        b("div", ss, [
+            }, " Anular selección ")) : r("", !0)
+          ], 64)) : r("", !0)
+        ])) : r("", !0),
+        S("div", ss, [
           i(e.$slots, "prependSearch"),
           e.filterable && e.filters.length ? (l(), F(xe, {
             key: 0,
@@ -142,20 +143,20 @@ const Ye = {
             size: "xs",
             bgColor: "bg-green-200 dark:bg-green-800"
           }, {
-            default: z(() => [
+            default: D(() => [
               T(ce, {
                 class: "h-fit",
-                icon: De,
+                icon: Le,
                 size: "text-lg"
               })
             ]),
             _: 1
-          })) : n("", !0),
+          })) : r("", !0),
           s(W) ? (l(), a("div", {
             key: 1,
             class: j(["rounded flex mx-2", [K.value]])
           }, [
-            le(b("input", {
+            le(S("input", {
               "onUpdate:modelValue": t[3] || (t[3] = (o) => g.value = o),
               type: "text",
               placeholder: e.searchPlaceholder,
@@ -165,45 +166,45 @@ const Ye = {
               onFocus: ee,
               onBlur: _
             }, null, 42, ts), [
-              [Be, g.value],
+              [Ve, g.value],
               [ae, H.value]
             ]),
             le(T(ce, {
-              icon: Le,
-              onClick: Ae
+              icon: Oe,
+              onClick: Ie
             }, null, 512), [
               [ae, $.value]
             ])
-          ], 2)) : n("", !0),
+          ], 2)) : r("", !0),
           i(e.$slots, "appendSearch")
         ])
-      ])) : n("", !0),
-      b("div", os, [
+      ])) : r("", !0),
+      S("div", os, [
         s(m).length ? (l(), a("table", {
           key: 0,
-          class: j(Pe)
+          class: j(Ae)
         }, [
           e.$slots.colgroup && !s(u) ? (l(), a("colgroup", ls, [
             i(e.$slots, "colgroup", d(h(f.value)))
-          ])) : n("", !0),
-          !s(me) && !s(u) ? (l(), F(Oe, {
+          ])) : r("", !0),
+          !s(me) && !s(u) ? (l(), F(ze, {
             key: 1,
             headers: s(x),
             "sort-by": s(c).sortBy,
             "show-select": s(R),
             "show-expand": s(I),
             "all-selected": s(G),
-            "more-than-paginated": s(Fe),
-            "some-selected": s($e),
+            "more-than-paginated": s(Te),
+            "some-selected": s(Fe),
             "thead-class": e.theadClass,
             "tr-class": e.trClass,
             "th-class": e.thClass,
             "has-actions": e.hasActions,
             "action-label": e.actionLabel,
-            onSort: s(ke),
-            onToggleSelectAll: s(Ce),
+            onSort: s(Ce),
+            onToggleSelectAll: s($e),
             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"])) : i(e.$slots, "thead", d(L({ key: 2 }, f.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"])) : i(e.$slots, "thead", d(O({ key: 2 }, f.value))),
           s(u) ? (l(), F(Ue, {
             key: 4,
             items: s(m),
@@ -221,11 +222,11 @@ const Ye = {
             onToggleSelect: s(M),
             customSlots: e.customSlots,
             "get-action-loading": q
-          }, ne({ _: 2 }, [
-            re(e.$slots, (o, r) => ({
-              name: r,
-              fn: z((D) => [
-                i(e.$slots, r, d(h(D)))
+          }, re({ _: 2 }, [
+            ne(e.$slots, (o, n) => ({
+              name: n,
+              fn: D((L) => [
+                i(e.$slots, n, d(h(L)))
               ])
             }))
           ]), 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(), a(oe, { key: 3 }, [
@@ -251,11 +252,11 @@ const Ye = {
               onToggleSelect: s(M),
               customSlots: e.customSlots,
               "get-action-loading": q
-            }, ne({ _: 2 }, [
-              re(e.$slots, (o, r) => ({
-                name: r,
-                fn: z((D) => [
-                  i(e.$slots, r, d(h(D)))
+            }, re({ _: 2 }, [
+              ne(e.$slots, (o, n) => ({
+                name: n,
+                fn: D((L) => [
+                  i(e.$slots, n, d(h(L)))
                 ])
               }))
             ]), 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"]),
@@ -263,14 +264,14 @@ const Ye = {
           ], 64)),
           e.$slots.tfoot ? (l(), a("tfoot", as, [
             i(e.$slots, "tfoot", d(h(f.value)))
-          ])) : n("", !0)
-        ])) : n("", !0),
-        s(m).length ? n("", !0) : (l(), a("div", ns, [
-          b("div", rs, O(e.noDataText), 1)
+          ])) : r("", !0)
+        ])) : r("", !0),
+        s(m).length ? r("", !0) : (l(), a("div", rs, [
+          S("div", ns, z(e.noDataText), 1)
         ]))
       ]),
-      s(pe) ? i(e.$slots, "footer", d(L({ key: 2 }, f.value))) : (l(), a("div", is, [
-        T(ze, {
+      s(pe) ? i(e.$slots, "footer", d(O({ key: 2 }, f.value))) : (l(), a("div", is, [
+        T(De, {
           "items-length": s(y).length,
           "items-per-page": s(c).itemsPerPage,
           "current-page": s(c).page,
@@ -283,11 +284,11 @@ const Ye = {
         key: 3,
         filters: e.filters,
         modelValue: s(v),
-        "onUpdate:modelValue": t[6] || (t[6] = (o) => Ve(v) ? v.value = o : null),
-        onApplyFilters: s(we),
+        "onUpdate:modelValue": t[6] || (t[6] = (o) => He(v) ? v.value = o : null),
+        onApplyFilters: s(Se),
         onClearFilters: s(be),
-        activeFilters: s(Se).byColumn
-      }, null, 8, ["filters", "modelValue", "onApplyFilters", "onClearFilters", "activeFilters"])) : n("", !0)
+        activeFilters: s(ke).byColumn
+      }, null, 8, ["filters", "modelValue", "onApplyFilters", "onClearFilters", "activeFilters"])) : r("", !0)
     ], 16));
   }
 };

package/dist/components/KunTable/src/composables/KunTableProps.js

@@ -63,6 +63,7 @@ const t = () => ({
   // --- Visualización y Estilos ---
   hideDefaultHeader: { type: Boolean, default: !1 },
   hideDefaultFooter: { type: Boolean, default: !1 },
+  hideSelected: { type: Boolean, default: !1 },
   // Clases personalizadas
   wrapperClass: { type: String, default: "" },
   tableClass: { type: String, default: "" },

package/dist/utils/_platform.js

@@ -1,14 +1,14 @@
-import { computed as i, ref as x } from "vue";
-const d = typeof window < "u";
+import { computed as i, ref as c } from "vue";
+const s = typeof window < "u";
 function f() {
   var t, a, u, r, v;
-  if (!d)
+  if (!s)
     return { os: "Server", osVersion: "Unknown" };
-  const o = window.navigator.userAgent;
-  let l = "Unknown OS", s = "Unknown Version";
-  return /Mac/.test(o) ? (l = "Mac OS", s = (a = (t = o.match(/Mac OS X (\d+[\._]\d+[\._]\d+)/)) == null ? void 0 : t[1]) == null ? void 0 : a.replace(/_/g, ".")) : /iPhone|iPad|iPod/.test(o) ? (l = "iOS", s = ((u = o.match(/OS (\d+)[._](\d+)[._]?(\d+)?/)) == null ? void 0 : u.slice(1, 4).join(".")) || "Unknown") : /Windows/.test(o) ? (l = "Windows", s = (r = o.match(/Windows NT (\d+\.\d+)/)) == null ? void 0 : r[1]) : /Android/.test(o) ? (l = "Android", s = (v = o.match(/Android (\d+\.\d+)/)) == null ? void 0 : v[1]) : /Linux/.test(o) && (l = "Linux"), { os: l, osVersion: s };
+  const l = window.navigator.userAgent;
+  let o = "Unknown OS", d = "Unknown Version";
+  return /Mac/.test(l) ? (o = "Mac OS", d = (a = (t = l.match(/Mac OS X (\d+[\._]\d+[\._]\d+)/)) == null ? void 0 : t[1]) == null ? void 0 : a.replace(/_/g, ".")) : /iPhone|iPad|iPod/.test(l) ? (o = "iOS", d = ((u = l.match(/OS (\d+)[._](\d+)[._]?(\d+)?/)) == null ? void 0 : u.slice(1, 4).join(".")) || "Unknown") : /Windows/.test(l) ? (o = "Windows", d = (r = l.match(/Windows NT (\d+\.\d+)/)) == null ? void 0 : r[1]) : /Android/.test(l) ? (o = "Android", d = (v = l.match(/Android (\d+\.\d+)/)) == null ? void 0 : v[1]) : /Linux/.test(l) && (o = "Linux"), { os: o, osVersion: d };
 }
-const e = x(d ? window.innerWidth : 1024), m = x(d ? window.innerHeight : 768), w = f(), h = i(
+const e = c(s ? window.innerWidth : 1024), m = c(s ? window.innerHeight : 768), w = f(), h = i(
   () => w.os === "iOS" || w.os === "Android" || m.value > e.value
 ), n = {
   xs: 475,
@@ -31,21 +31,20 @@ i(() => e.value >= n.lg);
 i(() => e.value >= n.xl);
 i(() => e.value >= n.xxl);
 i(() => e.value < n.sm);
-const S = i(() => e.value < n.md);
+i(() => e.value < n.md);
 i(() => e.value < n.lg);
 i(() => e.value < n.xl);
 i(() => e.value < n.xxl);
 i(() => e.value < n.xxl);
-function c() {
-  d && (e.value = window.innerWidth, m.value = window.innerHeight);
+function x() {
+  s && (e.value = window.innerWidth, m.value = window.innerHeight);
 }
-d && (window.addEventListener("resize", c), window.addEventListener("beforeunload", () => {
-  window.removeEventListener("resize", c);
+s && (window.addEventListener("resize", x), window.addEventListener("beforeunload", () => {
+  window.removeEventListener("resize", x);
 }));
 export {
   h as isMobile,
   w as kunOS,
   m as screenHeight,
-  e as screenWidth,
-  S as smAndDown
+  e as screenWidth
 };

package/package.json

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