adverich-kun-ui 0.1.294 → 0.1.296

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

@@ -75,7 +75,7 @@ const Ae = ["placeholder"], Me = { key: 0 }, Ee = { key: 5 }, Re = { class: "h-f
     return (e, t) => (l(), m("div", A({ class: ne }, e.$attrs, { style: { "user-select": "text" } }), [
       s(B) || e.filterable || e.$slots.prependSearch || e.$slots.appendSearch ? (l(), m("div", {
         key: 0,
-        class: j(["p-2 bg-slate-200 dark:bg-slate-800", {
+        class: j(["p-2 bg-slate-200 dark:bg-slate-800 print:hidden", {
           "justify-start flex": e.searchPosition === "start",
           "justify-center flex": e.searchPosition === "center",
           "justify-end flex": e.searchPosition === "end"

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

@@ -27,14 +27,14 @@ const j = { key: 0 }, N = { key: 1 }, R = ["checked", "aria-checked"], U = ["onC
     function x() {
       c("toggle-select-all");
     }
-    function S(l) {
+    function p(l) {
       if (!l.sortable) return;
       let s = null;
       Array.isArray(t.sortBy) ? s = t.sortBy.find((f) => f.key === l.value) : typeof t.sortBy == "string" && (s = t.sortBy === l.value ? { key: l.value, order: "asc" } : null);
       const e = (s == null ? void 0 : s.order) === "asc" ? "desc" : "asc";
       c("sort", { key: l.value, order: e });
     }
-    function p(l) {
+    function S(l) {
       var s;
       if (Array.isArray(t.sortBy))
         return (s = t.sortBy.find((e) => e.key === l.value)) == null ? void 0 : s.order;
@@ -42,7 +42,7 @@ const j = { key: 0 }, N = { key: 1 }, R = ["checked", "aria-checked"], U = ["onC
         return "asc";
     }
     const C = (l) => {
-      const s = p(l);
+      const s = S(l);
       return s ? s === "asc" ? I : L : O;
     }, B = [F, t.theadClass], w = [H, t.trClass], i = [K, t.thClass], u = A(null), y = () => {
       u.value && (u.value.indeterminate = t.someSelected && !t.allSelected);
@@ -75,13 +75,13 @@ const j = { key: 0 }, N = { key: 1 }, R = ["checked", "aria-checked"], U = ["onC
             checked: n.allSelected,
             "aria-checked": n.someSelected && !n.allSelected ? "mixed" : n.allSelected ? "true" : "false",
             onChange: x,
-            class: "h-6 w-6 text-blue-600 transition-all duration-200 ease-in-out rounded border-gray-300 dark:border-slate-600 checked:bg-blue-600 checked:border-blue-600 indeterminate:bg-blue-400 indeterminate:border-blue-400"
+            class: "h-6 w-6 text-blue-600 transition-all duration-200 ease-in-out rounded print:hidden border-gray-300 dark:border-slate-600 checked:bg-blue-600 checked:border-blue-600 indeterminate:bg-blue-400 indeterminate:border-blue-400"
           }, null, 40, R)
         ])) : d("", !0),
         (o(!0), r(E, null, T(n.headers, (e) => (o(), r("th", {
           key: e.key,
           class: a([i, e.headerAlign === "right" ? "text-right" : e.headerAlign === "left" ? "text-left" : "text-center"]),
-          onClick: (f) => S(e),
+          onClick: (f) => p(e),
           style: $({ cursor: e.sortable ? "pointer" : "default" })
         }, [
           g(l.$slots, `header.${e.key}`, { header: e }, () => [
@@ -93,7 +93,7 @@ const j = { key: 0 }, N = { key: 1 }, R = ["checked", "aria-checked"], U = ["onC
         ], 14, U))), 128)),
         n.hasActions ? (o(), r("th", {
           key: 2,
-          class: a([[i], "text-center"])
+          class: a([[i], "text-center print:hidden"])
         }, h(n.actionLabel), 3)) : d("", !0)
       ])
     ]));

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

@@ -1,4 +1,4 @@
-import { computed as k, createElementBlock as i, openBlock as n, normalizeClass as o, createCommentVNode as u, renderSlot as r, createElementVNode as y, withModifiers as v, Fragment as w, renderList as S, createBlock as h, resolveDynamicComponent as B, unref as c, createTextVNode as $, toDisplayString as A } from "vue";
+import { computed as k, createElementBlock as l, openBlock as n, normalizeClass as o, createCommentVNode as r, renderSlot as u, createElementVNode as y, withModifiers as v, Fragment as w, renderList as S, createBlock as h, resolveDynamicComponent as B, unref as c, createTextVNode as $, toDisplayString as A } from "vue";
 import { getValue as x, formatValue as E } from "../../../../utils/tableFormatters.js";
 const T = { key: 0 }, V = { key: 1 }, N = ["checked"], j = "hover:bg-slate-300 dark:hover:bg-slate-600 border-t border-slate-300 dark:border-slate-700", D = "bg-slate-100 dark:bg-slate-900", F = "px-3 py-2 whitespace-nowrap text-sm text-black dark:text-white", z = {
   __name: "KunTableRow",
@@ -22,40 +22,40 @@ const T = { key: 0 }, V = { key: 1 }, N = ["checked"], j = "hover:bg-slate-300 d
   },
   emits: ["toggle-expand", "toggle-select", "row-click"],
   setup(e, { emit: C }) {
-    const l = e, m = C, b = k(() => [
+    const i = e, m = C, b = k(() => [
       j,
       D,
-      l.rowClass,
-      l.trClass,
-      l.stripedClass,
-      l.isSelected ? l.selectedClass : ""
+      i.rowClass,
+      i.trClass,
+      i.stripedClass,
+      i.isSelected ? i.selectedClass : ""
     ]);
     function d(a, s, t) {
-      return typeof l.tdClass == "function" ? l.tdClass({ item: a, header: s, index: t }) : l.tdClass;
+      return typeof i.tdClass == "function" ? i.tdClass({ item: a, header: s, index: t }) : i.tdClass;
     }
-    const f = k(() => ["text-center", l.actionsAlign]);
-    return (a, s) => (n(), i("tr", {
+    const f = k(() => ["text-center", i.actionsAlign]);
+    return (a, s) => (n(), l("tr", {
       class: o(b.value),
       onClick: s[2] || (s[2] = (t) => m("row-click", { item: e.item, index: e.index, event: t }))
     }, [
-      e.showExpand ? (n(), i("td", {
+      e.showExpand ? (n(), l("td", {
         key: 0,
-        class: o(d(e.item, "expand", e.index))
+        class: o(["print:hidden", d(e.item, "expand", e.index)])
       }, [
-        a.$slots.expandIcon ? r(a.$slots, "expand-icon", {
+        a.$slots.expandIcon ? u(a.$slots, "expand-icon", {
           key: 0,
           item: e.item,
           index: e.index
-        }) : (n(), i("button", {
+        }) : (n(), l("button", {
           key: 1,
           onClick: s[0] || (s[0] = (t) => m("toggle-expand", e.item))
         }, [
-          e.isExpanded ? (n(), i("span", T, "−")) : (n(), i("span", V, "+"))
+          e.isExpanded ? (n(), l("span", T, "−")) : (n(), l("span", V, "+"))
         ]))
-      ], 2)) : u("", !0),
-      e.showSelect ? (n(), i("td", {
+      ], 2)) : r("", !0),
+      e.showSelect ? (n(), l("td", {
         key: 1,
-        class: o([d(e.item, "checkbox", e.index), "h-full w-10 flex flex-col items-center justify-center"])
+        class: o([d(e.item, "checkbox", e.index), "h-full w-10 flex flex-col items-center justify-center print:hidden"])
       }, [
         y("input", {
           type: "checkbox",
@@ -63,10 +63,10 @@ const T = { key: 0 }, V = { key: 1 }, N = ["checked"], j = "hover:bg-slate-300 d
           onChange: s[1] || (s[1] = v((t) => m("toggle-select", e.item), ["stop"])),
           class: "h-5 w-5 text-blue-600 transition-all duration-200 ease-in-out rounded"
         }, null, 40, N)
-      ], 2)) : u("", !0),
-      (n(!0), i(w, null, S(e.headers, (t) => {
+      ], 2)) : r("", !0),
+      (n(!0), l(w, null, S(e.headers, (t) => {
         var g;
-        return n(), i("td", {
+        return n(), l("td", {
           key: t.value,
           class: o([
             F,
@@ -80,7 +80,7 @@ const T = { key: 0 }, V = { key: 1 }, N = ["checked"], j = "hover:bg-slate-300 d
             value: c(x)(t, e.item),
             index: e.index,
             header: t
-          }, null, 8, ["item", "value", "index", "header"])) : r(a.$slots, `item.${t.value}`, {
+          }, null, 8, ["item", "value", "index", "header"])) : u(a.$slots, `item.${t.value}`, {
             key: 1,
             item: e.item,
             value: c(x)(t, e.item),
@@ -91,16 +91,16 @@ const T = { key: 0 }, V = { key: 1 }, N = ["checked"], j = "hover:bg-slate-300 d
           ])
         ], 2);
       }), 128)),
-      e.hasActions ? (n(), i("td", {
+      e.hasActions ? (n(), l("td", {
         key: 2,
-        class: o([d(e.item, "actions", e.index), f.value])
+        class: o(["print:hidden", [d(e.item, "actions", e.index), f.value]])
       }, [
-        r(a.$slots, "item.actions", {
+        u(a.$slots, "item.actions", {
           item: e.item,
           index: e.index,
           loading: e.loading
         })
-      ], 2)) : u("", !0)
+      ], 2)) : r("", !0)
     ], 2));
   }
 };

package/package.json

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