@volverjs/ui-vue 0.0.13-beta.5 → 0.0.13-beta.7

package/dist/components/VvAlert/VvAlert.es.js

@@ -1,6 +1,6 @@
-import { inject as N, computed as s, useId as z, unref as v, watch as q, ref as F, defineComponent as O, mergeDefaults as G, toRefs as J, createBlock as P, createCommentVNode as $, openBlock as b, mergeProps as B, createElementBlock as p, normalizeProps as V, guardReactiveProps as L, renderSlot as g, createTextVNode as C, toDisplayString as w, withModifiers as K, createElementVNode as U } from "vue";
+import { inject as N, computed as l, useId as z, unref as v, watch as q, ref as F, defineComponent as O, mergeDefaults as G, toRefs as J, createBlock as B, createCommentVNode as p, openBlock as b, mergeProps as M, createElementBlock as y, normalizeProps as V, guardReactiveProps as L, renderSlot as g, createTextVNode as C, toDisplayString as w, withModifiers as K, createElementVNode as U } from "vue";
 import { iconLoaded as S, Icon as Y, addIcon as H } from "@iconify/vue";
-var M = /* @__PURE__ */ ((e) => (e.local = "local", e.session = "session", e))(M || {}), y = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(y || {}), I = /* @__PURE__ */ ((e) => (e.before = "before", e.after = "after", e))(I || {}), T = /* @__PURE__ */ ((e) => (e.button = "button", e.submit = "submit", e.reset = "reset", e))(T || {}), D = /* @__PURE__ */ ((e) => (e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e))(D || {}), A = /* @__PURE__ */ ((e) => (e.alert = "alert", e.alertdialog = "alertdialog", e))(A || {});
+var P = /* @__PURE__ */ ((e) => (e.local = "local", e.session = "session", e))(P || {}), $ = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))($ || {}), I = /* @__PURE__ */ ((e) => (e.before = "before", e.after = "after", e))(I || {}), T = /* @__PURE__ */ ((e) => (e.button = "button", e.submit = "submit", e.reset = "reset", e))(T || {}), D = /* @__PURE__ */ ((e) => (e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e))(D || {}), A = /* @__PURE__ */ ((e) => (e.alert = "alert", e.alertdialog = "alertdialog", e))(A || {});
 const Q = /* @__PURE__ */ Symbol.for("volver"), W = /* @__PURE__ */ Symbol.for(
   "alertGroup"
 ), X = {
@@ -30,41 +30,41 @@ const Q = /* @__PURE__ */ Symbol.for("volver"), W = /* @__PURE__ */ Symbol.for(
    */
   id: [String, Number]
 };
-y.bottom;
+$.bottom;
 T.button, D.button;
-M.local;
+P.local;
 function x() {
   return N(W, {});
 }
 function ee(e) {
-  return s(() => String(e?.value || z()));
+  return l(() => String(e?.value || z()));
 }
 function te(e, o) {
-  const n = s(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), a = s(
+  const n = l(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), a = l(
     () => o?.value === I.before ? n.value : void 0
-  ), i = s(
+  ), i = l(
     () => o?.value === I.after ? n.value : void 0
-  ), r = s(
-    () => o?.value === y.left ? n.value : void 0
-  ), d = s(
-    () => o?.value === y.right ? n.value : void 0
-  ), u = s(
-    () => o?.value === y.top ? n.value : void 0
-  ), f = s(
-    () => o?.value === y.bottom ? n.value : void 0
+  ), r = l(
+    () => o?.value === $.left ? n.value : void 0
+  ), m = l(
+    () => o?.value === $.right ? n.value : void 0
+  ), u = l(
+    () => o?.value === $.top ? n.value : void 0
+  ), d = l(
+    () => o?.value === $.bottom ? n.value : void 0
   );
   return {
     hasIcon: n,
     hasIconLeft: r,
-    hasIconRight: d,
+    hasIconRight: m,
     hasIconTop: u,
-    hasIconBottom: f,
+    hasIconBottom: d,
     hasIconBefore: a,
     hasIconAfter: i
   };
 }
 function R(e, o, n) {
-  return s(() => {
+  return l(() => {
     const a = {
       [e]: !0
     }, i = typeof o?.value == "string" ? o.value.split(" ") : o?.value;
@@ -152,17 +152,17 @@ const oe = {
     default: A.alert
   }
 }, re = ["close"];
-function se(e, o) {
-  const { bus: n } = x(), a = ee(s(() => e.id)), i = s(() => `${a.value}-title`);
+function le(e, o) {
+  const { bus: n } = x(), a = ee(l(() => e.id)), i = l(() => `${a.value}-title`);
   let r;
-  const d = () => {
+  const m = () => {
     r && clearTimeout(r), o("close", a.value), n?.emit("close", a.value);
   };
   q(
     () => e.autoClose,
-    (h) => {
-      if (h > 0) {
-        r = setTimeout(d, h);
+    (f) => {
+      if (f > 0) {
+        r = setTimeout(m, f);
         return;
       }
       r && clearTimeout(r);
@@ -171,36 +171,36 @@ function se(e, o) {
       immediate: !0
     }
   );
-  const u = F(!1), f = () => {
+  const u = F(!1), d = () => {
     u.value = !0, r && clearTimeout(r);
   }, t = () => {
-    u.value = !1, e.autoClose > 0 && (r = setTimeout(d, e.autoClose));
-  }, { hasIcon: m } = te(s(() => e.icon)), l = R(
+    u.value = !1, e.autoClose > 0 && (r = setTimeout(m, e.autoClose));
+  }, { hasIcon: h } = te(l(() => e.icon)), s = R(
     "vv-alert",
-    s(() => e.modifiers),
-    s(() => ({
+    l(() => e.modifiers),
+    l(() => ({
       dismissable: e.autoClose > 0 || e.dismissable,
       "auto-close": e.autoClose > 0,
       hover: u.value
     }))
-  ), c = s(() => ({
+  ), c = l(() => ({
     "--alert-duration": `${e.autoClose}ms`
   }));
   return {
-    close: d,
-    hasIcon: m,
+    close: m,
+    hasIcon: h,
     hasTitleId: i,
-    hasProps: s(() => ({
-      onMouseover: f,
+    hasProps: l(() => ({
+      onMouseover: d,
       onMouseleave: t,
-      class: l.value,
+      class: s.value,
       style: c.value,
       role: e.role,
       "aria-labelledby": i.value
     }))
   };
 }
-function le() {
+function se() {
   return N(Q, void 0);
 }
 const ne = {
@@ -226,42 +226,45 @@ const ne = {
     modifiers: {}
   }, X),
   setup(e) {
-    const o = e, n = s(() => typeof o.rotate == "string" ? Number.parseFloat(o.rotate) : o.rotate), a = F(!0), i = le(), { modifiers: r } = J(o), d = R("vv-icon", r), u = s(() => o.provider || i?.iconsProvider), f = s(() => {
-      const l = o.name ?? "", c = `@${u.value}:${o.prefix}:${l}`;
+    const o = e, n = l(() => typeof o.rotate == "string" ? Number.parseFloat(o.rotate) : o.rotate), a = F(!0), i = se(), { modifiers: r } = J(o), m = R("vv-icon", r), u = l(() => o.provider || i?.iconsProvider), d = l(() => {
+      const s = o.name ?? "", c = `@${u.value}:${o.prefix}:${s}`;
       if (S(c))
         return c;
-      const h = i?.iconsCollections.find(
+      const f = i?.iconsCollections.find(
         (k) => {
-          const E = `@${u.value}:${k.prefix}:${l}`;
+          const E = `@${u.value}:${k.prefix}:${s}`;
           return S(E);
         }
       );
-      return h ? `@${u.value}:${h.prefix}:${l}` : l;
+      return f ? `@${u.value}:${f.prefix}:${s}` : s;
     });
-    function t(l) {
+    function t(s) {
       let c;
-      if (typeof window > "u") {
-        const { JSDOM: j } = require("jsdom");
-        c = new j().window;
-      }
-      return (c ? new c.DOMParser() : new window.DOMParser()).parseFromString(l, "text/html").querySelector("svg");
+      if (typeof window > "u")
+        try {
+          const { JSDOM: j } = require("jsdom");
+          c = new j().window;
+        } catch {
+        }
+      const f = c ? new c.DOMParser() : typeof window < "u" ? new window.DOMParser() : null;
+      return f ? f.parseFromString(s, "text/html").querySelector("svg") : void 0;
     }
-    function m(l) {
-      const c = t(l), h = c?.innerHTML.trim() || "";
-      c && h && H(`@${u.value}:${o.prefix}:${o.name}`, {
-        body: h,
+    function h(s) {
+      const c = t(s), f = c?.innerHTML.trim() || "";
+      c && f && H(`@${u.value}:${o.prefix}:${o.name}`, {
+        body: f,
         // Set height and width from svg content
         height: c.viewBox.baseVal.height,
         width: c.viewBox.baseVal.width
       });
     }
-    return i && o.src && !S(`@${u.value}:${o.prefix}:${o.name}`) && (a.value = !1, i.fetchIcon(o.src).then((l) => {
-      l && (m(l), a.value = !0);
-    }).catch((l) => {
-      throw new Error(`Error during fetch icon: ${l?.message}`);
-    })), o.svg && m(o.svg), (l, c) => v(a) ? (b(), P(v(Y), B({
+    return i && o.src && !S(`@${u.value}:${o.prefix}:${o.name}`) && (a.value = !1, i.fetchIcon(o.src).then((s) => {
+      s && h(s), a.value = !0;
+    }).catch((s) => {
+      throw a.value = !0, new Error(`Error during fetch icon: ${s?.message}`);
+    })), o.svg && h(o.svg), (s, c) => v(a) ? (b(), B(v(Y), M({
       key: 0,
-      class: v(d)
+      class: v(m)
     }, {
       inline: e.inline,
       width: e.width,
@@ -271,8 +274,8 @@ const ne = {
       flip: e.flip,
       rotate: v(n),
       color: e.color,
-      icon: v(f)
-    }, { onLoad: e.onLoad }), null, 16, ["class", "onLoad"])) : $("v-if", !0);
+      icon: v(d)
+    }, { onLoad: e.onLoad }), null, 16, ["class", "onLoad"])) : p("v-if", !0);
   }
 }), ie = {
   key: 0,
@@ -290,27 +293,27 @@ const ne = {
   props: oe,
   emits: re,
   setup(e, { expose: o, emit: n }) {
-    const a = e, i = n, { hasProps: r, hasTitleId: d, hasIcon: u, close: f } = se(a, i);
+    const a = e, i = n, { hasProps: r, hasTitleId: m, hasIcon: u, close: d } = le(a, i);
     return o({
       /** Close the alert */
-      close: f
-    }), (t, m) => (b(), p(
+      close: d
+    }), (t, h) => (b(), y(
       "div",
       V(L(v(r))),
       [
-        t.$slots.header || t.$slots.title || t.$slots.close || t.$slots["title::before"] || t.$slots["title::after"] || t.title || v(u) || t.dismissable || t.autoClose ? (b(), p("div", ie, [
-          v(u) ? (b(), P(
+        t.$slots.header || t.$slots.title || t.$slots.close || t.$slots["title::before"] || t.$slots["title::after"] || t.title || v(u) || t.dismissable || t.autoClose ? (b(), y("div", ie, [
+          v(u) ? (b(), B(
             ae,
-            B({ key: 0 }, v(u), { class: "vv-alert__icon" }),
+            M({ key: 0 }, v(u), { class: "vv-alert__icon" }),
             null,
             16
             /* FULL_PROPS */
-          )) : $("v-if", !0),
+          )) : p("v-if", !0),
           g(t.$slots, "header", {}, () => [
             g(t.$slots, "title::before"),
-            t.$slots.title || t.title ? (b(), p("strong", {
+            t.$slots.title || t.title ? (b(), y("strong", {
               key: 0,
-              id: v(d),
+              id: v(m),
               class: "vv-alert__title"
             }, [
               g(t.$slots, "title", {}, () => [
@@ -320,21 +323,21 @@ const ne = {
                   /* TEXT */
                 )
               ])
-            ], 8, ue)) : $("v-if", !0),
+            ], 8, ue)) : p("v-if", !0),
             g(t.$slots, "title::after")
           ]),
-          g(t.$slots, "close", V(L({ close: v(f) })), () => [
-            t.dismissable || t.autoClose ? (b(), p("button", {
+          g(t.$slots, "close", V(L({ close: v(d) })), () => [
+            t.dismissable || t.autoClose ? (b(), y("button", {
               key: 0,
               class: "vv-alert__close",
               type: "button",
               "aria-label": t.closeLabel,
-              onClick: m[0] || (m[0] = K(
+              onClick: h[0] || (h[0] = K(
                 //@ts-ignore
-                (...l) => v(f) && v(f)(...l),
+                (...s) => v(d) && v(d)(...s),
                 ["stop"]
               ))
-            }, [...m[1] || (m[1] = [
+            }, [...h[1] || (h[1] = [
               U(
                 "div",
                 { class: "vv-alert__close-mask" },
@@ -342,10 +345,10 @@ const ne = {
                 -1
                 /* CACHED */
               )
-            ])], 8, ce)) : $("v-if", !0)
+            ])], 8, ce)) : p("v-if", !0)
           ])
-        ])) : $("v-if", !0),
-        t.$slots.default || t.content ? (b(), p("div", ve, [
+        ])) : p("v-if", !0),
+        t.$slots.default || t.content ? (b(), y("div", ve, [
           g(t.$slots, "default", {}, () => [
             C(
               w(t.content),
@@ -353,8 +356,8 @@ const ne = {
               /* TEXT */
             )
           ])
-        ])) : $("v-if", !0),
-        t.$slots.footer || t.footer ? (b(), p("div", fe, [
+        ])) : p("v-if", !0),
+        t.$slots.footer || t.footer ? (b(), y("div", fe, [
           g(t.$slots, "footer", {}, () => [
             C(
               w(t.footer),
@@ -362,7 +365,7 @@ const ne = {
               /* TEXT */
             )
           ])
-        ])) : $("v-if", !0)
+        ])) : p("v-if", !0)
       ],
       16
       /* FULL_PROPS */

package/dist/components/VvAlert/VvAlert.umd.js

@@ -1 +1 @@
-(function(e,u){typeof exports=="object"&&typeof module<"u"?module.exports=u(require("vue"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue"],u):(e=typeof globalThis<"u"?globalThis:e||self,e.VvAlert=u(e.vue,e.vue$1))})(this,(function(e,u){"use strict";var y=(t=>(t.local="local",t.session="session",t))(y||{}),g=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(g||{}),b=(t=>(t.before="before",t.after="after",t))(b||{}),v=(t=>(t.button="button",t.submit="submit",t.reset="reset",t))(v||{}),$=(t=>(t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t))($||{}),C=(t=>(t.alert="alert",t.alertdialog="alertdialog",t))(C||{});const V=Symbol.for("volver"),B=Symbol.for("alertGroup"),w={prefix:"normal"},E={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:b.before,validation:t=>Object.values(b).includes(t)}},N={id:[String,Number]};g.bottom,v.button,$.button,y.local;function L(){return e.inject(B,{})}function P(t){return e.computed(()=>String(t?.value||e.useId()))}function T(t,r){const s=e.computed(()=>typeof t?.value=="string"?{name:t?.value}:t?.value),a=e.computed(()=>r?.value===b.before?s.value:void 0),i=e.computed(()=>r?.value===b.after?s.value:void 0),n=e.computed(()=>r?.value===g.left?s.value:void 0),m=e.computed(()=>r?.value===g.right?s.value:void 0),c=e.computed(()=>r?.value===g.top?s.value:void 0),f=e.computed(()=>r?.value===g.bottom?s.value:void 0);return{hasIcon:s,hasIconLeft:n,hasIconRight:m,hasIconTop:c,hasIconBottom:f,hasIconBefore:a,hasIconAfter:i}}function k(t,r,s){return e.computed(()=>{const a={[t]:!0},i=typeof r?.value=="string"?r.value.split(" "):r?.value;return i&&Array.isArray(i)&&i.forEach(n=>{n&&(a[`${t}--${n}`]=!0)}),s&&Object.keys(s.value).forEach(n=>{a[`${t}--${n}`]=e.unref(s.value[n])}),a})}const D={...N,...E,modifiers:{type:[String,Array],default:void 0},dismissable:{type:Boolean,default:!1},autoClose:{type:Number,default:0},closeLabel:{type:String,default:"Close"},title:{type:String,default:void 0},content:{type:String,default:void 0},footer:{type:String,default:void 0},role:{type:String,default:C.alert}},F=["close"];function O(t,r){const{bus:s}=L(),a=P(e.computed(()=>t.id)),i=e.computed(()=>`${a.value}-title`);let n;const m=()=>{n&&clearTimeout(n),r("close",a.value),s?.emit("close",a.value)};e.watch(()=>t.autoClose,h=>{if(h>0){n=setTimeout(m,h);return}n&&clearTimeout(n)},{immediate:!0});const c=e.ref(!1),f=()=>{c.value=!0,n&&clearTimeout(n)},o=()=>{c.value=!1,t.autoClose>0&&(n=setTimeout(m,t.autoClose))},{hasIcon:p}=T(e.computed(()=>t.icon)),l=k("vv-alert",e.computed(()=>t.modifiers),e.computed(()=>({dismissable:t.autoClose>0||t.dismissable,"auto-close":t.autoClose>0,hover:c.value}))),d=e.computed(()=>({"--alert-duration":`${t.autoClose}ms`}));return{close:m,hasIcon:p,hasTitleId:i,hasProps:e.computed(()=>({onMouseover:f,onMouseleave:o,class:l.value,style:d.value,role:t.role,"aria-labelledby":i.value}))}}function M(){return e.inject(V,void 0)}const j={name:"VvIcon"},A=e.defineComponent({...j,props:e.mergeDefaults({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},w),setup(t){const r=t,s=e.computed(()=>typeof r.rotate=="string"?Number.parseFloat(r.rotate):r.rotate),a=e.ref(!0),i=M(),{modifiers:n}=e.toRefs(r),m=k("vv-icon",n),c=e.computed(()=>r.provider||i?.iconsProvider),f=e.computed(()=>{const l=r.name??"",d=`@${c.value}:${r.prefix}:${l}`;if(u.iconLoaded(d))return d;const h=i?.iconsCollections.find(I=>{const S=`@${c.value}:${I.prefix}:${l}`;return u.iconLoaded(S)});return h?`@${c.value}:${h.prefix}:${l}`:l});function o(l){let d;if(typeof window>"u"){const{JSDOM:U}=require("jsdom");d=new U().window}return(d?new d.DOMParser:new window.DOMParser).parseFromString(l,"text/html").querySelector("svg")}function p(l){const d=o(l),h=d?.innerHTML.trim()||"";d&&h&&u.addIcon(`@${c.value}:${r.prefix}:${r.name}`,{body:h,height:d.viewBox.baseVal.height,width:d.viewBox.baseVal.width})}return i&&r.src&&!u.iconLoaded(`@${c.value}:${r.prefix}:${r.name}`)&&(a.value=!1,i.fetchIcon(r.src).then(l=>{l&&(p(l),a.value=!0)}).catch(l=>{throw new Error(`Error during fetch icon: ${l?.message}`)})),r.svg&&p(r.svg),(l,d)=>e.unref(a)?(e.openBlock(),e.createBlock(e.unref(u.Icon),e.mergeProps({key:0,class:e.unref(m)},{inline:t.inline,width:t.width,height:t.height,horizontalFlip:t.horizontalFlip,verticalFlip:t.verticalFlip,flip:t.flip,rotate:e.unref(s),color:t.color,icon:e.unref(f)},{onLoad:t.onLoad}),null,16,["class","onLoad"])):e.createCommentVNode("v-if",!0)}}),R={key:0,class:"vv-alert__header"},q=["id"],z=["aria-label"],G={key:1,class:"vv-alert__content"},J={key:2,class:"vv-alert__footer"},K={name:"VvAlert"};return e.defineComponent({...K,props:D,emits:F,setup(t,{expose:r,emit:s}){const a=t,i=s,{hasProps:n,hasTitleId:m,hasIcon:c,close:f}=O(a,i);return r({close:f}),(o,p)=>(e.openBlock(),e.createElementBlock("div",e.normalizeProps(e.guardReactiveProps(e.unref(n))),[o.$slots.header||o.$slots.title||o.$slots.close||o.$slots["title::before"]||o.$slots["title::after"]||o.title||e.unref(c)||o.dismissable||o.autoClose?(e.openBlock(),e.createElementBlock("div",R,[e.unref(c)?(e.openBlock(),e.createBlock(A,e.mergeProps({key:0},e.unref(c),{class:"vv-alert__icon"}),null,16)):e.createCommentVNode("v-if",!0),e.renderSlot(o.$slots,"header",{},()=>[e.renderSlot(o.$slots,"title::before"),o.$slots.title||o.title?(e.openBlock(),e.createElementBlock("strong",{key:0,id:e.unref(m),class:"vv-alert__title"},[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])],8,q)):e.createCommentVNode("v-if",!0),e.renderSlot(o.$slots,"title::after")]),e.renderSlot(o.$slots,"close",e.normalizeProps(e.guardReactiveProps({close:e.unref(f)})),()=>[o.dismissable||o.autoClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:"vv-alert__close",type:"button","aria-label":o.closeLabel,onClick:p[0]||(p[0]=e.withModifiers((...l)=>e.unref(f)&&e.unref(f)(...l),["stop"]))},[...p[1]||(p[1]=[e.createElementVNode("div",{class:"vv-alert__close-mask"},null,-1)])],8,z)):e.createCommentVNode("v-if",!0)])])):e.createCommentVNode("v-if",!0),o.$slots.default||o.content?(e.openBlock(),e.createElementBlock("div",G,[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.content),1)])])):e.createCommentVNode("v-if",!0),o.$slots.footer||o.footer?(e.openBlock(),e.createElementBlock("div",J,[e.renderSlot(o.$slots,"footer",{},()=>[e.createTextVNode(e.toDisplayString(o.footer),1)])])):e.createCommentVNode("v-if",!0)],16))}})}));
+(function(e,m){typeof exports=="object"&&typeof module<"u"?module.exports=m(require("vue"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue"],m):(e=typeof globalThis<"u"?globalThis:e||self,e.VvAlert=m(e.vue,e.vue$1))})(this,(function(e,m){"use strict";var b=(t=>(t.local="local",t.session="session",t))(b||{}),g=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(g||{}),y=(t=>(t.before="before",t.after="after",t))(y||{}),v=(t=>(t.button="button",t.submit="submit",t.reset="reset",t))(v||{}),$=(t=>(t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t))($||{}),C=(t=>(t.alert="alert",t.alertdialog="alertdialog",t))(C||{});const w=Symbol.for("volver"),V=Symbol.for("alertGroup"),B={prefix:"normal"},E={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:y.before,validation:t=>Object.values(y).includes(t)}},N={id:[String,Number]};g.bottom,v.button,$.button,b.local;function L(){return e.inject(V,{})}function T(t){return e.computed(()=>String(t?.value||e.useId()))}function P(t,n){const s=e.computed(()=>typeof t?.value=="string"?{name:t?.value}:t?.value),a=e.computed(()=>n?.value===y.before?s.value:void 0),i=e.computed(()=>n?.value===y.after?s.value:void 0),r=e.computed(()=>n?.value===g.left?s.value:void 0),p=e.computed(()=>n?.value===g.right?s.value:void 0),c=e.computed(()=>n?.value===g.top?s.value:void 0),u=e.computed(()=>n?.value===g.bottom?s.value:void 0);return{hasIcon:s,hasIconLeft:r,hasIconRight:p,hasIconTop:c,hasIconBottom:u,hasIconBefore:a,hasIconAfter:i}}function k(t,n,s){return e.computed(()=>{const a={[t]:!0},i=typeof n?.value=="string"?n.value.split(" "):n?.value;return i&&Array.isArray(i)&&i.forEach(r=>{r&&(a[`${t}--${r}`]=!0)}),s&&Object.keys(s.value).forEach(r=>{a[`${t}--${r}`]=e.unref(s.value[r])}),a})}const D={...N,...E,modifiers:{type:[String,Array],default:void 0},dismissable:{type:Boolean,default:!1},autoClose:{type:Number,default:0},closeLabel:{type:String,default:"Close"},title:{type:String,default:void 0},content:{type:String,default:void 0},footer:{type:String,default:void 0},role:{type:String,default:C.alert}},F=["close"];function O(t,n){const{bus:s}=L(),a=T(e.computed(()=>t.id)),i=e.computed(()=>`${a.value}-title`);let r;const p=()=>{r&&clearTimeout(r),n("close",a.value),s?.emit("close",a.value)};e.watch(()=>t.autoClose,f=>{if(f>0){r=setTimeout(p,f);return}r&&clearTimeout(r)},{immediate:!0});const c=e.ref(!1),u=()=>{c.value=!0,r&&clearTimeout(r)},o=()=>{c.value=!1,t.autoClose>0&&(r=setTimeout(p,t.autoClose))},{hasIcon:h}=P(e.computed(()=>t.icon)),l=k("vv-alert",e.computed(()=>t.modifiers),e.computed(()=>({dismissable:t.autoClose>0||t.dismissable,"auto-close":t.autoClose>0,hover:c.value}))),d=e.computed(()=>({"--alert-duration":`${t.autoClose}ms`}));return{close:p,hasIcon:h,hasTitleId:i,hasProps:e.computed(()=>({onMouseover:u,onMouseleave:o,class:l.value,style:d.value,role:t.role,"aria-labelledby":i.value}))}}function M(){return e.inject(w,void 0)}const j={name:"VvIcon"},A=e.defineComponent({...j,props:e.mergeDefaults({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},B),setup(t){const n=t,s=e.computed(()=>typeof n.rotate=="string"?Number.parseFloat(n.rotate):n.rotate),a=e.ref(!0),i=M(),{modifiers:r}=e.toRefs(n),p=k("vv-icon",r),c=e.computed(()=>n.provider||i?.iconsProvider),u=e.computed(()=>{const l=n.name??"",d=`@${c.value}:${n.prefix}:${l}`;if(m.iconLoaded(d))return d;const f=i?.iconsCollections.find(I=>{const S=`@${c.value}:${I.prefix}:${l}`;return m.iconLoaded(S)});return f?`@${c.value}:${f.prefix}:${l}`:l});function o(l){let d;if(typeof window>"u")try{const{JSDOM:U}=require("jsdom");d=new U().window}catch{}const f=d?new d.DOMParser:typeof window<"u"?new window.DOMParser:null;return f?f.parseFromString(l,"text/html").querySelector("svg"):void 0}function h(l){const d=o(l),f=d?.innerHTML.trim()||"";d&&f&&m.addIcon(`@${c.value}:${n.prefix}:${n.name}`,{body:f,height:d.viewBox.baseVal.height,width:d.viewBox.baseVal.width})}return i&&n.src&&!m.iconLoaded(`@${c.value}:${n.prefix}:${n.name}`)&&(a.value=!1,i.fetchIcon(n.src).then(l=>{l&&h(l),a.value=!0}).catch(l=>{throw a.value=!0,new Error(`Error during fetch icon: ${l?.message}`)})),n.svg&&h(n.svg),(l,d)=>e.unref(a)?(e.openBlock(),e.createBlock(e.unref(m.Icon),e.mergeProps({key:0,class:e.unref(p)},{inline:t.inline,width:t.width,height:t.height,horizontalFlip:t.horizontalFlip,verticalFlip:t.verticalFlip,flip:t.flip,rotate:e.unref(s),color:t.color,icon:e.unref(u)},{onLoad:t.onLoad}),null,16,["class","onLoad"])):e.createCommentVNode("v-if",!0)}}),R={key:0,class:"vv-alert__header"},q=["id"],z=["aria-label"],G={key:1,class:"vv-alert__content"},J={key:2,class:"vv-alert__footer"},K={name:"VvAlert"};return e.defineComponent({...K,props:D,emits:F,setup(t,{expose:n,emit:s}){const a=t,i=s,{hasProps:r,hasTitleId:p,hasIcon:c,close:u}=O(a,i);return n({close:u}),(o,h)=>(e.openBlock(),e.createElementBlock("div",e.normalizeProps(e.guardReactiveProps(e.unref(r))),[o.$slots.header||o.$slots.title||o.$slots.close||o.$slots["title::before"]||o.$slots["title::after"]||o.title||e.unref(c)||o.dismissable||o.autoClose?(e.openBlock(),e.createElementBlock("div",R,[e.unref(c)?(e.openBlock(),e.createBlock(A,e.mergeProps({key:0},e.unref(c),{class:"vv-alert__icon"}),null,16)):e.createCommentVNode("v-if",!0),e.renderSlot(o.$slots,"header",{},()=>[e.renderSlot(o.$slots,"title::before"),o.$slots.title||o.title?(e.openBlock(),e.createElementBlock("strong",{key:0,id:e.unref(p),class:"vv-alert__title"},[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])],8,q)):e.createCommentVNode("v-if",!0),e.renderSlot(o.$slots,"title::after")]),e.renderSlot(o.$slots,"close",e.normalizeProps(e.guardReactiveProps({close:e.unref(u)})),()=>[o.dismissable||o.autoClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:"vv-alert__close",type:"button","aria-label":o.closeLabel,onClick:h[0]||(h[0]=e.withModifiers((...l)=>e.unref(u)&&e.unref(u)(...l),["stop"]))},[...h[1]||(h[1]=[e.createElementVNode("div",{class:"vv-alert__close-mask"},null,-1)])],8,z)):e.createCommentVNode("v-if",!0)])])):e.createCommentVNode("v-if",!0),o.$slots.default||o.content?(e.openBlock(),e.createElementBlock("div",G,[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.content),1)])])):e.createCommentVNode("v-if",!0),o.$slots.footer||o.footer?(e.openBlock(),e.createElementBlock("div",J,[e.renderSlot(o.$slots,"footer",{},()=>[e.createTextVNode(e.toDisplayString(o.footer),1)])])):e.createCommentVNode("v-if",!0)],16))}})}));

package/dist/components/VvAlertGroup/VvAlertGroup.es.js

@@ -1,6 +1,6 @@
-import { provide as j, computed as l, unref as c, inject as B, useId as q, watch as z, ref as F, defineComponent as L, mergeDefaults as H, toRefs as J, createBlock as A, createCommentVNode as $, openBlock as m, mergeProps as C, createElementBlock as y, normalizeProps as E, guardReactiveProps as V, renderSlot as b, createTextVNode as I, toDisplayString as S, withModifiers as K, createElementVNode as U, createVNode as Y, TransitionGroup as Q, toHandlers as W, withCtx as X, Fragment as Z, renderList as x } from "vue";
+import { provide as j, computed as l, unref as c, inject as B, useId as q, watch as z, ref as F, defineComponent as L, mergeDefaults as H, toRefs as J, createBlock as A, createCommentVNode as $, openBlock as b, mergeProps as C, createElementBlock as y, normalizeProps as E, guardReactiveProps as V, renderSlot as h, createTextVNode as I, toDisplayString as w, withModifiers as K, createElementVNode as U, createVNode as Y, TransitionGroup as Q, toHandlers as W, withCtx as X, Fragment as Z, renderList as x } from "vue";
 import ee from "mitt";
-import { iconLoaded as w, Icon as te, addIcon as oe } from "@iconify/vue";
+import { iconLoaded as S, Icon as te, addIcon as oe } from "@iconify/vue";
 const re = {
   prefix: "normal"
   /* normal */
@@ -253,9 +253,9 @@ function ge(e, t) {
   };
   z(
     () => e.autoClose,
-    (g) => {
-      if (g > 0) {
-        n = setTimeout(f, g);
+    (m) => {
+      if (m > 0) {
+        n = setTimeout(f, m);
         return;
       }
       n && clearTimeout(n);
@@ -268,7 +268,7 @@ function ge(e, t) {
     s.value = !0, n && clearTimeout(n);
   }, o = () => {
     s.value = !1, e.autoClose > 0 && (n = setTimeout(f, e.autoClose));
-  }, { hasIcon: h } = me(l(() => e.icon)), u = P(
+  }, { hasIcon: g } = me(l(() => e.icon)), u = P(
     "vv-alert",
     l(() => e.modifiers),
     l(() => ({
@@ -281,7 +281,7 @@ function ge(e, t) {
   }));
   return {
     close: f,
-    hasIcon: h,
+    hasIcon: g,
     hasTitleId: i,
     hasProps: l(() => ({
       onMouseover: d,
@@ -321,38 +321,41 @@ const $e = {
   setup(e) {
     const t = e, a = l(() => typeof t.rotate == "string" ? Number.parseFloat(t.rotate) : t.rotate), r = F(!0), i = ye(), { modifiers: n } = J(t), f = P("vv-icon", n), s = l(() => t.provider || i?.iconsProvider), d = l(() => {
       const u = t.name ?? "", v = `@${s.value}:${t.prefix}:${u}`;
-      if (w(v))
+      if (S(v))
         return v;
-      const g = i?.iconsCollections.find(
+      const m = i?.iconsCollections.find(
         (T) => {
           const N = `@${s.value}:${T.prefix}:${u}`;
-          return w(N);
+          return S(N);
         }
       );
-      return g ? `@${s.value}:${g.prefix}:${u}` : u;
+      return m ? `@${s.value}:${m.prefix}:${u}` : u;
     });
     function o(u) {
       let v;
-      if (typeof window > "u") {
-        const { JSDOM: _ } = require("jsdom");
-        v = new _().window;
-      }
-      return (v ? new v.DOMParser() : new window.DOMParser()).parseFromString(u, "text/html").querySelector("svg");
+      if (typeof window > "u")
+        try {
+          const { JSDOM: _ } = require("jsdom");
+          v = new _().window;
+        } catch {
+        }
+      const m = v ? new v.DOMParser() : typeof window < "u" ? new window.DOMParser() : null;
+      return m ? m.parseFromString(u, "text/html").querySelector("svg") : void 0;
     }
-    function h(u) {
-      const v = o(u), g = v?.innerHTML.trim() || "";
-      v && g && oe(`@${s.value}:${t.prefix}:${t.name}`, {
-        body: g,
+    function g(u) {
+      const v = o(u), m = v?.innerHTML.trim() || "";
+      v && m && oe(`@${s.value}:${t.prefix}:${t.name}`, {
+        body: m,
         // Set height and width from svg content
         height: v.viewBox.baseVal.height,
         width: v.viewBox.baseVal.width
       });
     }
-    return i && t.src && !w(`@${s.value}:${t.prefix}:${t.name}`) && (r.value = !1, i.fetchIcon(t.src).then((u) => {
-      u && (h(u), r.value = !0);
+    return i && t.src && !S(`@${s.value}:${t.prefix}:${t.name}`) && (r.value = !1, i.fetchIcon(t.src).then((u) => {
+      u && g(u), r.value = !0;
     }).catch((u) => {
-      throw new Error(`Error during fetch icon: ${u?.message}`);
-    })), t.svg && h(t.svg), (u, v) => c(r) ? (m(), A(c(te), C({
+      throw r.value = !0, new Error(`Error during fetch icon: ${u?.message}`);
+    })), t.svg && g(t.svg), (u, v) => c(r) ? (b(), A(c(te), C({
       key: 0,
       class: c(f)
     }, {
@@ -370,10 +373,10 @@ const $e = {
 }), ke = {
   key: 0,
   class: "vv-alert__header"
-}, Ce = ["id"], Ie = ["aria-label"], Se = {
+}, Ce = ["id"], Ie = ["aria-label"], we = {
   key: 1,
   class: "vv-alert__content"
-}, we = {
+}, Se = {
   key: 2,
   class: "vv-alert__footer"
 }, Ee = {
@@ -387,47 +390,47 @@ const $e = {
     return t({
       /** Close the alert */
       close: d
-    }), (o, h) => (m(), y(
+    }), (o, g) => (b(), y(
       "div",
       E(V(c(n))),
       [
-        o.$slots.header || o.$slots.title || o.$slots.close || o.$slots["title::before"] || o.$slots["title::after"] || o.title || c(s) || o.dismissable || o.autoClose ? (m(), y("div", ke, [
-          c(s) ? (m(), A(
+        o.$slots.header || o.$slots.title || o.$slots.close || o.$slots["title::before"] || o.$slots["title::after"] || o.title || c(s) || o.dismissable || o.autoClose ? (b(), y("div", ke, [
+          c(s) ? (b(), A(
             pe,
             C({ key: 0 }, c(s), { class: "vv-alert__icon" }),
             null,
             16
             /* FULL_PROPS */
           )) : $("v-if", !0),
-          b(o.$slots, "header", {}, () => [
-            b(o.$slots, "title::before"),
-            o.$slots.title || o.title ? (m(), y("strong", {
+          h(o.$slots, "header", {}, () => [
+            h(o.$slots, "title::before"),
+            o.$slots.title || o.title ? (b(), y("strong", {
               key: 0,
               id: c(f),
               class: "vv-alert__title"
             }, [
-              b(o.$slots, "title", {}, () => [
+              h(o.$slots, "title", {}, () => [
                 I(
-                  S(o.title),
+                  w(o.title),
                   1
                   /* TEXT */
                 )
               ])
             ], 8, Ce)) : $("v-if", !0),
-            b(o.$slots, "title::after")
+            h(o.$slots, "title::after")
           ]),
-          b(o.$slots, "close", E(V({ close: c(d) })), () => [
-            o.dismissable || o.autoClose ? (m(), y("button", {
+          h(o.$slots, "close", E(V({ close: c(d) })), () => [
+            o.dismissable || o.autoClose ? (b(), y("button", {
               key: 0,
               class: "vv-alert__close",
               type: "button",
               "aria-label": o.closeLabel,
-              onClick: h[0] || (h[0] = K(
+              onClick: g[0] || (g[0] = K(
                 //@ts-ignore
                 (...u) => c(d) && c(d)(...u),
                 ["stop"]
               ))
-            }, [...h[1] || (h[1] = [
+            }, [...g[1] || (g[1] = [
               U(
                 "div",
                 { class: "vv-alert__close-mask" },
@@ -438,19 +441,19 @@ const $e = {
             ])], 8, Ie)) : $("v-if", !0)
           ])
         ])) : $("v-if", !0),
-        o.$slots.default || o.content ? (m(), y("div", Se, [
-          b(o.$slots, "default", {}, () => [
+        o.$slots.default || o.content ? (b(), y("div", we, [
+          h(o.$slots, "default", {}, () => [
             I(
-              S(o.content),
+              w(o.content),
               1
               /* TEXT */
             )
           ])
         ])) : $("v-if", !0),
-        o.$slots.footer || o.footer ? (m(), y("div", we, [
-          b(o.$slots, "footer", {}, () => [
+        o.$slots.footer || o.footer ? (b(), y("div", Se, [
+          h(o.$slots, "footer", {}, () => [
             I(
-              S(o.footer),
+              w(o.footer),
               1
               /* TEXT */
             )
@@ -494,11 +497,11 @@ const $e = {
         r("leaveCancelled");
       }
     };
-    return (s, d) => (m(), y(
+    return (s, d) => (b(), y(
       "div",
       E(V(c(i))),
       [
-        b(s.$slots, "before"),
+        h(s.$slots, "before"),
         Y(Q, C({
           tag: "div",
           role: "group",
@@ -506,11 +509,11 @@ const $e = {
           class: "vv-alert-group__list"
         }, W(f)), {
           default: X(() => [
-            b(s.$slots, "default", {}, () => [
-              (m(!0), y(
+            h(s.$slots, "default", {}, () => [
+              (b(!0), y(
                 Z,
                 null,
-                x(s.items, (o) => (m(), A(
+                x(s.items, (o) => (b(), A(
                   Ve,
                   C({ ref_for: !0 }, o, {
                     key: o.id
@@ -527,7 +530,7 @@ const $e = {
           _: 3
           /* FORWARDED */
         }, 16, ["name"]),
-        b(s.$slots, "after")
+        h(s.$slots, "after")
       ],
       16
       /* FULL_PROPS */

package/dist/components/VvAlertGroup/VvAlertGroup.umd.js

@@ -1 +1 @@
-(function(e,b){typeof exports=="object"&&typeof module<"u"?module.exports=b(require("vue"),require("mitt"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","mitt","@iconify/vue"],b):(e=typeof globalThis<"u"?globalThis:e||self,e.VvAlertGroup=b(e.vue,e.mitt,e.vue$1))})(this,(function(e,b,v){"use strict";const I={prefix:"normal"};var k=(t=>(t.local="local",t.session="session",t))(k||{}),h=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(h||{}),g=(t=>(t.before="before",t.after="after",t))(g||{}),$=(t=>(t.button="button",t.submit="submit",t.reset="reset",t))($||{}),C=(t=>(t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t))(C||{}),S=(t=>(t.alert="alert",t.alertdialog="alertdialog",t))(S||{});const w=Symbol.for("volver"),B=Symbol.for("alertGroup"),P={modifiers:{type:[String,Array],default:void 0}},L={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:g.before,validation:t=>Object.values(g).includes(t)}},N={id:[String,Number]};h.bottom,$.button,C.button,k.local;function T({name:t}){const o=b();return e.provide(B,{name:t,bus:o}),o}function y(t,o,a){return e.computed(()=>{const n={[t]:!0},i=typeof o?.value=="string"?o.value.split(" "):o?.value;return i&&Array.isArray(i)&&i.forEach(l=>{l&&(n[`${t}--${l}`]=!0)}),a&&Object.keys(a.value).forEach(l=>{n[`${t}--${l}`]=e.unref(a.value[l])}),n})}const A={...P,name:{type:String,required:!0},items:{type:Array,default:()=>[]},stack:{type:Boolean,default:!1},reverse:{type:Boolean,default:!1},inline:{type:String,default:void 0},block:{type:String,default:void 0},position:{type:String,default:void 0},transition:{type:String,default:void 0}},G=["close","beforeEnter","afterLeave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"];function F(t,o){const a=T({name:e.computed(()=>t.name)});(t.block&&!t.inline||!t.block&&t.inline)&&console.warn("[VvAlertGroup]: block and inline props must coexist at the same time.");const n=e.computed(()=>{const l=[y("vv-alert-group",e.computed(()=>t.modifiers),e.computed(()=>({stack:t.stack,reverse:t.reverse,absolute:t.position==="absolute",fixed:t.position==="fixed"}))).value];return t.inline&&t.block&&l.push(`vv-alert-group--${t.block}-${t.inline}`),l}),i=e.computed(()=>t.transition?t.transition:t.position?t.inline==="start"?"vv-alert--fade-inline-start":t.inline==="end"?"vv-alert--fade-inline-end":t.block==="top"?"vv-alert--fade-block-top":t.block==="bottom"?"vv-alert--fade-block-bottom":"vv-alert--fade":"vv-alert--fade");return a.on("close",l=>{o("close",l)}),{hasTransition:i,hasProps:e.computed(()=>({class:n.value}))}}function D(){return e.inject(B,{})}function M(t){return e.computed(()=>String(t?.value||e.useId()))}function O(t,o){const a=e.computed(()=>typeof t?.value=="string"?{name:t?.value}:t?.value),n=e.computed(()=>o?.value===g.before?a.value:void 0),i=e.computed(()=>o?.value===g.after?a.value:void 0),l=e.computed(()=>o?.value===h.left?a.value:void 0),f=e.computed(()=>o?.value===h.right?a.value:void 0),s=e.computed(()=>o?.value===h.top?a.value:void 0),u=e.computed(()=>o?.value===h.bottom?a.value:void 0);return{hasIcon:a,hasIconLeft:l,hasIconRight:f,hasIconTop:s,hasIconBottom:u,hasIconBefore:n,hasIconAfter:i}}const R={...N,...L,modifiers:{type:[String,Array],default:void 0},dismissable:{type:Boolean,default:!1},autoClose:{type:Number,default:0},closeLabel:{type:String,default:"Close"},title:{type:String,default:void 0},content:{type:String,default:void 0},footer:{type:String,default:void 0},role:{type:String,default:S.alert}},j=["close"];function _(t,o){const{bus:a}=D(),n=M(e.computed(()=>t.id)),i=e.computed(()=>`${n.value}-title`);let l;const f=()=>{l&&clearTimeout(l),o("close",n.value),a?.emit("close",n.value)};e.watch(()=>t.autoClose,p=>{if(p>0){l=setTimeout(f,p);return}l&&clearTimeout(l)},{immediate:!0});const s=e.ref(!1),u=()=>{s.value=!0,l&&clearTimeout(l)},r=()=>{s.value=!1,t.autoClose>0&&(l=setTimeout(f,t.autoClose))},{hasIcon:m}=O(e.computed(()=>t.icon)),c=y("vv-alert",e.computed(()=>t.modifiers),e.computed(()=>({dismissable:t.autoClose>0||t.dismissable,"auto-close":t.autoClose>0,hover:s.value}))),d=e.computed(()=>({"--alert-duration":`${t.autoClose}ms`}));return{close:f,hasIcon:m,hasTitleId:i,hasProps:e.computed(()=>({onMouseover:u,onMouseleave:r,class:c.value,style:d.value,role:t.role,"aria-labelledby":i.value}))}}function q(){return e.inject(w,void 0)}const z={name:"VvIcon"},H=e.defineComponent({...z,props:e.mergeDefaults({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},I),setup(t){const o=t,a=e.computed(()=>typeof o.rotate=="string"?Number.parseFloat(o.rotate):o.rotate),n=e.ref(!0),i=q(),{modifiers:l}=e.toRefs(o),f=y("vv-icon",l),s=e.computed(()=>o.provider||i?.iconsProvider),u=e.computed(()=>{const c=o.name??"",d=`@${s.value}:${o.prefix}:${c}`;if(v.iconLoaded(d))return d;const p=i?.iconsCollections.find(V=>{const E=`@${s.value}:${V.prefix}:${c}`;return v.iconLoaded(E)});return p?`@${s.value}:${p.prefix}:${c}`:c});function r(c){let d;if(typeof window>"u"){const{JSDOM:x}=require("jsdom");d=new x().window}return(d?new d.DOMParser:new window.DOMParser).parseFromString(c,"text/html").querySelector("svg")}function m(c){const d=r(c),p=d?.innerHTML.trim()||"";d&&p&&v.addIcon(`@${s.value}:${o.prefix}:${o.name}`,{body:p,height:d.viewBox.baseVal.height,width:d.viewBox.baseVal.width})}return i&&o.src&&!v.iconLoaded(`@${s.value}:${o.prefix}:${o.name}`)&&(n.value=!1,i.fetchIcon(o.src).then(c=>{c&&(m(c),n.value=!0)}).catch(c=>{throw new Error(`Error during fetch icon: ${c?.message}`)})),o.svg&&m(o.svg),(c,d)=>e.unref(n)?(e.openBlock(),e.createBlock(e.unref(v.Icon),e.mergeProps({key:0,class:e.unref(f)},{inline:t.inline,width:t.width,height:t.height,horizontalFlip:t.horizontalFlip,verticalFlip:t.verticalFlip,flip:t.flip,rotate:e.unref(a),color:t.color,icon:e.unref(u)},{onLoad:t.onLoad}),null,16,["class","onLoad"])):e.createCommentVNode("v-if",!0)}}),J={key:0,class:"vv-alert__header"},K=["id"],U=["aria-label"],Y={key:1,class:"vv-alert__content"},Q={key:2,class:"vv-alert__footer"},W={name:"VvAlert"},X=e.defineComponent({...W,props:R,emits:j,setup(t,{expose:o,emit:a}){const n=t,i=a,{hasProps:l,hasTitleId:f,hasIcon:s,close:u}=_(n,i);return o({close:u}),(r,m)=>(e.openBlock(),e.createElementBlock("div",e.normalizeProps(e.guardReactiveProps(e.unref(l))),[r.$slots.header||r.$slots.title||r.$slots.close||r.$slots["title::before"]||r.$slots["title::after"]||r.title||e.unref(s)||r.dismissable||r.autoClose?(e.openBlock(),e.createElementBlock("div",J,[e.unref(s)?(e.openBlock(),e.createBlock(H,e.mergeProps({key:0},e.unref(s),{class:"vv-alert__icon"}),null,16)):e.createCommentVNode("v-if",!0),e.renderSlot(r.$slots,"header",{},()=>[e.renderSlot(r.$slots,"title::before"),r.$slots.title||r.title?(e.openBlock(),e.createElementBlock("strong",{key:0,id:e.unref(f),class:"vv-alert__title"},[e.renderSlot(r.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(r.title),1)])],8,K)):e.createCommentVNode("v-if",!0),e.renderSlot(r.$slots,"title::after")]),e.renderSlot(r.$slots,"close",e.normalizeProps(e.guardReactiveProps({close:e.unref(u)})),()=>[r.dismissable||r.autoClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:"vv-alert__close",type:"button","aria-label":r.closeLabel,onClick:m[0]||(m[0]=e.withModifiers((...c)=>e.unref(u)&&e.unref(u)(...c),["stop"]))},[...m[1]||(m[1]=[e.createElementVNode("div",{class:"vv-alert__close-mask"},null,-1)])],8,U)):e.createCommentVNode("v-if",!0)])])):e.createCommentVNode("v-if",!0),r.$slots.default||r.content?(e.openBlock(),e.createElementBlock("div",Y,[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(r.content),1)])])):e.createCommentVNode("v-if",!0),r.$slots.footer||r.footer?(e.openBlock(),e.createElementBlock("div",Q,[e.renderSlot(r.$slots,"footer",{},()=>[e.createTextVNode(e.toDisplayString(r.footer),1)])])):e.createCommentVNode("v-if",!0)],16))}}),Z={name:"VvAlertGroup"};return e.defineComponent({...Z,props:A,emits:G,setup(t,{emit:o}){const a=t,n=o,{hasProps:i,hasTransition:l}=F(a,n),f={"before-enter":()=>{n("beforeEnter")},"after-leave":()=>{n("afterLeave")},enter:()=>{n("enter")},"after-enter":()=>{n("afterEnter")},"enter-cancelled":()=>{n("enterCancelled")},"before-leave":()=>{n("beforeLeave")},leave:()=>{n("leave")},"leave-cancelled":()=>{n("leaveCancelled")}};return(s,u)=>(e.openBlock(),e.createElementBlock("div",e.normalizeProps(e.guardReactiveProps(e.unref(i))),[e.renderSlot(s.$slots,"before"),e.createVNode(e.TransitionGroup,e.mergeProps({tag:"div",role:"group",name:e.unref(l),class:"vv-alert-group__list"},e.toHandlers(f)),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,r=>(e.openBlock(),e.createBlock(X,e.mergeProps({ref_for:!0},r,{key:r.id}),null,16))),128))])]),_:3},16,["name"]),e.renderSlot(s.$slots,"after")],16))}})}));
+(function(e,b){typeof exports=="object"&&typeof module<"u"?module.exports=b(require("vue"),require("mitt"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","mitt","@iconify/vue"],b):(e=typeof globalThis<"u"?globalThis:e||self,e.VvAlertGroup=b(e.vue,e.mitt,e.vue$1))})(this,(function(e,b,v){"use strict";const I={prefix:"normal"};var k=(t=>(t.local="local",t.session="session",t))(k||{}),h=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(h||{}),g=(t=>(t.before="before",t.after="after",t))(g||{}),$=(t=>(t.button="button",t.submit="submit",t.reset="reset",t))($||{}),C=(t=>(t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t))(C||{}),S=(t=>(t.alert="alert",t.alertdialog="alertdialog",t))(S||{});const w=Symbol.for("volver"),B=Symbol.for("alertGroup"),P={modifiers:{type:[String,Array],default:void 0}},L={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:g.before,validation:t=>Object.values(g).includes(t)}},N={id:[String,Number]};h.bottom,$.button,C.button,k.local;function T({name:t}){const o=b();return e.provide(B,{name:t,bus:o}),o}function y(t,o,a){return e.computed(()=>{const n={[t]:!0},i=typeof o?.value=="string"?o.value.split(" "):o?.value;return i&&Array.isArray(i)&&i.forEach(l=>{l&&(n[`${t}--${l}`]=!0)}),a&&Object.keys(a.value).forEach(l=>{n[`${t}--${l}`]=e.unref(a.value[l])}),n})}const A={...P,name:{type:String,required:!0},items:{type:Array,default:()=>[]},stack:{type:Boolean,default:!1},reverse:{type:Boolean,default:!1},inline:{type:String,default:void 0},block:{type:String,default:void 0},position:{type:String,default:void 0},transition:{type:String,default:void 0}},G=["close","beforeEnter","afterLeave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"];function F(t,o){const a=T({name:e.computed(()=>t.name)});(t.block&&!t.inline||!t.block&&t.inline)&&console.warn("[VvAlertGroup]: block and inline props must coexist at the same time.");const n=e.computed(()=>{const l=[y("vv-alert-group",e.computed(()=>t.modifiers),e.computed(()=>({stack:t.stack,reverse:t.reverse,absolute:t.position==="absolute",fixed:t.position==="fixed"}))).value];return t.inline&&t.block&&l.push(`vv-alert-group--${t.block}-${t.inline}`),l}),i=e.computed(()=>t.transition?t.transition:t.position?t.inline==="start"?"vv-alert--fade-inline-start":t.inline==="end"?"vv-alert--fade-inline-end":t.block==="top"?"vv-alert--fade-block-top":t.block==="bottom"?"vv-alert--fade-block-bottom":"vv-alert--fade":"vv-alert--fade");return a.on("close",l=>{o("close",l)}),{hasTransition:i,hasProps:e.computed(()=>({class:n.value}))}}function D(){return e.inject(B,{})}function M(t){return e.computed(()=>String(t?.value||e.useId()))}function O(t,o){const a=e.computed(()=>typeof t?.value=="string"?{name:t?.value}:t?.value),n=e.computed(()=>o?.value===g.before?a.value:void 0),i=e.computed(()=>o?.value===g.after?a.value:void 0),l=e.computed(()=>o?.value===h.left?a.value:void 0),f=e.computed(()=>o?.value===h.right?a.value:void 0),s=e.computed(()=>o?.value===h.top?a.value:void 0),u=e.computed(()=>o?.value===h.bottom?a.value:void 0);return{hasIcon:a,hasIconLeft:l,hasIconRight:f,hasIconTop:s,hasIconBottom:u,hasIconBefore:n,hasIconAfter:i}}const R={...N,...L,modifiers:{type:[String,Array],default:void 0},dismissable:{type:Boolean,default:!1},autoClose:{type:Number,default:0},closeLabel:{type:String,default:"Close"},title:{type:String,default:void 0},content:{type:String,default:void 0},footer:{type:String,default:void 0},role:{type:String,default:S.alert}},j=["close"];function _(t,o){const{bus:a}=D(),n=M(e.computed(()=>t.id)),i=e.computed(()=>`${n.value}-title`);let l;const f=()=>{l&&clearTimeout(l),o("close",n.value),a?.emit("close",n.value)};e.watch(()=>t.autoClose,m=>{if(m>0){l=setTimeout(f,m);return}l&&clearTimeout(l)},{immediate:!0});const s=e.ref(!1),u=()=>{s.value=!0,l&&clearTimeout(l)},r=()=>{s.value=!1,t.autoClose>0&&(l=setTimeout(f,t.autoClose))},{hasIcon:p}=O(e.computed(()=>t.icon)),c=y("vv-alert",e.computed(()=>t.modifiers),e.computed(()=>({dismissable:t.autoClose>0||t.dismissable,"auto-close":t.autoClose>0,hover:s.value}))),d=e.computed(()=>({"--alert-duration":`${t.autoClose}ms`}));return{close:f,hasIcon:p,hasTitleId:i,hasProps:e.computed(()=>({onMouseover:u,onMouseleave:r,class:c.value,style:d.value,role:t.role,"aria-labelledby":i.value}))}}function q(){return e.inject(w,void 0)}const z={name:"VvIcon"},H=e.defineComponent({...z,props:e.mergeDefaults({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},I),setup(t){const o=t,a=e.computed(()=>typeof o.rotate=="string"?Number.parseFloat(o.rotate):o.rotate),n=e.ref(!0),i=q(),{modifiers:l}=e.toRefs(o),f=y("vv-icon",l),s=e.computed(()=>o.provider||i?.iconsProvider),u=e.computed(()=>{const c=o.name??"",d=`@${s.value}:${o.prefix}:${c}`;if(v.iconLoaded(d))return d;const m=i?.iconsCollections.find(V=>{const E=`@${s.value}:${V.prefix}:${c}`;return v.iconLoaded(E)});return m?`@${s.value}:${m.prefix}:${c}`:c});function r(c){let d;if(typeof window>"u")try{const{JSDOM:x}=require("jsdom");d=new x().window}catch{}const m=d?new d.DOMParser:typeof window<"u"?new window.DOMParser:null;return m?m.parseFromString(c,"text/html").querySelector("svg"):void 0}function p(c){const d=r(c),m=d?.innerHTML.trim()||"";d&&m&&v.addIcon(`@${s.value}:${o.prefix}:${o.name}`,{body:m,height:d.viewBox.baseVal.height,width:d.viewBox.baseVal.width})}return i&&o.src&&!v.iconLoaded(`@${s.value}:${o.prefix}:${o.name}`)&&(n.value=!1,i.fetchIcon(o.src).then(c=>{c&&p(c),n.value=!0}).catch(c=>{throw n.value=!0,new Error(`Error during fetch icon: ${c?.message}`)})),o.svg&&p(o.svg),(c,d)=>e.unref(n)?(e.openBlock(),e.createBlock(e.unref(v.Icon),e.mergeProps({key:0,class:e.unref(f)},{inline:t.inline,width:t.width,height:t.height,horizontalFlip:t.horizontalFlip,verticalFlip:t.verticalFlip,flip:t.flip,rotate:e.unref(a),color:t.color,icon:e.unref(u)},{onLoad:t.onLoad}),null,16,["class","onLoad"])):e.createCommentVNode("v-if",!0)}}),J={key:0,class:"vv-alert__header"},K=["id"],U=["aria-label"],Y={key:1,class:"vv-alert__content"},Q={key:2,class:"vv-alert__footer"},W={name:"VvAlert"},X=e.defineComponent({...W,props:R,emits:j,setup(t,{expose:o,emit:a}){const n=t,i=a,{hasProps:l,hasTitleId:f,hasIcon:s,close:u}=_(n,i);return o({close:u}),(r,p)=>(e.openBlock(),e.createElementBlock("div",e.normalizeProps(e.guardReactiveProps(e.unref(l))),[r.$slots.header||r.$slots.title||r.$slots.close||r.$slots["title::before"]||r.$slots["title::after"]||r.title||e.unref(s)||r.dismissable||r.autoClose?(e.openBlock(),e.createElementBlock("div",J,[e.unref(s)?(e.openBlock(),e.createBlock(H,e.mergeProps({key:0},e.unref(s),{class:"vv-alert__icon"}),null,16)):e.createCommentVNode("v-if",!0),e.renderSlot(r.$slots,"header",{},()=>[e.renderSlot(r.$slots,"title::before"),r.$slots.title||r.title?(e.openBlock(),e.createElementBlock("strong",{key:0,id:e.unref(f),class:"vv-alert__title"},[e.renderSlot(r.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(r.title),1)])],8,K)):e.createCommentVNode("v-if",!0),e.renderSlot(r.$slots,"title::after")]),e.renderSlot(r.$slots,"close",e.normalizeProps(e.guardReactiveProps({close:e.unref(u)})),()=>[r.dismissable||r.autoClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:"vv-alert__close",type:"button","aria-label":r.closeLabel,onClick:p[0]||(p[0]=e.withModifiers((...c)=>e.unref(u)&&e.unref(u)(...c),["stop"]))},[...p[1]||(p[1]=[e.createElementVNode("div",{class:"vv-alert__close-mask"},null,-1)])],8,U)):e.createCommentVNode("v-if",!0)])])):e.createCommentVNode("v-if",!0),r.$slots.default||r.content?(e.openBlock(),e.createElementBlock("div",Y,[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(r.content),1)])])):e.createCommentVNode("v-if",!0),r.$slots.footer||r.footer?(e.openBlock(),e.createElementBlock("div",Q,[e.renderSlot(r.$slots,"footer",{},()=>[e.createTextVNode(e.toDisplayString(r.footer),1)])])):e.createCommentVNode("v-if",!0)],16))}}),Z={name:"VvAlertGroup"};return e.defineComponent({...Z,props:A,emits:G,setup(t,{emit:o}){const a=t,n=o,{hasProps:i,hasTransition:l}=F(a,n),f={"before-enter":()=>{n("beforeEnter")},"after-leave":()=>{n("afterLeave")},enter:()=>{n("enter")},"after-enter":()=>{n("afterEnter")},"enter-cancelled":()=>{n("enterCancelled")},"before-leave":()=>{n("beforeLeave")},leave:()=>{n("leave")},"leave-cancelled":()=>{n("leaveCancelled")}};return(s,u)=>(e.openBlock(),e.createElementBlock("div",e.normalizeProps(e.guardReactiveProps(e.unref(i))),[e.renderSlot(s.$slots,"before"),e.createVNode(e.TransitionGroup,e.mergeProps({tag:"div",role:"group",name:e.unref(l),class:"vv-alert-group__list"},e.toHandlers(f)),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,r=>(e.openBlock(),e.createBlock(X,e.mergeProps({ref_for:!0},r,{key:r.id}),null,16))),128))])]),_:3},16,["name"]),e.renderSlot(s.$slots,"after")],16))}})}));