<div class="qmod-ui-tool qmod-funds-risk-rating"><div rv-unless="scope.error"><h2 class="qmod-heading qmod-hbg">{'Fund Risk Rating' | i8ln tLang}</h2><div class="qmod-modal-container"><div class="qmod-ui-modal" rv-qmod-modal-open="scope.modal.open" rv-show="scope.modal.open"><div class="qmod-ui-titlebar-buttons"><button class="qmod-btn qmod-modal-close" rv-on-click="scope.modal.close"><i class="qmod-icon qm_icon-close-med"></i><span class="sr-only">{'Close Modal' | i8ln tLang }</span></button></div><div class="qmod-ui-modal-body"><div class="modal-chart"></div><div class="modal-stats"> <table class="qmod-table qmod-modal-table" rv-qmod-modal-table="scope.modal.stat" width="100%"></table></div></div></div></div><div class="qmod-invalid-symbol" rv-if="scope.noData">{'invalidmix' | i8ln tLang}</div><div class="qmod-block-wrapper-body" rv-unless="scope.noData"><div class="qmod-fund-head"><h3 class="qmod-fund-heading"><div>{scope.fund.fundinfo.longname}<span class="qmod-instrument-type" rv-qmod-int-type="scope.fund.symbolinfo.equityinfo.instrumenttype">{scope.fund.symbolinfo.equityinfo.instrumenttype  | i8ln tLang}</span><span class="flag" rv-addclass="scope.fund.fundinfo.currency"></span></div></h3><div class="symbol-data"><div class="qmod-fund-symbol pure-u-1-3" rv-if="scope.fundsymbol"><span class="symbol-name">{'symbol' | i8ln tLang}:&nbsp;</span><span class="symbol-value">{scope.fundsymbol.value}</span></div><div class="qmod-textr pure-u-2-3"><span>{scope.quoteDate}</span></div></div><div class="qmod-fund-value pure-u-1 pure-u-md-1-2" rv-if="scope.history"><div class="qmod-fund-navps"><div class="qmod-last"><span class="qmod-lbl">{'NAVPS' | i8ln tLang}:&nbsp;</span><span class="qmod-nav-price fund-val">${scope.history.netassetsdata.0.nav | asQHLast tLang}</span></div><div class="qmod-chg"> <span class="qmod-change">{'change_fullwords' | i8ln tLang}:&nbsp;</span><span class="chg fund-val" rv-qmodchange="scope.history.netassetsdata.0.navchange"> ${scope.history.netassetsdata.0.navchange | asQHLast tLang}&nbsp;&nbsp;</span><span class="chgpct fund-val" rv-qmodchange="scope.history.netassetsdata.0.navchange">{scope.history.netassetsdata.0.navchangepercent | asQHLast tLang}%</span></div></div></div><div class="qmod-fund-value pure-u-1 pure-u-md-1-2" rv-unless="scope.history"><div class="qmod-fund-navps pure-u-1"><div class="qmod-price-data"><div class="qmod-last"><span class="qmod-last-lbl">{'Last' | i8ln tLang}:&nbsp;</span><span class="qmod-last-price fund-val">${scope.quoteData.pricedata.last | asQHLast tLang}</span></div><div class="qmod-chg"> <span class="qmod-change">{'change_fullwords' | i8ln tLang}:&nbsp;</span><span class="chg fund-val" rv-qmodchange="scope.quoteData.pricedata.change"> {scope.quoteData.pricedata.change | asQHLast tLang}&nbsp;&nbsp;</span><span class="chgpct fund-val" rv-qmodchange="scope.quoteData.pricedata.change">{scope.quoteData.pricedata.changepercent | asQHLast tLang}%</span></div><div class="qmod-volume"> <span class="qmod-vol-lbl">{'volume' | i8ln tLang}:&nbsp;</span><span class="qmod-vol fund-val" rv-if="scope.quoteData.pricedata.sharevolume">{scope.quoteData.pricedata.sharevolume | numeraljs '0,0.[00]' tLang}</span></div></div></div><div class="qmod-bid-ask"><span class="qmod-bid" rv-if="scope.quoteData.pricedata.bid"><span class="qmod-lbl" aria-hidden="true">{'bid' | i8ln tLang}:&nbsp;</span><span class="qmod-dp fund-val" rv-aria-label="'bid' | i8ln tLang | addWord scope.quoteData.pricedata.bid">{scope.quoteData.pricedata.bid | asQHLast tLang}</span><span class="qmod aria-hidden" aria-hidden="true">&nbsp;x&nbsp;</span><span class="qmod-dp fund-val" rv-aria-label="'bidsize' | i8ln tLang | addWord scope.quoteData.pricedata.bidsize">{scope.quoteData.pricedata.bidsize | numeraljs '0,0.[00]' tLang}</span></span><span class="qmod-ask" rv-if="scope.quoteData.pricedata.ask"><span class="qmod-lbl" aria-hidden="true">{'ask' | i8ln tLang}:&nbsp;</span><span class="qmod-dp fund-val" rv-aria-label="'ask' | i8ln tLang | addWord scope.quoteData.pricedata.ask">{scope.quoteData.pricedata.ask | asQHLast tLang}</span><span class="qmod aria-hidden" aria-hidden="true">&nbsp;x&nbsp;</span><span class="qmod-dp fund-val" rv-aria-label="'asksize' | i8ln tLang | addWord scope.quoteData.pricedata.asksize">{scope.quoteData.pricedata.asksize | numeraljs '0,0.[00]' tLang}</span></span></div></div><div class="qmod-fund-stats pure-u-1 pure-u-md-1-2"><div class="qmod-textr fund-score" rv-if="scope.fund.fundstatistics.qmfundscore" rv-hide="scope.fund.fundstatistics.qmfundscore | = 'NA'"><span rv-title="'qmfundrankblurb' | i8ln tLang" rv-on-mouseenter="scope.qmtooltip"><span>{'quotemedia fund score' | i8ln tLang}:&nbsp;</span><span class="fund-grade" rv-qmod-fundgrade="scope.fund.fundstatistics.qmfundscore" rv-hide="scope.fund.fundstatistics.qmfundscore | = 'NA'"></span></span></div><div class="qmod-textr fund-score" rv-if="scope.fund.fundstatistics.fundgrade" rv-hide="scope.fund.fundstatistics.fundgrade | = 'NA'"><span rv-title="'qmfundrankblurb' | i8ln tLang" rv-on-mouseenter="scope.qmtooltip"><span>{'quotemedia fund score' | i8ln tLang}:&nbsp;</span><span class="fund-grade" rv-qmod-fundgrade="scope.fund.fundstatistics.fundgrade"></span></span></div><div class="qmod-fund-riskrating qmod-textr" rv-hide="scope.fund.basicinfo.riskrating | = 'NA'"><span> {'risk rating' | i8ln tLang}:&nbsp;</span><span class="rating">{scope.fund.basicinfo.riskrating | i8ln tLang}</span></div><div class="qmod-commission-free qmod-badge-primary" rv-if="scope.fund.commissionfree"><span class="badge">{"Commission-Free" | i8ln tLang}</span></div><div class="hisa-wrap" rv-if="scope.fund.hisa"><div class="rate-of-return"> <span>{"Rate of return" | i8ln tLang}:</span><strong>{scope.fund.hisacurrentyield}%</strong></div><div class="qmod-badge-primary" rv-if="scope.fund.hisa"><span class="badge">{"HISA Fund" | i8ln tLang}</span></div></div><div class="qmod-textr qmod-stylebox-wrap" rv-if="scope.fund.stylebox.styleboxassignment.equitystyleboxlong" rv-hide="scope.fund.stylebox.styleboxassignment.equitystyleboxlong | = 'NA'"><span>{'Investment Style' | i8ln tLang}:&nbsp;</span><span>{scope.fund.stylebox.styleboxassignment.equitystyleboxlong | i8ln tLang}&nbsp;</span><div class="qmod-stylebox-con"><div class="qmod-stylebox qmod-sb qmod-sb-1" rv-ifclass="scope.fund.stylebox.styleboxassignment.equitystyleboxlong |= 'Large Value'" data-qmod-true-class="qmod-stylebox-fill"></div><div class="qmod-stylebox qmod-sb qmod-sb-2" rv-ifclass="scope.fund.stylebox.styleboxassignment.equitystyleboxlong |= 'Large Blend'" data-qmod-true-class="qmod-stylebox-fill"></div><div class="qmod-stylebox qmod-sb qmod-sb-3" rv-ifclass="scope.fund.stylebox.styleboxassignment.equitystyleboxlong |= 'Large Growth'" data-qmod-true-class="qmod-stylebox-fill"></div><div class="qmod-stylebox qmod-sb qmod-sb-4" rv-ifclass="scope.fund.stylebox.styleboxassignment.equitystyleboxlong |= 'Mid Value'" data-qmod-true-class="qmod-stylebox-fill"></div><div class="qmod-stylebox qmod-sb qmod-sb-5" rv-ifclass="scope.fund.stylebox.styleboxassignment.equitystyleboxlong |= 'Mid Blend'" data-qmod-true-class="qmod-stylebox-fill"></div><div class="qmod-stylebox qmod-sb qmod-sb-6" rv-ifclass="scope.fund.stylebox.styleboxassignment.equitystyleboxlong |= 'Mid Growth'" data-qmod-true-class="qmod-stylebox-fill"></div><div class="qmod-stylebox qmod-sb qmod-sb-7" rv-ifclass="scope.fund.stylebox.styleboxassignment.equitystyleboxlong |= 'Small Value'" data-qmod-true-class="qmod-stylebox-fill"></div><div class="qmod-stylebox qmod-sb qmod-sb-8" rv-ifclass="scope.fund.stylebox.styleboxassignment.equitystyleboxlong |= 'Small Blend'" data-qmod-true-class="qmod-stylebox-fill"></div><div class="qmod-stylebox qmod-sb qmod-sb-9" rv-ifclass="scope.fund.stylebox.styleboxassignment.equitystyleboxlong |= 'Small Growth'" data-qmod-true-class="qmod-stylebox-fill"></div></div></div></div></div><div class="qmod-tab-container" id="qmod-periods"><ul class="qmod-tab-list"><li class="qmod-tab-item" rv-each-tab="scope.periods" rv-class-qmod-active="index | = 0"><a class="qmod-tab-item-link" rv-on-click="scope.changeTimePeriod" rv-data-period="tab"><div class="qmod-tab-text" rv-qmod-period="tab"></div></a></li></ul></div><div class="qmod-tab-container-bottom"></div><div class="qmod-fund-stats pure-1" rv-if="scope.hasVolatility"><h4 class="qmod-fund-subheading"><div>{'riskvolatilitymeasures' | i8ln tLang}</div></h4><div class="pure-u-1"><div class="qmod-tool-wrap qmod-riskstats-con pure-u-md-1-2"><table class="qmod-table qmod-volatility-table nowrap" width="100%"><thead><tr><td class="qmod-control"></td><th class="qmod-textl qmod-th-v-1">{'trailing' | i8ln tLang}</th><th class="qmod-textr qmod-th-v-2">{'benchmark' | i8ln tLang}</th><th class="qmod-textr qmod-th-v-3">{'category' | i8ln tLang}</th><th class="qmod-textr qmod-th-v-4">{'index' | i8ln tLang}</th><th class="qmod-textr qmod-th-v-5"></th></tr></thead><tbody> <tr rv-each-stat="scope.currentVolStats.statNames"><td class="qmod-control"></td><td class="qmod-textl qmod-td-v-1">{stat | i8ln tLang}</td><td class="qmod-textr qmod-td-v-2" rv-if="scope.currentVolStats.pfbn">{scope.currentVolStats.pfbn | getStatName stat | numeraljs '0,0.00' '-' tLang }</td><td class="qmod-textr qmod-td-v-2" rv-unless="scope.currentVolStats.pfbn">{scope.currentVolStats.sfbn | getStatName stat | numeraljs '0,0.00' '-' tLang }</td><td class="qmod-textr qmod-td-v-3">{scope.currentVolStats.cat | getStatName stat | numeraljs '0,0.00' '-' tLang }</td><td class="qmod-textr qmod-td-v-4">{scope.currentVolStats.pibn | getStatName stat | numeraljs '0,0.00' '-' tLang }</td><td class="qmod-textr qmod-td-v-5"> <button class="qmod-btn qmod-chart-btn" rv-on-click="scope.modal.click" rv-on-touchstart="scope.modal.touchstart" rv-data-stat="stat"><i class="qmod-icon qm_icon-bar-graph-med"></i><span class="sr-only">{ 'risk and volatility measures for' | i8ln tLang } {stat | i8ln tLang}</span></button></td></tr></tbody></table></div><div class="qmod-risk-chart pure-u-md-1-2"><div class="risk-chart"></div></div></div></div><div class="qmod-fund-stats pure-1" rv-if="scope.hasMPS"><h4 class="qmod-fund-subheading"><div>{'marketvolatilitymeasures' | i8ln tLang}</div></h4><div class="pure-u-1"><div class="qmod-tool-wrap qmod-marketstats-con"><div class="qmod-mps-chart"><div class="qmod-mps-chart-con"><div class="qmod-mps-chart"><div class="mps-chart"></div></div></div></div><table class="qmod-table qmod-mps-table nowrap" width="100%"><thead><tr><td class="qmod-control"></td><th class="qmod-textl qmod-th-v-1">{'captureratios' | i8ln tLang}</th><th class="qmod-textr qmod-th-v-2">{'benchmark' | i8ln tLang}</th><th class="qmod-textr qmod-th-v-3">{'category' | i8ln tLang}</th><th class="qmod-textr qmod-th-v-4">{'index' | i8ln tLang}</th></tr></thead><tbody><tr rv-each-stat="scope.currentMPS.statNames"><td class="qmod-control"></td><td class="qmod-textl qmod-td-v-1">{stat | i8ln tLang}</td><td class="qmod-textr qmod-td-v-2" rv-if="scope.currentMPS.pfbn">{scope.currentMPS.pfbn | getStatName stat | numeraljs '0,0.00' '-' tLang }</td><td class="qmod-textr qmod-td-v-2" rv-unless="scope.currentMPS.pfbn">{scope.currentMPS.sfbn | getStatName stat | numeraljs '0,0.00' '-' tLang }</td><td class="qmod-textr qmod-td-v-3">{scope.currentMPS.cat | getStatName stat | numeraljs '0,0.00' '-' tLang }</td><td class="qmod-textr qmod-td-v-4">{scope.currentMPS.pibn | getStatName stat | numeraljs '0,0.00' '-' tLang }</td></tr></tbody></table></div></div></div><div class="qmod-no-data" rv-unless="scope.hasVolatility"><div>{'There is no risk rating data available for the given symbol/entitlements.' | i8ln tLang} {scope.fundsDate}</div></div><div class="pure-u-1 qmod-fund-date" rv-if="scope.fundsDate"><span class="text-secondary">{'Funds data as of' | i8ln tLang} {scope.fundsDate} | </span><span class="text-secondary">{'category' | i8ln tLang}: {scope.cat} | </span><span class="text-secondary">{'index' | i8ln tLang}: {scope.pibn}</span><br/><span class="text-secondary" rv-if="scope.currentVolStats.pfbn">{'calculationbenchmark' | i8ln tLang}: {scope.pfbn}</span><span class="text-secondary" rv-unless="scope.currentVolStats.pfbn">{'calculationbenchmark' | i8ln tLang}: {scope.sfbn}</span></div></div></div><div rv-if="scope.error"><span>{scope.error}</span></div></div>