@volverjs/ui-vue 0.0.10-beta.36 → 0.0.10-beta.37

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

@@ -773,14 +773,14 @@ const VvAlertGroupProps = {
 };
 const VvAlertGroupEvents = [
   "close",
-  "before-enter",
-  "after-leave",
+  "beforeEnter",
+  "afterLeave",
   "enter",
-  "after-enter",
-  "enter-cancelled",
-  "before-leave",
+  "afterEnter",
+  "enterCancelled",
+  "beforeLeave",
   "leave",
-  "leave-cancelled"
+  "leaveCancelled"
 ];
 function useVvAlertGroup(props, emit) {
   const bus = useProvideAlertGroup({ name: computed(() => props.name) });

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

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

package/dist/components/VvDialog/VvDialog.es.js

@@ -421,14 +421,14 @@ const VvDialogEvents = [
   "open",
   "close",
   "update:modelValue",
-  "before-enter",
-  "after-leave",
+  "beforeEnter",
+  "afterLeave",
   "enter",
-  "after-enter",
-  "enter-cancelled",
-  "before-leave",
+  "afterEnter",
+  "enterCancelled",
+  "beforeLeave",
   "leave",
-  "leave-cancelled"
+  "leaveCancelled"
 ];
 const VvDialogProps = {
   ...IdProps,

package/dist/components/VvDialog/VvDialog.umd.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue"),require("@iconify/vue"),require("@vueuse/core")):"function"==typeof define&&define.amd?define(["vue","@iconify/vue","@vueuse/core"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvDialog=o(e.vue,e.vue$1,e.core)}(this,(function(e,o,t){"use strict";const n={prefix:"normal"};var l=(e=>(e.local="local",e.session="session",e))(l||{}),r=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(r||{}),a=(e=>(e.before="before",e.after="after",e))(a||{}),i=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(i||{}),s=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(s||{});const c=Symbol.for("volver");const u=e.defineComponent({name:"VvIcon",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:{}},n),setup(t){const n=t,l=e.computed((()=>"string"==typeof n.rotate?Number.parseFloat(n.rotate):n.rotate)),r=e.ref(!0),a=e.inject(c),{modifiers:i}=e.toRefs(n),s=function(o,t,n){return e.computed((()=>{const l={[o]:!0},r="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return r&&Array.isArray(r)&&r.forEach((e=>{e&&(l[`${o}--${e}`]=!0)})),n&&Object.keys(n.value).forEach((t=>{l[`${o}--${t}`]=e.unref(n.value[t])})),l}))}("vv-icon",i),u=e.computed((()=>n.provider||(null==a?void 0:a.iconsProvider))),d=e.computed((()=>{const e=n.name??"",t=`@${u.value}:${n.prefix}:${e}`;if(o.iconExists(t))return t;const l=null==a?void 0:a.iconsCollections.find((t=>{const n=`@${u.value}:${t.prefix}:${e}`;return o.iconExists(n)}));return l?`@${u.value}:${l.prefix}:${e}`:e}));function v(e){const t=function(e){let o;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");o=(new e).window}return(o?new o.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),l=(null==t?void 0:t.innerHTML.trim())||"";t&&l&&o.addIcon(`@${u.value}:${n.prefix}:${n.name}`,{body:l,height:t.viewBox.baseVal.height,width:t.viewBox.baseVal.width})}return a&&n.src&&!o.iconExists(`@${u.value}:${n.prefix}:${n.name}`)&&(r.value=!1,a.fetchIcon(n.src).then((e=>{e&&(v(e),r.value=!0)})).catch((e=>{throw new Error(`Error during fetch icon: ${null==e?void 0:e.message}`)}))),n.svg&&v(n.svg),(t,n)=>e.unref(r)?(e.openBlock(),e.createBlock(e.unref(o.Icon),e.mergeProps({key:0,class:e.unref(s)},{inline:t.inline,width:t.width,height:t.height,horizontalFlip:t.horizontalFlip,verticalFlip:t.verticalFlip,flip:t.flip,rotate:e.unref(l),color:t.color,onLoad:t.onLoad,icon:e.unref(d)}),null,16,["class"])):e.createCommentVNode("v-if",!0)}});Boolean,Boolean,Boolean,Boolean;a.before;const d={id:[String,Number]};r.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,i.button,s.button,l.local;const v={...d,title:String,modelValue:{type:Boolean,default:void 0},transition:{type:String,default:"fade-block"},size:String,keepOpen:{type:Boolean,default:!1}},f={key:0,class:"vv-dialog__header"},p={class:"vv-dialog__content"},m={key:1,class:"vv-dialog__footer"};return e.defineComponent({name:"VvDialog",props:v,emits:["open","close","update:modelValue","before-enter","after-leave","enter","after-enter","enter-cancelled","before-leave","leave","leave-cancelled"],setup(o,{expose:n,emit:l}){const r=o,a=l,i=e.ref(),s=t.useVModel(r,"modelValue",a),c=e.ref(!1),d=e.computed({get:()=>s.value??c.value,set:e=>{void 0!==s.value?s.value=e:c.value=e}}),v=e.ref(null),g=e.computed((()=>{const{id:e}=r;return{id:e}})),h=e.computed((()=>r.size?["vv-dialog",`vv-dialog--${r.size}`]:"vv-dialog")),b=e.computed((()=>`vv-dialog--${r.transition}`)),y={"before-enter":()=>{var e,o;(null==(e=i.value)?void 0:e.open)||null==(o=i.value)||o.showModal(),a("open"),a("beforeEnter")},"after-leave":()=>{var e,o;(null==(e=i.value)?void 0:e.open)&&(null==(o=i.value)||o.close()),a("close"),a("afterLeave")},enter:()=>{a("enter")},"after-enter":()=>{a("afterEnter")},"enter-cancelled":()=>{a("enterCancelled")},"before-leave":()=>{a("beforeLeave")},leave:()=>{a("leave")},"leave-cancelled":()=>{a("leaveCancelled")}};function $(){d.value=!1}function B(){r.keepOpen||$()}return t.onClickOutside(v,(()=>{r.keepOpen||$()})),n({close:$,open:function(){d.value=!0}}),(o,t)=>(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({name:e.unref(b)},e.toHandlers(y),{persisted:""}),{default:e.withCtx((()=>[e.withDirectives(e.createElementVNode("dialog",e.mergeProps(e.unref(g),{ref_key:"dialogEl",ref:i,class:e.unref(h),onCancel:e.withModifiers(B,["stop","prevent"])}),[e.createElementVNode("article",{ref_key:"modalWrapper",ref:v,class:"vv-dialog__wrapper"},[o.$slots.header||o.title?(e.openBlock(),e.createElementBlock("header",f,[e.renderSlot(o.$slots,"header",{},(()=>[e.createTextVNode(e.toDisplayString(o.title)+" ",1),e.createElementVNode("button",{type:"button","aria-label":"Close",class:"vv-dialog__close",onClickPassive:$},[e.createVNode(u,{name:"close"})],32)]))])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",p,[e.renderSlot(o.$slots,"default")]),o.$slots.footer?(e.openBlock(),e.createElementBlock("footer",m,[e.renderSlot(o.$slots,"footer")])):e.createCommentVNode("v-if",!0)],512)],16),[[e.vShow,e.unref(d)]])])),_:3},16,["name"]))}})}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue"),require("@iconify/vue"),require("@vueuse/core")):"function"==typeof define&&define.amd?define(["vue","@iconify/vue","@vueuse/core"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvDialog=o(e.vue,e.vue$1,e.core)}(this,(function(e,o,t){"use strict";const n={prefix:"normal"};var l=(e=>(e.local="local",e.session="session",e))(l||{}),r=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(r||{}),a=(e=>(e.before="before",e.after="after",e))(a||{}),i=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(i||{}),s=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(s||{});const u=Symbol.for("volver");const c=e.defineComponent({name:"VvIcon",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:{}},n),setup(t){const n=t,l=e.computed((()=>"string"==typeof n.rotate?Number.parseFloat(n.rotate):n.rotate)),r=e.ref(!0),a=e.inject(u),{modifiers:i}=e.toRefs(n),s=function(o,t,n){return e.computed((()=>{const l={[o]:!0},r="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return r&&Array.isArray(r)&&r.forEach((e=>{e&&(l[`${o}--${e}`]=!0)})),n&&Object.keys(n.value).forEach((t=>{l[`${o}--${t}`]=e.unref(n.value[t])})),l}))}("vv-icon",i),c=e.computed((()=>n.provider||(null==a?void 0:a.iconsProvider))),d=e.computed((()=>{const e=n.name??"",t=`@${c.value}:${n.prefix}:${e}`;if(o.iconExists(t))return t;const l=null==a?void 0:a.iconsCollections.find((t=>{const n=`@${c.value}:${t.prefix}:${e}`;return o.iconExists(n)}));return l?`@${c.value}:${l.prefix}:${e}`:e}));function v(e){const t=function(e){let o;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");o=(new e).window}return(o?new o.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),l=(null==t?void 0:t.innerHTML.trim())||"";t&&l&&o.addIcon(`@${c.value}:${n.prefix}:${n.name}`,{body:l,height:t.viewBox.baseVal.height,width:t.viewBox.baseVal.width})}return a&&n.src&&!o.iconExists(`@${c.value}:${n.prefix}:${n.name}`)&&(r.value=!1,a.fetchIcon(n.src).then((e=>{e&&(v(e),r.value=!0)})).catch((e=>{throw new Error(`Error during fetch icon: ${null==e?void 0:e.message}`)}))),n.svg&&v(n.svg),(t,n)=>e.unref(r)?(e.openBlock(),e.createBlock(e.unref(o.Icon),e.mergeProps({key:0,class:e.unref(s)},{inline:t.inline,width:t.width,height:t.height,horizontalFlip:t.horizontalFlip,verticalFlip:t.verticalFlip,flip:t.flip,rotate:e.unref(l),color:t.color,onLoad:t.onLoad,icon:e.unref(d)}),null,16,["class"])):e.createCommentVNode("v-if",!0)}});Boolean,Boolean,Boolean,Boolean;a.before;const d={id:[String,Number]};r.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,i.button,s.button,l.local;const v={...d,title:String,modelValue:{type:Boolean,default:void 0},transition:{type:String,default:"fade-block"},size:String,keepOpen:{type:Boolean,default:!1}},f={key:0,class:"vv-dialog__header"},p={class:"vv-dialog__content"},m={key:1,class:"vv-dialog__footer"};return e.defineComponent({name:"VvDialog",props:v,emits:["open","close","update:modelValue","beforeEnter","afterLeave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"],setup(o,{expose:n,emit:l}){const r=o,a=l,i=e.ref(),s=t.useVModel(r,"modelValue",a),u=e.ref(!1),d=e.computed({get:()=>s.value??u.value,set:e=>{void 0!==s.value?s.value=e:u.value=e}}),v=e.ref(null),g=e.computed((()=>{const{id:e}=r;return{id:e}})),h=e.computed((()=>r.size?["vv-dialog",`vv-dialog--${r.size}`]:"vv-dialog")),b=e.computed((()=>`vv-dialog--${r.transition}`)),y={"before-enter":()=>{var e,o;(null==(e=i.value)?void 0:e.open)||null==(o=i.value)||o.showModal(),a("open"),a("beforeEnter")},"after-leave":()=>{var e,o;(null==(e=i.value)?void 0:e.open)&&(null==(o=i.value)||o.close()),a("close"),a("afterLeave")},enter:()=>{a("enter")},"after-enter":()=>{a("afterEnter")},"enter-cancelled":()=>{a("enterCancelled")},"before-leave":()=>{a("beforeLeave")},leave:()=>{a("leave")},"leave-cancelled":()=>{a("leaveCancelled")}};function $(){d.value=!1}function B(){r.keepOpen||$()}return t.onClickOutside(v,(()=>{r.keepOpen||$()})),n({close:$,open:function(){d.value=!0}}),(o,t)=>(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({name:e.unref(b)},e.toHandlers(y),{persisted:""}),{default:e.withCtx((()=>[e.withDirectives(e.createElementVNode("dialog",e.mergeProps(e.unref(g),{ref_key:"dialogEl",ref:i,class:e.unref(h),onCancel:e.withModifiers(B,["stop","prevent"])}),[e.createElementVNode("article",{ref_key:"modalWrapper",ref:v,class:"vv-dialog__wrapper"},[o.$slots.header||o.title?(e.openBlock(),e.createElementBlock("header",f,[e.renderSlot(o.$slots,"header",{},(()=>[e.createTextVNode(e.toDisplayString(o.title)+" ",1),e.createElementVNode("button",{type:"button","aria-label":"Close",class:"vv-dialog__close",onClickPassive:$},[e.createVNode(c,{name:"close"})],32)]))])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",p,[e.renderSlot(o.$slots,"default")]),o.$slots.footer?(e.openBlock(),e.createElementBlock("footer",m,[e.renderSlot(o.$slots,"footer")])):e.createCommentVNode("v-if",!0)],512)],16),[[e.vShow,e.unref(d)]])])),_:3},16,["name"]))}})}));

