<div class="qmod-sectorperformance qmod-ui-tool"><div rv-unless="data.datatype | = 'n/a'"><h2 class="qmod-heading qmod-hbg">{tplLang.sp_toolname | toLang tLang}</h2><div class="qmod-block-wrapper qmod-sector-performance"><div class="pure-g"><div class="pure-u-1 pure-u-md-1-2"><div class="qmod-panel qmod-chart-panel"><div class="qmod-chart-js"><div class="spChart"></div></div></div></div><div class="pure-u-1 pure-u-md-1-2"><div class="qmod-panel qmod-data-panel"><div class="qmod-table-con"><table class="qmod-table qmod-sector-table nowrap" width="100%"><thead><tr><th class="qmod-textr qmod-th-0"></th><th class="qmod-textr qmod-th-1" rv-if="tplLogic.hasIcons"></th><th class="qmod-textr qmod-th-2"></th><th class="qmod-textr qmod-th-3">% {tplLang.pricechange | toLang tLang}</th></tr></thead><tbody><tr class="qmod-table-row qmod-all-sectors-row"><td class="qmod-textl qmod-td-0"><div class="qmod-tcell"><span class="qmod-change-indicator qmod-all-sectors-indicator" rv-qmodchange="sectorData.avgpercent"></span></div></td><td class="qmod-textl qmod-td-1" rv-if="tplLogic.hasIcons"><div class="qmod-tcell"><span class="qmod-sector-indicator qmod-all-sectors-indicator" rv-qmodchange="sectorData.avgpercent"></span></div></td><td class="qmod-textl qmod-td-2"><div class="qmod-tcell"><span>{tplLang.allsectors | toLang tLang}</span></div></td><td class="qmod-textr qmod-td-3"><span class="qmod-change" rv-qmodchange="sectorData.avgpercent"><div class="qmod-tcell">{sectorData.avgpercent | numeraljs '0.00' | postFix '%' tLang}</div></span></td></tr><tr class="qmod-table-row" rv-each-sector="sectorData.sectors" rv-hide="sector.numpercents | = '0'"><td class="qmod-textl qmod-td-0"><div class="qmod-tcell"><span class="qmod-change-indicator" rv-qmodchange="sector.avgpercent" rv-addclass="sector.uniqueID | postFix '-indicator' | preFix 'qmod-'"></span></div></td><td class="qmod-textl qmod-td-1" rv-if="tplLogic.hasIcons"><div class="qmod-tcell"><span class="qmod-sector-indicator" rv-qmodchange="sector.avgpercent" rv-addclass="sector.uniqueID | postFix '-indicator' | preFix 'qmod-'"></span></div></td><td class="qmod-textl qmod-td-2"><div class="qmod-tcell"><span>{sector.name}</span></div></td><td class="qmod-textr qmod-td-3"><span class="qmod-change" rv-qmodchange="sector.avgpercent"><div class="qmod-tcell">{sector.avgpercent | numeraljs '0.00' '0.00' tLang  | postFix '%' tLang}</div></span></td></tr></tbody></table></div><div class="qmod-data-entitlement qmod-textr"><span rv-unless="tLang | = 'fr'" rv-hide="sectorData.indexGroup | ='ETF US'">{sectorData.indexGroup | str_replace 'SP' 'S&P'} {tplLang.indexvalues | toLang tLang} | {sectorData.datetime | momentjs 'true' 'LLL' tLang}</span><span rv-unless="tLang | = 'fr'" rv-show="sectorData.indexGroup | ='ETF US'">US Sector ETF values | {sectorData.datetime | momentjs 'true' 'LLL' tLang}</span><span rv-if="tLang | = 'fr'">{tplLang.indexvalues | toLang tLang} {sectorData.indexGroup | str_replace 'SP' 'S&P'} | {sectorData.datetime | momentjs 'true' 'LLL' tLang}</span><span class="qmod-datetimezone">{sectorData.timezone | asTimezone tLang}</span></div></div></div></div></div></div></div>