https://www.franklintempleton.co.uk/cpreif-portfolio-tool.dd3be84569df9fbb463b.js

1"use strict";(self.webpackChunkgw_core_sites_app=self.webpackChunkgw_core_sites_app||[]).push([["cpreif-portfolio-tool"],{5613:(C,c,r)=>{r.r(c),r.d(c,{CpreifPortfolioToolModule:()=>b});var p=r(54364),t=r(2316),s=r(3138),d=r(63464);function f(e,h){if(1&e){const o=t.EpF();t.TgZ(0,"highcharts-chart",13),t.NdJ("updateChange",function(a){return t.CHM(o),t.oxw().updatePortfolioAllocationChart=a}),t.qZA()}if(2&e){const o=t.oxw();t.Q6J("Highcharts",o.highcharts)("options",o.portfolioMixChartOptions)("update",o.updatePortfolioAllocationChart)}}function u(e,h){if(1&e){const o=t.EpF();t.TgZ(0,"highcharts-chart",13),t.NdJ("updateChange",function(a){return t.CHM(o),t.oxw().updateRiskImpactChart=a}),t.qZA()}if(2&e){const o=t.oxw();t.Q6J("Highcharts",o.highcharts)("options",o.riskImpactChartOptions)("update",o.updateRiskImpactChart)}}const g=function(){return{s:4,m:4,l:5}};let m=(()=>{class e{constructor(o,i){this.highchartsTheme=o,this.cdr=i,this.updatePortfolioAllocationChart=!1,this.updateRiskImpactChart=!1,this.realEstateAllocation=0,this.stockAllocation=20,this.bondAllocation=80,this.allocationButtons=[],this.blendButtons=[],this.allocations=[[20,80],[40,60],[60,40],[80,20]],this.blends=[0,5,10,15,20],this.riskData=[],this.brLabels={}}addBlendToggleOption(o){this.blendButtons.push({active:o===this.realEstateAllocation,text:o+"%",value:o.toString()})}addAllocationToggleOption(o,i){this.allocationButtons.push({active:o===this.stockAllocation,text:`${o}% ${this.brLabels["portfolio-chart-series-1"]}\n${i}% ${this.brLabels["portfolio-chart-series-2"]}`,value:o.toString()})}updatePortfolioMix(o){o&&(this.stockAllocation=Number(o),this.bondAllocation=100-this.stockAllocation),this.portfolioMixChartOptions=this.getPortfolioChartOptions([{name:this.brLabels["portfolio-chart-series-1"],y:.01*this.stockAllocation*(100-this.realEstateAllocation)},{name:this.brLabels["portfolio-chart-series-3"],y:this.realEstateAllocation},{name:this.brLabels["portfolio-chart-series-2"],y:.01*this.bondAllocation*(100-this.realEstateAllocation)}]),o&&(this.updatePortfolioRealEstateAllocation(),this.updateRiskImpactChart=!0,this.updatePortfolioAllocationChart=!0)}updatePortfolioRealEstateAllocation(o){o&&(this.realEstateAllocation=Number(o));let i=this.riskData[0];const a=this.blends.indexOf(this.realEstateAllocation);switch(this.stockAllocation){case 40:i=this.riskData[1];break;case 60:i=this.riskData[2];break;case 80:i=this.riskData[3]}this.riskImpactChartOptions=this.getRiskImpactChartOptions([{name:this.brLabels["risk-chart-series-1"],type:"bar",data:[i[0][a],i[1][a]],color:"#c93825"},{name:this.brLabels["risk-chart-series-2"],type:"bar",data:[i[0][0],i[1][0]],color:"#185f93"}]),o&&(this.updatePortfolioMix(),this.updateRiskImpactChart=!0,this.updatePortfolioAllocationChart=!0)}getRiskImpactChartOptions(o=[]){return{chart:{type:"bar"},title:{text:null},xAxis:{categories:[this.brLabels["risk-chart-category-2"],this.brLabels["risk-chart-category-1"]]},yAxis:{labels:{format:"{value}%"},min:0,title:{text:""}},tooltip:{pointFormat:"{series.name}: <b>{point.y:.2f}%</b>"},accessibility:{point:{valueSuffix:"%"}},series:o}}

1getPortfolioChartOptions(o=[]){return{chart:{plotBackgroundColor:null,plotBorderWidth:null,plotShadow:!1,type:"pie"},title:{text:null},tooltip:{pointFormat:"<b>{point.percentage}%</b>"},accessibility:{point:{valueSuffix:"%"}},plotOptions:{pie:{allowPointSelect:!0,colors:["#185f93","#c93825","#313e48"],cursor:"pointer",dataLabels:{enabled:!0,format:"<b>{point.name}</b>: {point.percentage:.0f} %"},showInLegend:!0}},series:[{type:"pie",colorByPoint:!0,data:o}]}}populate(o,i,a,l){if(Promise.resolve().then(r.t.bind(r,54668,23)).then(n=>{n.setOptions(this.highchartsTheme.themeOptions),this.highcharts=n,this.cdr.detectChanges()}),i&&(this.brLabels=i),o){this.riskData=o;for(const n of this.blends)this.addBlendToggleOption(n);for(const n of this.allocations)this.addAllocationToggleOption(n[0],n[1]);this.portfolioMixChartOptions=this.getPortfolioChartOptions([{name:this.brLabels["portfolio-chart-series-1"],y:this.allocations[0][0]},{name:this.brLabels["portfolio-chart-series-3"],y:this.realEstateAllocation},{name:this.brLabels["portfolio-chart-series-2"],y:this.allocations[0][1]}]),this.riskImpactChartOptions=this.getRiskImpactChartOptions([{name:this.brLabels["risk-chart-series-1"],type:"bar",data:[this.riskData[0][0][0],this.riskData[0][1][0]],color:"#c93825"},{name:this.brLabels["risk-chart-series-2"],type:"bar",data:[this.riskData[0][0][0],this.riskData[0][1][0]],color:"#185f93"}])}}}return e.\u0275fac=function(o){return new(o||e)(t.Y36(s.xJn),t.Y36(t.sBO))},e.\u0275cmp=t.Xpm({type:e,selectors:[["ft-cpreif-portfolio-tool"]],decls:28,vars:14,consts:[["edsGrid","","edsPadding","","edsPaddingBottom","xxl"],[1,"container","container--wide"],["edsRow",""],["edsCol","",3,"columnNumbers"],["edsPadding","","edsPaddingBottom","lg"],["edsSpacing","sm","size","h6","theme","basic"],["edsPadding","","edsPaddingBottom","lg","edsPaddingTop","lg",1,"cpreif-portfolio-mix-buttons"],[3,"toggleButtons","isNoWrap","toggleActive"],[1,"cpreif-portfolio-mix-chart"],["edsSpacing","sm","size","h6","theme","basic","isLight","true","edsPadding","","edsPaddingBottom","lg"],["edsPadding","","edsPaddingTop","lg",3,"Highcharts","options","update","updateChange",4,"ngIf"],["edsPadding","","edsPaddingBottom","lg","edsPaddingTop","lg",1,"cpreif-real-estate-blend-buttons"],[1,"cpreif-real-estate-risk-chart"],["edsPadding","","edsPaddingTop","lg",3,"Highcharts","options","update","updateChange"]],template:function(o,i){1&o&&(t.TgZ(0,"div",0),t.TgZ(1,"div",1),t.TgZ(2,"div",2),t.TgZ(3,"div",3),t.TgZ(4,"div",4),t.TgZ(5,"eds-title",5),t._uU(6),t.qZA(),t.qZA(),t._UZ(7,"eds-divider"),t.TgZ(8,"div",6),t.TgZ(9,"eds-toggle",7),t.NdJ("toggleActive",function(l){return i.updatePortfolioMix(l.value)}),t.qZA(),t.qZA(),t.TgZ(10,"div",8),t.TgZ(11,"eds-title",9),t._uU(12),t.qZA(),t._UZ(13,"eds-divider"),t.YNc(14,f,1,3,"highcharts-chart",10),t.qZA(),t.qZA(),t.TgZ(15,"div",3),t.TgZ(16,"div",4),t.TgZ(17,"eds-title",5),t._uU(18),t.qZA(),t.qZA(),t._UZ(19,"eds-divider"),t.TgZ(20,"div",11),t.TgZ(21,"eds-toggle",7),t.NdJ("toggleActive",function(l){return i.updatePortfolioRealEstateAllocation(l.value)}),t.qZA(),t.qZA(),t.TgZ(22,"div",4),t.TgZ(23,"div",12),t.TgZ(24,"eds-title",9),t._uU(25),t.qZA(),t._UZ(26,"eds-divider"),t.YNc(27,u,1,3,"highcharts-chart",10),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA()),2&o&&(t.xp6(3),t.Q6J("columnNumbers",t.DdM(12,g)),t.xp6(3),t.Oqu(i.brLabels["intro-step-1"]),t.xp6(3),t.Q6J("toggleButtons",i.allocationButtons)("isNoWrap",!1),t.xp6(3),t.hij(" ",i.brLabels["portfolio-chart-heading"]," "),t.xp6(2),t.Q6J("ngIf",i.highcharts),t.xp6(1),t.Q6J("columnNumbers",t.DdM(13,g)),t.xp6(3),t.Oqu(i.brLabels["intro-step-2"]),t.xp6(3),t.Q6J("toggleButtons",i.blendButtons)("isNoWrap",!0),t.xp6(4),t.hij(" ",i.brLabels["risk-chart-heading"]," "),t.xp6(2),t.Q6J("ngIf",i.highcharts))},directives:[s.ljP,s.cph,s.vZ,s.iKq,s.r3N,s.Xo5,s.n$2,p.O5,d.x],styles:["[_nghost-%COMP%]     .cpreif-portfolio-mix-buttons label{white-space:break-spaces}[_nghost-%COMP%]     .cpreif-real-estate-risk-chart .highcharts-point, [_nghost-%COMP%]     .cpreif-portfolio-mix-chart .highcharts-point{display:inline-block}.cpreif-real-estate-blend-buttons[_ngcontent-%COMP%], .cpreif-portfolio-mix-buttons[_ngcontent-%COMP%]{text-align:center;min-height:4rem}"]}),e})(),b=(()=>{class e{constructor(o){this.componentFactoryResolver=o}

1resolveComponent(){return this.componentFactoryResolver.resolveComponentFactory(m)}}return e.\u0275fac=function(o){return new(o||e)(t.LFG(t._Vd))},e.\u0275mod=t.oAB({type:e}),e.\u0275inj=t.cJS({imports:[[p.ez,s.JI,s.hJ1,s.WF4,s.zE6,s.dTQ,s.idt,s.vmb,s.xFq,d.l]]}),e})()}}]);
2//# sourceMappingURL=cpreif-portfolio-tool.dd3be84569df9fbb463b.js.map