<div class="qmod-ui-tool qmod-fundperformersetf"><div class="qmod-wrap-performers"><h2 class="qmod-heading qmod-hbg">{tplLang.fp_mf_toolname | toLang tLang}</h2><div class="qmod-tool-content"><div class="qmod-control-bar"><div class="qmod-a11y-dropdown2 qmod-fund-types-dropdown" rv-if="scope.binders.typeOptions.enabled" rv-show="scope.binders.typeOptions.visible"><div class="qmod-a11y-dropdown2-wrapper"><div class="qmod-a11y-dropdown2-combobox" rv-id="scope.binders.typeOptions.id | postFix '-combo'" rv-aria-controls="scope.binders.typeOptions.id | postFix '-listbox'" aria-haspopup="listbox" role="combobox" rv-on-keydown="scope.binders.typeOptions.handleKeyDown" rv-aria-activedescendant="scope.binders.typeOptions.id | postFix '-listbox-item-' | postFix scope.binders.typeOptions.currentItem" rv-aria-expanded="scope.binders.typeOptions.open" tabindex="0" rv-on-click="scope.binders.typeOptions.click" rv-on-blur="scope.binders.typeOptions.blur">{scope.binders.typeOptions.getSelected < selected | getIndex 'label' | i8ln tLang}<i class="qmod-icon qmod-chevron qm_icon-arrow-chevron-down2-med" rv-ifclass="scope.binders.typeOptions.open" data-qmod-true-class="rotate-chevron-up" data-qmod-false-class="rotate-chevron-down"></i></div><div class="qmod-a11y-dropdown2-listbox" role="listbox" rv-id="scope.binders.typeOptions.id | postFix '-listbox'" tabindex="-1" rv-show="scope.binders.typeOptions.open"><div class="qmod-a11y-dropdown2-listbox-item" rv-id="scope.binders.typeOptions.id | postFix '-listbox-item-' | postFix index" rv-each-type="scope.binders.typeOptions.list" role="option" rv-on-mousedown="scope.binders.typeOptions.mousedown" rv-on-click="scope.binders.typeOptions.change" rv-aria-selected="scope.binders.typeOptions.selected|= index" rv-class-qmod-option-current="scope.binders.typeOptions.currentItem|= index">{type.label | i8ln tLang}</div></div></div></div><div class="qmod-a11y-dropdown2 qmod-scale-dropdown" rv-if="scope.binders.scaleOptions.enabled" rv-show="scope.binders.scaleOptions.visible"><div class="qmod-a11y-dropdown2-wrapper"><div class="qmod-a11y-dropdown2-combobox" rv-id="scope.binders.scaleOptions.id | postFix '-combo'" rv-aria-controls="scope.binders.scaleOptions.id | postFix '-listbox'" aria-haspopup="listbox" role="combobox" rv-on-keydown="scope.binders.scaleOptions.handleKeyDown" rv-aria-activedescendant="scope.binders.scaleOptions.id | postFix '-listbox-item-' | postFix scope.binders.scaleOptions.currentItem" rv-aria-expanded="scope.binders.scaleOptions.open" tabindex="0" rv-on-click="scope.binders.scaleOptions.click" rv-on-blur="scope.binders.scaleOptions.blur">{scope.binders.scaleOptions.getSelected < selected | getIndex 'label' | i8ln tLang}<i class="qmod-icon qmod-chevron qm_icon-arrow-chevron-down2-med" rv-ifclass="scope.binders.scaleOptions.open" data-qmod-true-class="rotate-chevron-up" data-qmod-false-class="rotate-chevron-down"></i></div><div class="qmod-a11y-dropdown2-listbox" role="listbox" rv-id="scope.binders.scaleOptions.id | postFix '-listbox'" tabindex="-1" rv-show="scope.binders.scaleOptions.open"><div class="qmod-a11y-dropdown2-listbox-item" rv-id="scope.binders.scaleOptions.id | postFix '-listbox-item-' | postFix index" rv-each-scale="scope.binders.scaleOptions.list" typeOptions="typeOptions" role="option" rv-on-mousedown="scope.binders.scaleOptions.mousedown" rv-on-click="scope.binders.scaleOptions.change" rv-aria-selected="scope.binders.scaleOptions.selected|= index" rv-class-qmod-option-current="scope.binders.scaleOptions.currentItem|= index">{scale.label | i8ln tLang}</div></div></div></div><div class="qmod-a11y-dropdown2 qmod-country-dropdown" rv-if="scope.binders.countryOptions.enabled | and scope.binders.countryOptions.view | = 'flags'" rv-show="scope.binders.countryOptions.visible"><div class="qmod-a11y-dropdown2-wrapper"><div class="qmod-a11y-dropdown2-combobox" rv-id="scope.binders.countryOptions.id | postFix '-combo'" rv-aria-controls="scope.binders.countryOptions.id | postFix '-listbox'" aria-haspopup="listbox" role="combobox" rv-on-keydown="scope.binders.countryOptions.handleKeyDown" rv-aria-activedescendant="scope.binders.countryOptions.id | postFix '-listbox-item-' | postFix scope.binders.countryOptions.currentItem" rv-aria-expanded="scope.binders.countryOptions.open" tabindex="0" rv-on-click="scope.binders.countryOptions.click" rv-on-blur="scope.binders.countryOptions.blur"> <span class="qmod-flag flag" rv-addclass="scope.binders.countryOptions.getSelected &lt; selected | getIndex 'label'"> </span><span>{scope.binders.countryOptions.getSelected < selected | getIndex 'label'}</span><i class="qmod-icon qmod-chevron qm_icon-arrow-chevron-down2-med" rv-ifclass="scope.binders.countryOptions.open" data-qmod-true-class="rotate-chevron-up" data-qmod-false-class="rotate-chevron-down"></i></div><div class="qmod-a11y-dropdown2-listbox" role="listbox" rv-id="scope.binders.countryOptions.id | postFix '-listbox'" tabindex="-1" rv-show="scope.binders.countryOptions.open"><div class="qmod-a11y-dropdown2-listbox-item" rv-id="scope.binders.countryOptions.id | postFix '-listbox-item-' | postFix index" rv-each-country="scope.binders.countryOptions.list" role="option" rv-on-mousedown="scope.binders.countryOptions.mousedown" rv-on-click="scope.binders.countryOptions.change" rv-aria-selected="scope.binders.countryOptions.selected|= index" rv-class-qmod-option-current="scope.binders.countryOptions.currentItem|= index"> <span class="qmod-flag flag" rv-qmod-countryflag="index" rv-class-qmod-active="scope.binders.countryOptions.selected | = index"></span><span>{country.label}</span></div></div></div></div><div class="qmod-toggle" rv-if="scope.binders.countryOptions.view | = 'switch'"><button class="qmod-toggle-item" rv-each-country="scope.binders.countryOptions.list" rv-on-click="scope.binders.countryOptions.change" rv-class-qmod-active="scope.binders.countryOptions.selected | = index"><span class="qmod-toggle-item-text">{country.label}</span></button></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-header"><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.mutualfund | 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 | and fund.fundinfo.hasSymbol">{fund.fundinfo.symbol}</span><a class="qmod-table-link" rv-if="scope.data.symbolForwardURL | and fund.fundinfo.hasSymbol" 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-button-reset" rv-if="scope.binders.resetFunds.enabled" rv-show="scope.binders.resetFunds.visible"><button class="qmod-control-btn qmod-btn" rv-on-click="scope.binders.resetFunds.change" tabindex="0">{tplLang.reset| toLang tLang}</button></div><div class="qmod-button-more" rv-if="scope.binders.moreFunds.enabled" rv-show="scope.binders.moreFunds.visible"><button class="qmod-control-btn qmod-btn" rv-on-click="scope.binders.moreFunds.change" data-more-type="best" tabindex="0">{tplLang.more| toLang tLang}  </button></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-header"><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.mutualfund | 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 | and fund.fundinfo.hasSymbol">{fund.fundinfo.symbol}</span><a class="qmod-table-link" rv-if="scope.data.symbolForwardURL | and fund.fundinfo.hasSymbol" 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-button-reset" rv-if="scope.binders.resetFunds.enabled" rv-show="scope.binders.resetFunds.visible"><button class="qmod-control-btn qmod-btn" rv-on-click="scope.binders.resetFunds.change" tabindex="0">{tplLang.reset| toLang tLang}</button></div><div class="qmod-button-more" rv-if="scope.binders.moreFunds.enabled" rv-show="scope.binders.moreFunds.visible"><button class="qmod-control-btn qmod-btn" 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>