https://jslib.valuepenguin.com/dist/4648981a2208507f6f59a942.min.js

1"use strict";(self.webpackChunkjslib=self.webpackChunkjslib||[]).push([[1241,4648,5871,7235,8870],{4599(t,e,n){n.r(e),n.d(e,{default:()=>l});var r,o=n(4848),i=n(4143),a=n(9121),c=(r=function(t,e){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},r(t,e)},function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function n(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}),s=(0,a.Jz)("BarChart");const l=function(t){function e(e){return t.call(this,e)||this}return c(e,t),e.prototype.componentDidMount=function(){var t=i.select(this.node).append("g");t.append("g").attr("class","".concat(s("xAxis")," ").concat(s("axis"))).append("text").attr("class","".concat(s("xAxisLabel")," small")),t.append("g").attr("class","".concat(s("yAxis")," ").concat(s("axis")))},e.prototype.shouldComponentUpdate=function(t){return this.renderChart(t),!1},e.prototype.renderChart=function(t){var e=t.data,n=t.margin,r=t.width-n.left-n.r

1ight,o=t.height-n.top-n.bottom,a=r,c=t.dataFunction,l=i.scale.ordinal().domain(e.map(function(t,e){return e+1})).rangeRoundBands([0,r],.2),u=i.scale.linear().domain([0,i.max(e,c)]).range([o,0]),p=i.svg.axis().scale(l).orient("bottom").tickValues(i.range(0,r,12)).tickFormat(function(t){return Math.ceil(t/12)+(new Date).getFullYear()}),d=i.svg.axis().scale(u).orient("left").ticks(10,t.yAxisSymbol).innerTickSize(-r).outerTickSize(0).tickPadding(10),f=function(t){return".".concat(t)},h=function(t){return u(c(t))};i.select(".tooltip").remove();var y=i.select(this.node.parentNode).append("div").attr("class","".concat(s("toolTip")," tooltip")).style("opacity",0),m=function(e){e.transition().duration(t.transition).attr("class","".concat(s("bar")," bar")).attr("x",function(t,e){return l(e+1)}).attr("y",h).attr("width",l.rangeBand()).attr("height",function(t){return o-h(t)}),e.on("mouseover",function(t,e){var n=Math.floor(i.select(this).attr("x")),r=Math.floor(i.select(this).attr("y")),o=Math.floor(i.select(this).attr("width"));y.style("top",r-50+"px").style("left",n+o/2-15+"px").style("fill","#334455").style("opacity",1).text("In ".concat(e+1," month(s), you'll have $").concat(Math.floor(t.balance)," remaining to be paid."))}),e.on("mouseout",function(){y.style("opacity",0)})};i.select(f(s("root"))).attr("width",r+n.left+n.right);var x=i.select(this.node).select("g").attr("transform","translate(".concat(n.left,", ").concat(n.top,")"));x.select(f(s("xAxis"))).attr("transform","translate(0, ".concat(o,")")).call(p),x.select(f(s("xAxisLabel"))).attr("x",a).attr("y",t.xAxisLabelY+5).style("text-anchor","end");var b=x.selectAll("".concat(f(s("xAxis"))," .tick text"));b.attr("transform","translate(20, 0)"),e.length<12?(x.select(f(s("xAxisLabel"))).text("Months"),b.style("opacity",0)):(x.select(f(s("xAxisLabel"))).text(""),b.style("opacity",1)),x.select(f(s("yAxis"))).call(d),x.select(f(s("yAxisLabel"))).attr("transform","rotate(-90)").attr("x",t.yAxisLabelX).attr("y",t.yAxisLabelY).attr("dy",".71em").style("text-anchor","end").text(t.yAxisLabel),x.selectAll("".concat(f(s("yAxis"))," .tick text")).attr("transform","translate(0, -10)");var v=x.selectAll(f(s("bar"))).data(e).call(m);v.enter().append("rect").call(m),v.exit().transition().duration(t.transition).attr("y",u(0)).attr("height",o-u(0)).remove()},e.prototype.render=function(){var t=this;return(0,o.jsx)("svg",{ref:function(e){return t.node=e},className:"".concat(s("root")),height:this.props.height,width:this.props.width})},e.propTypes={data:PropTypes.array,dataFunction:PropTypes.func,height:PropTypes.number,margin:PropTypes.shape({top:PropTypes.number,left:PropTypes.number,bottom:PropTypes.number,right:PropTypes.number}),transition:PropTypes.number,width:PropTypes.number,xAxisLabel:PropTypes.string,xAxisLabelX:PropTypes.number,xAxisLabelY:PropTypes.number,yAxisLabel:PropTypes.string,yAxisLabelX:PropTypes.number,yAxisLabelY:PropTypes.number},e.defaultProps={data:[100,90,80,70,60,50,40,30,20,10],dataFunction:function(t){return t},height:500,margin:{top:20,left:60,bottom:40,right:20},transition:300,width:740,xAxisLabel:"X Axis Label",xAxisLabelX:620,xAxisLabelY:33,yAxisLabel:"Y Axis Label",yAxisLabelX:-5,yAxisLabelY:-48,yAxisSymbol:"$"},e}(React.Component)},759(t,e,n){n.r(e),n.d(e,{default:()=>l});var r,o=n(4848),i=n(9121),a=n(4599),c=(r=function(t,e){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},r(t,e)},function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function n(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}),s=(0,i.Jz)("CreditCardDebtChart");const l=function(t){function e(n){var r=t.call(this,n)||this;return r.handleSelectChange=function(t){return r.setState({dataFunction:e.dataFunctions[t.target.value],yAxisLabel:t.target.value})},r.state={dataFunction:e.dataFunctions[r.props.initialDataFunction],yAxisLabel:r.props.initialDataFunction,resizeWidth:740},r}return c(e,t),e.prototype.componentDidMount=function(){this.handleResize(),window.addEventListener("resize",this.handleResize.bind(this))},e.prototype.handleResize=function(t){var e=this;clearTimeout(t);var n,r=this.node.offsetWidth;0===r?n=setTimeout(function(){e.handleResize(n)},100):this.setState({resizeWidth:r})},e.prototype.render=function(){var t=this,n=[];try{this.props.cards.forEach(function(t){t.debt.periods.forEach(function(t,e){n.length<=e?n.push(t):n[e]=n[e].withMutations(function(e){return e.set("interest",e.interest+t.interest).set("balance",e.balance+t.balance).set("minimum",e.minimum+t.minimum).set("principle",e.principle+t.principle)})})})}catch(t){}var r=[];for(var i in e.dataFunctions)r.push((0,o.jsx)("option",{value:i,children:i},i));return(0,o.jsxs)("div",{className:"".concat(s("root")),ref:function(e){return t.node=e},children:[(0,o.jsx)("div",{className:"".concat(s("yAxisLabel")),children:this.state.yAxisLabel}),(0,o.jsx)(a.default,{data:n,dataFunction:this.state.dataFunction,width:this.state.resizeWidth,xAxisLabel:this.props.timeIn,yAxisLabel:this.state.yAxisLabel})]})},e.propTypes={cards:PropTypes.array,initialDataFunction:PropTypes.string,timeIn:PropTypes.string},e.defaultProps={cards:[{debt:(0,i.Xx)(5e3,15,100)},{debt:(0,i.Xx)(5e3,15,100)}],initialDataFunction:"Balance",timeIn:"Years"},e.dataFunctions={Interest:function(t){return t.interest},Balance:function(t){return t.balance},Minimum:function(t){return t.minimum},Principle:function(t){return t.principle}},e}(React.Component)},9121(t,e,n){n.d(e,{AL:()=>j,AY:()=>P,Fr:()=>k,Fx:()=>A,Ie:()=>C,J6:()=>N,Jz:()=>F,KO:()=>I,Oj:()=>_,Pe:()=>T,RJ:()=>h,Un:()=>M,Wd:()=>E,Xx:()=>L,aH:()=>d,aT:()=>b,eR:()=>y,jD:()=>p,kf:()=>O,t:()=>w,wZ:()=>z,xl:()=>R,xw:()=>x,zK:()=>u,zP:()=>f});var r,o=n(9227),i=n.n(o),a=n(9404),c=(r=function(t,e){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},r(t,e)},function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function n(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e}((0,a.Record)({minimum:0,interest:0,principle:0,balance:0})),l=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e}((0,a.Record)({balance:0,payment:0,minimum:0,timeToPay:0,interest:0,periods:[]})),u="static/generic-card",p="Enter",d="Escape",f=" ",h="ArrowRight",y="ArrowLeft";function m(t){return function(){for(var e,n=Array.prototype.slice.call(arguments),r="",o=n.length;o--;)r+=(e=n[o])===Object(e)?JSON.stringify(e):e,t.memoize=t.memoize||{};return r in t.memoize?t.memoize[r]:t.memoize[r]=t.apply(this,n)}}

1function x(t,e,n){return t<Math.ceil(e)?"Minimum is ".concat(Math.ceil(e).toLocaleString()):t>Math.floor(n)?"Maximum is ".concat(Math.floor(n).toLocaleString()):""}function b(t,e,n,r){void 0===e&&(e=2),void 0===n&&(n=2),void 0===r&&(r=!1);var o,i,a=t.toString(),c=(o=a,i=o.split("").filter(function(t){return!isNaN(t)||"."===t}).join(""),""===i||isNaN(parseFloat(i))?"0":i).split("."),s=c[0],l=c[1];if(void 0!==l){var u=l.length;u<e&&e>0&&r?l+="0".repeat(e-u):u>n&&n>0&&(l=l.substring(0,n))}else l="";var p,d,f=""===l?"":".".concat(l),h=(d=(p=a).length-1)>=0&&p.lastIndexOf(".")===d&&!(l.length>0)&&(r&&e>0||!r)?"."+(r?"0".repeat(e):""):"";return parseFloat(s).toLocaleString("en-US")+f+h}function v(t){return t/100/12}function g(t,e){void 0===e&&(e=0);var n=.02*t,r=t*v(e);return n<r?r:n}function w(t){var e=t%12,n=parseInt(t/12),r=n<2?"year":"years",o=n<=0?"":"".concat(n," ").concat(r),i=e<=0?"":"".concat(e," months"),a=""!==o&&i?", ".concat(i):i;return 0===t?"0 months":o+a}var A={percentage:function(t){return t&&0!==t?i()(t).format("0[.]00%"):"0%"},money:function(t,e){if(void 0===e&&(e="$"),!t||0===t)return"".concat(e,"0");var n="$0,0[.]00";if("$"===e)return i()(t).format(n);var r=i().locale();i().locale("en");var o=i().locales.en.currency.symbol;i().locales.en.currency.symbol=e;var a=i()(t).format(n);return i().locales.en.currency.symbol=o,i().locale(r),a}},L=m(function(t,e,n,r,o){void 0===e&&(e=0),void 0===n&&(n=0),void 0===r&&(r=0),void 0===o&&(o=0);var i,a=v(e),c=v(o),u=t,p=[],d=0,f=g(u,e),h=n<f?f:n;do{if(u<=0)break;i=r<p.length+1?u*a:u*c,u-=h,d+=i,u+=i,p.push(new s({minimum:g(u),interest:i,principle:u-i,balance:u}))}while(u>0&&u<t);return new l({balance:t,payment:n,minimum:f,timeToPay:p.length,interest:d,periods:p})}),P=m(function(t,e,n){var r=function(t,e,n){var r=v(e),o=Math.pow(1+r,n);return t/((o-1)/(r*o))}(t,e,n);return L(t,e,r)}),T=m(function(t,e,n,r,o,i){return L(t*(1+i/100),e,n,r,o)});function _(t,e){for(var n in e)t.style[n]=e[n]}function F(t){return function(e){return"".concat(t,"--").concat(e)}}function j(t){return{__html:t}}function z(t,e){var n=document.querySelector("body");t?n.classList.add(e):n.classList.remove(e)}function M(t,e){if(void 0===e)return{width:"100%"};var n=window.getComputedStyle(e),r=document.createElement("canvas"),o=r.getContext("2d");document.body.appendChild(r),o.font="".concat(n.fontSize," ").concat(n.fontFamily);var i=o.measureText(t);document.body.removeChild(r);var a=parseInt(n.paddingLeft)+parseInt(n.paddingRight),c=parseInt(n.borderLeftWidth)+parseInt(n.borderRightWidth),s=i.width+a+c;return{width:isNaN(s)?"100%":Math.ceil(s)}}function O(t){return!isNaN(t-parseFloat(t))}function C(t){return!t||"number"==typeof t&&isNaN(t)||Array.isArray(t)&&t.length<1||"object"==typeof t&&Object.keys(t).length<1}function S(t){return!C(window)&&!C(window.matchMedia)&&window.matchMedia(t).matches}function k(){return S("screen and (max-width: 767px)")}function N(){return S("screen and (max-width: 991px)")}function R(){return S("screen and (min-width: 992px)")}function I(){return Math.max(document.documentElement.clientHeight,window.innerHeight||0)}function E(t){return t*(I()/100)}}}]);