1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5224],{45024:(e,t,a)=>{a.d(t,{GTMClickTracker:()=>r,u:()=>o});var i=a(12115),n=a(25669);function l(){return Array.isArray(window.dataLayer)}function s(e){if(l())try{window.dataLayer.push(e)}catch(e){console.warn("GTMClickTracker: Failed to push to dataLayer",e)}}function o(e,t,a,i,l){let o="";if(0===t)o="introductie";else if(t===a-1||l===n.g6.FINAL_RESULT){let e=i===n.nV.MBO?"mbo-":"hbowo-";o=`${e}resultaat`}else{let t=i===n.nV.MBO?"mbo-":"hbowo-";o=`${t}${e||""}`}s({event:"page-view",brand:"nibud",tool:"watkoststuderen",stap:o})}function r(){return(0,i.useEffect)(()=>{let e=e=>{let t=e.target.closest("button, a");if(!t||!l())return;let a=t.tagName.toLowerCase(),i=t.textContent?.trim()||"",n=t.id||"",o="a"===a?t.href:"";s({event:"click",element_type:a,element_text:i,element_id:n,element_url:o,element_classes:t.className||"",element_aria_label:t.getAttribute("aria-label")||"",timestamp:Date.now()})};return document.addEventListener("click",e,!0),()=>{document.removeEventListener("click",e,!0)}},[]),null}},95224:(e,t,a)=>{a.r(t),a.d(t,{EducationPage:()=>ty});var i=a(95155),n=a(12115),l=a(68290),s=a(25669),o=a(45680);a(3067),a(53494);var r=a(10657);let d=({multipleChoiceOption:e,selected:t,focused:a=!1,onClick:n,onMonetaryValueChange:l,isDarkPurple:s,role:o="button",ariaChecked:d,ariaSetSize:c,ariaPosInSet:u})=>{var m=e.monetaryValue??0,h=e.hasInput||null!==e.monetaryValue&&void 0!==e.monetaryValue;return(0,i.jsx)("button",{onClick:n,className:`${t?s?"_127e9x64 _127e9x62 _127e9x60":"_127e9x62 _127e9x60":s?"_127e9x63 _127e9x61 _127e9x60":"_127e9x61 _127e9x60"}`,role:o,"aria-checked":"button"!==o?d:void 0,"aria-pressed":"button"===o?t:void 0,"aria-setsize":c,"aria-posinset":u,"aria-label":`${e.text}${t?", geselecteerd":""}`,type:"button",children:(0,i.jsxs)("div",{className:"_127e9x69",children:[(0,i.jsx)("span",{className:`_127e9x65 ${s&&t?"_127e9x66":""}`,"aria-hidden":"true",children:e.emoji}),(0,i.jsx)("span",{className:"_127e9x67",children:e.text}),h&&l&&t&&(0,i.jsx)(r.V,{borderColor:"rgba(255, 255, 255, 0.10)",backgroundColor:"rgba(255, 255, 255, 0.10)",textColor:"white",value:m,disabled:!e.hasInput,onChange:t=>l(e.id,t),className:"_127e9x68"})]})})};a(73904);var c=a(98113),u=a(10890);let m=({options:e,selectedOptionIds:t,onOptionSelect:a,onMonetaryValueChange:s,isDarkPurple:o,content:r,optionValues:m})=>{let{hasSelectedOptionWithSku:h,getActiveSession:p}=(0,c.B)(),{contents:x}=(0,l.u)(),{announceToScreenReader:g}=(0,u.y)(),f=p(),y=(0,n.useRef)(null),v=!0===r.allowMultipleSelection,b=n.useMemo(()=>"bbl_loon"===r.page&&h("18-",x)?e.filter(e=>"16"===e.sku||"17"===e.sku||"16-17"===e.sku):"bbl_loon"===r.page&&h("18+",x)?e.filter(e=>"18-20"===e.sku||"21+"===e.sku):e,[e,r.page,h,x,f?.multipleChoiceSelections]),j=(0,n.useCallback)(e=>{let t=b.find(t=>t.id===e);t&&(a(e),g(u.U.selectionMade(t.text),"polite"))},[b,a,g]),N=b.filter(e=>t.includes(e.id)&&e.infoText&&""!==e.infoText.trim()).map(e=>e.infoText);r.id;let C=`multiple-choice-label-${r.id}`,_=`multiple-choice-desc-${r.id}`;return(0,i.jsxs)("section",{className:"_1fnouw30",children:[(0,i.jsx)("div",{id:C,className:"sr-only",children:v?"Selecteer een of meer opties":"Selecteer een optie"}),(0,i.jsx)("div",{id:_,className:"sr-only",children:"Gebruik Tab om te navigeren, spatie of enter om te selecteren"}),(0,i.jsx)("div",{ref:y,className:"_1fnouw31",role:v?"group":"radiogroup","aria-labelledby":C,"aria-describedby":_,"data-widget-type":"MULTIPLE_CHOICE",children:b.map((e,a)=>{let n=e.id in m?m[e.id]:e.monetaryValue,l={...e,monetaryValue:n},c=t.includes(e.id);return(0,i.jsx)(d,{content:r,isDarkPurple:o,multipleChoiceOption:l,onMonetaryValueChange:(e,t)=>
1{s(e,t)},selected:c,onClick:()=>j(e.id),role:v?"checkbox":"radio",ariaChecked:c,ariaSetSize:b.length,ariaPosInSet:a+1},e.id)})}),N.length>0&&(0,i.jsx)("div",{className:"_1fnouw32","aria-live":"polite","aria-label":"Informatie over geselecteerde opties",children:N.map((e,t)=>(0,i.jsx)("p",{className:"_1fnouw33",children:e},t))})]})};a(1816);var h="_3y89330",p=a(7493);function x({label:e="Voeg uitgave toe",className:t="",...a}){let n=t?`${h} ${t}`:h;return(0,i.jsxs)("button",{type:"button",className:n,...a,children:[(0,i.jsx)("div",{className:"_3y89331",children:(0,i.jsx)(p.c,{size:24,"aria-hidden":"true"})}),(0,i.jsx)("span",{className:"_3y89333",children:e})]})}var g=a(91540),f=a(34496),y=a(92841);a(76645);let v=({item:e,onDelete:t,autoFocus:a})=>{let l=(0,c.B)(e=>e.updateCostsItem),[s,o]=(0,n.useState)(e.amount.toString());(0,n.useEffect)(()=>{let t=Math.floor(12*e.amount);o(0==t?"":t.toString())},[e.amount]);let r=e.amount;return(0,i.jsxs)("div",{className:"_6u3ltc0",children:[(0,i.jsxs)("div",{className:"_6u3ltc1",children:[(0,i.jsxs)("div",{className:"_6u3ltc2",children:[(0,i.jsx)(f.A,{onEmojiSelect:t=>{l(e.id,{emoji:t})},selectedEmoji:e.emoji,showLabel:!1,className:"shrink-0"}),(0,i.jsx)("input",{type:"text",value:e.name,onChange:t=>{l(e.id,{name:t.target.value})},className:"_6u3ltc3",placeholder:`${"income"===e.type?"inkomen":"uitgave"}`,"aria-label":e.name||`Naam ${"income"===e.type?"inkomen":"uitgave"}`,autoFocus:a})]}),(0,i.jsx)("div",{className:"_6u3ltc4",children:(0,i.jsx)("div",{className:"_6u3ltc5",children:(0,i.jsx)(y.F,{value:s,onChange:t=>{let a=parseFloat(t.replace(/[^\d.]/g,""))||0;l(e.id,{amount:a/12});let i=Math.floor(a);o(0==i?"":i.toString())},placeholder:"0",ariaLabel:"Bedrag per jaar"})})})]}),(0,i.jsxs)("div",{className:"_6u3ltc7","aria-label":"Maandelijkse kosten",children:[(0,i.jsxs)("span",{className:"_6u3ltc8",children:["â¬",r.toLocaleString("nl-NL",{maximumFractionDigits:0})]}),(0,i.jsx)("span",{className:"_6u3ltc9",children:"per maand"})]}),(0,i.jsx)("button",{type:"button",onClick:()=>t(e.id),className:"_6u3ltc6","aria-label":`Verwijder ${e.name||("income"===e.type?"inkomen":"uitgave")}`,children:(0,i.jsx)(g.A,{className:"h-8 w-8","aria-hidden":"true"})})]})};a(44045);let b=({content:e})=>{let{getIncomeItems:t,getExpenseItems:a,addOrUpdateCostsItem:o,addOrUpdateCostsItemAtIndex:r,removeCostsItem:d}=(0,c.B)(),{contents:u}=(0,l.u)(),m=e.costType===s.i0.INCOME?t():a(),[h,p]=(0,n.useState)(null),[g,f]=(0,n.useState)(""),y=m.filter(t=>t.id.startsWith(e.id)),b=t=>{let a=y.find(e=>e.id===t);d(t),h===t&&p(null),f(`${a?.name||(e.costType===s.i0.INCOME?"Inkomen":"Uitgave")} verwijderd`)},j=e.costType===s.i0.INCOME?"Inkomsten lijst":"Uitgaven lijst";return(0,i.jsxs)("section",{className:"c4n0cv0","aria-label":j,children:[(0,i.jsx)("div",{role:"status","aria-live":"polite","aria-atomic":"true",className:"sr-only",children:g}),(0,i.jsx)("ul",{className:"c4n0cv1",children:y.map(e=>(0,i.jsx)("li",{children:(0,i.jsx)(v,{item:e,onDelete:b,autoFocus:e.id===h})},e.id))}),(0,i.jsx)(x,{onClick:()=>{let i=y.length,n=`${e.id}_${i}`,l=e.costType===s.i0.INCOME?t():a(),o=u.findIndex(t=>t.id===e.id),d=l.filter(t=>{for(let a of u){if(!(a.costType!==e.costType||a.educationType!==e.educationType||u.findIndex(e=>e.id===a.id)>=o)){if(a.widgetType===s.xO.MULTIPLE_VALUE_INPUT?t.id.startsWith(a.id+"_"):a.widgetType===s.xO.VALUE_SLIDER_INPUT&&a.valueSliderOptions?a.valueSliderOptions.some(e=>e.id===t.id):a.widgetType===s.xO.MULTIPLE_CHOICE?t.id===a.id||t.id.startsWith(a.id+"_"):a.widgetType===s.xO.TOGGLE_INPUT&&a.toggleOptions?a.toggleOptions.some(e=>e.id===t.id):t.id===a.id)return!0}}return!1}).length+y.length;r({id:n,name:"",amount:0,type:e.costType,isActive:!0,emoji:e.emoji??"\uD83D\uDCB0",educationType:e.educationType,monetaryConditionalTexts:[]},d),p(n),f(`Nieuwe ${e.costType===s.i0.INCOME?"inkomen":"uitgave"} toegevoegd`)},"aria-label":"Waarde toevoegen",className:"c4n0cv2"})]})};var j=a(97775),N=a(16934);a(34266);var C=a(9495);let _=({option:e,value:t,onChange:a})=>
1{let l=e.maxValue||100,[s,o]=(0,n.useState)(0),[d,c]=(0,n.useState)(!1),[m,h]=(0,n.useState)(!1),p=(0,n.useRef)(null),{announceToScreenReader:x}=(0,u.y)(),g=l-0,f=Math.max(1,Math.round(g/100)),y=Math.max(1,Math.round(g/10)),v=(0,n.useCallback)(i=>{let n=null,s=!1;switch(i.key){case"ArrowRight":case"ArrowUp":n=Math.min(l,t+f),s=!0;break;case"ArrowLeft":case"ArrowDown":n=Math.max(0,t-f),s=!0;break;case"PageUp":n=Math.min(l,t+y),s=!0;break;case"PageDown":n=Math.max(0,t-y),s=!0;break;case"Home":n=0,s=!0;break;case"End":n=l,s=!0}null!==n&&n!==t&&(c(!0),a(n),x(u.U.valueChanged(e.text,`â¬${n}`),"polite")),s&&i.preventDefault()},[t,0,l,f,y,a,e.text,x]),b=(0,n.useCallback)(()=>{h(!0)},[]),j=(0,n.useCallback)(()=>{h(!1)},[]),_=(0,n.useCallback)(t=>{let i=Math.round(t);a(i),x(u.U.valueChanged(e.text,`â¬${i}`),"polite")},[a,e.text,x]),k=(0,n.useCallback)(()=>{d||c(!0)},[d]);return(0,i.jsxs)("div",{className:"clmzys1",children:[(0,i.jsx)("div",{className:"clmzys2",style:{width:232,height:232},"aria-hidden":"true"}),(0,i.jsx)("div",{ref:p,className:`clmzys3 ${d?"clmzys5":"clmzys4"} ${m?"clmzysc":""}`,tabIndex:0,role:"slider","aria-label":`${e.text} schuifregelaar`,"aria-valuemin":0,"aria-valuemax":l,"aria-valuenow":t,"aria-valuetext":`â¬${t} per maand voor ${e.text}`,"aria-orientation":"vertical","aria-describedby":`slider-help-${e.id}`,onMouseDown:k,onTouchStart:k,onKeyDown:v,onFocus:b,onBlur:j,"data-widget-type":"VALUE_SLIDER_INPUT",children:(0,i.jsx)(N.Ay,{size:276,minValue:0,maxValue:l,startAngle:0,endAngle:360,angleType:{direction:"cw",axis:"+y"},handle1:{value:t,onChange:_},handleSize:16,arcBackgroundColor:C.vars.color.wksLightBlue,arcColor:C.vars.color.wksYellow,coerceToInt:!0,trackWidth:8})}),(0,i.jsx)("div",{id:`slider-help-${e.id}`,className:"sr-only",children:"Gebruik pijltjestoetsen om de waarde te wijzigen, Page Up/Down voor grote stappen, Home voor minimum, End voor maximum"}),(0,i.jsxs)("div",{className:"clmzys6",children:[(0,i.jsx)("span",{className:"clmzys7","aria-hidden":"true",children:e.emoji}),(0,i.jsx)("div",{className:"clmzys8",children:(0,i.jsx)(r.V,{value:Math.round(t),onChange:e=>{null!==e&&a(Math.max(0,Math.min(l,e)))},onBlur:()=>{o(e=>e+1)},textColor:"white",backgroundColor:"#ffffff1a",borderColor:"transparent",className:"clmzysb","aria-labelledby":`slider-label-${e.id}`},s)}),(0,i.jsx)("div",{className:"clmzys9",id:`slider-label-${e.id}`,children:e.text})]})]})};a(82502);let k=({options:e,onChange:t,value:a=0,costType:o=s.i0.EXPENSES,educationType:r,content:d})=>{let[u,m]=(0,n.useState)({}),[h,p]=(0,n.useState)(!1),{addOrUpdateCostsItem:x,addOrUpdateCostsItemAtIndex:g,getIncomeItems:f,getExpenseItems:y}=(0,c.B)(),{contents:v}=(0,l.u)(),b=f(),j=y();(0,n.useEffect)(()=>{h||(m(e.reduce((e,t)=>{let a=[...b,...j].find(e=>e.id===t.id);return e[t.id]=a?.amount??t.startValue??0,e},{})),p(!0))},[e,b,j,h]);let N=o===s.i0.INCOME?"Inkomsten waardes":"Uitgaven waardes";return(0,i.jsx)("section",{className:"nudrxg0","aria-label":N,children:(0,i.jsx)("div",{className:"nudrxg1",role:"group",children:e.map(t=>(0,i.jsx)(_,{option:t,value:u[t.id]||0,onChange:a=>((t,a)=>{if(u[t]===a)return;m(e=>({...e,[t]:a}));let i=e.find(e=>e.id===t);i&&x({id:t,name:i.text,amount:a,type:o,isActive:!0,emoji:i.emoji,educationType:r,monetaryConditionalTexts:d.monetaryConditionalTexts||null})})(t.id,a)},t.id))})})};a(20115);var E="_1q223yt7 _1q223yt6",T="_1q223yt8 _1q223yt6",w="_1q223yt4 _1q223yt3",I="_1q223yt5 _1q223yt3",S=a(34525),$=a(39431),O=a(52868);a(92488);let M=({onClick:e,className:t,iconColor:a="white"})=>(0,i.jsx)("button",{type:"button",onClick:e,className:`_1b0jf830 ${t||""}`,"aria-label":"Sluiten",children:(0,i.jsx)("svg",{width:"24",height:"24",fill:"none",stroke:a,strokeWidth:"2","aria-hidden":"true",children:(0,i.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})});var L=a(82625);a(37052),a(2684);let V=({videoUrl:e,compact:t=!1})=>{let{getSelectedHost:a}=(0,c.B)(),l=a(),s=(0,O.a)(),o=(0,n.useRef)(null),r=e||l?.videoUrl;return r?(0,i.jsx)("section",{className:`_1u1d5ce0 ${s?"_1u1d5ce1":"_1u1d5ce2"}`,"aria-label":l?`Video van ${l.name}`:"Host video",children:(0,i.jsx)("div",{className:t?"_1u1d5cea":"_1u1d5ce9",children:(0,i.jsx)(L.A,{ref:o,source:{type:"video",sources:[{src:r,type:"video/mp4"}]},options:{controls:["play-large","play","progress","current-time","mute","volume"],clickToPlay:!0,hideControls:!0,resetOnEnd:!1}})})}):null};var A=a(32200);a(62773);let U=(0,$.default)(()=>a.e(6566).then(a.bind(a,16566)).then(e=>e.motion.div),{loadableGenerated:{webpack:()=>[null]},ssr:!1}),D=(0,$.default)(()=>a.e(6566).then(a.bind(a,16566)).then(e=>e.AnimatePresence),{loadableGenerated:{webpack:()=>[null]},ssr:!1}),P=({isOpen:e,onClose:t,content:a})=>{let l=(0,O.a)(),s=(0,n.useRef)(null),o=(0,n.useRef)(null),r=(0,n.useRef)(null),{announceToScreenReader:d}
1=(0,u.y)(),[c,m]=(0,n.useState)(!1);(0,n.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)");m(e.matches);let t=e=>m(e.matches);return e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]),a&&(s.current=a);let h=a||s.current;(0,n.useEffect)(()=>{e&&o.current?(r.current=document.activeElement,setTimeout(()=>{if(o.current){let e=o.current.querySelector("h1");e&&e.focus()}},50),h?.title&&d(u.U.pageLoaded(`Overlay: ${h.title}`),"assertive")):!e&&r.current&&(r.current.focus(),r.current=null)},[e,h?.title,d]),(0,n.useEffect)(()=>{if(!e)return;let t=e=>{if("Tab"===e.key&&o.current){let t=Array.from(o.current.querySelectorAll('button:not([disabled]):not([tabindex="-1"]), [href]:not([tabindex="-1"]), input:not([disabled]):not([tabindex="-1"]), select:not([disabled]):not([tabindex="-1"]), textarea:not([disabled]):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"]), h1[tabindex="-1"]')).filter(e=>null!==e.offsetParent&&"hidden"!==getComputedStyle(e).visibility&&!e.hasAttribute("aria-hidden"));if(0===t.length)return;let a=t[0],i=t[t.length-1],n=document.activeElement;if(!o.current.contains(n)){e.preventDefault(),a.focus();return}e.shiftKey?n===a&&(e.preventDefault(),i.focus()):n===i&&(e.preventDefault(),a.focus())}};return document.addEventListener("keydown",t,!0),()=>{document.removeEventListener("keydown",t,!0)}},[e]);let p=(0,n.useCallback)(e=>{if("Escape"===e.key&&(e.preventDefault(),t()),"Tab"===e.key){if(!o.current)return;let t=Array.from(o.current.querySelectorAll('button:not([disabled]):not([tabindex="-1"]), [href]:not([tabindex="-1"]), input:not([disabled]):not([tabindex="-1"]), select:not([disabled]):not([tabindex="-1"]), textarea:not([disabled]):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"]), h1[tabindex="-1"]')).filter(e=>null!==e.offsetParent&&"hidden"!==getComputedStyle(e).visibility&&!e.hasAttribute("aria-hidden"));if(0===t.length)return;let a=t[0],i=t[t.length-1];e.shiftKey?document.activeElement===a&&(e.preventDefault(),i.focus()):document.activeElement===i&&(e.preventDefault(),a.focus())}},[t]),x=(0,n.useCallback)(e=>{e.target===e.currentTarget&&t()},[t]);return(0,i.jsx)(D,{children:e&&h&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{tabIndex:0,onFocus:()=>{if(o.current){let e=o.current.querySelectorAll('button:not([disabled]):not([tabindex="-1"]), h1[tabindex="-1"]'),t=e[e.length-1];t&&t.focus()}},style:{position:"fixed",top:"-1px",left:"-1px",width:"1px",height:"1px",opacity:0}}),(0,i.jsx)(U,{initial:c?{opacity:1}:{opacity:0},animate:{opacity:1},exit:c?{opacity:1}:{opacity:0},transition:{duration:.2*!c},className:"rfo7oj0",onClick:x,"aria-hidden":"true",tabIndex:-1}),(0,i.jsx)(U,{ref:o,initial:c?{x:0}:{x:"100%"},animate:{x:0},exit:c?{x:0}:{x:"100%"},transition:{type:"tween",duration:.3*!c},className:`rfo7oj1 ${l?"rfo7oj2":"rfo7oj3"}`,role:"dialog","aria-modal":"true","aria-labelledby":"overlay-title","aria-describedby":"overlay-content",onKeyDown:p,tabIndex:-1,children:(0,i.jsxs)("div",{className:"rfo7oj8",children:[(0,i.jsxs)("div",{className:"rfo7oj4",children:[(0,i.jsx)("div",{className:"rfo7oj5",children:(0,i.jsx)(M,{onClick:t,iconColor:"#001440"})}),(0,i.jsx)("h1",{id:"overlay-title",className:"rfo7oj6",tabIndex:-1,children:h.title})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{id:"overlay-content",className:"rfo7oj9",dangerouslySetInnerHTML:{__html:h.body}}),h.videoUrl&&(0,i.jsx)(V,{videoUrl:h.videoUrl,compact:!0}),h.audioUrl&&(0,i.jsx)("div",{className:"rfo7oja",children:(0,i.jsx)(A.f,{audioUrl:h.audioUrl})})]})]})}),(0,i.jsx)("div",{tabIndex:0,onFocus:()=>{if(o.current){let e=o.current.querySelectorAll('button:not([disabled]):not([tabindex="-1"]), h1[tabindex="-1"]')[0];e&&e.focus()}},style:{position:"fixed",bottom:"-1px",left:"-1px",width:"1px",height:"1px",opacity:0}})]})})};var z=a(62294);let F=({title:e,body:t,isDarkPurple:a,infoTags:l=[]})=>{let[s,o]=(0,n.useState)(null),[r,d]=(0,n.useState)(!1),c=s&&l.find(e=>e.id===s)||null,u=c?{title:c.title,body:c.body,videoUrl:c.videoUrl,audioUrl:c.audioUrl}:null,m=e=>{o(e),d(!0)};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:"_1q223ytc",children:[(0,i.jsx)(S.VQ,{id:"content-title",className:a?w:I,children:(0,z.v)(e,{isDarkPurple:a,onInfoTagClick:m,textClassName:a?w:I})}),(0,i.jsx)("div",{className:a?E:T,children:(0,z.v)(t,{isDarkPurple:a,onInfoTagClick:m,textClassName:a?E:T})})]}),(0,i.jsx)(P,{isOpen:r,onClose:()=>{d(!1),o(null)},content:u})]})};function B({currentContent:e,showStaticBar:t=!1,contents:a=[],vertical:l=!1}
1){let o,r,[d,c]=(0,n.useState)(null),[u,m]=(0,n.useState)(null),h=a.length>0?a.filter(e=>(e.pageType===s.g6.INPUT||e.pageType===s.g6.PHONE_LAYOUT)&&!1!==e.showInFinancialOverview).sort((e,t)=>e.order-t.order):[],p=t?(o=[],r=new Set,h.forEach(e=>{let t=e.title?.toLowerCase()||"";r.has(t)||(r.add(t),o.push(e))}),o):h,x=()=>{c(null)},g=()=>{m(null)},f=p.findIndex(t=>t.id===e.id),y=p.length;return(0,i.jsx)(i.Fragment,{children:p.length>0&&(0,i.jsx)("nav",{className:l?t?"susdt43 susdt42":"susdt42":t?"susdt41 susdt40":"susdt40",role:"navigation","aria-label":t?"Voortgangsstappen":`Voortgang: stap ${f>=0?f+1:0} van ${y}`,children:(0,i.jsx)("ol",{style:{display:"contents",listStyle:"none",margin:0,padding:0},children:p.map((a,n)=>{let s=(0,z.z)(a.title),o=!!t||a.order<=e.order,r=!t&&a.id===e.id,h=d===a.id||u===a.id,p=`tooltip-${a.id}`;return(0,i.jsx)("li",{className:o?"susdt48 susdt44":"susdt47 susdt44",children:(0,i.jsxs)("div",{tabIndex:0,role:"button","aria-label":`${s}${r?" (huidige stap)":""}${o?" (voltooid)":" (niet voltooid)"}`,"aria-describedby":h?p:void 0,"aria-current":r?"step":void 0,onMouseEnter:()=>{c(a.id)},onMouseLeave:x,onFocus:()=>{m(a.id)},onBlur:g,children:[(0,i.jsx)("span",{className:o?"susdt45":"susdt46 susdt45",children:a.emoji&&(0,i.jsx)("span",{role:"img","aria-hidden":"true",children:a.emoji})}),h&&(0,i.jsx)("div",{id:p,role:"tooltip",className:`${l?"susdt4b":"susdt49"} susdt4a`,children:s})]})},a.id)})})})})}a(88610);var R=a(74392);a(37070);var q="_13umould _13umoul3",H="_13umoule _13umoul3",W="_13umoulc _1pyt81hp",G="_13umoulb _1pyt81hp";function K({content:e,isDarkPurple:t,contents:a}){let[l,s]=(0,n.useState)(null),[o,r]=(0,n.useState)(!1),d=(0,O.a)(),c=l&&e.infoTags?.find(e=>e.id===l)||null,u=c?{title:c.title,body:c.body,videoUrl:c.videoUrl,audioUrl:c.audioUrl}:null,m=e=>{s(e),r(!0)};return(0,i.jsxs)("section",{"aria-labelledby":"content-title",children:[(0,i.jsxs)("header",{className:"_13umoula",children:[(0,i.jsx)(R.A,{text:e.label,className:"_13umoul9"}),(0,i.jsx)(S.VQ,{id:"content-title",className:t?W:G,children:(0,z.v)(e.title,{isDarkPurple:t,onInfoTagClick:m,textClassName:t?W:G})}),(0,i.jsx)("div",{className:t?q:H,children:(0,z.v)(e.body,{isDarkPurple:t,onInfoTagClick:m,textClassName:t?q:H})})]}
1),!d&&(0,i.jsxs)("div",{className:"_13umoul6",children:[(0,i.jsx)(S.mI,{className:`_13umoul5 _13umoul3 ${t?q:H}`,children:"We lopen de volgende categorie\xebn stuk voor stuk langs:"}),(0,i.jsx)(B,{currentContent:e,showStaticBar:!0,contents:a??[]})]}),(0,i.jsx)(P,{isOpen:o,onClose:()=>{r(!1),s(null)},content:u})]})}let X=({size:e=24,color:t="#141B34",className:a,...n})=>(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 24 25",fill:"none",className:a,"aria-hidden":"true",...n,children:[(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 20.25C10 19.6977 10.4477 19.25 11 19.25H17C17.5523 19.25 18 19.6977 18 20.25C18 20.8023 17.5523 21.25 17 21.25H11C10.4477 21.25 10 20.8023 10 20.25Z",fill:t}),(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.1538 6.48191L6.36945 14.2663C5.40084 15.2347 4.80884 15.8265 4.40167 16.5552C4.17455 16.9616 3.97615 17.5781 3.8006 18.209C3.62 18.8579 3.44221 19.6047 3.27249 20.3175L3.27041 20.3262C3.21009 20.5796 3.28552 20.8461 3.46969 21.0303C3.65385 21.2144 3.92037 21.2899 4.17373 21.2295L4.18242 21.2275C4.89508 21.0579 5.64214 20.8799 6.29098 20.6993C6.92183 20.5238 7.53832 20.3254 7.94476 20.0983C8.67342 19.6911 9.26526 19.0991 10.2337 18.1305L18.018 10.3461L14.1538 6.48191ZM19.0786 9.28543L19.9497 8.41435C21.0168 7.34729 21.0168 5.61724 19.9497 4.55017C18.8827 3.48311 17.1526 3.48311 16.0855 4.55017L15.2145 5.42125L19.0786 9.28543Z",fill:t})]});a(23260);let Y=(e,t)=>{switch(e.condition){case"greater_than":return t>e.amount;case"less_than":return t<e.amount;case"equal_to":return t===e.amount;default:return!1}},Z=(e,t)=>{if(!e||0===e.length)return"";let a=e.find(e=>Y(e,t));return a?.text||""},J=({item:e,onUpdate:t,onClick:a,showConditionalTexts:l=!1})=>{var s,o;
1let[r,d]=(0,n.useState)(!1),[c,m]=(0,n.useState)(e.amount.toString()),h=(0,n.useRef)(null),{announceToScreenReader:p}=(0,u.y)(),x=(0,z.z)(e.name);(0,n.useEffect)(()=>{r&&h.current&&h.current.focus()},[r]);let g=(0,n.useCallback)(t=>{t.stopPropagation(),d(!0),m(e.amount.toString()),p(u.U.actionCompleted(`Bewerken gestart voor ${x}`),"polite")},[e.amount,x,p]),f=(0,n.useCallback)(()=>{a(e),p(u.U.selectionMade(`${x}: â¬${e.amount.toLocaleString("nl-NL")}`),"polite")},[e,a,x,p]),y=(0,n.useCallback)(e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),f())},[f]),v=(0,n.useCallback)(e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),g(e))},[g]),b=()=>{let a=parseInt(c)||0;t(e.id,a),d(!1)},j=l&&e.monetaryConditionalTexts?(s=e.monetaryConditionalTexts,o=e.amount,s?s.filter(e=>Y(e,o)):[]):[],N=!1!==e.hasBeenProcessed&&e.isActive;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:`${N?"dfbctf1 dfbctf0":"dfbctf2 dfbctf0"} dfbctfh`,onClick:f,onKeyDown:y,role:"button",tabIndex:0,"aria-label":`${x}: â¬${e.amount.toLocaleString("nl-NL")} ${!1===e.hasBeenProcessed?"(niet ingevuld)":""}`,"aria-describedby":`cost-item-${e.id}-details`,children:[(0,i.jsxs)("div",{className:"dfbctf3",children:[(0,i.jsx)("span",{className:"dfbctf4","aria-hidden":"true",children:e.emoji}),(0,i.jsx)("span",{className:N?"dfbctf5":"dfbctf6",children:x})]}),(0,i.jsx)("div",{className:"dfbctf7",children:!1===e.hasBeenProcessed?(0,i.jsx)("span",{className:"dfbctfe",children:"niet ingevuld"}):r?(0,i.jsxs)("div",{className:"dfbctf8",children:[(0,i.jsx)("span",{className:"dfbctf9",children:"â¬"}),(0,i.jsx)("input",{ref:h,type:"text",value:c,onChange:e=>{m(e.target.value.replace(/[^0-9]/g,""))},onKeyDown:t=>{"Enter"===t.key?b():"Escape"===t.key&&(d(!1),m(e.amount.toString()))},onBlur:()=>{b()},className:"dfbctfa",onClick:e=>e.stopPropagation()})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("button",{type:"button",className:"dfbctfi",onClick:g,onKeyDown:v,"aria-label":`Bedrag bewerken voor ${x}`,title:"Bedrag bewerken",children:(0,i.jsx)(X,{size:20,color:N?C.vars.color.wksDarkPurple:C.vars.color.wksLightBlue,className:"dfbctfb","aria-hidden":"true"})}),(0,i.jsxs)("span",{className:N?"dfbctfc":"dfbctfd",children:["â¬",e.amount.toLocaleString("nl-NL",{maximumFractionDigits:0})]})]})}),(0,i.jsxs)("span",{id:`cost-item-${e.id}-details`,className:"dfbctfj",children:[!1===e.hasBeenProcessed?"Niet ingevuld. ":"",l&&j.length>0&&`Voorwaardelijke teksten: ${j.map(e=>(0,z.z)(e.text)).join(", ")}`]})]}),l&&j.length>0&&(0,i.jsx)("div",{className:"dfbctff",children:j.map((e,t)=>(0,i.jsx)("div",{className:"dfbctfg",children:(0,z.z)(e.text)},`${e.id}-${t}`))})]})};a(68354);let Q=({educationType:e,onAddLoanItem:t,existingLoanAmount:a=0})=>{let[l,o]=(0,n.useState)(!1),[r,d]=(0,n.useState)(a.toString()),c=(0,n.useRef)(null);(0,n.useEffect)(()=>{l&&c.current&&(c.current.focus(),c.current.select())},[l]);let u=()=>{let a=parseInt(r)||0;t({id:"duo-loan",name:"DUO lening",amount:a,type:s.i0.INCOME,isActive:a>0,emoji:"\uD83D\uDCB0",educationType:e,monetaryConditionalTexts:null,hasBeenProcessed:!0}),o(!1)};return(0,i.jsxs)("section",{className:"_1ymi9z70",children:[(0,i.jsx)("h2",{className:"_1ymi9z71",children:"Extra geld nodig?"}),(0,i.jsxs)("p",{className:"_1ymi9z72",children:["Heb je recht op studiefinanciering? Dan kun je bij DUO extra geld lenen.",(0,i.jsx)("br",{}),"Check ",(0,i.jsxs)("a",{href:"https://duo.nl/particulier/geld-voor-school-en-studie/",target:"_blank",rel:"noopener noreferrer",className:"_1ymi9z73",children:["duo.nl",(0,i.jsx)("span",{className:"sr-only",children:" (opent in nieuw venster)"})]})," voor alle info. Besluit je te lenen? Vul dan hieronder je DUO-lening in."]}),(0,i.jsxs)("div",{className:"_1ymi9z74",children:[(0,i.jsxs)("div",{className:"_1ymi9z75",children:[(0,i.jsx)("span",{className:"_1ymi9z76","aria-hidden":"true",children:"\uD83D\uDCB0"}),(0,i.jsx)("span",{className:"_1ymi9z77",children:"DUO lening"})]}),(0,i.jsx)("div",{className:"_1ymi9z78",children:(0,i.jsxs)("div",{className:"_1ymi9z79",children:[(0,i.jsx)("span",{className:"_1ymi9z7a","aria-hidden":"true",children:"â¬"}),(0,i.jsx)("input",{ref:c,type:"text",inputMode:"numeric",pattern:"[0-9]*",value:r,onChange:e=>{d(e.target.value.replace(/[^0-9]/g,""))},onKeyDown:e=>{"Enter"===e.key?u():"Escape"===e.key&&(o(!1),d(a.toString()))},onBlur:()=>{u()},className:"_1ymi9z7b",onClick:e=>e.stopPropagation(),"aria-label":"DUO lening bedrag per maand"})]})})]})]})};function ee({type:e,showConditionalTexts:t=!1,onNavigateToContent:a}){let n=(0,c.B)(e=>e.updateCostsItem),l=(0,c.B)(e=>e.addOrUpdateCostsItem),o=(0,c.B)(e=>e.activeSession),r=(0,c.B)(e=>e.activeSession?.incomeItems??[]),d=(0,c.B)(e=>e.activeSession?.expenseItems??[]),u=e===s.i0.INCOME?r:d,m=u.filter(e=>"duo-loan"!==e.id&&(e.isActive||!0!==e.hasBeenProcessed)),h=e=>{a&&a(e.id),n(e.id,{isActive:!0})},p=(e,t)=>{n(e,{amount:t})},x=u.find(e=>"duo-loan"===e.id);return(0,i.jsx)("section",{className:"_1p0star0","aria-label":e===s.i0.INCOME?"Inkomsten overzicht":"Uitgaven overzicht",children:(0,i.jsxs)("div",{className:"_1p0star1",role:"list",children:[m.map(e=>(0,i.jsx)("div",{role:"listitem",children:(0,i.jsx)(J,{showConditionalTexts:t,item:e,onClick:h,onUpdate:p})},e.id)),e===s.i0.INCOME&&o&&(0,i.jsx)("div",{role:"listitem",children:(0,i.jsx)(Q,{educationType:o.educationType,onAddLoanItem:l,existingLoanAmount:x?.amount??0})})]})})}a(17623),a(20212),a(63885);var et="_1641ng6l",ea="_1641ng6o",ei="_1641ng6e",en="_1641ng6p",el="_1641ng6m",es="_1641ng6d",eo="_1641ng64",er="_1641ng65 _1641ng64",ed="_1641ng66",ec="_164
11ng67 _1641ng66",eu="_1641ng6q",em="_1641ng6r _1641ng6q";let eh=({option:e,onToggleChange:t,onMonetaryValueChange:a,onInfoClick:l})=>{let[s,o]=(0,n.useState)(e.monetaryValue?e.monetaryValue.toString():""),[r,d]=(0,n.useState)(!1),[c,u]=(0,n.useState)(e.checked),m=(0,O.a)(),h=n.useId();(0,n.useEffect)(()=>{u(e.checked)},[e.checked]),(0,n.useEffect)(()=>{o(e.monetaryValue?e.monetaryValue.toString():"")},[e.monetaryValue]);let p=()=>{let a=!e.checked;t(e.id,a),u(a)},x=t=>{o(t);let i=""===t?null:parseInt(t.replace(/\D/g,""),10);a(e.id,i)},g=()=>{l&&l(e.id,e.info)},f=e=>c?e.replace(/\D/g,""):"";return m?(0,i.jsxs)("div",{className:c?"_1641ng63 _1641ng61":"_1641ng61",children:[(0,i.jsxs)("div",{className:"_1641ng6a",children:[(0,i.jsx)("button",{type:"button",className:c?er:eo,onClick:p,role:"switch","aria-checked":c,"aria-label":`${e.text}`,children:(0,i.jsx)("div",{className:c?ec:ed,"aria-hidden":"true"})}),(0,i.jsxs)("div",{className:"_1641ng6c",children:[(0,i.jsx)("span",{className:es,children:e.text}),e.info&&(0,i.jsxs)("div",{className:en,onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),children:[(0,i.jsx)("button",{className:ei,onClick:g,type:"button","aria-label":`Toon informatie over ${e.text}`,"aria-describedby":r?h:void 0,children:"i"}),(0,i.jsx)("div",{id:h,className:r?em:eu,role:"tooltip","aria-hidden":!r,children:e.info})]})]})]}),(0,i.jsx)("div",{className:"_1641ng6g",children:(0,i.jsxs)("div",{className:c?"_1641ng6k _1641ng6i":"_1641ng6i",children:[c&&(0,i.jsx)("span",{className:et,"aria-hidden":"true",children:"â¬"}),(0,i.jsx)("input",{type:"text",inputMode:"numeric",pattern:"[0-9]*",value:f(s),onChange:e=>x(e.target.value),className:el,placeholder:c?"0":"","aria-label":`Bedrag voor ${e.text}`,disabled:!c}),c&&(0,i.jsx)("span",{className:ea,"aria-hidden":"true",children:"per maand"})]})})]}):(0,i.jsxs)("div",{className:c?"_1641ng62 _1641ng60":"_1641ng60",children:[(0,i.jsx)("button",{type:"button",className:c?er:eo,onClick:p,role:"switch","aria-checked":c,"aria-label":`${e.text}`,children:(0,i.jsx)("div",{className:c?ec:ed,"aria-hidden":"true"})}),(0,i.jsxs)("div",{className:"_1641ng68",children:[(0,i.jsxs)("div",{className:"_1641ng6b",children:[(0,i.jsx)("span",{className:es,children:e.text}),e.info&&(0,i.jsxs)("div",{className:en,onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),children:[(0,i.jsx)("button",{className:ei,onClick:g,type:"button","aria-label":`Toon informatie over ${e.text}`,"aria-describedby":r?h:void 0,children:"i"}),(0,i.jsx)("div",{id:h,className:r?em:eu,role:"tooltip","aria-hidden":!r,children:e.info})]})]}),(0,i.jsx)("div",{className:"_1641ng6f",children:(0,i.jsxs)("div",{className:c?"_1641ng6j _1641ng6h":"_1641ng6h",children:[c&&(0,i.jsx)("span",{className:et,"aria-hidden":"true",children:"â¬"}),(0,i.jsx)("input",{type:"text",inputMode:"numeric",pattern:"[0-9]*",value:f(s),onChange:e=>x(e.target.value),className:el,placeholder:c?"0":"","aria-label":`Bedrag voor ${e.text}`,disabled:!c}),c&&(0,i.jsx)("span",{className:ea,"aria-hidden":"true",children:"p/m"})]})})]})]})},ep=({options:e,costType:t=s.i0.EXPENSES,educationType:a,content:o})=>{let{addOrUpdateCostsItem:r,addOrUpdateCostsItemAtIndex:d,removeCostsItem:u,getIncomeItems:m,getExpenseItems:h,markItemsAsProcessed:p}=(0,c.B)(),{contents:x}
1=(0,l.u)(),g=m(),f=h(),[y,v]=(0,n.useState)(e),[b,N]=(0,n.useState)(!1),[C,_]=(0,n.useState)("");(0,n.useEffect)(()=>{v(e),N(!0)},[e]),(0,n.useEffect)(()=>{if(!b)return;let e=t===s.i0.INCOME?g:f;v(t=>t.map(t=>{let a=e.find(e=>e.id===t.id);return a?{...t,checked:!0,monetaryValue:a.amount}:{...t,checked:!1,monetaryValue:t.monetaryValue||0}}))},[g,f,t,b]);let k=(i,n)=>{let l=y.find(e=>e.id===i);if(l){if(n){let n=t===s.i0.INCOME?g:f,r=(0,j.mA)({currentContentId:o.id,contentCostType:t,contentEducationType:a,allContents:x,existingItemsForType:n,optionId:i,toggleOptions:e});d({id:l.id,name:l.text,amount:l.monetaryValue||0,type:t,isActive:!0,emoji:l.emoji,educationType:a,monetaryConditionalTexts:[]},r),_(`${l.text} ingeschakeld`)}else u(l.id),_(`${l.text} uitgeschakeld`);p([i])}},E=(e,i)=>{let n=y.find(t=>t.id===e);n&&(t===s.i0.INCOME?g:f).find(t=>t.id===e)&&(r({id:n.id,name:n.text,amount:i||0,type:t,isActive:!0,emoji:n.emoji,educationType:a,monetaryConditionalTexts:[]}),p([e]))},T=t===s.i0.INCOME?"Inkomsten opties":"Uitgaven opties";return(0,i.jsxs)("section",{className:1===y.length?"lcwsr21":"lcwsr20","aria-label":T,children:[(0,i.jsx)("div",{role:"status","aria-live":"polite","aria-atomic":"true",className:"sr-only",children:C}),y.map(e=>(0,i.jsx)(eh,{option:e,onToggleChange:k,onMonetaryValueChange:E},e.id))]})};var ex=a(62139);a(14852);var eg=a(7429);a(51033);var ef={positive:"cq3gcv1 cq3gcv0",neutral:"cq3gcv2 cq3gcv0",negative:"cq3gcv3 cq3gcv0"};function ey({value:e,className:t,animate:a=!1,onAnimationComplete:l}){let[s,o]=(0,n.useState)(a?0:e),r=(0,n.useRef)(!1),[d,c]=(0,n.useState)(!1),[u,m]=(0,n.useState)(!1),h=(0,n.useRef)(null),p=(0,eg.W)(h,{once:!0,amount:1,margin:"0px"}),x=(0,n.useRef)(l);(0,n.useEffect)(()=>{x.current=l},[l]),(0,n.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)");m(e.matches);let t=e=>m(e.matches);return e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]),(0,n.useEffect)(()=>{if(a&&p&&!r.current)if(r.current=!0,u||0===e)o(e),c(!1),x.current?.();else{let t=setTimeout(()=>{c(!0);let t=Date.now(),a=()=>{let i=Math.min((Date.now()-t)/2e3,1);o(e*(1-Math.pow(1-i,3))),i<1?requestAnimationFrame(a):(c(!1),x.current?.())};a()},800);return()=>clearTimeout(t)}else a||(o(e),c(!1))},[a,p,e,u]);let g=`${s>=0?"+":"-"}â¬${Math.abs(s).toFixed(0)}`;return(0,i.jsx)("div",{ref:h,className:[ef[s<0?"negative":s>=100?"positive":"neutral"],t].filter(Boolean).join(" "),role:"status","aria-live":d?"polite":"off","aria-label":s<0?`Tekort van ${Math.abs(s).toFixed(0)} euro`:s>=100?`Overschot van ${s.toFixed(0)} euro`:`Budget is in balans, ${s.toFixed(0)} euro`,children:(0,i.jsx)("span",{"aria-hidden":"true",children:g})})}var ev=a(60773);function eb({className:e,text:t="Scroll even naar beneden"}){return(0,i.jsxs)("div",{className:`x9j4gl0 ${e||""}`,"aria-hidden":"true",children:[(0,i.jsx)(ev.default,{src:"/images/[email protected]",alt:"",width:60,height:60,className:"x9j4gl1"}),(0,i.jsx)("div",{className:"x9j4gl2",children:t})]})}function ej({tabs:e,defaultActiveIndex:t=0,className:a}){let[l,s]=(0,n.useState)(t),o=(0,n.useRef)([]);return e&&0!==e.length?(0,i.jsxs)("div",{className:"_15z5p4f0 "+a,children:[(0,i.jsx)("div",{className:"_15z5p4f1",role:"tablist",children:e.map((t,a)=>{let n=`tab-${a}`,r=`tabpanel-${a}`,d=a===l;return(0,i.jsx)("button",{ref:e=>{o.current[a]=e},id:n,type:"button",role:"tab","aria-selected":d,"aria-controls":r,tabIndex:d?0:-1,className:d?"_15z5p4f3 _15z5p4f2":"_15z5p4f2",onClick:()=>{s(a)},onKeyDown:t=>((t,a)=>{let i=a;switch(t.key){case"ArrowLeft":t.preventDefault(),i=a>0?a-1:e.length-1;break;case"ArrowRight":t.preventDefault(),i=a<e.length-1?a+1:0;break;case"Home":t.preventDefault(),i=0;break;case"End":t.preventDefault(),i=e.length-1;break;default:return}s(i),o.current[i]?.focus()})(t,a),children:t.title},a)})}),(0,i.jsx)("div",{id:`tabpanel-${l}`,role:"tabpanel","aria-labelledby":`tab-${l}`,tabIndex:0,className:"_15z5p4f4",children:e[l]?.content})]}):null}a(56414),a(22707),a(80875);var eN=a(50097);function eC({faqItems:e}){return(0,i.jsxs)("div",{className:"dcj4t1",children:[(0,i.jsx)(S.iq,{className:"dcj4t0",children:"Lenen bij DUO"}),(0,i.jsx)(eN.l,{className:"dcj4t2",items:e})]})}var e_=a(18431);function ek({onNavigateToContent:e}){return(0,i.jsxs)("div",{className:"_1j4pk230",children:[(0,i.jsxs)(ex.h1,{children:[(0,i.jsx)(S.iq,{className:"_1j4pk231",children:"Dit geef jij maandelijks uit"}),(0,i.jsx)(ee,{showConditionalTexts:!0,type:s.i0.EXPENSES,onNavigateToContent:e})]}),(0,i.jsx)("div",{className:"_1j4pk233"}),(0,i.jsxs)(ex.h1,{children:[(0,i.jsx)(S.iq,{className:"_1j4pk232 _1pyt81hq",children:"Dit zijn jouw maandelijkse inkomsten"}),(0,i.jsx)(ee,{showConditionalTexts:!0,type:s.i0.INCOME,onNavigateToContent:e})]})]})}a(57912),a(82873);var eE=a(18870),eT=a(62668);
1function ew({title:e,subtitle:t,buttons:a}){return(0,i.jsxs)("section",{className:"_1x0u0az0","aria-labelledby":"action-buttons-heading",children:[(0,i.jsx)("div",{className:"_1x0u0az1",children:(0,i.jsx)(eT.A,{className:"_1x0u0az2","aria-hidden":"true"})}),(0,i.jsxs)("div",{className:"_1x0u0az3",children:[(0,i.jsx)("h2",{id:"action-buttons-heading",className:"_1x0u0az4",children:e}),t&&(0,i.jsx)("p",{className:"_1x0u0az5",children:t})]}),(0,i.jsx)("div",{className:"_1x0u0az6",children:a.map((e,t)=>(0,i.jsxs)(eE.O,{color:C.vars.color.textColor,backgroundColor:"white",hoverBackgroundColor:C.vars.color.wksLightGray,onClick:e.onClick,children:[(0,i.jsx)(eT.A,{style:{width:"1.6rem",height:"1.6rem",marginRight:"0.8rem"},"aria-hidden":"true"}),e.title]},t))})]})}var eI=a(73530);function eS({value:e,isVisible:t}){let a=`â¬${Math.abs(e).toFixed(0)}`;return(0,i.jsx)(eI.N,{children:t&&(0,i.jsxs)(e_.P.div,{className:"cqz3tu0",initial:{y:-100,opacity:0},animate:{y:80,opacity:1},exit:{y:-100,opacity:0},transition:{type:"spring",stiffness:300,damping:30,duration:.3},role:"region","aria-label":"Budget resultaat samenvatting","aria-live":"polite",children:[(0,i.jsx)("div",{className:"cqz3tu1",children:"Jouw resultaat"}),(0,i.jsxs)("div",{className:"cqz3tu2",children:[(0,i.jsx)("span",{className:"cqz3tu3",children:a}),(0,i.jsx)("span",{className:"cqz3tu4",children:e<0?"per maand te kort":"per maand over"})]})]})})}a(22156);var e$=a(95584),eO=a(51024);let eM=()=>{window.scrollTo({top:0,behavior:"instant"}),document.documentElement.scrollTop=0,document.body.scrollTop=0},eL=(e=2)=>{eM();let t=[];for(let a=1;a<=e;a++){let e=setTimeout(()=>{eM()},50*a);t.push(e)}return()=>{t.forEach(e=>clearTimeout(e))}};function eV({onPrevious:e,hasPrevious:t,backgroundColor:a,onNavigateToContent:o}={}){let[r,d]=(0,n.useState)(!1),u=(0,c.B)(e=>e.getBalance()),[m,h]=(0,n.useState)(0),[p,x]=(0,n.useState)("Deellink kopi\xebren"),[g,f]=(0,n.useState)(!1),{saveSessionAsCompleted:y,getActiveSession:v,updateCostsItem:b,getIncomeItems:j,getExpenseItems:N,getSelectedHost:C}=(0,c.B)(),{resultsPageContent:_}=(0,l.u)(),[k,E]=(0,n.useState)(!1),[T,w]=(0,n.useState)(!1),[I,$]=(0,n.useState)(!1),[O,M]=(0,n.useState)(!1),L=(0,n.useRef)(!1);(0,n.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)");f(e.matches);let t=e=>f(e.matches);return e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]);let V=(0,n.useRef)(null),A=(0,eg.W)(V,{margin:"-50px 0px 0px 0px"}),U=u+m,D=_?.introText?Z(_.introText,U):"",P=async()=>{try{let e=v();if(!e)return void console.error("No active session to share");x("Link maken...");let{shareUrl:t,shareData:a,shareId:i}=(0,eO.MU)(e.educationType,j(),N(),e.multipleChoiceSelections,C());await (0,eO.lW)(t)?(x("Link gekopieerd! â"),(0,eO.UT)(i,a).catch(e=>{console.error("Background save failed:",e)}),setTimeout(()=>{x("Deellink kopi\xebren")},3e3)):(x("Kopi\xebren mislukt"),setTimeout(()=>{x("Deellink kopi\xebren")},3e3))}catch(e){console.error("Error creating share link:",e),x("Fout bij maken link"),setTimeout(()=>{x("Deellink kopi\xebren")},3e3)}};return(0,n.useEffect)(()=>{if(L.current)return;L.current=!0,d(!0);let e=eL(3),t=v();if(t){y();let e=t.educationType===s.nV.MBO?"MBO":"HBO";e$.A.trackResultsView(e,U)}return()=>{e()}},[y,v,U]),(0,i.jsxs)("article",{className:"e1ea2l0","aria-labelledby":"results-heading",children:[(0,i.jsx)(eS,{value:U,isVisible:r&&!A}),(0,i.jsx)("div",{className:"e1ea2l1",ref:V,style:{"--arrow-color":a||"#F4F7FF"},children:(0,i.jsxs)(ex.K7,{className:"e1ea2l2",children:[(0,i.jsx)(e_.P.div,{initial:{opacity:+!!g,y:20*!g},animate:{opacity:1,y:0},transition:{duration:.4*!g,ease:"easeOut",delay:+!g},children:(0,i.jsx)(S.mI,{children:"Jouw begroting"})}),(0,i.jsx)(e_.P.div,{initial:{opacity:+!!g,y:20*!g},animate:{opacity:1,y:0},transition:{duration:.4*!g,ease:"easeOut",delay:1.2*!g},children:(0,i.jsx)(S.VQ,{id:"results-heading",className:"e1ea2l3",children:"Resultaten"})}),(0,i.jsx)(e_.P.div,{initial:{opacity:+!!g,y:20*!g},animate:{opacity:1,y:0},transition:{duration:.4*!g,ease:"easeOut",delay:1.6*!g},style:{width:"100%",display:"flex",justifyContent:"center"},children:r&&(0,i.jsx)(ey,{value:U,animate:!0,onAnimationComplete:()=>{E(!0),g?(w(!0),$(!0),M(!0)):setTimeout(()=>{w(!0),setTimeout(()=>{$(!0),setTimeout(()=>{M(!0)},300)},400)},200)}})}),(0,i.jsx)(e_.P.div,{initial:{opacity:+!!g,y:20*!g}
1,animate:{opacity:+!!T,y:20*!T},transition:{duration:.6*!g,ease:"easeOut"},children:(0,i.jsx)(S.mI,{className:"e1ea2l4",dangerHtml:{__html:D}})}),(0,i.jsx)(e_.P.div,{initial:{opacity:+!!g,y:20*!g},animate:{opacity:+!!I,y:20*!I},transition:{duration:.5*!g,ease:"easeOut"},children:(0,i.jsx)(eb,{})})]})}),r&&(0,i.jsx)(e_.P.div,{className:"e1ea2l5",initial:{opacity:+!!g,y:30*!g},animate:{opacity:+!!O,y:30*!O},transition:{duration:.8*!g,ease:"easeOut"},children:(0,i.jsx)(ex.K7,{className:"e1ea2l6",children:(0,i.jsx)(ej,{tabs:[{title:"Jouw resultaat",content:(0,i.jsx)(ek,{onNavigateToContent:e=>{o&&o(e),b(e,{isActive:!0})}})},{title:"Lenen bij DUO",content:(0,i.jsx)(eC,{faqItems:_?.savingTips||[]})}]})})}),(0,i.jsx)(e_.P.div,{initial:{opacity:0,y:30},animate:{opacity:+!!O,y:30*!O},transition:{duration:.8,ease:"easeOut",delay:.2},children:(0,i.jsx)(ex.LN,{className:"e1ea2l8",children:(0,i.jsx)(ex.h1,{children:(0,i.jsx)(ew,{title:"Deel jouw resultaat met jouw unieke link",subtitle:"Gebruik deze link als je je resultaten later weer wilt bekijken of wil delen met anderen.",buttons:[{title:p,onClick:P}]})})})})]})}function eA({content:e}
1){let[t,a]=(0,n.useState)(0),[l,s]=(0,n.useState)(!1),o=(0,n.useMemo)(()=>e.chatMessages||[],[e.chatMessages]);return(0,n.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)");s(e.matches);let t=e=>s(e.matches);return e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]),(0,n.useEffect)(()=>{if(a(0),0===o.length)return;if(a(1),l)return void a(o.length);let e=[],t=0;for(let i=1;i<o.length;i++){let n=setTimeout(()=>{a(i+1)},t+=o[i]?.chatMessageDelay||2e3);e.push(n)}return()=>{e.forEach(e=>clearTimeout(e))}},[e.id,o,l]),(0,i.jsx)("div",{className:"_1lznz461",role:"log","aria-live":"polite","aria-label":"Chatgesprek",children:o.slice(0,t).map((e,t)=>(0,i.jsx)("div",{className:e.isUserMessage?"_1lznz463 _1lznz462":"_1lznz464 _1lznz462",style:l?{}:{animationDelay:`${.1*t}s`},children:(0,i.jsxs)("div",{className:`${e.isUserMessage?"_1lznz466 _1lznz465":"_1lznz467 _1lznz465"} _1lznz468`,children:[(0,i.jsx)("span",{className:"sr-only",children:e.isUserMessage?"Gebruiker: ":"Systeem: "}),(0,i.jsx)("div",{dangerouslySetInnerHTML:{__html:e.text}})]})},e.id))})}a(70061);var eU=a(86440);a(78666);var eD="_1myv0uu0",eP=a(48071);let ez=e=>{let{children:t,className:a,onClick:n,...l}=e;return(0,i.jsxs)("button",{className:`${eD} ${a||""}`,type:"button",onClick:e=>{n&&n(e)},"aria-label":"Vorige host",...l,children:[(0,i.jsx)(eP.z,{color:"white","aria-hidden":"true"}),t]})},eF=e=>{let{children:t,className:a,onClick:n,...l}=e;return(0,i.jsxs)("button",{className:`${eD} ${a||""}`,type:"button",onClick:e=>{n&&n(e)},"aria-label":"Volgende host",...l,children:[(0,i.jsx)(eP.z,{color:"white",direction:"right","aria-hidden":"true"}),t]})};a(16140);var eB="_25cxd54",eR=a(29672),eq=a(77210);let eH=({host:e})=>(0,i.jsxs)("div",{className:"_25cxd5d",children:[(0,i.jsx)(S.VQ,{children:e.name}),(0,i.jsxs)(S.mI,{className:"_25cxd5e",children:[" ",e.age," jaar"]}),(0,i.jsx)("div",{className:"_25cxd5f",children:e.tags?.map(e=>(0,i.jsx)(eq.O,{tag:e},e.name))})]});a(50805);var eW="_123rfm4c",eG="_123rfm49 _123rfm48",eK="_123rfm4a _123rfm48";let eX=({isOpen:e,onClose:t,onNavigateToContent:a})=>{let[l,s]=(0,n.useState)("expenses"),[o,r]=(0,n.useState)(!1),d=(0,c.B)(e=>e.updateCostsItem);(0,n.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)");r(e.matches);let t=e=>r(e.matches);return e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]);let m=(0,c.B)(e=>e.activeSession?.incomeItems??[]),h=(0,c.B)(e=>e.activeSession?.expenseItems??[]),p=(0,n.useMemo)(()=>h.filter(e=>e.isActive||!0!==e.hasBeenProcessed),[h]),x=(0,n.useMemo)(()=>m.filter(e=>e.isActive||!0!==e.hasBeenProcessed),[m]),g=(0,O.a)(),f=(0,n.useRef)(null),y=(0,n.useRef)(null),{announceToScreenReader:v}=(0,u.y)(),b=e=>{a&&(a(e.id),t())},j=(e,t)=>{d(e,{amount:t})};(0,n.useEffect)(()=>{e&&f.current?(y.current=document.activeElement,setTimeout(()=>{if(f.current){let e=f.current.querySelector('button[role="tab"], button');e&&e.focus()}},50),v(u.U.pageLoaded("Kostenoverlay geopend"),"assertive")):!e&&y.current&&(y.current.focus(),y.current=null)},[e,v]),(0,n.useEffect)(()=>{if(!e)return;let t=document.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),a=[];return t.forEach(e=>{if(f.current&&f.current.contains(e))return;let t=e.getAttribute("tabindex");a.push({element:e,originalTabIndex:t}),e.setAttribute("tabindex","-1")}),setTimeout(()=>{if(f.current){let e=f.current.querySelector("button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled])");e&&e.focus()}},100),()=>{a.forEach(({element:e,originalTabIndex:t})=>{null!==t?e.setAttribute("tabindex",t):e.removeAttribute("tabindex")})}},[e]);let N=(0,n.useCallback)(e=>{"Escape"===e.key&&(e.preventDefault(),t())},[t]),C=(0,n.useCallback)(e=>{e.target===e.currentTarget&&t()},[t]);return(0,i.jsx)(eI.N,{children:e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(e_.P.div,{initial:o?{opacity:1}:{opacity:0},animate:{opacity:1},exit:o?{opacity:1}:{opacity:0},transition:o?{duration:0}:void 0,className:"_123rfm40",onClick:C,"aria-hidden":"true"}),(0,i.jsxs)(e_.P.div,{ref:f,initial:o?{x:0}:{x:"100%"},animate:{x:0},exit:o?{x:0}:{x:"100%"},transition:o?{duration:0}:{type:"tween",duration:.3},className:`_123rfm41 ${g?"_123rfm42":"_123rfm43"}
1`,role:"dialog","aria-modal":"true","aria-labelledby":"costs-overlay-title","aria-describedby":"costs-overlay-content",onKeyDown:N,tabIndex:-1,children:[(0,i.jsxs)("div",{className:"_123rfm44",children:[(0,i.jsx)("div",{className:"_123rfm45",children:(0,i.jsx)(M,{onClick:t,iconColor:"white"})}),(0,i.jsxs)("div",{className:"_123rfm47",role:"tablist","aria-labelledby":"costs-overlay-title",children:[(0,i.jsx)("button",{type:"button",id:"expenses-tab",role:"tab","aria-selected":"expenses"===l,"aria-controls":"expenses-panel",onClick:()=>s("expenses"),className:"expenses"===l?eG:eK,children:"Uitgaven"}),(0,i.jsx)("button",{type:"button",id:"income-tab",role:"tab","aria-selected":"income"===l,"aria-controls":"income-panel",onClick:()=>s("income"),className:"income"===l?eG:eK,children:"Inkomsten"})]}),(0,i.jsx)("h1",{id:"costs-overlay-title",className:"sr-only",children:"Kostendetails"})]}),(0,i.jsx)("div",{id:"costs-overlay-content",className:"_123rfm4b",children:"expenses"===l?(0,i.jsx)("div",{id:"expenses-panel",role:"tabpanel","aria-labelledby":"expenses-tab",className:eW,children:p.map(e=>(0,i.jsx)(J,{item:e,onClick:b,onUpdate:j},e.id+"cli"))}):(0,i.jsx)("div",{id:"income-panel",role:"tabpanel","aria-labelledby":"income-tab",className:eW,children:x.map(e=>(0,i.jsx)(J,{item:e,onClick:b,onUpdate:j},e.id))})})]})]})})};a(35947);let eY=(0,$.default)(()=>a.e(6566).then(a.bind(a,16566)).then(e=>e.motion.div),{loadableGenerated:{webpack:()=>[null]},ssr:!1}),eZ=(0,$.default)(()=>a.e(6566).then(a.bind(a,16566)).then(e=>e.AnimatePresence),{loadableGenerated:{webpack:()=>[null]},ssr:!1}),eJ=({isOpen:e,onClose:t,videoUrl:a,title:l="Video",backgroundColor:s="rgba(0, 0, 0, 0.8)"})=>{let o=(0,O.a)(),r=(0,n.useRef)(null),d=(0,n.useRef)(null),c=(0,n.useRef)(null),{announceToScreenReader:m}=(0,u.y)(),[h,p]=(0,n.useState)(!1);(0,n.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)");p(e.matches);let t=e=>p(e.matches);return e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]),(0,n.useEffect)(()=>{!e&&r.current?.plyr&&r.current.plyr.pause()},[e]),(0,n.useEffect)(()=>{e&&d.current?(c.current=document.activeElement,setTimeout(()=>{if(d.current){let e=d.current.querySelector("button");e&&e.focus()}},50),m(u.U.pageLoaded(`Video overlay: ${l}`),"assertive")):!e&&c.current&&(c.current.focus(),c.current=null)},[e,l,m]),(0,n.useEffect)(()=>{if(!e)return;let t=e=>{if("Tab"===e.key&&d.current){let t=Array.from(d.current.querySelectorAll('button:not([disabled]):not([tabindex="-1"]), [href]:not([tabindex="-1"]), video:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])')).filter(e=>null!==e.offsetParent&&"hidden"!==getComputedStyle(e).visibility&&!e.hasAttribute("aria-hidden"));if(0===t.length)return;let a=t[0],i=t[t.length-1],n=document.activeElement;if(!d.current.contains(n)){e.preventDefault(),a.focus();return}e.shiftKey?n===a&&(e.preventDefault(),i.focus()):n===i&&(e.preventDefault(),a.focus())}};return document.addEventListener("keydown",t,!0),()=>{document.removeEventListener("keydown",t,!0)}},[e]);let x=(0,n.useCallback)(e=>{"Escape"===e.key&&(e.preventDefault(),t())},[t]),g=(0,n.useCallback)(e=>{e.target===e.currentTarget&&t()},[t]);return a?(0,i.jsx)(eZ,{children:e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{tabIndex:0,onFocus:()=>{if(d.current){let e=d.current.querySelectorAll('button:not([disabled]):not([tabindex="-1"])'),t=e[e.length-1];t&&t.focus()}},style:{position:"fixed",top:"-1px",left:"-1px",width:"1px",height:"1px",opacity:0}}),(0,i.jsx)(eY,{initial:h?{opacity:1}:{opacity:0},animate:{opacity:1,backgroundColor:s},exit:h?{opacity:1}:{opacity:0},transition:{duration:.3*!h},className:"_1ip8upk0",onClick:g,"aria-hidden":"true",tabIndex:-1}),(0,i.jsxs)(eY,{ref:d,initial:h?{opacity:1}:{opacity:0},animate:{opacity:1},exit:h?{opacity:1}:{opacity:0},transition:{type:"tween",duration:.3*!h},className:`_1ip8upk1 ${o?"_1ip8upk2":"_1ip8upk3"}`,role:"dialog","aria-modal":"true","aria-label":`Video: ${l}`,onKeyDown:x,tabIndex:-1,children:[(0,i.jsx)("div",{className:"_1ip8upk4",children:(0,i.jsx)(M,{onClick:t,iconColor:"black"})}),(0,i.jsx)("div",{className:"_1ip8upk5",children:(0,i.jsx)(L.A,{ref:r,
1source:{type:"video",sources:a?[{src:a,type:"video/mp4"}]:[]},options:{controls:["play-large","play","progress","current-time","mute","volume"],clickToPlay:!0,hideControls:!0,resetOnEnd:!1}})}),(0,i.jsx)("div",{className:"_1ip8upk6",children:(0,i.jsx)(eE.O,{onClick:t,children:"Sluiten"})})]}),(0,i.jsx)("div",{tabIndex:0,onFocus:()=>{if(d.current){let e=d.current.querySelectorAll('button:not([disabled]):not([tabindex="-1"])')[0];e&&e.focus()}},style:{position:"fixed",bottom:"-1px",left:"-1px",width:"1px",height:"1px",opacity:0}})]})}):null},eQ=(e,t,a)=>Math.min(Math.max(e,t),a),e0=e=>{let{hosts:t,options:a,videoOverlayBackground:l}=e,{setSelectedHost:s,getSelectedHost:o}=(0,c.B)(),[r,d]=(0,eU.A)({loop:!0,...a}),u=(0,n.useRef)(0),m=(0,n.useRef)([]),[h,p]=(0,n.useState)(0),[x,g]=(0,n.useState)(!1),[f,y]=(0,n.useState)(null),[v,b]=(0,n.useState)(!1);(0,n.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)");b(e.matches);let t=e=>b(e.matches);return e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]);let{prevBtnDisabled:j,nextBtnDisabled:N,onPrevButtonClick:C,onNextButtonClick:_}=((e,t)=>{let[a,i]=(0,n.useState)(!0),[l,s]=(0,n.useState)(!0),o=(0,n.useCallback)(()=>{e&&e.scrollPrev()},[e,void 0]),r=(0,n.useCallback)(()=>{e&&e.scrollNext()},[e,void 0]),d=(0,n.useCallback)(e=>{i(!e.canScrollPrev()),s(!e.canScrollNext())},[]);return(0,n.useEffect)(()=>{e&&(d(e),e.on("reInit",d).on("select",d))},[e,d]),{prevBtnDisabled:a,nextBtnDisabled:l,onPrevButtonClick:o,onNextButtonClick:r}})(d),k=(0,n.useCallback)(e=>{let a=e.selectedScrollSnap();p(a),t[a]&&s(t[a])},[t,s]),E=(0,n.useCallback)(e=>{y(e),g(!0)},[]),T=(0,n.useCallback)(()=>{g(!1),y(null)},[]),w=(0,n.useCallback)(e=>{m.current=e.slideNodes().map(e=>e.querySelector(`.${eB}`))},[]),I=(0,n.useCallback)(e=>{u.current=.2*e.scrollSnapList().length},[]),S=(0,n.useCallback)((e,t)=>{let a=e.internalEngine(),i=e.scrollProgress(),n=e.slidesInView(),l="scroll"===t;e.scrollSnapList().forEach((e,s)=>{let o=e-i;a.slideRegistry[s].forEach(s=>{if(l&&!n.includes(s))return;a.options.loop&&a.slideLooper.loopPoints.forEach(t=>{let a=t.target();if(s===t.index&&0!==a){let t=Math.sign(a);-1===t&&(o=e-(1+i)),1===t&&(o=e+(1-i))}});let r=eQ(1-Math.abs(o*u.current),.8,1).toString(),d=eQ(1-2*Math.abs(o),0,1).toString(),c=m.current[s];v?(c.style.transform="none",c.style.opacity="1",c.style.transition="none"):(c.style.transform=`scale(${r})`,c.style.opacity=d,c.style.transition="scroll"===t?"none":"opacity 0.3s ease-out, transform 0.3s ease-out")})})},[v]);(0,n.useEffect)(()=>{d&&(w(d),I(d),S(d),k(d),d.on("reInit",w).on("reInit",I).on("reInit",S).on("reInit",k).on("scroll",S).on("slideFocus",S).on("select",k))},[d,I,w,S,k]),(0,n.useEffect)(()=>{if(t.length>0){let e=o();if(e&&t.find(t=>t.id===e.id)){let a=t.findIndex(t=>t.id===e.id);-1!==a&&p(a)}else s(t[0]),p(0)}},[t,s,o]);let $=o()||t[0];return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("section",{className:"_25cxd50",role:"region","aria-label":"Host selectie carousel",children:[(0,i.jsxs)("div",{className:"_25cxd51",ref:r,children:[(0,i.jsx)("div",{className:"_25cxd52",role:"group","aria-live":"polite","aria-atomic":"false",children:t.map((e,t)=>(0,i.jsx)("div",{className:"_25cxd53",role:"group","aria-roledescription":"slide",children:(0,i.jsxs)("div",{className:eB,children:[e.largeAvatarUrl?(0,i.jsx)(ev.default,{src:e.largeAvatarUrl,alt:e.name,width:200,height:0,style:{width:"100%",height:"auto"}}):(0,i.jsx)("div",{children:e.name}),e.videoUrl&&(0,i.jsx)("button",{type:"button",className:"_25cxd5c",onClick:()=>E(e.videoUrl),"aria-label":`Video afspelen van ${e.name}`,children:(0,i.jsx)(eR.u,{size:24,color:"white","aria-hidden":"true"})})]})},e.id))}),(0,i.jsx)("div",{className:"_25cxd55",children:(0,i.jsxs)("div",{className:"_25cxd56",children:[(0,i.jsx)(ez,{onClick:C}),(0,i.jsx)(eF,{onClick:_})]})})]}),(0,i.jsxs)("div",{role:"status","aria-live":"polite",className:"sr-only",children:["Geselecteerde host: ",$.name]}),(0,i.jsx)(eH,{host:$})]}),(0,i.jsx)(eJ,{backgroundColor:l,isOpen:x,onClose:T,videoUrl:f,title:o()?.name})]})};a(5157);let e1=({label:e,buttonText:t="Volgende",onButtonClick:a,disabled:n=!1,className:l})=>(0,i.jsx)("nav",{className:`_11wotlk0 ${l||""}`,"aria-label":"Pagina navigatie",children:(0,i.jsxs)("div",{className:"_11wotlk1",children:[e&&(0,i.jsx)("div",{className:"_11wotlk2",children:e}),(0,i.jsx)("button",{type:"button",onClick:a,disabled:n,className:"_11wotlk3",children:t})]})});function e2({content:e}){let{getTotalIncome:t,getTotalExpenses:a}
1=(0,c.B)(),[l,o]=(0,n.useState)(0),[r,d]=(0,n.useState)(!1),[u,m]=(0,n.useState)(!1),h=e.costType===s.i0.INCOME?t():a(),p=e.title??(e.costType===s.i0.EXPENSES?"Dit Geef jij maandelijks uit:":"Dit Verdien je maandelijks:"),x=e.financialTotalConditionalTexts?Z(e.financialTotalConditionalTexts,h):"Dat is meer dan de gemiddelde student!",g=(0,n.useRef)(null),f=(0,eg.W)(g,{once:!0,margin:"-100px"});return(0,n.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)");d(e.matches);let t=e=>d(e.matches);return e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]),(0,n.useEffect)(()=>{if(f&&h>0){if(r){o(h),m(!0);return}let e=Date.now(),t=()=>{let a=Math.min((Date.now()-e)/2e3,1);o(Math.round(h*(1-Math.pow(1-a,3)))),a<1?requestAnimationFrame(t):m(!0)};t()}},[f,h,r]),(0,i.jsxs)("section",{className:"_18uucr00",ref:g,"aria-label":e.costType===s.i0.INCOME?"Totaal inkomsten":"Totaal uitgaven",children:[(0,i.jsxs)("div",{className:"_18uucr02",children:[(0,i.jsx)(S.mI,{className:"_18uucr01",children:p}),(0,i.jsxs)(S.VQ,{className:"_18uucr03","aria-live":"polite","aria-atomic":"true",children:[(0,i.jsx)("span",{className:"sr-only",children:u?"Totaal bedrag: ":""}),"â¬",l.toLocaleString("nl-NL",{maximumFractionDigits:0})]})]}),(0,i.jsx)("div",{className:"_18uucr04",children:(0,i.jsx)(eb,{text:x})})]})}a(98628),a(34748);var e6=a(96338);
1let e3=({className:e,width:t=400,height:a=400,alt:l="Kaart van Nederland",onCitySelect:s,selectedCityId:o,cities:r})=>{let d=r&&r.length>0?r:e6.F,[c,u]=(0,n.useState)(null),[m,h]=(0,n.useState)({x:0,y:0}),[p,x]=(0,n.useState)(null),g=(0,n.useRef)(null),f=o||p,y=()=>{u(null)},v=e=>{let t=f===e.id?null:e.id;void 0===o&&x(t),s&&s(t?e:null)};return(0,i.jsx)("div",{className:`_7hw5hi0 ${e||""}`,"data-map-container":!0,children:(0,i.jsxs)("div",{className:"_7hw5hi1",children:[(0,i.jsx)(ev.default,{src:"/images/img_map_nl.png",alt:l,width:t,height:a,className:"_7hw5hi2",priority:!0}),(0,i.jsx)("svg",{ref:g,className:"_7hw5hi3",width:t,height:a,viewBox:"0 0 477 564",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"img","aria-label":"Interactieve kaart van Nederland met steden",children:d.map(e=>{let t,a,n,l;return t=f===e.id,a=e.x-20.47,n=e.y-24.41,l=`M${20.4698+a} ${.410156+n}C${15.2667+a} ${.410156+n} ${10.2768+a} ${2.47713+n} ${6.59766+a} ${6.15625+n}C${2.91853+a} ${9.83538+n} ${.851562+a} ${14.8253+n} ${.851562+a} ${20.0284+n}C${.851563+a} ${33.2627+n} ${20.3033+a} ${48.4281+n} ${20.4698+a} ${48.4281+n}C${20.8748+a} ${48.4281+n} ${40.088+a} ${33.4058+n} ${40.088+a} ${20.0284+n}C${40.088+a} ${14.8253+n} ${38.0211+a} ${9.83538+n} ${34.342+a} ${6.15625+n}C${30.6629+a} ${2.47713+n} ${25.6728+a} ${.410156+n} ${20.4698+a} ${.410156+n}ZM${20.4698+a} ${24.0793+n}C${19.7405+a} ${24.0793+n} ${19.0276+a} ${23.863+n} ${18.4212+a} ${23.4578+n}C${17.8149+a} ${23.0526+n} ${17.3422+a} ${22.4768+n} ${17.0632+a} ${21.803+n}C${16.7841+a} ${21.1292+n} ${16.7111+a} ${20.3876+n} ${16.8535+a} ${19.6724+n}C${16.9958+a} ${18.9571+n} ${17.3472+a} ${18.3001+n} ${17.8629+a} ${17.7845+n}C${18.3787+a} ${17.2689+n} ${19.0358+a} ${16.9178+n} ${19.7511+a} ${16.7757+n}C${20.4664+a} ${16.6335+n} ${21.2078+a} ${16.7067+n} ${21.8815+a} ${16.9859+n}C${22.5552+a} ${17.2652+n} ${23.131+a} ${17.738+n} ${23.536+a} ${18.3445+n}C${23.941+a} ${18.951+n} ${24.1572+a} ${19.664+n} ${24.157+a} ${20.3933+n}C${24.1567+a} ${21.371+n} ${23.768+a} ${22.3085+n} ${23.0766+a} ${22.9997+n}C${22.3851+a} ${23.691+n} ${21.4475+a} ${24.0793+n} ${20.4698+a} ${24.0793+n}Z`,(0,i.jsx)("g",{children:(0,i.jsx)("path",{d:l,fill:t?"#001440":"#C5D6FF",className:t?"_7hw5hi5":"_7hw5hi4",role:"button","aria-label":`${e.name}${t?" (geselecteerd)":""}`,tabIndex:0,onMouseEnter:()=>(e=>{if(g.current){let t=g.current.getBoundingClientRect(),a=g.current.viewBox.baseVal,i=t.width/a.width,n=t.height/a.height;h({x:e.x*i,y:e.y*n}),u(e)}})(e),onMouseLeave:y,onClick:()=>v(e),onKeyDown:t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),v(e))},style:{cursor:"pointer"}})},e.id)})}),c&&(0,i.jsx)("div",{className:"_7hw5hi6",role:"tooltip",style:{left:`${m.x}px`,top:`${m.y}px`},children:c.name})]})})};a(40034),a(26098);let e4=({className:e,content:t,onChange:a,value:l=0})=>{let s=t.cities?.find(e=>e.moneyValue===l)||null,[o,r]=(0,n.useState)(s),[d,c]=(0,n.useState)(l),[u,m]=(0,n.useState)(null),[h,p]=(0,n.useState)(!1);(0,n.useEffect)(()=>{if(l>0){c(l);let e=t.cities?.find(e=>e.moneyValue===l)||null;e&&r(e)}},[l,t.cities]);let x=u&&t.infoTags?.find(e=>e.id===u)||null,g=x?{title:x.title,body:x.body,videoUrl:x.videoUrl,audioUrl:x.audioUrl}:null,f=e=>{m(e),p(!0)};return(0,i.jsxs)("section",{"aria-labelledby":"city-select-heading",children:[(0,i.jsx)(ex.h1,{className:e,children:(0,i.jsxs)("div",{className:"oy1b7g0",children:[(0,i.jsxs)("div",{className:"oy1b7g1",children:[(0,i.jsx)("h1",{id:"city-select-heading",className:"oy1b7g2",children:(0,z.v)(t.title,{isDarkPurple:!1,onInfoTagClick:f})}),(0,i.jsx)("p",{className:"oy1b7g3 ",children:(0,z.v)(t.body,{isDarkPurple:!1,onInfoTagClick:f})}),(0,i.jsxs)("div",{className:"oy1b7g6",children:[(0,i.jsx)("div",{className:"oy1b7g9","aria-hidden":"true",children:t.emoji??"\uD83D\uDECBï¸"}),(0,i.jsxs)("div",{className:"oy1b7g7",children:[(0,i.jsxs)("label",{htmlFor:"room-price-input",className:"oy1b7g8",children:["Gemiddelde kamerprijs ",o?.name??"Rotterdam"]}),(0,i.jsx)("div",{className:"oy1b7ga",children:(0,i.jsx)(y.F,{value:d.toString(),onChange:e=>{let t=parseInt(e),i=isNaN(t)?0:t;c(i),a(i)},placeholder:"0"})})]})]})]}),(0,i.jsx)("div",{className:"oy1b7g4",children:(0,i.jsx)(e3,{onCitySelect:e=>{r(e),c(e?e.moneyValue:0),a(e?e.moneyValue:0)},selectedCityId:o?.id,cities:t.cities})})]})}),(0,i.jsx)(P,{isOpen:h,onClose:()=>{p(!1),m(null)},content:g})]})};a(23271);let e5=({children:e})=>(0,i.jsx)("div",{className:"_1vgkam80",children:(0,i.jsx)("div",{className:"_1vgkam81",children:(0,i.jsx)("div",{className:"_1vgkam82",children:(0,i.jsx)("div",{className:"_1vgkam83",children:e})})})});a(95800);let e7=({content:e})=>{let t=e.infoItems||[],a=`info-items-heading-${e.id}`;return(0,i.jsxs)("section",{className:"akljef0","aria-labelledby":a,children:[(0,i.jsxs)("div",{className:"akljef1",children:[(0,i.jsx)("p",{className:"akljef2",children:e.label}),(0,i.jsx)("h2",{id:a,className:"akljef3",children:e.title})]}),(0,i.jsx)(ex.h1,{children:(0,i.jsx)("ul",{className:"akljef4",children:t.map(e=>(0,i.jsxs)("li",{className:"akljef5",children:[(0,i.jsx)("div",{className:"akljef6","aria-hidden":"true",children:(0,i.jsx)("span",{className:"akljef7",children:e.emoji})}),(0,i.jsx)("div",{className:"akljef8",dangerouslySetInnerHTML:{__html:e.text}})]},e.id))})})]})};var e8=a(30511);let e9=(0,$.default)(()=>a.e(6566).then(a.bind(a,16566)).then(e=>e.motion.div),{loadableGenerated:{webpack:()=>[null]},ssr:!1}),te=(0,$.default)(()=>a.e(6566).then(a.bind(a,16566)).then(e=>e.AnimatePresence),{loadableGenerated:{webpack:()=>[null]},ssr:!1}),tt=({content:e,onNext:t,onPrevious:a,hasNext:r,hasPrevious:d,className:h,educationType:p,navigationDirection:x="next",currentIndex:g=0,onNavigateToContent:f})=>{let{contents:y}=(0,l.u)(),{addOrUpdateCostsItem:v,addOrUpdateCostsItemAtIndex:N,removeCostsItem:C,getIncomeItems:_,getExpenseItems:E,getMultipleChoiceSelection:T,addMultipleChoiceSelection:w,removeMultipleChoiceSelection:I,updateConditionalItems:S}
1=(0,c.B)(),$=_(),O=E(),M=T(e.id),[L,A]=(0,n.useState)({}),[U,D]=(0,n.useState)(!1),{message:P,announceToScreenReader:z,priority:B}=(0,u.y)();(0,n.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)");D(e.matches);let t=e=>D(e.matches);return e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]),(0,n.useEffect)(()=>{let e=eL(3),t=null,a=setTimeout(()=>{t=eL(2)},350);return()=>{clearTimeout(a),e(),t?.()}},[e.id,g]),(0,n.useEffect)(()=>{if(e.widgetType===s.xO.MULTIPLE_CHOICE&&e.multipleChoiceOptions){let t={},a=[..._(),...E()];e.multipleChoiceOptions.forEach(i=>{let n=e.allowMultipleSelection?`${e.id}_${i.id}`:e.id,l=a.find(t=>t.id===n||t.id===e.id);l&&M.includes(i.id)?t[i.id]=l.amount:null!==i.monetaryValue&&void 0!==i.monetaryValue&&(t[i.id]=i.monetaryValue)}),A(e=>Object.keys(t).some(a=>t[a]!==e[a])||Object.keys(e).length!==Object.keys(t).length?t:e)}},[e.id,e.widgetType,e.allowMultipleSelection,e.multipleChoiceOptions,M]);let R=t=>{(e.costType===s.i0.INCOME||e.costType===s.i0.EXPENSES)&&(console.log("save value: ",t),v({id:e.id,isActive:!0,name:e.label,amount:t,type:e.costType,emoji:e.emoji??"\uD83D\uDCB0",educationType:p,monetaryConditionalTexts:e.monetaryConditionalTexts||null}),z(u.U.valueChanged(e.label,`â¬${t.toFixed(0)}`)))},q=()=>{if(e.costType===s.i0.INCOME){let t=$.find(t=>t.id===e.id);return t?.amount??e.singleValueInputDefaultValue??0}if(e.costType===s.i0.EXPENSES){let t=O.find(t=>t.id===e.id);return t?.amount??e.singleValueInputDefaultValue??0}return e.singleValueInputDefaultValue??0},H=e.backgroundColor?.id==="dark_purple",W=t=>{let a=e.multipleChoiceOptions?.find(e=>e.id===t);if(a){let i=M.includes(t);if(e.allowMultipleSelection){if(i)I(e.id,t),C(`${e.id}_${t}`),A(e=>({...e,[t]:a.monetaryValue}));else if(w(e.id,t),z(u.U.selectionMade(a.text)),null!==a.monetaryValue&&void 0!==a.monetaryValue){let i=L[a.id]??a.monetaryValue??0,n=e.costType===s.i0.INCOME?$:O,l=(0,j.$A)({currentContentId:e.id,optionId:t,contentCostType:e.costType,contentEducationType:p,allContents:y,existingItemsForType:n,multipleChoiceOptions:e.multipleChoiceOptions||[],allowMultipleSelection:e.allowMultipleSelection||!1});N({id:`${e.id}_${t}`,name:e.label+" "+a.text,amount:i,isActive:!0,type:e.costType,emoji:e.emoji??"\uD83D\uDCB0",educationType:p,monetaryConditionalTexts:e.monetaryConditionalTexts||null},l)}}else if(M.forEach(t=>{I(e.id,t);let a=e.multipleChoiceOptions?.find(e=>e.id===t);a&&A(e=>({...e,[t]:a.monetaryValue}))}),w(e.id,t),null===a.monetaryValue||void 0===a.monetaryValue)C(e.id);else if(null!==a.monetaryValue&&void 0!==a.monetaryValue){let i=L[a.id]??a.monetaryValue??0,n=e.costType===s.i0.INCOME?$:O,l=(0,j.$A)({currentContentId:e.id,optionId:t,contentCostType:e.costType,contentEducationType:p,allContents:y,existingItemsForType:n,multipleChoiceOptions:e.multipleChoiceOptions||[],allowMultipleSelection:e.allowMultipleSelection||!1});N({id:e.id,name:e.label+" "+a.text,amount:i,isActive:!0,type:e.costType,emoji:e.emoji??"\uD83D\uDCB0",educationType:p,monetaryConditionalTexts:e.monetaryConditionalTexts||null},l)}S(y)}},G=(t,a)=>{let i=e.multipleChoiceOptions?.find(e=>e.id===t);if(i){A(e=>({...e,[t]:a}));let n=e.allowMultipleSelection?`${e.id}_${t}`:e.id;if(a&&a>0&&(null!==i.monetaryValue&&void 0!==i.monetaryValue||i.hasInput)){let l=e.costType===s.i0.INCOME?$:O;if(l.find(e=>e.id===n))v({id:n,name:e.label+" "+i.text,amount:a,type:e.costType,isActive:!0,emoji:e.emoji??"\uD83D\uDCB0",educationType:p,monetaryConditionalTexts:e.monetaryConditionalTexts||null});else{let s=(0,j.$A)({currentContentId:e.id,optionId:t,contentCostType:e.costType,contentEducationType:p,allContents:y,existingItemsForType:l,multipleChoiceOptions:e.multipleChoiceOptions||[],allowMultipleSelection:e.allowMultipleSelection||!1});N({id:n,name:e.label+" "+i.text,amount:a,type:e.costType,isActive:!0,emoji:e.emoji??"\uD83D\uDCB0",educationType:p,monetaryConditionalTexts:e.monetaryConditionalTexts||null},s)}}else C(n)}},X=(t=>{if(e.pageType===s.g6.HOST_VIDEO)return(0,i.jsx)(V,{});if(e.pageType===s.g6.HOSTS)return(0,i.jsx)(e0,{videoOverlayBackgroun
1d:e.backgroundColor?.color,hosts:e.hosts??[]});if(e.pageType===s.g6.INFO_ITEMS)return(0,i.jsx)(e7,{content:e});if(e.widgetType===s.xO.CITY_SELECT)return(0,i.jsx)(e4,{content:e,onChange:R,value:q()});if(e.pageType===s.g6.CHAT)return(0,i.jsx)(eA,{content:e});let a=null;return(t===s.xO.SINGLE_VALUE_INPUT?a=(0,i.jsx)(o.e,{onChange:R,value:q(),emoji:e.emoji,label:e.label,defaultValue:e.singleValueInputDefaultValue}):t===s.xO.MULTIPLE_CHOICE&&e.multipleChoiceOptions?a=(0,i.jsx)(m,{content:e,isDarkPurple:H,options:e.multipleChoiceOptions,selectedOptionIds:M,onOptionSelect:W,onMonetaryValueChange:G,optionValues:L}):t===s.xO.MULTIPLE_VALUE_INPUT?a=(0,i.jsx)(b,{content:e}):t===s.xO.VALUE_SLIDER_INPUT&&e.valueSliderOptions?a=(0,i.jsx)(k,{content:e,costType:e.costType,options:e.valueSliderOptions,onChange:R,educationType:p,value:q()}):t===s.xO.TOGGLE_INPUT&&e.toggleOptions&&(a=(0,i.jsx)(ep,{options:e.toggleOptions,costType:e.costType,educationType:p,content:e})),e.pageType===s.g6.PHONE_LAYOUT&&a)?(0,i.jsx)(e5,{children:a}):a})(e.widgetType),Y=e.widgetType===s.xO.TOGGLE_INPUT,Z=y.filter(t=>t.costType===e.costType&&t.educationType===p)??[];if(e.pageType===s.g6.FINAL_RESULT)return(0,i.jsx)(te,{mode:"wait",children:(0,i.jsx)(e9,{initial:{opacity:1},animate:{opacity:1},exit:{opacity:1},transition:{duration:0},children:(0,i.jsx)(eV,{onPrevious:a,hasPrevious:d,backgroundColor:e.backgroundColor?.color,onNavigateToContent:f})},"results-view")});let J=e.pageType!==s.g6.HOST_VIDEO&&e.pageType!==s.g6.FINANCIAL_TOTALS&&e.pageType!==s.g6.INFO_ITEMS&&e.widgetType!==s.xO.CITY_SELECT;return(0,i.jsxs)("section",{className:`${Y?"_1q223yt1 _1q223yt0":"_1q223yt0"} ${h}`,...J&&{"aria-labelledby":"content-title"},children:[(0,i.jsx)(te,{mode:"wait",custom:x,children:(0,i.jsx)(e9,{custom:x,variants:{initial:e=>({opacity:+!!U,y:U?0:"next"===e?100:-100}),animate:{opacity:1,y:0},exit:e=>({opacity:+!!U,y:U?0:"next"===e?-100:100})},initial:"initial",animate:"animate",exit:"exit",transition:{duration:.3*!U,ease:"easeInOut"},style:{width:"100%",display:"flex",flexDirection:"column",alignItems:"center"},children:(0,i.jsxs)("article",{className:"_1q223yt2",children:[e.pageType===s.g6.CHAPTER&&(0,i.jsx)(K,{contents:Z??[],content:e,isDarkPurple:H}),e.pageType===s.g6.FINANCIAL_TOTALS&&(0,i.jsx)(e2,{content:e}),e.pageType!==s.g6.CHAPTER&&e.pageType!==s.g6.HOST_VIDEO&&e.pageType!==s.g6.FINANCIAL_TOTALS&&e.pageType!==s.g6.INFO_ITEMS&&e.widgetType!==s.xO.CITY_SELECT&&(0,i.jsx)(F,{title:e.title,body:e.body,isDarkPurple:H,infoTags:e.infoTags}),(e.pageType===s.g6.FINANCIAL_OVERVIEW_EXPENSES||e.pageType===s.g6.FINANCIAL_OVERVIEW_INCOME)&&(0,i.jsx)(ee,{type:e.costType,onNavigateToContent:f}),X&&(0,i.jsx)("div",{className:"_1q223yt9",children:X})]})},g)}),(e.pageType===s.g6.FINANCIAL_OVERVIEW_EXPENSES||e.pageType===s.g6.FINANCIAL_OVERVIEW_INCOME)&&(0,i.jsx)(e1,{label:e.bottombarlabel,buttonText:e.bottombarbutton||"Volgende",onButtonClick:t,disabled:!r}),(0,i.jsx)(e8.V,{message:P,priority:B})]})};var ta=a(39318);a(36154);var ti=a(9996),tn=a(73096);a(56344);var tl={light:"o3vpcw2 o3vpcw1",dark:"o3vpcw3 o3vpcw1"},ts={light:"o3vpcw8 o3vpcw7",dark:"o3vpcw9 o3vpcw7"},to={light:"o3vpcw5 o3vpcw4",dark:"o3vpcw6 o3vpcw4"};let tr=({pageType:e,costType:t,totalIncome:a,totalExpenses:n,onOpenOverlay:l,hasDarkBackground:o})=>{let r=(0,O.a)(),d=o?"dark":"light",c=t===s.i0.INCOME?`Open inkomsten overzicht, totaal â¬${a.toLocaleString("nl-NL",{maximumFractionDigits:0})} per maand`:`Open uitgaven overzicht, totaal â¬${n.toLocaleString("nl-NL",{maximumFractionDigits:0})} per maand`;return(0,i.jsx)("div",{className:"o3vpcw0",children:(0,i.jsxs)("button",{onClick:l,className:tl[d],type:"button","aria-label":c,children:[!r&&(0,i.jsx)(tn.Z,{size:24,color:o?"#ffffff":void 0,"aria-hidden":"true"}),(0,i.jsxs)("span",{className:to[d],"aria-hidden":"true",children:[t===s.i0.INCOME&&(r?"Inkomsten":"Jouw inkomsten p.m."),t===s.i0.EXPENSES&&(r?"Uitgaven":"Jouw uitgaven p.m.")]}),(0,i.jsxs)("span",{className:ts[d],"aria-hidden":"true",children:[t===s.i0.INCOME&&`â¬${a.toLocaleString("nl-NL",{maximumFractionDigits:0})}
1`,t===s.i0.EXPENSES&&`â¬${n.toLocaleString("nl-NL",{maximumFractionDigits:0})}`]})]})})};var td=a(62938);let tc=({currentIndex:e,hasPrevious:t,onBack:a,pageType:l,costType:o,totalIncome:r,totalExpenses:d,progress:u,hasDarkBackground:m,backgroundColor:h,hideProgress:p,onNavigateToContent:x})=>{let g=(0,O.a)(),f=(0,ta.useRouter)(),[y,v]=(0,n.useState)(!1),{getActiveSession:b}=(0,c.B)();return b(),(0,i.jsxs)(i.Fragment,{children:[!p&&(0,i.jsx)("div",{className:"_8o7inx0",role:"progressbar","aria-valuenow":Math.round(100*u),"aria-valuemin":0,"aria-valuemax":100,"aria-label":`Voortgang: ${Math.round(100*u)}% voltooid`,children:(0,i.jsx)("div",{className:"_8o7inx1",style:{width:`${Math.round(100*u)}%`},"aria-hidden":"true"})}),(0,i.jsxs)("nav",{className:"_8o7inx2",style:{backgroundColor:h},"aria-label":"Applicatie navigatie",children:[(0,i.jsxs)("div",{className:"_8o7inx3",children:[(0,i.jsx)(ev.default,{src:"/images/[email protected]",alt:"Nibud logo - Nederlands Instituut voor Budgetvoorlichting",width:80,height:40,className:"_8o7inxg",style:{width:"auto",height:"auto"}}),!g&&(0,i.jsx)(ti.o,{onClick:a,hasDarkBackground:m})]}),!g&&(0,i.jsx)("button",{className:"_8o7inx9",onClick:()=>{f.push("/")},"aria-label":"Navigeer naar de homepage van Wat kost studeren?",title:"Ga naar de homepage",children:(0,i.jsx)("span",{className:"_8o7inxa",style:{color:m?"#ffffff":C.vars.color.wksDarkPurple},children:"Wat kost studeren?"})}),l===s.g6.FINAL_RESULT?(0,i.jsx)(td.R,{hasDarkBackground:m}):(o===s.i0.INCOME||o===s.i0.EXPENSES)&&(0,i.jsx)(tr,{hasDarkBackground:m,costType:o,pageType:l,totalIncome:r,totalExpenses:d,onOpenOverlay:()=>v(!0)})]}),(0,i.jsx)(eX,{isOpen:y,onClose:()=>v(!1),onNavigateToContent:x})]})};a(35010),a(525);let tu=({content:e,onPlayClick:t})=>{let a,{getSelectedHost:l}=(0,c.B)(),s=l(),[o,r]=(0,n.useState)(!1);if(!s||!e?.hostTip?.body?.trim())return null;let d=()=>{t?.()},u=()=>{r(!0)},m=s&&e?.hostTip?(a=e.hostTip.media?.find(e=>e.hostId===s.id),e.hostTip.body?.trim()&&a?{title:`Tip van ${s.name}`,body:e.hostTip.body,videoUrl:a.videoUrl||void 0,audioUrl:a.audioUrl||void 0}:null):null;return(0,i.jsxs)("aside",{className:"_2gau341 _2gau348","aria-label":"Host tip",children:[(0,i.jsx)("div",{className:"_2gau342",role:"complementary","aria-label":`Tip van ${s.name}`,children:(0,i.jsx)("div",{className:"_2gau343",dangerouslySetInnerHTML:{__html:e.hostTip.body}})}),(0,i.jsxs)("div",{className:"_2gau345",children:[(0,i.jsx)("div",{onClick:u,role:"button",tabIndex:0,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),u())},"aria-label":`Tip bekijken van ${s.name}`,style:{cursor:"pointer"},children:(0,i.jsx)(ev.default,{src:s.smallAvatarUrl||s.largeAvatarUrl||"/images/default-avatar.png",alt:s.name,width:40,height:40,className:"_2gau346"})}),(0,i.jsx)("div",{className:"_2gau347",onClick:d,role:"button",tabIndex:0,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),d())},"aria-label":`Video afspelen van ${s.name}`,children:(0,i.jsx)(eR.u,{size:12,color:"#ffffff","aria-hidden":"true"})})]}),(0,i.jsx)(P,{isOpen:o,onClose:()=>{r(!1)},content:m})]})};a(89132);let tm=(0,$.default)(()=>a.e(6566).then(a.bind(a,16566)).then(e=>e.motion.div),{loadableGenerated:{webpack:()=>[null]},ssr:!1}),th=(0,$.default)(()=>a.e(6566).then(a.bind(a,16566)).then(e=>e.AnimatePresence),{loadableGenerated:{webpack:()=>[null]},ssr:!1}),tp=({emoji:e,positions:t,emojiKey:a,prefersReducedMotion:n=!1})=>(0,i.jsx)("div",{className:"_1petw5v0","aria-hidden":"true",children:(0,i.jsx)(th,{mode:"wait",children:(0,i.jsx)(tm,{initial:{opacity:0}
1,animate:{opacity:1},exit:{opacity:0},transition:{duration:.3*!n},style:{position:"absolute",top:0,left:0,right:0,bottom:0},children:t.map(t=>(0,i.jsx)(tm,{className:"_1petw5v1",style:{left:`${t.x}%`,top:`${t.y}%`,filter:`blur(${t.blur}px)`,transform:"translate(-50%, -50%)"},initial:{scale:t.scale,rotate:0},animate:n?{scale:t.scale,rotate:0}:{scale:[t.scale,1.1*t.scale,.95*t.scale,t.scale],rotate:[0,-5,5,0]},transition:n?{}:{scale:{duration:4+t.id.charCodeAt(t.id.length-1)%2,repeat:1/0,ease:"easeInOut",delay:t.id.charCodeAt(t.id.length-1)%3*.5},rotate:{duration:3+t.id.charCodeAt(t.id.length-1)%2,repeat:1/0,ease:"easeInOut",delay:t.id.charCodeAt(t.id.length-1)%3*.3}},children:e},t.id))},a)})});a(24893);let tx=({onNext:e,onPrevious:t,hasNext:a,hasPrevious:n,disabled:l=!1,backgroundColor:s})=>(0,i.jsx)("nav",{className:"_1xdhede0","aria-label":"Navigatie",children:(0,i.jsxs)("div",{className:"_1xdhede1",children:[n&&(0,i.jsx)("div",{className:"_1xdhede2",children:(0,i.jsx)(eE.O,{onClick:t,fullWidth:!0,children:"Vorige"})}),a&&(0,i.jsx)("div",{className:"_1xdhede3",children:(0,i.jsx)(eE.O,{onClick:e,disabled:!a||l,fullWidth:!0,children:"Volgende"})})]})});var tg=a(45024);let tf=(0,$.default)(()=>a.e(6566).then(a.bind(a,16566)).then(e=>e.motion.div),{loadableGenerated:{webpack:()=>[null]},ssr:!1}),ty=({educationType:e,showEmojiProgress:t=!0,showMobileNavigation:a=!0,className:o,verticalProgressBar:r=!0,initialIndex:d,isSharedSession:m=!1})=>{let h,{contents:p,loading:x,error:g,initializeContentsListener:f}=(0,l.u)(),{getTotalIncome:y,getTotalExpenses:v,getProcessedTotalIncome:b,getProcessedTotalExpenses:j,initializeFromContent:N,getMultipleChoiceSelection:C,getActiveSession:_,updateCostsItem:k,getIncomeItems:E,getExpenseItems:T,markItemsAsProcessed:w,isCurrentContentValid:I}=(0,c.B)(),[$,O]=(0,n.useState)(d??0),[M,L]=(0,n.useState)("next"),[V,A]=(0,n.use
1State)(!1),[U,D]=(0,n.useState)([]),[P,z]=(0,n.useState)(0),[F,R]=(0,n.useState)(!1),[q,H]=(0,n.useState)(!1),W=(0,ta.useRouter)(),G=_(),{message:K,announceToScreenReader:X,priority:Y}=(0,u.y)();h=((e={})=>{let{announceChanges:t=!0,focusDelay:a=100,scrollIntoView:i=!0}=e,{announceToScreenReader:l}=(0,u.y)(),s=(0,n.useRef)(null),o=(0,n.useCallback)((e,n)=>{setTimeout(()=>{e.focus({preventScroll:!i}),i&&e.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"}),t&&n&&l(n,"polite")},a)},[t,a,i,l]),r=(0,n.useCallback)(()=>{for(let e of["h1","h2",'[role="heading"]',"#content-title"]){let t=document.querySelector(e);if(t&&null!==t.offsetParent){t.hasAttribute("tabindex")||t.setAttribute("tabindex","-1");let e=u.U.pageLoaded(t.textContent||"Nieuwe stap");o(t,e);return}}},[o]),d=(0,n.useCallback)(()=>{let e=document.querySelector('main, #main, [role="main"]'),t=e||document;for(let e of['[data-widget-type="VALUE_SLIDER_INPUT"] [role="slider"]','[data-widget-type="VALUE_SLIDER_INPUT"] input','[data-widget-type="MULTIPLE_CHOICE"] input[type="radio"]','[data-widget-type="MULTIPLE_CHOICE"] input[type="checkbox"]','[data-widget-type="MULTIPLE_CHOICE"] button','input[type="text"]:not([tabindex="-1"]):not([disabled])','input[type="number"]:not([tabindex="-1"]):not([disabled])','button:not([tabindex="-1"]):not([disabled])','select:not([tabindex="-1"]):not([disabled])','textarea:not([tabindex="-1"]):not([disabled])','a[href]:not([tabindex="-1"])','[tabindex="0"]']){let a=t.querySelector(e);if(a&&null!==a.offsetParent){if("BUTTON"===a.tagName&&a.disabled||"INPUT"===a.tagName&&a.disabled)continue;o(a,u.U.actionCompleted("Focus ingesteld op eerste interactieve element"));return}}if(e){let t=e.querySelector('h1, h2, [role="heading"], #content-title');if(t){t.hasAttribute("tabindex")||t.setAttribute("tabindex","-1");let e=u.U.pageLoaded(t.textContent||"Nieuwe stap");o(t,e);return}}r()},[o,r]),c=(0,n.useCallback)((e,t=!0)=>{let a=document.querySelector(e);return!!a&&null!==a.offsetParent&&(o(a,t?u.U.actionCompleted("Focus ingesteld"):void 0),!0)},[o]),m=(0,n.useCallback)(()=>{s.current=document.activeElement},[]),h=(0,n.useCallback)(()=>{if(s.current){let e=u.U.actionCompleted("Focus teruggezet");o(s.current,e),s.current=null}},[o]),p=(0,n.useCallback)(e=>{for(let t of"previous"===e?['button[aria-label*="Vorige"]','button:has-text("Vorige")',"nav button:first-child"]:"next"===e?['button[aria-label*="Volgende"]','button:has-text("Volgende")',"nav button:last-child"]:["nav button",'button[aria-label*="Volgende"]','button[aria-label*="Vorige"]']){let a=document.querySelector(t);if(a&&null!==a.offsetParent&&!a.disabled)return void o(a,u.U.actionCompleted(`Focus ingesteld op ${"previous"===e?"vorige":"next"===e?"volgende":"navigatie"} knop`))}},[o]);return(0,n.useMemo)(()=>({focusFirstInteractive:d,focusElement:c,focusHeading:r,storeFocus:m,restoreFocus:h,focusNavigation:p}),[d,c,r,m,h,p])})({announceChanges:!0,focusDelay:300,scrollIntoView:!0}),(0,n.useEffect)(()=>{$>0&&h.focusFirstInteractive()},[$,h]);let Z=(0,n.useRef)(null);(0,n.useEffect)(()=>{let e=f();return()=>{e()}},[f]),(0,n.useEffect)(()=>{let e=()=>{A(window.innerWidth<768)};e(),H(window.matchMedia("(prefers-reduced-motion: reduce)").matches),window.addEventListener("resize",e);let t=window.matchMedia("(prefers-reduced-motion: reduce)"),a=e=>H(e.matches);return t.addEventListener("change",a),()=>{window.removeEventListener("resize",e),t.removeEventListener("change",a)}},[]);let J=(0,n.useMemo)(()=>p.filter(t=>t.educationType===e).filter(e=>!e.isConditional||(e.conditionalOptions&&e.conditionalOptions.length>0?e.conditionalOptions.every(e=>C(e.sourceContentId).includes(e.optionId)):!!e.conditionalSourceContentId&&!!e.conditionalOptionId&&C(e.conditionalSourceContentId).includes(e.conditionalOptionId))),[p,e,C,G?.multipleChoiceSelections]);(0,n.useEffect)(()=>{!x&&!g&&J.length>0&&(N(J),R(!0),m&&void 0!==d&&d<J.length?O(d):m&&J.length>0&&O(J.length-1))},[J,x,g,N,m,d]),(0,n.useEffect)(()=>{!V&&J.length>0?(D(((e=3)=>{let t=[];return[{name:"top-left",xMin:5,xMax:40,yMin:5,yMax:40},{name:"top-right",xMin:60,xMax:95,yMin:5,yMax:40},{name:"bottom-left",xMin:5,xMax:40,yMin:60,yMax:95},{name:"bottom-right",xMin:60,xMax:95,yMin:60,yMax:95}].sort(()=>Math.random()-.5).slice(0,e).forEach((e,a)=>{let i=Math.random()*(e.xMax-e.xMin)+e.xMin,n=Math.random()*(e.yMax-e.yMin)+e.yMin;t.push({id:`bg-emoji-${a}`,x:i,y:n,blur:a+2,scale:.4*Math.random()+.6})}),t})()),z(e=>e+1)):V&&D([])},[J.length,V]),(0,n.useEffect)(()=>
1{if(0===J.length||!F)return;let t=J[$];t&&(null===Z.current||Z.current!==$)&&((0,tg.u)(t.page,$,J.length,e,t.pageType),Z.current=$)},[$,J,e,F]),(0,n.useEffect)(()=>{if(0===J.length)return;let e=J[$];if(!e)return;F&&e.title&&X(u.U.stepChanged($+1,J.length,e.title));let t=[...E(),...T()],a=[];a.push(e.id),e.valueSliderOptions&&e.valueSliderOptions.forEach(e=>{a.push(e.id)}),e.toggleOptions&&e.toggleOptions.forEach(e=>{a.push(e.id)}),t.forEach(t=>{t.id.startsWith(e.id+"_")&&a.push(t.id)}),a.forEach(a=>{t.find(e=>e.id===a)&&(e.toggleOptions?.some(e=>e.id===a)||k(a,{isActive:!0}))})},[$,J,k,E,T,F,X]),J.sort((e,t)=>e.order-t.order);let Q=()=>{if($<J.length-1){L("next");let e=J[$];if(e){let t=[...E(),...T()],a=[];t.some(t=>t.id===e.id)&&a.push(e.id),e.valueSliderOptions&&e.valueSliderOptions.forEach(e=>{t.some(t=>t.id===e.id)&&a.push(e.id)}),e.toggleOptions&&e.toggleOptions.forEach(e=>{t.some(t=>t.id===e.id)&&a.push(e.id)}),t.forEach(t=>{t.id.startsWith(e.id+"_")&&a.push(t.id)}),e.multipleChoiceOptions&&e.multipleChoiceOptions.forEach(e=>{t.some(t=>t.id===e.id)&&a.push(e.id)}),a.length>0&&w(a)}O(e=>e+1)}},ee=()=>{$>0?(L("previous"),O(e=>e-1)):W.back()},et=e=>{let t=J.findIndex(t=>!!(t.id===e||e.startsWith(t.id+"_")||t.valueSliderOptions&&t.valueSliderOptions.some(t=>t.id===e)||t.toggleOptions&&t.toggleOptions.some(t=>t.id===e)||t.multipleChoiceOptions&&t.multipleChoiceOptions.some(t=>t.id===e)));-1!==t&&O(t)};if(x||!F)return(0,i.jsx)("div",{className:"_1ochsuu5",role:"status","aria-live":"polite",children:(0,i.jsx)("span",{className:"sr-only",children:"Laden..."})});if(g)return(0,i.jsx)("div",{className:"_1ochsuu6",role:"alert",children:(0,i.jsxs)(S.mI,{children:["Error: ",g]})});if(0===J.length)return(0,i.jsx)("div",{className:"_1ochsuu7",children:(0,i.jsx)(S.mI,{children:"No content available"})});let ea=J[$],ei=J.filter(e=>e.costType===ea.costType)??[];return(0,i.jsxs)(tf,{className:"_1ochsuu2 _1ochsuu1",initial:{backgroundColor:"#ffffff"},animate:{backgroundColor:ea?.backgroundColor?.color||"#ffffff"},transition:{duration:.5*!q},children:[!V&&ea?.backgroundEmoji&&(0,i.jsx)(tp,{emoji:ea.backgroundEmoji,positions:U,emojiKey:P,prefersReducedMotion:q}),(0,i.jsx)("div",{className:"_1ochsuu8",children:(0,i.jsx)(tc,{costType:ea?.costType||s.i0.NONE,currentIndex:$,hasPrevious:$>0,onBack:ee,pageType:ea?.pageType||s.g6.INFO,totalIncome:b(),totalExpenses:j(),hasDarkBackground:ea?.backgroundColor?.id==="dark_purple",progress:($+1)/J.length,onNavigateToContent:et})}),(0,i.jsx)("main",{id:"main",className:"_1ochsuu9",children:(0,i.jsx)("div",{className:ea?.pageType===s.g6.FINANCIAL_OVERVIEW_EXPENSES||ea?.pageType===s.g6.FINANCIAL_OVERVIEW_INCOME?"_1ochsuud _1ochsuu3":"_1ochsuu3",children:(0,i.jsx)(ex.K7,{className:"_1ochsuu4",children:(0,i.jsx)(tt,{educationType:e,content:ea,onNext:Q,onPrevious:ee,hasNext:$<J.length-1,hasPrevious:$>0,navigationDirection:M,currentIndex:$,onNavigateToContent:et})})})}),a&&ea?.pageType!==s.g6.FINANCIAL_OVERVIEW_EXPENSES&&ea?.pageType!==s.g6.FINANCIAL_OVERVIEW_INCOME&&ea?.pageType!==s.g6.FINAL_RESULT&&(0,i.jsx)(tx,{onNext:Q,onPrevious:ee,hasNext:$<J.length-1,hasPrevious:$>0,disabled:!I(ea),backgroundColor:ea?.backgroundColor?.color||"#ffffff"}),!V&&t&&ea?.pageType!==s.g6.CHAPTER&&ea?.pageType!==s.g6.FINANCIAL_OVERVIEW_INCOME&&ea?.pageType!==s.g6.FINANCIAL_OVERVIEW_EXPENSES&&ea?.pageType!==s.g6.FINAL_RESULT&&(0,i.jsx)("div",{className:r?"_1ochsuuc":"_1ochsuub",children:(0,i.jsx)(B,{currentContent:ea,contents:ei,vertical:r})}),(0,i.jsx)(tu,{content:ea,onPlayClick:()=>{}}),(0,i.jsx)(e8.V,{message:K,priority:Y})]})}},96338:(e,t,a)=>{a.d(t,{F:()=>i});let i=[{id:"utrecht",name:"Utrecht",x:217.5,y:279.5,moneyValue:470},{id:"rotterdam",name:"Rotterdam",x:145.5,y:304.5,moneyValue:595},{id:"leiden",name:"Leiden",x:141.5,y:251.5,moneyValue:450},{id:"amsterdam",name:"Amsterdam",x:197.5,y:221.5,moneyValue:625},{id:"wageningen",name:"Wageningen",x:287.5,y:285.5,moneyValue:400},{id:"denhaag",name:"Den Haag",x:310.5,y:323.5,moneyValue:465},{id:"enschede",name:"Enschede",x:434.5,y:253.5,moneyValue:395},{id:"groningen",name:"Groningen",x:397.5,y:51.5,moneyValue:450},{id:"nijmegen",name:"Nijmegen",x:127.5,y:294.5,moneyValue:430},{id:"tilburg",name:"Tilburg",x:207.5,y:377.5,moneyValue:455},{id:"eindhoven",name:"Eindhoven",x:268,y:416.266,moneyValue:465},{id:"maastricht",name:"Maastricht",x:299.5,y:525.5,moneyValue:510}]}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.