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

package/dist/components/VvDropdown/VvDropdown.umd.js

@@ -1 +1 @@
-(function(e,l){typeof exports=="object"&&typeof module<"u"?module.exports=l(require("vue"),require("@floating-ui/vue"),require("@vueuse/core"),require("mitt")):typeof define=="function"&&define.amd?define(["vue","@floating-ui/vue","@vueuse/core","mitt"],l):(e=typeof globalThis<"u"?globalThis:e||self,e.VvDropdown=l(e.Vue,e.FloatingUiVue,e.VueuseCore,e.mitt))})(this,function(e,l,c,N){var oe=Object.create,$=Object.defineProperty,ae=Object.getOwnPropertyDescriptor,ne=Object.getOwnPropertyNames,le=Object.getPrototypeOf,ie=Object.prototype.hasOwnProperty,se=(t,i,s,o)=>{if(i&&typeof i=="object"||typeof i=="function")for(var n=ne(i),f=0,S=n.length,m;f<S;f++)m=n[f],!ie.call(t,m)&&m!==s&&$(t,m,{get:(E=>i[E]).bind(null,m),enumerable:!(o=ae(i,m))||o.enumerable});return t},de=(t,i,s)=>(s=t!=null?oe(le(t)):{},se(i||!t||!t.__esModule?$(s,"default",{value:t,enumerable:!0}):s,t));N=de(N);var F=(function(t){return t.local="local",t.session="session",t})({}),T=(function(t){return t.absolute="absolute",t.fixed="fixed",t})({}),u=(function(t){return t.left="left",t.right="right",t.top="top",t.bottom="bottom",t})({}),fe=(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})({}),z=(function(t){return t.before="before",t.after="after",t})({}),K=(function(t){return t.button="button",t.submit="submit",t.reset="reset",t})({}),ue=(function(t){return t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t})({}),j=(function(t){return t.listbox="listbox",t.menu="menu",t})({}),q=(function(t){return t.option="option",t.presentation="presentation",t})({}),pe=Symbol.for("dropdownTrigger"),ce=Symbol.for("dropdownItem"),me={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},be=(function(t){return t.simple="simple",t.normal="normal",t.detailed="detailed",t})({}),ot={prefix:be.normal},ve={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},k={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},V={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},D={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},h={disabled:{type:Boolean,default:!1}},H={required:{type:Boolean,default:!1}},ye={selected:{type:Boolean,default:!1}},ge={active:{type:Boolean,default:!1}},he={current:{type:Boolean,default:!1}},at={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:me.clear},labelClear:{type:String,default:"Clear"}},Pe={pressed:{type:Boolean,default:!1}},x={label:{type:[String,Number],default:void 0}},A={readonly:{type:Boolean,default:!1}},P={modifiers:{type:[String,Array],default:void 0}},L={hintLabel:{type:String,default:""}},Se={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},we={count:{type:[Boolean,String],default:!1,validator:t=>[!0,!1,"limit","countdown"].includes(t)}},xe={debounce:{type:[Number,String],default:void 0}},Ee={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:z.before,validation:t=>Object.values(z).includes(t)}},M={tabindex:{type:[String,Number],default:0}},Oe={floating:{type:Boolean,default:!1}},Ce={unselectable:{type:Boolean,default:!0}},W={id:[String,Number]},Be={placement:{type:String,default:u.bottom,validator:t=>Object.values(u).includes(t)||Object.values(fe).includes(t)},strategy:{type:String,default:void 0,validator:t=>Object.values(T).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={...W,name:{type:String,required:!0}},Ne={autofocus:{type:Boolean,default:!1}},je={autocomplete:{type:String,default:"off"}},nt={...U,...Ne,...je,...M,...h,...A,...k,...V,...L,...D,...P,...we,...xe,...Ee,...Oe,...x,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...H},lt={...U,...M,...k,...V,...L,...h,...A,...P,...x,...D,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},it={...k,...V,...Se,...L,...h,...A,...P,...x,...D,...H,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},st={...h,...x,...Pe,...ge,...he,...ve,type:{type:String,default:K.button,validator:t=>Object.values(K).includes(t)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:ue.button}},dt={storageType:{type:String,default:F.local,validator:t=>Object.values(F).includes(t)},storageKey:String},ke={...W,...Be,...P,modelValue:{type:Boolean,default:void 0},reference:{type:Object,default:null},role:{type:String,default:j.menu,validator:t=>Object.values(j).includes(t)}},ft={...h,...ye,...Ce,...P,deselectHintLabel:{type:String},selectHintLabel:{type:String},selectedHintLabel:{type:String},focusOnHover:{type:Boolean,default:!1}};function Ve(t){return(0,e.computed)(()=>String(t?.value||(0,e.useId)()))}function De({reference:t,id:i,expanded:s,aria:o}){const n=(0,N.default)();return{bus:n,component:(0,e.defineComponent)({name:"VvDropdownTriggerProvider",setup(){(0,e.provide)(pe,{reference:t,id:i,expanded:s,aria:o,bus:n})},render(){return(0,e.h)(e.Fragment,{},this.$slots.default?.())}})}}function Ae({role:t,...i}){const s=(0,e.computed)(()=>t.value===j.listbox?q.option:q.presentation);return(0,e.provide)(ce,{role:s,...i}),{itemRole:s}}function Le(t,i,s){return(0,e.computed)(()=>{const o={[t]:!0},n=typeof i?.value=="string"?i.value.split(" "):i?.value;return n&&Array.isArray(n)&&n.forEach(f=>{f&&(o[`${t}--${f}`]=!0)}),s&&Object.keys(s.value).forEach(f=>{o[`${t}--${f}`]=(0,e.unref)(s.value[f])}),o})}var Ie=["id","tabindex","role","aria-labelledby"],Re={name:"VvDropdown",inheritAttrs:!1},$e=(0,e.defineComponent)({...Re,props:ke,emits:["update:modelValue","beforeEnter","afterLeave","beforeExpand","beforeCollapse","afterExpand","afterCollapse","before-enter","after-leave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"],setup(t,{expose:i,emit:s}){const o=t,n=s,{id:f}=(0,e.toRefs)(o),S=Ve(f),m=(0,e.useAttrs)(),E=(0,e.ref)("auto"),G=(0,e.ref)("auto"),J=(0,e.ref)(),p=(0,e.ref)(),I=(0,e.ref)(),Y=(0,e.ref)(),b=(0,e.computed)({get:()=>o.reference??J.value,set:r=>{J.value=r}}),O=(0,e.ref)(!1);(0,e.onMounted)(()=>{(0,c.useMutationObserver)(p.value,()=>{O.value=window.getComputedStyle(p.value).getPropertyValue("--dropdown-custom-position")?.trim()==="true"},{attributeFilter:["style"],window})});const Te=(0,e.computed)(()=>{const r=[];if(o.autoPlacement?typeof o.autoPlacement=="boolean"?r.push((0,l.autoPlacement)()):r.push((0,l.autoPlacement)(o.autoPlacement)):o.flip&&(typeof o.flip=="boolean"?r.push((0,l.flip)({fallbackStrategy:"initialPlacement"})):r.push((0,l.flip)(o.flip))),o.shift&&(typeof o.shift=="boolean"?r.push((0,l.shift)()):r.push((0,l.shift)(o.shift))),o.size){const d=({availableWidth:tt,availableHeight:rt})=>{E.value=`${tt}px`,G.value=`${rt}px`};typeof o.size=="boolean"?r.push((0,l.size)({apply:d})):r.push((0,l.size)({...o.size,apply:d}))}return o.offset&&(r.push((0,l.offset)(Number(o.offset))),["string","number"].includes(typeof o.offset)?r.push((0,l.offset)(Number(o.offset))):r.push((0,l.offset)(o.offset))),o.arrow&&r.push((0,l.arrow)({element:I})),r}),{x:ze,y:Ke,middlewareData:C,placement:qe,strategy:He}=(0,l.useFloating)(b,p,{whileElementsMounted:(...r)=>(0,l.autoUpdate)(...r,{animationFrame:o.strategy===T.fixed}),placement:(0,e.computed)(()=>o.placement),strategy:(0,e.computed)(()=>o.strategy),middleware:Te}),Me=(0,e.computed)(()=>{if(O.value)return;const r=o.triggerWidth&&b.value?`${b.value?.offsetWidth}px`:void 0;return{position:He.value,top:`${Ke.value??0}px`,left:`${ze.value??0}px`,maxWidth:r?void 0:E.value,maxHeight:G.value,width:r}}),We=(0,e.computed)(()=>qe.value.split("-")[0]),Ue=(0,e.computed)(()=>{if(O.value)return;const r={[u.top]:u.bottom,[u.right]:u.left,[u.bottom]:u.top,[u.left]:u.right}[We.value];return{left:C.value.arrow?.x!==void 0?`${C.value.arrow?.x}px`:void 0,top:C.value.arrow?.y!==void 0?`${C.value.arrow?.y}px`:void 0,[r]:`${-(I.value?.offsetWidth??0)/2}px`}}),R=(0,c.useVModel)(o,"modelValue",n),Q=(0,e.ref)(!1),a=(0,e.computed)({get:()=>R.value??Q.value,set:r=>{if(R.value===void 0){Q.value=r;return}R.value=r}});function w(){a.value=!0}function v(){a.value=!1}function y(){a.value=!a.value}function X(r){b.value=r}(0,c.onClickOutside)(p,()=>{!o.keepOpen&&a.value&&(a.value=!1)},{ignore:[b]});const Ge=(0,e.computed)(()=>b.value?.getAttribute?.("id")??void 0),Z=(0,e.computed)(()=>({"aria-controls":S.value,"aria-haspopup":!0,"aria-expanded":a.value})),{component:Je,bus:Ye}=De({reference:b,id:S,expanded:a,aria:Z});Ye.on("click",y);const{role:_,modifiers:Qe}=(0,e.toRefs)(o),Xe=Le("vv-dropdown",Qe,(0,e.computed)(()=>({arrow:o.arrow}))),{focused:g}=(0,c.useFocusWithin)(p);function B(r){return r?[...r.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')].filter(d=>!d.hasAttribute("disabled")&&!d.getAttribute("aria-hidden")):[]}function ee(){(0,e.nextTick)(()=>{const r=B(p.value);r.length>0&&r[0].focus({preventScroll:!0})})}function Ze(){(0,e.nextTick)(()=>{const r=B(Y.value);r.length>0&&r[0].focus({preventScroll:!0})})}function te(){(0,e.nextTick)(()=>{if(g.value){const r=B(p.value);if(r.length===0||!document.activeElement)return;const d=r.indexOf(document.activeElement);d<r.length-1?r[d+1].focus({preventScroll:!0}):r[0].focus({preventScroll:!0})}})}function re(){(0,e.nextTick)(()=>{if(g.value){const r=B(p.value);if(r.length===0||!document.activeElement)return;const d=r.indexOf(document.activeElement);if(d>0){r[d-1].focus({preventScroll:!0});return}r.at(-1)?.focus({preventScroll:!0})}})}(0,e.watch)(a,r=>{r&&o.autofocusFirst&&ee()}),i({toggle:y,show:w,hide:v,init:X,focusFirst:ee,focusFirstListElement:Ze,focusNext:te,focusPrev:re,customPosition:O});const{itemRole:_e}=Ae({role:_,expanded:a,focused:g,hovered:(0,c.useElementHover)(p)});(0,c.onKeyStroke)("Escape",r=>{a.value&&(r.preventDefault(),v())}),(0,c.onKeyStroke)("ArrowDown",r=>{a.value&&g.value&&(r.preventDefault(),te())}),(0,c.onKeyStroke)("ArrowUp",r=>{a.value&&g.value&&(r.preventDefault(),re())}),(0,c.onKeyStroke)([" ","Enter"],r=>{const d=r.target;a.value&&g.value&&d&&d?.click()});const et={"before-enter":()=>{n(a.value?"beforeExpand":"beforeCollapse"),n("beforeEnter")},"after-leave":()=>{n(a.value?"afterExpand":"afterCollapse"),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(r,d)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)((0,e.unref)(Je),null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"default",(0,e.normalizeProps)((0,e.guardReactiveProps)({init:X,show:w,hide:v,toggle:y,expanded:(0,e.unref)(a),aria:(0,e.unref)(Z)})))]),_:3}),(0,e.createVNode)(e.Transition,(0,e.mergeProps)({name:r.transitionName},(0,e.toHandlers)(et),{persisted:""}),{default:(0,e.withCtx)(()=>[(0,e.withDirectives)((0,e.createElementVNode)("div",{ref_key:"floatingEl",ref:p,style:(0,e.normalizeStyle)((0,e.unref)(Me)),class:(0,e.normalizeClass)((0,e.unref)(Xe))},[o.arrow?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,ref_key:"arrowEl",ref:I,style:(0,e.normalizeStyle)((0,e.unref)(Ue)),class:"vv-dropdown__arrow"},null,4)):(0,e.createCommentVNode)("v-if",!0),(0,e.renderSlot)(r.$slots,"before",(0,e.normalizeProps)((0,e.guardReactiveProps)({show:w,hide:v,toggle:y,expanded:(0,e.unref)(a)}))),(0,e.createElementVNode)("div",(0,e.mergeProps)((0,e.unref)(m),{id:(0,e.unref)(S),ref_key:"listEl",ref:Y,tabindex:(0,e.unref)(a)?void 0:-1,role:(0,e.unref)(_),"aria-labelledby":(0,e.unref)(Ge),class:"vv-dropdown__list"}),[(0,e.renderSlot)(r.$slots,"items",(0,e.normalizeProps)((0,e.guardReactiveProps)({show:w,hide:v,toggle:y,expanded:(0,e.unref)(a),role:(0,e.unref)(_e)})))],16,Ie),(0,e.renderSlot)(r.$slots,"after",(0,e.normalizeProps)((0,e.guardReactiveProps)({show:w,hide:v,toggle:y,expanded:(0,e.unref)(a)})))],6),[[e.vShow,(0,e.unref)(a)]])]),_:3},16,["name"])],64))}}),Fe=$e;return Fe});
+(function(e,s){typeof exports=="object"&&typeof module<"u"?module.exports=s(require("vue"),require("@floating-ui/vue"),require("@vueuse/core"),require("mitt")):typeof define=="function"&&define.amd?define(["vue","@floating-ui/vue","@vueuse/core","mitt"],s):(e=typeof globalThis<"u"?globalThis:e||self,e.VvDropdown=s(e.Vue,e.FloatingUiVue,e.VueuseCore,e.mitt))})(this,function(e,s,c,k){var ne=Object.create,T=Object.defineProperty,le=Object.getOwnPropertyDescriptor,ie=Object.getOwnPropertyNames,se=Object.getPrototypeOf,de=Object.prototype.hasOwnProperty,fe=(t,i,d,o)=>{if(i&&typeof i=="object"||typeof i=="function")for(var l=ie(i),f=0,S=l.length,v;f<S;f++)v=l[f],!de.call(t,v)&&v!==d&&T(t,v,{get:(O=>i[O]).bind(null,v),enumerable:!(o=le(i,v))||o.enumerable});return t},ue=(t,i,d)=>(d=t!=null?ne(se(t)):{},fe(i||!t||!t.__esModule?T(d,"default",{value:t,enumerable:!0}):d,t));k=ue(k,1);var z=(function(t){return t.local="local",t.session="session",t})({}),K=(function(t){return t.absolute="absolute",t.fixed="fixed",t})({}),u=(function(t){return t.left="left",t.right="right",t.top="top",t.bottom="bottom",t})({}),pe=(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})({}),q=(function(t){return t.button="button",t.submit="submit",t.reset="reset",t})({}),ce=(function(t){return t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t})({}),V=(function(t){return t.listbox="listbox",t.menu="menu",t})({}),H=(function(t){return t.option="option",t.presentation="presentation",t})({}),ve=Symbol.for("dropdownTrigger"),be=Symbol.for("dropdownItem"),me={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},ye={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}},A={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},L={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},h={disabled:{type:Boolean,default:!1}},W={required:{type:Boolean,default:!1}},ge={selected:{type:Boolean,default:!1}},he={active:{type:Boolean,default:!1}},Pe={current:{type:Boolean,default:!1}},ot={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:me.clear},labelClear:{type:String,default:"Clear"}},Se={pressed:{type:Boolean,default:!1}},E={label:{type:[String,Number],default:void 0}},I={readonly:{type:Boolean,default:!1}},P={modifiers:{type:[String,Array],default:void 0}},R={hintLabel:{type:String,default:""}},we={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},xe={count:{type:[Boolean,String],default:!1,validator:t=>[!0,!1,"limit","countdown"].includes(t)}},Ee={debounce:{type:[Number,String],default:void 0}},Oe={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:M.before,validation:t=>Object.values(M).includes(t)}},U={tabindex:{type:[String,Number],default:0}},Ce={floating:{type:Boolean,default:!1}},Be={unselectable:{type:Boolean,default:!0}},G={id:[String,Number]},Ne={placement:{type:String,default:u.bottom,validator:t=>Object.values(u).includes(t)||Object.values(pe).includes(t)},strategy:{type:String,default:void 0,validator:t=>Object.values(K).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}},J={...G,name:{type:String,required:!0}},je={autofocus:{type:Boolean,default:!1}},ke={autocomplete:{type:String,default:"off"}},at={...J,...je,...ke,...U,...h,...I,...D,...A,...R,...L,...P,...xe,...Ee,...Oe,...Ce,...E,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...W},nt={...J,...U,...D,...A,...R,...h,...I,...P,...E,...L,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},lt={...D,...A,...we,...R,...h,...I,...P,...E,...L,...W,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},it={...h,...E,...Se,...he,...Pe,...ye,type:{type:String,default:q.button,validator:t=>Object.values(q).includes(t)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:ce.button}},st={storageType:{type:String,default:z.local,validator:t=>Object.values(z).includes(t)},storageKey:String},Ve={...G,...Ne,...P,modelValue:{type:Boolean,default:void 0},reference:{type:Object,default:null},role:{type:String,default:V.menu,validator:t=>Object.values(V).includes(t)}},dt={...h,...ge,...Be,...P,deselectHintLabel:{type:String},selectHintLabel:{type:String},selectedHintLabel:{type:String},focusOnHover:{type:Boolean,default:!1}};function De(t){return(0,e.computed)(()=>String(t?.value||(0,e.useId)()))}function Ae({reference:t,id:i,expanded:d,aria:o}){const l=(0,k.default)();return{bus:l,component:(0,e.defineComponent)({name:"VvDropdownTriggerProvider",setup(){(0,e.provide)(ve,{reference:t,id:i,expanded:d,aria:o,bus:l})},render(){return(0,e.h)(e.Fragment,{},this.$slots.default?.())}})}}function Le({role:t,...i}){const d=(0,e.computed)(()=>t.value===V.listbox?H.option:H.presentation);return(0,e.provide)(be,{role:d,...i}),{itemRole:d}}function Ie(t,i,d){return(0,e.computed)(()=>{const o={[t]:!0},l=typeof i?.value=="string"?i.value.split(" "):i?.value;return l&&Array.isArray(l)&&l.forEach(f=>{f&&(o[`${t}--${f}`]=!0)}),d&&Object.keys(d.value).forEach(f=>{o[`${t}--${f}`]=(0,e.unref)(d.value[f])}),o})}var Re=["id","tabindex","role","aria-labelledby"],$e={name:"VvDropdown",inheritAttrs:!1},Fe=(0,e.defineComponent)({...$e,props:Ve,emits:["update:modelValue","beforeEnter","afterLeave","beforeExpand","beforeCollapse","afterExpand","afterCollapse","before-enter","after-leave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"],setup(t,{expose:i,emit:d}){const o=t,l=d,{id:f}=(0,e.toRefs)(o),S=De(f),v=(0,e.useAttrs)(),O=(0,e.ref)("auto"),Y=(0,e.ref)("auto"),Q=(0,e.ref)(),p=(0,e.ref)(),$=(0,e.ref)(),X=(0,e.ref)(),b=(0,e.computed)({get:()=>o.reference??Q.value,set:r=>{Q.value=r}}),C=(0,e.ref)(!1);(0,e.onMounted)(()=>{(0,c.useMutationObserver)(p.value,()=>{C.value=window.getComputedStyle(p.value).getPropertyValue("--dropdown-custom-position")?.trim()==="true"},{attributeFilter:["style"],window})});function B(r,a,x){return typeof r=="boolean"?a():x(r)}const ze=(0,e.computed)(()=>{const r=[];if(o.autoPlacement?r.push(B(o.autoPlacement,()=>(0,s.autoPlacement)(),a=>(0,s.autoPlacement)(a))):o.flip&&r.push(B(o.flip,()=>(0,s.flip)({fallbackStrategy:"initialPlacement"}),a=>(0,s.flip)(a))),o.shift&&r.push(B(o.shift,()=>(0,s.shift)(),a=>(0,s.shift)(a))),o.size){const a=({availableWidth:x,availableHeight:rt})=>{O.value=`${x}px`,Y.value=`${rt}px`};r.push(B(o.size,()=>(0,s.size)({apply:a}),x=>(0,s.size)({...x,apply:a})))}return o.offset&&r.push(["string","number"].includes(typeof o.offset)?(0,s.offset)(Number(o.offset)):(0,s.offset)(o.offset)),o.arrow&&r.push((0,s.arrow)({element:$})),r}),{x:Ke,y:Me,middlewareData:N,placement:qe,strategy:He}=(0,s.useFloating)(b,p,{whileElementsMounted:(...r)=>(0,s.autoUpdate)(...r,{animationFrame:o.strategy===K.fixed}),placement:(0,e.computed)(()=>o.placement),strategy:(0,e.computed)(()=>o.strategy),middleware:ze}),We=(0,e.computed)(()=>{if(C.value)return;const r=o.triggerWidth&&b.value?`${b.value?.offsetWidth}px`:void 0;return{position:He.value,top:`${Me.value??0}px`,left:`${Ke.value??0}px`,maxWidth:r?void 0:O.value,maxHeight:Y.value,width:r}}),Ue=(0,e.computed)(()=>qe.value.split("-")[0]),Ge=(0,e.computed)(()=>{if(C.value)return;const r={[u.top]:u.bottom,[u.right]:u.left,[u.bottom]:u.top,[u.left]:u.right}[Ue.value];return{left:N.value.arrow?.x!==void 0?`${N.value.arrow?.x}px`:void 0,top:N.value.arrow?.y!==void 0?`${N.value.arrow?.y}px`:void 0,[r]:`${-($.value?.offsetWidth??0)/2}px`}}),F=(0,c.useVModel)(o,"modelValue",l),Z=(0,e.ref)(!1),n=(0,e.computed)({get:()=>F.value??Z.value,set:r=>{if(F.value===void 0){Z.value=r;return}F.value=r}});function w(){n.value=!0}function m(){n.value=!1}function y(){n.value=!n.value}function _(r){b.value=r}(0,c.onClickOutside)(p,()=>{!o.keepOpen&&n.value&&(n.value=!1)},{ignore:[b]});const Je=(0,e.computed)(()=>b.value?.getAttribute?.("id")??void 0),ee=(0,e.computed)(()=>({"aria-controls":S.value,"aria-haspopup":!0,"aria-expanded":n.value})),{component:Ye,bus:Qe}=Ae({reference:b,id:S,expanded:n,aria:ee});Qe.on("click",y);const{role:te,modifiers:Xe}=(0,e.toRefs)(o),Ze=Ie("vv-dropdown",Xe,(0,e.computed)(()=>({arrow:o.arrow}))),{focused:g}=(0,c.useFocusWithin)(p);function j(r){return r?[...r.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')].filter(a=>!a.hasAttribute("disabled")&&!a.getAttribute("aria-hidden")):[]}function re(){(0,e.nextTick)(()=>{const r=j(p.value);r.length>0&&r[0].focus({preventScroll:!0})})}function _e(){(0,e.nextTick)(()=>{const r=j(X.value);r.length>0&&r[0].focus({preventScroll:!0})})}function oe(){(0,e.nextTick)(()=>{if(g.value){const r=j(p.value);if(r.length===0||!document.activeElement)return;const a=r.indexOf(document.activeElement);a<r.length-1?r[a+1].focus({preventScroll:!0}):r[0].focus({preventScroll:!0})}})}function ae(){(0,e.nextTick)(()=>{if(g.value){const r=j(p.value);if(r.length===0||!document.activeElement)return;const a=r.indexOf(document.activeElement);if(a>0){r[a-1].focus({preventScroll:!0});return}r.at(-1)?.focus({preventScroll:!0})}})}(0,e.watch)(n,r=>{r&&o.autofocusFirst&&re()}),i({toggle:y,show:w,hide:m,init:_,focusFirst:re,focusFirstListElement:_e,focusNext:oe,focusPrev:ae,customPosition:C});const{itemRole:et}=Le({role:te,expanded:n,focused:g,hovered:(0,c.useElementHover)(p)});(0,c.onKeyStroke)("Escape",r=>{n.value&&(r.preventDefault(),m())}),(0,c.onKeyStroke)("ArrowDown",r=>{n.value&&g.value&&(r.preventDefault(),oe())}),(0,c.onKeyStroke)("ArrowUp",r=>{n.value&&g.value&&(r.preventDefault(),ae())}),(0,c.onKeyStroke)([" ","Enter"],r=>{const a=r.target;n.value&&g.value&&a&&a?.click()});const tt={"before-enter":()=>{l(n.value?"beforeExpand":"beforeCollapse"),l("beforeEnter")},"after-leave":()=>{l(n.value?"afterExpand":"afterCollapse"),l("afterLeave")},enter:()=>{l("enter")},"after-enter":()=>{l("afterEnter")},"enter-cancelled":()=>{l("enterCancelled")},"before-leave":()=>{l("beforeLeave")},leave:()=>{l("leave")},"leave-cancelled":()=>{l("leaveCancelled")}};return(r,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)((0,e.unref)(Ye),null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"default",(0,e.normalizeProps)((0,e.guardReactiveProps)({init:_,show:w,hide:m,toggle:y,expanded:(0,e.unref)(n),aria:(0,e.unref)(ee)})))]),_:3}),(0,e.createVNode)(e.Transition,(0,e.mergeProps)({name:r.transitionName},(0,e.toHandlers)(tt),{persisted:""}),{default:(0,e.withCtx)(()=>[(0,e.withDirectives)((0,e.createElementVNode)("div",{ref_key:"floatingEl",ref:p,style:(0,e.normalizeStyle)((0,e.unref)(We)),class:(0,e.normalizeClass)((0,e.unref)(Ze))},[o.arrow?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,ref_key:"arrowEl",ref:$,style:(0,e.normalizeStyle)((0,e.unref)(Ge)),class:"vv-dropdown__arrow"},null,4)):(0,e.createCommentVNode)("v-if",!0),(0,e.renderSlot)(r.$slots,"before",(0,e.normalizeProps)((0,e.guardReactiveProps)({show:w,hide:m,toggle:y,expanded:(0,e.unref)(n)}))),(0,e.createElementVNode)("div",(0,e.mergeProps)((0,e.unref)(v),{id:(0,e.unref)(S),ref_key:"listEl",ref:X,tabindex:(0,e.unref)(n)?void 0:-1,role:(0,e.unref)(te),"aria-labelledby":(0,e.unref)(Je),class:"vv-dropdown__list"}),[(0,e.renderSlot)(r.$slots,"items",(0,e.normalizeProps)((0,e.guardReactiveProps)({show:w,hide:m,toggle:y,expanded:(0,e.unref)(n),role:(0,e.unref)(et)})))],16,Re),(0,e.renderSlot)(r.$slots,"after",(0,e.normalizeProps)((0,e.guardReactiveProps)({show:w,hide:m,toggle:y,expanded:(0,e.unref)(n)})))],6),[[e.vShow,(0,e.unref)(n)]])]),_:3},16,["name"])],64))}}),Te=Fe;return Te});

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

@@ -203,102 +203,14 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<global
     reference: HTMLElement | null;
     placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
     strategy: "absolute" | "fixed";
-    size: boolean | {
-        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-        elementContext?: import("@floating-ui/core").ElementContext | undefined;
-        altBoundary?: boolean | undefined;
-        padding?: import("@floating-ui/utils").Padding | undefined;
-        boundary?: import("@floating-ui/dom").Boundary | undefined;
-        apply?: ((args: import("@floating-ui/dom").MiddlewareState & {
-            availableWidth: number;
-            availableHeight: number;
-        }) => void | Promise<void>) | undefined;
-    } | import("@floating-ui/dom").Derivable<{
-        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-        elementContext?: import("@floating-ui/core").ElementContext | undefined;
-        altBoundary?: boolean | undefined;
-        padding?: import("@floating-ui/utils").Padding | undefined;
-        boundary?: import("@floating-ui/dom").Boundary | undefined;
-        apply?: ((args: import("@floating-ui/dom").MiddlewareState & {
-            availableWidth: number;
-            availableHeight: number;
-        }) => void | Promise<void>) | undefined;
-    }> | undefined;
-    shift: boolean | {
-        crossAxis?: boolean | undefined;
-        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-        elementContext?: import("@floating-ui/core").ElementContext | undefined;
-        altBoundary?: boolean | undefined;
-        padding?: import("@floating-ui/utils").Padding | undefined;
-        mainAxis?: boolean | undefined;
-        limiter?: {
-            fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
-            options?: any;
-        } | undefined;
-        boundary?: import("@floating-ui/dom").Boundary | undefined;
-    } | import("@floating-ui/dom").Derivable<{
-        crossAxis?: boolean | undefined;
-        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-        elementContext?: import("@floating-ui/core").ElementContext | undefined;
-        altBoundary?: boolean | undefined;
-        padding?: import("@floating-ui/utils").Padding | undefined;
-        mainAxis?: boolean | undefined;
-        limiter?: {
-            fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
-            options?: any;
-        } | undefined;
-        boundary?: import("@floating-ui/dom").Boundary | undefined;
-    }> | undefined;
+    size: boolean | SizeOptions;
+    shift: boolean | ShiftOptions;
     modifiers: string | string[];
     role: "listbox" | "menu";
-    flip: boolean | {
-        crossAxis?: boolean | "alignment" | undefined;
-        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-        elementContext?: import("@floating-ui/core").ElementContext | undefined;
-        altBoundary?: boolean | undefined;
-        padding?: import("@floating-ui/utils").Padding | undefined;
-        mainAxis?: boolean | undefined;
-        fallbackPlacements?: Array<import("@floating-ui/utils").Placement> | undefined;
-        fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
-        fallbackAxisSideDirection?: "none" | "start" | "end" | undefined;
-        flipAlignment?: boolean | undefined;
-        boundary?: import("@floating-ui/dom").Boundary | undefined;
-    } | import("@floating-ui/dom").Derivable<{
-        crossAxis?: boolean | "alignment" | undefined;
-        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-        elementContext?: import("@floating-ui/core").ElementContext | undefined;
-        altBoundary?: boolean | undefined;
-        padding?: import("@floating-ui/utils").Padding | undefined;
-        mainAxis?: boolean | undefined;
-        fallbackPlacements?: Array<import("@floating-ui/utils").Placement> | undefined;
-        fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
-        fallbackAxisSideDirection?: "none" | "start" | "end" | undefined;
-        flipAlignment?: boolean | undefined;
-        boundary?: import("@floating-ui/dom").Boundary | undefined;
-    }> | undefined;
+    flip: boolean | FlipOptions;
     transitionName: string;
-    offset: string | import("@floating-ui/dom").OffsetOptions | undefined;
-    autoPlacement: boolean | {
-        crossAxis?: boolean | undefined;
-        alignment?: (import("@floating-ui/utils").Alignment | null) | undefined;
-        autoAlignment?: boolean | undefined;
-        allowedPlacements?: Array<import("@floating-ui/utils").Placement> | undefined;
-        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-        elementContext?: import("@floating-ui/core").ElementContext | undefined;
-        altBoundary?: boolean | undefined;
-        padding?: import("@floating-ui/utils").Padding | undefined;
-        boundary?: import("@floating-ui/dom").Boundary | undefined;
-    } | import("@floating-ui/dom").Derivable<{
-        crossAxis?: boolean | undefined;
-        alignment?: (import("@floating-ui/utils").Alignment | null) | undefined;
-        autoAlignment?: boolean | undefined;
-        allowedPlacements?: Array<import("@floating-ui/utils").Placement> | undefined;
-        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-        elementContext?: import("@floating-ui/core").ElementContext | undefined;
-        altBoundary?: boolean | undefined;
-        padding?: import("@floating-ui/utils").Padding | undefined;
-        boundary?: import("@floating-ui/dom").Boundary | undefined;
-    }> | undefined;
+    offset: string | OffsetOptions;
+    autoPlacement: boolean | AutoPlacementOptions;
     arrow: boolean;
     keepOpen: boolean;
     autofocusFirst: boolean;

package/dist/components/VvDropdownAction/VvDropdownAction.es.js

@@ -1,4 +1,4 @@
-import { computed as b, createBlock as T, createElementBlock as Z, createTextVNode as R, createVNode as ee, defineComponent as S, getCurrentInstance as te, inject as y, mergeProps as _, openBlock as P, provide as re, ref as h, renderSlot as O, resolveComponent as oe, resolveDynamicComponent as ae, toDisplayString as M, toRefs as ne, unref as s, watch as $, withCtx as g } from "vue";
+import { computed as b, createBlock as T, createElementBlock as Z, createTextVNode as R, createVNode as ee, defineComponent as S, getCurrentInstance as te, inject as y, mergeProps as P, openBlock as _, provide as re, ref as h, renderSlot as O, resolveComponent as oe, resolveDynamicComponent as ae, toDisplayString as M, toRefs as ne, unref as s, watch as $, withCtx as m } from "vue";
 import "mitt";
 import { useElementHover as le, useFocus as ue, useFocusWithin as se } from "@vueuse/core";
 var ie = {
@@ -12,15 +12,13 @@ var ie = {
   remove: "trash",
   edit: "edit",
   download: "download"
-}, de = /* @__PURE__ */ (function(e) {
-  return e.simple = "simple", e.normal = "normal", e.detailed = "detailed", e;
-})({}), Qe = { prefix: de.normal }, E = /* @__PURE__ */ (function(e) {
+}, E = /* @__PURE__ */ (function(e) {
   return e.local = "local", e.session = "session", e;
-})({}), pe = /* @__PURE__ */ (function(e) {
+})({}), de = /* @__PURE__ */ (function(e) {
   return e.absolute = "absolute", e.fixed = "fixed", e;
 })({}), V = /* @__PURE__ */ (function(e) {
   return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e;
-})({}), fe = /* @__PURE__ */ (function(e) {
+})({}), pe = /* @__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;
 })({}), j = /* @__PURE__ */ (function(e) {
   return e.before = "before", e.after = "after", e;
@@ -28,11 +26,11 @@ var ie = {
   return e.button = "button", e.submit = "submit", e.reset = "reset", e;
 })({}), u = /* @__PURE__ */ (function(e) {
   return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
-})({}), ve = /* @__PURE__ */ (function(e) {
+})({}), fe = /* @__PURE__ */ (function(e) {
   return e.button = "button", e.link = "link", e.menuitem = "menuitem", e;
 })({}), L = /* @__PURE__ */ (function(e) {
   return e.listbox = "listbox", e.menu = "menu", e;
-})({}), ce = /* @__PURE__ */ Symbol.for("volver"), be = /* @__PURE__ */ Symbol.for("dropdownTrigger"), ye = /* @__PURE__ */ Symbol.for("dropdownItem"), H = /* @__PURE__ */ Symbol.for("dropdownAction"), me = {
+})({}), ve = /* @__PURE__ */ Symbol.for("volver"), ce = /* @__PURE__ */ Symbol.for("dropdownTrigger"), be = /* @__PURE__ */ Symbol.for("dropdownItem"), H = /* @__PURE__ */ Symbol.for("dropdownAction"), ye = {
   to: { type: [String, Object] },
   href: String,
   target: String,
@@ -76,13 +74,13 @@ var ie = {
 } }, ge = { selected: {
   type: Boolean,
   default: !1
-} }, Se = { active: {
+} }, me = { active: {
   type: Boolean,
   default: !1
-} }, _e = { current: {
+} }, Se = { current: {
   type: Boolean,
   default: !1
-} }, Xe = {
+} }, Ue = {
   showClearAction: {
     type: Boolean,
     default: !1
@@ -98,19 +96,19 @@ var ie = {
 }, Pe = { pressed: {
   type: Boolean,
   default: !1
-} }, m = { label: {
+} }, g = { label: {
   type: [String, Number],
   default: void 0
-} }, N = { readonly: {
+} }, I = { readonly: {
   type: Boolean,
   default: !1
 } }, d = { modifiers: {
   type: [String, Array],
   default: void 0
-} }, C = { hintLabel: {
+} }, N = { hintLabel: {
   type: String,
   default: ""
-} }, he = {
+} }, _e = {
   options: {
     type: Array,
     default: () => []
@@ -127,7 +125,7 @@ var ie = {
     type: [String, Function],
     default: "disabled"
   }
-}, Oe = { count: {
+}, he = { count: {
   type: [Boolean, String],
   default: !1,
   validator: (e) => [
@@ -136,10 +134,10 @@ var ie = {
     "limit",
     "countdown"
   ].includes(e)
-} }, we = { debounce: {
+} }, Oe = { debounce: {
   type: [Number, String],
   default: void 0
-} }, Be = {
+} }, we = {
   icon: {
     type: [String, Object],
     default: void 0
@@ -149,25 +147,25 @@ var ie = {
     default: j.before,
     validation: (e) => Object.values(j).includes(e)
   }
-}, F = { tabindex: {
+}, x = { tabindex: {
   type: [String, Number],
   default: 0
-} }, ke = { floating: {
+} }, Be = { floating: {
   type: Boolean,
   default: !1
-} }, Ne = { unselectable: {
+} }, ke = { unselectable: {
   type: Boolean,
   default: !0
-} }, x = { id: [String, Number] }, Ce = {
+} }, F = { id: [String, Number] }, Ie = {
   placement: {
     type: String,
     default: V.bottom,
-    validator: (e) => Object.values(V).includes(e) || Object.values(fe).includes(e)
+    validator: (e) => Object.values(V).includes(e) || Object.values(pe).includes(e)
   },
   strategy: {
     type: String,
     default: void 0,
-    validator: (e) => Object.values(pe).includes(e)
+    validator: (e) => Object.values(de).includes(e)
   },
   transitionName: {
     type: String,
@@ -214,34 +212,34 @@ var ie = {
     default: !1
   }
 }, W = {
-  ...x,
+  ...F,
   name: {
     type: String,
     required: !0
   }
-}, Ie = { autofocus: {
+}, Ne = { autofocus: {
   type: Boolean,
   default: !1
-} }, De = { autocomplete: {
+} }, Ce = { autocomplete: {
   type: String,
   default: "off"
-} }, Ze = {
+} }, Qe = {
   ...W,
-  ...Ie,
-  ...De,
-  ...F,
+  ...Ne,
+  ...Ce,
+  ...x,
   ...f,
-  ...N,
+  ...I,
   ...w,
   ...B,
-  ...C,
+  ...N,
   ...k,
   ...d,
+  ...he,
   ...Oe,
   ...we,
   ...Be,
-  ...ke,
-  ...m,
+  ...g,
   minlength: {
     type: [String, Number],
     default: void 0
@@ -255,16 +253,16 @@ var ie = {
     default: void 0
   },
   ...K
-}, et = {
+}, Xe = {
   ...W,
-  ...F,
+  ...x,
   ...w,
   ...B,
-  ...C,
-  ...f,
   ...N,
+  ...f,
+  ...I,
   ...d,
-  ...m,
+  ...g,
   ...k,
   value: {
     type: [
@@ -283,15 +281,15 @@ var ie = {
     ],
     default: void 0
   }
-}, tt = {
+}, Ze = {
   ...w,
   ...B,
-  ...he,
-  ...C,
-  ...f,
+  ..._e,
   ...N,
+  ...f,
+  ...I,
   ...d,
-  ...m,
+  ...g,
   ...k,
   ...K,
   modelValue: {
@@ -314,11 +312,11 @@ var ie = {
   }
 }, q = {
   ...f,
-  ...m,
+  ...g,
   ...Pe,
-  ...Se,
-  ..._e,
   ...me,
+  ...Se,
+  ...ye,
   type: {
     type: String,
     default: A.button,
@@ -332,42 +330,42 @@ var ie = {
     type: String,
     default: u.button
   }
-}, rt = {
+}, et = {
   storageType: {
     type: String,
     default: E.local,
     validator: (e) => Object.values(E).includes(e)
   },
   storageKey: String
-}, Ee = [
+}, De = [
   "click",
   "mouseover",
   "mouseleave"
-], Ve = q;
+], Ee = q;
+function Ve() {
+  return y(ve, void 0);
+}
 function je() {
-  return y(ce, void 0);
+  return y(ce, {});
 }
 function Ae() {
   return y(be, {});
 }
 function Le() {
-  return y(ye, {});
-}
-function Te() {
   return y(H, {});
 }
-var Re = { name: "VvAction" }, Me = /* @__PURE__ */ S({
-  ...Re,
-  props: Ve,
-  emits: Ee,
+var Te = { name: "VvAction" }, Re = /* @__PURE__ */ S({
+  ...Te,
+  props: Ee,
+  emits: De,
   setup(e, { expose: n, emit: l }) {
-    const t = e, o = l, a = te(), v = je(), p = h(null);
+    const t = e, o = l, a = te(), v = Ve(), p = h(null);
     n({ $el: p });
-    const { reference: i, bus: c, aria: J, expanded: Y } = Ae();
+    const { reference: i, bus: c, aria: J, expanded: Y } = je();
     $(() => p.value, (r) => {
       i && (i.value = r);
     });
-    const I = b(() => t.pressed || Y?.value), { role: G } = Te(), D = b(() => {
+    const C = b(() => t.pressed || Y?.value), { role: G } = Le(), D = b(() => {
       switch (!0) {
         case t.disabled:
           return u.button;
@@ -381,7 +379,7 @@ var Re = { name: "VvAction" }, Me = /* @__PURE__ */ S({
     }), z = b(() => {
       const r = {
         ...J?.value,
-        ariaPressed: I.value ? !0 : void 0,
+        ariaPressed: C.value ? !0 : void 0,
         ariaLabel: t.ariaLabel,
         role: G?.value
       };
@@ -435,12 +433,12 @@ var Re = { name: "VvAction" }, Me = /* @__PURE__ */ S({
       }
       c?.emit("mouseleave", r);
     }
-    return (r, Ye) => (P(), T(ae(s(D)), _(s(z), {
+    return (r, Je) => (_(), T(ae(s(D)), P(s(z), {
       ref_key: "rootEl",
       ref: p,
       class: {
         active: r.active,
-        pressed: s(I),
+        pressed: s(C),
         disabled: r.disabled,
         current: r.current
       },
@@ -448,13 +446,13 @@ var Re = { name: "VvAction" }, Me = /* @__PURE__ */ S({
       onMouseoverPassive: Q,
       onMouseleavePassive: X
     }), {
-      default: g(() => [O(r.$slots, "default", {}, () => [R(M(r.label), 1)])]),
+      default: m(() => [O(r.$slots, "default", {}, () => [R(M(r.label), 1)])]),
       _: 3
     }, 16, ["class"]));
   }
-}), $e = Me, ot = {
-  ...x,
-  ...Ce,
+}), Me = Re, tt = {
+  ...F,
+  ...Ie,
   ...d,
   modelValue: {
     type: Boolean,
@@ -469,13 +467,13 @@ var Re = { name: "VvAction" }, Me = /* @__PURE__ */ S({
     default: L.menu,
     validator: (e) => Object.values(L).includes(e)
   }
-}, He = { focusOnHover: {
+}, $e = { focusOnHover: {
   type: Boolean,
   default: !1
-} }, at = {
+} }, rt = {
   ...f,
   ...ge,
-  ...Ne,
+  ...ke,
   ...d,
   deselectHintLabel: { type: String },
   selectHintLabel: { type: String },
@@ -485,29 +483,29 @@ var Re = { name: "VvAction" }, Me = /* @__PURE__ */ S({
     default: !1
   }
 };
-function Ke({ expanded: e }) {
+function He({ expanded: e }) {
   re(H, {
-    role: h(ve.menuitem),
+    role: h(fe.menuitem),
     expanded: e
   });
 }
-var Fe = { name: "VvDropdownItem" }, xe = /* @__PURE__ */ S({
-  ...Fe,
-  props: He,
+var Ke = { name: "VvDropdownItem" }, xe = /* @__PURE__ */ S({
+  ...Ke,
+  props: $e,
   setup(e) {
-    const n = e, { role: l, expanded: t } = Le(), o = h(null);
-    Ke({ expanded: t });
+    const n = e, { role: l, expanded: t } = Ae(), o = h(null);
+    He({ expanded: t });
     const a = le(o), { focused: v } = ue(o), { focused: p } = se(o);
     return $(a, (i) => {
       i && n.focusOnHover && (v.value = !0);
-    }), (i, c) => (P(), Z("div", _({ role: s(l) }, {
+    }), (i, c) => (_(), Z("div", P({ role: s(l) }, {
       ref_key: "element",
       ref: o,
       class: ["vv-dropdown__item", { "focus-visible": s(v) || s(p) }]
     }), [O(i.$slots, "default")], 16));
   }
-}), We = xe;
-function qe(e, n, l) {
+}), Fe = xe;
+function We(e, n, l) {
   return b(() => {
     const t = { [e]: !0 }, o = typeof n?.value == "string" ? n.value.split(" ") : n?.value;
     return o && Array.isArray(o) && o.forEach((a) => {
@@ -517,16 +515,16 @@ function qe(e, n, l) {
     }), t;
   });
 }
-var Je = /* @__PURE__ */ S({
+var qe = /* @__PURE__ */ S({
   __name: "VvDropdownAction",
   props: {
     ...q,
     ...d
   },
   setup(e) {
-    const { modifiers: n } = ne(e), l = qe("vv-dropdown-action", n);
-    return (t, o) => (P(), T(We, null, {
-      default: g(() => [ee($e, _({
+    const { modifiers: n } = ne(e), l = We("vv-dropdown-action", n);
+    return (t, o) => (_(), T(Fe, null, {
+      default: m(() => [ee(Me, P({
         disabled: t.disabled,
         pressed: t.pressed,
         active: t.active,
@@ -536,13 +534,13 @@ var Je = /* @__PURE__ */ S({
         target: t.target,
         rel: t.rel
       }, { class: s(l) }), {
-        default: g(() => [O(t.$slots, "default", {}, () => [R(M(t.label), 1)])]),
+        default: m(() => [O(t.$slots, "default", {}, () => [R(M(t.label), 1)])]),
         _: 3
       }, 16, ["class"])]),
       _: 3
     }));
   }
-}), nt = Je;
+}), ot = qe;
 export {
-  nt as default
+  ot as default
 };

package/dist/components/VvDropdownAction/VvDropdownAction.umd.js

@@ -1 +1 @@
-(function(t,v){typeof exports=="object"&&typeof module<"u"?module.exports=v(require("vue"),require("mitt"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","mitt","@vueuse/core"],v):(t=typeof globalThis<"u"?globalThis:t||self,t.VvDropdownAction=v(t.Vue,t.mitt,t.VueuseCore))})(this,function(t,v,m){var M=Object.create,h=Object.defineProperty,R=Object.getOwnPropertyDescriptor,x=Object.getOwnPropertyNames,$=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty,K=(e,a,l,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(var n=x(a),i=0,f=n.length,s;i<f;i++)s=n[i],!H.call(e,s)&&s!==l&&h(e,s,{get:(d=>a[d]).bind(null,s),enumerable:!(r=R(a,s))||r.enumerable});return e},Le=(e,a,l)=>(l=e!=null?M($(e)):{},K(a||!e||!e.__esModule?h(l,"default",{value:e,enumerable:!0}):l,e)),q={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},F=(function(e){return e.simple="simple",e.normal="normal",e.detailed="detailed",e})({}),Te={prefix:F.normal},w=(function(e){return e.local="local",e.session="session",e})({}),W=(function(e){return e.absolute="absolute",e.fixed="fixed",e})({}),B=(function(e){return e.left="left",e.right="right",e.top="top",e.bottom="bottom",e})({}),J=(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})({}),j=(function(e){return e.before="before",e.after="after",e})({}),C=(function(e){return e.button="button",e.submit="submit",e.reset="reset",e})({}),u=(function(e){return e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e})({}),Y=(function(e){return e.button="button",e.link="link",e.menuitem="menuitem",e})({}),N=(function(e){return e.listbox="listbox",e.menu="menu",e})({}),G=Symbol.for("volver"),z=Symbol.for("dropdownTrigger"),U=Symbol.for("dropdownItem"),D=Symbol.for("dropdownAction"),Q={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},g={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},_={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},P={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},c={disabled:{type:Boolean,default:!1}},V={required:{type:Boolean,default:!1}},X={selected:{type:Boolean,default:!1}},Z={active:{type:Boolean,default:!1}},ee={current:{type:Boolean,default:!1}},Me={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:q.clear},labelClear:{type:String,default:"Clear"}},te={pressed:{type:Boolean,default:!1}},b={label:{type:[String,Number],default:void 0}},S={readonly:{type:Boolean,default:!1}},p={modifiers:{type:[String,Array],default:void 0}},O={hintLabel:{type:String,default:""}},re={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},oe={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},ae={debounce:{type:[Number,String],default:void 0}},ne={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:j.before,validation:e=>Object.values(j).includes(e)}},I={tabindex:{type:[String,Number],default:0}},le={floating:{type:Boolean,default:!1}},ie={unselectable:{type:Boolean,default:!0}},k={id:[String,Number]},se={placement:{type:String,default:B.bottom,validator:e=>Object.values(B).includes(e)||Object.values(J).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(W).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}},E={...k,name:{type:String,required:!0}},ue={autofocus:{type:Boolean,default:!1}},de={autocomplete:{type:String,default:"off"}},Re={...E,...ue,...de,...I,...c,...S,...g,..._,...O,...P,...p,...oe,...ae,...ne,...le,...b,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...V},xe={...E,...I,...g,..._,...O,...c,...S,...p,...b,...P,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},$e={...g,..._,...re,...O,...c,...S,...p,...b,...P,...V,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},A={...c,...b,...te,...Z,...ee,...Q,type:{type:String,default:C.button,validator:e=>Object.values(C).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:u.button}},He={storageType:{type:String,default:w.local,validator:e=>Object.values(w).includes(e)},storageKey:String},pe=["click","mouseover","mouseleave"],fe=A;function ce(){return(0,t.inject)(G,void 0)}function ve(){return(0,t.inject)(z,{})}function be(){return(0,t.inject)(U,{})}function ye(){return(0,t.inject)(D,{})}var me={name:"VvAction"},ge=(0,t.defineComponent)({...me,props:fe,emits:pe,setup(e,{expose:a,emit:l}){const r=e,n=l,i=(0,t.getCurrentInstance)(),f=ce(),s=(0,t.ref)(null);a({$el:s});const{reference:d,bus:y,aria:Ne,expanded:De}=ve();(0,t.watch)(()=>s.value,o=>{d&&(d.value=o)});const L=(0,t.computed)(()=>r.pressed||De?.value),{role:Ve}=ye(),T=(0,t.computed)(()=>{switch(!0){case r.disabled:return u.button;case r.to!==void 0:return f?.nuxt?(0,t.resolveComponent)(u.nuxtLink):u.routerLink;case r.href!==void 0:return u.a;default:return r.defaultTag}}),Ie=(0,t.computed)(()=>{const o={...Ne?.value,ariaPressed:L.value?!0:void 0,ariaLabel:r.ariaLabel,role:Ve?.value};switch(T.value){case u.a:return{...o,href:r.href,target:r.target,rel:r.rel};case u.routerLink:case u.nuxtLink:return{...o,to:r.to,target:r.target};case u.button:return{...o,type:r.type,disabled:r.disabled};default:return o}});function ke(o){if(r.disabled){o.preventDefault();return}if(i?.vnode.props?.onClick){n("click",o);return}y?.emit("click",o)}function Ee(o){if(i?.vnode.props?.onMouseover){n("mouseover",o);return}y?.emit("mouseover",o)}function Ae(o){if(i?.vnode.props?.onMouseleave){n("mouseleave",o);return}y?.emit("mouseleave",o)}return(o,Fe)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)((0,t.unref)(T)),(0,t.mergeProps)((0,t.unref)(Ie),{ref_key:"rootEl",ref:s,class:{active:o.active,pressed:(0,t.unref)(L),disabled:o.disabled,current:o.current},onClickPassive:ke,onMouseoverPassive:Ee,onMouseleavePassive:Ae}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(o.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(o.label),1)])]),_:3},16,["class"]))}}),_e=ge,Ke={...k,...se,...p,modelValue:{type:Boolean,default:void 0},reference:{type:Object,default:null},role:{type:String,default:N.menu,validator:e=>Object.values(N).includes(e)}},Pe={focusOnHover:{type:Boolean,default:!1}},qe={...c,...X,...ie,...p,deselectHintLabel:{type:String},selectHintLabel:{type:String},selectedHintLabel:{type:String},focusOnHover:{type:Boolean,default:!1}};function Se({expanded:e}){(0,t.provide)(D,{role:(0,t.ref)(Y.menuitem),expanded:e})}var Oe={name:"VvDropdownItem"},he=(0,t.defineComponent)({...Oe,props:Pe,setup(e){const a=e,{role:l,expanded:r}=be(),n=(0,t.ref)(null);Se({expanded:r});const i=(0,m.useElementHover)(n),{focused:f}=(0,m.useFocus)(n),{focused:s}=(0,m.useFocusWithin)(n);return(0,t.watch)(i,d=>{d&&a.focusOnHover&&(f.value=!0)}),(d,y)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",(0,t.mergeProps)({role:(0,t.unref)(l)},{ref_key:"element",ref:n,class:["vv-dropdown__item",{"focus-visible":(0,t.unref)(f)||(0,t.unref)(s)}]}),[(0,t.renderSlot)(d.$slots,"default")],16))}}),we=he;function Be(e,a,l){return(0,t.computed)(()=>{const r={[e]:!0},n=typeof a?.value=="string"?a.value.split(" "):a?.value;return n&&Array.isArray(n)&&n.forEach(i=>{i&&(r[`${e}--${i}`]=!0)}),l&&Object.keys(l.value).forEach(i=>{r[`${e}--${i}`]=(0,t.unref)(l.value[i])}),r})}var je=(0,t.defineComponent)({__name:"VvDropdownAction",props:{...A,...p},setup(e){const{modifiers:a}=(0,t.toRefs)(e),l=Be("vv-dropdown-action",a);return(r,n)=>((0,t.openBlock)(),(0,t.createBlock)(we,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(_e,(0,t.mergeProps)({disabled:r.disabled,pressed:r.pressed,active:r.active,type:r.type,to:r.to,href:r.href,target:r.target,rel:r.rel},{class:(0,t.unref)(l)}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.label),1)])]),_:3},16,["class"])]),_:3}))}}),Ce=je;return Ce});
+(function(t,v){typeof exports=="object"&&typeof module<"u"?module.exports=v(require("vue"),require("mitt"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","mitt","@vueuse/core"],v):(t=typeof globalThis<"u"?globalThis:t||self,t.VvDropdownAction=v(t.Vue,t.mitt,t.VueuseCore))})(this,function(t,v,g){var x=Object.create,h=Object.defineProperty,M=Object.getOwnPropertyDescriptor,R=Object.getOwnPropertyNames,$=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty,K=(e,a,l,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(var n=R(a),i=0,f=n.length,s;i<f;i++)s=n[i],!H.call(e,s)&&s!==l&&h(e,s,{get:(d=>a[d]).bind(null,s),enumerable:!(r=M(a,s))||r.enumerable});return e},Ae=(e,a,l)=>(l=e!=null?x($(e)):{},K(a||!e||!e.__esModule?h(l,"default",{value:e,enumerable:!0}):l,e)),q={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},w=(function(e){return e.local="local",e.session="session",e})({}),F=(function(e){return e.absolute="absolute",e.fixed="fixed",e})({}),B=(function(e){return e.left="left",e.right="right",e.top="top",e.bottom="bottom",e})({}),W=(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})({}),j=(function(e){return e.before="before",e.after="after",e})({}),C=(function(e){return e.button="button",e.submit="submit",e.reset="reset",e})({}),u=(function(e){return e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e})({}),J=(function(e){return e.button="button",e.link="link",e.menuitem="menuitem",e})({}),N=(function(e){return e.listbox="listbox",e.menu="menu",e})({}),Y=Symbol.for("volver"),G=Symbol.for("dropdownTrigger"),z=Symbol.for("dropdownItem"),D=Symbol.for("dropdownAction"),U={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},m={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},_={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},P={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},c={disabled:{type:Boolean,default:!1}},I={required:{type:Boolean,default:!1}},Q={selected:{type:Boolean,default:!1}},X={active:{type:Boolean,default:!1}},Z={current:{type:Boolean,default:!1}},Le={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:q.clear},labelClear:{type:String,default:"Clear"}},ee={pressed:{type:Boolean,default:!1}},b={label:{type:[String,Number],default:void 0}},S={readonly:{type:Boolean,default:!1}},p={modifiers:{type:[String,Array],default:void 0}},O={hintLabel:{type:String,default:""}},te={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},re={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},oe={debounce:{type:[Number,String],default:void 0}},ae={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:j.before,validation:e=>Object.values(j).includes(e)}},V={tabindex:{type:[String,Number],default:0}},ne={floating:{type:Boolean,default:!1}},le={unselectable:{type:Boolean,default:!0}},k={id:[String,Number]},ie={placement:{type:String,default:B.bottom,validator:e=>Object.values(B).includes(e)||Object.values(W).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(F).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}},E={...k,name:{type:String,required:!0}},se={autofocus:{type:Boolean,default:!1}},ue={autocomplete:{type:String,default:"off"}},Te={...E,...se,...ue,...V,...c,...S,...m,..._,...O,...P,...p,...re,...oe,...ae,...ne,...b,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...I},xe={...E,...V,...m,..._,...O,...c,...S,...p,...b,...P,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},Me={...m,..._,...te,...O,...c,...S,...p,...b,...P,...I,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},A={...c,...b,...ee,...X,...Z,...U,type:{type:String,default:C.button,validator:e=>Object.values(C).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:u.button}},Re={storageType:{type:String,default:w.local,validator:e=>Object.values(w).includes(e)},storageKey:String},de=["click","mouseover","mouseleave"],pe=A;function fe(){return(0,t.inject)(Y,void 0)}function ce(){return(0,t.inject)(G,{})}function ve(){return(0,t.inject)(z,{})}function be(){return(0,t.inject)(D,{})}var ye={name:"VvAction"},ge=(0,t.defineComponent)({...ye,props:pe,emits:de,setup(e,{expose:a,emit:l}){const r=e,n=l,i=(0,t.getCurrentInstance)(),f=fe(),s=(0,t.ref)(null);a({$el:s});const{reference:d,bus:y,aria:Ce,expanded:Ne}=ce();(0,t.watch)(()=>s.value,o=>{d&&(d.value=o)});const L=(0,t.computed)(()=>r.pressed||Ne?.value),{role:De}=be(),T=(0,t.computed)(()=>{switch(!0){case r.disabled:return u.button;case r.to!==void 0:return f?.nuxt?(0,t.resolveComponent)(u.nuxtLink):u.routerLink;case r.href!==void 0:return u.a;default:return r.defaultTag}}),Ie=(0,t.computed)(()=>{const o={...Ce?.value,ariaPressed:L.value?!0:void 0,ariaLabel:r.ariaLabel,role:De?.value};switch(T.value){case u.a:return{...o,href:r.href,target:r.target,rel:r.rel};case u.routerLink:case u.nuxtLink:return{...o,to:r.to,target:r.target};case u.button:return{...o,type:r.type,disabled:r.disabled};default:return o}});function Ve(o){if(r.disabled){o.preventDefault();return}if(i?.vnode.props?.onClick){n("click",o);return}y?.emit("click",o)}function ke(o){if(i?.vnode.props?.onMouseover){n("mouseover",o);return}y?.emit("mouseover",o)}function Ee(o){if(i?.vnode.props?.onMouseleave){n("mouseleave",o);return}y?.emit("mouseleave",o)}return(o,Ke)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)((0,t.unref)(T)),(0,t.mergeProps)((0,t.unref)(Ie),{ref_key:"rootEl",ref:s,class:{active:o.active,pressed:(0,t.unref)(L),disabled:o.disabled,current:o.current},onClickPassive:Ve,onMouseoverPassive:ke,onMouseleavePassive:Ee}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(o.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(o.label),1)])]),_:3},16,["class"]))}}),me=ge,$e={...k,...ie,...p,modelValue:{type:Boolean,default:void 0},reference:{type:Object,default:null},role:{type:String,default:N.menu,validator:e=>Object.values(N).includes(e)}},_e={focusOnHover:{type:Boolean,default:!1}},He={...c,...Q,...le,...p,deselectHintLabel:{type:String},selectHintLabel:{type:String},selectedHintLabel:{type:String},focusOnHover:{type:Boolean,default:!1}};function Pe({expanded:e}){(0,t.provide)(D,{role:(0,t.ref)(J.menuitem),expanded:e})}var Se={name:"VvDropdownItem"},Oe=(0,t.defineComponent)({...Se,props:_e,setup(e){const a=e,{role:l,expanded:r}=ve(),n=(0,t.ref)(null);Pe({expanded:r});const i=(0,g.useElementHover)(n),{focused:f}=(0,g.useFocus)(n),{focused:s}=(0,g.useFocusWithin)(n);return(0,t.watch)(i,d=>{d&&a.focusOnHover&&(f.value=!0)}),(d,y)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",(0,t.mergeProps)({role:(0,t.unref)(l)},{ref_key:"element",ref:n,class:["vv-dropdown__item",{"focus-visible":(0,t.unref)(f)||(0,t.unref)(s)}]}),[(0,t.renderSlot)(d.$slots,"default")],16))}}),he=Oe;function we(e,a,l){return(0,t.computed)(()=>{const r={[e]:!0},n=typeof a?.value=="string"?a.value.split(" "):a?.value;return n&&Array.isArray(n)&&n.forEach(i=>{i&&(r[`${e}--${i}`]=!0)}),l&&Object.keys(l.value).forEach(i=>{r[`${e}--${i}`]=(0,t.unref)(l.value[i])}),r})}var Be=(0,t.defineComponent)({__name:"VvDropdownAction",props:{...A,...p},setup(e){const{modifiers:a}=(0,t.toRefs)(e),l=we("vv-dropdown-action",a);return(r,n)=>((0,t.openBlock)(),(0,t.createBlock)(he,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(me,(0,t.mergeProps)({disabled:r.disabled,pressed:r.pressed,active:r.active,type:r.type,to:r.to,href:r.href,target:r.target,rel:r.rel},{class:(0,t.unref)(l)}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.label),1)])]),_:3},16,["class"])]),_:3}))}}),je=Be;return je});