adverich-kun-ui 0.1.502 → 0.1.504

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

@@ -1,12 +1,12 @@
-import { ref as $, onMounted as E, watch as f, createElementBlock as a, openBlock as o, normalizeClass as r, createElementVNode as g, createCommentVNode as u, renderSlot as k, createVNode as T, Fragment as D, renderList as H, normalizeStyle as O, createBlock as x, resolveDynamicComponent as S, toDisplayString as h } from "vue";
-import V from "../../../../icons/IconArrowUp.vue.js";
-import j from "../../../../icons/IconArrowDown.vue.js";
-import z from "../../../../icons/IconArrowDownUp.vue.js";
-import I from "../../../KunCheckbox/src/components/KunCheckbox.vue.js";
-const L = { key: 0 }, N = { key: 1 }, U = ["onClick"], F = {
+import { ref as T, onMounted as $, watch as f, createElementBlock as o, openBlock as s, normalizeClass as r, createElementVNode as g, createCommentVNode as u, renderSlot as k, createVNode as E, Fragment as D, renderList as H, normalizeStyle as O, createBlock as x, resolveDynamicComponent as h, toDisplayString as S } from "vue";
+import P from "../../../../icons/IconArrowUp.vue.js";
+import V from "../../../../icons/IconArrowDown.vue.js";
+import j from "../../../../icons/IconArrowDownUp.vue.js";
+import z from "../../../KunCheckbox/src/components/KunCheckbox.vue.js";
+const I = { key: 0 }, L = { key: 1 }, N = ["onClick"], U = {
   key: 0,
   class: "inline-flex items-center gap-1 ml-1 print:hidden"
-}, K = "bg-surface sticky top-0 z-5", M = "", R = "px-3 py-2 text-xs font-medium text-slate-700 dark:text-slate-300 uppercase tracking-wider", X = {
+}, F = "bg-surface sticky top-0 z-5", K = "", M = "px-3 py-2 text-xs font-medium text-slate-700 dark:text-slate-300 uppercase tracking-wider", X = {
   __name: "KunTableHeaders",
   props: {
     headers: Array,
@@ -15,6 +15,7 @@ const L = { key: 0 }, N = { key: 1 }, U = ["onClick"], F = {
     isExpanded: Boolean,
     allSelected: Boolean,
     someSelected: Boolean,
+    moreThanPaginated: Boolean,
     sortBy: Object,
     theadClass: String,
     trClass: String,
@@ -24,89 +25,89 @@ const L = { key: 0 }, N = { key: 1 }, U = ["onClick"], F = {
     customHeaders: Object
   },
   emits: ["toggle-select-all", "sort", "expandAll", "collapseAll"],
-  setup(t, { emit: p }) {
-    const l = t, c = p;
-    function B() {
+  setup(t, { emit: B }) {
+    const l = t, c = B;
+    function C() {
       c("toggle-select-all");
     }
-    function C(s) {
-      if (!s.sortable) return;
+    function v(a) {
+      if (!a.sortable) return;
       let n = null;
-      Array.isArray(l.sortBy) ? n = l.sortBy.find((d) => d.key === s.value) : typeof l.sortBy == "string" && (n = l.sortBy === s.value ? { key: s.value, order: "asc" } : null);
+      Array.isArray(l.sortBy) ? n = l.sortBy.find((d) => d.key === a.value) : typeof l.sortBy == "string" && (n = l.sortBy === a.value ? { key: a.value, order: "asc" } : null);
       const e = (n == null ? void 0 : n.order) === "asc" ? "desc" : "asc";
-      c("sort", { key: s.value, order: e });
+      c("sort", { key: a.value, order: e });
     }
-    function v(s) {
+    function w(a) {
       var n;
       if (Array.isArray(l.sortBy))
-        return (n = l.sortBy.find((e) => e.key === s.value)) == null ? void 0 : n.order;
-      if (typeof l.sortBy == "string" && l.sortBy === s.value)
+        return (n = l.sortBy.find((e) => e.key === a.value)) == null ? void 0 : n.order;
+      if (typeof l.sortBy == "string" && l.sortBy === a.value)
         return "asc";
     }
-    const w = (s) => {
-      const n = v(s);
-      return n ? n === "asc" ? V : j : z;
-    }, b = [K, l.theadClass], A = [M, l.trClass], i = [R, l.thClass], y = $(null), m = () => {
-      y.value && (y.value.indeterminate = l.someSelected && !l.allSelected);
+    const b = (a) => {
+      const n = w(a);
+      return n ? n === "asc" ? P : V : j;
+    }, p = [F, l.theadClass], A = [K, l.trClass], i = [M, l.thClass], y = T(null), m = () => {
+      y.value && (y.value.indeterminate = l.someSelected && !l.allSelected && l.moreThanPaginated);
     };
-    return E(m), f(() => l.someSelected, m), f(() => l.allSelected, m), (s, n) => (o(), a("thead", {
-      class: r(b)
+    return $(m), f(() => l.someSelected, m), f(() => l.allSelected, m), (a, n) => (s(), o("thead", {
+      class: r(p)
     }, [
       g("tr", {
         class: r(A)
       }, [
-        t.showExpand ? (o(), a("th", {
+        t.showExpand ? (s(), o("th", {
           key: 0,
           class: r([i])
         }, [
-          s.$slots.expandIcon ? k(s.$slots, "expand-icon", { key: 0 }) : (o(), a("button", {
+          a.$slots.expandIcon ? k(a.$slots, "expand-icon", { key: 0 }) : (s(), o("button", {
             key: 1,
             onClick: n[0] || (n[0] = (e) => t.isExpanded ? c("expandAll") : c("collapseAll"))
           }, [
-            t.isExpanded ? (o(), a("span", L, "−")) : (o(), a("span", N, "+"))
+            t.isExpanded ? (s(), o("span", I, "−")) : (s(), o("span", L, "+"))
           ]))
         ], 2)) : u("", !0),
-        t.showSelect ? (o(), a("th", {
+        t.showSelect ? (s(), o("th", {
           key: 1,
           class: r([i, "h-full w-10 flex flex-col items-center justify-center"])
         }, [
-          T(I, {
+          E(z, {
             "model-value": t.allSelected,
-            "onUpdate:modelValue": B,
+            "onUpdate:modelValue": C,
             indeterminate: t.someSelected,
             ripple: !1,
             "true-value": !0,
             "false-value": !1,
-            color: t.someSelected && !t.allSelected ? "text-yellow-600 dark:text-yellow-400" : t.allSelected ? "text-green-600 dark:text-green-400" : "",
+            color: t.someSelected && !t.allSelected && !t.moreThanPaginated ? "text-yellow-600 dark:text-yellow-400" : t.allSelected ? "text-green-600 dark:text-green-400" : t.moreThanPaginated ? "text-green-900 dark:text-green-600" : "",
             "hide-details": ""
           }, null, 8, ["model-value", "indeterminate", "color"])
         ])) : u("", !0),
-        (o(!0), a(D, null, H(t.headers, (e) => {
+        (s(!0), o(D, null, H(t.headers, (e) => {
           var d;
-          return o(), a("th", {
+          return s(), o("th", {
             key: e.key,
             class: r([i, e.headerAlign === "right" ? "text-right" : e.headerAlign === "left" ? "text-left" : "text-center"]),
-            onClick: (q) => C(e),
+            onClick: (R) => v(e),
             style: O({ cursor: e.sortable ? "pointer" : "default" })
           }, [
-            (d = t.customHeaders) != null && d[`header.${e.value}`] ? (o(), x(S(t.customHeaders[`header.${e.value}`]), {
+            (d = t.customHeaders) != null && d[`header.${e.value}`] ? (s(), x(h(t.customHeaders[`header.${e.value}`]), {
               key: 0,
               header: e
-            }, null, 8, ["header"])) : k(s.$slots, `header.${e.key}`, {
+            }, null, 8, ["header"])) : k(a.$slots, `header.${e.key}`, {
               key: 1,
               header: e
             }, () => [
-              g("span", null, h(e.label ?? e.text), 1),
-              e.sortable ? (o(), a("span", F, [
-                (o(), x(S(w(e)), { class: "w-4 h-4 text-gray-500" }))
+              g("span", null, S(e.label ?? e.text), 1),
+              e.sortable ? (s(), o("span", U, [
+                (s(), x(h(b(e)), { class: "w-4 h-4 text-gray-500" }))
               ])) : u("", !0)
             ])
-          ], 14, U);
+          ], 14, N);
         }), 128)),
-        t.hasActions ? (o(), a("th", {
+        t.hasActions ? (s(), o("th", {
           key: 2,
           class: r([[i], "text-center print:hidden"])
-        }, h(t.actionLabel), 3)) : u("", !0)
+        }, S(t.actionLabel), 3)) : u("", !0)
       ])
     ]));
   }

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

@@ -1,33 +1,42 @@
-import { computed as c, watch as g } from "vue";
-function t(n, u) {
-  const e = (l) => u.value.includes(l), f = (l) => {
-    u.value.indexOf(l) === -1 ? u.value = [...u.value, l] : u.value = u.value.filter((S) => S.id !== l.id);
-  }, v = () => {
+import { computed as a, watch as A } from "vue";
+function C(n, u, c) {
+  const h = (l) => u.value.includes(l), f = (l) => {
+    u.value.indexOf(l) === -1 ? u.value = [...u.value, l] : u.value = u.value.filter((x) => x.id !== l.id);
+  }, r = () => {
     u.value = [...n.value];
-  }, o = () => {
+  }, v = () => {
     u.value = [];
-  }, h = () => {
-    a.value ? o() : v();
-  }, a = c(() => {
+  }, g = () => {
+    e.value ? v() : r();
+  };
+  function i() {
+    u.value = [...c.value];
+  }
+  const e = a(() => {
     var l;
     return ((l = n.value) == null ? void 0 : l.length) > 0 && u.value.length === n.value.length;
-  }), i = c(() => {
+  }), S = a(() => {
+    var l, o;
+    return ((l = u.value) == null ? void 0 : l.length) > ((o = n.value) == null ? void 0 : o.length);
+  }), t = a(() => {
     var l;
     return ((l = n.value) == null ? void 0 : l.length) > 0 && u.value.length > 0 && u.value.length < n.value.length;
   });
-  return g(() => n, (l, r) => {
-    l !== r && o();
+  return A(() => n, (l, o) => {
+    l !== o && v();
   }, { deep: !0 }), {
     selectedItems: u,
-    isSelected: e,
+    isSelected: h,
     toggleSelect: f,
-    selectAll: v,
-    clearSelection: o,
-    toggleSelectAll: h,
-    allSelected: a,
-    someSelected: i
+    selectAll: r,
+    clearSelection: v,
+    toggleSelectAll: g,
+    allSelected: e,
+    someSelected: t,
+    moreThanPaginated: S,
+    selectCompleteAll: i
   };
 }
 export {
-  t as default
+  C as default
 };

package/dist/utils/tableFormatters.js

@@ -1,25 +1,21 @@
-function a(t, n) {
-  var r, c;
+function f(t, n) {
+  var o;
   if (!t || !t.value) return;
   if (t.columnType === "relation") {
-    const i = f(n, t.relationPath);
+    const i = a(n, t.relationPath);
     return u(i);
   }
   if (t.columnType === "function") {
-    const i = (r = t.columnFunction) == null ? void 0 : r.call(t, n, t);
-    return u(i);
-  }
-  if (t.columnFormat === "function") {
-    const i = (c = t.columnFunction) == null ? void 0 : c.call(t, n, t);
+    const i = (o = t.columnFunction) == null ? void 0 : o.call(t, n, t);
     return u(i);
   }
-  const o = n == null ? void 0 : n[t.value];
-  return u(o);
+  const e = n == null ? void 0 : n[t.value];
+  return u(e);
 }
-function l(t, n) {
-  return t.columnType === "toComplete" ? "" : n == null ? "Sin datos" : t.columnType === "dateTime" || t.columnType === "date" ? (e[t.columnType] || e.default)(n) : (e[t.columnFormat] || e.default)(n);
+function m(t, n) {
+  return t.columnType === "toComplete" ? "" : n == null ? "Sin datos" : t.columnType === "dateTime" || t.columnType === "date" ? (r[t.columnType] || r.default)(n) : (r[t.columnFormat] || r.default)(n);
 }
-const e = {
+const r = {
   default: (t) => t,
   // TEXTS
   text: (t) => String(t),
@@ -61,14 +57,14 @@ const e = {
       hourCycle: "h23"
     }).format(n);
   },
-  secondsToTime: (t) => m(t ?? 0)
+  secondsToTime: (t) => c(t ?? 0)
 };
-function f(t, n) {
-  return !t || !n ? t : n.split(".").reduce((o, r) => o == null ? void 0 : o[r], t);
+function a(t, n) {
+  return !t || !n ? t : n.split(".").reduce((e, o) => e == null ? void 0 : e[o], t);
 }
-function m(t) {
-  const n = Math.floor(t / 3600), o = Math.floor(t % 3600 / 60), r = t % 60;
-  return `${n} horas, ${o} minutos y ${r} segundos`;
+function c(t) {
+  const n = Math.floor(t / 3600), e = Math.floor(t % 3600 / 60), o = t % 60;
+  return `${n} horas, ${e} minutos y ${o} segundos`;
 }
 function u(t) {
   if (t != null && !(t === "null" || t === "undefined"))
@@ -79,8 +75,8 @@ function s(t) {
   return !isNaN(n.getTime());
 }
 export {
-  l as formatValue,
-  e as formatters,
-  f as getNestedValue,
-  a as getValue
+  m as formatValue,
+  r as formatters,
+  a as getNestedValue,
+  f as getValue
 };

package/package.json

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