https://abonnement.primo.be/_nuxt/B-iL6EJv.js

1import{$ as e,D as t,E as n,Ft as r,Ht as i,On as a,Tn as o,Yt as s,_ as c,ct as l,er as u,et as d,g as f,k as p,mt as m,nr as h,qt as g,v as _,vn as v,xt as y,y as b,z as x}from"./Ib1jYPSS.js";import{S,w as C}from"./BUba7gzX.js";import{t as w}from"./DUfpWM5n2.js";import{C as T,c as E,d as D,h as O,i as k,l as A,n as j,o as M,r as N,s as P,t as F,u as I,w as L}from"./2f4ARqvK2.js";import{c as R,t as z}from"./BPvKtXU_.js";var[B,V]=L(`DialogRoot`),H=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},unmountOnHide:{type:Boolean,required:!1,default:!0}},emits:[`update:open`],setup(e,{emit:t}){let n=e,r=O(n,`open`,t,{defaultValue:n.defaultOpen,passive:n.open===void 0}),i=v(),s=v(),{modal:c,unmountOnHide:l}=o(n);return V({open:r,modal:c,unmountOnHide:l,openModal:()=>{r.value=!0},onOpenChange:e=>{r.value=e},onOpenToggle:()=>{r.value=!r.value},contentId:``,titleId:``,descriptionId:``,triggerElement:i,contentElement:s}),(e,t)=>y(e.$slots,`default`,{open:a(r),close:()=>r.value=!1})}}),U=p({__name:`DialogClose`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`button`}},setup(e){let t=e;A();let n=B();return(e,r)=>(m(),_(a(k),d(t,{type:e.as===`button`?`button`:void 0,onClick:r[0]||=e=>a(n).onOpenChange(!1)}),{default:g(()=>[y(e.$slots,`default`)]),_:3},16,[`type`]))}}),W=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},present:{type:Boolean,required:!1}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(e,{emit:n}){let r=e,i=n,o=B(),{forwardRef:s,currentElement:c}=A();return o.titleId||=P(void 0,`reka-dialog-title`),o.descriptionId||=P(void 0,`reka-dialog-description`),l(()=>{o.contentElement=c,T()!==document.body&&(o.triggerElement.value=T())}),(e,n)=>(m(),_(a(j),{"as-child":``,loop:``,trapped:r.trapFocus,present:r.present,onMountAutoFocus:n[5]||=e=>i(`openAutoFocus`,e),onUnmountAutoFocus:n[6]||=e=>i(`closeAutoFocus`,e)},{default:g(()=>[t(a(N),d({id:a(o).contentId,ref:a(s),as:e.as,"as-child":e.asChild,present:r.present,"disable-outside-pointer-events":e.disableOutsidePointerEvents,role:`dialog`,"aria-describedby":a(o).descriptionId,"aria-labelledby":a(o).titleId,"data-state":a(R)(a(o).open.value)},e.$attrs,{onDismiss:n[0]||=e=>a(o).onOpenChange(!1),onEscapeKeyDown:n[1]||=e=>i(`escapeKeyDown`,e),onFocusOutside:n[2]||=e=>i(`focusOutside`,e),onInteractOutside:n[3]||=e=>i(`interactOutside`,e),onPointerDownOutside:n[4]||=e=>i(`pointerDownOutside`,e)}),{default:g(()=>[y(e.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`present`,`disable-outside-pointer-events`,`aria-describedby`,`aria-labelledby`,`data-state`])]),_:3},8,[`trapped`,`present`]))}}),G=p({__name:`DialogContentModal`,props:{forceMount:{type:Boolean,required:!1},trapFocus:{type:Boolean,required:!1},disableOutsidePointerEvents:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1},present:{type:Boolean,required:!0}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(e,{emit:t}){let n=e,r=t,o=B(),s=I(r),{forwardRef:c,currentElement:l}=A(),u=f(()=>n.present?l.value:void 0);E(u);let p=f(()=>{let{present:e,...t}=n;return t});return i(()=>n.present,(e,t)=>{!e&&t&&o.triggerElement.value?.focus()}),(e,t)=>(m(),_(W,d({...p.value,...a(s)},{ref:a(c),present:e.present,"trap-focus":a(o).open.value,"disable-outside-pointer-events":n.disableOutsidePointerEvents,onCloseAutoFocus:t[0]||=e=>{e.defaultPrevented||(e.preventDefault(),a(o).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:g(()=>[y(e.$slots,`default`)]),_:3},16,[`present`,`trap-focus`,`disable-outside-pointer-events`]))}}),K=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},present:{type:Boolean,required:!0}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(e,{emit:t}){let n=e,r=I(t);A();let o=B(),s=v(!1),c=v(!1),l=f(()=>{let{present:e,...t}=n;return t});return i(()=>n.present,(e,t)=>{!e&&t&&(s.value||o.triggerElement.value?.focus(),s.value=!1,c.value=!1)}),(e,t)=>(m(),_(W,d({...l.value,...a(r)},{present:e.present,"trap-focus":!1,"disable-outside-pointer-events":!1,onCloseAutoFocus:t[0]||=e=>{e.defaultPrevented||(s.value||a(o).triggerElement.value?.focus(),e.preventDefault()),s.value=!1,c.value=!1},onInteractOutside:t[1]||=e=>{e.defaultPrevented||(s.value=!0,e.detail.originalEvent.type===`pointerdown`&&(c.value=!0));let t=e.target;a(o).triggerElement.value?.contains(t)&&e.preventDefault(),e.detail.originalEvent.type===`focusin`&&c.value&&e.preventDefault()}}),{default:g(()=>[y(e.$slots,`default`)]),_:3},16,[`present`]))}}),q=p({__name:`DialogContent`,props:{forceMount:{type:Boolean,required:!1},disableOutsidePointerEvents:{type:Boolean,required:!1,default:void 0},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,i=B(),o=I(r),{forwardRef:c}=A();return(e,t)=>(m(),_(a(M),{present:e.forceMount||a(i).open.value,"force-mount":e.forceMount||!a(i).unmountOnHide.value},{default:g(({present:t})=>[a(i).modal.value?s((m(),_(G,d({key:0,ref:a(c),present:a(i).unmountOnHide.value||t},{...n,...a(o),...e.$attrs}),{default:g(()=>[y(e.$slots,`default`)]),_:2},1040,[`present`])),[[S,a(i).unmountOnHide.value||t]]):s((m(),_(K,d({key:1,ref:a(c),present:a(i).unmountOnHide.value||t},{...n,...a(o),...e.$attrs}),{default:g(()=>[y(e.$slots,`default`)]),_:2},1040,[`present`])),[[S,a(i).unmountOnHide.value||t]])]),_:3},8,[`present`,`force-mount`]))}}),J=p({__name:`DialogDescription`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`p`}},setup(e){let t=e;A();let n=B();return(e,r)=>(m(),_(a(k),d(t,{id:a(n).descriptionId}),{default:g(()=>[y(e.$slots,`default`)]),_:3},16,[`id`]))}}),Y=p({__name:`DialogOverlayImpl`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1},present:{type:Boolean,required:!1,default:!0}},setup(e){let t=e,n=B(),r=D(t.present);return i(()=>t.present,e=>r.value=e),A(),(e,t)=>(m(),_(a(k),{as:e.as,"as-child":e.asChild,"data-state":a(n).open.value?`open`:`closed`,style:{"pointer-events":`auto`},onPointerdown:t[0]||=C(()=>{},[`left`,`self`,`prevent`])},{default:g(()=>[y(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`data-state`]))}}),X=p({__name:`DialogOverlay`,props:{forceMount:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let n=B(),{forwardRef:r}=A();return(e,i)=>a(n)?.modal.value?(m(),_(a(M),{key:0,present:e.forceMount||a(n).open.value,"force-mount":e.forceMount||!a(n).unmountOnHide.value},{default:g(({present:i})=>[s(t(Y,d(e.$attrs,{ref:a(r),as:e.as,"as-child":e.asChild,present:a(n).unmountOnHide.value||i}),{default:g(()=>[y(e.$slots,`default`)]),_:2},1040,[`as`,`as-child`,`present`]),[[S,a(n).unmountOnHide.value||i]])]),_:3},8,[`present`,`force-mount`])):b(`v-if`,!0)}}),Z=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 t=e;return(e,n)=>(m(),_(a(F),u(x(t)),{default:g(()=>[y(e.$slots,`default`)]),_:3},16))}}),Q=p({__name:`DialogTitle`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`h2`}},setup(e){let t=e,n=B();return A(),(e,r)=>(m(),_(a(k),d(t,{id:a(n).titleId}),{default:g(()=>[y(e.$slots,`default`)]),_:3},16,[`id`]))}}),$=p({__name:`DialogTrigger`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`button`}},setup(e){let t=e,n=B(),{forwardRef:r,currentElement:i}=A();return n.contentId||=P(void 0,`reka-dialog-content`),l(()=>{n.triggerElement.value=i.value}),(e,i)=>

1(m(),_(a(k),d(t,{ref:a(r),type:e.as===`button`?`button`:void 0,"aria-haspopup":`dialog`,"aria-expanded":a(n).open.value||!1,"aria-controls":a(n).open.value?a(n).contentId:void 0,"data-state":a(n).open.value?`open`:`closed`,onClick:a(n).onOpenToggle}),{default:g(()=>[y(e.$slots,`default`)]),_:3},16,[`type`,`aria-expanded`,`aria-controls`,`data-state`,`onClick`]))}}),ee={class:`tapp-modal__inner`},te=[`windowed`,`always-windowed`,`compact`,`fullscreen`],ne=p({__name:`TappModal`,props:e({variant:{default:()=>te[0]},accessibleTitle:{},accessibleDescription:{},reka:{}},{open:{type:Boolean},openModifiers:{}}),emits:[`update:open`],setup(e){let i=r(e,`open`);return(r,a)=>{let o=$,s=X,l=Q,f=z,p=J,v=w,b=U,S=q,C=Z,T=H;return m(),_(T,d(e.reka?.root,{open:i.value,"onUpdate:open":a[0]||=e=>i.value=e}),{default:g(()=>[t(o,d({"as-child":``},e.reka?.trigger),{default:g(()=>[y(r.$slots,`trigger`)]),_:3},16),t(C,u(x(e.reka?.portal)),{default:g(()=>[t(s,d({class:`tapp-modal-overlay`},e.reka?.overlay),null,16),t(S,d({class:[`tapp-modal`,`tapp-modal--${e.variant}`],"data-testid":`tapp-modal`},e.reka?.content),{default:g(()=>[t(f,{"as-child":``},{default:g(()=>

1[t(l,u(x(e.reka?.title)),{default:g(()=>[n(h(e.accessibleTitle),1)]),_:1},16)]),_:1}),t(f,{"as-child":``},{default:g(()=>[t(p,u(x(e.reka?.description)),{default:g(()=>[n(h(e.accessibleDescription),1)]),_:1},16)]),_:1}),c(`div`,ee,[y(r.$slots,`default`)]),t(b,d({class:`tapp-modal__close`,"aria-label":`Sluit deze pop-up`,"data-testid":`tapp-modal-close`,"data-analytics-category":`modal`,"data-analytics-action":`modal_close`,"data-analytics-label":e.accessibleTitle},e.reka?.close),{default:g(()=>[t(v,{icon:`x`,size:24})]),_:1},16,[`data-analytics-label`])]),_:3},16,[`class`])]),_:3},16)]),_:3},16,[`open`])}}});export{ne as t};
2//# sourceMappingURL=B-iL6EJv.js.map