<div class="qmod-ui-tool qmod-fundperformersetf"><div class="qmod-block-wrapper qmod-wrap-performers"><h2 class="qmod-heading qmod-hbg">{tplLang.fp_etf_toolname | toLang tLang}</h2><div class="qmod-block-wrapper qmod-performers-controls"><div class="qmod-textr"><div class="qmod-control-segment"><div class="qmod-dropdown qmod-dropdown-scale" rv-if="scope.binders.scaleOptions.enabled" rv-show="scope.binders.scaleOptions.visible"><a class="qmod-dropdown_toggle qmod-group"><span>{scope.binders.scaleOptions.getSelected < selected | getIndex 'label' | i8ln tLang}</span><i class="qmod-icon qmod-chevron qm_icon-arrow-chevron-down2-med ml-auto"></i></a><ul class="qmod-dropdown-menu qmod-dropdown-sm"><li rv-each-compare="scope.binders.scaleOptions.list"><a rv-on-click="scope.binders.scaleOptions.change" rv-class-qmod-active="scope.binders.scaleOptions.selected|= index">{compare.label | i8ln tLang}</a></li></ul></div></div><div class="qmod-control-segment"><div class="qmod-buttons-country" rv-if="scope.binders.countryOptions.enabled" rv-show="scope.binders.countryOptions.visible"><span rv-each-compare="scope.binders.countryOptions.list"><a rv-on-click="scope.binders.countryOptions.change" rv-class-qmod-active="scope.binders.countryOptions.selected|= index" tabindex="0"><span class="qmod-flag flag" rv-addclass="compare.label | str_replace 'US' 'USA'"></span></a></span></div></div></div></div><div class="qmod-block-wrapper qmod-performers-output"><div class="pure-g"><div class="pure-u-1-1"><div class="qmod-panel qmod-performers qmod-best-performers" rv-if="bestPerformers" rv-class-qmod-loading="scope.binders.loadingState"><h3 class="qmod-hbg qmod-heading"><span class="qmod-heading-text qmod-mkt-type">{tplLang.bestperformers | toLang tLang}</span></h3><div class="qmod-table-con best-performers-table"><table class="qmod-table qmod-best-performers-table nowrap" width="100%"><thead><tr><th class="qmod-control qmod-th-0"></th><th class="qmod-textl qmod-th-1" data-priority="10001">{tplLang.etf | toLang tLang}</th><th class="qmod-textr qmod-th-2">{tplLang.symbol| toLang tLang}</th><th class="qmod-textr qmod-th-3">{tplLang.last| toLang tLang}</th><th class="qmod-textr qmod-th-4">{tplLang.change| toLang tLang}</th><th class="qmod-textr qmod-th-5">{tplLang.changepct| toLang tLang}</th><th class="qmod-textr qmod-th-6">{tplLang.52wkh| toLang tLang| str_replace ':' ''}</th><th class="qmod-textr qmod-th-7">{tplLang.52wklw| toLang tLang| str_replace ':' ''}</th><th class="qmod-textc qmod-th-8" rv-if="actionMenuOpts.showMenu">{'Actions' | i8ln tLang}</th></tr></thead><tbody><tr class="qmod-table-row" rv-each-fund="bestPerformers.fund"><td class="qmod-control qmod-td-0"></td><td class="qmod-textl qmod-td-1"><span rv-if="fund.fundinfo.longname"><div rv-if="scope.data.longNameForwardURL"><a class="qmod-table-link" rv-if="fund.fundinfo.longname" rv-title="fund.fundinfo.longname" rv-on-mouseenter="data.qmtooltip" rv-href="scope.data.longNameForwardURL | postFixWord fund.fundinfo.symbol">{fund.fundinfo.longname}</a></div></span><span rv-if="fund.fundinfo.longname"><div rv-unless="scope.data.longNameForwardURL"><span class="qmod-longname-tooltip" rv-if="fund.fundinfo.longname" rv-title="fund.fundinfo.longname" rv-on-mouseenter="data.qmtooltip">{fund.fundinfo.longname}</span></div></span></td><td class="qmod-textr qmod-td-2"><span rv-unless="scope.data.symbolForwardURL">{fund.fundinfo.symbol}</span><a class="qmod-table-link" rv-if="scope.data.symbolForwardURL" rv-href="scope.data.symbolForwardURL | postFixWord fund.fundinfo.symbol">{fund.fundinfo.symbol}</a></td><td class="qmod-textr qmod-td-3"><div class="qmod-tcell">{fund.performance.lastprice | asQHLast tLang}</div></td><td class="qmod-textr qmod-td-4"><div class="qmod-tcell">{fund.performance.change | asQHLast tLang}</div></td><td class="qmod-textr qmod-td-5"><div class="qmod-tcell">{fund.performance.changepercent | numeraljs '0.00' | postFix '%'"}</div></td><td class="qmod-textr qmod-td-6"><div class="qmod-tcell">{fund.performance.wkhigh52 | asQHLast tLang}</div></td><td class="qmod-textr qmod-td-7"><div class="qmod-tcell">{fund.performance.wklow52 | asQHLast tLang}</div></td><td class="qmod-textc qmod-actions qmod-col-nopad qmod-td-8" rv-if="actionMenuOpts.showMenu"><actionmenu actionMenuOpts="actionMenuOpts" quoteData="fund.performance" forwardSymbol="fund.fundinfo.symbol"></actionmenu></td></tr></tbody></table></div><div class="qmod-panel-control"><div class="qmod-control-segment qmod-control-segment-reset"><div class="qmod-button-reset" rv-if="scope.binders.resetFunds.enabled" rv-show="scope.binders.resetFunds.visible"><button class="qmod-control-btn qmod-btn qmod-darkblue" rv-on-click="scope.binders.resetFunds.change" tabindex="0">{tplLang.reset| toLang tLang}</button></div></div><div class="qmod-control-segment qmod-control-segment-more"><div class="qmod-button-more" rv-if="scope.binders.moreFunds.enabled" rv-show="scope.binders.moreFunds.visible"><button class="qmod-control-btn qmod-btn qmod-darkblue" rv-on-click="scope.binders.moreFunds.change" tabindex="0" data-more-type="best">{tplLang.more| toLang tLang}</button></div></div></div></div></div><div class="pure-u-1-1"><div class="qmod-panel qmod-performers qmod-worst-performers" rv-if="worstPerformers" rv-class-qmod-loading="scope.binders.loadingState"><h3 class="qmod-hbg qmod-heading"><span class="qmod-heading-text qmod-mkt-type">{tplLang.worstperformers | toLang tLang}</span></h3><div class="qmod-table-con worst-performers-table"><table class="qmod-table qmod-worst-performers-table nowrap" width="100%"><thead><tr><th class="qmod-control qmod-th-0"></th><th class="qmod-textl qmod-th-1" data-priority="10001">{tplLang.etf | toLang tLang}</th><th class="qmod-textr qmod-th-2">{tplLang.symbol| toLang tLang}</th><th class="qmod-textr qmod-th-3">{tplLang.last| toLang tLang}</th><th class="qmod-textr qmod-th-4">{tplLang.change| toLang tLang}</th><th class="qmod-textr qmod-th-5">{tplLang.changepct| toLang tLang}</th><th class="qmod-textr qmod-th-6">{tplLang.52wkh| toLang tLang| str_replace ':' ''}</th><th class="qmod-textr qmod-th-7">{tplLang.52wklw| toLang tLang| str_replace ':' ''}</th><th class="qmod-textc qmod-th-8" rv-if="actionMenuOpts.showMenu">{'Actions' | i8ln tLang}</th></tr></thead><tbody><tr class="qmod-table-row" rv-each-fund="worstPerformers.fund"><td class="qmod-control qmod-td-0"></td><td class="qmod-textl qmod-td-1"><span rv-if="fund.fundinfo.longname"><div rv-if="scope.data.longNameForwardURL"><a class="qmod-table-link" rv-if="fund.fundinfo.longname" rv-title="fund.fundinfo.longname" rv-on-mouseenter="data.qmtooltip" rv-href="scope.data.longNameForwardURL | postFixWord fund.fundinfo.symbol">{fund.fundinfo.longname}</a></div></span><span rv-if="fund.fundinfo.longname"><div rv-unless="scope.data.longNameForwardURL"><span class="qmod-longname-tooltip" rv-if="fund.fundinfo.longname" rv-title="fund.fundinfo.longname" rv-on-mouseenter="data.qmtooltip">{fund.fundinfo.longname}</span></div></span></td><td class="qmod-textr qmod-td-2"><span rv-unless="scope.data.symbolForwardURL">{fund.fundinfo.symbol}</span><a class="qmod-table-link" rv-if="scope.data.symbolForwardURL" rv-href="scope.data.symbolForwardURL | postFixWord fund.fundinfo.symbol">{fund.fundinfo.symbol}</a></td><td class="qmod-textr qmod-td-3"><div class="qmod-tcell">{fund.performance.lastprice | asQHLast tLang}</div></td><td class="qmod-textr qmod-td-4"><div class="qmod-tcell">{fund.performance.change | asQHLast tLang}</div></td><td class="qmod-textr qmod-td-5"><div class="qmod-tcell">{fund.performance.changepercent | numeraljs '0.00' | postFix '%'"}</div></td><td class="qmod-textr qmod-td-6"><div class="qmod-tcell">{fund.performance.wkhigh52 | asQHLast tLang}</div></td><td class="qmod-textr qmod-td-7"><div class="qmod-tcell">{fund.performance.wklow52 | asQHLast tLang}</div></td><td class="qmod-textc qmod-actions qmod-col-nopad qmod-td-8" rv-if="actionMenuOpts.showMenu"><actionmenu actionMenuOpts="actionMenuOpts" quoteData="fund.performance" forwardSymbol="fund.fundinfo.symbol"></actionmenu></td></tr></tbody></table></div><div class="qmod-panel-control"><div class="qmod-control-segment qmod-control-segment-reset"><div class="qmod-button-reset" rv-if="scope.binders.resetFunds.enabled" rv-show="scope.binders.resetFunds.visible"><button class="qmod-control-btn qmod-btn qmod-darkblue" rv-on-click="scope.binders.resetFunds.change" tabindex="0">{tplLang.reset| toLang tLang}</button></div></div><div class="qmod-control-segment qmod-control-segment-more"><div class="qmod-button-more" rv-if="scope.binders.moreFunds.enabled" rv-show="scope.binders.moreFunds.visible"><button class="qmod-control-btn qmod-btn qmod-darkblue" rv-on-click="scope.binders.moreFunds.change" data-more-type="worst" tabindex="0">{tplLang.more| toLang tLang}</button></div></div></div></div></div></div></div></div></div>