adverich-kun-ui 0.1.160 → 0.1.161

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

@@ -1,9 +1,9 @@
-import { createElementBlock as n, openBlock as s, normalizeClass as f, createElementVNode as i, createCommentVNode as d, renderSlot as c, withModifiers as r, Fragment as b, renderList as v, toDisplayString as x, unref as m, createTextVNode as w } from "vue";
+import { createElementBlock as i, openBlock as n, normalizeClass as x, createElementVNode as l, createCommentVNode as d, renderSlot as c, withModifiers as r, Fragment as v, renderList as w, toDisplayString as g, unref as m, createTextVNode as h } from "vue";
 import { getValue as u, formatValue as y } from "../../../../utils/tableFormatters.js";
-const C = { class: "flex items-center justify-between gap-2 mb-2" }, B = { key: 0 }, S = { key: 0 }, E = { key: 1 }, $ = { key: 1 }, V = ["checked"], N = { class: "flex flex-col gap-2" }, j = { class: "font-semibold text-slate-600 dark:text-slate-300" }, A = { class: "text-right text-slate-800 dark:text-slate-100" }, T = {
+const C = { class: "flex items-center justify-between gap-2 mb-2" }, B = { key: 0 }, S = { key: 0 }, E = { key: 1 }, $ = { key: 1 }, V = ["checked"], j = { class: "flex flex-col gap-2" }, A = { class: "font-semibold text-slate-600 dark:text-slate-300" }, N = {
   key: 0,
-  class: "mt-4"
-}, F = {
+  class: "flex justify-between items-start mt-4 text-sm"
+}, T = { class: "text-right" }, F = {
   __name: "KunTableIterator",
   props: {
     item: Object,
@@ -18,61 +18,70 @@ const C = { class: "flex items-center justify-between gap-2 mb-2" }, B = { key:
     rowClass: String
   },
   emits: ["toggle-expand", "toggle-select", "row-click"],
-  setup(e, { emit: g }) {
-    const k = e, l = g, h = [
+  setup(e, { emit: f }) {
+    const k = e, o = f, b = [
       "border border-slate-300 dark:border-slate-700 rounded p-4 bg-white dark:bg-slate-900 shadow-sm",
       k.rowClass
     ];
-    return (a, o) => (s(), n("div", {
-      class: f(h),
-      onClick: o[2] || (o[2] = (t) => l("row-click", { item: e.item, index: e.index, event: t }))
+    return (a, s) => (n(), i("div", {
+      class: x(b),
+      onClick: s[2] || (s[2] = (t) => o("row-click", { item: e.item, index: e.index, event: t }))
     }, [
-      i("div", C, [
-        e.showExpand ? (s(), n("div", B, [
+      l("div", C, [
+        e.showExpand ? (n(), i("div", B, [
           c(a.$slots, "expand-icon", {
             item: e.item,
             index: e.index
           }, () => [
-            i("button", {
+            l("button", {
               class: "text-xl font-bold focus:outline-none",
-              onClick: o[0] || (o[0] = r((t) => l("toggle-expand", e.item), ["stop"]))
+              onClick: s[0] || (s[0] = r((t) => o("toggle-expand", e.item), ["stop"]))
             }, [
-              e.isExpanded ? (s(), n("span", S, "−")) : (s(), n("span", E, "+"))
+              e.isExpanded ? (n(), i("span", S, "−")) : (n(), i("span", E, "+"))
             ])
           ])
         ])) : d("", !0),
-        e.showSelect ? (s(), n("div", $, [
-          i("input", {
+        e.showSelect ? (n(), i("div", $, [
+          l("input", {
             type: "checkbox",
             checked: e.isSelected,
-            onChange: o[1] || (o[1] = r((t) => l("toggle-select", e.item), ["stop"])),
+            onChange: s[1] || (s[1] = r((t) => o("toggle-select", e.item), ["stop"])),
             class: "form-checkbox w-5 h-5"
           }, null, 40, V)
         ])) : d("", !0)
       ]),
-      i("div", N, [
-        (s(!0), n(b, null, v(e.headers, (t) => (s(), n("div", {
+      l("div", j, [
+        (n(!0), i(v, null, w(e.headers, (t) => (n(), i("div", {
           key: t.value,
           class: "flex justify-between text-sm"
         }, [
-          i("div", j, x(t.text), 1),
-          i("div", A, [
+          l("div", A, g(t.label ?? t.text), 1),
+          l("div", {
+            class: x(["text-right text-slate-800 dark:text-slate-100", {
+              "text-right": t.align === "right",
+              "text-center": t.align === "center",
+              "text-left": t.align === "left" || !t.align
+            }])
+          }, [
             c(a.$slots, `item.${t.value}`, {
               item: e.item,
               value: m(u)(t, e.item),
               index: e.index
             }, () => [
-              w(x(m(y)(t, m(u)(t, e.item))), 1)
+              h(g(m(y)(t, m(u)(t, e.item))), 1)
             ])
-          ])
+          ], 2)
         ]))), 128))
       ]),
-      e.hasActions ? (s(), n("div", T, [
-        c(a.$slots, "item.actions", {
-          item: e.item,
-          index: e.index,
-          loading: e.loading
-        })
+      e.hasActions ? (n(), i("div", N, [
+        s[3] || (s[3] = l("div", { class: "font-semibold text-slate-600 dark:text-slate-300" }, " Acciones ", -1)),
+        l("div", T, [
+          c(a.$slots, "item.actions", {
+            item: e.item,
+            index: e.index,
+            loading: e.loading
+          })
+        ])
       ])) : d("", !0)
     ]));
   }

package/package.json

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