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