@beeq/core 1.8.0-beta.0 → 1.8.0-beta.2

package/dist/beeq/p-38d4bd8a.js

@@ -2,5 +2,1938 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-const t=["top","right","bottom","left"];const n=["start","end"];const e=t.reduce(((t,e)=>t.concat(e,e+"-"+n[0],e+"-"+n[1])),[]);const o=Math.min;const s=Math.max;const i=Math.round;const c=Math.floor;const r=t=>({x:t,y:t});const l={left:"right",right:"left",bottom:"top",top:"bottom"};const a={start:"end",end:"start"};function f(t,n,e){return s(t,o(n,e))}function u(t,n){return typeof t==="function"?t(n):t}function d(t){return t.split("-")[0]}function h(t){return t.split("-")[1]}function m(t){return t==="x"?"y":"x"}function p(t){return t==="y"?"height":"width"}function y(t){return["top","bottom"].includes(d(t))?"y":"x"}function w(t){return m(y(t))}function g(t,n,e){if(e===void 0){e=false}const o=h(t);const s=w(t);const i=p(s);let c=s==="x"?o===(e?"end":"start")?"right":"left":o==="start"?"bottom":"top";if(n.reference[i]>n.floating[i]){c=O(c)}return[c,O(c)]}function x(t){const n=O(t);return[v(t),n,v(n)]}function v(t){return t.replace(/start|end/g,(t=>a[t]))}function b(t,n,e){const o=["left","right"];const s=["right","left"];const i=["top","bottom"];const c=["bottom","top"];switch(t){case"top":case"bottom":if(e)return n?s:o;return n?o:s;case"left":case"right":return n?i:c;default:return[]}}function A(t,n,e,o){const s=h(t);let i=b(d(t),e==="start",o);if(s){i=i.map((t=>t+"-"+s));if(n){i=i.concat(i.map(v))}}return i}function O(t){return t.replace(/left|right|bottom|top/g,(t=>l[t]))}function R(t){return{top:0,right:0,bottom:0,left:0,...t}}function k(t){return typeof t!=="number"?R(t):{top:t,right:t,bottom:t,left:t}}function S(t){const{x:n,y:e,width:o,height:s}=t;return{width:o,height:s,top:e,left:n,right:n+o,bottom:e+s,x:n,y:e}}function D(t,n,e){let{reference:o,floating:s}=t;const i=y(n);const c=w(n);const r=p(c);const l=d(n);const a=i==="y";const f=o.x+o.width/2-s.width/2;const u=o.y+o.height/2-s.height/2;const m=o[r]/2-s[r]/2;let g;switch(l){case"top":g={x:f,y:o.y-s.height};break;case"bottom":g={x:f,y:o.y+o.height};break;case"right":g={x:o.x+o.width,y:u};break;case"left":g={x:o.x-s.width,y:u};break;default:g={x:o.x,y:o.y}}switch(h(n)){case"start":g[c]-=m*(e&&a?-1:1);break;case"end":g[c]+=m*(e&&a?-1:1);break}return g}const F=async(t,n,e)=>{const{placement:o="bottom",strategy:s="absolute",middleware:i=[],platform:c}=e;const r=i.filter(Boolean);const l=await(c.isRTL==null?void 0:c.isRTL(n));let a=await c.getElementRects({reference:t,floating:n,strategy:s});let{x:f,y:u}=D(a,o,l);let d=o;let h={};let m=0;for(let e=0;e<r.length;e++){const{name:i,fn:p}=r[e];const{x:y,y:w,data:g,reset:x}=await p({x:f,y:u,initialPlacement:o,placement:d,strategy:s,middlewareData:h,rects:a,platform:c,elements:{reference:t,floating:n}});f=y!=null?y:f;u=w!=null?w:u;h={...h,[i]:{...h[i],...g}};if(x&&m<=50){m++;if(typeof x==="object"){if(x.placement){d=x.placement}if(x.rects){a=x.rects===true?await c.getElementRects({reference:t,floating:n,strategy:s}):x.rects}({x:f,y:u}=D(a,d,l))}e=-1}}return{x:f,y:u,placement:d,strategy:s,middlewareData:h}};async function P(t,n){var e;if(n===void 0){n={}}const{x:o,y:s,platform:i,rects:c,elements:r,strategy:l}=t;const{boundary:a="clippingAncestors",rootBoundary:f="viewport",elementContext:d="floating",altBoundary:h=false,padding:m=0}=u(n,t);const p=k(m);const y=d==="floating"?"reference":"floating";const w=r[h?y:d];const g=S(await i.getClippingRect({element:((e=await(i.isElement==null?void 0:i.isElement(w)))!=null?e:true)?w:w.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(r.floating)),boundary:a,rootBoundary:f,strategy:l}));const x=d==="floating"?{x:o,y:s,width:c.floating.width,height:c.floating.height}:c.reference;const v=await(i.getOffsetParent==null?void 0:i.getOffsetParent(r.floating));const b=await(i.isElement==null?void 0:i.isElement(v))?await(i.getScale==null?void 0:i.getScale(v))||{x:1,y:1}:{x:1,y:1};const A=S(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:r,rect:x,offsetParent:v,strategy:l}):x);return{top:(g.top-A.top+p.top)/b.y,bottom:(A.bottom-g.bottom+p.bottom)/b.y,left:(g.left-A.left+p.left)/b.x,right:(A.right-g.right+p.right)/b.x}}const C=t=>({name:"arrow",options:t,async fn(n){const{x:e,y:s,placement:i,rects:c,platform:r,elements:l,middlewareData:a}=n;const{element:d,padding:m=0}=u(t,n)||{};if(d==null){return{}}const y=k(m);const g={x:e,y:s};const x=w(i);const v=p(x);const b=await r.getDimensions(d);const A=x==="y";const O=A?"top":"left";const R=A?"bottom":"right";const S=A?"clientHeight":"clientWidth";const D=c.reference[v]+c.reference[x]-g[x]-c.floating[v];const F=g[x]-c.reference[x];const P=await(r.getOffsetParent==null?void 0:r.getOffsetParent(d));let C=P?P[S]:0;if(!C||!await(r.isElement==null?void 0:r.isElement(P))){C=l.floating[S]||c.floating[v]}const T=D/2-F/2;const B=C/2-b[v]/2-1;const H=o(y[O],B);const M=o(y[R],B);const j=H;const z=C-b[v]-M;const $=C/2-b[v]/2+T;const L=f(j,$,z);const E=!a.arrow&&h(i)!=null&&$!==L&&c.reference[v]/2-($<j?H:M)-b[v]/2<0;const I=E?$<j?$-j:$-z:0;return{[x]:g[x]+I,data:{[x]:L,centerOffset:$-L-I,...E&&{alignmentOffset:I}},reset:E}}});function T(t,n,e){const o=t?[...e.filter((n=>h(n)===t)),...e.filter((n=>h(n)!==t))]:e.filter((t=>d(t)===t));return o.filter((e=>{if(t){return h(e)===t||(n?v(e)!==e:false)}return true}))}const B=function(t){if(t===void 0){t={}}return{name:"autoPlacement",options:t,async fn(n){var o,s,i;const{rects:c,middlewareData:r,placement:l,platform:a,elements:f}=n;const{crossAxis:m=false,alignment:p,allowedPlacements:y=e,autoAlignment:w=true,...x}=u(t,n);const v=p!==undefined||y===e?T(p||null,w,y):y;const b=await P(n,x);const A=((o=r.autoPlacement)==null?void 0:o.index)||0;const O=v[A];if(O==null){return{}}const R=g(O,c,await(a.isRTL==null?void 0:a.isRTL(f.floating)));if(l!==O){return{reset:{placement:v[0]}}}const k=[b[d(O)],b[R[0]],b[R[1]]];const S=[...((s=r.autoPlacement)==null?void 0:s.overflows)||[],{placement:O,overflows:k}];const D=v[A+1];if(D){return{data:{index:A+1,overflows:S},reset:{placement:D}}}const F=S.map((t=>{const n=h(t.placement);return[t.placement,n&&m?t.overflows.slice(0,2).reduce(((t,n)=>t+n),0):t.overflows[0],t.overflows]})).sort(((t,n)=>t[1]-n[1]));const C=F.filter((t=>t[2].slice(0,h(t[0])?2:3).every((t=>t<=0))));const B=((i=C[0])==null?void 0:i[0])||F[0][0];if(B!==l){return{data:{index:A+1,overflows:S},reset:{placement:B}}}return{}}}};const H=function(t){if(t===void 0){t={}}return{name:"flip",options:t,async fn(n){var e,o;const{placement:s,middlewareData:i,rects:c,initialPlacement:r,platform:l,elements:a}=n;const{mainAxis:f=true,crossAxis:h=true,fallbackPlacements:m,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:w="none",flipAlignment:v=true,...b}=u(t,n);if((e=i.arrow)!=null&&e.alignmentOffset){return{}}const R=d(s);const k=y(r);const S=d(r)===r;const D=await(l.isRTL==null?void 0:l.isRTL(a.floating));const F=m||(S||!v?[O(r)]:x(r));const C=w!=="none";if(!m&&C){F.push(...A(r,v,w,D))}const T=[r,...F];const B=await P(n,b);const H=[];let M=((o=i.flip)==null?void 0:o.overflows)||[];if(f){H.push(B[R])}if(h){const t=g(s,c,D);H.push(B[t[0]],B[t[1]])}M=[...M,{placement:s,overflows:H}];if(!H.every((t=>t<=0))){var j,z;const t=(((j=i.flip)==null?void 0:j.index)||0)+1;const n=T[t];if(n){return{data:{index:t,overflows:M},reset:{placement:n}}}let e=(z=M.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])==null?void 0:z.placement;if(!e){switch(p){case"bestFit":{var $;const t=($=M.filter((t=>{if(C){const n=y(t.placement);return n===k||n==="y"}return true})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])==null?void 0:$[0];if(t){e=t}break}case"initialPlacement":e=r;break}}if(s!==e){return{reset:{placement:e}}}}return{}}}};function M(t,n){return{top:t.top-n.height,right:t.right-n.width,bottom:t.bottom-n.height,left:t.left-n.width}}function j(n){return t.some((t=>n[t]>=0))}const z=function(t){if(t===void 0){t={}}return{name:"hide",options:t,async fn(n){const{rects:e}=n;const{strategy:o="referenceHidden",...s}=u(t,n);switch(o){case"referenceHidden":{const t=await P(n,{...s,elementContext:"reference"});const o=M(t,e.reference);return{data:{referenceHiddenOffsets:o,referenceHidden:j(o)}}}case"escaped":{const t=await P(n,{...s,altBoundary:true});const o=M(t,e.floating);return{data:{escapedOffsets:o,escaped:j(o)}}}default:{return{}}}}}};function $(t){const n=o(...t.map((t=>t.left)));const e=o(...t.map((t=>t.top)));const i=s(...t.map((t=>t.right)));const c=s(...t.map((t=>t.bottom)));return{x:n,y:e,width:i-n,height:c-e}}function L(t){const n=t.slice().sort(((t,n)=>t.y-n.y));const e=[];let o=null;for(let t=0;t<n.length;t++){const s=n[t];if(!o||s.y-o.y>o.height/2){e.push([s])}else{e[e.length-1].push(s)}o=s}return e.map((t=>S($(t))))}const E=function(t){if(t===void 0){t={}}return{name:"inline",options:t,async fn(n){const{placement:e,elements:i,rects:c,platform:r,strategy:l}=n;const{padding:a=2,x:f,y:h}=u(t,n);const m=Array.from(await(r.getClientRects==null?void 0:r.getClientRects(i.reference))||[]);const p=L(m);const w=S($(m));const g=k(a);function x(){if(p.length===2&&p[0].left>p[1].right&&f!=null&&h!=null){return p.find((t=>f>t.left-g.left&&f<t.right+g.right&&h>t.top-g.top&&h<t.bottom+g.bottom))||w}if(p.length>=2){if(y(e)==="y"){const t=p[0];const n=p[p.length-1];const o=d(e)==="top";const s=t.top;const i=n.bottom;const c=o?t.left:n.left;const r=o?t.right:n.right;const l=r-c;const a=i-s;return{top:s,bottom:i,left:c,right:r,width:l,height:a,x:c,y:s}}const t=d(e)==="left";const n=s(...p.map((t=>t.right)));const i=o(...p.map((t=>t.left)));const c=p.filter((e=>t?e.left===i:e.right===n));const r=c[0].top;const l=c[c.length-1].bottom;const a=i;const f=n;const u=f-a;const h=l-r;return{top:r,bottom:l,left:a,right:f,width:u,height:h,x:a,y:r}}return w}const v=await r.getElementRects({reference:{getBoundingClientRect:x},floating:i.floating,strategy:l});if(c.reference.x!==v.reference.x||c.reference.y!==v.reference.y||c.reference.width!==v.reference.width||c.reference.height!==v.reference.height){return{reset:{rects:v}}}return{}}}};async function I(t,n){const{placement:e,platform:o,elements:s}=t;const i=await(o.isRTL==null?void 0:o.isRTL(s.floating));const c=d(e);const r=h(e);const l=y(e)==="y";const a=["left","top"].includes(c)?-1:1;const f=i&&l?-1:1;const m=u(n,t);let{mainAxis:p,crossAxis:w,alignmentAxis:g}=typeof m==="number"?{mainAxis:m,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...m};if(r&&typeof g==="number"){w=r==="end"?g*-1:g}return l?{x:w*f,y:p*a}:{x:p*a,y:w*f}}const N=function(t){if(t===void 0){t=0}return{name:"offset",options:t,async fn(n){var e,o;const{x:s,y:i,placement:c,middlewareData:r}=n;const l=await I(n,t);if(c===((e=r.offset)==null?void 0:e.placement)&&(o=r.arrow)!=null&&o.alignmentOffset){return{}}return{x:s+l.x,y:i+l.y,data:{...l,placement:c}}}}};const W=function(t){if(t===void 0){t={}}return{name:"shift",options:t,async fn(n){const{x:e,y:o,placement:s}=n;const{mainAxis:i=true,crossAxis:c=false,limiter:r={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...l}=u(t,n);const a={x:e,y:o};const h=await P(n,l);const p=y(d(s));const w=m(p);let g=a[w];let x=a[p];if(i){const t=w==="y"?"top":"left";const n=w==="y"?"bottom":"right";const e=g+h[t];const o=g-h[n];g=f(e,g,o)}if(c){const t=p==="y"?"top":"left";const n=p==="y"?"bottom":"right";const e=x+h[t];const o=x-h[n];x=f(e,x,o)}const v=r.fn({...n,[w]:g,[p]:x});return{...v,data:{x:v.x-e,y:v.y-o}}}}};const q=function(t){if(t===void 0){t={}}return{options:t,fn(n){const{x:e,y:o,placement:s,rects:i,middlewareData:c}=n;const{offset:r=0,mainAxis:l=true,crossAxis:a=true}=u(t,n);const f={x:e,y:o};const h=y(s);const p=m(h);let w=f[p];let g=f[h];const x=u(r,n);const v=typeof x==="number"?{mainAxis:x,crossAxis:0}:{mainAxis:0,crossAxis:0,...x};if(l){const t=p==="y"?"height":"width";const n=i.reference[p]-i.floating[t]+v.mainAxis;const e=i.reference[p]+i.reference[t]-v.mainAxis;if(w<n){w=n}else if(w>e){w=e}}if(a){var b,A;const t=p==="y"?"width":"height";const n=["top","left"].includes(d(s));const e=i.reference[h]-i.floating[t]+(n?((b=c.offset)==null?void 0:b[h])||0:0)+(n?0:v.crossAxis);const o=i.reference[h]+i.reference[t]+(n?0:((A=c.offset)==null?void 0:A[h])||0)-(n?v.crossAxis:0);if(g<e){g=e}else if(g>o){g=o}}return{[p]:w,[h]:g}}}};const V=function(t){if(t===void 0){t={}}return{name:"size",options:t,async fn(n){const{placement:e,rects:i,platform:c,elements:r}=n;const{apply:l=(()=>{}),...a}=u(t,n);const f=await P(n,a);const m=d(e);const p=h(e);const w=y(e)==="y";const{width:g,height:x}=i.floating;let v;let b;if(m==="top"||m==="bottom"){v=m;b=p===(await(c.isRTL==null?void 0:c.isRTL(r.floating))?"start":"end")?"left":"right"}else{b=m;v=p==="end"?"top":"bottom"}const A=x-f.top-f.bottom;const O=g-f.left-f.right;const R=o(x-f[v],A);const k=o(g-f[b],O);const S=!n.middlewareData.shift;let D=R;let F=k;if(w){F=p||S?o(k,O):O}else{D=p||S?o(R,A):A}if(S&&!p){const t=s(f.left,0);const n=s(f.right,0);const e=s(f.top,0);const o=s(f.bottom,0);if(w){F=g-2*(t!==0||n!==0?t+n:s(f.left,f.right))}else{D=x-2*(e!==0||o!==0?e+o:s(f.top,f.bottom))}}await l({...n,availableWidth:F,availableHeight:D});const C=await c.getDimensions(r.floating);if(g!==C.width||x!==C.height){return{reset:{rects:true}}}return{}}}};function X(t){if(G(t)){return(t.nodeName||"").toLowerCase()}return"#document"}function Y(t){var n;return(t==null||(n=t.ownerDocument)==null?void 0:n.defaultView)||window}function _(t){var n;return(n=(G(t)?t.ownerDocument:t.document)||window.document)==null?void 0:n.documentElement}function G(t){return t instanceof Node||t instanceof Y(t).Node}function J(t){return t instanceof Element||t instanceof Y(t).Element}function K(t){return t instanceof HTMLElement||t instanceof Y(t).HTMLElement}function Q(t){if(typeof ShadowRoot==="undefined"){return false}return t instanceof ShadowRoot||t instanceof Y(t).ShadowRoot}function U(t){const{overflow:n,overflowX:e,overflowY:o,display:s}=it(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&!["inline","contents"].includes(s)}function Z(t){return["table","td","th"].includes(X(t))}function tt(t){return[":popover-open",":modal"].some((n=>{try{return t.matches(n)}catch(t){return false}}))}function nt(t){const n=ot();const e=J(t)?it(t):t;return e.transform!=="none"||e.perspective!=="none"||(e.containerType?e.containerType!=="normal":false)||!n&&(e.backdropFilter?e.backdropFilter!=="none":false)||!n&&(e.filter?e.filter!=="none":false)||["transform","perspective","filter"].some((t=>(e.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(e.contain||"").includes(t)))}function et(t){let n=rt(t);while(K(n)&&!st(n)){if(nt(n)){return n}else if(tt(n)){return null}n=rt(n)}return null}function ot(){if(typeof CSS==="undefined"||!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}function st(t){return["html","body","#document"].includes(X(t))}function it(t){return Y(t).getComputedStyle(t)}function ct(t){if(J(t)){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}return{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function rt(t){if(X(t)==="html"){return t}const n=t.assignedSlot||t.parentNode||Q(t)&&t.host||_(t);return Q(n)?n.host:n}function lt(t){const n=rt(t);if(st(n)){return t.ownerDocument?t.ownerDocument.body:t.body}if(K(n)&&U(n)){return n}return lt(n)}function at(t,n,e){var o;if(n===void 0){n=[]}if(e===void 0){e=true}const s=lt(t);const i=s===((o=t.ownerDocument)==null?void 0:o.body);const c=Y(s);if(i){const t=ft(c);return n.concat(c,c.visualViewport||[],U(s)?s:[],t&&e?at(t):[])}return n.concat(s,at(s,[],e))}function ft(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function ut(t){const n=it(t);let e=parseFloat(n.width)||0;let o=parseFloat(n.height)||0;const s=K(t);const c=s?t.offsetWidth:e;const r=s?t.offsetHeight:o;const l=i(e)!==c||i(o)!==r;if(l){e=c;o=r}return{width:e,height:o,$:l}}function dt(t){return!J(t)?t.contextElement:t}function ht(t){const n=dt(t);if(!K(n)){return r(1)}const e=n.getBoundingClientRect();const{width:o,height:s,$:c}=ut(n);let l=(c?i(e.width):e.width)/o;let a=(c?i(e.height):e.height)/s;if(!l||!Number.isFinite(l)){l=1}if(!a||!Number.isFinite(a)){a=1}return{x:l,y:a}}const mt=r(0);function pt(t){const n=Y(t);if(!ot()||!n.visualViewport){return mt}return{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}}function yt(t,n,e){if(n===void 0){n=false}if(!e||n&&e!==Y(t)){return false}return n}function wt(t,n,e,o){if(n===void 0){n=false}if(e===void 0){e=false}const s=t.getBoundingClientRect();const i=dt(t);let c=r(1);if(n){if(o){if(J(o)){c=ht(o)}}else{c=ht(t)}}const l=yt(i,e,o)?pt(i):r(0);let a=(s.left+l.x)/c.x;let f=(s.top+l.y)/c.y;let u=s.width/c.x;let d=s.height/c.y;if(i){const t=Y(i);const n=o&&J(o)?Y(o):o;let e=t;let s=ft(e);while(s&&o&&n!==e){const t=ht(s);const n=s.getBoundingClientRect();const o=it(s);const i=n.left+(s.clientLeft+parseFloat(o.paddingLeft))*t.x;const c=n.top+(s.clientTop+parseFloat(o.paddingTop))*t.y;a*=t.x;f*=t.y;u*=t.x;d*=t.y;a+=i;f+=c;e=Y(s);s=ft(e)}}return S({width:u,height:d,x:a,y:f})}function gt(t){let{elements:n,rect:e,offsetParent:o,strategy:s}=t;const i=s==="fixed";const c=_(o);const l=n?tt(n.floating):false;if(o===c||l&&i){return e}let a={scrollLeft:0,scrollTop:0};let f=r(1);const u=r(0);const d=K(o);if(d||!d&&!i){if(X(o)!=="body"||U(c)){a=ct(o)}if(K(o)){const t=wt(o);f=ht(o);u.x=t.x+o.clientLeft;u.y=t.y+o.clientTop}}return{width:e.width*f.x,height:e.height*f.y,x:e.x*f.x-a.scrollLeft*f.x+u.x,y:e.y*f.y-a.scrollTop*f.y+u.y}}function xt(t){return Array.from(t.getClientRects())}function vt(t){return wt(_(t)).left+ct(t).scrollLeft}function bt(t){const n=_(t);const e=ct(t);const o=t.ownerDocument.body;const i=s(n.scrollWidth,n.clientWidth,o.scrollWidth,o.clientWidth);const c=s(n.scrollHeight,n.clientHeight,o.scrollHeight,o.clientHeight);let r=-e.scrollLeft+vt(t);const l=-e.scrollTop;if(it(o).direction==="rtl"){r+=s(n.clientWidth,o.clientWidth)-i}return{width:i,height:c,x:r,y:l}}function At(t,n){const e=Y(t);const o=_(t);const s=e.visualViewport;let i=o.clientWidth;let c=o.clientHeight;let r=0;let l=0;if(s){i=s.width;c=s.height;const t=ot();if(!t||t&&n==="fixed"){r=s.offsetLeft;l=s.offsetTop}}return{width:i,height:c,x:r,y:l}}function Ot(t,n){const e=wt(t,true,n==="fixed");const o=e.top+t.clientTop;const s=e.left+t.clientLeft;const i=K(t)?ht(t):r(1);const c=t.clientWidth*i.x;const l=t.clientHeight*i.y;const a=s*i.x;const f=o*i.y;return{width:c,height:l,x:a,y:f}}function Rt(t,n,e){let o;if(n==="viewport"){o=At(t,e)}else if(n==="document"){o=bt(_(t))}else if(J(n)){o=Ot(n,e)}else{const e=pt(t);o={...n,x:n.x-e.x,y:n.y-e.y}}return S(o)}function kt(t,n){const e=rt(t);if(e===n||!J(e)||st(e)){return false}return it(e).position==="fixed"||kt(e,n)}function St(t,n){const e=n.get(t);if(e){return e}let o=at(t,[],false).filter((t=>J(t)&&X(t)!=="body"));let s=null;const i=it(t).position==="fixed";let c=i?rt(t):t;while(J(c)&&!st(c)){const n=it(c);const e=nt(c);if(!e&&n.position==="fixed"){s=null}const r=i?!e&&!s:!e&&n.position==="static"&&!!s&&["absolute","fixed"].includes(s.position)||U(c)&&!e&&kt(t,c);if(r){o=o.filter((t=>t!==c))}else{s=n}c=rt(c)}n.set(t,o);return o}function Dt(t){let{element:n,boundary:e,rootBoundary:i,strategy:c}=t;const r=e==="clippingAncestors"?tt(n)?[]:St(n,this._c):[].concat(e);const l=[...r,i];const a=l[0];const f=l.reduce(((t,e)=>{const i=Rt(n,e,c);t.top=s(i.top,t.top);t.right=o(i.right,t.right);t.bottom=o(i.bottom,t.bottom);t.left=s(i.left,t.left);return t}),Rt(n,a,c));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}}function Ft(t){const{width:n,height:e}=ut(t);return{width:n,height:e}}function Pt(t,n,e){const o=K(n);const s=_(n);const i=e==="fixed";const c=wt(t,true,i,n);let l={scrollLeft:0,scrollTop:0};const a=r(0);if(o||!o&&!i){if(X(n)!=="body"||U(s)){l=ct(n)}if(o){const t=wt(n,true,i,n);a.x=t.x+n.clientLeft;a.y=t.y+n.clientTop}else if(s){a.x=vt(s)}}const f=c.left+l.scrollLeft-a.x;const u=c.top+l.scrollTop-a.y;return{x:f,y:u,width:c.width,height:c.height}}function Ct(t){return it(t).position==="static"}function Tt(t,n){if(!K(t)||it(t).position==="fixed"){return null}if(n){return n(t)}return t.offsetParent}function Bt(t,n){const e=Y(t);if(tt(t)){return e}if(!K(t)){let n=rt(t);while(n&&!st(n)){if(J(n)&&!Ct(n)){return n}n=rt(n)}return e}let o=Tt(t,n);while(o&&Z(o)&&Ct(o)){o=Tt(o,n)}if(o&&st(o)&&Ct(o)&&!nt(o)){return e}return o||et(t)||e}const Ht=async function(t){const n=this.getOffsetParent||Bt;const e=this.getDimensions;const o=await e(t.floating);return{reference:Pt(t.reference,await n(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Mt(t){return it(t).direction==="rtl"}const jt={convertOffsetParentRelativeRectToViewportRelativeRect:gt,getDocumentElement:_,getClippingRect:Dt,getOffsetParent:Bt,getElementRects:Ht,getClientRects:xt,getDimensions:Ft,getScale:ht,isElement:J,isRTL:Mt};function zt(t,n){let e=null;let i;const r=_(t);function l(){var t;clearTimeout(i);(t=e)==null||t.disconnect();e=null}function a(f,u){if(f===void 0){f=false}if(u===void 0){u=1}l();const{left:d,top:h,width:m,height:p}=t.getBoundingClientRect();if(!f){n()}if(!m||!p){return}const y=c(h);const w=c(r.clientWidth-(d+m));const g=c(r.clientHeight-(h+p));const x=c(d);const v=-y+"px "+-w+"px "+-g+"px "+-x+"px";const b={rootMargin:v,threshold:s(0,o(1,u))||1};let A=true;function O(t){const n=t[0].intersectionRatio;if(n!==u){if(!A){return a()}if(!n){i=setTimeout((()=>{a(false,1e-7)}),1e3)}else{a(false,n)}}A=false}try{e=new IntersectionObserver(O,{...b,root:r.ownerDocument})}catch(t){e=new IntersectionObserver(O,b)}e.observe(t)}a(true);return l}function $t(t,n,e,o){if(o===void 0){o={}}const{ancestorScroll:s=true,ancestorResize:i=true,elementResize:c=typeof ResizeObserver==="function",layoutShift:r=typeof IntersectionObserver==="function",animationFrame:l=false}=o;const a=dt(t);const f=s||i?[...a?at(a):[],...at(n)]:[];f.forEach((t=>{s&&t.addEventListener("scroll",e,{passive:true});i&&t.addEventListener("resize",e)}));const u=a&&r?zt(a,e):null;let d=-1;let h=null;if(c){h=new ResizeObserver((t=>{let[o]=t;if(o&&o.target===a&&h){h.unobserve(n);cancelAnimationFrame(d);d=requestAnimationFrame((()=>{var t;(t=h)==null||t.observe(n)}))}e()}));if(a&&!l){h.observe(a)}h.observe(n)}let m;let p=l?wt(t):null;if(l){y()}function y(){const n=wt(t);if(p&&(n.x!==p.x||n.y!==p.y||n.width!==p.width||n.height!==p.height)){e()}p=n;m=requestAnimationFrame(y)}e();return()=>{var t;f.forEach((t=>{s&&t.removeEventListener("scroll",e);i&&t.removeEventListener("resize",e)}));u==null||u();(t=h)==null||t.disconnect();h=null;if(l){cancelAnimationFrame(m)}}}const Lt=N;B;const Et=W;const It=H;const Nt=V;const Wt=z;const qt=C;E;q;const Vt=(t,n,e)=>{const o=new Map;const s={platform:jt,...e};const i={...s.platform,_c:o};return F(t,n,{...s,platform:i})};class Xt{constructor(t,n,e){this.trigger=t;this.panel=n;this.options={distance:20,placement:"bottom",strategy:"fixed",sameWidth:false,...e};this.init(e)}init(t){this.options=Object.assign(this.options,t);this.update()}update(){this.cleanUp=$t(this.trigger,this.panel,(()=>{(async()=>{const{x:t,y:n,placement:e,middlewareData:o}=await Vt(this.trigger,this.panel,{placement:this.options.placement,strategy:this.options.strategy,middleware:[Lt({mainAxis:this.options.distance,crossAxis:this.options.skidding}),It(),Et(),Nt(this.options.sameWidth&&{apply({rects:t,elements:n}){Object.assign(n.floating.style,{width:`${t.reference.width}px`})}}),qt({element:this.options.arrow||null}),this.positionChange(),Wt()]});Object.assign(this.panel.style,{top:"0",left:"0",transform:`translate(${this.roundByDPR(t)}px,${this.roundByDPR(n)}px)`});if(this.options.arrow){const{x:t,y:n}=o.arrow;const s={top:"bottom",right:"left",bottom:"top",left:"right"}[e.split("-")[0]];Object.assign(this.options.arrow.style,{left:t!=null?`${t}px`:"",top:n!=null?`${n}px`:"",right:"",bottom:"",[s]:"-4px"})}const{referenceHidden:s}=o.hide;Object.assign(this.panel.style,{visibility:s?"hidden":"visible"})})()}))}destroy(){if(!this.cleanUp)return;this.cleanUp()}positionChange(){return{name:"positionChange",fn:({placement:t})=>{if(typeof this.options.onPositionChange!=="function")return{};this.options.onPositionChange(t);return{}}}}roundByDPR(t){const n=window.devicePixelRatio||1;return Math.round(t*n)/n}}export{Xt as F};
+/**
+ * Custom positioning reference element.
+ * @see https://floating-ui.com/docs/virtual-elements
+ */
+const t = [ "top", "right", "bottom", "left" ];
+
+const e = [ "start", "end" ];
+
+const n =  t.reduce(((t, n) => t.concat(n, n + "-" + e[0], n + "-" + e[1])), []);
+
+const o = Math.min;
+
+const i = Math.max;
+
+const s = Math.round;
+
+const c = Math.floor;
+
+const createCoords = t => ({
+  x: t,
+  y: t
+});
+
+const r = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+
+const l = {
+  start: "end",
+  end: "start"
+};
+
+function clamp(t, e, n) {
+  return i(t, o(e, n));
+}
+
+function evaluate(t, e) {
+  return typeof t === "function" ? t(e) : t;
+}
+
+function getSide(t) {
+  return t.split("-")[0];
+}
+
+function getAlignment(t) {
+  return t.split("-")[1];
+}
+
+function getOppositeAxis(t) {
+  return t === "x" ? "y" : "x";
+}
+
+function getAxisLength(t) {
+  return t === "y" ? "height" : "width";
+}
+
+function getSideAxis(t) {
+  return [ "top", "bottom" ].includes(getSide(t)) ? "y" : "x";
+}
+
+function getAlignmentAxis(t) {
+  return getOppositeAxis(getSideAxis(t));
+}
+
+function getAlignmentSides(t, e, n) {
+  if (n === void 0) {
+    n = false;
+  }
+  const o = getAlignment(t);
+  const i = getAlignmentAxis(t);
+  const s = getAxisLength(i);
+  let c = i === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  if (e.reference[s] > e.floating[s]) {
+    c = getOppositePlacement(c);
+  }
+  return [ c, getOppositePlacement(c) ];
+}
+
+function getExpandedPlacements(t) {
+  const e = getOppositePlacement(t);
+  return [ getOppositeAlignmentPlacement(t), e, getOppositeAlignmentPlacement(e) ];
+}
+
+function getOppositeAlignmentPlacement(t) {
+  return t.replace(/start|end/g, (t => l[t]));
+}
+
+function getSideList(t, e, n) {
+  const o = [ "left", "right" ];
+  const i = [ "right", "left" ];
+  const s = [ "top", "bottom" ];
+  const c = [ "bottom", "top" ];
+  switch (t) {
+   case "top":
+   case "bottom":
+    if (n) return e ? i : o;
+    return e ? o : i;
+
+   case "left":
+   case "right":
+    return e ? s : c;
+
+   default:
+    return [];
+  }
+}
+
+function getOppositeAxisPlacements(t, e, n, o) {
+  const i = getAlignment(t);
+  let s = getSideList(getSide(t), n === "start", o);
+  if (i) {
+    s = s.map((t => t + "-" + i));
+    if (e) {
+      s = s.concat(s.map(getOppositeAlignmentPlacement));
+    }
+  }
+  return s;
+}
+
+function getOppositePlacement(t) {
+  return t.replace(/left|right|bottom|top/g, (t => r[t]));
+}
+
+function expandPaddingObject(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+
+function getPaddingObject(t) {
+  return typeof t !== "number" ? expandPaddingObject(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+
+function rectToClientRect(t) {
+  const {x: e, y: n, width: o, height: i} = t;
+  return {
+    width: o,
+    height: i,
+    top: n,
+    left: e,
+    right: e + o,
+    bottom: n + i,
+    x: e,
+    y: n
+  };
+}
+
+function computeCoordsFromPlacement(t, e, n) {
+  let {reference: o, floating: i} = t;
+  const s = getSideAxis(e);
+  const c = getAlignmentAxis(e);
+  const r = getAxisLength(c);
+  const l = getSide(e);
+  const a = s === "y";
+  const f = o.x + o.width / 2 - i.width / 2;
+  const u = o.y + o.height / 2 - i.height / 2;
+  const g = o[r] / 2 - i[r] / 2;
+  let d;
+  switch (l) {
+   case "top":
+    d = {
+      x: f,
+      y: o.y - i.height
+    };
+    break;
+
+   case "bottom":
+    d = {
+      x: f,
+      y: o.y + o.height
+    };
+    break;
+
+   case "right":
+    d = {
+      x: o.x + o.width,
+      y: u
+    };
+    break;
+
+   case "left":
+    d = {
+      x: o.x - i.width,
+      y: u
+    };
+    break;
+
+   default:
+    d = {
+      x: o.x,
+      y: o.y
+    };
+  }
+  switch (getAlignment(e)) {
+   case "start":
+    d[c] -= g * (n && a ? -1 : 1);
+    break;
+
+   case "end":
+    d[c] += g * (n && a ? -1 : 1);
+    break;
+  }
+  return d;
+}
+
+/**
+ * Computes the `x` and `y` coordinates that will place the floating element
+ * next to a given reference element.
+ *
+ * This export does not have any `platform` interface logic. You will need to
+ * write one for the platform you are using Floating UI with.
+ */ const computePosition$1 = async (t, e, n) => {
+  const {placement: o = "bottom", strategy: i = "absolute", middleware: s = [], platform: c} = n;
+  const r = s.filter(Boolean);
+  const l = await (c.isRTL == null ? void 0 : c.isRTL(e));
+  let a = await c.getElementRects({
+    reference: t,
+    floating: e,
+    strategy: i
+  });
+  let {x: f, y: u} = computeCoordsFromPlacement(a, o, l);
+  let g = o;
+  let d = {};
+  let m = 0;
+  for (let n = 0; n < r.length; n++) {
+    const {name: s, fn: p} = r[n];
+    const {x: h, y: w, data: y, reset: v} = await p({
+      x: f,
+      y: u,
+      initialPlacement: o,
+      placement: g,
+      strategy: i,
+      middlewareData: d,
+      rects: a,
+      platform: c,
+      elements: {
+        reference: t,
+        floating: e
+      }
+    });
+    f = h != null ? h : f;
+    u = w != null ? w : u;
+    d = {
+      ...d,
+      [s]: {
+        ...d[s],
+        ...y
+      }
+    };
+    if (v && m <= 50) {
+      m++;
+      if (typeof v === "object") {
+        if (v.placement) {
+          g = v.placement;
+        }
+        if (v.rects) {
+          a = v.rects === true ? await c.getElementRects({
+            reference: t,
+            floating: e,
+            strategy: i
+          }) : v.rects;
+        }
+        ({x: f, y: u} = computeCoordsFromPlacement(a, g, l));
+      }
+      n = -1;
+    }
+  }
+  return {
+    x: f,
+    y: u,
+    placement: g,
+    strategy: i,
+    middlewareData: d
+  };
+};
+
+/**
+ * Resolves with an object of overflow side offsets that determine how much the
+ * element is overflowing a given clipping boundary on each side.
+ * - positive = overflowing the boundary by that number of pixels
+ * - negative = how many pixels left before it will overflow
+ * - 0 = lies flush with the boundary
+ * @see https://floating-ui.com/docs/detectOverflow
+ */ async function detectOverflow(t, e) {
+  var n;
+  if (e === void 0) {
+    e = {};
+  }
+  const {x: o, y: i, platform: s, rects: c, elements: r, strategy: l} = t;
+  const {boundary: a = "clippingAncestors", rootBoundary: f = "viewport", elementContext: u = "floating", altBoundary: g = false, padding: d = 0} = evaluate(e, t);
+  const m = getPaddingObject(d);
+  const p = u === "floating" ? "reference" : "floating";
+  const h = r[g ? p : u];
+  const w = rectToClientRect(await s.getClippingRect({
+    element: ((n = await (s.isElement == null ? void 0 : s.isElement(h))) != null ? n : true) ? h : h.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(r.floating)),
+    boundary: a,
+    rootBoundary: f,
+    strategy: l
+  }));
+  const y = u === "floating" ? {
+    x: o,
+    y: i,
+    width: c.floating.width,
+    height: c.floating.height
+  } : c.reference;
+  const v = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(r.floating));
+  const x = await (s.isElement == null ? void 0 : s.isElement(v)) ? await (s.getScale == null ? void 0 : s.getScale(v)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  };
+  const A = rectToClientRect(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: r,
+    rect: y,
+    offsetParent: v,
+    strategy: l
+  }) : y);
+  return {
+    top: (w.top - A.top + m.top) / x.y,
+    bottom: (A.bottom - w.bottom + m.bottom) / x.y,
+    left: (w.left - A.left + m.left) / x.x,
+    right: (A.right - w.right + m.right) / x.x
+  };
+}
+
+/**
+ * Provides data to position an inner element of the floating element so that it
+ * appears centered to the reference element.
+ * @see https://floating-ui.com/docs/arrow
+ */ const arrow$1 = t => ({
+  name: "arrow",
+  options: t,
+  async fn(e) {
+    const {x: n, y: i, placement: s, rects: c, platform: r, elements: l, middlewareData: a} = e;
+    // Since `element` is required, we don't Partial<> the type.
+        const {element: f, padding: u = 0} = evaluate(t, e) || {};
+    if (f == null) {
+      return {};
+    }
+    const g = getPaddingObject(u);
+    const d = {
+      x: n,
+      y: i
+    };
+    const m = getAlignmentAxis(s);
+    const p = getAxisLength(m);
+    const h = await r.getDimensions(f);
+    const w = m === "y";
+    const y = w ? "top" : "left";
+    const v = w ? "bottom" : "right";
+    const x = w ? "clientHeight" : "clientWidth";
+    const A = c.reference[p] + c.reference[m] - d[m] - c.floating[p];
+    const b = d[m] - c.reference[m];
+    const O = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(f));
+    let S = O ? O[x] : 0;
+    // DOM platform can return `window` as the `offsetParent`.
+        if (!S || !await (r.isElement == null ? void 0 : r.isElement(O))) {
+      S = l.floating[x] || c.floating[p];
+    }
+    const C = A / 2 - b / 2;
+    // If the padding is large enough that it causes the arrow to no longer be
+    // centered, modify the padding so that it is centered.
+        const R = S / 2 - h[p] / 2 - 1;
+    const P = o(g[y], R);
+    const E = o(g[v], R);
+    // Make sure the arrow doesn't overflow the floating element if the center
+    // point is outside the floating element's bounds.
+        const T = P;
+    const L = S - h[p] - E;
+    const N = S / 2 - h[p] / 2 + C;
+    const B = clamp(T, N, L);
+    // If the reference is small enough that the arrow's padding causes it to
+    // to point to nothing for an aligned placement, adjust the offset of the
+    // floating element itself. To ensure `shift()` continues to take action,
+    // a single reset is performed when this is true.
+        const D = !a.arrow && getAlignment(s) != null && N !== B && c.reference[p] / 2 - (N < T ? P : E) - h[p] / 2 < 0;
+    const F = D ? N < T ? N - T : N - L : 0;
+    return {
+      [m]: d[m] + F,
+      data: {
+        [m]: B,
+        centerOffset: N - B - F,
+        ...D && {
+          alignmentOffset: F
+        }
+      },
+      reset: D
+    };
+  }
+});
+
+function getPlacementList(t, e, n) {
+  const o = t ? [ ...n.filter((e => getAlignment(e) === t)), ...n.filter((e => getAlignment(e) !== t)) ] : n.filter((t => getSide(t) === t));
+  return o.filter((n => {
+    if (t) {
+      return getAlignment(n) === t || (e ? getOppositeAlignmentPlacement(n) !== n : false);
+    }
+    return true;
+  }));
+}
+
+/**
+ * Optimizes the visibility of the floating element by choosing the placement
+ * that has the most space available automatically, without needing to specify a
+ * preferred placement. Alternative to `flip`.
+ * @see https://floating-ui.com/docs/autoPlacement
+ */ const autoPlacement = function(t) {
+  if (t === void 0) {
+    t = {};
+  }
+  return {
+    name: "autoPlacement",
+    options: t,
+    async fn(e) {
+      var o, i, s;
+      const {rects: c, middlewareData: r, placement: l, platform: a, elements: f} = e;
+      const {crossAxis: u = false, alignment: g, allowedPlacements: d = n, autoAlignment: m = true, ...p} = evaluate(t, e);
+      const h = g !== undefined || d === n ? getPlacementList(g || null, m, d) : d;
+      const w = await detectOverflow(e, p);
+      const y = ((o = r.autoPlacement) == null ? void 0 : o.index) || 0;
+      const v = h[y];
+      if (v == null) {
+        return {};
+      }
+      const x = getAlignmentSides(v, c, await (a.isRTL == null ? void 0 : a.isRTL(f.floating)));
+      // Make `computeCoords` start from the right place.
+            if (l !== v) {
+        return {
+          reset: {
+            placement: h[0]
+          }
+        };
+      }
+      const A = [ w[getSide(v)], w[x[0]], w[x[1]] ];
+      const b = [ ...((i = r.autoPlacement) == null ? void 0 : i.overflows) || [], {
+        placement: v,
+        overflows: A
+      } ];
+      const O = h[y + 1];
+      // There are more placements to check.
+            if (O) {
+        return {
+          data: {
+            index: y + 1,
+            overflows: b
+          },
+          reset: {
+            placement: O
+          }
+        };
+      }
+      const S = b.map((t => {
+        const e = getAlignment(t.placement);
+        return [ t.placement, e && u ? 
+        // Check along the mainAxis and main crossAxis side.
+        t.overflows.slice(0, 2).reduce(((t, e) => t + e), 0) : 
+        // Check only the mainAxis.
+        t.overflows[0], t.overflows ];
+      })).sort(((t, e) => t[1] - e[1]));
+      const C = S.filter((t => t[2].slice(0, 
+      // Aligned placements should not check their opposite crossAxis
+      // side.
+      getAlignment(t[0]) ? 2 : 3).every((t => t <= 0))));
+      const R = ((s = C[0]) == null ? void 0 : s[0]) || S[0][0];
+      if (R !== l) {
+        return {
+          data: {
+            index: y + 1,
+            overflows: b
+          },
+          reset: {
+            placement: R
+          }
+        };
+      }
+      return {};
+    }
+  };
+};
+
+/**
+ * Optimizes the visibility of the floating element by flipping the `placement`
+ * in order to keep it in view when the preferred placement(s) will overflow the
+ * clipping boundary. Alternative to `autoPlacement`.
+ * @see https://floating-ui.com/docs/flip
+ */ const flip$1 = function(t) {
+  if (t === void 0) {
+    t = {};
+  }
+  return {
+    name: "flip",
+    options: t,
+    async fn(e) {
+      var n, o;
+      const {placement: i, middlewareData: s, rects: c, initialPlacement: r, platform: l, elements: a} = e;
+      const {mainAxis: f = true, crossAxis: u = true, fallbackPlacements: g, fallbackStrategy: d = "bestFit", fallbackAxisSideDirection: m = "none", flipAlignment: p = true, ...h} = evaluate(t, e);
+      // If a reset by the arrow was caused due to an alignment offset being
+      // added, we should skip any logic now since `flip()` has already done its
+      // work.
+      // https://github.com/floating-ui/floating-ui/issues/2549#issuecomment-1719601643
+            if ((n = s.arrow) != null && n.alignmentOffset) {
+        return {};
+      }
+      const w = getSide(i);
+      const y = getSideAxis(r);
+      const v = getSide(r) === r;
+      const x = await (l.isRTL == null ? void 0 : l.isRTL(a.floating));
+      const A = g || (v || !p ? [ getOppositePlacement(r) ] : getExpandedPlacements(r));
+      const b = m !== "none";
+      if (!g && b) {
+        A.push(...getOppositeAxisPlacements(r, p, m, x));
+      }
+      const O = [ r, ...A ];
+      const S = await detectOverflow(e, h);
+      const C = [];
+      let R = ((o = s.flip) == null ? void 0 : o.overflows) || [];
+      if (f) {
+        C.push(S[w]);
+      }
+      if (u) {
+        const t = getAlignmentSides(i, c, x);
+        C.push(S[t[0]], S[t[1]]);
+      }
+      R = [ ...R, {
+        placement: i,
+        overflows: C
+      } ];
+      // One or more sides is overflowing.
+            if (!C.every((t => t <= 0))) {
+        var P, E;
+        const t = (((P = s.flip) == null ? void 0 : P.index) || 0) + 1;
+        const e = O[t];
+        if (e) {
+          // Try next placement and re-run the lifecycle.
+          return {
+            data: {
+              index: t,
+              overflows: R
+            },
+            reset: {
+              placement: e
+            }
+          };
+        }
+        // First, find the candidates that fit on the mainAxis side of overflow,
+        // then find the placement that fits the best on the main crossAxis side.
+                let n = (E = R.filter((t => t.overflows[0] <= 0)).sort(((t, e) => t.overflows[1] - e.overflows[1]))[0]) == null ? void 0 : E.placement;
+        // Otherwise fallback.
+                if (!n) {
+          switch (d) {
+           case "bestFit":
+            {
+              var T;
+              const t = (T = R.filter((t => {
+                if (b) {
+                  const e = getSideAxis(t.placement);
+                  return e === y || 
+                  // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  e === "y";
+                }
+                return true;
+              })).map((t => [ t.placement, t.overflows.filter((t => t > 0)).reduce(((t, e) => t + e), 0) ])).sort(((t, e) => t[1] - e[1]))[0]) == null ? void 0 : T[0];
+              if (t) {
+                n = t;
+              }
+              break;
+            }
+
+           case "initialPlacement":
+            n = r;
+            break;
+          }
+        }
+        if (i !== n) {
+          return {
+            reset: {
+              placement: n
+            }
+          };
+        }
+      }
+      return {};
+    }
+  };
+};
+
+function getSideOffsets(t, e) {
+  return {
+    top: t.top - e.height,
+    right: t.right - e.width,
+    bottom: t.bottom - e.height,
+    left: t.left - e.width
+  };
+}
+
+function isAnySideFullyClipped(e) {
+  return t.some((t => e[t] >= 0));
+}
+
+/**
+ * Provides data to hide the floating element in applicable situations, such as
+ * when it is not in the same clipping context as the reference element.
+ * @see https://floating-ui.com/docs/hide
+ */ const hide$1 = function(t) {
+  if (t === void 0) {
+    t = {};
+  }
+  return {
+    name: "hide",
+    options: t,
+    async fn(e) {
+      const {rects: n} = e;
+      const {strategy: o = "referenceHidden", ...i} = evaluate(t, e);
+      switch (o) {
+       case "referenceHidden":
+        {
+          const t = await detectOverflow(e, {
+            ...i,
+            elementContext: "reference"
+          });
+          const o = getSideOffsets(t, n.reference);
+          return {
+            data: {
+              referenceHiddenOffsets: o,
+              referenceHidden: isAnySideFullyClipped(o)
+            }
+          };
+        }
+
+       case "escaped":
+        {
+          const t = await detectOverflow(e, {
+            ...i,
+            altBoundary: true
+          });
+          const o = getSideOffsets(t, n.floating);
+          return {
+            data: {
+              escapedOffsets: o,
+              escaped: isAnySideFullyClipped(o)
+            }
+          };
+        }
+
+       default:
+        {
+          return {};
+        }
+      }
+    }
+  };
+};
+
+function getBoundingRect(t) {
+  const e = o(...t.map((t => t.left)));
+  const n = o(...t.map((t => t.top)));
+  const s = i(...t.map((t => t.right)));
+  const c = i(...t.map((t => t.bottom)));
+  return {
+    x: e,
+    y: n,
+    width: s - e,
+    height: c - n
+  };
+}
+
+function getRectsByLine(t) {
+  const e = t.slice().sort(((t, e) => t.y - e.y));
+  const n = [];
+  let o = null;
+  for (let t = 0; t < e.length; t++) {
+    const i = e[t];
+    if (!o || i.y - o.y > o.height / 2) {
+      n.push([ i ]);
+    } else {
+      n[n.length - 1].push(i);
+    }
+    o = i;
+  }
+  return n.map((t => rectToClientRect(getBoundingRect(t))));
+}
+
+/**
+ * Provides improved positioning for inline reference elements that can span
+ * over multiple lines, such as hyperlinks or range selections.
+ * @see https://floating-ui.com/docs/inline
+ */ const inline = function(t) {
+  if (t === void 0) {
+    t = {};
+  }
+  return {
+    name: "inline",
+    options: t,
+    async fn(e) {
+      const {placement: n, elements: s, rects: c, platform: r, strategy: l} = e;
+      // A MouseEvent's client{X,Y} coords can be up to 2 pixels off a
+      // ClientRect's bounds, despite the event listener being triggered. A
+      // padding of 2 seems to handle this issue.
+            const {padding: a = 2, x: f, y: u} = evaluate(t, e);
+      const g = Array.from(await (r.getClientRects == null ? void 0 : r.getClientRects(s.reference)) || []);
+      const d = getRectsByLine(g);
+      const m = rectToClientRect(getBoundingRect(g));
+      const p = getPaddingObject(a);
+      function getBoundingClientRect() {
+        // There are two rects and they are disjoined.
+        if (d.length === 2 && d[0].left > d[1].right && f != null && u != null) {
+          // Find the first rect in which the point is fully inside.
+          return d.find((t => f > t.left - p.left && f < t.right + p.right && u > t.top - p.top && u < t.bottom + p.bottom)) || m;
+        }
+        // There are 2 or more connected rects.
+                if (d.length >= 2) {
+          if (getSideAxis(n) === "y") {
+            const t = d[0];
+            const e = d[d.length - 1];
+            const o = getSide(n) === "top";
+            const i = t.top;
+            const s = e.bottom;
+            const c = o ? t.left : e.left;
+            const r = o ? t.right : e.right;
+            const l = r - c;
+            const a = s - i;
+            return {
+              top: i,
+              bottom: s,
+              left: c,
+              right: r,
+              width: l,
+              height: a,
+              x: c,
+              y: i
+            };
+          }
+          const t = getSide(n) === "left";
+          const e = i(...d.map((t => t.right)));
+          const s = o(...d.map((t => t.left)));
+          const c = d.filter((n => t ? n.left === s : n.right === e));
+          const r = c[0].top;
+          const l = c[c.length - 1].bottom;
+          const a = s;
+          const f = e;
+          const u = f - a;
+          const g = l - r;
+          return {
+            top: r,
+            bottom: l,
+            left: a,
+            right: f,
+            width: u,
+            height: g,
+            x: a,
+            y: r
+          };
+        }
+        return m;
+      }
+      const h = await r.getElementRects({
+        reference: {
+          getBoundingClientRect
+        },
+        floating: s.floating,
+        strategy: l
+      });
+      if (c.reference.x !== h.reference.x || c.reference.y !== h.reference.y || c.reference.width !== h.reference.width || c.reference.height !== h.reference.height) {
+        return {
+          reset: {
+            rects: h
+          }
+        };
+      }
+      return {};
+    }
+  };
+};
+
+// For type backwards-compatibility, the `OffsetOptions` type was also
+// Derivable.
+async function convertValueToCoords(t, e) {
+  const {placement: n, platform: o, elements: i} = t;
+  const s = await (o.isRTL == null ? void 0 : o.isRTL(i.floating));
+  const c = getSide(n);
+  const r = getAlignment(n);
+  const l = getSideAxis(n) === "y";
+  const a = [ "left", "top" ].includes(c) ? -1 : 1;
+  const f = s && l ? -1 : 1;
+  const u = evaluate(e, t);
+  // eslint-disable-next-line prefer-const
+    let {mainAxis: g, crossAxis: d, alignmentAxis: m} = typeof u === "number" ? {
+    mainAxis: u,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: 0,
+    crossAxis: 0,
+    alignmentAxis: null,
+    ...u
+  };
+  if (r && typeof m === "number") {
+    d = r === "end" ? m * -1 : m;
+  }
+  return l ? {
+    x: d * f,
+    y: g * a
+  } : {
+    x: g * a,
+    y: d * f
+  };
+}
+
+/**
+ * Modifies the placement by translating the floating element along the
+ * specified axes.
+ * A number (shorthand for `mainAxis` or distance), or an axes configuration
+ * object may be passed.
+ * @see https://floating-ui.com/docs/offset
+ */ const offset$1 = function(t) {
+  if (t === void 0) {
+    t = 0;
+  }
+  return {
+    name: "offset",
+    options: t,
+    async fn(e) {
+      var n, o;
+      const {x: i, y: s, placement: c, middlewareData: r} = e;
+      const l = await convertValueToCoords(e, t);
+      // If the placement is the same and the arrow caused an alignment offset
+      // then we don't need to change the positioning coordinates.
+            if (c === ((n = r.offset) == null ? void 0 : n.placement) && (o = r.arrow) != null && o.alignmentOffset) {
+        return {};
+      }
+      return {
+        x: i + l.x,
+        y: s + l.y,
+        data: {
+          ...l,
+          placement: c
+        }
+      };
+    }
+  };
+};
+
+/**
+ * Optimizes the visibility of the floating element by shifting it in order to
+ * keep it in view when it will overflow the clipping boundary.
+ * @see https://floating-ui.com/docs/shift
+ */ const shift$1 = function(t) {
+  if (t === void 0) {
+    t = {};
+  }
+  return {
+    name: "shift",
+    options: t,
+    async fn(e) {
+      const {x: n, y: o, placement: i} = e;
+      const {mainAxis: s = true, crossAxis: c = false, limiter: r = {
+        fn: t => {
+          let {x: e, y: n} = t;
+          return {
+            x: e,
+            y: n
+          };
+        }
+      }, ...l} = evaluate(t, e);
+      const a = {
+        x: n,
+        y: o
+      };
+      const f = await detectOverflow(e, l);
+      const u = getSideAxis(getSide(i));
+      const g = getOppositeAxis(u);
+      let d = a[g];
+      let m = a[u];
+      if (s) {
+        const t = g === "y" ? "top" : "left";
+        const e = g === "y" ? "bottom" : "right";
+        const n = d + f[t];
+        const o = d - f[e];
+        d = clamp(n, d, o);
+      }
+      if (c) {
+        const t = u === "y" ? "top" : "left";
+        const e = u === "y" ? "bottom" : "right";
+        const n = m + f[t];
+        const o = m - f[e];
+        m = clamp(n, m, o);
+      }
+      const p = r.fn({
+        ...e,
+        [g]: d,
+        [u]: m
+      });
+      return {
+        ...p,
+        data: {
+          x: p.x - n,
+          y: p.y - o
+        }
+      };
+    }
+  };
+};
+
+/**
+ * Built-in `limiter` that will stop `shift()` at a certain point.
+ */ const limitShift = function(t) {
+  if (t === void 0) {
+    t = {};
+  }
+  return {
+    options: t,
+    fn(e) {
+      const {x: n, y: o, placement: i, rects: s, middlewareData: c} = e;
+      const {offset: r = 0, mainAxis: l = true, crossAxis: a = true} = evaluate(t, e);
+      const f = {
+        x: n,
+        y: o
+      };
+      const u = getSideAxis(i);
+      const g = getOppositeAxis(u);
+      let d = f[g];
+      let m = f[u];
+      const p = evaluate(r, e);
+      const h = typeof p === "number" ? {
+        mainAxis: p,
+        crossAxis: 0
+      } : {
+        mainAxis: 0,
+        crossAxis: 0,
+        ...p
+      };
+      if (l) {
+        const t = g === "y" ? "height" : "width";
+        const e = s.reference[g] - s.floating[t] + h.mainAxis;
+        const n = s.reference[g] + s.reference[t] - h.mainAxis;
+        if (d < e) {
+          d = e;
+        } else if (d > n) {
+          d = n;
+        }
+      }
+      if (a) {
+        var w, y;
+        const t = g === "y" ? "width" : "height";
+        const e = [ "top", "left" ].includes(getSide(i));
+        const n = s.reference[u] - s.floating[t] + (e ? ((w = c.offset) == null ? void 0 : w[u]) || 0 : 0) + (e ? 0 : h.crossAxis);
+        const o = s.reference[u] + s.reference[t] + (e ? 0 : ((y = c.offset) == null ? void 0 : y[u]) || 0) - (e ? h.crossAxis : 0);
+        if (m < n) {
+          m = n;
+        } else if (m > o) {
+          m = o;
+        }
+      }
+      return {
+        [g]: d,
+        [u]: m
+      };
+    }
+  };
+};
+
+/**
+ * Provides data that allows you to change the size of the floating element —
+ * for instance, prevent it from overflowing the clipping boundary or match the
+ * width of the reference element.
+ * @see https://floating-ui.com/docs/size
+ */ const size$1 = function(t) {
+  if (t === void 0) {
+    t = {};
+  }
+  return {
+    name: "size",
+    options: t,
+    async fn(e) {
+      const {placement: n, rects: s, platform: c, elements: r} = e;
+      const {apply: l = (() => {}), ...a} = evaluate(t, e);
+      const f = await detectOverflow(e, a);
+      const u = getSide(n);
+      const g = getAlignment(n);
+      const d = getSideAxis(n) === "y";
+      const {width: m, height: p} = s.floating;
+      let h;
+      let w;
+      if (u === "top" || u === "bottom") {
+        h = u;
+        w = g === (await (c.isRTL == null ? void 0 : c.isRTL(r.floating)) ? "start" : "end") ? "left" : "right";
+      } else {
+        w = u;
+        h = g === "end" ? "top" : "bottom";
+      }
+      const y = p - f.top - f.bottom;
+      const v = m - f.left - f.right;
+      const x = o(p - f[h], y);
+      const A = o(m - f[w], v);
+      const b = !e.middlewareData.shift;
+      let O = x;
+      let S = A;
+      if (d) {
+        S = g || b ? o(A, v) : v;
+      } else {
+        O = g || b ? o(x, y) : y;
+      }
+      if (b && !g) {
+        const t = i(f.left, 0);
+        const e = i(f.right, 0);
+        const n = i(f.top, 0);
+        const o = i(f.bottom, 0);
+        if (d) {
+          S = m - 2 * (t !== 0 || e !== 0 ? t + e : i(f.left, f.right));
+        } else {
+          O = p - 2 * (n !== 0 || o !== 0 ? n + o : i(f.top, f.bottom));
+        }
+      }
+      await l({
+        ...e,
+        availableWidth: S,
+        availableHeight: O
+      });
+      const C = await c.getDimensions(r.floating);
+      if (m !== C.width || p !== C.height) {
+        return {
+          reset: {
+            rects: true
+          }
+        };
+      }
+      return {};
+    }
+  };
+};
+
+function getNodeName(t) {
+  if (isNode(t)) {
+    return (t.nodeName || "").toLowerCase();
+  }
+  // Mocked nodes in testing environments may not be instances of Node. By
+  // returning `#document` an infinite loop won't occur.
+  // https://github.com/floating-ui/floating-ui/issues/2317
+    return "#document";
+}
+
+function getWindow(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+
+function getDocumentElement(t) {
+  var e;
+  return (e = (isNode(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+
+function isNode(t) {
+  return t instanceof Node || t instanceof getWindow(t).Node;
+}
+
+function isElement(t) {
+  return t instanceof Element || t instanceof getWindow(t).Element;
+}
+
+function isHTMLElement(t) {
+  return t instanceof HTMLElement || t instanceof getWindow(t).HTMLElement;
+}
+
+function isShadowRoot(t) {
+  // Browsers without `ShadowRoot` support.
+  if (typeof ShadowRoot === "undefined") {
+    return false;
+  }
+  return t instanceof ShadowRoot || t instanceof getWindow(t).ShadowRoot;
+}
+
+function isOverflowElement(t) {
+  const {overflow: e, overflowX: n, overflowY: o, display: i} = getComputedStyle(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && ![ "inline", "contents" ].includes(i);
+}
+
+function isTableElement(t) {
+  return [ "table", "td", "th" ].includes(getNodeName(t));
+}
+
+function isTopLayer(t) {
+  return [ ":popover-open", ":modal" ].some((e => {
+    try {
+      return t.matches(e);
+    } catch (t) {
+      return false;
+    }
+  }));
+}
+
+function isContainingBlock(t) {
+  const e = isWebKit();
+  const n = isElement(t) ? getComputedStyle(t) : t;
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
+    return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : false) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : false) || !e && (n.filter ? n.filter !== "none" : false) || [ "transform", "perspective", "filter" ].some((t => (n.willChange || "").includes(t))) || [ "paint", "layout", "strict", "content" ].some((t => (n.contain || "").includes(t)));
+}
+
+function getContainingBlock(t) {
+  let e = getParentNode(t);
+  while (isHTMLElement(e) && !isLastTraversableNode(e)) {
+    if (isContainingBlock(e)) {
+      return e;
+    } else if (isTopLayer(e)) {
+      return null;
+    }
+    e = getParentNode(e);
+  }
+  return null;
+}
+
+function isWebKit() {
+  if (typeof CSS === "undefined" || !CSS.supports) return false;
+  return CSS.supports("-webkit-backdrop-filter", "none");
+}
+
+function isLastTraversableNode(t) {
+  return [ "html", "body", "#document" ].includes(getNodeName(t));
+}
+
+function getComputedStyle(t) {
+  return getWindow(t).getComputedStyle(t);
+}
+
+function getNodeScroll(t) {
+  if (isElement(t)) {
+    return {
+      scrollLeft: t.scrollLeft,
+      scrollTop: t.scrollTop
+    };
+  }
+  return {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+
+function getParentNode(t) {
+  if (getNodeName(t) === "html") {
+    return t;
+  }
+  const e = 
+  // Step into the shadow DOM of the parent of a slotted node.
+  t.assignedSlot || 
+  // DOM Element detected.
+  t.parentNode || 
+  // ShadowRoot detected.
+  isShadowRoot(t) && t.host || 
+  // Fallback.
+  getDocumentElement(t);
+  return isShadowRoot(e) ? e.host : e;
+}
+
+function getNearestOverflowAncestor(t) {
+  const e = getParentNode(t);
+  if (isLastTraversableNode(e)) {
+    return t.ownerDocument ? t.ownerDocument.body : t.body;
+  }
+  if (isHTMLElement(e) && isOverflowElement(e)) {
+    return e;
+  }
+  return getNearestOverflowAncestor(e);
+}
+
+function getOverflowAncestors(t, e, n) {
+  var o;
+  if (e === void 0) {
+    e = [];
+  }
+  if (n === void 0) {
+    n = true;
+  }
+  const i = getNearestOverflowAncestor(t);
+  const s = i === ((o = t.ownerDocument) == null ? void 0 : o.body);
+  const c = getWindow(i);
+  if (s) {
+    const t = getFrameElement(c);
+    return e.concat(c, c.visualViewport || [], isOverflowElement(i) ? i : [], t && n ? getOverflowAncestors(t) : []);
+  }
+  return e.concat(i, getOverflowAncestors(i, [], n));
+}
+
+function getFrameElement(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
+
+function getCssDimensions(t) {
+  const e = getComputedStyle(t);
+  // In testing environments, the `width` and `height` properties are empty
+  // strings for SVG elements, returning NaN. Fallback to `0` in this case.
+    let n = parseFloat(e.width) || 0;
+  let o = parseFloat(e.height) || 0;
+  const i = isHTMLElement(t);
+  const c = i ? t.offsetWidth : n;
+  const r = i ? t.offsetHeight : o;
+  const l = s(n) !== c || s(o) !== r;
+  if (l) {
+    n = c;
+    o = r;
+  }
+  return {
+    width: n,
+    height: o,
+    $: l
+  };
+}
+
+function unwrapElement(t) {
+  return !isElement(t) ? t.contextElement : t;
+}
+
+function getScale(t) {
+  const e = unwrapElement(t);
+  if (!isHTMLElement(e)) {
+    return createCoords(1);
+  }
+  const n = e.getBoundingClientRect();
+  const {width: o, height: i, $: c} = getCssDimensions(e);
+  let r = (c ? s(n.width) : n.width) / o;
+  let l = (c ? s(n.height) : n.height) / i;
+  // 0, NaN, or Infinity should always fallback to 1.
+    if (!r || !Number.isFinite(r)) {
+    r = 1;
+  }
+  if (!l || !Number.isFinite(l)) {
+    l = 1;
+  }
+  return {
+    x: r,
+    y: l
+  };
+}
+
+const a =  createCoords(0);
+
+function getVisualOffsets(t) {
+  const e = getWindow(t);
+  if (!isWebKit() || !e.visualViewport) {
+    return a;
+  }
+  return {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+
+function shouldAddVisualOffsets(t, e, n) {
+  if (e === void 0) {
+    e = false;
+  }
+  if (!n || e && n !== getWindow(t)) {
+    return false;
+  }
+  return e;
+}
+
+function getBoundingClientRect(t, e, n, o) {
+  if (e === void 0) {
+    e = false;
+  }
+  if (n === void 0) {
+    n = false;
+  }
+  const i = t.getBoundingClientRect();
+  const s = unwrapElement(t);
+  let c = createCoords(1);
+  if (e) {
+    if (o) {
+      if (isElement(o)) {
+        c = getScale(o);
+      }
+    } else {
+      c = getScale(t);
+    }
+  }
+  const r = shouldAddVisualOffsets(s, n, o) ? getVisualOffsets(s) : createCoords(0);
+  let l = (i.left + r.x) / c.x;
+  let a = (i.top + r.y) / c.y;
+  let f = i.width / c.x;
+  let u = i.height / c.y;
+  if (s) {
+    const t = getWindow(s);
+    const e = o && isElement(o) ? getWindow(o) : o;
+    let n = t;
+    let i = getFrameElement(n);
+    while (i && o && e !== n) {
+      const t = getScale(i);
+      const e = i.getBoundingClientRect();
+      const o = getComputedStyle(i);
+      const s = e.left + (i.clientLeft + parseFloat(o.paddingLeft)) * t.x;
+      const c = e.top + (i.clientTop + parseFloat(o.paddingTop)) * t.y;
+      l *= t.x;
+      a *= t.y;
+      f *= t.x;
+      u *= t.y;
+      l += s;
+      a += c;
+      n = getWindow(i);
+      i = getFrameElement(n);
+    }
+  }
+  return rectToClientRect({
+    width: f,
+    height: u,
+    x: l,
+    y: a
+  });
+}
+
+function convertOffsetParentRelativeRectToViewportRelativeRect(t) {
+  let {elements: e, rect: n, offsetParent: o, strategy: i} = t;
+  const s = i === "fixed";
+  const c = getDocumentElement(o);
+  const r = e ? isTopLayer(e.floating) : false;
+  if (o === c || r && s) {
+    return n;
+  }
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  let a = createCoords(1);
+  const f = createCoords(0);
+  const u = isHTMLElement(o);
+  if (u || !u && !s) {
+    if (getNodeName(o) !== "body" || isOverflowElement(c)) {
+      l = getNodeScroll(o);
+    }
+    if (isHTMLElement(o)) {
+      const t = getBoundingClientRect(o);
+      a = getScale(o);
+      f.x = t.x + o.clientLeft;
+      f.y = t.y + o.clientTop;
+    }
+  }
+  return {
+    width: n.width * a.x,
+    height: n.height * a.y,
+    x: n.x * a.x - l.scrollLeft * a.x + f.x,
+    y: n.y * a.y - l.scrollTop * a.y + f.y
+  };
+}
+
+function getClientRects(t) {
+  return Array.from(t.getClientRects());
+}
+
+function getWindowScrollBarX(t) {
+  // If <html> has a CSS width greater than the viewport, then this will be
+  // incorrect for RTL.
+  return getBoundingClientRect(getDocumentElement(t)).left + getNodeScroll(t).scrollLeft;
+}
+
+// Gets the entire size of the scrollable document area, even extending outside
+// of the `<html>` and `<body>` rect bounds if horizontally scrollable.
+function getDocumentRect(t) {
+  const e = getDocumentElement(t);
+  const n = getNodeScroll(t);
+  const o = t.ownerDocument.body;
+  const s = i(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth);
+  const c = i(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
+  let r = -n.scrollLeft + getWindowScrollBarX(t);
+  const l = -n.scrollTop;
+  if (getComputedStyle(o).direction === "rtl") {
+    r += i(e.clientWidth, o.clientWidth) - s;
+  }
+  return {
+    width: s,
+    height: c,
+    x: r,
+    y: l
+  };
+}
+
+function getViewportRect(t, e) {
+  const n = getWindow(t);
+  const o = getDocumentElement(t);
+  const i = n.visualViewport;
+  let s = o.clientWidth;
+  let c = o.clientHeight;
+  let r = 0;
+  let l = 0;
+  if (i) {
+    s = i.width;
+    c = i.height;
+    const t = isWebKit();
+    if (!t || t && e === "fixed") {
+      r = i.offsetLeft;
+      l = i.offsetTop;
+    }
+  }
+  return {
+    width: s,
+    height: c,
+    x: r,
+    y: l
+  };
+}
+
+// Returns the inner client rect, subtracting scrollbars if present.
+function getInnerBoundingClientRect(t, e) {
+  const n = getBoundingClientRect(t, true, e === "fixed");
+  const o = n.top + t.clientTop;
+  const i = n.left + t.clientLeft;
+  const s = isHTMLElement(t) ? getScale(t) : createCoords(1);
+  const c = t.clientWidth * s.x;
+  const r = t.clientHeight * s.y;
+  const l = i * s.x;
+  const a = o * s.y;
+  return {
+    width: c,
+    height: r,
+    x: l,
+    y: a
+  };
+}
+
+function getClientRectFromClippingAncestor(t, e, n) {
+  let o;
+  if (e === "viewport") {
+    o = getViewportRect(t, n);
+  } else if (e === "document") {
+    o = getDocumentRect(getDocumentElement(t));
+  } else if (isElement(e)) {
+    o = getInnerBoundingClientRect(e, n);
+  } else {
+    const n = getVisualOffsets(t);
+    o = {
+      ...e,
+      x: e.x - n.x,
+      y: e.y - n.y
+    };
+  }
+  return rectToClientRect(o);
+}
+
+function hasFixedPositionAncestor(t, e) {
+  const n = getParentNode(t);
+  if (n === e || !isElement(n) || isLastTraversableNode(n)) {
+    return false;
+  }
+  return getComputedStyle(n).position === "fixed" || hasFixedPositionAncestor(n, e);
+}
+
+// A "clipping ancestor" is an `overflow` element with the characteristic of
+// clipping (or hiding) child elements. This returns all clipping ancestors
+// of the given element up the tree.
+function getClippingElementAncestors(t, e) {
+  const n = e.get(t);
+  if (n) {
+    return n;
+  }
+  let o = getOverflowAncestors(t, [], false).filter((t => isElement(t) && getNodeName(t) !== "body"));
+  let i = null;
+  const s = getComputedStyle(t).position === "fixed";
+  let c = s ? getParentNode(t) : t;
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
+    while (isElement(c) && !isLastTraversableNode(c)) {
+    const e = getComputedStyle(c);
+    const n = isContainingBlock(c);
+    if (!n && e.position === "fixed") {
+      i = null;
+    }
+    const r = s ? !n && !i : !n && e.position === "static" && !!i && [ "absolute", "fixed" ].includes(i.position) || isOverflowElement(c) && !n && hasFixedPositionAncestor(t, c);
+    if (r) {
+      // Drop non-containing blocks.
+      o = o.filter((t => t !== c));
+    } else {
+      // Record last containing block for next iteration.
+      i = e;
+    }
+    c = getParentNode(c);
+  }
+  e.set(t, o);
+  return o;
+}
+
+// Gets the maximum area that the element is visible in due to any number of
+// clipping ancestors.
+function getClippingRect(t) {
+  let {element: e, boundary: n, rootBoundary: s, strategy: c} = t;
+  const r = n === "clippingAncestors" ? isTopLayer(e) ? [] : getClippingElementAncestors(e, this._c) : [].concat(n);
+  const l = [ ...r, s ];
+  const a = l[0];
+  const f = l.reduce(((t, n) => {
+    const s = getClientRectFromClippingAncestor(e, n, c);
+    t.top = i(s.top, t.top);
+    t.right = o(s.right, t.right);
+    t.bottom = o(s.bottom, t.bottom);
+    t.left = i(s.left, t.left);
+    return t;
+  }), getClientRectFromClippingAncestor(e, a, c));
+  return {
+    width: f.right - f.left,
+    height: f.bottom - f.top,
+    x: f.left,
+    y: f.top
+  };
+}
+
+function getDimensions(t) {
+  const {width: e, height: n} = getCssDimensions(t);
+  return {
+    width: e,
+    height: n
+  };
+}
+
+function getRectRelativeToOffsetParent(t, e, n) {
+  const o = isHTMLElement(e);
+  const i = getDocumentElement(e);
+  const s = n === "fixed";
+  const c = getBoundingClientRect(t, true, s, e);
+  let r = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const l = createCoords(0);
+  if (o || !o && !s) {
+    if (getNodeName(e) !== "body" || isOverflowElement(i)) {
+      r = getNodeScroll(e);
+    }
+    if (o) {
+      const t = getBoundingClientRect(e, true, s, e);
+      l.x = t.x + e.clientLeft;
+      l.y = t.y + e.clientTop;
+    } else if (i) {
+      l.x = getWindowScrollBarX(i);
+    }
+  }
+  const a = c.left + r.scrollLeft - l.x;
+  const f = c.top + r.scrollTop - l.y;
+  return {
+    x: a,
+    y: f,
+    width: c.width,
+    height: c.height
+  };
+}
+
+function isStaticPositioned(t) {
+  return getComputedStyle(t).position === "static";
+}
+
+function getTrueOffsetParent(t, e) {
+  if (!isHTMLElement(t) || getComputedStyle(t).position === "fixed") {
+    return null;
+  }
+  if (e) {
+    return e(t);
+  }
+  return t.offsetParent;
+}
+
+// Gets the closest ancestor positioned element. Handles some edge cases,
+// such as table ancestors and cross browser bugs.
+function getOffsetParent(t, e) {
+  const n = getWindow(t);
+  if (isTopLayer(t)) {
+    return n;
+  }
+  if (!isHTMLElement(t)) {
+    let e = getParentNode(t);
+    while (e && !isLastTraversableNode(e)) {
+      if (isElement(e) && !isStaticPositioned(e)) {
+        return e;
+      }
+      e = getParentNode(e);
+    }
+    return n;
+  }
+  let o = getTrueOffsetParent(t, e);
+  while (o && isTableElement(o) && isStaticPositioned(o)) {
+    o = getTrueOffsetParent(o, e);
+  }
+  if (o && isLastTraversableNode(o) && isStaticPositioned(o) && !isContainingBlock(o)) {
+    return n;
+  }
+  return o || getContainingBlock(t) || n;
+}
+
+const getElementRects = async function(t) {
+  const e = this.getOffsetParent || getOffsetParent;
+  const n = this.getDimensions;
+  const o = await n(t.floating);
+  return {
+    reference: getRectRelativeToOffsetParent(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: o.width,
+      height: o.height
+    }
+  };
+};
+
+function isRTL(t) {
+  return getComputedStyle(t).direction === "rtl";
+}
+
+const f = {
+  convertOffsetParentRelativeRectToViewportRelativeRect,
+  getDocumentElement,
+  getClippingRect,
+  getOffsetParent,
+  getElementRects,
+  getClientRects,
+  getDimensions,
+  getScale,
+  isElement,
+  isRTL
+};
+
+// https://samthor.au/2021/observing-dom/
+function observeMove(t, e) {
+  let n = null;
+  let s;
+  const r = getDocumentElement(t);
+  function cleanup() {
+    var t;
+    clearTimeout(s);
+    (t = n) == null || t.disconnect();
+    n = null;
+  }
+  function refresh(l, a) {
+    if (l === void 0) {
+      l = false;
+    }
+    if (a === void 0) {
+      a = 1;
+    }
+    cleanup();
+    const {left: f, top: u, width: g, height: d} = t.getBoundingClientRect();
+    if (!l) {
+      e();
+    }
+    if (!g || !d) {
+      return;
+    }
+    const m = c(u);
+    const p = c(r.clientWidth - (f + g));
+    const h = c(r.clientHeight - (u + d));
+    const w = c(f);
+    const y = -m + "px " + -p + "px " + -h + "px " + -w + "px";
+    const v = {
+      rootMargin: y,
+      threshold: i(0, o(1, a)) || 1
+    };
+    let x = true;
+    function handleObserve(t) {
+      const e = t[0].intersectionRatio;
+      if (e !== a) {
+        if (!x) {
+          return refresh();
+        }
+        if (!e) {
+          // If the reference is clipped, the ratio is 0. Throttle the refresh
+          // to prevent an infinite loop of updates.
+          s = setTimeout((() => {
+            refresh(false, 1e-7);
+          }), 1e3);
+        } else {
+          refresh(false, e);
+        }
+      }
+      x = false;
+    }
+    // Older browsers don't support a `document` as the root and will throw an
+    // error.
+        try {
+      n = new IntersectionObserver(handleObserve, {
+        ...v,
+        // Handle <iframe>s
+        root: r.ownerDocument
+      });
+    } catch (t) {
+      n = new IntersectionObserver(handleObserve, v);
+    }
+    n.observe(t);
+  }
+  refresh(true);
+  return cleanup;
+}
+
+/**
+ * Automatically updates the position of the floating element when necessary.
+ * Should only be called when the floating element is mounted on the DOM or
+ * visible on the screen.
+ * @returns cleanup function that should be invoked when the floating element is
+ * removed from the DOM or hidden from the screen.
+ * @see https://floating-ui.com/docs/autoUpdate
+ */ function autoUpdate(t, e, n, o) {
+  if (o === void 0) {
+    o = {};
+  }
+  const {ancestorScroll: i = true, ancestorResize: s = true, elementResize: c = typeof ResizeObserver === "function", layoutShift: r = typeof IntersectionObserver === "function", animationFrame: l = false} = o;
+  const a = unwrapElement(t);
+  const f = i || s ? [ ...a ? getOverflowAncestors(a) : [], ...getOverflowAncestors(e) ] : [];
+  f.forEach((t => {
+    i && t.addEventListener("scroll", n, {
+      passive: true
+    });
+    s && t.addEventListener("resize", n);
+  }));
+  const u = a && r ? observeMove(a, n) : null;
+  let g = -1;
+  let d = null;
+  if (c) {
+    d = new ResizeObserver((t => {
+      let [o] = t;
+      if (o && o.target === a && d) {
+        // Prevent update loops when using the `size` middleware.
+        // https://github.com/floating-ui/floating-ui/issues/1740
+        d.unobserve(e);
+        cancelAnimationFrame(g);
+        g = requestAnimationFrame((() => {
+          var t;
+          (t = d) == null || t.observe(e);
+        }));
+      }
+      n();
+    }));
+    if (a && !l) {
+      d.observe(a);
+    }
+    d.observe(e);
+  }
+  let m;
+  let p = l ? getBoundingClientRect(t) : null;
+  if (l) {
+    frameLoop();
+  }
+  function frameLoop() {
+    const e = getBoundingClientRect(t);
+    if (p && (e.x !== p.x || e.y !== p.y || e.width !== p.width || e.height !== p.height)) {
+      n();
+    }
+    p = e;
+    m = requestAnimationFrame(frameLoop);
+  }
+  n();
+  return () => {
+    var t;
+    f.forEach((t => {
+      i && t.removeEventListener("scroll", n);
+      s && t.removeEventListener("resize", n);
+    }));
+    u == null || u();
+    (t = d) == null || t.disconnect();
+    d = null;
+    if (l) {
+      cancelAnimationFrame(m);
+    }
+  };
+}
+
+/**
+ * Modifies the placement by translating the floating element along the
+ * specified axes.
+ * A number (shorthand for `mainAxis` or distance), or an axes configuration
+ * object may be passed.
+ * @see https://floating-ui.com/docs/offset
+ */ const u = offset$1;
+
+/**
+ * Optimizes the visibility of the floating element by choosing the placement
+ * that has the most space available automatically, without needing to specify a
+ * preferred placement. Alternative to `flip`.
+ * @see https://floating-ui.com/docs/autoPlacement
+ */ autoPlacement;
+
+/**
+ * Optimizes the visibility of the floating element by shifting it in order to
+ * keep it in view when it will overflow the clipping boundary.
+ * @see https://floating-ui.com/docs/shift
+ */ const g = shift$1;
+
+/**
+ * Optimizes the visibility of the floating element by flipping the `placement`
+ * in order to keep it in view when the preferred placement(s) will overflow the
+ * clipping boundary. Alternative to `autoPlacement`.
+ * @see https://floating-ui.com/docs/flip
+ */ const d = flip$1;
+
+/**
+ * Provides data that allows you to change the size of the floating element —
+ * for instance, prevent it from overflowing the clipping boundary or match the
+ * width of the reference element.
+ * @see https://floating-ui.com/docs/size
+ */ const m = size$1;
+
+/**
+ * Provides data to hide the floating element in applicable situations, such as
+ * when it is not in the same clipping context as the reference element.
+ * @see https://floating-ui.com/docs/hide
+ */ const p = hide$1;
+
+/**
+ * Provides data to position an inner element of the floating element so that it
+ * appears centered to the reference element.
+ * @see https://floating-ui.com/docs/arrow
+ */ const h = arrow$1;
+
+/**
+ * Provides improved positioning for inline reference elements that can span
+ * over multiple lines, such as hyperlinks or range selections.
+ * @see https://floating-ui.com/docs/inline
+ */ inline;
+
+/**
+ * Built-in `limiter` that will stop `shift()` at a certain point.
+ */ limitShift;
+
+/**
+ * Computes the `x` and `y` coordinates that will place the floating element
+ * next to a given reference element.
+ */ const computePosition = (t, e, n) => {
+  // This caches the expensive `getClippingElementAncestors` function so that
+  // multiple lifecycle resets re-use the same result. It only lives for a
+  // single call. If other functions become expensive, we can add them as well.
+  const o = new Map;
+  const i = {
+    platform: f,
+    ...n
+  };
+  const s = {
+    ...i.platform,
+    _c: o
+  };
+  return computePosition$1(t, e, {
+    ...i,
+    platform: s
+  });
+};
+
+class w {
+  constructor(t, e, n) {
+    this.trigger = t;
+    this.panel = e;
+    this.options = {
+      distance: 20,
+      placement: "bottom",
+      strategy: "fixed",
+      sameWidth: false,
+      ...n
+    };
+    this.init(n);
+  }
+  init(t) {
+    this.options = Object.assign(this.options, t);
+    this.update();
+  }
+  update() {
+    this.cleanUp = autoUpdate(this.trigger, this.panel, (() => {
+      (async () => {
+        const {x: t, y: e, placement: n, middlewareData: o} = await computePosition(this.trigger, this.panel, {
+          placement: this.options.placement,
+          strategy: this.options.strategy,
+          middleware: [ u({
+            mainAxis: this.options.distance,
+            crossAxis: this.options.skidding
+          }), d(), g(), m(this.options.sameWidth && {
+            apply({rects: t, elements: e}) {
+              Object.assign(e.floating.style, {
+                width: `${t.reference.width}px`
+              });
+            }
+          }), h({
+            element: this.options.arrow || null
+          }), this.positionChange(), p() ]
+        });
+        Object.assign(this.panel.style, {
+          top: "0",
+          left: "0",
+          transform: `translate(${this.roundByDPR(t)}px,${this.roundByDPR(e)}px)`
+        });
+        if (this.options.arrow) {
+          const {x: t, y: e} = o.arrow;
+          const i = {
+            top: "bottom",
+            right: "left",
+            bottom: "top",
+            left: "right"
+          }[n.split("-")[0]];
+          Object.assign(this.options.arrow.style, {
+            left: t != null ? `${t}px` : "",
+            top: e != null ? `${e}px` : "",
+            right: "",
+            bottom: "",
+            [i]: "-4px"
+          });
+        }
+        const {referenceHidden: i} = o.hide;
+        Object.assign(this.panel.style, {
+          visibility: i ? "hidden" : "visible"
+        });
+      })();
+    }));
+  }
+  destroy() {
+    if (!this.cleanUp) return;
+    this.cleanUp();
+  }
+  positionChange() {
+    return {
+      name: "positionChange",
+      fn: ({placement: t}) => {
+        if (typeof this.options.onPositionChange !== "function") return {};
+        this.options.onPositionChange(t);
+        return {};
+      }
+    };
+  }
+  roundByDPR(t) {
+    const e = window.devicePixelRatio || 1;
+    return Math.round(t * e) / e;
+  }
+}
+
+export { w as F };
 //# sourceMappingURL=p-38d4bd8a.js.map