adverich-kun-ui 0.1.215 → 0.1.216

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

@@ -1,27 +1,30 @@
-import { ref as V, inject as $, onMounted as z, onBeforeUnmount as F, computed as i, createBlock as c, openBlock as n, unref as U, withCtx as C, resolveDynamicComponent as f, mergeProps as E, withKeys as j, withModifiers as K, createElementVNode as m, renderSlot as d, createElementBlock as l, createCommentVNode as s, normalizeClass as h, toDisplayString as k } from "vue";
-import { RouterLink as q } from "vue-router";
-const H = { class: "flex w-full items-center" }, J = { class: "shrink-0 flex items-center gap-2 me-3" }, Q = ["src"], T = { class: "flex flex-col min-w-0 flex-1" }, W = {
+import { ref as z, inject as E, onMounted as F, onBeforeUnmount as U, computed as i, resolveComponent as q, createBlock as c, openBlock as n, unref as H, withCtx as x, resolveDynamicComponent as f, mergeProps as K, withKeys as j, withModifiers as R, createElementVNode as h, createElementBlock as l, createCommentVNode as s, renderSlot as d, normalizeClass as v, toDisplayString as k } from "vue";
+import { RouterLink as J } from "vue-router";
+const Q = { class: "flex w-full items-center" }, T = {
+  key: 0,
+  class: "shrink-0 flex items-center gap-2 me-2"
+}, W = ["src"], X = { class: "flex flex-col min-w-0 flex-1" }, Y = {
   key: 0,
   class: "font-medium truncate"
-}, X = {
+}, Z = {
   key: 0,
   class: "text-sm text-gray-500 dark:text-gray-400 truncate"
-}, Y = {
-  key: 0,
+}, _ = {
+  key: 1,
   class: "shrink-0 flex items-center gap-2 ms-3"
-}, Z = ["src"], _ = { class: "flex w-full items-center" }, ee = {
+}, ee = ["src"], te = { class: "flex w-full items-center" }, ne = {
   key: 0,
   class: "shrink-0 flex items-center gap-2 me-3"
-}, te = ["src"], ne = { class: "flex flex-col min-w-0 flex-1" }, ae = {
+}, ae = ["src"], le = { class: "flex flex-col min-w-0 flex-1" }, se = {
   key: 0,
   class: "font-medium truncate"
-}, le = {
+}, re = {
   key: 0,
   class: "text-sm text-gray-500 dark:text-gray-400 truncate"
-}, se = {
+}, ie = {
   key: 1,
   class: "shrink-0 flex items-center gap-2 ms-3"
-}, re = ["src"], ie = "w-full flex transition duration-150 ease-in-out", ce = {
+}, de = ["src"], oe = "w-full flex transition duration-150 ease-in-out", fe = {
   __name: "KunListItem",
   props: {
     value: [String, Number, Boolean, Object, Array, null],
@@ -58,23 +61,23 @@ const H = { class: "flex w-full items-center" }, J = { class: "shrink-0 flex ite
     subtitle: [String, Number, Boolean]
   },
   emits: ["click"],
-  setup(e, { emit: R }) {
-    const t = e, L = R, u = V(null), g = $("registerListItemRef", null), o = $("kunListContext", null);
-    z(() => {
-      g && u.value && g(u.value);
-    }), F(() => {
-      g && g(null);
+  setup(e, { emit: L }) {
+    const t = e, N = L, u = z(null), p = E("registerListItemRef", null), o = E("kunListContext", null);
+    F(() => {
+      p && u.value && p(u.value);
+    }), U(() => {
+      p && p(null);
     });
-    const p = (a) => typeof a == "object" || typeof a == "function", N = i(() => !!(t.prependIcon || t.prependAvatar)), B = i(() => !!(t.appendIcon || t.appendAvatar)), w = i(() => {
+    const g = (a) => typeof a == "object" || typeof a == "function", B = i(() => !!(t.prependIcon || t.prependAvatar)), A = i(() => !!(t.appendIcon || t.appendAvatar)), I = i(() => {
       var a;
       return ((a = o == null ? void 0 : o.isSelected) == null ? void 0 : a.call(o, t.value)) ?? !1;
-    }), I = i(() => t.active), O = i(() => !!t.to);
-    function y(a, x = null) {
-      var v, b;
+    }), w = i(() => t.active), O = i(() => !!t.to);
+    function y(a, C = null) {
+      var b, m;
       if (t.disabled) return;
-      L("click", a);
-      const r = ((v = u.value) == null ? void 0 : v.$el) ?? u.value;
-      r != null && r.dispatchEvent && r.dispatchEvent(new CustomEvent("select", { detail: t.value, bubbles: !0 })), o && t.selectable && t.value !== null && ((b = o.toggleItem) == null || b.call(o, t.value), r != null && r.dispatchEvent && r.dispatchEvent(new CustomEvent("selected", { detail: t.value, bubbles: !0 }))), x && x(a);
+      N("click", a);
+      const r = ((b = u.value) == null ? void 0 : b.$el) ?? u.value;
+      r != null && r.dispatchEvent && r.dispatchEvent(new CustomEvent("select", { detail: t.value, bubbles: !0 })), o && t.selectable && t.value !== null && ((m = o.toggleItem) == null || m.call(o, t.value), r != null && r.dispatchEvent && r.dispatchEvent(new CustomEvent("selected", { detail: t.value, bubbles: !0 }))), C && C(a);
     }
     const P = i(() => {
       switch (t.variant) {
@@ -100,8 +103,8 @@ const H = { class: "flex w-full items-center" }, J = { class: "shrink-0 flex ite
         default:
           return "py-3";
       }
-    }), G = i(() => t.tile ? "rounded-none" : t.rounded === !0 ? "rounded-md" : t.rounded === !1 ? "" : `rounded-${t.rounded}`), M = i(() => t.ripple ? "relative overflow-hidden" : ""), A = i(() => [
-      ie,
+    }), G = i(() => t.tile ? "rounded-none" : t.rounded === !0 ? "rounded-md" : t.rounded === !1 ? "" : `rounded-${t.rounded}`), M = i(() => t.ripple ? "relative overflow-hidden" : ""), $ = i(() => [
+      oe,
       P.value,
       D.value,
       G.value,
@@ -112,142 +115,145 @@ const H = { class: "flex w-full items-center" }, J = { class: "shrink-0 flex ite
       {
         "cursor-not-allowed opacity-50": t.disabled,
         [`cursor-pointer ${t.hoverBg}`]: t.selectable && !t.disabled,
-        [t.activeClass]: w.value || I.value,
+        [t.activeClass]: I.value || w.value,
         "px-4": !t.noGutters
       },
       t.itemClass
     ]);
-    return (a, x) => O.value ? (n(), c(U(q), {
-      key: 0,
-      to: e.to,
-      replace: e.replace,
-      custom: !0
-    }, {
-      default: C(({ href: r, navigate: v, isActive: b }) => [
-        (n(), c(f(e.tag), E({
-          ref_key: "liRef",
-          ref: u,
-          href: r,
-          role: "option",
-          "aria-selected": w.value || I.value || b,
-          "aria-disabled": e.disabled,
-          tabindex: "-1",
-          class: A.value,
-          onClick: (S) => y(S, v),
-          onKeydown: j(K((S) => y(S, v), ["prevent"]), ["enter"])
-        }, a.$attrs), {
-          default: C(() => [
-            m("div", H, [
-              d(a.$slots, "prepend", {}, () => [
-                m("div", J, [
-                  e.prependAvatar ? (n(), l("img", {
-                    key: 0,
-                    src: e.prependAvatar,
-                    class: "w-8 h-8 rounded-full"
-                  }, null, 8, Q)) : s("", !0),
-                  p(e.prependIcon) ? (n(), c(f(e.prependIcon), {
-                    key: 1,
-                    class: "w-5 h-5"
-                  })) : e.prependIcon ? (n(), l("i", {
-                    key: 2,
-                    class: h([e.prependClass, "text-xl leading-none"])
-                  }, null, 2)) : s("", !0)
-                ])
-              ]),
-              m("div", T, [
-                d(a.$slots, "default", {}, () => [
-                  d(a.$slots, "title", {}, () => [
-                    e.title ? (n(), l("div", W, k(e.title), 1)) : s("", !0)
-                  ]),
-                  d(a.$slots, "subtitle", {}, () => [
-                    e.subtitle ? (n(), l("div", X, k(e.subtitle), 1)) : s("", !0)
+    return (a, C) => {
+      const r = q("KunIcon");
+      return O.value ? (n(), c(H(J), {
+        key: 0,
+        to: e.to,
+        replace: e.replace,
+        custom: !0
+      }, {
+        default: x(({ href: b, navigate: m, isActive: V }) => [
+          (n(), c(f(e.tag), K({
+            ref_key: "liRef",
+            ref: u,
+            href: b,
+            role: "option",
+            "aria-selected": I.value || w.value || V,
+            "aria-disabled": e.disabled,
+            tabindex: "-1",
+            class: $.value,
+            onClick: (S) => y(S, m),
+            onKeydown: j(R((S) => y(S, m), ["prevent"]), ["enter"])
+          }, a.$attrs), {
+            default: x(() => [
+              h("div", Q, [
+                B.value || a.$slots.prepend ? (n(), l("div", T, [
+                  d(a.$slots, "prepend", {}, () => [
+                    e.prependAvatar ? (n(), l("img", {
+                      key: 0,
+                      src: e.prependAvatar,
+                      class: v(["rounded-full", e.prependClass])
+                    }, null, 10, W)) : g(e.prependIcon) ? (n(), c(f(e.prependIcon), {
+                      key: 1,
+                      class: v(e.prependClass)
+                    }, null, 8, ["class"])) : typeof e.prependIcon == "string" ? (n(), c(r, {
+                      key: 2,
+                      icon: e.prependIcon,
+                      class: v(e.prependClass)
+                    }, null, 8, ["icon", "class"])) : s("", !0)
                   ])
+                ])) : s("", !0),
+                h("div", X, [
+                  d(a.$slots, "default", {}, () => [
+                    d(a.$slots, "title", {}, () => [
+                      e.title ? (n(), l("div", Y, k(e.title), 1)) : s("", !0)
+                    ]),
+                    d(a.$slots, "subtitle", {}, () => [
+                      e.subtitle ? (n(), l("div", Z, k(e.subtitle), 1)) : s("", !0)
+                    ])
+                  ])
+                ]),
+                A.value ? (n(), l("div", _, [
+                  d(a.$slots, "append", {}, () => [
+                    e.appendAvatar ? (n(), l("img", {
+                      key: 0,
+                      src: e.appendAvatar,
+                      class: "w-8 h-8 rounded-full"
+                    }, null, 8, ee)) : s("", !0),
+                    g(e.appendIcon) ? (n(), c(f(e.appendIcon), {
+                      key: 1,
+                      class: "w-5 h-5"
+                    })) : e.appendIcon ? (n(), l("i", {
+                      key: 2,
+                      class: v([e.appendClass, "text-xl leading-none"])
+                    }, null, 2)) : s("", !0)
+                  ])
+                ])) : s("", !0)
+              ])
+            ]),
+            _: 2
+          }, 1040, ["href", "aria-selected", "aria-disabled", "class", "onClick", "onKeydown"]))
+        ]),
+        _: 3
+      }, 8, ["to", "replace"])) : (n(), c(f(e.tag), K({
+        key: 1,
+        ref_key: "liRef",
+        ref: u,
+        role: "option",
+        "aria-selected": I.value || w.value,
+        "aria-disabled": e.disabled,
+        tabindex: "-1",
+        class: $.value,
+        onClick: y,
+        onKeydown: j(R(y, ["prevent"]), ["enter"])
+      }, a.$attrs), {
+        default: x(() => [
+          h("div", te, [
+            B.value ? (n(), l("div", ne, [
+              d(a.$slots, "prepend", {}, () => [
+                e.prependAvatar ? (n(), l("img", {
+                  key: 0,
+                  src: e.prependAvatar,
+                  class: "w-8 h-8 rounded-full"
+                }, null, 8, ae)) : s("", !0),
+                g(e.prependIcon) ? (n(), c(f(e.prependIcon), {
+                  key: 1,
+                  class: "w-5 h-5"
+                })) : e.prependIcon ? (n(), l("i", {
+                  key: 2,
+                  class: v([e.prependIcon, "text-xl leading-none"])
+                }, null, 2)) : s("", !0)
+              ])
+            ])) : s("", !0),
+            h("div", le, [
+              d(a.$slots, "default", {}, () => [
+                d(a.$slots, "title", {}, () => [
+                  e.title ? (n(), l("div", se, k(e.title), 1)) : s("", !0)
+                ]),
+                d(a.$slots, "subtitle", {}, () => [
+                  e.subtitle ? (n(), l("div", re, k(e.subtitle), 1)) : s("", !0)
                 ])
-              ]),
-              B.value ? (n(), l("div", Y, [
-                d(a.$slots, "append", {}, () => [
-                  e.appendAvatar ? (n(), l("img", {
-                    key: 0,
-                    src: e.appendAvatar,
-                    class: "w-8 h-8 rounded-full"
-                  }, null, 8, Z)) : s("", !0),
-                  p(e.appendIcon) ? (n(), c(f(e.appendIcon), {
-                    key: 1,
-                    class: "w-5 h-5"
-                  })) : e.appendIcon ? (n(), l("i", {
-                    key: 2,
-                    class: h([e.appendClass, "text-xl leading-none"])
-                  }, null, 2)) : s("", !0)
-                ])
-              ])) : s("", !0)
-            ])
-          ]),
-          _: 2
-        }, 1040, ["href", "aria-selected", "aria-disabled", "class", "onClick", "onKeydown"]))
-      ]),
-      _: 3
-    }, 8, ["to", "replace"])) : (n(), c(f(e.tag), E({
-      key: 1,
-      ref_key: "liRef",
-      ref: u,
-      role: "option",
-      "aria-selected": w.value || I.value,
-      "aria-disabled": e.disabled,
-      tabindex: "-1",
-      class: A.value,
-      onClick: y,
-      onKeydown: j(K(y, ["prevent"]), ["enter"])
-    }, a.$attrs), {
-      default: C(() => [
-        m("div", _, [
-          N.value ? (n(), l("div", ee, [
-            d(a.$slots, "prepend", {}, () => [
-              e.prependAvatar ? (n(), l("img", {
-                key: 0,
-                src: e.prependAvatar,
-                class: "w-8 h-8 rounded-full"
-              }, null, 8, te)) : s("", !0),
-              p(e.prependIcon) ? (n(), c(f(e.prependIcon), {
-                key: 1,
-                class: "w-5 h-5"
-              })) : e.prependIcon ? (n(), l("i", {
-                key: 2,
-                class: h([e.prependIcon, "text-xl leading-none"])
-              }, null, 2)) : s("", !0)
-            ])
-          ])) : s("", !0),
-          m("div", ne, [
-            d(a.$slots, "default", {}, () => [
-              d(a.$slots, "title", {}, () => [
-                e.title ? (n(), l("div", ae, k(e.title), 1)) : s("", !0)
-              ]),
-              d(a.$slots, "subtitle", {}, () => [
-                e.subtitle ? (n(), l("div", le, k(e.subtitle), 1)) : s("", !0)
               ])
-            ])
-          ]),
-          B.value ? (n(), l("div", se, [
-            d(a.$slots, "append", {}, () => [
-              e.appendAvatar ? (n(), l("img", {
-                key: 0,
-                src: e.appendAvatar,
-                class: "w-8 h-8 rounded-full"
-              }, null, 8, re)) : s("", !0),
-              p(e.appendIcon) ? (n(), c(f(e.appendIcon), {
-                key: 1,
-                class: "w-5 h-5"
-              })) : e.appendIcon ? (n(), l("i", {
-                key: 2,
-                class: h([e.appendIcon, "text-xl leading-none"])
-              }, null, 2)) : s("", !0)
-            ])
-          ])) : s("", !0)
-        ])
-      ]),
-      _: 3
-    }, 16, ["aria-selected", "aria-disabled", "class", "onKeydown"]));
+            ]),
+            A.value ? (n(), l("div", ie, [
+              d(a.$slots, "append", {}, () => [
+                e.appendAvatar ? (n(), l("img", {
+                  key: 0,
+                  src: e.appendAvatar,
+                  class: "w-8 h-8 rounded-full"
+                }, null, 8, de)) : s("", !0),
+                g(e.appendIcon) ? (n(), c(f(e.appendIcon), {
+                  key: 1,
+                  class: "w-5 h-5"
+                })) : e.appendIcon ? (n(), l("i", {
+                  key: 2,
+                  class: v([e.appendIcon, "text-xl leading-none"])
+                }, null, 2)) : s("", !0)
+              ])
+            ])) : s("", !0)
+          ])
+        ]),
+        _: 3
+      }, 16, ["aria-selected", "aria-disabled", "class", "onKeydown"]));
+    };
   }
 };
 export {
-  ce as default
+  fe as default
 };

package/package.json

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