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

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) });
@@ -883,6 +883,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "before"),
           createVNode(TransitionGroup, mergeProps({
             tag: "div",
+            role: "group",
             name: unref(hasTransition),
             class: "vv-alert-group__list"
           }, toHandlers(alertGroupTransitionHandlers)), {

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 r={prefix:"normal"};var n=(e=>(e.local="local",e.session="session",e))(n||{}),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 r={[t]:!0},n="string"==typeof(null==o?void 0:o.value)?o.value.split(" "):null==o?void 0:o.value;return n&&Array.isArray(n)&&n.forEach((e=>{e&&(r[`${t}--${e}`]=!0)})),l&&Object.keys(l.value).forEach((o=>{r[`${t}--${o}`]=e.unref(l.value[o])})),r}))}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:{}},r),setup(o){const l=o,r=e.computed((()=>"string"==typeof l.rotate?Number.parseFloat(l.rotate):l.rotate)),n=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 r=null==a?void 0:a.iconsCollections.find((o=>{const l=`@${u.value}:${o.prefix}:${e}`;return t.iconExists(l)}));return r?`@${u.value}:${r.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),r=(null==o?void 0:o.innerHTML.trim())||"";o&&r&&t.addIcon(`@${u.value}:${l.prefix}:${l.name}`,{body:r,height:o.viewBox.baseVal.height,width:o.viewBox.baseVal.width})}return a&&l.src&&!t.iconExists(`@${u.value}:${l.prefix}:${l.name}`)&&(n.value=!1,a.fetchIcon(l.src).then((e=>{e&&(v(e),n.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(n)?(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(r),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,n.local;const g={...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 y(t,l){const{bus:r}=e.inject(v,{}),n=(s=e.computed((()=>t.id)),e.computed((()=>String((null==s?void 0:s.value)||o.uid()))));var s;const u=e.computed((()=>`${n.value}-title`));let c;const d=()=>{c&&clearTimeout(c),l("close",n.value),null==r||r.emit("close",n.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)),r=e.computed((()=>(null==o?void 0:o.value)===i.before?l.value:void 0)),n=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:r,hasIconAfter:n}}(e.computed((()=>t.icon))),g=f("vv-alert",e.computed((()=>t.modifiers)),e.computed((()=>({dismissable:t.autoClose>0||t.dismissable,"auto-close":t.autoClose>0,hover:p.value})))),y=e.computed((()=>({"--alert-duration":`${t.autoClose}ms`})));return{close:d,hasIcon:h,hasTitleId:u,hasProps:e.computed((()=>({onMouseover:m,onMouseleave:b,class:g.value,style:y.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:g,emits:["close"],setup(t,{expose:o,emit:l}){const r=t,n=l,{hasProps:a,hasTitleId:i,hasIcon:s,close:u}=y(r,n);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 r=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 n=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 r.on("close",(e=>{o("close",e)})),{hasTransition:a,hasProps:e.computed((()=>({class:n.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,r=o,{hasProps:n,hasTransition:a}=V(l,r),i={"before-enter":()=>{r("beforeEnter")},"after-leave":()=>{r("afterLeave")},enter:()=>{r("enter")},"after-enter":()=>{r("afterEnter")},"enter-cancelled":()=>{r("enterCancelled")},"before-leave":()=>{r("beforeLeave")},leave:()=>{r("leave")},"leave-cancelled":()=>{r("leaveCancelled")}};return(t,o)=>(e.openBlock(),e.createElementBlock("div",e.normalizeProps(e.guardReactiveProps(e.unref(n))),[e.renderSlot(t.$slots,"before"),e.createVNode(e.TransitionGroup,e.mergeProps({tag:"div",role:"group",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

@@ -260,6 +260,15 @@ const LabelProps = {
     default: void 0
   }
 };
+const ModifiersProps = {
+  /**
+   * Component BEM modifiers
+   */
+  modifiers: {
+    type: [String, Array],
+    default: void 0
+  }
+};
 ({
   /**
    * VvIcon name or props
@@ -421,16 +430,17 @@ 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 = {
+  ...ModifiersProps,
   ...IdProps,
   /**
    * Dialog title
@@ -489,18 +499,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     const modalWrapper = ref(null);
+    const { modifiers } = toRefs(props);
+    const bemCssClasses = useModifiers(
+      "vv-dialog",
+      modifiers,
+      computed(() => {
+        if (props.size) {
+          return { [props.size]: !!props.size };
+        }
+        return {};
+      })
+    );
     const dialogAttrs = computed(() => {
       const { id } = props;
       return {
         id
       };
     });
-    const dialogClass = computed(() => {
-      if (!props.size) {
-        return "vv-dialog";
-      }
-      return ["vv-dialog", `vv-dialog--${props.size}`];
-    });
     const transitioName = computed(() => `vv-dialog--${props.transition}`);
     const dialogTransitionHandlers = {
       "before-enter": () => {
@@ -563,7 +578,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             mergeProps(unref(dialogAttrs), {
               ref_key: "dialogEl",
               ref: dialogEl,
-              class: unref(dialogClass),
+              class: unref(bemCssClasses),
               onCancel: withModifiers(onCancel, ["stop", "prevent"])
             }),
             [

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 r=(e=>(e.local="local",e.session="session",e))(r||{}),l=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(l||{}),i=(e=>(e.before="before",e.after="after",e))(i||{}),a=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(a||{}),s=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(s||{});const u=Symbol.for("volver");function c(o,t,n){return e.computed((()=>{const r={[o]:!0},l="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return l&&Array.isArray(l)&&l.forEach((e=>{e&&(r[`${o}--${e}`]=!0)})),n&&Object.keys(n.value).forEach((t=>{r[`${o}--${t}`]=e.unref(n.value[t])})),r}))}const d=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,r=e.computed((()=>"string"==typeof n.rotate?Number.parseFloat(n.rotate):n.rotate)),l=e.ref(!0),i=e.inject(u),{modifiers:a}=e.toRefs(n),s=c("vv-icon",a),d=e.computed((()=>n.provider||(null==i?void 0:i.iconsProvider))),f=e.computed((()=>{const e=n.name??"",t=`@${d.value}:${n.prefix}:${e}`;if(o.iconExists(t))return t;const r=null==i?void 0:i.iconsCollections.find((t=>{const n=`@${d.value}:${t.prefix}:${e}`;return o.iconExists(n)}));return r?`@${d.value}:${r.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),r=(null==t?void 0:t.innerHTML.trim())||"";t&&r&&o.addIcon(`@${d.value}:${n.prefix}:${n.name}`,{body:r,height:t.viewBox.baseVal.height,width:t.viewBox.baseVal.width})}return i&&n.src&&!o.iconExists(`@${d.value}:${n.prefix}:${n.name}`)&&(l.value=!1,i.fetchIcon(n.src).then((e=>{e&&(v(e),l.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(l)?(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(r),color:t.color,onLoad:t.onLoad,icon:e.unref(f)}),null,16,["class"])):e.createCommentVNode("v-if",!0)}}),f=(Boolean,Boolean,Boolean,Boolean,{modifiers:{type:[String,Array],default:void 0}});i.before;const v={id:[String,Number]};l.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,a.button,s.button,r.local;const p={...f,...v,title:String,modelValue:{type:Boolean,default:void 0},transition:{type:String,default:"fade-block"},size:String,keepOpen:{type:Boolean,default:!1}},m={key:0,class:"vv-dialog__header"},g={class:"vv-dialog__content"},h={key:1,class:"vv-dialog__footer"};return e.defineComponent({name:"VvDialog",props:p,emits:["open","close","update:modelValue","beforeEnter","afterLeave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"],setup(o,{expose:n,emit:r}){const l=o,i=r,a=e.ref(),s=t.useVModel(l,"modelValue",i),u=e.ref(!1),f=e.computed({get:()=>s.value??u.value,set:e=>{void 0!==s.value?s.value=e:u.value=e}}),v=e.ref(null),{modifiers:p}=e.toRefs(l),b=c("vv-dialog",p,e.computed((()=>l.size?{[l.size]:!!l.size}:{}))),y=e.computed((()=>{const{id:e}=l;return{id:e}})),B=e.computed((()=>`vv-dialog--${l.transition}`)),$={"before-enter":()=>{var e,o;(null==(e=a.value)?void 0:e.open)||null==(o=a.value)||o.showModal(),i("open"),i("beforeEnter")},"after-leave":()=>{var e,o;(null==(e=a.value)?void 0:e.open)&&(null==(o=a.value)||o.close()),i("close"),i("afterLeave")},enter:()=>{i("enter")},"after-enter":()=>{i("afterEnter")},"enter-cancelled":()=>{i("enterCancelled")},"before-leave":()=>{i("beforeLeave")},leave:()=>{i("leave")},"leave-cancelled":()=>{i("leaveCancelled")}};function k(){f.value=!1}function w(){l.keepOpen||k()}return t.onClickOutside(v,(()=>{l.keepOpen||k()})),n({close:k,open:function(){f.value=!0}}),(o,t)=>(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({name:e.unref(B)},e.toHandlers($),{persisted:""}),{default:e.withCtx((()=>[e.withDirectives(e.createElementVNode("dialog",e.mergeProps(e.unref(y),{ref_key:"dialogEl",ref:a,class:e.unref(b),onCancel:e.withModifiers(w,["stop","prevent"])}),[e.createElementVNode("article",{ref_key:"modalWrapper",ref:v,class:"vv-dialog__wrapper"},[o.$slots.header||o.title?(e.openBlock(),e.createElementBlock("header",m,[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:k},[e.createVNode(d,{name:"close"})],32)]))])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",g,[e.renderSlot(o.$slots,"default")]),o.$slots.footer?(e.openBlock(),e.createElementBlock("footer",h,[e.renderSlot(o.$slots,"footer")])):e.createCommentVNode("v-if",!0)],512)],16),[[e.vShow,e.unref(f)]])])),_:3},16,["name"]))}})}));

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

@@ -14,6 +14,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     id: (StringConstructor | NumberConstructor)[];
+    modifiers: {
+        type: globalThis.PropType<string | string[]>;
+        default: undefined;
+    };
 }, {
     close: () => void;
     open: () => void;
@@ -35,8 +39,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     id: (StringConstructor | NumberConstructor)[];
+    modifiers: {
+        type: globalThis.PropType<string | string[]>;
+        default: undefined;
+    };
 }>>, {
     modelValue: boolean;
+    modifiers: string | string[];
     transition: string;
     keepOpen: boolean;
 }, {}>, {

package/dist/components/VvDialog/index.d.ts

@@ -30,4 +30,8 @@ export declare const VvDialogProps: {
         default: boolean;
     };
     id: (StringConstructor | NumberConstructor)[];
+    modifiers: {
+        type: globalThis.PropType<string | string[]>;
+        default: undefined;
+    };
 };

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) });
@@ -1935,6 +1935,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "before"),
           createVNode(TransitionGroup, mergeProps({
             tag: "div",
+            role: "group",
             name: unref(hasTransition),
             class: "vv-alert-group__list"
           }, toHandlers(alertGroupTransitionHandlers)), {
@@ -5126,16 +5127,17 @@ 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 = {
+  ...ModifiersProps,
   ...IdProps,
   /**
    * Dialog title
@@ -5194,18 +5196,23 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       }
     });
     const modalWrapper = ref(null);
+    const { modifiers } = toRefs(props);
+    const bemCssClasses = useModifiers(
+      "vv-dialog",
+      modifiers,
+      computed(() => {
+        if (props.size) {
+          return { [props.size]: !!props.size };
+        }
+        return {};
+      })
+    );
     const dialogAttrs = computed(() => {
       const { id } = props;
       return {
         id
       };
     });
-    const dialogClass = computed(() => {
-      if (!props.size) {
-        return "vv-dialog";
-      }
-      return ["vv-dialog", `vv-dialog--${props.size}`];
-    });
     const transitioName = computed(() => `vv-dialog--${props.transition}`);
     const dialogTransitionHandlers = {
       "before-enter": () => {
@@ -5268,7 +5275,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             mergeProps(unref(dialogAttrs), {
               ref_key: "dialogEl",
               ref: dialogEl,
-              class: unref(dialogClass),
+              class: unref(bemCssClasses),
               onCancel: withModifiers(onCancel, ["stop", "prevent"])
             }),
             [