<div class="qmod-ui-tool qmod-marketmovers"><h2 class="qmod-heading qmod-hbg">{'Market Movers' | i8ln tLang}</h2><div class="qmod-block-wrapper"><div class="pure-g"><div class="qmod-inline-ul" rv-if="data.reloadControl.autoUpdate.visible"><ul class="qmod-buttons qmod-pull-right qmod-head-reload"><li class="qmod-refresh-control" rv-if="data.reloadControl.refresh.visible"><button class="qmod-btn qmod-btn-link" rv-on-click="data.reloadControl.refresh.click"><i class="fa fa-refresh" rv-class-fa-spin="data.reloadControl.refresh.spin"></i><span class="qmod-btn-text">{data.reloadControl.refresh.label}</span></button></li><li class="qmod-autoupdate-control" rv-if="data.reloadControl.autoUpdate.visible"><button class="qmod-btn qmod-btn-link" rv-on-click="data.reloadControl.autoUpdate.click"><i class="fa" rv-ifclass="data.reloadControl.autoUpdate.enabled" data-qmod-true-class="fa-toggle-on qmod-ch-up" data-qmod-false-class="fa-toggle-off qmod-ch-down"></i><span class="qmod-btn-text">{data.reloadControl.autoUpdate.label}</span></button></li></ul></div><div class="pure-u-1-1 qmod-mm-dropdowns" rv-class-qmod-enhanced-dropdown="data.useEnhancedDropdown"><label for="qmod-mm-exchanges">{'Exchange' | i8ln tLang}:<select id="qmod-mm-exchanges" rv-on-change="data.changeExchange" rv-value="data.selectedExchange" rv-ifclass="tLang | ='fr'" data-qmod-true-class="qmod-french-exchanges"><option value="US" rv-if="data.showCountry">{'allusexchanges' | i8ln tLang}</option><option value="CA" rv-if="data.showCountry">{'allcanadianexchanges' | i8ln tLang}</option><optgroup rv-label="&quot;byexchange&quot; | i8ln tLang" rv-if="data.showCountry"><option rv-each-exch="exchanges" rv-value="exch.0">{exch.1}</option></optgroup><option class="defaultExchange" rv-each-exch="exchanges" rv-value="exch.0">{exch.1}</option></select></label><label for="qmod-mm-indices" rv-if="data.statIndexDrop">{'Index' | i8ln tLang}:<select id="qmod-mm-indices" rv-on-change="data.changeIndex" rv-ifclass="tLang | ='fr'" data-qmod-true-class="qmod-french-indices"><option rv-each-si="data.statIndex" rv-value="si.val">{si.name}</option></select></label><label for="qmod-mm-sectors">{'Sector' | i8ln tLang}:<select id="qmod-mm-sectors" rv-on-change="data.changeSector" rv-ifclass="tLang | ='fr'" data-qmod-true-class="qmod-french-sector"><option value="0">- {'no sector' | i8ln tLang} -</option><optgroup rv-each-sect="sectors" rv-label="sect.name"><option rv-each-sec="sect.group" rv-value="sec.code">{sec.name}</option></optgroup></select></label><label for="qmod-mm-stats" rv-if="data.showType">{'stat' | i8ln tLang}:<select id="qmod-mm-stats" rv-on-change="data.changeStat" rv-ifclass="tLang | ='fr'" data-qmod-true-class="qmod-french-stat"><option value="intraday">{'intraday' | i8ln tLang}</option><option value="eod">{'end of day' | i8ln tLang}        </option></select></label><label rv-if="data.showHours" for="qmod-mm-hours" rv-ifclass="tLang | ='fr'" data-qmod-true-class="qmod-french-hours">{'Hours' | i8ln tLang}:<select id="qmod-mm-hours" rv-on-change="data.changeHours"><option value="NORMAL">{'markethours' | i8ln tLang}</option><option value="PRE">{'premarket' | i8ln tLang}</option><option value="POST">{'afterhoursmarket' | i8ln tLang}</option></select></label><label for="qmod-mm-type" rv-unless="data.useEnhancedDropdown">{'stat type' | i8ln tLang}:<select id="qmod-mm-type" rv-on-change="data.changeType"><option rv-each-stat="data.statTitles" rv-value="index">{stat.title}</option></select></label><div class="qmod-type-select-container" rv-if="data.useEnhancedDropdown"><span class="qmod-type-label" id="qmod-mm-type-label">{'stat type' | i8ln tLang}:</span><div class="qmod-type-dropdown"><div class="qmod-type-selected" rv-on-click="data.toggleTypeDropdown" rv-on-keydown="data.typeDropdownKeydown" tabindex="0" role="combobox" aria-haspopup="listbox" aria-labelledby="qmod-mm-type-label" aria-controls="qmod-mm-type-listbox" rv-aria-expanded="data.typeDropdownOpen" rv-aria-activedescendant="data.activeDescendantId"><span class="qmod-type-selected-text">{data.currentTypeTitle}</span><i class="qmod-icon qm_icon-arrow-chevron-down-med" rv-ifclass="data.typeDropdownOpen" data-qmod-true-class="rotate-chevron-up" data-qmod-false-class="rotate-chevron-down" aria-hidden="true"></i></div><div class="qmod-type-menu" id="qmod-mm-type-listbox" rv-show="data.typeDropdownOpen" role="listbox" aria-labelledby="qmod-mm-type-label"><div class="qmod-type-option" rv-each-stat="data.statTitles" rv-on-click="data.selectType" rv-data-stat="stat.stat" rv-id="stat.stat | preFix 'qmod-mm-type-option-'" role="option" rv-aria-selected="index | = data.state.moverIndex" rv-class-qmod-type-option-selected="index | = data.state.moverIndex" rv-class-qmod-type-option-focused="index | = data.focusedTypeIndex"><div class="qmod-type-option-row"><span class="qmod-type-option-text">{stat.title}</span><i class="fa fa-info-circle qmod-type-info-icon qmod-tooltip" rv-title="stat.description" rv-on-mouseenter="data.qmtooltip" aria-hidden="true" rv-on-click="data.showDescription"></i></div></div></div></div></div><label for="qmod-mm-marketcaps">{'mm: market cap' | i8ln tLang}:<select id="qmod-mm-marketcaps" rv-on-change="data.changeMarketCap" rv-ifclass="tLang | ='fr'" data-qmod-true-class="qmod-french-marketcaps"><option value="none">{'- No Market Cap/Price -'}</option><optgroup label="By Market Cap"> <option value="large">{'large cap' | i8ln tLang}</option><option value="mid">{'mid cap' | i8ln tLang}</option><option value="small">{'small cap' | i8ln tLang}    </option><option value="micro">{'micro cap' | i8ln tLang}    </option></optgroup><optgroup label="By Price"><option value="under10">{'under10' | i8ln tLang}</option><option value="over10">{'over10' | i8ln tLang}</option></optgroup></select></label></div></div><div class="pure-g"><div class="pure-u-1-1"><div class="qmod-tab-container" rv-if="data.tabsEnabled"><ul class="qmod-tab-list"><li class="qmod-tab-item" rv-each-stat="data.statTitles" rv-class-qmod-active="index | = data.currentStatIndex" rv-on-click="data.changeTab" rv-data-index="index" tabindex="0"><a class="qmod-tab-item-link"><div class="qmod-tab-text">{stat.title} &nbsp;</div></a></li></ul></div><div class="qmod-tab-container-bottom" rv-if="data.tabsEnabled"></div><div class="qmod-no-data" rv-if="data.noData"><span class="qmod-no-data-msg">{data.noDataMsg}</span></div><div rv-unless="data.noData"><div class="qmod-table-container" rv-each-mstat="data.currentStat"><div class="qmod-panel" rv-if="mstat.statTitle" rv-hide="data.loading"><div class="qmod-marketmovers-table-title"><div class="qmod-title-span" rv-unless="data.tabsEnabled"> <span rv-if="data.currentEx">{data.currentEx}: </span><span rv-if="mstat.statTitle">{mstat.statTitle}</span></div></div><div class="qmod-table-con"><table class="qmod-table qmod-marketmovers-table responsive nowrap" width="100%"><thead><tr><th class="qmod-control control qmod-th-0"></th><th class="qmod-textl qmod-th-1">{'Symbol' | i8ln tLang}</th><th class="qmod-textl qmod-th-2">{'Company' | i8ln tLang}</th><th class="qmod-textr qmod-th-3">{'Last' | i8ln tLang}</th><th class="qmod-textr qmod-th-4">{'change' | i8ln tLang}</th><th class="qmod-textr qmod-th-5">{'changepct' | i8ln tLang}</th><th class="qmod-textr qmod-th-9">{'Vol' | i8ln tLang}</th><th class="qmod-textr qmod-th-10">{'tradeval' | i8ln tLang}</th><th class="qmod-textr qmod-th-6">{'Open' | i8ln tLang}</th><th class="qmod-textr qmod-th-7">{'High' | i8ln tLang}</th><th class="qmod-textr qmod-th-8">{'Low' | i8ln tLang}</th><th class="qmod-textr qmod-th-15"><span rv-if="mstat.0.pricedata.close">{'Close' | i8ln tLang}</span><span rv-unless="mstat.0.pricedata.close">{'prevclose' | i8ln tLang}</span></th><th class="qmod-textr qmod-th-12 sorting-disabled">{'52weekrange' | i8ln tLang}</th><th class="qmod-textr qmod-th-11">{'totaltrades' | i8ln tLang}</th><th class="qmod-textr qmod-th-13" rv-if="mstat.statTitle | = 'Largest Volume Change'">{'volume change %' | i8ln tLang}</th><th class="qmod-textr qmod-th-14" rv-if="data.showMarketCap">{'column market cap' | i8ln tLang}</th><th class="qmod-textc qmod-th-16 sorting-disabled" rv-if="actionMenuOpts.showMenu">{'Actions' | i8ln tLang}</th><th>rowIdx</th></tr></thead><tbody><tr class="qmod-table-row" rv-each-tradee="mstat" rv-on-click="data.clickRow" rv-data-symbol="tradee.symbolstring" rv-data-di="0" rv-hide="tradee.entitlement | = 'NA'"><td class="qmod-td-0 qmod-control"></td><td class="qmod-textl qmod-td-1 qmod-tcell"><span rv-unless="data.symbolForwardURL">{tradee.symbolstring}</span><a class="qmod-table-link" rv-if="data.symbolForwardURL" rv-href="data.symbolForwardURL | postFixWord tradee.symbolstring">{tradee.symbolstring}</a></td><td class="qmod-textl td-1 qmod-td-2 qmod-tcell qmod-tooltip" rv-title="tradee.equityinfo.longname" rv-on-mouseenter="data.qmtooltip"><span rv-unless="data.longNameForwardURL">{tradee.equityinfo.longname}</span><a class="qmod-table-link" rv-if="data.longNameForwardURL" rv-href="data.longNameForwardURL | postFixWord tradee.symbolstring">{tradee.equityinfo.longname}</a><span class="qmod-entitlement" rv-qmodent="tradee.entitlement" rv-unless="tradee.entitlement | = 'DL'">&nbsp; {tradee.entitlement}</span></td><td class="qmod-textr qmod-td-3"><div class="qmod-tcell" rv-if="data.marketSession | = 'NORMAL'">{tradee.pricedata.last | asQHLast}</div><div class="qmod-tcell" rv-if="data.marketSession | = 'POST'">{tradee.afterhours.last | asQHLast}</div><div class="qmod-tcell" rv-if="data.marketSession | = 'PRE'">{tradee.premarket.last | asQHLast}</div></td><td class="qmod-textr qmod-td-4" rv-if="data.marketSession | = 'NORMAL'" rv-data-order="tradee.pricedata.change"><div class="qmod-tcell" rv-qmodchange="tradee.pricedata.change" rv-html="tradee.pricedata.change | asQHLast | str_replace '-' '&lt;span class='qmod-neg qmod-prefix'&gt;-&lt;/span&gt;'"></div></td><td class="qmod-textr qmod-td-4" rv-if="data.marketSession | = 'POST'" rv-data-order="tradee.afterhours.change"><div class="qmod-tcell" rv-qmodchange="tradee.afterhours.change" rv-html="tradee.afterhours.change | asQHLast | str_replace '-' '&lt;span class='qmod-neg qmod-prefix'&gt;-&lt;/span&gt;'"></div></td><td class="qmod-textr qmod-td-4" rv-if="data.marketSession | = 'PRE'" rv-data-order="tradee.premarket.change"><div class="qmod-tcell" rv-qmodchange="tradee.premarket.change" rv-html="tradee.premarket.change | asQHLast | str_replace '-' '&lt;span class='qmod-neg qmod-prefix'&gt;-&lt;/span&gt;'"></div></td><td class="qmod-textr qmod-td-5" rv-if="data.marketSession | = 'NORMAL'" rv-data-order="tradee.pricedata.changepercent"><div class="qmod-tcell" rv-unless="tradee.pricedata.changepercent | = 'N/A'" rv-qmodchange="tradee.pricedata.change" rv-html="tradee.pricedata.changepercent | numeraljs '0.00' | str_replace '-' '&lt;span class='qmod-neg qmod-prefix'&gt;-&lt;/span&gt;' | postFix '&lt;span class='qmod-postfix qmod-changepct'&gt;%&lt;/span&gt;'"></div><div class="qmod-tcell" rv-if="tradee.pricedata.changepercent | = 'N/A'">-</div></td><td class="qmod-textr qmod-td-5" rv-if="data.marketSession | = 'POST'" rv-data-order="tradee.afterhours.changepercent"><div class="qmod-tcell" rv-unless="tradee.afterhours.changepercent | = 'N/A'" rv-qmodchange="tradee.afterhours.change" rv-html="tradee.afterhours.changepercent | numeraljs '0.00' | str_replace '-' '&lt;span class='qmod-neg qmod-prefix'&gt;-&lt;/span&gt;' | postFix '&lt;span class='qmod-postfix qmod-changepct'&gt;%&lt;/span&gt;'"></div><div class="qmod-tcell" rv-if="tradee.afterhours.changepercent | = 'N/A'">-</div></td><td class="qmod-textr qmod-td-5" rv-if="data.marketSession | = 'PRE'" rv-data-order="tradee.premarket.changepercent"><div class="qmod-tcell" rv-unless="tradee.premarket.changepercent | = 'N/A'" rv-qmodchange="tradee.premarket.change" rv-html="tradee.premarket.changepercent | numeraljs '0.00' | str_replace '-' '&lt;span class='qmod-neg qmod-prefix'&gt;-&lt;/span&gt;' | postFix '&lt;span class='qmod-postfix qmod-changepct'&gt;%&lt;/span&gt;'"></div><div class="qmod-tcell" rv-if="tradee.premarket.changepercent | = 'N/A'">-</div></td><td class="qmod-textr qmod-td-9" rv-if="data.marketSession | = 'NORMAL'" rv-data-sort="tradee.pricedata.sharevolume"><div class="qmod-tcell">{tradee.pricedata.sharevolume | numeraljs '0,0.[00]a'}</div></td><td class="qmod-textr qmod-td-9" rv-if="data.marketSession | = 'POST'" rv-data-sort="tradee.afterhours.sharevolume"><div class="qmod-tcell">{tradee.afterhours.sharevolume | numeraljs '0,0.[00]a'}</div></td><td class="qmod-textr qmod-td-9" rv-if="data.marketSession | = 'PRE'" rv-data-sort="tradee.premarket.sharevolume"><div class="qmod-tcell">{tradee.premarket.sharevolume | numeraljs '0,0.[00]a'}</div></td><td class="qmod-textr qmod-td-10" rv-data-sort="tradee.pricedata.totalvalue"><div class="qmod-tcell">{tradee.pricedata.totalvalue | numeraljs '0,0.[00]a'}</div></td><td class="qmod-textr qmod-td-6"><div class="qmod-tcell">{tradee.pricedata.open | asQHLast}</div></td><td class="qmod-textr qmod-td-7"><div class="qmod-tcell">{tradee.pricedata.high | asQHLast}</div></td><td class="qmod-textr qmod-td-8"><div class="qmod-tcell">{tradee.pricedata.low | asQHLast}</div></td><td class="qmod-textr qmod-td-15"><div class="qmod-tcell" rv-if="tradee.pricedata.close">{tradee.pricedata.close | asQHLast}</div><div class="qmod-tcell" rv-unless="tradee.pricedata.close">{tradee.pricedata.prevclose | asQHLast}</div></td><td class="qmod-textr qmod-td-12"><div class="qmod-tcell"><a class="qmod-popup-link" rv-if="tradee.fundamental.week52low.content" rv-on-click="data.togglePopup" data-popuptype="week52low" rv-data-low="tradee.fundamental.week52low.content" rv-data-high="tradee.fundamental.week52high.content" rv-data-lowdate="tradee.fundamental.week52low.date" rv-data-highdate="tradee.fundamental.week52high.date" rv-data-symbol="tradee.symbolstring">{tradee.fundamental.week52low.content | asQHLast} - {tradee.fundamental.week52high.content | asQHLast}</a><span rv-unless="tradee.fundamental.week52low.content">-</span></div></td><td class="qmod-textr qmod-td-11" rv-data-sort="tradee.pricedata.tradevolume"><div class="qmod-tcell">{tradee.pricedata.tradevolume | numeraljs '0,0.[00]a'}</div></td><td class="qmod-textr qmod-td-13" rv-if="mstat.statTitle | = 'Largest Volume Change'" rv-data-sort="tradee.pricedata.volumechangepercent"><div class="qmod-tcell">{tradee.pricedata.volumechangepercent | numeraljs '0,0.[00]a' '0'}</div></td><td class="qmod-textr qmod-td-14" rv-if="data.showMarketCap" rv-data-sort="tradee.fundamental.marketcap"><div class="qmod-tcell">{tradee.fundamental.marketcap | numeraljs '0,0.[00]a'}</div></td><td class="qmod-textc qmod-actions qmod-col-nopad qmod-td-16" rv-if="actionMenuOpts.showMenu"><actionmenu actionMenuOpts="actionMenuOpts" quoteData="tradee" forwardSymbol="tradee.symbolstring"></actionmenu></td><td> </td></tr></tbody></table></div><div rv-if="mstat.statTitle | = 'Largest Volume Change'"><span class="qmod-volume-note qmod-textl" rv-unless="data.noData">{'volume note' | i8ln tLang} </span></div><button class="qmod-btn qmod-darkblue qmod-btn-sm qmod-read-more" rv-on-click="data.readMore" data-collapsed="true" tabindex="0">{'more' | i8ln tLang}</button><button class="qmod-btn qmod-green qmod-btn-sm qmod-view-more" rv-on-click="data.clickMore" rv-if="data.moreLinks | asArrayLength | &gt; 0" rv-data-index="index" tabindex="0">{"View All" | i8ln tLang}</button><span class="qmod-mrktime qmod-textr" rv-unless="data.noData"><span class="qmod-time" rv-if="data.currentStat.0 | getlatestdate_mm" rv-html="data.currentStat.0 | getlatestdate_mm | momentjs 'true' 'LLL' tLang"></span><span class="qmod-datetimezone" rv-if="data.currentStat.0 | getlatestdate_mm">&nbsp;{data.timezone | asTimezone tLang} </span></span></div></div></div></div></div></div><div class="qmod-popup" rv-show="data.popup.show" rv-style="data.popup.style"><div class="qmod-popup-title">{data.popup.data.title}<div class="qmod-popup-titlebar-buttons"><button class="qmod-btn" rv-on-click="data.popup.close" tabindex="0"><i class="qmod-icon qm_icon-close-med" aria-hidden="true"></i></button></div></div><div class="qmod-popup-body" rv-html="data.popup.data.body"></div></div></div>