<div class="qmod-ui-tool qmod-topperformers"><h2 class="qmod-heading qmod-hbg"><span class="qmod-tool-name">{tplLang.tp_toolname | toLang tLang} {scope.binders.marketIdOptions.getSelected < selected | getIndex 'label'}</span></h2><div class="qmod-topperformers-controls"><div class="pure-g"><div class="pure-u-1"><div class="qmod-buttons-metric qmod-performance-control qmod-f-right" rv-if="scope.binders.metricOptions.enabled" rv-show="scope.binders.metricOptions.visible"><span rv-each-compare="scope.binders.metricOptions.list"><a class="qmod-buttons-metric-link" rv-on-click="scope.binders.metricOptions.change" rv-class-qmod-active="scope.binders.metricOptions.selected|= index" tabindex="0"><span class="qmod-metric metric"><i class="fa" rv-addclass="compare.label | preFix &quot;fa-&quot;"></i></span></a></span></div><div class="qmod-dropdown qmod-dropdown-market-id qmod-performance-control qmod-f-right" rv-if="scope.binders.marketIdOptions.enabled" rv-show="scope.binders.marketIdOptions.visible"><a class="qmod-dropdown_toggle qmod-group"><span>{scope.binders.marketIdOptions.getSelected < selected | getIndex 'lang' | toLang tLang}</span><i class="qmod-icon qmod-chevron qm_icon-arrow-chevron-down2-med ml-auto"></i></a><ul class="qmod-dropdown-menu"><li rv-each-compare="scope.binders.marketIdOptions.list"><a rv-on-click="scope.binders.marketIdOptions.change" rv-class-qmod-active="scope.binders.marketIdOptions.selected|= index" tabindex="0">{compare.lang | toLang tLang}</a></li></ul></div><div class="qmod-dropdown qmod-dropdown-market-session qmod-performance-control qmod-f-right" rv-if="scope.binders.marketSessionOptions.enabled" rv-show="scope.binders.marketSessionOptions.visible"><a class="qmod-dropdown_toggle qmod-group"><span>{scope.binders.marketSessionOptions.getSelected < selected | getIndex 'lang' | toLang tLang}</span><i class="qmod-icon qmod-chevron qm_icon-arrow-chevron-down2-med ml-auto"></i></a><ul class="qmod-dropdown-menu"><li rv-each-compare="scope.binders.marketSessionOptions.list"><a rv-on-click="scope.binders.marketSessionOptions.change" rv-class-qmod-active="scope.binders.marketSessionOptions.selected|= index" tabindex="0">{compare.lang | toLang tLang}</a></li></ul></div><div class="qmod-dropdown qmod-dropdown-exchange qmod-performance-control qmod-f-right" rv-if="scope.binders.exchangeOptions.enabled" rv-show="scope.binders.exchangeOptions.visible"><a class="qmod-dropdown_toggle qmod-group"><span>{scope.binders.exchangeOptions.getSelected < selected | getIndex 'label'}</span><i class="qmod-icon qmod-chevron qm_icon-arrow-chevron-down2-med ml-auto"></i></a><ul class="qmod-dropdown-menu"><li rv-each-compare="scope.binders.exchangeOptions.list"><a rv-on-click="scope.binders.exchangeOptions.change" rv-class-qmod-active="scope.binders.exchangeOptions.selected|= index" tabindex="0">{compare.label}</a></li></ul></div></div><div class="pure-u-1"><div class="qmod-tab-container" rv-if="scope.binders.performanceControl.enabled"><ul class="qmod-tab-list"><li class="qmod-tab-item qmod-performance-item-top" rv-class-qmod-active="scope.states.currPerformance|= 'top'"><a class="qmod-tab-item-link" rv-on-click="scope.binders.performanceControl.change" rv-data-qmod-performance="0" tabindex="0"><div class="qmod-tab-text">{tplLang.top | toLang tLang}</div></a></li><li class="qmod-tab-item qmod-performance-item-bottom" rv-class-qmod-active="scope.states.currPerformance|= 'bottom'"><a class="qmod-tab-item-link" rv-on-click="scope.binders.performanceControl.change" rv-data-qmod-performance="1" tabindex="0"><div class="qmod-tab-text">{tplLang.bottom | toLang tLang}</div></a></li></ul></div><div class="qmod-tab-container-bottom" rv-if="scope.binders.performanceControl.enabled"></div></div></div></div><div class="qmod-block-wrapper qmod-topperformers-chart-container"><div class="qmod-block-wrapper qmod-price-data-chart" rv-show="scope.data.entities | asArrayLength" rv-if="scope.states.currMode |= 'pricedata'" rv-class-qmod-loading="scope.binders.loadingState"><div class="pure-g"><div class="pure-u-1"><div class="qmod-panel qmod-chart-panel"><div class="qmod-chart qmod-tp-chart qmod-tp-price-chart"><canvas class="qmod-tp-price-chart-canvas"></canvas></div></div></div><div class="pure-u-1"><div class="qmod-chart-legend-container"><div class="qmod-chart-legend qmod-topperformers-chart-legend" rv-html="scope.data.priceChartLegend"></div></div></div></div></div><div class="qmod-block-wrapper qmod-price-data-chart" rv-show="scope.data.entities | asArrayLength" rv-if="scope.states.currMode |= 'fundamentals'" rv-class-qmod-loading="scope.binders.loadingState"><div class="pure-g"><div class="pure-u-1"><div class="qmod-panel qmod-chart-panel"><div class="qmod-chart qmod-tp-chart qmod-tp-risk-chart"><canvas class="qmod-tp-risk-chart-canvas"></canvas></div></div></div><div class="pure-u-1"><div class="qmod-chart-legend-container"><div class="qmod-chart-legend qmod-topperformers-chart-legend" rv-html="scope.data.riskChartLegend"></div></div></div></div></div><div class="qmod-loading-panel qmod-loading" rv-hide="scope.data.entities | asArrayLength" rv-if="scope.binders.loadingState"><div class="qmod-loading-segment"><div class="qmod-loading-output"><div class="qmod-loader-threedot"></div></div></div></div></div><div class="qmod-topperformers-controls qmod-mode-control" rv-if="scope.data.entities | asArrayLength"><div class="pure-g"><div class="pure-u-1"><div class="qmod-tab-container" rv-if="scope.binders.modeControl.enabled"><ul class="qmod-tab-list"><li class="qmod-tab-item qmod-tab-item-fundamentals" rv-class-qmod-active="scope.states.currMode|= 'fundamentals'"><a class="qmod-tab-item-link" rv-on-click="scope.binders.modeControl.change" rv-data-qmod-mode="0" tabindex="0"><div class="qmod-tab-text">{"fundamentals" | i8ln tLang}</div></a></li><li class="qmod-tab-item qmod-tab-item-pridedata" rv-class-qmod-active="scope.states.currMode|= 'pricedata'"><a class="qmod-tab-item-link" rv-on-click="scope.binders.modeControl.change" rv-data-qmod-mode="1" tabindex="0"><div class="qmod-tab-text">{tplLang.priceinfo | toLang tLang}</div></a></li></ul></div><div class="qmod-tab-container-bottom" rv-if="scope.binders.modeControl.enabled"></div></div></div><div class="qmod-popup-wrapper" rv-show="scope.binders.modals.show"><div class="qmod-popup"><div class="qmod-popup-title"><span class="qmod-t" rv-text="scope.binders.modals.getSelectedTitle &lt; selected"></span><span class="qmod-t-append" rv-if="scope.binders.modals.data.titleAppend">- {scope.binders.modals.data.titleAppend}</span><div class="qmod-popup-titlebar-buttons"><button class="qmod-btn" rv-on-click="scope.binders.modals.close" tabindex="0">&times;</button></div></div><div class="qmod-popup-body"><div class="qmod-modal-content" rv-show="scope.binders.modals.selected|= 0"><div class="qmod-week-body"><div class="pure-g"><div class="pure-u-1-2"><div class="qmod-weekh-con qmod-weekh-con-high"><span class="qmod-weekh"><div class="qmod-weekh-label">{tplLang.52weekhigh | toLang tLang}</div><div class="qmod-weekh-date">{scope.binders.modals.data.pricedata.fundamental.week52high.date | momentjs 'true' 'LL'}</div><div class="qmod-weekh-datapoint">{scope.binders.modals.data.pricedata.fundamental.week52high.content | asQHLast tLang '--' }</div></span></div></div><div class="pure-u-1-2"><div class="qmod-weekh-con qmod-weekh-con-low"><span class="qmod-weekh"><div class="qmod-weekh-label">{tplLang.52weeklow | toLang tLang}</div><div class="qmod-weekh-date">{scope.binders.modals.data.pricedata.fundamental.week52low.date | momentjs 'true' 'LL'}</div><div class="qmod-weekh-datapoint">{scope.binders.modals.data.pricedata.fundamental.week52low.content | asQHLast tLang '--' }</div></span></div></div></div><div class="pure-g"><div class="pure-u-1-1"><div class="qmod-weekh-chart"><img rv-qmod-get52weekchart="scope.binders.modals.data.pricedata.symbolstring"/></div></div></div></div></div></div></div></div></div><div class="qmod-performer-output" rv-if="scope.data.entities | asArrayLength" rv-class-qmod-loading="scope.binders.loadingState"><div class="qmod-block-wrapper qmod-fundamentals-output" rv-if="scope.states.currMode |= 'fundamentals'" rv-class-qmod-loading="scope.binders.loadingState"><div class="pure-g"><div class="pure-u-1-1"><div class="qmod-panel qmod-fundamentals" rv-show="scope.data.entities | asArrayLength"><div class="qmod-table-con fundamentals-table"><table class="qmod-table qmod-fundamentals-table nowrap" width="100%"><thead><tr><th class="qmod-control qmod-th-0"></th><th class="qmod-textl qmod-th-1">{tplLang.symbol | toLang tLang}</th><th class="qmod-textl qmod-th-2">{tplLang.name | toLang tLang}</th><th class="qmod-textr qmod-th-3">{tplLang.oneyr | toLang tLang} {tplLang.change | toLang tLang}</th><th class="qmod-textr qmod-th-4">{tplLang.beta | toLang tLang | str_replace ':' ''}</th><th class="qmod-textr qmod-th-5">{tplLang.marketcapmil | toLang tLang}</th><th class="qmod-textr qmod-th-6">{tplLang.sharesout | toLang tLang}</th><th class="qmod-textr qmod-th-7">{tplLang.peratio | toLang tLang}</th><th class="qmod-textr qmod-th-8">{tplLang.yield | toLang tLang}</th><th class="qmod-textr qmod-th-9">{tplLang.thirtydayavgvol | toLang tLang}</th></tr></thead><tbody><tr class="qmod-table-row" rv-each-fundamental="scope.data.entities"><td class="qmod-control qmod-td-0"></td><td class="qmod-textl qmod-td-1"><span rv-unless="scope.data.symbolForwardURL">{fundamental.symbolstring}</span><span rv-if="scope.data.symbolForwardURL"><a class="qmod-table-link" rv-href="scope.data.symbolForwardURL | postFixWord fundamental.symbolstring">{fundamental.symbolstring}</a></span></td><td class="qmod-textl qmod-td-2"><span rv-if="fundamental.equityinfo.longname"><div rv-if="scope.data.longNameForwardURL"><a class="qmod-table-link" rv-if="fundamental.equityinfo.longname" rv-href="scope.data.longNameForwardURL | postFixWord fundamental.symbolstring">{fundamental.equityinfo.longname}</a></div><div rv-unless="scope.data.longNameForwardURL"><span class="qmod-longname-tooltip">{fundamental.equityinfo.longname}</span></div></span></td><td class="qmod-textr qmod-td-3"><div class="qmod-tcell">{fundamental.shareinfo.priceinfo.weeks52change | numeraljs '0,0.00' '--' tLang | postFix '%' | str_replace '--%' '--'}</div></td><td class="qmod-textr qmod-td-4"><div class="qmod-tcell">{fundamental.shareinfo.priceinfo.beta | numeraljs '0,0.0[0]' '--' tLang}</div></td><td class="qmod-textr qmod-td-5"><span rv-if="fundamental.fundamental.marketcap"><div class="qmod-tcell">{fundamental.fundamental.marketcap | math '/' 1000000 | asQHLast tLang '--'}</div></span><span rv-unless="fundamental.fundamental.marketcap"><div class="qmod-tcell">--</div></span></td><td class="qmod-textr qmod-td-6"><div class="qmod-tcell">{fundamental.fundamental.sharesoutstanding | numeraljs '0,0' '--' tLang}</div></td><td class="qmod-textr qmod-td-7"><div class="qmod-tcell">{fundamental.fundamental.peratio | numeraljs '0,0.0[0]' '--' tLang}</div></td><td class="qmod-textr qmod-td-8"><div class="qmod-tcell">{fundamental.fundamental.dividend.yield | numeraljs '0,0.0[0]' '--' tLang}</div></td><td class="qmod-textr qmod-td-9"><div class="qmod-tcell">{fundamental.shareinfo.shareinformation.avgvol30days | numeraljs '0,0' '--' tLang}</div></td></tr></tbody></table></div><div class="qmod-control-panel"><div class="qmod-control-segment qmod-control-segment-more"><span class="qmod-button-more" rv-if="scope.binders.moreControl.enabled" rv-show="scope.binders.moreControl.visible"><button class="qmod-control-btn qmod-btn" rv-on-click="scope.binders.moreControl.change" tabindex="0">{tplLang.more| toLang tLang}</button></span></div><div class="qmod-control-segment qmod-control-segment-less"><span class="qmod-button-less" rv-if="scope.binders.lessControl.enabled" rv-show="scope.binders.lessControl.visible"><button class="qmod-control-btn qmod-btn" rv-on-click="scope.binders.lessControl.change" tabindex="0">{tplLang.less| toLang tLang}</button></span></div><div class="qmod-control-segment qmod-control-segment-date qmod-f-right" rv-if="scope.data.datetime"><span class="qmod-date">{scope.data.datetime | momentjs 'true' 'LLL' tLang}</span><span class="qmod-tz">{scope.data.tz | asTimezone tLang}</span></div></div></div></div></div></div><div class="qmod-block-wrapper qmod-price-data-output" rv-if="scope.states.currMode |= 'pricedata'" rv-class-qmod-loading="scope.binders.loadingState"><div class="pure-g"><div class="pure-u-1-1"><div class="qmod-panel qmod-price-data" rv-show="scope.data.entities | asArrayLength"><div class="qmod-table-con price-data-table"><table class="qmod-table qmod-price-data-table nowrap" width="100%"><thead><tr><th class="qmod-control qmod-th-0"></th><th class="qmod-textl qmod-th-1">{tplLang.symbol | toLang tLang}</th><th class="qmod-textl qmod-th-2">{tplLang.name | 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.open | toLang tLang}</th><th class="qmod-textr qmod-th-7">{tplLang.high | toLang tLang}</th><th class="qmod-textr qmod-th-8">{tplLang.low | toLang tLang}</th><th class="qmod-textr qmod-th-9">{tplLang.52weekrange | toLang tLang}</th><th class="qmod-textr qmod-th-10">{tplLang.totalshares | toLang tLang}</th><th class="qmod-textr qmod-th-11">{tplLang.totaltrades | toLang tLang}</th><th class="qmod-textr qmod-th-12">{tplLang.totalvaluemil | toLang tLang}</th></tr></thead><tbody><tr class="qmod-table-row" rv-each-pricedata="scope.data.entities"><td class="qmod-control qmod-td-0"></td><td class="qmod-textl qmod-td-1"><span rv-unless="scope.data.symbolForwardURL">{pricedata.symbolstring}</span><span rv-if="scope.data.symbolForwardURL"><a class="qmod-table-link" rv-href="scope.data.symbolForwardURL | postFixWord pricedata.symbolstring">{pricedata.symbolstring}</a></span></td><td class="qmod-textl qmod-td-2"><span rv-if="pricedata.equityinfo.longname"><div rv-if="scope.data.longNameForwardURL"><a class="qmod-table-link" rv-if="pricedata.equityinfo.longname" rv-href="scope.data.longNameForwardURL | postFixWord pricedata.symbolstring">{pricedata.equityinfo.longname}</a></div></span><span rv-if="pricedata.equityinfo.longname"><div rv-unless="scope.data.longNameForwardURL"><span class="qmod-longname-tooltip" rv-if="pricedata.equityinfo.longname">{pricedata.equityinfo.longname}</span></div></span></td><td class="qmod-textr qmod-td-3"><div class="qmod-tcell">{pricedata.pricedata.last | asQHLast tLang '--' }</div></td><td class="qmod-textr qmod-td-4"><div class="qmod-tcell">{pricedata.pricedata.change | asQHLast tLang '--' }</div></td><td class="qmod-textr qmod-td-5"><div class="qmod-tcell">{pricedata.pricedata.changepercent | numeraljs '0.00' | postFix '%' tLang}</div></td><td class="qmod-textr qmod-td-6"><div class="qmod-tcell">{pricedata.pricedata.open | asQHLast tLang '--' }</div></td><td class="qmod-textr qmod-td-7"><div class="qmod-tcell">{pricedata.pricedata.high | asQHLast tLang '--' }</div></td><td class="qmod-textr qmod-td-8"><div class="qmod-tcell">{pricedata.pricedata.low | asQHLast tLang '--' }</div></td><td class="qmod-textr qmod-td-9"><div class="qmod-tcell"><a class="qmod-popup-link" rv-on-click="scope.binders.modals.open" rv-data-qmod-modal="0" rv-data-qmod-model-index="index" tabindex="0">{pricedata.fundamental.week52low.content | asQHLast tLang '--' } - {pricedata.fundamental.week52high.content | asQHLast tLang '--' }</a></div></td><td class="qmod-textr qmod-td-10"><div class="qmod-tcell">{pricedata.pricedata.sharevolume | numeraljs '0,0' '--' tLang }</div></td><td class="qmod-textr qmod-td-11"><div class="qmod-tcell">{pricedata.pricedata.tradevolume | numeraljs '0,0' '--' tLang}</div></td><td class="qmod-textr qmod-td-12"><div class="qmod-tcell">{pricedata.pricedata.totalvalue | math '/' 1000000 | asQHLast tLang '--' }</div></td></tr></tbody></table></div><div class="qmod-control-panel"><div class="qmod-control-segment qmod-control-segment-more"><div class="qmod-button-more" rv-if="scope.binders.moreControl.enabled" rv-show="scope.binders.moreControl.visible"><button class="qmod-control-btn qmod-btn" rv-on-click="scope.binders.moreControl.change" tabindex="0">{tplLang.more| toLang tLang}</button></div></div><div class="qmod-control-segment qmod-control-segment-less"><div class="qmod-button-less" rv-if="scope.binders.lessControl.enabled" rv-show="scope.binders.lessControl.visible"><button class="qmod-control-btn qmod-btn" rv-on-click="scope.binders.lessControl.change" tabindex="0">{tplLang.less| toLang tLang}</button></div></div><div class="qmod-control-segment qmod-control-segment-date qmod-f-right" rv-if="scope.data.datetime"><span class="qmod-date">{scope.data.datetime | momentjs 'true' 'LLL' tLang}</span><span class="qmod-tz">{scope.data.tz | asTimezone tLang}</span></div></div></div></div></div></div></div><div class="qmod-panel qmod-invalid qmod-performers-no-data" rv-unless="scope.data.entities | asArrayLength" rv-hide="scope.binders.loadingState"><span class="qmod-nodata-element qmod-nodata-element-prefix">{tplLang.nodata | toLang tLang}</span><span class="qmod-nodata-element qmod-nodata-element-exchange">&nbsp;{scope.binders.exchangeOptions.getSelected < selected | getIndex 'label'}</span><span class="qmod-nodata-element qmod-nodata-element-session">&nbsp;{scope.binders.marketSessionOptions.getSelected < selected | getIndex 'label'}</span><span class="qmod-nodata-element qmod-nodata-element-performance">&nbsp;{scope.states.currPerformance}</span><span class="qmod-nodata-element qmod-nodata-element-market-id">&nbsp;{scope.binders.marketIdOptions.getSelected < selected | getIndex 'label'}</span></div></div>