adverich-kun-ui 0.1.393 → 0.1.395

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

@@ -1,53 +1,107 @@
-import { computed as m, createElementBlock as l, openBlock as o, mergeProps as f, createCommentVNode as s, createVNode as r, withCtx as i, createBlock as p, renderSlot as n } from "vue";
-import { kunCardProps as c } from "../composables/kunCardProps.js";
-import d from "../../../KunCardItem/src/components/KunCardItem.vue.js";
-import $ from "../../../KunCardTitle/src/components/KunCardTitle.vue.js";
-import k from "../../../KunCardText/src/components/KunCardText.vue.js";
-import C from "../../../KunCardActions/src/components/KunCardActions.vue.js";
-const b = { key: 0 }, h = { key: 1 }, _ = { key: 2 }, j = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+import { computed as f, resolveComponent as S, createBlock as n, openBlock as l, withCtx as o, resolveDynamicComponent as m, mergeProps as k, createElementBlock as i, createCommentVNode as r, createVNode as s, renderSlot as u } from "vue";
+import { kunCardProps as _ } from "../composables/kunCardProps.js";
+import a from "../../../KunCardItem/src/components/KunCardItem.vue.js";
+import p from "../../../KunCardTitle/src/components/KunCardTitle.vue.js";
+import $ from "../../../KunCardText/src/components/KunCardText.vue.js";
+import c from "../../../KunCardActions/src/components/KunCardActions.vue.js";
+const z = { key: 0 }, g = { key: 1 }, w = { key: 2 }, B = { key: 0 }, L = { key: 1 }, j = { key: 2 }, E = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "KunCard",
-  props: c,
-  setup(a) {
-    const t = a, u = m(() => [
+  props: _,
+  setup(h) {
+    const t = h, d = f(() => [
       "w-full",
       t.bgColor,
       t.textColor || "text-black",
       t.outlined ? `border ${t.outlineColor}` : "",
       t.rounded === !0 ? "rounded-lg" : t.rounded ? `rounded-${t.rounded}` : "",
       t.flat ? "shadow-none" : `shadow-${t.elevation}`
-    ].filter(Boolean).join(" "));
-    return (e, v) => (o(), l("div", f({ class: u.value }, e.$attrs), [
-      e.$slots.title || e.title || e.subtitle ? (o(), l("div", b, [
-        r(d, { dense: "" }, {
-          default: i(() => [
-            r($, {
-              title: e.title,
-              subtitle: e.subtitle,
-              titleSize: e.titleSize
-            }, null, 8, ["title", "subtitle", "titleSize"])
-          ]),
-          _: 1
-        })
-      ])) : s("", !0),
-      e.$slots.default || e.text ? (o(), l("div", h, [
-        e.text ? (o(), p(d, { key: 0 }, {
-          default: i(() => [
-            r(k, { text: e.text }, null, 8, ["text"])
-          ]),
-          _: 1
-        })) : n(e.$slots, "default", { key: 1 })
-      ])) : s("", !0),
-      e.$slots.actions ? (o(), l("div", _, [
-        r(C, null, {
-          default: i(() => [
-            n(e.$slots, "actions")
-          ]),
-          _: 3
-        })
-      ])) : s("", !0)
-    ], 16));
+    ].filter(Boolean).join(" ")), v = f(() => !!(t.to || t.href));
+    return (e, K) => {
+      const y = S("RouterLink");
+      return v.value ? (l(), n(y, {
+        key: 0,
+        to: t.to,
+        replace: t.replace,
+        custom: !0
+      }, {
+        default: o(({ href: C, navigate: b }) => [
+          (l(), n(m("a"), k({
+            href: C,
+            class: d.value
+          }, e.$attrs, { onClick: b }), {
+            default: o(() => [
+              e.$slots.title || e.title || e.subtitle ? (l(), i("div", z, [
+                s(a, { dense: "" }, {
+                  default: o(() => [
+                    s(p, {
+                      title: e.title,
+                      subtitle: e.subtitle,
+                      titleSize: e.titleSize
+                    }, null, 8, ["title", "subtitle", "titleSize"])
+                  ]),
+                  _: 1
+                })
+              ])) : r("", !0),
+              e.$slots.default || e.text ? (l(), i("div", g, [
+                e.text ? (l(), n(a, { key: 0 }, {
+                  default: o(() => [
+                    s($, { text: e.text }, null, 8, ["text"])
+                  ]),
+                  _: 1
+                })) : u(e.$slots, "default", { key: 1 })
+              ])) : r("", !0),
+              e.$slots.actions ? (l(), i("div", w, [
+                s(c, null, {
+                  default: o(() => [
+                    u(e.$slots, "actions")
+                  ]),
+                  _: 3
+                })
+              ])) : r("", !0)
+            ]),
+            _: 2
+          }, 1040, ["href", "class", "onClick"]))
+        ]),
+        _: 3
+      }, 8, ["to", "replace"])) : (l(), n(m("div"), k({
+        key: 1,
+        class: d.value
+      }, e.$attrs), {
+        default: o(() => [
+          e.$slots.title || e.title || e.subtitle ? (l(), i("div", B, [
+            s(a, { dense: "" }, {
+              default: o(() => [
+                s(p, {
+                  title: e.title,
+                  subtitle: e.subtitle,
+                  titleSize: e.titleSize
+                }, null, 8, ["title", "subtitle", "titleSize"])
+              ]),
+              _: 1
+            })
+          ])) : r("", !0),
+          e.$slots.default || e.text ? (l(), i("div", L, [
+            e.text ? (l(), n(a, { key: 0 }, {
+              default: o(() => [
+                s($, { text: e.text }, null, 8, ["text"])
+              ]),
+              _: 1
+            })) : u(e.$slots, "default", { key: 1 })
+          ])) : r("", !0),
+          e.$slots.actions ? (l(), i("div", j, [
+            s(c, null, {
+              default: o(() => [
+                u(e.$slots, "actions")
+              ]),
+              _: 3
+            })
+          ])) : r("", !0)
+        ]),
+        _: 3
+      }, 16, ["class"]));
+    };
   }
 });
 export {
-  j as default
+  E as default
 };

