UNPKG

vue-use-popperjs

Version:

Vue 3 popper solution powered by @popperjs

github.com/iendeavor/vue-use-popperjs

iendeavor/vue-use-popperjs

2 lines (1 loc) • 28.2 kB
1
2
import{ref as e,onMounted as t,onUnmounted as n,onUpdated as r,watch as o,unref as i,defineComponent as a,openBlock as l,createBlock as s,Teleport as u,renderSlot as f,Transition as c,mergeProps as p,withCtx as d,toRef as v,computed as h,resolveComponent as m,createElementBlock as y,Fragment as b,resolveDynamicComponent as g,createVNode as w,withDirectives as O,vShow as x}from"vue";var E="top",j="bottom",k="right",M="left",P=[E,j,k,M],A=P.reduce((function(e,t){return e.concat([t+"-start",t+"-end"])}),[]),D=[].concat(P,["auto"]).reduce((function(e,t){return e.concat([t,t+"-start",t+"-end"])}),[]),L=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function S(e){return e?(e.nodeName||"").toLowerCase():null}function T(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function B(e){return e instanceof T(e).Element||e instanceof Element}function W(e){return e instanceof T(e).HTMLElement||e instanceof HTMLElement}function H(e){return"undefined"!=typeof ShadowRoot&&(e instanceof T(e).ShadowRoot||e instanceof ShadowRoot)}var _={name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var n=t.styles[e]||{},r=t.attributes[e]||{},o=t.elements[e];W(o)&&S(o)&&(Object.assign(o.style,n),Object.keys(r).forEach((function(e){var t=r[e];!1===t?o.removeAttribute(e):o.setAttribute(e,!0===t?"":t)})))}))},effect:function(e){var t=e.state,n={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,n.popper),t.styles=n,t.elements.arrow&&Object.assign(t.elements.arrow.style,n.arrow),function(){Object.keys(t.elements).forEach((function(e){var r=t.elements[e],o=t.attributes[e]||{},i=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:n[e]).reduce((function(e,t){return e[t]="",e}),{});W(r)&&S(r)&&(Object.assign(r.style,i),Object.keys(o).forEach((function(e){r.removeAttribute(e)})))}))}},requires:["computeStyles"]};function N(e){return e.split("-")[0]}var V=Math.max,R=Math.min,C=Math.round;function q(){var e=navigator.userAgentData;return null!=e&&e.brands&&Array.isArray(e.brands)?e.brands.map((function(e){return e.brand+"/"+e.version})).join(" "):navigator.userAgent}function $(){return!/^((?!chrome|android).)*safari/i.test(q())}function I(e,t,n){void 0===t&&(t=!1),void 0===n&&(n=!1);var r=e.getBoundingClientRect(),o=1,i=1;t&&W(e)&&(o=e.offsetWidth>0&&C(r.width)/e.offsetWidth||1,i=e.offsetHeight>0&&C(r.height)/e.offsetHeight||1);var a=(B(e)?T(e):window).visualViewport,l=!$()&&n,s=(r.left+(l&&a?a.offsetLeft:0))/o,u=(r.top+(l&&a?a.offsetTop:0))/i,f=r.width/o,c=r.height/i;return{width:f,height:c,top:u,right:s+f,bottom:u+c,left:s,x:s,y:u}}function F(e){var t=I(e),n=e.offsetWidth,r=e.offsetHeight;return Math.abs(t.width-n)<=1&&(n=t.width),Math.abs(t.height-r)<=1&&(r=t.height),{x:e.offsetLeft,y:e.offsetTop,width:n,height:r}}function U(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&H(n)){var r=t;do{if(r&&e.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function z(e){return T(e).getComputedStyle(e)}function X(e){return["table","td","th"].indexOf(S(e))>=0}function Y(e){return((B(e)?e.ownerDocument:e.document)||window.document).documentElement}function G(e){return"html"===S(e)?e:e.assignedSlot||e.parentNode||(H(e)?e.host:null)||Y(e)}function J(e){return W(e)&&"fixed"!==z(e).position?e.offsetParent:null}function K(e){for(var t=T(e),n=J(e);n&&X(n)&&"static"===z(n).position;)n=J(n);return n&&("html"===S(n)||"body"===S(n)&&"static"===z(n).position)?t:n||function(e){var t=/firefox/i.test(q());if(/Trident/i.test(q())&&W(e)&&"fixed"===z(e).position)return null;var n=G(e);for(H(n)&&(n=n.host);W(n)&&["html","body"].indexOf(S(n))<0;){var r=z(n);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||-1!==["transform","perspective"].indexOf(r.willChange)||t&&"filter"===r.willChange||t&&r.filter&&"none"!==r.filter)return n;n=n.parentNode}return null}(e)||t}function Q(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Z(e,t,n){return V(e,R(t,n))}function ee(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function te(e,t){return t.reduce((function(t,n){return t[n]=e,t}),{})}var ne={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,n=e.state,r=e.name,o=e.options,i=n.elements.arrow,a=n.modifiersData.popperOffsets,l=N(n.placement),s=Q(l),u=[M,k].indexOf(l)>=0?"height":"width";if(i&&a){var f=function(e,t){return ee("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:te(e,P))}(o.padding,n),c=F(i),p="y"===s?E:M,d="y"===s?j:k,v=n.rects.reference[u]+n.rects.reference[s]-a[s]-n.rects.popper[u],h=a[s]-n.rects.reference[s],m=K(i),y=m?"y"===s?m.clientHeight||0:m.clientWidth||0:0,b=v/2-h/2,g=f[p],w=y-c[u]-f[d],O=y/2-c[u]/2+b,x=Z(g,O,w),A=s;n.modifiersData[r]=((t={})[A]=x,t.centerOffset=x-O,t)}},effect:function(e){var t=e.state,n=e.options.element,r=void 0===n?"[data-popper-arrow]":n;null!=r&&("string"!=typeof r||(r=t.elements.popper.querySelector(r)))&&U(t.elements.popper,r)&&(t.elements.arrow=r)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function re(e){return e.split("-")[1]}var oe={top:"auto",right:"auto",bottom:"auto",left:"auto"};function ie(e){var t,n=e.popper,r=e.popperRect,o=e.placement,i=e.variation,a=e.offsets,l=e.position,s=e.gpuAcceleration,u=e.adaptive,f=e.roundOffsets,c=e.isFixed,p=a.x,d=void 0===p?0:p,v=a.y,h=void 0===v?0:v,m="function"==typeof f?f({x:d,y:h}):{x:d,y:h};d=m.x,h=m.y;var y=a.hasOwnProperty("x"),b=a.hasOwnProperty("y"),g=M,w=E,O=window;if(u){var x=K(n),P="clientHeight",A="clientWidth";if(x===T(n)&&"static"!==z(x=Y(n)).position&&"absolute"===l&&(P="scrollHeight",A="scrollWidth"),x=x,o===E||(o===M||o===k)&&"end"===i)w=j,h-=(c&&x===O&&O.visualViewport?O.visualViewport.height:x[P])-r.height,h*=s?1:-1;if(o===M||(o===E||o===j)&&"end"===i)g=k,d-=(c&&x===O&&O.visualViewport?O.visualViewport.width:x[A])-r.width,d*=s?1:-1}var D,L=Object.assign({position:l},u&&oe),S=!0===f?function(e,t){var n=e.x,r=e.y,o=t.devicePixelRatio||1;return{x:C(n*o)/o||0,y:C(r*o)/o||0}}({x:d,y:h},T(n)):{x:d,y:h};return d=S.x,h=S.y,s?Object.assign({},L,((D={})[w]=b?"0":"",D[g]=y?"0":"",D.transform=(O.devicePixelRatio||1)<=1?"translate("+d+"px, "+h+"px)":"translate3d("+d+"px, "+h+"px, 0)",D)):Object.assign({},L,((t={})[w]=b?h+"px":"",t[g]=y?d+"px":"",t.transform="",t))}var ae={passive:!0};var le={left:"right",right:"left",bottom:"top",top:"bottom"};function se(e){return e.replace(/left|right|bottom|top/g,(function(e){return le[e]}))}var ue={start:"end",end:"start"};function fe(e){return e.replace(/start|end/g,(function(e){return ue[e]}))}function ce(e){var t=T(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function pe(e){return I(Y(e)).left+ce(e).scrollLeft}function de(e){var t=z(e),n=t.overflow,r=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+o+r)}function ve(e){return["html","body","#document"].indexOf(S(e))>=0?e.ownerDocument.body:W(e)&&de(e)?e:ve(G(e))}function he(e,t){var n;void 0===t&&(t=[]);var r=ve(e),o=r===(null==(n=e.ownerDocument)?void 0:n.body),i=T(r),a=o?[i].concat(i.visualViewport||[],de(r)?r:[]):r,l=t.concat(a);return o?l:l.concat(he(G(a)))}function me(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function ye(e,t,n){return"viewport"===t?me(function(e,t){var n=T(e),r=Y(e),o=n.visualViewport,i=r.clientWidth,a=r.clientHeight,l=0,s=0;if(o){i=o.width,a=o.height;var u=$();(u||!u&&"fixed"===t)&&(l=o.offsetLeft,s=o.offsetTop)}return{width:i,height:a,x:l+pe(e),y:s}}(e,n)):B(t)?function(e,t){var n=I(e,!1,"fixed"===t);return n.top=n.top+e.clientTop,n.left=n.left+e.clientLeft,n.bottom=n.top+e.clientHeight,n.right=n.left+e.clientWidth,n.width=e.clientWidth,n.height=e.clientHeight,n.x=n.left,n.y=n.top,n}(t,n):me(function(e){var t,n=Y(e),r=ce(e),o=null==(t=e.ownerDocument)?void 0:t.body,i=V(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=V(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),l=-r.scrollLeft+pe(e),s=-r.scrollTop;return"rtl"===z(o||n).direction&&(l+=V(n.clientWidth,o?o.clientWidth:0)-i),{width:i,height:a,x:l,y:s}}(Y(e)))}function be(e,t,n,r){var o="clippingParents"===t?function(e){var t=he(G(e)),n=["absolute","fixed"].indexOf(z(e).position)>=0&&W(e)?K(e):e;return B(n)?t.filter((function(e){return B(e)&&U(e,n)&&"body"!==S(e)})):[]}(e):[].concat(t),i=[].concat(o,[n]),a=i[0],l=i.reduce((function(t,n){var o=ye(e,n,r);return t.top=V(o.top,t.top),t.right=R(o.right,t.right),t.bottom=R(o.bottom,t.bottom),t.left=V(o.left,t.left),t}),ye(e,a,r));return l.width=l.right-l.left,l.height=l.bottom-l.top,l.x=l.left,l.y=l.top,l}function ge(e){var t,n=e.reference,r=e.element,o=e.placement,i=o?N(o):null,a=o?re(o):null,l=n.x+n.width/2-r.width/2,s=n.y+n.height/2-r.height/2;switch(i){case E:t={x:l,y:n.y-r.height};break;case j:t={x:l,y:n.y+n.height};break;case k:t={x:n.x+n.width,y:s};break;case M:t={x:n.x-r.width,y:s};break;default:t={x:n.x,y:n.y}}var u=i?Q(i):null;if(null!=u){var f="y"===u?"height":"width";switch(a){case"start":t[u]=t[u]-(n[f]/2-r[f]/2);break;case"end":t[u]=t[u]+(n[f]/2-r[f]/2)}}return t}function we(e,t){void 0===t&&(t={});var n=t,r=n.placement,o=void 0===r?e.placement:r,i=n.strategy,a=void 0===i?e.strategy:i,l=n.boundary,s=void 0===l?"clippingParents":l,u=n.rootBoundary,f=void 0===u?"viewport":u,c=n.elementContext,p=void 0===c?"popper":c,d=n.altBoundary,v=void 0!==d&&d,h=n.padding,m=void 0===h?0:h,y=ee("number"!=typeof m?m:te(m,P)),b="popper"===p?"reference":"popper",g=e.rects.popper,w=e.elements[v?b:p],O=be(B(w)?w:w.contextElement||Y(e.elements.popper),s,f,a),x=I(e.elements.reference),M=ge({reference:x,element:g,strategy:"absolute",placement:o}),A=me(Object.assign({},g,M)),D="popper"===p?A:x,L={top:O.top-D.top+y.top,bottom:D.bottom-O.bottom+y.bottom,left:O.left-D.left+y.left,right:D.right-O.right+y.right},S=e.modifiersData.offset;if("popper"===p&&S){var T=S[o];Object.keys(L).forEach((function(e){var t=[k,j].indexOf(e)>=0?1:-1,n=[E,j].indexOf(e)>=0?"y":"x";L[e]+=T[n]*t}))}return L}function Oe(e,t){void 0===t&&(t={});var n=t,r=n.placement,o=n.boundary,i=n.rootBoundary,a=n.padding,l=n.flipVariations,s=n.allowedAutoPlacements,u=void 0===s?D:s,f=re(r),c=f?l?A:A.filter((function(e){return re(e)===f})):P,p=c.filter((function(e){return u.indexOf(e)>=0}));0===p.length&&(p=c);var d=p.reduce((function(t,n){return t[n]=we(e,{placement:n,boundary:o,rootBoundary:i,padding:a})[N(n)],t}),{});return Object.keys(d).sort((function(e,t){return d[e]-d[t]}))}var xe={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,n=e.options,r=e.name;if(!t.modifiersData[r]._skip){for(var o=n.mainAxis,i=void 0===o||o,a=n.altAxis,l=void 0===a||a,s=n.fallbackPlacements,u=n.padding,f=n.boundary,c=n.rootBoundary,p=n.altBoundary,d=n.flipVariations,v=void 0===d||d,h=n.allowedAutoPlacements,m=t.options.placement,y=N(m),b=s||(y===m||!v?[se(m)]:function(e){if("auto"===N(e))return[];var t=se(e);return[fe(e),t,fe(t)]}(m)),g=[m].concat(b).reduce((function(e,n){return e.concat("auto"===N(n)?Oe(t,{placement:n,boundary:f,rootBoundary:c,padding:u,flipVariations:v,allowedAutoPlacements:h}):n)}),[]),w=t.rects.reference,O=t.rects.popper,x=new Map,P=!0,A=g[0],D=0;D<g.length;D++){var L=g[D],S=N(L),T="start"===re(L),B=[E,j].indexOf(S)>=0,W=B?"width":"height",H=we(t,{placement:L,boundary:f,rootBoundary:c,altBoundary:p,padding:u}),_=B?T?k:M:T?j:E;w[W]>O[W]&&(_=se(_));var V=se(_),R=[];if(i&&R.push(H[S]<=0),l&&R.push(H[_]<=0,H[V]<=0),R.every((function(e){return e}))){A=L,P=!1;break}x.set(L,R)}if(P)for(var C=function(e){var t=g.find((function(t){var n=x.get(t);if(n)return n.slice(0,e).every((function(e){return e}))}));if(t)return A=t,"break"},q=v?3:1;q>0;q--){if("break"===C(q))break}t.placement!==A&&(t.modifiersData[r]._skip=!0,t.placement=A,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function Ee(e,t,n){return void 0===n&&(n={x:0,y:0}),{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function je(e){return[E,k,j,M].some((function(t){return e[t]>=0}))}var ke={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,n=e.options,r=e.name,o=n.offset,i=void 0===o?[0,0]:o,a=D.reduce((function(e,n){return e[n]=function(e,t,n){var r=N(e),o=[M,E].indexOf(r)>=0?-1:1,i="function"==typeof n?n(Object.assign({},t,{placement:e})):n,a=i[0],l=i[1];return a=a||0,l=(l||0)*o,[M,k].indexOf(r)>=0?{x:l,y:a}:{x:a,y:l}}(n,t.rects,i),e}),{}),l=a[t.placement],s=l.x,u=l.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=s,t.modifiersData.popperOffsets.y+=u),t.modifiersData[r]=a}};var Me={name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t=e.state,n=e.options,r=e.name,o=n.mainAxis,i=void 0===o||o,a=n.altAxis,l=void 0!==a&&a,s=n.boundary,u=n.rootBoundary,f=n.altBoundary,c=n.padding,p=n.tether,d=void 0===p||p,v=n.tetherOffset,h=void 0===v?0:v,m=we(t,{boundary:s,rootBoundary:u,padding:c,altBoundary:f}),y=N(t.placement),b=re(t.placement),g=!b,w=Q(y),O="x"===w?"y":"x",x=t.modifiersData.popperOffsets,P=t.rects.reference,A=t.rects.popper,D="function"==typeof h?h(Object.assign({},t.rects,{placement:t.placement})):h,L="number"==typeof D?{mainAxis:D,altAxis:D}:Object.assign({mainAxis:0,altAxis:0},D),S=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,T={x:0,y:0};if(x){if(i){var B,W="y"===w?E:M,H="y"===w?j:k,_="y"===w?"height":"width",C=x[w],q=C+m[W],$=C-m[H],I=d?-A[_]/2:0,U="start"===b?P[_]:A[_],z="start"===b?-A[_]:-P[_],X=t.elements.arrow,Y=d&&X?F(X):{width:0,height:0},G=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},J=G[W],ee=G[H],te=Z(0,P[_],Y[_]),ne=g?P[_]/2-I-te-J-L.mainAxis:U-te-J-L.mainAxis,oe=g?-P[_]/2+I+te+ee+L.mainAxis:z+te+ee+L.mainAxis,ie=t.elements.arrow&&K(t.elements.arrow),ae=ie?"y"===w?ie.clientTop||0:ie.clientLeft||0:0,le=null!=(B=null==S?void 0:S[w])?B:0,se=C+oe-le,ue=Z(d?R(q,C+ne-le-ae):q,C,d?V($,se):$);x[w]=ue,T[w]=ue-C}if(l){var fe,ce="x"===w?E:M,pe="x"===w?j:k,de=x[O],ve="y"===O?"height":"width",he=de+m[ce],me=de-m[pe],ye=-1!==[E,M].indexOf(y),be=null!=(fe=null==S?void 0:S[O])?fe:0,ge=ye?he:de-P[ve]-A[ve]-be+L.altAxis,Oe=ye?de+P[ve]+A[ve]-be-L.altAxis:me,xe=d&&ye?function(e,t,n){var r=Z(e,t,n);return r>n?n:r}(ge,de,Oe):Z(d?ge:he,de,d?Oe:me);x[O]=xe,T[O]=xe-de}t.modifiersData[r]=T}},requiresIfExists:["offset"]};function Pe(e,t,n){void 0===n&&(n=!1);var r,o,i=W(t),a=W(t)&&function(e){var t=e.getBoundingClientRect(),n=C(t.width)/e.offsetWidth||1,r=C(t.height)/e.offsetHeight||1;return 1!==n||1!==r}(t),l=Y(t),s=I(e,a,n),u={scrollLeft:0,scrollTop:0},f={x:0,y:0};return(i||!i&&!n)&&(("body"!==S(t)||de(l))&&(u=(r=t)!==T(r)&&W(r)?{scrollLeft:(o=r).scrollLeft,scrollTop:o.scrollTop}:ce(r)),W(t)?((f=I(t,!0)).x+=t.clientLeft,f.y+=t.clientTop):l&&(f.x=pe(l))),{x:s.left+u.scrollLeft-f.x,y:s.top+u.scrollTop-f.y,width:s.width,height:s.height}}function Ae(e){var t=new Map,n=new Set,r=[];function o(e){n.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!n.has(e)){var r=t.get(e);r&&o(r)}})),r.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){n.has(e.name)||o(e)})),r}var De={placement:"bottom",modifiers:[],strategy:"absolute"};function Le(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return!t.some((function(e){return!(e&&"function"==typeof e.getBoundingClientRect)}))}function Se(e){void 0===e&&(e={});var t=e,n=t.defaultModifiers,r=void 0===n?[]:n,o=t.defaultOptions,i=void 0===o?De:o;return function(e,t,n){void 0===n&&(n=i);var o,a,l={placement:"bottom",orderedModifiers:[],options:Object.assign({},De,i),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},s=[],u=!1,f={state:l,setOptions:function(n){var o="function"==typeof n?n(l.options):n;c(),l.options=Object.assign({},i,l.options,o),l.scrollParents={reference:B(e)?he(e):e.contextElement?he(e.contextElement):[],popper:he(t)};var a,u,p=function(e){var t=Ae(e);return L.reduce((function(e,n){return e.concat(t.filter((function(e){return e.phase===n})))}),[])}((a=[].concat(r,l.options.modifiers),u=a.reduce((function(e,t){var n=e[t.name];return e[t.name]=n?Object.assign({},n,t,{options:Object.assign({},n.options,t.options),data:Object.assign({},n.data,t.data)}):t,e}),{}),Object.keys(u).map((function(e){return u[e]}))));return l.orderedModifiers=p.filter((function(e){return e.enabled})),l.orderedModifiers.forEach((function(e){var t=e.name,n=e.options,r=void 0===n?{}:n,o=e.effect;if("function"==typeof o){var i=o({state:l,name:t,instance:f,options:r}),a=function(){};s.push(i||a)}})),f.update()},forceUpdate:function(){if(!u){var e=l.elements,t=e.reference,n=e.popper;if(Le(t,n)){l.rects={reference:Pe(t,K(n),"fixed"===l.options.strategy),popper:F(n)},l.reset=!1,l.placement=l.options.placement,l.orderedModifiers.forEach((function(e){return l.modifiersData[e.name]=Object.assign({},e.data)}));for(var r=0;r<l.orderedModifiers.length;r++)if(!0!==l.reset){var o=l.orderedModifiers[r],i=o.fn,a=o.options,s=void 0===a?{}:a,c=o.name;"function"==typeof i&&(l=i({state:l,options:s,name:c,instance:f})||l)}else l.reset=!1,r=-1}}},update:(o=function(){return new Promise((function(e){f.forceUpdate(),e(l)}))},function(){return a||(a=new Promise((function(e){Promise.resolve().then((function(){a=void 0,e(o())}))}))),a}),destroy:function(){c(),u=!0}};if(!Le(e,t))return f;function c(){s.forEach((function(e){return e()})),s=[]}return f.setOptions(n).then((function(e){!u&&n.onFirstUpdate&&n.onFirstUpdate(e)})),f}}var Te=Se({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,n=e.instance,r=e.options,o=r.scroll,i=void 0===o||o,a=r.resize,l=void 0===a||a,s=T(t.elements.popper),u=[].concat(t.scrollParents.reference,t.scrollParents.popper);return i&&u.forEach((function(e){e.addEventListener("scroll",n.update,ae)})),l&&s.addEventListener("resize",n.update,ae),function(){i&&u.forEach((function(e){e.removeEventListener("scroll",n.update,ae)})),l&&s.removeEventListener("resize",n.update,ae)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,n=e.name;t.modifiersData[n]=ge({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,n=e.options,r=n.gpuAcceleration,o=void 0===r||r,i=n.adaptive,a=void 0===i||i,l=n.roundOffsets,s=void 0===l||l,u={placement:N(t.placement),variation:re(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:o,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,ie(Object.assign({},u,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:a,roundOffsets:s})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,ie(Object.assign({},u,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:s})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},_,ke,xe,Me,ne,{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,n=e.name,r=t.rects.reference,o=t.rects.popper,i=t.modifiersData.preventOverflow,a=we(t,{elementContext:"reference"}),l=we(t,{altBoundary:!0}),s=Ee(a,r),u=Ee(l,o,i),f=je(s),c=je(u);t.modifiersData[n]={referenceClippingOffsets:s,popperEscapeOffsets:u,isReferenceHidden:f,hasPopperEscaped:c},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":f,"data-popper-escaped":c})}}]}),Be=function(){return Be=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},Be.apply(this,arguments)};function We(e,t,n){if(n||2===arguments.length)for(var r,o=0,i=t.length;o<i;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}var He=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];console.warn.apply(console,We(["[Vue-use-popperjs]:"],e,!1))};function _e(e){return _e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_e(e)}var Ne={env:{NODE_ENV:"production"}},Ve="object"!==("undefined"==typeof process?"undefined":_e(process))||null===process||"object"!==_e(process.env)||null===process.env?Ne:process;function Re(e,t,n){e&&t&&n&&e.addEventListener(t,n,!1)}function Ce(e,t,n){e&&t&&e.removeEventListener(t,n,!1)}function qe(a,l,s){var u=e(!1);t((function(){u.value=!0})),n((function(){u.value=!1,h()}));var f=e(!0);r((function(){f.value=!f.value}));var c=e(),p=e();o((function(){return[u.value,f.value]}),(function(){var e,t;u.value&&((null===(e=i(a))||void 0===e?void 0:e.$el)?c.value=i(a).$el:c.value=i(a),(null===(t=i(l))||void 0===t?void 0:t.$el)?p.value=i(l).$el:p.value=i(l))}));var d=e();o((function(){return[c.value,p.value]}),(function(){h(),c.value&&p.value&&v()}));var v=function(){var e,t,n,r;d.value=Te(c.value,p.value,{placement:null!==(e=null==s?void 0:s.placement)&&void 0!==e?e:"bottom",modifiers:null!==(t=null==s?void 0:s.modifiers)&&void 0!==t?t:[],strategy:null!==(n=null==s?void 0:s.strategy)&&void 0!==n?n:"absolute",onFirstUpdate:null!==(r=null==s?void 0:s.onFirstUpdate)&&void 0!==r?r:void 0})},h=function(){var e;null===(e=d.value)||void 0===e||e.destroy(),d.value=void 0},m=e(!1),y=function(){return m.value=!m.value},b=function(){return m.value=!0},g=function(){return m.value=!1};o((function(){return[d.value,i(null==s?void 0:s.trigger),i(null==s?void 0:s.forceShow)]}),(function(){if(d.value)return i(null==s?void 0:s.forceShow)?(m.value=!0,void j()):void E()})),o((function(){return i(null==s?void 0:s.forceShow)}),(function(){i(null==s?void 0:s.forceShow)||"manual"!==i(null==s?void 0:s.trigger)&&(m.value=!1)}));var w=e(),O=function(){var e;0===i(null==s?void 0:s.delayOnMouseover)?b():(clearTimeout(w.value),w.value=setTimeout((function(){b()}),null!==(e=i(null==s?void 0:s.delayOnMouseover))&&void 0!==e?e:200))},x=function(){var e;0===i(null==s?void 0:s.delayOnMouseout)?g():(clearTimeout(w.value),w.value=setTimeout((function(){g()}),null!==(e=i(null==s?void 0:s.delayOnMouseout))&&void 0!==e?e:200))},E=function(){var e;switch(j(),null!==(e=i(null==s?void 0:s.trigger))&&void 0!==e?e:"hover"){case"click-to-open":Re(c.value,"click",b),Re(document,"click",k);break;case"click-to-toggle":Re(c.value,"click",y),Re(document,"click",k);break;case"hover":Re(c.value,"mouseover",O),Re(p.value,"mouseover",O),Re(c.value,"mouseout",x),Re(p.value,"mouseout",x);break;case"focus":Re(c.value,"focus",b),Re(p.value,"focus",b),Re(c.value,"blur",g),Re(p.value,"blur",g);break;case"manual":break;default:throw TypeError()}},j=function(){Ce(c.value,"click",b),Ce(document,"click",k),Ce(c.value,"click",y),Ce(c.value,"mouseover",O),Ce(p.value,"mouseover",O),Ce(c.value,"mouseout",x),Ce(p.value,"mouseout",x),Ce(c.value,"focus",b),Ce(p.value,"focus",b),Ce(c.value,"blur",g),Ce(p.value,"blur",g)},k=function(e){var t,n;(null===(t=c.value)||void 0===t?void 0:t.contains(e.target))||(null===(n=p.value)||void 0===n?void 0:n.contains(e.target))||g()};return o((function(){return[d.value,m.value]}),(function(){var e,t,n,r,o;d.value&&(m.value||i(null==s?void 0:s.forceShow)?(null===(e=p.value)||void 0===e||e.classList.remove("vue-use-popperjs-none"),null===(t=null==s?void 0:s.onShow)||void 0===t||t.call(s),null===(n=d.value)||void 0===n||n.update()):(null===(r=p.value)||void 0===r||r.classList.add("vue-use-popperjs-none"),null===(o=null==s?void 0:s.onHide)||void 0===o||o.call(s)))})),"development"!==Ve.env.NODE_ENV&&"test"!==Ve.env.NODE_ENV||o((function(){return[i(null==s?void 0:s.trigger),i(null==s?void 0:s.delayOnMouseover),i(null==s?void 0:s.delayOnMouseout)]}),(function(){var e;"hover"!==(null!==(e=i(null==s?void 0:s.trigger))&&void 0!==e?e:"hover")&&(void 0!==i(null==s?void 0:s.delayOnMouseover)&&He("`delayOnMouseover` only works with `trigger='hover'`"),void 0!==i(null==s?void 0:s.delayOnMouseout)&&He("`delayOnMouseout` only works with `trigger='hover'`"))}),{immediate:!0,deep:!0}),{instance:d,visible:m}}var $e=a({props:{teleportProps:Object}});$e.render=function(e,t,n,r,o,i){return e.teleportProps?(l(),s(u,{key:0,to:e.teleportProps.to,disabled:e.teleportProps.disabled},[f(e.$slots,"default")],8,["to","disabled"])):f(e.$slots,"default",{key:1})},$e.__file="src/MaybeTeleport.vue";var Ie=a({props:{transitionProps:Object},emits:["before-enter","enter","after-enter","enter-cancelled","before-leave","leave","after-leave","leave-cancelled"],setup:function(e,t){var n=t.emit;return{handle:function(e){return function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return n.apply(void 0,We([e],t,!1))}}}}});Ie.render=function(e,t,n,r,o,i){return e.transitionProps?(l(),s(c,p({key:0},e.transitionProps,{onBeforeEnter:t[0]||(t[0]=t=>e.handle("before-enter")),onEnter:t[1]||(t[1]=t=>e.handle("enter")),onAfterEnter:t[2]||(t[2]=t=>e.handle("after-enter")),onEnterCancelled:t[3]||(t[3]=t=>e.handle("enter-cancelled")),onBeforeLeave:t[4]||(t[4]=t=>e.handle("before-leave")),onLeave:t[5]||(t[5]=t=>e.handle("leave")),onAfterLeave:t[6]||(t[6]=t=>e.handle("after-leave")),onLeaveCancelled:t[7]||(t[7]=t=>e.handle("leave-cancelled"))}),{default:d((()=>[f(e.$slots,"default")])),_:3},16)):f(e.$slots,"default",{key:1})},Ie.__file="src/MaybeTransition.vue";var Fe=0,Ue=a({components:{MaybeTeleport:$e,MaybeTransition:Ie},props:{delayOnMouseout:Number,delayOnMouseover:Number,trigger:String,forceShow:Boolean,modifiers:Array,onFirstUpdate:Function,placement:String,strategy:String,popperIs:{default:"div",type:String},popperProps:{type:Object},referenceIs:{default:"div",type:String},referenceProps:{type:Object},disabled:Boolean,teleportProps:Object,transitionProps:Object},emits:["show","hide","before-enter","enter","after-enter","enter-cancelled","before-leave","leave","after-leave","leave-cancelled"],setup:function(t,n){var r=n.emit,i=e(),a=e(),l=qe(i,a,Be(Be({},t),{trigger:v(t,"trigger"),forceShow:v(t,"forceShow"),delayOnMouseover:v(t,"delayOnMouseover"),delayOnMouseout:v(t,"delayOnMouseout"),onShow:function(){return r("show")},onHide:function(){return r("hide")}})).visible;o((function(){return[l.value,t.disabled]}),(function(){t.disabled&&l.value&&(l.value=!1)}),{flush:"sync"});var s=h((function(){return"test"===Ve.env.NODE_ENV&&l.value?"vue-use-popperjs-"+Fe++:void 0}));return{visible:l,reference:i,popper:a,role:s,handle:function(e){return function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return r.apply(void 0,We([e],t,!1))}}}}});Ue.render=function(e,t,n,r,o,i){const a=m("MaybeTransition"),u=m("MaybeTeleport");return l(),y(b,null,[(l(),s(g(e.referenceIs),p(e.referenceProps,{ref:"reference","aria-describedby":e.role}),{default:d((()=>[f(e.$slots,"reference")])),_:3},16,["aria-describedby"])),w(u,{"teleport-props":e.teleportProps},{default:d((()=>[w(a,{"transition-props":e.transitionProps,onBeforeEnter:t[0]||(t[0]=t=>e.handle("before-enter")),onEnter:t[1]||(t[1]=t=>e.handle("enter")),onAfterEnter:t[2]||(t[2]=t=>e.handle("after-enter")),onEnterCancelled:t[3]||(t[3]=t=>e.handle("enter-cancelled")),onBeforeLeave:t[4]||(t[4]=t=>e.handle("before-leave")),onLeave:t[5]||(t[5]=t=>e.handle("leave")),onAfterLeave:t[6]||(t[6]=t=>e.handle("after-leave")),onLeaveCancelled:t[7]||(t[7]=t=>e.handle("leave-cancelled"))},{default:d((()=>[O((l(),s(g(e.popperIs),p(e.popperProps,{ref:"popper",role:e.role}),{default:d((()=>[f(e.$slots,"default")])),_:3},16,["role"])),[[x,e.visible]])])),_:3},8,["transition-props"])])),_:3},8,["teleport-props"])],64)},Ue.__file="src/Popper.vue";export{Ue as Popper,qe as usePopperjs};