1"use strict";(self.webpackChunkfrontend_setup=self.webpackChunkfrontend_setup||[]).push([[767],{7767:(e,t,o)=>{o.r(t),o.d(t,{MortgageTool:()=>MortgageTool});var r=o(9490),a=o(7995),n=o(6320),i=o(3352);const l=(0,i.MT)({initialState:{income:4e4,loading:!1},actions:{updateSituation:(e,t)=>(e.situation=t,e),updateIncome:(e,t)=>(e.income=t,e),updatePartnerIncome:(e,t)=>(e.partnerIncome=t,e),updateMaxMortgage:(e,t)=>(e.maxMortgage=t,e),updateMortgageMonthlyNetto:(e,t)=>(e.monthlyNetto=t,e),updateMortgageMonthlyBruto:(e,t)=>(e.monthlyBruto=t,e),updateLoading:(e,t)=>(e.loading=t,e),updateMortgageInterest:(e,t)=>(e.interest=t,e)}}),updateMortgageSituation=e=>{l.dispatch("updateSituation",e)},updateMortgagePartnerIncome=e=>{l.dispatch("updatePartnerIncome",e)},updateMortgageLoading=e=>{l.dispatch("updateLoading",e)},s=l.getState();var g=o(903),c=o(5044);const m="is--selected";(0,r.Nk)("mortgage-screen-1",()=>{const e=(0,r.YP)("[js-hook-mortgage-screen-1-alone]"),t=(0,r.YP)("[js-hook-mortgage-screen-1-together]");return(0,a.h)("div",{class:"c-mortgage-screen-1"},(0,a.h)("h4",{class:"mortgage-screen-1__title"},(0,c.qM)("MortgageTool.Screen1Title")),(0,a.h)("div",{class:"mortgage-screen-1__options"},(0,a.h)("button",{class:"mortgage-screen-1__option",onClick:function setTogether(){e.current.classList.remove(m),t.current.classList.add(m),updateMortgageSituation("together")},"js-hook-mortgage-screen-1-together":!0},(0,a.h)("img",{src:(0,g.R)("/images/mortgage-situation-illustration-together.svg"),alt:""}),(0,a.h)("span",null,(0,c.qM)("Together")),(0,a.h)("div",{class:"mortgage-screen-1__checkmark"},(0,a.h)(n.Zz,{name:"icons-checkmark"}))),(0,a.h)("button",{class:"mortgage-screen-1__option",onClick:function setAlone(){e.current.classList.add(m),t.current.classList.remove(m),updateMortgageSituation("alone")},"js-hook-mortgage-screen-1-alone":!0},(0,a.h)("img",{src:(0,g.R)("/images/mortgage-situation-illustration-alone.svg"),alt:""}),(0,a.h)("span",null,(0,c.qM)("Alone")),(0,a.h)("div",{class:"mortgage-screen-1__checkmark"},(0,a.h)(n.Zz,{name:"icons-checkmark"})))))});var d=o(2152),p=o(3397);const u="/umbraco/surface/mortgage/maximummortgage";var h=o(5446);const b="u-hidden",MortgageTooltip=()=>{const[,e]=(0,i.oR)(l),[t]=(0,r.v9)("partner",!1),[o]=(0,r.v9)("start"),[n]=(0,r.v9)("max",1e5),g=(0,r.YP)("[js-hook-mortgage-tooltip-total]"),m=(0,r.YP)("[js-hook-mortgage-tooltip-loader]"),_=(0,r.YP)("[js-hook-mortgage-tooltip-salary-change]"),f=(0,r.YP)("[js-hook-mortgage-tooltip-button]"),y=(0,r.YP)("[js-hook-mortgage-tooltip-salary-wrapper]"),k=(0,r.YP)("[js-hook-mortgage-tooltip-salary-manual]"),w=(0,r.YP)("[js-hook-mortgage-tooltip]"),v=(0,r.YP)("[js-hook-mortgage-tooltip-arrow]"),x=(0,r.YP)("[js-hook-mortgage-tooltip-arrow-bg]"),j=(0,r.YP)("[js-hook-mortgage-tooltip-salary]"),M=(0,r.YP)("[js-hook-mortgage-tooltip-salary-manual] bpd-input"),P=(0,r.zX)({eventName:"manualUpdated"});function handleTotal(e){g.current.innerText=`${(0,i.j3)(e.maxMortgage||0)}`}function handleManualSalary(e){y.current.classList[e?"add":"remove"](b),k.current.classList[e?"remove":"add"](b)}function handleTooltipPosition(e){let t=e/n*100;t=100-t,t<0&&(t=0);const o=t/100*((w.current.offsetHeight||182)-40),r=w.current.offsetTop,a=v.current.offsetTop-r||93;w.current.style.top=`${t}%`,w.current.style.marginTop=(-20-o)/10+"rem",v.current.style.top=`${t}%`,x.current.style.top=(0-a)/10+"rem"}return(0,r.iX)(_,"click",()=>handleManualSalary(!0)),(0,r.iX)(f,"click",function handleManualInputConfirm(){if(!M.current?.bindValue)return;P.emit(parseInt(M.current.bindValue)),handleManualSalary(!1),handleTooltipPosition(parseInt(M.current.bindValue))}),(0,r.iX)(M,"keydown",e=>{"Enter"===e.key&&f.current?.focus()}),(0,r.We)("handleUpdate",function handleUpdate(e){j.current.innerText=`${(0,i.j3)(e)}`,M.current.rebindValue(e),handleTooltipPosition(e)}),e(handleTotal,["maxMortgage"]),e(function handleLoading(e){e.loading?(g.current.classList.add(b),m.current.classList.remove(b)):(g.current.classList.remove(b),m.current.classList.add(b))},["loading"]),e(async function handleTotalMortgage(){const{rente:e,result:t,nettoPerMaand:o,brutoPerMaand:r}=await(async()=>{const{situation:e,income:t,partnerIncome:o}=s;let r;return r="together"===e?(0,p.S)(`${u}?inkomen=${t}&inkomenPartner=${o}`):(0,p.S)(`${u}?inkomen=${t}`),updateMortgageLoading(!0),await fetch(r).then(e=>(updateMortgageLoading(!1),e.json())).catch(console.error)})();g=t,l.dispatch("updateMaxMortgage",g),i=e,l.dispatch("updateMortgageInterest",i),n=o,l.dispatch("updateMortgageMonthlyNetto",n),a=r,l.dispatch("updateMortgageMonthlyBruto",a);var a;var n;var i;var g},["income","partnerIncome","situation"]),(0,r.N_)(()=>handleTotal(s)),(0,a.h)(a.H,null,(0,a.h)("div",{class:"c-mortgage-tooltip","js-hook-mortgage-tooltip":!0},(0,a.h)("div",{class:"mortgage-tooltip__header"},(0,a.h)("div",{"js-hook-mortgage-tooltip-salary-wrapper":!0},(0,a.h)("span",{class:"mortgage-tooltip__title"},t?(0,c.qM)("PartnersGrossAnnualIncome"):(0,c.qM)("GrossAnnualIncome")),(0,a.h)("div",{class:"mortgage-tooltip__salary-wrapper"},(0,a.h)("span",{class:"mortgage-tooltip__salary","js-hook-mortgage-tooltip-salary":!0},(0,i.j3)(o)),(0,a.h)("button",{class:"mortgage-tooltip__manual","js-hook-mortgage-tooltip-salary-change":!0},(0,c.qM)("Customize")))),(0,a.h)("div",{class:"mortgage-tooltip__input-wrapper u-hidden","js-hook-mortgage-tooltip-salary-manual"
1:!0},(0,a.h)(d.k,{type:"number",id:"change-salary",name:"salary",label:(0,c.qM)("GrossAnnualIncome"),value:4e4,classes:"mortgage-tooltip__input",attr:{step:"500"}}),(0,a.h)(h.x,{ariaLabel:"Pas inkomsten aan",svg:"icons-checkmark",variant:"secondary",hook:"mortgage-tooltip-button"}))),(0,a.h)("div",{class:"mortgage-tooltip__footer"},(0,a.h)("span",{class:"mortgage-tooltip__title"},(0,c.qM)("YouCanBorrow")),(0,a.h)("bpd-loader",{class:"u-hidden","js-hook-mortgage-tooltip-loader":!0}),(0,a.h)("span",{class:"mortgage-tooltip__total","js-hook-mortgage-tooltip-total":!0}))),(0,a.h)("div",{class:"mortgage-tooltip__arrow","js-hook-mortgage-tooltip-arrow":!0},(0,a.h)("div",{class:"mortgage-tooltip__arrow-bg","js-hook-mortgage-tooltip-arrow-bg":!0})))};MortgageTooltip.props={partner:{type:Boolean},start:{type:Number,required:!0},max:{type:Number,required:!0}},(0,r.Nk)("mortgage-tooltip",MortgageTooltip);var _=o(9365),f=o.n(_);function ownKeys(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,r)}return o}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(o),!0).forEach(function(t){_defineProperty(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}function _defineProperty(e,t,o){return(t=function _toPropertyKey(e){var t=function _toPrimitive(e,t){if("object"!=typeof e||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}const MortgageToolRangeSlider=()=>{const[e]=(0,r.v9)("partner",!1),[t]=(0,r.v9)("min",0),[o]=(0,r.v9)("max",1e5),[n]=(0,r.v9)("start",4e4),[i]=(0,r.v9)("increment",500),l=(0,r.YP)("[js-hook-mortgage-tool-range-slider-container]"),s=(0,r.YP)("mortgage-tooltip"),g=(0,r.zX)({eventName:"updated"}),c={orientation:"vertical",connect:"lower",start:n,direction:"rtl",step:i,range:{min:t,max:o}};return(0,r.N_)(async()=>{f().create(l.current,c),l.current.noUiSlider.on("change",e=>g.emit(parseInt(e[0]))),s.current?.connected||await s.current.componentOnReady(),l.current.noUiSlider.on("update",e=>s.current.handleUpdate(parseInt(e[0])))}),(0,r.iX)(s,"manualUpdated",e=>function handleManualSalary(e){e>o&&l.current.noUiSlider.updateOptions(_objectSpread(_objectSpread({},c),{},{range:{min:t,max:e}}));return l.current.noUiSlider.set(e),g.emit(e)}(e.detail)),(0,a.h)("div",{class:"c-mortgage-tool-range-slider"},(0,a.h)("div",{class:"mortgage-tool-range-slider__wrapper"},(0,a.h)("div",{class:"mortgage-tool-range-slider__container","js-hook-mortgage-tool-range-slider-container":!0}),(0,a.h)("mortgage-tooltip",{partner:e,start:n,max:o})))};MortgageToolRangeSlider.props={partner:{type:Boolean,required:!0},min:{type:Number,reflectToAttr:!0},max:{type:Number,reflectToAttr:!0},start:{type:Number,reflectToAttr:!0},increment:{type:Number,reflectToAttr:!0},value:{type:Number,reflectToAttr:!0}},(0,r.Nk)("mortgage-tool-range-slider",MortgageToolRangeSlider);var y=o(8167),k=o(7663);const MortgagePropertyCard=()=>{const[e]=(0,r.v9)("modelId",null),t=(0,r.YP)("[js-hook-mortgage-property-card]");return(0,r.N_)(async()=>{const o=await i._n.getData(window.__ENVIRONMENT_DETAILS__.areaId),r=e&&(0,i.cc)(o,e);if(r){if("propertyType"===r.objectType){const{mainImage:e,name:o,id:n,projectPhaseName:i}=r;return t.current.append((0,a.h)(y.Jj,{id:n,title:o||"",project:i,href:(0,k.z4)({propertyType:r}),image:e?.url||"",imageAlt:e?.metadata?.altText??e?.title??"",price:(0,k.T4)({propertyType:r}),status:(0,k.YN)(r),orientation:"vertical"}))}if("constructionNumber"===r.objectType){const{mainImage:e,propertyTypeName:o,identifier:n,id:i,projectPhaseName:l,wishlistItemCount:s}=r;return t.current.append((0,a.h)(y.Jj,{id:i,title:`${o} ${n}`||"",project:l,href:(0,k.z4)({constructionNumber:r}),image:e?.url||"",imageAlt:e?.metadata?.altText??e?.title??"",price:(0,k.T4)({constructionNumber:r}),status:(0,k.Sz)(r),wishlistItemCount:s,orientation:"vertical"}))}}}),(0,a.h)("div",{"js-hook-mortgage-property-card":!0})};MortgagePropertyCard.props={modelId:{type:String}},(0,r.Nk)("mortgage-property-card",MortgagePropertyCard);const MortgageScreen2=()=>{const[e]=(0,r.v9)("partner",!1),[t]=(0,r.v9)("start",4e4),[o]=(0,r.v9)("modelId",null),n=(0,r.YP)("mortgage-tool-range-slider");return(0,r.iX)(n,"updated",t=>async function handleChange(t){e?updateMortgagePartnerIncome(t):(o=t,l.dispatch("updateIncome",o));var o}(t.detail)),(0,a.h)("div",{class:"c-mortgage-screen-2"},(0,a.h)("h4",{class:"mortgage-tool__title"},e?(0,c.qM)("WhatIsTheAnnualIncomeOfYourPartner"):(0,c.qM)("WhatIsYourAnnualIncome")),(0,a.h)("div",{class:"mortgage-screen-2__grid"},(0,a.h)("div",{class:"mortgage-screen-2__property-card"},(0,a.h)("mortgage-property-card",{modelId:o}),e&&(0,a.h)("mortgage-income-card",{class:"mortgage-screen-2__income"})),(0,a.h)("div",{class:"mortgage-screen-2__range-slider"},(0,a.h)("mortgage-tool-range-slider",{partner:e,start:t}))))};MortgageScreen2.props={partner:{type:Boolean},start:{type:Number},modelId:{type:String}},(0,r.Nk)("mortgage-screen-2",MortgageScreen2);var w=o(8118);const MortgageIncomeCard=()=>{const[e,t]=(0,i.oR)(l),[o]=(0,r.v9)("isPartner",!1),[n,s]=(0,c.XK)("");
1function handleAmount(e){const formatAmount=(e=0)=>(0,i.j3)(e);s(formatAmount(o?e.partnerIncome:e.income))}return(0,r.N_)(()=>handleAmount(e)),t(handleAmount,["income","partnerIncome"]),(0,a.h)(a.H,null,(0,a.h)("div",{class:"mortgage-income-card__icon"},(0,a.h)(w.Z,{name:"icons-user"})),(0,a.h)("div",{class:"mortgage-income-card__title"},o?(0,c.qM)("MortgageTool.PartnerYearlyIncome"):(0,c.qM)("MortgageTool.YourYearlyIncome")),(0,a.h)("div",{class:"mortgage-income-card__amount"},n))};MortgageIncomeCard.props={isPartner:{type:Boolean}},(0,r.Nk)("mortgage-income-card",MortgageIncomeCard);const MortgageMonthlyCard=()=>{const[e,t]=(0,i.oR)(l),[o]=(0,r.v9)("isNetto",!1),[n,s]=(0,c.XK)("");function handleMonthly(e){const formatAmount=(e=0)=>(0,i.j3)(e);s(formatAmount(o?e.monthlyNetto:e.monthlyBruto))}return(0,r.N_)(()=>handleMonthly(e)),t(handleMonthly,["monthlyBruto","monthlyNetto"]),(0,a.h)(a.H,null,(0,a.h)("div",{class:"mortgage-monthly-card__prefix"},o?(0,c.qM)("NetMonthlyExpenses"):(0,c.qM)("GrossMonthlyExpenses")),(0,a.h)("div",{class:"mortgage-monthly-card__amount"},n),(0,a.h)("div",{class:"mortgage-monthly-card__suffix"},(0,c.qM)("YourMaximumLoanAmount")))};MortgageMonthlyCard.props={isNetto:{type:Boolean}},(0,r.Nk)("mortgage-monthly-card",MortgageMonthlyCard);var v=o(1856);const x="mortgage-screen-3--alone",j="mortgage-screen-3--together",MortgageScreen3=({element:e})=>{const[t,o]=(0,i.oR)(l),[n]=(0,r.v9)("modelId",null),s=(0,r.YP)("[js-hook-mortgage-screen-calculate]"),g=(0,r.YP)("[js-hook-mortgage-screen-3-maximum-subtitle]"),[m,d]=(0,c.XK)("");function handleSituation({situation:t}){"alone"===t?(e.classList.add(x),e.classList.remove(j)):"together"===t&&(e.classList.add(j),e.classList.remove(x))}function handleMaxMortgage(e){const t=(0,i.j3)(e.maxMortgage||0);d(t)}function handleInterest({interest:e}){g.current.innerHTML="",g.current.append((0,a.h)(a.H,null,(0,c.qM)("MortgageTool.Screen3-MaximumSubtitle",{replace:[{id:"interest",value:`${e}`}]})))}return(0,r.N_)(async()=>{handleSituation(t),handleMaxMortgage(t),handleInterest(t)}),o(handleSituation,["situation"]),o(handleMaxMortgage,["maxMortgage"]),o(handleInterest,["interest"]),o(async function setCalculateButtonUrl(){const e=await(0,c.WU)("Rabobank.Mortgage.URL");s.current.href=e}),(0,a.h)(a.H,null,(0,a.h)("h4",{class:"mortgage-screen-3__title"},(0,c.qM)("MortgageTool.Screen3-Title")),(0,a.h)("div",{class:"mortgage-screen-3__grid"},(0,a.h)("div",{class:"mortgage-screen-3__property-card"},(0,a.h)("mortgage-property-card",{modelId:n})),(0,a.h)("div",{class:"mortgage-screen-3__result"},(0,a.h)("div",{class:"mortgage-screen-3__description"},(0,a.h)("h5",{class:"mortgage-screen-3__result-title"},(0,c.qM)("MaximumLoanAmount")),(0,a.h)("span",{class:"mortgage-screen-3__price"},m),(0,a.h)("p",{"js-hook-mortgage-screen-3-maximum-subtitle":!0}),(0,a.h)(v.bx,{hook:"mortgage-screen-calculate",label:(0,c.qM)("MortgageTool.Screen3-Calculate"),classes:"mortgage-screen-3__cta",attr:{target:"_blank"}}),(0,a.h)("p",null,(0,c.qM)("MortgageTool.Screen3-Footnote"))),(0,a.h)("mortgage-monthly-card",null),(0,a.h)("mortgage-monthly-card",{isNetto:!0})),(0,a.h)("div",{class:"mortgage-screen-3__incomes"},(0,a.h)("mortgage-income-card",{class:"mortgage-screen-3__income"}),(0,a.h)("mortgage-income-card",{class:"mortgage-screen-3__income--partner",isPartner:!0}))))};MortgageScreen3.props={modelId:{type:String}},(0,r.Nk)("mortgage-screen-3",MortgageScreen3);var M=o(2503),P=o(7655),T=o(5940);const I="u-hidden",useMortgageTool=(e,t)=>{const[o,n]=(0,i.oR)(l),g=(0,r.YP)("[js-hook-mortgage-tool-indicator-current]"),c=(0,r.YP)("[js-hook-mortgage-tool-indicator-total]"),m=(0,r.YP)("[js-hook-mortgage-tool-prev-page]"),d=(0,r.YP)("[js-hook-mortgage-tool-next-page]"),p=(0,r.YP)(".mortage-tool__button-close"),u=(0,r.YP)('[js-hook-mortgage-tool-screen="2"]');(0,r.YP)("bpd-pages",{as:"bpdPages"});const h=(0,r.sO)(0),b=(0,r.sO)(2),_=(0,r.sO)();return n(({situation:o})=>{if("together"===o){const o=s;d.current.disabled=!1,b.current=3,c.current.innerHTML=`${b.current+1}`,_.current=(0,a.h)("mortgage-screen-2",{"js-hook-mortgage-tool-screen":!0,"js-hook-mortgage-tool-screen2-partner":!0,partner:!0,start:o.partnerIncome,modelId:t}),u.current.after(_.current),e.bpdPages.setPages()}else if("alone"===o){d.current.disabled=!1,b.current=2,c.current.innerHTML=`${b.current+1}`,_.current?.remove();const t=document.querySelector("[js-hook-mortgage-tool-screen2-partner]");t?.remove(),e.bpdPages.setPages()}},["situation"]),{handlePageChange:function handlePageChange(e){g.current.innerHTML=`${e+1}`,m.current.disabled=0===e,e===b.current?(d.current.classList.add(I),p.current.classList.remove(I)):(d.current.classList.remove(I),p.current.classList.add(I)),2!==e||"together"!==o.situation||o.partnerIncome||updateMortgagePartnerIncome(4e4),function handleGTMVirtualPageView(e){switch(e){case 0:(0,T.d)({event:"gtm.virtualPageview",virtualTitle:"/leenmodule/bereken",virtualURL:"/Leenmodule - Bereken"});break;case 1:(0,T.d)({event:"gtm.virtualPageview",virtualTitle:"/leenmodule/jaarinkomen",virtualURL:"/Leenmodule - Jaarinkomen"});break;case 2:3===b.current?(0,T.d)({event:"gtm.virtualPageview",virtualTitle:"/leenmodule/jaarinkomen-partner",virtualURL:"/Leenmodule - Jaarinkomen Partner"}):(0,T.d)({event:"gtm.virtualPageview",virtualTitle:"/leenmodule/details",virtualURL:"/Leenmodule - Details"});break;case 3:(0,T.d)({event:"gtm.virtualPageview",virtualTitle:"/leenmodule/details",virtualURL:"/Leenmodule - Details"})}}(e)},currentPage:h,totalPages:b}};var N=o(457);const L="mortgage-tool",MortgageTool=({element:e})=>{const[t]=(0,r.v9)("modelId",null),o=(0,r.YP)("[js-hook-mortgage-tool-disclaimer-link]"),{handlePageChange:n,currentPage:i,totalPages:l}=useMortgageTool(e,t),m=s;return(0,c.Rd)(N.Z),P.C8.subscribe(({modals:{[L]:e}})=>{e.active&&n(i.current)}),(0,r.N_)(async()=>{const e=await(0,c.WU)("Rabobank.Disclaimer.URL");o.current&&e&&(o.current.href=e)}
1),(0,a.h)("div",{class:"c-mortage-tool"},(0,a.h)(M.A,{id:L,active:!1,noPadding:!0},(0,a.h)(a.H,null,(0,a.h)("div",{class:"mortgage-tool__header"},(0,a.h)("h2",{class:"mortgage-tool__heading"},(0,c.qM)("CalculateWhatCanYouBuy"))),(0,a.h)("div",{class:"mortgage-tool__base"},(0,a.h)("div",{class:"mortgage-tool__logo u-hidden--xs"},(0,a.h)("div",null,(0,a.h)("span",null,(0,c.qM)("BroughtToYouBy")),(0,a.h)("img",{src:(0,g.R)("/images/rabobank.svg"),alt:"Rabobank logo"}))),(0,a.h)("bpd-pages",{selector:"[js-hook-mortgage-tool-screen]",class:"mortgage-tool__pages"},(0,a.h)("mortgage-screen-1",{"js-hook-mortgage-tool-screen":!0}),(0,a.h)("mortgage-screen-2",{"js-hook-mortgage-tool-screen":"2",modelId:t}),(0,a.h)("mortgage-screen-3",{"js-hook-mortgage-tool-screen":!0,modelId:t})),(0,a.h)("div",{class:"mortgage-tool__disclaimer"},(0,a.h)("div",{class:"mortgage-tool__logo"},(0,a.h)("div",null,(0,a.h)("span",null,(0,c.qM)("BroughtToYouBy")),(0,a.h)("img",{src:(0,g.R)("/images/rabobank.svg"),alt:"Rabobank logo"}))),(0,a.h)("a",{target:"_blank","js-hook-mortgage-tool-disclaimer-link":!0},(0,c.qM)("Disclaimer")))),(0,a.h)("div",{class:"mortgage-tool__footer"},(0,a.h)(v.zx,{label:"Vorige stap",hook:"mortgage-tool-prev-page",classes:"mortage-tool__button",icon:"arrow-chevron-right",attr:{disabled:0===i.current},onClick:()=>{i.current=i.current-1,n(i.current),e.bpdPages.selectPrev()}}),(0,a.h)("span",{class:"mortage-tool__indicator"},(0,a.h)("span",{"js-hook-mortgage-tool-indicator-current":!0},i.current+1)," ","van"," ",(0,a.h)("span",{"js-hook-mortgage-tool-indicator-total":!0},l.current+1)),(0,a.h)(v.zx,{label:"Volgende stap",hook:"mortgage-tool-next-page",classes:"mortage-tool__button mortage-tool__button-next",icon:"arrow-chevron-right",attr:{disabled:i.current===l.current||!m.situation},onClick:()=>{i.current=i.current+1,n(i.current),e.bpdPages.selectNext()}}),(0,a.h)(v.zx,{label:"Sluiten",hook:"modal-trigger",classes:"mortage-tool__button mortage-tool__button-close u-hidden",variant:"grey-10",controls:L,attr:{"data-modal-action":"close"}})))))};MortgageTool.props={modelId:{type:String}},(0,r.Nk)("mortgage-tool",MortgageTool)},457:(e,t,o)=>{o.d(t,{Z:()=>d});var r=o(8081),a=o.n(r),n=o(3645),i=o.n(n),l=o(1667),s=o.n(l),g=new URL(o(3773),o.b),c=i()(a()),m=s()(g);c.push([e.id,'mortgage-income-card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:var(--color-white);color:var(--color-grey-50);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:1.2rem 2rem 1.4rem}.mortgage-income-card__icon{margin-bottom:.7rem}.mortgage-income-card__icon .svg-icons-user{height:1.5rem;width:1.5rem}.mortgage-income-card__title{color:var(--color-grey-30);font-size:1.2rem;letter-spacing:.5px;line-height:1.33}.mortgage-income-card__amount{font-size:1.4rem;letter-spacing:.5px;line-height:1.71}mortgage-monthly-card{background-color:var(--color-white);letter-spacing:.5px;padding:2.3rem;text-align:center}.mortgage-monthly-card__prefix{color:var(--color-grey-50);font-size:1.4rem;line-height:1.71}.mortgage-monthly-card__amount{color:var(--color-black);font-size:1.8rem;font-weight:600;line-height:1.78}.mortgage-monthly-card__suffix{color:var(--color-grey-30);font-size:1.2rem;line-height:1.33}mortgage-property-card{min-width:19.6rem;width:19.6rem}.mortgage-screen-1__title{color:var(--color-black);font-size:1.8rem;font-weight:600;letter-spacing:.05rem}.mortgage-screen-1__options{margin-top:2.4rem}.mortgage-screen-1__option,.mortgage-screen-1__options{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}.mortgage-screen-1__option{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-align-items:center;align-items:center;background-color:var(--color-white);border:.2rem solid transparent;border-bottom:.2rem solid var(--color-grey-10);-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:29rem;margin:0 .8rem;padding:3.2rem;position:relative;text-align:center;-webkit-transition:border-color .3s ease;transition:border-color .3s ease;width:33rem}.mortgage-screen-1__option:hover{border-color:var(--color-primary)}.mortgage-screen-1__option img{margin-top:auto}.mortgage-screen-1__option span{color:var(--color-black);font-weight:600;letter-spacing:.05rem;margin-top:auto}.mortgage-screen-1__option.is--selected{border:.2rem solid var(--color-primary)}.mortgage-screen-1__option.is--selected .mortgage-screen-1__checkmark{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.mortgage-screen-1__checkmark{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--color-primary);border-radius:50%;color:var(--color-white);display:none;height:4rem;
1-webkit-justify-content:center;justify-content:center;position:absolute;right:1.6rem;top:1.6rem;width:4rem}.mortgage-screen-2__grid{display:grid;gap:1.6rem;grid-template-areas:"range-slider";padding-top:2.6rem}.mortgage-screen-2__range-slider{-webkit-box-pack:start;-ms-flex-pack:start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start}.mortgage-screen-2__property-card{display:none;grid-area:propertycard}.mortgage-screen-2__property-card mortgage-income-card{margin-left:1.6rem;width:100%}.mortgage-screen-3__title{color:var(--color-black);font-size:1.8rem;font-weight:600;letter-spacing:.05rem}.mortgage-screen-3__grid{display:grid;gap:1.6rem;grid-template-areas:"incomes" "result";padding-top:2.6rem}.mortgage-screen-3__property-card{display:none;grid-area:propertycard}.mortgage-screen-3__incomes{display:grid;gap:1.6rem;grid-area:incomes;grid-template-columns:1fr 1fr}.mortgage-screen-3__result{display:grid;gap:1.6rem;grid-area:result}.mortgage-screen-3__description{background-color:var(--color-white);padding:2.4rem}.mortgage-screen-3__description p{color:var(--color-grey-30);font-size:1.2rem;letter-spacing:.5px;line-height:1.33;padding:0 2rem}.mortgage-screen-3__result-title{color:var(--color-grey-50);font-size:1.4rem;font-weight:400;letter-spacing:.5px;line-height:1.71}.mortgage-screen-3__price{color:var(--color-primary);display:block;font-size:2.6rem;line-height:1.31;margin-bottom:.8rem;margin-top:.6rem}.mortgage-screen-3__cta{margin:1.8rem 0 1.2rem}.mortgage-screen-3--alone .mortgage-screen-3__income--partner{display:none}mortgage-tool-range-slider{display:inline-block;margin-left:4rem;padding:0 1rem;position:relative}.mortgage-tool-range-slider__container{height:30rem}.mortgage-tool-range-slider__wrapper .noUi-connect{background:var(--color-primary)}.mortgage-tool-range-slider__wrapper .noUi-target{background-color:var(--color-grey-10);border:0;border-radius:1rem;-webkit-box-shadow:none;box-shadow:none;max-width:.8rem}.mortgage-tool-range-slider__wrapper .noUi-target:after{background:url('+m+') no-repeat;content:"";height:100%;left:-7rem;position:absolute;top:.2rem;width:5rem}.mortgage-tool-range-slider__wrapper .noUi-vertical .noUi-handle{background-color:var(--color-primary);border:0;border-radius:50%;-webkit-box-shadow:none;box-shadow:none;cursor:col-resize;height:2.5rem;right:-.8rem;top:-.8rem;width:2.4rem}.mortgage-tool-range-slider__wrapper .noUi-vertical .noUi-handle:after,.mortgage-tool-range-slider__wrapper .noUi-vertical .noUi-handle:before{display:none}.c-mortgage-tooltip{letter-spacing:.05rem;margin-left:3rem;position:absolute;text-align:left;top:28.5%;width:20rem;z-index:1}.mortgage-tooltip__header{background-color:var(--color-grey-10);padding:1.6rem}.mortgage-tooltip__footer{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;background-color:var(--color-white);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:2rem 2.4rem}.mortgage-tooltip__title{font-size:1.4rem}.mortgage-tooltip__total{color:var(--color-primary);font-size:2.6rem;font-weight:500;line-height:1}.mortgage-tooltip__salary-wrapper{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.mortgage-tooltip__salary{font-size:1.8rem;font-weight:600}.mortgage-tooltip__manual{font-size:1.4rem;font-weight:600;text-decoration:underline}.mortgage-tooltip__input-wrapper{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.mortgage-tooltip__input-wrapper .c-button-square{background-color:var(--color-secondary);height:5.2rem}.mortgage-tooltip__input-wrapper .c-button-square:after,.mortgage-tooltip__input-wrapper .c-button-square:before{display:none}.mortgage-tooltip__input-wrapper .svg-icons-checkmark{height:1.6rem;width:1.6rem}.mortgage-tooltip__input .c-input{margin:0}.mortgage-tooltip__arrow{background-color:var(--color-white);-webkit-clip-path:polygon(0 50%,100% 100%,100% 0);clip-path:polygon(0 50%,100% 100%,100% 0);height:3rem;left:.6rem;margin-left:2.7rem;margin-top:-1.2rem;position:absolute;top:53%;width:1.5rem}.mortgage-tooltip__arrow-bg{background:-webkit-gradient(linear,left top,left bottom,color-stop(10rem,var(--color-grey-10)),color-stop(10rem,var(--color-grey-10)),color-stop(10rem,var(--color-white)),to(var(--color-white)));background:linear-gradient(to bottom,var(--color-grey-10) 10rem,var(--color-grey-10) 10rem,var(--color-white) 10rem,var(--color-white) 100%);height:18.2rem;left:0;position:absolute;top:-6.7rem;width:5rem}.mortgage-tool__header{padding:6.4rem 2rem;text-align:center}.mortgage-tool__heading{color:var(--color-black);font-size:26px}.mortgage-tool__base{background-color:var(--color-grey-5);padding:2.4rem}.mortgage-tool__logo{-webkit-box-pack:end;-ms-flex-pack:end;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
1-webkit-justify-content:flex-end;justify-content:flex-end;text-align:center}.mortgage-tool__logo span{color:var(--color-grey-30);display:block;font-size:1.2rem}.mortgage-tool__disclaimer{-webkit-box-pack:end;-ms-flex-pack:end;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;margin-top:2.4rem}.mortgage-tool__disclaimer a{color:var(--color-grey-30);font-size:1.2rem}.mortgage-tool__disclaimer .mortgage-tool__logo{display:none}.mortgage-tool__footer{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.mortage-tool__indicator{font-size:1.4rem}.mortage-tool__button .button__icon{display:none}.mortage-tool__button .button__icon .svg{height:1.6rem;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:1rem}.mortage-tool__button .button__icon+.button__label{margin-left:0}.mortage-tool__button-next .button__icon .svg{-webkit-transform:rotate(0);transform:rotate(0)}.mortgage-tool__title{color:var(--color-black);font-size:1.8rem;font-weight:600;letter-spacing:.05rem}.mortgage-tool__pages{text-align:center}@media screen and (min-width:480px){.mortgage-tool__heading{font-size:calc(17.15789px + 1.84211vw)}}@media only screen and (min-width:48em){.mortgage-screen-2__grid{-webkit-column-gap:6rem;-moz-column-gap:6rem;column-gap:6rem;grid-template-areas:"propertycard rangeslider .";grid-template-columns:35.8rem auto 35.8rem}.mortgage-screen-2__range-slider{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.mortgage-screen-2__property-card{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.mortgage-screen-3__grid{-webkit-column-gap:6rem;-moz-column-gap:6rem;column-gap:6rem;grid-template-areas:"propertycard result incomes" "propertycard result .";grid-template-columns:19.6rem auto 19.6rem}.mortgage-screen-3__property-card{display:block}.mortgage-screen-3__incomes{grid-template-columns:auto}.mortgage-screen-3__result{grid-template-columns:1fr 1fr}.mortgage-screen-3__description{grid-column:1/3}mortgage-tool-range-slider{margin-left:0}.c-mortgage-tooltip{width:29rem}.mortgage-tooltip__header{padding:2.4rem}}@media screen and (min-width:1240px){.mortgage-tool__heading{font-size:40px}}@media only screen and (max-width:47.96875em){.mortgage-screen-1__options{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:1.6rem}.mortgage-screen-1__option{height:23rem;margin:.8rem 0;width:100%}.mortgage-tool-range-slider__wrapper .noUi-target:before{background:var(--color-grey-5);content:"";height:100%;left:-6rem;pointer-events:none;position:absolute;-webkit-transform:rotate(356deg);transform:rotate(356deg);width:2rem;z-index:1}.mortgage-tooltip__footer{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:1.6rem}.mortgage-tooltip__title{display:block}.mortgage-tooltip__arrow-bg{background:-webkit-gradient(linear,left top,left bottom,color-stop(8.4rem,var(--color-grey-10)),color-stop(8.4rem,var(--color-grey-10)),color-stop(8.4rem,var(--color-white)),to(var(--color-white)));background:linear-gradient(to bottom,var(--color-grey-10) 8.4rem,var(--color-grey-10) 8.4rem,var(--color-white) 8.4rem,var(--color-white) 100%);height:16.5rem}.mortgage-tool__base{padding:4rem 2.4rem 2.4rem}.mortgage-tool__logo{text-align:left}.mortgage-tool__disclaimer{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;
1-webkit-justify-content:space-between;justify-content:space-between}.mortgage-tool__disclaimer .mortgage-tool__logo{display:block}.mortage-tool__button{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.mortage-tool__button:not(:has(.button__label)){width:5.6rem}.mortage-tool__button.button--large{width:8.8rem}.mortage-tool__button.button--large:has(.button__label){-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;padding:0}.mortage-tool__button.button--large .button__icon+.button__label{margin-left:0;margin-top:.8rem}.mortage-tool__button.button--small:not(:has(.button__label)){width:4rem}.mortage-tool__button .button__label{display:none}.mortage-tool__button .button__icon{display:block}}',""]);const d=c.toString()},1667:e=>{e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},3773:(e,t,o)=>{e.exports=o.p+"assets/images/slider-lines.svg"}}]); 2//# sourceMappingURL=767.2746dd995da8efd242c4.js.map
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.