v-popover - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

dist/cjs/index.js

@@ -1802,2 +1802,6 @@ "use strict";
 exports.directive = directive;
+exports.getPopoverEventHandlers = getPopoverEventHandlers;
+exports.hidePopover = hidePopover;
+exports.showPopover = showPopover;
+exports.togglePopover = togglePopover;
 //# sourceMappingURL=index.js.map

dist/es/index.js

@@ -1800,4 +1800,8 @@ import { inject, computed, provide, renderSlot, reactive, withDirectives, Fragment, Comment, Text, Static, defineComponent, ref, watchEffect, onMounted, onUnmounted, watch, toRefs, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, mergeProps, createTextVNode, toDisplayString, createCommentVNode } from "vue";
   index as default,
-  directive
+  directive,
+  getPopoverEventHandlers,
+  hidePopover,
+  showPopover,
+  togglePopover
 };
 //# sourceMappingURL=index.js.map

dist/iife/index.js

@@ -1,2 +0,2 @@
-var VPopover=function(e,t){"use strict";var o=document.createElement("style");o.textContent='.v-popover-content-wrapper{position:absolute;width:-webkit-max-content;width:max-content;top:0;left:0;display:block;outline:none;z-index:10}.v-popover-content-wrapper:not(.interactive){pointer-events:none}.v-popover-content-wrapper{--arrow-offset: calc(var(--caret-size) * .7)}.v-popover-content-wrapper[data-hide-arrow=true]{--arrow-offset: 0px}.v-popover-content-wrapper[data-hide-arrow=true] .v-popover-caret{display:none}.v-popover-content{position:relative;color:var(--v-popover-content-color);font-weight:var(--v-popover-content-font-weight);font-size:var(--v-popover-content-font-size);background-color:var(--v-popover-content-bg);border:1px solid;border-color:var(--v-popover-content-border);border-radius:var(--v-popover-content-border-radius);padding:var(--v-popover-content-padding);min-width:50px;min-height:18px;text-align:center;outline:none;z-index:10;box-shadow:var(--v-popover-content-shadow)}.v-popover-content[data-direction=top]{margin-bottom:calc(var(--arrow-offset) + var(--offset-vertical))}.v-popover-content[data-direction=bottom]{margin-top:calc(var(--arrow-offset) + var(--offset-vertical))}.v-popover-content[data-direction=right]{margin-left:calc(var(--arrow-offset) + var(--offset-horizontal))}.v-popover-content[data-direction=left]{margin-right:calc(var(--arrow-offset) + var(--offset-horizontal))}.v-popover-caret{content:"";position:absolute;display:block;width:var(--caret-size);height:var(--caret-size);border-top:inherit;border-left:inherit;background-color:inherit;z-index:-1}.v-popover-caret[data-hidden=true]{display:none}.v-popover-caret[data-direction=bottom]{top:0}.v-popover-caret[data-direction=bottom][data-align=left]{-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.v-popover-caret[data-direction=bottom][data-align=center]{-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translate(-50%) translateY(-50%) rotate(45deg)}.v-popover-caret[data-direction=bottom][data-align=right]{-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.v-popover-caret[data-direction=top]{top:100%}.v-popover-caret[data-direction=top][data-align=left]{-webkit-transform:translateY(-50%) rotate(-135deg);transform:translateY(-50%) rotate(-135deg)}.v-popover-caret[data-direction=top][data-align=center]{-webkit-transform:translateX(-50%) translateY(-50%) rotate(-135deg);transform:translate(-50%) translateY(-50%) rotate(-135deg)}.v-popover-caret[data-direction=top][data-align=right]{-webkit-transform:translateY(-50%) rotate(-135deg);transform:translateY(-50%) rotate(-135deg)}.v-popover-caret[data-direction=left]{left:100%}.v-popover-caret[data-direction=left][data-align=top]{-webkit-transform:translateX(-50%) rotate(135deg);transform:translate(-50%) rotate(135deg)}.v-popover-caret[data-direction=left][data-align=middle]{-webkit-transform:translateY(-50%) translateX(-50%) rotate(135deg);transform:translateY(-50%) translate(-50%) rotate(135deg)}.v-popover-caret[data-direction=left][data-align=bottom]{-webkit-transform:translateX(-50%) rotate(135deg);transform:translate(-50%) rotate(135deg)}.v-popover-caret[data-direction=right]{left:0}.v-popover-caret[data-direction=right][data-align=top]{-webkit-transform:translateX(-50%) rotate(-45deg);transform:translate(-50%) rotate(-45deg)}.v-popover-caret[data-direction=right][data-align=middle]{-webkit-transform:translateY(-50%) translateX(-50%) rotate(-45deg);transform:translateY(-50%) translate(-50%) rotate(-45deg)}.v-popover-caret[data-direction=right][data-align=bottom]{-webkit-transform:translateX(-50%) rotate(-45deg);transform:translate(-50%) rotate(-45deg)}.v-popover-caret[data-align=left]{left:var(--caret-inset-horizontal)}.v-popover-caret[data-align=center]{left:50%}.v-popover-caret[data-align=right]{right:var(--caret-inset-horizontal)}.v-popover-caret[data-align=top]{top:var(--caret-inset-vertical)}.v-popover-caret[data-align=middle]{top:50%}.v-popover-caret[data-align=bottom]{bottom:var(--caret-inset-vertical)}.v-popover-transition{transition-property:var(--transition-property);transition-duration:var(--v-popover-transition-duration);transition-timing-function:var(--v-popover-transition-timing)}.v-popover-transition.v-enter-active,.v-popover-transition.v-leave-active{-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none}.v-popover-transition.v-enter-from{-webkit-transform:var(--translate-x-from,) var(--translate-y-from,) var(--scale-x-from,) var(--scale-y-from,);transform:var(--translate-x-from,) var(--translate-y-from,) var(--scale-x-from,) var(--scale-y-from,)}.v-popover-transition.v-leave-to{-webkit-transform:var(--translate-x-to,) var(--translate-y-to,) var(--scale-x-to,) var(--scale-y-to,);transform:var(--translate-x-to,) var(--translate-y-to,) var(--scale-x-to,) var(--scale-y-to,)}.v-popover-transition-slide[data-direction=top]{--translate-y-from: translateY( var(--v-popover-transition-translate-y-from) );--translate-y-to: translateY(var(--v-popover-transition-translate-y-to))}.v-popover-transition-slide[data-direction=bottom]{--translate-y-from: translateY( calc(-1 * var(--v-popover-transition-translate-y-from)) );--translate-y-to: translateY( calc(-1 * var(--v-popover-transition-translate-y-to)) )}.v-popover-transition-slide[data-direction=left]{--translate-x-from: translateX( var(--v-popover-transition-translate-x-from) );--translate-x-to: translateX(var(--v-popover-transition-translate-x-to))}.v-popover-transition-slide[data-direction=right]{--translate-x-from: translateX( calc(-1 * var(--v-popover-transition-translate-x-from)) );--translate-x-to: translateX( calc(-1 * var(--v-popover-transition-translate-x-to)) )}.v-popover-transition-scale{--scale-x-from: scaleX(var(--v-popover-transition-scale-x-from));--scale-x-to: scaleX(var(--v-popover-transition-scale-x-to));--scale-y-from: scaleY(var(--v-popover-transition-scale-y-from));--scale-y-to: scaleY(var(--v-popover-transition-scale-y-to))}.v-popover-transition-fade.v-enter-from,.v-popover-transition-fade.v-leave-to{opacity:0}:root{--v-popover-white: #ffffff;--v-popover-black: #000000;--v-popover-gray-50: #f8fafc;--v-popover-gray-100: #f1f5f9;--v-popover-gray-200: #e2e8f0;--v-popover-gray-300: #cbd5e1;--v-popover-gray-400: #94a3b8;--v-popover-gray-500: #64748b;--v-popover-gray-600: #475569;--v-popover-gray-700: #334155;--v-popover-gray-800: #1e293b;--v-popover-gray-900: #0f172a;--v-popover-transition-duration: .15s;--v-popover-transition-timing: ease;--v-popover-transition-translate-x-from: 22px;--v-popover-transition-translate-x-to: 22px;--v-popover-transition-translate-y-from: 22px;--v-popover-transition-translate-y-to: 22px;--v-popover-transition-scale-x-from: .9;--v-popover-transition-scale-x-to: .9;--v-popover-transition-scale-y-from: .9;--v-popover-transition-scale-y-to: .9;--v-popover-content-font-size: 14px;--v-popover-content-font-weight: 500;--v-popover-content-border-radius: .5rem;--v-popover-content-padding: 2px;--v-popover-content-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--v-popover-content-color: var(--v-popover-gray-900);--v-popover-content-bg: var(--v-popover-gray-50);--v-popover-content-border: var(--v-popover-gray-300)}.v-popover-content[data-profile=tooltip]{--v-popover-content-border-radius: .25rem;--v-popover-content-padding: 0px 6px;--v-popover-content-shadow: 0 1px 2px 0 rgb(0 0 0 / .05)}.v-popover-gray{--v-popover-accent-50: var(--v-popover-gray-50);--v-popover-accent-100: var(--v-popover-gray-100);--v-popover-accent-200: var(--v-popover-gray-200);--v-popover-accent-300: var(--v-popover-gray-300);--v-popover-accent-400: var(--v-popover-gray-400);--v-popover-accent-500: var(--v-popover-gray-500);--v-popover-accent-600: var(--v-popover-gray-600);--v-popover-accent-700: var(--v-popover-gray-700);--v-popover-accent-800: var(--v-popover-gray-800);--v-popover-accent-900: var(--v-popover-gray-900)}.v-popover-dark{--v-popover-content-color: var(--v-popover-white);--v-popover-content-bg: var(--v-popover-gray-800);--v-popover-content-border: var(--v-popover-gray-700)}\n',document.head.appendChild(o);const n=Symbol("__popover-name__");function usePopover(){const e=t.inject(n,void 0);return t.computed((()=>null==e?void 0:e.value))}const _export_sfc=(e,t)=>{const o=e.__vccOpts||e;for(const[n,r]of t)o[n]=r;return o};const r=_export_sfc({inheritAttrs:!1,setup(e,{attrs:o}){!function providePopover(e){t.provide(n,e)}(t.computed((()=>({name:Symbol(),...o}))))}},[["render",function _sfc_render$2(e,o,n,r,a,i){return t.renderSlot(e.$slots,"default")}]]);function assignDeep(e,...t){for(let o of t)if(null!=o)for(const t in o)"object"==typeof o[t]&&e[t]?assignDeep(e[t],o[t]):null!=o[t]&&(e[t]=o[t]);return e}const resolveEl=e=>null==e?null:document&&"string"==typeof e?document.querySelector(e):e.$el??e,off=(e,t,o,n=undefined)=>{e.removeEventListener(t,o,n)},on=(e,t,o,n=undefined)=>(e.addEventListener(t,o,n),()=>off(e,t,o,n)),elementContains=(e,t)=>!!e&&!!t&&(e===t||e.contains(t));function showPopover(e){document&&document.dispatchEvent(new CustomEvent("show-popover",{detail:e}))}function hidePopover(e){document&&document.dispatchEvent(new CustomEvent("hide-popover",{detail:e}))}function getPopoverEventHandlers(e){const{action:t="click"}=e,o="click"===t,n="hover"===t,r="hover-focus"===t,a="focus"===t;let i=!1,l=!1;const clickHandler=t=>{o&&(!function togglePopover(e){document&&document.dispatchEvent(new CustomEvent("toggle-popover",{detail:e}))}({...e,anchor:e.anchor||t.currentTarget}),t.stopPropagation())},mouseMoveHandler=t=>{i||(i=!0,(n||r)&&showPopover({...e,anchor:e.anchor||t.currentTarget}))},mouseLeaveHandler=()=>{i&&(i=!1,(n||r&&!l)&&hidePopover(e))},focusInHandler=t=>{l||(l=!0,(a||r)&&showPopover({...e,anchor:e.anchor||t.currentTarget}))},focusOutHandler=t=>{l&&!elementContains(t.currentTarget,t.relatedTarget)&&(l=!1,(a||r&&!i)&&hidePopover(e))},c={};switch(t){case"click":c.click=clickHandler;break;case"hover":c.mousemove=mouseMoveHandler,c.mouseleave=mouseLeaveHandler;break;case"focus":c.focusin=focusInHandler,c.focusout=focusOutHandler;break;case"hover-focus":c.mousemove=mouseMoveHandler,c.mouseleave=mouseLeaveHandler,c.focusin=focusInHandler,c.focusout=focusOutHandler}return c}const a={componentPrefix:"",profiles:{tooltip:{action:"hover",arrowHidden:!1,arrowInsetHorizontal:18,arrowInsetVertical:8,arrowSize:10,dark:!0,flip:!0,interactive:!1,offsets:{top:{x:0,y:0},bottom:{x:0,y:0},left:{x:0,y:0},right:{x:0,y:0}},placement:"top",transition:["fade"]},popover:{action:"click",autoHide:!1,arrowHidden:!0,arrowInsetHorizontal:18,arrowInsetVertical:8,arrowSize:12,dark:!1,flip:!0,interactive:!0,offsets:{top:{x:0,y:10},bottom:{x:0,y:10},left:{x:10,y:0},right:{x:10,y:0}},placement:"bottom-start",transition:["fade","scale","move"]}}},i=t.reactive({});function addHandlers(e,t){const o=[],n=getPopoverEventHandlers(t);return Object.entries(n).forEach((([t,n])=>{o.push(on(e,t,n))})),o}function addPopover(e,t){var o;const n=function resolveOptions(e){const t=e.profile?a.profiles[e.profile]:{};return assignDeep({},t,e,{name:e.name??t.name})}(t);if(!n.name)throw new Error(`Popover name is missing from directive options: ${JSON.stringify(t)}`);i[o=n.name]??(i[o]=[]),i[n.name].push({el:e,options:n,handlers:addHandlers(e,n)})}function removePopover(e){Object.entries(i).forEach((([t,o])=>{const n=o.findIndex((t=>t.el===e));-1!==n&&(o[n].handlers.forEach((e=>e())),o.splice(n,1))}))}const l={mounted(e,t){const{value:o}=t;o&&addPopover(e,o)},updated(e,t){removePopover(e),t.value&&addPopover(e,t.value)},unmounted(e){removePopover(e)}},c=Object.freeze(Object.defineProperty({__proto__:null,popover:l},Symbol.toStringTag,{value:"Module"}));const s=_export_sfc({functional:!0,props:{name:{type:[Number,String,Symbol]}},setup(e,{slots:o,attrs:n}){var r;const a=usePopover(),i=t.computed((()=>assignDeep({profile:"popover"},null==a?void 0:a.value,n,{name:e.name})));const c=null==(r=o.default)?void 0:r.call(o);if(!c)return console.warn("PopoverTrigger requires a default slot"),null;const s=function flattenFragments(e){return e.flatMap((e=>e.type===t.Fragment?flattenFragments(e.children):[e]))}(c).find((function validNode(e){return![t.Comment,t.Text,t.Static].some((t=>t===e.type))}));return s?(i.value.name||console.warn("PopoverTrigger requires a name from prop or context"),()=>t.withDirectives(s,[[l,i.value]])):(console.warn("PopoverTrigger requires a valid child"),c)}},[["render",function _sfc_render$1(e,o,n,r,a,i){return t.renderSlot(e.$slots,"default",{ref:""})}]]),p=Math.min,d=Math.max,v=Math.round,f=Math.floor,createCoords=e=>({x:e,y:e}),u={left:"right",right:"left",bottom:"top",top:"bottom"},m={start:"end",end:"start"};function evaluate(e,t){return"function"==typeof e?e(t):e}function getSide(e){return e.split("-")[0]}function getAlignment(e){return e.split("-")[1]}function getAxisLength(e){return"y"===e?"height":"width"}function getSideAxis(e){return["top","bottom"].includes(getSide(e))?"y":"x"}function getAlignmentAxis(e){return function getOppositeAxis(e){return"x"===e?"y":"x"}(getSideAxis(e))}function getOppositeAlignmentPlacement(e){return e.replace(/start|end/g,(e=>m[e]))}function getOppositePlacement(e){return e.replace(/left|right|bottom|top/g,(e=>u[e]))}function rectToClientRect(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}function computeCoordsFromPlacement(e,t,o){let{reference:n,floating:r}=e;const a=getSideAxis(t),i=getAlignmentAxis(t),l=getAxisLength(i),c=getSide(t),s="y"===a,p=n.x+n.width/2-r.width/2,d=n.y+n.height/2-r.height/2,v=n[l]/2-r[l]/2;let f;switch(c){case"top":f={x:p,y:n.y-r.height};break;case"bottom":f={x:p,y:n.y+n.height};break;case"right":f={x:n.x+n.width,y:d};break;case"left":f={x:n.x-r.width,y:d};break;default:f={x:n.x,y:n.y}}switch(getAlignment(t)){case"start":f[i]-=v*(o&&s?-1:1);break;case"end":f[i]+=v*(o&&s?-1:1)}return f}const flip=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var o,n;const{placement:r,middlewareData:a,rects:i,initialPlacement:l,platform:c,elements:s}=t,{mainAxis:p=!0,crossAxis:d=!0,fallbackPlacements:v,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:u="none",flipAlignment:m=!0,...g}=evaluate(e,t);if(null!=(o=a.arrow)&&o.alignmentOffset)return{};const h=getSide(r),w=getSide(l)===l,y=await(null==c.isRTL?void 0:c.isRTL(s.floating)),b=v||(w||!m?[getOppositePlacement(l)]:function getExpandedPlacements(e){const t=getOppositePlacement(e);return[getOppositeAlignmentPlacement(e),t,getOppositeAlignmentPlacement(t)]}(l));v||"none"===u||b.push(...function getOppositeAxisPlacements(e,t,o,n){const r=getAlignment(e);let a=function getSideList(e,t,o){const n=["left","right"],r=["right","left"],a=["top","bottom"],i=["bottom","top"];switch(e){case"top":case"bottom":return o?t?r:n:t?n:r;case"left":case"right":return t?a:i;default:return[]}}(getSide(e),"start"===o,n);return r&&(a=a.map((e=>e+"-"+r)),t&&(a=a.concat(a.map(getOppositeAlignmentPlacement)))),a}(l,m,u,y));const x=[l,...b],E=await async function detectOverflow(e,t){var o;void 0===t&&(t={});const{x:n,y:r,platform:a,rects:i,elements:l,strategy:c}=e,{boundary:s="clippingAncestors",rootBoundary:p="viewport",elementContext:d="floating",altBoundary:v=!1,padding:f=0}=evaluate(t,e),u=function getPaddingObject(e){return"number"!=typeof e?function expandPaddingObject(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}(f),m=l[v?"floating"===d?"reference":"floating":d],g=rectToClientRect(await a.getClippingRect({element:null==(o=await(null==a.isElement?void 0:a.isElement(m)))||o?m:m.contextElement||await(null==a.getDocumentElement?void 0:a.getDocumentElement(l.floating)),boundary:s,rootBoundary:p,strategy:c})),h="floating"===d?{...i.floating,x:n,y:r}:i.reference,w=await(null==a.getOffsetParent?void 0:a.getOffsetParent(l.floating)),y=await(null==a.isElement?void 0:a.isElement(w))&&await(null==a.getScale?void 0:a.getScale(w))||{x:1,y:1},b=rectToClientRect(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({rect:h,offsetParent:w,strategy:c}):h);return{top:(g.top-b.top+u.top)/y.y,bottom:(b.bottom-g.bottom+u.bottom)/y.y,left:(g.left-b.left+u.left)/y.x,right:(b.right-g.right+u.right)/y.x}}(t,g),P=[];let S=(null==(n=a.flip)?void 0:n.overflows)||[];if(p&&P.push(E[h]),d){const e=function getAlignmentSides(e,t,o){void 0===o&&(o=!1);const n=getAlignment(e),r=getAlignmentAxis(e),a=getAxisLength(r);let i="x"===r?n===(o?"end":"start")?"right":"left":"start"===n?"bottom":"top";return t.reference[a]>t.floating[a]&&(i=getOppositePlacement(i)),[i,getOppositePlacement(i)]}(r,i,y);P.push(E[e[0]],E[e[1]])}if(S=[...S,{placement:r,overflows:P}],!P.every((e=>e<=0))){var C,T;const e=((null==(C=a.flip)?void 0:C.index)||0)+1,t=x[e];if(t)return{data:{index:e,overflows:S},reset:{placement:t}};let o=null==(T=S.filter((e=>e.overflows[0]<=0)).sort(((e,t)=>e.overflows[1]-t.overflows[1]))[0])?void 0:T.placement;if(!o)switch(f){case"bestFit":{var O;const e=null==(O=S.map((e=>[e.placement,e.overflows.filter((e=>e>0)).reduce(((e,t)=>e+t),0)])).sort(((e,t)=>e[1]-t[1]))[0])?void 0:O[0];e&&(o=e);break}case"initialPlacement":o=l}if(r!==o)return{reset:{placement:o}}}return{}}}};function getNodeName(e){return isNode(e)?(e.nodeName||"").toLowerCase():"#document"}function getWindow(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function getDocumentElement(e){var t;return null==(t=(isNode(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function isNode(e){return e instanceof Node||e instanceof getWindow(e).Node}function isElement(e){return e instanceof Element||e instanceof getWindow(e).Element}function isHTMLElement(e){return e instanceof HTMLElement||e instanceof getWindow(e).HTMLElement}function isShadowRoot(e){return"undefined"!=typeof ShadowRoot&&(e instanceof ShadowRoot||e instanceof getWindow(e).ShadowRoot)}function isOverflowElement(e){const{overflow:t,overflowX:o,overflowY:n,display:r}=getComputedStyle(e);return/auto|scroll|overlay|hidden|clip/.test(t+n+o)&&!["inline","contents"].includes(r)}function isTableElement(e){return["table","td","th"].includes(getNodeName(e))}function isContainingBlock(e){const t=isWebKit(),o=getComputedStyle(e);return"none"!==o.transform||"none"!==o.perspective||!!o.containerType&&"normal"!==o.containerType||!t&&!!o.backdropFilter&&"none"!==o.backdropFilter||!t&&!!o.filter&&"none"!==o.filter||["transform","perspective","filter"].some((e=>(o.willChange||"").includes(e)))||["paint","layout","strict","content"].some((e=>(o.contain||"").includes(e)))}function isWebKit(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function isLastTraversableNode(e){return["html","body","#document"].includes(getNodeName(e))}function getComputedStyle(e){return getWindow(e).getComputedStyle(e)}function getNodeScroll(e){return isElement(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function getParentNode(e){if("html"===getNodeName(e))return e;const t=e.assignedSlot||e.parentNode||isShadowRoot(e)&&e.host||getDocumentElement(e);return isShadowRoot(t)?t.host:t}function getNearestOverflowAncestor(e){const t=getParentNode(e);return isLastTraversableNode(t)?e.ownerDocument?e.ownerDocument.body:e.body:isHTMLElement(t)&&isOverflowElement(t)?t:getNearestOverflowAncestor(t)}function getOverflowAncestors(e,t,o){var n;void 0===t&&(t=[]),void 0===o&&(o=!0);const r=getNearestOverflowAncestor(e),a=r===(null==(n=e.ownerDocument)?void 0:n.body),i=getWindow(r);return a?t.concat(i,i.visualViewport||[],isOverflowElement(r)?r:[],i.frameElement&&o?getOverflowAncestors(i.frameElement):[]):t.concat(r,getOverflowAncestors(r,[],o))}function getCssDimensions(e){const t=getComputedStyle(e);let o=parseFloat(t.width)||0,n=parseFloat(t.height)||0;const r=isHTMLElement(e),a=r?e.offsetWidth:o,i=r?e.offsetHeight:n,l=v(o)!==a||v(n)!==i;return l&&(o=a,n=i),{width:o,height:n,$:l}}function unwrapElement(e){return isElement(e)?e:e.contextElement}function getScale(e){const t=unwrapElement(e);if(!isHTMLElement(t))return createCoords(1);const o=t.getBoundingClientRect(),{width:n,height:r,$:a}=getCssDimensions(t);let i=(a?v(o.width):o.width)/n,l=(a?v(o.height):o.height)/r;return i&&Number.isFinite(i)||(i=1),l&&Number.isFinite(l)||(l=1),{x:i,y:l}}const g=createCoords(0);function getVisualOffsets(e){const t=getWindow(e);return isWebKit()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:g}function getBoundingClientRect(e,t,o,n){void 0===t&&(t=!1),void 0===o&&(o=!1);const r=e.getBoundingClientRect(),a=unwrapElement(e);let i=createCoords(1);t&&(n?isElement(n)&&(i=getScale(n)):i=getScale(e));const l=function shouldAddVisualOffsets(e,t,o){return void 0===t&&(t=!1),!(!o||t&&o!==getWindow(e))&&t}(a,o,n)?getVisualOffsets(a):createCoords(0);let c=(r.left+l.x)/i.x,s=(r.top+l.y)/i.y,p=r.width/i.x,d=r.height/i.y;if(a){const e=getWindow(a),t=n&&isElement(n)?getWindow(n):n;let o=e.frameElement;for(;o&&n&&t!==e;){const e=getScale(o),t=o.getBoundingClientRect(),n=getComputedStyle(o),r=t.left+(o.clientLeft+parseFloat(n.paddingLeft))*e.x,a=t.top+(o.clientTop+parseFloat(n.paddingTop))*e.y;c*=e.x,s*=e.y,p*=e.x,d*=e.y,c+=r,s+=a,o=getWindow(o).frameElement}}return rectToClientRect({width:p,height:d,x:c,y:s})}function getWindowScrollBarX(e){return getBoundingClientRect(getDocumentElement(e)).left+getNodeScroll(e).scrollLeft}function getClientRectFromClippingAncestor(e,t,o){let n;if("viewport"===t)n=function getViewportRect(e,t){const o=getWindow(e),n=getDocumentElement(e),r=o.visualViewport;let a=n.clientWidth,i=n.clientHeight,l=0,c=0;if(r){a=r.width,i=r.height;const e=isWebKit();(!e||e&&"fixed"===t)&&(l=r.offsetLeft,c=r.offsetTop)}return{width:a,height:i,x:l,y:c}}(e,o);else if("document"===t)n=function getDocumentRect(e){const t=getDocumentElement(e),o=getNodeScroll(e),n=e.ownerDocument.body,r=d(t.scrollWidth,t.clientWidth,n.scrollWidth,n.clientWidth),a=d(t.scrollHeight,t.clientHeight,n.scrollHeight,n.clientHeight);let i=-o.scrollLeft+getWindowScrollBarX(e);const l=-o.scrollTop;return"rtl"===getComputedStyle(n).direction&&(i+=d(t.clientWidth,n.clientWidth)-r),{width:r,height:a,x:i,y:l}}(getDocumentElement(e));else if(isElement(t))n=function getInnerBoundingClientRect(e,t){const o=getBoundingClientRect(e,!0,"fixed"===t),n=o.top+e.clientTop,r=o.left+e.clientLeft,a=isHTMLElement(e)?getScale(e):createCoords(1);return{width:e.clientWidth*a.x,height:e.clientHeight*a.y,x:r*a.x,y:n*a.y}}(t,o);else{const o=getVisualOffsets(e);n={...t,x:t.x-o.x,y:t.y-o.y}}return rectToClientRect(n)}function hasFixedPositionAncestor(e,t){const o=getParentNode(e);return!(o===t||!isElement(o)||isLastTraversableNode(o))&&("fixed"===getComputedStyle(o).position||hasFixedPositionAncestor(o,t))}function getRectRelativeToOffsetParent(e,t,o){const n=isHTMLElement(t),r=getDocumentElement(t),a="fixed"===o,i=getBoundingClientRect(e,!0,a,t);let l={scrollLeft:0,scrollTop:0};const c=createCoords(0);if(n||!n&&!a)if(("body"!==getNodeName(t)||isOverflowElement(r))&&(l=getNodeScroll(t)),n){const e=getBoundingClientRect(t,!0,a,t);c.x=e.x+t.clientLeft,c.y=e.y+t.clientTop}else r&&(c.x=getWindowScrollBarX(r));return{x:i.left+l.scrollLeft-c.x,y:i.top+l.scrollTop-c.y,width:i.width,height:i.height}}function getTrueOffsetParent(e,t){return isHTMLElement(e)&&"fixed"!==getComputedStyle(e).position?t?t(e):e.offsetParent:null}function getOffsetParent(e,t){const o=getWindow(e);if(!isHTMLElement(e))return o;let n=getTrueOffsetParent(e,t);for(;n&&isTableElement(n)&&"static"===getComputedStyle(n).position;)n=getTrueOffsetParent(n,t);return n&&("html"===getNodeName(n)||"body"===getNodeName(n)&&"static"===getComputedStyle(n).position&&!isContainingBlock(n))?o:n||function getContainingBlock(e){let t=getParentNode(e);for(;isHTMLElement(t)&&!isLastTraversableNode(t);){if(isContainingBlock(t))return t;t=getParentNode(t)}return null}(e)||o}const h={convertOffsetParentRelativeRectToViewportRelativeRect:function convertOffsetParentRelativeRectToViewportRelativeRect(e){let{rect:t,offsetParent:o,strategy:n}=e;const r=isHTMLElement(o),a=getDocumentElement(o);if(o===a)return t;let i={scrollLeft:0,scrollTop:0},l=createCoords(1);const c=createCoords(0);if((r||!r&&"fixed"!==n)&&(("body"!==getNodeName(o)||isOverflowElement(a))&&(i=getNodeScroll(o)),isHTMLElement(o))){const e=getBoundingClientRect(o);l=getScale(o),c.x=e.x+o.clientLeft,c.y=e.y+o.clientTop}return{width:t.width*l.x,height:t.height*l.y,x:t.x*l.x-i.scrollLeft*l.x+c.x,y:t.y*l.y-i.scrollTop*l.y+c.y}},getDocumentElement:getDocumentElement,getClippingRect:function getClippingRect(e){let{element:t,boundary:o,rootBoundary:n,strategy:r}=e;const a=[..."clippingAncestors"===o?function getClippingElementAncestors(e,t){const o=t.get(e);if(o)return o;let n=getOverflowAncestors(e,[],!1).filter((e=>isElement(e)&&"body"!==getNodeName(e))),r=null;const a="fixed"===getComputedStyle(e).position;let i=a?getParentNode(e):e;for(;isElement(i)&&!isLastTraversableNode(i);){const t=getComputedStyle(i),o=isContainingBlock(i);o||"fixed"!==t.position||(r=null),(a?!o&&!r:!o&&"static"===t.position&&r&&["absolute","fixed"].includes(r.position)||isOverflowElement(i)&&!o&&hasFixedPositionAncestor(e,i))?n=n.filter((e=>e!==i)):r=t,i=getParentNode(i)}return t.set(e,n),n}(t,this._c):[].concat(o),n],i=a[0],l=a.reduce(((e,o)=>{const n=getClientRectFromClippingAncestor(t,o,r);return e.top=d(n.top,e.top),e.right=p(n.right,e.right),e.bottom=p(n.bottom,e.bottom),e.left=d(n.left,e.left),e}),getClientRectFromClippingAncestor(t,i,r));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},getOffsetParent:getOffsetParent,getElementRects:async function(e){let{reference:t,floating:o,strategy:n}=e;const r=this.getOffsetParent||getOffsetParent,a=this.getDimensions;return{reference:getRectRelativeToOffsetParent(t,await r(o),n),floating:{x:0,y:0,...await a(o)}}},getClientRects:function getClientRects(e){return Array.from(e.getClientRects())},getDimensions:function getDimensions(e){return getCssDimensions(e)},getScale:getScale,isElement:isElement,isRTL:function isRTL(e){return"rtl"===getComputedStyle(e).direction}};function autoUpdate(e,t,o,n){void 0===n&&(n={});const{ancestorScroll:r=!0,ancestorResize:a=!0,elementResize:i="function"==typeof ResizeObserver,layoutShift:l="function"==typeof IntersectionObserver,animationFrame:c=!1}=n,s=unwrapElement(e),v=r||a?[...s?getOverflowAncestors(s):[],...getOverflowAncestors(t)]:[];v.forEach((e=>{r&&e.addEventListener("scroll",o,{passive:!0}),a&&e.addEventListener("resize",o)}));const u=s&&l?function observeMove(e,t){let o,n=null;const r=getDocumentElement(e);function cleanup(){clearTimeout(o),n&&n.disconnect(),n=null}return function refresh(a,i){void 0===a&&(a=!1),void 0===i&&(i=1),cleanup();const{left:l,top:c,width:s,height:v}=e.getBoundingClientRect();if(a||t(),!s||!v)return;const u={rootMargin:-f(c)+"px "+-f(r.clientWidth-(l+s))+"px "+-f(r.clientHeight-(c+v))+"px "+-f(l)+"px",threshold:d(0,p(1,i))||1};let m=!0;function handleObserve(e){const t=e[0].intersectionRatio;if(t!==i){if(!m)return refresh();t?refresh(!1,t):o=setTimeout((()=>{refresh(!1,1e-7)}),100)}m=!1}try{n=new IntersectionObserver(handleObserve,{...u,root:r.ownerDocument})}catch(g){n=new IntersectionObserver(handleObserve,u)}n.observe(e)}(!0),cleanup}(s,o):null;let m,g=-1,h=null;i&&(h=new ResizeObserver((e=>{let[n]=e;n&&n.target===s&&h&&(h.unobserve(t),cancelAnimationFrame(g),g=requestAnimationFrame((()=>{h&&h.observe(t)}))),o()})),s&&!c&&h.observe(s),h.observe(t));let w=c?getBoundingClientRect(e):null;return c&&function frameLoop(){const t=getBoundingClientRect(e);!w||t.x===w.x&&t.y===w.y&&t.width===w.width&&t.height===w.height||o();w=t,m=requestAnimationFrame(frameLoop)}(),o(),()=>{v.forEach((e=>{r&&e.removeEventListener("scroll",o),a&&e.removeEventListener("resize",o)})),u&&u(),h&&h.disconnect(),h=null,c&&cancelAnimationFrame(m)}}const computePosition=(e,t,o)=>{const n=new Map,r={platform:h,...o},a={...r.platform,_c:n};return(async(e,t,o)=>{const{placement:n="bottom",strategy:r="absolute",middleware:a=[],platform:i}=o,l=a.filter(Boolean),c=await(null==i.isRTL?void 0:i.isRTL(t));let s=await i.getElementRects({reference:e,floating:t,strategy:r}),{x:p,y:d}=computeCoordsFromPlacement(s,n,c),v=n,f={},u=0;for(let m=0;m<l.length;m++){const{name:o,fn:a}=l[m],{x:g,y:h,data:w,reset:y}=await a({x:p,y:d,initialPlacement:n,placement:v,strategy:r,middlewareData:f,rects:s,platform:i,elements:{reference:e,floating:t}});p=null!=g?g:p,d=null!=h?h:d,f={...f,[o]:{...f[o],...w}},y&&u<=50&&(u++,"object"==typeof y&&(y.placement&&(v=y.placement),y.rects&&(s=!0===y.rects?await i.getElementRects({reference:e,floating:t,strategy:r}):y.rects),({x:p,y:d}=computeCoordsFromPlacement(s,v,c))),m=-1)}return{x:p,y:d,placement:v,strategy:r,middlewareData:f}})(e,t,{...r,platform:a})},w=t.defineComponent({inheritAttrs:!1,emits:["before-show","after-show","before-hide","after-hide"],props:{name:{type:[Number,String,Symbol]}},setup(e,{emit:o}){let n;const r=t.ref(),a=usePopover(),i=t.computed((()=>{var t;return e.name??(null==(t=a.value)?void 0:t.name)})),l=t.reactive({action:"click",anchor:null,arrowHidden:!1,arrowSize:12,arrowInsetHorizontal:18,arrowInsetVertical:8,autoHide:!1,dark:!1,data:null,flip:!0,force:!1,hideDelay:110,interactive:!0,offsets:{top:{x:0,y:0},right:{x:0,y:0},bottom:{x:0,y:0},left:{x:0,y:0}},placement:"bottom",positionFixed:!1,profile:"default",showDelay:0,teleport:null,transition:[],focused:!1,hovered:!1,visible:!1,moving:!1}),c=t.ref({}),s=t.ref(null),p=t.computed((()=>({...c.value,"--caret-size":`${l.arrowSize}px`,"--caret-inset-horizontal":`${l.arrowInsetHorizontal}px`,"--caret-inset-vertical":`${l.arrowInsetVertical}px`,"--offset-horizontal":`${l.offsets[v.value].x}px`,"--offset-vertical":`${l.offsets[v.value].y}px`,"--transition-property":u.value}))),d=t.computed((()=>{return l.flip?[flip((e=l.flip,"boolean"==typeof e?void 0:l.flip))]:[];var e})),v=t.computed((()=>(s.value??l.placement??"bottom").split("-")[0])),f=t.computed((()=>{const e="left"===v.value||"right"===v.value;let t="";const o=(s.value??l.placement??"").split("-");return o.length>1&&(t=o[1]),["start","top","left"].includes(t)?e?"top":"left":["end","bottom","right"].includes(t)?e?"bottom":"right":e?"middle":"center"})),u=t.computed((()=>{const e=[];return l.transition.includes("fade")&&e.push("opacity"),l.transition.includes("scale")&&e.push("transform"),l.transition.includes("move")&&l.moving&&e.push("top, right, bottom, left"),e.join(", ")}));function setTimer(e,t){clearTimeout(n),e>0?n=setTimeout(t,e):t()}function isCurrentAnchor(e){if(!e||!l.anchor)return!1;return resolveEl(e)===resolveEl(l.anchor)}async function show(e={}){l.force||(e.force&&(l.force=!0),setTimer(e.showDelay??l.showDelay,(()=>{l.visible&&(l.force=!1),function updateState(e){const{force:t,...o}=e;Object.assign(l,o)}({...e,visible:!0})})))}function hide(e={}){e.anchor&&!isCurrentAnchor(e.anchor)||l.force||(e.force&&(l.force=!0),setTimer(e.hideDelay??l.hideDelay,(()=>{l.visible||(l.force=!1),l.visible=!1})))}function onDocumentClick(e){if(!r.value)return;const t=resolveEl(l.anchor);if(null==t)return;const o=e.target;elementContains(r.value,o)||elementContains(t,o)||hide({force:!0})}function onDocumentKeydown(e){"Esc"!==e.key&&"Escape"!==e.key||hide()}function onDocumentShowPopover({detail:e}){null!=e.name&&e.name===i.value&&show(e)}function onDocumentHidePopover({detail:e}){null!=e.name&&e.name===i.value&&hide(e)}function onDocumentTogglePopover({detail:e}){null!=e.name&&e.name===i.value&&function toggle(e={}){null!=e.anchor&&(l.visible&&isCurrentAnchor(e.anchor)?hide(e):show(e))}(e)}let m=null;return t.watchEffect((()=>{const e=resolveEl(l.anchor);e&&r.value&&(null!=m&&m(),m=autoUpdate(e,r.value,(()=>{null!=e&&null!=r.value&&computePosition(e,r.value,{placement:l.placement,strategy:l.positionFixed?"fixed":"absolute",middleware:[...d.value]}).then((({x:e,y:t,placement:o})=>{s.value=o,c.value={left:`${e}px`,top:`${t}px`}}))})))})),t.onMounted((()=>{!function addEvents(){on(document,"keydown",onDocumentKeydown),on(document,"click",onDocumentClick),on(document,"show-popover",onDocumentShowPopover),on(document,"hide-popover",onDocumentHidePopover),on(document,"toggle-popover",onDocumentTogglePopover)}()})),t.onUnmounted((()=>{!function removeEvents(){off(document,"keydown",onDocumentKeydown),off(document,"click",onDocumentClick),off(document,"show-popover",onDocumentShowPopover),off(document,"hide-popover",onDocumentHidePopover),off(document,"toggle-popover",onDocumentTogglePopover)}()})),t.watchEffect((()=>{i.value||console.warn("PopoverContent requires a name from prop or context")})),t.watch([()=>l.anchor,()=>l.visible],(([e,t],[o,n])=>{l.moving=!!(t&&n&&o)})),{...t.toRefs(l),actualPlacement:s,popoverRef:r,style:p,direction:v,align:f,transitionProperty:u,middleware:d,hide:hide,beforeEnter:function beforeEnter(e){o("before-show",e)},afterEnter:function afterEnter(e){l.force=!1,o("after-show",e)},beforeLeave:function beforeLeave(e){o("before-hide",e)},afterLeave:function afterLeave(e){l.force=!1,o("after-hide",e)},onClick:function onClick(e){e.stopPropagation()},onMouseOver:function onMouseOver(){l.hovered=!0,l.interactive&&["hover","hover-focus"].includes(l.action)&&show()},onMouseLeave:function onMouseLeave(){l.hovered=!1;const e=resolveEl(l.anchor);!l.autoHide||l.focused||e&&e===document.activeElement||!["hover","hover-focus"].includes(l.action)||hide()},onFocusIn:function onFocusIn(){l.focused=!0,l.interactive&&["focus","hover-focus"].includes(l.action)&&show()},onFocusOut:function onFocusOut(e){!["focus","hover-focus"].includes(l.action)||e.relatedTarget&&elementContains(r.value,e.relatedTarget)||(l.focused=!1,!l.hovered&&l.autoHide&&hide())}}}}),y=["data-name","data-hide-arrow","data-direction","data-profile","data-moving"],b=["data-direction","data-profile"],x=["data-direction","data-align"];const E=_export_sfc(w,[["render",function _sfc_render(e,o,n,r,a,i){return t.openBlock(),t.createBlock(t.Teleport,{to:e.teleport,disabled:!e.teleport},[t.createVNode(t.Transition,{appear:"",onBeforeEnter:e.beforeEnter,onAfterEnter:e.afterEnter,onBeforeLeave:e.beforeLeave,onAfterLeave:e.afterLeave},{default:t.withCtx((()=>{var n;return[e.visible?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["v-popover-content-wrapper",{interactive:e.interactive,"v-popover-dark":e.dark,"v-popover-transition":(null==(n=e.transition)?void 0:n.length)>0},...e.transition.map((e=>`v-popover-transition-${e}`))]),"data-name":e.name,"data-hide-arrow":e.arrowHidden,"data-direction":e.direction,"data-profile":e.profile,"data-moving":e.moving,style:t.normalizeStyle(e.style),ref:"popoverRef",onClick:o[0]||(o[0]=(...t)=>e.onClick&&e.onClick(...t)),onMouseover:o[1]||(o[1]=(...t)=>e.onMouseOver&&e.onMouseOver(...t)),onMouseleave:o[2]||(o[2]=(...t)=>e.onMouseLeave&&e.onMouseLeave(...t)),onFocusin:o[3]||(o[3]=(...t)=>e.onFocusIn&&e.onFocusIn(...t)),onFocusout:o[4]||(o[4]=(...t)=>e.onFocusOut&&e.onFocusOut(...t))},[t.createElementVNode("div",t.mergeProps({tabindex:"-1",class:"v-popover-content","data-direction":e.direction,"data-profile":e.profile},e.$attrs),[t.renderSlot(e.$slots,"default",{direction:e.direction,align:e.align,data:e.data,hide:e.hide},(()=>[t.createTextVNode(t.toDisplayString(e.data),1)])),t.createElementVNode("span",{class:"v-popover-caret","data-direction":e.direction,"data-align":e.align},null,8,x)],16,b)],46,y)):t.createCommentVNode("",!0)]})),_:3},8,["onBeforeEnter","onAfterEnter","onBeforeLeave","onAfterLeave"])],8,["to","disabled"])}]]),P=t.defineComponent({__name:"Tooltip",props:{content:null},setup:e=>(o,n)=>(t.openBlock(),t.createBlock(r,null,{default:t.withCtx((()=>[t.createVNode(s,t.mergeProps({profile:"tooltip"},o.$attrs),{default:t.withCtx((()=>[t.renderSlot(o.$slots,"default")])),_:3},16),t.createVNode(E,null,{default:t.withCtx((()=>[t.renderSlot(o.$slots,"content",{},(()=>[t.createTextVNode(t.toDisplayString(e.content),1)]))])),_:3})])),_:3}))}),S=Object.freeze(Object.defineProperty({__proto__:null,Popover:r,PopoverContent:E,PopoverTrigger:s,Tooltip:P},Symbol.toStringTag,{value:"Module"})),C={install:(e,t={})=>{assignDeep(a,t);for(const n in c){const t=c[n];e.directive(n,t)}const o=a.componentPrefix;for(const n in S){const t=S[n];e.component(`${o}${n}`,t)}},config:a};return e.Popover=r,e.PopoverContent=E,e.PopoverTrigger=s,e.Tooltip=P,e.default=C,e.directive=l,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),e}({},Vue);
+var VPopover=function(e,t){"use strict";var o=document.createElement("style");o.textContent='.v-popover-content-wrapper{position:absolute;width:-webkit-max-content;width:max-content;top:0;left:0;display:block;outline:none;z-index:10}.v-popover-content-wrapper:not(.interactive){pointer-events:none}.v-popover-content-wrapper{--arrow-offset: calc(var(--caret-size) * .7)}.v-popover-content-wrapper[data-hide-arrow=true]{--arrow-offset: 0px}.v-popover-content-wrapper[data-hide-arrow=true] .v-popover-caret{display:none}.v-popover-content{position:relative;color:var(--v-popover-content-color);font-weight:var(--v-popover-content-font-weight);font-size:var(--v-popover-content-font-size);background-color:var(--v-popover-content-bg);border:1px solid;border-color:var(--v-popover-content-border);border-radius:var(--v-popover-content-border-radius);padding:var(--v-popover-content-padding);min-width:50px;min-height:18px;text-align:center;outline:none;z-index:10;box-shadow:var(--v-popover-content-shadow)}.v-popover-content[data-direction=top]{margin-bottom:calc(var(--arrow-offset) + var(--offset-vertical))}.v-popover-content[data-direction=bottom]{margin-top:calc(var(--arrow-offset) + var(--offset-vertical))}.v-popover-content[data-direction=right]{margin-left:calc(var(--arrow-offset) + var(--offset-horizontal))}.v-popover-content[data-direction=left]{margin-right:calc(var(--arrow-offset) + var(--offset-horizontal))}.v-popover-caret{content:"";position:absolute;display:block;width:var(--caret-size);height:var(--caret-size);border-top:inherit;border-left:inherit;background-color:inherit;z-index:-1}.v-popover-caret[data-hidden=true]{display:none}.v-popover-caret[data-direction=bottom]{top:0}.v-popover-caret[data-direction=bottom][data-align=left]{-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.v-popover-caret[data-direction=bottom][data-align=center]{-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translate(-50%) translateY(-50%) rotate(45deg)}.v-popover-caret[data-direction=bottom][data-align=right]{-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.v-popover-caret[data-direction=top]{top:100%}.v-popover-caret[data-direction=top][data-align=left]{-webkit-transform:translateY(-50%) rotate(-135deg);transform:translateY(-50%) rotate(-135deg)}.v-popover-caret[data-direction=top][data-align=center]{-webkit-transform:translateX(-50%) translateY(-50%) rotate(-135deg);transform:translate(-50%) translateY(-50%) rotate(-135deg)}.v-popover-caret[data-direction=top][data-align=right]{-webkit-transform:translateY(-50%) rotate(-135deg);transform:translateY(-50%) rotate(-135deg)}.v-popover-caret[data-direction=left]{left:100%}.v-popover-caret[data-direction=left][data-align=top]{-webkit-transform:translateX(-50%) rotate(135deg);transform:translate(-50%) rotate(135deg)}.v-popover-caret[data-direction=left][data-align=middle]{-webkit-transform:translateY(-50%) translateX(-50%) rotate(135deg);transform:translateY(-50%) translate(-50%) rotate(135deg)}.v-popover-caret[data-direction=left][data-align=bottom]{-webkit-transform:translateX(-50%) rotate(135deg);transform:translate(-50%) rotate(135deg)}.v-popover-caret[data-direction=right]{left:0}.v-popover-caret[data-direction=right][data-align=top]{-webkit-transform:translateX(-50%) rotate(-45deg);transform:translate(-50%) rotate(-45deg)}.v-popover-caret[data-direction=right][data-align=middle]{-webkit-transform:translateY(-50%) translateX(-50%) rotate(-45deg);transform:translateY(-50%) translate(-50%) rotate(-45deg)}.v-popover-caret[data-direction=right][data-align=bottom]{-webkit-transform:translateX(-50%) rotate(-45deg);transform:translate(-50%) rotate(-45deg)}.v-popover-caret[data-align=left]{left:var(--caret-inset-horizontal)}.v-popover-caret[data-align=center]{left:50%}.v-popover-caret[data-align=right]{right:var(--caret-inset-horizontal)}.v-popover-caret[data-align=top]{top:var(--caret-inset-vertical)}.v-popover-caret[data-align=middle]{top:50%}.v-popover-caret[data-align=bottom]{bottom:var(--caret-inset-vertical)}.v-popover-transition{transition-property:var(--transition-property);transition-duration:var(--v-popover-transition-duration);transition-timing-function:var(--v-popover-transition-timing)}.v-popover-transition.v-enter-active,.v-popover-transition.v-leave-active{-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none}.v-popover-transition.v-enter-from{-webkit-transform:var(--translate-x-from,) var(--translate-y-from,) var(--scale-x-from,) var(--scale-y-from,);transform:var(--translate-x-from,) var(--translate-y-from,) var(--scale-x-from,) var(--scale-y-from,)}.v-popover-transition.v-leave-to{-webkit-transform:var(--translate-x-to,) var(--translate-y-to,) var(--scale-x-to,) var(--scale-y-to,);transform:var(--translate-x-to,) var(--translate-y-to,) var(--scale-x-to,) var(--scale-y-to,)}.v-popover-transition-slide[data-direction=top]{--translate-y-from: translateY( var(--v-popover-transition-translate-y-from) );--translate-y-to: translateY(var(--v-popover-transition-translate-y-to))}.v-popover-transition-slide[data-direction=bottom]{--translate-y-from: translateY( calc(-1 * var(--v-popover-transition-translate-y-from)) );--translate-y-to: translateY( calc(-1 * var(--v-popover-transition-translate-y-to)) )}.v-popover-transition-slide[data-direction=left]{--translate-x-from: translateX( var(--v-popover-transition-translate-x-from) );--translate-x-to: translateX(var(--v-popover-transition-translate-x-to))}.v-popover-transition-slide[data-direction=right]{--translate-x-from: translateX( calc(-1 * var(--v-popover-transition-translate-x-from)) );--translate-x-to: translateX( calc(-1 * var(--v-popover-transition-translate-x-to)) )}.v-popover-transition-scale{--scale-x-from: scaleX(var(--v-popover-transition-scale-x-from));--scale-x-to: scaleX(var(--v-popover-transition-scale-x-to));--scale-y-from: scaleY(var(--v-popover-transition-scale-y-from));--scale-y-to: scaleY(var(--v-popover-transition-scale-y-to))}.v-popover-transition-fade.v-enter-from,.v-popover-transition-fade.v-leave-to{opacity:0}:root{--v-popover-white: #ffffff;--v-popover-black: #000000;--v-popover-gray-50: #f8fafc;--v-popover-gray-100: #f1f5f9;--v-popover-gray-200: #e2e8f0;--v-popover-gray-300: #cbd5e1;--v-popover-gray-400: #94a3b8;--v-popover-gray-500: #64748b;--v-popover-gray-600: #475569;--v-popover-gray-700: #334155;--v-popover-gray-800: #1e293b;--v-popover-gray-900: #0f172a;--v-popover-transition-duration: .15s;--v-popover-transition-timing: ease;--v-popover-transition-translate-x-from: 22px;--v-popover-transition-translate-x-to: 22px;--v-popover-transition-translate-y-from: 22px;--v-popover-transition-translate-y-to: 22px;--v-popover-transition-scale-x-from: .9;--v-popover-transition-scale-x-to: .9;--v-popover-transition-scale-y-from: .9;--v-popover-transition-scale-y-to: .9;--v-popover-content-font-size: 14px;--v-popover-content-font-weight: 500;--v-popover-content-border-radius: .5rem;--v-popover-content-padding: 2px;--v-popover-content-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--v-popover-content-color: var(--v-popover-gray-900);--v-popover-content-bg: var(--v-popover-gray-50);--v-popover-content-border: var(--v-popover-gray-300)}.v-popover-content[data-profile=tooltip]{--v-popover-content-border-radius: .25rem;--v-popover-content-padding: 0px 6px;--v-popover-content-shadow: 0 1px 2px 0 rgb(0 0 0 / .05)}.v-popover-gray{--v-popover-accent-50: var(--v-popover-gray-50);--v-popover-accent-100: var(--v-popover-gray-100);--v-popover-accent-200: var(--v-popover-gray-200);--v-popover-accent-300: var(--v-popover-gray-300);--v-popover-accent-400: var(--v-popover-gray-400);--v-popover-accent-500: var(--v-popover-gray-500);--v-popover-accent-600: var(--v-popover-gray-600);--v-popover-accent-700: var(--v-popover-gray-700);--v-popover-accent-800: var(--v-popover-gray-800);--v-popover-accent-900: var(--v-popover-gray-900)}.v-popover-dark{--v-popover-content-color: var(--v-popover-white);--v-popover-content-bg: var(--v-popover-gray-800);--v-popover-content-border: var(--v-popover-gray-700)}\n',document.head.appendChild(o);const n=Symbol("__popover-name__");function usePopover(){const e=t.inject(n,void 0);return t.computed((()=>null==e?void 0:e.value))}const _export_sfc=(e,t)=>{const o=e.__vccOpts||e;for(const[n,r]of t)o[n]=r;return o};const r=_export_sfc({inheritAttrs:!1,setup(e,{attrs:o}){!function providePopover(e){t.provide(n,e)}(t.computed((()=>({name:Symbol(),...o}))))}},[["render",function _sfc_render$2(e,o,n,r,a,i){return t.renderSlot(e.$slots,"default")}]]);function assignDeep(e,...t){for(let o of t)if(null!=o)for(const t in o)"object"==typeof o[t]&&e[t]?assignDeep(e[t],o[t]):null!=o[t]&&(e[t]=o[t]);return e}const resolveEl=e=>null==e?null:document&&"string"==typeof e?document.querySelector(e):e.$el??e,off=(e,t,o,n=undefined)=>{e.removeEventListener(t,o,n)},on=(e,t,o,n=undefined)=>(e.addEventListener(t,o,n),()=>off(e,t,o,n)),elementContains=(e,t)=>!!e&&!!t&&(e===t||e.contains(t));function showPopover(e){document&&document.dispatchEvent(new CustomEvent("show-popover",{detail:e}))}function hidePopover(e){document&&document.dispatchEvent(new CustomEvent("hide-popover",{detail:e}))}function togglePopover(e){document&&document.dispatchEvent(new CustomEvent("toggle-popover",{detail:e}))}function getPopoverEventHandlers(e){const{action:t="click"}=e,o="click"===t,n="hover"===t,r="hover-focus"===t,a="focus"===t;let i=!1,l=!1;const clickHandler=t=>{o&&(togglePopover({...e,anchor:e.anchor||t.currentTarget}),t.stopPropagation())},mouseMoveHandler=t=>{i||(i=!0,(n||r)&&showPopover({...e,anchor:e.anchor||t.currentTarget}))},mouseLeaveHandler=()=>{i&&(i=!1,(n||r&&!l)&&hidePopover(e))},focusInHandler=t=>{l||(l=!0,(a||r)&&showPopover({...e,anchor:e.anchor||t.currentTarget}))},focusOutHandler=t=>{l&&!elementContains(t.currentTarget,t.relatedTarget)&&(l=!1,(a||r&&!i)&&hidePopover(e))},c={};switch(t){case"click":c.click=clickHandler;break;case"hover":c.mousemove=mouseMoveHandler,c.mouseleave=mouseLeaveHandler;break;case"focus":c.focusin=focusInHandler,c.focusout=focusOutHandler;break;case"hover-focus":c.mousemove=mouseMoveHandler,c.mouseleave=mouseLeaveHandler,c.focusin=focusInHandler,c.focusout=focusOutHandler}return c}const a={componentPrefix:"",profiles:{tooltip:{action:"hover",arrowHidden:!1,arrowInsetHorizontal:18,arrowInsetVertical:8,arrowSize:10,dark:!0,flip:!0,interactive:!1,offsets:{top:{x:0,y:0},bottom:{x:0,y:0},left:{x:0,y:0},right:{x:0,y:0}},placement:"top",transition:["fade"]},popover:{action:"click",autoHide:!1,arrowHidden:!0,arrowInsetHorizontal:18,arrowInsetVertical:8,arrowSize:12,dark:!1,flip:!0,interactive:!0,offsets:{top:{x:0,y:10},bottom:{x:0,y:10},left:{x:10,y:0},right:{x:10,y:0}},placement:"bottom-start",transition:["fade","scale","move"]}}},i=t.reactive({});function addHandlers(e,t){const o=[],n=getPopoverEventHandlers(t);return Object.entries(n).forEach((([t,n])=>{o.push(on(e,t,n))})),o}function addPopover(e,t){var o;const n=function resolveOptions(e){const t=e.profile?a.profiles[e.profile]:{};return assignDeep({},t,e,{name:e.name??t.name})}(t);if(!n.name)throw new Error(`Popover name is missing from directive options: ${JSON.stringify(t)}`);i[o=n.name]??(i[o]=[]),i[n.name].push({el:e,options:n,handlers:addHandlers(e,n)})}function removePopover(e){Object.entries(i).forEach((([t,o])=>{const n=o.findIndex((t=>t.el===e));-1!==n&&(o[n].handlers.forEach((e=>e())),o.splice(n,1))}))}const l={mounted(e,t){const{value:o}=t;o&&addPopover(e,o)},updated(e,t){removePopover(e),t.value&&addPopover(e,t.value)},unmounted(e){removePopover(e)}},c=Object.freeze(Object.defineProperty({__proto__:null,popover:l},Symbol.toStringTag,{value:"Module"}));const s=_export_sfc({functional:!0,props:{name:{type:[Number,String,Symbol]}},setup(e,{slots:o,attrs:n}){var r;const a=usePopover(),i=t.computed((()=>assignDeep({profile:"popover"},null==a?void 0:a.value,n,{name:e.name})));const c=null==(r=o.default)?void 0:r.call(o);if(!c)return console.warn("PopoverTrigger requires a default slot"),null;const s=function flattenFragments(e){return e.flatMap((e=>e.type===t.Fragment?flattenFragments(e.children):[e]))}(c).find((function validNode(e){return![t.Comment,t.Text,t.Static].some((t=>t===e.type))}));return s?(i.value.name||console.warn("PopoverTrigger requires a name from prop or context"),()=>t.withDirectives(s,[[l,i.value]])):(console.warn("PopoverTrigger requires a valid child"),c)}},[["render",function _sfc_render$1(e,o,n,r,a,i){return t.renderSlot(e.$slots,"default",{ref:""})}]]),p=Math.min,v=Math.max,d=Math.round,f=Math.floor,createCoords=e=>({x:e,y:e}),u={left:"right",right:"left",bottom:"top",top:"bottom"},g={start:"end",end:"start"};function evaluate(e,t){return"function"==typeof e?e(t):e}function getSide(e){return e.split("-")[0]}function getAlignment(e){return e.split("-")[1]}function getAxisLength(e){return"y"===e?"height":"width"}function getSideAxis(e){return["top","bottom"].includes(getSide(e))?"y":"x"}function getAlignmentAxis(e){return function getOppositeAxis(e){return"x"===e?"y":"x"}(getSideAxis(e))}function getOppositeAlignmentPlacement(e){return e.replace(/start|end/g,(e=>g[e]))}function getOppositePlacement(e){return e.replace(/left|right|bottom|top/g,(e=>u[e]))}function rectToClientRect(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}function computeCoordsFromPlacement(e,t,o){let{reference:n,floating:r}=e;const a=getSideAxis(t),i=getAlignmentAxis(t),l=getAxisLength(i),c=getSide(t),s="y"===a,p=n.x+n.width/2-r.width/2,v=n.y+n.height/2-r.height/2,d=n[l]/2-r[l]/2;let f;switch(c){case"top":f={x:p,y:n.y-r.height};break;case"bottom":f={x:p,y:n.y+n.height};break;case"right":f={x:n.x+n.width,y:v};break;case"left":f={x:n.x-r.width,y:v};break;default:f={x:n.x,y:n.y}}switch(getAlignment(t)){case"start":f[i]-=d*(o&&s?-1:1);break;case"end":f[i]+=d*(o&&s?-1:1)}return f}const flip=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var o,n;const{placement:r,middlewareData:a,rects:i,initialPlacement:l,platform:c,elements:s}=t,{mainAxis:p=!0,crossAxis:v=!0,fallbackPlacements:d,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:u="none",flipAlignment:g=!0,...m}=evaluate(e,t);if(null!=(o=a.arrow)&&o.alignmentOffset)return{};const h=getSide(r),w=getSide(l)===l,y=await(null==c.isRTL?void 0:c.isRTL(s.floating)),b=d||(w||!g?[getOppositePlacement(l)]:function getExpandedPlacements(e){const t=getOppositePlacement(e);return[getOppositeAlignmentPlacement(e),t,getOppositeAlignmentPlacement(t)]}(l));d||"none"===u||b.push(...function getOppositeAxisPlacements(e,t,o,n){const r=getAlignment(e);let a=function getSideList(e,t,o){const n=["left","right"],r=["right","left"],a=["top","bottom"],i=["bottom","top"];switch(e){case"top":case"bottom":return o?t?r:n:t?n:r;case"left":case"right":return t?a:i;default:return[]}}(getSide(e),"start"===o,n);return r&&(a=a.map((e=>e+"-"+r)),t&&(a=a.concat(a.map(getOppositeAlignmentPlacement)))),a}(l,g,u,y));const x=[l,...b],E=await async function detectOverflow(e,t){var o;void 0===t&&(t={});const{x:n,y:r,platform:a,rects:i,elements:l,strategy:c}=e,{boundary:s="clippingAncestors",rootBoundary:p="viewport",elementContext:v="floating",altBoundary:d=!1,padding:f=0}=evaluate(t,e),u=function getPaddingObject(e){return"number"!=typeof e?function expandPaddingObject(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}(f),g=l[d?"floating"===v?"reference":"floating":v],m=rectToClientRect(await a.getClippingRect({element:null==(o=await(null==a.isElement?void 0:a.isElement(g)))||o?g:g.contextElement||await(null==a.getDocumentElement?void 0:a.getDocumentElement(l.floating)),boundary:s,rootBoundary:p,strategy:c})),h="floating"===v?{...i.floating,x:n,y:r}:i.reference,w=await(null==a.getOffsetParent?void 0:a.getOffsetParent(l.floating)),y=await(null==a.isElement?void 0:a.isElement(w))&&await(null==a.getScale?void 0:a.getScale(w))||{x:1,y:1},b=rectToClientRect(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({rect:h,offsetParent:w,strategy:c}):h);return{top:(m.top-b.top+u.top)/y.y,bottom:(b.bottom-m.bottom+u.bottom)/y.y,left:(m.left-b.left+u.left)/y.x,right:(b.right-m.right+u.right)/y.x}}(t,m),P=[];let S=(null==(n=a.flip)?void 0:n.overflows)||[];if(p&&P.push(E[h]),v){const e=function getAlignmentSides(e,t,o){void 0===o&&(o=!1);const n=getAlignment(e),r=getAlignmentAxis(e),a=getAxisLength(r);let i="x"===r?n===(o?"end":"start")?"right":"left":"start"===n?"bottom":"top";return t.reference[a]>t.floating[a]&&(i=getOppositePlacement(i)),[i,getOppositePlacement(i)]}(r,i,y);P.push(E[e[0]],E[e[1]])}if(S=[...S,{placement:r,overflows:P}],!P.every((e=>e<=0))){var C,T;const e=((null==(C=a.flip)?void 0:C.index)||0)+1,t=x[e];if(t)return{data:{index:e,overflows:S},reset:{placement:t}};let o=null==(T=S.filter((e=>e.overflows[0]<=0)).sort(((e,t)=>e.overflows[1]-t.overflows[1]))[0])?void 0:T.placement;if(!o)switch(f){case"bestFit":{var O;const e=null==(O=S.map((e=>[e.placement,e.overflows.filter((e=>e>0)).reduce(((e,t)=>e+t),0)])).sort(((e,t)=>e[1]-t[1]))[0])?void 0:O[0];e&&(o=e);break}case"initialPlacement":o=l}if(r!==o)return{reset:{placement:o}}}return{}}}};function getNodeName(e){return isNode(e)?(e.nodeName||"").toLowerCase():"#document"}function getWindow(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function getDocumentElement(e){var t;return null==(t=(isNode(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function isNode(e){return e instanceof Node||e instanceof getWindow(e).Node}function isElement(e){return e instanceof Element||e instanceof getWindow(e).Element}function isHTMLElement(e){return e instanceof HTMLElement||e instanceof getWindow(e).HTMLElement}function isShadowRoot(e){return"undefined"!=typeof ShadowRoot&&(e instanceof ShadowRoot||e instanceof getWindow(e).ShadowRoot)}function isOverflowElement(e){const{overflow:t,overflowX:o,overflowY:n,display:r}=getComputedStyle(e);return/auto|scroll|overlay|hidden|clip/.test(t+n+o)&&!["inline","contents"].includes(r)}function isTableElement(e){return["table","td","th"].includes(getNodeName(e))}function isContainingBlock(e){const t=isWebKit(),o=getComputedStyle(e);return"none"!==o.transform||"none"!==o.perspective||!!o.containerType&&"normal"!==o.containerType||!t&&!!o.backdropFilter&&"none"!==o.backdropFilter||!t&&!!o.filter&&"none"!==o.filter||["transform","perspective","filter"].some((e=>(o.willChange||"").includes(e)))||["paint","layout","strict","content"].some((e=>(o.contain||"").includes(e)))}function isWebKit(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function isLastTraversableNode(e){return["html","body","#document"].includes(getNodeName(e))}function getComputedStyle(e){return getWindow(e).getComputedStyle(e)}function getNodeScroll(e){return isElement(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function getParentNode(e){if("html"===getNodeName(e))return e;const t=e.assignedSlot||e.parentNode||isShadowRoot(e)&&e.host||getDocumentElement(e);return isShadowRoot(t)?t.host:t}function getNearestOverflowAncestor(e){const t=getParentNode(e);return isLastTraversableNode(t)?e.ownerDocument?e.ownerDocument.body:e.body:isHTMLElement(t)&&isOverflowElement(t)?t:getNearestOverflowAncestor(t)}function getOverflowAncestors(e,t,o){var n;void 0===t&&(t=[]),void 0===o&&(o=!0);const r=getNearestOverflowAncestor(e),a=r===(null==(n=e.ownerDocument)?void 0:n.body),i=getWindow(r);return a?t.concat(i,i.visualViewport||[],isOverflowElement(r)?r:[],i.frameElement&&o?getOverflowAncestors(i.frameElement):[]):t.concat(r,getOverflowAncestors(r,[],o))}function getCssDimensions(e){const t=getComputedStyle(e);let o=parseFloat(t.width)||0,n=parseFloat(t.height)||0;const r=isHTMLElement(e),a=r?e.offsetWidth:o,i=r?e.offsetHeight:n,l=d(o)!==a||d(n)!==i;return l&&(o=a,n=i),{width:o,height:n,$:l}}function unwrapElement(e){return isElement(e)?e:e.contextElement}function getScale(e){const t=unwrapElement(e);if(!isHTMLElement(t))return createCoords(1);const o=t.getBoundingClientRect(),{width:n,height:r,$:a}=getCssDimensions(t);let i=(a?d(o.width):o.width)/n,l=(a?d(o.height):o.height)/r;return i&&Number.isFinite(i)||(i=1),l&&Number.isFinite(l)||(l=1),{x:i,y:l}}const m=createCoords(0);function getVisualOffsets(e){const t=getWindow(e);return isWebKit()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:m}function getBoundingClientRect(e,t,o,n){void 0===t&&(t=!1),void 0===o&&(o=!1);const r=e.getBoundingClientRect(),a=unwrapElement(e);let i=createCoords(1);t&&(n?isElement(n)&&(i=getScale(n)):i=getScale(e));const l=function shouldAddVisualOffsets(e,t,o){return void 0===t&&(t=!1),!(!o||t&&o!==getWindow(e))&&t}(a,o,n)?getVisualOffsets(a):createCoords(0);let c=(r.left+l.x)/i.x,s=(r.top+l.y)/i.y,p=r.width/i.x,v=r.height/i.y;if(a){const e=getWindow(a),t=n&&isElement(n)?getWindow(n):n;let o=e.frameElement;for(;o&&n&&t!==e;){const e=getScale(o),t=o.getBoundingClientRect(),n=getComputedStyle(o),r=t.left+(o.clientLeft+parseFloat(n.paddingLeft))*e.x,a=t.top+(o.clientTop+parseFloat(n.paddingTop))*e.y;c*=e.x,s*=e.y,p*=e.x,v*=e.y,c+=r,s+=a,o=getWindow(o).frameElement}}return rectToClientRect({width:p,height:v,x:c,y:s})}function getWindowScrollBarX(e){return getBoundingClientRect(getDocumentElement(e)).left+getNodeScroll(e).scrollLeft}function getClientRectFromClippingAncestor(e,t,o){let n;if("viewport"===t)n=function getViewportRect(e,t){const o=getWindow(e),n=getDocumentElement(e),r=o.visualViewport;let a=n.clientWidth,i=n.clientHeight,l=0,c=0;if(r){a=r.width,i=r.height;const e=isWebKit();(!e||e&&"fixed"===t)&&(l=r.offsetLeft,c=r.offsetTop)}return{width:a,height:i,x:l,y:c}}(e,o);else if("document"===t)n=function getDocumentRect(e){const t=getDocumentElement(e),o=getNodeScroll(e),n=e.ownerDocument.body,r=v(t.scrollWidth,t.clientWidth,n.scrollWidth,n.clientWidth),a=v(t.scrollHeight,t.clientHeight,n.scrollHeight,n.clientHeight);let i=-o.scrollLeft+getWindowScrollBarX(e);const l=-o.scrollTop;return"rtl"===getComputedStyle(n).direction&&(i+=v(t.clientWidth,n.clientWidth)-r),{width:r,height:a,x:i,y:l}}(getDocumentElement(e));else if(isElement(t))n=function getInnerBoundingClientRect(e,t){const o=getBoundingClientRect(e,!0,"fixed"===t),n=o.top+e.clientTop,r=o.left+e.clientLeft,a=isHTMLElement(e)?getScale(e):createCoords(1);return{width:e.clientWidth*a.x,height:e.clientHeight*a.y,x:r*a.x,y:n*a.y}}(t,o);else{const o=getVisualOffsets(e);n={...t,x:t.x-o.x,y:t.y-o.y}}return rectToClientRect(n)}function hasFixedPositionAncestor(e,t){const o=getParentNode(e);return!(o===t||!isElement(o)||isLastTraversableNode(o))&&("fixed"===getComputedStyle(o).position||hasFixedPositionAncestor(o,t))}function getRectRelativeToOffsetParent(e,t,o){const n=isHTMLElement(t),r=getDocumentElement(t),a="fixed"===o,i=getBoundingClientRect(e,!0,a,t);let l={scrollLeft:0,scrollTop:0};const c=createCoords(0);if(n||!n&&!a)if(("body"!==getNodeName(t)||isOverflowElement(r))&&(l=getNodeScroll(t)),n){const e=getBoundingClientRect(t,!0,a,t);c.x=e.x+t.clientLeft,c.y=e.y+t.clientTop}else r&&(c.x=getWindowScrollBarX(r));return{x:i.left+l.scrollLeft-c.x,y:i.top+l.scrollTop-c.y,width:i.width,height:i.height}}function getTrueOffsetParent(e,t){return isHTMLElement(e)&&"fixed"!==getComputedStyle(e).position?t?t(e):e.offsetParent:null}function getOffsetParent(e,t){const o=getWindow(e);if(!isHTMLElement(e))return o;let n=getTrueOffsetParent(e,t);for(;n&&isTableElement(n)&&"static"===getComputedStyle(n).position;)n=getTrueOffsetParent(n,t);return n&&("html"===getNodeName(n)||"body"===getNodeName(n)&&"static"===getComputedStyle(n).position&&!isContainingBlock(n))?o:n||function getContainingBlock(e){let t=getParentNode(e);for(;isHTMLElement(t)&&!isLastTraversableNode(t);){if(isContainingBlock(t))return t;t=getParentNode(t)}return null}(e)||o}const h={convertOffsetParentRelativeRectToViewportRelativeRect:function convertOffsetParentRelativeRectToViewportRelativeRect(e){let{rect:t,offsetParent:o,strategy:n}=e;const r=isHTMLElement(o),a=getDocumentElement(o);if(o===a)return t;let i={scrollLeft:0,scrollTop:0},l=createCoords(1);const c=createCoords(0);if((r||!r&&"fixed"!==n)&&(("body"!==getNodeName(o)||isOverflowElement(a))&&(i=getNodeScroll(o)),isHTMLElement(o))){const e=getBoundingClientRect(o);l=getScale(o),c.x=e.x+o.clientLeft,c.y=e.y+o.clientTop}return{width:t.width*l.x,height:t.height*l.y,x:t.x*l.x-i.scrollLeft*l.x+c.x,y:t.y*l.y-i.scrollTop*l.y+c.y}},getDocumentElement:getDocumentElement,getClippingRect:function getClippingRect(e){let{element:t,boundary:o,rootBoundary:n,strategy:r}=e;const a=[..."clippingAncestors"===o?function getClippingElementAncestors(e,t){const o=t.get(e);if(o)return o;let n=getOverflowAncestors(e,[],!1).filter((e=>isElement(e)&&"body"!==getNodeName(e))),r=null;const a="fixed"===getComputedStyle(e).position;let i=a?getParentNode(e):e;for(;isElement(i)&&!isLastTraversableNode(i);){const t=getComputedStyle(i),o=isContainingBlock(i);o||"fixed"!==t.position||(r=null),(a?!o&&!r:!o&&"static"===t.position&&r&&["absolute","fixed"].includes(r.position)||isOverflowElement(i)&&!o&&hasFixedPositionAncestor(e,i))?n=n.filter((e=>e!==i)):r=t,i=getParentNode(i)}return t.set(e,n),n}(t,this._c):[].concat(o),n],i=a[0],l=a.reduce(((e,o)=>{const n=getClientRectFromClippingAncestor(t,o,r);return e.top=v(n.top,e.top),e.right=p(n.right,e.right),e.bottom=p(n.bottom,e.bottom),e.left=v(n.left,e.left),e}),getClientRectFromClippingAncestor(t,i,r));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},getOffsetParent:getOffsetParent,getElementRects:async function(e){let{reference:t,floating:o,strategy:n}=e;const r=this.getOffsetParent||getOffsetParent,a=this.getDimensions;return{reference:getRectRelativeToOffsetParent(t,await r(o),n),floating:{x:0,y:0,...await a(o)}}},getClientRects:function getClientRects(e){return Array.from(e.getClientRects())},getDimensions:function getDimensions(e){return getCssDimensions(e)},getScale:getScale,isElement:isElement,isRTL:function isRTL(e){return"rtl"===getComputedStyle(e).direction}};function autoUpdate(e,t,o,n){void 0===n&&(n={});const{ancestorScroll:r=!0,ancestorResize:a=!0,elementResize:i="function"==typeof ResizeObserver,layoutShift:l="function"==typeof IntersectionObserver,animationFrame:c=!1}=n,s=unwrapElement(e),d=r||a?[...s?getOverflowAncestors(s):[],...getOverflowAncestors(t)]:[];d.forEach((e=>{r&&e.addEventListener("scroll",o,{passive:!0}),a&&e.addEventListener("resize",o)}));const u=s&&l?function observeMove(e,t){let o,n=null;const r=getDocumentElement(e);function cleanup(){clearTimeout(o),n&&n.disconnect(),n=null}return function refresh(a,i){void 0===a&&(a=!1),void 0===i&&(i=1),cleanup();const{left:l,top:c,width:s,height:d}=e.getBoundingClientRect();if(a||t(),!s||!d)return;const u={rootMargin:-f(c)+"px "+-f(r.clientWidth-(l+s))+"px "+-f(r.clientHeight-(c+d))+"px "+-f(l)+"px",threshold:v(0,p(1,i))||1};let g=!0;function handleObserve(e){const t=e[0].intersectionRatio;if(t!==i){if(!g)return refresh();t?refresh(!1,t):o=setTimeout((()=>{refresh(!1,1e-7)}),100)}g=!1}try{n=new IntersectionObserver(handleObserve,{...u,root:r.ownerDocument})}catch(m){n=new IntersectionObserver(handleObserve,u)}n.observe(e)}(!0),cleanup}(s,o):null;let g,m=-1,h=null;i&&(h=new ResizeObserver((e=>{let[n]=e;n&&n.target===s&&h&&(h.unobserve(t),cancelAnimationFrame(m),m=requestAnimationFrame((()=>{h&&h.observe(t)}))),o()})),s&&!c&&h.observe(s),h.observe(t));let w=c?getBoundingClientRect(e):null;return c&&function frameLoop(){const t=getBoundingClientRect(e);!w||t.x===w.x&&t.y===w.y&&t.width===w.width&&t.height===w.height||o();w=t,g=requestAnimationFrame(frameLoop)}(),o(),()=>{d.forEach((e=>{r&&e.removeEventListener("scroll",o),a&&e.removeEventListener("resize",o)})),u&&u(),h&&h.disconnect(),h=null,c&&cancelAnimationFrame(g)}}const computePosition=(e,t,o)=>{const n=new Map,r={platform:h,...o},a={...r.platform,_c:n};return(async(e,t,o)=>{const{placement:n="bottom",strategy:r="absolute",middleware:a=[],platform:i}=o,l=a.filter(Boolean),c=await(null==i.isRTL?void 0:i.isRTL(t));let s=await i.getElementRects({reference:e,floating:t,strategy:r}),{x:p,y:v}=computeCoordsFromPlacement(s,n,c),d=n,f={},u=0;for(let g=0;g<l.length;g++){const{name:o,fn:a}=l[g],{x:m,y:h,data:w,reset:y}=await a({x:p,y:v,initialPlacement:n,placement:d,strategy:r,middlewareData:f,rects:s,platform:i,elements:{reference:e,floating:t}});p=null!=m?m:p,v=null!=h?h:v,f={...f,[o]:{...f[o],...w}},y&&u<=50&&(u++,"object"==typeof y&&(y.placement&&(d=y.placement),y.rects&&(s=!0===y.rects?await i.getElementRects({reference:e,floating:t,strategy:r}):y.rects),({x:p,y:v}=computeCoordsFromPlacement(s,d,c))),g=-1)}return{x:p,y:v,placement:d,strategy:r,middlewareData:f}})(e,t,{...r,platform:a})},w=t.defineComponent({inheritAttrs:!1,emits:["before-show","after-show","before-hide","after-hide"],props:{name:{type:[Number,String,Symbol]}},setup(e,{emit:o}){let n;const r=t.ref(),a=usePopover(),i=t.computed((()=>{var t;return e.name??(null==(t=a.value)?void 0:t.name)})),l=t.reactive({action:"click",anchor:null,arrowHidden:!1,arrowSize:12,arrowInsetHorizontal:18,arrowInsetVertical:8,autoHide:!1,dark:!1,data:null,flip:!0,force:!1,hideDelay:110,interactive:!0,offsets:{top:{x:0,y:0},right:{x:0,y:0},bottom:{x:0,y:0},left:{x:0,y:0}},placement:"bottom",positionFixed:!1,profile:"default",showDelay:0,teleport:null,transition:[],focused:!1,hovered:!1,visible:!1,moving:!1}),c=t.ref({}),s=t.ref(null),p=t.computed((()=>({...c.value,"--caret-size":`${l.arrowSize}px`,"--caret-inset-horizontal":`${l.arrowInsetHorizontal}px`,"--caret-inset-vertical":`${l.arrowInsetVertical}px`,"--offset-horizontal":`${l.offsets[d.value].x}px`,"--offset-vertical":`${l.offsets[d.value].y}px`,"--transition-property":u.value}))),v=t.computed((()=>{return l.flip?[flip((e=l.flip,"boolean"==typeof e?void 0:l.flip))]:[];var e})),d=t.computed((()=>(s.value??l.placement??"bottom").split("-")[0])),f=t.computed((()=>{const e="left"===d.value||"right"===d.value;let t="";const o=(s.value??l.placement??"").split("-");return o.length>1&&(t=o[1]),["start","top","left"].includes(t)?e?"top":"left":["end","bottom","right"].includes(t)?e?"bottom":"right":e?"middle":"center"})),u=t.computed((()=>{const e=[];return l.transition.includes("fade")&&e.push("opacity"),l.transition.includes("scale")&&e.push("transform"),l.transition.includes("move")&&l.moving&&e.push("top, right, bottom, left"),e.join(", ")}));function setTimer(e,t){clearTimeout(n),e>0?n=setTimeout(t,e):t()}function isCurrentAnchor(e){if(!e||!l.anchor)return!1;return resolveEl(e)===resolveEl(l.anchor)}async function show(e={}){l.force||(e.force&&(l.force=!0),setTimer(e.showDelay??l.showDelay,(()=>{l.visible&&(l.force=!1),function updateState(e){const{force:t,...o}=e;Object.assign(l,o)}({...e,visible:!0})})))}function hide(e={}){e.anchor&&!isCurrentAnchor(e.anchor)||l.force||(e.force&&(l.force=!0),setTimer(e.hideDelay??l.hideDelay,(()=>{l.visible||(l.force=!1),l.visible=!1})))}function onDocumentClick(e){if(!r.value)return;const t=resolveEl(l.anchor);if(null==t)return;const o=e.target;elementContains(r.value,o)||elementContains(t,o)||hide({force:!0})}function onDocumentKeydown(e){"Esc"!==e.key&&"Escape"!==e.key||hide()}function onDocumentShowPopover({detail:e}){null!=e.name&&e.name===i.value&&show(e)}function onDocumentHidePopover({detail:e}){null!=e.name&&e.name===i.value&&hide(e)}function onDocumentTogglePopover({detail:e}){null!=e.name&&e.name===i.value&&function toggle(e={}){null!=e.anchor&&(l.visible&&isCurrentAnchor(e.anchor)?hide(e):show(e))}(e)}let g=null;return t.watchEffect((()=>{const e=resolveEl(l.anchor);e&&r.value&&(null!=g&&g(),g=autoUpdate(e,r.value,(()=>{null!=e&&null!=r.value&&computePosition(e,r.value,{placement:l.placement,strategy:l.positionFixed?"fixed":"absolute",middleware:[...v.value]}).then((({x:e,y:t,placement:o})=>{s.value=o,c.value={left:`${e}px`,top:`${t}px`}}))})))})),t.onMounted((()=>{!function addEvents(){on(document,"keydown",onDocumentKeydown),on(document,"click",onDocumentClick),on(document,"show-popover",onDocumentShowPopover),on(document,"hide-popover",onDocumentHidePopover),on(document,"toggle-popover",onDocumentTogglePopover)}()})),t.onUnmounted((()=>{!function removeEvents(){off(document,"keydown",onDocumentKeydown),off(document,"click",onDocumentClick),off(document,"show-popover",onDocumentShowPopover),off(document,"hide-popover",onDocumentHidePopover),off(document,"toggle-popover",onDocumentTogglePopover)}()})),t.watchEffect((()=>{i.value||console.warn("PopoverContent requires a name from prop or context")})),t.watch([()=>l.anchor,()=>l.visible],(([e,t],[o,n])=>{l.moving=!!(t&&n&&o)})),{...t.toRefs(l),actualPlacement:s,popoverRef:r,style:p,direction:d,align:f,transitionProperty:u,middleware:v,hide:hide,beforeEnter:function beforeEnter(e){o("before-show",e)},afterEnter:function afterEnter(e){l.force=!1,o("after-show",e)},beforeLeave:function beforeLeave(e){o("before-hide",e)},afterLeave:function afterLeave(e){l.force=!1,o("after-hide",e)},onClick:function onClick(e){e.stopPropagation()},onMouseOver:function onMouseOver(){l.hovered=!0,l.interactive&&["hover","hover-focus"].includes(l.action)&&show()},onMouseLeave:function onMouseLeave(){l.hovered=!1;const e=resolveEl(l.anchor);!l.autoHide||l.focused||e&&e===document.activeElement||!["hover","hover-focus"].includes(l.action)||hide()},onFocusIn:function onFocusIn(){l.focused=!0,l.interactive&&["focus","hover-focus"].includes(l.action)&&show()},onFocusOut:function onFocusOut(e){!["focus","hover-focus"].includes(l.action)||e.relatedTarget&&elementContains(r.value,e.relatedTarget)||(l.focused=!1,!l.hovered&&l.autoHide&&hide())}}}}),y=["data-name","data-hide-arrow","data-direction","data-profile","data-moving"],b=["data-direction","data-profile"],x=["data-direction","data-align"];const E=_export_sfc(w,[["render",function _sfc_render(e,o,n,r,a,i){return t.openBlock(),t.createBlock(t.Teleport,{to:e.teleport,disabled:!e.teleport},[t.createVNode(t.Transition,{appear:"",onBeforeEnter:e.beforeEnter,onAfterEnter:e.afterEnter,onBeforeLeave:e.beforeLeave,onAfterLeave:e.afterLeave},{default:t.withCtx((()=>{var n;return[e.visible?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["v-popover-content-wrapper",{interactive:e.interactive,"v-popover-dark":e.dark,"v-popover-transition":(null==(n=e.transition)?void 0:n.length)>0},...e.transition.map((e=>`v-popover-transition-${e}`))]),"data-name":e.name,"data-hide-arrow":e.arrowHidden,"data-direction":e.direction,"data-profile":e.profile,"data-moving":e.moving,style:t.normalizeStyle(e.style),ref:"popoverRef",onClick:o[0]||(o[0]=(...t)=>e.onClick&&e.onClick(...t)),onMouseover:o[1]||(o[1]=(...t)=>e.onMouseOver&&e.onMouseOver(...t)),onMouseleave:o[2]||(o[2]=(...t)=>e.onMouseLeave&&e.onMouseLeave(...t)),onFocusin:o[3]||(o[3]=(...t)=>e.onFocusIn&&e.onFocusIn(...t)),onFocusout:o[4]||(o[4]=(...t)=>e.onFocusOut&&e.onFocusOut(...t))},[t.createElementVNode("div",t.mergeProps({tabindex:"-1",class:"v-popover-content","data-direction":e.direction,"data-profile":e.profile},e.$attrs),[t.renderSlot(e.$slots,"default",{direction:e.direction,align:e.align,data:e.data,hide:e.hide},(()=>[t.createTextVNode(t.toDisplayString(e.data),1)])),t.createElementVNode("span",{class:"v-popover-caret","data-direction":e.direction,"data-align":e.align},null,8,x)],16,b)],46,y)):t.createCommentVNode("",!0)]})),_:3},8,["onBeforeEnter","onAfterEnter","onBeforeLeave","onAfterLeave"])],8,["to","disabled"])}]]),P=t.defineComponent({__name:"Tooltip",props:{content:null},setup:e=>(o,n)=>(t.openBlock(),t.createBlock(r,null,{default:t.withCtx((()=>[t.createVNode(s,t.mergeProps({profile:"tooltip"},o.$attrs),{default:t.withCtx((()=>[t.renderSlot(o.$slots,"default")])),_:3},16),t.createVNode(E,null,{default:t.withCtx((()=>[t.renderSlot(o.$slots,"content",{},(()=>[t.createTextVNode(t.toDisplayString(e.content),1)]))])),_:3})])),_:3}))}),S=Object.freeze(Object.defineProperty({__proto__:null,Popover:r,PopoverContent:E,PopoverTrigger:s,Tooltip:P},Symbol.toStringTag,{value:"Module"})),C={install:(e,t={})=>{assignDeep(a,t);for(const n in c){const t=c[n];e.directive(n,t)}const o=a.componentPrefix;for(const n in S){const t=S[n];e.component(`${o}${n}`,t)}},config:a};return e.Popover=r,e.PopoverContent=E,e.PopoverTrigger=s,e.Tooltip=P,e.default=C,e.directive=l,e.getPopoverEventHandlers=getPopoverEventHandlers,e.hidePopover=hidePopover,e.showPopover=showPopover,e.togglePopover=togglePopover,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),e}({},Vue);
 //# sourceMappingURL=index.js.map

dist/types/src/directives/popoverDirective.d.ts

@@ -10,3 +10,4 @@ import { type Directive } from 'vue';
 export declare function addPopover(el: HTMLElement, options: Partial<PopoverOptions>): void;
+export declare function removePopover(el: HTMLElement): void;
 export declare const directive: Directive;
 export {};

dist/types/src/index.d.ts

@@ -5,2 +5,3 @@ import type { App } from 'vue';
 import { directive } from './directives/popoverDirective';
+export { showPopover, hidePopover, togglePopover, getPopoverEventHandlers, } from './utils/events';
 export type { PopoverAction, PopoverPlacement, PopoverFlipOptions, PopoverEvent, PopoverOptions, PopoverOptionsWithName, VPopoverConfig, } from './config';
@@ -7,0 +8,0 @@ declare const _default: {

package.json

 {
   "name": "v-popover",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "A popover plugin for Vue.js.",
@@ -6,0 +6,0 @@ "author": "Nathan Reyes <[e-mail]>",

No alert changes

Improved metrics

Total package byte prevSize

1022374

increased by0.11%

Lines of code

7424

increased by0.19%

No dependency changes