adverich-kun-ui 0.1.214 → 0.1.215

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

@@ -1,16 +1,13 @@
-import { ref as V, inject as E, 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 j, withKeys as K, withModifiers as R, createElementVNode as b, createElementBlock as l, createCommentVNode as s, renderSlot as d, normalizeClass as h, toDisplayString as k } from "vue";
+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 = {
-  key: 0,
-  class: "shrink-0 flex items-center gap-2 me-3"
-}, Q = ["src"], T = { class: "flex flex-col min-w-0 flex-1" }, W = {
+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 = {
   key: 0,
   class: "font-medium truncate"
 }, X = {
   key: 0,
   class: "text-sm text-gray-500 dark:text-gray-400 truncate"
 }, Y = {
-  key: 1,
+  key: 0,
   class: "shrink-0 flex items-center gap-2 ms-3"
 }, Z = ["src"], _ = { class: "flex w-full items-center" }, ee = {
   key: 0,
@@ -52,30 +49,32 @@ const H = { class: "flex w-full items-center" }, J = {
     itemPosition: { type: String, default: "items-start" },
     itemClass: String,
     prependIcon: [String, Object, Function],
-    appendIcon: [String, Object, Function],
     prependAvatar: String,
+    prependClass: String,
+    appendIcon: [String, Object, Function],
     appendAvatar: String,
+    appendClass: String,
     title: [String, Number, Boolean],
     subtitle: [String, Number, Boolean]
   },
   emits: ["click"],
-  setup(e, { emit: L }) {
-    const t = e, N = L, u = V(null), m = E("registerListItemRef", null), o = E("kunListContext", null);
+  setup(e, { emit: R }) {
+    const t = e, L = R, u = V(null), g = $("registerListItemRef", null), o = $("kunListContext", null);
     z(() => {
-      m && u.value && m(u.value);
+      g && u.value && g(u.value);
     }), F(() => {
-      m && m(null);
+      g && g(null);
     });
-    const y = (a) => typeof a == "object" || typeof a == "function", B = i(() => !!(t.prependIcon || t.prependAvatar)), A = i(() => !!(t.appendIcon || t.appendAvatar)), w = i(() => {
+    const p = (a) => typeof a == "object" || typeof a == "function", N = i(() => !!(t.prependIcon || t.prependAvatar)), B = i(() => !!(t.appendIcon || t.appendAvatar)), w = 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 g(a, x = null) {
-      var v, p;
+    function y(a, x = null) {
+      var v, b;
       if (t.disabled) return;
-      N("click", a);
+      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 && ((p = o.toggleItem) == null || p.call(o, t.value), r != null && r.dispatchEvent && r.dispatchEvent(new CustomEvent("selected", { detail: t.value, bubbles: !0 }))), x && x(a);
+      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);
     }
     const P = i(() => {
       switch (t.variant) {
@@ -101,7 +100,7 @@ const H = { class: "flex w-full items-center" }, J = {
         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" : ""), $ = i(() => [
+    }), 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,
       P.value,
       D.value,
@@ -124,38 +123,38 @@ const H = { class: "flex w-full items-center" }, J = {
       replace: e.replace,
       custom: !0
     }, {
-      default: C(({ href: r, navigate: v, isActive: p }) => [
-        (n(), c(f(e.tag), j({
+      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 || p,
+          "aria-selected": w.value || I.value || b,
           "aria-disabled": e.disabled,
           tabindex: "-1",
-          class: $.value,
-          onClick: (S) => g(S, v),
-          onKeydown: K(R((S) => g(S, v), ["prevent"]), ["enter"])
+          class: A.value,
+          onClick: (S) => y(S, v),
+          onKeydown: j(K((S) => y(S, v), ["prevent"]), ["enter"])
         }, a.$attrs), {
           default: C(() => [
-            b("div", H, [
-              B.value ? (n(), l("div", J, [
-                d(a.$slots, "prepend", {}, () => [
+            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),
-                  y(e.prependIcon) ? (n(), c(f(e.prependIcon), {
+                  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"])
+                    class: h([e.prependClass, "text-xl leading-none"])
                   }, null, 2)) : s("", !0)
                 ])
-              ])) : s("", !0),
-              b("div", T, [
+              ]),
+              m("div", T, [
                 d(a.$slots, "default", {}, () => [
                   d(a.$slots, "title", {}, () => [
                     e.title ? (n(), l("div", W, k(e.title), 1)) : s("", !0)
@@ -165,19 +164,19 @@ const H = { class: "flex w-full items-center" }, J = {
                   ])
                 ])
               ]),
-              A.value ? (n(), l("div", Y, [
+              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),
-                  y(e.appendIcon) ? (n(), c(f(e.appendIcon), {
+                  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"])
+                    class: h([e.appendClass, "text-xl leading-none"])
                   }, null, 2)) : s("", !0)
                 ])
               ])) : s("", !0)
@@ -187,7 +186,7 @@ const H = { class: "flex w-full items-center" }, J = {
         }, 1040, ["href", "aria-selected", "aria-disabled", "class", "onClick", "onKeydown"]))
       ]),
       _: 3
-    }, 8, ["to", "replace"])) : (n(), c(f(e.tag), j({
+    }, 8, ["to", "replace"])) : (n(), c(f(e.tag), E({
       key: 1,
       ref_key: "liRef",
       ref: u,
@@ -195,20 +194,20 @@ const H = { class: "flex w-full items-center" }, J = {
       "aria-selected": w.value || I.value,
       "aria-disabled": e.disabled,
       tabindex: "-1",
-      class: $.value,
-      onClick: g,
-      onKeydown: K(R(g, ["prevent"]), ["enter"])
+      class: A.value,
+      onClick: y,
+      onKeydown: j(K(y, ["prevent"]), ["enter"])
     }, a.$attrs), {
       default: C(() => [
-        b("div", _, [
-          B.value ? (n(), l("div", ee, [
+        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),
-              y(e.prependIcon) ? (n(), c(f(e.prependIcon), {
+              p(e.prependIcon) ? (n(), c(f(e.prependIcon), {
                 key: 1,
                 class: "w-5 h-5"
               })) : e.prependIcon ? (n(), l("i", {
@@ -217,7 +216,7 @@ const H = { class: "flex w-full items-center" }, J = {
               }, null, 2)) : s("", !0)
             ])
           ])) : s("", !0),
-          b("div", ne, [
+          m("div", ne, [
             d(a.$slots, "default", {}, () => [
               d(a.$slots, "title", {}, () => [
                 e.title ? (n(), l("div", ae, k(e.title), 1)) : s("", !0)
@@ -227,14 +226,14 @@ const H = { class: "flex w-full items-center" }, J = {
               ])
             ])
           ]),
-          A.value ? (n(), l("div", se, [
+          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),
-              y(e.appendIcon) ? (n(), c(f(e.appendIcon), {
+              p(e.appendIcon) ? (n(), c(f(e.appendIcon), {
                 key: 1,
                 class: "w-5 h-5"
               })) : e.appendIcon ? (n(), l("i", {

package/package.json

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