<div class="qmod-ui-tool qmod-fundcomparison"><h2 class="qmod-heading qmod-hbg">{'fund comparison' | i8ln tLang}</h2><div class="qmod-fundcomparison-wrapper qmod-tool-content" rv-unless="scope.error"><div class="qmod-nav" rv-ifclass="scope.loading" data-qmod-true-class="qmod-disabled"><smartlookup options="smartLookupOpts"></smartlookup><div class="qmod-symbol-list"> <div class="qmod-symbol-list-wrap"><div class="qmod-symbol-list-item" rv-each-symbol="scope.symbols" rv-on-click="scope.removeSymbol"><span class="qmod-symbol">{symbol}</span><span class="qmod-icon qm_icon-close-bld"></span></div></div></div></div><div class="qmod-smartlookup-results qmod-tool-wrap" rv-on-mouseenter="scope.smartlookup.closeLookupTimer" rv-on-mouseleave="scope.smartlookup.closeLookup" rv-show="scope.smartlookup.showResults"><ul class="qmod-tab-views qmod-tab-row"><li class="qmod-tab" rv-each-result="scope.smartlookup.result | groupby 'symbolType' | propertyList" rv-on-click="scope.smartlookup.switchResultsTab" rv-class-qmod-tab-active="scope.smartlookup.activeResultTab | = result.key"><span rv-text="result.key"></span></li><li class="qmod-sersel qmod-textr"><span class="qmod-searchby">{'searchby' | i8ln tLang}:</span><label class="qmod-label qmod-searchby-name" rv-class-qmod-active="scope.smartlookup.searchBy|= 'name'">{'name' | i8ln tLang}<input type="radio" name="search-by" value="name" rv-checked="scope.smartlookup.searchBy" rv-on-change="scope.smartlookup.doLookup"/></label><label class="qmod-label qmod-searchby-symbol" rv-class-qmod-active="scope.smartlookup.searchBy|= 'symbol'">{'symbol' | i8ln tLang}<input type="radio" name="search-by" value="symbol" rv-checked="scope.smartlookup.searchBy" rv-on-change="scope.smartlookup.doLookup"/></label></li></ul><div class="qmod-smartlookup-start" rv-show="scope.smartlookup.showStarted"></div><div class="qmod-smartlookup-wrap" rv-each-result="scope.smartlookup.result | groupby 'symbolType' | propertyList" rv-show="scope.smartlookup.activeResultTab | = result.key"><div class="qmod-smartlookup-result"><table class="qmod-table qmod-table-smartlookup"><tr rv-each-dataset="result.value" rv-data-symbol="dataset.symbol" rv-on-click="scope.smartlookup.lookupCallback"><td><span class="qmod-truncate">{dataset.name}</span></td><td>{dataset.symbol}</td><td class="qmod-mrkcpt qmod-textr">{dataset.countryCode}</td><td class="qmod-textr">{dataset.exchange}</td></tr></table></div></div></div><div class="qmod-no-symbols" rv-show="scope.nosymbols"> <div class="qmod-msg">{'please add a symbol' | i8ln tLang}</div></div><div class="qmod-fundcomparison-output" rv-hide="true | or scope.loading scope.nosymbols"><div class="ac"><div class="ac-trigger"><h3 class="qmod-heading qmod-subheading qmod-hbg"><span>{'fund overview' | i8ln tLang}</span><span class="qmod-icon qmod-chevron qm_icon-arrow-chevron-down-med"></span></h3></div><div class="ac-panel"><table class="qmod-table fundoverview-table responsive nowrap" width="100%"><thead><tr><td class="qmod-control"></td><th class="qmod-labels"></th><th class="qmod-textl" rv-each-symbol="scope.symbols"><div class="qmod-flex-row"><button class="qmod-no-btn qmod-symbol-forward" rv-if="scope.forwardURL" rv-on-click="scope.symbolForward">{symbol}</button><span rv-unless="scope.forwardURL">{symbol}</span><actionmenu actionMenuOpts="actionMenuOpts" quoteData="scope.overviewData" forwardSymbol="symbol"></actionmenu></div></th></tr></thead><tbody><tr class="qmod-table-row" rv-each-label="scope.overviewData"><td class="qmod-control"></td><td class="qmod-td-2 qmod-truncate" rv-title="label.name | i8ln tLang">{label.name | i8ln tLang}</td><td class="qmod-truncate" rv-each-val="label.val" rv-title="val" rv-data-index="index" rv-qmod-fundgrade="label">{val}</td></tr></tbody></table></div></div><div class="ac"><div class="ac-trigger"><h3 class="qmod-heading qmod-subheading qmod-hbg"><span>{'purchase info' | i8ln tLang}</span><span class="qmod-icon qmod-chevron qm_icon-arrow-chevron-down-med"></span></h3></div><div class="ac-panel"><table class="qmod-table purchaseinfo-table responsive nowrap" width="100%"><thead><tr><td class="qmod-control"></td><th class="qmod-labels"> </th><th class="qmod-textl" rv-each-symbol="scope.symbols"> <div class="qmod-flex-row"><button class="qmod-no-btn qmod-symbol-forward" rv-if="scope.forwardURL" rv-on-click="scope.symbolForward">{symbol}</button><span rv-unless="scope.forwardURL">{symbol}</span><actionmenu actionMenuOpts="actionMenuOpts" quoteData="scope.overviewData" forwardSymbol="symbol"></actionmenu></div></th></tr></thead><tbody><tr class="qmod-table-row" rv-each-label="scope.purchaseInfoData"><td class="qmod-control"></td><td class="qmod-td-2 qmod-truncate" rv-title="label.name | i8ln tLang">{label.name | i8ln tLang}</td><td class="qmod-truncate" rv-each-val="label.val" rv-title="val">{val}</td></tr></tbody></table></div></div><div class="ac"><div class="ac-trigger"><h3 class="qmod-heading qmod-subheading qmod-hbg"><span>{'volatility measures' | i8ln tLang}</span><span class="qmod-icon qmod-chevron qm_icon-arrow-chevron-down-med"></span></h3></div><div class="ac-panel"><table class="qmod-table volatilitymeasures-table responsive nowrap" width="100%"><thead><tr><td class="qmod-control"></td><th class="qmod-labels"> </th><th class="qmod-textl" rv-each-symbol="scope.symbols"> <div class="qmod-flex-row"><a href="href" rv-if="scope.forwardURL" rv-on-click="scope.symbolForward">{symbol}</a><span rv-unless="scope.forwardURL">{symbol}</span><actionmenu actionMenuOpts="actionMenuOpts" quoteData="scope.overviewData" forwardSymbol="symbol"></actionmenu></div></th></tr></thead><tbody><tr class="qmod-table-row" rv-each-label="scope.volatilityData"><td class="qmod-control"></td><td class="qmod-td-2 qmod-truncate" rv-title="label.name | i8ln tLang">{label.name | i8ln tLang}</td><td class="qmod-truncate" rv-each-val="label.val" rv-title="val">{val | numeraljs '0.00' '' tLang}</td></tr></tbody></table></div></div><div class="ac"><div class="ac-trigger"><h3 class="qmod-heading qmod-subheading qmod-hbg"><span>{'performance' | i8ln tLang}</span><span class="qmod-icon qmod-chevron qm_icon-arrow-chevron-down-med"></span></h3></div><div class="ac-panel"> <div class="qmod-performance-chart"></div><div class="qmod-table-con"><table class="qmod-table performance-table responsive nowrap" width="100%"><thead><tr><td class="qmod-control"></td><th class="qmod-labels"> </th><th class="qmod-textl" rv-each-symbol="scope.symbols"> <div class="qmod-flex-row"><button class="qmod-no-btn qmod-symbol-forward" rv-if="scope.forwardURL" rv-on-click="scope.symbolForward">{symbol}</button><span rv-unless="scope.forwardURL">{symbol}</span><actionmenu actionMenuOpts="actionMenuOpts" quoteData="scope.overviewData" forwardSymbol="symbol"></actionmenu></div></th></tr></thead><tbody><tr class="qmod-table-row" rv-each-label="scope.performanceData"><td class="qmod-control"></td><td class="qmod-td-2 qmod-truncate" rv-title="label.name | i8ln tLang">{label.name | i8ln tLang}</td><td class="qmod-truncate" rv-each-val="label.val" rv-title="val">{val}</td></tr></tbody></table></div></div></div><div class="ac"><div class="ac-trigger"><h3 class="qmod-heading qmod-subheading qmod-hbg"><span>{'top holdings' | i8ln tLang}</span><span class="qmod-icon qmod-chevron qm_icon-arrow-chevron-down-med"></span></h3></div><div class="ac-panel"><div class="qmod-topholdings-charts"></div></div></div><div class="ac"><div class="ac-trigger"><h3 class="qmod-heading qmod-subheading qmod-hbg"><span>{'sector allocation' | i8ln tLang}</span><span class="qmod-icon qmod-chevron qm_icon-arrow-chevron-down-med"></span></h3></div><div class="ac-panel"><div class="qmod-sectorallocation-byasset"><div class="qmod-byasset-chart qmod-sectorallocation-charts"></div><table class="qmod-table allocationbyasset-table responsive nowrap" width="100%"><thead><tr><td class="qmod-control"></td><th class="qmod-labels qmod-textl qmod-bold">{"by asset class" | i8ln tLang}</th><th class="qmod-textl" rv-each-symbol="scope.symbols"> <div class="qmod-flex-row"><button class="qmod-no-btn qmod-symbol-forward" rv-if="scope.forwardURL" rv-on-click="scope.symbolForward">{symbol}</button><span rv-unless="scope.forwardURL">{symbol}</span><actionmenu actionMenuOpts="actionMenuOpts" quoteData="scope.overviewData" forwardSymbol="symbol"></actionmenu></div></th></tr></thead><tbody><tr class="qmod-table-row" rv-each-label="scope.sectorData.asset"><td class="qmod-control"></td><td class="qmod-td-2" rv-title="label.name | i8ln tLang"> <div class="qmod-inline-flex"><span class="qmod-color-indicator" rv-qmod-indicator="index"></span><span class="category-name qmod-truncate">{label.name | i8ln tLang}</span></div></td><td class="qmod-truncate" rv-each-val="label.val" rv-title="val">{val}</td></tr></tbody></table></div><div class="qmod-sectorallocation-bysector"><div class="qmod-bysector-chart qmod-sectorallocation-charts"></div><table class="qmod-table allocationbysector-table responsive nowrap" width="100%"><thead><tr><td class="qmod-control"></td><th class="qmod-labels qmod-textl qmod-bold">{"by sector" | i8ln tLang}</th><th class="qmod-textl" rv-each-symbol="scope.symbols"> <div class="qmod-flex-row"><button class="qmod-no-btn qmod-symbol-forward" rv-if="scope.forwardURL" rv-on-click="scope.symbolForward">{symbol}</button><span rv-unless="scope.forwardURL">{symbol}</span><actionmenu actionMenuOpts="actionMenuOpts" quoteData="scope.overviewData" forwardSymbol="symbol"></actionmenu></div></th></tr></thead><tbody><tr class="qmod-table-row" rv-each-label="scope.sectorData.sector"><td class="qmod-control"></td><td class="qmod-td-2" rv-title="label.name | i8ln tLang"> <div class="qmod-inline-flex"><span class="qmod-color-indicator" rv-qmod-indicator="index"></span><span class="category-name qmod-truncate">{label.name | i8ln tLang}</span></div></td><td class="qmod-truncate" rv-each-val="label.val" rv-title="val">{val}</td></tr></tbody></table></div><div class="qmod-sectorallocation-bylocation"><div class="qmod-bylocation-chart qmod-sectorallocation-charts"></div><table class="qmod-table allocationbylocation-table responsive nowrap" width="100%"><thead><tr><td class="qmod-control"></td><th class="qmod-labels qmod-textl qmod-bold">{"by geographic location" | i8ln tLang}</th><th class="qmod-textl" rv-each-symbol="scope.symbols"> <div class="qmod-flex-row"><button class="qmod-no-btn qmod-symbol-forward" rv-if="scope.forwardURL" rv-on-click="scope.symbolForward">{symbol}</button><span rv-unless="scope.forwardURL">{symbol}</span><actionmenu actionMenuOpts="actionMenuOpts" quoteData="scope.overviewData" forwardSymbol="symbol"></actionmenu></div></th></tr></thead><tbody><tr class="qmod-table-row" rv-each-label="scope.sectorData.location"><td class="qmod-control"></td><td class="qmod-td-2" rv-title="label.name | i8ln tLang"> <div class="qmod-inline-flex"><span class="qmod-color-indicator" rv-qmod-indicator="index"></span><span class="category-name qmod-truncate">{label.name | i8ln tLang}</span></div></td><td class="qmod-truncate" rv-each-val="label.val" rv-title="val">{val}</td></tr></tbody></table></div></div></div></div></div><div class="qmod-fundcomparison-nodata" rv-show="scope.error"><div class="qmod-panel qmod-invalid qmod-dividends-no-data">{scope.error}</div></div><div class="qmod-loader-class" rv-show="scope.loading"><div class="qmod-loader-threedot"></div></div></div>