https://mixonline.nl/_nuxt/BSzfj3ll.js

1import{_ as Ve}from"./CNv4Olc0.js";import{_ as dt}from"./CDNhshiE.js";import{d as J,a as ae,b as ie,p as _e,s as v,D as Se,h as y,i as r,k as m,x as C,t as A,v as d,H as Ne,w as O,j as h,I as Q,M as be,c as he,l as et,q as Ue,A as mt,F as K,z as me,y as V,r as He,Z as pt,a5 as G,a6 as ue,R as re,a7 as H,o as ze,a2 as gt,V as tt,W as Me,a8 as Ke,a9 as se,N as nt,L as Be,S as st,$ as ft,J as Ee,K as ce,B as Je,e as vt,f as ot,O as ht,E as _t,m as bt,g as wt,T as We,P as Ye}from"./CfwR7KjC.js";import Ce from"./DahKxLZg.js";import{_ as at,a as lt}from"./lT2WgMtg.js";import{_ as Fe}from"./CK3j4WxR.js";import{u as rt}from"./BlYXyQln.js";import{u as it}from"./DKm_AvMO.js";import{a as oe,u as qe}from"./Dsl0BBls.js";import{_ as yt}from"./CCWZUn3U.js";import{_ as kt}from"./jtcf1M5Q.js";import xt from"./Bbu50V-a.js";import{u as St}from"./BkKQwNi9.js";import{u as Ct}from"./BEABXW8M.js";const At={class:"flex gap-2 mb-2 flex-col lg:flex-row"},Tt=["disabled"],$t={key:1,class:"text-sm"},It={class:"text-right"},Lt=J({__name:"LeadsAccessForm",emits:["new-user"],setup(s,{emit:a}){const e=ae(),u=ie(),c=_e("isPro").value,n=v([]);c?(n.value.push(5),n.value.push(13),n.value.push(14)):(n.value.push(6),n.value.push(12),n.value.push(15));const t=v({}),p=a,g=v(!1),i=async(b,l)=>{try{const _=await rt().getToken("leadSignup");b.recaptchaToken=_,b.newsletters=n.value,await be().getLeadAccess({client:e,url:u},b),it().userRegisterRefererCookie().value=he().fullPath,oe().$show({title:"Succesvol ingeschreven",message:"Je hebt je succesvol ingeschreven. We hebben je een email gestuurd met een link om dit artikel te ontgrendelen.",confirmText:"OK"}),g.value=!0,l.reset()}catch{oe().$show({title:"Inschrijven mislukt",message:"Er is iets misgegaan, probeer het later opnieuw.",confirmText:"OK"})}},w=async b=>{p("new-user",{showModal:b})};return(b,l)=>{const _=Se("FormKit"),L=Ce,T=at,x=lt,$=Fe;return r(),y("div",null,[l[6]||(l[6]=m("h2",null,"Vul je e-mailadres in om dit artikel te ontgrendelen",-1)),d(g)?A("",!0):(r(),C(_,{key:0,id:"lead-access-form",modelValue:d(t),"onUpdate:modelValue":l[2]||(l[2]=M=>Ne(t)?t.value=M:null),"incomplete-message":!1,type:"form",actions:!1,onSubmit:i},{default:O(({disabled:M})=>[h(_,{name:"email",type:"email",placeholder:"[email protected]","validation-visibility":"dirty",validation:"required|email","outer-class":"!mb-2"}),m("div",At,[m("button",{class:"btn btn-main",disabled:M,type:"submit"},[h(L,{name:"fa6-solid:lock-open"}),l[3]||(l[3]=Q(" Ontgrendel "))],8,Tt),h(T,{text:"Ontgrendel met Google",newsletters:d(n),onExistingUser:l[0]||(l[0]=U=>w(!1)),onNewUser:l[1]||(l[1]=U=>w(!0))},null,8,["newsletters"]),h(x,{text:"Ontgrendel met LinkedIn",newsletters:d(n)},null,8,["newsletters"])])]),_:1},8,["modelValue"])),d(g)?(r(),y("p",$t,"Je hebt je succesvol ingeschreven.")):A("",!0),m("p",It,[l[5]||(l[5]=Q(" Powered by ")),h($,{to:"https://contentlockr.com/?utm_source=mix&utm_medium=leads_access_form",target:"_blank",external:""},{default:O(()=>l[4]||(l[4]=[Q("Contentlockr")])),_:1,__:[4]})])])}}}),jt=["innerHTML"],Mt=J({__name:"Block",props:{slug:{}},async setup(s){let a,e;const u=s,c=v(""),n=ae(),t=ie(),{data:p,error:g}=([a,e]=et(async()=>Ue(async()=>await mt().fetchItem({client:n,url:t},u.slug),"$Y3h6k6IVjo")),a=await a,e(),a);return p.value?c.value=p.value.content||"":`${u.slug}`,(i,w)=>(r(),y("div",{class:"content-block",innerHTML:d(c)},null,8,jt))}}),Nt={key:0,class:"grid grid-cols-3 gap-4 mb-4"},Et={class:"p-5 absolute bottom-0 bg-gradient-to-t from-neutral-700 to-neutral-700/0 max-h-full w-full overflow-hidden"},Ot={class:"text-4xl text-white line-clamp-3 sm:line-clamp-none font-roboto [text-shadow:0_0_5px_#000000cc]"},Pt={class:"text-sm text-neutral-400 m-0"},Dt={key:2,class:"flex items-center justify-center h-96"},Rt=J({__name:"ArticlesByTag",props:{tags:{type:Array,required:!0},exclude:{type:Array,default:()=>[]},limit:{type:[String,Number],required:!0},start:{type:[String,Number],default:0}},emits:["loaded"],setup(s,{emit:a}){const e=_e("isPro").value,u=s,c=a,n=v([]),t=ae(),p=ie();return Ue(async()=>{try{const g={populate:["categories","cover"],filters:{tags:{id:{$in:u.tags},name:{$notIn:["Nieuws","Blog","Column","Artikelen","Video","Email","Close-ups","Advertorials"]}},categories:{id:{$eq:e?1:0}}},sort:["publishAt:desc"],pagination:{start:u.start,limit:u.limit}};u.exclude.length&&(g.filters.id={$notIn:u.exclude});const i=await be().fetch({client:t,url:p},g);n.value=i.data,c("loaded",n.value.length)}catch{}},{lazy:!0,server:!1},"$vtsofFwhqg"),(g,i)=>{const w=Ce,b=Ve,l=Fe;return d(n).length?(r(),y("div",Nt,[(r(!0),y(K,null,me(d(n),_=>(r(),C(l,{to:`/news/${_.id}/${_.slug}`,class:"content relative col-span-3 lg:col-span-1"},{default:O(()=>{var L;

1return[m("div",Et,[m("h1",Ot,V(_.title),1),m("p",Pt,[h(w,{name:"fa6-regular:clock"}),Q(" "+V(new Date(_.publishAt).toLocaleDateString("nl",{day:"2-digit",month:"long",year:"numeric"}))+" om "+V(new Date(_.publishAt).toLocaleTimeString("nl",{hour:"2-digit",minute:"2-digit"})),1)])]),(L=_.cover)!=null&&L.url?(r(),C(b,{key:0,class:"w-full object-cover aspect-3/2 lg:aspect-[2/3]",src:`${_.cover.url}?w=960`,alt:_.cover.alternativeText},null,8,["src","alt"])):_!=null&&_.legacyCoverURI?(r(),C(b,{key:1,src:`${_.legacyCoverURI}?w=960`,class:"w-full object-cover aspect-3/2 lg:aspect-[2/3]"},null,8,["src"])):(r(),y("div",Dt,"Geen afbeelding"))]}),_:2},1032,["to"]))),256))])):A("",!0)}}}),Ze="comments/api::content.content:",ct=()=>({fetchComments:async({client:s,url:a},e)=>{var c,n;const u=pt.stringify({sort:"createdAt:asc"},{addQueryPrefix:!0,encodeValuesOnly:!0});try{const t=`${Ze}${e}${u}`;return await s(t,{method:"GET"})}catch(t){throw He({statusCode:((c=t==null?void 0:t.error)==null?void 0:c.status)??(t==null?void 0:t.status)??500,message:((n=t==null?void 0:t.error)==null?void 0:n.message)??(t==null?void 0:t.message)??"Request failed"})}},submitComment:async({client:s,url:a},{comment:e,contentId:u})=>{var c,n;try{const t=`${Ze}${u}`;await s(t,{method:"POST",body:{content:e}})}catch(t){throw He({statusCode:((c=t==null?void 0:t.error)==null?void 0:c.status)??(t==null?void 0:t.status)??500,message:((n=t==null?void 0:t.error)==null?void 0:n.message)??(t==null?void 0:t.message)??"Request failed"})}}}),Vt={class:"flex mb-4 gap-4"},Ut={class:"comment-data d-flex flex-column"},zt={class:"comment-message"},Bt={key:0},Ft=J({__name:"Comments",props:{contentId:{type:[String,Number],required:!0}},setup(s){const a=s,e=v([]),u=ae(),c=ie();Ue(async()=>{try{const t=await ct().fetchComments({client:u,url:c},a.contentId.toString());e.value=t}catch{qe().$show({message:"Er is iets misgegaan bij het ophalen van de reacties."})}},{lazy:!0,server:!1},"$sqx5sP7TBi");const n=t=>{const p={year:"numeric",month:"long",day:"numeric",hour:"numeric",minute:"numeric"};return new Date(t).toLocaleString("nl",p)};return(t,p)=>(r(),y("div",null,[(r(!0),y(K,null,me(d(e),(g,i)=>(r(),y("div",{key:i},[m("div",Vt,[m("div",Ut,[m("div",null,[m("strong",null,V(g.authorName||"Anoniem")+", ",1),m("span",null,V(n(g.createdAt)),1)]),m("div",zt,V(g.content),1)])])]))),128)),d(e).length?A("",!0):(r(),y("p",Bt,"Er zijn nog geen reacties."))]))}}),qt=J({__name:"CommentForm",props:{contentId:{type:[String,Number],required:!0}},emits:["success","error"],setup(s,{emit:a}){const e=s,u=a,c=ae(),n=ie(),t=async p=>{const{comment:g}=p;try{await ct().submitComment({client:c,url:n},{contentId:e.contentId.toString(),comment:g}),qe().$show({message:"Je reactie is geplaatst. Na goedkeuring zal deze zichtbaar zijn.",durationMs:5e3}),u("success")}catch{oe().$show({message:"Er is iets misgegaan bij het plaatsen van je reactie. Probeer het later nog eens.",confirmText:"OK"}),u("error")}};return(p,g)=>{const i=Se("FormKit");return r(),C(i,{id:"commentForm",type:"form",actions:!1,onSubmit:t},{default:O(({disabled:w})=>[h(i,{name:"comment",type:"textarea",validation:"required"}),h(i,{type:"submit",label:"Verstuur"})]),_:1})}}});/**
2 * Vue 3 Carousel 0.3.4
3 * (c) 2024
4 * @license MIT
5 */const E={itemsToShow:1,itemsToScroll:1,modelValue:0,transition:300,autoplay:0,snapAlign:"center",wrapAround:!1,throttle:16,pauseAutoplayOnHover:!1,mouseDrag:!0,touchDrag:!0,dir:"ltr",breakpoints:void 0,i18n:{ariaNextSlide:"Navigate to next slide",ariaPreviousSlide:"Navigate to previous slide",ariaNavigateToSli

5de:"Navigate to slide {slideNumber}",ariaGallery:"Gallery",itemXofY:"Item {currentSlide} of {slidesCount}",iconArrowUp:"Arrow pointing upwards",iconArrowDown:"Arrow pointing downwards",iconArrowRight:"Arrow pointing to the right",iconArrowLeft:"Arrow pointing to the left"}},Qe={itemsToShow:{default:E.itemsToShow,type:Number},itemsToScroll:{default:E.itemsToScroll,type:Number},wrapAround:{default:E.wrapAround,type:Boolean},throttle:{default:E.throttle,type:Number},snapAlign:{default:E.snapAlign,validator(s){return["start","end","center","center-even","center-odd"].includes(s)}},transition:{default:E.transition,type:Number},breakpoints:{default:E.breakpoints,type:Object},autoplay:{default:E.autoplay,type:Number},pauseAutoplayOnHover:{default:E.pauseAutoplayOnHover,type:Boolean},modelValue:{default:void 0,type:Number},mouseDrag:{default:E.mouseDrag,type:Boolean},touchDrag:{default:E.touchDrag,type:Boolean},dir:{default:E.dir,validator(s){return["rtl","ltr"].includes(s)}},i18n:{default:E.i18n,type:Object},settings:{default(){return{}},type:Object}};function Xt({config:s,slidesCount:a}){const{snapAlign:e,wrapAround:u,itemsToShow:c=1}=s;if(u)return Math.max(a-1,0);let n;switch(e){case"start":n=a-c;break;case"end":n=a-1;break;case"center":case"center-odd":n=a-Math.ceil((c-.5)/2);break;case"center-even":n=a-Math.ceil(c/2);break;default:n=0;break}return Math.max(n,0)}function Gt({config:s,slidesCount:a}){const{wrapAround:e,snapAlign:u,itemsToShow:c=1}=s;let n=0;if(e||c>a)return n;switch(u){case"start":n=0;break;case"end":n=c-1;break;case"center":case"center-odd":n=Math.floor((c-1)/2);break;case"center-even":n=Math.floor((c-2)/2);break;default:n=0;break}return n}function Oe({val:s,max:a,min:e}){return a<e?s:Math.min(Math.max(s,e),a)}function Ht({config:s,currentSlide:a,slidesCount:e}){const{snapAlign:u,wrapAround:c,itemsToShow:n=1}=s;let t=a;switch(u){case"center":case"center-odd":t-=(n-1)/2;break;case"center-even":t-=(n-2)/2;break;case"end":t-=n-1;break}return c?t:Oe({val:t,max:e-n,min:0})}function ut(s){return s?s.reduce((a,e)=>{var u;return e.type===K?[...a,...ut(e.children)]:((u=e.type)===null||u===void 0?void 0:u.name)==="CarouselSlide"?[...a,e]:a},[]):[]}function Pe({val:s,max:a,min:e=0}){return s>a?Pe({val:s-(a+1),max:a,min:e}):s<e?Pe({val:s+(a+1),max:a,min:e}):s}function Kt(s,a){let e;return a?function(...u){const c=this;e||(s.apply(c,u),e=!0,setTimeout(()=>e=!1,a))}:s}function Jt(s,a){let e;return function(...u){e&&clearTimeout(e),e=setTimeout(()=>{s(...u),e=null},a)}}function Wt(s="",a={}){return Object.entries(a).reduce((e,[u,c])=>e.replace(`{${u}}`,String(c)),s)}var Yt=J({name:"ARIA",setup(){const s=G("config",ue(Object.assign({},E))),a=G("currentSlide",v(0)),e=G("slidesCount",v(0));return()=>H("div",{class:["carousel__liveregion","carousel__sr-only"],"aria-live":"polite","aria-atomic":"true"},Wt(s.i18n.itemXofY,{currentSlide:a.value+1,slidesCount:e.value}))}}),Zt=J({name:"Carousel",props:Qe,setup(s,{slots:a,emit:e,expose:u}){var c;const n=v(null),t=v([]),p=v(0),g=v(0),i=ue(Object.assign({},E));let w=Object.assign({},E),b;const l=v((c=s.modelValue)!==null&&c!==void 0?c:0),_=v(0),L=v(0),T=v(0),x=v(0);let $,M;se("config",i),se("slidesCount",g),se("currentSlide",l),se("maxSlide",T),se("minSlide",x),se("slideWidth",p);function U(){b=Object.assign({},s.breakpoints),w=Object.assign(Object.assign(Object.assign({},w),s),{i18n:Object.assign(Object.assign({},w.i18n),s.i18n),breakpoints:void 0}),S(w)}function P(){if(!b||!Object.keys(b).length)return;const f=Object.keys(b).map(N=>Number(N)).sort((N,ne)=>+ne-+N);let R=Object.assign({},w);f.some(N=>{const ne=window.matchMedia(`(min-width: ${N}px)`).matches;return ne&&(R=Object.assign(Object.assign({},R),b[N])),ne}),S(R)}function S(f){Object.entries(f).forEach(([R,N])=>i[R]=N)}const Z=Jt(()=>{P(),F(),B()},16);function B(){if(!n.value)return;const f=n.value.getBoundingClientRect();p.value=f.width/i.itemsToShow}function F(){g.value<=0||(L.value=Math.ceil((g.value-1)/2),T.value=Xt({config:i,slidesCount:g.value}),x.value=Gt({config:i,slidesCount:g.value}),i.wrapAround||(l.value=Oe({val:l.value,max:T.value,min:x.value})))}ze(()=>{gt(()=>B()),setTimeout(()=>B(),1e3),P(),le(),window.addEventListener("resize",Z,{passive:!0}),e("init")}),tt(()=>

5{M&&clearTimeout(M),$&&clearInterval($),window.removeEventListener("resize",Z,{passive:!0})});let I=!1;const q={x:0,y:0},W={x:0,y:0},z=ue({x:0,y:0}),o=v(!1),k=v(!1),X=()=>{o.value=!0},j=()=>{o.value=!1};function Y(f){["INPUT","TEXTAREA","SELECT"].includes(f.target.tagName)||(I=f.type==="touchstart",I||f.preventDefault(),!(!I&&f.button!==0||ee.value)&&(q.x=I?f.touches[0].clientX:f.clientX,q.y=I?f.touches[0].clientY:f.clientY,document.addEventListener(I?"touchmove":"mousemove",we,!0),document.addEventListener(I?"touchend":"mouseup",ye,!0)))}const we=Kt(f=>{k.value=!0,W.x=I?f.touches[0].clientX:f.clientX,W.y=I?f.touches[0].clientY:f.clientY;const R=W.x-q.x,N=W.y-q.y;z.y=N,z.x=R},i.throttle);function ye(){const f=i.dir==="rtl"?-1:1,R=Math.sign(z.x)*.4,N=Math.round(z.x/p.value+R)*f;if(N&&!I){const ne=Ge=>{window.removeEventListener("click",ne,!0)};window.addEventListener("click",ne,!0)}te(l.value-N),z.x=0,z.y=0,k.value=!1,document.removeEventListener(I?"touchmove":"mousemove",we,!0),document.removeEventListener(I?"touchend":"mouseup",ye,!0)}function le(){!i.autoplay||i.autoplay<=0||($=setInterval(()=>{i.pauseAutoplayOnHover&&o.value||de()},i.autoplay))}function pe(){$&&(clearInterval($),$=null),le()}const ee=v(!1);function te(f){const R=i.wrapAround?f:Oe({val:f,max:T.value,min:x.value});l.value===R||ee.value||(e("slide-start",{slidingToIndex:f,currentSlideIndex:l.value,prevSlideIndex:_.value,slidesCount:g.value}),ee.value=!0,_.value=l.value,l.value=R,M=setTimeout(()=>{if(i.wrapAround){const N=Pe({val:R,max:T.value,min:0});N!==l.value&&(l.value=N,e("loop",{currentSlideIndex:l.value,slidingToIndex:f}))}e("update:modelValue",l.value),e("slide-end",{currentSlideIndex:l.value,prevSlideIndex:_.value,slidesCount:g.value}),ee.value=!1,pe()},i.transition))}function de(){te(l.value+i.itemsToScroll)}function ge(){te(l.value-i.itemsToScroll)}const ke={slideTo:te,next:de,prev:ge};se("nav",ke),se("isSliding",ee);const xe=re(()=>Ht({config:i,currentSlide:l.value,slidesCount:g.value}));se("slidesToScroll",xe);const Ae=re(()=>{const f=i.dir==="rtl"?-1:1,R=xe.value*p.value*f;return{transform:`translateX(${z.x-R}px)`,transition:`${ee.value?i.transition:0}ms`,margin:i.wrapAround?`0 -${g.value*p.value}px`:"",width:"100%"}});function fe(){U(),P(),F(),B(),pe()}Object.keys(Qe).forEach(f=>{["modelValue"].includes(f)||Me(()=>s[f],fe)}),Me(()=>s.modelValue,f=>{f!==l.value&&te(Number(f))}),Me(g,F),e("before-init"),U();const D={config:i,slidesCount:g,slideWidth:p,next:de,prev:ge,slideTo:te,currentSlide:l,maxSlide:T,minSlide:x,middleSlide:L};u({updateBreakpointsConfigs:P,updateSlidesData:F,updateSlideWidth:B,initDefaultConfigs:U,restartCarousel:fe,slideTo:te,next:de,prev:ge,nav:ke,data:D});const Te=a.default||a.slides,$e=a.addons,Xe=ue(D);return()=>{const f=ut(Te==null?void 0:Te(Xe)),R=($e==null?void 0:$e(Xe))||[];f.forEach((Ie,Le)=>Ie.props.index=Le);let N=f;if(i.wrapAround){const Ie=f.map((je,ve)=>Ke(je,{index:-f.length+ve,isClone:!0,key:`clone-before-${ve}`})),Le=f.map((je,ve)=>Ke(je,{index:f.length+ve,isClone:!0,key:`clone-after-${ve}`}));N=[...Ie,...f,...Le]}t.value=f,g.value=Math.max(f.length,1);const ne=H("ol",{class:"carousel__track",style:Ae.value,onMousedownCapture:i.mouseDrag?Y:null,onTouchstartPassiveCapture:i.touchDrag?Y:null},N),Ge=H("div",{class:"carousel__viewport"},ne);return H("section",{ref:n,class:{carousel:!0,"is-sliding":ee.value,"is-dragging":k.value,"is-hover":o.value,"carousel--rtl":i.dir==="rtl"},dir:i.dir,"aria-label":i.i18n.ariaGallery,tabindex:"0",onMouseenter:X,onMouseleave:j},[Ge,R,H(Yt)])}}}),De;(function(s){s.arrowUp="arrowUp",s.arrowDown="arrowDown",s.arrowRight="arrowRight",s.arrowLeft="arrowLeft"})(De||(De={}));const Qt={arrowUp:"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z",arrowDown:"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z",arrowRight:"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z",arrowLeft:"M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"};function en(s){return s in De}const Re=s=>{const a=G("config",ue(Object.assign({},E))),e=String(s.name),u=`icon${e.charAt(0).toUpperCase()+e.slice(1)}`;if(!e||typeof e!="string"||!en(e))return;const c=Qt[e],n=H("path",{d:c}),t=a.i18n[u]||s.title||e,p=H("title",t);return H("svg",{class:"carousel__icon",viewBox:"0 0 24 24",role:"img","aria-label":t},[p,n])};Re.props={name:String,title:String};const tn=(s,{slots:a,attrs:e})=>{const{next:u,prev:c}=a||{},n=G("config",ue(Object.assign({}

5,E))),t=G("maxSlide",v(1)),p=G("minSlide",v(1)),g=G("currentSlide",v(1)),i=G("nav",{}),{dir:w,wrapAround:b,i18n:l}=n,_=w==="rtl",L=H("button",{type:"button",class:["carousel__prev",!b&&g.value<=p.value&&"carousel__prev--disabled",e==null?void 0:e.class],"aria-label":l.ariaPreviousSlide,onClick:i.prev},(c==null?void 0:c())||H(Re,{name:_?"arrowRight":"arrowLeft"})),T=H("button",{type:"button",class:["carousel__next",!b&&g.value>=t.value&&"carousel__next--disabled",e==null?void 0:e.class],"aria-label":l.ariaNextSlide,onClick:i.next},(u==null?void 0:u())||H(Re,{name:_?"arrowLeft":"arrowRight"}));return[L,T]};var nn=J({name:"CarouselSlide",props:{index:{type:Number,default:1},isClone:{type:Boolean,default:!1}},setup(s,{slots:a}){const e=G("config",ue(Object.assign({},E))),u=G("currentSlide",v(0)),c=G("slidesToScroll",v(0)),n=G("isSliding",v(!1)),t=re(()=>s.index===u.value),p=re(()=>s.index===u.value-1),g=re(()=>s.index===u.value+1),i=re(()=>{const w=Math.floor(c.value),b=Math.ceil(c.value+e.itemsToShow-1);return s.index>=w&&s.index<=b});return()=>{var w;return H("li",{style:{width:`${100/e.itemsToShow}%`},class:{carousel__slide:!0,"carousel__slide--clone":s.isClone,"carousel__slide--visible":i.value,"carousel__slide--active":t.value,"carousel__slide--prev":p.value,"carousel__slide--next":g.value,"carousel__slide--sliding":n.value},"aria-hidden":!i.value},(w=a.default)===null||w===void 0?void 0:w.call(a,{isActive:t.value,isClone:s.isClone,isPrev:p.value,isNext:g.value,isSliding:n.value,isVisible:i.value}))}}});const sn={class:"carousel-slide"},on={class:"image-caption"},an={key:0},ln={key:1},rn={key:2,class:"fst-italic"},cn=J({__name:"Carousel",props:{value:{}},setup(s){const e=v(s.value),u=p=>{n.value=p,c.value=!0},c=v(!1),n=v(0),t=re(()=>e.value.map(p=>{var g,i;return{src:(g=p.image)==null?void 0:g.url,title:p.caption,alt:(i=p.image)==null?void 0:i.alternativeText}}));return(p,g)=>{const i=Ve,w=Se("VueEasyLightbox"),b=Be;return r(),y("div",null,[h(d(Zt),{"wrap-around":!0,"items-to-show":1,"mouse-drag":d(e).length>1,"touch-drag":d(e).length>1},{addons:O(()=>[d(e).length>1?(r(),C(d(tn),{key:0})):A("",!0)]),default:O(()=>[(r(!0),y(K,null,me(d(e),(l,_)=>(r(),C(d(nn),{key:l.id,class:nt({"single-slide":d(e).length===1})},{default:O(()=>{var L,T,x,$,M;return[m("div",sn,[h(i,{src:`${(L=l.image)==null?void 0:L.url}?w=900`,alt:(T=l.image)==null?void 0:T.alternativeText,class:"cursor-pointer",onClick:U=>u(_)},null,8,["src","alt","onClick"]),m("p",on,[l.caption?(r(),y("span",an,V(l.caption),1)):A("",!0),(x=l.image)!=null&&x.caption&&l.caption?(r(),y("span",ln," - ")):A("",!0),($=l.image)!=null&&$.caption?(r(),y("span",rn,"© "+V((M=l.image)==null?void 0:M.caption),1)):A("",!0)])])]}),_:2},1032,["class"]))),128))]),_:1},8,["mouse-drag","touch-drag"]),h(b,null,{default:O(()=>[h(w,{visible:d(c),index:d(n),imgs:d(t),"move-disabled":"","rotate-disabled":"",onHide:g[0]||(g[0]=l=>c.value=!d(c))},null,8,["visible","index","imgs"])]),_:1})])}}}),un=st(cn,[["__scopeId","data-v-72995e3c"]]),dn=J({__name:"GoogleOneTap",props:{content:{type:Object,required:!1},newsletters:{type:Array,required:!1}},emits:["new-user","existing-user","access-denied"],setup(s,{emit:a}){const e=s,u=_e("isPro").value,c=a,t=`${ie()}/auth/google-one-tap`,p=ft().public.googleClientId,g=he().fullPath;ze(()=>{if(Ee().value)return;const w=window.google,b=()=>{const l=window.google;l&&(l.accounts.id.initialize({client_id:p,callback:i}),l.accounts.id.prompt())};w?(w.accounts.id.initialize({client_id:p,callback:i}),w.accounts.id.prompt()):window.addEventListener("google-client-loaded",b),tt(()=>{window.removeEventListener("google-client-loaded",b)})});const i=async w=>{var L,T;const b=ae(),l=`${t}`,_={credential:w.credential,referer:g};e.content&&(_.content=e.content.id),e.newsletters&&(_.newsletters=e.newsletters),_.source=u?"MIXpro":"MIXonline";try{const x=await b(l,{method:"POST",body:_});if(x.contentToken&&e.content&&be().setContentToken({contentId:e.content.id,token:x.contentToken}),x.user&&!x.user.confirmed&&oe().$show({title:"Registratie gelukt",message:"Je bent succesvol geregistreerd. We hebben een mail gestuurd met een link om je account te activeren.",confirmText:"OK",onClosed:async()=>{await ce().push("/")}}),x.jwt&&x.user){const{setToken:$,setUser:M}=Je();$(x.jwt),M(x.user),Ee().value=!0,qe().$show({message:"Succesvol ingelogd."})}x.newProfile?c("new-user"):c("existing-user")}

5catch(x){if(!((L=x.error)!=null&&L.message))return;switch(x.error.message){case"Your account email is not confirmed":const{email:$,provider:M}=(T=x.error)==null?void 0:T.details;if(!$||!M)return;oe().$show({title:"Account niet geactiveerd",message:"Je account is nog niet geactiveerd.",buttons:[{text:"Sluiten",cssClasses:"btn btn-secondary"},{text:"Stuur nieuwe activatielink",cssClasses:"btn btn-main",onClick:async()=>{const U={email:$,provider:M};await Je().sendEmailConfirmation(U)}}],onClosed:async()=>{await ce().push("/")}});break;case"Your account has been blocked by an administrator":oe().$show({title:"Account geblokkeerd",message:"Je account is geblokkeerd.",buttons:[{text:"Sluiten",cssClasses:"btn btn-secondary"},{text:"Neem contact op",cssClasses:"btn btn-secondary",onClick:async()=>{await ce().push("/over-ons")}}],onClosed:async()=>{await ce().push("/")}});break}}};return(w,b)=>null}}),mn={class:"flex items-start justify-between"},pn={class:"flex gap-x-4"},gn={class:"flex items-start justify-between"},fn=J({__name:"LeadsModal",props:{title:{},content:{},newsletters:{}},emits:["success","close","new-user","access-denied"],setup(s,{emit:a}){const e=s,u=a,c=v(!0),n=v(!0),t=v(!1),p=v(!1),g=v(!1),i=v(),w=_e("isPro").value,b=v({}),l=async P=>{var I;const{email:S,firstName:Z,lastName:B}=P,F=await rt().getToken("leadSignup");try{const q=ae(),W=w?"MIXpro":"MIXonline",z={email:S,firstName:Z,lastName:B,recaptchaToken:F,content:e.content.id,source:W};e.newsletters&&(z.newsletters=e.newsletters,z.optIn=!0);const o=await q("/public/subscribers",{method:"POST",body:{data:z}});if(n.value=!1,o.accessDenied){p.value=!0;return}be().setContentToken({contentId:e.content.id}),it().userRegisterRefererCookie().value=he().fullPath,t.value=!0,$(!1)}catch(q){if(n.value=!1,!((I=q.error)!=null&&I.message))x();else switch(q.error.message){case"Email or Username are already taken":p.value=!0;break;default:x();break}}},_=()=>{ce().push("/wachtwoord-vergeten")},L=()=>{ce().push(`/inloggen?referer=${he().fullPath}`)},T=()=>{u("close")},x=P=>{oe().$show({title:"Registratie mislukt",message:"Er is iets misgegaan tijdens het registreren. Probeer het later nog eens of neem contact met ons op.",confirmText:"OK"})},$=(P=!0)=>{u("new-user",{showModal:P});const S=ae(),Z=ie(),B=vt(),F=ot("session").value,I={url:bt().href,eventType:_t.Lead,lead:{collectionType:ht.Content,id:e.content.id}};wt().addEvent({client:S,url:Z},{event:I,analyticsEvents:B,immediate:!0,sessionCookieValue:F})},M=()=>{u("access-denied")},U=()=>{c.value=!1};return(P,S)=>{const Z=dn,B=Be,F=Ce,I=Se("FormKit"),q=at,W=lt,z=xt;return r(),y("div",null,[h(B,null,{default:O(()=>[h(Z,{content:P.content,newsletters:P.newsletters,onNewUser:$},null,8,["content","newsletters"])]),_:1}),h(z,{modelValue:d(c),"onUpdate:modelValue":S[1]||(S[1]=o=>Ne(c)?c.value=o:null),ui:{rounded:d(w)?"border border-secondary":"border border-main",width:"sm:max-w-full sm:w-full md:w-2/3 lg:w-1/2 xl:w-1/3"},"prevent-close":"","initial-focus":d(i),onClose:T},{default:O(()=>[m("div",{ref_key:"wrapperEl",ref:i,class:"p-4"},[d(n)?(r(),y(K,{key:0},[m("div",mn,[m("h1",null,V(e.title),1),m("button",{onClick:U},[h(F,{name:"fa-solid:times",size:"24px"})])]),S[2]||(S[2]=m("p",{class:"mb-0"},"Schrijf je in en lees dit artikel direct verder.",-1)),S[3]||(S[3]=m("p",null,"Ook ontvang je de gratis nieuwsbrieven van MIX.",-1)),h(I,{id:"loginForm",modelValue:d(b),"onUpdate:modelValue":S[0]||(S[0]=o=>Ne(b)?b.value=o:null),type:"form",actions:!1,onSubmit:l},{default:O(({disabled:o})=>[h(I,{ref:"inputRef",label:"E-mailadres",name:"email",type:"email",validation:"required|email"},null,512),m("div",pn,[h(I,{type:"submit",label:"Aanmelden",disabled:o},null,8,["disabled"]),h(q,{text:"Verder met Google",content:P.content,newsletters:P.newsletters,onAccessDenied:M,onNewUser:$},null,8,["content","newsletters"]),h(W,{text:"Verder met LinkedIn",content:P.content,newsletters:P.newsletters},null,8,["content","newsletters"])])]),_:1},8,["modelValue"])],64)):A("",!0),d(t)?(r(),y(K,{key:1},[m("div",gn,[S[4]||(S[4]=m("h1",null,"Je hebt mail!",-1)),m("button",{onClick:U},[h(F,{name:"fa-solid:times",size:"24px"})])]),S[5]||(S[5]=m("p",null," We hebben je zojuist een e-mail gestuurd met een link, waarmee je het artikel direct verder kunt lezen. ",-1))],64)):A("",!0),d(p)?(r(),y(K,{key:2}

5,[S[6]||(S[6]=m("h1",null,"Aanmelding mislukt",-1)),S[7]||(S[7]=m("p",null," Dit e-mailadres bestaat al in ons systeem. Log in of vraag een nieuw wachtwoord aan. ",-1)),m("div",{class:"flex justify-end items-center gap-2"},[m("button",{class:"btn btn-secondary",onClick:U},"Sluiten"),m("button",{class:"btn btn-main",onClick:_},"Wachtwoord aanvragen"),m("button",{class:"btn btn-main",onClick:L},"Inloggen")])],64)):A("",!0),d(g)?(r(),y(K,{key:3},[S[8]||(S[8]=m("h1",null,"Aanmelding mislukt",-1)),S[9]||(S[9]=m("p",null," Er is iets misgegaan tijdens het aanmelden. Probeer het later nog eens of neem contact met ons op. ",-1)),m("div",{class:"flex justify-end items-center gap-2"},[m("button",{class:"btn btn-main",onClick:U},"OK")])],64)):A("",!0)],512)]),_:1},8,["modelValue","ui","initial-focus"])])}}}),vn={class:"relative"},hn={class:"absolute bottom-0 p-4"},_n={class:"text-4xl text-white line-clamp-3 sm:line-clamp-none font-roboto [text-shadow:0_0_5px_#000000cc]"},bn={class:"content-wrapper bg-white p-4 grid grid-cols-12 lg:gap-x-8 gap-y-8"},wn={class:"content-container col-span-12 lg:col-span-8"},yn={key:0,class:"fade"},kn=["innerHTML"],xn=["innerHTML"],Sn={class:"col-span-12 lg:col-span-4"},Cn={class:"content-metadata"},An={class:"flex items-center gap-2"},Tn={class:"flex items-center gap-2"},$n={key:0,class:"flex items-center gap-2"},In={key:1,class:"flex gap-1 flex-wrap"},Ln={class:"col-span-12"},jn={key:0,class:"text-master border-master mt-8"},Mn={class:"col-span-12"},Nn={class:"col-span-12"},En={key:1},On={key:2},Pn={class:"col-span-12"},Dn={class:"border-b border-neutral-300 pb-1 mb-1 flex items-center gap-2"},Rn=J({__name:"ArticleView",props:{content:{}},async setup(s){let a,e;const u=ae(),c=ie(),n=s,t=_e("isPro").value,p=v([]);t?(p.value.push(5),p.value.push(13),p.value.push(14)):(p.value.push(6),p.value.push(12),p.value.push(15));const g=v(!1),i=n.content.subscriptionRequired&&n.content.tagsShow.map(o=>o.name).includes("MIXpro abonnee"),w=n.content.subscriptionRequired&&n.content.tagsShow.map(o=>o.name).includes("MIX abonnee"),b=n.content.authors.map(o=>o.name).join(", "),l=v(""),_=v([]),L=v(!1),T=Ee(),x=ot("lead|token"),$=v(!1),M=o=>{o!==0&&($.value=!0)},U=re(()=>{const{utm_medium:o}=he().query;return!(o==="email"||!n.content.allowLeadGeneration||n.content.hasAccess||T.value||g.value)}),P=([a,e]=et(()=>be().fetch({client:u,url:c},{populate:"categories",filters:{categories:{id:{$eq:t?1:0}}},sort:["publishAt:desc"],pagination:{limit:26}}).then(o=>o.data)),a=await a,e(),a);ze(()=>{S(),Z(),B()});const S=()=>{var k,X,j;if(!((k=n.content)!=null&&k.hasAccess)||!((j=(X=n.content)==null?void 0:X.carousel)!=null&&j.length))return;l.value=".fixed-carousel-container",document.querySelectorAll("[data-carousel]").length&&(l.value="[data-carousel]")},Z=()=>{var k;if(!((k=n.content)!=null&&k.hasAccess))return;const o=document.querySelectorAll("[data-nextform]");if(o.length)for(const X of o){const j=parseInt(X.dataset.nextform),Y=`[data-nextform='${j}']`;_.value.push({id:j,target:Y})}},B=()=>{const o=document.querySelectorAll('.content-container iframe[src*="youtube"], .content-container iframe[src*="vimeo"]');for(const k of o){const X=document.createElement("div");X.className="relative w-full h-0 pb-[56.25%] video-container",k.parentNode.insertBefore(X,k),X.appendChild(k)}},F=()=>{const o=n.content.readingTime===1?"minuut":"minuten";return`${n.content.readingTime} ${o}`},I=()=>{window.print()},q=()=>{g.value=!0,oe().$show({title:"E-mailadres bestaat al",message:"Je e-mailadres bestaat al in ons systeem. Wil je dit artikel lezen, dan dien je abonnement af te sluiten.",confirmText:"OK",cancelText:"Nee, bedankt",onConfirm:async()=>{await ce().push("/abonneren")},onCancel:()=>{close()}})},W=({showModal:o})=>{o&&z()},z=()=>{g.value=!0,oe().$show({id:"google-modal",title:"Meld je aan voor MIX",messageHtml:`
6      <p>
7        Door op ‘ga verder’ te klikken ga je akkoord met onze <a class="event-privacy-btn" href="/privacy" target="_blank">privacyverklaring</a>
8        en zul je gratis de nieuwsbrieven van MIX ontvangen.
9      </p>
10      <p>Afmelden kan heel eenvoudig.</p>
11    `,dismissible:!0,confirmText:"Ga verder",onConfirm:async()=>{await Ct().update({client:u,url:c},{newsletters:p.value,optIn:!0}),Ye()},onDismiss:()=>{Ye()}})};return(o,k)=>{var fe;const X=Ve,j=dt,Y=Be,we=Lt,ye=Mt,le=Ce,pe=Fe,ee=Rt,te=yt,de=Ft,ge=qt,ke=un,xe=kt,Ae=fn;return r(),y(K,null,[k[8]||(k[8]=m("div",{class:"fixed-carousel-container"},null,-1)),m("div",vn,[o.content.cover?(r(),C(X,{key:0,src:`${o.content.cover.url}?w=960`,alt:o.content.cover.alternativeText,class:"cover-image",preload:""},null,8,["src","alt"])):o.content.legacyCoverURI?(r(),C(X,{key:1,src:`${o.content.legacyCoverURI}?w=960`,alt:o.content.title,class:"cover-image",preload:""},null,8,["src","alt"])):A("",!0),m("div",hn,[m("h1",_n,V(o.content.title),

111)])]),m("div",bn,[m("div",wn,[o.content.hasAccess?A("",!0):(r(),y("div",yn)),m("div",{innerHTML:o.content.introduction,class:"font-bold mb-4"},null,8,kn),o.content.hasAccess?(r(),y("div",{key:1,class:"content-text",innerHTML:o.content.content},null,8,xn)):A("",!0),h(Y,null,{default:O(()=>[!o.content.hasAccess&&!d(t)&&d(w)?(r(),C(j,{key:0,id:"53"})):!o.content.hasAccess&&d(t)&&d(i)?(r(),C(j,{key:1,id:"54"})):A("",!0)]),_:1}),o.content.leadRequired&&!d(T)&&!d(x)?(r(),C(we,{key:2,onNewUser:W})):A("",!0),o.content.hasAccess?(r(),C(ye,{key:3,slug:"melding-onder-artikel",class:"pt-4 border-t border-neutral-200"})):A("",!0)]),m("div",Sn,[m("div",Cn,[m("span",An,[h(le,{name:"fa6-regular:calendar-days"}),Q(" "+V(new Date(o.content.publishAt).toLocaleDateString("nl",{day:"2-digit",month:"long",year:"numeric"}))+" om "+V(new Date(o.content.publishAt).toLocaleTimeString("nl",{hour:"2-digit",minute:"2-digit"})),1)]),m("span",Tn,[h(le,{name:"fa6-regular:clock"}),Q(V(F()),1)]),d(b)?(r(),y("span",$n,[h(le,{name:"fa6-solid:user"}),Q(" "+V(d(b)),1)])):A("",!0),m("span",{class:"flex items-center gap-2 hover:cursor-pointer",onClick:k[0]||(k[0]=D=>I())},[h(le,{name:"fa6-solid:print"}),k[3]||(k[3]=Q(" Print artikel "))]),(fe=o.content.tags)!=null&&fe.length?(r(),y("ul",In,[(r(!0),y(K,null,me(o.content.tags,D=>(r(),y("li",{key:D.name,class:"tag"},[h(pe,{to:`/news/tag/?t=${D.name}${d(t)?"&pro":""}`},{default:O(()=>[Q(V(D.name),1)]),_:2},1032,["to"])]))),128))])):A("",!0)])]),h(Y,null,{default:O(()=>[d(t)?(r(),C(j,{key:1,id:"29",class:"col-span-12"})):(r(),C(j,{key:0,id:"8",class:"col-span-12"}))]),_:1}),h(Y,null,{default:O(()=>[d(t)?(r(),C(j,{key:1,id:"30",class:"col-span-12"})):(r(),C(j,{key:0,id:"9",class:"col-span-12"}))]),_:1}),h(Y,null,{default:O(()=>[d(t)?(r(),C(j,{key:1,id:"31",class:"col-span-12"})):(r(),C(j,{key:0,id:"10",class:"col-span-12"}))]),_:1}),h(Y,null,{default:O(()=>[d(t)?(r(),C(j,{key:1,id:"32",class:"col-span-12"})):(r(),C(j,{key:0,id:"11",class:"col-span-12"}))]),_:1}),h(Y,null,{default:O(()=>[d(t)?(r(),C(j,{key:1,id:"33",class:"col-span-12"})):(r(),C(j,{key:0,id:"12",class:"col-span-12"}))]),_:1}),m("div",Ln,[d($)?(r(),y("h2",jn," Gerelateerde artikelen ")):A("",!0),h(ee,{tags:o.content.tags.map(D=>D.id),limit:"3",exclude:[o.content.id],onLoaded:M},null,8,["tags","exclude"])]),m("div",Mn,[k[4]||(k[4]=m("h2",{class:"text-master border-master"},"Deel dit bericht",-1)),h(te,{link:`/news/${o.content.id}/${o.content.slug}`,title:o.content.title,class:"mb-4"},null,8,["link","title"])]),m("div",Nn,[k[5]||(k[5]=m("h2",{class:"text-master border-master"},"Reacties",-1)),h(de,{"content-id":o.content.id,class:"mb-8"},null,8,["content-id"]),k[6]||(k[6]=m("h2",{class:"text-master border-master"},"Plaats een reactie",-1)),!d(L)&&d(T)?(r(),C(ge,{key:0,"content-id":o.content.id,onSuccess:k[1]||(k[1]=D=>L.value=!d(L))},null,8,["content-id"])):d(L)?(r(),y("p",En," Je reactie is geplaatst. Na goedkeuring zal deze zichtbaar zijn. ")):A("",!0),d(T)?A("",!0):(r(),y("p",On,"Je moet ingelogd zijn om een reactie te plaatsen."))]),m("div",Pn,[k[7]||(k[7]=m("h2",{class:"text-master border-master"},"Lees ook",-1)),m("ul",null,[(r(!0),y(K,null,me(d(P),D=>(r(),y("li",Dn,[h(le,{name:"fa6-solid:caret-right",class:nt(d(t)?"text-[#0c659a]":"text-[#0094d8]")},null,8,["class"]),h(pe,{to:("useMixContent"in o?o.useMixContent:d(St))().getLink(D)},{default:O(()=>[Q(V(D.title),1)]),_:2},1032,["to"])]))),256))])]),d(l)?(r(),C(We,{key:0,to:d(l)},[o.content.hasAccess&&o.content.carousel.length?(r(),C(ke,{key:0,value:o.content.carousel},null,8,["value"])):A("",!0)],8,["to"])):A("",!0),(r(!0),y(K,null,me(d(_),D=>(r(),C(We,{to:D.target},[D.id?(r(),C(xe,{key:0,"form-id":D.id},null,8,["form-id"])):A("",!0)],8,["to"]))),256)),d(U)?(r(),C(Ae,{key:1,title:o.content.title,content:o.content,newsletters:d(p),onClose:k[2]||(k[2]=D=>g.value=!0),onNewUser:W,onAccessDenied:q},null,8,["title","content","newsletters"])):A("",!0)])],64)}}}),Qn=st(Rn,[["__scopeId","data-v-682e0aac"]]);export{Qn as _};