package/dist/components/VvDropdown/VvDropdown.vue.d.ts

@@ -187,20 +187,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     customPosition: Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-    "before-enter": (...args: any[]) => void;
-    "after-leave": (...args: any[]) => void;
-    enter: (...args: any[]) => void;
-    leave: (...args: any[]) => void;
     beforeEnter: (...args: any[]) => void;
     afterLeave: (...args: any[]) => void;
+    enter: (...args: any[]) => void;
     afterEnter: (...args: any[]) => void;
     enterCancelled: (...args: any[]) => void;
     beforeLeave: (...args: any[]) => void;
+    leave: (...args: any[]) => void;
     leaveCancelled: (...args: any[]) => void;
     beforeExpand: (...args: any[]) => void;
     beforeCollapse: (...args: any[]) => void;
     afterExpand: (...args: any[]) => void;
     afterCollapse: (...args: any[]) => void;
+    "before-enter": (...args: any[]) => void;
+    "after-leave": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
@@ -390,12 +390,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onAfterLeave?: ((...args: any[]) => any) | undefined;
     onLeaveCancelled?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    "onBefore-enter"?: ((...args: any[]) => any) | undefined;
-    "onAfter-leave"?: ((...args: any[]) => any) | undefined;
     onBeforeExpand?: ((...args: any[]) => any) | undefined;
     onBeforeCollapse?: ((...args: any[]) => any) | undefined;
     onAfterExpand?: ((...args: any[]) => any) | undefined;
     onAfterCollapse?: ((...args: any[]) => any) | undefined;
