adverich-kun-ui 0.1.319 → 0.1.320

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

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

package/package.json

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