From 96936b372b746297276d4ac0081690f2329c4866 Mon Sep 17 00:00:00 2001 From: Luiz Dias Date: Tue, 30 Aug 2022 20:21:18 -0300 Subject: [PATCH 01/22] expose open, close and toggle methods --- src/component/Popper.vue | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/component/Popper.vue b/src/component/Popper.vue index 9906af4..b698ea8 100644 --- a/src/component/Popper.vue +++ b/src/component/Popper.vue @@ -42,6 +42,7 @@ watch, watchEffect, onMounted, + defineExpose, } from "vue"; import { usePopper, useContent, useClickAway } from "@/composables"; import Arrow from "./Arrow.vue"; @@ -298,6 +299,12 @@ useClickAway(popperContainerNode, closePopper); } }); + + defineExpose({ + openPopper, + closePopper, + togglePopper, + }) diff --git a/src/component/OptionalTeleport.vue b/src/component/OptionalTeleport.vue new file mode 100644 index 0000000..956b329 --- /dev/null +++ b/src/component/OptionalTeleport.vue @@ -0,0 +1,23 @@ + + + diff --git a/src/component/Popper.vue b/src/component/Popper.vue index e811e4b..412817b 100644 --- a/src/component/Popper.vue +++ b/src/component/Popper.vue @@ -7,6 +7,8 @@
- -
- - {{ content }} - - -
-
+ + +
+ + {{ content }} + + +
+
+
@@ -46,6 +52,7 @@ } from "vue"; import { usePopper, useContent, useClickAway } from "@/composables"; import Arrow from "./Arrow.vue"; + import OptionalTeleport from "./OptionalTeleport.vue"; const emit = defineEmits(["open:popper", "close:popper"]); const slots = useSlots(); @@ -87,15 +94,15 @@ * Offset in pixels along the trigger element */ offsetSkid: { - type: String, - default: "0", + type: [Number, String], + default: 0, }, /** * Offset in pixels away from the trigger element */ offsetDistance: { - type: String, - default: "12", + type: [Number, String], + default: 12, }, /** * Trigger the popper on hover @@ -132,13 +139,6 @@ type: [Number, String], default: 0, }, - /** - * The z-index of the Popper. - */ - zIndex: { - type: [Number, String], - default: 9999, - }, /** * Display an arrow on the popper */ @@ -150,8 +150,8 @@ * Stop arrow from reaching the edge of the popper */ arrowPadding: { - type: String, - default: "0", + type: [Number, String], + default: 0, }, /** * If the Popper should be interactive, it will close when clicked/hovered if false @@ -183,9 +183,9 @@ /** * Applies virtual padding to the boundary. [Number] */ - padding: { - type: Number, - default: null, + boundaryPadding: { + type: [Number, String], + default: 5, }, /** * DOM node to render the content. [String] @@ -201,12 +201,34 @@ type: [String, Object, Array], default: null, }, + /** + * Style for the trigger wrapper. [String, Object, Array] + */ + triggerWrapperStyle: { + type: [String, Object, Array], + default: null, + }, + /** + * Class for the content wrapper. [String, Object, Array] + */ + contentWrapperClass: { + type: [String, Object, Array], + default: null, + }, + /** + * Style for the content wrapper. [String, Object, Array] + */ + contentWrapperStyle: { + type: [String, Object, Array], + default: null, + }, }); const popperContainerNode = ref(null); const popperNode = ref(null); const triggerNode = ref(null); const modifiedIsOpen = ref(false); + const isMounted = ref(false); onMounted(() => { const children = slots.default(); @@ -216,6 +238,8 @@ `[Popper]: The component expects only one child element at its root. You passed ${children.length} child nodes.`, ); } + + isMounted.value = true; }); const { @@ -232,7 +256,8 @@ placement, show, boundary, - padding, + boundaryPadding, + container, } = toRefs(props); const { isOpen, open, close, update } = usePopper({ @@ -245,7 +270,7 @@ popperNode, triggerNode, boundary, - padding, + boundaryPadding, }); const { hasContent } = useContent(slots, popperNode, content); @@ -256,6 +281,7 @@ const enableClickAway = computed( () => !disableClickAway.value && !manualMode.value, ); + // Add an invisible border to keep the Popper open when hovering from the trigger into it const interactiveStyle = computed(() => interactive.value @@ -329,7 +355,7 @@ */ watchEffect(() => { if (enableClickAway.value) { - useClickAway(popperContainerNode, closePopper); + useClickAway(popperContainerNode, popperNode, closePopper); } }); @@ -352,11 +378,11 @@ border-style: var(--popper-theme-border-style); border-color: var(--popper-theme-border-color); box-shadow: var(--popper-theme-box-shadow); - z-index: v-bind(zIndex); + z-index: var(--popper-theme-z-index); } .popper:hover, - .popper:hover > #arrow::before { + .popper:hover > .popper__arrow::before { background: var(--popper-theme-background-color-hover); } diff --git a/src/composables/useClickAway.js b/src/composables/useClickAway.js index 7326bde..082f174 100644 --- a/src/composables/useClickAway.js +++ b/src/composables/useClickAway.js @@ -1,20 +1,26 @@ import { unref } from "vue"; import useEventListener from "./useEventListener"; -export default function useClickAway(target, handler) { +export default function useClickAway(targetContainer, targetContent, handler) { const event = "pointerdown"; - if (typeof window === 'undefined' || !window) { + if (typeof window === "undefined" || !window) { return; } const listener = event => { - const el = unref(target); - if (!el) { + const targetContainerEl = unref(targetContainer); + const targetContentEl = unref(targetContent); + if (!targetContainerEl && !targetContentEl) { return; } - if (el === event.target || event.composedPath().includes(el)) { + if ( + targetContainerEl === event.target || + targetContentEl === event.target || + event.composedPath().includes(targetContainerEl) || + event.composedPath().includes(targetContentEl) + ) { return; } diff --git a/src/composables/useContent.js b/src/composables/useContent.js index 63d79ec..4f85fb7 100644 --- a/src/composables/useContent.js +++ b/src/composables/useContent.js @@ -7,16 +7,20 @@ export default function useContent(slots, popperNode, content) { if (slots.content !== undefined || content.value) { hasContent.value = true; } - - observer = new MutationObserver(checkContent); - observer.observe(popperNode.value, { - childList: true, - subtree: true, - }); }); onBeforeUnmount(() => observer.disconnect()); + watch(popperNode, popperNode => { + if (!observer) { + observer = new MutationObserver(checkContent); + observer.observe(popperNode, { + childList: true, + subtree: true, + }); + } + }); + /** * Watch the content prop */ diff --git a/src/composables/usePopper.js b/src/composables/usePopper.js index 130136f..1b8e810 100644 --- a/src/composables/usePopper.js +++ b/src/composables/usePopper.js @@ -17,7 +17,7 @@ export default function usePopper({ popperNode, triggerNode, boundary, - padding, + boundaryPadding, }) { const state = reactive({ isOpen: false, @@ -67,19 +67,27 @@ export default function usePopper({ } }); + const customPreventOverflowMidifier = []; + if (boundary.value) { + const customPreventOverflowMidifierOptions = { + boundary: typeof boundary.value === "string" ? document.querySelector(boundary.value) : boundary.value, + }; + if (boundaryPadding.value) { + customPreventOverflowMidifierOptions.padding = toInt(boundaryPadding.value); + } + customPreventOverflowMidifier.push({ + name: "preventOverflow", + options: customPreventOverflowMidifierOptions, + }); + } + const initializePopper = async () => { await nextTick(); - state.popperInstance = createPopper(triggerNode.value, popperNode.value, { + const popperOptions = { placement: placement.value, modifiers: [ preventOverflow, - { - name: "preventOverflow", - options: { - boundary: typeof boundary.value === 'string' ? document.querySelector(boundary.value) : boundary.value, - padding: padding.value, - }, - }, + ...customPreventOverflowMidifier, flip, { name: "flip", @@ -100,7 +108,8 @@ export default function usePopper({ }, }, ], - }); + }; + state.popperInstance = createPopper(triggerNode.value, popperNode.value, popperOptions); // Update its position await state.popperInstance.update(); From 760f353390a8ec9a04ff5673bc2d0001cc3e2c9f Mon Sep 17 00:00:00 2001 From: Andrey Krivko <1298360+jastkand@users.noreply.github.com> Date: Thu, 29 Sep 2022 14:55:46 +0600 Subject: [PATCH 13/22] [fix] Error happens in onBeforeUnmount hook when the observer is undefined --- dist/popper.esm.js | 6 +++++- dist/popper.min.js | 2 +- dist/popper.ssr.js | 4 +++- src/composables/useContent.js | 6 +++++- 4 files changed, 14 insertions(+), 4 deletions(-) diff --git a/dist/popper.esm.js b/dist/popper.esm.js index 5280807..2295c50 100644 --- a/dist/popper.esm.js +++ b/dist/popper.esm.js @@ -121,7 +121,11 @@ function useContent(slots, popperNode, content) { hasContent.value = true; } }); - onBeforeUnmount(() => observer.disconnect()); + onBeforeUnmount(() => { + if (observer) { + observer.disconnect(); + } + }); watch(popperNode, popperNode => { if (!observer) { observer = new MutationObserver(checkContent); diff --git a/dist/popper.min.js b/dist/popper.min.js index e5bb83b..bf854ce 100644 --- a/dist/popper.min.js +++ b/dist/popper.min.js @@ -1 +1 @@ -var Popper=function(e){"use strict";function t(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function r(e){for(var r=1;re.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0?n=setTimeout(u,t-c):(n=null,r||(p=e.apply(a,o),a=o=null))}null==t&&(t=100);var c=function(){a=this,o=arguments,i=Date.now();var c=r&&!n;return n||(n=setTimeout(u,t)),c&&(p=e.apply(a,o),a=o=null),p};return c.clear=function(){n&&(clearTimeout(n),n=null)},c.flush=function(){n&&(p=e.apply(a,o),a=o=null,clearTimeout(n),n=null)},c}s.debounce=s;var f=s;function l(t,r,n){if("undefined"!=typeof window&&window){return function(t,r,n){e.isRef(t)?e.watch(t,(function(e,t){null==t||t.removeEventListener(r,n),null==e||e.addEventListener(r,n)})):e.onMounted((function(){t.addEventListener(r,n)})),e.onBeforeUnmount((function(){var o;null===(o=e.unref(t))||void 0===o||o.removeEventListener(r,n)}))}(window,"pointerdown",(function(o){var a=e.unref(t),i=e.unref(r);(a||i)&&(a===o.target||i===o.target||o.composedPath().includes(a)||o.composedPath().includes(i)||n(o))}))}}function d(e,t){var r=e.getBoundingClientRect();return{width:r.width/1,height:r.height/1,top:r.top/1,right:r.right/1,bottom:r.bottom/1,left:r.left/1,x:r.left/1,y:r.top/1}}function v(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function m(e){var t=v(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function h(e){return e instanceof v(e).Element||e instanceof Element}function b(e){return e instanceof v(e).HTMLElement||e instanceof HTMLElement}function y(e){return"undefined"!=typeof ShadowRoot&&(e instanceof v(e).ShadowRoot||e instanceof ShadowRoot)}function g(e){return e?(e.nodeName||"").toLowerCase():null}function w(e){return((h(e)?e.ownerDocument:e.document)||window.document).documentElement}function x(e){return d(w(e)).left+m(e).scrollLeft}function O(e){return v(e).getComputedStyle(e)}function k(e){var t=O(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function S(e,t,r){void 0===r&&(r=!1);var n=b(t);b(t)&&function(e){var t=e.getBoundingClientRect(),r=t.width/e.offsetWidth||1,n=t.height/e.offsetHeight||1}(t);var o,a,i=w(t),p=d(e),u={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(n||!n&&!r)&&(("body"!==g(t)||k(i))&&(u=(o=t)!==v(o)&&b(o)?{scrollLeft:(a=o).scrollLeft,scrollTop:a.scrollTop}:m(o)),b(t)?((c=d(t)).x+=t.clientLeft,c.y+=t.clientTop):i&&(c.x=x(i))),{x:p.left+u.scrollLeft-c.x,y:p.top+u.scrollTop-c.y,width:p.width,height:p.height}}function j(e){var t=d(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function P(e){return"html"===g(e)?e:e.assignedSlot||e.parentNode||(y(e)?e.host:null)||w(e)}function E(e){return["html","body","#document"].indexOf(g(e))>=0?e.ownerDocument.body:b(e)&&k(e)?e:E(P(e))}function _(e,t){var r;void 0===t&&(t=[]);var n=E(e),o=n===(null==(r=e.ownerDocument)?void 0:r.body),a=v(n),i=o?[a].concat(a.visualViewport||[],k(n)?n:[]):n,p=t.concat(i);return o?p:p.concat(_(P(i)))}function D(e){return["table","td","th"].indexOf(g(e))>=0}function B(e){return b(e)&&"fixed"!==O(e).position?e.offsetParent:null}function A(e){for(var t=v(e),r=B(e);r&&D(r)&&"static"===O(r).position;)r=B(r);return r&&("html"===g(r)||"body"===g(r)&&"static"===O(r).position)?t:r||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&b(e)&&"fixed"===O(e).position)return null;for(var r=P(e);b(r)&&["html","body"].indexOf(g(r))<0;){var n=O(r);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return r;r=r.parentNode}return null}(e)||t}var C="top",T="bottom",L="right",N="left",M="auto",R=[C,T,L,N],W="start",I="end",H="viewport",V="popper",z=R.reduce((function(e,t){return e.concat([t+"-"+W,t+"-"+I])}),[]),q=[].concat(R,[M]).reduce((function(e,t){return e.concat([t,t+"-"+W,t+"-"+I])}),[]),U=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function $(e){var t=new Map,r=new Set,n=[];function o(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!r.has(e)){var n=t.get(e);n&&o(n)}})),n.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){r.has(e.name)||o(e)})),n}function F(e){return e.split("-")[0]}var K=Math.max,Y=Math.min,X=Math.round;function G(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&y(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function J(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Q(e,t){return t===H?J(function(e){var t=v(e),r=w(e),n=t.visualViewport,o=r.clientWidth,a=r.clientHeight,i=0,p=0;return n&&(o=n.width,a=n.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(i=n.offsetLeft,p=n.offsetTop)),{width:o,height:a,x:i+x(e),y:p}}(e)):b(t)?function(e){var t=d(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):J(function(e){var t,r=w(e),n=m(e),o=null==(t=e.ownerDocument)?void 0:t.body,a=K(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),i=K(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),p=-n.scrollLeft+x(e),u=-n.scrollTop;return"rtl"===O(o||r).direction&&(p+=K(r.clientWidth,o?o.clientWidth:0)-a),{width:a,height:i,x:p,y:u}}(w(e)))}function Z(e,t,r){var n="clippingParents"===t?function(e){var t=_(P(e)),r=["absolute","fixed"].indexOf(O(e).position)>=0&&b(e)?A(e):e;return h(r)?t.filter((function(e){return h(e)&&G(e,r)&&"body"!==g(e)})):[]}(e):[].concat(t),o=[].concat(n,[r]),a=o[0],i=o.reduce((function(t,r){var n=Q(e,r);return t.top=K(n.top,t.top),t.right=Y(n.right,t.right),t.bottom=Y(n.bottom,t.bottom),t.left=K(n.left,t.left),t}),Q(e,a));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}function ee(e){return e.split("-")[1]}function te(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function re(e){var t,r=e.reference,n=e.element,o=e.placement,a=o?F(o):null,i=o?ee(o):null,p=r.x+r.width/2-n.width/2,u=r.y+r.height/2-n.height/2;switch(a){case C:t={x:p,y:r.y-n.height};break;case T:t={x:p,y:r.y+r.height};break;case L:t={x:r.x+r.width,y:u};break;case N:t={x:r.x-n.width,y:u};break;default:t={x:r.x,y:r.y}}var c=a?te(a):null;if(null!=c){var s="y"===c?"height":"width";switch(i){case W:t[c]=t[c]-(r[s]/2-n[s]/2);break;case I:t[c]=t[c]+(r[s]/2-n[s]/2)}}return t}function ne(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function oe(e,t){return t.reduce((function(t,r){return t[r]=e,t}),{})}function ae(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=void 0===n?e.placement:n,a=r.boundary,i=void 0===a?"clippingParents":a,p=r.rootBoundary,u=void 0===p?H:p,c=r.elementContext,s=void 0===c?V:c,f=r.altBoundary,l=void 0!==f&&f,v=r.padding,m=void 0===v?0:v,b=ne("number"!=typeof m?m:oe(m,R)),y=s===V?"reference":V,g=e.rects.popper,x=e.elements[l?y:s],O=Z(h(x)?x:x.contextElement||w(e.elements.popper),i,u),k=d(e.elements.reference),S=re({reference:k,element:g,strategy:"absolute",placement:o}),j=J(Object.assign({},g,S)),P=s===V?j:k,E={top:O.top-P.top+b.top,bottom:P.bottom-O.bottom+b.bottom,left:O.left-P.left+b.left,right:P.right-O.right+b.right},_=e.modifiersData.offset;if(s===V&&_){var D=_[o];Object.keys(E).forEach((function(e){var t=[L,T].indexOf(e)>=0?1:-1,r=[C,T].indexOf(e)>=0?"y":"x";E[e]+=D[r]*t}))}return E}var ie={placement:"bottom",modifiers:[],strategy:"absolute"};function pe(){for(var e=arguments.length,t=new Array(e),r=0;r=0}));0===l.length&&(l=f);var d=l.reduce((function(t,r){return t[r]=ae(e,{placement:r,boundary:o,rootBoundary:a,padding:i})[F(r)],t}),{});return Object.keys(d).sort((function(e,t){return d[e]-d[t]}))}var we={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,a=void 0===o||o,i=r.altAxis,p=void 0===i||i,u=r.fallbackPlacements,c=r.padding,s=r.boundary,f=r.rootBoundary,l=r.altBoundary,d=r.flipVariations,v=void 0===d||d,m=r.allowedAutoPlacements,h=t.options.placement,b=F(h),y=u||(b===h||!v?[he(h)]:function(e){if(F(e)===M)return[];var t=he(e);return[ye(e),t,ye(t)]}(h)),g=[h].concat(y).reduce((function(e,r){return e.concat(F(r)===M?ge(t,{placement:r,boundary:s,rootBoundary:f,padding:c,flipVariations:v,allowedAutoPlacements:m}):r)}),[]),w=t.rects.reference,x=t.rects.popper,O=new Map,k=!0,S=g[0],j=0;j=0,B=D?"width":"height",A=ae(t,{placement:P,boundary:s,rootBoundary:f,altBoundary:l,padding:c}),R=D?_?L:N:_?T:C;w[B]>x[B]&&(R=he(R));var I=he(R),H=[];if(a&&H.push(A[E]<=0),p&&H.push(A[R]<=0,A[I]<=0),H.every((function(e){return e}))){S=P,k=!1;break}O.set(P,H)}if(k)for(var V=function(e){var t=g.find((function(t){var r=O.get(t);if(r)return r.slice(0,e).every((function(e){return e}))}));if(t)return S=t,"break"},z=v?3:1;z>0;z--){if("break"===V(z))break}t.placement!==S&&(t.modifiersData[n]._skip=!0,t.placement=S,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var xe={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.offset,a=void 0===o?[0,0]:o,i=q.reduce((function(e,r){return e[r]=function(e,t,r){var n=F(e),o=[N,C].indexOf(n)>=0?-1:1,a="function"==typeof r?r(Object.assign({},t,{placement:e})):r,i=a[0],p=a[1];return i=i||0,p=(p||0)*o,[N,L].indexOf(n)>=0?{x:p,y:i}:{x:i,y:p}}(r,t.rects,a),e}),{}),p=i[t.placement],u=p.x,c=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=u,t.modifiersData.popperOffsets.y+=c),t.modifiersData[n]=i}};var Oe={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,n=e.name,o=e.options,a=r.elements.arrow,i=r.modifiersData.popperOffsets,p=F(r.placement),u=te(p),c=[N,L].indexOf(p)>=0?"height":"width";if(a&&i){var s=function(e,t){return ne("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:oe(e,R))}(o.padding,r),f=j(a),l="y"===u?C:N,d="y"===u?T:L,v=r.rects.reference[c]+r.rects.reference[u]-i[u]-r.rects.popper[c],m=i[u]-r.rects.reference[u],h=A(a),b=h?"y"===u?h.clientHeight||0:h.clientWidth||0:0,y=v/2-m/2,g=s[l],w=b-f[c]-s[d],x=b/2-f[c]/2+y,O=de(g,x,w),k=u;r.modifiersData[n]=((t={})[k]=O,t.centerOffset=O-x,t)}},effect:function(e){var t=e.state,r=e.options.element,n=void 0===r?"[data-popper-arrow]":r;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&G(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},ke=function(e){return parseInt(e,10)};var Se={class:"popper__arrow","data-popper-arrow":""};function je(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}je('\n.popper__arrow[data-v-6591bbd2],\n .popper__arrow[data-v-6591bbd2]::before {\n transition: background 250ms ease-in-out;\n position: absolute;\n width: calc(10px - var(--popper-theme-border-width, 0px));\n height: calc(10px - var(--popper-theme-border-width, 0px));\n box-sizing: border-box;\n background: var(--popper-theme-background-color);\n}\n.popper__arrow[data-v-6591bbd2] {\n visibility: hidden;\n}\n.popper__arrow[data-v-6591bbd2]::before {\n visibility: visible;\n content: "";\n transform: rotate(45deg);\n}\n\n /* Top arrow */\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2] {\n bottom: -5px;\n}\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-bottom: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Bottom arrow */\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2] {\n top: -5px;\n}\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2]::before {\n border-left: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Left arrow */\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2] {\n right: -5px;\n}\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Right arrow */\n.popper[data-popper-placement^="right"] > .popper__arrow[data-v-6591bbd2] {\n left: -5px;\n}\n');var Pe={render:function(t,r){return e.openBlock(),e.createElementBlock("div",Se)},__scopeId:"data-v-6591bbd2"},Ee=Pe,_e={props:{to:String,disabled:Boolean},components:{Teleport:e.Teleport}};_e.render=function(t,r,n,o,a,i){return n.to?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:n.to,disabled:n.disabled},[e.renderSlot(t.$slots,"default")],8,["to","disabled"])):e.renderSlot(t.$slots,"default",{key:1})};var De=["onKeyup"],Be={__name:"Popper",props:{placement:{type:String,default:"bottom",validator:function(e){return["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"].includes(e)}},disableClickAway:{type:Boolean,default:!1},offsetSkid:{type:[Number,String],default:0},offsetDistance:{type:[Number,String],default:12},hover:{type:Boolean,default:!1},show:{type:Boolean,default:null},disabled:{type:Boolean,default:!1},openDelay:{type:[Number,String],default:0},closeDelay:{type:[Number,String],default:0},arrow:{type:Boolean,default:!1},arrowPadding:{type:[Number,String],default:0},interactive:{type:Boolean,default:!0},locked:{type:Boolean,default:!1},content:{type:String,default:null},boundary:{default:null},boundaryPadding:{type:[Number,String],default:5},container:{type:String,default:null},triggerWrapperClass:{type:[String,Object,Array],default:null},triggerWrapperStyle:{type:[String,Object,Array],default:null},contentWrapperClass:{type:[String,Object,Array],default:null},contentWrapperStyle:{type:[String,Object,Array],default:null}},emits:["open:popper","close:popper"],setup:function(t,n){var a=n.expose,u=n.emit,c=t,s=e.useSlots(),d=e.ref(null),v=e.ref(null),m=e.ref(null),h=e.ref(!1),b=e.ref(!1);e.onMounted((function(){var e=s.default();if(e&&e.length>1)return console.error("[Popper]: The component expects only one child element at its root. You passed ".concat(e.length," child nodes."));b.value=!0}));var y=e.toRefs(c),g=y.arrowPadding,w=y.closeDelay,x=y.content,O=y.disableClickAway,k=y.disabled,S=y.interactive,j=y.locked,P=y.offsetDistance,E=y.offsetSkid,_=y.openDelay,D=y.placement,B=y.show,A=y.boundary,C=y.boundaryPadding,T=y.container,L=function(t){var n=t.arrowPadding,a=t.emit,u=t.locked,c=t.offsetDistance,s=t.offsetSkid,f=t.placement,l=t.popperNode,d=t.triggerNode,v=t.boundary,m=t.boundaryPadding,h=e.reactive({isOpen:!1,popperInstance:null}),b=function(e){var t;null===(t=h.popperInstance)||void 0===t||t.setOptions((function(t){return r(r({},t),{},{modifiers:[].concat(p(t.modifiers),[{name:"eventListeners",enabled:e}])})}))};e.watch([function(){return h.isOpen},f],function(){var e=o(regeneratorRuntime.mark((function e(t){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!i(t,1)[0]){e.next=7;break}return e.next=4,w();case 4:b(!0),e.next=8;break;case 7:b(!1);case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}());var y=[];if(v.value){var g={boundary:"string"==typeof v.value?document.querySelector(v.value):v.value};m.value&&(g.padding=ke(m.value)),y.push({name:"preventOverflow",options:g})}var w=function(){var t=o(regeneratorRuntime.mark((function t(){var r;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.nextTick();case 2:return r={placement:f.value,modifiers:[ve].concat(y,[we,{name:"flip",enabled:!u.value},Oe,{name:"arrow",options:{padding:ke(n.value)}},xe,{name:"offset",options:{offset:[ke(s.value),ke(c.value)]}}])},h.popperInstance=le(d.value,l.value,r),t.next=6,h.popperInstance.update();case 6:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();return e.onBeforeUnmount((function(){var e;null===(e=h.popperInstance)||void 0===e||e.destroy()})),r(r({},e.toRefs(h)),{},{open:function(){h.isOpen||(h.isOpen=!0,a("open:popper"))},close:function(){h.isOpen&&(h.isOpen=!1,a("close:popper"))},update:function(){h.popperInstance?h.popperInstance.update():w()}})}({arrowPadding:g,emit:u,locked:j,offsetDistance:P,offsetSkid:E,placement:D,popperNode:v,triggerNode:m,boundary:A,boundaryPadding:C}),N=L.isOpen,M=L.open,R=L.close,W=L.update,I=function(t,r,n){var o=null,a=e.ref(!1);e.onMounted((function(){(void 0!==t.content||n.value)&&(a.value=!0)})),e.onBeforeUnmount((function(){return o.disconnect()})),e.watch(r,(function(e){o||(o=new MutationObserver(i)).observe(e,{childList:!0,subtree:!0})})),e.watch(n,(function(e){a.value=!!e}));var i=function(){t.content?a.value=!0:a.value=!1};return{hasContent:a}}(s,v,x),H=I.hasContent,V=e.computed((function(){return null!==B.value})),z=e.computed((function(){return k.value||!H.value})),q=e.computed((function(){return N.value&&!z.value})),U=e.computed((function(){return!O.value&&!V.value})),$=e.computed((function(){return S.value?"border: ".concat(P.value,"px solid transparent; margin: -").concat(P.value,"px;"):null})),F=f.debounce(M,_.value),K=f.debounce(R,w.value),Y=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!z.value&&!V.value){e.next=2;break}return e.abrupt("return");case 2:K.clear(),F();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),X=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!V.value){e.next=2;break}return e.abrupt("return");case 2:F.clear(),K();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),G=W,J=function(){N.value?X():Y()};return e.watch([H,k],(function(e){var t=i(e,2),r=t[0],n=t[1];!N.value||r&&!n||R()})),e.watch(N,(function(e){e?h.value=!0:f.debounce((function(){h.value=!1}),200)})),e.watchEffect((function(){V.value&&(B.value?F():K())})),e.watchEffect((function(){U.value&&l(d,v,X)})),a({openPopper:Y,closePopper:X,togglePopper:J,updatePopper:G}),function(r,n){return e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(e.unref($)),onMouseleave:n[2]||(n[2]=function(e){return t.hover&&X()}),ref_key:"popperContainerNode",ref:d},[e.createElementVNode("div",{ref_key:"triggerNode",ref:m,class:e.normalizeClass([t.triggerWrapperClass,"popper__trigger"]),style:e.normalizeStyle(t.triggerWrapperStyle),onMouseover:n[0]||(n[0]=function(e){return t.hover&&Y()}),onClick:J,onFocus:Y,onKeyup:e.withKeys(X,["esc"])},[e.renderSlot(r.$slots,"default")],46,De),b.value?(e.openBlock(),e.createBlock(_e,{key:0,to:e.unref(T)},{default:e.withCtx((function(){return[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx((function(){return[e.withDirectives(e.createElementVNode("div",{onClick:n[1]||(n[1]=function(t){return!e.unref(S)&&X()}),class:e.normalizeClass(["popper",t.contentWrapperClass]),style:e.normalizeStyle(t.contentWrapperStyle),ref_key:"popperNode",ref:v},[e.renderSlot(r.$slots,"content",{close:e.unref(R),isOpen:h.value},(function(){return[e.createTextVNode(e.toDisplayString(e.unref(x)),1)]})),t.arrow?(e.openBlock(),e.createBlock(Ee,{key:0})):e.createCommentVNode("",!0)],6),[[e.vShow,e.unref(q)]])]})),_:3})]})),_:3},8,["to"])):e.createCommentVNode("",!0)],36)}}};je("\n.popper[data-v-242d7f07] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-242d7f07]:hover,\n .popper:hover > .popper__arrow[data-v-242d7f07]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-242d7f07],\n .fade-leave-active[data-v-242d7f07] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-242d7f07],\n .fade-leave-to[data-v-242d7f07] {\n opacity: 0;\n}\n"),Be.__scopeId="data-v-242d7f07";var Ae=function(){var e=Be;return e.install=function(t){t.component("Popper",e)},e}(),Ce=Object.freeze({__proto__:null,default:Ae});return Object.entries(Ce).forEach((function(e){var t=i(e,2),r=t[0],n=t[1];"default"!==r&&(Ae[r]=n)})),Ae}(Vue); \ No newline at end of file +var Popper=function(e){"use strict";function t(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function r(e){for(var r=1;re.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0?n=setTimeout(c,t-u):(n=null,r||(p=e.apply(a,o),a=o=null))}null==t&&(t=100);var u=function(){a=this,o=arguments,i=Date.now();var u=r&&!n;return n||(n=setTimeout(c,t)),u&&(p=e.apply(a,o),a=o=null),p};return u.clear=function(){n&&(clearTimeout(n),n=null)},u.flush=function(){n&&(p=e.apply(a,o),a=o=null,clearTimeout(n),n=null)},u}s.debounce=s;var f=s;function l(t,r,n){if("undefined"!=typeof window&&window){return function(t,r,n){e.isRef(t)?e.watch(t,(function(e,t){null==t||t.removeEventListener(r,n),null==e||e.addEventListener(r,n)})):e.onMounted((function(){t.addEventListener(r,n)})),e.onBeforeUnmount((function(){var o;null===(o=e.unref(t))||void 0===o||o.removeEventListener(r,n)}))}(window,"pointerdown",(function(o){var a=e.unref(t),i=e.unref(r);(a||i)&&(a===o.target||i===o.target||o.composedPath().includes(a)||o.composedPath().includes(i)||n(o))}))}}function d(e,t){var r=e.getBoundingClientRect();return{width:r.width/1,height:r.height/1,top:r.top/1,right:r.right/1,bottom:r.bottom/1,left:r.left/1,x:r.left/1,y:r.top/1}}function v(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function m(e){var t=v(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function h(e){return e instanceof v(e).Element||e instanceof Element}function b(e){return e instanceof v(e).HTMLElement||e instanceof HTMLElement}function y(e){return"undefined"!=typeof ShadowRoot&&(e instanceof v(e).ShadowRoot||e instanceof ShadowRoot)}function g(e){return e?(e.nodeName||"").toLowerCase():null}function w(e){return((h(e)?e.ownerDocument:e.document)||window.document).documentElement}function x(e){return d(w(e)).left+m(e).scrollLeft}function O(e){return v(e).getComputedStyle(e)}function k(e){var t=O(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function S(e,t,r){void 0===r&&(r=!1);var n=b(t);b(t)&&function(e){var t=e.getBoundingClientRect(),r=t.width/e.offsetWidth||1,n=t.height/e.offsetHeight||1}(t);var o,a,i=w(t),p=d(e),c={scrollLeft:0,scrollTop:0},u={x:0,y:0};return(n||!n&&!r)&&(("body"!==g(t)||k(i))&&(c=(o=t)!==v(o)&&b(o)?{scrollLeft:(a=o).scrollLeft,scrollTop:a.scrollTop}:m(o)),b(t)?((u=d(t)).x+=t.clientLeft,u.y+=t.clientTop):i&&(u.x=x(i))),{x:p.left+c.scrollLeft-u.x,y:p.top+c.scrollTop-u.y,width:p.width,height:p.height}}function j(e){var t=d(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function P(e){return"html"===g(e)?e:e.assignedSlot||e.parentNode||(y(e)?e.host:null)||w(e)}function E(e){return["html","body","#document"].indexOf(g(e))>=0?e.ownerDocument.body:b(e)&&k(e)?e:E(P(e))}function _(e,t){var r;void 0===t&&(t=[]);var n=E(e),o=n===(null==(r=e.ownerDocument)?void 0:r.body),a=v(n),i=o?[a].concat(a.visualViewport||[],k(n)?n:[]):n,p=t.concat(i);return o?p:p.concat(_(P(i)))}function D(e){return["table","td","th"].indexOf(g(e))>=0}function B(e){return b(e)&&"fixed"!==O(e).position?e.offsetParent:null}function A(e){for(var t=v(e),r=B(e);r&&D(r)&&"static"===O(r).position;)r=B(r);return r&&("html"===g(r)||"body"===g(r)&&"static"===O(r).position)?t:r||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&b(e)&&"fixed"===O(e).position)return null;for(var r=P(e);b(r)&&["html","body"].indexOf(g(r))<0;){var n=O(r);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return r;r=r.parentNode}return null}(e)||t}var C="top",T="bottom",L="right",N="left",M="auto",R=[C,T,L,N],W="start",I="end",H="viewport",V="popper",z=R.reduce((function(e,t){return e.concat([t+"-"+W,t+"-"+I])}),[]),q=[].concat(R,[M]).reduce((function(e,t){return e.concat([t,t+"-"+W,t+"-"+I])}),[]),U=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function $(e){var t=new Map,r=new Set,n=[];function o(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!r.has(e)){var n=t.get(e);n&&o(n)}})),n.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){r.has(e.name)||o(e)})),n}function F(e){return e.split("-")[0]}var K=Math.max,Y=Math.min,X=Math.round;function G(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&y(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function J(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Q(e,t){return t===H?J(function(e){var t=v(e),r=w(e),n=t.visualViewport,o=r.clientWidth,a=r.clientHeight,i=0,p=0;return n&&(o=n.width,a=n.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(i=n.offsetLeft,p=n.offsetTop)),{width:o,height:a,x:i+x(e),y:p}}(e)):b(t)?function(e){var t=d(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):J(function(e){var t,r=w(e),n=m(e),o=null==(t=e.ownerDocument)?void 0:t.body,a=K(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),i=K(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),p=-n.scrollLeft+x(e),c=-n.scrollTop;return"rtl"===O(o||r).direction&&(p+=K(r.clientWidth,o?o.clientWidth:0)-a),{width:a,height:i,x:p,y:c}}(w(e)))}function Z(e,t,r){var n="clippingParents"===t?function(e){var t=_(P(e)),r=["absolute","fixed"].indexOf(O(e).position)>=0&&b(e)?A(e):e;return h(r)?t.filter((function(e){return h(e)&&G(e,r)&&"body"!==g(e)})):[]}(e):[].concat(t),o=[].concat(n,[r]),a=o[0],i=o.reduce((function(t,r){var n=Q(e,r);return t.top=K(n.top,t.top),t.right=Y(n.right,t.right),t.bottom=Y(n.bottom,t.bottom),t.left=K(n.left,t.left),t}),Q(e,a));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}function ee(e){return e.split("-")[1]}function te(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function re(e){var t,r=e.reference,n=e.element,o=e.placement,a=o?F(o):null,i=o?ee(o):null,p=r.x+r.width/2-n.width/2,c=r.y+r.height/2-n.height/2;switch(a){case C:t={x:p,y:r.y-n.height};break;case T:t={x:p,y:r.y+r.height};break;case L:t={x:r.x+r.width,y:c};break;case N:t={x:r.x-n.width,y:c};break;default:t={x:r.x,y:r.y}}var u=a?te(a):null;if(null!=u){var s="y"===u?"height":"width";switch(i){case W:t[u]=t[u]-(r[s]/2-n[s]/2);break;case I:t[u]=t[u]+(r[s]/2-n[s]/2)}}return t}function ne(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function oe(e,t){return t.reduce((function(t,r){return t[r]=e,t}),{})}function ae(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=void 0===n?e.placement:n,a=r.boundary,i=void 0===a?"clippingParents":a,p=r.rootBoundary,c=void 0===p?H:p,u=r.elementContext,s=void 0===u?V:u,f=r.altBoundary,l=void 0!==f&&f,v=r.padding,m=void 0===v?0:v,b=ne("number"!=typeof m?m:oe(m,R)),y=s===V?"reference":V,g=e.rects.popper,x=e.elements[l?y:s],O=Z(h(x)?x:x.contextElement||w(e.elements.popper),i,c),k=d(e.elements.reference),S=re({reference:k,element:g,strategy:"absolute",placement:o}),j=J(Object.assign({},g,S)),P=s===V?j:k,E={top:O.top-P.top+b.top,bottom:P.bottom-O.bottom+b.bottom,left:O.left-P.left+b.left,right:P.right-O.right+b.right},_=e.modifiersData.offset;if(s===V&&_){var D=_[o];Object.keys(E).forEach((function(e){var t=[L,T].indexOf(e)>=0?1:-1,r=[C,T].indexOf(e)>=0?"y":"x";E[e]+=D[r]*t}))}return E}var ie={placement:"bottom",modifiers:[],strategy:"absolute"};function pe(){for(var e=arguments.length,t=new Array(e),r=0;r=0}));0===l.length&&(l=f);var d=l.reduce((function(t,r){return t[r]=ae(e,{placement:r,boundary:o,rootBoundary:a,padding:i})[F(r)],t}),{});return Object.keys(d).sort((function(e,t){return d[e]-d[t]}))}var we={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,a=void 0===o||o,i=r.altAxis,p=void 0===i||i,c=r.fallbackPlacements,u=r.padding,s=r.boundary,f=r.rootBoundary,l=r.altBoundary,d=r.flipVariations,v=void 0===d||d,m=r.allowedAutoPlacements,h=t.options.placement,b=F(h),y=c||(b===h||!v?[he(h)]:function(e){if(F(e)===M)return[];var t=he(e);return[ye(e),t,ye(t)]}(h)),g=[h].concat(y).reduce((function(e,r){return e.concat(F(r)===M?ge(t,{placement:r,boundary:s,rootBoundary:f,padding:u,flipVariations:v,allowedAutoPlacements:m}):r)}),[]),w=t.rects.reference,x=t.rects.popper,O=new Map,k=!0,S=g[0],j=0;j=0,B=D?"width":"height",A=ae(t,{placement:P,boundary:s,rootBoundary:f,altBoundary:l,padding:u}),R=D?_?L:N:_?T:C;w[B]>x[B]&&(R=he(R));var I=he(R),H=[];if(a&&H.push(A[E]<=0),p&&H.push(A[R]<=0,A[I]<=0),H.every((function(e){return e}))){S=P,k=!1;break}O.set(P,H)}if(k)for(var V=function(e){var t=g.find((function(t){var r=O.get(t);if(r)return r.slice(0,e).every((function(e){return e}))}));if(t)return S=t,"break"},z=v?3:1;z>0;z--){if("break"===V(z))break}t.placement!==S&&(t.modifiersData[n]._skip=!0,t.placement=S,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var xe={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.offset,a=void 0===o?[0,0]:o,i=q.reduce((function(e,r){return e[r]=function(e,t,r){var n=F(e),o=[N,C].indexOf(n)>=0?-1:1,a="function"==typeof r?r(Object.assign({},t,{placement:e})):r,i=a[0],p=a[1];return i=i||0,p=(p||0)*o,[N,L].indexOf(n)>=0?{x:p,y:i}:{x:i,y:p}}(r,t.rects,a),e}),{}),p=i[t.placement],c=p.x,u=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=c,t.modifiersData.popperOffsets.y+=u),t.modifiersData[n]=i}};var Oe={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,n=e.name,o=e.options,a=r.elements.arrow,i=r.modifiersData.popperOffsets,p=F(r.placement),c=te(p),u=[N,L].indexOf(p)>=0?"height":"width";if(a&&i){var s=function(e,t){return ne("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:oe(e,R))}(o.padding,r),f=j(a),l="y"===c?C:N,d="y"===c?T:L,v=r.rects.reference[u]+r.rects.reference[c]-i[c]-r.rects.popper[u],m=i[c]-r.rects.reference[c],h=A(a),b=h?"y"===c?h.clientHeight||0:h.clientWidth||0:0,y=v/2-m/2,g=s[l],w=b-f[u]-s[d],x=b/2-f[u]/2+y,O=de(g,x,w),k=c;r.modifiersData[n]=((t={})[k]=O,t.centerOffset=O-x,t)}},effect:function(e){var t=e.state,r=e.options.element,n=void 0===r?"[data-popper-arrow]":r;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&G(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},ke=function(e){return parseInt(e,10)};var Se={class:"popper__arrow","data-popper-arrow":""};function je(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}je('\n.popper__arrow[data-v-6591bbd2],\n .popper__arrow[data-v-6591bbd2]::before {\n transition: background 250ms ease-in-out;\n position: absolute;\n width: calc(10px - var(--popper-theme-border-width, 0px));\n height: calc(10px - var(--popper-theme-border-width, 0px));\n box-sizing: border-box;\n background: var(--popper-theme-background-color);\n}\n.popper__arrow[data-v-6591bbd2] {\n visibility: hidden;\n}\n.popper__arrow[data-v-6591bbd2]::before {\n visibility: visible;\n content: "";\n transform: rotate(45deg);\n}\n\n /* Top arrow */\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2] {\n bottom: -5px;\n}\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-bottom: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Bottom arrow */\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2] {\n top: -5px;\n}\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2]::before {\n border-left: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Left arrow */\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2] {\n right: -5px;\n}\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Right arrow */\n.popper[data-popper-placement^="right"] > .popper__arrow[data-v-6591bbd2] {\n left: -5px;\n}\n');var Pe={render:function(t,r){return e.openBlock(),e.createElementBlock("div",Se)},__scopeId:"data-v-6591bbd2"},Ee=Pe,_e={props:{to:String,disabled:Boolean},components:{Teleport:e.Teleport}};_e.render=function(t,r,n,o,a,i){return n.to?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:n.to,disabled:n.disabled},[e.renderSlot(t.$slots,"default")],8,["to","disabled"])):e.renderSlot(t.$slots,"default",{key:1})};var De=["onKeyup"],Be={__name:"Popper",props:{placement:{type:String,default:"bottom",validator:function(e){return["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"].includes(e)}},disableClickAway:{type:Boolean,default:!1},offsetSkid:{type:[Number,String],default:0},offsetDistance:{type:[Number,String],default:12},hover:{type:Boolean,default:!1},show:{type:Boolean,default:null},disabled:{type:Boolean,default:!1},openDelay:{type:[Number,String],default:0},closeDelay:{type:[Number,String],default:0},arrow:{type:Boolean,default:!1},arrowPadding:{type:[Number,String],default:0},interactive:{type:Boolean,default:!0},locked:{type:Boolean,default:!1},content:{type:String,default:null},boundary:{default:null},boundaryPadding:{type:[Number,String],default:5},container:{type:String,default:null},triggerWrapperClass:{type:[String,Object,Array],default:null},triggerWrapperStyle:{type:[String,Object,Array],default:null},contentWrapperClass:{type:[String,Object,Array],default:null},contentWrapperStyle:{type:[String,Object,Array],default:null}},emits:["open:popper","close:popper"],setup:function(t,n){var a=n.expose,c=n.emit,u=t,s=e.useSlots(),d=e.ref(null),v=e.ref(null),m=e.ref(null),h=e.ref(!1),b=e.ref(!1);e.onMounted((function(){var e=s.default();if(e&&e.length>1)return console.error("[Popper]: The component expects only one child element at its root. You passed ".concat(e.length," child nodes."));b.value=!0}));var y=e.toRefs(u),g=y.arrowPadding,w=y.closeDelay,x=y.content,O=y.disableClickAway,k=y.disabled,S=y.interactive,j=y.locked,P=y.offsetDistance,E=y.offsetSkid,_=y.openDelay,D=y.placement,B=y.show,A=y.boundary,C=y.boundaryPadding,T=y.container,L=function(t){var n=t.arrowPadding,a=t.emit,c=t.locked,u=t.offsetDistance,s=t.offsetSkid,f=t.placement,l=t.popperNode,d=t.triggerNode,v=t.boundary,m=t.boundaryPadding,h=e.reactive({isOpen:!1,popperInstance:null}),b=function(e){var t;null===(t=h.popperInstance)||void 0===t||t.setOptions((function(t){return r(r({},t),{},{modifiers:[].concat(p(t.modifiers),[{name:"eventListeners",enabled:e}])})}))};e.watch([function(){return h.isOpen},f],function(){var e=o(regeneratorRuntime.mark((function e(t){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!i(t,1)[0]){e.next=7;break}return e.next=4,w();case 4:b(!0),e.next=8;break;case 7:b(!1);case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}());var y=[];if(v.value){var g={boundary:"string"==typeof v.value?document.querySelector(v.value):v.value};m.value&&(g.padding=ke(m.value)),y.push({name:"preventOverflow",options:g})}var w=function(){var t=o(regeneratorRuntime.mark((function t(){var r;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.nextTick();case 2:return r={placement:f.value,modifiers:[ve].concat(y,[we,{name:"flip",enabled:!c.value},Oe,{name:"arrow",options:{padding:ke(n.value)}},xe,{name:"offset",options:{offset:[ke(s.value),ke(u.value)]}}])},h.popperInstance=le(d.value,l.value,r),t.next=6,h.popperInstance.update();case 6:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();return e.onBeforeUnmount((function(){var e;null===(e=h.popperInstance)||void 0===e||e.destroy()})),r(r({},e.toRefs(h)),{},{open:function(){h.isOpen||(h.isOpen=!0,a("open:popper"))},close:function(){h.isOpen&&(h.isOpen=!1,a("close:popper"))},update:function(){h.popperInstance?h.popperInstance.update():w()}})}({arrowPadding:g,emit:c,locked:j,offsetDistance:P,offsetSkid:E,placement:D,popperNode:v,triggerNode:m,boundary:A,boundaryPadding:C}),N=L.isOpen,M=L.open,R=L.close,W=L.update,I=function(t,r,n){var o=null,a=e.ref(!1);e.onMounted((function(){(void 0!==t.content||n.value)&&(a.value=!0)})),e.onBeforeUnmount((function(){o&&o.disconnect()})),e.watch(r,(function(e){o||(o=new MutationObserver(i)).observe(e,{childList:!0,subtree:!0})})),e.watch(n,(function(e){a.value=!!e}));var i=function(){t.content?a.value=!0:a.value=!1};return{hasContent:a}}(s,v,x),H=I.hasContent,V=e.computed((function(){return null!==B.value})),z=e.computed((function(){return k.value||!H.value})),q=e.computed((function(){return N.value&&!z.value})),U=e.computed((function(){return!O.value&&!V.value})),$=e.computed((function(){return S.value?"border: ".concat(P.value,"px solid transparent; margin: -").concat(P.value,"px;"):null})),F=f.debounce(M,_.value),K=f.debounce(R,w.value),Y=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!z.value&&!V.value){e.next=2;break}return e.abrupt("return");case 2:K.clear(),F();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),X=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!V.value){e.next=2;break}return e.abrupt("return");case 2:F.clear(),K();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),G=W,J=function(){N.value?X():Y()};return e.watch([H,k],(function(e){var t=i(e,2),r=t[0],n=t[1];!N.value||r&&!n||R()})),e.watch(N,(function(e){e?h.value=!0:f.debounce((function(){h.value=!1}),200)})),e.watchEffect((function(){V.value&&(B.value?F():K())})),e.watchEffect((function(){U.value&&l(d,v,X)})),a({openPopper:Y,closePopper:X,togglePopper:J,updatePopper:G}),function(r,n){return e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(e.unref($)),onMouseleave:n[2]||(n[2]=function(e){return t.hover&&X()}),ref_key:"popperContainerNode",ref:d},[e.createElementVNode("div",{ref_key:"triggerNode",ref:m,class:e.normalizeClass([t.triggerWrapperClass,"popper__trigger"]),style:e.normalizeStyle(t.triggerWrapperStyle),onMouseover:n[0]||(n[0]=function(e){return t.hover&&Y()}),onClick:J,onFocus:Y,onKeyup:e.withKeys(X,["esc"])},[e.renderSlot(r.$slots,"default")],46,De),b.value?(e.openBlock(),e.createBlock(_e,{key:0,to:e.unref(T)},{default:e.withCtx((function(){return[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx((function(){return[e.withDirectives(e.createElementVNode("div",{onClick:n[1]||(n[1]=function(t){return!e.unref(S)&&X()}),class:e.normalizeClass(["popper",t.contentWrapperClass]),style:e.normalizeStyle(t.contentWrapperStyle),ref_key:"popperNode",ref:v},[e.renderSlot(r.$slots,"content",{close:e.unref(R),isOpen:h.value},(function(){return[e.createTextVNode(e.toDisplayString(e.unref(x)),1)]})),t.arrow?(e.openBlock(),e.createBlock(Ee,{key:0})):e.createCommentVNode("",!0)],6),[[e.vShow,e.unref(q)]])]})),_:3})]})),_:3},8,["to"])):e.createCommentVNode("",!0)],36)}}};je("\n.popper[data-v-242d7f07] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-242d7f07]:hover,\n .popper:hover > .popper__arrow[data-v-242d7f07]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-242d7f07],\n .fade-leave-active[data-v-242d7f07] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-242d7f07],\n .fade-leave-to[data-v-242d7f07] {\n opacity: 0;\n}\n"),Be.__scopeId="data-v-242d7f07";var Ae=function(){var e=Be;return e.install=function(t){t.component("Popper",e)},e}(),Ce=Object.freeze({__proto__:null,default:Ae});return Object.entries(Ce).forEach((function(e){var t=i(e,2),r=t[0],n=t[1];"default"!==r&&(Ae[r]=n)})),Ae}(Vue); \ No newline at end of file diff --git a/dist/popper.ssr.js b/dist/popper.ssr.js index 33b56c3..04677ab 100644 --- a/dist/popper.ssr.js +++ b/dist/popper.ssr.js @@ -276,7 +276,9 @@ var debounce_1 = debounce$1;function useEventListener(target, event, handler) { } }); vue.onBeforeUnmount(function () { - return observer.disconnect(); + if (observer) { + observer.disconnect(); + } }); vue.watch(popperNode, function (popperNode) { if (!observer) { diff --git a/src/composables/useContent.js b/src/composables/useContent.js index 4f85fb7..08c1001 100644 --- a/src/composables/useContent.js +++ b/src/composables/useContent.js @@ -9,7 +9,11 @@ export default function useContent(slots, popperNode, content) { } }); - onBeforeUnmount(() => observer.disconnect()); + onBeforeUnmount(() => { + if (observer) { + observer.disconnect() + } + }); watch(popperNode, popperNode => { if (!observer) { From 02de492b20bd55a809fc0f721eea4697af310583 Mon Sep 17 00:00:00 2001 From: Andrey Krivko <1298360+jastkand@users.noreply.github.com> Date: Thu, 29 Sep 2022 21:25:54 +0600 Subject: [PATCH 14/22] Add triggerStopPropagation prop --- dist/popper.esm.js | 25 +++++++++++++++++++++---- dist/popper.min.js | 2 +- dist/popper.ssr.js | 25 +++++++++++++++++++++---- src/component/Popper.vue | 17 ++++++++++++++++- 4 files changed, 59 insertions(+), 10 deletions(-) diff --git a/dist/popper.esm.js b/dist/popper.esm.js index 2295c50..d8838ba 100644 --- a/dist/popper.esm.js +++ b/dist/popper.esm.js @@ -2183,6 +2183,14 @@ var script = { default: null }, + /** + * Stops propagation of the event on clicking the trigger element. [Boolean] + */ + triggerStopPropagation: { + type: Boolean, + default: false + }, + /** * Class for the content wrapper. [String, Object, Array] */ @@ -2236,7 +2244,8 @@ var script = { show, boundary, boundaryPadding, - container + container, + triggerStopPropagation } = toRefs(props); const { isOpen, @@ -2290,6 +2299,14 @@ var script = { const togglePopper = () => { isOpen.value ? closePopper() : openPopper(); }; + + const onTriggerClick = e => { + togglePopper(); + + if (triggerStopPropagation.value) { + e.stopPropagation(); + } + }; /** * If Popper is open, we automatically close it if it becomes * disabled or without content. @@ -2352,7 +2369,7 @@ var script = { class: normalizeClass([__props.triggerWrapperClass, "popper__trigger"]), style: normalizeStyle(__props.triggerWrapperStyle), onMouseover: _cache[0] || (_cache[0] = $event => __props.hover && openPopper()), - onClick: togglePopper, + onClick: onTriggerClick, onFocus: openPopper, onKeyup: withKeys(closePopper, ["esc"]) }, [renderSlot(_ctx.$slots, "default")], 46, _hoisted_1), isMounted.value ? (openBlock(), createBlock(script$1, { @@ -2383,10 +2400,10 @@ var script = { }; -var css_248z = "\n.popper[data-v-242d7f07] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-242d7f07]:hover,\n .popper:hover > .popper__arrow[data-v-242d7f07]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-242d7f07],\n .fade-leave-active[data-v-242d7f07] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-242d7f07],\n .fade-leave-to[data-v-242d7f07] {\n opacity: 0;\n}\n"; +var css_248z = "\n.popper[data-v-a8341b70] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-a8341b70]:hover,\n .popper:hover > .popper__arrow[data-v-a8341b70]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-a8341b70],\n .fade-leave-active[data-v-a8341b70] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-a8341b70],\n .fade-leave-to[data-v-a8341b70] {\n opacity: 0;\n}\n"; styleInject(css_248z); -script.__scopeId = "data-v-242d7f07"; +script.__scopeId = "data-v-a8341b70"; // IIFE injects install function into component, allowing component // to be registered via Vue.use() as well as Vue.component(), diff --git a/dist/popper.min.js b/dist/popper.min.js index bf854ce..56e75b1 100644 --- a/dist/popper.min.js +++ b/dist/popper.min.js @@ -1 +1 @@ -var Popper=function(e){"use strict";function t(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function r(e){for(var r=1;re.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0?n=setTimeout(c,t-u):(n=null,r||(p=e.apply(a,o),a=o=null))}null==t&&(t=100);var u=function(){a=this,o=arguments,i=Date.now();var u=r&&!n;return n||(n=setTimeout(c,t)),u&&(p=e.apply(a,o),a=o=null),p};return u.clear=function(){n&&(clearTimeout(n),n=null)},u.flush=function(){n&&(p=e.apply(a,o),a=o=null,clearTimeout(n),n=null)},u}s.debounce=s;var f=s;function l(t,r,n){if("undefined"!=typeof window&&window){return function(t,r,n){e.isRef(t)?e.watch(t,(function(e,t){null==t||t.removeEventListener(r,n),null==e||e.addEventListener(r,n)})):e.onMounted((function(){t.addEventListener(r,n)})),e.onBeforeUnmount((function(){var o;null===(o=e.unref(t))||void 0===o||o.removeEventListener(r,n)}))}(window,"pointerdown",(function(o){var a=e.unref(t),i=e.unref(r);(a||i)&&(a===o.target||i===o.target||o.composedPath().includes(a)||o.composedPath().includes(i)||n(o))}))}}function d(e,t){var r=e.getBoundingClientRect();return{width:r.width/1,height:r.height/1,top:r.top/1,right:r.right/1,bottom:r.bottom/1,left:r.left/1,x:r.left/1,y:r.top/1}}function v(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function m(e){var t=v(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function h(e){return e instanceof v(e).Element||e instanceof Element}function b(e){return e instanceof v(e).HTMLElement||e instanceof HTMLElement}function y(e){return"undefined"!=typeof ShadowRoot&&(e instanceof v(e).ShadowRoot||e instanceof ShadowRoot)}function g(e){return e?(e.nodeName||"").toLowerCase():null}function w(e){return((h(e)?e.ownerDocument:e.document)||window.document).documentElement}function x(e){return d(w(e)).left+m(e).scrollLeft}function O(e){return v(e).getComputedStyle(e)}function k(e){var t=O(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function S(e,t,r){void 0===r&&(r=!1);var n=b(t);b(t)&&function(e){var t=e.getBoundingClientRect(),r=t.width/e.offsetWidth||1,n=t.height/e.offsetHeight||1}(t);var o,a,i=w(t),p=d(e),c={scrollLeft:0,scrollTop:0},u={x:0,y:0};return(n||!n&&!r)&&(("body"!==g(t)||k(i))&&(c=(o=t)!==v(o)&&b(o)?{scrollLeft:(a=o).scrollLeft,scrollTop:a.scrollTop}:m(o)),b(t)?((u=d(t)).x+=t.clientLeft,u.y+=t.clientTop):i&&(u.x=x(i))),{x:p.left+c.scrollLeft-u.x,y:p.top+c.scrollTop-u.y,width:p.width,height:p.height}}function j(e){var t=d(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function P(e){return"html"===g(e)?e:e.assignedSlot||e.parentNode||(y(e)?e.host:null)||w(e)}function E(e){return["html","body","#document"].indexOf(g(e))>=0?e.ownerDocument.body:b(e)&&k(e)?e:E(P(e))}function _(e,t){var r;void 0===t&&(t=[]);var n=E(e),o=n===(null==(r=e.ownerDocument)?void 0:r.body),a=v(n),i=o?[a].concat(a.visualViewport||[],k(n)?n:[]):n,p=t.concat(i);return o?p:p.concat(_(P(i)))}function D(e){return["table","td","th"].indexOf(g(e))>=0}function B(e){return b(e)&&"fixed"!==O(e).position?e.offsetParent:null}function A(e){for(var t=v(e),r=B(e);r&&D(r)&&"static"===O(r).position;)r=B(r);return r&&("html"===g(r)||"body"===g(r)&&"static"===O(r).position)?t:r||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&b(e)&&"fixed"===O(e).position)return null;for(var r=P(e);b(r)&&["html","body"].indexOf(g(r))<0;){var n=O(r);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return r;r=r.parentNode}return null}(e)||t}var C="top",T="bottom",L="right",N="left",M="auto",R=[C,T,L,N],W="start",I="end",H="viewport",V="popper",z=R.reduce((function(e,t){return e.concat([t+"-"+W,t+"-"+I])}),[]),q=[].concat(R,[M]).reduce((function(e,t){return e.concat([t,t+"-"+W,t+"-"+I])}),[]),U=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function $(e){var t=new Map,r=new Set,n=[];function o(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!r.has(e)){var n=t.get(e);n&&o(n)}})),n.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){r.has(e.name)||o(e)})),n}function F(e){return e.split("-")[0]}var K=Math.max,Y=Math.min,X=Math.round;function G(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&y(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function J(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Q(e,t){return t===H?J(function(e){var t=v(e),r=w(e),n=t.visualViewport,o=r.clientWidth,a=r.clientHeight,i=0,p=0;return n&&(o=n.width,a=n.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(i=n.offsetLeft,p=n.offsetTop)),{width:o,height:a,x:i+x(e),y:p}}(e)):b(t)?function(e){var t=d(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):J(function(e){var t,r=w(e),n=m(e),o=null==(t=e.ownerDocument)?void 0:t.body,a=K(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),i=K(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),p=-n.scrollLeft+x(e),c=-n.scrollTop;return"rtl"===O(o||r).direction&&(p+=K(r.clientWidth,o?o.clientWidth:0)-a),{width:a,height:i,x:p,y:c}}(w(e)))}function Z(e,t,r){var n="clippingParents"===t?function(e){var t=_(P(e)),r=["absolute","fixed"].indexOf(O(e).position)>=0&&b(e)?A(e):e;return h(r)?t.filter((function(e){return h(e)&&G(e,r)&&"body"!==g(e)})):[]}(e):[].concat(t),o=[].concat(n,[r]),a=o[0],i=o.reduce((function(t,r){var n=Q(e,r);return t.top=K(n.top,t.top),t.right=Y(n.right,t.right),t.bottom=Y(n.bottom,t.bottom),t.left=K(n.left,t.left),t}),Q(e,a));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}function ee(e){return e.split("-")[1]}function te(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function re(e){var t,r=e.reference,n=e.element,o=e.placement,a=o?F(o):null,i=o?ee(o):null,p=r.x+r.width/2-n.width/2,c=r.y+r.height/2-n.height/2;switch(a){case C:t={x:p,y:r.y-n.height};break;case T:t={x:p,y:r.y+r.height};break;case L:t={x:r.x+r.width,y:c};break;case N:t={x:r.x-n.width,y:c};break;default:t={x:r.x,y:r.y}}var u=a?te(a):null;if(null!=u){var s="y"===u?"height":"width";switch(i){case W:t[u]=t[u]-(r[s]/2-n[s]/2);break;case I:t[u]=t[u]+(r[s]/2-n[s]/2)}}return t}function ne(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function oe(e,t){return t.reduce((function(t,r){return t[r]=e,t}),{})}function ae(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=void 0===n?e.placement:n,a=r.boundary,i=void 0===a?"clippingParents":a,p=r.rootBoundary,c=void 0===p?H:p,u=r.elementContext,s=void 0===u?V:u,f=r.altBoundary,l=void 0!==f&&f,v=r.padding,m=void 0===v?0:v,b=ne("number"!=typeof m?m:oe(m,R)),y=s===V?"reference":V,g=e.rects.popper,x=e.elements[l?y:s],O=Z(h(x)?x:x.contextElement||w(e.elements.popper),i,c),k=d(e.elements.reference),S=re({reference:k,element:g,strategy:"absolute",placement:o}),j=J(Object.assign({},g,S)),P=s===V?j:k,E={top:O.top-P.top+b.top,bottom:P.bottom-O.bottom+b.bottom,left:O.left-P.left+b.left,right:P.right-O.right+b.right},_=e.modifiersData.offset;if(s===V&&_){var D=_[o];Object.keys(E).forEach((function(e){var t=[L,T].indexOf(e)>=0?1:-1,r=[C,T].indexOf(e)>=0?"y":"x";E[e]+=D[r]*t}))}return E}var ie={placement:"bottom",modifiers:[],strategy:"absolute"};function pe(){for(var e=arguments.length,t=new Array(e),r=0;r=0}));0===l.length&&(l=f);var d=l.reduce((function(t,r){return t[r]=ae(e,{placement:r,boundary:o,rootBoundary:a,padding:i})[F(r)],t}),{});return Object.keys(d).sort((function(e,t){return d[e]-d[t]}))}var we={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,a=void 0===o||o,i=r.altAxis,p=void 0===i||i,c=r.fallbackPlacements,u=r.padding,s=r.boundary,f=r.rootBoundary,l=r.altBoundary,d=r.flipVariations,v=void 0===d||d,m=r.allowedAutoPlacements,h=t.options.placement,b=F(h),y=c||(b===h||!v?[he(h)]:function(e){if(F(e)===M)return[];var t=he(e);return[ye(e),t,ye(t)]}(h)),g=[h].concat(y).reduce((function(e,r){return e.concat(F(r)===M?ge(t,{placement:r,boundary:s,rootBoundary:f,padding:u,flipVariations:v,allowedAutoPlacements:m}):r)}),[]),w=t.rects.reference,x=t.rects.popper,O=new Map,k=!0,S=g[0],j=0;j=0,B=D?"width":"height",A=ae(t,{placement:P,boundary:s,rootBoundary:f,altBoundary:l,padding:u}),R=D?_?L:N:_?T:C;w[B]>x[B]&&(R=he(R));var I=he(R),H=[];if(a&&H.push(A[E]<=0),p&&H.push(A[R]<=0,A[I]<=0),H.every((function(e){return e}))){S=P,k=!1;break}O.set(P,H)}if(k)for(var V=function(e){var t=g.find((function(t){var r=O.get(t);if(r)return r.slice(0,e).every((function(e){return e}))}));if(t)return S=t,"break"},z=v?3:1;z>0;z--){if("break"===V(z))break}t.placement!==S&&(t.modifiersData[n]._skip=!0,t.placement=S,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var xe={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.offset,a=void 0===o?[0,0]:o,i=q.reduce((function(e,r){return e[r]=function(e,t,r){var n=F(e),o=[N,C].indexOf(n)>=0?-1:1,a="function"==typeof r?r(Object.assign({},t,{placement:e})):r,i=a[0],p=a[1];return i=i||0,p=(p||0)*o,[N,L].indexOf(n)>=0?{x:p,y:i}:{x:i,y:p}}(r,t.rects,a),e}),{}),p=i[t.placement],c=p.x,u=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=c,t.modifiersData.popperOffsets.y+=u),t.modifiersData[n]=i}};var Oe={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,n=e.name,o=e.options,a=r.elements.arrow,i=r.modifiersData.popperOffsets,p=F(r.placement),c=te(p),u=[N,L].indexOf(p)>=0?"height":"width";if(a&&i){var s=function(e,t){return ne("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:oe(e,R))}(o.padding,r),f=j(a),l="y"===c?C:N,d="y"===c?T:L,v=r.rects.reference[u]+r.rects.reference[c]-i[c]-r.rects.popper[u],m=i[c]-r.rects.reference[c],h=A(a),b=h?"y"===c?h.clientHeight||0:h.clientWidth||0:0,y=v/2-m/2,g=s[l],w=b-f[u]-s[d],x=b/2-f[u]/2+y,O=de(g,x,w),k=c;r.modifiersData[n]=((t={})[k]=O,t.centerOffset=O-x,t)}},effect:function(e){var t=e.state,r=e.options.element,n=void 0===r?"[data-popper-arrow]":r;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&G(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},ke=function(e){return parseInt(e,10)};var Se={class:"popper__arrow","data-popper-arrow":""};function je(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}je('\n.popper__arrow[data-v-6591bbd2],\n .popper__arrow[data-v-6591bbd2]::before {\n transition: background 250ms ease-in-out;\n position: absolute;\n width: calc(10px - var(--popper-theme-border-width, 0px));\n height: calc(10px - var(--popper-theme-border-width, 0px));\n box-sizing: border-box;\n background: var(--popper-theme-background-color);\n}\n.popper__arrow[data-v-6591bbd2] {\n visibility: hidden;\n}\n.popper__arrow[data-v-6591bbd2]::before {\n visibility: visible;\n content: "";\n transform: rotate(45deg);\n}\n\n /* Top arrow */\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2] {\n bottom: -5px;\n}\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-bottom: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Bottom arrow */\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2] {\n top: -5px;\n}\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2]::before {\n border-left: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Left arrow */\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2] {\n right: -5px;\n}\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Right arrow */\n.popper[data-popper-placement^="right"] > .popper__arrow[data-v-6591bbd2] {\n left: -5px;\n}\n');var Pe={render:function(t,r){return e.openBlock(),e.createElementBlock("div",Se)},__scopeId:"data-v-6591bbd2"},Ee=Pe,_e={props:{to:String,disabled:Boolean},components:{Teleport:e.Teleport}};_e.render=function(t,r,n,o,a,i){return n.to?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:n.to,disabled:n.disabled},[e.renderSlot(t.$slots,"default")],8,["to","disabled"])):e.renderSlot(t.$slots,"default",{key:1})};var De=["onKeyup"],Be={__name:"Popper",props:{placement:{type:String,default:"bottom",validator:function(e){return["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"].includes(e)}},disableClickAway:{type:Boolean,default:!1},offsetSkid:{type:[Number,String],default:0},offsetDistance:{type:[Number,String],default:12},hover:{type:Boolean,default:!1},show:{type:Boolean,default:null},disabled:{type:Boolean,default:!1},openDelay:{type:[Number,String],default:0},closeDelay:{type:[Number,String],default:0},arrow:{type:Boolean,default:!1},arrowPadding:{type:[Number,String],default:0},interactive:{type:Boolean,default:!0},locked:{type:Boolean,default:!1},content:{type:String,default:null},boundary:{default:null},boundaryPadding:{type:[Number,String],default:5},container:{type:String,default:null},triggerWrapperClass:{type:[String,Object,Array],default:null},triggerWrapperStyle:{type:[String,Object,Array],default:null},contentWrapperClass:{type:[String,Object,Array],default:null},contentWrapperStyle:{type:[String,Object,Array],default:null}},emits:["open:popper","close:popper"],setup:function(t,n){var a=n.expose,c=n.emit,u=t,s=e.useSlots(),d=e.ref(null),v=e.ref(null),m=e.ref(null),h=e.ref(!1),b=e.ref(!1);e.onMounted((function(){var e=s.default();if(e&&e.length>1)return console.error("[Popper]: The component expects only one child element at its root. You passed ".concat(e.length," child nodes."));b.value=!0}));var y=e.toRefs(u),g=y.arrowPadding,w=y.closeDelay,x=y.content,O=y.disableClickAway,k=y.disabled,S=y.interactive,j=y.locked,P=y.offsetDistance,E=y.offsetSkid,_=y.openDelay,D=y.placement,B=y.show,A=y.boundary,C=y.boundaryPadding,T=y.container,L=function(t){var n=t.arrowPadding,a=t.emit,c=t.locked,u=t.offsetDistance,s=t.offsetSkid,f=t.placement,l=t.popperNode,d=t.triggerNode,v=t.boundary,m=t.boundaryPadding,h=e.reactive({isOpen:!1,popperInstance:null}),b=function(e){var t;null===(t=h.popperInstance)||void 0===t||t.setOptions((function(t){return r(r({},t),{},{modifiers:[].concat(p(t.modifiers),[{name:"eventListeners",enabled:e}])})}))};e.watch([function(){return h.isOpen},f],function(){var e=o(regeneratorRuntime.mark((function e(t){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!i(t,1)[0]){e.next=7;break}return e.next=4,w();case 4:b(!0),e.next=8;break;case 7:b(!1);case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}());var y=[];if(v.value){var g={boundary:"string"==typeof v.value?document.querySelector(v.value):v.value};m.value&&(g.padding=ke(m.value)),y.push({name:"preventOverflow",options:g})}var w=function(){var t=o(regeneratorRuntime.mark((function t(){var r;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.nextTick();case 2:return r={placement:f.value,modifiers:[ve].concat(y,[we,{name:"flip",enabled:!c.value},Oe,{name:"arrow",options:{padding:ke(n.value)}},xe,{name:"offset",options:{offset:[ke(s.value),ke(u.value)]}}])},h.popperInstance=le(d.value,l.value,r),t.next=6,h.popperInstance.update();case 6:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();return e.onBeforeUnmount((function(){var e;null===(e=h.popperInstance)||void 0===e||e.destroy()})),r(r({},e.toRefs(h)),{},{open:function(){h.isOpen||(h.isOpen=!0,a("open:popper"))},close:function(){h.isOpen&&(h.isOpen=!1,a("close:popper"))},update:function(){h.popperInstance?h.popperInstance.update():w()}})}({arrowPadding:g,emit:c,locked:j,offsetDistance:P,offsetSkid:E,placement:D,popperNode:v,triggerNode:m,boundary:A,boundaryPadding:C}),N=L.isOpen,M=L.open,R=L.close,W=L.update,I=function(t,r,n){var o=null,a=e.ref(!1);e.onMounted((function(){(void 0!==t.content||n.value)&&(a.value=!0)})),e.onBeforeUnmount((function(){o&&o.disconnect()})),e.watch(r,(function(e){o||(o=new MutationObserver(i)).observe(e,{childList:!0,subtree:!0})})),e.watch(n,(function(e){a.value=!!e}));var i=function(){t.content?a.value=!0:a.value=!1};return{hasContent:a}}(s,v,x),H=I.hasContent,V=e.computed((function(){return null!==B.value})),z=e.computed((function(){return k.value||!H.value})),q=e.computed((function(){return N.value&&!z.value})),U=e.computed((function(){return!O.value&&!V.value})),$=e.computed((function(){return S.value?"border: ".concat(P.value,"px solid transparent; margin: -").concat(P.value,"px;"):null})),F=f.debounce(M,_.value),K=f.debounce(R,w.value),Y=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!z.value&&!V.value){e.next=2;break}return e.abrupt("return");case 2:K.clear(),F();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),X=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!V.value){e.next=2;break}return e.abrupt("return");case 2:F.clear(),K();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),G=W,J=function(){N.value?X():Y()};return e.watch([H,k],(function(e){var t=i(e,2),r=t[0],n=t[1];!N.value||r&&!n||R()})),e.watch(N,(function(e){e?h.value=!0:f.debounce((function(){h.value=!1}),200)})),e.watchEffect((function(){V.value&&(B.value?F():K())})),e.watchEffect((function(){U.value&&l(d,v,X)})),a({openPopper:Y,closePopper:X,togglePopper:J,updatePopper:G}),function(r,n){return e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(e.unref($)),onMouseleave:n[2]||(n[2]=function(e){return t.hover&&X()}),ref_key:"popperContainerNode",ref:d},[e.createElementVNode("div",{ref_key:"triggerNode",ref:m,class:e.normalizeClass([t.triggerWrapperClass,"popper__trigger"]),style:e.normalizeStyle(t.triggerWrapperStyle),onMouseover:n[0]||(n[0]=function(e){return t.hover&&Y()}),onClick:J,onFocus:Y,onKeyup:e.withKeys(X,["esc"])},[e.renderSlot(r.$slots,"default")],46,De),b.value?(e.openBlock(),e.createBlock(_e,{key:0,to:e.unref(T)},{default:e.withCtx((function(){return[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx((function(){return[e.withDirectives(e.createElementVNode("div",{onClick:n[1]||(n[1]=function(t){return!e.unref(S)&&X()}),class:e.normalizeClass(["popper",t.contentWrapperClass]),style:e.normalizeStyle(t.contentWrapperStyle),ref_key:"popperNode",ref:v},[e.renderSlot(r.$slots,"content",{close:e.unref(R),isOpen:h.value},(function(){return[e.createTextVNode(e.toDisplayString(e.unref(x)),1)]})),t.arrow?(e.openBlock(),e.createBlock(Ee,{key:0})):e.createCommentVNode("",!0)],6),[[e.vShow,e.unref(q)]])]})),_:3})]})),_:3},8,["to"])):e.createCommentVNode("",!0)],36)}}};je("\n.popper[data-v-242d7f07] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-242d7f07]:hover,\n .popper:hover > .popper__arrow[data-v-242d7f07]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-242d7f07],\n .fade-leave-active[data-v-242d7f07] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-242d7f07],\n .fade-leave-to[data-v-242d7f07] {\n opacity: 0;\n}\n"),Be.__scopeId="data-v-242d7f07";var Ae=function(){var e=Be;return e.install=function(t){t.component("Popper",e)},e}(),Ce=Object.freeze({__proto__:null,default:Ae});return Object.entries(Ce).forEach((function(e){var t=i(e,2),r=t[0],n=t[1];"default"!==r&&(Ae[r]=n)})),Ae}(Vue); \ No newline at end of file +var Popper=function(e){"use strict";function t(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function r(e){for(var r=1;re.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0?n=setTimeout(u,t-c):(n=null,r||(p=e.apply(a,o),a=o=null))}null==t&&(t=100);var c=function(){a=this,o=arguments,i=Date.now();var c=r&&!n;return n||(n=setTimeout(u,t)),c&&(p=e.apply(a,o),a=o=null),p};return c.clear=function(){n&&(clearTimeout(n),n=null)},c.flush=function(){n&&(p=e.apply(a,o),a=o=null,clearTimeout(n),n=null)},c}s.debounce=s;var l=s;function f(t,r,n){if("undefined"!=typeof window&&window){return function(t,r,n){e.isRef(t)?e.watch(t,(function(e,t){null==t||t.removeEventListener(r,n),null==e||e.addEventListener(r,n)})):e.onMounted((function(){t.addEventListener(r,n)})),e.onBeforeUnmount((function(){var o;null===(o=e.unref(t))||void 0===o||o.removeEventListener(r,n)}))}(window,"pointerdown",(function(o){var a=e.unref(t),i=e.unref(r);(a||i)&&(a===o.target||i===o.target||o.composedPath().includes(a)||o.composedPath().includes(i)||n(o))}))}}function d(e,t){var r=e.getBoundingClientRect();return{width:r.width/1,height:r.height/1,top:r.top/1,right:r.right/1,bottom:r.bottom/1,left:r.left/1,x:r.left/1,y:r.top/1}}function v(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function m(e){var t=v(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function h(e){return e instanceof v(e).Element||e instanceof Element}function b(e){return e instanceof v(e).HTMLElement||e instanceof HTMLElement}function y(e){return"undefined"!=typeof ShadowRoot&&(e instanceof v(e).ShadowRoot||e instanceof ShadowRoot)}function g(e){return e?(e.nodeName||"").toLowerCase():null}function w(e){return((h(e)?e.ownerDocument:e.document)||window.document).documentElement}function x(e){return d(w(e)).left+m(e).scrollLeft}function O(e){return v(e).getComputedStyle(e)}function k(e){var t=O(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function S(e,t,r){void 0===r&&(r=!1);var n=b(t);b(t)&&function(e){var t=e.getBoundingClientRect(),r=t.width/e.offsetWidth||1,n=t.height/e.offsetHeight||1}(t);var o,a,i=w(t),p=d(e),u={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(n||!n&&!r)&&(("body"!==g(t)||k(i))&&(u=(o=t)!==v(o)&&b(o)?{scrollLeft:(a=o).scrollLeft,scrollTop:a.scrollTop}:m(o)),b(t)?((c=d(t)).x+=t.clientLeft,c.y+=t.clientTop):i&&(c.x=x(i))),{x:p.left+u.scrollLeft-c.x,y:p.top+u.scrollTop-c.y,width:p.width,height:p.height}}function j(e){var t=d(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function P(e){return"html"===g(e)?e:e.assignedSlot||e.parentNode||(y(e)?e.host:null)||w(e)}function E(e){return["html","body","#document"].indexOf(g(e))>=0?e.ownerDocument.body:b(e)&&k(e)?e:E(P(e))}function _(e,t){var r;void 0===t&&(t=[]);var n=E(e),o=n===(null==(r=e.ownerDocument)?void 0:r.body),a=v(n),i=o?[a].concat(a.visualViewport||[],k(n)?n:[]):n,p=t.concat(i);return o?p:p.concat(_(P(i)))}function D(e){return["table","td","th"].indexOf(g(e))>=0}function B(e){return b(e)&&"fixed"!==O(e).position?e.offsetParent:null}function A(e){for(var t=v(e),r=B(e);r&&D(r)&&"static"===O(r).position;)r=B(r);return r&&("html"===g(r)||"body"===g(r)&&"static"===O(r).position)?t:r||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&b(e)&&"fixed"===O(e).position)return null;for(var r=P(e);b(r)&&["html","body"].indexOf(g(r))<0;){var n=O(r);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return r;r=r.parentNode}return null}(e)||t}var C="top",T="bottom",L="right",N="left",M="auto",R=[C,T,L,N],W="start",I="end",H="viewport",V="popper",z=R.reduce((function(e,t){return e.concat([t+"-"+W,t+"-"+I])}),[]),q=[].concat(R,[M]).reduce((function(e,t){return e.concat([t,t+"-"+W,t+"-"+I])}),[]),U=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function $(e){var t=new Map,r=new Set,n=[];function o(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!r.has(e)){var n=t.get(e);n&&o(n)}})),n.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){r.has(e.name)||o(e)})),n}function F(e){return e.split("-")[0]}var K=Math.max,Y=Math.min,X=Math.round;function G(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&y(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function J(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Q(e,t){return t===H?J(function(e){var t=v(e),r=w(e),n=t.visualViewport,o=r.clientWidth,a=r.clientHeight,i=0,p=0;return n&&(o=n.width,a=n.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(i=n.offsetLeft,p=n.offsetTop)),{width:o,height:a,x:i+x(e),y:p}}(e)):b(t)?function(e){var t=d(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):J(function(e){var t,r=w(e),n=m(e),o=null==(t=e.ownerDocument)?void 0:t.body,a=K(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),i=K(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),p=-n.scrollLeft+x(e),u=-n.scrollTop;return"rtl"===O(o||r).direction&&(p+=K(r.clientWidth,o?o.clientWidth:0)-a),{width:a,height:i,x:p,y:u}}(w(e)))}function Z(e,t,r){var n="clippingParents"===t?function(e){var t=_(P(e)),r=["absolute","fixed"].indexOf(O(e).position)>=0&&b(e)?A(e):e;return h(r)?t.filter((function(e){return h(e)&&G(e,r)&&"body"!==g(e)})):[]}(e):[].concat(t),o=[].concat(n,[r]),a=o[0],i=o.reduce((function(t,r){var n=Q(e,r);return t.top=K(n.top,t.top),t.right=Y(n.right,t.right),t.bottom=Y(n.bottom,t.bottom),t.left=K(n.left,t.left),t}),Q(e,a));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}function ee(e){return e.split("-")[1]}function te(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function re(e){var t,r=e.reference,n=e.element,o=e.placement,a=o?F(o):null,i=o?ee(o):null,p=r.x+r.width/2-n.width/2,u=r.y+r.height/2-n.height/2;switch(a){case C:t={x:p,y:r.y-n.height};break;case T:t={x:p,y:r.y+r.height};break;case L:t={x:r.x+r.width,y:u};break;case N:t={x:r.x-n.width,y:u};break;default:t={x:r.x,y:r.y}}var c=a?te(a):null;if(null!=c){var s="y"===c?"height":"width";switch(i){case W:t[c]=t[c]-(r[s]/2-n[s]/2);break;case I:t[c]=t[c]+(r[s]/2-n[s]/2)}}return t}function ne(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function oe(e,t){return t.reduce((function(t,r){return t[r]=e,t}),{})}function ae(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=void 0===n?e.placement:n,a=r.boundary,i=void 0===a?"clippingParents":a,p=r.rootBoundary,u=void 0===p?H:p,c=r.elementContext,s=void 0===c?V:c,l=r.altBoundary,f=void 0!==l&&l,v=r.padding,m=void 0===v?0:v,b=ne("number"!=typeof m?m:oe(m,R)),y=s===V?"reference":V,g=e.rects.popper,x=e.elements[f?y:s],O=Z(h(x)?x:x.contextElement||w(e.elements.popper),i,u),k=d(e.elements.reference),S=re({reference:k,element:g,strategy:"absolute",placement:o}),j=J(Object.assign({},g,S)),P=s===V?j:k,E={top:O.top-P.top+b.top,bottom:P.bottom-O.bottom+b.bottom,left:O.left-P.left+b.left,right:P.right-O.right+b.right},_=e.modifiersData.offset;if(s===V&&_){var D=_[o];Object.keys(E).forEach((function(e){var t=[L,T].indexOf(e)>=0?1:-1,r=[C,T].indexOf(e)>=0?"y":"x";E[e]+=D[r]*t}))}return E}var ie={placement:"bottom",modifiers:[],strategy:"absolute"};function pe(){for(var e=arguments.length,t=new Array(e),r=0;r=0}));0===f.length&&(f=l);var d=f.reduce((function(t,r){return t[r]=ae(e,{placement:r,boundary:o,rootBoundary:a,padding:i})[F(r)],t}),{});return Object.keys(d).sort((function(e,t){return d[e]-d[t]}))}var we={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,a=void 0===o||o,i=r.altAxis,p=void 0===i||i,u=r.fallbackPlacements,c=r.padding,s=r.boundary,l=r.rootBoundary,f=r.altBoundary,d=r.flipVariations,v=void 0===d||d,m=r.allowedAutoPlacements,h=t.options.placement,b=F(h),y=u||(b===h||!v?[he(h)]:function(e){if(F(e)===M)return[];var t=he(e);return[ye(e),t,ye(t)]}(h)),g=[h].concat(y).reduce((function(e,r){return e.concat(F(r)===M?ge(t,{placement:r,boundary:s,rootBoundary:l,padding:c,flipVariations:v,allowedAutoPlacements:m}):r)}),[]),w=t.rects.reference,x=t.rects.popper,O=new Map,k=!0,S=g[0],j=0;j=0,B=D?"width":"height",A=ae(t,{placement:P,boundary:s,rootBoundary:l,altBoundary:f,padding:c}),R=D?_?L:N:_?T:C;w[B]>x[B]&&(R=he(R));var I=he(R),H=[];if(a&&H.push(A[E]<=0),p&&H.push(A[R]<=0,A[I]<=0),H.every((function(e){return e}))){S=P,k=!1;break}O.set(P,H)}if(k)for(var V=function(e){var t=g.find((function(t){var r=O.get(t);if(r)return r.slice(0,e).every((function(e){return e}))}));if(t)return S=t,"break"},z=v?3:1;z>0;z--){if("break"===V(z))break}t.placement!==S&&(t.modifiersData[n]._skip=!0,t.placement=S,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var xe={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.offset,a=void 0===o?[0,0]:o,i=q.reduce((function(e,r){return e[r]=function(e,t,r){var n=F(e),o=[N,C].indexOf(n)>=0?-1:1,a="function"==typeof r?r(Object.assign({},t,{placement:e})):r,i=a[0],p=a[1];return i=i||0,p=(p||0)*o,[N,L].indexOf(n)>=0?{x:p,y:i}:{x:i,y:p}}(r,t.rects,a),e}),{}),p=i[t.placement],u=p.x,c=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=u,t.modifiersData.popperOffsets.y+=c),t.modifiersData[n]=i}};var Oe={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,n=e.name,o=e.options,a=r.elements.arrow,i=r.modifiersData.popperOffsets,p=F(r.placement),u=te(p),c=[N,L].indexOf(p)>=0?"height":"width";if(a&&i){var s=function(e,t){return ne("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:oe(e,R))}(o.padding,r),l=j(a),f="y"===u?C:N,d="y"===u?T:L,v=r.rects.reference[c]+r.rects.reference[u]-i[u]-r.rects.popper[c],m=i[u]-r.rects.reference[u],h=A(a),b=h?"y"===u?h.clientHeight||0:h.clientWidth||0:0,y=v/2-m/2,g=s[f],w=b-l[c]-s[d],x=b/2-l[c]/2+y,O=de(g,x,w),k=u;r.modifiersData[n]=((t={})[k]=O,t.centerOffset=O-x,t)}},effect:function(e){var t=e.state,r=e.options.element,n=void 0===r?"[data-popper-arrow]":r;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&G(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},ke=function(e){return parseInt(e,10)};var Se={class:"popper__arrow","data-popper-arrow":""};function je(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}je('\n.popper__arrow[data-v-6591bbd2],\n .popper__arrow[data-v-6591bbd2]::before {\n transition: background 250ms ease-in-out;\n position: absolute;\n width: calc(10px - var(--popper-theme-border-width, 0px));\n height: calc(10px - var(--popper-theme-border-width, 0px));\n box-sizing: border-box;\n background: var(--popper-theme-background-color);\n}\n.popper__arrow[data-v-6591bbd2] {\n visibility: hidden;\n}\n.popper__arrow[data-v-6591bbd2]::before {\n visibility: visible;\n content: "";\n transform: rotate(45deg);\n}\n\n /* Top arrow */\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2] {\n bottom: -5px;\n}\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-bottom: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Bottom arrow */\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2] {\n top: -5px;\n}\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2]::before {\n border-left: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Left arrow */\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2] {\n right: -5px;\n}\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Right arrow */\n.popper[data-popper-placement^="right"] > .popper__arrow[data-v-6591bbd2] {\n left: -5px;\n}\n');var Pe={render:function(t,r){return e.openBlock(),e.createElementBlock("div",Se)},__scopeId:"data-v-6591bbd2"},Ee=Pe,_e={props:{to:String,disabled:Boolean},components:{Teleport:e.Teleport}};_e.render=function(t,r,n,o,a,i){return n.to?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:n.to,disabled:n.disabled},[e.renderSlot(t.$slots,"default")],8,["to","disabled"])):e.renderSlot(t.$slots,"default",{key:1})};var De=["onKeyup"],Be={__name:"Popper",props:{placement:{type:String,default:"bottom",validator:function(e){return["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"].includes(e)}},disableClickAway:{type:Boolean,default:!1},offsetSkid:{type:[Number,String],default:0},offsetDistance:{type:[Number,String],default:12},hover:{type:Boolean,default:!1},show:{type:Boolean,default:null},disabled:{type:Boolean,default:!1},openDelay:{type:[Number,String],default:0},closeDelay:{type:[Number,String],default:0},arrow:{type:Boolean,default:!1},arrowPadding:{type:[Number,String],default:0},interactive:{type:Boolean,default:!0},locked:{type:Boolean,default:!1},content:{type:String,default:null},boundary:{default:null},boundaryPadding:{type:[Number,String],default:5},container:{type:String,default:null},triggerWrapperClass:{type:[String,Object,Array],default:null},triggerWrapperStyle:{type:[String,Object,Array],default:null},triggerStopPropagation:{type:Boolean,default:!1},contentWrapperClass:{type:[String,Object,Array],default:null},contentWrapperStyle:{type:[String,Object,Array],default:null}},emits:["open:popper","close:popper"],setup:function(t,n){var a=n.expose,u=n.emit,c=t,s=e.useSlots(),d=e.ref(null),v=e.ref(null),m=e.ref(null),h=e.ref(!1),b=e.ref(!1);e.onMounted((function(){var e=s.default();if(e&&e.length>1)return console.error("[Popper]: The component expects only one child element at its root. You passed ".concat(e.length," child nodes."));b.value=!0}));var y=e.toRefs(c),g=y.arrowPadding,w=y.closeDelay,x=y.content,O=y.disableClickAway,k=y.disabled,S=y.interactive,j=y.locked,P=y.offsetDistance,E=y.offsetSkid,_=y.openDelay,D=y.placement,B=y.show,A=y.boundary,C=y.boundaryPadding,T=y.container,L=y.triggerStopPropagation,N=function(t){var n=t.arrowPadding,a=t.emit,u=t.locked,c=t.offsetDistance,s=t.offsetSkid,l=t.placement,f=t.popperNode,d=t.triggerNode,v=t.boundary,m=t.boundaryPadding,h=e.reactive({isOpen:!1,popperInstance:null}),b=function(e){var t;null===(t=h.popperInstance)||void 0===t||t.setOptions((function(t){return r(r({},t),{},{modifiers:[].concat(p(t.modifiers),[{name:"eventListeners",enabled:e}])})}))};e.watch([function(){return h.isOpen},l],function(){var e=o(regeneratorRuntime.mark((function e(t){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!i(t,1)[0]){e.next=7;break}return e.next=4,w();case 4:b(!0),e.next=8;break;case 7:b(!1);case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}());var y=[];if(v.value){var g={boundary:"string"==typeof v.value?document.querySelector(v.value):v.value};m.value&&(g.padding=ke(m.value)),y.push({name:"preventOverflow",options:g})}var w=function(){var t=o(regeneratorRuntime.mark((function t(){var r;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.nextTick();case 2:return r={placement:l.value,modifiers:[ve].concat(y,[we,{name:"flip",enabled:!u.value},Oe,{name:"arrow",options:{padding:ke(n.value)}},xe,{name:"offset",options:{offset:[ke(s.value),ke(c.value)]}}])},h.popperInstance=fe(d.value,f.value,r),t.next=6,h.popperInstance.update();case 6:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();return e.onBeforeUnmount((function(){var e;null===(e=h.popperInstance)||void 0===e||e.destroy()})),r(r({},e.toRefs(h)),{},{open:function(){h.isOpen||(h.isOpen=!0,a("open:popper"))},close:function(){h.isOpen&&(h.isOpen=!1,a("close:popper"))},update:function(){h.popperInstance?h.popperInstance.update():w()}})}({arrowPadding:g,emit:u,locked:j,offsetDistance:P,offsetSkid:E,placement:D,popperNode:v,triggerNode:m,boundary:A,boundaryPadding:C}),M=N.isOpen,R=N.open,W=N.close,I=N.update,H=function(t,r,n){var o=null,a=e.ref(!1);e.onMounted((function(){(void 0!==t.content||n.value)&&(a.value=!0)})),e.onBeforeUnmount((function(){o&&o.disconnect()})),e.watch(r,(function(e){o||(o=new MutationObserver(i)).observe(e,{childList:!0,subtree:!0})})),e.watch(n,(function(e){a.value=!!e}));var i=function(){t.content?a.value=!0:a.value=!1};return{hasContent:a}}(s,v,x),V=H.hasContent,z=e.computed((function(){return null!==B.value})),q=e.computed((function(){return k.value||!V.value})),U=e.computed((function(){return M.value&&!q.value})),$=e.computed((function(){return!O.value&&!z.value})),F=e.computed((function(){return S.value?"border: ".concat(P.value,"px solid transparent; margin: -").concat(P.value,"px;"):null})),K=l.debounce(R,_.value),Y=l.debounce(W,w.value),X=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!q.value&&!z.value){e.next=2;break}return e.abrupt("return");case 2:Y.clear(),K();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),G=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!z.value){e.next=2;break}return e.abrupt("return");case 2:K.clear(),Y();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),J=I,Q=function(){M.value?G():X()},Z=function(e){Q(),L.value&&e.stopPropagation()};return e.watch([V,k],(function(e){var t=i(e,2),r=t[0],n=t[1];!M.value||r&&!n||W()})),e.watch(M,(function(e){e?h.value=!0:l.debounce((function(){h.value=!1}),200)})),e.watchEffect((function(){z.value&&(B.value?K():Y())})),e.watchEffect((function(){$.value&&f(d,v,G)})),a({openPopper:X,closePopper:G,togglePopper:Q,updatePopper:J}),function(r,n){return e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(e.unref(F)),onMouseleave:n[2]||(n[2]=function(e){return t.hover&&G()}),ref_key:"popperContainerNode",ref:d},[e.createElementVNode("div",{ref_key:"triggerNode",ref:m,class:e.normalizeClass([t.triggerWrapperClass,"popper__trigger"]),style:e.normalizeStyle(t.triggerWrapperStyle),onMouseover:n[0]||(n[0]=function(e){return t.hover&&X()}),onClick:Z,onFocus:X,onKeyup:e.withKeys(G,["esc"])},[e.renderSlot(r.$slots,"default")],46,De),b.value?(e.openBlock(),e.createBlock(_e,{key:0,to:e.unref(T)},{default:e.withCtx((function(){return[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx((function(){return[e.withDirectives(e.createElementVNode("div",{onClick:n[1]||(n[1]=function(t){return!e.unref(S)&&G()}),class:e.normalizeClass(["popper",t.contentWrapperClass]),style:e.normalizeStyle(t.contentWrapperStyle),ref_key:"popperNode",ref:v},[e.renderSlot(r.$slots,"content",{close:e.unref(W),isOpen:h.value},(function(){return[e.createTextVNode(e.toDisplayString(e.unref(x)),1)]})),t.arrow?(e.openBlock(),e.createBlock(Ee,{key:0})):e.createCommentVNode("",!0)],6),[[e.vShow,e.unref(U)]])]})),_:3})]})),_:3},8,["to"])):e.createCommentVNode("",!0)],36)}}};je("\n.popper[data-v-a8341b70] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-a8341b70]:hover,\n .popper:hover > .popper__arrow[data-v-a8341b70]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-a8341b70],\n .fade-leave-active[data-v-a8341b70] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-a8341b70],\n .fade-leave-to[data-v-a8341b70] {\n opacity: 0;\n}\n"),Be.__scopeId="data-v-a8341b70";var Ae=function(){var e=Be;return e.install=function(t){t.component("Popper",e)},e}(),Ce=Object.freeze({__proto__:null,default:Ae});return Object.entries(Ce).forEach((function(e){var t=i(e,2),r=t[0],n=t[1];"default"!==r&&(Ae[r]=n)})),Ae}(Vue); \ No newline at end of file diff --git a/dist/popper.ssr.js b/dist/popper.ssr.js index 04677ab..4e712e1 100644 --- a/dist/popper.ssr.js +++ b/dist/popper.ssr.js @@ -2279,6 +2279,14 @@ var script = { default: null }, + /** + * Stops propagation of the event on clicking the trigger element. [Boolean] + */ + triggerStopPropagation: { + type: Boolean, + default: false + }, + /** * Class for the content wrapper. [String, Object, Array] */ @@ -2331,7 +2339,8 @@ var script = { show = _toRefs.show, boundary = _toRefs.boundary, boundaryPadding = _toRefs.boundaryPadding, - container = _toRefs.container; + container = _toRefs.container, + triggerStopPropagation = _toRefs.triggerStopPropagation; var _usePopper = usePopper({ arrowPadding: arrowPadding, @@ -2437,6 +2446,14 @@ var script = { var togglePopper = function togglePopper() { isOpen.value ? closePopper() : openPopper(); }; + + var onTriggerClick = function onTriggerClick(e) { + togglePopper(); + + if (triggerStopPropagation.value) { + e.stopPropagation(); + } + }; /** * If Popper is open, we automatically close it if it becomes * disabled or without content. @@ -2507,7 +2524,7 @@ var script = { onMouseover: _cache[0] || (_cache[0] = function ($event) { return __props.hover && openPopper(); }), - onClick: togglePopper, + onClick: onTriggerClick, onFocus: openPopper, onKeyup: vue.withKeys(closePopper, ["esc"]) }, [vue.renderSlot(_ctx.$slots, "default")], 46, _hoisted_1), isMounted.value ? (vue.openBlock(), vue.createBlock(script$1, { @@ -2543,8 +2560,8 @@ var script = { }, 8, ["to"])) : vue.createCommentVNode("", true)], 36); }; } -};var css_248z = "\n.popper[data-v-242d7f07] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-242d7f07]:hover,\n .popper:hover > .popper__arrow[data-v-242d7f07]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-242d7f07],\n .fade-leave-active[data-v-242d7f07] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-242d7f07],\n .fade-leave-to[data-v-242d7f07] {\n opacity: 0;\n}\n"; -styleInject(css_248z);script.__scopeId = "data-v-242d7f07";// IIFE injects install function into component, allowing component +};var css_248z = "\n.popper[data-v-a8341b70] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-a8341b70]:hover,\n .popper:hover > .popper__arrow[data-v-a8341b70]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-a8341b70],\n .fade-leave-active[data-v-a8341b70] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-a8341b70],\n .fade-leave-to[data-v-a8341b70] {\n opacity: 0;\n}\n"; +styleInject(css_248z);script.__scopeId = "data-v-a8341b70";// IIFE injects install function into component, allowing component // to be registered via Vue.use() as well as Vue.component(), var component = /*#__PURE__*/(function () { diff --git a/src/component/Popper.vue b/src/component/Popper.vue index 412817b..7a7780c 100644 --- a/src/component/Popper.vue +++ b/src/component/Popper.vue @@ -10,7 +10,7 @@ :style="triggerWrapperStyle" class="popper__trigger" @mouseover="hover && openPopper()" - @click="togglePopper" + @click="onTriggerClick" @focus="openPopper" @keyup.esc="closePopper" > @@ -208,6 +208,13 @@ type: [String, Object, Array], default: null, }, + /** + * Stops propagation of the event on clicking the trigger element. [Boolean] + */ + triggerStopPropagation: { + type: Boolean, + default: false, + }, /** * Class for the content wrapper. [String, Object, Array] */ @@ -258,6 +265,7 @@ boundary, boundaryPadding, container, + triggerStopPropagation, } = toRefs(props); const { isOpen, open, close, update } = usePopper({ @@ -316,6 +324,13 @@ isOpen.value ? closePopper() : openPopper(); }; + const onTriggerClick = (e) => { + togglePopper(); + if (triggerStopPropagation.value) { + e.stopPropagation(); + } + }; + /** * If Popper is open, we automatically close it if it becomes * disabled or without content. From 49768ef13430af2cc4f53962d2d0e31a5f61989a Mon Sep 17 00:00:00 2001 From: Andrey Krivko <1298360+jastkand@users.noreply.github.com> Date: Fri, 30 Sep 2022 03:38:06 +0600 Subject: [PATCH 15/22] Add customClickAwayMatcher prop --- dist/popper.esm.js | 23 ++++++++++++++++++----- dist/popper.min.js | 2 +- dist/popper.ssr.js | 23 ++++++++++++++++++----- src/component/Popper.vue | 14 ++++++++++---- src/composables/useClickAway.js | 15 +++++++++------ 5 files changed, 56 insertions(+), 21 deletions(-) diff --git a/dist/popper.esm.js b/dist/popper.esm.js index d8838ba..5e70ff8 100644 --- a/dist/popper.esm.js +++ b/dist/popper.esm.js @@ -88,13 +88,17 @@ function useEventListener(target, event, handler) { }); } -function useClickAway(targetContainer, targetContent, handler) { +function useClickAway(targetContainer, targetContent, customMatcherFn, handler) { const event = "pointerdown"; if (typeof window === "undefined" || !window) { return; } + const isClickInsideElement = (event, element) => { + return element === event.target || event.composedPath().includes(element); + }; + const listener = event => { const targetContainerEl = unref(targetContainer); const targetContentEl = unref(targetContent); @@ -103,7 +107,7 @@ function useClickAway(targetContainer, targetContent, handler) { return; } - if (targetContainerEl === event.target || targetContentEl === event.target || event.composedPath().includes(targetContainerEl) || event.composedPath().includes(targetContentEl)) { + if (isClickInsideElement(event, targetContainerEl) || isClickInsideElement(event, targetContentEl) || customMatcherFn && customMatcherFn(event)) { return; } @@ -2048,6 +2052,14 @@ var script = { default: false }, + /** + * A custom matcher function to stop clickaway handler + */ + customClickAwayMatcher: { + type: Function, + default: null + }, + /** * Offset in pixels along the trigger element */ @@ -2234,6 +2246,7 @@ var script = { closeDelay, content, disableClickAway, + customClickAwayMatcher, disabled, interactive, locked, @@ -2348,7 +2361,7 @@ var script = { watchEffect(() => { if (enableClickAway.value) { - useClickAway(popperContainerNode, popperNode, closePopper); + useClickAway(popperContainerNode, popperNode, customClickAwayMatcher.value, closePopper); } }); expose({ @@ -2400,10 +2413,10 @@ var script = { }; -var css_248z = "\n.popper[data-v-a8341b70] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-a8341b70]:hover,\n .popper:hover > .popper__arrow[data-v-a8341b70]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-a8341b70],\n .fade-leave-active[data-v-a8341b70] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-a8341b70],\n .fade-leave-to[data-v-a8341b70] {\n opacity: 0;\n}\n"; +var css_248z = "\n.popper[data-v-a0197972] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-a0197972]:hover,\n .popper:hover > .popper__arrow[data-v-a0197972]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-a0197972],\n .fade-leave-active[data-v-a0197972] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-a0197972],\n .fade-leave-to[data-v-a0197972] {\n opacity: 0;\n}\n"; styleInject(css_248z); -script.__scopeId = "data-v-a8341b70"; +script.__scopeId = "data-v-a0197972"; // IIFE injects install function into component, allowing component // to be registered via Vue.use() as well as Vue.component(), diff --git a/dist/popper.min.js b/dist/popper.min.js index 56e75b1..4ee5df6 100644 --- a/dist/popper.min.js +++ b/dist/popper.min.js @@ -1 +1 @@ -var Popper=function(e){"use strict";function t(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function r(e){for(var r=1;re.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0?n=setTimeout(u,t-c):(n=null,r||(p=e.apply(a,o),a=o=null))}null==t&&(t=100);var c=function(){a=this,o=arguments,i=Date.now();var c=r&&!n;return n||(n=setTimeout(u,t)),c&&(p=e.apply(a,o),a=o=null),p};return c.clear=function(){n&&(clearTimeout(n),n=null)},c.flush=function(){n&&(p=e.apply(a,o),a=o=null,clearTimeout(n),n=null)},c}s.debounce=s;var l=s;function f(t,r,n){if("undefined"!=typeof window&&window){return function(t,r,n){e.isRef(t)?e.watch(t,(function(e,t){null==t||t.removeEventListener(r,n),null==e||e.addEventListener(r,n)})):e.onMounted((function(){t.addEventListener(r,n)})),e.onBeforeUnmount((function(){var o;null===(o=e.unref(t))||void 0===o||o.removeEventListener(r,n)}))}(window,"pointerdown",(function(o){var a=e.unref(t),i=e.unref(r);(a||i)&&(a===o.target||i===o.target||o.composedPath().includes(a)||o.composedPath().includes(i)||n(o))}))}}function d(e,t){var r=e.getBoundingClientRect();return{width:r.width/1,height:r.height/1,top:r.top/1,right:r.right/1,bottom:r.bottom/1,left:r.left/1,x:r.left/1,y:r.top/1}}function v(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function m(e){var t=v(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function h(e){return e instanceof v(e).Element||e instanceof Element}function b(e){return e instanceof v(e).HTMLElement||e instanceof HTMLElement}function y(e){return"undefined"!=typeof ShadowRoot&&(e instanceof v(e).ShadowRoot||e instanceof ShadowRoot)}function g(e){return e?(e.nodeName||"").toLowerCase():null}function w(e){return((h(e)?e.ownerDocument:e.document)||window.document).documentElement}function x(e){return d(w(e)).left+m(e).scrollLeft}function O(e){return v(e).getComputedStyle(e)}function k(e){var t=O(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function S(e,t,r){void 0===r&&(r=!1);var n=b(t);b(t)&&function(e){var t=e.getBoundingClientRect(),r=t.width/e.offsetWidth||1,n=t.height/e.offsetHeight||1}(t);var o,a,i=w(t),p=d(e),u={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(n||!n&&!r)&&(("body"!==g(t)||k(i))&&(u=(o=t)!==v(o)&&b(o)?{scrollLeft:(a=o).scrollLeft,scrollTop:a.scrollTop}:m(o)),b(t)?((c=d(t)).x+=t.clientLeft,c.y+=t.clientTop):i&&(c.x=x(i))),{x:p.left+u.scrollLeft-c.x,y:p.top+u.scrollTop-c.y,width:p.width,height:p.height}}function j(e){var t=d(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function P(e){return"html"===g(e)?e:e.assignedSlot||e.parentNode||(y(e)?e.host:null)||w(e)}function E(e){return["html","body","#document"].indexOf(g(e))>=0?e.ownerDocument.body:b(e)&&k(e)?e:E(P(e))}function _(e,t){var r;void 0===t&&(t=[]);var n=E(e),o=n===(null==(r=e.ownerDocument)?void 0:r.body),a=v(n),i=o?[a].concat(a.visualViewport||[],k(n)?n:[]):n,p=t.concat(i);return o?p:p.concat(_(P(i)))}function D(e){return["table","td","th"].indexOf(g(e))>=0}function B(e){return b(e)&&"fixed"!==O(e).position?e.offsetParent:null}function A(e){for(var t=v(e),r=B(e);r&&D(r)&&"static"===O(r).position;)r=B(r);return r&&("html"===g(r)||"body"===g(r)&&"static"===O(r).position)?t:r||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&b(e)&&"fixed"===O(e).position)return null;for(var r=P(e);b(r)&&["html","body"].indexOf(g(r))<0;){var n=O(r);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return r;r=r.parentNode}return null}(e)||t}var C="top",T="bottom",L="right",N="left",M="auto",R=[C,T,L,N],W="start",I="end",H="viewport",V="popper",z=R.reduce((function(e,t){return e.concat([t+"-"+W,t+"-"+I])}),[]),q=[].concat(R,[M]).reduce((function(e,t){return e.concat([t,t+"-"+W,t+"-"+I])}),[]),U=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function $(e){var t=new Map,r=new Set,n=[];function o(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!r.has(e)){var n=t.get(e);n&&o(n)}})),n.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){r.has(e.name)||o(e)})),n}function F(e){return e.split("-")[0]}var K=Math.max,Y=Math.min,X=Math.round;function G(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&y(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function J(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Q(e,t){return t===H?J(function(e){var t=v(e),r=w(e),n=t.visualViewport,o=r.clientWidth,a=r.clientHeight,i=0,p=0;return n&&(o=n.width,a=n.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(i=n.offsetLeft,p=n.offsetTop)),{width:o,height:a,x:i+x(e),y:p}}(e)):b(t)?function(e){var t=d(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):J(function(e){var t,r=w(e),n=m(e),o=null==(t=e.ownerDocument)?void 0:t.body,a=K(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),i=K(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),p=-n.scrollLeft+x(e),u=-n.scrollTop;return"rtl"===O(o||r).direction&&(p+=K(r.clientWidth,o?o.clientWidth:0)-a),{width:a,height:i,x:p,y:u}}(w(e)))}function Z(e,t,r){var n="clippingParents"===t?function(e){var t=_(P(e)),r=["absolute","fixed"].indexOf(O(e).position)>=0&&b(e)?A(e):e;return h(r)?t.filter((function(e){return h(e)&&G(e,r)&&"body"!==g(e)})):[]}(e):[].concat(t),o=[].concat(n,[r]),a=o[0],i=o.reduce((function(t,r){var n=Q(e,r);return t.top=K(n.top,t.top),t.right=Y(n.right,t.right),t.bottom=Y(n.bottom,t.bottom),t.left=K(n.left,t.left),t}),Q(e,a));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}function ee(e){return e.split("-")[1]}function te(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function re(e){var t,r=e.reference,n=e.element,o=e.placement,a=o?F(o):null,i=o?ee(o):null,p=r.x+r.width/2-n.width/2,u=r.y+r.height/2-n.height/2;switch(a){case C:t={x:p,y:r.y-n.height};break;case T:t={x:p,y:r.y+r.height};break;case L:t={x:r.x+r.width,y:u};break;case N:t={x:r.x-n.width,y:u};break;default:t={x:r.x,y:r.y}}var c=a?te(a):null;if(null!=c){var s="y"===c?"height":"width";switch(i){case W:t[c]=t[c]-(r[s]/2-n[s]/2);break;case I:t[c]=t[c]+(r[s]/2-n[s]/2)}}return t}function ne(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function oe(e,t){return t.reduce((function(t,r){return t[r]=e,t}),{})}function ae(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=void 0===n?e.placement:n,a=r.boundary,i=void 0===a?"clippingParents":a,p=r.rootBoundary,u=void 0===p?H:p,c=r.elementContext,s=void 0===c?V:c,l=r.altBoundary,f=void 0!==l&&l,v=r.padding,m=void 0===v?0:v,b=ne("number"!=typeof m?m:oe(m,R)),y=s===V?"reference":V,g=e.rects.popper,x=e.elements[f?y:s],O=Z(h(x)?x:x.contextElement||w(e.elements.popper),i,u),k=d(e.elements.reference),S=re({reference:k,element:g,strategy:"absolute",placement:o}),j=J(Object.assign({},g,S)),P=s===V?j:k,E={top:O.top-P.top+b.top,bottom:P.bottom-O.bottom+b.bottom,left:O.left-P.left+b.left,right:P.right-O.right+b.right},_=e.modifiersData.offset;if(s===V&&_){var D=_[o];Object.keys(E).forEach((function(e){var t=[L,T].indexOf(e)>=0?1:-1,r=[C,T].indexOf(e)>=0?"y":"x";E[e]+=D[r]*t}))}return E}var ie={placement:"bottom",modifiers:[],strategy:"absolute"};function pe(){for(var e=arguments.length,t=new Array(e),r=0;r=0}));0===f.length&&(f=l);var d=f.reduce((function(t,r){return t[r]=ae(e,{placement:r,boundary:o,rootBoundary:a,padding:i})[F(r)],t}),{});return Object.keys(d).sort((function(e,t){return d[e]-d[t]}))}var we={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,a=void 0===o||o,i=r.altAxis,p=void 0===i||i,u=r.fallbackPlacements,c=r.padding,s=r.boundary,l=r.rootBoundary,f=r.altBoundary,d=r.flipVariations,v=void 0===d||d,m=r.allowedAutoPlacements,h=t.options.placement,b=F(h),y=u||(b===h||!v?[he(h)]:function(e){if(F(e)===M)return[];var t=he(e);return[ye(e),t,ye(t)]}(h)),g=[h].concat(y).reduce((function(e,r){return e.concat(F(r)===M?ge(t,{placement:r,boundary:s,rootBoundary:l,padding:c,flipVariations:v,allowedAutoPlacements:m}):r)}),[]),w=t.rects.reference,x=t.rects.popper,O=new Map,k=!0,S=g[0],j=0;j=0,B=D?"width":"height",A=ae(t,{placement:P,boundary:s,rootBoundary:l,altBoundary:f,padding:c}),R=D?_?L:N:_?T:C;w[B]>x[B]&&(R=he(R));var I=he(R),H=[];if(a&&H.push(A[E]<=0),p&&H.push(A[R]<=0,A[I]<=0),H.every((function(e){return e}))){S=P,k=!1;break}O.set(P,H)}if(k)for(var V=function(e){var t=g.find((function(t){var r=O.get(t);if(r)return r.slice(0,e).every((function(e){return e}))}));if(t)return S=t,"break"},z=v?3:1;z>0;z--){if("break"===V(z))break}t.placement!==S&&(t.modifiersData[n]._skip=!0,t.placement=S,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var xe={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.offset,a=void 0===o?[0,0]:o,i=q.reduce((function(e,r){return e[r]=function(e,t,r){var n=F(e),o=[N,C].indexOf(n)>=0?-1:1,a="function"==typeof r?r(Object.assign({},t,{placement:e})):r,i=a[0],p=a[1];return i=i||0,p=(p||0)*o,[N,L].indexOf(n)>=0?{x:p,y:i}:{x:i,y:p}}(r,t.rects,a),e}),{}),p=i[t.placement],u=p.x,c=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=u,t.modifiersData.popperOffsets.y+=c),t.modifiersData[n]=i}};var Oe={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,n=e.name,o=e.options,a=r.elements.arrow,i=r.modifiersData.popperOffsets,p=F(r.placement),u=te(p),c=[N,L].indexOf(p)>=0?"height":"width";if(a&&i){var s=function(e,t){return ne("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:oe(e,R))}(o.padding,r),l=j(a),f="y"===u?C:N,d="y"===u?T:L,v=r.rects.reference[c]+r.rects.reference[u]-i[u]-r.rects.popper[c],m=i[u]-r.rects.reference[u],h=A(a),b=h?"y"===u?h.clientHeight||0:h.clientWidth||0:0,y=v/2-m/2,g=s[f],w=b-l[c]-s[d],x=b/2-l[c]/2+y,O=de(g,x,w),k=u;r.modifiersData[n]=((t={})[k]=O,t.centerOffset=O-x,t)}},effect:function(e){var t=e.state,r=e.options.element,n=void 0===r?"[data-popper-arrow]":r;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&G(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},ke=function(e){return parseInt(e,10)};var Se={class:"popper__arrow","data-popper-arrow":""};function je(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}je('\n.popper__arrow[data-v-6591bbd2],\n .popper__arrow[data-v-6591bbd2]::before {\n transition: background 250ms ease-in-out;\n position: absolute;\n width: calc(10px - var(--popper-theme-border-width, 0px));\n height: calc(10px - var(--popper-theme-border-width, 0px));\n box-sizing: border-box;\n background: var(--popper-theme-background-color);\n}\n.popper__arrow[data-v-6591bbd2] {\n visibility: hidden;\n}\n.popper__arrow[data-v-6591bbd2]::before {\n visibility: visible;\n content: "";\n transform: rotate(45deg);\n}\n\n /* Top arrow */\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2] {\n bottom: -5px;\n}\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-bottom: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Bottom arrow */\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2] {\n top: -5px;\n}\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2]::before {\n border-left: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Left arrow */\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2] {\n right: -5px;\n}\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Right arrow */\n.popper[data-popper-placement^="right"] > .popper__arrow[data-v-6591bbd2] {\n left: -5px;\n}\n');var Pe={render:function(t,r){return e.openBlock(),e.createElementBlock("div",Se)},__scopeId:"data-v-6591bbd2"},Ee=Pe,_e={props:{to:String,disabled:Boolean},components:{Teleport:e.Teleport}};_e.render=function(t,r,n,o,a,i){return n.to?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:n.to,disabled:n.disabled},[e.renderSlot(t.$slots,"default")],8,["to","disabled"])):e.renderSlot(t.$slots,"default",{key:1})};var De=["onKeyup"],Be={__name:"Popper",props:{placement:{type:String,default:"bottom",validator:function(e){return["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"].includes(e)}},disableClickAway:{type:Boolean,default:!1},offsetSkid:{type:[Number,String],default:0},offsetDistance:{type:[Number,String],default:12},hover:{type:Boolean,default:!1},show:{type:Boolean,default:null},disabled:{type:Boolean,default:!1},openDelay:{type:[Number,String],default:0},closeDelay:{type:[Number,String],default:0},arrow:{type:Boolean,default:!1},arrowPadding:{type:[Number,String],default:0},interactive:{type:Boolean,default:!0},locked:{type:Boolean,default:!1},content:{type:String,default:null},boundary:{default:null},boundaryPadding:{type:[Number,String],default:5},container:{type:String,default:null},triggerWrapperClass:{type:[String,Object,Array],default:null},triggerWrapperStyle:{type:[String,Object,Array],default:null},triggerStopPropagation:{type:Boolean,default:!1},contentWrapperClass:{type:[String,Object,Array],default:null},contentWrapperStyle:{type:[String,Object,Array],default:null}},emits:["open:popper","close:popper"],setup:function(t,n){var a=n.expose,u=n.emit,c=t,s=e.useSlots(),d=e.ref(null),v=e.ref(null),m=e.ref(null),h=e.ref(!1),b=e.ref(!1);e.onMounted((function(){var e=s.default();if(e&&e.length>1)return console.error("[Popper]: The component expects only one child element at its root. You passed ".concat(e.length," child nodes."));b.value=!0}));var y=e.toRefs(c),g=y.arrowPadding,w=y.closeDelay,x=y.content,O=y.disableClickAway,k=y.disabled,S=y.interactive,j=y.locked,P=y.offsetDistance,E=y.offsetSkid,_=y.openDelay,D=y.placement,B=y.show,A=y.boundary,C=y.boundaryPadding,T=y.container,L=y.triggerStopPropagation,N=function(t){var n=t.arrowPadding,a=t.emit,u=t.locked,c=t.offsetDistance,s=t.offsetSkid,l=t.placement,f=t.popperNode,d=t.triggerNode,v=t.boundary,m=t.boundaryPadding,h=e.reactive({isOpen:!1,popperInstance:null}),b=function(e){var t;null===(t=h.popperInstance)||void 0===t||t.setOptions((function(t){return r(r({},t),{},{modifiers:[].concat(p(t.modifiers),[{name:"eventListeners",enabled:e}])})}))};e.watch([function(){return h.isOpen},l],function(){var e=o(regeneratorRuntime.mark((function e(t){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!i(t,1)[0]){e.next=7;break}return e.next=4,w();case 4:b(!0),e.next=8;break;case 7:b(!1);case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}());var y=[];if(v.value){var g={boundary:"string"==typeof v.value?document.querySelector(v.value):v.value};m.value&&(g.padding=ke(m.value)),y.push({name:"preventOverflow",options:g})}var w=function(){var t=o(regeneratorRuntime.mark((function t(){var r;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.nextTick();case 2:return r={placement:l.value,modifiers:[ve].concat(y,[we,{name:"flip",enabled:!u.value},Oe,{name:"arrow",options:{padding:ke(n.value)}},xe,{name:"offset",options:{offset:[ke(s.value),ke(c.value)]}}])},h.popperInstance=fe(d.value,f.value,r),t.next=6,h.popperInstance.update();case 6:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();return e.onBeforeUnmount((function(){var e;null===(e=h.popperInstance)||void 0===e||e.destroy()})),r(r({},e.toRefs(h)),{},{open:function(){h.isOpen||(h.isOpen=!0,a("open:popper"))},close:function(){h.isOpen&&(h.isOpen=!1,a("close:popper"))},update:function(){h.popperInstance?h.popperInstance.update():w()}})}({arrowPadding:g,emit:u,locked:j,offsetDistance:P,offsetSkid:E,placement:D,popperNode:v,triggerNode:m,boundary:A,boundaryPadding:C}),M=N.isOpen,R=N.open,W=N.close,I=N.update,H=function(t,r,n){var o=null,a=e.ref(!1);e.onMounted((function(){(void 0!==t.content||n.value)&&(a.value=!0)})),e.onBeforeUnmount((function(){o&&o.disconnect()})),e.watch(r,(function(e){o||(o=new MutationObserver(i)).observe(e,{childList:!0,subtree:!0})})),e.watch(n,(function(e){a.value=!!e}));var i=function(){t.content?a.value=!0:a.value=!1};return{hasContent:a}}(s,v,x),V=H.hasContent,z=e.computed((function(){return null!==B.value})),q=e.computed((function(){return k.value||!V.value})),U=e.computed((function(){return M.value&&!q.value})),$=e.computed((function(){return!O.value&&!z.value})),F=e.computed((function(){return S.value?"border: ".concat(P.value,"px solid transparent; margin: -").concat(P.value,"px;"):null})),K=l.debounce(R,_.value),Y=l.debounce(W,w.value),X=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!q.value&&!z.value){e.next=2;break}return e.abrupt("return");case 2:Y.clear(),K();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),G=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!z.value){e.next=2;break}return e.abrupt("return");case 2:K.clear(),Y();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),J=I,Q=function(){M.value?G():X()},Z=function(e){Q(),L.value&&e.stopPropagation()};return e.watch([V,k],(function(e){var t=i(e,2),r=t[0],n=t[1];!M.value||r&&!n||W()})),e.watch(M,(function(e){e?h.value=!0:l.debounce((function(){h.value=!1}),200)})),e.watchEffect((function(){z.value&&(B.value?K():Y())})),e.watchEffect((function(){$.value&&f(d,v,G)})),a({openPopper:X,closePopper:G,togglePopper:Q,updatePopper:J}),function(r,n){return e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(e.unref(F)),onMouseleave:n[2]||(n[2]=function(e){return t.hover&&G()}),ref_key:"popperContainerNode",ref:d},[e.createElementVNode("div",{ref_key:"triggerNode",ref:m,class:e.normalizeClass([t.triggerWrapperClass,"popper__trigger"]),style:e.normalizeStyle(t.triggerWrapperStyle),onMouseover:n[0]||(n[0]=function(e){return t.hover&&X()}),onClick:Z,onFocus:X,onKeyup:e.withKeys(G,["esc"])},[e.renderSlot(r.$slots,"default")],46,De),b.value?(e.openBlock(),e.createBlock(_e,{key:0,to:e.unref(T)},{default:e.withCtx((function(){return[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx((function(){return[e.withDirectives(e.createElementVNode("div",{onClick:n[1]||(n[1]=function(t){return!e.unref(S)&&G()}),class:e.normalizeClass(["popper",t.contentWrapperClass]),style:e.normalizeStyle(t.contentWrapperStyle),ref_key:"popperNode",ref:v},[e.renderSlot(r.$slots,"content",{close:e.unref(W),isOpen:h.value},(function(){return[e.createTextVNode(e.toDisplayString(e.unref(x)),1)]})),t.arrow?(e.openBlock(),e.createBlock(Ee,{key:0})):e.createCommentVNode("",!0)],6),[[e.vShow,e.unref(U)]])]})),_:3})]})),_:3},8,["to"])):e.createCommentVNode("",!0)],36)}}};je("\n.popper[data-v-a8341b70] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-a8341b70]:hover,\n .popper:hover > .popper__arrow[data-v-a8341b70]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-a8341b70],\n .fade-leave-active[data-v-a8341b70] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-a8341b70],\n .fade-leave-to[data-v-a8341b70] {\n opacity: 0;\n}\n"),Be.__scopeId="data-v-a8341b70";var Ae=function(){var e=Be;return e.install=function(t){t.component("Popper",e)},e}(),Ce=Object.freeze({__proto__:null,default:Ae});return Object.entries(Ce).forEach((function(e){var t=i(e,2),r=t[0],n=t[1];"default"!==r&&(Ae[r]=n)})),Ae}(Vue); \ No newline at end of file +var Popper=function(e){"use strict";function t(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function r(e){for(var r=1;re.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0?n=setTimeout(u,t-c):(n=null,r||(p=e.apply(a,o),a=o=null))}null==t&&(t=100);var c=function(){a=this,o=arguments,i=Date.now();var c=r&&!n;return n||(n=setTimeout(u,t)),c&&(p=e.apply(a,o),a=o=null),p};return c.clear=function(){n&&(clearTimeout(n),n=null)},c.flush=function(){n&&(p=e.apply(a,o),a=o=null,clearTimeout(n),n=null)},c}s.debounce=s;var l=s;function f(t,r,n,o){if("undefined"!=typeof window&&window){var a=function(e,t){return t===e.target||e.composedPath().includes(t)};return function(t,r,n){e.isRef(t)?e.watch(t,(function(e,t){null==t||t.removeEventListener(r,n),null==e||e.addEventListener(r,n)})):e.onMounted((function(){t.addEventListener(r,n)})),e.onBeforeUnmount((function(){var o;null===(o=e.unref(t))||void 0===o||o.removeEventListener(r,n)}))}(window,"pointerdown",(function(i){var p=e.unref(t),u=e.unref(r);(p||u)&&(a(i,p)||a(i,u)||n&&n(i)||o(i))}))}}function d(e,t){var r=e.getBoundingClientRect();return{width:r.width/1,height:r.height/1,top:r.top/1,right:r.right/1,bottom:r.bottom/1,left:r.left/1,x:r.left/1,y:r.top/1}}function v(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function m(e){var t=v(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function h(e){return e instanceof v(e).Element||e instanceof Element}function b(e){return e instanceof v(e).HTMLElement||e instanceof HTMLElement}function y(e){return"undefined"!=typeof ShadowRoot&&(e instanceof v(e).ShadowRoot||e instanceof ShadowRoot)}function g(e){return e?(e.nodeName||"").toLowerCase():null}function w(e){return((h(e)?e.ownerDocument:e.document)||window.document).documentElement}function x(e){return d(w(e)).left+m(e).scrollLeft}function O(e){return v(e).getComputedStyle(e)}function k(e){var t=O(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function S(e,t,r){void 0===r&&(r=!1);var n=b(t);b(t)&&function(e){var t=e.getBoundingClientRect(),r=t.width/e.offsetWidth||1,n=t.height/e.offsetHeight||1}(t);var o,a,i=w(t),p=d(e),u={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(n||!n&&!r)&&(("body"!==g(t)||k(i))&&(u=(o=t)!==v(o)&&b(o)?{scrollLeft:(a=o).scrollLeft,scrollTop:a.scrollTop}:m(o)),b(t)?((c=d(t)).x+=t.clientLeft,c.y+=t.clientTop):i&&(c.x=x(i))),{x:p.left+u.scrollLeft-c.x,y:p.top+u.scrollTop-c.y,width:p.width,height:p.height}}function j(e){var t=d(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function P(e){return"html"===g(e)?e:e.assignedSlot||e.parentNode||(y(e)?e.host:null)||w(e)}function E(e){return["html","body","#document"].indexOf(g(e))>=0?e.ownerDocument.body:b(e)&&k(e)?e:E(P(e))}function _(e,t){var r;void 0===t&&(t=[]);var n=E(e),o=n===(null==(r=e.ownerDocument)?void 0:r.body),a=v(n),i=o?[a].concat(a.visualViewport||[],k(n)?n:[]):n,p=t.concat(i);return o?p:p.concat(_(P(i)))}function D(e){return["table","td","th"].indexOf(g(e))>=0}function B(e){return b(e)&&"fixed"!==O(e).position?e.offsetParent:null}function A(e){for(var t=v(e),r=B(e);r&&D(r)&&"static"===O(r).position;)r=B(r);return r&&("html"===g(r)||"body"===g(r)&&"static"===O(r).position)?t:r||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&b(e)&&"fixed"===O(e).position)return null;for(var r=P(e);b(r)&&["html","body"].indexOf(g(r))<0;){var n=O(r);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return r;r=r.parentNode}return null}(e)||t}var C="top",T="bottom",L="right",M="left",N="auto",R=[C,T,L,M],W="start",I="end",H="viewport",V="popper",z=R.reduce((function(e,t){return e.concat([t+"-"+W,t+"-"+I])}),[]),q=[].concat(R,[N]).reduce((function(e,t){return e.concat([t,t+"-"+W,t+"-"+I])}),[]),U=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function $(e){var t=new Map,r=new Set,n=[];function o(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!r.has(e)){var n=t.get(e);n&&o(n)}})),n.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){r.has(e.name)||o(e)})),n}function F(e){return e.split("-")[0]}var K=Math.max,Y=Math.min,X=Math.round;function G(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&y(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function J(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Q(e,t){return t===H?J(function(e){var t=v(e),r=w(e),n=t.visualViewport,o=r.clientWidth,a=r.clientHeight,i=0,p=0;return n&&(o=n.width,a=n.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(i=n.offsetLeft,p=n.offsetTop)),{width:o,height:a,x:i+x(e),y:p}}(e)):b(t)?function(e){var t=d(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):J(function(e){var t,r=w(e),n=m(e),o=null==(t=e.ownerDocument)?void 0:t.body,a=K(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),i=K(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),p=-n.scrollLeft+x(e),u=-n.scrollTop;return"rtl"===O(o||r).direction&&(p+=K(r.clientWidth,o?o.clientWidth:0)-a),{width:a,height:i,x:p,y:u}}(w(e)))}function Z(e,t,r){var n="clippingParents"===t?function(e){var t=_(P(e)),r=["absolute","fixed"].indexOf(O(e).position)>=0&&b(e)?A(e):e;return h(r)?t.filter((function(e){return h(e)&&G(e,r)&&"body"!==g(e)})):[]}(e):[].concat(t),o=[].concat(n,[r]),a=o[0],i=o.reduce((function(t,r){var n=Q(e,r);return t.top=K(n.top,t.top),t.right=Y(n.right,t.right),t.bottom=Y(n.bottom,t.bottom),t.left=K(n.left,t.left),t}),Q(e,a));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}function ee(e){return e.split("-")[1]}function te(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function re(e){var t,r=e.reference,n=e.element,o=e.placement,a=o?F(o):null,i=o?ee(o):null,p=r.x+r.width/2-n.width/2,u=r.y+r.height/2-n.height/2;switch(a){case C:t={x:p,y:r.y-n.height};break;case T:t={x:p,y:r.y+r.height};break;case L:t={x:r.x+r.width,y:u};break;case M:t={x:r.x-n.width,y:u};break;default:t={x:r.x,y:r.y}}var c=a?te(a):null;if(null!=c){var s="y"===c?"height":"width";switch(i){case W:t[c]=t[c]-(r[s]/2-n[s]/2);break;case I:t[c]=t[c]+(r[s]/2-n[s]/2)}}return t}function ne(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function oe(e,t){return t.reduce((function(t,r){return t[r]=e,t}),{})}function ae(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=void 0===n?e.placement:n,a=r.boundary,i=void 0===a?"clippingParents":a,p=r.rootBoundary,u=void 0===p?H:p,c=r.elementContext,s=void 0===c?V:c,l=r.altBoundary,f=void 0!==l&&l,v=r.padding,m=void 0===v?0:v,b=ne("number"!=typeof m?m:oe(m,R)),y=s===V?"reference":V,g=e.rects.popper,x=e.elements[f?y:s],O=Z(h(x)?x:x.contextElement||w(e.elements.popper),i,u),k=d(e.elements.reference),S=re({reference:k,element:g,strategy:"absolute",placement:o}),j=J(Object.assign({},g,S)),P=s===V?j:k,E={top:O.top-P.top+b.top,bottom:P.bottom-O.bottom+b.bottom,left:O.left-P.left+b.left,right:P.right-O.right+b.right},_=e.modifiersData.offset;if(s===V&&_){var D=_[o];Object.keys(E).forEach((function(e){var t=[L,T].indexOf(e)>=0?1:-1,r=[C,T].indexOf(e)>=0?"y":"x";E[e]+=D[r]*t}))}return E}var ie={placement:"bottom",modifiers:[],strategy:"absolute"};function pe(){for(var e=arguments.length,t=new Array(e),r=0;r=0}));0===f.length&&(f=l);var d=f.reduce((function(t,r){return t[r]=ae(e,{placement:r,boundary:o,rootBoundary:a,padding:i})[F(r)],t}),{});return Object.keys(d).sort((function(e,t){return d[e]-d[t]}))}var we={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,a=void 0===o||o,i=r.altAxis,p=void 0===i||i,u=r.fallbackPlacements,c=r.padding,s=r.boundary,l=r.rootBoundary,f=r.altBoundary,d=r.flipVariations,v=void 0===d||d,m=r.allowedAutoPlacements,h=t.options.placement,b=F(h),y=u||(b===h||!v?[he(h)]:function(e){if(F(e)===N)return[];var t=he(e);return[ye(e),t,ye(t)]}(h)),g=[h].concat(y).reduce((function(e,r){return e.concat(F(r)===N?ge(t,{placement:r,boundary:s,rootBoundary:l,padding:c,flipVariations:v,allowedAutoPlacements:m}):r)}),[]),w=t.rects.reference,x=t.rects.popper,O=new Map,k=!0,S=g[0],j=0;j=0,B=D?"width":"height",A=ae(t,{placement:P,boundary:s,rootBoundary:l,altBoundary:f,padding:c}),R=D?_?L:M:_?T:C;w[B]>x[B]&&(R=he(R));var I=he(R),H=[];if(a&&H.push(A[E]<=0),p&&H.push(A[R]<=0,A[I]<=0),H.every((function(e){return e}))){S=P,k=!1;break}O.set(P,H)}if(k)for(var V=function(e){var t=g.find((function(t){var r=O.get(t);if(r)return r.slice(0,e).every((function(e){return e}))}));if(t)return S=t,"break"},z=v?3:1;z>0;z--){if("break"===V(z))break}t.placement!==S&&(t.modifiersData[n]._skip=!0,t.placement=S,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var xe={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.offset,a=void 0===o?[0,0]:o,i=q.reduce((function(e,r){return e[r]=function(e,t,r){var n=F(e),o=[M,C].indexOf(n)>=0?-1:1,a="function"==typeof r?r(Object.assign({},t,{placement:e})):r,i=a[0],p=a[1];return i=i||0,p=(p||0)*o,[M,L].indexOf(n)>=0?{x:p,y:i}:{x:i,y:p}}(r,t.rects,a),e}),{}),p=i[t.placement],u=p.x,c=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=u,t.modifiersData.popperOffsets.y+=c),t.modifiersData[n]=i}};var Oe={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,n=e.name,o=e.options,a=r.elements.arrow,i=r.modifiersData.popperOffsets,p=F(r.placement),u=te(p),c=[M,L].indexOf(p)>=0?"height":"width";if(a&&i){var s=function(e,t){return ne("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:oe(e,R))}(o.padding,r),l=j(a),f="y"===u?C:M,d="y"===u?T:L,v=r.rects.reference[c]+r.rects.reference[u]-i[u]-r.rects.popper[c],m=i[u]-r.rects.reference[u],h=A(a),b=h?"y"===u?h.clientHeight||0:h.clientWidth||0:0,y=v/2-m/2,g=s[f],w=b-l[c]-s[d],x=b/2-l[c]/2+y,O=de(g,x,w),k=u;r.modifiersData[n]=((t={})[k]=O,t.centerOffset=O-x,t)}},effect:function(e){var t=e.state,r=e.options.element,n=void 0===r?"[data-popper-arrow]":r;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&G(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},ke=function(e){return parseInt(e,10)};var Se={class:"popper__arrow","data-popper-arrow":""};function je(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}je('\n.popper__arrow[data-v-6591bbd2],\n .popper__arrow[data-v-6591bbd2]::before {\n transition: background 250ms ease-in-out;\n position: absolute;\n width: calc(10px - var(--popper-theme-border-width, 0px));\n height: calc(10px - var(--popper-theme-border-width, 0px));\n box-sizing: border-box;\n background: var(--popper-theme-background-color);\n}\n.popper__arrow[data-v-6591bbd2] {\n visibility: hidden;\n}\n.popper__arrow[data-v-6591bbd2]::before {\n visibility: visible;\n content: "";\n transform: rotate(45deg);\n}\n\n /* Top arrow */\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2] {\n bottom: -5px;\n}\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-bottom: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Bottom arrow */\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2] {\n top: -5px;\n}\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2]::before {\n border-left: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Left arrow */\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2] {\n right: -5px;\n}\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Right arrow */\n.popper[data-popper-placement^="right"] > .popper__arrow[data-v-6591bbd2] {\n left: -5px;\n}\n');var Pe={render:function(t,r){return e.openBlock(),e.createElementBlock("div",Se)},__scopeId:"data-v-6591bbd2"},Ee=Pe,_e={props:{to:String,disabled:Boolean},components:{Teleport:e.Teleport}};_e.render=function(t,r,n,o,a,i){return n.to?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:n.to,disabled:n.disabled},[e.renderSlot(t.$slots,"default")],8,["to","disabled"])):e.renderSlot(t.$slots,"default",{key:1})};var De=["onKeyup"],Be={__name:"Popper",props:{placement:{type:String,default:"bottom",validator:function(e){return["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"].includes(e)}},disableClickAway:{type:Boolean,default:!1},customClickAwayMatcher:{type:Function,default:null},offsetSkid:{type:[Number,String],default:0},offsetDistance:{type:[Number,String],default:12},hover:{type:Boolean,default:!1},show:{type:Boolean,default:null},disabled:{type:Boolean,default:!1},openDelay:{type:[Number,String],default:0},closeDelay:{type:[Number,String],default:0},arrow:{type:Boolean,default:!1},arrowPadding:{type:[Number,String],default:0},interactive:{type:Boolean,default:!0},locked:{type:Boolean,default:!1},content:{type:String,default:null},boundary:{default:null},boundaryPadding:{type:[Number,String],default:5},container:{type:String,default:null},triggerWrapperClass:{type:[String,Object,Array],default:null},triggerWrapperStyle:{type:[String,Object,Array],default:null},triggerStopPropagation:{type:Boolean,default:!1},contentWrapperClass:{type:[String,Object,Array],default:null},contentWrapperStyle:{type:[String,Object,Array],default:null}},emits:["open:popper","close:popper"],setup:function(t,n){var a=n.expose,u=n.emit,c=t,s=e.useSlots(),d=e.ref(null),v=e.ref(null),m=e.ref(null),h=e.ref(!1),b=e.ref(!1);e.onMounted((function(){var e=s.default();if(e&&e.length>1)return console.error("[Popper]: The component expects only one child element at its root. You passed ".concat(e.length," child nodes."));b.value=!0}));var y=e.toRefs(c),g=y.arrowPadding,w=y.closeDelay,x=y.content,O=y.disableClickAway,k=y.customClickAwayMatcher,S=y.disabled,j=y.interactive,P=y.locked,E=y.offsetDistance,_=y.offsetSkid,D=y.openDelay,B=y.placement,A=y.show,C=y.boundary,T=y.boundaryPadding,L=y.container,M=y.triggerStopPropagation,N=function(t){var n=t.arrowPadding,a=t.emit,u=t.locked,c=t.offsetDistance,s=t.offsetSkid,l=t.placement,f=t.popperNode,d=t.triggerNode,v=t.boundary,m=t.boundaryPadding,h=e.reactive({isOpen:!1,popperInstance:null}),b=function(e){var t;null===(t=h.popperInstance)||void 0===t||t.setOptions((function(t){return r(r({},t),{},{modifiers:[].concat(p(t.modifiers),[{name:"eventListeners",enabled:e}])})}))};e.watch([function(){return h.isOpen},l],function(){var e=o(regeneratorRuntime.mark((function e(t){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!i(t,1)[0]){e.next=7;break}return e.next=4,w();case 4:b(!0),e.next=8;break;case 7:b(!1);case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}());var y=[];if(v.value){var g={boundary:"string"==typeof v.value?document.querySelector(v.value):v.value};m.value&&(g.padding=ke(m.value)),y.push({name:"preventOverflow",options:g})}var w=function(){var t=o(regeneratorRuntime.mark((function t(){var r;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.nextTick();case 2:return r={placement:l.value,modifiers:[ve].concat(y,[we,{name:"flip",enabled:!u.value},Oe,{name:"arrow",options:{padding:ke(n.value)}},xe,{name:"offset",options:{offset:[ke(s.value),ke(c.value)]}}])},h.popperInstance=fe(d.value,f.value,r),t.next=6,h.popperInstance.update();case 6:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();return e.onBeforeUnmount((function(){var e;null===(e=h.popperInstance)||void 0===e||e.destroy()})),r(r({},e.toRefs(h)),{},{open:function(){h.isOpen||(h.isOpen=!0,a("open:popper"))},close:function(){h.isOpen&&(h.isOpen=!1,a("close:popper"))},update:function(){h.popperInstance?h.popperInstance.update():w()}})}({arrowPadding:g,emit:u,locked:P,offsetDistance:E,offsetSkid:_,placement:B,popperNode:v,triggerNode:m,boundary:C,boundaryPadding:T}),R=N.isOpen,W=N.open,I=N.close,H=N.update,V=function(t,r,n){var o=null,a=e.ref(!1);e.onMounted((function(){(void 0!==t.content||n.value)&&(a.value=!0)})),e.onBeforeUnmount((function(){o&&o.disconnect()})),e.watch(r,(function(e){o||(o=new MutationObserver(i)).observe(e,{childList:!0,subtree:!0})})),e.watch(n,(function(e){a.value=!!e}));var i=function(){t.content?a.value=!0:a.value=!1};return{hasContent:a}}(s,v,x),z=V.hasContent,q=e.computed((function(){return null!==A.value})),U=e.computed((function(){return S.value||!z.value})),$=e.computed((function(){return R.value&&!U.value})),F=e.computed((function(){return!O.value&&!q.value})),K=e.computed((function(){return j.value?"border: ".concat(E.value,"px solid transparent; margin: -").concat(E.value,"px;"):null})),Y=l.debounce(W,D.value),X=l.debounce(I,w.value),G=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!U.value&&!q.value){e.next=2;break}return e.abrupt("return");case 2:X.clear(),Y();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),J=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!q.value){e.next=2;break}return e.abrupt("return");case 2:Y.clear(),X();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),Q=H,Z=function(){R.value?J():G()},ee=function(e){Z(),M.value&&e.stopPropagation()};return e.watch([z,S],(function(e){var t=i(e,2),r=t[0],n=t[1];!R.value||r&&!n||I()})),e.watch(R,(function(e){e?h.value=!0:l.debounce((function(){h.value=!1}),200)})),e.watchEffect((function(){q.value&&(A.value?Y():X())})),e.watchEffect((function(){F.value&&f(d,v,k.value,J)})),a({openPopper:G,closePopper:J,togglePopper:Z,updatePopper:Q}),function(r,n){return e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(e.unref(K)),onMouseleave:n[2]||(n[2]=function(e){return t.hover&&J()}),ref_key:"popperContainerNode",ref:d},[e.createElementVNode("div",{ref_key:"triggerNode",ref:m,class:e.normalizeClass([t.triggerWrapperClass,"popper__trigger"]),style:e.normalizeStyle(t.triggerWrapperStyle),onMouseover:n[0]||(n[0]=function(e){return t.hover&&G()}),onClick:ee,onFocus:G,onKeyup:e.withKeys(J,["esc"])},[e.renderSlot(r.$slots,"default")],46,De),b.value?(e.openBlock(),e.createBlock(_e,{key:0,to:e.unref(L)},{default:e.withCtx((function(){return[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx((function(){return[e.withDirectives(e.createElementVNode("div",{onClick:n[1]||(n[1]=function(t){return!e.unref(j)&&J()}),class:e.normalizeClass(["popper",t.contentWrapperClass]),style:e.normalizeStyle(t.contentWrapperStyle),ref_key:"popperNode",ref:v},[e.renderSlot(r.$slots,"content",{close:e.unref(I),isOpen:h.value},(function(){return[e.createTextVNode(e.toDisplayString(e.unref(x)),1)]})),t.arrow?(e.openBlock(),e.createBlock(Ee,{key:0})):e.createCommentVNode("",!0)],6),[[e.vShow,e.unref($)]])]})),_:3})]})),_:3},8,["to"])):e.createCommentVNode("",!0)],36)}}};je("\n.popper[data-v-a0197972] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-a0197972]:hover,\n .popper:hover > .popper__arrow[data-v-a0197972]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-a0197972],\n .fade-leave-active[data-v-a0197972] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-a0197972],\n .fade-leave-to[data-v-a0197972] {\n opacity: 0;\n}\n"),Be.__scopeId="data-v-a0197972";var Ae=function(){var e=Be;return e.install=function(t){t.component("Popper",e)},e}(),Ce=Object.freeze({__proto__:null,default:Ae});return Object.entries(Ce).forEach((function(e){var t=i(e,2),r=t[0],n=t[1];"default"!==r&&(Ae[r]=n)})),Ae}(Vue); \ No newline at end of file diff --git a/dist/popper.ssr.js b/dist/popper.ssr.js index 4e712e1..9a963a3 100644 --- a/dist/popper.ssr.js +++ b/dist/popper.ssr.js @@ -244,13 +244,17 @@ var debounce_1 = debounce$1;function useEventListener(target, event, handler) { (_unref = vue.unref(target)) === null || _unref === void 0 ? void 0 : _unref.removeEventListener(event, handler); }); -}function useClickAway(targetContainer, targetContent, handler) { +}function useClickAway(targetContainer, targetContent, customMatcherFn, handler) { var event = "pointerdown"; if (typeof window === "undefined" || !window) { return; } + var isClickInsideElement = function isClickInsideElement(event, element) { + return element === event.target || event.composedPath().includes(element); + }; + var listener = function listener(event) { var targetContainerEl = vue.unref(targetContainer); var targetContentEl = vue.unref(targetContent); @@ -259,7 +263,7 @@ var debounce_1 = debounce$1;function useEventListener(target, event, handler) { return; } - if (targetContainerEl === event.target || targetContentEl === event.target || event.composedPath().includes(targetContainerEl) || event.composedPath().includes(targetContentEl)) { + if (isClickInsideElement(event, targetContainerEl) || isClickInsideElement(event, targetContentEl) || customMatcherFn && customMatcherFn(event)) { return; } @@ -2144,6 +2148,14 @@ var script = { default: false }, + /** + * A custom matcher function to stop clickaway handler + */ + customClickAwayMatcher: { + type: Function, + default: null + }, + /** * Offset in pixels along the trigger element */ @@ -2329,6 +2341,7 @@ var script = { closeDelay = _toRefs.closeDelay, content = _toRefs.content, disableClickAway = _toRefs.disableClickAway, + customClickAwayMatcher = _toRefs.customClickAwayMatcher, disabled = _toRefs.disabled, interactive = _toRefs.interactive, locked = _toRefs.locked, @@ -2499,7 +2512,7 @@ var script = { vue.watchEffect(function () { if (enableClickAway.value) { - useClickAway(popperContainerNode, popperNode, closePopper); + useClickAway(popperContainerNode, popperNode, customClickAwayMatcher.value, closePopper); } }); expose({ @@ -2560,8 +2573,8 @@ var script = { }, 8, ["to"])) : vue.createCommentVNode("", true)], 36); }; } -};var css_248z = "\n.popper[data-v-a8341b70] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-a8341b70]:hover,\n .popper:hover > .popper__arrow[data-v-a8341b70]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-a8341b70],\n .fade-leave-active[data-v-a8341b70] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-a8341b70],\n .fade-leave-to[data-v-a8341b70] {\n opacity: 0;\n}\n"; -styleInject(css_248z);script.__scopeId = "data-v-a8341b70";// IIFE injects install function into component, allowing component +};var css_248z = "\n.popper[data-v-a0197972] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-a0197972]:hover,\n .popper:hover > .popper__arrow[data-v-a0197972]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-a0197972],\n .fade-leave-active[data-v-a0197972] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-a0197972],\n .fade-leave-to[data-v-a0197972] {\n opacity: 0;\n}\n"; +styleInject(css_248z);script.__scopeId = "data-v-a0197972";// IIFE injects install function into component, allowing component // to be registered via Vue.use() as well as Vue.component(), var component = /*#__PURE__*/(function () { diff --git a/src/component/Popper.vue b/src/component/Popper.vue index 7a7780c..6287ab4 100644 --- a/src/component/Popper.vue +++ b/src/component/Popper.vue @@ -90,6 +90,13 @@ type: Boolean, default: false, }, + /** + * A custom matcher function to stop clickaway handler + */ + customClickAwayMatcher: { + type: Function, + default: null, + }, /** * Offset in pixels along the trigger element */ @@ -254,6 +261,7 @@ closeDelay, content, disableClickAway, + customClickAwayMatcher, disabled, interactive, locked, @@ -286,9 +294,7 @@ const manualMode = computed(() => show.value !== null); const invalid = computed(() => disabled.value || !hasContent.value); const shouldShowPopper = computed(() => isOpen.value && !invalid.value); - const enableClickAway = computed( - () => !disableClickAway.value && !manualMode.value, - ); + const enableClickAway = computed(() => !disableClickAway.value && !manualMode.value); // Add an invisible border to keep the Popper open when hovering from the trigger into it const interactiveStyle = computed(() => @@ -370,7 +376,7 @@ */ watchEffect(() => { if (enableClickAway.value) { - useClickAway(popperContainerNode, popperNode, closePopper); + useClickAway(popperContainerNode, popperNode, customClickAwayMatcher.value, closePopper); } }); diff --git a/src/composables/useClickAway.js b/src/composables/useClickAway.js index 082f174..1632327 100644 --- a/src/composables/useClickAway.js +++ b/src/composables/useClickAway.js @@ -1,14 +1,18 @@ import { unref } from "vue"; import useEventListener from "./useEventListener"; -export default function useClickAway(targetContainer, targetContent, handler) { +export default function useClickAway(targetContainer, targetContent, customMatcherFn, handler) { const event = "pointerdown"; if (typeof window === "undefined" || !window) { return; } - const listener = event => { + const isClickInsideElement = (event, element) => { + return element === event.target || event.composedPath().includes(element); + }; + + const listener = (event) => { const targetContainerEl = unref(targetContainer); const targetContentEl = unref(targetContent); if (!targetContainerEl && !targetContentEl) { @@ -16,10 +20,9 @@ export default function useClickAway(targetContainer, targetContent, handler) { } if ( - targetContainerEl === event.target || - targetContentEl === event.target || - event.composedPath().includes(targetContainerEl) || - event.composedPath().includes(targetContentEl) + isClickInsideElement(event, targetContainerEl) || + isClickInsideElement(event, targetContentEl) || + (customMatcherFn && customMatcherFn(event)) ) { return; } From 733c8f7cc8a6936e0a1342c2b841733599f4cc01 Mon Sep 17 00:00:00 2001 From: Andrey Krivko <1298360+jastkand@users.noreply.github.com> Date: Fri, 30 Sep 2022 20:22:37 +0600 Subject: [PATCH 16/22] Remove check for content existence --- src/component/Popper.vue | 13 ++++----- src/composables/useContent.js | 53 ----------------------------------- 2 files changed, 5 insertions(+), 61 deletions(-) delete mode 100644 src/composables/useContent.js diff --git a/src/component/Popper.vue b/src/component/Popper.vue index 6287ab4..4472fab 100644 --- a/src/component/Popper.vue +++ b/src/component/Popper.vue @@ -50,7 +50,7 @@ onMounted, defineExpose, } from "vue"; - import { usePopper, useContent, useClickAway } from "@/composables"; + import { usePopper, useClickAway } from "@/composables"; import Arrow from "./Arrow.vue"; import OptionalTeleport from "./OptionalTeleport.vue"; @@ -289,11 +289,8 @@ boundaryPadding, }); - const { hasContent } = useContent(slots, popperNode, content); - const manualMode = computed(() => show.value !== null); - const invalid = computed(() => disabled.value || !hasContent.value); - const shouldShowPopper = computed(() => isOpen.value && !invalid.value); + const shouldShowPopper = computed(() => isOpen.value && !disabled.value); const enableClickAway = computed(() => !disableClickAway.value && !manualMode.value); // Add an invisible border to keep the Popper open when hovering from the trigger into it @@ -307,7 +304,7 @@ const closePopperDebounce = debounce(close, closeDelay.value); const openPopper = async () => { - if (invalid.value || manualMode.value) { + if (disabled.value || manualMode.value) { return; } @@ -341,8 +338,8 @@ * If Popper is open, we automatically close it if it becomes * disabled or without content. */ - watch([hasContent, disabled], ([hasContent, disabled]) => { - if (isOpen.value && (!hasContent || disabled)) { + watch(disabled, (disabled) => { + if (isOpen.value && disabled) { close(); } }); diff --git a/src/composables/useContent.js b/src/composables/useContent.js deleted file mode 100644 index 08c1001..0000000 --- a/src/composables/useContent.js +++ /dev/null @@ -1,53 +0,0 @@ -import { ref, onMounted, onBeforeUnmount, watch } from "vue"; -export default function useContent(slots, popperNode, content) { - let observer = null; - const hasContent = ref(false); - - onMounted(() => { - if (slots.content !== undefined || content.value) { - hasContent.value = true; - } - }); - - onBeforeUnmount(() => { - if (observer) { - observer.disconnect() - } - }); - - watch(popperNode, popperNode => { - if (!observer) { - observer = new MutationObserver(checkContent); - observer.observe(popperNode, { - childList: true, - subtree: true, - }); - } - }); - - /** - * Watch the content prop - */ - watch(content, content => { - if (content) { - hasContent.value = true; - } else { - hasContent.value = false; - } - }); - - /** - * Check the content slot - */ - const checkContent = () => { - if (slots.content) { - hasContent.value = true; - } else { - hasContent.value = false; - } - }; - - return { - hasContent, - }; -} From bac34cc1ebc2f0912fe2d20fb3bfc9818b98446e Mon Sep 17 00:00:00 2001 From: Andrey Krivko <1298360+jastkand@users.noreply.github.com> Date: Wed, 5 Oct 2022 13:30:25 +0600 Subject: [PATCH 17/22] Fix broken build update removing the useContent --- dist/popper.esm.js | 68 ++++---------------------------------- dist/popper.min.js | 2 +- dist/popper.ssr.js | 70 ++++------------------------------------ src/composables/index.js | 1 - 4 files changed, 14 insertions(+), 127 deletions(-) diff --git a/dist/popper.esm.js b/dist/popper.esm.js index 5e70ff8..832a1cb 100644 --- a/dist/popper.esm.js +++ b/dist/popper.esm.js @@ -1,4 +1,4 @@ -import { isRef, watch, onMounted, onBeforeUnmount, unref, ref, reactive, nextTick, toRefs, openBlock, createElementBlock, Teleport, createBlock, renderSlot, useSlots, computed, watchEffect, normalizeStyle, createElementVNode, normalizeClass, withKeys, withCtx, createVNode, Transition, withDirectives, createTextVNode, toDisplayString, createCommentVNode, vShow } from 'vue'; +import { isRef, watch, onMounted, onBeforeUnmount, unref, reactive, nextTick, toRefs, openBlock, createElementBlock, Teleport, createBlock, renderSlot, useSlots, ref, computed, watchEffect, normalizeStyle, createElementVNode, normalizeClass, withKeys, withCtx, createVNode, Transition, withDirectives, createTextVNode, toDisplayString, createCommentVNode, vShow } from 'vue'; /** * Returns a function, that, as long as it continues to be invoked, will not @@ -117,56 +117,6 @@ function useClickAway(targetContainer, targetContent, customMatcherFn, handler) return useEventListener(window, event, listener); } -function useContent(slots, popperNode, content) { - let observer = null; - const hasContent = ref(false); - onMounted(() => { - if (slots.content !== undefined || content.value) { - hasContent.value = true; - } - }); - onBeforeUnmount(() => { - if (observer) { - observer.disconnect(); - } - }); - watch(popperNode, popperNode => { - if (!observer) { - observer = new MutationObserver(checkContent); - observer.observe(popperNode, { - childList: true, - subtree: true - }); - } - }); - /** - * Watch the content prop - */ - - watch(content, content => { - if (content) { - hasContent.value = true; - } else { - hasContent.value = false; - } - }); - /** - * Check the content slot - */ - - const checkContent = () => { - if (slots.content) { - hasContent.value = true; - } else { - hasContent.value = false; - } - }; - - return { - hasContent - }; -} - // import { isHTMLElement } from './instanceOf'; function getBoundingClientRect(element, // eslint-disable-next-line unused-imports/no-unused-vars includeScale) { @@ -2277,12 +2227,8 @@ var script = { boundary, boundaryPadding }); - const { - hasContent - } = useContent(slots, popperNode, content); const manualMode = computed(() => show.value !== null); - const invalid = computed(() => disabled.value || !hasContent.value); - const shouldShowPopper = computed(() => isOpen.value && !invalid.value); + const shouldShowPopper = computed(() => isOpen.value && !disabled.value); const enableClickAway = computed(() => !disableClickAway.value && !manualMode.value); // Add an invisible border to keep the Popper open when hovering from the trigger into it const interactiveStyle = computed(() => interactive.value ? `border: ${offsetDistance.value}px solid transparent; margin: -${offsetDistance.value}px;` : null); @@ -2290,7 +2236,7 @@ var script = { const closePopperDebounce = debounce_1.debounce(close, closeDelay.value); const openPopper = async () => { - if (invalid.value || manualMode.value) { + if (disabled.value || manualMode.value) { return; } @@ -2326,8 +2272,8 @@ var script = { */ - watch([hasContent, disabled], ([hasContent, disabled]) => { - if (isOpen.value && (!hasContent || disabled)) { + watch(disabled, disabled => { + if (isOpen.value && disabled) { close(); } }); @@ -2413,10 +2359,10 @@ var script = { }; -var css_248z = "\n.popper[data-v-a0197972] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-a0197972]:hover,\n .popper:hover > .popper__arrow[data-v-a0197972]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-a0197972],\n .fade-leave-active[data-v-a0197972] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-a0197972],\n .fade-leave-to[data-v-a0197972] {\n opacity: 0;\n}\n"; +var css_248z = "\n.popper[data-v-4e8e6007] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-4e8e6007]:hover,\n .popper:hover > .popper__arrow[data-v-4e8e6007]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-4e8e6007],\n .fade-leave-active[data-v-4e8e6007] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-4e8e6007],\n .fade-leave-to[data-v-4e8e6007] {\n opacity: 0;\n}\n"; styleInject(css_248z); -script.__scopeId = "data-v-a0197972"; +script.__scopeId = "data-v-4e8e6007"; // IIFE injects install function into component, allowing component // to be registered via Vue.use() as well as Vue.component(), diff --git a/dist/popper.min.js b/dist/popper.min.js index 4ee5df6..7536e99 100644 --- a/dist/popper.min.js +++ b/dist/popper.min.js @@ -1 +1 @@ -var Popper=function(e){"use strict";function t(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function r(e){for(var r=1;re.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0?n=setTimeout(u,t-c):(n=null,r||(p=e.apply(a,o),a=o=null))}null==t&&(t=100);var c=function(){a=this,o=arguments,i=Date.now();var c=r&&!n;return n||(n=setTimeout(u,t)),c&&(p=e.apply(a,o),a=o=null),p};return c.clear=function(){n&&(clearTimeout(n),n=null)},c.flush=function(){n&&(p=e.apply(a,o),a=o=null,clearTimeout(n),n=null)},c}s.debounce=s;var l=s;function f(t,r,n,o){if("undefined"!=typeof window&&window){var a=function(e,t){return t===e.target||e.composedPath().includes(t)};return function(t,r,n){e.isRef(t)?e.watch(t,(function(e,t){null==t||t.removeEventListener(r,n),null==e||e.addEventListener(r,n)})):e.onMounted((function(){t.addEventListener(r,n)})),e.onBeforeUnmount((function(){var o;null===(o=e.unref(t))||void 0===o||o.removeEventListener(r,n)}))}(window,"pointerdown",(function(i){var p=e.unref(t),u=e.unref(r);(p||u)&&(a(i,p)||a(i,u)||n&&n(i)||o(i))}))}}function d(e,t){var r=e.getBoundingClientRect();return{width:r.width/1,height:r.height/1,top:r.top/1,right:r.right/1,bottom:r.bottom/1,left:r.left/1,x:r.left/1,y:r.top/1}}function v(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function m(e){var t=v(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function h(e){return e instanceof v(e).Element||e instanceof Element}function b(e){return e instanceof v(e).HTMLElement||e instanceof HTMLElement}function y(e){return"undefined"!=typeof ShadowRoot&&(e instanceof v(e).ShadowRoot||e instanceof ShadowRoot)}function g(e){return e?(e.nodeName||"").toLowerCase():null}function w(e){return((h(e)?e.ownerDocument:e.document)||window.document).documentElement}function x(e){return d(w(e)).left+m(e).scrollLeft}function O(e){return v(e).getComputedStyle(e)}function k(e){var t=O(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function S(e,t,r){void 0===r&&(r=!1);var n=b(t);b(t)&&function(e){var t=e.getBoundingClientRect(),r=t.width/e.offsetWidth||1,n=t.height/e.offsetHeight||1}(t);var o,a,i=w(t),p=d(e),u={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(n||!n&&!r)&&(("body"!==g(t)||k(i))&&(u=(o=t)!==v(o)&&b(o)?{scrollLeft:(a=o).scrollLeft,scrollTop:a.scrollTop}:m(o)),b(t)?((c=d(t)).x+=t.clientLeft,c.y+=t.clientTop):i&&(c.x=x(i))),{x:p.left+u.scrollLeft-c.x,y:p.top+u.scrollTop-c.y,width:p.width,height:p.height}}function j(e){var t=d(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function P(e){return"html"===g(e)?e:e.assignedSlot||e.parentNode||(y(e)?e.host:null)||w(e)}function E(e){return["html","body","#document"].indexOf(g(e))>=0?e.ownerDocument.body:b(e)&&k(e)?e:E(P(e))}function _(e,t){var r;void 0===t&&(t=[]);var n=E(e),o=n===(null==(r=e.ownerDocument)?void 0:r.body),a=v(n),i=o?[a].concat(a.visualViewport||[],k(n)?n:[]):n,p=t.concat(i);return o?p:p.concat(_(P(i)))}function D(e){return["table","td","th"].indexOf(g(e))>=0}function B(e){return b(e)&&"fixed"!==O(e).position?e.offsetParent:null}function A(e){for(var t=v(e),r=B(e);r&&D(r)&&"static"===O(r).position;)r=B(r);return r&&("html"===g(r)||"body"===g(r)&&"static"===O(r).position)?t:r||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&b(e)&&"fixed"===O(e).position)return null;for(var r=P(e);b(r)&&["html","body"].indexOf(g(r))<0;){var n=O(r);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return r;r=r.parentNode}return null}(e)||t}var C="top",T="bottom",L="right",M="left",N="auto",R=[C,T,L,M],W="start",I="end",H="viewport",V="popper",z=R.reduce((function(e,t){return e.concat([t+"-"+W,t+"-"+I])}),[]),q=[].concat(R,[N]).reduce((function(e,t){return e.concat([t,t+"-"+W,t+"-"+I])}),[]),U=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function $(e){var t=new Map,r=new Set,n=[];function o(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!r.has(e)){var n=t.get(e);n&&o(n)}})),n.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){r.has(e.name)||o(e)})),n}function F(e){return e.split("-")[0]}var K=Math.max,Y=Math.min,X=Math.round;function G(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&y(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function J(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Q(e,t){return t===H?J(function(e){var t=v(e),r=w(e),n=t.visualViewport,o=r.clientWidth,a=r.clientHeight,i=0,p=0;return n&&(o=n.width,a=n.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(i=n.offsetLeft,p=n.offsetTop)),{width:o,height:a,x:i+x(e),y:p}}(e)):b(t)?function(e){var t=d(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):J(function(e){var t,r=w(e),n=m(e),o=null==(t=e.ownerDocument)?void 0:t.body,a=K(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),i=K(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),p=-n.scrollLeft+x(e),u=-n.scrollTop;return"rtl"===O(o||r).direction&&(p+=K(r.clientWidth,o?o.clientWidth:0)-a),{width:a,height:i,x:p,y:u}}(w(e)))}function Z(e,t,r){var n="clippingParents"===t?function(e){var t=_(P(e)),r=["absolute","fixed"].indexOf(O(e).position)>=0&&b(e)?A(e):e;return h(r)?t.filter((function(e){return h(e)&&G(e,r)&&"body"!==g(e)})):[]}(e):[].concat(t),o=[].concat(n,[r]),a=o[0],i=o.reduce((function(t,r){var n=Q(e,r);return t.top=K(n.top,t.top),t.right=Y(n.right,t.right),t.bottom=Y(n.bottom,t.bottom),t.left=K(n.left,t.left),t}),Q(e,a));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}function ee(e){return e.split("-")[1]}function te(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function re(e){var t,r=e.reference,n=e.element,o=e.placement,a=o?F(o):null,i=o?ee(o):null,p=r.x+r.width/2-n.width/2,u=r.y+r.height/2-n.height/2;switch(a){case C:t={x:p,y:r.y-n.height};break;case T:t={x:p,y:r.y+r.height};break;case L:t={x:r.x+r.width,y:u};break;case M:t={x:r.x-n.width,y:u};break;default:t={x:r.x,y:r.y}}var c=a?te(a):null;if(null!=c){var s="y"===c?"height":"width";switch(i){case W:t[c]=t[c]-(r[s]/2-n[s]/2);break;case I:t[c]=t[c]+(r[s]/2-n[s]/2)}}return t}function ne(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function oe(e,t){return t.reduce((function(t,r){return t[r]=e,t}),{})}function ae(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=void 0===n?e.placement:n,a=r.boundary,i=void 0===a?"clippingParents":a,p=r.rootBoundary,u=void 0===p?H:p,c=r.elementContext,s=void 0===c?V:c,l=r.altBoundary,f=void 0!==l&&l,v=r.padding,m=void 0===v?0:v,b=ne("number"!=typeof m?m:oe(m,R)),y=s===V?"reference":V,g=e.rects.popper,x=e.elements[f?y:s],O=Z(h(x)?x:x.contextElement||w(e.elements.popper),i,u),k=d(e.elements.reference),S=re({reference:k,element:g,strategy:"absolute",placement:o}),j=J(Object.assign({},g,S)),P=s===V?j:k,E={top:O.top-P.top+b.top,bottom:P.bottom-O.bottom+b.bottom,left:O.left-P.left+b.left,right:P.right-O.right+b.right},_=e.modifiersData.offset;if(s===V&&_){var D=_[o];Object.keys(E).forEach((function(e){var t=[L,T].indexOf(e)>=0?1:-1,r=[C,T].indexOf(e)>=0?"y":"x";E[e]+=D[r]*t}))}return E}var ie={placement:"bottom",modifiers:[],strategy:"absolute"};function pe(){for(var e=arguments.length,t=new Array(e),r=0;r=0}));0===f.length&&(f=l);var d=f.reduce((function(t,r){return t[r]=ae(e,{placement:r,boundary:o,rootBoundary:a,padding:i})[F(r)],t}),{});return Object.keys(d).sort((function(e,t){return d[e]-d[t]}))}var we={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,a=void 0===o||o,i=r.altAxis,p=void 0===i||i,u=r.fallbackPlacements,c=r.padding,s=r.boundary,l=r.rootBoundary,f=r.altBoundary,d=r.flipVariations,v=void 0===d||d,m=r.allowedAutoPlacements,h=t.options.placement,b=F(h),y=u||(b===h||!v?[he(h)]:function(e){if(F(e)===N)return[];var t=he(e);return[ye(e),t,ye(t)]}(h)),g=[h].concat(y).reduce((function(e,r){return e.concat(F(r)===N?ge(t,{placement:r,boundary:s,rootBoundary:l,padding:c,flipVariations:v,allowedAutoPlacements:m}):r)}),[]),w=t.rects.reference,x=t.rects.popper,O=new Map,k=!0,S=g[0],j=0;j=0,B=D?"width":"height",A=ae(t,{placement:P,boundary:s,rootBoundary:l,altBoundary:f,padding:c}),R=D?_?L:M:_?T:C;w[B]>x[B]&&(R=he(R));var I=he(R),H=[];if(a&&H.push(A[E]<=0),p&&H.push(A[R]<=0,A[I]<=0),H.every((function(e){return e}))){S=P,k=!1;break}O.set(P,H)}if(k)for(var V=function(e){var t=g.find((function(t){var r=O.get(t);if(r)return r.slice(0,e).every((function(e){return e}))}));if(t)return S=t,"break"},z=v?3:1;z>0;z--){if("break"===V(z))break}t.placement!==S&&(t.modifiersData[n]._skip=!0,t.placement=S,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var xe={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.offset,a=void 0===o?[0,0]:o,i=q.reduce((function(e,r){return e[r]=function(e,t,r){var n=F(e),o=[M,C].indexOf(n)>=0?-1:1,a="function"==typeof r?r(Object.assign({},t,{placement:e})):r,i=a[0],p=a[1];return i=i||0,p=(p||0)*o,[M,L].indexOf(n)>=0?{x:p,y:i}:{x:i,y:p}}(r,t.rects,a),e}),{}),p=i[t.placement],u=p.x,c=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=u,t.modifiersData.popperOffsets.y+=c),t.modifiersData[n]=i}};var Oe={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,n=e.name,o=e.options,a=r.elements.arrow,i=r.modifiersData.popperOffsets,p=F(r.placement),u=te(p),c=[M,L].indexOf(p)>=0?"height":"width";if(a&&i){var s=function(e,t){return ne("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:oe(e,R))}(o.padding,r),l=j(a),f="y"===u?C:M,d="y"===u?T:L,v=r.rects.reference[c]+r.rects.reference[u]-i[u]-r.rects.popper[c],m=i[u]-r.rects.reference[u],h=A(a),b=h?"y"===u?h.clientHeight||0:h.clientWidth||0:0,y=v/2-m/2,g=s[f],w=b-l[c]-s[d],x=b/2-l[c]/2+y,O=de(g,x,w),k=u;r.modifiersData[n]=((t={})[k]=O,t.centerOffset=O-x,t)}},effect:function(e){var t=e.state,r=e.options.element,n=void 0===r?"[data-popper-arrow]":r;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&G(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},ke=function(e){return parseInt(e,10)};var Se={class:"popper__arrow","data-popper-arrow":""};function je(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}je('\n.popper__arrow[data-v-6591bbd2],\n .popper__arrow[data-v-6591bbd2]::before {\n transition: background 250ms ease-in-out;\n position: absolute;\n width: calc(10px - var(--popper-theme-border-width, 0px));\n height: calc(10px - var(--popper-theme-border-width, 0px));\n box-sizing: border-box;\n background: var(--popper-theme-background-color);\n}\n.popper__arrow[data-v-6591bbd2] {\n visibility: hidden;\n}\n.popper__arrow[data-v-6591bbd2]::before {\n visibility: visible;\n content: "";\n transform: rotate(45deg);\n}\n\n /* Top arrow */\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2] {\n bottom: -5px;\n}\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-bottom: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Bottom arrow */\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2] {\n top: -5px;\n}\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2]::before {\n border-left: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Left arrow */\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2] {\n right: -5px;\n}\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Right arrow */\n.popper[data-popper-placement^="right"] > .popper__arrow[data-v-6591bbd2] {\n left: -5px;\n}\n');var Pe={render:function(t,r){return e.openBlock(),e.createElementBlock("div",Se)},__scopeId:"data-v-6591bbd2"},Ee=Pe,_e={props:{to:String,disabled:Boolean},components:{Teleport:e.Teleport}};_e.render=function(t,r,n,o,a,i){return n.to?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:n.to,disabled:n.disabled},[e.renderSlot(t.$slots,"default")],8,["to","disabled"])):e.renderSlot(t.$slots,"default",{key:1})};var De=["onKeyup"],Be={__name:"Popper",props:{placement:{type:String,default:"bottom",validator:function(e){return["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"].includes(e)}},disableClickAway:{type:Boolean,default:!1},customClickAwayMatcher:{type:Function,default:null},offsetSkid:{type:[Number,String],default:0},offsetDistance:{type:[Number,String],default:12},hover:{type:Boolean,default:!1},show:{type:Boolean,default:null},disabled:{type:Boolean,default:!1},openDelay:{type:[Number,String],default:0},closeDelay:{type:[Number,String],default:0},arrow:{type:Boolean,default:!1},arrowPadding:{type:[Number,String],default:0},interactive:{type:Boolean,default:!0},locked:{type:Boolean,default:!1},content:{type:String,default:null},boundary:{default:null},boundaryPadding:{type:[Number,String],default:5},container:{type:String,default:null},triggerWrapperClass:{type:[String,Object,Array],default:null},triggerWrapperStyle:{type:[String,Object,Array],default:null},triggerStopPropagation:{type:Boolean,default:!1},contentWrapperClass:{type:[String,Object,Array],default:null},contentWrapperStyle:{type:[String,Object,Array],default:null}},emits:["open:popper","close:popper"],setup:function(t,n){var a=n.expose,u=n.emit,c=t,s=e.useSlots(),d=e.ref(null),v=e.ref(null),m=e.ref(null),h=e.ref(!1),b=e.ref(!1);e.onMounted((function(){var e=s.default();if(e&&e.length>1)return console.error("[Popper]: The component expects only one child element at its root. You passed ".concat(e.length," child nodes."));b.value=!0}));var y=e.toRefs(c),g=y.arrowPadding,w=y.closeDelay,x=y.content,O=y.disableClickAway,k=y.customClickAwayMatcher,S=y.disabled,j=y.interactive,P=y.locked,E=y.offsetDistance,_=y.offsetSkid,D=y.openDelay,B=y.placement,A=y.show,C=y.boundary,T=y.boundaryPadding,L=y.container,M=y.triggerStopPropagation,N=function(t){var n=t.arrowPadding,a=t.emit,u=t.locked,c=t.offsetDistance,s=t.offsetSkid,l=t.placement,f=t.popperNode,d=t.triggerNode,v=t.boundary,m=t.boundaryPadding,h=e.reactive({isOpen:!1,popperInstance:null}),b=function(e){var t;null===(t=h.popperInstance)||void 0===t||t.setOptions((function(t){return r(r({},t),{},{modifiers:[].concat(p(t.modifiers),[{name:"eventListeners",enabled:e}])})}))};e.watch([function(){return h.isOpen},l],function(){var e=o(regeneratorRuntime.mark((function e(t){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!i(t,1)[0]){e.next=7;break}return e.next=4,w();case 4:b(!0),e.next=8;break;case 7:b(!1);case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}());var y=[];if(v.value){var g={boundary:"string"==typeof v.value?document.querySelector(v.value):v.value};m.value&&(g.padding=ke(m.value)),y.push({name:"preventOverflow",options:g})}var w=function(){var t=o(regeneratorRuntime.mark((function t(){var r;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.nextTick();case 2:return r={placement:l.value,modifiers:[ve].concat(y,[we,{name:"flip",enabled:!u.value},Oe,{name:"arrow",options:{padding:ke(n.value)}},xe,{name:"offset",options:{offset:[ke(s.value),ke(c.value)]}}])},h.popperInstance=fe(d.value,f.value,r),t.next=6,h.popperInstance.update();case 6:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();return e.onBeforeUnmount((function(){var e;null===(e=h.popperInstance)||void 0===e||e.destroy()})),r(r({},e.toRefs(h)),{},{open:function(){h.isOpen||(h.isOpen=!0,a("open:popper"))},close:function(){h.isOpen&&(h.isOpen=!1,a("close:popper"))},update:function(){h.popperInstance?h.popperInstance.update():w()}})}({arrowPadding:g,emit:u,locked:P,offsetDistance:E,offsetSkid:_,placement:B,popperNode:v,triggerNode:m,boundary:C,boundaryPadding:T}),R=N.isOpen,W=N.open,I=N.close,H=N.update,V=function(t,r,n){var o=null,a=e.ref(!1);e.onMounted((function(){(void 0!==t.content||n.value)&&(a.value=!0)})),e.onBeforeUnmount((function(){o&&o.disconnect()})),e.watch(r,(function(e){o||(o=new MutationObserver(i)).observe(e,{childList:!0,subtree:!0})})),e.watch(n,(function(e){a.value=!!e}));var i=function(){t.content?a.value=!0:a.value=!1};return{hasContent:a}}(s,v,x),z=V.hasContent,q=e.computed((function(){return null!==A.value})),U=e.computed((function(){return S.value||!z.value})),$=e.computed((function(){return R.value&&!U.value})),F=e.computed((function(){return!O.value&&!q.value})),K=e.computed((function(){return j.value?"border: ".concat(E.value,"px solid transparent; margin: -").concat(E.value,"px;"):null})),Y=l.debounce(W,D.value),X=l.debounce(I,w.value),G=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!U.value&&!q.value){e.next=2;break}return e.abrupt("return");case 2:X.clear(),Y();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),J=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!q.value){e.next=2;break}return e.abrupt("return");case 2:Y.clear(),X();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),Q=H,Z=function(){R.value?J():G()},ee=function(e){Z(),M.value&&e.stopPropagation()};return e.watch([z,S],(function(e){var t=i(e,2),r=t[0],n=t[1];!R.value||r&&!n||I()})),e.watch(R,(function(e){e?h.value=!0:l.debounce((function(){h.value=!1}),200)})),e.watchEffect((function(){q.value&&(A.value?Y():X())})),e.watchEffect((function(){F.value&&f(d,v,k.value,J)})),a({openPopper:G,closePopper:J,togglePopper:Z,updatePopper:Q}),function(r,n){return e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(e.unref(K)),onMouseleave:n[2]||(n[2]=function(e){return t.hover&&J()}),ref_key:"popperContainerNode",ref:d},[e.createElementVNode("div",{ref_key:"triggerNode",ref:m,class:e.normalizeClass([t.triggerWrapperClass,"popper__trigger"]),style:e.normalizeStyle(t.triggerWrapperStyle),onMouseover:n[0]||(n[0]=function(e){return t.hover&&G()}),onClick:ee,onFocus:G,onKeyup:e.withKeys(J,["esc"])},[e.renderSlot(r.$slots,"default")],46,De),b.value?(e.openBlock(),e.createBlock(_e,{key:0,to:e.unref(L)},{default:e.withCtx((function(){return[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx((function(){return[e.withDirectives(e.createElementVNode("div",{onClick:n[1]||(n[1]=function(t){return!e.unref(j)&&J()}),class:e.normalizeClass(["popper",t.contentWrapperClass]),style:e.normalizeStyle(t.contentWrapperStyle),ref_key:"popperNode",ref:v},[e.renderSlot(r.$slots,"content",{close:e.unref(I),isOpen:h.value},(function(){return[e.createTextVNode(e.toDisplayString(e.unref(x)),1)]})),t.arrow?(e.openBlock(),e.createBlock(Ee,{key:0})):e.createCommentVNode("",!0)],6),[[e.vShow,e.unref($)]])]})),_:3})]})),_:3},8,["to"])):e.createCommentVNode("",!0)],36)}}};je("\n.popper[data-v-a0197972] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-a0197972]:hover,\n .popper:hover > .popper__arrow[data-v-a0197972]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-a0197972],\n .fade-leave-active[data-v-a0197972] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-a0197972],\n .fade-leave-to[data-v-a0197972] {\n opacity: 0;\n}\n"),Be.__scopeId="data-v-a0197972";var Ae=function(){var e=Be;return e.install=function(t){t.component("Popper",e)},e}(),Ce=Object.freeze({__proto__:null,default:Ae});return Object.entries(Ce).forEach((function(e){var t=i(e,2),r=t[0],n=t[1];"default"!==r&&(Ae[r]=n)})),Ae}(Vue); \ No newline at end of file +var Popper=function(e){"use strict";function t(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function r(e){for(var r=1;re.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0?n=setTimeout(c,t-u):(n=null,r||(p=e.apply(a,o),a=o=null))}null==t&&(t=100);var u=function(){a=this,o=arguments,i=Date.now();var u=r&&!n;return n||(n=setTimeout(c,t)),u&&(p=e.apply(a,o),a=o=null),p};return u.clear=function(){n&&(clearTimeout(n),n=null)},u.flush=function(){n&&(p=e.apply(a,o),a=o=null,clearTimeout(n),n=null)},u}s.debounce=s;var l=s;function f(t,r,n,o){if("undefined"!=typeof window&&window){var a=function(e,t){return t===e.target||e.composedPath().includes(t)};return function(t,r,n){e.isRef(t)?e.watch(t,(function(e,t){null==t||t.removeEventListener(r,n),null==e||e.addEventListener(r,n)})):e.onMounted((function(){t.addEventListener(r,n)})),e.onBeforeUnmount((function(){var o;null===(o=e.unref(t))||void 0===o||o.removeEventListener(r,n)}))}(window,"pointerdown",(function(i){var p=e.unref(t),c=e.unref(r);(p||c)&&(a(i,p)||a(i,c)||n&&n(i)||o(i))}))}}function d(e,t){var r=e.getBoundingClientRect();return{width:r.width/1,height:r.height/1,top:r.top/1,right:r.right/1,bottom:r.bottom/1,left:r.left/1,x:r.left/1,y:r.top/1}}function v(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function m(e){var t=v(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function h(e){return e instanceof v(e).Element||e instanceof Element}function b(e){return e instanceof v(e).HTMLElement||e instanceof HTMLElement}function y(e){return"undefined"!=typeof ShadowRoot&&(e instanceof v(e).ShadowRoot||e instanceof ShadowRoot)}function g(e){return e?(e.nodeName||"").toLowerCase():null}function w(e){return((h(e)?e.ownerDocument:e.document)||window.document).documentElement}function x(e){return d(w(e)).left+m(e).scrollLeft}function O(e){return v(e).getComputedStyle(e)}function k(e){var t=O(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function S(e,t,r){void 0===r&&(r=!1);var n=b(t);b(t)&&function(e){var t=e.getBoundingClientRect(),r=t.width/e.offsetWidth||1,n=t.height/e.offsetHeight||1}(t);var o,a,i=w(t),p=d(e),c={scrollLeft:0,scrollTop:0},u={x:0,y:0};return(n||!n&&!r)&&(("body"!==g(t)||k(i))&&(c=(o=t)!==v(o)&&b(o)?{scrollLeft:(a=o).scrollLeft,scrollTop:a.scrollTop}:m(o)),b(t)?((u=d(t)).x+=t.clientLeft,u.y+=t.clientTop):i&&(u.x=x(i))),{x:p.left+c.scrollLeft-u.x,y:p.top+c.scrollTop-u.y,width:p.width,height:p.height}}function j(e){var t=d(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function P(e){return"html"===g(e)?e:e.assignedSlot||e.parentNode||(y(e)?e.host:null)||w(e)}function E(e){return["html","body","#document"].indexOf(g(e))>=0?e.ownerDocument.body:b(e)&&k(e)?e:E(P(e))}function _(e,t){var r;void 0===t&&(t=[]);var n=E(e),o=n===(null==(r=e.ownerDocument)?void 0:r.body),a=v(n),i=o?[a].concat(a.visualViewport||[],k(n)?n:[]):n,p=t.concat(i);return o?p:p.concat(_(P(i)))}function D(e){return["table","td","th"].indexOf(g(e))>=0}function B(e){return b(e)&&"fixed"!==O(e).position?e.offsetParent:null}function A(e){for(var t=v(e),r=B(e);r&&D(r)&&"static"===O(r).position;)r=B(r);return r&&("html"===g(r)||"body"===g(r)&&"static"===O(r).position)?t:r||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&b(e)&&"fixed"===O(e).position)return null;for(var r=P(e);b(r)&&["html","body"].indexOf(g(r))<0;){var n=O(r);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return r;r=r.parentNode}return null}(e)||t}var C="top",T="bottom",N="right",L="left",M="auto",R=[C,T,N,L],W="start",I="end",H="viewport",V="popper",z=R.reduce((function(e,t){return e.concat([t+"-"+W,t+"-"+I])}),[]),q=[].concat(R,[M]).reduce((function(e,t){return e.concat([t,t+"-"+W,t+"-"+I])}),[]),U=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function $(e){var t=new Map,r=new Set,n=[];function o(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!r.has(e)){var n=t.get(e);n&&o(n)}})),n.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){r.has(e.name)||o(e)})),n}function F(e){return e.split("-")[0]}var K=Math.max,Y=Math.min,X=Math.round;function G(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&y(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function J(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Q(e,t){return t===H?J(function(e){var t=v(e),r=w(e),n=t.visualViewport,o=r.clientWidth,a=r.clientHeight,i=0,p=0;return n&&(o=n.width,a=n.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(i=n.offsetLeft,p=n.offsetTop)),{width:o,height:a,x:i+x(e),y:p}}(e)):b(t)?function(e){var t=d(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):J(function(e){var t,r=w(e),n=m(e),o=null==(t=e.ownerDocument)?void 0:t.body,a=K(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),i=K(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),p=-n.scrollLeft+x(e),c=-n.scrollTop;return"rtl"===O(o||r).direction&&(p+=K(r.clientWidth,o?o.clientWidth:0)-a),{width:a,height:i,x:p,y:c}}(w(e)))}function Z(e,t,r){var n="clippingParents"===t?function(e){var t=_(P(e)),r=["absolute","fixed"].indexOf(O(e).position)>=0&&b(e)?A(e):e;return h(r)?t.filter((function(e){return h(e)&&G(e,r)&&"body"!==g(e)})):[]}(e):[].concat(t),o=[].concat(n,[r]),a=o[0],i=o.reduce((function(t,r){var n=Q(e,r);return t.top=K(n.top,t.top),t.right=Y(n.right,t.right),t.bottom=Y(n.bottom,t.bottom),t.left=K(n.left,t.left),t}),Q(e,a));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}function ee(e){return e.split("-")[1]}function te(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function re(e){var t,r=e.reference,n=e.element,o=e.placement,a=o?F(o):null,i=o?ee(o):null,p=r.x+r.width/2-n.width/2,c=r.y+r.height/2-n.height/2;switch(a){case C:t={x:p,y:r.y-n.height};break;case T:t={x:p,y:r.y+r.height};break;case N:t={x:r.x+r.width,y:c};break;case L:t={x:r.x-n.width,y:c};break;default:t={x:r.x,y:r.y}}var u=a?te(a):null;if(null!=u){var s="y"===u?"height":"width";switch(i){case W:t[u]=t[u]-(r[s]/2-n[s]/2);break;case I:t[u]=t[u]+(r[s]/2-n[s]/2)}}return t}function ne(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function oe(e,t){return t.reduce((function(t,r){return t[r]=e,t}),{})}function ae(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=void 0===n?e.placement:n,a=r.boundary,i=void 0===a?"clippingParents":a,p=r.rootBoundary,c=void 0===p?H:p,u=r.elementContext,s=void 0===u?V:u,l=r.altBoundary,f=void 0!==l&&l,v=r.padding,m=void 0===v?0:v,b=ne("number"!=typeof m?m:oe(m,R)),y=s===V?"reference":V,g=e.rects.popper,x=e.elements[f?y:s],O=Z(h(x)?x:x.contextElement||w(e.elements.popper),i,c),k=d(e.elements.reference),S=re({reference:k,element:g,strategy:"absolute",placement:o}),j=J(Object.assign({},g,S)),P=s===V?j:k,E={top:O.top-P.top+b.top,bottom:P.bottom-O.bottom+b.bottom,left:O.left-P.left+b.left,right:P.right-O.right+b.right},_=e.modifiersData.offset;if(s===V&&_){var D=_[o];Object.keys(E).forEach((function(e){var t=[N,T].indexOf(e)>=0?1:-1,r=[C,T].indexOf(e)>=0?"y":"x";E[e]+=D[r]*t}))}return E}var ie={placement:"bottom",modifiers:[],strategy:"absolute"};function pe(){for(var e=arguments.length,t=new Array(e),r=0;r=0}));0===f.length&&(f=l);var d=f.reduce((function(t,r){return t[r]=ae(e,{placement:r,boundary:o,rootBoundary:a,padding:i})[F(r)],t}),{});return Object.keys(d).sort((function(e,t){return d[e]-d[t]}))}var we={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,a=void 0===o||o,i=r.altAxis,p=void 0===i||i,c=r.fallbackPlacements,u=r.padding,s=r.boundary,l=r.rootBoundary,f=r.altBoundary,d=r.flipVariations,v=void 0===d||d,m=r.allowedAutoPlacements,h=t.options.placement,b=F(h),y=c||(b===h||!v?[he(h)]:function(e){if(F(e)===M)return[];var t=he(e);return[ye(e),t,ye(t)]}(h)),g=[h].concat(y).reduce((function(e,r){return e.concat(F(r)===M?ge(t,{placement:r,boundary:s,rootBoundary:l,padding:u,flipVariations:v,allowedAutoPlacements:m}):r)}),[]),w=t.rects.reference,x=t.rects.popper,O=new Map,k=!0,S=g[0],j=0;j=0,B=D?"width":"height",A=ae(t,{placement:P,boundary:s,rootBoundary:l,altBoundary:f,padding:u}),R=D?_?N:L:_?T:C;w[B]>x[B]&&(R=he(R));var I=he(R),H=[];if(a&&H.push(A[E]<=0),p&&H.push(A[R]<=0,A[I]<=0),H.every((function(e){return e}))){S=P,k=!1;break}O.set(P,H)}if(k)for(var V=function(e){var t=g.find((function(t){var r=O.get(t);if(r)return r.slice(0,e).every((function(e){return e}))}));if(t)return S=t,"break"},z=v?3:1;z>0;z--){if("break"===V(z))break}t.placement!==S&&(t.modifiersData[n]._skip=!0,t.placement=S,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var xe={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.offset,a=void 0===o?[0,0]:o,i=q.reduce((function(e,r){return e[r]=function(e,t,r){var n=F(e),o=[L,C].indexOf(n)>=0?-1:1,a="function"==typeof r?r(Object.assign({},t,{placement:e})):r,i=a[0],p=a[1];return i=i||0,p=(p||0)*o,[L,N].indexOf(n)>=0?{x:p,y:i}:{x:i,y:p}}(r,t.rects,a),e}),{}),p=i[t.placement],c=p.x,u=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=c,t.modifiersData.popperOffsets.y+=u),t.modifiersData[n]=i}};var Oe={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,n=e.name,o=e.options,a=r.elements.arrow,i=r.modifiersData.popperOffsets,p=F(r.placement),c=te(p),u=[L,N].indexOf(p)>=0?"height":"width";if(a&&i){var s=function(e,t){return ne("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:oe(e,R))}(o.padding,r),l=j(a),f="y"===c?C:L,d="y"===c?T:N,v=r.rects.reference[u]+r.rects.reference[c]-i[c]-r.rects.popper[u],m=i[c]-r.rects.reference[c],h=A(a),b=h?"y"===c?h.clientHeight||0:h.clientWidth||0:0,y=v/2-m/2,g=s[f],w=b-l[u]-s[d],x=b/2-l[u]/2+y,O=de(g,x,w),k=c;r.modifiersData[n]=((t={})[k]=O,t.centerOffset=O-x,t)}},effect:function(e){var t=e.state,r=e.options.element,n=void 0===r?"[data-popper-arrow]":r;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&G(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},ke=function(e){return parseInt(e,10)};var Se={class:"popper__arrow","data-popper-arrow":""};function je(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}je('\n.popper__arrow[data-v-6591bbd2],\n .popper__arrow[data-v-6591bbd2]::before {\n transition: background 250ms ease-in-out;\n position: absolute;\n width: calc(10px - var(--popper-theme-border-width, 0px));\n height: calc(10px - var(--popper-theme-border-width, 0px));\n box-sizing: border-box;\n background: var(--popper-theme-background-color);\n}\n.popper__arrow[data-v-6591bbd2] {\n visibility: hidden;\n}\n.popper__arrow[data-v-6591bbd2]::before {\n visibility: visible;\n content: "";\n transform: rotate(45deg);\n}\n\n /* Top arrow */\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2] {\n bottom: -5px;\n}\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-bottom: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Bottom arrow */\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2] {\n top: -5px;\n}\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2]::before {\n border-left: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Left arrow */\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2] {\n right: -5px;\n}\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Right arrow */\n.popper[data-popper-placement^="right"] > .popper__arrow[data-v-6591bbd2] {\n left: -5px;\n}\n');var Pe={render:function(t,r){return e.openBlock(),e.createElementBlock("div",Se)},__scopeId:"data-v-6591bbd2"},Ee=Pe,_e={props:{to:String,disabled:Boolean},components:{Teleport:e.Teleport}};_e.render=function(t,r,n,o,a,i){return n.to?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:n.to,disabled:n.disabled},[e.renderSlot(t.$slots,"default")],8,["to","disabled"])):e.renderSlot(t.$slots,"default",{key:1})};var De=["onKeyup"],Be={__name:"Popper",props:{placement:{type:String,default:"bottom",validator:function(e){return["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"].includes(e)}},disableClickAway:{type:Boolean,default:!1},customClickAwayMatcher:{type:Function,default:null},offsetSkid:{type:[Number,String],default:0},offsetDistance:{type:[Number,String],default:12},hover:{type:Boolean,default:!1},show:{type:Boolean,default:null},disabled:{type:Boolean,default:!1},openDelay:{type:[Number,String],default:0},closeDelay:{type:[Number,String],default:0},arrow:{type:Boolean,default:!1},arrowPadding:{type:[Number,String],default:0},interactive:{type:Boolean,default:!0},locked:{type:Boolean,default:!1},content:{type:String,default:null},boundary:{default:null},boundaryPadding:{type:[Number,String],default:5},container:{type:String,default:null},triggerWrapperClass:{type:[String,Object,Array],default:null},triggerWrapperStyle:{type:[String,Object,Array],default:null},triggerStopPropagation:{type:Boolean,default:!1},contentWrapperClass:{type:[String,Object,Array],default:null},contentWrapperStyle:{type:[String,Object,Array],default:null}},emits:["open:popper","close:popper"],setup:function(t,n){var a=n.expose,c=n.emit,u=t,s=e.useSlots(),d=e.ref(null),v=e.ref(null),m=e.ref(null),h=e.ref(!1),b=e.ref(!1);e.onMounted((function(){var e=s.default();if(e&&e.length>1)return console.error("[Popper]: The component expects only one child element at its root. You passed ".concat(e.length," child nodes."));b.value=!0}));var y=e.toRefs(u),g=y.arrowPadding,w=y.closeDelay,x=y.content,O=y.disableClickAway,k=y.customClickAwayMatcher,S=y.disabled,j=y.interactive,P=y.locked,E=y.offsetDistance,_=y.offsetSkid,D=y.openDelay,B=y.placement,A=y.show,C=y.boundary,T=y.boundaryPadding,N=y.container,L=y.triggerStopPropagation,M=function(t){var n=t.arrowPadding,a=t.emit,c=t.locked,u=t.offsetDistance,s=t.offsetSkid,l=t.placement,f=t.popperNode,d=t.triggerNode,v=t.boundary,m=t.boundaryPadding,h=e.reactive({isOpen:!1,popperInstance:null}),b=function(e){var t;null===(t=h.popperInstance)||void 0===t||t.setOptions((function(t){return r(r({},t),{},{modifiers:[].concat(p(t.modifiers),[{name:"eventListeners",enabled:e}])})}))};e.watch([function(){return h.isOpen},l],function(){var e=o(regeneratorRuntime.mark((function e(t){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!i(t,1)[0]){e.next=7;break}return e.next=4,w();case 4:b(!0),e.next=8;break;case 7:b(!1);case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}());var y=[];if(v.value){var g={boundary:"string"==typeof v.value?document.querySelector(v.value):v.value};m.value&&(g.padding=ke(m.value)),y.push({name:"preventOverflow",options:g})}var w=function(){var t=o(regeneratorRuntime.mark((function t(){var r;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.nextTick();case 2:return r={placement:l.value,modifiers:[ve].concat(y,[we,{name:"flip",enabled:!c.value},Oe,{name:"arrow",options:{padding:ke(n.value)}},xe,{name:"offset",options:{offset:[ke(s.value),ke(u.value)]}}])},h.popperInstance=fe(d.value,f.value,r),t.next=6,h.popperInstance.update();case 6:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();return e.onBeforeUnmount((function(){var e;null===(e=h.popperInstance)||void 0===e||e.destroy()})),r(r({},e.toRefs(h)),{},{open:function(){h.isOpen||(h.isOpen=!0,a("open:popper"))},close:function(){h.isOpen&&(h.isOpen=!1,a("close:popper"))},update:function(){h.popperInstance?h.popperInstance.update():w()}})}({arrowPadding:g,emit:c,locked:P,offsetDistance:E,offsetSkid:_,placement:B,popperNode:v,triggerNode:m,boundary:C,boundaryPadding:T}),R=M.isOpen,W=M.open,I=M.close,H=M.update,V=e.computed((function(){return null!==A.value})),z=e.computed((function(){return R.value&&!S.value})),q=e.computed((function(){return!O.value&&!V.value})),U=e.computed((function(){return j.value?"border: ".concat(E.value,"px solid transparent; margin: -").concat(E.value,"px;"):null})),$=l.debounce(W,D.value),F=l.debounce(I,w.value),K=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!S.value&&!V.value){e.next=2;break}return e.abrupt("return");case 2:F.clear(),$();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),Y=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!V.value){e.next=2;break}return e.abrupt("return");case 2:$.clear(),F();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),X=H,G=function(){R.value?Y():K()},J=function(e){G(),L.value&&e.stopPropagation()};return e.watch(S,(function(e){R.value&&e&&I()})),e.watch(R,(function(e){e?h.value=!0:l.debounce((function(){h.value=!1}),200)})),e.watchEffect((function(){V.value&&(A.value?$():F())})),e.watchEffect((function(){q.value&&f(d,v,k.value,Y)})),a({openPopper:K,closePopper:Y,togglePopper:G,updatePopper:X}),function(r,n){return e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(e.unref(U)),onMouseleave:n[2]||(n[2]=function(e){return t.hover&&Y()}),ref_key:"popperContainerNode",ref:d},[e.createElementVNode("div",{ref_key:"triggerNode",ref:m,class:e.normalizeClass([t.triggerWrapperClass,"popper__trigger"]),style:e.normalizeStyle(t.triggerWrapperStyle),onMouseover:n[0]||(n[0]=function(e){return t.hover&&K()}),onClick:J,onFocus:K,onKeyup:e.withKeys(Y,["esc"])},[e.renderSlot(r.$slots,"default")],46,De),b.value?(e.openBlock(),e.createBlock(_e,{key:0,to:e.unref(N)},{default:e.withCtx((function(){return[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx((function(){return[e.withDirectives(e.createElementVNode("div",{onClick:n[1]||(n[1]=function(t){return!e.unref(j)&&Y()}),class:e.normalizeClass(["popper",t.contentWrapperClass]),style:e.normalizeStyle(t.contentWrapperStyle),ref_key:"popperNode",ref:v},[e.renderSlot(r.$slots,"content",{close:e.unref(I),isOpen:h.value},(function(){return[e.createTextVNode(e.toDisplayString(e.unref(x)),1)]})),t.arrow?(e.openBlock(),e.createBlock(Ee,{key:0})):e.createCommentVNode("",!0)],6),[[e.vShow,e.unref(z)]])]})),_:3})]})),_:3},8,["to"])):e.createCommentVNode("",!0)],36)}}};je("\n.popper[data-v-4e8e6007] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-4e8e6007]:hover,\n .popper:hover > .popper__arrow[data-v-4e8e6007]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-4e8e6007],\n .fade-leave-active[data-v-4e8e6007] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-4e8e6007],\n .fade-leave-to[data-v-4e8e6007] {\n opacity: 0;\n}\n"),Be.__scopeId="data-v-4e8e6007";var Ae=function(){var e=Be;return e.install=function(t){t.component("Popper",e)},e}(),Ce=Object.freeze({__proto__:null,default:Ae});return Object.entries(Ce).forEach((function(e){var t=i(e,2),r=t[0],n=t[1];"default"!==r&&(Ae[r]=n)})),Ae}(Vue); \ No newline at end of file diff --git a/dist/popper.ssr.js b/dist/popper.ssr.js index 9a963a3..95db75b 100644 --- a/dist/popper.ssr.js +++ b/dist/popper.ssr.js @@ -271,54 +271,6 @@ var debounce_1 = debounce$1;function useEventListener(target, event, handler) { }; return useEventListener(window, event, listener); -}function useContent(slots, popperNode, content) { - var observer = null; - var hasContent = vue.ref(false); - vue.onMounted(function () { - if (slots.content !== undefined || content.value) { - hasContent.value = true; - } - }); - vue.onBeforeUnmount(function () { - if (observer) { - observer.disconnect(); - } - }); - vue.watch(popperNode, function (popperNode) { - if (!observer) { - observer = new MutationObserver(checkContent); - observer.observe(popperNode, { - childList: true, - subtree: true - }); - } - }); - /** - * Watch the content prop - */ - - vue.watch(content, function (content) { - if (content) { - hasContent.value = true; - } else { - hasContent.value = false; - } - }); - /** - * Check the content slot - */ - - var checkContent = function checkContent() { - if (slots.content) { - hasContent.value = true; - } else { - hasContent.value = false; - } - }; - - return { - hasContent: hasContent - }; }// import { isHTMLElement } from './instanceOf'; function getBoundingClientRect(element, // eslint-disable-next-line unused-imports/no-unused-vars includeScale) { @@ -2372,17 +2324,11 @@ var script = { close = _usePopper.close, update = _usePopper.update; - var _useContent = useContent(slots, popperNode, content), - hasContent = _useContent.hasContent; - var manualMode = vue.computed(function () { return show.value !== null; }); - var invalid = vue.computed(function () { - return disabled.value || !hasContent.value; - }); var shouldShowPopper = vue.computed(function () { - return isOpen.value && !invalid.value; + return isOpen.value && !disabled.value; }); var enableClickAway = vue.computed(function () { return !disableClickAway.value && !manualMode.value; @@ -2400,7 +2346,7 @@ var script = { while (1) { switch (_context.prev = _context.next) { case 0: - if (!(invalid.value || manualMode.value)) { + if (!(disabled.value || manualMode.value)) { _context.next = 2; break; } @@ -2473,12 +2419,8 @@ var script = { */ - vue.watch([hasContent, disabled], function (_ref4) { - var _ref5 = _slicedToArray(_ref4, 2), - hasContent = _ref5[0], - disabled = _ref5[1]; - - if (isOpen.value && (!hasContent || disabled)) { + vue.watch(disabled, function (disabled) { + if (isOpen.value && disabled) { close(); } }); @@ -2573,8 +2515,8 @@ var script = { }, 8, ["to"])) : vue.createCommentVNode("", true)], 36); }; } -};var css_248z = "\n.popper[data-v-a0197972] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-a0197972]:hover,\n .popper:hover > .popper__arrow[data-v-a0197972]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-a0197972],\n .fade-leave-active[data-v-a0197972] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-a0197972],\n .fade-leave-to[data-v-a0197972] {\n opacity: 0;\n}\n"; -styleInject(css_248z);script.__scopeId = "data-v-a0197972";// IIFE injects install function into component, allowing component +};var css_248z = "\n.popper[data-v-4e8e6007] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-4e8e6007]:hover,\n .popper:hover > .popper__arrow[data-v-4e8e6007]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-4e8e6007],\n .fade-leave-active[data-v-4e8e6007] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-4e8e6007],\n .fade-leave-to[data-v-4e8e6007] {\n opacity: 0;\n}\n"; +styleInject(css_248z);script.__scopeId = "data-v-4e8e6007";// IIFE injects install function into component, allowing component // to be registered via Vue.use() as well as Vue.component(), var component = /*#__PURE__*/(function () { diff --git a/src/composables/index.js b/src/composables/index.js index 0d212bd..8adfeb4 100644 --- a/src/composables/index.js +++ b/src/composables/index.js @@ -1,4 +1,3 @@ export { default as useClickAway } from "./useClickAway.js"; -export { default as useContent } from "./useContent.js"; export { default as useEventListener } from "./useEventListener.js"; export { default as usePopper } from "./usePopper.js"; From 5b30bd27c3235bc40a4f8bb2c562b5a68309c14c Mon Sep 17 00:00:00 2001 From: Andrey Krivko <1298360+jastkand@users.noreply.github.com> Date: Thu, 27 Oct 2022 22:36:12 +0600 Subject: [PATCH 18/22] update popper --- package-lock.json | 14 +++++++------- package.json | 2 +- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/package-lock.json b/package-lock.json index 707d2b6..b4a126d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,7 +9,7 @@ "version": "1.4.2", "license": "MIT", "dependencies": { - "@popperjs/core": "^2.9.2", + "@popperjs/core": "^2.11.6", "debounce": "^1.2.1" }, "devDependencies": { @@ -1912,9 +1912,9 @@ } }, "node_modules/@popperjs/core": { - "version": "2.10.2", - "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.10.2.tgz", - "integrity": "sha512-IXf3XA7+XyN7CP9gGh/XB0UxVMlvARGEgGXLubFICsUMGz6Q+DU+i4gGlpOxTjKvXjkJDJC8YdqdKkDj9qZHEQ==", + "version": "2.11.6", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz", + "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==", "funding": { "type": "opencollective", "url": "https://opencollective.com/popperjs" @@ -18643,9 +18643,9 @@ "dev": true }, "@popperjs/core": { - "version": "2.10.2", - "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.10.2.tgz", - "integrity": "sha512-IXf3XA7+XyN7CP9gGh/XB0UxVMlvARGEgGXLubFICsUMGz6Q+DU+i4gGlpOxTjKvXjkJDJC8YdqdKkDj9qZHEQ==" + "version": "2.11.6", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz", + "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==" }, "@rollup/plugin-alias": { "version": "3.1.5", diff --git a/package.json b/package.json index 18353ca..b13960f 100644 --- a/package.json +++ b/package.json @@ -40,7 +40,7 @@ "build:unpkg": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format iife" }, "dependencies": { - "@popperjs/core": "^2.9.2", + "@popperjs/core": "^2.11.6", "debounce": "^1.2.1" }, "devDependencies": { From 76d21e47a2b204c7702bc021c3020491f4f8a2f2 Mon Sep 17 00:00:00 2001 From: Andrey Krivko <1298360+jastkand@users.noreply.github.com> Date: Thu, 27 Oct 2022 22:59:12 +0600 Subject: [PATCH 19/22] build --- dist/popper.esm.js | 306 +++++++++++++++++++++++++++------------------ dist/popper.min.js | 2 +- dist/popper.ssr.js | 292 +++++++++++++++++++++++++----------------- 3 files changed, 358 insertions(+), 242 deletions(-) diff --git a/dist/popper.esm.js b/dist/popper.esm.js index 832a1cb..dff7e70 100644 --- a/dist/popper.esm.js +++ b/dist/popper.esm.js @@ -117,42 +117,6 @@ function useClickAway(targetContainer, targetContent, customMatcherFn, handler) return useEventListener(window, event, listener); } -// import { isHTMLElement } from './instanceOf'; -function getBoundingClientRect(element, // eslint-disable-next-line unused-imports/no-unused-vars -includeScale) { - - var rect = element.getBoundingClientRect(); - var scaleX = 1; - var scaleY = 1; // FIXME: - // `offsetWidth` returns an integer while `getBoundingClientRect` - // returns a float. This results in `scaleX` or `scaleY` being - // non-1 when it should be for elements that aren't a full pixel in - // width or height. - // if (isHTMLElement(element) && includeScale) { - // const offsetHeight = element.offsetHeight; - // const offsetWidth = element.offsetWidth; - // // Do not attempt to divide by 0, otherwise we get `Infinity` as scale - // // Fallback to 1 in case both values are `0` - // if (offsetWidth > 0) { - // scaleX = rect.width / offsetWidth || 1; - // } - // if (offsetHeight > 0) { - // scaleY = rect.height / offsetHeight || 1; - // } - // } - - return { - width: rect.width / scaleX, - height: rect.height / scaleY, - top: rect.top / scaleY, - right: rect.right / scaleX, - bottom: rect.bottom / scaleY, - left: rect.left / scaleX, - x: rect.left / scaleX, - y: rect.top / scaleY - }; -} - function getWindow(node) { if (node == null) { return window; @@ -166,16 +130,6 @@ function getWindow(node) { return node; } -function getWindowScroll(node) { - var win = getWindow(node); - var scrollLeft = win.pageXOffset; - var scrollTop = win.pageYOffset; - return { - scrollLeft: scrollLeft, - scrollTop: scrollTop - }; -} - function isElement(node) { var OwnElement = getWindow(node).Element; return node instanceof OwnElement || node instanceof Element; @@ -196,6 +150,74 @@ function isShadowRoot(node) { return node instanceof OwnElement || node instanceof ShadowRoot; } +var max = Math.max; +var min = Math.min; +var round = Math.round; + +function getUAString() { + var uaData = navigator.userAgentData; + + if (uaData != null && uaData.brands) { + return uaData.brands.map(function (item) { + return item.brand + "/" + item.version; + }).join(' '); + } + + return navigator.userAgent; +} + +function isLayoutViewport() { + return !/^((?!chrome|android).)*safari/i.test(getUAString()); +} + +function getBoundingClientRect(element, includeScale, isFixedStrategy) { + if (includeScale === void 0) { + includeScale = false; + } + + if (isFixedStrategy === void 0) { + isFixedStrategy = false; + } + + var clientRect = element.getBoundingClientRect(); + var scaleX = 1; + var scaleY = 1; + + if (includeScale && isHTMLElement(element)) { + scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1; + scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1; + } + + var _ref = isElement(element) ? getWindow(element) : window, + visualViewport = _ref.visualViewport; + + var addVisualOffsets = !isLayoutViewport() && isFixedStrategy; + var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX; + var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY; + var width = clientRect.width / scaleX; + var height = clientRect.height / scaleY; + return { + width: width, + height: height, + top: y, + right: x + width, + bottom: y + height, + left: x, + x: x, + y: y + }; +} + +function getWindowScroll(node) { + var win = getWindow(node); + var scrollLeft = win.pageXOffset; + var scrollTop = win.pageYOffset; + return { + scrollLeft: scrollLeft, + scrollTop: scrollTop + }; +} + function getHTMLElementScroll(element) { return { scrollLeft: element.scrollLeft, @@ -248,8 +270,8 @@ function isScrollParent(element) { function isElementScaled(element) { var rect = element.getBoundingClientRect(); - var scaleX = rect.width / element.offsetWidth || 1; - var scaleY = rect.height / element.offsetHeight || 1; + var scaleX = round(rect.width) / element.offsetWidth || 1; + var scaleY = round(rect.height) / element.offsetHeight || 1; return scaleX !== 1 || scaleY !== 1; } // Returns the composite rect of an element relative to its offsetParent. // Composite means it takes into account transforms as well as layout. @@ -261,9 +283,9 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) { } var isOffsetParentAnElement = isHTMLElement(offsetParent); - isHTMLElement(offsetParent) && isElementScaled(offsetParent); + var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent); var documentElement = getDocumentElement(offsetParent); - var rect = getBoundingClientRect(elementOrVirtualElement); + var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed); var scroll = { scrollLeft: 0, scrollTop: 0 @@ -280,7 +302,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) { } if (isHTMLElement(offsetParent)) { - offsets = getBoundingClientRect(offsetParent); + offsets = getBoundingClientRect(offsetParent, true); offsets.x += offsetParent.clientLeft; offsets.y += offsetParent.clientTop; } else if (documentElement) { @@ -390,8 +412,8 @@ function getTrueOffsetParent(element) { function getContainingBlock(element) { - var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1; - var isIE = navigator.userAgent.indexOf('Trident') !== -1; + var isFirefox = /firefox/i.test(getUAString()); + var isIE = /Trident/i.test(getUAString()); if (isIE && isHTMLElement(element)) { // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport @@ -404,6 +426,10 @@ function getContainingBlock(element) { var currentNode = getParentNode(element); + if (isShadowRoot(currentNode)) { + currentNode = currentNode.host; + } + while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) { var css = getComputedStyle(currentNode); // This is non-exhaustive but covers the most common CSS properties that // create a containing block. @@ -546,31 +572,21 @@ function mergeByName(modifiers) { }); } -function getViewportRect(element) { +function getViewportRect(element, strategy) { var win = getWindow(element); var html = getDocumentElement(element); var visualViewport = win.visualViewport; var width = html.clientWidth; var height = html.clientHeight; var x = 0; - var y = 0; // NB: This isn't supported on iOS <= 12. If the keyboard is open, the popper - // can be obscured underneath it. - // Also, `html.clientHeight` adds the bottom bar height in Safari iOS, even - // if it isn't open, so if this isn't available, the popper will be detected - // to overflow the bottom of the screen too early. + var y = 0; if (visualViewport) { width = visualViewport.width; - height = visualViewport.height; // Uses Layout Viewport (like Chrome; Safari does not currently) - // In Chrome, it returns a value very close to 0 (+/-) but contains rounding - // errors due to floating point numbers, so we need to check precision. - // Safari returns a number <= 0, usually < -1 when pinch-zoomed - // Feature detection fails in mobile emulation mode in Chrome. - // Math.abs(win.innerWidth / visualViewport.scale - visualViewport.width) < - // 0.001 - // Fallback here: "Not Safari" userAgent - - if (!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) { + height = visualViewport.height; + var layoutViewport = isLayoutViewport(); + + if (layoutViewport || !layoutViewport && strategy === 'fixed') { x = visualViewport.offsetLeft; y = visualViewport.offsetTop; } @@ -584,10 +600,6 @@ function getViewportRect(element) { }; } -var max = Math.max; -var min = Math.min; -var round = Math.round; - // of the `` and `` rect bounds if horizontally scrollable function getDocumentRect(element) { @@ -645,8 +657,8 @@ function rectToClientRect(rect) { }); } -function getInnerBoundingClientRect(element) { - var rect = getBoundingClientRect(element); +function getInnerBoundingClientRect(element, strategy) { + var rect = getBoundingClientRect(element, false, strategy === 'fixed'); rect.top = rect.top + element.clientTop; rect.left = rect.left + element.clientLeft; rect.bottom = rect.top + element.clientHeight; @@ -658,8 +670,8 @@ function getInnerBoundingClientRect(element) { return rect; } -function getClientRectFromMixedType(element, clippingParent) { - return clippingParent === viewport ? rectToClientRect(getViewportRect(element)) : isHTMLElement(clippingParent) ? getInnerBoundingClientRect(clippingParent) : rectToClientRect(getDocumentRect(getDocumentElement(element))); +function getClientRectFromMixedType(element, clippingParent, strategy) { + return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element))); } // A "clipping parent" is an overflowable container with the characteristic of // clipping (or hiding) overflowing elements with a position different from // `initial` @@ -682,18 +694,18 @@ function getClippingParents(element) { // clipping parents -function getClippingRect(element, boundary, rootBoundary) { +function getClippingRect(element, boundary, rootBoundary, strategy) { var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary); var clippingParents = [].concat(mainClippingParents, [rootBoundary]); var firstClippingParent = clippingParents[0]; var clippingRect = clippingParents.reduce(function (accRect, clippingParent) { - var rect = getClientRectFromMixedType(element, clippingParent); + var rect = getClientRectFromMixedType(element, clippingParent, strategy); accRect.top = max(rect.top, accRect.top); accRect.right = min(rect.right, accRect.right); accRect.bottom = min(rect.bottom, accRect.bottom); accRect.left = max(rect.left, accRect.left); return accRect; - }, getClientRectFromMixedType(element, firstClippingParent)); + }, getClientRectFromMixedType(element, firstClippingParent, strategy)); clippingRect.width = clippingRect.right - clippingRect.left; clippingRect.height = clippingRect.bottom - clippingRect.top; clippingRect.x = clippingRect.left; @@ -802,6 +814,8 @@ function detectOverflow(state, options) { var _options = options, _options$placement = _options.placement, placement = _options$placement === void 0 ? state.placement : _options$placement, + _options$strategy = _options.strategy, + strategy = _options$strategy === void 0 ? state.strategy : _options$strategy, _options$boundary = _options.boundary, boundary = _options$boundary === void 0 ? clippingParents : _options$boundary, _options$rootBoundary = _options.rootBoundary, @@ -816,7 +830,7 @@ function detectOverflow(state, options) { var altContext = elementContext === popper ? reference : popper; var popperRect = state.rects.popper; var element = state.elements[altBoundary ? altContext : elementContext]; - var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary); + var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy); var referenceClientRect = getBoundingClientRect(state.elements.reference); var popperOffsets = computeOffsets({ reference: referenceClientRect, @@ -1127,8 +1141,8 @@ function roundOffsetsByDPR(_ref) { var win = window; var dpr = win.devicePixelRatio || 1; return { - x: round(round(x * dpr) / dpr) || 0, - y: round(round(y * dpr) / dpr) || 0 + x: round(x * dpr) / dpr || 0, + y: round(y * dpr) / dpr || 0 }; } @@ -1143,14 +1157,23 @@ function mapToStyles(_ref2) { position = _ref2.position, gpuAcceleration = _ref2.gpuAcceleration, adaptive = _ref2.adaptive, - roundOffsets = _ref2.roundOffsets; - - var _ref3 = roundOffsets === true ? roundOffsetsByDPR(offsets) : typeof roundOffsets === 'function' ? roundOffsets(offsets) : offsets, - _ref3$x = _ref3.x, - x = _ref3$x === void 0 ? 0 : _ref3$x, - _ref3$y = _ref3.y, - y = _ref3$y === void 0 ? 0 : _ref3$y; + roundOffsets = _ref2.roundOffsets, + isFixed = _ref2.isFixed; + var _offsets$x = offsets.x, + x = _offsets$x === void 0 ? 0 : _offsets$x, + _offsets$y = offsets.y, + y = _offsets$y === void 0 ? 0 : _offsets$y; + + var _ref3 = typeof roundOffsets === 'function' ? roundOffsets({ + x: x, + y: y + }) : { + x: x, + y: y + }; + x = _ref3.x; + y = _ref3.y; var hasX = offsets.hasOwnProperty('x'); var hasY = offsets.hasOwnProperty('y'); var sideX = left; @@ -1175,16 +1198,18 @@ function mapToStyles(_ref2) { offsetParent = offsetParent; if (placement === top || (placement === left || placement === right) && variation === end) { - sideY = bottom; // $FlowFixMe[prop-missing] - - y -= offsetParent[heightProp] - popperRect.height; + sideY = bottom; + var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing] + offsetParent[heightProp]; + y -= offsetY - popperRect.height; y *= gpuAcceleration ? 1 : -1; } if (placement === left || (placement === top || placement === bottom) && variation === end) { - sideX = right; // $FlowFixMe[prop-missing] - - x -= offsetParent[widthProp] - popperRect.width; + sideX = right; + var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing] + offsetParent[widthProp]; + x -= offsetX - popperRect.width; x *= gpuAcceleration ? 1 : -1; } } @@ -1193,6 +1218,17 @@ function mapToStyles(_ref2) { position: position }, adaptive && unsetSides); + var _ref4 = roundOffsets === true ? roundOffsetsByDPR({ + x: x, + y: y + }) : { + x: x, + y: y + }; + + x = _ref4.x; + y = _ref4.y; + if (gpuAcceleration) { var _Object$assign; @@ -1202,9 +1238,9 @@ function mapToStyles(_ref2) { return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2)); } -function computeStyles(_ref4) { - var state = _ref4.state, - options = _ref4.options; +function computeStyles(_ref5) { + var state = _ref5.state, + options = _ref5.options; var _options$gpuAccelerat = options.gpuAcceleration, gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat, _options$adaptive = options.adaptive, @@ -1217,7 +1253,8 @@ function computeStyles(_ref4) { variation: getVariation(state.placement), popper: state.elements.popper, popperRect: state.rects.popper, - gpuAcceleration: gpuAcceleration + gpuAcceleration: gpuAcceleration, + isFixed: state.options.strategy === 'fixed' }; if (state.modifiersData.popperOffsets != null) { @@ -1347,6 +1384,10 @@ function getAltAxis(axis) { function within(min$1, value, max$1) { return max(min$1, min(value, max$1)); } +function withinMaxClamp(min, value, max) { + var v = within(min, value, max); + return v > max ? max : v; +} function preventOverflow(_ref) { var state = _ref.state, @@ -1381,6 +1422,14 @@ function preventOverflow(_ref) { var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign({}, state.rects, { placement: state.placement })) : tetherOffset; + var normalizedTetherOffsetValue = typeof tetherOffsetValue === 'number' ? { + mainAxis: tetherOffsetValue, + altAxis: tetherOffsetValue + } : Object.assign({ + mainAxis: 0, + altAxis: 0 + }, tetherOffsetValue); + var offsetModifierState = state.modifiersData.offset ? state.modifiersData.offset[state.placement] : null; var data = { x: 0, y: 0 @@ -1390,13 +1439,15 @@ function preventOverflow(_ref) { return; } - if (checkMainAxis || checkAltAxis) { + if (checkMainAxis) { + var _offsetModifierState$; + var mainSide = mainAxis === 'y' ? top : left; var altSide = mainAxis === 'y' ? bottom : right; var len = mainAxis === 'y' ? 'height' : 'width'; var offset = popperOffsets[mainAxis]; - var min$1 = popperOffsets[mainAxis] + overflow[mainSide]; - var max$1 = popperOffsets[mainAxis] - overflow[altSide]; + var min$1 = offset + overflow[mainSide]; + var max$1 = offset - overflow[altSide]; var additive = tether ? -popperRect[len] / 2 : 0; var minLen = variation === start ? referenceRect[len] : popperRect[len]; var maxLen = variation === start ? -popperRect[len] : -referenceRect[len]; // We need to include the arrow in the calculation so the arrow doesn't go @@ -1416,36 +1467,45 @@ function preventOverflow(_ref) { // width or height) var arrowLen = within(0, referenceRect[len], arrowRect[len]); - var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - tetherOffsetValue : minLen - arrowLen - arrowPaddingMin - tetherOffsetValue; - var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + tetherOffsetValue : maxLen + arrowLen + arrowPaddingMax + tetherOffsetValue; + var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis : minLen - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis; + var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis : maxLen + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis; var arrowOffsetParent = state.elements.arrow && getOffsetParent(state.elements.arrow); var clientOffset = arrowOffsetParent ? mainAxis === 'y' ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0; - var offsetModifierValue = state.modifiersData.offset ? state.modifiersData.offset[state.placement][mainAxis] : 0; - var tetherMin = popperOffsets[mainAxis] + minOffset - offsetModifierValue - clientOffset; - var tetherMax = popperOffsets[mainAxis] + maxOffset - offsetModifierValue; + var offsetModifierValue = (_offsetModifierState$ = offsetModifierState == null ? void 0 : offsetModifierState[mainAxis]) != null ? _offsetModifierState$ : 0; + var tetherMin = offset + minOffset - offsetModifierValue - clientOffset; + var tetherMax = offset + maxOffset - offsetModifierValue; + var preventedOffset = within(tether ? min(min$1, tetherMin) : min$1, offset, tether ? max(max$1, tetherMax) : max$1); + popperOffsets[mainAxis] = preventedOffset; + data[mainAxis] = preventedOffset - offset; + } - if (checkMainAxis) { - var preventedOffset = within(tether ? min(min$1, tetherMin) : min$1, offset, tether ? max(max$1, tetherMax) : max$1); - popperOffsets[mainAxis] = preventedOffset; - data[mainAxis] = preventedOffset - offset; - } + if (checkAltAxis) { + var _offsetModifierState$2; - if (checkAltAxis) { - var _mainSide = mainAxis === 'x' ? top : left; + var _mainSide = mainAxis === 'x' ? top : left; - var _altSide = mainAxis === 'x' ? bottom : right; + var _altSide = mainAxis === 'x' ? bottom : right; - var _offset = popperOffsets[altAxis]; + var _offset = popperOffsets[altAxis]; - var _min = _offset + overflow[_mainSide]; + var _len = altAxis === 'y' ? 'height' : 'width'; - var _max = _offset - overflow[_altSide]; + var _min = _offset + overflow[_mainSide]; - var _preventedOffset = within(tether ? min(_min, tetherMin) : _min, _offset, tether ? max(_max, tetherMax) : _max); + var _max = _offset - overflow[_altSide]; - popperOffsets[altAxis] = _preventedOffset; - data[altAxis] = _preventedOffset - _offset; - } + var isOriginSide = [top, left].indexOf(basePlacement) !== -1; + + var _offsetModifierValue = (_offsetModifierState$2 = offsetModifierState == null ? void 0 : offsetModifierState[altAxis]) != null ? _offsetModifierState$2 : 0; + + var _tetherMin = isOriginSide ? _min : _offset - referenceRect[_len] - popperRect[_len] - _offsetModifierValue + normalizedTetherOffsetValue.altAxis; + + var _tetherMax = isOriginSide ? _offset + referenceRect[_len] + popperRect[_len] - _offsetModifierValue - normalizedTetherOffsetValue.altAxis : _max; + + var _preventedOffset = tether && isOriginSide ? withinMaxClamp(_tetherMin, _offset, _tetherMax) : within(tether ? _tetherMin : _min, _offset, tether ? _tetherMax : _max); + + popperOffsets[altAxis] = _preventedOffset; + data[altAxis] = _preventedOffset - _offset; } state.modifiersData[name] = data; diff --git a/dist/popper.min.js b/dist/popper.min.js index 7536e99..1b95bfc 100644 --- a/dist/popper.min.js +++ b/dist/popper.min.js @@ -1 +1 @@ -var Popper=function(e){"use strict";function t(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function r(e){for(var r=1;re.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0?n=setTimeout(c,t-u):(n=null,r||(p=e.apply(a,o),a=o=null))}null==t&&(t=100);var u=function(){a=this,o=arguments,i=Date.now();var u=r&&!n;return n||(n=setTimeout(c,t)),u&&(p=e.apply(a,o),a=o=null),p};return u.clear=function(){n&&(clearTimeout(n),n=null)},u.flush=function(){n&&(p=e.apply(a,o),a=o=null,clearTimeout(n),n=null)},u}s.debounce=s;var l=s;function f(t,r,n,o){if("undefined"!=typeof window&&window){var a=function(e,t){return t===e.target||e.composedPath().includes(t)};return function(t,r,n){e.isRef(t)?e.watch(t,(function(e,t){null==t||t.removeEventListener(r,n),null==e||e.addEventListener(r,n)})):e.onMounted((function(){t.addEventListener(r,n)})),e.onBeforeUnmount((function(){var o;null===(o=e.unref(t))||void 0===o||o.removeEventListener(r,n)}))}(window,"pointerdown",(function(i){var p=e.unref(t),c=e.unref(r);(p||c)&&(a(i,p)||a(i,c)||n&&n(i)||o(i))}))}}function d(e,t){var r=e.getBoundingClientRect();return{width:r.width/1,height:r.height/1,top:r.top/1,right:r.right/1,bottom:r.bottom/1,left:r.left/1,x:r.left/1,y:r.top/1}}function v(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function m(e){var t=v(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function h(e){return e instanceof v(e).Element||e instanceof Element}function b(e){return e instanceof v(e).HTMLElement||e instanceof HTMLElement}function y(e){return"undefined"!=typeof ShadowRoot&&(e instanceof v(e).ShadowRoot||e instanceof ShadowRoot)}function g(e){return e?(e.nodeName||"").toLowerCase():null}function w(e){return((h(e)?e.ownerDocument:e.document)||window.document).documentElement}function x(e){return d(w(e)).left+m(e).scrollLeft}function O(e){return v(e).getComputedStyle(e)}function k(e){var t=O(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function S(e,t,r){void 0===r&&(r=!1);var n=b(t);b(t)&&function(e){var t=e.getBoundingClientRect(),r=t.width/e.offsetWidth||1,n=t.height/e.offsetHeight||1}(t);var o,a,i=w(t),p=d(e),c={scrollLeft:0,scrollTop:0},u={x:0,y:0};return(n||!n&&!r)&&(("body"!==g(t)||k(i))&&(c=(o=t)!==v(o)&&b(o)?{scrollLeft:(a=o).scrollLeft,scrollTop:a.scrollTop}:m(o)),b(t)?((u=d(t)).x+=t.clientLeft,u.y+=t.clientTop):i&&(u.x=x(i))),{x:p.left+c.scrollLeft-u.x,y:p.top+c.scrollTop-u.y,width:p.width,height:p.height}}function j(e){var t=d(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function P(e){return"html"===g(e)?e:e.assignedSlot||e.parentNode||(y(e)?e.host:null)||w(e)}function E(e){return["html","body","#document"].indexOf(g(e))>=0?e.ownerDocument.body:b(e)&&k(e)?e:E(P(e))}function _(e,t){var r;void 0===t&&(t=[]);var n=E(e),o=n===(null==(r=e.ownerDocument)?void 0:r.body),a=v(n),i=o?[a].concat(a.visualViewport||[],k(n)?n:[]):n,p=t.concat(i);return o?p:p.concat(_(P(i)))}function D(e){return["table","td","th"].indexOf(g(e))>=0}function B(e){return b(e)&&"fixed"!==O(e).position?e.offsetParent:null}function A(e){for(var t=v(e),r=B(e);r&&D(r)&&"static"===O(r).position;)r=B(r);return r&&("html"===g(r)||"body"===g(r)&&"static"===O(r).position)?t:r||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&b(e)&&"fixed"===O(e).position)return null;for(var r=P(e);b(r)&&["html","body"].indexOf(g(r))<0;){var n=O(r);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return r;r=r.parentNode}return null}(e)||t}var C="top",T="bottom",N="right",L="left",M="auto",R=[C,T,N,L],W="start",I="end",H="viewport",V="popper",z=R.reduce((function(e,t){return e.concat([t+"-"+W,t+"-"+I])}),[]),q=[].concat(R,[M]).reduce((function(e,t){return e.concat([t,t+"-"+W,t+"-"+I])}),[]),U=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function $(e){var t=new Map,r=new Set,n=[];function o(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!r.has(e)){var n=t.get(e);n&&o(n)}})),n.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){r.has(e.name)||o(e)})),n}function F(e){return e.split("-")[0]}var K=Math.max,Y=Math.min,X=Math.round;function G(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&y(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function J(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Q(e,t){return t===H?J(function(e){var t=v(e),r=w(e),n=t.visualViewport,o=r.clientWidth,a=r.clientHeight,i=0,p=0;return n&&(o=n.width,a=n.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(i=n.offsetLeft,p=n.offsetTop)),{width:o,height:a,x:i+x(e),y:p}}(e)):b(t)?function(e){var t=d(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):J(function(e){var t,r=w(e),n=m(e),o=null==(t=e.ownerDocument)?void 0:t.body,a=K(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),i=K(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),p=-n.scrollLeft+x(e),c=-n.scrollTop;return"rtl"===O(o||r).direction&&(p+=K(r.clientWidth,o?o.clientWidth:0)-a),{width:a,height:i,x:p,y:c}}(w(e)))}function Z(e,t,r){var n="clippingParents"===t?function(e){var t=_(P(e)),r=["absolute","fixed"].indexOf(O(e).position)>=0&&b(e)?A(e):e;return h(r)?t.filter((function(e){return h(e)&&G(e,r)&&"body"!==g(e)})):[]}(e):[].concat(t),o=[].concat(n,[r]),a=o[0],i=o.reduce((function(t,r){var n=Q(e,r);return t.top=K(n.top,t.top),t.right=Y(n.right,t.right),t.bottom=Y(n.bottom,t.bottom),t.left=K(n.left,t.left),t}),Q(e,a));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}function ee(e){return e.split("-")[1]}function te(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function re(e){var t,r=e.reference,n=e.element,o=e.placement,a=o?F(o):null,i=o?ee(o):null,p=r.x+r.width/2-n.width/2,c=r.y+r.height/2-n.height/2;switch(a){case C:t={x:p,y:r.y-n.height};break;case T:t={x:p,y:r.y+r.height};break;case N:t={x:r.x+r.width,y:c};break;case L:t={x:r.x-n.width,y:c};break;default:t={x:r.x,y:r.y}}var u=a?te(a):null;if(null!=u){var s="y"===u?"height":"width";switch(i){case W:t[u]=t[u]-(r[s]/2-n[s]/2);break;case I:t[u]=t[u]+(r[s]/2-n[s]/2)}}return t}function ne(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function oe(e,t){return t.reduce((function(t,r){return t[r]=e,t}),{})}function ae(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=void 0===n?e.placement:n,a=r.boundary,i=void 0===a?"clippingParents":a,p=r.rootBoundary,c=void 0===p?H:p,u=r.elementContext,s=void 0===u?V:u,l=r.altBoundary,f=void 0!==l&&l,v=r.padding,m=void 0===v?0:v,b=ne("number"!=typeof m?m:oe(m,R)),y=s===V?"reference":V,g=e.rects.popper,x=e.elements[f?y:s],O=Z(h(x)?x:x.contextElement||w(e.elements.popper),i,c),k=d(e.elements.reference),S=re({reference:k,element:g,strategy:"absolute",placement:o}),j=J(Object.assign({},g,S)),P=s===V?j:k,E={top:O.top-P.top+b.top,bottom:P.bottom-O.bottom+b.bottom,left:O.left-P.left+b.left,right:P.right-O.right+b.right},_=e.modifiersData.offset;if(s===V&&_){var D=_[o];Object.keys(E).forEach((function(e){var t=[N,T].indexOf(e)>=0?1:-1,r=[C,T].indexOf(e)>=0?"y":"x";E[e]+=D[r]*t}))}return E}var ie={placement:"bottom",modifiers:[],strategy:"absolute"};function pe(){for(var e=arguments.length,t=new Array(e),r=0;r=0}));0===f.length&&(f=l);var d=f.reduce((function(t,r){return t[r]=ae(e,{placement:r,boundary:o,rootBoundary:a,padding:i})[F(r)],t}),{});return Object.keys(d).sort((function(e,t){return d[e]-d[t]}))}var we={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,a=void 0===o||o,i=r.altAxis,p=void 0===i||i,c=r.fallbackPlacements,u=r.padding,s=r.boundary,l=r.rootBoundary,f=r.altBoundary,d=r.flipVariations,v=void 0===d||d,m=r.allowedAutoPlacements,h=t.options.placement,b=F(h),y=c||(b===h||!v?[he(h)]:function(e){if(F(e)===M)return[];var t=he(e);return[ye(e),t,ye(t)]}(h)),g=[h].concat(y).reduce((function(e,r){return e.concat(F(r)===M?ge(t,{placement:r,boundary:s,rootBoundary:l,padding:u,flipVariations:v,allowedAutoPlacements:m}):r)}),[]),w=t.rects.reference,x=t.rects.popper,O=new Map,k=!0,S=g[0],j=0;j=0,B=D?"width":"height",A=ae(t,{placement:P,boundary:s,rootBoundary:l,altBoundary:f,padding:u}),R=D?_?N:L:_?T:C;w[B]>x[B]&&(R=he(R));var I=he(R),H=[];if(a&&H.push(A[E]<=0),p&&H.push(A[R]<=0,A[I]<=0),H.every((function(e){return e}))){S=P,k=!1;break}O.set(P,H)}if(k)for(var V=function(e){var t=g.find((function(t){var r=O.get(t);if(r)return r.slice(0,e).every((function(e){return e}))}));if(t)return S=t,"break"},z=v?3:1;z>0;z--){if("break"===V(z))break}t.placement!==S&&(t.modifiersData[n]._skip=!0,t.placement=S,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var xe={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.offset,a=void 0===o?[0,0]:o,i=q.reduce((function(e,r){return e[r]=function(e,t,r){var n=F(e),o=[L,C].indexOf(n)>=0?-1:1,a="function"==typeof r?r(Object.assign({},t,{placement:e})):r,i=a[0],p=a[1];return i=i||0,p=(p||0)*o,[L,N].indexOf(n)>=0?{x:p,y:i}:{x:i,y:p}}(r,t.rects,a),e}),{}),p=i[t.placement],c=p.x,u=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=c,t.modifiersData.popperOffsets.y+=u),t.modifiersData[n]=i}};var Oe={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,n=e.name,o=e.options,a=r.elements.arrow,i=r.modifiersData.popperOffsets,p=F(r.placement),c=te(p),u=[L,N].indexOf(p)>=0?"height":"width";if(a&&i){var s=function(e,t){return ne("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:oe(e,R))}(o.padding,r),l=j(a),f="y"===c?C:L,d="y"===c?T:N,v=r.rects.reference[u]+r.rects.reference[c]-i[c]-r.rects.popper[u],m=i[c]-r.rects.reference[c],h=A(a),b=h?"y"===c?h.clientHeight||0:h.clientWidth||0:0,y=v/2-m/2,g=s[f],w=b-l[u]-s[d],x=b/2-l[u]/2+y,O=de(g,x,w),k=c;r.modifiersData[n]=((t={})[k]=O,t.centerOffset=O-x,t)}},effect:function(e){var t=e.state,r=e.options.element,n=void 0===r?"[data-popper-arrow]":r;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&G(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},ke=function(e){return parseInt(e,10)};var Se={class:"popper__arrow","data-popper-arrow":""};function je(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}je('\n.popper__arrow[data-v-6591bbd2],\n .popper__arrow[data-v-6591bbd2]::before {\n transition: background 250ms ease-in-out;\n position: absolute;\n width: calc(10px - var(--popper-theme-border-width, 0px));\n height: calc(10px - var(--popper-theme-border-width, 0px));\n box-sizing: border-box;\n background: var(--popper-theme-background-color);\n}\n.popper__arrow[data-v-6591bbd2] {\n visibility: hidden;\n}\n.popper__arrow[data-v-6591bbd2]::before {\n visibility: visible;\n content: "";\n transform: rotate(45deg);\n}\n\n /* Top arrow */\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2] {\n bottom: -5px;\n}\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-bottom: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Bottom arrow */\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2] {\n top: -5px;\n}\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2]::before {\n border-left: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Left arrow */\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2] {\n right: -5px;\n}\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Right arrow */\n.popper[data-popper-placement^="right"] > .popper__arrow[data-v-6591bbd2] {\n left: -5px;\n}\n');var Pe={render:function(t,r){return e.openBlock(),e.createElementBlock("div",Se)},__scopeId:"data-v-6591bbd2"},Ee=Pe,_e={props:{to:String,disabled:Boolean},components:{Teleport:e.Teleport}};_e.render=function(t,r,n,o,a,i){return n.to?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:n.to,disabled:n.disabled},[e.renderSlot(t.$slots,"default")],8,["to","disabled"])):e.renderSlot(t.$slots,"default",{key:1})};var De=["onKeyup"],Be={__name:"Popper",props:{placement:{type:String,default:"bottom",validator:function(e){return["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"].includes(e)}},disableClickAway:{type:Boolean,default:!1},customClickAwayMatcher:{type:Function,default:null},offsetSkid:{type:[Number,String],default:0},offsetDistance:{type:[Number,String],default:12},hover:{type:Boolean,default:!1},show:{type:Boolean,default:null},disabled:{type:Boolean,default:!1},openDelay:{type:[Number,String],default:0},closeDelay:{type:[Number,String],default:0},arrow:{type:Boolean,default:!1},arrowPadding:{type:[Number,String],default:0},interactive:{type:Boolean,default:!0},locked:{type:Boolean,default:!1},content:{type:String,default:null},boundary:{default:null},boundaryPadding:{type:[Number,String],default:5},container:{type:String,default:null},triggerWrapperClass:{type:[String,Object,Array],default:null},triggerWrapperStyle:{type:[String,Object,Array],default:null},triggerStopPropagation:{type:Boolean,default:!1},contentWrapperClass:{type:[String,Object,Array],default:null},contentWrapperStyle:{type:[String,Object,Array],default:null}},emits:["open:popper","close:popper"],setup:function(t,n){var a=n.expose,c=n.emit,u=t,s=e.useSlots(),d=e.ref(null),v=e.ref(null),m=e.ref(null),h=e.ref(!1),b=e.ref(!1);e.onMounted((function(){var e=s.default();if(e&&e.length>1)return console.error("[Popper]: The component expects only one child element at its root. You passed ".concat(e.length," child nodes."));b.value=!0}));var y=e.toRefs(u),g=y.arrowPadding,w=y.closeDelay,x=y.content,O=y.disableClickAway,k=y.customClickAwayMatcher,S=y.disabled,j=y.interactive,P=y.locked,E=y.offsetDistance,_=y.offsetSkid,D=y.openDelay,B=y.placement,A=y.show,C=y.boundary,T=y.boundaryPadding,N=y.container,L=y.triggerStopPropagation,M=function(t){var n=t.arrowPadding,a=t.emit,c=t.locked,u=t.offsetDistance,s=t.offsetSkid,l=t.placement,f=t.popperNode,d=t.triggerNode,v=t.boundary,m=t.boundaryPadding,h=e.reactive({isOpen:!1,popperInstance:null}),b=function(e){var t;null===(t=h.popperInstance)||void 0===t||t.setOptions((function(t){return r(r({},t),{},{modifiers:[].concat(p(t.modifiers),[{name:"eventListeners",enabled:e}])})}))};e.watch([function(){return h.isOpen},l],function(){var e=o(regeneratorRuntime.mark((function e(t){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!i(t,1)[0]){e.next=7;break}return e.next=4,w();case 4:b(!0),e.next=8;break;case 7:b(!1);case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}());var y=[];if(v.value){var g={boundary:"string"==typeof v.value?document.querySelector(v.value):v.value};m.value&&(g.padding=ke(m.value)),y.push({name:"preventOverflow",options:g})}var w=function(){var t=o(regeneratorRuntime.mark((function t(){var r;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.nextTick();case 2:return r={placement:l.value,modifiers:[ve].concat(y,[we,{name:"flip",enabled:!c.value},Oe,{name:"arrow",options:{padding:ke(n.value)}},xe,{name:"offset",options:{offset:[ke(s.value),ke(u.value)]}}])},h.popperInstance=fe(d.value,f.value,r),t.next=6,h.popperInstance.update();case 6:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();return e.onBeforeUnmount((function(){var e;null===(e=h.popperInstance)||void 0===e||e.destroy()})),r(r({},e.toRefs(h)),{},{open:function(){h.isOpen||(h.isOpen=!0,a("open:popper"))},close:function(){h.isOpen&&(h.isOpen=!1,a("close:popper"))},update:function(){h.popperInstance?h.popperInstance.update():w()}})}({arrowPadding:g,emit:c,locked:P,offsetDistance:E,offsetSkid:_,placement:B,popperNode:v,triggerNode:m,boundary:C,boundaryPadding:T}),R=M.isOpen,W=M.open,I=M.close,H=M.update,V=e.computed((function(){return null!==A.value})),z=e.computed((function(){return R.value&&!S.value})),q=e.computed((function(){return!O.value&&!V.value})),U=e.computed((function(){return j.value?"border: ".concat(E.value,"px solid transparent; margin: -").concat(E.value,"px;"):null})),$=l.debounce(W,D.value),F=l.debounce(I,w.value),K=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!S.value&&!V.value){e.next=2;break}return e.abrupt("return");case 2:F.clear(),$();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),Y=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!V.value){e.next=2;break}return e.abrupt("return");case 2:$.clear(),F();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),X=H,G=function(){R.value?Y():K()},J=function(e){G(),L.value&&e.stopPropagation()};return e.watch(S,(function(e){R.value&&e&&I()})),e.watch(R,(function(e){e?h.value=!0:l.debounce((function(){h.value=!1}),200)})),e.watchEffect((function(){V.value&&(A.value?$():F())})),e.watchEffect((function(){q.value&&f(d,v,k.value,Y)})),a({openPopper:K,closePopper:Y,togglePopper:G,updatePopper:X}),function(r,n){return e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(e.unref(U)),onMouseleave:n[2]||(n[2]=function(e){return t.hover&&Y()}),ref_key:"popperContainerNode",ref:d},[e.createElementVNode("div",{ref_key:"triggerNode",ref:m,class:e.normalizeClass([t.triggerWrapperClass,"popper__trigger"]),style:e.normalizeStyle(t.triggerWrapperStyle),onMouseover:n[0]||(n[0]=function(e){return t.hover&&K()}),onClick:J,onFocus:K,onKeyup:e.withKeys(Y,["esc"])},[e.renderSlot(r.$slots,"default")],46,De),b.value?(e.openBlock(),e.createBlock(_e,{key:0,to:e.unref(N)},{default:e.withCtx((function(){return[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx((function(){return[e.withDirectives(e.createElementVNode("div",{onClick:n[1]||(n[1]=function(t){return!e.unref(j)&&Y()}),class:e.normalizeClass(["popper",t.contentWrapperClass]),style:e.normalizeStyle(t.contentWrapperStyle),ref_key:"popperNode",ref:v},[e.renderSlot(r.$slots,"content",{close:e.unref(I),isOpen:h.value},(function(){return[e.createTextVNode(e.toDisplayString(e.unref(x)),1)]})),t.arrow?(e.openBlock(),e.createBlock(Ee,{key:0})):e.createCommentVNode("",!0)],6),[[e.vShow,e.unref(z)]])]})),_:3})]})),_:3},8,["to"])):e.createCommentVNode("",!0)],36)}}};je("\n.popper[data-v-4e8e6007] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-4e8e6007]:hover,\n .popper:hover > .popper__arrow[data-v-4e8e6007]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-4e8e6007],\n .fade-leave-active[data-v-4e8e6007] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-4e8e6007],\n .fade-leave-to[data-v-4e8e6007] {\n opacity: 0;\n}\n"),Be.__scopeId="data-v-4e8e6007";var Ae=function(){var e=Be;return e.install=function(t){t.component("Popper",e)},e}(),Ce=Object.freeze({__proto__:null,default:Ae});return Object.entries(Ce).forEach((function(e){var t=i(e,2),r=t[0],n=t[1];"default"!==r&&(Ae[r]=n)})),Ae}(Vue); \ No newline at end of file +var Popper=function(e){"use strict";function t(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function r(e){for(var r=1;re.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0?n=setTimeout(u,t-c):(n=null,r||(p=e.apply(a,o),a=o=null))}null==t&&(t=100);var c=function(){a=this,o=arguments,i=Date.now();var c=r&&!n;return n||(n=setTimeout(u,t)),c&&(p=e.apply(a,o),a=o=null),p};return c.clear=function(){n&&(clearTimeout(n),n=null)},c.flush=function(){n&&(p=e.apply(a,o),a=o=null,clearTimeout(n),n=null)},c}s.debounce=s;var l=s;function f(t,r,n,o){if("undefined"!=typeof window&&window){var a=function(e,t){return t===e.target||e.composedPath().includes(t)};return function(t,r,n){e.isRef(t)?e.watch(t,(function(e,t){null==t||t.removeEventListener(r,n),null==e||e.addEventListener(r,n)})):e.onMounted((function(){t.addEventListener(r,n)})),e.onBeforeUnmount((function(){var o;null===(o=e.unref(t))||void 0===o||o.removeEventListener(r,n)}))}(window,"pointerdown",(function(i){var p=e.unref(t),u=e.unref(r);(p||u)&&(a(i,p)||a(i,u)||n&&n(i)||o(i))}))}}function d(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function v(e){return e instanceof d(e).Element||e instanceof Element}function m(e){return e instanceof d(e).HTMLElement||e instanceof HTMLElement}function h(e){return"undefined"!=typeof ShadowRoot&&(e instanceof d(e).ShadowRoot||e instanceof ShadowRoot)}var b=Math.max,y=Math.min,g=Math.round;function w(){var e=navigator.userAgentData;return null!=e&&e.brands?e.brands.map((function(e){return e.brand+"/"+e.version})).join(" "):navigator.userAgent}function x(){return!/^((?!chrome|android).)*safari/i.test(w())}function O(e,t,r){void 0===t&&(t=!1),void 0===r&&(r=!1);var n=e.getBoundingClientRect(),o=1,a=1;t&&m(e)&&(o=e.offsetWidth>0&&g(n.width)/e.offsetWidth||1,a=e.offsetHeight>0&&g(n.height)/e.offsetHeight||1);var i=(v(e)?d(e):window).visualViewport,p=!x()&&r,u=(n.left+(p&&i?i.offsetLeft:0))/o,c=(n.top+(p&&i?i.offsetTop:0))/a,s=n.width/o,l=n.height/a;return{width:s,height:l,top:c,right:u+s,bottom:c+l,left:u,x:u,y:c}}function k(e){var t=d(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function S(e){return e?(e.nodeName||"").toLowerCase():null}function j(e){return((v(e)?e.ownerDocument:e.document)||window.document).documentElement}function P(e){return O(j(e)).left+k(e).scrollLeft}function E(e){return d(e).getComputedStyle(e)}function _(e){var t=E(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function A(e,t,r){void 0===r&&(r=!1);var n,o,a=m(t),i=m(t)&&function(e){var t=e.getBoundingClientRect(),r=g(t.width)/e.offsetWidth||1,n=g(t.height)/e.offsetHeight||1;return 1!==r||1!==n}(t),p=j(t),u=O(e,i,r),c={scrollLeft:0,scrollTop:0},s={x:0,y:0};return(a||!a&&!r)&&(("body"!==S(t)||_(p))&&(c=(n=t)!==d(n)&&m(n)?{scrollLeft:(o=n).scrollLeft,scrollTop:o.scrollTop}:k(n)),m(t)?((s=O(t,!0)).x+=t.clientLeft,s.y+=t.clientTop):p&&(s.x=P(p))),{x:u.left+c.scrollLeft-s.x,y:u.top+c.scrollTop-s.y,width:u.width,height:u.height}}function D(e){var t=O(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function B(e){return"html"===S(e)?e:e.assignedSlot||e.parentNode||(h(e)?e.host:null)||j(e)}function T(e){return["html","body","#document"].indexOf(S(e))>=0?e.ownerDocument.body:m(e)&&_(e)?e:T(B(e))}function C(e,t){var r;void 0===t&&(t=[]);var n=T(e),o=n===(null==(r=e.ownerDocument)?void 0:r.body),a=d(n),i=o?[a].concat(a.visualViewport||[],_(n)?n:[]):n,p=t.concat(i);return o?p:p.concat(C(B(i)))}function N(e){return["table","td","th"].indexOf(S(e))>=0}function W(e){return m(e)&&"fixed"!==E(e).position?e.offsetParent:null}function L(e){for(var t=d(e),r=W(e);r&&N(r)&&"static"===E(r).position;)r=W(r);return r&&("html"===S(r)||"body"===S(r)&&"static"===E(r).position)?t:r||function(e){var t=/firefox/i.test(w());if(/Trident/i.test(w())&&m(e)&&"fixed"===E(e).position)return null;var r=B(e);for(h(r)&&(r=r.host);m(r)&&["html","body"].indexOf(S(r))<0;){var n=E(r);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return r;r=r.parentNode}return null}(e)||t}var M="top",R="bottom",I="right",V="left",H="auto",z=[M,R,I,V],q="start",U="end",F="viewport",$="popper",K=z.reduce((function(e,t){return e.concat([t+"-"+q,t+"-"+U])}),[]),Y=[].concat(z,[H]).reduce((function(e,t){return e.concat([t,t+"-"+q,t+"-"+U])}),[]),X=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function G(e){var t=new Map,r=new Set,n=[];function o(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!r.has(e)){var n=t.get(e);n&&o(n)}})),n.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){r.has(e.name)||o(e)})),n}function J(e){return e.split("-")[0]}function Q(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&h(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function Z(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function ee(e,t,r){return t===F?Z(function(e,t){var r=d(e),n=j(e),o=r.visualViewport,a=n.clientWidth,i=n.clientHeight,p=0,u=0;if(o){a=o.width,i=o.height;var c=x();(c||!c&&"fixed"===t)&&(p=o.offsetLeft,u=o.offsetTop)}return{width:a,height:i,x:p+P(e),y:u}}(e,r)):v(t)?function(e,t){var r=O(e,!1,"fixed"===t);return r.top=r.top+e.clientTop,r.left=r.left+e.clientLeft,r.bottom=r.top+e.clientHeight,r.right=r.left+e.clientWidth,r.width=e.clientWidth,r.height=e.clientHeight,r.x=r.left,r.y=r.top,r}(t,r):Z(function(e){var t,r=j(e),n=k(e),o=null==(t=e.ownerDocument)?void 0:t.body,a=b(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),i=b(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),p=-n.scrollLeft+P(e),u=-n.scrollTop;return"rtl"===E(o||r).direction&&(p+=b(r.clientWidth,o?o.clientWidth:0)-a),{width:a,height:i,x:p,y:u}}(j(e)))}function te(e,t,r,n){var o="clippingParents"===t?function(e){var t=C(B(e)),r=["absolute","fixed"].indexOf(E(e).position)>=0&&m(e)?L(e):e;return v(r)?t.filter((function(e){return v(e)&&Q(e,r)&&"body"!==S(e)})):[]}(e):[].concat(t),a=[].concat(o,[r]),i=a[0],p=a.reduce((function(t,r){var o=ee(e,r,n);return t.top=b(o.top,t.top),t.right=y(o.right,t.right),t.bottom=y(o.bottom,t.bottom),t.left=b(o.left,t.left),t}),ee(e,i,n));return p.width=p.right-p.left,p.height=p.bottom-p.top,p.x=p.left,p.y=p.top,p}function re(e){return e.split("-")[1]}function ne(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function oe(e){var t,r=e.reference,n=e.element,o=e.placement,a=o?J(o):null,i=o?re(o):null,p=r.x+r.width/2-n.width/2,u=r.y+r.height/2-n.height/2;switch(a){case M:t={x:p,y:r.y-n.height};break;case R:t={x:p,y:r.y+r.height};break;case I:t={x:r.x+r.width,y:u};break;case V:t={x:r.x-n.width,y:u};break;default:t={x:r.x,y:r.y}}var c=a?ne(a):null;if(null!=c){var s="y"===c?"height":"width";switch(i){case q:t[c]=t[c]-(r[s]/2-n[s]/2);break;case U:t[c]=t[c]+(r[s]/2-n[s]/2)}}return t}function ae(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function ie(e,t){return t.reduce((function(t,r){return t[r]=e,t}),{})}function pe(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=void 0===n?e.placement:n,a=r.strategy,i=void 0===a?e.strategy:a,p=r.boundary,u=void 0===p?"clippingParents":p,c=r.rootBoundary,s=void 0===c?F:c,l=r.elementContext,f=void 0===l?$:l,d=r.altBoundary,m=void 0!==d&&d,h=r.padding,b=void 0===h?0:h,y=ae("number"!=typeof b?b:ie(b,z)),g=f===$?"reference":$,w=e.rects.popper,x=e.elements[m?g:f],k=te(v(x)?x:x.contextElement||j(e.elements.popper),u,s,i),S=O(e.elements.reference),P=oe({reference:S,element:w,strategy:"absolute",placement:o}),E=Z(Object.assign({},w,P)),_=f===$?E:S,A={top:k.top-_.top+y.top,bottom:_.bottom-k.bottom+y.bottom,left:k.left-_.left+y.left,right:_.right-k.right+y.right},D=e.modifiersData.offset;if(f===$&&D){var B=D[o];Object.keys(A).forEach((function(e){var t=[I,R].indexOf(e)>=0?1:-1,r=[M,R].indexOf(e)>=0?"y":"x";A[e]+=B[r]*t}))}return A}var ue={placement:"bottom",modifiers:[],strategy:"absolute"};function ce(){for(var e=arguments.length,t=new Array(e),r=0;rr?r:n}(xe,ve,Oe):me(d?xe:be,ve,d?Oe:ye);S[k]=ke,B[k]=ke-ve}t.modifiersData[n]=B}},requiresIfExists:["offset"]},be={left:"right",right:"left",bottom:"top",top:"bottom"};function ye(e){return e.replace(/left|right|bottom|top/g,(function(e){return be[e]}))}var ge={start:"end",end:"start"};function we(e){return e.replace(/start|end/g,(function(e){return ge[e]}))}function xe(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=r.boundary,a=r.rootBoundary,i=r.padding,p=r.flipVariations,u=r.allowedAutoPlacements,c=void 0===u?Y:u,s=re(n),l=s?p?K:K.filter((function(e){return re(e)===s})):z,f=l.filter((function(e){return c.indexOf(e)>=0}));0===f.length&&(f=l);var d=f.reduce((function(t,r){return t[r]=pe(e,{placement:r,boundary:o,rootBoundary:a,padding:i})[J(r)],t}),{});return Object.keys(d).sort((function(e,t){return d[e]-d[t]}))}var Oe={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,a=void 0===o||o,i=r.altAxis,p=void 0===i||i,u=r.fallbackPlacements,c=r.padding,s=r.boundary,l=r.rootBoundary,f=r.altBoundary,d=r.flipVariations,v=void 0===d||d,m=r.allowedAutoPlacements,h=t.options.placement,b=J(h),y=u||(b===h||!v?[ye(h)]:function(e){if(J(e)===H)return[];var t=ye(e);return[we(e),t,we(t)]}(h)),g=[h].concat(y).reduce((function(e,r){return e.concat(J(r)===H?xe(t,{placement:r,boundary:s,rootBoundary:l,padding:c,flipVariations:v,allowedAutoPlacements:m}):r)}),[]),w=t.rects.reference,x=t.rects.popper,O=new Map,k=!0,S=g[0],j=0;j=0,D=A?"width":"height",B=pe(t,{placement:P,boundary:s,rootBoundary:l,altBoundary:f,padding:c}),T=A?_?I:V:_?R:M;w[D]>x[D]&&(T=ye(T));var C=ye(T),N=[];if(a&&N.push(B[E]<=0),p&&N.push(B[T]<=0,B[C]<=0),N.every((function(e){return e}))){S=P,k=!1;break}O.set(P,N)}if(k)for(var W=function(e){var t=g.find((function(t){var r=O.get(t);if(r)return r.slice(0,e).every((function(e){return e}))}));if(t)return S=t,"break"},L=v?3:1;L>0;L--){if("break"===W(L))break}t.placement!==S&&(t.modifiersData[n]._skip=!0,t.placement=S,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var ke={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.offset,a=void 0===o?[0,0]:o,i=Y.reduce((function(e,r){return e[r]=function(e,t,r){var n=J(e),o=[V,M].indexOf(n)>=0?-1:1,a="function"==typeof r?r(Object.assign({},t,{placement:e})):r,i=a[0],p=a[1];return i=i||0,p=(p||0)*o,[V,I].indexOf(n)>=0?{x:p,y:i}:{x:i,y:p}}(r,t.rects,a),e}),{}),p=i[t.placement],u=p.x,c=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=u,t.modifiersData.popperOffsets.y+=c),t.modifiersData[n]=i}};var Se={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,n=e.name,o=e.options,a=r.elements.arrow,i=r.modifiersData.popperOffsets,p=J(r.placement),u=ne(p),c=[V,I].indexOf(p)>=0?"height":"width";if(a&&i){var s=function(e,t){return ae("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:ie(e,z))}(o.padding,r),l=D(a),f="y"===u?M:V,d="y"===u?R:I,v=r.rects.reference[c]+r.rects.reference[u]-i[u]-r.rects.popper[c],m=i[u]-r.rects.reference[u],h=L(a),b=h?"y"===u?h.clientHeight||0:h.clientWidth||0:0,y=v/2-m/2,g=s[f],w=b-l[c]-s[d],x=b/2-l[c]/2+y,O=me(g,x,w),k=u;r.modifiersData[n]=((t={})[k]=O,t.centerOffset=O-x,t)}},effect:function(e){var t=e.state,r=e.options.element,n=void 0===r?"[data-popper-arrow]":r;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&Q(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},je=function(e){return parseInt(e,10)};var Pe={class:"popper__arrow","data-popper-arrow":""};function Ee(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}Ee('\n.popper__arrow[data-v-6591bbd2],\n .popper__arrow[data-v-6591bbd2]::before {\n transition: background 250ms ease-in-out;\n position: absolute;\n width: calc(10px - var(--popper-theme-border-width, 0px));\n height: calc(10px - var(--popper-theme-border-width, 0px));\n box-sizing: border-box;\n background: var(--popper-theme-background-color);\n}\n.popper__arrow[data-v-6591bbd2] {\n visibility: hidden;\n}\n.popper__arrow[data-v-6591bbd2]::before {\n visibility: visible;\n content: "";\n transform: rotate(45deg);\n}\n\n /* Top arrow */\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2] {\n bottom: -5px;\n}\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-bottom: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Bottom arrow */\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2] {\n top: -5px;\n}\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2]::before {\n border-left: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Left arrow */\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2] {\n right: -5px;\n}\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Right arrow */\n.popper[data-popper-placement^="right"] > .popper__arrow[data-v-6591bbd2] {\n left: -5px;\n}\n');var _e={render:function(t,r){return e.openBlock(),e.createElementBlock("div",Pe)},__scopeId:"data-v-6591bbd2"},Ae=_e,De={props:{to:String,disabled:Boolean},components:{Teleport:e.Teleport}};De.render=function(t,r,n,o,a,i){return n.to?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:n.to,disabled:n.disabled},[e.renderSlot(t.$slots,"default")],8,["to","disabled"])):e.renderSlot(t.$slots,"default",{key:1})};var Be=["onKeyup"],Te={__name:"Popper",props:{placement:{type:String,default:"bottom",validator:function(e){return["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"].includes(e)}},disableClickAway:{type:Boolean,default:!1},customClickAwayMatcher:{type:Function,default:null},offsetSkid:{type:[Number,String],default:0},offsetDistance:{type:[Number,String],default:12},hover:{type:Boolean,default:!1},show:{type:Boolean,default:null},disabled:{type:Boolean,default:!1},openDelay:{type:[Number,String],default:0},closeDelay:{type:[Number,String],default:0},arrow:{type:Boolean,default:!1},arrowPadding:{type:[Number,String],default:0},interactive:{type:Boolean,default:!0},locked:{type:Boolean,default:!1},content:{type:String,default:null},boundary:{default:null},boundaryPadding:{type:[Number,String],default:5},container:{type:String,default:null},triggerWrapperClass:{type:[String,Object,Array],default:null},triggerWrapperStyle:{type:[String,Object,Array],default:null},triggerStopPropagation:{type:Boolean,default:!1},contentWrapperClass:{type:[String,Object,Array],default:null},contentWrapperStyle:{type:[String,Object,Array],default:null}},emits:["open:popper","close:popper"],setup:function(t,n){var a=n.expose,u=n.emit,c=t,s=e.useSlots(),d=e.ref(null),v=e.ref(null),m=e.ref(null),h=e.ref(!1),b=e.ref(!1);e.onMounted((function(){var e=s.default();if(e&&e.length>1)return console.error("[Popper]: The component expects only one child element at its root. You passed ".concat(e.length," child nodes."));b.value=!0}));var y=e.toRefs(c),g=y.arrowPadding,w=y.closeDelay,x=y.content,O=y.disableClickAway,k=y.customClickAwayMatcher,S=y.disabled,j=y.interactive,P=y.locked,E=y.offsetDistance,_=y.offsetSkid,A=y.openDelay,D=y.placement,B=y.show,T=y.boundary,C=y.boundaryPadding,N=y.container,W=y.triggerStopPropagation,L=function(t){var n=t.arrowPadding,a=t.emit,u=t.locked,c=t.offsetDistance,s=t.offsetSkid,l=t.placement,f=t.popperNode,d=t.triggerNode,v=t.boundary,m=t.boundaryPadding,h=e.reactive({isOpen:!1,popperInstance:null}),b=function(e){var t;null===(t=h.popperInstance)||void 0===t||t.setOptions((function(t){return r(r({},t),{},{modifiers:[].concat(p(t.modifiers),[{name:"eventListeners",enabled:e}])})}))};e.watch([function(){return h.isOpen},l],function(){var e=o(regeneratorRuntime.mark((function e(t){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!i(t,1)[0]){e.next=7;break}return e.next=4,w();case 4:b(!0),e.next=8;break;case 7:b(!1);case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}());var y=[];if(v.value){var g={boundary:"string"==typeof v.value?document.querySelector(v.value):v.value};m.value&&(g.padding=je(m.value)),y.push({name:"preventOverflow",options:g})}var w=function(){var t=o(regeneratorRuntime.mark((function t(){var r;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.nextTick();case 2:return r={placement:l.value,modifiers:[he].concat(y,[Oe,{name:"flip",enabled:!u.value},Se,{name:"arrow",options:{padding:je(n.value)}},ke,{name:"offset",options:{offset:[je(s.value),je(c.value)]}}])},h.popperInstance=ve(d.value,f.value,r),t.next=6,h.popperInstance.update();case 6:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();return e.onBeforeUnmount((function(){var e;null===(e=h.popperInstance)||void 0===e||e.destroy()})),r(r({},e.toRefs(h)),{},{open:function(){h.isOpen||(h.isOpen=!0,a("open:popper"))},close:function(){h.isOpen&&(h.isOpen=!1,a("close:popper"))},update:function(){h.popperInstance?h.popperInstance.update():w()}})}({arrowPadding:g,emit:u,locked:P,offsetDistance:E,offsetSkid:_,placement:D,popperNode:v,triggerNode:m,boundary:T,boundaryPadding:C}),M=L.isOpen,R=L.open,I=L.close,V=L.update,H=e.computed((function(){return null!==B.value})),z=e.computed((function(){return M.value&&!S.value})),q=e.computed((function(){return!O.value&&!H.value})),U=e.computed((function(){return j.value?"border: ".concat(E.value,"px solid transparent; margin: -").concat(E.value,"px;"):null})),F=l.debounce(R,A.value),$=l.debounce(I,w.value),K=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!S.value&&!H.value){e.next=2;break}return e.abrupt("return");case 2:$.clear(),F();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),Y=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!H.value){e.next=2;break}return e.abrupt("return");case 2:F.clear(),$();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),X=V,G=function(){M.value?Y():K()},J=function(e){G(),W.value&&e.stopPropagation()};return e.watch(S,(function(e){M.value&&e&&I()})),e.watch(M,(function(e){e?h.value=!0:l.debounce((function(){h.value=!1}),200)})),e.watchEffect((function(){H.value&&(B.value?F():$())})),e.watchEffect((function(){q.value&&f(d,v,k.value,Y)})),a({openPopper:K,closePopper:Y,togglePopper:G,updatePopper:X}),function(r,n){return e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(e.unref(U)),onMouseleave:n[2]||(n[2]=function(e){return t.hover&&Y()}),ref_key:"popperContainerNode",ref:d},[e.createElementVNode("div",{ref_key:"triggerNode",ref:m,class:e.normalizeClass([t.triggerWrapperClass,"popper__trigger"]),style:e.normalizeStyle(t.triggerWrapperStyle),onMouseover:n[0]||(n[0]=function(e){return t.hover&&K()}),onClick:J,onFocus:K,onKeyup:e.withKeys(Y,["esc"])},[e.renderSlot(r.$slots,"default")],46,Be),b.value?(e.openBlock(),e.createBlock(De,{key:0,to:e.unref(N)},{default:e.withCtx((function(){return[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx((function(){return[e.withDirectives(e.createElementVNode("div",{onClick:n[1]||(n[1]=function(t){return!e.unref(j)&&Y()}),class:e.normalizeClass(["popper",t.contentWrapperClass]),style:e.normalizeStyle(t.contentWrapperStyle),ref_key:"popperNode",ref:v},[e.renderSlot(r.$slots,"content",{close:e.unref(I),isOpen:h.value},(function(){return[e.createTextVNode(e.toDisplayString(e.unref(x)),1)]})),t.arrow?(e.openBlock(),e.createBlock(Ae,{key:0})):e.createCommentVNode("",!0)],6),[[e.vShow,e.unref(z)]])]})),_:3})]})),_:3},8,["to"])):e.createCommentVNode("",!0)],36)}}};Ee("\n.popper[data-v-4e8e6007] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-4e8e6007]:hover,\n .popper:hover > .popper__arrow[data-v-4e8e6007]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-4e8e6007],\n .fade-leave-active[data-v-4e8e6007] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-4e8e6007],\n .fade-leave-to[data-v-4e8e6007] {\n opacity: 0;\n}\n"),Te.__scopeId="data-v-4e8e6007";var Ce=function(){var e=Te;return e.install=function(t){t.component("Popper",e)},e}(),Ne=Object.freeze({__proto__:null,default:Ce});return Object.entries(Ne).forEach((function(e){var t=i(e,2),r=t[0],n=t[1];"default"!==r&&(Ce[r]=n)})),Ce}(Vue); \ No newline at end of file diff --git a/dist/popper.ssr.js b/dist/popper.ssr.js index 95db75b..c5cb3b1 100644 --- a/dist/popper.ssr.js +++ b/dist/popper.ssr.js @@ -271,40 +271,6 @@ var debounce_1 = debounce$1;function useEventListener(target, event, handler) { }; return useEventListener(window, event, listener); -}// import { isHTMLElement } from './instanceOf'; -function getBoundingClientRect(element, // eslint-disable-next-line unused-imports/no-unused-vars -includeScale) { - - var rect = element.getBoundingClientRect(); - var scaleX = 1; - var scaleY = 1; // FIXME: - // `offsetWidth` returns an integer while `getBoundingClientRect` - // returns a float. This results in `scaleX` or `scaleY` being - // non-1 when it should be for elements that aren't a full pixel in - // width or height. - // if (isHTMLElement(element) && includeScale) { - // const offsetHeight = element.offsetHeight; - // const offsetWidth = element.offsetWidth; - // // Do not attempt to divide by 0, otherwise we get `Infinity` as scale - // // Fallback to 1 in case both values are `0` - // if (offsetWidth > 0) { - // scaleX = rect.width / offsetWidth || 1; - // } - // if (offsetHeight > 0) { - // scaleY = rect.height / offsetHeight || 1; - // } - // } - - return { - width: rect.width / scaleX, - height: rect.height / scaleY, - top: rect.top / scaleY, - right: rect.right / scaleX, - bottom: rect.bottom / scaleY, - left: rect.left / scaleX, - x: rect.left / scaleX, - y: rect.top / scaleY - }; }function getWindow(node) { if (node == null) { return window; @@ -316,14 +282,6 @@ includeScale) { } return node; -}function getWindowScroll(node) { - var win = getWindow(node); - var scrollLeft = win.pageXOffset; - var scrollTop = win.pageYOffset; - return { - scrollLeft: scrollLeft, - scrollTop: scrollTop - }; }function isElement(node) { var OwnElement = getWindow(node).Element; return node instanceof OwnElement || node instanceof Element; @@ -342,6 +300,64 @@ function isShadowRoot(node) { var OwnElement = getWindow(node).ShadowRoot; return node instanceof OwnElement || node instanceof ShadowRoot; +}var max = Math.max; +var min = Math.min; +var round = Math.round;function getUAString() { + var uaData = navigator.userAgentData; + + if (uaData != null && uaData.brands) { + return uaData.brands.map(function (item) { + return item.brand + "/" + item.version; + }).join(' '); + } + + return navigator.userAgent; +}function isLayoutViewport() { + return !/^((?!chrome|android).)*safari/i.test(getUAString()); +}function getBoundingClientRect(element, includeScale, isFixedStrategy) { + if (includeScale === void 0) { + includeScale = false; + } + + if (isFixedStrategy === void 0) { + isFixedStrategy = false; + } + + var clientRect = element.getBoundingClientRect(); + var scaleX = 1; + var scaleY = 1; + + if (includeScale && isHTMLElement(element)) { + scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1; + scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1; + } + + var _ref = isElement(element) ? getWindow(element) : window, + visualViewport = _ref.visualViewport; + + var addVisualOffsets = !isLayoutViewport() && isFixedStrategy; + var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX; + var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY; + var width = clientRect.width / scaleX; + var height = clientRect.height / scaleY; + return { + width: width, + height: height, + top: y, + right: x + width, + bottom: y + height, + left: x, + x: x, + y: y + }; +}function getWindowScroll(node) { + var win = getWindow(node); + var scrollLeft = win.pageXOffset; + var scrollTop = win.pageYOffset; + return { + scrollLeft: scrollLeft, + scrollTop: scrollTop + }; }function getHTMLElementScroll(element) { return { scrollLeft: element.scrollLeft, @@ -380,8 +396,8 @@ function isShadowRoot(node) { return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX); }function isElementScaled(element) { var rect = element.getBoundingClientRect(); - var scaleX = rect.width / element.offsetWidth || 1; - var scaleY = rect.height / element.offsetHeight || 1; + var scaleX = round(rect.width) / element.offsetWidth || 1; + var scaleY = round(rect.height) / element.offsetHeight || 1; return scaleX !== 1 || scaleY !== 1; } // Returns the composite rect of an element relative to its offsetParent. // Composite means it takes into account transforms as well as layout. @@ -393,9 +409,9 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) { } var isOffsetParentAnElement = isHTMLElement(offsetParent); - isHTMLElement(offsetParent) && isElementScaled(offsetParent); + var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent); var documentElement = getDocumentElement(offsetParent); - var rect = getBoundingClientRect(elementOrVirtualElement); + var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed); var scroll = { scrollLeft: 0, scrollTop: 0 @@ -412,7 +428,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) { } if (isHTMLElement(offsetParent)) { - offsets = getBoundingClientRect(offsetParent); + offsets = getBoundingClientRect(offsetParent, true); offsets.x += offsetParent.clientLeft; offsets.y += offsetParent.clientTop; } else if (documentElement) { @@ -510,8 +526,8 @@ function listScrollParents(element, list) { function getContainingBlock(element) { - var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1; - var isIE = navigator.userAgent.indexOf('Trident') !== -1; + var isFirefox = /firefox/i.test(getUAString()); + var isIE = /Trident/i.test(getUAString()); if (isIE && isHTMLElement(element)) { // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport @@ -524,6 +540,10 @@ function getContainingBlock(element) { var currentNode = getParentNode(element); + if (isShadowRoot(currentNode)) { + currentNode = currentNode.host; + } + while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) { var css = getComputedStyle(currentNode); // This is non-exhaustive but covers the most common CSS properties that // create a containing block. @@ -654,31 +674,21 @@ function orderModifiers(modifiers) { return Object.keys(merged).map(function (key) { return merged[key]; }); -}function getViewportRect(element) { +}function getViewportRect(element, strategy) { var win = getWindow(element); var html = getDocumentElement(element); var visualViewport = win.visualViewport; var width = html.clientWidth; var height = html.clientHeight; var x = 0; - var y = 0; // NB: This isn't supported on iOS <= 12. If the keyboard is open, the popper - // can be obscured underneath it. - // Also, `html.clientHeight` adds the bottom bar height in Safari iOS, even - // if it isn't open, so if this isn't available, the popper will be detected - // to overflow the bottom of the screen too early. + var y = 0; if (visualViewport) { width = visualViewport.width; - height = visualViewport.height; // Uses Layout Viewport (like Chrome; Safari does not currently) - // In Chrome, it returns a value very close to 0 (+/-) but contains rounding - // errors due to floating point numbers, so we need to check precision. - // Safari returns a number <= 0, usually < -1 when pinch-zoomed - // Feature detection fails in mobile emulation mode in Chrome. - // Math.abs(win.innerWidth / visualViewport.scale - visualViewport.width) < - // 0.001 - // Fallback here: "Not Safari" userAgent - - if (!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) { + height = visualViewport.height; + var layoutViewport = isLayoutViewport(); + + if (layoutViewport || !layoutViewport && strategy === 'fixed') { x = visualViewport.offsetLeft; y = visualViewport.offsetTop; } @@ -690,9 +700,7 @@ function orderModifiers(modifiers) { x: x + getWindowScrollBarX(element), y: y }; -}var max = Math.max; -var min = Math.min; -var round = Math.round;// of the `` and `` rect bounds if horizontally scrollable +}// of the `` and `` rect bounds if horizontally scrollable function getDocumentRect(element) { var _element$ownerDocumen; @@ -743,8 +751,8 @@ function getDocumentRect(element) { right: rect.x + rect.width, bottom: rect.y + rect.height }); -}function getInnerBoundingClientRect(element) { - var rect = getBoundingClientRect(element); +}function getInnerBoundingClientRect(element, strategy) { + var rect = getBoundingClientRect(element, false, strategy === 'fixed'); rect.top = rect.top + element.clientTop; rect.left = rect.left + element.clientLeft; rect.bottom = rect.top + element.clientHeight; @@ -756,8 +764,8 @@ function getDocumentRect(element) { return rect; } -function getClientRectFromMixedType(element, clippingParent) { - return clippingParent === viewport ? rectToClientRect(getViewportRect(element)) : isHTMLElement(clippingParent) ? getInnerBoundingClientRect(clippingParent) : rectToClientRect(getDocumentRect(getDocumentElement(element))); +function getClientRectFromMixedType(element, clippingParent, strategy) { + return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element))); } // A "clipping parent" is an overflowable container with the characteristic of // clipping (or hiding) overflowing elements with a position different from // `initial` @@ -780,18 +788,18 @@ function getClippingParents(element) { // clipping parents -function getClippingRect(element, boundary, rootBoundary) { +function getClippingRect(element, boundary, rootBoundary, strategy) { var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary); var clippingParents = [].concat(mainClippingParents, [rootBoundary]); var firstClippingParent = clippingParents[0]; var clippingRect = clippingParents.reduce(function (accRect, clippingParent) { - var rect = getClientRectFromMixedType(element, clippingParent); + var rect = getClientRectFromMixedType(element, clippingParent, strategy); accRect.top = max(rect.top, accRect.top); accRect.right = min(rect.right, accRect.right); accRect.bottom = min(rect.bottom, accRect.bottom); accRect.left = max(rect.left, accRect.left); return accRect; - }, getClientRectFromMixedType(element, firstClippingParent)); + }, getClientRectFromMixedType(element, firstClippingParent, strategy)); clippingRect.width = clippingRect.right - clippingRect.left; clippingRect.height = clippingRect.bottom - clippingRect.top; clippingRect.x = clippingRect.left; @@ -886,6 +894,8 @@ function getClippingRect(element, boundary, rootBoundary) { var _options = options, _options$placement = _options.placement, placement = _options$placement === void 0 ? state.placement : _options$placement, + _options$strategy = _options.strategy, + strategy = _options$strategy === void 0 ? state.strategy : _options$strategy, _options$boundary = _options.boundary, boundary = _options$boundary === void 0 ? clippingParents : _options$boundary, _options$rootBoundary = _options.rootBoundary, @@ -900,7 +910,7 @@ function getClippingRect(element, boundary, rootBoundary) { var altContext = elementContext === popper ? reference : popper; var popperRect = state.rects.popper; var element = state.elements[altBoundary ? altContext : elementContext]; - var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary); + var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy); var referenceClientRect = getBoundingClientRect(state.elements.reference); var popperOffsets = computeOffsets({ reference: referenceClientRect, @@ -1203,8 +1213,8 @@ function roundOffsetsByDPR(_ref) { var win = window; var dpr = win.devicePixelRatio || 1; return { - x: round(round(x * dpr) / dpr) || 0, - y: round(round(y * dpr) / dpr) || 0 + x: round(x * dpr) / dpr || 0, + y: round(y * dpr) / dpr || 0 }; } @@ -1219,14 +1229,23 @@ function mapToStyles(_ref2) { position = _ref2.position, gpuAcceleration = _ref2.gpuAcceleration, adaptive = _ref2.adaptive, - roundOffsets = _ref2.roundOffsets; - - var _ref3 = roundOffsets === true ? roundOffsetsByDPR(offsets) : typeof roundOffsets === 'function' ? roundOffsets(offsets) : offsets, - _ref3$x = _ref3.x, - x = _ref3$x === void 0 ? 0 : _ref3$x, - _ref3$y = _ref3.y, - y = _ref3$y === void 0 ? 0 : _ref3$y; + roundOffsets = _ref2.roundOffsets, + isFixed = _ref2.isFixed; + var _offsets$x = offsets.x, + x = _offsets$x === void 0 ? 0 : _offsets$x, + _offsets$y = offsets.y, + y = _offsets$y === void 0 ? 0 : _offsets$y; + + var _ref3 = typeof roundOffsets === 'function' ? roundOffsets({ + x: x, + y: y + }) : { + x: x, + y: y + }; + x = _ref3.x; + y = _ref3.y; var hasX = offsets.hasOwnProperty('x'); var hasY = offsets.hasOwnProperty('y'); var sideX = left; @@ -1251,16 +1270,18 @@ function mapToStyles(_ref2) { offsetParent = offsetParent; if (placement === top || (placement === left || placement === right) && variation === end) { - sideY = bottom; // $FlowFixMe[prop-missing] - - y -= offsetParent[heightProp] - popperRect.height; + sideY = bottom; + var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing] + offsetParent[heightProp]; + y -= offsetY - popperRect.height; y *= gpuAcceleration ? 1 : -1; } if (placement === left || (placement === top || placement === bottom) && variation === end) { - sideX = right; // $FlowFixMe[prop-missing] - - x -= offsetParent[widthProp] - popperRect.width; + sideX = right; + var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing] + offsetParent[widthProp]; + x -= offsetX - popperRect.width; x *= gpuAcceleration ? 1 : -1; } } @@ -1269,6 +1290,17 @@ function mapToStyles(_ref2) { position: position }, adaptive && unsetSides); + var _ref4 = roundOffsets === true ? roundOffsetsByDPR({ + x: x, + y: y + }) : { + x: x, + y: y + }; + + x = _ref4.x; + y = _ref4.y; + if (gpuAcceleration) { var _Object$assign; @@ -1278,9 +1310,9 @@ function mapToStyles(_ref2) { return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2)); } -function computeStyles(_ref4) { - var state = _ref4.state, - options = _ref4.options; +function computeStyles(_ref5) { + var state = _ref5.state, + options = _ref5.options; var _options$gpuAccelerat = options.gpuAcceleration, gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat, _options$adaptive = options.adaptive, @@ -1293,7 +1325,8 @@ function computeStyles(_ref4) { variation: getVariation(state.placement), popper: state.elements.popper, popperRect: state.rects.popper, - gpuAcceleration: gpuAcceleration + gpuAcceleration: gpuAcceleration, + isFixed: state.options.strategy === 'fixed' }; if (state.modifiersData.popperOffsets != null) { @@ -1415,6 +1448,10 @@ function getAltAxis(axis) { return axis === 'x' ? 'y' : 'x'; }function within(min$1, value, max$1) { return max(min$1, min(value, max$1)); +} +function withinMaxClamp(min, value, max) { + var v = within(min, value, max); + return v > max ? max : v; }function preventOverflow(_ref) { var state = _ref.state, options = _ref.options, @@ -1448,6 +1485,14 @@ function getAltAxis(axis) { var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign({}, state.rects, { placement: state.placement })) : tetherOffset; + var normalizedTetherOffsetValue = typeof tetherOffsetValue === 'number' ? { + mainAxis: tetherOffsetValue, + altAxis: tetherOffsetValue + } : Object.assign({ + mainAxis: 0, + altAxis: 0 + }, tetherOffsetValue); + var offsetModifierState = state.modifiersData.offset ? state.modifiersData.offset[state.placement] : null; var data = { x: 0, y: 0 @@ -1457,13 +1502,15 @@ function getAltAxis(axis) { return; } - if (checkMainAxis || checkAltAxis) { + if (checkMainAxis) { + var _offsetModifierState$; + var mainSide = mainAxis === 'y' ? top : left; var altSide = mainAxis === 'y' ? bottom : right; var len = mainAxis === 'y' ? 'height' : 'width'; var offset = popperOffsets[mainAxis]; - var min$1 = popperOffsets[mainAxis] + overflow[mainSide]; - var max$1 = popperOffsets[mainAxis] - overflow[altSide]; + var min$1 = offset + overflow[mainSide]; + var max$1 = offset - overflow[altSide]; var additive = tether ? -popperRect[len] / 2 : 0; var minLen = variation === start ? referenceRect[len] : popperRect[len]; var maxLen = variation === start ? -popperRect[len] : -referenceRect[len]; // We need to include the arrow in the calculation so the arrow doesn't go @@ -1483,36 +1530,45 @@ function getAltAxis(axis) { // width or height) var arrowLen = within(0, referenceRect[len], arrowRect[len]); - var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - tetherOffsetValue : minLen - arrowLen - arrowPaddingMin - tetherOffsetValue; - var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + tetherOffsetValue : maxLen + arrowLen + arrowPaddingMax + tetherOffsetValue; + var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis : minLen - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis; + var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis : maxLen + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis; var arrowOffsetParent = state.elements.arrow && getOffsetParent(state.elements.arrow); var clientOffset = arrowOffsetParent ? mainAxis === 'y' ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0; - var offsetModifierValue = state.modifiersData.offset ? state.modifiersData.offset[state.placement][mainAxis] : 0; - var tetherMin = popperOffsets[mainAxis] + minOffset - offsetModifierValue - clientOffset; - var tetherMax = popperOffsets[mainAxis] + maxOffset - offsetModifierValue; + var offsetModifierValue = (_offsetModifierState$ = offsetModifierState == null ? void 0 : offsetModifierState[mainAxis]) != null ? _offsetModifierState$ : 0; + var tetherMin = offset + minOffset - offsetModifierValue - clientOffset; + var tetherMax = offset + maxOffset - offsetModifierValue; + var preventedOffset = within(tether ? min(min$1, tetherMin) : min$1, offset, tether ? max(max$1, tetherMax) : max$1); + popperOffsets[mainAxis] = preventedOffset; + data[mainAxis] = preventedOffset - offset; + } - if (checkMainAxis) { - var preventedOffset = within(tether ? min(min$1, tetherMin) : min$1, offset, tether ? max(max$1, tetherMax) : max$1); - popperOffsets[mainAxis] = preventedOffset; - data[mainAxis] = preventedOffset - offset; - } + if (checkAltAxis) { + var _offsetModifierState$2; - if (checkAltAxis) { - var _mainSide = mainAxis === 'x' ? top : left; + var _mainSide = mainAxis === 'x' ? top : left; - var _altSide = mainAxis === 'x' ? bottom : right; + var _altSide = mainAxis === 'x' ? bottom : right; - var _offset = popperOffsets[altAxis]; + var _offset = popperOffsets[altAxis]; - var _min = _offset + overflow[_mainSide]; + var _len = altAxis === 'y' ? 'height' : 'width'; - var _max = _offset - overflow[_altSide]; + var _min = _offset + overflow[_mainSide]; - var _preventedOffset = within(tether ? min(_min, tetherMin) : _min, _offset, tether ? max(_max, tetherMax) : _max); + var _max = _offset - overflow[_altSide]; - popperOffsets[altAxis] = _preventedOffset; - data[altAxis] = _preventedOffset - _offset; - } + var isOriginSide = [top, left].indexOf(basePlacement) !== -1; + + var _offsetModifierValue = (_offsetModifierState$2 = offsetModifierState == null ? void 0 : offsetModifierState[altAxis]) != null ? _offsetModifierState$2 : 0; + + var _tetherMin = isOriginSide ? _min : _offset - referenceRect[_len] - popperRect[_len] - _offsetModifierValue + normalizedTetherOffsetValue.altAxis; + + var _tetherMax = isOriginSide ? _offset + referenceRect[_len] + popperRect[_len] - _offsetModifierValue - normalizedTetherOffsetValue.altAxis : _max; + + var _preventedOffset = tether && isOriginSide ? withinMaxClamp(_tetherMin, _offset, _tetherMax) : within(tether ? _tetherMin : _min, _offset, tether ? _tetherMax : _max); + + popperOffsets[altAxis] = _preventedOffset; + data[altAxis] = _preventedOffset - _offset; } state.modifiersData[name] = data; From d890d02a25085bd3ab47bde1b9eb46f5c43a2e0a Mon Sep 17 00:00:00 2001 From: Andrey Krivko <1298360+jastkand@users.noreply.github.com> Date: Thu, 27 Oct 2022 23:15:08 +0600 Subject: [PATCH 20/22] add adaptive option to popper --- dist/popper.esm.js | 56 +++++++++++++++++++++++------------ dist/popper.min.js | 2 +- dist/popper.ssr.js | 56 +++++++++++++++++++++++------------ src/component/Popper.vue | 9 ++++++ src/composables/usePopper.js | 57 +++++++++++++++++++++--------------- 5 files changed, 120 insertions(+), 60 deletions(-) diff --git a/dist/popper.esm.js b/dist/popper.esm.js index dff7e70..b201b38 100644 --- a/dist/popper.esm.js +++ b/dist/popper.esm.js @@ -1868,7 +1868,8 @@ function usePopper({ popperNode, triggerNode, boundary, - boundaryPadding + boundaryPadding, + adaptive }) { const state = reactive({ isOpen: false, @@ -1938,24 +1939,33 @@ function usePopper({ }); } + const modifiers = [preventOverflow$1, ...customPreventOverflowMidifier, { + name: "computeStyles", + options: { + adaptive, + gpuAcceleration: true, + roundOffsets: true + } + }, flip$1, { + name: "flip", + enabled: !locked.value + }, arrow$1, { + name: "arrow", + options: { + padding: toInt(arrowPadding.value) + } + }, offset$1, { + name: "offset", + options: { + offset: [toInt(offsetSkid.value), toInt(offsetDistance.value)] + } + }]; + const initializePopper = async () => { await nextTick(); const popperOptions = { placement: placement.value, - modifiers: [preventOverflow$1, ...customPreventOverflowMidifier, flip$1, { - name: "flip", - enabled: !locked.value - }, arrow$1, { - name: "arrow", - options: { - padding: toInt(arrowPadding.value) - } - }, offset$1, { - name: "offset", - options: { - offset: [toInt(offsetSkid.value), toInt(offsetDistance.value)] - } - }] + modifiers }; state.popperInstance = createPopper(triggerNode.value, popperNode.value, popperOptions); // Update its position @@ -2166,6 +2176,14 @@ var script = { default: null }, + /** + * Controls the adaptive options of computeStyles modifier. [Boolean] + */ + adaptive: { + type: Boolean, + default: true + }, + /** * This describes the area that the element will be checked for overflow relative to. [String, Element] */ @@ -2265,6 +2283,7 @@ var script = { openDelay, placement, show, + adaptive, boundary, boundaryPadding, container, @@ -2285,7 +2304,8 @@ var script = { popperNode, triggerNode, boundary, - boundaryPadding + boundaryPadding, + adaptive }); const manualMode = computed(() => show.value !== null); const shouldShowPopper = computed(() => isOpen.value && !disabled.value); @@ -2419,10 +2439,10 @@ var script = { }; -var css_248z = "\n.popper[data-v-4e8e6007] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-4e8e6007]:hover,\n .popper:hover > .popper__arrow[data-v-4e8e6007]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-4e8e6007],\n .fade-leave-active[data-v-4e8e6007] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-4e8e6007],\n .fade-leave-to[data-v-4e8e6007] {\n opacity: 0;\n}\n"; +var css_248z = "\n.popper[data-v-228f360a] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-228f360a]:hover,\n .popper:hover > .popper__arrow[data-v-228f360a]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-228f360a],\n .fade-leave-active[data-v-228f360a] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-228f360a],\n .fade-leave-to[data-v-228f360a] {\n opacity: 0;\n}\n"; styleInject(css_248z); -script.__scopeId = "data-v-4e8e6007"; +script.__scopeId = "data-v-228f360a"; // IIFE injects install function into component, allowing component // to be registered via Vue.use() as well as Vue.component(), diff --git a/dist/popper.min.js b/dist/popper.min.js index 1b95bfc..d477d16 100644 --- a/dist/popper.min.js +++ b/dist/popper.min.js @@ -1 +1 @@ -var Popper=function(e){"use strict";function t(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function r(e){for(var r=1;re.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0?n=setTimeout(u,t-c):(n=null,r||(p=e.apply(a,o),a=o=null))}null==t&&(t=100);var c=function(){a=this,o=arguments,i=Date.now();var c=r&&!n;return n||(n=setTimeout(u,t)),c&&(p=e.apply(a,o),a=o=null),p};return c.clear=function(){n&&(clearTimeout(n),n=null)},c.flush=function(){n&&(p=e.apply(a,o),a=o=null,clearTimeout(n),n=null)},c}s.debounce=s;var l=s;function f(t,r,n,o){if("undefined"!=typeof window&&window){var a=function(e,t){return t===e.target||e.composedPath().includes(t)};return function(t,r,n){e.isRef(t)?e.watch(t,(function(e,t){null==t||t.removeEventListener(r,n),null==e||e.addEventListener(r,n)})):e.onMounted((function(){t.addEventListener(r,n)})),e.onBeforeUnmount((function(){var o;null===(o=e.unref(t))||void 0===o||o.removeEventListener(r,n)}))}(window,"pointerdown",(function(i){var p=e.unref(t),u=e.unref(r);(p||u)&&(a(i,p)||a(i,u)||n&&n(i)||o(i))}))}}function d(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function v(e){return e instanceof d(e).Element||e instanceof Element}function m(e){return e instanceof d(e).HTMLElement||e instanceof HTMLElement}function h(e){return"undefined"!=typeof ShadowRoot&&(e instanceof d(e).ShadowRoot||e instanceof ShadowRoot)}var b=Math.max,y=Math.min,g=Math.round;function w(){var e=navigator.userAgentData;return null!=e&&e.brands?e.brands.map((function(e){return e.brand+"/"+e.version})).join(" "):navigator.userAgent}function x(){return!/^((?!chrome|android).)*safari/i.test(w())}function O(e,t,r){void 0===t&&(t=!1),void 0===r&&(r=!1);var n=e.getBoundingClientRect(),o=1,a=1;t&&m(e)&&(o=e.offsetWidth>0&&g(n.width)/e.offsetWidth||1,a=e.offsetHeight>0&&g(n.height)/e.offsetHeight||1);var i=(v(e)?d(e):window).visualViewport,p=!x()&&r,u=(n.left+(p&&i?i.offsetLeft:0))/o,c=(n.top+(p&&i?i.offsetTop:0))/a,s=n.width/o,l=n.height/a;return{width:s,height:l,top:c,right:u+s,bottom:c+l,left:u,x:u,y:c}}function k(e){var t=d(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function S(e){return e?(e.nodeName||"").toLowerCase():null}function j(e){return((v(e)?e.ownerDocument:e.document)||window.document).documentElement}function P(e){return O(j(e)).left+k(e).scrollLeft}function E(e){return d(e).getComputedStyle(e)}function _(e){var t=E(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function A(e,t,r){void 0===r&&(r=!1);var n,o,a=m(t),i=m(t)&&function(e){var t=e.getBoundingClientRect(),r=g(t.width)/e.offsetWidth||1,n=g(t.height)/e.offsetHeight||1;return 1!==r||1!==n}(t),p=j(t),u=O(e,i,r),c={scrollLeft:0,scrollTop:0},s={x:0,y:0};return(a||!a&&!r)&&(("body"!==S(t)||_(p))&&(c=(n=t)!==d(n)&&m(n)?{scrollLeft:(o=n).scrollLeft,scrollTop:o.scrollTop}:k(n)),m(t)?((s=O(t,!0)).x+=t.clientLeft,s.y+=t.clientTop):p&&(s.x=P(p))),{x:u.left+c.scrollLeft-s.x,y:u.top+c.scrollTop-s.y,width:u.width,height:u.height}}function D(e){var t=O(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function B(e){return"html"===S(e)?e:e.assignedSlot||e.parentNode||(h(e)?e.host:null)||j(e)}function T(e){return["html","body","#document"].indexOf(S(e))>=0?e.ownerDocument.body:m(e)&&_(e)?e:T(B(e))}function C(e,t){var r;void 0===t&&(t=[]);var n=T(e),o=n===(null==(r=e.ownerDocument)?void 0:r.body),a=d(n),i=o?[a].concat(a.visualViewport||[],_(n)?n:[]):n,p=t.concat(i);return o?p:p.concat(C(B(i)))}function N(e){return["table","td","th"].indexOf(S(e))>=0}function W(e){return m(e)&&"fixed"!==E(e).position?e.offsetParent:null}function L(e){for(var t=d(e),r=W(e);r&&N(r)&&"static"===E(r).position;)r=W(r);return r&&("html"===S(r)||"body"===S(r)&&"static"===E(r).position)?t:r||function(e){var t=/firefox/i.test(w());if(/Trident/i.test(w())&&m(e)&&"fixed"===E(e).position)return null;var r=B(e);for(h(r)&&(r=r.host);m(r)&&["html","body"].indexOf(S(r))<0;){var n=E(r);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return r;r=r.parentNode}return null}(e)||t}var M="top",R="bottom",I="right",V="left",H="auto",z=[M,R,I,V],q="start",U="end",F="viewport",$="popper",K=z.reduce((function(e,t){return e.concat([t+"-"+q,t+"-"+U])}),[]),Y=[].concat(z,[H]).reduce((function(e,t){return e.concat([t,t+"-"+q,t+"-"+U])}),[]),X=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function G(e){var t=new Map,r=new Set,n=[];function o(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!r.has(e)){var n=t.get(e);n&&o(n)}})),n.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){r.has(e.name)||o(e)})),n}function J(e){return e.split("-")[0]}function Q(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&h(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function Z(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function ee(e,t,r){return t===F?Z(function(e,t){var r=d(e),n=j(e),o=r.visualViewport,a=n.clientWidth,i=n.clientHeight,p=0,u=0;if(o){a=o.width,i=o.height;var c=x();(c||!c&&"fixed"===t)&&(p=o.offsetLeft,u=o.offsetTop)}return{width:a,height:i,x:p+P(e),y:u}}(e,r)):v(t)?function(e,t){var r=O(e,!1,"fixed"===t);return r.top=r.top+e.clientTop,r.left=r.left+e.clientLeft,r.bottom=r.top+e.clientHeight,r.right=r.left+e.clientWidth,r.width=e.clientWidth,r.height=e.clientHeight,r.x=r.left,r.y=r.top,r}(t,r):Z(function(e){var t,r=j(e),n=k(e),o=null==(t=e.ownerDocument)?void 0:t.body,a=b(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),i=b(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),p=-n.scrollLeft+P(e),u=-n.scrollTop;return"rtl"===E(o||r).direction&&(p+=b(r.clientWidth,o?o.clientWidth:0)-a),{width:a,height:i,x:p,y:u}}(j(e)))}function te(e,t,r,n){var o="clippingParents"===t?function(e){var t=C(B(e)),r=["absolute","fixed"].indexOf(E(e).position)>=0&&m(e)?L(e):e;return v(r)?t.filter((function(e){return v(e)&&Q(e,r)&&"body"!==S(e)})):[]}(e):[].concat(t),a=[].concat(o,[r]),i=a[0],p=a.reduce((function(t,r){var o=ee(e,r,n);return t.top=b(o.top,t.top),t.right=y(o.right,t.right),t.bottom=y(o.bottom,t.bottom),t.left=b(o.left,t.left),t}),ee(e,i,n));return p.width=p.right-p.left,p.height=p.bottom-p.top,p.x=p.left,p.y=p.top,p}function re(e){return e.split("-")[1]}function ne(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function oe(e){var t,r=e.reference,n=e.element,o=e.placement,a=o?J(o):null,i=o?re(o):null,p=r.x+r.width/2-n.width/2,u=r.y+r.height/2-n.height/2;switch(a){case M:t={x:p,y:r.y-n.height};break;case R:t={x:p,y:r.y+r.height};break;case I:t={x:r.x+r.width,y:u};break;case V:t={x:r.x-n.width,y:u};break;default:t={x:r.x,y:r.y}}var c=a?ne(a):null;if(null!=c){var s="y"===c?"height":"width";switch(i){case q:t[c]=t[c]-(r[s]/2-n[s]/2);break;case U:t[c]=t[c]+(r[s]/2-n[s]/2)}}return t}function ae(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function ie(e,t){return t.reduce((function(t,r){return t[r]=e,t}),{})}function pe(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=void 0===n?e.placement:n,a=r.strategy,i=void 0===a?e.strategy:a,p=r.boundary,u=void 0===p?"clippingParents":p,c=r.rootBoundary,s=void 0===c?F:c,l=r.elementContext,f=void 0===l?$:l,d=r.altBoundary,m=void 0!==d&&d,h=r.padding,b=void 0===h?0:h,y=ae("number"!=typeof b?b:ie(b,z)),g=f===$?"reference":$,w=e.rects.popper,x=e.elements[m?g:f],k=te(v(x)?x:x.contextElement||j(e.elements.popper),u,s,i),S=O(e.elements.reference),P=oe({reference:S,element:w,strategy:"absolute",placement:o}),E=Z(Object.assign({},w,P)),_=f===$?E:S,A={top:k.top-_.top+y.top,bottom:_.bottom-k.bottom+y.bottom,left:k.left-_.left+y.left,right:_.right-k.right+y.right},D=e.modifiersData.offset;if(f===$&&D){var B=D[o];Object.keys(A).forEach((function(e){var t=[I,R].indexOf(e)>=0?1:-1,r=[M,R].indexOf(e)>=0?"y":"x";A[e]+=B[r]*t}))}return A}var ue={placement:"bottom",modifiers:[],strategy:"absolute"};function ce(){for(var e=arguments.length,t=new Array(e),r=0;rr?r:n}(xe,ve,Oe):me(d?xe:be,ve,d?Oe:ye);S[k]=ke,B[k]=ke-ve}t.modifiersData[n]=B}},requiresIfExists:["offset"]},be={left:"right",right:"left",bottom:"top",top:"bottom"};function ye(e){return e.replace(/left|right|bottom|top/g,(function(e){return be[e]}))}var ge={start:"end",end:"start"};function we(e){return e.replace(/start|end/g,(function(e){return ge[e]}))}function xe(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=r.boundary,a=r.rootBoundary,i=r.padding,p=r.flipVariations,u=r.allowedAutoPlacements,c=void 0===u?Y:u,s=re(n),l=s?p?K:K.filter((function(e){return re(e)===s})):z,f=l.filter((function(e){return c.indexOf(e)>=0}));0===f.length&&(f=l);var d=f.reduce((function(t,r){return t[r]=pe(e,{placement:r,boundary:o,rootBoundary:a,padding:i})[J(r)],t}),{});return Object.keys(d).sort((function(e,t){return d[e]-d[t]}))}var Oe={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,a=void 0===o||o,i=r.altAxis,p=void 0===i||i,u=r.fallbackPlacements,c=r.padding,s=r.boundary,l=r.rootBoundary,f=r.altBoundary,d=r.flipVariations,v=void 0===d||d,m=r.allowedAutoPlacements,h=t.options.placement,b=J(h),y=u||(b===h||!v?[ye(h)]:function(e){if(J(e)===H)return[];var t=ye(e);return[we(e),t,we(t)]}(h)),g=[h].concat(y).reduce((function(e,r){return e.concat(J(r)===H?xe(t,{placement:r,boundary:s,rootBoundary:l,padding:c,flipVariations:v,allowedAutoPlacements:m}):r)}),[]),w=t.rects.reference,x=t.rects.popper,O=new Map,k=!0,S=g[0],j=0;j=0,D=A?"width":"height",B=pe(t,{placement:P,boundary:s,rootBoundary:l,altBoundary:f,padding:c}),T=A?_?I:V:_?R:M;w[D]>x[D]&&(T=ye(T));var C=ye(T),N=[];if(a&&N.push(B[E]<=0),p&&N.push(B[T]<=0,B[C]<=0),N.every((function(e){return e}))){S=P,k=!1;break}O.set(P,N)}if(k)for(var W=function(e){var t=g.find((function(t){var r=O.get(t);if(r)return r.slice(0,e).every((function(e){return e}))}));if(t)return S=t,"break"},L=v?3:1;L>0;L--){if("break"===W(L))break}t.placement!==S&&(t.modifiersData[n]._skip=!0,t.placement=S,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var ke={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.offset,a=void 0===o?[0,0]:o,i=Y.reduce((function(e,r){return e[r]=function(e,t,r){var n=J(e),o=[V,M].indexOf(n)>=0?-1:1,a="function"==typeof r?r(Object.assign({},t,{placement:e})):r,i=a[0],p=a[1];return i=i||0,p=(p||0)*o,[V,I].indexOf(n)>=0?{x:p,y:i}:{x:i,y:p}}(r,t.rects,a),e}),{}),p=i[t.placement],u=p.x,c=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=u,t.modifiersData.popperOffsets.y+=c),t.modifiersData[n]=i}};var Se={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,n=e.name,o=e.options,a=r.elements.arrow,i=r.modifiersData.popperOffsets,p=J(r.placement),u=ne(p),c=[V,I].indexOf(p)>=0?"height":"width";if(a&&i){var s=function(e,t){return ae("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:ie(e,z))}(o.padding,r),l=D(a),f="y"===u?M:V,d="y"===u?R:I,v=r.rects.reference[c]+r.rects.reference[u]-i[u]-r.rects.popper[c],m=i[u]-r.rects.reference[u],h=L(a),b=h?"y"===u?h.clientHeight||0:h.clientWidth||0:0,y=v/2-m/2,g=s[f],w=b-l[c]-s[d],x=b/2-l[c]/2+y,O=me(g,x,w),k=u;r.modifiersData[n]=((t={})[k]=O,t.centerOffset=O-x,t)}},effect:function(e){var t=e.state,r=e.options.element,n=void 0===r?"[data-popper-arrow]":r;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&Q(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},je=function(e){return parseInt(e,10)};var Pe={class:"popper__arrow","data-popper-arrow":""};function Ee(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}Ee('\n.popper__arrow[data-v-6591bbd2],\n .popper__arrow[data-v-6591bbd2]::before {\n transition: background 250ms ease-in-out;\n position: absolute;\n width: calc(10px - var(--popper-theme-border-width, 0px));\n height: calc(10px - var(--popper-theme-border-width, 0px));\n box-sizing: border-box;\n background: var(--popper-theme-background-color);\n}\n.popper__arrow[data-v-6591bbd2] {\n visibility: hidden;\n}\n.popper__arrow[data-v-6591bbd2]::before {\n visibility: visible;\n content: "";\n transform: rotate(45deg);\n}\n\n /* Top arrow */\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2] {\n bottom: -5px;\n}\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-bottom: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Bottom arrow */\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2] {\n top: -5px;\n}\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2]::before {\n border-left: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Left arrow */\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2] {\n right: -5px;\n}\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Right arrow */\n.popper[data-popper-placement^="right"] > .popper__arrow[data-v-6591bbd2] {\n left: -5px;\n}\n');var _e={render:function(t,r){return e.openBlock(),e.createElementBlock("div",Pe)},__scopeId:"data-v-6591bbd2"},Ae=_e,De={props:{to:String,disabled:Boolean},components:{Teleport:e.Teleport}};De.render=function(t,r,n,o,a,i){return n.to?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:n.to,disabled:n.disabled},[e.renderSlot(t.$slots,"default")],8,["to","disabled"])):e.renderSlot(t.$slots,"default",{key:1})};var Be=["onKeyup"],Te={__name:"Popper",props:{placement:{type:String,default:"bottom",validator:function(e){return["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"].includes(e)}},disableClickAway:{type:Boolean,default:!1},customClickAwayMatcher:{type:Function,default:null},offsetSkid:{type:[Number,String],default:0},offsetDistance:{type:[Number,String],default:12},hover:{type:Boolean,default:!1},show:{type:Boolean,default:null},disabled:{type:Boolean,default:!1},openDelay:{type:[Number,String],default:0},closeDelay:{type:[Number,String],default:0},arrow:{type:Boolean,default:!1},arrowPadding:{type:[Number,String],default:0},interactive:{type:Boolean,default:!0},locked:{type:Boolean,default:!1},content:{type:String,default:null},boundary:{default:null},boundaryPadding:{type:[Number,String],default:5},container:{type:String,default:null},triggerWrapperClass:{type:[String,Object,Array],default:null},triggerWrapperStyle:{type:[String,Object,Array],default:null},triggerStopPropagation:{type:Boolean,default:!1},contentWrapperClass:{type:[String,Object,Array],default:null},contentWrapperStyle:{type:[String,Object,Array],default:null}},emits:["open:popper","close:popper"],setup:function(t,n){var a=n.expose,u=n.emit,c=t,s=e.useSlots(),d=e.ref(null),v=e.ref(null),m=e.ref(null),h=e.ref(!1),b=e.ref(!1);e.onMounted((function(){var e=s.default();if(e&&e.length>1)return console.error("[Popper]: The component expects only one child element at its root. You passed ".concat(e.length," child nodes."));b.value=!0}));var y=e.toRefs(c),g=y.arrowPadding,w=y.closeDelay,x=y.content,O=y.disableClickAway,k=y.customClickAwayMatcher,S=y.disabled,j=y.interactive,P=y.locked,E=y.offsetDistance,_=y.offsetSkid,A=y.openDelay,D=y.placement,B=y.show,T=y.boundary,C=y.boundaryPadding,N=y.container,W=y.triggerStopPropagation,L=function(t){var n=t.arrowPadding,a=t.emit,u=t.locked,c=t.offsetDistance,s=t.offsetSkid,l=t.placement,f=t.popperNode,d=t.triggerNode,v=t.boundary,m=t.boundaryPadding,h=e.reactive({isOpen:!1,popperInstance:null}),b=function(e){var t;null===(t=h.popperInstance)||void 0===t||t.setOptions((function(t){return r(r({},t),{},{modifiers:[].concat(p(t.modifiers),[{name:"eventListeners",enabled:e}])})}))};e.watch([function(){return h.isOpen},l],function(){var e=o(regeneratorRuntime.mark((function e(t){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!i(t,1)[0]){e.next=7;break}return e.next=4,w();case 4:b(!0),e.next=8;break;case 7:b(!1);case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}());var y=[];if(v.value){var g={boundary:"string"==typeof v.value?document.querySelector(v.value):v.value};m.value&&(g.padding=je(m.value)),y.push({name:"preventOverflow",options:g})}var w=function(){var t=o(regeneratorRuntime.mark((function t(){var r;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.nextTick();case 2:return r={placement:l.value,modifiers:[he].concat(y,[Oe,{name:"flip",enabled:!u.value},Se,{name:"arrow",options:{padding:je(n.value)}},ke,{name:"offset",options:{offset:[je(s.value),je(c.value)]}}])},h.popperInstance=ve(d.value,f.value,r),t.next=6,h.popperInstance.update();case 6:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();return e.onBeforeUnmount((function(){var e;null===(e=h.popperInstance)||void 0===e||e.destroy()})),r(r({},e.toRefs(h)),{},{open:function(){h.isOpen||(h.isOpen=!0,a("open:popper"))},close:function(){h.isOpen&&(h.isOpen=!1,a("close:popper"))},update:function(){h.popperInstance?h.popperInstance.update():w()}})}({arrowPadding:g,emit:u,locked:P,offsetDistance:E,offsetSkid:_,placement:D,popperNode:v,triggerNode:m,boundary:T,boundaryPadding:C}),M=L.isOpen,R=L.open,I=L.close,V=L.update,H=e.computed((function(){return null!==B.value})),z=e.computed((function(){return M.value&&!S.value})),q=e.computed((function(){return!O.value&&!H.value})),U=e.computed((function(){return j.value?"border: ".concat(E.value,"px solid transparent; margin: -").concat(E.value,"px;"):null})),F=l.debounce(R,A.value),$=l.debounce(I,w.value),K=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!S.value&&!H.value){e.next=2;break}return e.abrupt("return");case 2:$.clear(),F();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),Y=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!H.value){e.next=2;break}return e.abrupt("return");case 2:F.clear(),$();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),X=V,G=function(){M.value?Y():K()},J=function(e){G(),W.value&&e.stopPropagation()};return e.watch(S,(function(e){M.value&&e&&I()})),e.watch(M,(function(e){e?h.value=!0:l.debounce((function(){h.value=!1}),200)})),e.watchEffect((function(){H.value&&(B.value?F():$())})),e.watchEffect((function(){q.value&&f(d,v,k.value,Y)})),a({openPopper:K,closePopper:Y,togglePopper:G,updatePopper:X}),function(r,n){return e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(e.unref(U)),onMouseleave:n[2]||(n[2]=function(e){return t.hover&&Y()}),ref_key:"popperContainerNode",ref:d},[e.createElementVNode("div",{ref_key:"triggerNode",ref:m,class:e.normalizeClass([t.triggerWrapperClass,"popper__trigger"]),style:e.normalizeStyle(t.triggerWrapperStyle),onMouseover:n[0]||(n[0]=function(e){return t.hover&&K()}),onClick:J,onFocus:K,onKeyup:e.withKeys(Y,["esc"])},[e.renderSlot(r.$slots,"default")],46,Be),b.value?(e.openBlock(),e.createBlock(De,{key:0,to:e.unref(N)},{default:e.withCtx((function(){return[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx((function(){return[e.withDirectives(e.createElementVNode("div",{onClick:n[1]||(n[1]=function(t){return!e.unref(j)&&Y()}),class:e.normalizeClass(["popper",t.contentWrapperClass]),style:e.normalizeStyle(t.contentWrapperStyle),ref_key:"popperNode",ref:v},[e.renderSlot(r.$slots,"content",{close:e.unref(I),isOpen:h.value},(function(){return[e.createTextVNode(e.toDisplayString(e.unref(x)),1)]})),t.arrow?(e.openBlock(),e.createBlock(Ae,{key:0})):e.createCommentVNode("",!0)],6),[[e.vShow,e.unref(z)]])]})),_:3})]})),_:3},8,["to"])):e.createCommentVNode("",!0)],36)}}};Ee("\n.popper[data-v-4e8e6007] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-4e8e6007]:hover,\n .popper:hover > .popper__arrow[data-v-4e8e6007]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-4e8e6007],\n .fade-leave-active[data-v-4e8e6007] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-4e8e6007],\n .fade-leave-to[data-v-4e8e6007] {\n opacity: 0;\n}\n"),Te.__scopeId="data-v-4e8e6007";var Ce=function(){var e=Te;return e.install=function(t){t.component("Popper",e)},e}(),Ne=Object.freeze({__proto__:null,default:Ce});return Object.entries(Ne).forEach((function(e){var t=i(e,2),r=t[0],n=t[1];"default"!==r&&(Ce[r]=n)})),Ce}(Vue); \ No newline at end of file +var Popper=function(e){"use strict";function t(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function r(e){for(var r=1;re.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0?n=setTimeout(u,t-s):(n=null,r||(p=e.apply(a,o),a=o=null))}null==t&&(t=100);var s=function(){a=this,o=arguments,i=Date.now();var s=r&&!n;return n||(n=setTimeout(u,t)),s&&(p=e.apply(a,o),a=o=null),p};return s.clear=function(){n&&(clearTimeout(n),n=null)},s.flush=function(){n&&(p=e.apply(a,o),a=o=null,clearTimeout(n),n=null)},s}c.debounce=c;var f=c;function l(t,r,n,o){if("undefined"!=typeof window&&window){var a=function(e,t){return t===e.target||e.composedPath().includes(t)};return function(t,r,n){e.isRef(t)?e.watch(t,(function(e,t){null==t||t.removeEventListener(r,n),null==e||e.addEventListener(r,n)})):e.onMounted((function(){t.addEventListener(r,n)})),e.onBeforeUnmount((function(){var o;null===(o=e.unref(t))||void 0===o||o.removeEventListener(r,n)}))}(window,"pointerdown",(function(i){var p=e.unref(t),u=e.unref(r);(p||u)&&(a(i,p)||a(i,u)||n&&n(i)||o(i))}))}}function d(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function v(e){return e instanceof d(e).Element||e instanceof Element}function m(e){return e instanceof d(e).HTMLElement||e instanceof HTMLElement}function h(e){return"undefined"!=typeof ShadowRoot&&(e instanceof d(e).ShadowRoot||e instanceof ShadowRoot)}var b=Math.max,y=Math.min,g=Math.round;function w(){var e=navigator.userAgentData;return null!=e&&e.brands?e.brands.map((function(e){return e.brand+"/"+e.version})).join(" "):navigator.userAgent}function x(){return!/^((?!chrome|android).)*safari/i.test(w())}function O(e,t,r){void 0===t&&(t=!1),void 0===r&&(r=!1);var n=e.getBoundingClientRect(),o=1,a=1;t&&m(e)&&(o=e.offsetWidth>0&&g(n.width)/e.offsetWidth||1,a=e.offsetHeight>0&&g(n.height)/e.offsetHeight||1);var i=(v(e)?d(e):window).visualViewport,p=!x()&&r,u=(n.left+(p&&i?i.offsetLeft:0))/o,s=(n.top+(p&&i?i.offsetTop:0))/a,c=n.width/o,f=n.height/a;return{width:c,height:f,top:s,right:u+c,bottom:s+f,left:u,x:u,y:s}}function k(e){var t=d(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function S(e){return e?(e.nodeName||"").toLowerCase():null}function j(e){return((v(e)?e.ownerDocument:e.document)||window.document).documentElement}function P(e){return O(j(e)).left+k(e).scrollLeft}function E(e){return d(e).getComputedStyle(e)}function _(e){var t=E(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function A(e,t,r){void 0===r&&(r=!1);var n,o,a=m(t),i=m(t)&&function(e){var t=e.getBoundingClientRect(),r=g(t.width)/e.offsetWidth||1,n=g(t.height)/e.offsetHeight||1;return 1!==r||1!==n}(t),p=j(t),u=O(e,i,r),s={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(a||!a&&!r)&&(("body"!==S(t)||_(p))&&(s=(n=t)!==d(n)&&m(n)?{scrollLeft:(o=n).scrollLeft,scrollTop:o.scrollTop}:k(n)),m(t)?((c=O(t,!0)).x+=t.clientLeft,c.y+=t.clientTop):p&&(c.x=P(p))),{x:u.left+s.scrollLeft-c.x,y:u.top+s.scrollTop-c.y,width:u.width,height:u.height}}function D(e){var t=O(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function B(e){return"html"===S(e)?e:e.assignedSlot||e.parentNode||(h(e)?e.host:null)||j(e)}function T(e){return["html","body","#document"].indexOf(S(e))>=0?e.ownerDocument.body:m(e)&&_(e)?e:T(B(e))}function C(e,t){var r;void 0===t&&(t=[]);var n=T(e),o=n===(null==(r=e.ownerDocument)?void 0:r.body),a=d(n),i=o?[a].concat(a.visualViewport||[],_(n)?n:[]):n,p=t.concat(i);return o?p:p.concat(C(B(i)))}function N(e){return["table","td","th"].indexOf(S(e))>=0}function W(e){return m(e)&&"fixed"!==E(e).position?e.offsetParent:null}function L(e){for(var t=d(e),r=W(e);r&&N(r)&&"static"===E(r).position;)r=W(r);return r&&("html"===S(r)||"body"===S(r)&&"static"===E(r).position)?t:r||function(e){var t=/firefox/i.test(w());if(/Trident/i.test(w())&&m(e)&&"fixed"===E(e).position)return null;var r=B(e);for(h(r)&&(r=r.host);m(r)&&["html","body"].indexOf(S(r))<0;){var n=E(r);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return r;r=r.parentNode}return null}(e)||t}var M="top",R="bottom",I="right",V="left",H="auto",z=[M,R,I,V],q="start",U="end",F="viewport",$="popper",K=z.reduce((function(e,t){return e.concat([t+"-"+q,t+"-"+U])}),[]),Y=[].concat(z,[H]).reduce((function(e,t){return e.concat([t,t+"-"+q,t+"-"+U])}),[]),X=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function G(e){var t=new Map,r=new Set,n=[];function o(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!r.has(e)){var n=t.get(e);n&&o(n)}})),n.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){r.has(e.name)||o(e)})),n}function J(e){return e.split("-")[0]}function Q(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&h(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function Z(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function ee(e,t,r){return t===F?Z(function(e,t){var r=d(e),n=j(e),o=r.visualViewport,a=n.clientWidth,i=n.clientHeight,p=0,u=0;if(o){a=o.width,i=o.height;var s=x();(s||!s&&"fixed"===t)&&(p=o.offsetLeft,u=o.offsetTop)}return{width:a,height:i,x:p+P(e),y:u}}(e,r)):v(t)?function(e,t){var r=O(e,!1,"fixed"===t);return r.top=r.top+e.clientTop,r.left=r.left+e.clientLeft,r.bottom=r.top+e.clientHeight,r.right=r.left+e.clientWidth,r.width=e.clientWidth,r.height=e.clientHeight,r.x=r.left,r.y=r.top,r}(t,r):Z(function(e){var t,r=j(e),n=k(e),o=null==(t=e.ownerDocument)?void 0:t.body,a=b(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),i=b(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),p=-n.scrollLeft+P(e),u=-n.scrollTop;return"rtl"===E(o||r).direction&&(p+=b(r.clientWidth,o?o.clientWidth:0)-a),{width:a,height:i,x:p,y:u}}(j(e)))}function te(e,t,r,n){var o="clippingParents"===t?function(e){var t=C(B(e)),r=["absolute","fixed"].indexOf(E(e).position)>=0&&m(e)?L(e):e;return v(r)?t.filter((function(e){return v(e)&&Q(e,r)&&"body"!==S(e)})):[]}(e):[].concat(t),a=[].concat(o,[r]),i=a[0],p=a.reduce((function(t,r){var o=ee(e,r,n);return t.top=b(o.top,t.top),t.right=y(o.right,t.right),t.bottom=y(o.bottom,t.bottom),t.left=b(o.left,t.left),t}),ee(e,i,n));return p.width=p.right-p.left,p.height=p.bottom-p.top,p.x=p.left,p.y=p.top,p}function re(e){return e.split("-")[1]}function ne(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function oe(e){var t,r=e.reference,n=e.element,o=e.placement,a=o?J(o):null,i=o?re(o):null,p=r.x+r.width/2-n.width/2,u=r.y+r.height/2-n.height/2;switch(a){case M:t={x:p,y:r.y-n.height};break;case R:t={x:p,y:r.y+r.height};break;case I:t={x:r.x+r.width,y:u};break;case V:t={x:r.x-n.width,y:u};break;default:t={x:r.x,y:r.y}}var s=a?ne(a):null;if(null!=s){var c="y"===s?"height":"width";switch(i){case q:t[s]=t[s]-(r[c]/2-n[c]/2);break;case U:t[s]=t[s]+(r[c]/2-n[c]/2)}}return t}function ae(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function ie(e,t){return t.reduce((function(t,r){return t[r]=e,t}),{})}function pe(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=void 0===n?e.placement:n,a=r.strategy,i=void 0===a?e.strategy:a,p=r.boundary,u=void 0===p?"clippingParents":p,s=r.rootBoundary,c=void 0===s?F:s,f=r.elementContext,l=void 0===f?$:f,d=r.altBoundary,m=void 0!==d&&d,h=r.padding,b=void 0===h?0:h,y=ae("number"!=typeof b?b:ie(b,z)),g=l===$?"reference":$,w=e.rects.popper,x=e.elements[m?g:l],k=te(v(x)?x:x.contextElement||j(e.elements.popper),u,c,i),S=O(e.elements.reference),P=oe({reference:S,element:w,strategy:"absolute",placement:o}),E=Z(Object.assign({},w,P)),_=l===$?E:S,A={top:k.top-_.top+y.top,bottom:_.bottom-k.bottom+y.bottom,left:k.left-_.left+y.left,right:_.right-k.right+y.right},D=e.modifiersData.offset;if(l===$&&D){var B=D[o];Object.keys(A).forEach((function(e){var t=[I,R].indexOf(e)>=0?1:-1,r=[M,R].indexOf(e)>=0?"y":"x";A[e]+=B[r]*t}))}return A}var ue={placement:"bottom",modifiers:[],strategy:"absolute"};function se(){for(var e=arguments.length,t=new Array(e),r=0;rr?r:n}(xe,ve,Oe):me(d?xe:be,ve,d?Oe:ye);S[k]=ke,B[k]=ke-ve}t.modifiersData[n]=B}},requiresIfExists:["offset"]},be={left:"right",right:"left",bottom:"top",top:"bottom"};function ye(e){return e.replace(/left|right|bottom|top/g,(function(e){return be[e]}))}var ge={start:"end",end:"start"};function we(e){return e.replace(/start|end/g,(function(e){return ge[e]}))}function xe(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=r.boundary,a=r.rootBoundary,i=r.padding,p=r.flipVariations,u=r.allowedAutoPlacements,s=void 0===u?Y:u,c=re(n),f=c?p?K:K.filter((function(e){return re(e)===c})):z,l=f.filter((function(e){return s.indexOf(e)>=0}));0===l.length&&(l=f);var d=l.reduce((function(t,r){return t[r]=pe(e,{placement:r,boundary:o,rootBoundary:a,padding:i})[J(r)],t}),{});return Object.keys(d).sort((function(e,t){return d[e]-d[t]}))}var Oe={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,a=void 0===o||o,i=r.altAxis,p=void 0===i||i,u=r.fallbackPlacements,s=r.padding,c=r.boundary,f=r.rootBoundary,l=r.altBoundary,d=r.flipVariations,v=void 0===d||d,m=r.allowedAutoPlacements,h=t.options.placement,b=J(h),y=u||(b===h||!v?[ye(h)]:function(e){if(J(e)===H)return[];var t=ye(e);return[we(e),t,we(t)]}(h)),g=[h].concat(y).reduce((function(e,r){return e.concat(J(r)===H?xe(t,{placement:r,boundary:c,rootBoundary:f,padding:s,flipVariations:v,allowedAutoPlacements:m}):r)}),[]),w=t.rects.reference,x=t.rects.popper,O=new Map,k=!0,S=g[0],j=0;j=0,D=A?"width":"height",B=pe(t,{placement:P,boundary:c,rootBoundary:f,altBoundary:l,padding:s}),T=A?_?I:V:_?R:M;w[D]>x[D]&&(T=ye(T));var C=ye(T),N=[];if(a&&N.push(B[E]<=0),p&&N.push(B[T]<=0,B[C]<=0),N.every((function(e){return e}))){S=P,k=!1;break}O.set(P,N)}if(k)for(var W=function(e){var t=g.find((function(t){var r=O.get(t);if(r)return r.slice(0,e).every((function(e){return e}))}));if(t)return S=t,"break"},L=v?3:1;L>0;L--){if("break"===W(L))break}t.placement!==S&&(t.modifiersData[n]._skip=!0,t.placement=S,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var ke={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.offset,a=void 0===o?[0,0]:o,i=Y.reduce((function(e,r){return e[r]=function(e,t,r){var n=J(e),o=[V,M].indexOf(n)>=0?-1:1,a="function"==typeof r?r(Object.assign({},t,{placement:e})):r,i=a[0],p=a[1];return i=i||0,p=(p||0)*o,[V,I].indexOf(n)>=0?{x:p,y:i}:{x:i,y:p}}(r,t.rects,a),e}),{}),p=i[t.placement],u=p.x,s=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=u,t.modifiersData.popperOffsets.y+=s),t.modifiersData[n]=i}};var Se={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,n=e.name,o=e.options,a=r.elements.arrow,i=r.modifiersData.popperOffsets,p=J(r.placement),u=ne(p),s=[V,I].indexOf(p)>=0?"height":"width";if(a&&i){var c=function(e,t){return ae("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:ie(e,z))}(o.padding,r),f=D(a),l="y"===u?M:V,d="y"===u?R:I,v=r.rects.reference[s]+r.rects.reference[u]-i[u]-r.rects.popper[s],m=i[u]-r.rects.reference[u],h=L(a),b=h?"y"===u?h.clientHeight||0:h.clientWidth||0:0,y=v/2-m/2,g=c[l],w=b-f[s]-c[d],x=b/2-f[s]/2+y,O=me(g,x,w),k=u;r.modifiersData[n]=((t={})[k]=O,t.centerOffset=O-x,t)}},effect:function(e){var t=e.state,r=e.options.element,n=void 0===r?"[data-popper-arrow]":r;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&Q(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},je=function(e){return parseInt(e,10)};var Pe={class:"popper__arrow","data-popper-arrow":""};function Ee(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}Ee('\n.popper__arrow[data-v-6591bbd2],\n .popper__arrow[data-v-6591bbd2]::before {\n transition: background 250ms ease-in-out;\n position: absolute;\n width: calc(10px - var(--popper-theme-border-width, 0px));\n height: calc(10px - var(--popper-theme-border-width, 0px));\n box-sizing: border-box;\n background: var(--popper-theme-background-color);\n}\n.popper__arrow[data-v-6591bbd2] {\n visibility: hidden;\n}\n.popper__arrow[data-v-6591bbd2]::before {\n visibility: visible;\n content: "";\n transform: rotate(45deg);\n}\n\n /* Top arrow */\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2] {\n bottom: -5px;\n}\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-bottom: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Bottom arrow */\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2] {\n top: -5px;\n}\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2]::before {\n border-left: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Left arrow */\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2] {\n right: -5px;\n}\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Right arrow */\n.popper[data-popper-placement^="right"] > .popper__arrow[data-v-6591bbd2] {\n left: -5px;\n}\n');var _e={render:function(t,r){return e.openBlock(),e.createElementBlock("div",Pe)},__scopeId:"data-v-6591bbd2"},Ae=_e,De={props:{to:String,disabled:Boolean},components:{Teleport:e.Teleport}};De.render=function(t,r,n,o,a,i){return n.to?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:n.to,disabled:n.disabled},[e.renderSlot(t.$slots,"default")],8,["to","disabled"])):e.renderSlot(t.$slots,"default",{key:1})};var Be=["onKeyup"],Te={__name:"Popper",props:{placement:{type:String,default:"bottom",validator:function(e){return["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"].includes(e)}},disableClickAway:{type:Boolean,default:!1},customClickAwayMatcher:{type:Function,default:null},offsetSkid:{type:[Number,String],default:0},offsetDistance:{type:[Number,String],default:12},hover:{type:Boolean,default:!1},show:{type:Boolean,default:null},disabled:{type:Boolean,default:!1},openDelay:{type:[Number,String],default:0},closeDelay:{type:[Number,String],default:0},arrow:{type:Boolean,default:!1},arrowPadding:{type:[Number,String],default:0},interactive:{type:Boolean,default:!0},locked:{type:Boolean,default:!1},content:{type:String,default:null},adaptive:{type:Boolean,default:!0},boundary:{default:null},boundaryPadding:{type:[Number,String],default:5},container:{type:String,default:null},triggerWrapperClass:{type:[String,Object,Array],default:null},triggerWrapperStyle:{type:[String,Object,Array],default:null},triggerStopPropagation:{type:Boolean,default:!1},contentWrapperClass:{type:[String,Object,Array],default:null},contentWrapperStyle:{type:[String,Object,Array],default:null}},emits:["open:popper","close:popper"],setup:function(t,n){var a=n.expose,u=n.emit,s=t,c=e.useSlots(),d=e.ref(null),v=e.ref(null),m=e.ref(null),h=e.ref(!1),b=e.ref(!1);e.onMounted((function(){var e=c.default();if(e&&e.length>1)return console.error("[Popper]: The component expects only one child element at its root. You passed ".concat(e.length," child nodes."));b.value=!0}));var y=e.toRefs(s),g=y.arrowPadding,w=y.closeDelay,x=y.content,O=y.disableClickAway,k=y.customClickAwayMatcher,S=y.disabled,j=y.interactive,P=y.locked,E=y.offsetDistance,_=y.offsetSkid,A=y.openDelay,D=y.placement,B=y.show,T=y.adaptive,C=y.boundary,N=y.boundaryPadding,W=y.container,L=y.triggerStopPropagation,M=function(t){var n=t.arrowPadding,a=t.emit,u=t.locked,s=t.offsetDistance,c=t.offsetSkid,f=t.placement,l=t.popperNode,d=t.triggerNode,v=t.boundary,m=t.boundaryPadding,h=t.adaptive,b=e.reactive({isOpen:!1,popperInstance:null}),y=function(e){var t;null===(t=b.popperInstance)||void 0===t||t.setOptions((function(t){return r(r({},t),{},{modifiers:[].concat(p(t.modifiers),[{name:"eventListeners",enabled:e}])})}))};e.watch([function(){return b.isOpen},f],function(){var e=o(regeneratorRuntime.mark((function e(t){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!i(t,1)[0]){e.next=7;break}return e.next=4,O();case 4:y(!0),e.next=8;break;case 7:y(!1);case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}());var g=[];if(v.value){var w={boundary:"string"==typeof v.value?document.querySelector(v.value):v.value};m.value&&(w.padding=je(m.value)),g.push({name:"preventOverflow",options:w})}var x=[he].concat(g,[{name:"computeStyles",options:{adaptive:h,gpuAcceleration:!0,roundOffsets:!0}},Oe,{name:"flip",enabled:!u.value},Se,{name:"arrow",options:{padding:je(n.value)}},ke,{name:"offset",options:{offset:[je(c.value),je(s.value)]}}]),O=function(){var t=o(regeneratorRuntime.mark((function t(){var r;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.nextTick();case 2:return r={placement:f.value,modifiers:x},b.popperInstance=ve(d.value,l.value,r),t.next=6,b.popperInstance.update();case 6:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();return e.onBeforeUnmount((function(){var e;null===(e=b.popperInstance)||void 0===e||e.destroy()})),r(r({},e.toRefs(b)),{},{open:function(){b.isOpen||(b.isOpen=!0,a("open:popper"))},close:function(){b.isOpen&&(b.isOpen=!1,a("close:popper"))},update:function(){b.popperInstance?b.popperInstance.update():O()}})}({arrowPadding:g,emit:u,locked:P,offsetDistance:E,offsetSkid:_,placement:D,popperNode:v,triggerNode:m,boundary:C,boundaryPadding:N,adaptive:T}),R=M.isOpen,I=M.open,V=M.close,H=M.update,z=e.computed((function(){return null!==B.value})),q=e.computed((function(){return R.value&&!S.value})),U=e.computed((function(){return!O.value&&!z.value})),F=e.computed((function(){return j.value?"border: ".concat(E.value,"px solid transparent; margin: -").concat(E.value,"px;"):null})),$=f.debounce(I,A.value),K=f.debounce(V,w.value),Y=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!S.value&&!z.value){e.next=2;break}return e.abrupt("return");case 2:K.clear(),$();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),X=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!z.value){e.next=2;break}return e.abrupt("return");case 2:$.clear(),K();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),G=H,J=function(){R.value?X():Y()},Q=function(e){J(),L.value&&e.stopPropagation()};return e.watch(S,(function(e){R.value&&e&&V()})),e.watch(R,(function(e){e?h.value=!0:f.debounce((function(){h.value=!1}),200)})),e.watchEffect((function(){z.value&&(B.value?$():K())})),e.watchEffect((function(){U.value&&l(d,v,k.value,X)})),a({openPopper:Y,closePopper:X,togglePopper:J,updatePopper:G}),function(r,n){return e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(e.unref(F)),onMouseleave:n[2]||(n[2]=function(e){return t.hover&&X()}),ref_key:"popperContainerNode",ref:d},[e.createElementVNode("div",{ref_key:"triggerNode",ref:m,class:e.normalizeClass([t.triggerWrapperClass,"popper__trigger"]),style:e.normalizeStyle(t.triggerWrapperStyle),onMouseover:n[0]||(n[0]=function(e){return t.hover&&Y()}),onClick:Q,onFocus:Y,onKeyup:e.withKeys(X,["esc"])},[e.renderSlot(r.$slots,"default")],46,Be),b.value?(e.openBlock(),e.createBlock(De,{key:0,to:e.unref(W)},{default:e.withCtx((function(){return[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx((function(){return[e.withDirectives(e.createElementVNode("div",{onClick:n[1]||(n[1]=function(t){return!e.unref(j)&&X()}),class:e.normalizeClass(["popper",t.contentWrapperClass]),style:e.normalizeStyle(t.contentWrapperStyle),ref_key:"popperNode",ref:v},[e.renderSlot(r.$slots,"content",{close:e.unref(V),isOpen:h.value},(function(){return[e.createTextVNode(e.toDisplayString(e.unref(x)),1)]})),t.arrow?(e.openBlock(),e.createBlock(Ae,{key:0})):e.createCommentVNode("",!0)],6),[[e.vShow,e.unref(q)]])]})),_:3})]})),_:3},8,["to"])):e.createCommentVNode("",!0)],36)}}};Ee("\n.popper[data-v-228f360a] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-228f360a]:hover,\n .popper:hover > .popper__arrow[data-v-228f360a]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-228f360a],\n .fade-leave-active[data-v-228f360a] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-228f360a],\n .fade-leave-to[data-v-228f360a] {\n opacity: 0;\n}\n"),Te.__scopeId="data-v-228f360a";var Ce=function(){var e=Te;return e.install=function(t){t.component("Popper",e)},e}(),Ne=Object.freeze({__proto__:null,default:Ce});return Object.entries(Ne).forEach((function(e){var t=i(e,2),r=t[0],n=t[1];"default"!==r&&(Ce[r]=n)})),Ce}(Vue); \ No newline at end of file diff --git a/dist/popper.ssr.js b/dist/popper.ssr.js index c5cb3b1..54a5805 100644 --- a/dist/popper.ssr.js +++ b/dist/popper.ssr.js @@ -1919,7 +1919,8 @@ function usePopper(_ref) { popperNode = _ref.popperNode, triggerNode = _ref.triggerNode, boundary = _ref.boundary, - boundaryPadding = _ref.boundaryPadding; + boundaryPadding = _ref.boundaryPadding, + adaptive = _ref.adaptive; var state = vue.reactive({ isOpen: false, popperInstance: null @@ -2026,6 +2027,28 @@ function usePopper(_ref) { }); } + var modifiers = [preventOverflow$1].concat(customPreventOverflowMidifier, [{ + name: "computeStyles", + options: { + adaptive: adaptive, + gpuAcceleration: true, + roundOffsets: true + } + }, flip$1, { + name: "flip", + enabled: !locked.value + }, arrow$1, { + name: "arrow", + options: { + padding: toInt(arrowPadding.value) + } + }, offset$1, { + name: "offset", + options: { + offset: [toInt(offsetSkid.value), toInt(offsetDistance.value)] + } + }]); + var initializePopper = /*#__PURE__*/function () { var _ref5 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() { var popperOptions; @@ -2039,20 +2062,7 @@ function usePopper(_ref) { case 2: popperOptions = { placement: placement.value, - modifiers: [preventOverflow$1].concat(customPreventOverflowMidifier, [flip$1, { - name: "flip", - enabled: !locked.value - }, arrow$1, { - name: "arrow", - options: { - padding: toInt(arrowPadding.value) - } - }, offset$1, { - name: "offset", - options: { - offset: [toInt(offsetSkid.value), toInt(offsetDistance.value)] - } - }]) + modifiers: modifiers }; state.popperInstance = createPopper(triggerNode.value, popperNode.value, popperOptions); // Update its position @@ -2260,6 +2270,14 @@ var script = { default: null }, + /** + * Controls the adaptive options of computeStyles modifier. [Boolean] + */ + adaptive: { + type: Boolean, + default: true + }, + /** * This describes the area that the element will be checked for overflow relative to. [String, Element] */ @@ -2358,6 +2376,7 @@ var script = { openDelay = _toRefs.openDelay, placement = _toRefs.placement, show = _toRefs.show, + adaptive = _toRefs.adaptive, boundary = _toRefs.boundary, boundaryPadding = _toRefs.boundaryPadding, container = _toRefs.container, @@ -2373,7 +2392,8 @@ var script = { popperNode: popperNode, triggerNode: triggerNode, boundary: boundary, - boundaryPadding: boundaryPadding + boundaryPadding: boundaryPadding, + adaptive: adaptive }), isOpen = _usePopper.isOpen, open = _usePopper.open, @@ -2571,8 +2591,8 @@ var script = { }, 8, ["to"])) : vue.createCommentVNode("", true)], 36); }; } -};var css_248z = "\n.popper[data-v-4e8e6007] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-4e8e6007]:hover,\n .popper:hover > .popper__arrow[data-v-4e8e6007]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-4e8e6007],\n .fade-leave-active[data-v-4e8e6007] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-4e8e6007],\n .fade-leave-to[data-v-4e8e6007] {\n opacity: 0;\n}\n"; -styleInject(css_248z);script.__scopeId = "data-v-4e8e6007";// IIFE injects install function into component, allowing component +};var css_248z = "\n.popper[data-v-228f360a] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-228f360a]:hover,\n .popper:hover > .popper__arrow[data-v-228f360a]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-228f360a],\n .fade-leave-active[data-v-228f360a] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-228f360a],\n .fade-leave-to[data-v-228f360a] {\n opacity: 0;\n}\n"; +styleInject(css_248z);script.__scopeId = "data-v-228f360a";// IIFE injects install function into component, allowing component // to be registered via Vue.use() as well as Vue.component(), var component = /*#__PURE__*/(function () { diff --git a/src/component/Popper.vue b/src/component/Popper.vue index 4472fab..e85b4cf 100644 --- a/src/component/Popper.vue +++ b/src/component/Popper.vue @@ -181,6 +181,13 @@ type: String, default: null, }, + /** + * Controls the adaptive options of computeStyles modifier. [Boolean] + */ + adaptive: { + type: Boolean, + default: true, + }, /** * This describes the area that the element will be checked for overflow relative to. [String, Element] */ @@ -270,6 +277,7 @@ openDelay, placement, show, + adaptive, boundary, boundaryPadding, container, @@ -287,6 +295,7 @@ triggerNode, boundary, boundaryPadding, + adaptive, }); const manualMode = computed(() => show.value !== null); diff --git a/src/composables/usePopper.js b/src/composables/usePopper.js index 1b8e810..e3d2719 100644 --- a/src/composables/usePopper.js +++ b/src/composables/usePopper.js @@ -18,6 +18,7 @@ export default function usePopper({ triggerNode, boundary, boundaryPadding, + adaptive, }) { const state = reactive({ isOpen: false, @@ -81,33 +82,43 @@ export default function usePopper({ }); } + const modifiers = [ + preventOverflow, + ...customPreventOverflowMidifier, + { + name: "computeStyles", + options: { + adaptive, + gpuAcceleration: true, + roundOffsets: true, + }, + }, + flip, + { + name: "flip", + enabled: !locked.value, + }, + arrow, + { + name: "arrow", + options: { + padding: toInt(arrowPadding.value), + }, + }, + offset, + { + name: "offset", + options: { + offset: [toInt(offsetSkid.value), toInt(offsetDistance.value)], + }, + }, + ]; + const initializePopper = async () => { await nextTick(); const popperOptions = { placement: placement.value, - modifiers: [ - preventOverflow, - ...customPreventOverflowMidifier, - flip, - { - name: "flip", - enabled: !locked.value, - }, - arrow, - { - name: "arrow", - options: { - padding: toInt(arrowPadding.value), - }, - }, - offset, - { - name: "offset", - options: { - offset: [toInt(offsetSkid.value), toInt(offsetDistance.value)], - }, - }, - ], + modifiers, }; state.popperInstance = createPopper(triggerNode.value, popperNode.value, popperOptions); From fc9902a756a21927c632d445654842c918c0cc6e Mon Sep 17 00:00:00 2001 From: Andrey Krivko <1298360+jastkand@users.noreply.github.com> Date: Thu, 27 Oct 2022 23:22:00 +0600 Subject: [PATCH 21/22] fix --- dist/popper.esm.js | 2 +- dist/popper.min.js | 2 +- dist/popper.ssr.js | 2 +- src/composables/usePopper.js | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/dist/popper.esm.js b/dist/popper.esm.js index b201b38..207274e 100644 --- a/dist/popper.esm.js +++ b/dist/popper.esm.js @@ -1942,7 +1942,7 @@ function usePopper({ const modifiers = [preventOverflow$1, ...customPreventOverflowMidifier, { name: "computeStyles", options: { - adaptive, + adaptive: adaptive.value, gpuAcceleration: true, roundOffsets: true } diff --git a/dist/popper.min.js b/dist/popper.min.js index d477d16..b7192ea 100644 --- a/dist/popper.min.js +++ b/dist/popper.min.js @@ -1 +1 @@ -var Popper=function(e){"use strict";function t(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function r(e){for(var r=1;re.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0?n=setTimeout(u,t-s):(n=null,r||(p=e.apply(a,o),a=o=null))}null==t&&(t=100);var s=function(){a=this,o=arguments,i=Date.now();var s=r&&!n;return n||(n=setTimeout(u,t)),s&&(p=e.apply(a,o),a=o=null),p};return s.clear=function(){n&&(clearTimeout(n),n=null)},s.flush=function(){n&&(p=e.apply(a,o),a=o=null,clearTimeout(n),n=null)},s}c.debounce=c;var f=c;function l(t,r,n,o){if("undefined"!=typeof window&&window){var a=function(e,t){return t===e.target||e.composedPath().includes(t)};return function(t,r,n){e.isRef(t)?e.watch(t,(function(e,t){null==t||t.removeEventListener(r,n),null==e||e.addEventListener(r,n)})):e.onMounted((function(){t.addEventListener(r,n)})),e.onBeforeUnmount((function(){var o;null===(o=e.unref(t))||void 0===o||o.removeEventListener(r,n)}))}(window,"pointerdown",(function(i){var p=e.unref(t),u=e.unref(r);(p||u)&&(a(i,p)||a(i,u)||n&&n(i)||o(i))}))}}function d(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function v(e){return e instanceof d(e).Element||e instanceof Element}function m(e){return e instanceof d(e).HTMLElement||e instanceof HTMLElement}function h(e){return"undefined"!=typeof ShadowRoot&&(e instanceof d(e).ShadowRoot||e instanceof ShadowRoot)}var b=Math.max,y=Math.min,g=Math.round;function w(){var e=navigator.userAgentData;return null!=e&&e.brands?e.brands.map((function(e){return e.brand+"/"+e.version})).join(" "):navigator.userAgent}function x(){return!/^((?!chrome|android).)*safari/i.test(w())}function O(e,t,r){void 0===t&&(t=!1),void 0===r&&(r=!1);var n=e.getBoundingClientRect(),o=1,a=1;t&&m(e)&&(o=e.offsetWidth>0&&g(n.width)/e.offsetWidth||1,a=e.offsetHeight>0&&g(n.height)/e.offsetHeight||1);var i=(v(e)?d(e):window).visualViewport,p=!x()&&r,u=(n.left+(p&&i?i.offsetLeft:0))/o,s=(n.top+(p&&i?i.offsetTop:0))/a,c=n.width/o,f=n.height/a;return{width:c,height:f,top:s,right:u+c,bottom:s+f,left:u,x:u,y:s}}function k(e){var t=d(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function S(e){return e?(e.nodeName||"").toLowerCase():null}function j(e){return((v(e)?e.ownerDocument:e.document)||window.document).documentElement}function P(e){return O(j(e)).left+k(e).scrollLeft}function E(e){return d(e).getComputedStyle(e)}function _(e){var t=E(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function A(e,t,r){void 0===r&&(r=!1);var n,o,a=m(t),i=m(t)&&function(e){var t=e.getBoundingClientRect(),r=g(t.width)/e.offsetWidth||1,n=g(t.height)/e.offsetHeight||1;return 1!==r||1!==n}(t),p=j(t),u=O(e,i,r),s={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(a||!a&&!r)&&(("body"!==S(t)||_(p))&&(s=(n=t)!==d(n)&&m(n)?{scrollLeft:(o=n).scrollLeft,scrollTop:o.scrollTop}:k(n)),m(t)?((c=O(t,!0)).x+=t.clientLeft,c.y+=t.clientTop):p&&(c.x=P(p))),{x:u.left+s.scrollLeft-c.x,y:u.top+s.scrollTop-c.y,width:u.width,height:u.height}}function D(e){var t=O(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function B(e){return"html"===S(e)?e:e.assignedSlot||e.parentNode||(h(e)?e.host:null)||j(e)}function T(e){return["html","body","#document"].indexOf(S(e))>=0?e.ownerDocument.body:m(e)&&_(e)?e:T(B(e))}function C(e,t){var r;void 0===t&&(t=[]);var n=T(e),o=n===(null==(r=e.ownerDocument)?void 0:r.body),a=d(n),i=o?[a].concat(a.visualViewport||[],_(n)?n:[]):n,p=t.concat(i);return o?p:p.concat(C(B(i)))}function N(e){return["table","td","th"].indexOf(S(e))>=0}function W(e){return m(e)&&"fixed"!==E(e).position?e.offsetParent:null}function L(e){for(var t=d(e),r=W(e);r&&N(r)&&"static"===E(r).position;)r=W(r);return r&&("html"===S(r)||"body"===S(r)&&"static"===E(r).position)?t:r||function(e){var t=/firefox/i.test(w());if(/Trident/i.test(w())&&m(e)&&"fixed"===E(e).position)return null;var r=B(e);for(h(r)&&(r=r.host);m(r)&&["html","body"].indexOf(S(r))<0;){var n=E(r);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return r;r=r.parentNode}return null}(e)||t}var M="top",R="bottom",I="right",V="left",H="auto",z=[M,R,I,V],q="start",U="end",F="viewport",$="popper",K=z.reduce((function(e,t){return e.concat([t+"-"+q,t+"-"+U])}),[]),Y=[].concat(z,[H]).reduce((function(e,t){return e.concat([t,t+"-"+q,t+"-"+U])}),[]),X=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function G(e){var t=new Map,r=new Set,n=[];function o(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!r.has(e)){var n=t.get(e);n&&o(n)}})),n.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){r.has(e.name)||o(e)})),n}function J(e){return e.split("-")[0]}function Q(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&h(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function Z(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function ee(e,t,r){return t===F?Z(function(e,t){var r=d(e),n=j(e),o=r.visualViewport,a=n.clientWidth,i=n.clientHeight,p=0,u=0;if(o){a=o.width,i=o.height;var s=x();(s||!s&&"fixed"===t)&&(p=o.offsetLeft,u=o.offsetTop)}return{width:a,height:i,x:p+P(e),y:u}}(e,r)):v(t)?function(e,t){var r=O(e,!1,"fixed"===t);return r.top=r.top+e.clientTop,r.left=r.left+e.clientLeft,r.bottom=r.top+e.clientHeight,r.right=r.left+e.clientWidth,r.width=e.clientWidth,r.height=e.clientHeight,r.x=r.left,r.y=r.top,r}(t,r):Z(function(e){var t,r=j(e),n=k(e),o=null==(t=e.ownerDocument)?void 0:t.body,a=b(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),i=b(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),p=-n.scrollLeft+P(e),u=-n.scrollTop;return"rtl"===E(o||r).direction&&(p+=b(r.clientWidth,o?o.clientWidth:0)-a),{width:a,height:i,x:p,y:u}}(j(e)))}function te(e,t,r,n){var o="clippingParents"===t?function(e){var t=C(B(e)),r=["absolute","fixed"].indexOf(E(e).position)>=0&&m(e)?L(e):e;return v(r)?t.filter((function(e){return v(e)&&Q(e,r)&&"body"!==S(e)})):[]}(e):[].concat(t),a=[].concat(o,[r]),i=a[0],p=a.reduce((function(t,r){var o=ee(e,r,n);return t.top=b(o.top,t.top),t.right=y(o.right,t.right),t.bottom=y(o.bottom,t.bottom),t.left=b(o.left,t.left),t}),ee(e,i,n));return p.width=p.right-p.left,p.height=p.bottom-p.top,p.x=p.left,p.y=p.top,p}function re(e){return e.split("-")[1]}function ne(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function oe(e){var t,r=e.reference,n=e.element,o=e.placement,a=o?J(o):null,i=o?re(o):null,p=r.x+r.width/2-n.width/2,u=r.y+r.height/2-n.height/2;switch(a){case M:t={x:p,y:r.y-n.height};break;case R:t={x:p,y:r.y+r.height};break;case I:t={x:r.x+r.width,y:u};break;case V:t={x:r.x-n.width,y:u};break;default:t={x:r.x,y:r.y}}var s=a?ne(a):null;if(null!=s){var c="y"===s?"height":"width";switch(i){case q:t[s]=t[s]-(r[c]/2-n[c]/2);break;case U:t[s]=t[s]+(r[c]/2-n[c]/2)}}return t}function ae(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function ie(e,t){return t.reduce((function(t,r){return t[r]=e,t}),{})}function pe(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=void 0===n?e.placement:n,a=r.strategy,i=void 0===a?e.strategy:a,p=r.boundary,u=void 0===p?"clippingParents":p,s=r.rootBoundary,c=void 0===s?F:s,f=r.elementContext,l=void 0===f?$:f,d=r.altBoundary,m=void 0!==d&&d,h=r.padding,b=void 0===h?0:h,y=ae("number"!=typeof b?b:ie(b,z)),g=l===$?"reference":$,w=e.rects.popper,x=e.elements[m?g:l],k=te(v(x)?x:x.contextElement||j(e.elements.popper),u,c,i),S=O(e.elements.reference),P=oe({reference:S,element:w,strategy:"absolute",placement:o}),E=Z(Object.assign({},w,P)),_=l===$?E:S,A={top:k.top-_.top+y.top,bottom:_.bottom-k.bottom+y.bottom,left:k.left-_.left+y.left,right:_.right-k.right+y.right},D=e.modifiersData.offset;if(l===$&&D){var B=D[o];Object.keys(A).forEach((function(e){var t=[I,R].indexOf(e)>=0?1:-1,r=[M,R].indexOf(e)>=0?"y":"x";A[e]+=B[r]*t}))}return A}var ue={placement:"bottom",modifiers:[],strategy:"absolute"};function se(){for(var e=arguments.length,t=new Array(e),r=0;rr?r:n}(xe,ve,Oe):me(d?xe:be,ve,d?Oe:ye);S[k]=ke,B[k]=ke-ve}t.modifiersData[n]=B}},requiresIfExists:["offset"]},be={left:"right",right:"left",bottom:"top",top:"bottom"};function ye(e){return e.replace(/left|right|bottom|top/g,(function(e){return be[e]}))}var ge={start:"end",end:"start"};function we(e){return e.replace(/start|end/g,(function(e){return ge[e]}))}function xe(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=r.boundary,a=r.rootBoundary,i=r.padding,p=r.flipVariations,u=r.allowedAutoPlacements,s=void 0===u?Y:u,c=re(n),f=c?p?K:K.filter((function(e){return re(e)===c})):z,l=f.filter((function(e){return s.indexOf(e)>=0}));0===l.length&&(l=f);var d=l.reduce((function(t,r){return t[r]=pe(e,{placement:r,boundary:o,rootBoundary:a,padding:i})[J(r)],t}),{});return Object.keys(d).sort((function(e,t){return d[e]-d[t]}))}var Oe={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,a=void 0===o||o,i=r.altAxis,p=void 0===i||i,u=r.fallbackPlacements,s=r.padding,c=r.boundary,f=r.rootBoundary,l=r.altBoundary,d=r.flipVariations,v=void 0===d||d,m=r.allowedAutoPlacements,h=t.options.placement,b=J(h),y=u||(b===h||!v?[ye(h)]:function(e){if(J(e)===H)return[];var t=ye(e);return[we(e),t,we(t)]}(h)),g=[h].concat(y).reduce((function(e,r){return e.concat(J(r)===H?xe(t,{placement:r,boundary:c,rootBoundary:f,padding:s,flipVariations:v,allowedAutoPlacements:m}):r)}),[]),w=t.rects.reference,x=t.rects.popper,O=new Map,k=!0,S=g[0],j=0;j=0,D=A?"width":"height",B=pe(t,{placement:P,boundary:c,rootBoundary:f,altBoundary:l,padding:s}),T=A?_?I:V:_?R:M;w[D]>x[D]&&(T=ye(T));var C=ye(T),N=[];if(a&&N.push(B[E]<=0),p&&N.push(B[T]<=0,B[C]<=0),N.every((function(e){return e}))){S=P,k=!1;break}O.set(P,N)}if(k)for(var W=function(e){var t=g.find((function(t){var r=O.get(t);if(r)return r.slice(0,e).every((function(e){return e}))}));if(t)return S=t,"break"},L=v?3:1;L>0;L--){if("break"===W(L))break}t.placement!==S&&(t.modifiersData[n]._skip=!0,t.placement=S,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var ke={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.offset,a=void 0===o?[0,0]:o,i=Y.reduce((function(e,r){return e[r]=function(e,t,r){var n=J(e),o=[V,M].indexOf(n)>=0?-1:1,a="function"==typeof r?r(Object.assign({},t,{placement:e})):r,i=a[0],p=a[1];return i=i||0,p=(p||0)*o,[V,I].indexOf(n)>=0?{x:p,y:i}:{x:i,y:p}}(r,t.rects,a),e}),{}),p=i[t.placement],u=p.x,s=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=u,t.modifiersData.popperOffsets.y+=s),t.modifiersData[n]=i}};var Se={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,n=e.name,o=e.options,a=r.elements.arrow,i=r.modifiersData.popperOffsets,p=J(r.placement),u=ne(p),s=[V,I].indexOf(p)>=0?"height":"width";if(a&&i){var c=function(e,t){return ae("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:ie(e,z))}(o.padding,r),f=D(a),l="y"===u?M:V,d="y"===u?R:I,v=r.rects.reference[s]+r.rects.reference[u]-i[u]-r.rects.popper[s],m=i[u]-r.rects.reference[u],h=L(a),b=h?"y"===u?h.clientHeight||0:h.clientWidth||0:0,y=v/2-m/2,g=c[l],w=b-f[s]-c[d],x=b/2-f[s]/2+y,O=me(g,x,w),k=u;r.modifiersData[n]=((t={})[k]=O,t.centerOffset=O-x,t)}},effect:function(e){var t=e.state,r=e.options.element,n=void 0===r?"[data-popper-arrow]":r;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&Q(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},je=function(e){return parseInt(e,10)};var Pe={class:"popper__arrow","data-popper-arrow":""};function Ee(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}Ee('\n.popper__arrow[data-v-6591bbd2],\n .popper__arrow[data-v-6591bbd2]::before {\n transition: background 250ms ease-in-out;\n position: absolute;\n width: calc(10px - var(--popper-theme-border-width, 0px));\n height: calc(10px - var(--popper-theme-border-width, 0px));\n box-sizing: border-box;\n background: var(--popper-theme-background-color);\n}\n.popper__arrow[data-v-6591bbd2] {\n visibility: hidden;\n}\n.popper__arrow[data-v-6591bbd2]::before {\n visibility: visible;\n content: "";\n transform: rotate(45deg);\n}\n\n /* Top arrow */\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2] {\n bottom: -5px;\n}\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-bottom: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Bottom arrow */\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2] {\n top: -5px;\n}\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2]::before {\n border-left: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Left arrow */\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2] {\n right: -5px;\n}\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Right arrow */\n.popper[data-popper-placement^="right"] > .popper__arrow[data-v-6591bbd2] {\n left: -5px;\n}\n');var _e={render:function(t,r){return e.openBlock(),e.createElementBlock("div",Pe)},__scopeId:"data-v-6591bbd2"},Ae=_e,De={props:{to:String,disabled:Boolean},components:{Teleport:e.Teleport}};De.render=function(t,r,n,o,a,i){return n.to?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:n.to,disabled:n.disabled},[e.renderSlot(t.$slots,"default")],8,["to","disabled"])):e.renderSlot(t.$slots,"default",{key:1})};var Be=["onKeyup"],Te={__name:"Popper",props:{placement:{type:String,default:"bottom",validator:function(e){return["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"].includes(e)}},disableClickAway:{type:Boolean,default:!1},customClickAwayMatcher:{type:Function,default:null},offsetSkid:{type:[Number,String],default:0},offsetDistance:{type:[Number,String],default:12},hover:{type:Boolean,default:!1},show:{type:Boolean,default:null},disabled:{type:Boolean,default:!1},openDelay:{type:[Number,String],default:0},closeDelay:{type:[Number,String],default:0},arrow:{type:Boolean,default:!1},arrowPadding:{type:[Number,String],default:0},interactive:{type:Boolean,default:!0},locked:{type:Boolean,default:!1},content:{type:String,default:null},adaptive:{type:Boolean,default:!0},boundary:{default:null},boundaryPadding:{type:[Number,String],default:5},container:{type:String,default:null},triggerWrapperClass:{type:[String,Object,Array],default:null},triggerWrapperStyle:{type:[String,Object,Array],default:null},triggerStopPropagation:{type:Boolean,default:!1},contentWrapperClass:{type:[String,Object,Array],default:null},contentWrapperStyle:{type:[String,Object,Array],default:null}},emits:["open:popper","close:popper"],setup:function(t,n){var a=n.expose,u=n.emit,s=t,c=e.useSlots(),d=e.ref(null),v=e.ref(null),m=e.ref(null),h=e.ref(!1),b=e.ref(!1);e.onMounted((function(){var e=c.default();if(e&&e.length>1)return console.error("[Popper]: The component expects only one child element at its root. You passed ".concat(e.length," child nodes."));b.value=!0}));var y=e.toRefs(s),g=y.arrowPadding,w=y.closeDelay,x=y.content,O=y.disableClickAway,k=y.customClickAwayMatcher,S=y.disabled,j=y.interactive,P=y.locked,E=y.offsetDistance,_=y.offsetSkid,A=y.openDelay,D=y.placement,B=y.show,T=y.adaptive,C=y.boundary,N=y.boundaryPadding,W=y.container,L=y.triggerStopPropagation,M=function(t){var n=t.arrowPadding,a=t.emit,u=t.locked,s=t.offsetDistance,c=t.offsetSkid,f=t.placement,l=t.popperNode,d=t.triggerNode,v=t.boundary,m=t.boundaryPadding,h=t.adaptive,b=e.reactive({isOpen:!1,popperInstance:null}),y=function(e){var t;null===(t=b.popperInstance)||void 0===t||t.setOptions((function(t){return r(r({},t),{},{modifiers:[].concat(p(t.modifiers),[{name:"eventListeners",enabled:e}])})}))};e.watch([function(){return b.isOpen},f],function(){var e=o(regeneratorRuntime.mark((function e(t){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!i(t,1)[0]){e.next=7;break}return e.next=4,O();case 4:y(!0),e.next=8;break;case 7:y(!1);case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}());var g=[];if(v.value){var w={boundary:"string"==typeof v.value?document.querySelector(v.value):v.value};m.value&&(w.padding=je(m.value)),g.push({name:"preventOverflow",options:w})}var x=[he].concat(g,[{name:"computeStyles",options:{adaptive:h,gpuAcceleration:!0,roundOffsets:!0}},Oe,{name:"flip",enabled:!u.value},Se,{name:"arrow",options:{padding:je(n.value)}},ke,{name:"offset",options:{offset:[je(c.value),je(s.value)]}}]),O=function(){var t=o(regeneratorRuntime.mark((function t(){var r;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.nextTick();case 2:return r={placement:f.value,modifiers:x},b.popperInstance=ve(d.value,l.value,r),t.next=6,b.popperInstance.update();case 6:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();return e.onBeforeUnmount((function(){var e;null===(e=b.popperInstance)||void 0===e||e.destroy()})),r(r({},e.toRefs(b)),{},{open:function(){b.isOpen||(b.isOpen=!0,a("open:popper"))},close:function(){b.isOpen&&(b.isOpen=!1,a("close:popper"))},update:function(){b.popperInstance?b.popperInstance.update():O()}})}({arrowPadding:g,emit:u,locked:P,offsetDistance:E,offsetSkid:_,placement:D,popperNode:v,triggerNode:m,boundary:C,boundaryPadding:N,adaptive:T}),R=M.isOpen,I=M.open,V=M.close,H=M.update,z=e.computed((function(){return null!==B.value})),q=e.computed((function(){return R.value&&!S.value})),U=e.computed((function(){return!O.value&&!z.value})),F=e.computed((function(){return j.value?"border: ".concat(E.value,"px solid transparent; margin: -").concat(E.value,"px;"):null})),$=f.debounce(I,A.value),K=f.debounce(V,w.value),Y=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!S.value&&!z.value){e.next=2;break}return e.abrupt("return");case 2:K.clear(),$();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),X=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!z.value){e.next=2;break}return e.abrupt("return");case 2:$.clear(),K();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),G=H,J=function(){R.value?X():Y()},Q=function(e){J(),L.value&&e.stopPropagation()};return e.watch(S,(function(e){R.value&&e&&V()})),e.watch(R,(function(e){e?h.value=!0:f.debounce((function(){h.value=!1}),200)})),e.watchEffect((function(){z.value&&(B.value?$():K())})),e.watchEffect((function(){U.value&&l(d,v,k.value,X)})),a({openPopper:Y,closePopper:X,togglePopper:J,updatePopper:G}),function(r,n){return e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(e.unref(F)),onMouseleave:n[2]||(n[2]=function(e){return t.hover&&X()}),ref_key:"popperContainerNode",ref:d},[e.createElementVNode("div",{ref_key:"triggerNode",ref:m,class:e.normalizeClass([t.triggerWrapperClass,"popper__trigger"]),style:e.normalizeStyle(t.triggerWrapperStyle),onMouseover:n[0]||(n[0]=function(e){return t.hover&&Y()}),onClick:Q,onFocus:Y,onKeyup:e.withKeys(X,["esc"])},[e.renderSlot(r.$slots,"default")],46,Be),b.value?(e.openBlock(),e.createBlock(De,{key:0,to:e.unref(W)},{default:e.withCtx((function(){return[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx((function(){return[e.withDirectives(e.createElementVNode("div",{onClick:n[1]||(n[1]=function(t){return!e.unref(j)&&X()}),class:e.normalizeClass(["popper",t.contentWrapperClass]),style:e.normalizeStyle(t.contentWrapperStyle),ref_key:"popperNode",ref:v},[e.renderSlot(r.$slots,"content",{close:e.unref(V),isOpen:h.value},(function(){return[e.createTextVNode(e.toDisplayString(e.unref(x)),1)]})),t.arrow?(e.openBlock(),e.createBlock(Ae,{key:0})):e.createCommentVNode("",!0)],6),[[e.vShow,e.unref(q)]])]})),_:3})]})),_:3},8,["to"])):e.createCommentVNode("",!0)],36)}}};Ee("\n.popper[data-v-228f360a] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-228f360a]:hover,\n .popper:hover > .popper__arrow[data-v-228f360a]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-228f360a],\n .fade-leave-active[data-v-228f360a] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-228f360a],\n .fade-leave-to[data-v-228f360a] {\n opacity: 0;\n}\n"),Te.__scopeId="data-v-228f360a";var Ce=function(){var e=Te;return e.install=function(t){t.component("Popper",e)},e}(),Ne=Object.freeze({__proto__:null,default:Ce});return Object.entries(Ne).forEach((function(e){var t=i(e,2),r=t[0],n=t[1];"default"!==r&&(Ce[r]=n)})),Ce}(Vue); \ No newline at end of file +var Popper=function(e){"use strict";function t(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function r(e){for(var r=1;re.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0?n=setTimeout(u,t-s):(n=null,r||(p=e.apply(a,o),a=o=null))}null==t&&(t=100);var s=function(){a=this,o=arguments,i=Date.now();var s=r&&!n;return n||(n=setTimeout(u,t)),s&&(p=e.apply(a,o),a=o=null),p};return s.clear=function(){n&&(clearTimeout(n),n=null)},s.flush=function(){n&&(p=e.apply(a,o),a=o=null,clearTimeout(n),n=null)},s}c.debounce=c;var f=c;function l(t,r,n,o){if("undefined"!=typeof window&&window){var a=function(e,t){return t===e.target||e.composedPath().includes(t)};return function(t,r,n){e.isRef(t)?e.watch(t,(function(e,t){null==t||t.removeEventListener(r,n),null==e||e.addEventListener(r,n)})):e.onMounted((function(){t.addEventListener(r,n)})),e.onBeforeUnmount((function(){var o;null===(o=e.unref(t))||void 0===o||o.removeEventListener(r,n)}))}(window,"pointerdown",(function(i){var p=e.unref(t),u=e.unref(r);(p||u)&&(a(i,p)||a(i,u)||n&&n(i)||o(i))}))}}function d(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function v(e){return e instanceof d(e).Element||e instanceof Element}function m(e){return e instanceof d(e).HTMLElement||e instanceof HTMLElement}function h(e){return"undefined"!=typeof ShadowRoot&&(e instanceof d(e).ShadowRoot||e instanceof ShadowRoot)}var b=Math.max,y=Math.min,g=Math.round;function w(){var e=navigator.userAgentData;return null!=e&&e.brands?e.brands.map((function(e){return e.brand+"/"+e.version})).join(" "):navigator.userAgent}function x(){return!/^((?!chrome|android).)*safari/i.test(w())}function O(e,t,r){void 0===t&&(t=!1),void 0===r&&(r=!1);var n=e.getBoundingClientRect(),o=1,a=1;t&&m(e)&&(o=e.offsetWidth>0&&g(n.width)/e.offsetWidth||1,a=e.offsetHeight>0&&g(n.height)/e.offsetHeight||1);var i=(v(e)?d(e):window).visualViewport,p=!x()&&r,u=(n.left+(p&&i?i.offsetLeft:0))/o,s=(n.top+(p&&i?i.offsetTop:0))/a,c=n.width/o,f=n.height/a;return{width:c,height:f,top:s,right:u+c,bottom:s+f,left:u,x:u,y:s}}function k(e){var t=d(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function S(e){return e?(e.nodeName||"").toLowerCase():null}function j(e){return((v(e)?e.ownerDocument:e.document)||window.document).documentElement}function P(e){return O(j(e)).left+k(e).scrollLeft}function E(e){return d(e).getComputedStyle(e)}function _(e){var t=E(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function A(e,t,r){void 0===r&&(r=!1);var n,o,a=m(t),i=m(t)&&function(e){var t=e.getBoundingClientRect(),r=g(t.width)/e.offsetWidth||1,n=g(t.height)/e.offsetHeight||1;return 1!==r||1!==n}(t),p=j(t),u=O(e,i,r),s={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(a||!a&&!r)&&(("body"!==S(t)||_(p))&&(s=(n=t)!==d(n)&&m(n)?{scrollLeft:(o=n).scrollLeft,scrollTop:o.scrollTop}:k(n)),m(t)?((c=O(t,!0)).x+=t.clientLeft,c.y+=t.clientTop):p&&(c.x=P(p))),{x:u.left+s.scrollLeft-c.x,y:u.top+s.scrollTop-c.y,width:u.width,height:u.height}}function D(e){var t=O(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function B(e){return"html"===S(e)?e:e.assignedSlot||e.parentNode||(h(e)?e.host:null)||j(e)}function T(e){return["html","body","#document"].indexOf(S(e))>=0?e.ownerDocument.body:m(e)&&_(e)?e:T(B(e))}function C(e,t){var r;void 0===t&&(t=[]);var n=T(e),o=n===(null==(r=e.ownerDocument)?void 0:r.body),a=d(n),i=o?[a].concat(a.visualViewport||[],_(n)?n:[]):n,p=t.concat(i);return o?p:p.concat(C(B(i)))}function N(e){return["table","td","th"].indexOf(S(e))>=0}function W(e){return m(e)&&"fixed"!==E(e).position?e.offsetParent:null}function L(e){for(var t=d(e),r=W(e);r&&N(r)&&"static"===E(r).position;)r=W(r);return r&&("html"===S(r)||"body"===S(r)&&"static"===E(r).position)?t:r||function(e){var t=/firefox/i.test(w());if(/Trident/i.test(w())&&m(e)&&"fixed"===E(e).position)return null;var r=B(e);for(h(r)&&(r=r.host);m(r)&&["html","body"].indexOf(S(r))<0;){var n=E(r);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return r;r=r.parentNode}return null}(e)||t}var M="top",R="bottom",I="right",V="left",H="auto",z=[M,R,I,V],q="start",U="end",F="viewport",$="popper",K=z.reduce((function(e,t){return e.concat([t+"-"+q,t+"-"+U])}),[]),Y=[].concat(z,[H]).reduce((function(e,t){return e.concat([t,t+"-"+q,t+"-"+U])}),[]),X=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function G(e){var t=new Map,r=new Set,n=[];function o(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!r.has(e)){var n=t.get(e);n&&o(n)}})),n.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){r.has(e.name)||o(e)})),n}function J(e){return e.split("-")[0]}function Q(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&h(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function Z(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function ee(e,t,r){return t===F?Z(function(e,t){var r=d(e),n=j(e),o=r.visualViewport,a=n.clientWidth,i=n.clientHeight,p=0,u=0;if(o){a=o.width,i=o.height;var s=x();(s||!s&&"fixed"===t)&&(p=o.offsetLeft,u=o.offsetTop)}return{width:a,height:i,x:p+P(e),y:u}}(e,r)):v(t)?function(e,t){var r=O(e,!1,"fixed"===t);return r.top=r.top+e.clientTop,r.left=r.left+e.clientLeft,r.bottom=r.top+e.clientHeight,r.right=r.left+e.clientWidth,r.width=e.clientWidth,r.height=e.clientHeight,r.x=r.left,r.y=r.top,r}(t,r):Z(function(e){var t,r=j(e),n=k(e),o=null==(t=e.ownerDocument)?void 0:t.body,a=b(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),i=b(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),p=-n.scrollLeft+P(e),u=-n.scrollTop;return"rtl"===E(o||r).direction&&(p+=b(r.clientWidth,o?o.clientWidth:0)-a),{width:a,height:i,x:p,y:u}}(j(e)))}function te(e,t,r,n){var o="clippingParents"===t?function(e){var t=C(B(e)),r=["absolute","fixed"].indexOf(E(e).position)>=0&&m(e)?L(e):e;return v(r)?t.filter((function(e){return v(e)&&Q(e,r)&&"body"!==S(e)})):[]}(e):[].concat(t),a=[].concat(o,[r]),i=a[0],p=a.reduce((function(t,r){var o=ee(e,r,n);return t.top=b(o.top,t.top),t.right=y(o.right,t.right),t.bottom=y(o.bottom,t.bottom),t.left=b(o.left,t.left),t}),ee(e,i,n));return p.width=p.right-p.left,p.height=p.bottom-p.top,p.x=p.left,p.y=p.top,p}function re(e){return e.split("-")[1]}function ne(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function oe(e){var t,r=e.reference,n=e.element,o=e.placement,a=o?J(o):null,i=o?re(o):null,p=r.x+r.width/2-n.width/2,u=r.y+r.height/2-n.height/2;switch(a){case M:t={x:p,y:r.y-n.height};break;case R:t={x:p,y:r.y+r.height};break;case I:t={x:r.x+r.width,y:u};break;case V:t={x:r.x-n.width,y:u};break;default:t={x:r.x,y:r.y}}var s=a?ne(a):null;if(null!=s){var c="y"===s?"height":"width";switch(i){case q:t[s]=t[s]-(r[c]/2-n[c]/2);break;case U:t[s]=t[s]+(r[c]/2-n[c]/2)}}return t}function ae(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function ie(e,t){return t.reduce((function(t,r){return t[r]=e,t}),{})}function pe(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=void 0===n?e.placement:n,a=r.strategy,i=void 0===a?e.strategy:a,p=r.boundary,u=void 0===p?"clippingParents":p,s=r.rootBoundary,c=void 0===s?F:s,f=r.elementContext,l=void 0===f?$:f,d=r.altBoundary,m=void 0!==d&&d,h=r.padding,b=void 0===h?0:h,y=ae("number"!=typeof b?b:ie(b,z)),g=l===$?"reference":$,w=e.rects.popper,x=e.elements[m?g:l],k=te(v(x)?x:x.contextElement||j(e.elements.popper),u,c,i),S=O(e.elements.reference),P=oe({reference:S,element:w,strategy:"absolute",placement:o}),E=Z(Object.assign({},w,P)),_=l===$?E:S,A={top:k.top-_.top+y.top,bottom:_.bottom-k.bottom+y.bottom,left:k.left-_.left+y.left,right:_.right-k.right+y.right},D=e.modifiersData.offset;if(l===$&&D){var B=D[o];Object.keys(A).forEach((function(e){var t=[I,R].indexOf(e)>=0?1:-1,r=[M,R].indexOf(e)>=0?"y":"x";A[e]+=B[r]*t}))}return A}var ue={placement:"bottom",modifiers:[],strategy:"absolute"};function se(){for(var e=arguments.length,t=new Array(e),r=0;rr?r:n}(xe,ve,Oe):me(d?xe:be,ve,d?Oe:ye);S[k]=ke,B[k]=ke-ve}t.modifiersData[n]=B}},requiresIfExists:["offset"]},be={left:"right",right:"left",bottom:"top",top:"bottom"};function ye(e){return e.replace(/left|right|bottom|top/g,(function(e){return be[e]}))}var ge={start:"end",end:"start"};function we(e){return e.replace(/start|end/g,(function(e){return ge[e]}))}function xe(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=r.boundary,a=r.rootBoundary,i=r.padding,p=r.flipVariations,u=r.allowedAutoPlacements,s=void 0===u?Y:u,c=re(n),f=c?p?K:K.filter((function(e){return re(e)===c})):z,l=f.filter((function(e){return s.indexOf(e)>=0}));0===l.length&&(l=f);var d=l.reduce((function(t,r){return t[r]=pe(e,{placement:r,boundary:o,rootBoundary:a,padding:i})[J(r)],t}),{});return Object.keys(d).sort((function(e,t){return d[e]-d[t]}))}var Oe={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,a=void 0===o||o,i=r.altAxis,p=void 0===i||i,u=r.fallbackPlacements,s=r.padding,c=r.boundary,f=r.rootBoundary,l=r.altBoundary,d=r.flipVariations,v=void 0===d||d,m=r.allowedAutoPlacements,h=t.options.placement,b=J(h),y=u||(b===h||!v?[ye(h)]:function(e){if(J(e)===H)return[];var t=ye(e);return[we(e),t,we(t)]}(h)),g=[h].concat(y).reduce((function(e,r){return e.concat(J(r)===H?xe(t,{placement:r,boundary:c,rootBoundary:f,padding:s,flipVariations:v,allowedAutoPlacements:m}):r)}),[]),w=t.rects.reference,x=t.rects.popper,O=new Map,k=!0,S=g[0],j=0;j=0,D=A?"width":"height",B=pe(t,{placement:P,boundary:c,rootBoundary:f,altBoundary:l,padding:s}),T=A?_?I:V:_?R:M;w[D]>x[D]&&(T=ye(T));var C=ye(T),N=[];if(a&&N.push(B[E]<=0),p&&N.push(B[T]<=0,B[C]<=0),N.every((function(e){return e}))){S=P,k=!1;break}O.set(P,N)}if(k)for(var W=function(e){var t=g.find((function(t){var r=O.get(t);if(r)return r.slice(0,e).every((function(e){return e}))}));if(t)return S=t,"break"},L=v?3:1;L>0;L--){if("break"===W(L))break}t.placement!==S&&(t.modifiersData[n]._skip=!0,t.placement=S,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var ke={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.offset,a=void 0===o?[0,0]:o,i=Y.reduce((function(e,r){return e[r]=function(e,t,r){var n=J(e),o=[V,M].indexOf(n)>=0?-1:1,a="function"==typeof r?r(Object.assign({},t,{placement:e})):r,i=a[0],p=a[1];return i=i||0,p=(p||0)*o,[V,I].indexOf(n)>=0?{x:p,y:i}:{x:i,y:p}}(r,t.rects,a),e}),{}),p=i[t.placement],u=p.x,s=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=u,t.modifiersData.popperOffsets.y+=s),t.modifiersData[n]=i}};var Se={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,n=e.name,o=e.options,a=r.elements.arrow,i=r.modifiersData.popperOffsets,p=J(r.placement),u=ne(p),s=[V,I].indexOf(p)>=0?"height":"width";if(a&&i){var c=function(e,t){return ae("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:ie(e,z))}(o.padding,r),f=D(a),l="y"===u?M:V,d="y"===u?R:I,v=r.rects.reference[s]+r.rects.reference[u]-i[u]-r.rects.popper[s],m=i[u]-r.rects.reference[u],h=L(a),b=h?"y"===u?h.clientHeight||0:h.clientWidth||0:0,y=v/2-m/2,g=c[l],w=b-f[s]-c[d],x=b/2-f[s]/2+y,O=me(g,x,w),k=u;r.modifiersData[n]=((t={})[k]=O,t.centerOffset=O-x,t)}},effect:function(e){var t=e.state,r=e.options.element,n=void 0===r?"[data-popper-arrow]":r;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&Q(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},je=function(e){return parseInt(e,10)};var Pe={class:"popper__arrow","data-popper-arrow":""};function Ee(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}Ee('\n.popper__arrow[data-v-6591bbd2],\n .popper__arrow[data-v-6591bbd2]::before {\n transition: background 250ms ease-in-out;\n position: absolute;\n width: calc(10px - var(--popper-theme-border-width, 0px));\n height: calc(10px - var(--popper-theme-border-width, 0px));\n box-sizing: border-box;\n background: var(--popper-theme-background-color);\n}\n.popper__arrow[data-v-6591bbd2] {\n visibility: hidden;\n}\n.popper__arrow[data-v-6591bbd2]::before {\n visibility: visible;\n content: "";\n transform: rotate(45deg);\n}\n\n /* Top arrow */\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2] {\n bottom: -5px;\n}\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-bottom: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Bottom arrow */\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2] {\n top: -5px;\n}\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2]::before {\n border-left: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Left arrow */\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2] {\n right: -5px;\n}\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Right arrow */\n.popper[data-popper-placement^="right"] > .popper__arrow[data-v-6591bbd2] {\n left: -5px;\n}\n');var _e={render:function(t,r){return e.openBlock(),e.createElementBlock("div",Pe)},__scopeId:"data-v-6591bbd2"},Ae=_e,De={props:{to:String,disabled:Boolean},components:{Teleport:e.Teleport}};De.render=function(t,r,n,o,a,i){return n.to?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:n.to,disabled:n.disabled},[e.renderSlot(t.$slots,"default")],8,["to","disabled"])):e.renderSlot(t.$slots,"default",{key:1})};var Be=["onKeyup"],Te={__name:"Popper",props:{placement:{type:String,default:"bottom",validator:function(e){return["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"].includes(e)}},disableClickAway:{type:Boolean,default:!1},customClickAwayMatcher:{type:Function,default:null},offsetSkid:{type:[Number,String],default:0},offsetDistance:{type:[Number,String],default:12},hover:{type:Boolean,default:!1},show:{type:Boolean,default:null},disabled:{type:Boolean,default:!1},openDelay:{type:[Number,String],default:0},closeDelay:{type:[Number,String],default:0},arrow:{type:Boolean,default:!1},arrowPadding:{type:[Number,String],default:0},interactive:{type:Boolean,default:!0},locked:{type:Boolean,default:!1},content:{type:String,default:null},adaptive:{type:Boolean,default:!0},boundary:{default:null},boundaryPadding:{type:[Number,String],default:5},container:{type:String,default:null},triggerWrapperClass:{type:[String,Object,Array],default:null},triggerWrapperStyle:{type:[String,Object,Array],default:null},triggerStopPropagation:{type:Boolean,default:!1},contentWrapperClass:{type:[String,Object,Array],default:null},contentWrapperStyle:{type:[String,Object,Array],default:null}},emits:["open:popper","close:popper"],setup:function(t,n){var a=n.expose,u=n.emit,s=t,c=e.useSlots(),d=e.ref(null),v=e.ref(null),m=e.ref(null),h=e.ref(!1),b=e.ref(!1);e.onMounted((function(){var e=c.default();if(e&&e.length>1)return console.error("[Popper]: The component expects only one child element at its root. You passed ".concat(e.length," child nodes."));b.value=!0}));var y=e.toRefs(s),g=y.arrowPadding,w=y.closeDelay,x=y.content,O=y.disableClickAway,k=y.customClickAwayMatcher,S=y.disabled,j=y.interactive,P=y.locked,E=y.offsetDistance,_=y.offsetSkid,A=y.openDelay,D=y.placement,B=y.show,T=y.adaptive,C=y.boundary,N=y.boundaryPadding,W=y.container,L=y.triggerStopPropagation,M=function(t){var n=t.arrowPadding,a=t.emit,u=t.locked,s=t.offsetDistance,c=t.offsetSkid,f=t.placement,l=t.popperNode,d=t.triggerNode,v=t.boundary,m=t.boundaryPadding,h=t.adaptive,b=e.reactive({isOpen:!1,popperInstance:null}),y=function(e){var t;null===(t=b.popperInstance)||void 0===t||t.setOptions((function(t){return r(r({},t),{},{modifiers:[].concat(p(t.modifiers),[{name:"eventListeners",enabled:e}])})}))};e.watch([function(){return b.isOpen},f],function(){var e=o(regeneratorRuntime.mark((function e(t){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!i(t,1)[0]){e.next=7;break}return e.next=4,O();case 4:y(!0),e.next=8;break;case 7:y(!1);case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}());var g=[];if(v.value){var w={boundary:"string"==typeof v.value?document.querySelector(v.value):v.value};m.value&&(w.padding=je(m.value)),g.push({name:"preventOverflow",options:w})}var x=[he].concat(g,[{name:"computeStyles",options:{adaptive:h.value,gpuAcceleration:!0,roundOffsets:!0}},Oe,{name:"flip",enabled:!u.value},Se,{name:"arrow",options:{padding:je(n.value)}},ke,{name:"offset",options:{offset:[je(c.value),je(s.value)]}}]),O=function(){var t=o(regeneratorRuntime.mark((function t(){var r;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.nextTick();case 2:return r={placement:f.value,modifiers:x},b.popperInstance=ve(d.value,l.value,r),t.next=6,b.popperInstance.update();case 6:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();return e.onBeforeUnmount((function(){var e;null===(e=b.popperInstance)||void 0===e||e.destroy()})),r(r({},e.toRefs(b)),{},{open:function(){b.isOpen||(b.isOpen=!0,a("open:popper"))},close:function(){b.isOpen&&(b.isOpen=!1,a("close:popper"))},update:function(){b.popperInstance?b.popperInstance.update():O()}})}({arrowPadding:g,emit:u,locked:P,offsetDistance:E,offsetSkid:_,placement:D,popperNode:v,triggerNode:m,boundary:C,boundaryPadding:N,adaptive:T}),R=M.isOpen,I=M.open,V=M.close,H=M.update,z=e.computed((function(){return null!==B.value})),q=e.computed((function(){return R.value&&!S.value})),U=e.computed((function(){return!O.value&&!z.value})),F=e.computed((function(){return j.value?"border: ".concat(E.value,"px solid transparent; margin: -").concat(E.value,"px;"):null})),$=f.debounce(I,A.value),K=f.debounce(V,w.value),Y=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!S.value&&!z.value){e.next=2;break}return e.abrupt("return");case 2:K.clear(),$();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),X=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!z.value){e.next=2;break}return e.abrupt("return");case 2:$.clear(),K();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),G=H,J=function(){R.value?X():Y()},Q=function(e){J(),L.value&&e.stopPropagation()};return e.watch(S,(function(e){R.value&&e&&V()})),e.watch(R,(function(e){e?h.value=!0:f.debounce((function(){h.value=!1}),200)})),e.watchEffect((function(){z.value&&(B.value?$():K())})),e.watchEffect((function(){U.value&&l(d,v,k.value,X)})),a({openPopper:Y,closePopper:X,togglePopper:J,updatePopper:G}),function(r,n){return e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(e.unref(F)),onMouseleave:n[2]||(n[2]=function(e){return t.hover&&X()}),ref_key:"popperContainerNode",ref:d},[e.createElementVNode("div",{ref_key:"triggerNode",ref:m,class:e.normalizeClass([t.triggerWrapperClass,"popper__trigger"]),style:e.normalizeStyle(t.triggerWrapperStyle),onMouseover:n[0]||(n[0]=function(e){return t.hover&&Y()}),onClick:Q,onFocus:Y,onKeyup:e.withKeys(X,["esc"])},[e.renderSlot(r.$slots,"default")],46,Be),b.value?(e.openBlock(),e.createBlock(De,{key:0,to:e.unref(W)},{default:e.withCtx((function(){return[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx((function(){return[e.withDirectives(e.createElementVNode("div",{onClick:n[1]||(n[1]=function(t){return!e.unref(j)&&X()}),class:e.normalizeClass(["popper",t.contentWrapperClass]),style:e.normalizeStyle(t.contentWrapperStyle),ref_key:"popperNode",ref:v},[e.renderSlot(r.$slots,"content",{close:e.unref(V),isOpen:h.value},(function(){return[e.createTextVNode(e.toDisplayString(e.unref(x)),1)]})),t.arrow?(e.openBlock(),e.createBlock(Ae,{key:0})):e.createCommentVNode("",!0)],6),[[e.vShow,e.unref(q)]])]})),_:3})]})),_:3},8,["to"])):e.createCommentVNode("",!0)],36)}}};Ee("\n.popper[data-v-228f360a] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-228f360a]:hover,\n .popper:hover > .popper__arrow[data-v-228f360a]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-228f360a],\n .fade-leave-active[data-v-228f360a] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-228f360a],\n .fade-leave-to[data-v-228f360a] {\n opacity: 0;\n}\n"),Te.__scopeId="data-v-228f360a";var Ce=function(){var e=Te;return e.install=function(t){t.component("Popper",e)},e}(),Ne=Object.freeze({__proto__:null,default:Ce});return Object.entries(Ne).forEach((function(e){var t=i(e,2),r=t[0],n=t[1];"default"!==r&&(Ce[r]=n)})),Ce}(Vue); \ No newline at end of file diff --git a/dist/popper.ssr.js b/dist/popper.ssr.js index 54a5805..261326f 100644 --- a/dist/popper.ssr.js +++ b/dist/popper.ssr.js @@ -2030,7 +2030,7 @@ function usePopper(_ref) { var modifiers = [preventOverflow$1].concat(customPreventOverflowMidifier, [{ name: "computeStyles", options: { - adaptive: adaptive, + adaptive: adaptive.value, gpuAcceleration: true, roundOffsets: true } diff --git a/src/composables/usePopper.js b/src/composables/usePopper.js index e3d2719..168a43b 100644 --- a/src/composables/usePopper.js +++ b/src/composables/usePopper.js @@ -88,7 +88,7 @@ export default function usePopper({ { name: "computeStyles", options: { - adaptive, + adaptive: adaptive.value, gpuAcceleration: true, roundOffsets: true, }, From 78a1517ade3b3779fa6c9454db0a5c1cf8288bda Mon Sep 17 00:00:00 2001 From: Andrey Krivko <1298360+jastkand@users.noreply.github.com> Date: Fri, 28 Oct 2022 00:01:52 +0600 Subject: [PATCH 22/22] add gpuAcceleration prop --- dist/popper.esm.js | 21 ++++++++++++++++----- dist/popper.min.js | 2 +- dist/popper.ssr.js | 21 ++++++++++++++++----- src/component/Popper.vue | 9 +++++++++ src/composables/usePopper.js | 3 ++- 5 files changed, 44 insertions(+), 12 deletions(-) diff --git a/dist/popper.esm.js b/dist/popper.esm.js index 207274e..3ef5c07 100644 --- a/dist/popper.esm.js +++ b/dist/popper.esm.js @@ -1869,7 +1869,8 @@ function usePopper({ triggerNode, boundary, boundaryPadding, - adaptive + adaptive, + gpuAcceleration }) { const state = reactive({ isOpen: false, @@ -1943,7 +1944,7 @@ function usePopper({ name: "computeStyles", options: { adaptive: adaptive.value, - gpuAcceleration: true, + gpuAcceleration: gpuAcceleration.value, roundOffsets: true } }, flip$1, { @@ -2184,6 +2185,14 @@ var script = { default: true }, + /** + * Controls the gpuAcceleration options of computeStyles modifier. [Boolean] + */ + gpuAcceleration: { + type: Boolean, + default: true + }, + /** * This describes the area that the element will be checked for overflow relative to. [String, Element] */ @@ -2284,6 +2293,7 @@ var script = { placement, show, adaptive, + gpuAcceleration, boundary, boundaryPadding, container, @@ -2305,7 +2315,8 @@ var script = { triggerNode, boundary, boundaryPadding, - adaptive + adaptive, + gpuAcceleration }); const manualMode = computed(() => show.value !== null); const shouldShowPopper = computed(() => isOpen.value && !disabled.value); @@ -2439,10 +2450,10 @@ var script = { }; -var css_248z = "\n.popper[data-v-228f360a] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-228f360a]:hover,\n .popper:hover > .popper__arrow[data-v-228f360a]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-228f360a],\n .fade-leave-active[data-v-228f360a] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-228f360a],\n .fade-leave-to[data-v-228f360a] {\n opacity: 0;\n}\n"; +var css_248z = "\n.popper[data-v-346810ce] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-346810ce]:hover,\n .popper:hover > .popper__arrow[data-v-346810ce]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-346810ce],\n .fade-leave-active[data-v-346810ce] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-346810ce],\n .fade-leave-to[data-v-346810ce] {\n opacity: 0;\n}\n"; styleInject(css_248z); -script.__scopeId = "data-v-228f360a"; +script.__scopeId = "data-v-346810ce"; // IIFE injects install function into component, allowing component // to be registered via Vue.use() as well as Vue.component(), diff --git a/dist/popper.min.js b/dist/popper.min.js index b7192ea..c0fcdd5 100644 --- a/dist/popper.min.js +++ b/dist/popper.min.js @@ -1 +1 @@ -var Popper=function(e){"use strict";function t(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function r(e){for(var r=1;re.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0?n=setTimeout(u,t-s):(n=null,r||(p=e.apply(a,o),a=o=null))}null==t&&(t=100);var s=function(){a=this,o=arguments,i=Date.now();var s=r&&!n;return n||(n=setTimeout(u,t)),s&&(p=e.apply(a,o),a=o=null),p};return s.clear=function(){n&&(clearTimeout(n),n=null)},s.flush=function(){n&&(p=e.apply(a,o),a=o=null,clearTimeout(n),n=null)},s}c.debounce=c;var f=c;function l(t,r,n,o){if("undefined"!=typeof window&&window){var a=function(e,t){return t===e.target||e.composedPath().includes(t)};return function(t,r,n){e.isRef(t)?e.watch(t,(function(e,t){null==t||t.removeEventListener(r,n),null==e||e.addEventListener(r,n)})):e.onMounted((function(){t.addEventListener(r,n)})),e.onBeforeUnmount((function(){var o;null===(o=e.unref(t))||void 0===o||o.removeEventListener(r,n)}))}(window,"pointerdown",(function(i){var p=e.unref(t),u=e.unref(r);(p||u)&&(a(i,p)||a(i,u)||n&&n(i)||o(i))}))}}function d(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function v(e){return e instanceof d(e).Element||e instanceof Element}function m(e){return e instanceof d(e).HTMLElement||e instanceof HTMLElement}function h(e){return"undefined"!=typeof ShadowRoot&&(e instanceof d(e).ShadowRoot||e instanceof ShadowRoot)}var b=Math.max,y=Math.min,g=Math.round;function w(){var e=navigator.userAgentData;return null!=e&&e.brands?e.brands.map((function(e){return e.brand+"/"+e.version})).join(" "):navigator.userAgent}function x(){return!/^((?!chrome|android).)*safari/i.test(w())}function O(e,t,r){void 0===t&&(t=!1),void 0===r&&(r=!1);var n=e.getBoundingClientRect(),o=1,a=1;t&&m(e)&&(o=e.offsetWidth>0&&g(n.width)/e.offsetWidth||1,a=e.offsetHeight>0&&g(n.height)/e.offsetHeight||1);var i=(v(e)?d(e):window).visualViewport,p=!x()&&r,u=(n.left+(p&&i?i.offsetLeft:0))/o,s=(n.top+(p&&i?i.offsetTop:0))/a,c=n.width/o,f=n.height/a;return{width:c,height:f,top:s,right:u+c,bottom:s+f,left:u,x:u,y:s}}function k(e){var t=d(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function S(e){return e?(e.nodeName||"").toLowerCase():null}function j(e){return((v(e)?e.ownerDocument:e.document)||window.document).documentElement}function P(e){return O(j(e)).left+k(e).scrollLeft}function E(e){return d(e).getComputedStyle(e)}function _(e){var t=E(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function A(e,t,r){void 0===r&&(r=!1);var n,o,a=m(t),i=m(t)&&function(e){var t=e.getBoundingClientRect(),r=g(t.width)/e.offsetWidth||1,n=g(t.height)/e.offsetHeight||1;return 1!==r||1!==n}(t),p=j(t),u=O(e,i,r),s={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(a||!a&&!r)&&(("body"!==S(t)||_(p))&&(s=(n=t)!==d(n)&&m(n)?{scrollLeft:(o=n).scrollLeft,scrollTop:o.scrollTop}:k(n)),m(t)?((c=O(t,!0)).x+=t.clientLeft,c.y+=t.clientTop):p&&(c.x=P(p))),{x:u.left+s.scrollLeft-c.x,y:u.top+s.scrollTop-c.y,width:u.width,height:u.height}}function D(e){var t=O(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function B(e){return"html"===S(e)?e:e.assignedSlot||e.parentNode||(h(e)?e.host:null)||j(e)}function T(e){return["html","body","#document"].indexOf(S(e))>=0?e.ownerDocument.body:m(e)&&_(e)?e:T(B(e))}function C(e,t){var r;void 0===t&&(t=[]);var n=T(e),o=n===(null==(r=e.ownerDocument)?void 0:r.body),a=d(n),i=o?[a].concat(a.visualViewport||[],_(n)?n:[]):n,p=t.concat(i);return o?p:p.concat(C(B(i)))}function N(e){return["table","td","th"].indexOf(S(e))>=0}function W(e){return m(e)&&"fixed"!==E(e).position?e.offsetParent:null}function L(e){for(var t=d(e),r=W(e);r&&N(r)&&"static"===E(r).position;)r=W(r);return r&&("html"===S(r)||"body"===S(r)&&"static"===E(r).position)?t:r||function(e){var t=/firefox/i.test(w());if(/Trident/i.test(w())&&m(e)&&"fixed"===E(e).position)return null;var r=B(e);for(h(r)&&(r=r.host);m(r)&&["html","body"].indexOf(S(r))<0;){var n=E(r);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return r;r=r.parentNode}return null}(e)||t}var M="top",R="bottom",I="right",V="left",H="auto",z=[M,R,I,V],q="start",U="end",F="viewport",$="popper",K=z.reduce((function(e,t){return e.concat([t+"-"+q,t+"-"+U])}),[]),Y=[].concat(z,[H]).reduce((function(e,t){return e.concat([t,t+"-"+q,t+"-"+U])}),[]),X=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function G(e){var t=new Map,r=new Set,n=[];function o(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!r.has(e)){var n=t.get(e);n&&o(n)}})),n.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){r.has(e.name)||o(e)})),n}function J(e){return e.split("-")[0]}function Q(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&h(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function Z(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function ee(e,t,r){return t===F?Z(function(e,t){var r=d(e),n=j(e),o=r.visualViewport,a=n.clientWidth,i=n.clientHeight,p=0,u=0;if(o){a=o.width,i=o.height;var s=x();(s||!s&&"fixed"===t)&&(p=o.offsetLeft,u=o.offsetTop)}return{width:a,height:i,x:p+P(e),y:u}}(e,r)):v(t)?function(e,t){var r=O(e,!1,"fixed"===t);return r.top=r.top+e.clientTop,r.left=r.left+e.clientLeft,r.bottom=r.top+e.clientHeight,r.right=r.left+e.clientWidth,r.width=e.clientWidth,r.height=e.clientHeight,r.x=r.left,r.y=r.top,r}(t,r):Z(function(e){var t,r=j(e),n=k(e),o=null==(t=e.ownerDocument)?void 0:t.body,a=b(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),i=b(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),p=-n.scrollLeft+P(e),u=-n.scrollTop;return"rtl"===E(o||r).direction&&(p+=b(r.clientWidth,o?o.clientWidth:0)-a),{width:a,height:i,x:p,y:u}}(j(e)))}function te(e,t,r,n){var o="clippingParents"===t?function(e){var t=C(B(e)),r=["absolute","fixed"].indexOf(E(e).position)>=0&&m(e)?L(e):e;return v(r)?t.filter((function(e){return v(e)&&Q(e,r)&&"body"!==S(e)})):[]}(e):[].concat(t),a=[].concat(o,[r]),i=a[0],p=a.reduce((function(t,r){var o=ee(e,r,n);return t.top=b(o.top,t.top),t.right=y(o.right,t.right),t.bottom=y(o.bottom,t.bottom),t.left=b(o.left,t.left),t}),ee(e,i,n));return p.width=p.right-p.left,p.height=p.bottom-p.top,p.x=p.left,p.y=p.top,p}function re(e){return e.split("-")[1]}function ne(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function oe(e){var t,r=e.reference,n=e.element,o=e.placement,a=o?J(o):null,i=o?re(o):null,p=r.x+r.width/2-n.width/2,u=r.y+r.height/2-n.height/2;switch(a){case M:t={x:p,y:r.y-n.height};break;case R:t={x:p,y:r.y+r.height};break;case I:t={x:r.x+r.width,y:u};break;case V:t={x:r.x-n.width,y:u};break;default:t={x:r.x,y:r.y}}var s=a?ne(a):null;if(null!=s){var c="y"===s?"height":"width";switch(i){case q:t[s]=t[s]-(r[c]/2-n[c]/2);break;case U:t[s]=t[s]+(r[c]/2-n[c]/2)}}return t}function ae(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function ie(e,t){return t.reduce((function(t,r){return t[r]=e,t}),{})}function pe(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=void 0===n?e.placement:n,a=r.strategy,i=void 0===a?e.strategy:a,p=r.boundary,u=void 0===p?"clippingParents":p,s=r.rootBoundary,c=void 0===s?F:s,f=r.elementContext,l=void 0===f?$:f,d=r.altBoundary,m=void 0!==d&&d,h=r.padding,b=void 0===h?0:h,y=ae("number"!=typeof b?b:ie(b,z)),g=l===$?"reference":$,w=e.rects.popper,x=e.elements[m?g:l],k=te(v(x)?x:x.contextElement||j(e.elements.popper),u,c,i),S=O(e.elements.reference),P=oe({reference:S,element:w,strategy:"absolute",placement:o}),E=Z(Object.assign({},w,P)),_=l===$?E:S,A={top:k.top-_.top+y.top,bottom:_.bottom-k.bottom+y.bottom,left:k.left-_.left+y.left,right:_.right-k.right+y.right},D=e.modifiersData.offset;if(l===$&&D){var B=D[o];Object.keys(A).forEach((function(e){var t=[I,R].indexOf(e)>=0?1:-1,r=[M,R].indexOf(e)>=0?"y":"x";A[e]+=B[r]*t}))}return A}var ue={placement:"bottom",modifiers:[],strategy:"absolute"};function se(){for(var e=arguments.length,t=new Array(e),r=0;rr?r:n}(xe,ve,Oe):me(d?xe:be,ve,d?Oe:ye);S[k]=ke,B[k]=ke-ve}t.modifiersData[n]=B}},requiresIfExists:["offset"]},be={left:"right",right:"left",bottom:"top",top:"bottom"};function ye(e){return e.replace(/left|right|bottom|top/g,(function(e){return be[e]}))}var ge={start:"end",end:"start"};function we(e){return e.replace(/start|end/g,(function(e){return ge[e]}))}function xe(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=r.boundary,a=r.rootBoundary,i=r.padding,p=r.flipVariations,u=r.allowedAutoPlacements,s=void 0===u?Y:u,c=re(n),f=c?p?K:K.filter((function(e){return re(e)===c})):z,l=f.filter((function(e){return s.indexOf(e)>=0}));0===l.length&&(l=f);var d=l.reduce((function(t,r){return t[r]=pe(e,{placement:r,boundary:o,rootBoundary:a,padding:i})[J(r)],t}),{});return Object.keys(d).sort((function(e,t){return d[e]-d[t]}))}var Oe={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,a=void 0===o||o,i=r.altAxis,p=void 0===i||i,u=r.fallbackPlacements,s=r.padding,c=r.boundary,f=r.rootBoundary,l=r.altBoundary,d=r.flipVariations,v=void 0===d||d,m=r.allowedAutoPlacements,h=t.options.placement,b=J(h),y=u||(b===h||!v?[ye(h)]:function(e){if(J(e)===H)return[];var t=ye(e);return[we(e),t,we(t)]}(h)),g=[h].concat(y).reduce((function(e,r){return e.concat(J(r)===H?xe(t,{placement:r,boundary:c,rootBoundary:f,padding:s,flipVariations:v,allowedAutoPlacements:m}):r)}),[]),w=t.rects.reference,x=t.rects.popper,O=new Map,k=!0,S=g[0],j=0;j=0,D=A?"width":"height",B=pe(t,{placement:P,boundary:c,rootBoundary:f,altBoundary:l,padding:s}),T=A?_?I:V:_?R:M;w[D]>x[D]&&(T=ye(T));var C=ye(T),N=[];if(a&&N.push(B[E]<=0),p&&N.push(B[T]<=0,B[C]<=0),N.every((function(e){return e}))){S=P,k=!1;break}O.set(P,N)}if(k)for(var W=function(e){var t=g.find((function(t){var r=O.get(t);if(r)return r.slice(0,e).every((function(e){return e}))}));if(t)return S=t,"break"},L=v?3:1;L>0;L--){if("break"===W(L))break}t.placement!==S&&(t.modifiersData[n]._skip=!0,t.placement=S,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var ke={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.offset,a=void 0===o?[0,0]:o,i=Y.reduce((function(e,r){return e[r]=function(e,t,r){var n=J(e),o=[V,M].indexOf(n)>=0?-1:1,a="function"==typeof r?r(Object.assign({},t,{placement:e})):r,i=a[0],p=a[1];return i=i||0,p=(p||0)*o,[V,I].indexOf(n)>=0?{x:p,y:i}:{x:i,y:p}}(r,t.rects,a),e}),{}),p=i[t.placement],u=p.x,s=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=u,t.modifiersData.popperOffsets.y+=s),t.modifiersData[n]=i}};var Se={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,n=e.name,o=e.options,a=r.elements.arrow,i=r.modifiersData.popperOffsets,p=J(r.placement),u=ne(p),s=[V,I].indexOf(p)>=0?"height":"width";if(a&&i){var c=function(e,t){return ae("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:ie(e,z))}(o.padding,r),f=D(a),l="y"===u?M:V,d="y"===u?R:I,v=r.rects.reference[s]+r.rects.reference[u]-i[u]-r.rects.popper[s],m=i[u]-r.rects.reference[u],h=L(a),b=h?"y"===u?h.clientHeight||0:h.clientWidth||0:0,y=v/2-m/2,g=c[l],w=b-f[s]-c[d],x=b/2-f[s]/2+y,O=me(g,x,w),k=u;r.modifiersData[n]=((t={})[k]=O,t.centerOffset=O-x,t)}},effect:function(e){var t=e.state,r=e.options.element,n=void 0===r?"[data-popper-arrow]":r;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&Q(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},je=function(e){return parseInt(e,10)};var Pe={class:"popper__arrow","data-popper-arrow":""};function Ee(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}Ee('\n.popper__arrow[data-v-6591bbd2],\n .popper__arrow[data-v-6591bbd2]::before {\n transition: background 250ms ease-in-out;\n position: absolute;\n width: calc(10px - var(--popper-theme-border-width, 0px));\n height: calc(10px - var(--popper-theme-border-width, 0px));\n box-sizing: border-box;\n background: var(--popper-theme-background-color);\n}\n.popper__arrow[data-v-6591bbd2] {\n visibility: hidden;\n}\n.popper__arrow[data-v-6591bbd2]::before {\n visibility: visible;\n content: "";\n transform: rotate(45deg);\n}\n\n /* Top arrow */\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2] {\n bottom: -5px;\n}\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-bottom: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Bottom arrow */\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2] {\n top: -5px;\n}\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2]::before {\n border-left: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Left arrow */\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2] {\n right: -5px;\n}\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Right arrow */\n.popper[data-popper-placement^="right"] > .popper__arrow[data-v-6591bbd2] {\n left: -5px;\n}\n');var _e={render:function(t,r){return e.openBlock(),e.createElementBlock("div",Pe)},__scopeId:"data-v-6591bbd2"},Ae=_e,De={props:{to:String,disabled:Boolean},components:{Teleport:e.Teleport}};De.render=function(t,r,n,o,a,i){return n.to?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:n.to,disabled:n.disabled},[e.renderSlot(t.$slots,"default")],8,["to","disabled"])):e.renderSlot(t.$slots,"default",{key:1})};var Be=["onKeyup"],Te={__name:"Popper",props:{placement:{type:String,default:"bottom",validator:function(e){return["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"].includes(e)}},disableClickAway:{type:Boolean,default:!1},customClickAwayMatcher:{type:Function,default:null},offsetSkid:{type:[Number,String],default:0},offsetDistance:{type:[Number,String],default:12},hover:{type:Boolean,default:!1},show:{type:Boolean,default:null},disabled:{type:Boolean,default:!1},openDelay:{type:[Number,String],default:0},closeDelay:{type:[Number,String],default:0},arrow:{type:Boolean,default:!1},arrowPadding:{type:[Number,String],default:0},interactive:{type:Boolean,default:!0},locked:{type:Boolean,default:!1},content:{type:String,default:null},adaptive:{type:Boolean,default:!0},boundary:{default:null},boundaryPadding:{type:[Number,String],default:5},container:{type:String,default:null},triggerWrapperClass:{type:[String,Object,Array],default:null},triggerWrapperStyle:{type:[String,Object,Array],default:null},triggerStopPropagation:{type:Boolean,default:!1},contentWrapperClass:{type:[String,Object,Array],default:null},contentWrapperStyle:{type:[String,Object,Array],default:null}},emits:["open:popper","close:popper"],setup:function(t,n){var a=n.expose,u=n.emit,s=t,c=e.useSlots(),d=e.ref(null),v=e.ref(null),m=e.ref(null),h=e.ref(!1),b=e.ref(!1);e.onMounted((function(){var e=c.default();if(e&&e.length>1)return console.error("[Popper]: The component expects only one child element at its root. You passed ".concat(e.length," child nodes."));b.value=!0}));var y=e.toRefs(s),g=y.arrowPadding,w=y.closeDelay,x=y.content,O=y.disableClickAway,k=y.customClickAwayMatcher,S=y.disabled,j=y.interactive,P=y.locked,E=y.offsetDistance,_=y.offsetSkid,A=y.openDelay,D=y.placement,B=y.show,T=y.adaptive,C=y.boundary,N=y.boundaryPadding,W=y.container,L=y.triggerStopPropagation,M=function(t){var n=t.arrowPadding,a=t.emit,u=t.locked,s=t.offsetDistance,c=t.offsetSkid,f=t.placement,l=t.popperNode,d=t.triggerNode,v=t.boundary,m=t.boundaryPadding,h=t.adaptive,b=e.reactive({isOpen:!1,popperInstance:null}),y=function(e){var t;null===(t=b.popperInstance)||void 0===t||t.setOptions((function(t){return r(r({},t),{},{modifiers:[].concat(p(t.modifiers),[{name:"eventListeners",enabled:e}])})}))};e.watch([function(){return b.isOpen},f],function(){var e=o(regeneratorRuntime.mark((function e(t){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!i(t,1)[0]){e.next=7;break}return e.next=4,O();case 4:y(!0),e.next=8;break;case 7:y(!1);case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}());var g=[];if(v.value){var w={boundary:"string"==typeof v.value?document.querySelector(v.value):v.value};m.value&&(w.padding=je(m.value)),g.push({name:"preventOverflow",options:w})}var x=[he].concat(g,[{name:"computeStyles",options:{adaptive:h.value,gpuAcceleration:!0,roundOffsets:!0}},Oe,{name:"flip",enabled:!u.value},Se,{name:"arrow",options:{padding:je(n.value)}},ke,{name:"offset",options:{offset:[je(c.value),je(s.value)]}}]),O=function(){var t=o(regeneratorRuntime.mark((function t(){var r;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.nextTick();case 2:return r={placement:f.value,modifiers:x},b.popperInstance=ve(d.value,l.value,r),t.next=6,b.popperInstance.update();case 6:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();return e.onBeforeUnmount((function(){var e;null===(e=b.popperInstance)||void 0===e||e.destroy()})),r(r({},e.toRefs(b)),{},{open:function(){b.isOpen||(b.isOpen=!0,a("open:popper"))},close:function(){b.isOpen&&(b.isOpen=!1,a("close:popper"))},update:function(){b.popperInstance?b.popperInstance.update():O()}})}({arrowPadding:g,emit:u,locked:P,offsetDistance:E,offsetSkid:_,placement:D,popperNode:v,triggerNode:m,boundary:C,boundaryPadding:N,adaptive:T}),R=M.isOpen,I=M.open,V=M.close,H=M.update,z=e.computed((function(){return null!==B.value})),q=e.computed((function(){return R.value&&!S.value})),U=e.computed((function(){return!O.value&&!z.value})),F=e.computed((function(){return j.value?"border: ".concat(E.value,"px solid transparent; margin: -").concat(E.value,"px;"):null})),$=f.debounce(I,A.value),K=f.debounce(V,w.value),Y=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!S.value&&!z.value){e.next=2;break}return e.abrupt("return");case 2:K.clear(),$();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),X=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!z.value){e.next=2;break}return e.abrupt("return");case 2:$.clear(),K();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),G=H,J=function(){R.value?X():Y()},Q=function(e){J(),L.value&&e.stopPropagation()};return e.watch(S,(function(e){R.value&&e&&V()})),e.watch(R,(function(e){e?h.value=!0:f.debounce((function(){h.value=!1}),200)})),e.watchEffect((function(){z.value&&(B.value?$():K())})),e.watchEffect((function(){U.value&&l(d,v,k.value,X)})),a({openPopper:Y,closePopper:X,togglePopper:J,updatePopper:G}),function(r,n){return e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(e.unref(F)),onMouseleave:n[2]||(n[2]=function(e){return t.hover&&X()}),ref_key:"popperContainerNode",ref:d},[e.createElementVNode("div",{ref_key:"triggerNode",ref:m,class:e.normalizeClass([t.triggerWrapperClass,"popper__trigger"]),style:e.normalizeStyle(t.triggerWrapperStyle),onMouseover:n[0]||(n[0]=function(e){return t.hover&&Y()}),onClick:Q,onFocus:Y,onKeyup:e.withKeys(X,["esc"])},[e.renderSlot(r.$slots,"default")],46,Be),b.value?(e.openBlock(),e.createBlock(De,{key:0,to:e.unref(W)},{default:e.withCtx((function(){return[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx((function(){return[e.withDirectives(e.createElementVNode("div",{onClick:n[1]||(n[1]=function(t){return!e.unref(j)&&X()}),class:e.normalizeClass(["popper",t.contentWrapperClass]),style:e.normalizeStyle(t.contentWrapperStyle),ref_key:"popperNode",ref:v},[e.renderSlot(r.$slots,"content",{close:e.unref(V),isOpen:h.value},(function(){return[e.createTextVNode(e.toDisplayString(e.unref(x)),1)]})),t.arrow?(e.openBlock(),e.createBlock(Ae,{key:0})):e.createCommentVNode("",!0)],6),[[e.vShow,e.unref(q)]])]})),_:3})]})),_:3},8,["to"])):e.createCommentVNode("",!0)],36)}}};Ee("\n.popper[data-v-228f360a] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-228f360a]:hover,\n .popper:hover > .popper__arrow[data-v-228f360a]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-228f360a],\n .fade-leave-active[data-v-228f360a] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-228f360a],\n .fade-leave-to[data-v-228f360a] {\n opacity: 0;\n}\n"),Te.__scopeId="data-v-228f360a";var Ce=function(){var e=Te;return e.install=function(t){t.component("Popper",e)},e}(),Ne=Object.freeze({__proto__:null,default:Ce});return Object.entries(Ne).forEach((function(e){var t=i(e,2),r=t[0],n=t[1];"default"!==r&&(Ce[r]=n)})),Ce}(Vue); \ No newline at end of file +var Popper=function(e){"use strict";function t(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function r(e){for(var r=1;re.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0?n=setTimeout(u,t-c):(n=null,r||(p=e.apply(a,o),a=o=null))}null==t&&(t=100);var c=function(){a=this,o=arguments,i=Date.now();var c=r&&!n;return n||(n=setTimeout(u,t)),c&&(p=e.apply(a,o),a=o=null),p};return c.clear=function(){n&&(clearTimeout(n),n=null)},c.flush=function(){n&&(p=e.apply(a,o),a=o=null,clearTimeout(n),n=null)},c}s.debounce=s;var l=s;function f(t,r,n,o){if("undefined"!=typeof window&&window){var a=function(e,t){return t===e.target||e.composedPath().includes(t)};return function(t,r,n){e.isRef(t)?e.watch(t,(function(e,t){null==t||t.removeEventListener(r,n),null==e||e.addEventListener(r,n)})):e.onMounted((function(){t.addEventListener(r,n)})),e.onBeforeUnmount((function(){var o;null===(o=e.unref(t))||void 0===o||o.removeEventListener(r,n)}))}(window,"pointerdown",(function(i){var p=e.unref(t),u=e.unref(r);(p||u)&&(a(i,p)||a(i,u)||n&&n(i)||o(i))}))}}function d(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function v(e){return e instanceof d(e).Element||e instanceof Element}function m(e){return e instanceof d(e).HTMLElement||e instanceof HTMLElement}function h(e){return"undefined"!=typeof ShadowRoot&&(e instanceof d(e).ShadowRoot||e instanceof ShadowRoot)}var b=Math.max,y=Math.min,g=Math.round;function w(){var e=navigator.userAgentData;return null!=e&&e.brands?e.brands.map((function(e){return e.brand+"/"+e.version})).join(" "):navigator.userAgent}function x(){return!/^((?!chrome|android).)*safari/i.test(w())}function O(e,t,r){void 0===t&&(t=!1),void 0===r&&(r=!1);var n=e.getBoundingClientRect(),o=1,a=1;t&&m(e)&&(o=e.offsetWidth>0&&g(n.width)/e.offsetWidth||1,a=e.offsetHeight>0&&g(n.height)/e.offsetHeight||1);var i=(v(e)?d(e):window).visualViewport,p=!x()&&r,u=(n.left+(p&&i?i.offsetLeft:0))/o,c=(n.top+(p&&i?i.offsetTop:0))/a,s=n.width/o,l=n.height/a;return{width:s,height:l,top:c,right:u+s,bottom:c+l,left:u,x:u,y:c}}function k(e){var t=d(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function S(e){return e?(e.nodeName||"").toLowerCase():null}function j(e){return((v(e)?e.ownerDocument:e.document)||window.document).documentElement}function P(e){return O(j(e)).left+k(e).scrollLeft}function A(e){return d(e).getComputedStyle(e)}function E(e){var t=A(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function _(e,t,r){void 0===r&&(r=!1);var n,o,a=m(t),i=m(t)&&function(e){var t=e.getBoundingClientRect(),r=g(t.width)/e.offsetWidth||1,n=g(t.height)/e.offsetHeight||1;return 1!==r||1!==n}(t),p=j(t),u=O(e,i,r),c={scrollLeft:0,scrollTop:0},s={x:0,y:0};return(a||!a&&!r)&&(("body"!==S(t)||E(p))&&(c=(n=t)!==d(n)&&m(n)?{scrollLeft:(o=n).scrollLeft,scrollTop:o.scrollTop}:k(n)),m(t)?((s=O(t,!0)).x+=t.clientLeft,s.y+=t.clientTop):p&&(s.x=P(p))),{x:u.left+c.scrollLeft-s.x,y:u.top+c.scrollTop-s.y,width:u.width,height:u.height}}function D(e){var t=O(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function B(e){return"html"===S(e)?e:e.assignedSlot||e.parentNode||(h(e)?e.host:null)||j(e)}function T(e){return["html","body","#document"].indexOf(S(e))>=0?e.ownerDocument.body:m(e)&&E(e)?e:T(B(e))}function C(e,t){var r;void 0===t&&(t=[]);var n=T(e),o=n===(null==(r=e.ownerDocument)?void 0:r.body),a=d(n),i=o?[a].concat(a.visualViewport||[],E(n)?n:[]):n,p=t.concat(i);return o?p:p.concat(C(B(i)))}function N(e){return["table","td","th"].indexOf(S(e))>=0}function W(e){return m(e)&&"fixed"!==A(e).position?e.offsetParent:null}function L(e){for(var t=d(e),r=W(e);r&&N(r)&&"static"===A(r).position;)r=W(r);return r&&("html"===S(r)||"body"===S(r)&&"static"===A(r).position)?t:r||function(e){var t=/firefox/i.test(w());if(/Trident/i.test(w())&&m(e)&&"fixed"===A(e).position)return null;var r=B(e);for(h(r)&&(r=r.host);m(r)&&["html","body"].indexOf(S(r))<0;){var n=A(r);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return r;r=r.parentNode}return null}(e)||t}var M="top",R="bottom",I="right",V="left",H="auto",z=[M,R,I,V],q="start",U="end",F="viewport",$="popper",K=z.reduce((function(e,t){return e.concat([t+"-"+q,t+"-"+U])}),[]),Y=[].concat(z,[H]).reduce((function(e,t){return e.concat([t,t+"-"+q,t+"-"+U])}),[]),X=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function G(e){var t=new Map,r=new Set,n=[];function o(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!r.has(e)){var n=t.get(e);n&&o(n)}})),n.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){r.has(e.name)||o(e)})),n}function J(e){return e.split("-")[0]}function Q(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&h(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function Z(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function ee(e,t,r){return t===F?Z(function(e,t){var r=d(e),n=j(e),o=r.visualViewport,a=n.clientWidth,i=n.clientHeight,p=0,u=0;if(o){a=o.width,i=o.height;var c=x();(c||!c&&"fixed"===t)&&(p=o.offsetLeft,u=o.offsetTop)}return{width:a,height:i,x:p+P(e),y:u}}(e,r)):v(t)?function(e,t){var r=O(e,!1,"fixed"===t);return r.top=r.top+e.clientTop,r.left=r.left+e.clientLeft,r.bottom=r.top+e.clientHeight,r.right=r.left+e.clientWidth,r.width=e.clientWidth,r.height=e.clientHeight,r.x=r.left,r.y=r.top,r}(t,r):Z(function(e){var t,r=j(e),n=k(e),o=null==(t=e.ownerDocument)?void 0:t.body,a=b(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),i=b(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),p=-n.scrollLeft+P(e),u=-n.scrollTop;return"rtl"===A(o||r).direction&&(p+=b(r.clientWidth,o?o.clientWidth:0)-a),{width:a,height:i,x:p,y:u}}(j(e)))}function te(e,t,r,n){var o="clippingParents"===t?function(e){var t=C(B(e)),r=["absolute","fixed"].indexOf(A(e).position)>=0&&m(e)?L(e):e;return v(r)?t.filter((function(e){return v(e)&&Q(e,r)&&"body"!==S(e)})):[]}(e):[].concat(t),a=[].concat(o,[r]),i=a[0],p=a.reduce((function(t,r){var o=ee(e,r,n);return t.top=b(o.top,t.top),t.right=y(o.right,t.right),t.bottom=y(o.bottom,t.bottom),t.left=b(o.left,t.left),t}),ee(e,i,n));return p.width=p.right-p.left,p.height=p.bottom-p.top,p.x=p.left,p.y=p.top,p}function re(e){return e.split("-")[1]}function ne(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function oe(e){var t,r=e.reference,n=e.element,o=e.placement,a=o?J(o):null,i=o?re(o):null,p=r.x+r.width/2-n.width/2,u=r.y+r.height/2-n.height/2;switch(a){case M:t={x:p,y:r.y-n.height};break;case R:t={x:p,y:r.y+r.height};break;case I:t={x:r.x+r.width,y:u};break;case V:t={x:r.x-n.width,y:u};break;default:t={x:r.x,y:r.y}}var c=a?ne(a):null;if(null!=c){var s="y"===c?"height":"width";switch(i){case q:t[c]=t[c]-(r[s]/2-n[s]/2);break;case U:t[c]=t[c]+(r[s]/2-n[s]/2)}}return t}function ae(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function ie(e,t){return t.reduce((function(t,r){return t[r]=e,t}),{})}function pe(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=void 0===n?e.placement:n,a=r.strategy,i=void 0===a?e.strategy:a,p=r.boundary,u=void 0===p?"clippingParents":p,c=r.rootBoundary,s=void 0===c?F:c,l=r.elementContext,f=void 0===l?$:l,d=r.altBoundary,m=void 0!==d&&d,h=r.padding,b=void 0===h?0:h,y=ae("number"!=typeof b?b:ie(b,z)),g=f===$?"reference":$,w=e.rects.popper,x=e.elements[m?g:f],k=te(v(x)?x:x.contextElement||j(e.elements.popper),u,s,i),S=O(e.elements.reference),P=oe({reference:S,element:w,strategy:"absolute",placement:o}),A=Z(Object.assign({},w,P)),E=f===$?A:S,_={top:k.top-E.top+y.top,bottom:E.bottom-k.bottom+y.bottom,left:k.left-E.left+y.left,right:E.right-k.right+y.right},D=e.modifiersData.offset;if(f===$&&D){var B=D[o];Object.keys(_).forEach((function(e){var t=[I,R].indexOf(e)>=0?1:-1,r=[M,R].indexOf(e)>=0?"y":"x";_[e]+=B[r]*t}))}return _}var ue={placement:"bottom",modifiers:[],strategy:"absolute"};function ce(){for(var e=arguments.length,t=new Array(e),r=0;rr?r:n}(xe,ve,Oe):me(d?xe:be,ve,d?Oe:ye);S[k]=ke,B[k]=ke-ve}t.modifiersData[n]=B}},requiresIfExists:["offset"]},be={left:"right",right:"left",bottom:"top",top:"bottom"};function ye(e){return e.replace(/left|right|bottom|top/g,(function(e){return be[e]}))}var ge={start:"end",end:"start"};function we(e){return e.replace(/start|end/g,(function(e){return ge[e]}))}function xe(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=r.boundary,a=r.rootBoundary,i=r.padding,p=r.flipVariations,u=r.allowedAutoPlacements,c=void 0===u?Y:u,s=re(n),l=s?p?K:K.filter((function(e){return re(e)===s})):z,f=l.filter((function(e){return c.indexOf(e)>=0}));0===f.length&&(f=l);var d=f.reduce((function(t,r){return t[r]=pe(e,{placement:r,boundary:o,rootBoundary:a,padding:i})[J(r)],t}),{});return Object.keys(d).sort((function(e,t){return d[e]-d[t]}))}var Oe={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,a=void 0===o||o,i=r.altAxis,p=void 0===i||i,u=r.fallbackPlacements,c=r.padding,s=r.boundary,l=r.rootBoundary,f=r.altBoundary,d=r.flipVariations,v=void 0===d||d,m=r.allowedAutoPlacements,h=t.options.placement,b=J(h),y=u||(b===h||!v?[ye(h)]:function(e){if(J(e)===H)return[];var t=ye(e);return[we(e),t,we(t)]}(h)),g=[h].concat(y).reduce((function(e,r){return e.concat(J(r)===H?xe(t,{placement:r,boundary:s,rootBoundary:l,padding:c,flipVariations:v,allowedAutoPlacements:m}):r)}),[]),w=t.rects.reference,x=t.rects.popper,O=new Map,k=!0,S=g[0],j=0;j=0,D=_?"width":"height",B=pe(t,{placement:P,boundary:s,rootBoundary:l,altBoundary:f,padding:c}),T=_?E?I:V:E?R:M;w[D]>x[D]&&(T=ye(T));var C=ye(T),N=[];if(a&&N.push(B[A]<=0),p&&N.push(B[T]<=0,B[C]<=0),N.every((function(e){return e}))){S=P,k=!1;break}O.set(P,N)}if(k)for(var W=function(e){var t=g.find((function(t){var r=O.get(t);if(r)return r.slice(0,e).every((function(e){return e}))}));if(t)return S=t,"break"},L=v?3:1;L>0;L--){if("break"===W(L))break}t.placement!==S&&(t.modifiersData[n]._skip=!0,t.placement=S,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var ke={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.offset,a=void 0===o?[0,0]:o,i=Y.reduce((function(e,r){return e[r]=function(e,t,r){var n=J(e),o=[V,M].indexOf(n)>=0?-1:1,a="function"==typeof r?r(Object.assign({},t,{placement:e})):r,i=a[0],p=a[1];return i=i||0,p=(p||0)*o,[V,I].indexOf(n)>=0?{x:p,y:i}:{x:i,y:p}}(r,t.rects,a),e}),{}),p=i[t.placement],u=p.x,c=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=u,t.modifiersData.popperOffsets.y+=c),t.modifiersData[n]=i}};var Se={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,n=e.name,o=e.options,a=r.elements.arrow,i=r.modifiersData.popperOffsets,p=J(r.placement),u=ne(p),c=[V,I].indexOf(p)>=0?"height":"width";if(a&&i){var s=function(e,t){return ae("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:ie(e,z))}(o.padding,r),l=D(a),f="y"===u?M:V,d="y"===u?R:I,v=r.rects.reference[c]+r.rects.reference[u]-i[u]-r.rects.popper[c],m=i[u]-r.rects.reference[u],h=L(a),b=h?"y"===u?h.clientHeight||0:h.clientWidth||0:0,y=v/2-m/2,g=s[f],w=b-l[c]-s[d],x=b/2-l[c]/2+y,O=me(g,x,w),k=u;r.modifiersData[n]=((t={})[k]=O,t.centerOffset=O-x,t)}},effect:function(e){var t=e.state,r=e.options.element,n=void 0===r?"[data-popper-arrow]":r;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&Q(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},je=function(e){return parseInt(e,10)};var Pe={class:"popper__arrow","data-popper-arrow":""};function Ae(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}Ae('\n.popper__arrow[data-v-6591bbd2],\n .popper__arrow[data-v-6591bbd2]::before {\n transition: background 250ms ease-in-out;\n position: absolute;\n width: calc(10px - var(--popper-theme-border-width, 0px));\n height: calc(10px - var(--popper-theme-border-width, 0px));\n box-sizing: border-box;\n background: var(--popper-theme-background-color);\n}\n.popper__arrow[data-v-6591bbd2] {\n visibility: hidden;\n}\n.popper__arrow[data-v-6591bbd2]::before {\n visibility: visible;\n content: "";\n transform: rotate(45deg);\n}\n\n /* Top arrow */\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2] {\n bottom: -5px;\n}\n.popper[data-popper-placement^="top"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-bottom: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Bottom arrow */\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2] {\n top: -5px;\n}\n.popper[data-popper-placement^="bottom"] > .popper__arrow[data-v-6591bbd2]::before {\n border-left: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Left arrow */\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2] {\n right: -5px;\n}\n.popper[data-popper-placement^="left"] > .popper__arrow[data-v-6591bbd2]::before {\n border-right: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n border-top: var(--popper-theme-border-width)\n var(--popper-theme-border-style) var(--popper-theme-border-color);\n}\n\n /* Right arrow */\n.popper[data-popper-placement^="right"] > .popper__arrow[data-v-6591bbd2] {\n left: -5px;\n}\n');var Ee={render:function(t,r){return e.openBlock(),e.createElementBlock("div",Pe)},__scopeId:"data-v-6591bbd2"},_e=Ee,De={props:{to:String,disabled:Boolean},components:{Teleport:e.Teleport}};De.render=function(t,r,n,o,a,i){return n.to?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:n.to,disabled:n.disabled},[e.renderSlot(t.$slots,"default")],8,["to","disabled"])):e.renderSlot(t.$slots,"default",{key:1})};var Be=["onKeyup"],Te={__name:"Popper",props:{placement:{type:String,default:"bottom",validator:function(e){return["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"].includes(e)}},disableClickAway:{type:Boolean,default:!1},customClickAwayMatcher:{type:Function,default:null},offsetSkid:{type:[Number,String],default:0},offsetDistance:{type:[Number,String],default:12},hover:{type:Boolean,default:!1},show:{type:Boolean,default:null},disabled:{type:Boolean,default:!1},openDelay:{type:[Number,String],default:0},closeDelay:{type:[Number,String],default:0},arrow:{type:Boolean,default:!1},arrowPadding:{type:[Number,String],default:0},interactive:{type:Boolean,default:!0},locked:{type:Boolean,default:!1},content:{type:String,default:null},adaptive:{type:Boolean,default:!0},gpuAcceleration:{type:Boolean,default:!0},boundary:{default:null},boundaryPadding:{type:[Number,String],default:5},container:{type:String,default:null},triggerWrapperClass:{type:[String,Object,Array],default:null},triggerWrapperStyle:{type:[String,Object,Array],default:null},triggerStopPropagation:{type:Boolean,default:!1},contentWrapperClass:{type:[String,Object,Array],default:null},contentWrapperStyle:{type:[String,Object,Array],default:null}},emits:["open:popper","close:popper"],setup:function(t,n){var a=n.expose,u=n.emit,c=t,s=e.useSlots(),d=e.ref(null),v=e.ref(null),m=e.ref(null),h=e.ref(!1),b=e.ref(!1);e.onMounted((function(){var e=s.default();if(e&&e.length>1)return console.error("[Popper]: The component expects only one child element at its root. You passed ".concat(e.length," child nodes."));b.value=!0}));var y=e.toRefs(c),g=y.arrowPadding,w=y.closeDelay,x=y.content,O=y.disableClickAway,k=y.customClickAwayMatcher,S=y.disabled,j=y.interactive,P=y.locked,A=y.offsetDistance,E=y.offsetSkid,_=y.openDelay,D=y.placement,B=y.show,T=y.adaptive,C=y.gpuAcceleration,N=y.boundary,W=y.boundaryPadding,L=y.container,M=y.triggerStopPropagation,R=function(t){var n=t.arrowPadding,a=t.emit,u=t.locked,c=t.offsetDistance,s=t.offsetSkid,l=t.placement,f=t.popperNode,d=t.triggerNode,v=t.boundary,m=t.boundaryPadding,h=t.adaptive,b=t.gpuAcceleration,y=e.reactive({isOpen:!1,popperInstance:null}),g=function(e){var t;null===(t=y.popperInstance)||void 0===t||t.setOptions((function(t){return r(r({},t),{},{modifiers:[].concat(p(t.modifiers),[{name:"eventListeners",enabled:e}])})}))};e.watch([function(){return y.isOpen},l],function(){var e=o(regeneratorRuntime.mark((function e(t){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!i(t,1)[0]){e.next=7;break}return e.next=4,k();case 4:g(!0),e.next=8;break;case 7:g(!1);case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}());var w=[];if(v.value){var x={boundary:"string"==typeof v.value?document.querySelector(v.value):v.value};m.value&&(x.padding=je(m.value)),w.push({name:"preventOverflow",options:x})}var O=[he].concat(w,[{name:"computeStyles",options:{adaptive:h.value,gpuAcceleration:b.value,roundOffsets:!0}},Oe,{name:"flip",enabled:!u.value},Se,{name:"arrow",options:{padding:je(n.value)}},ke,{name:"offset",options:{offset:[je(s.value),je(c.value)]}}]),k=function(){var t=o(regeneratorRuntime.mark((function t(){var r;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.nextTick();case 2:return r={placement:l.value,modifiers:O},y.popperInstance=ve(d.value,f.value,r),t.next=6,y.popperInstance.update();case 6:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();return e.onBeforeUnmount((function(){var e;null===(e=y.popperInstance)||void 0===e||e.destroy()})),r(r({},e.toRefs(y)),{},{open:function(){y.isOpen||(y.isOpen=!0,a("open:popper"))},close:function(){y.isOpen&&(y.isOpen=!1,a("close:popper"))},update:function(){y.popperInstance?y.popperInstance.update():k()}})}({arrowPadding:g,emit:u,locked:P,offsetDistance:A,offsetSkid:E,placement:D,popperNode:v,triggerNode:m,boundary:N,boundaryPadding:W,adaptive:T,gpuAcceleration:C}),I=R.isOpen,V=R.open,H=R.close,z=R.update,q=e.computed((function(){return null!==B.value})),U=e.computed((function(){return I.value&&!S.value})),F=e.computed((function(){return!O.value&&!q.value})),$=e.computed((function(){return j.value?"border: ".concat(A.value,"px solid transparent; margin: -").concat(A.value,"px;"):null})),K=l.debounce(V,_.value),Y=l.debounce(H,w.value),X=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!S.value&&!q.value){e.next=2;break}return e.abrupt("return");case 2:Y.clear(),K();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),G=function(){var e=o(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!q.value){e.next=2;break}return e.abrupt("return");case 2:K.clear(),Y();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),J=z,Q=function(){I.value?G():X()},Z=function(e){Q(),M.value&&e.stopPropagation()};return e.watch(S,(function(e){I.value&&e&&H()})),e.watch(I,(function(e){e?h.value=!0:l.debounce((function(){h.value=!1}),200)})),e.watchEffect((function(){q.value&&(B.value?K():Y())})),e.watchEffect((function(){F.value&&f(d,v,k.value,G)})),a({openPopper:X,closePopper:G,togglePopper:Q,updatePopper:J}),function(r,n){return e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(e.unref($)),onMouseleave:n[2]||(n[2]=function(e){return t.hover&&G()}),ref_key:"popperContainerNode",ref:d},[e.createElementVNode("div",{ref_key:"triggerNode",ref:m,class:e.normalizeClass([t.triggerWrapperClass,"popper__trigger"]),style:e.normalizeStyle(t.triggerWrapperStyle),onMouseover:n[0]||(n[0]=function(e){return t.hover&&X()}),onClick:Z,onFocus:X,onKeyup:e.withKeys(G,["esc"])},[e.renderSlot(r.$slots,"default")],46,Be),b.value?(e.openBlock(),e.createBlock(De,{key:0,to:e.unref(L)},{default:e.withCtx((function(){return[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx((function(){return[e.withDirectives(e.createElementVNode("div",{onClick:n[1]||(n[1]=function(t){return!e.unref(j)&&G()}),class:e.normalizeClass(["popper",t.contentWrapperClass]),style:e.normalizeStyle(t.contentWrapperStyle),ref_key:"popperNode",ref:v},[e.renderSlot(r.$slots,"content",{close:e.unref(H),isOpen:h.value},(function(){return[e.createTextVNode(e.toDisplayString(e.unref(x)),1)]})),t.arrow?(e.openBlock(),e.createBlock(_e,{key:0})):e.createCommentVNode("",!0)],6),[[e.vShow,e.unref(U)]])]})),_:3})]})),_:3},8,["to"])):e.createCommentVNode("",!0)],36)}}};Ae("\n.popper[data-v-346810ce] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-346810ce]:hover,\n .popper:hover > .popper__arrow[data-v-346810ce]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-346810ce],\n .fade-leave-active[data-v-346810ce] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-346810ce],\n .fade-leave-to[data-v-346810ce] {\n opacity: 0;\n}\n"),Te.__scopeId="data-v-346810ce";var Ce=function(){var e=Te;return e.install=function(t){t.component("Popper",e)},e}(),Ne=Object.freeze({__proto__:null,default:Ce});return Object.entries(Ne).forEach((function(e){var t=i(e,2),r=t[0],n=t[1];"default"!==r&&(Ce[r]=n)})),Ce}(Vue); \ No newline at end of file diff --git a/dist/popper.ssr.js b/dist/popper.ssr.js index 261326f..4c2a991 100644 --- a/dist/popper.ssr.js +++ b/dist/popper.ssr.js @@ -1920,7 +1920,8 @@ function usePopper(_ref) { triggerNode = _ref.triggerNode, boundary = _ref.boundary, boundaryPadding = _ref.boundaryPadding, - adaptive = _ref.adaptive; + adaptive = _ref.adaptive, + gpuAcceleration = _ref.gpuAcceleration; var state = vue.reactive({ isOpen: false, popperInstance: null @@ -2031,7 +2032,7 @@ function usePopper(_ref) { name: "computeStyles", options: { adaptive: adaptive.value, - gpuAcceleration: true, + gpuAcceleration: gpuAcceleration.value, roundOffsets: true } }, flip$1, { @@ -2278,6 +2279,14 @@ var script = { default: true }, + /** + * Controls the gpuAcceleration options of computeStyles modifier. [Boolean] + */ + gpuAcceleration: { + type: Boolean, + default: true + }, + /** * This describes the area that the element will be checked for overflow relative to. [String, Element] */ @@ -2377,6 +2386,7 @@ var script = { placement = _toRefs.placement, show = _toRefs.show, adaptive = _toRefs.adaptive, + gpuAcceleration = _toRefs.gpuAcceleration, boundary = _toRefs.boundary, boundaryPadding = _toRefs.boundaryPadding, container = _toRefs.container, @@ -2393,7 +2403,8 @@ var script = { triggerNode: triggerNode, boundary: boundary, boundaryPadding: boundaryPadding, - adaptive: adaptive + adaptive: adaptive, + gpuAcceleration: gpuAcceleration }), isOpen = _usePopper.isOpen, open = _usePopper.open, @@ -2591,8 +2602,8 @@ var script = { }, 8, ["to"])) : vue.createCommentVNode("", true)], 36); }; } -};var css_248z = "\n.popper[data-v-228f360a] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-228f360a]:hover,\n .popper:hover > .popper__arrow[data-v-228f360a]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-228f360a],\n .fade-leave-active[data-v-228f360a] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-228f360a],\n .fade-leave-to[data-v-228f360a] {\n opacity: 0;\n}\n"; -styleInject(css_248z);script.__scopeId = "data-v-228f360a";// IIFE injects install function into component, allowing component +};var css_248z = "\n.popper[data-v-346810ce] {\n transition: background 250ms ease-in-out;\n background: var(--popper-theme-background-color);\n padding: var(--popper-theme-padding);\n color: var(--popper-theme-text-color);\n border-radius: var(--popper-theme-border-radius);\n border-width: var(--popper-theme-border-width);\n border-style: var(--popper-theme-border-style);\n border-color: var(--popper-theme-border-color);\n box-shadow: var(--popper-theme-box-shadow);\n z-index: var(--popper-theme-z-index);\n}\n.popper[data-v-346810ce]:hover,\n .popper:hover > .popper__arrow[data-v-346810ce]::before {\n background: var(--popper-theme-background-color-hover);\n}\n.fade-enter-active[data-v-346810ce],\n .fade-leave-active[data-v-346810ce] {\n transition: opacity 0.2s ease;\n}\n.fade-enter-from[data-v-346810ce],\n .fade-leave-to[data-v-346810ce] {\n opacity: 0;\n}\n"; +styleInject(css_248z);script.__scopeId = "data-v-346810ce";// IIFE injects install function into component, allowing component // to be registered via Vue.use() as well as Vue.component(), var component = /*#__PURE__*/(function () { diff --git a/src/component/Popper.vue b/src/component/Popper.vue index e85b4cf..d13d3a3 100644 --- a/src/component/Popper.vue +++ b/src/component/Popper.vue @@ -188,6 +188,13 @@ type: Boolean, default: true, }, + /** + * Controls the gpuAcceleration options of computeStyles modifier. [Boolean] + */ + gpuAcceleration: { + type: Boolean, + default: true, + }, /** * This describes the area that the element will be checked for overflow relative to. [String, Element] */ @@ -278,6 +285,7 @@ placement, show, adaptive, + gpuAcceleration, boundary, boundaryPadding, container, @@ -296,6 +304,7 @@ boundary, boundaryPadding, adaptive, + gpuAcceleration, }); const manualMode = computed(() => show.value !== null); diff --git a/src/composables/usePopper.js b/src/composables/usePopper.js index 168a43b..cab6936 100644 --- a/src/composables/usePopper.js +++ b/src/composables/usePopper.js @@ -19,6 +19,7 @@ export default function usePopper({ boundary, boundaryPadding, adaptive, + gpuAcceleration, }) { const state = reactive({ isOpen: false, @@ -89,7 +90,7 @@ export default function usePopper({ name: "computeStyles", options: { adaptive: adaptive.value, - gpuAcceleration: true, + gpuAcceleration: gpuAcceleration.value, roundOffsets: true, }, },