adverich-kun-ui 0.1.269 → 0.1.271

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

@@ -11,14 +11,8 @@ const R = {
       default: "single",
       validator: (o) => ["single", "multiple"].includes(o)
     },
-    bgList: {
-      type: String,
-      default: "bg-transparent"
-    },
-    borderColor: {
-      type: String,
-      default: "border-gray-300 dark:border-gray-700"
-    }
+    bgList: { type: String, default: "bg-transparent" },
+    borderColor: { type: String, default: "border-gray-300 dark:border-gray-700" }
   }, {
     selected: {
       type: [Array, String, Number, Object, null],

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

@@ -1,19 +1,19 @@
-import { ref as z, inject as E, onMounted as F, onBeforeUnmount as U, computed as d, createBlock as u, openBlock as n, unref as q, 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 H } from "vue-router";
-const J = { class: "flex w-full items-center" }, Q = {
+import { RouterLink as Q } from "vue-router";
+const T = { class: "flex w-full items-center" }, W = {
   key: 0,
   class: "shrink-0 flex items-center gap-2 me-2"
-}, T = ["src"], W = { class: "flex flex-col min-w-0 flex-1" }, X = {
+}, X = ["src"], Y = { class: "flex flex-col min-w-0 flex-1" }, Z = {
   key: 1,
   class: "shrink-0 flex items-center gap-2 ms-3"
-}, Y = ["src"], Z = { class: "flex w-full items-center" }, _ = {
+}, _ = ["src"], ee = { class: "flex w-full items-center" }, te = {
   key: 0,
   class: "shrink-0 flex items-center gap-2 me-2"
-}, ee = ["src"], te = { class: "flex flex-col min-w-0 flex-1" }, le = {
+}, le = ["src"], ne = { class: "flex flex-col min-w-0 flex-1" }, ae = {
   key: 1,
   class: "shrink-0 flex items-center gap-2 ms-3"
-}, ne = ["src"], ae = "w-full flex transition duration-150 ease-in-out", de = {
+}, se = ["src"], re = "w-full flex transition duration-150 ease-in-out", ce = {
   __name: "KunListItem",
   props: {
     value: [String, Number, Boolean, Object, Array, null],
@@ -39,7 +39,6 @@ const J = { class: "flex w-full items-center" }, Q = {
     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,24 +52,24 @@ const J = { class: "flex w-full items-center" }, Q = {
   },
   emits: ["click"],
   setup(e, { emit: N }) {
-    const t = e, O = N, f = z(null), p = E("registerListItemRef", null), c = E("kunListContext", null);
-    F(() => {
-      p && f.value && p(f.value);
-    }), U(() => {
-      p && p(null);
+    const O = F(), t = e, P = N, f = U(null), y = E("registerListItemRef", null), c = E("kunListContext", null);
+    q(() => {
+      y && f.value && y(f.value);
+    }), H(() => {
+      y && y(null);
     });
-    const y = (l) => typeof l == "object" || typeof l == "function", $ = d(() => !!(t.prependIcon || t.prependAvatar)), x = 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), P = d(() => !!t.to);
-    function g(l, S = null) {
-      var m, b;
+    }), I = d(() => t.active), D = d(() => !!t.to);
+    function b(l, S = null) {
+      var m, g;
       if (t.disabled) return;
-      O("click", l);
+      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 D = d(() => {
+    const G = d(() => {
       switch (t.variant) {
         case "outlined":
           return "border border-gray-300 dark:border-gray-700";
@@ -85,7 +84,7 @@ const J = { class: "flex w-full items-center" }, Q = {
         default:
           return "";
       }
-    }), G = d(() => {
+    }), M = d(() => {
       switch (t.density) {
         case "comfortable":
           return "py-2";
@@ -94,51 +93,54 @@ const J = { class: "flex w-full items-center" }, Q = {
         default:
           return "py-3";
       }
-    }), M = d(() => t.tile ? "rounded-none" : t.rounded === !0 ? "rounded-md" : t.rounded === !1 ? "" : `rounded-${t.rounded}`), V = d(() => t.ripple ? "relative overflow-hidden" : ""), A = d(() => [
-      ae,
-      D.value,
-      G.value,
-      M.value,
-      V.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
-    ]);
-    return (l, S) => P.value ? (n(), u(q(H), {
+    }), 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 [
+        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
+        },
+        ...Array.isArray(l) ? l : [l]
+      ];
+    });
+    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: A.value,
-          onClick: (w) => g(w, m),
-          onKeydown: K(R((w) => g(w, m), ["prevent"]), ["enter"])
+          class: x.value,
+          onClick: (w) => b(w, m),
+          onKeydown: K(R((w) => b(w, m), ["prevent"]), ["enter"])
         }, l.$attrs), {
-          default: B(() => [
-            k("div", J, [
-              $.value || l.$slots.prepend ? (n(), a("div", Q, [
+          default: A(() => [
+            k("div", T, [
+              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, T)) : 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, {
@@ -148,7 +150,7 @@ const J = { class: "flex w-full items-center" }, Q = {
                   }, null, 8, ["icon", "class"])) : s("", !0)
                 ])
               ])) : s("", !0),
-              k("div", W, [
+              k("div", Y, [
                 o(l.$slots, "default", {}, () => [
                   o(l.$slots, "title", {}, () => [
                     e.title ? (n(), a("div", {
@@ -164,14 +166,14 @@ const J = { class: "flex w-full items-center" }, Q = {
                   ])
                 ])
               ]),
-              x.value ? (n(), a("div", X, [
+              $.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, Y)) : s("", !0),
-                  y(e.appendIcon) ? (n(), u(v(e.appendIcon), {
+                  }, null, 8, _)) : s("", !0),
+                  p(e.appendIcon) ? (n(), u(v(e.appendIcon), {
                     key: 1,
                     class: "w-5 h-5"
                   })) : e.appendIcon ? (n(), a("i", {
@@ -194,19 +196,19 @@ const J = { class: "flex w-full items-center" }, Q = {
       "aria-selected": C.value || I.value,
       "aria-disabled": e.disabled,
       tabindex: "-1",
-      class: A.value,
-      onClick: g,
-      onKeydown: K(R(g, ["prevent"]), ["enter"])
+      class: x.value,
+      onClick: b,
+      onKeydown: K(R(b, ["prevent"]), ["enter"])
     }, l.$attrs), {
-      default: B(() => [
-        k("div", Z, [
-          $.value || l.$slots.prepend ? (n(), a("div", _, [
+      default: A(() => [
+        k("div", ee, [
+          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, ee)) : 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, {
@@ -216,7 +218,7 @@ const J = { class: "flex w-full items-center" }, Q = {
               }, null, 8, ["icon", "class"])) : s("", !0)
             ])
           ])) : s("", !0),
-          k("div", te, [
+          k("div", ne, [
             o(l.$slots, "default", {}, () => [
               o(l.$slots, "title", {}, () => [
                 e.title ? (n(), a("div", {
@@ -232,14 +234,14 @@ const J = { class: "flex w-full items-center" }, Q = {
               ])
             ])
           ]),
-          x.value ? (n(), a("div", le, [
+          $.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, ne)) : s("", !0),
-              y(e.appendIcon) ? (n(), u(v(e.appendIcon), {
+              }, null, 8, se)) : s("", !0),
+              p(e.appendIcon) ? (n(), u(v(e.appendIcon), {
                 key: 1,
                 class: "w-5 h-5"
               })) : e.appendIcon ? (n(), a("i", {
@@ -255,5 +257,5 @@ const J = { class: "flex w-full items-center" }, Q = {
   }
 };
 export {
-  de as default
+  ce as default
 };

package/package.json

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