https://www.mogelijk.nl/js/chunks/d8cb0d8bf7e9191e.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[9750],{74894:function(e,t,n){function a(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return{trans:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=e[t]||window.trans[t]||t;return Object.keys(n).forEach(function(e){a=a.replace(":".concat(e),n[e])}),a},transChoice:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l=(e[t]||window.trans[t]||null).split("|");return l=n>1&&l[1]||l[0],a.count=n,Object.keys(a).forEach(function(e){l=l.replace(":".concat(e),a[e])}),l}}}n.d(t,{m:function(){return a}})},59750:function(e,t,n){n.r(t),n.d(t,{default:function(){return R}});var a=n(29726),l=n(72505),r=n.n(l),o=n(99227),i=n.n(o),u=n(2543),c=n.n(u),s=n(74894),d={class:"fld fld_12"},f={class:"monthly-cost-form-results-header"},v={class:"fld fld_12"},p=["for"],m=["value","id"],g={key:0,class:"fld fld_12"},h=["for"],y=["value","id"],_={class:"fld fld_12"},E=["id"],V={class:"range-slider-title"},b={class:"range-slider"},N={class:"range-slider-label"},k={class:"range-slider-input"},D=["min","max"],S={class:"output-percentage"},w={class:"percentage"},x={class:"range-slider-label"},B={__name:"ContributionFinancingProposal",props:{defaultValue:{type:String},defaultDuration:{type:String},defaultFixedInterestDuration:{type:String},defaultContribution:{type:String},defaultLoanToValue:{type:String},interestEndpoint:{type:String},objectType:{type:String},financingType:{type:String},p2pInterests:{type:Object},subject:{type:String},instanceId:{type:String,default:"proposal"},translations:{type:Object},platform:{type:String}},setup:function(e){var t=e,n=(0,s.m)(t.translations).trans,l=(0,a.ref)(null),o=(0,a.ref)(null),u=(0,a.ref)(t.defaultDuration),B=(0,a.ref)(t.defaultFixedInterestDuration),R=(0,a.ref)(t.defaultLoanToValue),T=(0,a.ref)(t.defaultContribution),F=(0,a.ref)(null),I=(0,a.ref)(null),M=function(e){return"".concat(t.instanceId,"_").concat(e)},C=(0,a.computed)(function(){return T.value?Math.floor(T.value?parseInt(T.value)/(1-parseInt(R.value)/100):0):""}),j=(0,a.computed)(function(){if(C.value)return C.value-parseInt(T.value)}),L=(0,a.computed)(function(){if("btl"!==t.financingType)return P.value;if(F.value){if(F.value.interests){var e;if(j.value&&C.value){var n=Math.floor(j.value/C.value*100);e=c().filter(F.value.interests,{months:"btl"===t.financingType?12*B.value:60}).find(function(e){return n>=e.min_ltv&&n<=e.max_ltv}).interest}return e}var a=F.value.interest;if(j.value&&C.value){var l=j.value/C.value*100;F.value.premiums.forEach(function(e){l>e.min&&l<=e.max&&(a+=e.premium)})}return a}}),P=(0,a.computed)(function(){if("btl"!==t.financingType){var e;if(j.value&&C.value){var n=Math.floor(j.value/C.value*100),a=c().min(c().map(t.p2pInterests,"min_loan")),l=c().maxBy(t.p2pInterests,function(e){return null===e.max_loan?Number.MAX_SAFE_INTEGER:e.max_loan}).max_loan;e=t.p2pInterests.find(function(e){var t=e.min_loan===a?0:e.min_loan,r=e.max_loan===l?Number.MAX_SAFE_INTEGER:e.max_loan;return j.value>=t&&j.value<=r&&n>=e.min_ltv&&n<=e.max_ltv}).interest}return e}}),A=(0,a.computed)(function(){return"btl"===t.financingType?[3,5,10,20,30]:[5,10]}),O=(0,a.computed)(function(){return"btl"===t.financingType?[3,5,7].filter(function(e){return e<=u.value}):[]});(0,a.watch)(O,function(){O.value.includes(B.value)||(B.value=u.value<5?3:5)}),(0,a.watch)(u,function(){"btl"===t.financingType&&parseInt(u.value)<B.value&&(B.value=u.value)});var U=(0,a.computed)(function(){return T.value?Math.min(75,Math.ceil(5e4/(parseInt(T.value)+5e4)*100)):75}),G=(0,a.computed)(function(){return 75});(0,a.onMounted)(function(){r().get(t.interestEndpoint).then(function(e){F.value=e.data}).catch(function(){F.value=null}),I.value=$("html").attr("lang")||"nl",(0,a.nextTick)(function(){$(l.value).currencyFormatters(),$(l.value).rangeSliders();var e=$('[data-ref="contribution"]');e.on("input selected autocomplete",function(){T.value=this.cleave?this.cleave.getRawValue():$(this).val()}),(0,a.watch)(T,function(t){e.each(function(){$(this).val(t),this.cleave&&this.cleave.setRawValue(t)})},{immediate:!0})})});var z=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(e)return i().localeData().delimiters.thousands=" ",i().localeData().delimiters.decimal="en"===I.value?".":",",i()(e).format("0,0".concat(t?".":"").concat("0".repeat(t)))},X=c().debounce(function(){var e;(e=new URL(location.href.replace(location.hash,""))).searchParams.set("duration",u.value),e.searchParams.set("fixed_interest_duration",B.value),e.searchParams.set("contribution",T.value),e.searchParams.set("interest",L.value),e.searchParams.set("loan_to_value",R.value),r().get(e.toString()).then(function(e){var t=$(e.data);$(l.value).closest(".monthly-cost-form-results").find(".DynamicResults, .DynamicResults-2").each(function(){var e=".".concat(this.classList.contains("DynamicResults-2")?"DynamicResults-2":"DynamicResults",'[data-result-group="').concat(this.dataset.resultGroup,'"]');$(this).html(t.find(e).html())})})},200);return(0,a.watch)(U,function(){R.value<U.value&&(R.value=U.value),(0,a.nextTick)(function(){$(o.value).trigger("input")})}),(0,a.watch)(G,function(){(0,a.nextTick)(function(){$(o.value).trigger("input")})}),(0,a.watch)(u,function(){X()}),(0,a.watch)(B,function(){X()}),(0,a.watch)(T,function(){X()}),(0,a.watch)(R,function(){X()}),function(t,r){return(0,a.openBlock)(),(0,a.createElementBlock)("form",{method:"post",class:"Clear",ref_key:"root",ref:l},[(0,a.createElementVNode)("div",null,[(0,a.createElementVNode)("div",null,[(0,a.createElementVNode)("div",d,[(0,a.createElementVNode)("h2",f,[(0,a.createTextVNode)((0,a.toDisplayString)((0,a.unref)(n)("calculations::front.proposal.title")),1),(0,a.createElementVNode)("span",null,(0,a.toDisplayString)((0,a.unref)(n)("calculations::front.fields.calculation.object_type.".concat(e.objectType))),1)])]),(0,a.createElementVNode)("div",v,[(0,a.createElementVNode)("label",null,(0,a.toDisplayString)((0,a.unref)(n)("calculations::front.fields.calculation.duration.label")),1),(0,a.createElementVNode)("div",{class:(0,a.normalizeClass)(["FancyRadioBlock-group FancyRadioBlock-group--no-wrap","FancyRadioBlock-group--".concat(A.value.length,"col")])},[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(A.value,function(e){return(0,a.openBlock)(),(0,a.createElementBlock)("label",{class:"FancyRadioBlock",for:M("duration_".concat(e))},[(0,a.withDirectives)((0,a.createElementVNode)("input",{class:"border",name:"duration",type:"radio","onUpdate:modelValue":r[0]||(r[0]=function(e){return u.value=e}),value:e,id:M("duration_".concat(e))},null,8,m),[[a.vModelRadio,u.value]]),(0,a.createElementVNode)("div",null,(0,a.toDisplayString)(e),1)],8,p)}),256))],2)]),e.defaultFixedInterestDuration?((0,a.openBlock)(),(0,a.createElementBlock)("div",g,[(0,a.createElementVNode)("label",null,(0,a.toDisplayString)((0,a.unref)(n)("calculations::front.fields.calculation.fixed_interest_duration.label")),1),(0,a.createElementVNode)("div",{class:(0,a.normalizeClass)(["FancyRadioBlock-group FancyRadioBlock-group--no-wrap","FancyRadioBlock-group--".concat(O.value.length,"col")])},[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(O.value,function(e){return(0,a.openBlock)(),(0,a.createElementBlock)("label",{class:"FancyRadioBlock",for:M("fixed_interest_duration_".concat(e))},[(0,a.withDirectives)((0,a.createElementVNode)("input",{class:"border",name:"fixed_interest_duration",type:"radio","onUpdate:modelValue":r[1]||(r[1]=function(e){return B.value=e}),value:e,id:M("fixed_interest_duration_".concat(e))},null,8,y),[[a.vModelRadio,B.value]]),(0,a.createElementVNode)("div",null,(0,a.toDisplayString)(e),1)],8,h)}),256))],2)])):(0,a.createCommentVNode)("",!0),(0,a.createElementVNode)("div",_,[(0,a.createElementVNode)("div",{id:M("loan_to_value_slider"),class:"range-slider-container"},[(0,a.createElementVNode)("div",V,[(0,a.createElementVNode)("strong",null,(0,a.toDisplayString)((0,a.unref)(n)("calculations::front.fields.calculation.loan_to_value.label")),1)]),(0,a.createElementVNode)("div",b,[(0,a.createElementVNode)("div",N,(0,a.toDisplayString)(z(U.value))+"%",1),(0,a.createElementVNode)("div",k,[r[3]||(r[3]=(0,a.createElementVNode)("output",{class:"output-amount"},null,-1)),(0,a.withDirectives)((0,a.createElementVNode)("input",{type:"range",min:U.value,max:G.value,"onUpdate:modelValue":r[2]||(r[2]=function(e){return R.value=e}),ref_key:"range",ref:o,class:"range-slider-input-percentage",step:"1"},null,8,D),[[a.vModelText,R.value]]),(0,a.withDirectives)((0,a.createElementVNode)("output",S,[(0,a.createTextVNode)((0,a.toDisplayString)((0,a.unref)(n)("calculations::front.fields.calculation.loan_to_value.interest_indication"))+" ",1),(0,a.createElementVNode)("span",w,(0,a.toDisplayString)(z(L.value,2))+"%",1)],512),[[a.vShow,L.value]])]),(0,a.createElementVNode)("div",x,(0,a.toDisplayString)(z(G.value))+"%",1)])],8,E)])])])],512)}}};var R=B}}]);