1 line
9.4 KiB
JavaScript
1 line
9.4 KiB
JavaScript
import{A as e,C as t,I as n,N as r,Q as i,St as a,_ as o,b as s,g as c,gt as l,h as u,ut as d,v as f,x as p,xt as m,yt as h,z as g}from"./vue.runtime.esm-bundler-DS0mm12S.js";import{t as _}from"./utils-u71wZLxr.js";import{X as v,_t as y,rt as b}from"./index-aDrlI3dP.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-CHY6zPT-.js";import{i as P}from"./button-DQxx5HZh.js";import{t as F}from"./useForwardExpose-DNY3s-e3.js";var[I,L]=S(`DialogRoot`),R=p({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}),i=d(),a=d(),{modal:o}=l(n);return L({open:r,modal:o,openModal:()=>{r.value=!0},onOpenChange:e=>{r.value=e},onOpenToggle:()=>{r.value=!r.value},contentId:``,titleId:``,descriptionId:``,triggerElement:i,contentElement:a}),(e,t)=>g(e.$slots,`default`,{open:h(r),close:()=>r.value=!1})}}),z=p({__name:`DialogClose`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`button`}},setup(t){let r=t;F();let a=I();return(t,o)=>(n(),c(h(P),e(r,{type:t.as===`button`?`button`:void 0,onClick:o[0]||=e=>h(a).onOpenChange(!1)}),{default:i(()=>[g(t.$slots,`default`)]),_:3},16,[`type`]))}}),B=p({__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(t,{emit:a}){let o=t,l=a,u=I(),{forwardRef:d,currentElement:f}=F();return u.titleId||=w(void 0,`reka-dialog-title`),u.descriptionId||=w(void 0,`reka-dialog-description`),r(()=>{u.contentElement=f,x()!==document.body&&(u.triggerElement.value=x())}),(t,r)=>(n(),c(h(O),{"as-child":``,loop:``,trapped:o.trapFocus,onMountAutoFocus:r[5]||=e=>l(`openAutoFocus`,e),onUnmountAutoFocus:r[6]||=e=>l(`closeAutoFocus`,e)},{default:i(()=>[s(h(D),e({id:h(u).contentId,ref:h(d),as:t.as,"as-child":t.asChild,"disable-outside-pointer-events":t.disableOutsidePointerEvents,role:`dialog`,"aria-describedby":h(u).descriptionId,"aria-labelledby":h(u).titleId,"data-state":h(A)(h(u).open.value)},t.$attrs,{onDismiss:r[0]||=e=>h(u).onOpenChange(!1),onEscapeKeyDown:r[1]||=e=>l(`escapeKeyDown`,e),onFocusOutside:r[2]||=e=>l(`focusOutside`,e),onInteractOutside:r[3]||=e=>l(`interactOutside`,e),onPointerDownOutside:r[4]||=e=>l(`pointerDownOutside`,e)}),{default:i(()=>[g(t.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`disable-outside-pointer-events`,`aria-describedby`,`aria-labelledby`,`data-state`])]),_:3},8,[`trapped`]))}}),V=p({__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(t,{emit:r}){let a=t,o=r,s=I(),l=M(o),{forwardRef:u,currentElement:d}=F();return j(d),(t,r)=>(n(),c(B,e({...a,...h(l)},{ref:h(u),"trap-focus":h(s).open.value,"disable-outside-pointer-events":!0,onCloseAutoFocus:r[0]||=e=>{e.defaultPrevented||(e.preventDefault(),h(s).triggerElement.value?.focus())},onPointerDownOutside:r[1]||=e=>{let t=e.detail.originalEvent,n=t.button===0&&t.ctrlKey===!0;(t.button===2||n)&&e.preventDefault()},onFocusOutside:r[2]||=e=>{e.preventDefault()}}),{default:i(()=>[g(t.$slots,`default`)]),_:3},16,[`trap-focus`]))}}),H=p({__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(t,{emit:r}){let a=t,o=M(r);F();let s=I(),l=d(!1),u=d(!1);return(t,r)=>(n(),c(B,e({...a,...h(o)},{"trap-focus":!1,"disable-outside-pointer-events":!1,onCloseAutoFocus:r[0]||=e=>{e.defaultPrevented||(l.value||h(s).triggerElement.value?.focus(),e.preventDefault()),l.value=!1,u.value=!1},onInteractOutside:r[1]||=e=>{e.defaultPrevented||(l.value=!0,e.detail.originalEvent.type===`pointerdown`&&(u.value=!0));let t=e.target;h(s).triggerElement.value?.contains(t)&&e.preventDefault(),e.detail.originalEvent.type===`focusin`&&u.value&&e.preventDefault()}}),{default:i(()=>[g(t.$slots,`default`)]),_:3},16))}}),U=p({__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(t,{emit:r}){let a=t,o=r,s=I(),l=M(o),{forwardRef:u}=F();return(t,r)=>(n(),c(h(E),{present:t.forceMount||h(s).open.value},{default:i(()=>[h(s).modal.value?(n(),c(V,e({key:0,ref:h(u)},{...a,...h(l),...t.$attrs}),{default:i(()=>[g(t.$slots,`default`)]),_:3},16)):(n(),c(H,e({key:1,ref:h(u)},{...a,...h(l),...t.$attrs}),{default:i(()=>[g(t.$slots,`default`)]),_:3},16))]),_:3},8,[`present`]))}}),W=p({__name:`DialogOverlayImpl`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let t=I();return C(!0),F(),(e,r)=>(n(),c(h(P),{as:e.as,"as-child":e.asChild,"data-state":h(t).open.value?`open`:`closed`,style:{"pointer-events":`auto`}},{default:i(()=>[g(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`data-state`]))}}),G=p({__name:`DialogOverlay`,props:{forceMount:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(t){let r=I(),{forwardRef:a}=F();return(t,l)=>h(r)?.modal.value?(n(),c(h(E),{key:0,present:t.forceMount||h(r).open.value},{default:i(()=>[s(W,e(t.$attrs,{ref:h(a),as:t.as,"as-child":t.asChild}),{default:i(()=>[g(t.$slots,`default`)]),_:3},16,[`as`,`as-child`])]),_:3},8,[`present`])):o(`v-if`,!0)}}),K=p({__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 r=e;return(e,o)=>(n(),c(h(k),a(t(r)),{default:i(()=>[g(e.$slots,`default`)]),_:3},16))}}),q=p({__name:`DialogTitle`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`h2`}},setup(t){let r=t,a=I();return F(),(t,o)=>(n(),c(h(P),e(r,{id:h(a).titleId}),{default:i(()=>[g(t.$slots,`default`)]),_:3},16,[`id`]))}}),J=p({__name:`Dialog`,props:{open:{type:Boolean},defaultOpen:{type:Boolean},modal:{type:Boolean}},emits:[`update:open`],setup(r,{emit:o}){let s=N(r,o);return(r,o)=>(n(),c(h(R),e({"data-slot":`dialog`},h(s)),{default:i(e=>[g(r.$slots,`default`,a(t(e)))]),_:3},16))}}),Y=p({__name:`DialogOverlay`,props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},setup(t){let r=t,a=b(r,`class`);return(t,o)=>(n(),c(h(G),e({"data-slot":`dialog-overlay`},h(a),{class:h(_)(`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`,r.class)}),{default:i(()=>[g(t.$slots,`default`)]),_:3},16,[`class`]))}}),X=p({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:r}){let a=t,l=r,d=N(b(a,`class`),l);return(r,l)=>(n(),c(h(K),null,{default:i(()=>[s(Y),s(h(U),e({"data-slot":`dialog-content`},{...r.$attrs,...h(d)},{class:h(_)(`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`,a.class)}),{default:i(()=>[g(r.$slots,`default`),t.showCloseButton?(n(),c(h(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:i(()=>[s(h(y)),l[0]||=u(`span`,{class:`sr-only`},`Close`,-1)]),_:1})):o(``,!0)]),_:3},16,[`class`])]),_:3}))}}),Z=p({__name:`DialogHeader`,props:{class:{type:[Boolean,null,String,Object,Array]}},setup(e){let t=e;return(e,r)=>(n(),f(`div`,{"data-slot":`dialog-header`,class:m(h(_)(`flex flex-col gap-2 text-center sm:text-left`,t.class))},[g(e.$slots,`default`)],2))}}),Q=p({__name:`DialogTitle`,props:{asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},setup(t){let r=t,a=T(b(r,`class`));return(t,o)=>(n(),c(h(q),e({"data-slot":`dialog-title`},h(a),{class:h(_)(`text-lg leading-none font-semibold`,r.class)}),{default:i(()=>[g(t.$slots,`default`)]),_:3},16,[`class`]))}});export{q as a,U as c,I as d,J as i,z as l,Z as n,K as o,X as r,G as s,Q as t,R as u}; |