+    "onBefore-enter"?: ((...args: any[]) => any) | undefined;
+    "onAfter-leave"?: ((...args: any[]) => any) | undefined;
 }, {
     reference: HTMLElement | null;
     size: boolean | {

package/dist/components/index.es.js

@@ -1825,14 +1825,14 @@ const VvAlertGroupProps = {
 };
 const VvAlertGroupEvents = [
   "close",
-  "before-enter",
-  "after-leave",
+  "beforeEnter",
+  "afterLeave",
   "enter",
-  "after-enter",
-  "enter-cancelled",
-  "before-leave",
+  "afterEnter",
+  "enterCancelled",
+  "beforeLeave",
   "leave",
-  "leave-cancelled"
+  "leaveCancelled"
 ];
 function useVvAlertGroup(props, emit) {
   const bus = useProvideAlertGroup({ name: computed(() => props.name) });
@@ -5126,14 +5126,14 @@ const VvDialogEvents = [
   "open",
   "close",
   "update:modelValue",
-  "before-enter",
-  "after-leave",
+  "beforeEnter",
+  "afterLeave",
   "enter",
-  "after-enter",
-  "enter-cancelled",
-  "before-leave",
+  "afterEnter",
+  "enterCancelled",
+  "beforeLeave",
   "leave",
-  "leave-cancelled"
+  "leaveCancelled"
 ];
 const VvDialogProps = {
   ...IdProps,