package/dist/components/KunCard/src/composables/kunCardProps.js

@@ -30,7 +30,10 @@ const e = {
     type: [String, Number],
     default: 1,
     validator: (t) => ["0", "1", "2", "3", "4", "5", "", 0, 1, 2, 3, 4, 5].includes(t)
-  }
+  },
+  to: [String, Object],
+  href: String,
+  replace: Boolean
 };
 export {
   e as kunCardProps

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

@@ -1,5 +1,5 @@
-import { useAttrs as H, computed as r, ref as J, inject as R, getCurrentInstance as Q, onMounted as T, onBeforeUnmount as W, createBlock as u, openBlock as a, unref as X, withCtx as $, resolveDynamicComponent as v, mergeProps as C, withKeys as L, withModifiers as P, createElementVNode as I, createElementBlock as l, createCommentVNode as s, renderSlot as o, normalizeClass as i, toDisplayString as S } from "vue";
-import M from "../../../KunIcon/src/components/KunIcon.vue.js";
+import { useAttrs as H, computed as r, ref as J, inject as L, getCurrentInstance as Q, onMounted as T, onBeforeUnmount as W, createBlock as c, openBlock as a, unref as X, withCtx as B, resolveDynamicComponent as v, mergeProps as C, withKeys as P, withModifiers as M, createElementVNode as I, createElementBlock as l, createCommentVNode as s, renderSlot as o, normalizeClass as i, toDisplayString as S } from "vue";
+import D from "../../../KunIcon/src/components/KunIcon.vue.js";
 import { RouterLink as Y } from "vue-router";
 const Z = { class: "flex w-full items-center" }, _ = {
   key: 0,
@@ -50,11 +50,11 @@ const Z = { class: "flex w-full items-center" }, _ = {
     id: [String, Number]
   },
   emits: ["click"],
-  setup(e, { emit: D }) {
-    const B = H(), x = r(() => B.class), j = r(() => {
-      const { class: n, ...m } = B;
+  setup(e, { emit: G }) {
+    const x = H(), j = r(() => x.class), E = r(() => {
+      const { class: n, ...m } = x;
       return m;
-    }), t = e, G = D, f = J(null), g = R("registerListItemRef", null), c = R("kunListContext", null), E = r(() => {
+    }), t = e, V = G, f = J(null), g = L("registerListItemRef", null), u = L("kunListContext", null), K = r(() => {
       var n;
       return t.id ? t.id : `kun-list-item-${((n = Q()) == null ? void 0 : n.uid) ?? Math.random().toString(36).slice(2, 7)}`;
     });
@@ -63,20 +63,20 @@ const Z = { class: "flex w-full items-center" }, _ = {
     }), W(() => {
       g && g(null);
     });
-    const b = (n) => typeof n == "object" || typeof n == "function", K = r(() => !!(t.prependIcon || t.prependAvatar)), N = r(() => !!(t.appendIcon || t.appendAvatar)), w = r(() => {
+    const b = (n) => typeof n == "object" || typeof n == "function", N = r(() => !!(t.prependIcon || t.prependAvatar)), O = r(() => !!(t.appendIcon || t.appendAvatar)), w = r(() => {
       var n;
-      return ((n = c == null ? void 0 : c.isSelected) == null ? void 0 : n.call(c, t.value)) ?? !1;
-    }), A = r(() => t.active), V = r(() => !!t.to);
+      return ((n = u == null ? void 0 : u.isSelected) == null ? void 0 : n.call(u, t.value)) ?? !1;
+    }), A = r(() => t.active), $ = r(() => !!t.to);
     function k(n, m = null) {
       var p, h;
       if (t.disabled) return;
-      if (G("click", n), (n.ctrlKey || n.metaKey) && t.to) {
+      if (V("click", n), (n.ctrlKey || n.metaKey) && t.to) {
         const y = typeof t.to == "string" ? t.to : t.to.path;
         window.open(y, "_blank");
         return;
       }
       const d = ((p = f.value) == null ? void 0 : p.$el) ?? f.value;
-      d != null && d.dispatchEvent && d.dispatchEvent(new CustomEvent("select", { detail: t.value, bubbles: !0 })), c && t.selectable && t.value !== null && ((h = c.toggleItem) == null || h.call(c, t.value), d != null && d.dispatchEvent && d.dispatchEvent(new CustomEvent("selected", { detail: t.value, bubbles: !0 }))), m && m(n);
+      d != null && d.dispatchEvent && d.dispatchEvent(new CustomEvent("select", { detail: t.value, bubbles: !0 })), u && t.selectable && t.value !== null && ((h = u.toggleItem) == null || h.call(u, t.value), d != null && d.dispatchEvent && d.dispatchEvent(new CustomEvent("selected", { detail: t.value, bubbles: !0 }))), m && m(n);
     }
     const z = r(() => {
       switch (t.variant) {
@@ -102,7 +102,7 @@ const Z = { class: "flex w-full items-center" }, _ = {
         default:
           return "py-3";
       }
-    }), U = r(() => t.tile ? "rounded-none" : t.rounded === !0 ? "rounded-md" : t.rounded === !1 ? "" : `rounded-${t.rounded}`), q = r(() => t.ripple ? "relative overflow-hidden" : ""), O = r(() => [
+    }), U = r(() => t.tile ? "rounded-none" : t.rounded === !0 ? "rounded-md" : t.rounded === !1 ? "" : `rounded-${t.rounded}`), q = r(() => t.ripple ? "relative overflow-hidden" : ""), R = r(() => [
       de,
       z.value,
       F.value,
@@ -119,15 +119,15 @@ const Z = { class: "flex w-full items-center" }, _ = {
       },
       t.containerClass
     ]);
-    return (n, m) => V.value ? (a(), u(X(Y), {
+    return (n, m) => $.value ? (a(), c(X(Y), {
       key: 0,
       to: e.to,
       replace: e.replace,
       custom: !0
     }, {
-      default: $(({ href: d, navigate: p, isActive: h }) => [
-        (a(), u(v(e.tag), C({
-          id: E.value,
+      default: B(({ href: d, navigate: p, isActive: h }) => [
+        (a(), c(v($.value ? "a" : e.tag), C({
+          id: K.value,
           ref_key: "liRef",
           ref: f,
           href: d,
@@ -135,22 +135,22 @@ const Z = { class: "flex w-full items-center" }, _ = {
           "aria-selected": w.value || A.value || h,
           "aria-disabled": e.disabled,
           tabindex: "-1",
-          class: O.value,
+          class: R.value,
           onClick: (y) => k(y, p),
-          onKeydown: L(P((y) => k(y, p), ["prevent"]), ["enter"])
+          onKeydown: P(M((y) => k(y, p), ["prevent"]), ["enter"])
         }, n.$attrs), {
-          default: $(() => [
+          default: B(() => [
             I("div", Z, [
-              K.value || n.$slots.prepend ? (a(), l("div", _, [
+              N.value || n.$slots.prepend ? (a(), l("div", _, [
                 o(n.$slots, "prepend", {}, () => [
                   e.prependAvatar ? (a(), l("img", {
                     key: 0,
                     src: e.prependAvatar,
                     class: i(["rounded-full", e.prependClass])
-                  }, null, 10, ee)) : b(e.prependIcon) ? (a(), u(v(e.prependIcon), {
+                  }, null, 10, ee)) : b(e.prependIcon) ? (a(), c(v(e.prependIcon), {
                     key: 1,
                     class: i(e.prependClass)
-                  }, null, 8, ["class"])) : typeof e.prependIcon == "string" ? (a(), u(M, {
+                  }, null, 8, ["class"])) : typeof e.prependIcon == "string" ? (a(), c(D, {
                     key: 2,
                     icon: e.prependIcon,
                     class: i(e.prependClass)
@@ -158,8 +158,8 @@ const Z = { class: "flex w-full items-center" }, _ = {
                 ])
               ])) : s("", !0),
               I("div", C({
-                class: ["flex flex-col min-w-0 flex-1", x.value]
-              }, j.value), [
+                class: ["flex flex-col min-w-0 flex-1", j.value]
+              }, E.value), [
                 o(n.$slots, "default", {}, () => [
                   o(n.$slots, "title", {}, () => [
                     e.title ? (a(), l("div", {
@@ -175,14 +175,14 @@ const Z = { class: "flex w-full items-center" }, _ = {
                   ])
                 ])
               ], 16),
-              N.value ? (a(), l("div", te, [
+              O.value ? (a(), l("div", te, [
                 o(n.$slots, "append", {}, () => [
                   e.appendAvatar ? (a(), l("img", {
                     key: 0,
                     src: e.appendAvatar,
                     class: "w-8 h-8 rounded-full"
                   }, null, 8, ne)) : s("", !0),
-                  b(e.appendIcon) ? (a(), u(v(e.appendIcon), {
+                  b(e.appendIcon) ? (a(), c(v(e.appendIcon), {
                     key: 1,
                     class: "w-5 h-5"
                   })) : e.appendIcon ? (a(), l("i", {
@@ -197,31 +197,31 @@ const Z = { class: "flex w-full items-center" }, _ = {
         }, 1040, ["id", "href", "aria-selected", "aria-disabled", "class", "onClick", "onKeydown"]))
       ]),
       _: 3
-    }, 8, ["to", "replace"])) : (a(), u(v(e.tag), C({
+    }, 8, ["to", "replace"])) : (a(), c(v($.value ? "a" : e.tag), C({
       key: 1,
-      id: E.value,
+      id: K.value,
       ref_key: "liRef",
       ref: f,
       role: "option",
       "aria-selected": w.value || A.value,
       "aria-disabled": e.disabled,
       tabindex: "-1",
-      class: [O.value],
+      class: [R.value],
       onClick: k,
-      onKeydown: L(P(k, ["prevent"]), ["enter"])
+      onKeydown: P(M(k, ["prevent"]), ["enter"])
     }, n.$attrs), {
-      default: $(() => [
+      default: B(() => [
         I("div", ae, [
-          K.value || n.$slots.prepend ? (a(), l("div", le, [
+          N.value || n.$slots.prepend ? (a(), l("div", le, [
             o(n.$slots, "prepend", {}, () => [
               e.prependAvatar ? (a(), l("img", {
                 key: 0,
                 src: e.prependAvatar,
                 class: i(["rounded-full", e.prependClass])
-              }, null, 10, se)) : b(e.prependIcon) ? (a(), u(v(e.prependIcon), {
+              }, null, 10, se)) : b(e.prependIcon) ? (a(), c(v(e.prependIcon), {
                 key: 1,
                 class: i(e.prependClass)
-              }, null, 8, ["class"])) : typeof e.prependIcon == "string" ? (a(), u(M, {
+              }, null, 8, ["class"])) : typeof e.prependIcon == "string" ? (a(), c(D, {
                 key: 2,
                 icon: e.prependIcon,
                 class: i(e.prependClass)
@@ -229,8 +229,8 @@ const Z = { class: "flex w-full items-center" }, _ = {
             ])
           ])) : s("", !0),
           I("div", C({
-            class: ["flex flex-col min-w-0 flex-1", x.value]
-          }, j.value), [
+            class: ["flex flex-col min-w-0 flex-1", j.value]
+          }, E.value), [
             o(n.$slots, "default", {}, () => [
               o(n.$slots, "title", {}, () => [
                 e.title ? (a(), l("div", {
@@ -246,14 +246,14 @@ const Z = { class: "flex w-full items-center" }, _ = {
               ])
             ])
           ], 16),
-          N.value ? (a(), l("div", re, [
+          O.value ? (a(), l("div", re, [
             o(n.$slots, "append", {}, () => [
               e.appendAvatar ? (a(), l("img", {
                 key: 0,
                 src: e.appendAvatar,
                 class: "w-8 h-8 rounded-full"
               }, null, 8, ie)) : s("", !0),
-              b(e.appendIcon) ? (a(), u(v(e.appendIcon), {
+              b(e.appendIcon) ? (a(), c(v(e.appendIcon), {
                 key: 1,
                 class: "w-5 h-5"
               })) : e.appendIcon ? (a(), l("i", {

package/package.json

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