adverich-kun-ui 0.1.156 → 0.1.158

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

@@ -1,15 +1,29 @@
-import { ref as S, inject as g, onMounted as A, onBeforeUnmount as x, computed as c, createElementBlock as r, openBlock as l, mergeProps as B, withKeys as C, withModifiers as $, createCommentVNode as i, createElementVNode as j, renderSlot as s, createBlock as h, resolveDynamicComponent as y, normalizeClass as k } from "vue";
-const E = ["aria-selected", "aria-disabled", "onKeydown"], K = {
+import { ref as A, inject as p, onMounted as C, onBeforeUnmount as $, computed as o, createBlock as f, openBlock as a, resolveDynamicComponent as v, mergeProps as j, withKeys as E, withModifiers as L, withCtx as N, createElementBlock as i, createCommentVNode as r, createElementVNode as R, renderSlot as c, normalizeClass as S, toDisplayString as x } from "vue";
+import "vue-router";
+const K = {
   key: 0,
   class: "shrink-0 flex items-center gap-2 me-3"
-}, O = ["src"], P = { class: "flex flex-col min-w-0 flex-1" }, R = {
+}, O = ["src"], P = { class: "flex flex-col min-w-0 flex-1" }, D = {
+  key: 0,
+  class: "font-medium truncate"
+}, F = {
+  key: 0,
+  class: "text-sm text-gray-500 dark:text-gray-400 truncate"
+}, G = {
   key: 1,
   class: "shrink-0 flex items-center gap-2 ms-3"
-}, L = ["src"], F = {
+}, M = ["src"], H = {
   __name: "KunListItem",
   props: {
     value: [String, Number, Boolean, Object, Array, null],
     to: [String, Object],
+    href: String,
+    tag: {
+      type: String,
+      default: "li"
+    },
+    replace: Boolean,
+    exact: Boolean,
     disabled: Boolean,
     active: Boolean,
     activeClass: {
@@ -36,41 +50,44 @@ const E = ["aria-selected", "aria-disabled", "onKeydown"], K = {
     prependIcon: [String, Object, Function],
     appendIcon: [String, Object, Function],
     prependAvatar: String,
-    appendAvatar: String
+    appendAvatar: String,
+    title: [String, Number, Boolean],
+    subtitle: [String, Number, Boolean]
   },
   setup(e) {
-    const n = e, o = S(null), d = g("registerListItemRef", null), a = g("kunListContext", null);
-    A(() => {
-      d && o.value && d(o.value);
-    }), x(() => {
+    const n = e, s = A(null), d = p("registerListItemRef", null), l = p("kunListContext", null);
+    C(() => {
+      d && s.value && d(s.value);
+    }), $(() => {
       d && d(null);
     });
-    const v = c(() => {
+    const g = (t) => typeof t == "object" || typeof t == "function", I = o(() => !!(n.prependIcon || n.prependAvatar)), w = o(() => !!(n.appendIcon || n.appendAvatar)), m = o(() => {
       var t;
-      return ((t = a == null ? void 0 : a.isSelected) == null ? void 0 : t.call(a, n.value)) ?? !1;
-    }), f = c(() => n.active), I = c(() => !!(n.prependIcon || n.prependAvatar)), w = c(() => !!(n.appendIcon || n.appendAvatar));
-    function m(t) {
-      return typeof t == "object" || typeof t == "function";
-    }
-    function p() {
-      var t, u, b;
-      n.disabled || ((t = o.value) == null || t.dispatchEvent(
+      return ((t = l == null ? void 0 : l.isSelected) == null ? void 0 : t.call(l, n.value)) ?? !1;
+    }), b = o(() => n.active), h = o(() => !!n.to), B = o(() => !!n.href);
+    function y() {
+      var t, u, k;
+      n.disabled || ((t = s.value) == null || t.dispatchEvent(
         new CustomEvent("select", {
           detail: n.value,
           bubbles: !0
         })
-      ), a && n.value !== null && ((u = a.toggleItem) == null || u.call(a, n.value), (b = o.value) == null || b.dispatchEvent(
+      ), l && n.value !== null && ((u = l.toggleItem) == null || u.call(l, n.value), (k = s.value) == null || k.dispatchEvent(
         new CustomEvent("selected", {
           detail: n.value,
           bubbles: !0
         })
       )));
     }
-    return (t, u) => (l(), r("li", B({
+    return (t, u) => (a(), f(v(h.value ? "RouterLink" : e.tag), j({
+      to: h.value ? e.to : void 0,
+      href: B.value ? e.href : void 0,
+      replace: e.replace,
+      exact: e.exact,
       ref_key: "liRef",
-      ref: o,
+      ref: s,
       role: "option",
-      "aria-selected": v.value || f.value,
+      "aria-selected": m.value || b.value,
       "aria-disabled": e.disabled,
       tabindex: "-1",
       class: ["w-full flex", [
@@ -81,54 +98,61 @@ const E = ["aria-selected", "aria-disabled", "onKeydown"], K = {
         {
           "cursor-not-allowed opacity-50": e.disabled,
           [`cursor-pointer ${e.hoverBg}`]: !e.disabled,
-          [e.activeClass]: v.value || f.value,
+          [e.activeClass]: m.value || b.value,
           "px-4 py-2": !e.noGutters
         }
       ]],
-      onKeydown: C($(p, ["prevent"]), ["enter"]),
-      onClick: p
-    }, t.$attrs), [
-      I.value ? (l(), r("div", K, [
-        s(t.$slots, "prepend", {}, () => [
-          e.prependAvatar ? (l(), r("img", {
-            key: 0,
-            src: e.prependAvatar,
-            class: "w-8 h-8 rounded-full"
-          }, null, 8, O)) : i("", !0),
-          m(e.prependIcon) ? (l(), h(y(e.prependIcon), {
-            key: 1,
-            class: "w-5 h-5"
-          })) : e.prependIcon ? (l(), r("i", {
-            key: 2,
-            class: k([e.prependIcon, "text-xl leading-none"])
-          }, null, 2)) : i("", !0)
-        ])
-      ])) : i("", !0),
-      j("div", P, [
-        s(t.$slots, "default", {}, () => [
-          s(t.$slots, "title"),
-          s(t.$slots, "subtitle")
-        ])
+      onClick: y,
+      onKeydown: E(L(y, ["prevent"]), ["enter"])
+    }, t.$attrs), {
+      default: N(() => [
+        I.value ? (a(), i("div", K, [
+          c(t.$slots, "prepend", {}, () => [
+            e.prependAvatar ? (a(), i("img", {
+              key: 0,
+              src: e.prependAvatar,
+              class: "w-8 h-8 rounded-full"
+            }, null, 8, O)) : r("", !0),
+            g(e.prependIcon) ? (a(), f(v(e.prependIcon), {
+              key: 1,
+              class: "w-5 h-5"
+            })) : e.prependIcon ? (a(), i("i", {
+              key: 2,
+              class: S([e.prependIcon, "text-xl leading-none"])
+            }, null, 2)) : r("", !0)
+          ])
+        ])) : r("", !0),
+        R("div", P, [
+          c(t.$slots, "default", {}, () => [
+            c(t.$slots, "title", {}, () => [
+              e.title ? (a(), i("div", D, x(e.title), 1)) : r("", !0)
+            ]),
+            c(t.$slots, "subtitle", {}, () => [
+              e.subtitle ? (a(), i("div", F, x(e.subtitle), 1)) : r("", !0)
+            ])
+          ])
+        ]),
+        w.value ? (a(), i("div", G, [
+          c(t.$slots, "append", {}, () => [
+            e.appendAvatar ? (a(), i("img", {
+              key: 0,
+              src: e.appendAvatar,
+              class: "w-8 h-8 rounded-full"
+            }, null, 8, M)) : r("", !0),
+            g(e.appendIcon) ? (a(), f(v(e.appendIcon), {
+              key: 1,
+              class: "w-5 h-5"
+            })) : e.appendIcon ? (a(), i("i", {
+              key: 2,
+              class: S([e.appendIcon, "text-xl leading-none"])
+            }, null, 2)) : r("", !0)
+          ])
+        ])) : r("", !0)
       ]),
-      w.value ? (l(), r("div", R, [
-        s(t.$slots, "append", {}, () => [
-          e.appendAvatar ? (l(), r("img", {
-            key: 0,
-            src: e.appendAvatar,
-            class: "w-8 h-8 rounded-full"
-          }, null, 8, L)) : i("", !0),
-          m(e.appendIcon) ? (l(), h(y(e.appendIcon), {
-            key: 1,
-            class: "w-5 h-5"
-          })) : e.appendIcon ? (l(), r("i", {
-            key: 2,
-            class: k([e.appendIcon, "text-xl leading-none"])
-          }, null, 2)) : i("", !0)
-        ])
-      ])) : i("", !0)
-    ], 16, E));
+      _: 3
+    }, 16, ["to", "href", "replace", "exact", "aria-selected", "aria-disabled", "class", "onKeydown"]));
   }
 };
 export {
-  F as default
+  H as default
 };

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

@@ -1,6 +1,6 @@
-import { toRefs as le, ref as oe, watch as ae, computed as B, createElementBlock as a, openBlock as l, mergeProps as b, createCommentVNode as c, createElementVNode as V, renderSlot as i, createBlock as v, unref as s, normalizeClass as j, withDirectives as re, vModelText as ie, normalizeProps as n, guardReactiveProps as u, Fragment as x, createVNode as C, createSlots as ne, renderList as de, withCtx as pe, isRef as ce } from "vue";
+import { toRefs as le, ref as oe, watch as ae, computed as V, createElementBlock as a, openBlock as l, mergeProps as b, createCommentVNode as m, createElementVNode as v, renderSlot as i, createBlock as C, unref as s, normalizeClass as j, withDirectives as re, vModelText as ie, normalizeProps as n, guardReactiveProps as u, Fragment as x, createVNode as w, createSlots as ne, renderList as de, withCtx as pe, isRef as me } from "vue";
 import { isMobile as z } from "../../../../utils/_platform.js";
-import me from "./KunTableHeaders.vue.js";
+import ce from "./KunTableHeaders.vue.js";
 import ue from "./KunTableFooter.vue.js";
 import fe from "./KunTableRows.vue.js";
 import ge from "../../../KunBtn/src/components/KunBtn.vue.js";
@@ -19,10 +19,10 @@ const Pe = ["placeholder"], Se = { key: 0 }, $e = { key: 5 }, Fe = ["colspan"],
   props: ke(),
   emits: ["update:page", "update:itemsPerPage", "update:sortBy", "update:selectedItems"],
   setup(N, { emit: R }) {
-    const w = R, d = N, f = le(d), {
+    const k = R, d = N, f = le(d), {
       headers: h,
-      showExpand: k,
-      showSelect: P,
+      showExpand: P,
+      showSelect: S,
       rowClass: U,
       hideDefaultFooter: D,
       hideDefaultHeader: I,
@@ -30,30 +30,30 @@ const Pe = ["placeholder"], Se = { key: 0 }, $e = { key: 5 }, Fe = ["colspan"],
       wrapperClass: M,
       pageOptions: O,
       items: W,
-      searchable: S,
+      searchable: $,
       debounceTime: H
-    } = f, y = oe(""), { filteredItems: K, setSearch: Q, modalFilter: m, applyColumnFilters: q, clearFilters: G, appliedFilters: J } = we(f, H);
+    } = f, y = oe(""), { filteredItems: K, setSearch: Q, modalFilter: c, applyColumnFilters: q, clearFilters: G, appliedFilters: J } = we(f, H);
     ae(y, (e) => {
       Q(e);
     });
-    const { options: r, paginatedItems: g, updateSort: X } = ve(f, w, K), { isSelected: $, toggleSelect: F, toggleSelectAll: Y, allSelected: Z } = Ce(f, w), { isExpanded: T, toggleExpand: A } = be(), p = B(() => ({
+    const { options: r, paginatedItems: g, updateSort: X } = ve(f, k, K), { isSelected: F, toggleSelect: T, toggleSelectAll: Y, allSelected: Z } = Ce(f, k), { isExpanded: A, toggleExpand: E } = be(), p = V(() => ({
       items: g.value,
       headers: h.value,
       page: r.page,
       itemsPerPage: r.itemsPerPage,
-      toggleSelect: F,
-      isSelected: $,
-      toggleExpand: A,
-      isExpanded: T,
+      toggleSelect: T,
+      isSelected: F,
+      toggleExpand: E,
+      isExpanded: A,
       sortBy: r.sortBy,
       hasActions: d.hasActions
-    })), _ = [Ee, M.value], ee = [Be, L.value], se = B(() => {
+    })), _ = [Ee, M.value], ee = [Be, L.value], se = V(() => {
       var t;
       let e = ((t = d.headers) == null ? void 0 : t.length) || 0;
       return d.showSelect && (e += 1), d.showExpand && (e += 1), d.hasActions && (e += 1), e;
     });
     return (e, t) => (l(), a("div", b({ class: _ }, e.$attrs, { style: { "user-select": "text" } }), [
-      s(S) || e.filterable ? (l(), a("div", {
+      s($) || e.filterable ? (l(), a("div", {
         key: 0,
         class: j(["py-2 px-4 bg-slate-200 dark:bg-slate-800", {
           "justify-start flex": e.searchPosition === "start",
@@ -61,13 +61,13 @@ const Pe = ["placeholder"], Se = { key: 0 }, $e = { key: 5 }, Fe = ["colspan"],
           "justify-end flex": e.searchPosition === "end"
         }])
       }, [
-        e.filterable ? (l(), v(ge, {
+        e.filterable ? (l(), C(ge, {
           key: 0,
-          onClick: t[0] || (t[0] = (o) => m.value = !0),
+          onClick: t[0] || (t[0] = (o) => c.value = !0),
           text: "Filtrar",
           bgColor: "bg-slate-300 dark:bg-slate-700"
-        })) : c("", !0),
-        s(S) ? re((l(), a("input", {
+        })) : m("", !0),
+        s($) ? re((l(), a("input", {
           key: 1,
           "onUpdate:modelValue": t[1] || (t[1] = (o) => y.value = o),
           type: "text",
@@ -75,20 +75,20 @@ const Pe = ["placeholder"], Se = { key: 0 }, $e = { key: 5 }, Fe = ["colspan"],
           class: "border mx-2 px-3 py-1 rounded w-full max-w-sm text-sm"
         }, null, 8, Pe)), [
           [ie, y.value]
-        ]) : c("", !0)
-      ], 2)) : c("", !0),
-      V("table", {
+        ]) : m("", !0)
+      ], 2)) : m("", !0),
+      v("table", {
         class: j(ee)
       }, [
         e.$slots.colgroup ? (l(), a("colgroup", Se, [
           i(e.$slots, "colgroup", n(u(p.value)))
-        ])) : c("", !0),
-        s(I) ? i(e.$slots, "thead", n(b({ key: 2 }, p.value))) : (l(), v(me, {
+        ])) : m("", !0),
+        s(I) ? i(e.$slots, "thead", n(b({ key: 2 }, p.value))) : (l(), C(ce, {
           key: 1,
           headers: s(h),
           "sort-by": s(r).sortBy,
-          "show-select": s(P),
-          "show-expand": s(k),
+          "show-select": s(S),
+          "show-expand": s(P),
           "all-selected": s(Z),
           "thead-class": e.theadClass,
           "tr-class": e.trClass,
@@ -100,35 +100,35 @@ const Pe = ["placeholder"], Se = { key: 0 }, $e = { key: 5 }, Fe = ["colspan"],
         }, null, 8, ["headers", "sort-by", "show-select", "show-expand", "all-selected", "thead-class", "tr-class", "th-class", "has-actions", "action-label", "onSort", "onToggleSelectAll"])),
         s(g).length && !s(z) ? (l(), a(x, { key: 3 }, [
           i(e.$slots, "body.prepend", n(u(p.value))),
-          C(fe, {
+          w(fe, {
             items: s(g),
-            "is-selected": s($),
-            "is-expanded": s(T),
+            "is-selected": s(F),
+            "is-expanded": s(A),
             "tbody-class": e.tbodyClass,
             "row-class": s(U),
             "tr-class": e.trClass,
             "td-class": e.tdClass,
             "selected-class": e.selectedClass,
             "striped-class": e.stripedClass,
-            "show-select": s(P),
-            "show-expand": s(k),
+            "show-select": s(S),
+            "show-expand": s(P),
             headers: s(h),
             "has-actions": e.hasActions,
             "action-loading-map": e.actionLoadingMap,
-            onToggleExpand: s(A),
-            onToggleSelect: s(F)
+            onToggleExpand: s(E),
+            onToggleSelect: s(T)
           }, ne({ _: 2 }, [
-            de(e.$slots, (o, E) => ({
-              name: E,
+            de(e.$slots, (o, B) => ({
+              name: B,
               fn: pe((te) => [
-                i(e.$slots, E, n(u(te)))
+                i(e.$slots, B, n(u(te)))
               ])
             }))
           ]), 1032, ["items", "is-selected", "is-expanded", "tbody-class", "row-class", "tr-class", "td-class", "selected-class", "striped-class", "show-select", "show-expand", "headers", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect"]),
           i(e.$slots, "body.append", n(u(p.value)))
         ], 64)) : s(g).length && s(z) ? (l(), a(x, { key: 4 }, [], 64)) : (l(), a("tr", $e, [
-          V("td", { colspan: se.value }, [
-            C(ye, {
+          v("td", { colspan: se.value }, [
+            w(ye, {
               class: "h-full flex justify-center items-center",
               title: "No hay elementos disponibles",
               titleSize: "text-4xl"
@@ -137,10 +137,11 @@ const Pe = ["placeholder"], Se = { key: 0 }, $e = { key: 5 }, Fe = ["colspan"],
         ])),
         e.$slots.tfoot ? (l(), a("tfoot", Te, [
           i(e.$slots, "tfoot", n(u(p.value)))
-        ])) : c("", !0)
+        ])) : m("", !0)
       ]),
+      t[5] || (t[5] = v("div", { class: "h-full" }, null, -1)),
       s(D) ? i(e.$slots, "footer", n(b({ key: 2 }, p.value))) : (l(), a("div", Ae, [
-        C(ue, {
+        w(ue, {
           "items-length": s(W).length,
           "items-per-page": s(r).itemsPerPage,
           "current-page": s(r).page,
@@ -149,15 +150,15 @@ const Pe = ["placeholder"], Se = { key: 0 }, $e = { key: 5 }, Fe = ["colspan"],
           "onUpdate:page": t[3] || (t[3] = (o) => s(r).page = o)
         }, null, 8, ["items-length", "items-per-page", "current-page", "page-options"])
       ])),
-      e.filterable && s(m) ? (l(), v(he, {
+      e.filterable && s(c) ? (l(), C(he, {
         key: 3,
         filters: e.filters,
-        modelValue: s(m),
-        "onUpdate:modelValue": t[4] || (t[4] = (o) => ce(m) ? m.value = o : null),
+        modelValue: s(c),
+        "onUpdate:modelValue": t[4] || (t[4] = (o) => me(c) ? c.value = o : null),
         onApplyFilters: s(q),
         onClearFilters: s(G),
         activeFilters: s(J).byColumn
-      }, null, 8, ["filters", "modelValue", "onApplyFilters", "onClearFilters", "activeFilters"])) : c("", !0)
+      }, null, 8, ["filters", "modelValue", "onApplyFilters", "onClearFilters", "activeFilters"])) : m("", !0)
     ], 16));
   }
 };

package/dist/components/kunMenu/src/composables/kunMenuProps.js

@@ -1,5 +1,5 @@
 const o = {
-  class: String,
+  class: [String, Array, Object],
   modelValue: Boolean,
   activator: [String, Object],
   activatorProps: {

package/package.json

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