<div class="qmod-ui-tool qmod-funds-performance"><div rv-unless="scope.error"><h2 class="qmod-heading qmod-hbg">{'Funds Performance' | i8ln tLang}</h2><div class="qmod-invalid-symbol" rv-if="scope.invalidsymbol">{'invalidmix' | i8ln tLang}</div><div class="qmod-block-wrapper-body" rv-unless="scope.invalidsymbol"><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-invalid-symbol" rv-if="scope.noData">{'Performance data is not available for this symbol.' | i8ln tLang}</div><div class="pure-u-1 qmod-performance-chart" rv-unless="scope.noData"><h4><div class="qmod-fund-subheading pure-u-1-2">{'Fund Performance' | i8ln tLang}</div></h4><div class="qmod-fundperformance-chart-con"><div class="qmod-fundperformance-chart"><div class="fundperformance-chart"></div></div></div><div class="pure-u-1"><div class="qmod-tool-wrap qmod-fundperformance-con"><table class="qmod-table qmod-fundperformance-table nowrap" width="100%"><thead><tr><td class="qmod-control"></td><th class="qmod-textl qmod-th-1">{'Period' | i8ln tLang}</th><th class="qmod-textr qmod-th-2">{'Return' | i8ln tLang}</th><th class="qmod-textr qmod-th-3" rv-if="scope.peerData">{'Peer Return' | i8ln tLang}</th><th class="qmod-textr qmod-th-4">{'Rank' | i8ln tLang}</th><th class="qmod-th-4 qmod-textr">{'Cat. Size' | i8ln tLang}</th></tr></thead><tbody><tr rv-each-perf="scope.performanceData"><td class="qmod-control"></td><td class="qmod-textl">{perf.name}</td><td class="qmod-textr">{perf.return | numeraljs '0.00' '&mdash;' tLang | postFix '%'}</td><td class="qmod-textr" rv-if="scope.peerData">{perf.peerret | numeraljs '0.00' '&mdash;' tLang | postFix '%'}</td><td class="qmod-textr">{perf.rank | numeraljs '0' '&mdash;' tLang}</td><td class="qmod-textr">{perf.csize | numeraljs '0' '&mdash;' tLang}</td></tr></tbody></table></div></div></div><div class="pure-u-1 qmod-textr qmod-fund-date" rv-if="scope.fundsDate"><span class="text-secondary">{'Funds data as of' | i8ln tLang} {scope.fundsDate}</span></div></div></div><div rv-if="scope.error"><span>{scope.error}</span></div></div>