adverich-kun-ui 0.1.118 → 0.1.119

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

@@ -1,13 +1,13 @@
-import { computed as u, createElementBlock as i, createCommentVNode as n, openBlock as a, mergeProps as h, withKeys as w, withModifiers as z, createElementVNode as f, normalizeClass as r, createVNode as m, toDisplayString as c, createBlock as g, withCtx as y, createTextVNode as d } from "vue";
-import x from "../../../KunIcon/src/components/KunIcon.vue.js";
-import b from "../../../KunBtn/src/components/KunBtn.vue.js";
-const B = {
+import { onMounted as h, computed as m, createElementBlock as i, createCommentVNode as n, openBlock as a, mergeProps as w, withKeys as z, withModifiers as B, createElementVNode as u, normalizeClass as r, createVNode as g, toDisplayString as c, createBlock as y, withCtx as x, createTextVNode as f } from "vue";
+import b from "../../../KunIcon/src/components/KunIcon.vue.js";
+import C from "../../../KunBtn/src/components/KunBtn.vue.js";
+const V = {
   key: 0,
   class: "flex justify-center py-4"
-}, V = {
+}, N = {
   key: 2,
   class: "flex gap-4 mt-4"
-}, I = {
+}, K = {
   __name: "KunAlert",
   props: {
     modelValue: Boolean,
@@ -80,30 +80,20 @@ const B = {
       type: String,
       default: "p-2"
     },
-    margin: {
-      type: String,
-      default: "m-2"
-    },
-    fullscreen: {
-      type: Boolean,
-      default: !1
-    },
-    persistent: {
-      type: Boolean,
-      default: !1
-    },
-    persistentLabel: {
-      type: String,
-      default: "Aceptar"
-    },
-    actionLabel: {
-      type: String,
-      default: ""
-    }
+    margin: { type: String, default: "m-2" },
+    fullscreen: { type: Boolean, default: !1 },
+    persistent: { type: Boolean, default: !1 },
+    persistentLabel: { type: String, default: "Aceptar" },
+    actionLabel: { type: String, default: "" },
+    timeout: { type: Number, default: 2500 }
   },
   emits: ["update:modelValue", "action"],
-  setup(e, { emit: C }) {
-    const l = e, S = C, $ = u(() => {
+  setup(e, { emit: S }) {
+    const l = e, d = S;
+    h(() => setTimeout(() => {
+      d("update:modelValue", !1);
+    }, l.timeout));
+    const p = m(() => {
       if (l.fullscreen) return `fixed inset-0 flex items-center justify-center ${l.margin}`;
       const t = l.margin;
       switch (l.position) {
@@ -128,35 +118,35 @@ const B = {
         default:
           return `fixed top-0 left-1/2 transform -translate-x-1/2 ${t}`;
       }
-    }), p = u(() => `${l.fullscreen ? "w-full h-full" : "w-fit"} ${l.transition}`), s = () => {
-      S("update:modelValue", !1);
+    }), $ = m(() => `${l.fullscreen ? "w-full h-full" : "w-fit"} ${l.transition}`), s = () => {
+      d("update:modelValue", !1);
     }, k = () => {
       !l.persistent && !l.fullscreen && s();
     }, v = (t) => {
       !l.persistent && l.fullscreen && s();
     };
-    return (t, o) => e.modelValue ? (a(), i("div", h({
+    return (t, o) => e.modelValue ? (a(), i("div", w({
       key: 0,
-      class: [p.value, $.value],
+      class: ["px-2", [$.value, p.value]],
       style: { zIndex: e.zIndex },
-      onClick: z(k, ["self"]),
-      onKeydown: w(v, ["esc"]),
+      onClick: B(k, ["self"]),
+      onKeydown: z(v, ["esc"]),
       tabindex: "0"
     }, t.$attrs), [
-      f("div", {
+      u("div", {
         class: r([e.alertClass, e.textColor, e.bgColor, e.borderColor])
       }, [
-        e.icon ? (a(), i("div", B, [
-          f("div", {
+        e.icon ? (a(), i("div", V, [
+          u("div", {
             class: r(["rounded-full p-4", e.iconBgColor])
           }, [
-            m(x, {
+            g(b, {
               icon: e.icon,
               size: e.iconSize
             }, null, 8, ["icon", "size"])
           ], 2)
         ])) : n("", !0),
-        f("div", {
+        u("div", {
           class: r(["text-center flex flex-col justify-center items-center", e.paddingContainer])
         }, [
           e.title ? (a(), i("div", {
@@ -167,37 +157,37 @@ const B = {
             key: 1,
             class: r(e.messageClass)
           }, c(e.message), 3)) : n("", !0),
-          e.persistent ? (a(), i("div", V, [
-            e.actionLabel ? (a(), g(b, {
+          e.persistent ? (a(), i("div", N, [
+            e.actionLabel ? (a(), y(C, {
               key: 0,
               onClick: o[0] || (o[0] = (L) => t.$emit("action"))
             }, {
-              default: y(() => [
-                d(c(e.actionLabel), 1)
+              default: x(() => [
+                f(c(e.actionLabel), 1)
               ]),
               _: 1
             })) : n("", !0),
-            e.closable ? n("", !0) : (a(), g(b, {
+            e.closable ? n("", !0) : (a(), y(C, {
               key: 1,
               onClick: s
             }, {
-              default: y(() => [
-                d(c(e.persistentLabel), 1)
+              default: x(() => [
+                f(c(e.persistentLabel), 1)
               ]),
               _: 1
             }))
           ])) : n("", !0),
           e.closable ? (a(), i("button", {
             key: 3,
-            class: "absolute top-0 right-1 text-xl focus:outline-none cursor-pointer",
+            class: "absolute top-0 right-1 px-1 text-xl focus:outline-none cursor-pointer",
             onClick: s
           }, [
-            m(x, {
+            g(b, {
               icon: "hand",
               size: "text-base",
               class: "mr-1"
             }),
-            o[1] || (o[1] = d(" × "))
+            o[1] || (o[1] = f(" × "))
           ])) : n("", !0)
         ], 2)
       ], 2)
@@ -205,5 +195,5 @@ const B = {
   }
 };
 export {
-  I as default
+  K as default
 };

package/package.json

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