@volverjs/ui-vue 0.0.13-beta.9 → 0.0.14

package/dist/components/VvAccordionGroup/VvAccordionGroup.umd.js

@@ -1 +1 @@
-(function(e,b){typeof exports=="object"&&typeof module<"u"?module.exports=b(require("vue"),require("mitt"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","mitt","@vueuse/core"],b):(e=typeof globalThis<"u"?globalThis:e||self,e.VvAccordionGroup=b(e.Vue,e.mitt,e.VueuseCore))})(this,function(e,b,x){var U=Object.create,G=Object.defineProperty,H=Object.getOwnPropertyDescriptor,J=Object.getOwnPropertyNames,T=Object.getPrototypeOf,W=Object.prototype.hasOwnProperty,Q=(t,n,f,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(var l=J(n),a=0,d=l.length,i;a<d;a++)i=l[a],!W.call(t,i)&&i!==f&&G(t,i,{get:(S=>n[S]).bind(null,i),enumerable:!(o=H(n,i))||o.enumerable});return t},X=(t,n,f)=>(f=t!=null?U(T(t)):{},Q(n||!t||!t.__esModule?G(f,"default",{value:t,enumerable:!0}):f,t));b=X(b);var Z={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},K=(function(t){return t.simple="simple",t.normal="normal",t.detailed="detailed",t})({}),$e={prefix:K.normal},A=(function(t){return t.local="local",t.session="session",t})({}),ee=(function(t){return t.absolute="absolute",t.fixed="fixed",t})({}),I=(function(t){return t.left="left",t.right="right",t.top="top",t.bottom="bottom",t})({}),te=(function(t){return t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t})({}),L=(function(t){return t.before="before",t.after="after",t})({}),M=(function(t){return t.button="button",t.submit="submit",t.reset="reset",t})({}),re=(function(t){return t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t})({}),D=Symbol.for("accordionGroup"),oe={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},E={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},N={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},$={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},V={disabled:{type:Boolean,default:!1}},q={required:{type:Boolean,default:!1}},ae={active:{type:Boolean,default:!1}},ne={current:{type:Boolean,default:!1}},ke={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:Z.clear},labelClear:{type:String,default:"Clear"}},le={pressed:{type:Boolean,default:!1}},w={label:{type:[String,Number],default:void 0}},k={readonly:{type:Boolean,default:!1}},B={modifiers:{type:[String,Array],default:void 0}},R={hintLabel:{type:String,default:""}},ie={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},se={count:{type:[Boolean,String],default:!1,validator:t=>[!0,!1,"limit","countdown"].includes(t)}},ue={debounce:{type:[Number,String],default:void 0}},de={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:L.before,validation:t=>Object.values(L).includes(t)}},z={tabindex:{type:[String,Number],default:0}},fe={floating:{type:Boolean,default:!1}},ce={id:[String,Number]},Re={placement:{type:String,default:I.bottom,validator:t=>Object.values(I).includes(t)||Object.values(te).includes(t)},strategy:{type:String,default:void 0,validator:t=>Object.values(ee).includes(t)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},F={...ce,name:{type:String,required:!0}},pe={autofocus:{type:Boolean,default:!1}},ve={autocomplete:{type:String,default:"off"}},Ge={...F,...pe,...ve,...z,...V,...k,...E,...N,...R,...$,...B,...se,...ue,...de,...fe,...w,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...q},Ie={...F,...z,...E,...N,...R,...V,...k,...B,...w,...$,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},Le={...E,...N,...ie,...R,...V,...k,...B,...w,...$,...q,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},Me={...V,...w,...le,...ae,...ne,...oe,type:{type:String,default:M.button,validator:t=>Object.values(M).includes(t)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:re.button}},me={storageType:{type:String,default:A.local,validator:t=>Object.values(A).includes(t)},storageKey:String},ge={...B,...me,modelValue:{type:[String,Array],default:void 0},items:{type:Array,default:()=>[]},collapse:Boolean,itemModifiers:{type:[String,Array],default:""},disabled:Boolean,not:Boolean},ye=["update:modelValue"];function be(t){const n=(0,e.inject)(t,void 0),f=(0,e.computed)(()=>n!==void 0);function o(l,a,d){const i=n?.[l];if(i)return(0,e.computed)({get(){return i.value},set(P){i.value=P}});const S=(0,e.toRef)(a,l);return(0,e.computed)({get(){return S.value},set(P){d&&d(`update:${l}`,P)}})}return{group:n,isInGroup:f,getGroupOrLocalRef:o}}var Se={...B,name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},disabled:Boolean,not:Boolean},Pe=["update:modelValue"];function _e(t){const{group:n,isInGroup:f}=be(D),o=(0,e.computed)(()=>!!(t.disabled||n?.disabled.value));return{isInGroup:f,group:n,modifiers:(0,e.computed)(()=>{let l=t.modifiers,a=n?.modifiers.value;const d=new Set;return l&&(Array.isArray(l)||(l=l.split(" ")),l.forEach(i=>d.add(i))),a&&(Array.isArray(a)||(a=a.split(" ")),a.forEach(i=>d.add(i))),[...d]}),disabled:o,bus:n?.bus}}function Y(t,n,f){return(0,e.computed)(()=>{const o={[t]:!0},l=typeof n?.value=="string"?n.value.split(" "):n?.value;return l&&Array.isArray(l)&&l.forEach(a=>{a&&(o[`${t}--${a}`]=!0)}),f&&Object.keys(f.value).forEach(a=>{o[`${t}--${a}`]=(0,e.unref)(f.value[a])}),o})}var he=["id","open"],Ae=["aria-controls","aria-expanded"],Be=["aria-hidden"],Oe={name:"VvAccordion"},Ve=(0,e.defineComponent)({...Oe,props:Se,emits:Pe,setup(t,{expose:n,emit:f}){const o=t,l=f,a=(0,e.useAttrs)(),d=(0,x.useVModel)(o,"modelValue",l),i=(0,e.computed)(()=>o.name||a?.id||(0,e.useId)()),{title:S,content:P,not:C}=(0,e.toRefs)(o),{isInGroup:g,modifiers:j,disabled:v,bus:p}=_e(o),s=(0,e.ref)(!1);(0,e.watch)(d,u=>{typeof u=="boolean"&&(s.value=C.value?!u:u)},{immediate:!0}),(0,e.watch)(s,u=>{d.value=C.value?!u:u}),p?.on("toggle",({name:u,value:y})=>{u===i.value&&(s.value=y)});function _(){if(!v.value){if(g.value){p?.emit("toggle",{name:i.value,value:!s.value});return}s.value=!s.value}}(0,e.watch)(i,(u,y)=>{p&&(y&&y!==u&&p.emit("unregister",{name:y}),p.emit("register",{name:u}))},{immediate:!0}),(0,e.onBeforeUnmount)(()=>{p&&p.emit("unregister",{name:i.value})});function h(){s.value||_()}function O(){s.value&&_()}function r(u){if(!p){console.warn(`[VvAccordion]: You are trying to expand accordion group of "${i.value}" but it is not in a group`);return}p.emit("expand",{name:u})}function c(u){if(!p){console.warn(`[VvAccordion]: You are trying to collapse accordion group of "${i.value}" but it is not in a group`);return}p?.emit("collapse",{name:u})}n({isExpanded:s,expand:h,collapse:O,groupExpand:r,groupCollapse:c});const m=Y("vv-accordion",j,(0,e.computed)(()=>({disabled:v.value})));return(u,y)=>((0,e.openBlock)(),(0,e.createElementBlock)("details",{id:(0,e.unref)(i),class:(0,e.normalizeClass)((0,e.unref)(m)),open:(0,e.unref)(s)},[(0,e.createElementVNode)("summary",{"aria-controls":(0,e.unref)(i),"aria-expanded":(0,e.unref)(s),class:"vv-accordion__summary",onClick:y[0]||(y[0]=(0,e.withModifiers)(De=>_(),["prevent"]))},[(0,e.renderSlot)(u.$slots,"summary",(0,e.normalizeProps)((0,e.guardReactiveProps)({isExpanded:(0,e.unref)(s),expand:h,collapse:O,groupExpand:r,groupCollapse:c})),()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(S)),1)])],8,Ae),(0,e.createElementVNode)("div",{"aria-hidden":!(0,e.unref)(s),class:"vv-accordion__content"},[(0,e.renderSlot)(u.$slots,"default",(0,e.normalizeProps)((0,e.guardReactiveProps)({isExpanded:(0,e.unref)(s),expand:h,collapse:O,groupExpand:r,groupCollapse:c})),()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(P)),1)])],8,Be)],10,he))}}),we=Ve;function Ce(t,n=A.local,f){const o=(0,e.ref)();f&&(o.value=f);let l;return(0,e.onMounted)(()=>{t&&(0,e.watch)(t,(a,d)=>{const i=(0,e.unref)(n)===A.session?sessionStorage:localStorage;if(d&&d!==a&&i.removeItem(d),a){l=(0,x.useStorage)(a,l?.value??o.value,i),l.value&&(o.value=l.value);return}l=void 0},{immediate:!0}),(0,e.isRef)(n)&&(0,e.watch)(n,(a,d)=>{if(t?.value){if(a){const i=a===A.session?sessionStorage:localStorage;l=(0,x.useStorage)(t.value,l?.value??o.value,i)}d&&d!==a&&(d===A.session?sessionStorage:localStorage).removeItem(t.value)}})}),(0,e.watch)(o,a=>{l&&(l.value=a)},{deep:!0,immediate:!0}),o}function je(t,n){(0,e.provide)(t,n)}var xe={name:"VvAccordionGroup"},Ee=(0,e.defineComponent)({...xe,props:ge,emits:ye,setup(t,{expose:n,emit:f}){const o=t,l=f,{disabled:a,modifiers:d,itemModifiers:i,items:S,storageKey:P,storageType:C}=(0,e.toRefs)(o);(0,e.watchEffect)(()=>{typeof o.modelValue=="string"&&o.collapse&&console.warn("[VvAccordionGroup]: modelValue is a string but collapse is true.")});const g=(0,e.reactive)(new Set),j=Ce(P,C,[]),v=(0,e.computed)({get:()=>o.modelValue!==null&&o.modelValue!==void 0?o.modelValue:j.value,set:r=>{l("update:modelValue",r),j.value=r}}),p=(0,e.computed)({get:()=>{if(v.value===void 0)return new Set;let r=new Set;return o.not?typeof v.value=="string"?r=new Set([...g].filter(c=>c!==v.value)):Array.isArray(v.value)&&(r=new Set([...g].filter(c=>!v.value.includes(c)))):typeof v.value=="string"?r=new Set([v.value]):Array.isArray(v.value)&&(r=new Set(v.value)),r},set:r=>{if(o.not){v.value=[...g].filter(c=>!r.has(c));return}if(o.collapse){v.value=[...r];return}v.value=r.values().next().value}});(0,e.onMounted)(()=>{o.not&&v.value===void 0&&(v.value=o.collapse?[]:[...g.values()].toSpliced(0,1)),(0,e.nextTick)(()=>{for(const r of g)s.emit("toggle",{name:r,value:p.value.has(r)})})});const s=(0,b.default)();je(D,{disabled:a,modifiers:i,bus:s}),s.on("register",({name:r})=>{g.add(r)}),s.on("unregister",({name:r})=>{g.delete(r)}),s.on("toggle",({name:r,value:c})=>{const m=new Set(p.value);if(c){if(!o.collapse){for(const u of m)u!==r&&s.emit("toggle",{name:u,value:!1});m.clear()}m.add(r),p.value=m;return}m.delete(r),p.value=m});function _(r){if(typeof r=="string"){s.emit("toggle",{name:r,value:!0});return}if(Array.isArray(r)){for(const c of r)s.emit("toggle",{name:c,value:!0});return}for(const c of g)s.emit("toggle",{name:c,value:!0})}s.on("expand",({name:r})=>_(r));function h(r){if(typeof r=="string"){s.emit("toggle",{name:r,value:!1});return}if(Array.isArray(r)){for(const c of r)s.emit("toggle",{name:c,value:!1});return}for(const c of g)s.emit("toggle",{name:c,value:!1})}s.on("collapse",({name:r})=>h(r)),n({expandedAccordions:p,expand:_,collapse:h});const O=Y("vv-accordion-group",d,(0,e.computed)(()=>({disabled:a.value})));return(r,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:(0,e.normalizeClass)((0,e.unref)(O))},[(0,e.renderSlot)(r.$slots,"default",(0,e.normalizeProps)((0,e.guardReactiveProps)({expandedAccordions:(0,e.unref)(p),expand:_,collapse:h})),()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(S),m=>((0,e.openBlock)(),(0,e.createBlock)(we,(0,e.mergeProps)({key:m.title},{ref_for:!0},{name:m.name,title:m.title,content:m.content}),(0,e.createSlots)({_:2},[r.$slots[`summary::${m.name}`]?{name:"summary",fn:(0,e.withCtx)(u=>[(0,e.renderSlot)(r.$slots,`summary::${m.name}`,(0,e.mergeProps)({ref_for:!0},u))]),key:"0"}:void 0,r.$slots[`content::${m.name}`]?{name:"default",fn:(0,e.withCtx)(u=>[(0,e.renderSlot)(r.$slots,`content::${m.name}`,(0,e.mergeProps)({ref_for:!0},u))]),key:"1"}:void 0]),1040))),128))])],2))}}),Ne=Ee;return Ne});
+(function(e,S){typeof exports=="object"&&typeof module<"u"?module.exports=S(require("vue"),require("mitt"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","mitt","@vueuse/core"],S):(e=typeof globalThis<"u"?globalThis:e||self,e.VvAccordionGroup=S(e.Vue,e.mitt,e.VueuseCore))})(this,function(e,S,E){var T=Object.create,I=Object.defineProperty,H=Object.getOwnPropertyDescriptor,J=Object.getOwnPropertyNames,W=Object.getPrototypeOf,Q=Object.prototype.hasOwnProperty,X=(t,n,d,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(var l=J(n),a=0,u=l.length,i;a<u;a++)i=l[a],!Q.call(t,i)&&i!==d&&I(t,i,{get:(P=>n[P]).bind(null,i),enumerable:!(r=H(n,i))||r.enumerable});return t},Z=(t,n,d)=>(d=t!=null?T(W(t)):{},X(n||!t||!t.__esModule?I(d,"default",{value:t,enumerable:!0}):d,t));S=Z(S,1);var K={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},A=(function(t){return t.local="local",t.session="session",t})({}),ee=(function(t){return t.absolute="absolute",t.fixed="fixed",t})({}),L=(function(t){return t.left="left",t.right="right",t.top="top",t.bottom="bottom",t})({}),te=(function(t){return t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t})({}),M=(function(t){return t.before="before",t.after="after",t})({}),D=(function(t){return t.button="button",t.submit="submit",t.reset="reset",t})({}),oe=(function(t){return t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t})({}),q=Symbol.for("accordionGroup"),re={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},N={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},$={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},k={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},w={disabled:{type:Boolean,default:!1}},z={required:{type:Boolean,default:!1}},ae={active:{type:Boolean,default:!1}},ne={current:{type:Boolean,default:!1}},$e={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:K.clear},labelClear:{type:String,default:"Clear"}},le={pressed:{type:Boolean,default:!1}},C={label:{type:[String,Number],default:void 0}},R={readonly:{type:Boolean,default:!1}},O={modifiers:{type:[String,Array],default:void 0}},G={hintLabel:{type:String,default:""}},ie={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},se={count:{type:[Boolean,String],default:!1,validator:t=>[!0,!1,"limit","countdown"].includes(t)}},ue={debounce:{type:[Number,String],default:void 0}},de={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:M.before,validation:t=>Object.values(M).includes(t)}},F={tabindex:{type:[String,Number],default:0}},fe={floating:{type:Boolean,default:!1}},ce={id:[String,Number]},ke={placement:{type:String,default:L.bottom,validator:t=>Object.values(L).includes(t)||Object.values(te).includes(t)},strategy:{type:String,default:void 0,validator:t=>Object.values(ee).includes(t)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},U={...ce,name:{type:String,required:!0}},pe={autofocus:{type:Boolean,default:!1}},ge={autocomplete:{type:String,default:"off"}},Re={...U,...pe,...ge,...F,...w,...R,...N,...$,...G,...k,...O,...se,...ue,...de,...fe,...C,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...z},Ge={...U,...F,...N,...$,...G,...w,...R,...O,...C,...k,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},Ie={...N,...$,...ie,...G,...w,...R,...O,...C,...k,...z,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},Le={...w,...C,...le,...ae,...ne,...re,type:{type:String,default:D.button,validator:t=>Object.values(D).includes(t)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:oe.button}},ve={storageType:{type:String,default:A.local,validator:t=>Object.values(A).includes(t)},storageKey:String},me={...O,...ve,modelValue:{type:[String,Array],default:void 0},items:{type:Array,default:()=>[]},collapse:Boolean,itemModifiers:{type:[String,Array],default:""},disabled:Boolean,not:Boolean},ye=["update:modelValue"];function be(t){const n=(0,e.inject)(t,void 0),d=(0,e.computed)(()=>n!==void 0);function r(l,a,u){const i=n?.[l];if(i)return(0,e.computed)({get(){return i.value},set(_){i.value=_}});const P=(0,e.toRef)(a,l);return(0,e.computed)({get(){return P.value},set(_){u&&u(`update:${l}`,_)}})}return{group:n,isInGroup:d,getGroupOrLocalRef:r}}var Se={...O,name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},disabled:Boolean,not:Boolean},Pe=["update:modelValue"];function _e(t){const{group:n,isInGroup:d}=be(q),r=(0,e.computed)(()=>!!(t.disabled||n?.disabled.value));return{isInGroup:d,group:n,modifiers:(0,e.computed)(()=>{let l=t.modifiers,a=n?.modifiers.value;const u=new Set;return l&&(Array.isArray(l)||(l=l.split(" ")),l.forEach(i=>u.add(i))),a&&(Array.isArray(a)||(a=a.split(" ")),a.forEach(i=>u.add(i))),[...u]}),disabled:r,bus:n?.bus}}function Y(t,n,d){return(0,e.computed)(()=>{const r={[t]:!0},l=typeof n?.value=="string"?n.value.split(" "):n?.value;return l&&Array.isArray(l)&&l.forEach(a=>{a&&(r[`${t}--${a}`]=!0)}),d&&Object.keys(d.value).forEach(a=>{r[`${t}--${a}`]=(0,e.unref)(d.value[a])}),r})}var he=["id","open"],Ae=["aria-controls","aria-expanded"],Be=["aria-hidden"],Oe={name:"VvAccordion"},Ve=(0,e.defineComponent)({...Oe,props:Se,emits:Pe,setup(t,{expose:n,emit:d}){const r=t,l=d,a=(0,e.useAttrs)(),u=(0,E.useVModel)(r,"modelValue",l),i=(0,e.computed)(()=>r.name||a?.id||(0,e.useId)()),{title:P,content:_,not:j}=(0,e.toRefs)(r),{isInGroup:m,modifiers:x,disabled:v,bus:c}=_e(r),s=(0,e.ref)(!1);(0,e.watch)(u,g=>{typeof g=="boolean"&&(s.value=j.value?!g:g)},{immediate:!0}),(0,e.watch)(s,g=>{u.value=j.value?!g:g});function B({name:g,value:b}){g===i.value&&(s.value=b)}c?.on("toggle",B),(0,e.onBeforeUnmount)(()=>{c?.off("toggle",B)});function h(){if(!v.value){if(m.value){c?.emit("toggle",{name:i.value,value:!s.value});return}s.value=!s.value}}(0,e.watch)(i,(g,b)=>{c&&(b&&b!==g&&c.emit("unregister",{name:b}),c.emit("register",{name:g}))},{immediate:!0}),(0,e.onBeforeUnmount)(()=>{c&&c.emit("unregister",{name:i.value})});function V(){s.value||h()}function o(){s.value&&h()}function f(g){if(!c){console.warn(`[VvAccordion]: You are trying to expand accordion group of "${i.value}" but it is not in a group`);return}c.emit("expand",{name:g})}function p(g){if(!c){console.warn(`[VvAccordion]: You are trying to collapse accordion group of "${i.value}" but it is not in a group`);return}c?.emit("collapse",{name:g})}n({isExpanded:s,expand:V,collapse:o,groupExpand:f,groupCollapse:p});const y=Y("vv-accordion",x,(0,e.computed)(()=>({disabled:v.value})));return(g,b)=>((0,e.openBlock)(),(0,e.createElementBlock)("details",{id:(0,e.unref)(i),class:(0,e.normalizeClass)((0,e.unref)(y)),open:(0,e.unref)(s)},[(0,e.createElementVNode)("summary",{"aria-controls":(0,e.unref)(i),"aria-expanded":(0,e.unref)(s),class:"vv-accordion__summary",onClick:b[0]||(b[0]=(0,e.withModifiers)(Me=>h(),["prevent"]))},[(0,e.renderSlot)(g.$slots,"summary",(0,e.normalizeProps)((0,e.guardReactiveProps)({isExpanded:(0,e.unref)(s),expand:V,collapse:o,groupExpand:f,groupCollapse:p})),()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(P)),1)])],8,Ae),(0,e.createElementVNode)("div",{"aria-hidden":!(0,e.unref)(s),class:"vv-accordion__content"},[(0,e.renderSlot)(g.$slots,"default",(0,e.normalizeProps)((0,e.guardReactiveProps)({isExpanded:(0,e.unref)(s),expand:V,collapse:o,groupExpand:f,groupCollapse:p})),()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(_)),1)])],8,Be)],10,he))}}),we=Ve;function Ce(t,n=A.local,d){const r=(0,e.ref)();d&&(r.value=d);let l;return(0,e.onMounted)(()=>{t&&(0,e.watch)(t,(a,u)=>{const i=(0,e.unref)(n)===A.session?sessionStorage:localStorage;if(u&&u!==a&&i.removeItem(u),a){l=(0,E.useStorage)(a,l?.value??r.value,i),l.value&&(r.value=l.value);return}l=void 0},{immediate:!0}),(0,e.isRef)(n)&&(0,e.watch)(n,(a,u)=>{if(t?.value){if(a){const i=a===A.session?sessionStorage:localStorage;l=(0,E.useStorage)(t.value,l?.value??r.value,i)}u&&u!==a&&(u===A.session?sessionStorage:localStorage).removeItem(t.value)}})}),(0,e.watch)(r,a=>{l&&(l.value=a)},{deep:!0,immediate:!0}),r}function je(t,n){(0,e.provide)(t,n)}var xe={name:"VvAccordionGroup"},Ee=(0,e.defineComponent)({...xe,props:me,emits:ye,setup(t,{expose:n,emit:d}){const r=t,l=d,{disabled:a,modifiers:u,itemModifiers:i,items:P,storageKey:_,storageType:j}=(0,e.toRefs)(r);(0,e.watchEffect)(()=>{typeof r.modelValue=="string"&&r.collapse&&console.warn("[VvAccordionGroup]: modelValue is a string but collapse is true.")});const m=(0,e.reactive)(new Set),x=Ce(_,j,[]),v=(0,e.computed)({get:()=>r.modelValue!==null&&r.modelValue!==void 0?r.modelValue:x.value,set:o=>{l("update:modelValue",o),x.value=o}}),c=(0,e.computed)({get:()=>{if(v.value===void 0)return new Set;let o=new Set;return r.not?typeof v.value=="string"?o=new Set([...m].filter(f=>f!==v.value)):Array.isArray(v.value)&&(o=new Set([...m].filter(f=>!v.value.includes(f)))):typeof v.value=="string"?o=new Set([v.value]):Array.isArray(v.value)&&(o=new Set(v.value)),o},set:o=>{if(r.not){v.value=[...m].filter(f=>!o.has(f));return}if(r.collapse){v.value=[...o];return}v.value=o.values().next().value}});(0,e.onMounted)(()=>{r.not&&v.value===void 0&&(v.value=r.collapse?[]:[...m.values()].toSpliced(0,1)),(0,e.nextTick)(()=>{for(const o of m)s.emit("toggle",{name:o,value:c.value.has(o)})})});const s=(0,S.default)();je(q,{disabled:a,modifiers:i,bus:s}),s.on("register",({name:o})=>{m.add(o)}),s.on("unregister",({name:o})=>{m.delete(o)}),s.on("toggle",({name:o,value:f})=>{const p=new Set(c.value);if(f){if(!r.collapse){for(const y of p)y!==o&&s.emit("toggle",{name:y,value:!1});p.clear()}p.add(o),c.value=p;return}p.delete(o),c.value=p});function B(o){if(typeof o=="string"){s.emit("toggle",{name:o,value:!0});return}if(Array.isArray(o)){for(const f of o)s.emit("toggle",{name:f,value:!0});return}for(const f of m)s.emit("toggle",{name:f,value:!0})}s.on("expand",({name:o})=>B(o));function h(o){if(typeof o=="string"){s.emit("toggle",{name:o,value:!1});return}if(Array.isArray(o)){for(const f of o)s.emit("toggle",{name:f,value:!1});return}for(const f of m)s.emit("toggle",{name:f,value:!1})}s.on("collapse",({name:o})=>h(o)),n({expandedAccordions:c,expand:B,collapse:h});const V=Y("vv-accordion-group",u,(0,e.computed)(()=>({disabled:a.value})));return(o,f)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:(0,e.normalizeClass)((0,e.unref)(V))},[(0,e.renderSlot)(o.$slots,"default",(0,e.normalizeProps)((0,e.guardReactiveProps)({expandedAccordions:(0,e.unref)(c),expand:B,collapse:h})),()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(P),p=>((0,e.openBlock)(),(0,e.createBlock)(we,(0,e.mergeProps)({key:p.title},{ref_for:!0},{name:p.name,title:p.title,content:p.content}),(0,e.createSlots)({_:2},[o.$slots[`summary::${p.name}`]?{name:"summary",fn:(0,e.withCtx)(y=>[(0,e.renderSlot)(o.$slots,`summary::${p.name}`,(0,e.mergeProps)({ref_for:!0},y))]),key:"0"}:void 0,o.$slots[`content::${p.name}`]?{name:"default",fn:(0,e.withCtx)(y=>[(0,e.renderSlot)(o.$slots,`content::${p.name}`,(0,e.mergeProps)({ref_for:!0},y))]),key:"1"}:void 0]),1040))),128))])],2))}}),Ne=Ee;return Ne});

package/dist/components/VvAction/VvAction.es.js

@@ -10,15 +10,13 @@ var X = {
   remove: "trash",
   edit: "edit",
   download: "download"
-}, Z = /* @__PURE__ */ (function(e) {
-  return e.simple = "simple", e.normal = "normal", e.detailed = "detailed", e;
-})({}), Ne = { prefix: Z.normal }, O = /* @__PURE__ */ (function(e) {
+}, O = /* @__PURE__ */ (function(e) {
   return e.local = "local", e.session = "session", e;
-})({}), ee = /* @__PURE__ */ (function(e) {
+})({}), Z = /* @__PURE__ */ (function(e) {
   return e.absolute = "absolute", e.fixed = "fixed", e;
 })({}), B = /* @__PURE__ */ (function(e) {
   return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e;
-})({}), te = /* @__PURE__ */ (function(e) {
+})({}), ee = /* @__PURE__ */ (function(e) {
   return e.topStart = "top-start", e.topEnd = "top-end", e.bottomStart = "bottom-start", e.bottomEnd = "bottom-end", e.leftStart = "left-start", e.leftEnd = "left-end", e.rightStart = "right-start", e.rightEnd = "right-end", e;
 })({}), k = /* @__PURE__ */ (function(e) {
   return e.before = "before", e.after = "after", e;
@@ -26,7 +24,7 @@ var X = {
   return e.button = "button", e.submit = "submit", e.reset = "reset", e;
 })({}), o = /* @__PURE__ */ (function(e) {
   return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
-})({}), re = /* @__PURE__ */ Symbol.for("volver"), oe = /* @__PURE__ */ Symbol.for("dropdownTrigger"), ae = /* @__PURE__ */ Symbol.for("dropdownAction"), ne = {
+})({}), te = /* @__PURE__ */ Symbol.for("volver"), re = /* @__PURE__ */ Symbol.for("dropdownTrigger"), oe = /* @__PURE__ */ Symbol.for("dropdownAction"), ae = {
   to: { type: [String, Object] },
   href: String,
   target: String,
@@ -67,13 +65,13 @@ var X = {
 } }, C = { required: {
   type: Boolean,
   default: !1
-} }, le = { active: {
+} }, ne = { active: {
   type: Boolean,
   default: !1
-} }, ie = { current: {
+} }, le = { current: {
   type: Boolean,
   default: !1
-} }, _e = {
+} }, Ce = {
   showClearAction: {
     type: Boolean,
     default: !1
@@ -86,7 +84,7 @@ var X = {
     type: String,
     default: "Clear"
   }
-}, ue = { pressed: {
+}, ie = { pressed: {
   type: Boolean,
   default: !1
 } }, n = { label: {
@@ -101,7 +99,7 @@ var X = {
 } }, m = { hintLabel: {
   type: String,
   default: ""
-} }, de = {
+} }, ue = {
   options: {
     type: Array,
     default: () => []
@@ -118,7 +116,7 @@ var X = {
     type: [String, Function],
     default: "disabled"
   }
-}, se = { count: {
+}, de = { count: {
   type: [Boolean, String],
   default: !1,
   validator: (e) => [
@@ -127,10 +125,10 @@ var X = {
     "limit",
     "countdown"
   ].includes(e)
-} }, pe = { debounce: {
+} }, se = { debounce: {
   type: [Number, String],
   default: void 0
-} }, fe = {
+} }, pe = {
   icon: {
     type: [String, Object],
     default: void 0
@@ -143,19 +141,19 @@ var X = {
 }, N = { tabindex: {
   type: [String, Number],
   default: 0
-} }, ve = { floating: {
+} }, fe = { floating: {
   type: Boolean,
   default: !1
-} }, ce = { id: [String, Number] }, Le = {
+} }, ve = { id: [String, Number] }, Ne = {
   placement: {
     type: String,
     default: B.bottom,
-    validator: (e) => Object.values(B).includes(e) || Object.values(te).includes(e)
+    validator: (e) => Object.values(B).includes(e) || Object.values(ee).includes(e)
   },
   strategy: {
     type: String,
     default: void 0,
-    validator: (e) => Object.values(ee).includes(e)
+    validator: (e) => Object.values(Z).includes(e)
   },
   transitionName: {
     type: String,
@@ -202,21 +200,21 @@ var X = {
     default: !1
   }
 }, _ = {
-  ...ce,
+  ...ve,
   name: {
     type: String,
     required: !0
   }
-}, be = { autofocus: {
+}, ce = { autofocus: {
   type: Boolean,
   default: !1
-} }, ye = { autocomplete: {
+} }, be = { autocomplete: {
   type: String,
   default: "off"
-} }, je = {
+} }, _e = {
   ..._,
+  ...ce,
   ...be,
-  ...ye,
   ...N,
   ...a,
   ...y,
@@ -225,10 +223,10 @@ var X = {
   ...m,
   ...b,
   ...g,
+  ...de,
   ...se,
   ...pe,
   ...fe,
-  ...ve,
   ...n,
   minlength: {
     type: [String, Number],
@@ -243,7 +241,7 @@ var X = {
     default: void 0
   },
   ...C
-}, Ae = {
+}, Le = {
   ..._,
   ...N,
   ...v,
@@ -271,10 +269,10 @@ var X = {
     ],
     default: void 0
   }
-}, Ee = {
+}, je = {
   ...v,
   ...c,
-  ...de,
+  ...ue,
   ...m,
   ...a,
   ...y,
@@ -300,13 +298,13 @@ var X = {
     type: Boolean,
     default: !1
   }
-}, ge = {
+}, ye = {
   ...a,
   ...n,
-  ...ue,
-  ...le,
   ...ie,
   ...ne,
+  ...le,
+  ...ae,
   type: {
     type: String,
     default: w.button,
@@ -327,37 +325,37 @@ var X = {
     validator: (e) => Object.values(O).includes(e)
   },
   storageKey: String
-}, me = [
+}, ge = [
   "click",
   "mouseover",
   "mouseleave"
-], Se = ge;
+], me = ye;
+function Se() {
+  return f(te, void 0);
+}
 function Pe() {
-  return f(re, void 0);
+  return f(re, {});
 }
 function he() {
   return f(oe, {});
 }
-function Oe() {
-  return f(ae, {});
-}
-var Be = { name: "VvAction" }, ke = /* @__PURE__ */ F({
-  ...Be,
-  props: Se,
-  emits: me,
+var Oe = { name: "VvAction" }, Be = /* @__PURE__ */ F({
+  ...Oe,
+  props: me,
+  emits: ge,
   setup(e, { expose: L, emit: j }) {
-    const r = e, l = j, i = q(), A = Pe(), u = W(null);
+    const r = e, l = j, i = q(), I = Se(), u = W(null);
     L({ $el: u });
-    const { reference: S, bus: d, aria: E, expanded: I } = he();
+    const { reference: S, bus: d, aria: A, expanded: E } = Pe();
     Q(() => u.value, (t) => {
       S && (S.value = t);
     });
-    const P = s(() => r.pressed || I?.value), { role: x } = Oe(), h = s(() => {
+    const P = s(() => r.pressed || E?.value), { role: x } = he(), h = s(() => {
       switch (!0) {
         case r.disabled:
           return o.button;
         case r.to !== void 0:
-          return A?.nuxt ? $(o.nuxtLink) : o.routerLink;
+          return I?.nuxt ? $(o.nuxtLink) : o.routerLink;
         case r.href !== void 0:
           return o.a;
         default:
@@ -365,7 +363,7 @@ var Be = { name: "VvAction" }, ke = /* @__PURE__ */ F({
       }
     }), D = s(() => {
       const t = {
-        ...E?.value,
+        ...A?.value,
         ariaPressed: P.value ? !0 : void 0,
         ariaLabel: r.ariaLabel,
         role: x?.value
@@ -420,7 +418,7 @@ var Be = { name: "VvAction" }, ke = /* @__PURE__ */ F({
       }
       d?.emit("mouseleave", t);
     }
-    return (t, we) => (J(), K(z(p(h)), G(p(D), {
+    return (t, ke) => (J(), K(z(p(h)), G(p(D), {
       ref_key: "rootEl",
       ref: u,
       class: {
@@ -437,7 +435,7 @@ var Be = { name: "VvAction" }, ke = /* @__PURE__ */ F({
       _: 3
     }, 16, ["class"]));
   }
-}), xe = ke;
+}), Ae = Be;
 export {
-  xe as default
+  Ae as default
 };

package/dist/components/VvAction/VvAction.umd.js

@@ -1 +1 @@
-(function(t,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("vue")):typeof define=="function"&&define.amd?define(["vue"],n):(t=typeof globalThis<"u"?globalThis:t||self,t.VvAction=n(t.Vue))})(this,function(t){var n={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},j=(function(e){return e.simple="simple",e.normal="normal",e.detailed="detailed",e})({}),pe={prefix:j.normal},m=(function(e){return e.local="local",e.session="session",e})({}),_=(function(e){return e.absolute="absolute",e.fixed="fixed",e})({}),S=(function(e){return e.left="left",e.right="right",e.top="top",e.bottom="bottom",e})({}),L=(function(e){return e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e})({}),P=(function(e){return e.before="before",e.after="after",e})({}),h=(function(e){return e.button="button",e.submit="submit",e.reset="reset",e})({}),a=(function(e){return e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e})({}),A=Symbol.for("volver"),E=Symbol.for("dropdownTrigger"),I=Symbol.for("dropdownAction"),x={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},d={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},u={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},s={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},l={disabled:{type:Boolean,default:!1}},O={required:{type:Boolean,default:!1}},V={active:{type:Boolean,default:!1}},D={current:{type:Boolean,default:!1}},fe={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:n.clear},labelClear:{type:String,default:"Clear"}},T={pressed:{type:Boolean,default:!1}},i={label:{type:[String,Number],default:void 0}},p={readonly:{type:Boolean,default:!1}},f={modifiers:{type:[String,Array],default:void 0}},c={hintLabel:{type:String,default:""}},R={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},K={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},M={debounce:{type:[Number,String],default:void 0}},q={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:P.before,validation:e=>Object.values(P).includes(e)}},B={tabindex:{type:[String,Number],default:0}},F={floating:{type:Boolean,default:!1}},G={id:[String,Number]},ce={placement:{type:String,default:S.bottom,validator:e=>Object.values(S).includes(e)||Object.values(L).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(_).includes(e)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},k={...G,name:{type:String,required:!0}},J={autofocus:{type:Boolean,default:!1}},W={autocomplete:{type:String,default:"off"}},ve={...k,...J,...W,...B,...l,...p,...d,...u,...c,...s,...f,...K,...M,...q,...F,...i,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...O},be={...k,...B,...d,...u,...c,...l,...p,...f,...i,...s,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},ye={...d,...u,...R,...c,...l,...p,...f,...i,...s,...O,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},Y={...l,...i,...T,...V,...D,...x,type:{type:String,default:h.button,validator:e=>Object.values(h).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:a.button}},ge={storageType:{type:String,default:m.local,validator:e=>Object.values(m).includes(e)},storageKey:String},$=["click","mouseover","mouseleave"],z=Y;function H(){return(0,t.inject)(A,void 0)}function Q(){return(0,t.inject)(E,{})}function U(){return(0,t.inject)(I,{})}var X={name:"VvAction"},Z=(0,t.defineComponent)({...X,props:z,emits:$,setup(e,{expose:te,emit:re}){const o=e,v=re,b=(0,t.getCurrentInstance)(),oe=H(),y=(0,t.ref)(null);te({$el:y});const{reference:w,bus:g,aria:ae,expanded:ne}=Q();(0,t.watch)(()=>y.value,r=>{w&&(w.value=r)});const C=(0,t.computed)(()=>o.pressed||ne?.value),{role:le}=U(),N=(0,t.computed)(()=>{switch(!0){case o.disabled:return a.button;case o.to!==void 0:return oe?.nuxt?(0,t.resolveComponent)(a.nuxtLink):a.routerLink;case o.href!==void 0:return a.a;default:return o.defaultTag}}),ie=(0,t.computed)(()=>{const r={...ae?.value,ariaPressed:C.value?!0:void 0,ariaLabel:o.ariaLabel,role:le?.value};switch(N.value){case a.a:return{...r,href:o.href,target:o.target,rel:o.rel};case a.routerLink:case a.nuxtLink:return{...r,to:o.to,target:o.target};case a.button:return{...r,type:o.type,disabled:o.disabled};default:return r}});function de(r){if(o.disabled){r.preventDefault();return}if(b?.vnode.props?.onClick){v("click",r);return}g?.emit("click",r)}function ue(r){if(b?.vnode.props?.onMouseover){v("mouseover",r);return}g?.emit("mouseover",r)}function se(r){if(b?.vnode.props?.onMouseleave){v("mouseleave",r);return}g?.emit("mouseleave",r)}return(r,me)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)((0,t.unref)(N)),(0,t.mergeProps)((0,t.unref)(ie),{ref_key:"rootEl",ref:y,class:{active:r.active,pressed:(0,t.unref)(C),disabled:r.disabled,current:r.current},onClickPassive:de,onMouseoverPassive:ue,onMouseleavePassive:se}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.label),1)])]),_:3},16,["class"]))}}),ee=Z;return ee});
+(function(t,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("vue")):typeof define=="function"&&define.amd?define(["vue"],n):(t=typeof globalThis<"u"?globalThis:t||self,t.VvAction=n(t.Vue))})(this,function(t){var n={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},m=(function(e){return e.local="local",e.session="session",e})({}),j=(function(e){return e.absolute="absolute",e.fixed="fixed",e})({}),S=(function(e){return e.left="left",e.right="right",e.top="top",e.bottom="bottom",e})({}),_=(function(e){return e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e})({}),P=(function(e){return e.before="before",e.after="after",e})({}),h=(function(e){return e.button="button",e.submit="submit",e.reset="reset",e})({}),a=(function(e){return e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e})({}),L=Symbol.for("volver"),A=Symbol.for("dropdownTrigger"),I=Symbol.for("dropdownAction"),E={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},d={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},u={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},s={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},l={disabled:{type:Boolean,default:!1}},O={required:{type:Boolean,default:!1}},x={active:{type:Boolean,default:!1}},V={current:{type:Boolean,default:!1}},se={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:n.clear},labelClear:{type:String,default:"Clear"}},D={pressed:{type:Boolean,default:!1}},i={label:{type:[String,Number],default:void 0}},f={readonly:{type:Boolean,default:!1}},p={modifiers:{type:[String,Array],default:void 0}},c={hintLabel:{type:String,default:""}},T={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},R={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},K={debounce:{type:[Number,String],default:void 0}},M={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:P.before,validation:e=>Object.values(P).includes(e)}},B={tabindex:{type:[String,Number],default:0}},q={floating:{type:Boolean,default:!1}},F={id:[String,Number]},fe={placement:{type:String,default:S.bottom,validator:e=>Object.values(S).includes(e)||Object.values(_).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(j).includes(e)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},k={...F,name:{type:String,required:!0}},G={autofocus:{type:Boolean,default:!1}},J={autocomplete:{type:String,default:"off"}},pe={...k,...G,...J,...B,...l,...f,...d,...u,...c,...s,...p,...R,...K,...M,...q,...i,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...O},ce={...k,...B,...d,...u,...c,...l,...f,...p,...i,...s,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},ve={...d,...u,...T,...c,...l,...f,...p,...i,...s,...O,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},W={...l,...i,...D,...x,...V,...E,type:{type:String,default:h.button,validator:e=>Object.values(h).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:a.button}},be={storageType:{type:String,default:m.local,validator:e=>Object.values(m).includes(e)},storageKey:String},Y=["click","mouseover","mouseleave"],$=W;function z(){return(0,t.inject)(L,void 0)}function H(){return(0,t.inject)(A,{})}function Q(){return(0,t.inject)(I,{})}var U={name:"VvAction"},X=(0,t.defineComponent)({...U,props:$,emits:Y,setup(e,{expose:ee,emit:te}){const o=e,v=te,b=(0,t.getCurrentInstance)(),re=z(),y=(0,t.ref)(null);ee({$el:y});const{reference:w,bus:g,aria:oe,expanded:ae}=H();(0,t.watch)(()=>y.value,r=>{w&&(w.value=r)});const C=(0,t.computed)(()=>o.pressed||ae?.value),{role:ne}=Q(),N=(0,t.computed)(()=>{switch(!0){case o.disabled:return a.button;case o.to!==void 0:return re?.nuxt?(0,t.resolveComponent)(a.nuxtLink):a.routerLink;case o.href!==void 0:return a.a;default:return o.defaultTag}}),le=(0,t.computed)(()=>{const r={...oe?.value,ariaPressed:C.value?!0:void 0,ariaLabel:o.ariaLabel,role:ne?.value};switch(N.value){case a.a:return{...r,href:o.href,target:o.target,rel:o.rel};case a.routerLink:case a.nuxtLink:return{...r,to:o.to,target:o.target};case a.button:return{...r,type:o.type,disabled:o.disabled};default:return r}});function ie(r){if(o.disabled){r.preventDefault();return}if(b?.vnode.props?.onClick){v("click",r);return}g?.emit("click",r)}function de(r){if(b?.vnode.props?.onMouseover){v("mouseover",r);return}g?.emit("mouseover",r)}function ue(r){if(b?.vnode.props?.onMouseleave){v("mouseleave",r);return}g?.emit("mouseleave",r)}return(r,ye)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)((0,t.unref)(N)),(0,t.mergeProps)((0,t.unref)(le),{ref_key:"rootEl",ref:y,class:{active:r.active,pressed:(0,t.unref)(C),disabled:r.disabled,current:r.current},onClickPassive:ie,onMouseoverPassive:de,onMouseleavePassive:ue}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.label),1)])]),_:3},16,["class"]))}}),Z=X;return Z});

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

@@ -1,22 +1,22 @@
-import { computed as r, createBlock as _, createCommentVNode as b, createElementBlock as g, createElementVNode as W, createTextVNode as P, defineComponent as R, guardReactiveProps as j, inject as D, mergeDefaults as Q, mergeProps as M, normalizeProps as E, openBlock as p, ref as q, renderSlot as y, toDisplayString as I, toRefs as X, unref as u, useId as Z, watch as x, withModifiers as ee } from "vue";
-import { Icon as te, addIcon as oe, iconLoaded as w } from "@iconify/vue";
+import { computed as r, createBlock as _, createCommentVNode as b, createElementBlock as g, createElementVNode as W, createTextVNode as B, defineComponent as R, guardReactiveProps as j, inject as D, mergeDefaults as Q, mergeProps as M, normalizeProps as E, onBeforeUnmount as X, openBlock as p, ref as q, renderSlot as y, toDisplayString as I, toRefs as Z, unref as u, useId as x, watch as ee, withModifiers as te } from "vue";
+import { Icon as oe, addIcon as ae, iconLoaded as w } from "@iconify/vue";
 var F = /* @__PURE__ */ (function(e) {
   return e.local = "local", e.session = "session", e;
-})({}), ae = /* @__PURE__ */ (function(e) {
+})({}), re = /* @__PURE__ */ (function(e) {
   return e.absolute = "absolute", e.fixed = "fixed", e;
 })({}), m = /* @__PURE__ */ (function(e) {
   return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e;
-})({}), re = /* @__PURE__ */ (function(e) {
+})({}), le = /* @__PURE__ */ (function(e) {
   return e.topStart = "top-start", e.topEnd = "top-end", e.bottomStart = "bottom-start", e.bottomEnd = "bottom-end", e.leftStart = "left-start", e.leftEnd = "left-end", e.rightStart = "right-start", e.rightEnd = "right-end", e;
 })({}), $ = /* @__PURE__ */ (function(e) {
   return e.before = "before", e.after = "after", e;
 })({}), T = /* @__PURE__ */ (function(e) {
   return e.button = "button", e.submit = "submit", e.reset = "reset", e;
-})({}), le = /* @__PURE__ */ (function(e) {
-  return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
 })({}), ne = /* @__PURE__ */ (function(e) {
+  return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
+})({}), ie = /* @__PURE__ */ (function(e) {
   return e.alert = "alert", e.alertdialog = "alertdialog", e;
-})({}), ie = /* @__PURE__ */ Symbol.for("volver"), se = /* @__PURE__ */ Symbol.for("alertGroup"), ue = {
+})({}), se = /* @__PURE__ */ Symbol.for("volver"), ue = /* @__PURE__ */ Symbol.for("alertGroup"), de = {
   showPassword: "eye-on",
   hidePassword: "eye-off",
   showDatePicker: "calendar",
@@ -27,9 +27,7 @@ var F = /* @__PURE__ */ (function(e) {
   remove: "trash",
   edit: "edit",
   download: "download"
-}, de = /* @__PURE__ */ (function(e) {
-  return e.simple = "simple", e.normal = "normal", e.detailed = "detailed", e;
-})({}), fe = { prefix: de.normal }, ve = {
+}, fe = { prefix: "normal" }, ve = {
   to: { type: [String, Object] },
   href: String,
   target: String,
@@ -83,7 +81,7 @@ var F = /* @__PURE__ */ (function(e) {
   },
   iconClear: {
     type: [String, Object],
-    default: ue.clear
+    default: de.clear
   },
   labelClear: {
     type: String,
@@ -92,7 +90,7 @@ var F = /* @__PURE__ */ (function(e) {
 }, ye = { pressed: {
   type: Boolean,
   default: !1
-} }, B = { label: {
+} }, P = { label: {
   type: [String, Number],
   default: void 0
 } }, L = { readonly: {
@@ -149,16 +147,16 @@ var F = /* @__PURE__ */ (function(e) {
 } }, he = { floating: {
   type: Boolean,
   default: !1
-} }, H = { id: [String, Number] }, Ke = {
+} }, U = { id: [String, Number] }, Ke = {
   placement: {
     type: String,
     default: m.bottom,
-    validator: (e) => Object.values(m).includes(e) || Object.values(re).includes(e)
+    validator: (e) => Object.values(m).includes(e) || Object.values(le).includes(e)
   },
   strategy: {
     type: String,
     default: void 0,
-    validator: (e) => Object.values(ae).includes(e)
+    validator: (e) => Object.values(re).includes(e)
   },
   transitionName: {
     type: String,
@@ -204,8 +202,8 @@ var F = /* @__PURE__ */ (function(e) {
     type: Boolean,
     default: !1
   }
-}, J = {
-  ...H,
+}, H = {
+  ...U,
   name: {
     type: String,
     required: !0
@@ -217,7 +215,7 @@ var F = /* @__PURE__ */ (function(e) {
   type: String,
   default: "off"
 } }, ze = {
-  ...J,
+  ...H,
   ...Se,
   ...$e,
   ...G,
@@ -232,7 +230,7 @@ var F = /* @__PURE__ */ (function(e) {
   ...me,
   ...z,
   ...he,
-  ...B,
+  ...P,
   minlength: {
     type: [String, Number],
     default: void 0
@@ -247,7 +245,7 @@ var F = /* @__PURE__ */ (function(e) {
   },
   ...K
 }, Ge = {
-  ...J,
+  ...H,
   ...G,
   ...O,
   ...N,
@@ -255,7 +253,7 @@ var F = /* @__PURE__ */ (function(e) {
   ...C,
   ...L,
   ...V,
-  ...B,
+  ...P,
   ...k,
   value: {
     type: [
@@ -274,7 +272,7 @@ var F = /* @__PURE__ */ (function(e) {
     ],
     default: void 0
   }
-}, He = {
+}, Ue = {
   ...O,
   ...N,
   ...be,
@@ -282,7 +280,7 @@ var F = /* @__PURE__ */ (function(e) {
   ...C,
   ...L,
   ...V,
-  ...B,
+  ...P,
   ...k,
   ...K,
   modelValue: {
@@ -303,9 +301,9 @@ var F = /* @__PURE__ */ (function(e) {
     type: Boolean,
     default: !1
   }
-}, Je = {
+}, He = {
   ...C,
-  ...B,
+  ...P,
   ...ye,
   ...ce,
   ...pe,
@@ -321,9 +319,9 @@ var F = /* @__PURE__ */ (function(e) {
   },
   defaultTag: {
     type: String,
-    default: le.button
+    default: ne.button
   }
-}, Ue = {
+}, Je = {
   storageType: {
     type: String,
     default: F.local,
@@ -332,12 +330,12 @@ var F = /* @__PURE__ */ (function(e) {
   storageKey: String
 };
 function Ce() {
-  return D(se, {});
+  return D(ue, {});
 }
-function Be(e) {
-  return r(() => String(e?.value || Z()));
+function Pe(e) {
+  return r(() => String(e?.value || x()));
 }
-function Pe(e, o) {
+function Be(e, o) {
   const l = r(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), n = r(() => o?.value === $.before ? l.value : void 0), s = r(() => o?.value === $.after ? l.value : void 0);
   return {
     hasIcon: l,
@@ -349,7 +347,7 @@ function Pe(e, o) {
     hasIconAfter: s
   };
 }
-function U(e, o, l) {
+function J(e, o, l) {
   return r(() => {
     const n = { [e]: !0 }, s = typeof o?.value == "string" ? o.value.split(" ") : o?.value;
     return s && Array.isArray(s) && s.forEach((a) => {
@@ -360,7 +358,7 @@ function U(e, o, l) {
   });
 }
 var Ie = {
-  ...H,
+  ...U,
   ...z,
   modifiers: {
     type: [String, Array],
@@ -392,27 +390,29 @@ var Ie = {
   },
   role: {
     type: String,
-    default: ne.alert
+    default: ie.alert
   }
 }, we = ["close"];
 function Oe(e, o) {
-  const { bus: l } = Ce(), n = Be(r(() => e.id)), s = r(() => `${n.value}-title`);
+  const { bus: l } = Ce(), n = Pe(r(() => e.id)), s = r(() => `${n.value}-title`);
   let a;
   const f = () => {
     a && clearTimeout(a), o("close", n.value), l?.emit("close", n.value);
   };
-  x(() => e.autoClose, (c) => {
+  ee(() => e.autoClose, (c) => {
     if (c > 0) {
       a = setTimeout(f, c);
       return;
     }
     a && clearTimeout(a);
-  }, { immediate: !0 });
+  }, { immediate: !0 }), X(() => {
+    a && clearTimeout(a);
+  });
   const t = q(!1), v = () => {
     t.value = !0, a && clearTimeout(a);
   }, h = () => {
     t.value = !1, e.autoClose > 0 && (a = setTimeout(f, e.autoClose));
-  }, { hasIcon: S } = Pe(r(() => e.icon)), i = U("vv-alert", r(() => e.modifiers), r(() => ({
+  }, { hasIcon: S } = Be(r(() => e.icon)), i = J("vv-alert", r(() => e.modifiers), r(() => ({
     dismissable: e.autoClose > 0 || e.dismissable,
     "auto-close": e.autoClose > 0,
     hover: t.value
@@ -432,7 +432,7 @@ function Oe(e, o) {
   };
 }
 function Ne() {
-  return D(ie, void 0);
+  return D(se, void 0);
 }
 var ke = { name: "VvIcon" }, Le = /* @__PURE__ */ R({
   ...ke,
@@ -455,7 +455,7 @@ var ke = { name: "VvIcon" }, Le = /* @__PURE__ */ R({
     modifiers: {}
   }, fe),
   setup(e) {
-    const o = e, l = r(() => typeof o.rotate == "string" ? Number.parseFloat(o.rotate) : o.rotate), n = q(!0), s = Ne(), { modifiers: a } = X(o), f = U("vv-icon", a), t = r(() => o.provider || s?.iconsProvider), v = r(() => {
+    const o = e, l = r(() => typeof o.rotate == "string" ? Number.parseFloat(o.rotate) : o.rotate), n = q(!0), s = Ne(), { modifiers: a } = Z(o), f = J("vv-icon", a), t = r(() => o.provider || s?.iconsProvider), v = r(() => {
       const i = o.name ?? "", d = `@${t.value}:${o.prefix}:${i}`;
       if (w(d)) return d;
       const c = s?.iconsCollections.find((Y) => w(`@${t.value}:${Y.prefix}:${i}`));
@@ -467,7 +467,7 @@ var ke = { name: "VvIcon" }, Le = /* @__PURE__ */ R({
     }
     function S(i) {
       const d = h(i), c = d?.innerHTML.trim() || "";
-      d && c && oe(`@${t.value}:${o.prefix}:${o.name}`, {
+      d && c && ae(`@${t.value}:${o.prefix}:${o.name}`, {
         body: c,
         height: d.viewBox.baseVal.height,
         width: d.viewBox.baseVal.width
@@ -477,7 +477,7 @@ var ke = { name: "VvIcon" }, Le = /* @__PURE__ */ R({
       i && S(i), n.value = !0;
     }).catch((i) => {
       throw n.value = !0, new Error(`Error during fetch icon: ${i?.message}`);
-    })), o.svg && S(o.svg), (i, d) => u(n) ? (p(), _(u(te), M({
+    })), o.svg && S(o.svg), (i, d) => u(n) ? (p(), _(u(oe), M({
       key: 0,
       class: u(f)
     }, {
@@ -516,7 +516,7 @@ var ke = { name: "VvIcon" }, Le = /* @__PURE__ */ R({
             key: 0,
             id: u(s),
             class: "vv-alert__title"
-          }, [y(t.$slots, "title", {}, () => [P(I(t.title), 1)])], 8, je)) : b("v-if", !0),
+          }, [y(t.$slots, "title", {}, () => [B(I(t.title), 1)])], 8, je)) : b("v-if", !0),
           y(t.$slots, "title::after")
         ]),
         y(t.$slots, "close", E(j({ close: u(f) })), () => [t.dismissable || t.autoClose ? (p(), g("button", {
@@ -524,11 +524,11 @@ var ke = { name: "VvIcon" }, Le = /* @__PURE__ */ R({
           class: "vv-alert__close",
           type: "button",
           "aria-label": t.closeLabel,
-          onClick: v[0] || (v[0] = ee((...h) => u(f) && u(f)(...h), ["stop"]))
+          onClick: v[0] || (v[0] = te((...h) => u(f) && u(f)(...h), ["stop"]))
         }, [...v[1] || (v[1] = [W("div", { class: "vv-alert__close-mask" }, null, -1)])], 8, Ee)) : b("v-if", !0)])
       ])) : b("v-if", !0),
-      t.$slots.default || t.content ? (p(), g("div", Fe, [y(t.$slots, "default", {}, () => [P(I(t.content), 1)])])) : b("v-if", !0),
-      t.$slots.footer || t.footer ? (p(), g("div", Te, [y(t.$slots, "footer", {}, () => [P(I(t.footer), 1)])])) : b("v-if", !0)
+      t.$slots.default || t.content ? (p(), g("div", Fe, [y(t.$slots, "default", {}, () => [B(I(t.content), 1)])])) : b("v-if", !0),
+      t.$slots.footer || t.footer ? (p(), g("div", Te, [y(t.$slots, "footer", {}, () => [B(I(t.footer), 1)])])) : b("v-if", !0)
     ], 16));
   }
 }), Ye = Re;