adverich-kun-ui 0.1.282 → 0.1.284

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

@@ -1,7 +1,7 @@
-import { defineComponent as x, watch as C, onMounted as f, onBeforeUnmount as S, onUnmounted as k, createBlock as u, openBlock as o, Teleport as P, createVNode as a, Transition as m, withCtx as n, createElementBlock as B, createCommentVNode as y, mergeProps as V, renderSlot as E } from "vue";
-import W from "./KunDialogOverlay.vue.js";
-import $ from "./KunDialogContent.vue.js";
-const D = "fixed inset-0 z-250 flex", T = /* @__PURE__ */ x({
+import { defineComponent as x, watch as C, onMounted as f, onBeforeUnmount as S, onUnmounted as k, createBlock as m, openBlock as a, Teleport as P, createVNode as o, Transition as u, withCtx as n, createElementBlock as B, createCommentVNode as h, mergeProps as V, renderSlot as E } from "vue";
+import H from "./KunDialogOverlay.vue.js";
+import W from "./KunDialogContent.vue.js";
+const $ = "fixed inset-0 z-250 flex", T = /* @__PURE__ */ x({
   __name: "KunDialog",
   props: {
     modelValue: Boolean,
@@ -24,6 +24,7 @@ const D = "fixed inset-0 z-250 flex", T = /* @__PURE__ */ x({
     },
     contentClass: { type: String, default: "" },
     bgColor: { type: String, default: "bg-slate-100 dark:bg-slate-900" },
+    minHeigh: { type: String, default: "h-fit" },
     height: { type: String, default: "h-fit" },
     maxHeigh: { type: String, default: "max-h-[100vh]" },
     minWidth: { type: String, default: "min-w-1/3" },
@@ -31,8 +32,8 @@ const D = "fixed inset-0 z-250 flex", T = /* @__PURE__ */ x({
     maxWidth: { type: String, default: "max-w-full" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: h }) {
-    const t = e, i = h, g = "justify-" + t.xPosition, p = "items-" + t.yPosition, w = t.yPosition === "top" ? "pt-15" : t.yPosition === "bottom" ? "pb-15" : "", b = [D, t.dialogClass, g, p, w], s = () => {
+  setup(e, { emit: y }) {
+    const t = e, i = y, g = "justify-" + t.xPosition, p = "items-" + t.yPosition, w = t.yPosition === "top" ? "pt-15" : t.yPosition === "bottom" ? "pb-15" : "", b = [$, t.dialogClass, g, p, w], s = () => {
       t.persistent || i("update:modelValue", !1);
     }, v = () => {
       s();
@@ -55,22 +56,22 @@ const D = "fixed inset-0 z-250 flex", T = /* @__PURE__ */ x({
       window.addEventListener("keydown", c);
     }), k(() => {
       window.removeEventListener("keydown", c);
-    }), (l, H) => (o(), u(P, { to: "body" }, [
-      a(m, {
+    }), (l, D) => (a(), m(P, { to: "body" }, [
+      o(u, {
         name: "fade",
         appear: ""
       }, {
         default: n(() => [
-          e.modelValue ? (o(), B("div", V({
+          e.modelValue ? (a(), B("div", V({
             key: 0,
             class: b
           }, l.$attrs), [
-            e.overlay ? (o(), u(W, {
+            e.overlay ? (a(), m(H, {
               key: 0,
               persistent: e.persistent,
               onClick: v
-            }, null, 8, ["persistent"])) : y("", !0),
-            a(m, {
+            }, null, 8, ["persistent"])) : h("", !0),
+            o(u, {
               name: "scale",
               "enter-active-class": "transition transform ease-out duration-300",
               "enter-from-class": "opacity-0 scale-95",
@@ -80,12 +81,13 @@ const D = "fixed inset-0 z-250 flex", T = /* @__PURE__ */ x({
               "leave-to-class": "opacity-0 scale-95"
             }, {
               default: n(() => [
-                a($, {
+                o(W, {
                   fullscreen: e.fullscreen,
                   scrollable: e.scrollable,
                   "min-width": e.minWidth,
                   width: e.width,
                   "max-width": e.maxWidth,
+                  "min-height": e.minHeigh,
                   height: e.height,
                   "max-height": e.maxHeigh,
                   "bg-color": e.bgColor,
@@ -96,11 +98,11 @@ const D = "fixed inset-0 z-250 flex", T = /* @__PURE__ */ x({
                     E(l.$slots, "default")
                   ]),
                   _: 3
-                }, 8, ["fullscreen", "scrollable", "min-width", "width", "max-width", "height", "max-height", "bg-color", "content-class"])
+                }, 8, ["fullscreen", "scrollable", "min-width", "width", "max-width", "min-height", "height", "max-height", "bg-color", "content-class"])
               ]),
               _: 3
             })
-          ], 16)) : y("", !0)
+          ], 16)) : h("", !0)
         ]),
         _: 3
       })

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

@@ -1,4 +1,4 @@
-import { useAttrs as q, computed as i, ref as H, inject as R, onMounted as J, onBeforeUnmount as Q, createBlock as u, openBlock as n, unref as T, withCtx as B, resolveDynamicComponent as v, mergeProps as h, withKeys as L, withModifiers as N, createElementVNode as C, createElementBlock as a, createCommentVNode as s, renderSlot as c, normalizeClass as r, toDisplayString as I } from "vue";
+import { useAttrs as q, computed as r, ref as H, inject as R, onMounted as J, onBeforeUnmount as Q, createBlock as u, openBlock as a, unref as T, withCtx as B, resolveDynamicComponent as v, mergeProps as h, withKeys as L, withModifiers as N, createElementVNode as C, createElementBlock as n, createCommentVNode as s, renderSlot as c, normalizeClass as i, toDisplayString as I } from "vue";
 import P from "../../../KunIcon/src/components/KunIcon.vue.js";
 import { RouterLink as W } from "vue-router";
 const X = { class: "flex w-full items-center" }, Y = {
@@ -10,10 +10,10 @@ const X = { class: "flex w-full items-center" }, Y = {
 }, ee = ["src"], te = { class: "flex w-full items-center" }, le = {
   key: 0,
   class: "shrink-0 flex items-center gap-2 me-2"
-}, ne = ["src"], ae = {
+}, ae = ["src"], ne = {
   key: 1,
   class: "shrink-0 flex items-center gap-2 ms-3"
-}, se = ["src"], ie = "w-full flex transition duration-150 ease-in-out", oe = {
+}, se = ["src"], re = "w-full flex transition duration-150 ease-in-out", oe = {
   __name: "KunListItem",
   props: {
     value: [String, Number, Boolean, Object, Array, null],
@@ -50,7 +50,7 @@ const X = { class: "flex w-full items-center" }, Y = {
   },
   emits: ["click"],
   setup(e, { emit: D }) {
-    const $ = q(), x = i(() => $.class), j = i(() => {
+    const $ = q(), x = r(() => $.class), j = r(() => {
       const { class: l, ...m } = $;
       return m;
     }), t = e, G = D, f = H(null), y = R("registerListItemRef", null), o = R("kunListContext", null);
@@ -59,10 +59,10 @@ const X = { class: "flex w-full items-center" }, Y = {
     }), Q(() => {
       y && y(null);
     });
-    const g = (l) => typeof l == "object" || typeof l == "function", E = i(() => !!(t.prependIcon || t.prependAvatar)), K = i(() => !!(t.appendIcon || t.appendAvatar)), S = i(() => {
+    const g = (l) => typeof l == "object" || typeof l == "function", E = r(() => !!(t.prependIcon || t.prependAvatar)), K = r(() => !!(t.appendIcon || t.appendAvatar)), S = r(() => {
       var l;
       return ((l = o == null ? void 0 : o.isSelected) == null ? void 0 : l.call(o, t.value)) ?? !1;
-    }), w = i(() => t.active), M = i(() => !!t.to);
+    }), w = r(() => t.active), M = r(() => !!t.to);
     function b(l, m = null) {
       var p, k;
       if (t.disabled) return;
@@ -70,8 +70,22 @@ const X = { class: "flex w-full items-center" }, Y = {
       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 })), o && t.selectable && t.value !== null && ((k = o.toggleItem) == null || k.call(o, t.value), d != null && d.dispatchEvent && d.dispatchEvent(new CustomEvent("selected", { detail: t.value, bubbles: !0 }))), m && m(l);
     }
-    const V = i(() => {
-    }), z = i(() => {
+    const V = r(() => {
+      switch (t.variant) {
+        case "outlined":
+          return "border border-gray-300 dark:border-gray-700";
+        case "elevated":
+          return "shadow-md";
+        case "tonal":
+          return "bg-gray-100 dark:bg-gray-800";
+        case "flat":
+          return "bg-transparent";
+        case "plain":
+          return "";
+        default:
+          return "";
+      }
+    }), z = r(() => {
       switch (t.density) {
         case "comfortable":
           return "py-2";
@@ -80,8 +94,8 @@ const X = { class: "flex w-full items-center" }, Y = {
         default:
           return "py-3";
       }
-    }), F = i(() => t.tile ? "rounded-none" : t.rounded === !0 ? "rounded-md" : t.rounded === !1 ? "" : `rounded-${t.rounded}`), U = i(() => t.ripple ? "relative overflow-hidden" : ""), O = i(() => [
-      ie,
+    }), F = r(() => t.tile ? "rounded-none" : t.rounded === !0 ? "rounded-md" : t.rounded === !1 ? "" : `rounded-${t.rounded}`), U = r(() => t.ripple ? "relative overflow-hidden" : ""), O = r(() => [
+      re,
       V.value,
       z.value,
       F.value,
@@ -97,14 +111,14 @@ const X = { class: "flex w-full items-center" }, Y = {
       },
       t.containerClass
     ]);
-    return (l, m) => M.value ? (n(), u(T(W), {
+    return (l, m) => M.value ? (a(), u(T(W), {
       key: 0,
       to: e.to,
       replace: e.replace,
       custom: !0
     }, {
       default: B(({ href: d, navigate: p, isActive: k }) => [
-        (n(), u(v(e.tag), h({
+        (a(), u(v(e.tag), h({
           ref_key: "liRef",
           ref: f,
           href: d,
@@ -113,25 +127,24 @@ const X = { class: "flex w-full items-center" }, Y = {
           "aria-disabled": e.disabled,
           tabindex: "-1",
           class: O.value,
-          1: "",
           onClick: (A) => b(A, p),
           onKeydown: L(N((A) => b(A, p), ["prevent"]), ["enter"])
         }, l.$attrs), {
           default: B(() => [
             C("div", X, [
-              E.value || l.$slots.prepend ? (n(), a("div", Y, [
+              E.value || l.$slots.prepend ? (a(), n("div", Y, [
                 c(l.$slots, "prepend", {}, () => [
-                  e.prependAvatar ? (n(), a("img", {
+                  e.prependAvatar ? (a(), n("img", {
                     key: 0,
                     src: e.prependAvatar,
-                    class: r(["rounded-full", e.prependClass])
-                  }, null, 10, Z)) : g(e.prependIcon) ? (n(), u(v(e.prependIcon), {
+                    class: i(["rounded-full", e.prependClass])
+                  }, null, 10, Z)) : g(e.prependIcon) ? (a(), u(v(e.prependIcon), {
                     key: 1,
-                    class: r(e.prependClass)
-                  }, null, 8, ["class"])) : typeof e.prependIcon == "string" ? (n(), u(P, {
+                    class: i(e.prependClass)
+                  }, null, 8, ["class"])) : typeof e.prependIcon == "string" ? (a(), u(P, {
                     key: 2,
                     icon: e.prependIcon,
-                    class: r(e.prependClass)
+                    class: i(e.prependClass)
                   }, null, 8, ["icon", "class"])) : s("", !0)
                 ])
               ])) : s("", !0),
@@ -140,32 +153,32 @@ const X = { class: "flex w-full items-center" }, Y = {
               }, j.value), [
                 c(l.$slots, "default", {}, () => [
                   c(l.$slots, "title", {}, () => [
-                    e.title ? (n(), a("div", {
+                    e.title ? (a(), n("div", {
                       key: 0,
-                      class: r(["truncate", e.titleClass])
+                      class: i(["truncate", e.titleClass])
                     }, I(e.title), 3)) : s("", !0)
                   ]),
                   c(l.$slots, "subtitle", {}, () => [
-                    e.subtitle ? (n(), a("div", {
+                    e.subtitle ? (a(), n("div", {
                       key: 0,
-                      class: r(["truncate", e.subtitleClass])
+                      class: i(["truncate", e.subtitleClass])
                     }, I(e.subtitle), 3)) : s("", !0)
                   ])
                 ])
               ], 16),
-              K.value ? (n(), a("div", _, [
+              K.value ? (a(), n("div", _, [
                 c(l.$slots, "append", {}, () => [
-                  e.appendAvatar ? (n(), a("img", {
+                  e.appendAvatar ? (a(), n("img", {
                     key: 0,
                     src: e.appendAvatar,
                     class: "w-8 h-8 rounded-full"
                   }, null, 8, ee)) : s("", !0),
-                  g(e.appendIcon) ? (n(), u(v(e.appendIcon), {
+                  g(e.appendIcon) ? (a(), u(v(e.appendIcon), {
                     key: 1,
                     class: "w-5 h-5"
-                  })) : e.appendIcon ? (n(), a("i", {
+                  })) : e.appendIcon ? (a(), n("i", {
                     key: 2,
-                    class: r([e.appendClass, "text-xl leading-none"])
+                    class: i([e.appendClass, "text-xl leading-none"])
                   }, null, 2)) : s("", !0)
                 ])
               ])) : s("", !0)
@@ -175,7 +188,7 @@ const X = { class: "flex w-full items-center" }, Y = {
         }, 1040, ["href", "aria-selected", "aria-disabled", "class", "onClick", "onKeydown"]))
       ]),
       _: 3
-    }, 8, ["to", "replace"])) : (n(), u(v(e.tag), h({
+    }, 8, ["to", "replace"])) : (a(), u(v(e.tag), h({
       key: 1,
       ref_key: "liRef",
       ref: f,
@@ -189,19 +202,19 @@ const X = { class: "flex w-full items-center" }, Y = {
     }, l.$attrs), {
       default: B(() => [
         C("div", te, [
-          E.value || l.$slots.prepend ? (n(), a("div", le, [
+          E.value || l.$slots.prepend ? (a(), n("div", le, [
             c(l.$slots, "prepend", {}, () => [
-              e.prependAvatar ? (n(), a("img", {
+              e.prependAvatar ? (a(), n("img", {
                 key: 0,
                 src: e.prependAvatar,
-                class: r(["rounded-full", e.prependClass])
-              }, null, 10, ne)) : g(e.prependIcon) ? (n(), u(v(e.prependIcon), {
+                class: i(["rounded-full", e.prependClass])
+              }, null, 10, ae)) : g(e.prependIcon) ? (a(), u(v(e.prependIcon), {
                 key: 1,
-                class: r(e.prependClass)
-              }, null, 8, ["class"])) : typeof e.prependIcon == "string" ? (n(), u(P, {
+                class: i(e.prependClass)
+              }, null, 8, ["class"])) : typeof e.prependIcon == "string" ? (a(), u(P, {
                 key: 2,
                 icon: e.prependIcon,
-                class: r(e.prependClass)
+                class: i(e.prependClass)
               }, null, 8, ["icon", "class"])) : s("", !0)
             ])
           ])) : s("", !0),
@@ -210,32 +223,32 @@ const X = { class: "flex w-full items-center" }, Y = {
           }, j.value), [
             c(l.$slots, "default", {}, () => [
               c(l.$slots, "title", {}, () => [
-                e.title ? (n(), a("div", {
+                e.title ? (a(), n("div", {
                   key: 0,
-                  class: r(["truncate", e.titleClass])
+                  class: i(["truncate", e.titleClass])
                 }, I(e.title), 3)) : s("", !0)
               ]),
               c(l.$slots, "subtitle", {}, () => [
-                e.subtitle ? (n(), a("div", {
+                e.subtitle ? (a(), n("div", {
                   key: 0,
-                  class: r(["truncate", e.subtitleClass])
+                  class: i(["truncate", e.subtitleClass])
                 }, I(e.subtitle), 3)) : s("", !0)
               ])
             ])
           ], 16),
-          K.value ? (n(), a("div", ae, [
+          K.value ? (a(), n("div", ne, [
             c(l.$slots, "append", {}, () => [
-              e.appendAvatar ? (n(), a("img", {
+              e.appendAvatar ? (a(), n("img", {
                 key: 0,
                 src: e.appendAvatar,
                 class: "w-8 h-8 rounded-full"
               }, null, 8, se)) : s("", !0),
-              g(e.appendIcon) ? (n(), u(v(e.appendIcon), {
+              g(e.appendIcon) ? (a(), u(v(e.appendIcon), {
                 key: 1,
                 class: "w-5 h-5"
-              })) : e.appendIcon ? (n(), a("i", {
+              })) : e.appendIcon ? (a(), n("i", {
                 key: 2,
-                class: r([e.appendIcon, "text-xl leading-none"])
+                class: i([e.appendIcon, "text-xl leading-none"])
               }, null, 2)) : s("", !0)
             ])
           ])) : s("", !0)

package/package.json

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