3 lines
36 KiB
JavaScript
3 lines
36 KiB
JavaScript
import{M,o as i,h as v,g as m,N as S,O as V,P as H,e,Q as Le,R as Ke,B as ke,T as me,r as T,U as Be,V as ae,W as Se,X as Z,Y as se,Z as $e,$ as Ve,a0 as Ue,a1 as ze,a2 as x,a3 as je,z as Me,C as Pe,d as I,a4 as Ge,a5 as We,a6 as Xe,a7 as De,a8 as Ye,a9 as He,aa as Qe,ab as Ze,ac as Je,ad as et,ae as ee,af as tt,ag as re,ah as A,ai as Y,aj as at,ak as rt,al as J,am as nt,w as te,an as Oe,ao as ot,ap as lt,aq as ie,ar as st,as as it,at as Fe,au as ut,av as pe,aw as dt,n as X,ax as pt,i as L,ay as he,az as ft,aA as ct,c as F,b as U,E as q,F as W,aB as z,t as $,u as yt,aC as gt,k as vt,j as de,q as le,p as G,I as mt}from"./index-6984cb4d.js";const ht=["INPUT","TEXTAREA"];function bt(n,d,t,p={}){if(!d||p.enableIgnoredElement&&ht.includes(d.nodeName))return null;const{arrowKeyOptions:l="both",attributeName:r="[data-reka-collection-item]",itemsArray:f=[],loop:u=!0,dir:o="ltr",preventScroll:b=!0,focus:c=!1}=p,[s,y,C,D,P,_]=[n.key==="ArrowRight",n.key==="ArrowLeft",n.key==="ArrowUp",n.key==="ArrowDown",n.key==="Home",n.key==="End"],K=C||D,E=s||y;if(!P&&!_&&(!K&&!E||l==="vertical"&&E||l==="horizontal"&&K))return null;const h=t?Array.from(t.querySelectorAll(r)):f;if(!h.length)return null;b&&n.preventDefault();let k=null;return E||K?k=Ie(h,d,{goForward:K?D:o==="ltr"?s:y,loop:u}):P?k=h.at(0)||null:_&&(k=h.at(-1)||null),c&&(k==null||k.focus()),k}function Ie(n,d,t,p=n.length){if(--p===0)return null;const l=n.indexOf(d),r=t.goForward?l+1:l-1;if(!t.loop&&(r<0||r>=n.length))return null;const f=(r+n.length)%n.length,u=n[f];return u?u.hasAttribute("disabled")&&u.getAttribute("disabled")!=="false"?Ie(n,u,t,p):u:null}var _t=M({__name:"MenuAnchor",props:{reference:{type:null,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(n){const d=n;return(t,p)=>(i(),v(e(Le),V(H(d)),{default:m(()=>[S(t.$slots,"default")]),_:3},16))}}),Te=_t;function qt(){const n=T(!1);return ke(()=>{me("keydown",()=>{n.value=!0},{capture:!0,passive:!0}),me(["pointerdown","pointermove"],()=>{n.value=!1},{capture:!0,passive:!0})}),n}const wt=Ke(qt),[Q,Re]=Z(["MenuRoot","MenuSub"],"MenuContext"),[ne,Ct]=Z("MenuRoot");var kt=M({__name:"MenuRoot",props:{open:{type:Boolean,required:!1,default:!1},dir:{type:String,required:!1},modal:{type:Boolean,required:!1,default:!0}},emits:["update:open"],setup(n,{emit:d}){const t=n,p=d,{modal:l,dir:r}=se(t),f=Be(r),u=ae(t,"open",p),o=T(),b=wt();return Re({open:u,onOpenChange:c=>{u.value=c},content:o,onContentChange:c=>{o.value=c}}),Ct({onClose:()=>{u.value=!1},isUsingKeyboardRef:b,dir:f,modal:l}),(c,s)=>(i(),v(e(Se),null,{default:m(()=>[S(c.$slots,"default")]),_:3}))}}),Bt=kt;const[fe,St]=Z("MenuContent");var Mt=M({__name:"MenuContentImpl",props:$e({loop:{type:Boolean,required:!1},disableOutsidePointerEvents:{type:Boolean,required:!1},disableOutsideScroll:{type:Boolean,required:!1},trapFocus:{type:Boolean,required:!1},side:{type:null,required:!1},sideOffset:{type:Number,required:!1},sideFlip:{type:Boolean,required:!1},align:{type:null,required:!1},alignOffset:{type:Number,required:!1},alignFlip:{type:Boolean,required:!1},avoidCollisions:{type:Boolean,required:!1},collisionBoundary:{type:null,required:!1},collisionPadding:{type:[Number,Object],required:!1},arrowPadding:{type:Number,required:!1},sticky:{type:String,required:!1},hideWhenDetached:{type:Boolean,required:!1},positionStrategy:{type:String,required:!1},updatePositionStrategy:{type:String,required:!1},disableUpdateOnLayoutShift:{type:Boolean,required:!1},prioritizePosition:{type:Boolean,required:!1},reference:{type:null,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},{...Ve}),emits:["escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","entryFocus","openAutoFocus","closeAutoFocus","dismiss"],setup(n,{emit:d}){const t=n,p=d,l=Q(),r=ne(),{trapFocus:f,disableOutsidePointerEvents:u,loop:o}=se(t);Ue(),ze(u.value);const b=T(""),c=T(0),s=T(0),y=T(null),C=T("right"),D=T(0),P=T(null),_=T(),{forwardRef:K,currentElement:E}=x(),{handleTypeaheadSearch:h}=je();Me(E,a=>{l.onContentChange(a)}),Pe(()=>{window.clearTimeout(c.value)});function k(a){var B,j;return C.value===((B=y.value)==null?void 0:B.side)&&He(a,(j=y.value)==null?void 0:j.area)}async function R(a){var w;p("openAutoFocus",a),!a.defaultPrevented&&(a.preventDefault(),(w=E.value)==null||w.focus({preventScroll:!0}))}function O(a){var ve;if(a.defaultPrevented)return;const B=a.target.closest("[data-reka-menu-content]")===a.currentTarget,j=a.ctrlKey||a.altKey||a.metaKey,ue=a.key.length===1,oe=bt(a,Qe(),E.value,{loop:o.value,arrowKeyOptions:"vertical",dir:r==null?void 0:r.dir.value,focus:!0,attributeName:"[data-reka-collection-item]:not([data-disabled])"});if(oe)return oe==null?void 0:oe.focus();if(a.code==="Space")return;const ye=((ve=_.value)==null?void 0:ve.getItems())??[];if(B&&(a.key==="Tab"&&a.preventDefault(),!j&&ue&&h(a.key,ye)),a.target!==E.value||!Ze.includes(a.key))return;a.preventDefault();const ge=[...ye.map(Ne=>Ne.ref)];Je.includes(a.key)&&ge.reverse(),et(ge)}function g(a){var w,B;(B=(w=a==null?void 0:a.currentTarget)==null?void 0:w.contains)!=null&&B.call(w,a.target)||(window.clearTimeout(c.value),b.value="")}function N(a){var j;if(!ee(a))return;const w=a.target,B=D.value!==a.clientX;if((j=a==null?void 0:a.currentTarget)!=null&&j.contains(w)&&B){const ue=a.clientX>D.value?"right":"left";C.value=ue,D.value=a.clientX}}return St({onItemEnter:a=>!!k(a),onItemLeave:a=>{var w;k(a)||((w=E.value)==null||w.focus(),P.value=null)},onTriggerLeave:a=>!!k(a),searchRef:b,pointerGraceTimerRef:s,onPointerGraceIntentChange:a=>{y.value=a}}),(a,w)=>(i(),v(e(Ye),{"as-child":"",trapped:e(f),onMountAutoFocus:R,onUnmountAutoFocus:w[7]||(w[7]=B=>p("closeAutoFocus",B))},{default:m(()=>[I(e(Ge),{"as-child":"","disable-outside-pointer-events":e(u),onEscapeKeyDown:w[2]||(w[2]=B=>p("escapeKeyDown",B)),onPointerDownOutside:w[3]||(w[3]=B=>p("pointerDownOutside",B)),onFocusOutside:w[4]||(w[4]=B=>p("focusOutside",B)),onInteractOutside:w[5]||(w[5]=B=>p("interactOutside",B)),onDismiss:w[6]||(w[6]=B=>p("dismiss"))},{default:m(()=>[I(e(We),{ref_key:"rovingFocusGroupRef",ref:_,"current-tab-stop-id":P.value,"onUpdate:currentTabStopId":w[0]||(w[0]=B=>P.value=B),"as-child":"",orientation:"vertical",dir:e(r).dir.value,loop:e(o),onEntryFocus:w[1]||(w[1]=B=>{p("entryFocus",B),e(r).isUsingKeyboardRef.value||B.preventDefault()})},{default:m(()=>[I(e(Xe),{ref:e(K),role:"menu",as:a.as,"as-child":a.asChild,"aria-orientation":"vertical","data-reka-menu-content":"","data-state":e(De)(e(l).open.value),dir:e(r).dir.value,side:a.side,"side-offset":a.sideOffset,align:a.align,"align-offset":a.alignOffset,"avoid-collisions":a.avoidCollisions,"collision-boundary":a.collisionBoundary,"collision-padding":a.collisionPadding,"arrow-padding":a.arrowPadding,"prioritize-position":a.prioritizePosition,"position-strategy":a.positionStrategy,"update-position-strategy":a.updatePositionStrategy,sticky:a.sticky,"hide-when-detached":a.hideWhenDetached,reference:a.reference,onKeydown:O,onBlur:g,onPointermove:N},{default:m(()=>[S(a.$slots,"default")]),_:3},8,["as","as-child","data-state","dir","side","side-offset","align","align-offset","avoid-collisions","collision-boundary","collision-padding","arrow-padding","prioritize-position","position-strategy","update-position-strategy","sticky","hide-when-detached","reference"])]),_:3},8,["current-tab-stop-id","dir","loop"])]),_:3},8,["disable-outside-pointer-events"])]),_:3},8,["trapped"]))}}),ce=Mt,Pt=M({inheritAttrs:!1,__name:"MenuItemImpl",props:{disabled:{type:Boolean,required:!1},textValue:{type:String,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(n){const d=n,t=fe(),{forwardRef:p}=x(),{CollectionItem:l}=tt(),r=T(!1);async function f(o){if(!o.defaultPrevented&&ee(o)){if(d.disabled)t.onItemLeave(o);else if(!t.onItemEnter(o)){const c=o.currentTarget;c==null||c.focus({preventScroll:!0})}}}async function u(o){await Y(),!o.defaultPrevented&&ee(o)&&t.onItemLeave(o)}return(o,b)=>(i(),v(e(l),{value:{textValue:o.textValue}},{default:m(()=>[I(e(re),A({ref:e(p),role:"menuitem",tabindex:"-1"},o.$attrs,{as:o.as,"as-child":o.asChild,"aria-disabled":o.disabled||void 0,"data-disabled":o.disabled?"":void 0,"data-highlighted":r.value?"":void 0,onPointermove:f,onPointerleave:u,onFocus:b[0]||(b[0]=async c=>{await Y(),!(c.defaultPrevented||o.disabled)&&(r.value=!0)}),onBlur:b[1]||(b[1]=async c=>{await Y(),!c.defaultPrevented&&(r.value=!1)})}),{default:m(()=>[S(o.$slots,"default")]),_:3},16,["as","as-child","aria-disabled","data-disabled","data-highlighted"])]),_:3},8,["value"]))}}),xe=Pt,Dt=M({__name:"MenuItem",props:{disabled:{type:Boolean,required:!1},textValue:{type:String,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:["select"],setup(n,{emit:d}){const t=n,p=d,{forwardRef:l,currentElement:r}=x(),f=ne(),u=fe(),o=T(!1);async function b(){const c=r.value;if(!t.disabled&&c){const s=new CustomEvent(rt,{bubbles:!0,cancelable:!0});p("select",s),await Y(),s.defaultPrevented?o.value=!1:f.onClose()}}return(c,s)=>(i(),v(xe,A(t,{ref:e(l),onClick:b,onPointerdown:s[0]||(s[0]=()=>{o.value=!0}),onPointerup:s[1]||(s[1]=async y=>{var C;await Y(),!y.defaultPrevented&&(o.value||(C=y.currentTarget)==null||C.click())}),onKeydown:s[2]||(s[2]=async y=>{const C=e(u).searchRef.value!=="";c.disabled||C&&y.key===" "||e(at).includes(y.key)&&(y.currentTarget.click(),y.preventDefault())})}),{default:m(()=>[S(c.$slots,"default")]),_:3},16))}}),Ot=Dt,Ft=M({__name:"MenuRootContentModal",props:{loop:{type:Boolean,required:!1},side:{type:null,required:!1},sideOffset:{type:Number,required:!1},sideFlip:{type:Boolean,required:!1},align:{type:null,required:!1},alignOffset:{type:Number,required:!1},alignFlip:{type:Boolean,required:!1},avoidCollisions:{type:Boolean,required:!1},collisionBoundary:{type:null,required:!1},collisionPadding:{type:[Number,Object],required:!1},arrowPadding:{type:Number,required:!1},sticky:{type:String,required:!1},hideWhenDetached:{type:Boolean,required:!1},positionStrategy:{type:String,required:!1},updatePositionStrategy:{type:String,required:!1},disableUpdateOnLayoutShift:{type:Boolean,required:!1},prioritizePosition:{type:Boolean,required:!1},reference:{type:null,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:["escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","entryFocus","openAutoFocus","closeAutoFocus"],setup(n,{emit:d}){const t=n,p=d,l=J(t,p),r=Q(),{forwardRef:f,currentElement:u}=x();return nt(u),(o,b)=>(i(),v(ce,A(e(l),{ref:e(f),"trap-focus":e(r).open.value,"disable-outside-pointer-events":e(r).open.value,"disable-outside-scroll":!0,onDismiss:b[0]||(b[0]=c=>e(r).onOpenChange(!1)),onFocusOutside:b[1]||(b[1]=te(c=>p("focusOutside",c),["prevent"]))}),{default:m(()=>[S(o.$slots,"default")]),_:3},16,["trap-focus","disable-outside-pointer-events"]))}}),It=Ft,Tt=M({__name:"MenuRootContentNonModal",props:{loop:{type:Boolean,required:!1},side:{type:null,required:!1},sideOffset:{type:Number,required:!1},sideFlip:{type:Boolean,required:!1},align:{type:null,required:!1},alignOffset:{type:Number,required:!1},alignFlip:{type:Boolean,required:!1},avoidCollisions:{type:Boolean,required:!1},collisionBoundary:{type:null,required:!1},collisionPadding:{type:[Number,Object],required:!1},arrowPadding:{type:Number,required:!1},sticky:{type:String,required:!1},hideWhenDetached:{type:Boolean,required:!1},positionStrategy:{type:String,required:!1},updatePositionStrategy:{type:String,required:!1},disableUpdateOnLayoutShift:{type:Boolean,required:!1},prioritizePosition:{type:Boolean,required:!1},reference:{type:null,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:["escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","entryFocus","openAutoFocus","closeAutoFocus"],setup(n,{emit:d}){const l=J(n,d),r=Q();return(f,u)=>(i(),v(ce,A(e(l),{"trap-focus":!1,"disable-outside-pointer-events":!1,"disable-outside-scroll":!1,onDismiss:u[0]||(u[0]=o=>e(r).onOpenChange(!1))}),{default:m(()=>[S(f.$slots,"default")]),_:3},16))}}),Rt=Tt,xt=M({__name:"MenuContent",props:{forceMount:{type:Boolean,required:!1},loop:{type:Boolean,required:!1},side:{type:null,required:!1},sideOffset:{type:Number,required:!1},sideFlip:{type:Boolean,required:!1},align:{type:null,required:!1},alignOffset:{type:Number,required:!1},alignFlip:{type:Boolean,required:!1},avoidCollisions:{type:Boolean,required:!1},collisionBoundary:{type:null,required:!1},collisionPadding:{type:[Number,Object],required:!1},arrowPadding:{type:Number,required:!1},sticky:{type:String,required:!1},hideWhenDetached:{type:Boolean,required:!1},positionStrategy:{type:String,required:!1},updatePositionStrategy:{type:String,required:!1},disableUpdateOnLayoutShift:{type:Boolean,required:!1},prioritizePosition:{type:Boolean,required:!1},reference:{type:null,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:["escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","entryFocus","openAutoFocus","closeAutoFocus"],setup(n,{emit:d}){const l=J(n,d),r=Q(),f=ne();return(u,o)=>(i(),v(e(Oe),{present:u.forceMount||e(r).open.value},{default:m(()=>[e(f).modal.value?(i(),v(It,V(A({key:0},{...u.$attrs,...e(l)})),{default:m(()=>[S(u.$slots,"default")]),_:3},16)):(i(),v(Rt,V(A({key:1},{...u.$attrs,...e(l)})),{default:m(()=>[S(u.$slots,"default")]),_:3},16))]),_:3},8,["present"]))}}),Et=xt,At=M({__name:"MenuLabel",props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:"div"}},setup(n){const d=n;return(t,p)=>(i(),v(e(re),V(H(d)),{default:m(()=>[S(t.$slots,"default")]),_:3},16))}}),Nt=At,Lt=M({__name:"MenuPortal",props:{to:{type:null,required:!1},disabled:{type:Boolean,required:!1},defer:{type:Boolean,required:!1},forceMount:{type:Boolean,required:!1}},setup(n){const d=n;return(t,p)=>(i(),v(e(ot),V(H(d)),{default:m(()=>[S(t.$slots,"default")]),_:3},16))}}),Kt=Lt;const[Ee,$t]=Z("MenuSub");var Vt=M({__name:"MenuSub",props:{open:{type:Boolean,required:!1,default:void 0}},emits:["update:open"],setup(n,{emit:d}){const t=n,l=ae(t,"open",d,{defaultValue:!1,passive:t.open===void 0}),r=Q(),f=T(),u=T();return lt(o=>{(r==null?void 0:r.open.value)===!1&&(l.value=!1),o(()=>l.value=!1)}),Re({open:l,onOpenChange:o=>{l.value=o},content:u,onContentChange:o=>{u.value=o}}),$t({triggerId:"",contentId:"",trigger:f,onTriggerChange:o=>{f.value=o}}),(o,b)=>(i(),v(e(Se),null,{default:m(()=>[S(o.$slots,"default")]),_:3}))}}),Ut=Vt,zt=M({__name:"MenuSubContent",props:{forceMount:{type:Boolean,required:!1},loop:{type:Boolean,required:!1},sideOffset:{type:Number,required:!1},sideFlip:{type:Boolean,required:!1},alignOffset:{type:Number,required:!1},alignFlip:{type:Boolean,required:!1},avoidCollisions:{type:Boolean,required:!1},collisionBoundary:{type:null,required:!1},collisionPadding:{type:[Number,Object],required:!1},arrowPadding:{type:Number,required:!1},sticky:{type:String,required:!1},hideWhenDetached:{type:Boolean,required:!1},positionStrategy:{type:String,required:!1},updatePositionStrategy:{type:String,required:!1},disableUpdateOnLayoutShift:{type:Boolean,required:!1},prioritizePosition:{type:Boolean,required:!1,default:!0},reference:{type:null,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:["escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","entryFocus","openAutoFocus","closeAutoFocus"],setup(n,{emit:d}){const l=J(n,d),r=Q(),f=ne(),u=Ee(),{forwardRef:o,currentElement:b}=x();return u.contentId||(u.contentId=ie(void 0,"reka-menu-sub-content")),(c,s)=>(i(),v(e(Oe),{present:c.forceMount||e(r).open.value},{default:m(()=>[I(ce,A(e(l),{id:e(u).contentId,ref:e(o),"aria-labelledby":e(u).triggerId,align:"start",side:e(f).dir.value==="rtl"?"left":"right","disable-outside-pointer-events":!1,"disable-outside-scroll":!1,"trap-focus":!1,onOpenAutoFocus:s[0]||(s[0]=te(y=>{var C;e(f).isUsingKeyboardRef.value&&((C=e(b))==null||C.focus())},["prevent"])),onCloseAutoFocus:s[1]||(s[1]=te(()=>{},["prevent"])),onFocusOutside:s[2]||(s[2]=y=>{y.defaultPrevented||y.target!==e(u).trigger.value&&e(r).onOpenChange(!1)}),onEscapeKeyDown:s[3]||(s[3]=y=>{e(f).onClose(),y.preventDefault()}),onKeydown:s[4]||(s[4]=y=>{var P,_;const C=(P=y.currentTarget)==null?void 0:P.contains(y.target),D=e(st)[e(f).dir.value].includes(y.key);C&&D&&(e(r).onOpenChange(!1),(_=e(u).trigger.value)==null||_.focus(),y.preventDefault())})}),{default:m(()=>[S(c.$slots,"default")]),_:3},16,["id","aria-labelledby","side"])]),_:3},8,["present"]))}}),jt=zt,Gt=M({__name:"MenuSubTrigger",props:{disabled:{type:Boolean,required:!1},textValue:{type:String,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(n){const d=n,t=Q(),p=ne(),l=Ee(),r=fe(),f=T(null);l.triggerId||(l.triggerId=ie(void 0,"reka-menu-sub-trigger"));function u(){f.value&&window.clearTimeout(f.value),f.value=null}Pe(()=>{u()});function o(s){!ee(s)||r.onItemEnter(s)||!d.disabled&&!t.open.value&&!f.value&&(r.onPointerGraceIntentChange(null),f.value=window.setTimeout(()=>{t.onOpenChange(!0),u()},100))}async function b(s){var C,D;if(!ee(s))return;u();const y=(C=t.content.value)==null?void 0:C.getBoundingClientRect();if(y!=null&&y.width){const P=(D=t.content.value)==null?void 0:D.dataset.side,_=P==="right",K=_?-5:5,E=y[_?"left":"right"],h=y[_?"right":"left"];r.onPointerGraceIntentChange({area:[{x:s.clientX+K,y:s.clientY},{x:E,y:y.top},{x:h,y:y.top},{x:h,y:y.bottom},{x:E,y:y.bottom}],side:P}),window.clearTimeout(r.pointerGraceTimerRef.value),r.pointerGraceTimerRef.value=window.setTimeout(()=>r.onPointerGraceIntentChange(null),300)}else{if(r.onTriggerLeave(s))return;r.onPointerGraceIntentChange(null)}}async function c(s){var C;const y=r.searchRef.value!=="";d.disabled||y&&s.key===" "||it[p.dir.value].includes(s.key)&&(t.onOpenChange(!0),await Y(),(C=t.content.value)==null||C.focus(),s.preventDefault())}return(s,y)=>(i(),v(Te,{"as-child":""},{default:m(()=>[I(xe,A(d,{id:e(l).triggerId,ref:C=>{var D;(D=e(l))==null||D.onTriggerChange(C==null?void 0:C.$el)},"aria-haspopup":"menu","aria-expanded":e(t).open.value,"aria-controls":e(l).contentId,"data-state":e(De)(e(t).open.value),onClick:y[0]||(y[0]=async C=>{d.disabled||C.defaultPrevented||(C.currentTarget.focus(),e(t).open.value||e(t).onOpenChange(!0))}),onPointermove:o,onPointerleave:b,onKeydown:c}),{default:m(()=>[S(s.$slots,"default")]),_:3},16,["id","aria-expanded","aria-controls","data-state"])]),_:3}))}}),Wt=Gt;const[Ae,Xt]=Z("DropdownMenuRoot");var Yt=M({__name:"DropdownMenuRoot",props:{defaultOpen:{type:Boolean,required:!1},open:{type:Boolean,required:!1,default:void 0},dir:{type:String,required:!1},modal:{type:Boolean,required:!1,default:!0}},emits:["update:open"],setup(n,{emit:d}){const t=n,p=d;x();const l=ae(t,"open",p,{defaultValue:t.defaultOpen,passive:t.open===void 0}),r=T(),{modal:f,dir:u}=se(t),o=Be(u);return Xt({open:l,onOpenChange:b=>{l.value=b},onOpenToggle:()=>{l.value=!l.value},triggerId:"",triggerElement:r,contentId:"",modal:f,dir:o}),(b,c)=>(i(),v(e(Bt),{open:e(l),"onUpdate:open":c[0]||(c[0]=s=>Fe(l)?l.value=s:null),dir:e(o),modal:e(f)},{default:m(()=>[S(b.$slots,"default",{open:e(l)})]),_:3},8,["open","dir","modal"]))}}),Ht=Yt,Qt=M({__name:"DropdownMenuContent",props:{forceMount:{type:Boolean,required:!1},loop:{type:Boolean,required:!1},side:{type:null,required:!1},sideOffset:{type:Number,required:!1},sideFlip:{type:Boolean,required:!1},align:{type:null,required:!1},alignOffset:{type:Number,required:!1},alignFlip:{type:Boolean,required:!1},avoidCollisions:{type:Boolean,required:!1},collisionBoundary:{type:null,required:!1},collisionPadding:{type:[Number,Object],required:!1},arrowPadding:{type:Number,required:!1},sticky:{type:String,required:!1},hideWhenDetached:{type:Boolean,required:!1},positionStrategy:{type:String,required:!1},updatePositionStrategy:{type:String,required:!1},disableUpdateOnLayoutShift:{type:Boolean,required:!1},prioritizePosition:{type:Boolean,required:!1},reference:{type:null,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:["escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","closeAutoFocus"],setup(n,{emit:d}){const l=J(n,d);x();const r=Ae(),f=T(!1);function u(o){o.defaultPrevented||(f.value||setTimeout(()=>{var b;(b=r.triggerElement.value)==null||b.focus()},0),f.value=!1,o.preventDefault())}return r.contentId||(r.contentId=ie(void 0,"reka-dropdown-menu-content")),(o,b)=>{var c;return i(),v(e(Et),A(e(l),{id:e(r).contentId,"aria-labelledby":(c=e(r))==null?void 0:c.triggerId,style:{"--reka-dropdown-menu-content-transform-origin":"var(--reka-popper-transform-origin)","--reka-dropdown-menu-content-available-width":"var(--reka-popper-available-width)","--reka-dropdown-menu-content-available-height":"var(--reka-popper-available-height)","--reka-dropdown-menu-trigger-width":"var(--reka-popper-anchor-width)","--reka-dropdown-menu-trigger-height":"var(--reka-popper-anchor-height)"},onCloseAutoFocus:u,onInteractOutside:b[0]||(b[0]=s=>{var P;if(s.defaultPrevented)return;const y=s.detail.originalEvent,C=y.button===0&&y.ctrlKey===!0,D=y.button===2||C;(!e(r).modal.value||D)&&(f.value=!0),(P=e(r).triggerElement.value)!=null&&P.contains(s.target)&&s.preventDefault()})}),{default:m(()=>[S(o.$slots,"default")]),_:3},16,["id","aria-labelledby"])}}}),Zt=Qt,Jt=M({__name:"DropdownMenuItem",props:{disabled:{type:Boolean,required:!1},textValue:{type:String,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:["select"],setup(n,{emit:d}){const t=n,l=ut(d);return x(),(r,f)=>(i(),v(e(Ot),V(H({...t,...e(l)})),{default:m(()=>[S(r.$slots,"default")]),_:3},16))}}),be=Jt,ea=M({__name:"DropdownMenuLabel",props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(n){const d=n;return x(),(t,p)=>(i(),v(e(Nt),V(H(d)),{default:m(()=>[S(t.$slots,"default")]),_:3},16))}}),_e=ea,ta=M({__name:"DropdownMenuPortal",props:{to:{type:null,required:!1},disabled:{type:Boolean,required:!1},defer:{type:Boolean,required:!1},forceMount:{type:Boolean,required:!1}},setup(n){const d=n;return(t,p)=>(i(),v(e(Kt),V(H(d)),{default:m(()=>[S(t.$slots,"default")]),_:3},16))}}),qe=ta,aa=M({__name:"DropdownMenuSub",props:{defaultOpen:{type:Boolean,required:!1},open:{type:Boolean,required:!1,default:void 0}},emits:["update:open"],setup(n,{emit:d}){const t=n,l=ae(t,"open",d,{passive:t.open===void 0,defaultValue:t.defaultOpen??!1});return x(),(r,f)=>(i(),v(e(Ut),{open:e(l),"onUpdate:open":f[0]||(f[0]=u=>Fe(l)?l.value=u:null)},{default:m(()=>[S(r.$slots,"default",{open:e(l)})]),_:3},8,["open"]))}}),ra=aa,na=M({__name:"DropdownMenuSubContent",props:{forceMount:{type:Boolean,required:!1},loop:{type:Boolean,required:!1},sideOffset:{type:Number,required:!1},sideFlip:{type:Boolean,required:!1},alignOffset:{type:Number,required:!1},alignFlip:{type:Boolean,required:!1},avoidCollisions:{type:Boolean,required:!1},collisionBoundary:{type:null,required:!1},collisionPadding:{type:[Number,Object],required:!1},arrowPadding:{type:Number,required:!1},sticky:{type:String,required:!1},hideWhenDetached:{type:Boolean,required:!1},positionStrategy:{type:String,required:!1},updatePositionStrategy:{type:String,required:!1},disableUpdateOnLayoutShift:{type:Boolean,required:!1},prioritizePosition:{type:Boolean,required:!1},reference:{type:null,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:["escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","entryFocus","openAutoFocus","closeAutoFocus"],setup(n,{emit:d}){const l=J(n,d);return x(),(r,f)=>(i(),v(e(jt),A(e(l),{style:{"--reka-dropdown-menu-content-transform-origin":"var(--reka-popper-transform-origin)","--reka-dropdown-menu-content-available-width":"var(--reka-popper-available-width)","--reka-dropdown-menu-content-available-height":"var(--reka-popper-available-height)","--reka-dropdown-menu-trigger-width":"var(--reka-popper-anchor-width)","--reka-dropdown-menu-trigger-height":"var(--reka-popper-anchor-height)"}}),{default:m(()=>[S(r.$slots,"default")]),_:3},16))}}),oa=na,la=M({__name:"DropdownMenuSubTrigger",props:{disabled:{type:Boolean,required:!1},textValue:{type:String,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(n){const d=n;return x(),(t,p)=>(i(),v(e(Wt),V(H(d)),{default:m(()=>[S(t.$slots,"default")]),_:3},16))}}),sa=la,ia=M({__name:"DropdownMenuTrigger",props:{disabled:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:"button"}},setup(n){const d=n,t=Ae(),{forwardRef:p,currentElement:l}=x();return ke(()=>{t.triggerElement=l}),t.triggerId||(t.triggerId=ie(void 0,"reka-dropdown-menu-trigger")),(r,f)=>(i(),v(e(Te),{"as-child":""},{default:m(()=>[I(e(re),{id:e(t).triggerId,ref:e(p),type:r.as==="button"?"button":void 0,"as-child":d.asChild,as:r.as,"aria-haspopup":"menu","aria-expanded":e(t).open.value,"aria-controls":e(t).open.value?e(t).contentId:void 0,"data-disabled":r.disabled?"":void 0,disabled:r.disabled,"data-state":e(t).open.value?"open":"closed",onClick:f[0]||(f[0]=async u=>{var o;!r.disabled&&u.button===0&&u.ctrlKey===!1&&((o=e(t))==null||o.onOpenToggle(),await Y(),e(t).open.value&&u.preventDefault())}),onKeydown:f[1]||(f[1]=pe(u=>{r.disabled||(["Enter"," "].includes(u.key)&&e(t).onOpenToggle(),u.key==="ArrowDown"&&e(t).onOpenChange(!0),["Enter"," ","ArrowDown"].includes(u.key)&&u.preventDefault())},["enter","space","arrow-down"]))},{default:m(()=>[S(r.$slots,"default")]),_:3},8,["id","type","as-child","as","aria-expanded","aria-controls","data-disabled","disabled","data-state"])]),_:3}))}}),ua=ia;const[da,pa]=Z("SwitchRoot");var fa=M({__name:"SwitchRoot",props:{defaultValue:{type:Boolean,required:!1},modelValue:{type:[Boolean,null],required:!1,default:void 0},disabled:{type:Boolean,required:!1},id:{type:String,required:!1},value:{type:String,required:!1,default:"on"},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:"button"},name:{type:String,required:!1},required:{type:Boolean,required:!1}},emits:["update:modelValue"],setup(n,{emit:d}){const t=n,p=d,{disabled:l}=se(t),r=ae(t,"modelValue",p,{defaultValue:t.defaultValue,passive:t.modelValue===void 0});function f(){l.value||(r.value=!r.value)}const{forwardRef:u,currentElement:o}=x(),b=dt(o),c=X(()=>{var s;return t.id&&o.value?(s=document.querySelector(`[for="${t.id}"]`))==null?void 0:s.innerText:void 0});return pa({modelValue:r,toggleCheck:f,disabled:l}),(s,y)=>(i(),v(e(re),A(s.$attrs,{id:s.id,ref:e(u),role:"switch",type:s.as==="button"?"button":void 0,value:s.value,"aria-label":s.$attrs["aria-label"]||c.value,"aria-checked":e(r),"aria-required":s.required,"data-state":e(r)?"checked":"unchecked","data-disabled":e(l)?"":void 0,"as-child":s.asChild,as:s.as,disabled:e(l),onClick:f,onKeydown:pe(te(f,["prevent"]),["enter"])}),{default:m(()=>[S(s.$slots,"default",{modelValue:e(r)}),e(b)&&s.name?(i(),v(e(pt),{key:0,type:"checkbox",name:s.name,disabled:e(l),required:s.required,value:s.value,checked:!!e(r)},null,8,["name","disabled","required","value","checked"])):L("v-if",!0)]),_:3},16,["id","type","value","aria-label","aria-checked","aria-required","data-state","data-disabled","as-child","as","disabled","onKeydown"]))}}),ca=fa,ya=M({__name:"SwitchThumb",props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:"span"}},setup(n){const d=da();return x(),(t,p)=>{var l;return i(),v(e(re),{"data-state":(l=e(d).modelValue)!=null&&l.value?"checked":"unchecked","data-disabled":e(d).disabled.value?"":void 0,"as-child":t.asChild,as:t.as},{default:m(()=>[S(t.$slots,"default")]),_:3},8,["data-state","data-disabled","as-child","as"])}}}),ga=ya;const va={class:"flex flex-col gap-1"},ma={class:"flex items-center"},ha=["for"],ba={key:0,class:"max-w-xs text-p-sm text-ink-gray-7"},we="mr-2 h-4 w-4 flex-shrink-0 text-ink-gray-6",Ce=M({__name:"Switch",props:he({size:{default:"sm"},label:{default:""},description:{default:""},disabled:{type:Boolean,default:!1},icon:{},labelClasses:{default:""}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:he(["change"],["update:modelValue"]),setup(n,{emit:d}){const t=n,p=ft(n,"modelValue"),l=d;Me(p,c=>{l("change",c)});const r=ct(),f=X(()=>["relative inline-flex flex-shrink-0 cursor-pointer rounded-full border-transparent transition-colors duration-100 ease-in-out items-center","focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-outline-gray-3","disabled:cursor-not-allowed disabled:bg-surface-gray-3",p.value?"bg-surface-gray-7 enabled:hover:bg-surface-gray-6 active:bg-surface-gray-5 group-hover:enabled:bg-surface-gray-6":"bg-surface-gray-4 enabled:hover:bg-gray-400 active:bg-gray-500 group-hover:enabled:bg-gray-400",t.size==="md"?"h-5 w-8 border-[3px]":"h-4 w-[26px] border-2"]),u=X(()=>["pointer-events-none inline-block transform rounded-full bg-surface-white shadow ring-0 transition duration-100 ease-in-out",t.size==="md"?"h-3.5 w-3.5":"h-3 w-3",t.size==="md"?p.value?"translate-x-3 rtl:-translate-x-3":"translate-x-0":p.value?"translate-x-2.5 rtl:-translate-x-2.5":"translate-x-0"]),o=X(()=>["font-medium leading-normal",t.disabled&&!t.description?"text-ink-gray-4":"text-ink-gray-8",t.size==="md"?"text-lg":"text-base",t.labelClasses]),b=X(()=>{if(!t.label)return;const c=["flex justify-between"];return t.description?(c.push("items-start"),c.push(t.size==="md"?"px-3 space-x-3.5":"px-2.5 space-x-2.5")):(c.push("group items-center space-x-3 cursor-pointer rounded focus-visible:bg-surface-gray-2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-outline-gray-3"),c.push(t.disabled?"cursor-not-allowed":"hover:bg-surface-gray-3 active:bg-surface-gray-4"),c.push(t.size==="md"?"px-3 py-1.5":"px-2.5 py-1.5")),c});return(c,s)=>(i(),F("div",{class:q(b.value)},[U("div",va,[U("div",ma,[t.icon&&typeof t.icon=="string"?(i(),v(W,{key:0,name:t.icon,class:q(we),"aria-hidden":"true"},null,8,["name"])):t.icon?(i(),v(z(t.icon),{key:1,class:q(we)})):L("",!0),U("label",{class:q(o.value),for:e(r)},$(t.label),11,ha)]),t.description?(i(),F("span",ba,$(t.description),1)):L("",!0)]),I(e(ca),{id:e(r),modelValue:p.value,"onUpdate:modelValue":s[0]||(s[0]=y=>p.value=y),onKeyup:s[1]||(s[1]=pe(te(y=>p.value=!p.value,["self"]),["space"])),class:q(f.value),disabled:t.disabled},{default:m(()=>[I(e(ga),{class:q(u.value)},null,8,["class"])]),_:1},8,["id","modelValue","class","disabled"])],2))}}),_a=M({inheritAttrs:!1,__name:"Dropdown",props:{button:{},options:{default:()=>[]},placement:{default:"left"},side:{default:"bottom"},offset:{default:4}},setup(n){const d=T(!1),t=yt(),p=gt(),l=n;function r(){d.value=!1}const f=(h,k)=>{h.route?t.push(h.route):h.onClick&&h.onClick(k)},u=h=>({...h,label:h.label,theme:h.theme||"gray",icon:h.icon,component:h.component,onClick:k=>f(h,k),submenu:h.submenu}),o=h=>h.disabled?"text-ink-gray-4":h.theme==="red"?"text-ink-red-3":"text-ink-gray-6",b=h=>h.disabled?"text-ink-gray-4":h.theme==="red"?"text-ink-red-3":"text-ink-gray-7",c=h=>h.theme==="red"?"focus:bg-surface-red-3 data-[highlighted]:bg-surface-red-3 data-[state=open]:bg-surface-red-3":"focus:bg-surface-gray-3 data-[highlighted]:bg-surface-gray-3 data-[state=open]:bg-surface-gray-3",s=h=>c(h)+" data-[state=open]:bg-surface-"+(h.theme==="red"?"red-3":"gray-3"),y=h=>{let k=[],R=null,O=0;for(let g of h)if(g!=null){if("group"in g){R&&(k.push(R),R=null);let N={key:O,...g,items:D(g.items)};k.push(N)}else R||(R={key:O,group:"",hideLabel:!0,items:[]}),R.items.push(...D([g]));O++}return R&&k.push(R),k},C=h=>y(h),D=h=>(h||[]).filter(Boolean).filter(k=>k.condition?k.condition():!0).map(k=>u(k)),P=h=>h.items.some(k=>k.icon),_={dropdownContent:"min-w-40 divide-y divide-outline-gray-modals rounded-lg bg-surface-modal shadow-2xl ring-1 ring-black ring-opacity-5 focus:outline-none dropdown-content",groupContainer:"p-1.5",groupLabel:"flex h-7 items-center px-2 text-sm font-medium",itemLabel:"whitespace-nowrap",itemIcon:"mr-2 h-4 w-4 flex-shrink-0",itemIconPlaceholder:"mr-2 h-4 w-4 flex-shrink-0",chevronIcon:"ml-auto h-4 w-4 flex-shrink-0",itemButton:"group flex h-7 w-full items-center rounded px-2 text-base focus:outline-none",submenuTrigger:"group flex h-7 w-full items-center rounded px-2 text-base text-ink-gray-6 focus:outline-none"},K=X(()=>y(l.options)),E=X(()=>l.placement==="left"?"start":l.placement==="right"?"end":l.placement==="center"?"center":"start");return(h,k)=>(i(),v(e(Ht),{open:d.value,"onUpdate:open":k[0]||(k[0]=R=>d.value=R)},{default:m(({open:R})=>[I(e(ua),{"as-child":""},{default:m(()=>[h.$slots.default?S(h.$slots,"default",V(A({key:0},{open:R,close:r,...e(p)})),void 0,!0):(i(),v(e(vt),A({key:1,active:!1},{...n.button,...e(p)}),{default:m(()=>{var O;return[de($(n.button?((O=n.button)==null?void 0:O.label)||null:"Options"),1)]}),_:1},16))]),_:2},1024),I(e(qe),null,{default:m(()=>[I(e(Zt),{class:q([_.dropdownContent,{"origin-top-left":n.placement=="left","origin-top-right":n.placement=="right","origin-top":n.placement=="center"}]),side:n.side,align:E.value,"side-offset":n.offset},{default:m(()=>[(i(!0),F(G,null,le(K.value,O=>(i(),F(G,{key:O.key},[O.items.length?(i(),F("div",{key:0,class:q(_.groupContainer)},[O.group&&!O.hideLabel?(i(),v(e(_e),{key:0,class:q([_.groupLabel,b(O)])},{default:m(()=>[de($(O.group),1)]),_:2},1032,["class"])):L("",!0),(i(!0),F(G,null,le(O.items,g=>(i(),F(G,{key:g.label},[g.switch?(i(),F("div",{key:0,class:q(_.itemButton)},[g.icon&&typeof g.icon=="string"?(i(),v(W,{key:0,name:g.icon,class:q([_.itemIcon,o(g)]),"aria-hidden":"true"},null,8,["name","class"])):g.icon?(i(),v(z(g.icon),{key:1,class:q([_.itemIcon,o(g)])},null,8,["class"])):L("",!0),U("span",{class:q([_.itemLabel,b(g)])},$(g.label),3),I(Ce,{class:"ml-auto","label-classes":"font-normal cursor-pointer",onChange:N=>{var a;return(a=g.onClick)==null?void 0:a.call(g,N)},"model-value":g.switchValue||!1},null,8,["onChange","model-value"])],2)):(i(),v(e(be),{key:1,"as-child":"",onSelect:g.onClick,disabled:g.disabled,class:"data-[disabled]:cursor-not-allowed"},{default:m(()=>[h.$slots.item?S(h.$slots,"item",A({key:0,ref_for:!0},{item:g,close:r}),void 0,!0):g.component?(i(),v(z(g.component),{key:1,active:!1})):g.submenu?(i(),v(e(ra),{key:2},{default:m(()=>[I(e(sa),{"as-child":""},{default:m(()=>[U("button",{class:q([_.submenuTrigger,s(g)])},[g.icon&&typeof g.icon=="string"?(i(),v(W,{key:0,name:g.icon,class:q([_.itemIcon,o(g)]),"aria-hidden":"true"},null,8,["name","class"])):g.icon?(i(),v(z(g.icon),{key:1,class:q([_.itemIcon,o(g)])},null,8,["class"])):P(O)?(i(),F("div",{key:2,class:q(_.itemIconPlaceholder)},null,2)):L("",!0),U("span",{class:q([_.itemLabel,b(g)])},$(g.label),3),I(W,{name:"chevron-right",class:q([_.chevronIcon,o(g)]),"aria-hidden":"true"},null,8,["class"])],2)]),_:2},1024),I(e(qe),null,{default:m(()=>[I(e(oa),{class:q(_.dropdownContent),"side-offset":4},{default:m(()=>[(i(!0),F(G,null,le(C(g.submenu),N=>(i(),F("div",{key:N.key,class:q(_.groupContainer)},[N.group&&!N.hideLabel?(i(),v(e(_e),{key:0,class:q(_.groupLabel)},{default:m(()=>[de($(N.group),1)]),_:2},1032,["class"])):L("",!0),(i(!0),F(G,null,le(N.items,a=>(i(),F(G,{key:a.label},[a.switch?(i(),F("div",{key:0,class:q(_.itemButton)},[a.icon&&typeof a.icon=="string"?(i(),v(W,{key:0,name:a.icon,class:q([_.itemIcon,o(a)]),"aria-hidden":"true"},null,8,["name","class"])):a.icon?(i(),v(z(a.icon),{key:1,class:q([_.itemIcon,o(a)])},null,8,["class"])):L("",!0),U("span",{class:q([_.itemLabel,b(a)])},$(a.label),3),I(Ce,{class:"ml-auto","label-classes":"font-normal cursor-pointer",onChange:w=>{var B;return(B=a.onClick)==null?void 0:B.call(a,w)},"model-value":a.switchValue||!1},null,8,["onChange","model-value"])],2)):(i(),v(e(be),{key:1,"as-child":"",onSelect:w=>f(a,w),disabled:a.disabled,class:"data-[disabled]:cursor-not-allowed"},{default:m(()=>[a.component?(i(),v(z(a.component),{key:0,active:!1})):(i(),F("button",{key:1,class:q([_.itemButton,c(a)])},[a.icon&&typeof a.icon=="string"?(i(),v(W,{key:0,name:a.icon,class:q([_.itemIcon,o(a)]),"aria-hidden":"true"},null,8,["name","class"])):a.icon?(i(),v(z(a.icon),{key:1,class:q([_.itemIcon,o(a)])},null,8,["class"])):P(N)?(i(),F("div",{key:2,class:q(_.itemIconPlaceholder)},null,2)):L("",!0),U("span",{class:q([_.itemLabel,b(a)])},$(a.label),3)],2))]),_:2},1032,["onSelect","disabled"]))],64))),128))],2))),128))]),_:2},1032,["class"])]),_:2},1024)]),_:2},1024)):(i(),F("button",{key:3,class:q([_.itemButton,c(g)])},[g.icon&&typeof g.icon=="string"?(i(),v(W,{key:0,name:g.icon,class:q([_.itemIcon,o(g)]),"aria-hidden":"true"},null,8,["name","class"])):g.icon?(i(),v(z(g.icon),{key:1,class:q([_.itemIcon,o(g)])},null,8,["class"])):P(O)?(i(),F("div",{key:2,class:q(_.itemIconPlaceholder)},null,2)):L("",!0),U("span",{class:q([_.itemLabel,b(g)])},$(g.label),3)],2))]),_:2},1032,["onSelect","disabled"]))],64))),128))],2)):L("",!0)],64))),128))]),_:3},8,["class","side","align","side-offset"])]),_:3})]),_:3},8,["open"]))}});const wa=mt(_a,[["__scopeId","data-v-f44ca474"]]);export{wa as D};
|
|
//# sourceMappingURL=Dropdown-6219a8ca.js.map
|