https://ita.nl/_nuxt/DKB-BYy1.js

1import{_ as B}from"./D7Z5z9fX.js";import{_ as w}from"./Ca_ml02E.js";import{d as H,aO as O,z as $,I as x,J as I,b as m,f as o,t as L,n as S,A as p,g as u,H as T,s as h,aF as z,C as v,o as f,_ as M}from"./DawSIRb8.js";const N={class:"modal-content"},U={class:"modal-header mb-xlg"},V={class:"heading-4 normal-case mb-0"},A={class:"modal-footer"},D=H({__name:"Modal",props:{isOpen:{type:Boolean},title:{},primaryLabel:{},secondaryLabel:{},extraClass:{}},emits:["close","primary","secondary"],setup(t,{emit:g}){const n=g,l=v(null),_=O(),r=v(!1),i=v(!1);function b(){const e=l.value;e&&(r.value=e.scrollHeight>e.clientHeight,i.value=r.value&&e.scrollTop+e.clientHeight>=e.scrollHeight-1)}function C(){const e=l.value;e&&(i.value=e.scrollTop+e.clientHeight>=e.scrollHeight-1)}let c=null,a=null;return $(()=>{c=x(()=>l.value,e=>{e&&(a?.disconnect(),a=new ResizeObserver(b),a.observe(e),b())},{immediate:!0})}),I(()=>{c&&c(),a?.disconnect()}),(e,s)=>{const k=B,y=w;return f(),m(z,{to:"body"},[o("div",{class:p(["UIModuleModal page-theme reverse-theme",[{"is-open":t.isOpen},t.extraClass,"page-theme-"+u(_).color]])},[o("div",{class:"modal-bg",onClick:s[0]||(s[0]=d=>n("close"))}),o("div",N,[o("div",U,[o("h3",V,L(t.title),1),o("button",{"aria-label":"Sluiten",class:"close-btn",onClick:s[1]||(s[1]=d=>n("close"))},[S(k,{icon:"close"})])]),o("div",{class:p(["modal-body",{"has-overflow":u(r),"is-scrolled-to-bottom":u(i)}])},[o("div",{ref_key:"modalBody",ref:l,class:"body-inside",onScroll:C},[T(e.$slots,"body",{},void 0,!0)],544)],2),o("div",A,[t.primaryLabel?(f(),m(y,{key:0,class:"btn btn-primary full-w space-between m-0",name:t.primaryLabel,icon:"filter",onClick:s[2]||(s[2]=d=>n("primary"))},null,8,["name"])):h("",!0),t.secondaryLabel?(f(),m(y,{key:1,class:"btn btn-secondary m-0 order--1",name:t.secondaryLabel,onClick:s[3]||(s[3]=d=>n("secondary"))},null,8,["name"])):h("",!0)])])],2)])}}}),W=M(D,[["__scopeId","data-v-7654a205"]]);export{W as default};