https://carmensbest.com/build/assets/popover-e631b0a8.js

1import{d as R,r as $,m as h,aH as A,L as l,aI as V,aJ as N,aK as Q,aL as ue,aM as j,aN as re,aO as se,aP as W,aQ as ie,aR as ve,aS as pe,aT as ce,G as F,R as U,F as q,H as M,q as X,ay as _,K as de,aU as z,N as H,P as K,aV as O,aW as w,aX as fe,aY as J,I as Y,U as k,aZ as I,a_ as G}from"./debounce-066c2ac9.js";var be=(v=>(v[v.Open=0]="Open",v[v.Closed=1]="Closed",v))(be||{});let ee=Symbol("PopoverContext");function Z(v){let S=Y(ee,null);if(S===null){let g=new Error(`<${v} /> is missing a parent <${ge.name} /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(g,Z),g}return S}let Pe=Symbol("PopoverGroupContext");function te(){return Y(Pe,null)}let le=Symbol("PopoverPanelContext");function Se(){return Y(le,null)}let ge=R({name:"Popover",inheritAttrs:!1,props:{as:{type:[Object,String],default:"div"}},setup(v,{slots:S,attrs:g,expose:T}){var a;let e=$(null);T({el:e,$el:e});let b=$(1),d=$(null),x=$(null),m=$(null),f=$(null),E=h(()=>A(e)),B=h(()=>{var t,n;if(!l(d)||!l(f))return!1;for(let L of document.querySelectorAll("body > *"))if(Number(L==null?void 0:L.contains(l(d)))^Number(L==null?void 0:L.contains(l(f))))return!0;let r=V(),P=r.indexOf(l(d)),D=(P+r.length-1)%r.length,ae=(P+1)%r.length,oe=r[D],ne=r[ae];return!((t=l(f))!=null&&t.contains(oe))&&!((n=l(f))!=null&&n.contains(ne))}),c={popoverState:b,buttonId:$(null),panelId:$(null),panel:f,button:d,isPortalled:B,beforePanelSentinel:x,afterPanelSentinel:m,togglePopover(){b.value=N(b.value,{0:1,1:0})},closePopover(){b.value!==1&&(b.value=1)},close(t){c.closePopover();let n=(()=>t?t instanceof HTMLElement?t:t.value instanceof HTMLElement?l(t):l(c.button):l(c.button))();n==null||n.focus()}};Q(ee,c),ue(h(()=>N(b.value,{0:j.Open,1:j.Closed})));let C={buttonId:c.buttonId,panelId:c.panelId,close(){c.closePopover()}},y=te(),s=y==null?void 0:y.registerPopover,[p,u]=re(),o=se({mainTreeNodeRef:y==null?void 0:y.mainTreeNodeRef,portals:p,defaultContainers:[d,f]});function i(){var t,n,r,P;return(P=y==null?void 0:y.isFocusWithinPopoverGroup())!=null?P:((t=E.value)==null?void 0:t.activeElement)&&(((n=l(d))==null?void 0:n.contains(E.value.activeElement))||((r=l(f))==null?void 0:r.contains(E.value.activeElement)))}return W(()=>s==null?void 0:s(C)),ie((a=E.value)==null?void 0:a.defaultView,"focus",t=>{var n,r;t.target!==window&&t.target instanceof HTMLElement&&b.value===0&&(i()||d&&f&&(o.contains(t.target)||(n=l(c.beforePanelSentinel))!=null&&n.contains(t.target)||(r=l(c.afterPanelSentinel))!=null&&r.contains(t.target)||c.closePopover()))},!0),ve(o.resolveContainers,(t,n)=>{var r;c.closePopover(),pe(n,ce.Loose)||(t.preventDefault(),(r=l(d))==null||r.focus())},h(()=>b.value===0)),()=>{let t={open:b.value===0,close:c.close};return F(q,[F(u,{},()=>U({theirProps:{...v,...g},ourProps:{ref:e},slot:t,slots:S,attrs:g,name:"Popover"})),F(o.MainTreeNode)])}}}),ye=R({name:"PopoverButton",props:{as:{type:[Object,String],default:"button"},disabled:{type:[Boolean],default:!1},id:{type:String,default:()=>`headlessui-popover-button-${M()}`}},inheritAttrs:!1,setup(v,{attrs:S,slots:g,expose:T}){let a=Z("PopoverButton"),e=h(()=>A(a.button));T({el:a.button,$el:a.button}),X(()=>{a.buttonId.value=v.id}),_(()=>{a.buttonId.value=null});let b=te(),d=b==null?void 0:b.closeOthers,x=Se(),m=h(()=>x===null?!1:x.value===a.panelId.value),f=$(null),E=`headlessui-focus-sentinel-${M()}`;m.value||W(()=>{a.button.value=f.value});let B=de(h(()=>({as:v.as,type:S.type})),f);function c(o){var i,t,n,r,P;if(m.value){if(a.popoverState.value===1)return;switch(o.key){case k.Space:case k.Enter:o.preventDefault(),(t=(i=o.target).click)==null||t.call(i),a.closePopover(),(n=l(a.button))==null||n.focus();break}}else switch(o.key){case k.Space:case k.Enter:o.preventDefault(),o.stopPropagation(),a.popoverState.value===1&&(d==null||d(a.buttonId.value)),a.togglePopover();break;case k.Escape:if(a.popoverState.value!==0)return d==null?void 0:d(a.buttonId.value);if(!l(a.button)||(r=e.value)!=null&&r.activeElement&&!((P=l(a.button))!=null&&P.contains(e.value.activeElement)))return;o.preventDefault(),o.stopPropagation(),a.closePopover();break}}function C(o){m.value||o.key===k.Space&&o.preventDefault()}function y(o){var i,t;v.disabled||(m.value?(a.closePopover(),(i=l(a.button))==null||i.focus()):(o.preventDefault(),o.stopPropagation(),a.popoverState.value===1&&(d==null||d(a.buttonId.value)),a.togglePopover(),(t=l(a.button))==null||t.focus()))}function s(o){o.preventDefault(),o.stopPropagation()}let p=z();function u(){let o=l(a.panel);if(!o)return;function i(){N(p.value,{[I.Forwards]:()=>O(o,w.First),[I.Backwards]:()=>O(o,w.Last)})===G.Error&&O(V().filter(t=>t.dataset.headlessuiFocusGuard!=="true"),N(p.value,{[I.Forwards]:w.Next,[I.Backwards]:w.Previous}),{relativeTo:l(a.button)})}i()}return()=>{let o=a.popoverState.value===0,i={open:o},{id:t,...n}=v,r=m.value?{ref:f,type:B.value,onKeydown:c,onClick:y}:{ref:f,id:t,type:B.value,"aria-expanded":a.popoverState.value===0,"aria-controls":l(a.panel)?a.panelId.value:void 0,disabled:v.disabled?!0:void 0,onKeydown:c,onKeyup:C,onClick:y,onMousedown:s};return F(q,[U({ourProps:r,theirProps:{...S,...n},slot:i,attrs:S,slots:g,name:"PopoverButton"}),o&&!m.value&&a.isPortalled.value&&F(H,{id:E,features:K.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:u})])}}}),$e=R({name:"PopoverPanel",props:{as:{type:[Object,String],default:"div"},static:{type:Boolean,default:!1},unmount:{type:Boolean,default:!0},focus:{type:Boolean,default:!1},id:{type:String,default:()=>`headlessui-popover-panel-${M()}`}},inheritAttrs:!1,setup(v,{attrs:S,slots:g,expose:T}){let{focus:a}=v,e=Z("PopoverPanel"),b=h(()=>A(e.panel)),d=`headlessui-focus-sentinel-before-${M()}`,x=`headlessui-focus-sentinel-after-${M()}`;T({el:e.panel,$el:e.panel}),X(()=>{e.panelId.value=v.id}),_(()=>{e.panelId.value=null}),Q(le,e.panelId),W(()=>{var s,p;if(!a||e.popoverState.value!==0||!e.panel)return;let u=(s=b.value)==null?void 0:s.activeElement;(p=l(e.panel))!=null&&p.contains(u)||O(l(e.panel),w.First)});

1let m=fe(),f=h(()=>m!==null?(m.value&j.Open)===j.Open:e.popoverState.value===0);function E(s){var p,u;switch(s.key){case k.Escape:if(e.popoverState.value!==0||!l(e.panel)||b.value&&!((p=l(e.panel))!=null&&p.contains(b.value.activeElement)))return;s.preventDefault(),s.stopPropagation(),e.closePopover(),(u=l(e.button))==null||u.focus();break}}function B(s){var p,u,o,i,t;let n=s.relatedTarget;n&&l(e.panel)&&((p=l(e.panel))!=null&&p.contains(n)||(e.closePopover(),((o=(u=l(e.beforePanelSentinel))==null?void 0:u.contains)!=null&&o.call(u,n)||(t=(i=l(e.afterPanelSentinel))==null?void 0:i.contains)!=null&&t.call(i,n))&&n.focus({preventScroll:!0})))}let c=z();function C(){let s=l(e.panel);if(!s)return;function p(){N(c.value,{[I.Forwards]:()=>{var u;O(s,w.First)===G.Error&&((u=l(e.afterPanelSentinel))==null||u.focus())},[I.Backwards]:()=>{var u;(u=l(e.button))==null||u.focus({preventScroll:!0})}})}p()}function y(){let s=l(e.panel);if(!s)return;function p(){N(c.value,{[I.Forwards]:()=>{let u=l(e.button),o=l(e.panel);if(!u)return;let i=V(),t=i.indexOf(u),n=i.slice(0,t+1),r=[...i.slice(t+1),...n];for(let P of r.slice())if(P.dataset.headlessuiFocusGuard==="true"||o!=null&&o.contains(P)){let D=r.indexOf(P);D!==-1&&r.splice(D,1)}O(r,w.First,{sorted:!1})},[I.Backwards]:()=>{var u;O(s,w.Previous)===G.Error&&((u=l(e.button))==null||u.focus())}})}p()}return()=>{let s={open:e.popoverState.value===0,close:e.close},{id:p,focus:u,...o}=v,i={ref:e.panel,id:p,onKeydown:E,onFocusout:a&&e.popoverState.value===0?B:void 0,tabIndex:-1};return U({ourProps:i,theirProps:{...S,...o},attrs:S,slot:s,slots:{...g,default:(...t)=>{var n;return[F(q,[f.value&&e.isPortalled.value&&F(H,{id:d,ref:e.beforePanelSentinel,features:K.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:C}),(n=g.default)==null?void 0:n.call(g,...t),f.value&&e.isPortalled.value&&F(H,{id:x,ref:e.afterPanelSentinel,features:K.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:y})])]}},features:J.RenderStrategy|J.Static,visible:f.value,name:"PopoverPanel"})}}});export{$e as W,ye as j,ge as y};