adverich-kun-ui 0.1.270 → 0.1.272

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

@@ -1,4 +1,4 @@
-import { useAttrs as F, ref as U, inject as E, onMounted as q, onBeforeUnmount as H, computed as d, createBlock as u, openBlock as n, unref as J, withCtx as B, resolveDynamicComponent as v, mergeProps as j, withKeys as K, withModifiers as R, createElementVNode as k, createElementBlock as a, createCommentVNode as s, renderSlot as o, normalizeClass as r, toDisplayString as h } from "vue";
+import { useAttrs as F, ref as U, inject as E, onMounted as q, onBeforeUnmount as H, computed as d, createBlock as u, openBlock as n, unref as J, withCtx as A, resolveDynamicComponent as v, mergeProps as j, withKeys as K, withModifiers as R, createElementVNode as k, createElementBlock as a, createCommentVNode as s, renderSlot as o, normalizeClass as r, toDisplayString as h } from "vue";
 import L from "../../../KunIcon/src/components/KunIcon.vue.js";
 import { RouterLink as Q } from "vue-router";
 const T = { class: "flex w-full items-center" }, W = {
@@ -39,7 +39,6 @@ const T = { class: "flex w-full items-center" }, W = {
     hoverBg: { type: String, default: "hover:bg-gray-100 dark:hover:bg-gray-600" },
     noGutters: Boolean,
     itemPosition: { type: String, default: "items-start" },
-    itemClass: String,
     prependIcon: [String, Object, Function],
     prependAvatar: String,
     prependClass: String,
@@ -53,22 +52,22 @@ const T = { class: "flex w-full items-center" }, W = {
   },
   emits: ["click"],
   setup(e, { emit: N }) {
-    const O = F(), t = e, P = N, f = U(null), p = E("registerListItemRef", null), c = E("kunListContext", null);
+    const O = F(), t = e, P = N, f = U(null), y = E("registerListItemRef", null), c = E("kunListContext", null);
     q(() => {
-      p && f.value && p(f.value);
+      y && f.value && y(f.value);
     }), H(() => {
-      p && p(null);
+      y && y(null);
     });
-    const y = (l) => typeof l == "object" || typeof l == "function", $ = d(() => !!(t.prependIcon || t.prependAvatar)), A = d(() => !!(t.appendIcon || t.appendAvatar)), C = d(() => {
+    const p = (l) => typeof l == "object" || typeof l == "function", B = d(() => !!(t.prependIcon || t.prependAvatar)), $ = d(() => !!(t.appendIcon || t.appendAvatar)), C = d(() => {
       var l;
       return ((l = c == null ? void 0 : c.isSelected) == null ? void 0 : l.call(c, t.value)) ?? !1;
     }), I = d(() => t.active), D = d(() => !!t.to);
-    function g(l, S = null) {
-      var m, b;
+    function b(l, S = null) {
+      var m, g;
       if (t.disabled) return;
       P("click", l);
       const i = ((m = f.value) == null ? void 0 : m.$el) ?? f.value;
-      i != null && i.dispatchEvent && i.dispatchEvent(new CustomEvent("select", { detail: t.value, bubbles: !0 })), c && t.selectable && t.value !== null && ((b = c.toggleItem) == null || b.call(c, t.value), i != null && i.dispatchEvent && i.dispatchEvent(new CustomEvent("selected", { detail: t.value, bubbles: !0 }))), S && S(l);
+      i != null && i.dispatchEvent && i.dispatchEvent(new CustomEvent("select", { detail: t.value, bubbles: !0 })), c && t.selectable && t.value !== null && ((g = c.toggleItem) == null || g.call(c, t.value), i != null && i.dispatchEvent && i.dispatchEvent(new CustomEvent("selected", { detail: t.value, bubbles: !0 }))), S && S(l);
     }
     const G = d(() => {
       switch (t.variant) {
@@ -94,52 +93,54 @@ const T = { class: "flex w-full items-center" }, W = {
         default:
           return "py-3";
       }
-    }), V = d(() => t.tile ? "rounded-none" : t.rounded === !0 ? "rounded-md" : t.rounded === !1 ? "" : `rounded-${t.rounded}`), z = d(() => t.ripple ? "relative overflow-hidden" : ""), x = d(() => [
-      re,
-      G.value,
-      M.value,
-      V.value,
-      z.value,
-      t.bgItems,
-      t.textColor,
-      t.itemPosition,
-      {
-        "cursor-not-allowed opacity-50": t.disabled,
-        [`cursor-pointer ${t.hoverBg}`]: t.selectable && !t.disabled,
-        [t.activeClass]: C.value || I.value,
-        "px-4": !t.noGutters
-      },
-      t.itemClass,
-      O.class
-    ]);
+    }), V = d(() => t.tile ? "rounded-none" : t.rounded === !0 ? "rounded-md" : t.rounded === !1 ? "" : `rounded-${t.rounded}`), z = d(() => t.ripple ? "relative overflow-hidden" : ""), x = d(() => {
+      const l = O.class;
+      return [
+        ...Array.isArray(l) ? l : [l],
+        re,
+        G.value,
+        M.value,
+        V.value,
+        z.value,
+        t.bgItems,
+        t.textColor,
+        t.itemPosition,
+        {
+          "cursor-not-allowed opacity-50": t.disabled,
+          [`cursor-pointer ${t.hoverBg}`]: t.selectable && !t.disabled,
+          [t.activeClass]: C.value || I.value,
+          "px-4": !t.noGutters
+        }
+      ];
+    });
     return (l, S) => D.value ? (n(), u(J(Q), {
       key: 0,
       to: e.to,
       replace: e.replace,
       custom: !0
     }, {
-      default: B(({ href: i, navigate: m, isActive: b }) => [
+      default: A(({ href: i, navigate: m, isActive: g }) => [
         (n(), u(v(e.tag), j({
           ref_key: "liRef",
           ref: f,
           href: i,
           role: "option",
-          "aria-selected": C.value || I.value || b,
+          "aria-selected": C.value || I.value || g,
           "aria-disabled": e.disabled,
           tabindex: "-1",
           class: x.value,
-          onClick: (w) => g(w, m),
-          onKeydown: K(R((w) => g(w, m), ["prevent"]), ["enter"])
+          onClick: (w) => b(w, m),
+          onKeydown: K(R((w) => b(w, m), ["prevent"]), ["enter"])
         }, l.$attrs), {
-          default: B(() => [
+          default: A(() => [
             k("div", T, [
-              $.value || l.$slots.prepend ? (n(), a("div", W, [
+              B.value || l.$slots.prepend ? (n(), a("div", W, [
                 o(l.$slots, "prepend", {}, () => [
                   e.prependAvatar ? (n(), a("img", {
                     key: 0,
                     src: e.prependAvatar,
                     class: r(["rounded-full", e.prependClass])
-                  }, null, 10, X)) : y(e.prependIcon) ? (n(), u(v(e.prependIcon), {
+                  }, null, 10, X)) : p(e.prependIcon) ? (n(), u(v(e.prependIcon), {
                     key: 1,
                     class: r(e.prependClass)
                   }, null, 8, ["class"])) : typeof e.prependIcon == "string" ? (n(), u(L, {
@@ -165,14 +166,14 @@ const T = { class: "flex w-full items-center" }, W = {
                   ])
                 ])
               ]),
-              A.value ? (n(), a("div", Z, [
+              $.value ? (n(), a("div", Z, [
                 o(l.$slots, "append", {}, () => [
                   e.appendAvatar ? (n(), a("img", {
                     key: 0,
                     src: e.appendAvatar,
                     class: "w-8 h-8 rounded-full"
                   }, null, 8, _)) : s("", !0),
-                  y(e.appendIcon) ? (n(), u(v(e.appendIcon), {
+                  p(e.appendIcon) ? (n(), u(v(e.appendIcon), {
                     key: 1,
                     class: "w-5 h-5"
                   })) : e.appendIcon ? (n(), a("i", {
@@ -196,18 +197,18 @@ const T = { class: "flex w-full items-center" }, W = {
       "aria-disabled": e.disabled,
       tabindex: "-1",
       class: x.value,
-      onClick: g,
-      onKeydown: K(R(g, ["prevent"]), ["enter"])
+      onClick: b,
+      onKeydown: K(R(b, ["prevent"]), ["enter"])
     }, l.$attrs), {
-      default: B(() => [
+      default: A(() => [
         k("div", ee, [
-          $.value || l.$slots.prepend ? (n(), a("div", te, [
+          B.value || l.$slots.prepend ? (n(), a("div", te, [
             o(l.$slots, "prepend", {}, () => [
               e.prependAvatar ? (n(), a("img", {
                 key: 0,
                 src: e.prependAvatar,
                 class: r(["rounded-full", e.prependClass])
-              }, null, 10, le)) : y(e.prependIcon) ? (n(), u(v(e.prependIcon), {
+              }, null, 10, le)) : p(e.prependIcon) ? (n(), u(v(e.prependIcon), {
                 key: 1,
                 class: r(e.prependClass)
               }, null, 8, ["class"])) : typeof e.prependIcon == "string" ? (n(), u(L, {
@@ -233,14 +234,14 @@ const T = { class: "flex w-full items-center" }, W = {
               ])
             ])
           ]),
-          A.value ? (n(), a("div", ae, [
+          $.value ? (n(), a("div", ae, [
             o(l.$slots, "append", {}, () => [
               e.appendAvatar ? (n(), a("img", {
                 key: 0,
                 src: e.appendAvatar,
                 class: "w-8 h-8 rounded-full"
               }, null, 8, se)) : s("", !0),
-              y(e.appendIcon) ? (n(), u(v(e.appendIcon), {
+              p(e.appendIcon) ? (n(), u(v(e.appendIcon), {
                 key: 1,
                 class: "w-5 h-5"
               })) : e.appendIcon ? (n(), a("i", {

package/package.json

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