<div class="qmod-quotegrid" rv-on-keydown="data.popup.keydown"><div rv-if="data.datatype | or 'etf' 'equity'"><div class="pure-g qmod-quotegrid-table"><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-l"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-last" rv-if="data.pricedata.last"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.last| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.last | asQHLast tLang }</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-change" rv-if="data.pricedata.change"><div class="pure-u-1-2"><div class="qmod-label qmod-textl"> <span rv-if="data.key.currency">{data.key.currency | asCurrencySymbol}&nbsp; </span><span rv-unless="data.key.currency">$&nbsp;</span><span>{tplLang.chg | toLang tLang}</span></div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.change | asQHLast tLang }</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-open" rv-if="data.pricedata.open"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.open| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.open | asQHLast tLang}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-high" rv-if="data.pricedata.high"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.high| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.high | asQHLast tLang}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-bid" rv-if="data.pricedata.bid"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.bid| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.bid | asQHLast tLang}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-bidsize" rv-if="data.pricedata.bidsize"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.bidsize| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.bidsize | numeraljs '0'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-beta" rv-if="data.fundamental.beta"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.beta| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.beta | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-week52high" rv-if="data.fundamental.week52high"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.yearhigh| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-popup-link" rv-aria-label="'52 week high modal' | i8ln tLang" role="button" rv-on-click="data.togglePopup" rv-on-enter-key-press-click="data.pressEnterClick" data-popuptype="week52low" tabindex="0"><i class="fa-solid fa-chart-simple"></i></a><span class="qmod-data-point qmod-textr">{data.fundamental.week52high.content | asQHLast tLang}</span></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-dividend" rv-if="data.dividend.amount"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.dividendamount | toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.dividend.amount | asQHLast tLang} {data.key.currency}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-dividend-payable" rv-if="data.dividend.payable"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{'previous' | i8ln tLang} {tplLang.payabledate | toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.dividend.payable}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-dividend-frequency" rv-if="data.dividend.frequency"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{'dividend frequency' | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.dividend.frequency}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-trailingdivrate" rv-if="data.fundamental.trailingDividendRate"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.trailingdivrate| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.trailingDividendRate | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-forwarddivrate" rv-if="data.fundamental.dividendRate"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.forwarddivrate| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.dividendRate | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-dividend-record" rv-if="data.dividend.record"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{'previous' | i8ln tLang} { tplLang.recorddate | toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.dividend.record}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-dividend-declared" rv-if="data.dividend.declared"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{'previous' | i8ln tLang} { tplLang.declareddate | toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.dividend.declared}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-upcoming-dividend-exdate" rv-if="data.upcomingDividend.ex"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{'upcoming' | i8ln tLang} {'ex-date' | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.upcomingDividend.ex}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-upcoming-dividend-record" rv-if="data.upcomingDividend.record"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{'upcoming' | i8ln tLang} { tplLang.recorddate | toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.upcomingDividend.record}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-upcoming-dividend-declared" rv-if="data.upcomingDividend.declared"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{'upcoming' | i8ln tLang} { tplLang.declareddate | toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.upcomingDividend.declared}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-upcoming-dividend-payable" rv-if="data.upcomingDividend.payable"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{'upcoming' | i8ln tLang} { tplLang.payabledate | toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.upcomingDividend.payable}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-dividend-trailing" rv-if="data.dividend.trailingDividendYield"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.trailingdividendyield | toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.dividend.trailingDividendYield | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-marketcap" rv-if="data.fundamental.marketcap"><div class="pure-u-1-2"><div class="qmod-label qmod-textl" rv-if="scope.modifiedMarketCap | = 'both'">{tplLang.marketcapac| toLang tLang}</div><div class="qmod-label qmod-textl" rv-unless="scope.modifiedMarketCap | = 'both'">{tplLang.marketcap| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.marketcap | numeraljs '0.00a'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-marketcap" rv-if="data.fundamental.modifiedMarketCap"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.marketcap| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.modifiedMarketCap | numeraljs '0.00a'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-pbratio" rv-if="data.fundamental.pbratio"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.pbratio| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.pbratio | asQHLast tLang}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-eps" rv-if="data.fundamental.eps"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.eps| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.eps | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-float" rv-if="data.fundamental.avgvol30days" rv-show="scope.floatadv"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.avpd30| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.avgvol30days | numeraljs '0.00a'}</div></div></div></div></div><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-r"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-sharevolume" rv-if="data.pricedata.sharevolume"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.volume| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.sharevolume | numeraljs '0.00a'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-changepercent" rv-if="data.pricedata.changepercent"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.changepct| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.pricedata.changepercent | numeraljs '0.00' '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-prevclose" rv-if="data.pricedata.prevclose"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.prevclose| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.prevclose | asQHLast tLang}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-low" rv-if="data.pricedata.low"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.low| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.low | asQHLast tLang}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-ask" rv-if="data.pricedata.ask"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.ask| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.ask | asQHLast tLang}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-asksize" rv-if="data.pricedata.asksize"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.asksize| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.asksize | numeraljs '0'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-vwap" rv-if="data.pricedata.vwap"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.vwap| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.vwap| numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-week52low" rv-if="data.fundamental.week52low"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.yearlow| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-popup-link" rv-aria-label="'52 week low modal' | i8ln tLang" role="button" rv-on-click="data.togglePopup" rv-on-enter-key-press-click="data.pressEnterClick" data-popuptype="week52low" tabindex="0"><i class="fa-solid fa-chart-simple"></i></a><span class="qmod-data-point qmod-textr">{data.fundamental.week52low.content | asQHLast tLang}</span></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-dividend-forward" rv-if="data.dividend.forwardDividendYield"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.forwarddividendyield | toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.dividend.forwardDividendYield | numeraljs '0.00' | postFix '%'">           </div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-dividend-exdate" rv-if="data.dividend.ex"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{'previous' | i8ln tLang} {'ex-date' | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.dividend.ex}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-dividend" rv-if="data.fundamental.dividend"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.yield| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.fundamental.dividend.yield | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-dividend" rv-if="data.fundamental.dividend"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.divdate| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.dividend.date}</div></div></div><!--div.qmod-line-sep.qmod-quote-element.qmod-quote-element-sharesoutstanding(rv-if="data.fundamental.sharesoutstanding")div.pure-u-1-2: div.qmod-label.qmod-textl {tplLang.sharesout| toLang tLang}
div.pure-u-1-2: div.qmod-data-point.qmod-textr {data.fundamental.sharesoutstanding | numeraljs '0.00a'}--><div class="qmod-line-sep qmod-quote-element qmod-quote-element-totalshares" rv-if="data.fundamental.totalsharesoutstanding"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.totalshares| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.totalsharesoutstanding | numeraljs '0.00a'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-shareclasslevelsharesoutstanding" rv-if="data.fundamental.shareclasslevelsharesoutstanding"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.sharesout| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.shareclasslevelsharesoutstanding | numeraljs '0.00a'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-sharesescrow" rv-if="data.fundamental.sharesescrow"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.sharesescrow| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.sharesescrow | numeraljs '0.00a'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-peratio" rv-if="data.fundamental.peratio"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.peratio| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.peratio | asQHLast tLang}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-payoutratio" rv-if="data.fundamental.payoutRatio"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.payoutRatio| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.fundamental.payoutRatio | math '*' 100 | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-float" rv-if="data.fundamental.float" rv-show="scope.floatadv"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.float| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.float | numeraljs '0.00a'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-exShName" rv-if="data.key.exShName"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.exchange| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-tooltip" rv-title="data.key.exLgName" rv-on-mouseenter="data.qmtooltip">{data.key.exShName}</a></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-earnings" rv-if="data.earnings.reportDate"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.previousearningsdate | toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.earnings.reportDate}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-earnings" rv-if="data.upcomingEarnings.reportDate"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.upcomingearningsdate | toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.upcomingEarnings.reportDate}</div></div></div></div></div></div></div><div rv-if="data.datatype | = 'forex'"><div class="pure-g"><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-l"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-last" rv-if="data.pricedata.last"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.last| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.last | numeraljs }</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-change" rv-if="data.pricedata.change"><div class="pure-u-1-2"><div class="qmod-label qmod-textl"> <span rv-if="data.key.currency">{data.key.currency | asCurrencySymbol}&nbsp;</span><span rv-unless="data.key.currency">$&nbsp;</span><span>{tplLang.chg | toLang tLang}</span></div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.change | numeraljs }</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-open" rv-if="data.pricedata.open"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.open| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.open | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-high" rv-if="data.pricedata.high"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.high| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.high | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-bid" rv-if="data.pricedata.bid"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.bid| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.bid | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-week52low" rv-if="data.fundamental.week52low"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.yearlow| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-popup-link" rv-aria-label="'52 week low modal' | i8ln tLang" role="button" rv-on-click="data.togglePopup" rv-on-enter-key-press-click="data.pressEnterClick" data-popuptype="week52low" tabindex="0"><i class="fa-solid fa-chart-simple"></i></a><span class="qmod-data-point qmod-textr">{data.fundamental.week52low.content | numeraljs}</span></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-trailingdivrate" rv-if="data.fundamental.trailingDividendRate"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.trailingdivrate| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.trailingDividendRate | numeraljs}</div></div></div></div></div><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-r"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-lasttradedatetime" rv-if="data.pricedata.lasttradedatetime"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.date| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-tooltip" rv-title="data.pricedata.lasttradedatetime | momentjs 'true' 'MMM DD, YYYY'" rv-on-mouseenter="data.qmtooltip" rv-text="data.pricedata.lasttradedatetime | momentjs 'true' 'h:mmA'"></a></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-changepercent" rv-if="data.pricedata.changepercent"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.changepct| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.changepercent | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-prevclose" rv-if="data.pricedata.prevclose"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.prevclose| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.prevclose | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-low" rv-if="data.pricedata.low"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.low| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.low | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-ask" rv-if="data.pricedata.ask"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.ask| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.ask | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-week52high" rv-if="data.fundamental.week52high"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.yearhigh| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-popup-link" rv-aria-label="'52 week high modal' | i8ln tLang" role="button" rv-on-click="data.togglePopup" rv-on-enter-key-press-click="data.pressEnterClick" data-popuptype="week52low" tabindex="0"><i class="fa-solid fa-chart-simple"></i></a><span class="qmod-data-point qmod-textr">{data.fundamental.week52high.content | numeraljs}</span></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-exShName" rv-if="data.key.exShName"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.exchange| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-tooltip" rv-title="data.key.exLgName" rv-on-mouseenter="data.qmtooltip" rv-text="data.key.exShName"></a></div></div></div></div></div></div></div><div rv-if="data.datatype | = 'index'"><div class="pure-g"><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-l"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-last" rv-if="data.pricedata.last"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.last| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.last | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-change" rv-if="data.pricedata.change"><div class="pure-u-1-2"><div class="qmod-label qmod-textl"> <span rv-if="data.key.currency">{data.key.currency | asCurrencySymbol}&nbsp;</span><span rv-unless="data.key.currency">$&nbsp;</span><span>{tplLang.chg | toLang tLang}</span></div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.change | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-open" rv-if="data.pricedata.open"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.open| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.open | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-high" rv-if="data.pricedata.high"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.high| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.high | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-bid" rv-if="data.pricedata.bid"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.bid| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.bid | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-week52low" rv-if="data.fundamental.week52low"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.yearlow| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-popup-link" rv-aria-label="'52 week low modal' | i8ln tLang" role="button" rv-on-click="data.togglePopup" rv-on-enter-key-press-click="data.pressEnterClick" data-popuptype="week52low" tabindex="0"><i class="fa-solid fa-chart-simple"></i></a><span class="qmod-data-point qmod-textr">{data.fundamental.week52low.content | numeraljs}</span></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-sharevolume" rv-if="data.pricedata.sharevolume"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.volume| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.sharevolume | numeraljs '0,0'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-trailingdivrate" rv-if="data.fundamental.trailingDividendRate"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.trailingdivrate| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.trailingDividendRate | numeraljs}</div></div></div></div></div><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-r"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-lasttradedatetime" rv-if="data.pricedata.lasttradedatetime"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.date| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-tooltip" rv-title="data.pricedata.lasttradedatetime | momentjs 'true' 'MMM DD, YYYY'" rv-on-mouseenter="data.qmtooltip" rv-text="data.pricedata.lasttradedatetime | momentjs 'true' 'h:mmA'"></a></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-changepercent" rv-if="data.pricedata.changepercent"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.changepct| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.pricedata.changepercent | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-prevclose" rv-if="data.pricedata.prevclose"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.prevclose| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.prevclose | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-low" rv-if="data.pricedata.low"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.low| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.low | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-ask" rv-if="data.pricedata.ask"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.ask| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.ask | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-week52high" rv-if="data.fundamental.week52high"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.yearhigh| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-popup-link" rv-aria-label="'52 week high modal' | i8ln tLang" role="button" rv-on-click="data.togglePopup" rv-on-enter-key-press-click="data.pressEnterClick" data-popuptype="week52low" tabindex="0"><i class="fa-solid fa-chart-simple"></i></a><span class="qmod-data-point qmod-textr">{data.fundamental.week52high.content | numeraljs}</span></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-exShName" rv-if="data.key.exShName"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.exchange| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-tooltip" rv-title="data.key.exLgName" rv-on-mouseenter="data.qmtooltip" rv-text="data.key.exShName"></a></div></div></div></div></div></div></div><div rv-if="data.datatype | or 'mutual fund' 'money market fund'"><div class="pure-g"><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-l"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-last" rv-if="data.priceData.last"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.last| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.priceData.last | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-change" rv-if="data.priceData.change"><div class="pure-u-1-2"><div class="qmod-label qmod-textl"> <span rv-if="data.key.currency">{data.key.currency | asCurrencySymbol}&nbsp;</span><span rv-unless="data.key.currency">$&nbsp;</span><span>{tplLang.chg | toLang tLang}</span></div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.priceData.change | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-changepercent" rv-if="data.priceData.changePercent"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.changepct| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.priceData.changePercent | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-prevclose" rv-if="data.priceData.prevClose"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.prevclose| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.priceData.prevClose | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-weeks52high" rv-if="data.fundamental.weeks52High"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.yearhigh| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.fundamental.weeks52High | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-weeks52low" rv-if="data.fundamental.weeks52Low"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.yearlow| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.fundamental.weeks52Low | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-exShName" rv-if="data.symbolInformation.exchange.shortName"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.exchange| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-tooltip" rv-title="data.key.exLgName" rv-on-mouseenter="data.qmtooltip" rv-text="data.symbolInformation.exchange.shortName"></a></div></div></div></div></div><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-r"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-yeartodatepct" rv-if="data.shareInfo.pricechange.yeartodatepct"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.ytd| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.shareInfo.pricechange.yeartodatepct | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-day30pct" rv-if="data.shareInfo.pricechange.day30pct"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.1mnth| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.shareInfo.pricechange.day30pct | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-day90pct" rv-if="data.shareInfo.pricechange.day90pct"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.3mnths| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.shareInfo.pricechange.day90pct | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-weeks52change" rv-if="data.shareInfo.priceinfo.weeks52change"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.1yr| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.shareInfo.priceinfo.weeks52change | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-year3change" rv-if="data.shareInfo.priceinfo.year3change"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.3yr| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.shareInfo.priceinfo.year3change | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-year5change" rv-if="data.shareInfo.priceinfo.year5change"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.5yr| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.shareInfo.priceinfo.year5change | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-year10change" rv-if="data.shareInfo.priceinfo.year10change"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.10yr| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.shareInfo.priceinfo.year10change | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-trailingdivrate" rv-if="data.fundamental.trailingDividendRate"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.trailingdivrate| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.trailingDividendRate | numeraljs}</div></div></div></div></div></div></div><div rv-if="data.datatype | = 'equity option'"><div class="pure-g"><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-l"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-last" rv-if="data.pricedata.last"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.last| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.last | asQHLast tLang }</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-change" rv-if="data.pricedata.change"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.net| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.change | numeraljs }</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-open" rv-if="data.pricedata.open"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.open| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.open | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-high" rv-if="data.pricedata.high"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.high| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.high | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-bid" rv-if="data.pricedata.bid"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.bid| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.bid | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-bidsize" rv-if="data.pricedata.bidsize"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.bidsize| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.bidsize | numeraljs '0'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-contracthigh" rv-if="data.contract.contracthigh"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.contracthigh| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.contract.contracthigh | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-strike" rv-if="data.contract.strike"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.strike| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.contract.strike | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-openinterest" rv-if="data.contract.openinterest"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.openinterest| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.contract.openinterest | numeraljs '0,0'}</div></div></div></div></div><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-r"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-lasttradedatetime" rv-if="data.pricedata.lasttradedatetime"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.date| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-tooltip" rv-title="data.pricedata.lasttradedatetime | momentjs 'true' 'MMM DD, YYYY'" rv-on-mouseenter="data.qmtooltip" rv-text="data.pricedata.lasttradedatetime | momentjs 'true' 'h:mmA'"></a></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-changepercent" rv-if="data.pricedata.changepercent"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">Net&nbsp;%</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.changepercent | numeraljs '0.00'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-prevclose" rv-if="data.pricedata.prevclose"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.prevclose| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.prevclose | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-low" rv-if="data.pricedata.low"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.low| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.low | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-ask" rv-if="data.pricedata.ask"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.ask| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.ask | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-asksize" rv-if="data.pricedata.asksize"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.asksize| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.asksize | numeraljs '0'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-contractlow" rv-if="data.contract.contractlow"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.contractlow| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.contract.contractlow | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-contractvolume" rv-if="data.pricedata.contractvolume"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.volume| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.contractvolume | numeraljs '0,0'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-exShName" rv-if="data.key.exShName"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.exchange| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-tooltip" rv-title="data.key.exLgName" rv-on-mouseenter="data.qmtooltip">{data.key.exShName}</a></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-trailingdivrate" rv-if="data.fundamental.trailingDividendRate"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.trailingdivrate| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.trailingDividendRate | numeraljs}</div></div></div></div></div></div></div><div rv-if="data.datatype | = 'future'"><div class="pure-g"><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-l"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-last" rv-if="data.pricedata.last"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.last| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.last | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-change" rv-if="data.pricedata.change"><div class="pure-u-1-2"><div class="qmod-label qmod-textl"> <span rv-if="data.key.currency">{data.key.currency | asCurrencySymbol}&nbsp;</span><span rv-unless="data.key.currency">$&nbsp;</span><span>{tplLang.chg | toLang tLang}</span></div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.change | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-open" rv-if="data.pricedata.open"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.open| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.open | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-high" rv-if="data.pricedata.high"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.high| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.high | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-bid" rv-if="data.pricedata.bid"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.bid| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.bid | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-bidsize" rv-if="data.pricedata.bidsize"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.bidsize| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.bidsize | numeraljs '0'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-totalshares" rv-if="data.fundamental.totalsharesoutstanding"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.totalshares| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.totalsharesoutstanding | numeraljs '0.00a'}        </div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-week52high" rv-if="data.fundamental.week52high"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.yearhigh| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-popup-link" rv-aria-label="'52 week high modal' | i8ln tLang" role="button" rv-on-click="data.togglePopup" rv-on-enter-key-press-click="data.pressEnterClick" data-popuptype="week52low" tabindex="0"><i class="fa-solid fa-chart-simple"></i></a><span class="qmod-data-point qmod-textr">{data.fundamental.week52high.content | asQHLast tLang}</span></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-contracthigh" rv-if="data.contract.contracthigh" rv-hide="data.fundamental.week52high"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.contracthigh| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.contract.contracthigh | numeraljs '0,0.00'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-openinterest" rv-if="data.contract.openinterest"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.openinterest| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.contract.openinterest | numeraljs '0,0'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-float" rv-if="data.fundamental.avgvol30days" rv-show="scope.floatadv"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.avpd30| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.avgvol30days | numeraljs '0.00a'}</div></div></div></div></div><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-r"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-sharevolume" rv-if="data.pricedata.sharevolume"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.volume| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.sharevolume | numeraljs '0,0'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-changepercent" rv-if="data.pricedata.changepercent"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.changepct| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.pricedata.changepercent | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-prevclose" rv-if="data.pricedata.prevclose"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.prevclose| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.prevclose | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-low" rv-if="data.pricedata.low"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.low| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.low | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-ask" rv-if="data.pricedata.ask"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.ask| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.ask | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-asksize" rv-if="data.pricedata.asksize"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.asksize| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.asksize | numeraljs '0'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-asksize" rv-if="data.pricedata.vwap"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.vwap| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.vwap | numeraljs '0,0'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-week52low" rv-if="data.fundamental.week52low"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.yearlow| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-popup-link" rv-aria-label="'52 week low modal' | i8ln tLang" role="button" rv-on-click="data.togglePopup" rv-on-enter-key-press-click="data.pressEnterClick" data-popuptype="week52low" tabindex="0"><i class="fa-solid fa-chart-simple"></i></a><span class="qmod-data-point qmod-textr">{data.fundamental.week52low.content | asQHLast tLang}</span></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-contractlow" rv-if="data.contract.contractlow" rv-hide="data.fundamental.week52low"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.contractlow| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.contract.contractlow | numeraljs '0,0.00'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-float" rv-if="data.fundamental.float" rv-show="scope.floatadv"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.float| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.float | numeraljs '0.00a'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-exShName" rv-if="data.key.exShName"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.exchange| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-tooltip" rv-title="data.key.exLgName" rv-on-mouseenter="data.qmtooltip" rv-text="data.key.exShName"></a></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-trailingdivrate" rv-if="data.fundamental.trailingDividendRate"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.trailingdivrate| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.trailingDividendRate | numeraljs}</div></div></div></div></div></div></div><div rv-if="data.datatype | = 'rate'"><div class="pure-g"><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-l"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-last" rv-if="data.pricedata.last"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.thisweek| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.last | numeraljs"></div></div></div></div></div><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-r"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-exShName" rv-if="data.key.exShName"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.exchange| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-tooltip" rv-title="data.key.exLgName" rv-on-mouseenter="data.qmtooltip" rv-text="data.key.exShName"></a></div></div></div></div></div></div></div><dialog class="qmod-popup"><div class="qmod-popup-title">{data.popup.data.title}<div class="qmod-popup-titlebar-buttons"><button class="qmod-btn" autofocus="autofocus" rv-on-click="data.popup.close" rv-aria-label="'close52' | i8ln tLang" 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></dialog></div>