@volverjs/ui-vue 0.0.13-beta.8 → 0.0.13

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,I){var oe=Object.create,L=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&&L(t,m,{get:(w=>i[w]).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?L(s,"default",{value:t,enumerable:!0}):s,t));I=de(I);var K=(function(t){return t.local="local",t.session="session",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})({}),F=(function(t){return t.before="before",t.after="after",t})({}),z=(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})({}),B=(function(t){return t.listbox="listbox",t.menu="menu",t})({}),G=(function(t){return t.option="option",t.presentation="presentation",t})({}),ot=Symbol.for("volver"),at=Symbol.for("buttonGroup"),nt=Symbol.for("radioGroup"),lt=Symbol.for("checkGroup"),it=Symbol.for("accordionGroup"),pe=Symbol.for("dropdownTrigger"),ce=Symbol.for("dropdownItem"),st=Symbol.for("dropdownAction"),dt=Symbol.for("alertGroup"),me={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},ve=(function(t){return t.simple="simple",t.normal="normal",t.detailed="detailed",t})({}),ft={prefix:ve.normal},be={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}},V={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},k={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}},ut={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:me.clear},labelClear:{type:String,default:"Clear"}},Pe={pressed:{type:Boolean,default:!1}},E={label:{type:[String,Number],default:void 0}},R={readonly:{type:Boolean,default:!1}},P={modifiers:{type:[String,Array],default:void 0}},T={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"}},Oe={count:{type:[Boolean,String],default:!1,validator:t=>[!0,!1,"limit","countdown"].includes(t)}},Ee={debounce:{type:[Number,String],default:void 0}},we={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:F.before,validation:t=>Object.values(F).includes(t)}},U={tabindex:{type:[String,Number],default:0}},xe={floating:{type:Boolean,default:!1}},Ne={unselectable:{type:Boolean,default:!0}},_={id:[String,Number]},Ce={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($).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}},q={..._,name:{type:String,required:!0}},Ie={autofocus:{type:Boolean,default:!1}},Be={autocomplete:{type:String,default:"off"}},pt={...q,...Ie,...Be,...U,...h,...R,...D,...V,...T,...k,...P,...Oe,...Ee,...we,...xe,...E,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...H},ct={...q,...U,...D,...V,...T,...h,...R,...P,...E,...k,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},mt={...D,...V,...Se,...T,...h,...R,...P,...E,...k,...H,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},vt={...h,...E,...Pe,...ge,...he,...be,type:{type:String,default:z.button,validator:t=>Object.values(z).includes(t)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:ue.button}},bt={storageType:{type:String,default:K.local,validator:t=>Object.values(K).includes(t)},storageKey:String},De={..._,...Ce,...P,modelValue:{type:Boolean,default:void 0},reference:{type:Object,default:null},role:{type:String,default:B.menu,validator:t=>Object.values(B).includes(t)}},yt={...h,...ye,...Ne,...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 ke({reference:t,id:i,expanded:s,aria:o}){const n=(0,I.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 Re({role:t,...i}){const s=(0,e.computed)(()=>t.value===B.listbox?G.option:G.presentation);return(0,e.provide)(ce,{role:s,...i}),{itemRole:s}}function Te(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 je=["id","tabindex","role","aria-labelledby"],Ae={name:"VvDropdown",inheritAttrs:!1},Le=(0,e.defineComponent)({...Ae,props:De,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)(),w=(0,e.ref)("auto"),M=(0,e.ref)("auto"),W=(0,e.ref)(),p=(0,e.ref)(),j=(0,e.ref)(),J=(0,e.ref)(),v=(0,e.computed)({get:()=>o.reference??W.value,set:r=>{W.value=r}}),x=(0,e.ref)(!1);(0,e.onMounted)(()=>{(0,c.useMutationObserver)(p.value,()=>{x.value=window.getComputedStyle(p.value).getPropertyValue("--dropdown-custom-position")?.trim()==="true"},{attributeFilter:["style"],window})});const $e=(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})=>{w.value=`${tt}px`,M.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:j})),r}),{x:Fe,y:ze,middlewareData:N,placement:Ge,strategy:He}=(0,l.useFloating)(v,p,{whileElementsMounted:(...r)=>(0,l.autoUpdate)(...r,{animationFrame:o.strategy===$.fixed}),placement:(0,e.computed)(()=>o.placement),strategy:(0,e.computed)(()=>o.strategy),middleware:$e}),Ue=(0,e.computed)(()=>{if(x.value)return;const r=o.triggerWidth&&v.value?`${v.value?.offsetWidth}px`:void 0;return{position:He.value,top:`${ze.value??0}px`,left:`${Fe.value??0}px`,maxWidth:r?void 0:w.value,maxHeight:M.value,width:r}}),_e=(0,e.computed)(()=>Ge.value.split("-")[0]),qe=(0,e.computed)(()=>{if(x.value)return;const r={[u.top]:u.bottom,[u.right]:u.left,[u.bottom]:u.top,[u.left]:u.right}[_e.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]:`${-(j.value?.offsetWidth??0)/2}px`}}),A=(0,c.useVModel)(o,"modelValue",n),Y=(0,e.ref)(!1),a=(0,e.computed)({get:()=>A.value??Y.value,set:r=>{if(A.value===void 0){Y.value=r;return}A.value=r}});function O(){a.value=!0}function b(){a.value=!1}function y(){a.value=!a.value}function Q(r){v.value=r}(0,c.onClickOutside)(p,()=>{!o.keepOpen&&a.value&&(a.value=!1)},{ignore:[v]});const Me=(0,e.computed)(()=>v.value?.getAttribute?.("id")??void 0),X=(0,e.computed)(()=>({"aria-controls":S.value,"aria-haspopup":!0,"aria-expanded":a.value})),{component:We,bus:Je}=ke({reference:v,id:S,expanded:a,aria:X});Je.on("click",y);const{role:Z,modifiers:Ye}=(0,e.toRefs)(o),Qe=Te("vv-dropdown",Ye,(0,e.computed)(()=>({arrow:o.arrow}))),{focused:g}=(0,c.useFocusWithin)(p);function C(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=C(p.value);r.length>0&&r[0].focus({preventScroll:!0})})}function Xe(){(0,e.nextTick)(()=>{const r=C(J.value);r.length>0&&r[0].focus({preventScroll:!0})})}function te(){(0,e.nextTick)(()=>{if(g.value){const r=C(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=C(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:O,hide:b,init:Q,focusFirst:ee,focusFirstListElement:Xe,focusNext:te,focusPrev:re,customPosition:x});const{itemRole:Ze}=Re({role:Z,expanded:a,focused:g,hovered:(0,c.useElementHover)(p)});(0,c.onKeyStroke)("Escape",r=>{a.value&&(r.preventDefault(),b())}),(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)(We),null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"default",(0,e.normalizeProps)((0,e.guardReactiveProps)({init:Q,show:O,hide:b,toggle:y,expanded:(0,e.unref)(a),aria:(0,e.unref)(X)})))]),_: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)(Ue)),class:(0,e.normalizeClass)((0,e.unref)(Qe))},[o.arrow?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,ref_key:"arrowEl",ref:j,style:(0,e.normalizeStyle)((0,e.unref)(qe)),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:O,hide:b,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:J,tabindex:(0,e.unref)(a)?void 0:-1,role:(0,e.unref)(Z),"aria-labelledby":(0,e.unref)(Me),class:"vv-dropdown__list"}),[(0,e.renderSlot)(r.$slots,"items",(0,e.normalizeProps)((0,e.guardReactiveProps)({show:O,hide:b,toggle:y,expanded:(0,e.unref)(a),role:(0,e.unref)(Ze)})))],16,je),(0,e.renderSlot)(r.$slots,"after",(0,e.normalizeProps)((0,e.guardReactiveProps)({show:O,hide:b,toggle:y,expanded:(0,e.unref)(a)})))],6),[[e.vShow,(0,e.unref)(a)]])]),_:3},16,["name"])],64))}}),Ke=Le;return Ke});
+(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/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 _, getCurrentInstance as te, inject as y, mergeProps as S, openBlock as O, provide as re, ref as P, renderSlot as h, resolveComponent as oe, resolveDynamicComponent as ae, toDisplayString as K, toRefs as ne, unref as s, watch as G, 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,29 +12,25 @@ 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 }, D = /* @__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;
-})({}), A = /* @__PURE__ */ (function(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;
-})({}), V = /* @__PURE__ */ (function(e) {
+})({}), j = /* @__PURE__ */ (function(e) {
   return e.before = "before", e.after = "after", e;
-})({}), L = /* @__PURE__ */ (function(e) {
+})({}), A = /* @__PURE__ */ (function(e) {
   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;
-})({}), j = /* @__PURE__ */ (function(e) {
+})({}), L = /* @__PURE__ */ (function(e) {
   return e.listbox = "listbox", e.menu = "menu", e;
-})({}), ce = /* @__PURE__ */ Symbol.for("volver");
-var be = /* @__PURE__ */ Symbol.for("dropdownTrigger"), ye = /* @__PURE__ */ Symbol.for("dropdownItem"), H = /* @__PURE__ */ Symbol.for("dropdownAction");
-var 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,
@@ -42,7 +38,7 @@ var me = {
     type: String,
     default: "noopener noreferrer"
   }
-}, N = {
+}, w = {
   valid: {
     type: Boolean,
     default: !1
@@ -51,7 +47,7 @@ var me = {
     type: [String, Array],
     default: void 0
   }
-}, I = {
+}, B = {
   invalid: {
     type: Boolean,
     default: !1
@@ -60,7 +56,7 @@ var me = {
     type: [String, Array],
     default: void 0
   }
-}, w = {
+}, k = {
   loading: {
     type: Boolean,
     default: !1
@@ -72,19 +68,19 @@ var me = {
 }, f = { disabled: {
   type: Boolean,
   default: !1
-} }, J = { required: {
+} }, K = { required: {
   type: Boolean,
   default: !1
 } }, ge = { selected: {
   type: Boolean,
   default: !1
-} }, _e = { active: {
+} }, me = { active: {
   type: Boolean,
   default: !1
 } }, Se = { current: {
   type: Boolean,
   default: !1
-} }, Xe = {
+} }, Ue = {
   showClearAction: {
     type: Boolean,
     default: !1
@@ -97,22 +93,22 @@ var me = {
     type: String,
     default: "Clear"
   }
-}, Oe = { pressed: {
+}, Pe = { pressed: {
   type: Boolean,
   default: !1
-} }, m = { label: {
+} }, g = { label: {
   type: [String, Number],
   default: void 0
-} }, C = { readonly: {
+} }, I = { readonly: {
   type: Boolean,
   default: !1
 } }, d = { modifiers: {
   type: [String, Array],
   default: void 0
-} }, E = { hintLabel: {
+} }, N = { hintLabel: {
   type: String,
   default: ""
-} }, Pe = {
+} }, _e = {
   options: {
     type: Array,
     default: () => []
@@ -138,38 +134,38 @@ var me = {
     "limit",
     "countdown"
   ].includes(e)
-} }, Ne = { debounce: {
+} }, Oe = { debounce: {
   type: [Number, String],
   default: void 0
-} }, Ie = {
+} }, we = {
   icon: {
     type: [String, Object],
     default: void 0
   },
   iconPosition: {
     type: String,
-    default: V.before,
-    validation: (e) => Object.values(V).includes(e)
+    default: j.before,
+    validation: (e) => Object.values(j).includes(e)
   }
-}, M = { tabindex: {
+}, x = { tabindex: {
   type: [String, Number],
   default: 0
-} }, we = { floating: {
+} }, Be = { floating: {
   type: Boolean,
   default: !1
-} }, Ce = { unselectable: {
+} }, ke = { unselectable: {
   type: Boolean,
   default: !0
-} }, Y = { id: [String, Number] }, Ee = {
+} }, F = { id: [String, Number] }, Ie = {
   placement: {
     type: String,
-    default: A.bottom,
-    validator: (e) => Object.values(A).includes(e) || Object.values(fe).includes(e)
+    default: V.bottom,
+    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,
@@ -215,35 +211,35 @@ var me = {
     type: Boolean,
     default: !1
   }
-}, $ = {
-  ...Y,
+}, W = {
+  ...F,
   name: {
     type: String,
     required: !0
   }
-}, Be = { autofocus: {
+}, Ne = { autofocus: {
   type: Boolean,
   default: !1
-} }, ke = { autocomplete: {
+} }, Ce = { autocomplete: {
   type: String,
   default: "off"
-} }, Ze = {
-  ...$,
-  ...Be,
-  ...ke,
-  ...M,
+} }, Qe = {
+  ...W,
+  ...Ne,
+  ...Ce,
+  ...x,
   ...f,
-  ...C,
-  ...N,
   ...I,
-  ...E,
   ...w,
+  ...B,
+  ...N,
+  ...k,
   ...d,
   ...he,
-  ...Ne,
-  ...Ie,
+  ...Oe,
   ...we,
-  ...m,
+  ...Be,
+  ...g,
   minlength: {
     type: [String, Number],
     default: void 0
@@ -256,18 +252,18 @@ var me = {
     type: String,
     default: void 0
   },
-  ...J
-}, et = {
-  ...$,
-  ...M,
+  ...K
+}, Xe = {
+  ...W,
+  ...x,
+  ...w,
+  ...B,
   ...N,
-  ...I,
-  ...E,
   ...f,
-  ...C,
+  ...I,
   ...d,
-  ...m,
-  ...w,
+  ...g,
+  ...k,
   value: {
     type: [
       String,
@@ -285,17 +281,17 @@ var me = {
     ],
     default: void 0
   }
-}, tt = {
+}, Ze = {
+  ...w,
+  ...B,
+  ..._e,
   ...N,
-  ...I,
-  ...Pe,
-  ...E,
   ...f,
-  ...C,
+  ...I,
   ...d,
-  ...m,
-  ...w,
-  ...J,
+  ...g,
+  ...k,
+  ...K,
   modelValue: {
     type: [
       String,
@@ -314,17 +310,17 @@ var me = {
     type: Boolean,
     default: !1
   }
-}, F = {
+}, q = {
   ...f,
-  ...m,
-  ...Oe,
-  ..._e,
-  ...Se,
+  ...g,
+  ...Pe,
   ...me,
+  ...Se,
+  ...ye,
   type: {
     type: String,
-    default: L.button,
-    validator: (e) => Object.values(L).includes(e)
+    default: A.button,
+    validator: (e) => Object.values(A).includes(e)
   },
   ariaLabel: {
     type: String,
@@ -334,42 +330,42 @@ var me = {
     type: String,
     default: u.button
   }
-}, rt = {
+}, et = {
   storageType: {
     type: String,
-    default: D.local,
-    validator: (e) => Object.values(D).includes(e)
+    default: E.local,
+    validator: (e) => Object.values(E).includes(e)
   },
   storageKey: String
 }, De = [
   "click",
   "mouseover",
   "mouseleave"
-], Ae = F;
+], Ee = q;
 function Ve() {
-  return y(ce, void 0);
-}
-function Le() {
-  return y(be, {});
+  return y(ve, void 0);
 }
 function je() {
-  return y(ye, {});
+  return y(ce, {});
 }
-function Te() {
+function Ae() {
+  return y(be, {});
+}
+function Le() {
   return y(H, {});
 }
-var Re = { name: "VvAction" }, Ke = /* @__PURE__ */ _({
-  ...Re,
-  props: Ae,
+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 = Ve(), p = P(null);
+    const t = e, o = l, a = te(), v = Ve(), p = h(null);
     n({ $el: p });
-    const { reference: i, bus: c, aria: U, expanded: x } = Le();
-    G(() => p.value, (r) => {
+    const { reference: i, bus: c, aria: J, expanded: Y } = je();
+    $(() => p.value, (r) => {
       i && (i.value = r);
     });
-    const B = b(() => t.pressed || x?.value), { role: W } = Te(), k = b(() => {
+    const C = b(() => t.pressed || Y?.value), { role: G } = Le(), D = b(() => {
       switch (!0) {
         case t.disabled:
           return u.button;
@@ -380,14 +376,14 @@ var Re = { name: "VvAction" }, Ke = /* @__PURE__ */ _({
         default:
           return t.defaultTag;
       }
-    }), q = b(() => {
+    }), z = b(() => {
       const r = {
-        ...U?.value,
-        ariaPressed: B.value ? !0 : void 0,
+        ...J?.value,
+        ariaPressed: C.value ? !0 : void 0,
         ariaLabel: t.ariaLabel,
-        role: W?.value
+        role: G?.value
       };
-      switch (k.value) {
+      switch (D.value) {
         case u.a:
           return {
             ...r,
@@ -412,7 +408,7 @@ var Re = { name: "VvAction" }, Ke = /* @__PURE__ */ _({
           return r;
       }
     });
-    function z(r) {
+    function U(r) {
       if (t.disabled) {
         r.preventDefault();
         return;
@@ -437,26 +433,26 @@ var Re = { name: "VvAction" }, Ke = /* @__PURE__ */ _({
       }
       c?.emit("mouseleave", r);
     }
-    return (r, xe) => (O(), T(ae(s(k)), S(s(q), {
+    return (r, Je) => (_(), T(ae(s(D)), P(s(z), {
       ref_key: "rootEl",
       ref: p,
       class: {
         active: r.active,
-        pressed: s(B),
+        pressed: s(C),
         disabled: r.disabled,
         current: r.current
       },
-      onClickPassive: z,
+      onClickPassive: U,
       onMouseoverPassive: Q,
       onMouseleavePassive: X
     }), {
-      default: g(() => [h(r.$slots, "default", {}, () => [R(K(r.label), 1)])]),
+      default: m(() => [O(r.$slots, "default", {}, () => [R(M(r.label), 1)])]),
       _: 3
     }, 16, ["class"]));
   }
-}), Ge = Ke, ot = {
-  ...Y,
-  ...Ee,
+}), Me = Re, tt = {
+  ...F,
+  ...Ie,
   ...d,
   modelValue: {
     type: Boolean,
@@ -468,16 +464,16 @@ var Re = { name: "VvAction" }, Ke = /* @__PURE__ */ _({
   },
   role: {
     type: String,
-    default: j.menu,
-    validator: (e) => Object.values(j).includes(e)
+    default: L.menu,
+    validator: (e) => Object.values(L).includes(e)
   }
-}, He = { focusOnHover: {
+}, $e = { focusOnHover: {
   type: Boolean,
   default: !1
-} }, at = {
+} }, rt = {
   ...f,
   ...ge,
-  ...Ce,
+  ...ke,
   ...d,
   deselectHintLabel: { type: String },
   selectHintLabel: { type: String },
@@ -487,29 +483,29 @@ var Re = { name: "VvAction" }, Ke = /* @__PURE__ */ _({
     default: !1
   }
 };
-function Je({ expanded: e }) {
+function He({ expanded: e }) {
   re(H, {
-    role: P(ve.menuitem),
+    role: h(fe.menuitem),
     expanded: e
   });
 }
-var Me = { name: "VvDropdownItem" }, Ye = /* @__PURE__ */ _({
-  ...Me,
-  props: He,
+var Ke = { name: "VvDropdownItem" }, xe = /* @__PURE__ */ S({
+  ...Ke,
+  props: $e,
   setup(e) {
-    const n = e, { role: l, expanded: t } = je(), o = P(null);
-    Je({ 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 G(a, (i) => {
+    return $(a, (i) => {
       i && n.focusOnHover && (v.value = !0);
-    }), (i, c) => (O(), Z("div", S({ 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) }]
-    }), [h(i.$slots, "default")], 16));
+    }), [O(i.$slots, "default")], 16));
   }
-}), $e = Ye;
-function Fe(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) => {
@@ -519,16 +515,16 @@ function Fe(e, n, l) {
     }), t;
   });
 }
-var Ue = /* @__PURE__ */ _({
+var qe = /* @__PURE__ */ S({
   __name: "VvDropdownAction",
   props: {
-    ...F,
+    ...q,
     ...d
   },
   setup(e) {
-    const { modifiers: n } = ne(e), l = Fe("vv-dropdown-action", n);
-    return (t, o) => (O(), T($e, null, {
-      default: g(() => [ee(Ge, S({
+    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,
@@ -538,13 +534,13 @@ var Ue = /* @__PURE__ */ _({
         target: t.target,
         rel: t.rel
       }, { class: s(l) }), {
-        default: g(() => [h(t.$slots, "default", {}, () => [R(K(t.label), 1)])]),
+        default: m(() => [O(t.$slots, "default", {}, () => [R(M(t.label), 1)])]),
         _: 3
       }, 16, ["class"])]),
       _: 3
     }));
   }
-}), nt = Ue;
+}), 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 R=Object.create,h=Object.defineProperty,K=Object.getOwnPropertyDescriptor,G=Object.getOwnPropertyNames,M=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty,H=(e,a,l,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(var n=G(a),i=0,f=n.length,u;i<f;i++)u=n[i],!x.call(e,u)&&u!==l&&h(e,u,{get:(d=>a[d]).bind(null,u),enumerable:!(r=K(a,u))||r.enumerable});return e},Te=(e,a,l)=>(l=e!=null?R(M(e)):{},H(a||!e||!e.__esModule?h(l,"default",{value:e,enumerable:!0}):l,e)),J={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},Y=(function(e){return e.simple="simple",e.normal="normal",e.detailed="detailed",e})({}),Le={prefix:Y.normal},w=(function(e){return e.local="local",e.session="session",e})({}),$=(function(e){return e.absolute="absolute",e.fixed="fixed",e})({}),N=(function(e){return e.left="left",e.right="right",e.top="top",e.bottom="bottom",e})({}),q=(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})({}),C=(function(e){return e.before="before",e.after="after",e})({}),I=(function(e){return e.button="button",e.submit="submit",e.reset="reset",e})({}),s=(function(e){return e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e})({}),F=(function(e){return e.button="button",e.link="link",e.menuitem="menuitem",e})({}),E=(function(e){return e.listbox="listbox",e.menu="menu",e})({}),U=Symbol.for("volver"),Re=Symbol.for("buttonGroup"),Ke=Symbol.for("radioGroup"),Ge=Symbol.for("checkGroup"),Me=Symbol.for("accordionGroup"),W=Symbol.for("dropdownTrigger"),z=Symbol.for("dropdownItem"),B=Symbol.for("dropdownAction"),xe=Symbol.for("alertGroup"),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}},O={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},c={disabled:{type:Boolean,default:!1}},j={required:{type:Boolean,default:!1}},X={selected:{type:Boolean,default:!1}},Z={active:{type:Boolean,default:!1}},ee={current:{type:Boolean,default:!1}},He={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:J.clear},labelClear:{type:String,default:"Clear"}},te={pressed:{type:Boolean,default:!1}},b={label:{type:[String,Number],default:void 0}},P={readonly:{type:Boolean,default:!1}},p={modifiers:{type:[String,Array],default:void 0}},S={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:C.before,validation:e=>Object.values(C).includes(e)}},D={tabindex:{type:[String,Number],default:0}},le={floating:{type:Boolean,default:!1}},ie={unselectable:{type:Boolean,default:!0}},V={id:[String,Number]},ue={placement:{type:String,default:N.bottom,validator:e=>Object.values(N).includes(e)||Object.values(q).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={...V,name:{type:String,required:!0}},se={autofocus:{type:Boolean,default:!1}},de={autocomplete:{type:String,default:"off"}},Je={...k,...se,...de,...D,...c,...P,...g,..._,...S,...O,...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},...j},Ye={...k,...D,...g,..._,...S,...c,...P,...p,...b,...O,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},$e={...g,..._,...re,...S,...c,...P,...p,...b,...O,...j,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:I.button,validator:e=>Object.values(I).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:s.button}},qe={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)(U,void 0)}function ve(){return(0,t.inject)(W,{})}function be(){return(0,t.inject)(z,{})}function ye(){return(0,t.inject)(B,{})}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(),u=(0,t.ref)(null);a({$el:u});const{reference:d,bus:y,aria:Ee,expanded:Be}=ve();(0,t.watch)(()=>u.value,o=>{d&&(d.value=o)});const T=(0,t.computed)(()=>r.pressed||Be?.value),{role:je}=ye(),L=(0,t.computed)(()=>{switch(!0){case r.disabled:return s.button;case r.to!==void 0:return f?.nuxt?(0,t.resolveComponent)(s.nuxtLink):s.routerLink;case r.href!==void 0:return s.a;default:return r.defaultTag}}),De=(0,t.computed)(()=>{const o={...Ee?.value,ariaPressed:T.value?!0:void 0,ariaLabel:r.ariaLabel,role:je?.value};switch(L.value){case s.a:return{...o,href:r.href,target:r.target,rel:r.rel};case s.routerLink:case s.nuxtLink:return{...o,to:r.to,target:r.target};case s.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 Ae(o){if(i?.vnode.props?.onMouseleave){n("mouseleave",o);return}y?.emit("mouseleave",o)}return(o,We)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)((0,t.unref)(L)),(0,t.mergeProps)((0,t.unref)(De),{ref_key:"rootEl",ref:u,class:{active:o.active,pressed:(0,t.unref)(T),disabled:o.disabled,current:o.current},onClickPassive:Ve,onMouseoverPassive:ke,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,Fe={...V,...ue,...p,modelValue:{type:Boolean,default:void 0},reference:{type:Object,default:null},role:{type:String,default:E.menu,validator:e=>Object.values(E).includes(e)}},Oe={focusOnHover:{type:Boolean,default:!1}},Ue={...c,...X,...ie,...p,deselectHintLabel:{type:String},selectHintLabel:{type:String},selectedHintLabel:{type:String},focusOnHover:{type:Boolean,default:!1}};function Pe({expanded:e}){(0,t.provide)(B,{role:(0,t.ref)(F.menuitem),expanded:e})}var Se={name:"VvDropdownItem"},he=(0,t.defineComponent)({...Se,props:Oe,setup(e){const a=e,{role:l,expanded:r}=be(),n=(0,t.ref)(null);Pe({expanded:r});const i=(0,m.useElementHover)(n),{focused:f}=(0,m.useFocus)(n),{focused:u}=(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)(u)}]}),[(0,t.renderSlot)(d.$slots,"default")],16))}}),we=he;function Ne(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 Ce=(0,t.defineComponent)({__name:"VvDropdownAction",props:{...A,...p},setup(e){const{modifiers:a}=(0,t.toRefs)(e),l=Ne("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}))}}),Ie=Ce;return Ie});
+(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});