1 line
9.7 KiB
JavaScript
1 line
9.7 KiB
JavaScript
import{C as e,D as t,Dt as n,E as r,G as i,H as a,I as o,Ot as s,S as c,St as l,Tt as u,gt as d,it as f,k as p,w as m,x as h,z as g}from"./iconify-DYZHDLa8.js";import{E as _,y as v}from"./vue-vendor-DjtlKxRy.js";import{J as y,X as b}from"./index-Uji7rFqr.js";import{D as x,O as S,S as C,_ as w,b as T,g as E,h as D,m as O,t as k,u as A,v as j,x as M,y as N}from"./Teleport-BIYegdAM.js";import{r as P}from"./button-BuRmTYve.js";import{t as F}from"./useForwardExpose-B0BXtanw.js";var[I,L]=S(`DialogRoot`),R=t({inheritAttrs:!1,__name:`DialogRoot`,props:{open:{type:Boolean,required:!1,default:void 0},defaultOpen:{type:Boolean,required:!1,default:!1},modal:{type:Boolean,required:!1,default:!0}},emits:[`update:open`],setup(e,{emit:t}){let n=e,r=v(n,`open`,t,{defaultValue:n.defaultOpen,passive:n.open===void 0}),a=d(),o=d(),{modal:s}=l(n);return L({open:r,modal:s,openModal:()=>{r.value=!0},onOpenChange:e=>{r.value=e},onOpenToggle:()=>{r.value=!r.value},contentId:``,titleId:``,descriptionId:``,triggerElement:a,contentElement:o}),(e,t)=>i(e.$slots,`default`,{open:u(r),close:()=>r.value=!1})}}),z=t({__name:`DialogClose`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`button`}},setup(e){let t=e;F();let n=I();return(e,r)=>(a(),c(u(P),o(t,{type:e.as===`button`?`button`:void 0,onClick:r[0]||=e=>u(n).onOpenChange(!1)}),{default:f(()=>[i(e.$slots,`default`)]),_:3},16,[`type`]))}}),B=t({__name:`DialogContentImpl`,props:{forceMount:{type:Boolean,required:!1},trapFocus:{type:Boolean,required:!1},disableOutsidePointerEvents:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(e,{emit:t}){let n=e,s=t,l=I(),{forwardRef:d,currentElement:p}=F();return l.titleId||=w(void 0,`reka-dialog-title`),l.descriptionId||=w(void 0,`reka-dialog-description`),g(()=>{l.contentElement=p,x()!==document.body&&(l.triggerElement.value=x())}),(e,t)=>(a(),c(u(O),{"as-child":``,loop:``,trapped:n.trapFocus,onMountAutoFocus:t[5]||=e=>s(`openAutoFocus`,e),onUnmountAutoFocus:t[6]||=e=>s(`closeAutoFocus`,e)},{default:f(()=>[r(u(D),o({id:u(l).contentId,ref:u(d),as:e.as,"as-child":e.asChild,"disable-outside-pointer-events":e.disableOutsidePointerEvents,role:`dialog`,"aria-describedby":u(l).descriptionId,"aria-labelledby":u(l).titleId,"data-state":u(A)(u(l).open.value)},e.$attrs,{onDismiss:t[0]||=e=>u(l).onOpenChange(!1),onEscapeKeyDown:t[1]||=e=>s(`escapeKeyDown`,e),onFocusOutside:t[2]||=e=>s(`focusOutside`,e),onInteractOutside:t[3]||=e=>s(`interactOutside`,e),onPointerDownOutside:t[4]||=e=>s(`pointerDownOutside`,e)}),{default:f(()=>[i(e.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`disable-outside-pointer-events`,`aria-describedby`,`aria-labelledby`,`data-state`])]),_:3},8,[`trapped`]))}}),V=t({__name:`DialogContentModal`,props:{forceMount:{type:Boolean,required:!1},trapFocus:{type:Boolean,required:!1},disableOutsidePointerEvents:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(e,{emit:t}){let n=e,r=t,s=I(),l=M(r),{forwardRef:d,currentElement:p}=F();return j(p),(e,t)=>(a(),c(B,o({...n,...u(l)},{ref:u(d),"trap-focus":u(s).open.value,"disable-outside-pointer-events":!0,onCloseAutoFocus:t[0]||=e=>{e.defaultPrevented||(e.preventDefault(),u(s).triggerElement.value?.focus())},onPointerDownOutside:t[1]||=e=>{let t=e.detail.originalEvent,n=t.button===0&&t.ctrlKey===!0;(t.button===2||n)&&e.preventDefault()},onFocusOutside:t[2]||=e=>{e.preventDefault()}}),{default:f(()=>[i(e.$slots,`default`)]),_:3},16,[`trap-focus`]))}}),H=t({__name:`DialogContentNonModal`,props:{forceMount:{type:Boolean,required:!1},trapFocus:{type:Boolean,required:!1},disableOutsidePointerEvents:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(e,{emit:t}){let n=e,r=M(t);F();let s=I(),l=d(!1),p=d(!1);return(e,t)=>(a(),c(B,o({...n,...u(r)},{"trap-focus":!1,"disable-outside-pointer-events":!1,onCloseAutoFocus:t[0]||=e=>{e.defaultPrevented||(l.value||u(s).triggerElement.value?.focus(),e.preventDefault()),l.value=!1,p.value=!1},onInteractOutside:t[1]||=e=>{e.defaultPrevented||(l.value=!0,e.detail.originalEvent.type===`pointerdown`&&(p.value=!0));let t=e.target;u(s).triggerElement.value?.contains(t)&&e.preventDefault(),e.detail.originalEvent.type===`focusin`&&p.value&&e.preventDefault()}}),{default:f(()=>[i(e.$slots,`default`)]),_:3},16))}}),U=t({__name:`DialogContent`,props:{forceMount:{type:Boolean,required:!1},disableOutsidePointerEvents:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(e,{emit:t}){let n=e,r=t,s=I(),l=M(r),{forwardRef:d}=F();return(e,t)=>(a(),c(u(E),{present:e.forceMount||u(s).open.value},{default:f(()=>[u(s).modal.value?(a(),c(V,o({key:0,ref:u(d)},{...n,...u(l),...e.$attrs}),{default:f(()=>[i(e.$slots,`default`)]),_:3},16)):(a(),c(H,o({key:1,ref:u(d)},{...n,...u(l),...e.$attrs}),{default:f(()=>[i(e.$slots,`default`)]),_:3},16))]),_:3},8,[`present`]))}}),W=t({__name:`DialogOverlayImpl`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let t=I();return C(!0),F(),(e,n)=>(a(),c(u(P),{as:e.as,"as-child":e.asChild,"data-state":u(t).open.value?`open`:`closed`,style:{"pointer-events":`auto`}},{default:f(()=>[i(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`data-state`]))}}),G=t({__name:`DialogOverlay`,props:{forceMount:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(t){let n=I(),{forwardRef:s}=F();return(t,l)=>u(n)?.modal.value?(a(),c(u(E),{key:0,present:t.forceMount||u(n).open.value},{default:f(()=>[r(W,o(t.$attrs,{ref:u(s),as:t.as,"as-child":t.asChild}),{default:f(()=>[i(t.$slots,`default`)]),_:3},16,[`as`,`as-child`])]),_:3},8,[`present`])):e(`v-if`,!0)}}),K=t({__name:`DialogPortal`,props:{to:{type:null,required:!1},disabled:{type:Boolean,required:!1},defer:{type:Boolean,required:!1},forceMount:{type:Boolean,required:!1}},setup(e){let t=e;return(e,n)=>(a(),c(u(k),s(p(t)),{default:f(()=>[i(e.$slots,`default`)]),_:3},16))}}),q=t({__name:`DialogTitle`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`h2`}},setup(e){let t=e,n=I();return F(),(e,r)=>(a(),c(u(P),o(t,{id:u(n).titleId}),{default:f(()=>[i(e.$slots,`default`)]),_:3},16,[`id`]))}}),J=t({__name:`Dialog`,props:{open:{type:Boolean},defaultOpen:{type:Boolean},modal:{type:Boolean}},emits:[`update:open`],setup(e,{emit:t}){let n=N(e,t);return(e,t)=>(a(),c(u(R),o({"data-slot":`dialog`},u(n)),{default:f(t=>[i(e.$slots,`default`,s(p(t)))]),_:3},16))}}),Y=t({__name:`DialogOverlay`,props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},setup(e){let t=e,n=_(t,`class`);return(e,r)=>(a(),c(u(G),o({"data-slot":`dialog-overlay`},u(n),{class:u(y)(`data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80`,t.class)}),{default:f(()=>[i(e.$slots,`default`)]),_:3},16,[`class`]))}}),X=t({inheritAttrs:!1,__name:`DialogContent`,props:{forceMount:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]},showCloseButton:{type:Boolean,default:!0}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(t,{emit:n}){let s=t,l=n,d=N(_(s,`class`),l);return(n,l)=>(a(),c(u(K),null,{default:f(()=>[r(Y),r(u(U),o({"data-slot":`dialog-content`},{...n.$attrs,...u(d)},{class:u(y)(`bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg`,s.class)}),{default:f(()=>[i(n.$slots,`default`),t.showCloseButton?(a(),c(u(z),{key:0,"data-slot":`dialog-close`,class:`ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`},{default:f(()=>[r(u(b)),l[0]||=h(`span`,{class:`sr-only`},`Close`,-1)]),_:1})):e(``,!0)]),_:3},16,[`class`])]),_:3}))}}),Z=t({__name:`DialogFooter`,props:{class:{type:[Boolean,null,String,Object,Array]}},setup(e){let t=e;return(e,r)=>(a(),m(`div`,{"data-slot":`dialog-footer`,class:n(u(y)(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,t.class))},[i(e.$slots,`default`)],2))}}),Q=t({__name:`DialogHeader`,props:{class:{type:[Boolean,null,String,Object,Array]}},setup(e){let t=e;return(e,r)=>(a(),m(`div`,{"data-slot":`dialog-header`,class:n(u(y)(`flex flex-col gap-2 text-center sm:text-left`,t.class))},[i(e.$slots,`default`)],2))}}),$=t({__name:`DialogTitle`,props:{asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},setup(e){let t=e,n=T(_(t,`class`));return(e,r)=>(a(),c(u(q),o({"data-slot":`dialog-title`},u(n),{class:u(y)(`text-lg leading-none font-semibold`,t.class)}),{default:f(()=>[i(e.$slots,`default`)]),_:3},16,[`class`]))}});export{J as a,G as c,R as d,I as f,X as i,U as l,Q as n,q as o,Z as r,K as s,$ as t,z as u}; |