<div class="qmod-ui-tool qmod-ratioanalysis"><div class="qmod-block-wrapper"><h2 class="qmod-heading qmod-hbg"> <span class="qmod-title">{'ratioanalysis' | getTranslation}</span><span>{'for' | getTranslation}</span><span class="qmod-longname">{scope.longname}</span><span class="qmod-brackets" aria-hidden="aria-hidden">(</span><span class="qmod-symbol">{scope.symbol}</span><span class="qmod-brackets" aria-hidden="aria-hidden">)</span></h2></div><div class="qmod-ratioanalysis-wrapper"><div class="qmod-nav" rv-ifclass="scope.loading" data-qmod-true-class="qmod-disabled"><div class="qmod-dropdown-wrapper"><label class="qmod-label" id="ratioanalysis-periods-label">{'period' | i8ln tLang}</label><div class="qmod-a11y-dropdown2 qmod-periodType-dropdown"><div class="qmod-a11y-dropdown2-wrapper"><div class="qmod-a11y-dropdown2-combobox" rv-id="scope.binders.periodType.id | postFix '-combo'" rv-aria-controls="scope.binders.periodType.id | postFix '-listbox'" aria-haspopup="listbox" role="combobox" rv-on-keydown="scope.binders.periodType.handleKeyDown" rv-aria-activedescendant="scope.binders.periodType.id | postFix '-listbox-item-' | postFix scope.binders.periodType.currentItem" rv-aria-expanded="scope.binders.periodType.open" aria-labelledby="#ratioanalysis-periods-label" tabindex="0" rv-on-click="scope.binders.periodType.click" rv-on-blur="scope.binders.periodType.blur"> <span>{scope.binders.periodType.getSelectedLabel < selected}</span><i class="qmod-icon qm_icon-arrow-chevron-down2-med" aria-hidden="true" rv-ifclass="scope.binders.periodType.open" data-qmod-true-class="rotate-chevron-up" data-qmod-false-class="rotate-chevron-down"></i></div><div class="qmod-a11y-dropdown2-listbox" role="listbox" rv-id="scope.binders.periodType.id | postFix '-listbox'" tabindex="-1" aria-labelledby="#ratioanalysis-periods-label" rv-show="scope.binders.periodType.open"><div class="qmod-a11y-dropdown2-listbox-item" rv-id="scope.binders.periodType.id | postFix '-listbox-item-' | postFix index" rv-each-type="scope.binders.periodType.list" role="option" rv-on-mousedown="scope.binders.periodType.mousedown" rv-on-click="scope.binders.periodType.change" rv-aria-selected="scope.binders.periodType.selected|= index" rv-data-type="type.value" rv-class-qmod-option-current="scope.binders.periodType.currentItem|= index">{type.label}</div></div></div></div></div><div class="qmod-dropdown-wrapper"><label class="qmod-label" id="ratioanalysis-num-periods-label">{'amountofperiods' | i8ln tLang}</label><div class="qmod-a11y-dropdown2 qmod-numPeriods-dropdown"><div class="qmod-a11y-dropdown2-wrapper"><div class="qmod-a11y-dropdown2-combobox" rv-id="scope.binders.numPeriodsDropdown.id | postFix '-combo'" rv-aria-controls="scope.binders.numPeriodsDropdown.id | postFix '-listbox'" aria-haspopup="listbox" role="combobox" rv-on-keydown="scope.binders.numPeriodsDropdown.handleKeyDown" rv-aria-activedescendant="scope.binders.numPeriodsDropdown.id | postFix '-listbox-item-' | postFix scope.binders.numPeriodsDropdown.currentItem" rv-aria-expanded="scope.binders.numPeriodsDropdown.open" aria-labelledby="#ratioanalysis-num-periods-label" tabindex="0" rv-on-click="scope.binders.numPeriodsDropdown.click" rv-on-blur="scope.binders.numPeriodsDropdown.blur"> <span>{scope.binders.numPeriodsDropdown.getSelectedLabel < selected}</span><i class="qmod-icon qm_icon-arrow-chevron-down2-med" aria-hidden="true" rv-ifclass="scope.binders.numPeriodsDropdown.open" data-qmod-true-class="rotate-chevron-up" data-qmod-false-class="rotate-chevron-down"></i></div><div class="qmod-a11y-dropdown2-listbox" role="listbox" rv-id="scope.binders.numPeriodsDropdown.id | postFix '-listbox'" tabindex="-1" aria-labelledby="#ratioanalysis-num-periods-label" rv-show="scope.binders.numPeriodsDropdown.open"><div class="qmod-a11y-dropdown2-listbox-item" rv-id="scope.binders.numPeriodsDropdown.id | postFix '-listbox-item-' | postFix index" rv-each-type="scope.binders.numPeriodsDropdown.list" role="option" rv-on-mousedown="scope.binders.numPeriodsDropdown.mousedown" rv-on-click="scope.binders.numPeriodsDropdown.change" rv-aria-selected="scope.binders.numPeriodsDropdown.selected|= index" rv-data-type="type.value" rv-class-qmod-option-current="scope.binders.numPeriodsDropdown.currentItem|= index">{type.label}</div></div></div></div></div></div><div class="qmod-ratioanalysis-output" rv-unless="data"><div class="qmod-panel qmod-invalid qmod-dividends-no-data">{'nodata' | getTranslation} {scope.symbols}</div></div><div class="qmod-loader-class" rv-show="scope.loading"><div class="qmod-loader-threedot"></div></div><div class="qmod-ratioanalysis-tables" rv-if="data" rv-hide="scope.loading"><div class="pure-g"><div class="pure-u-1-1 qmod-block-wrapper" rv-each-type="scope.ratioCategories"><h3 class="qmod-heading qmod-subheading qmod-hbg">{type | getTranslation}</h3><div class="qmod-table-con"><table class="qmod-table qmod-ratioanalysis-table nowrap" cellpadding="0" cellspacing="0" width="100%"><thead><tr><th></th><th class="qmod-textr" rv-each-period="data">{period.date | formatDate}</th></tr></thead><tbody><tr class="qmod-table-row qmod-rows-default" rv-each-category="scope | getHeadings type"><td class="qmod-ratio-categories qmod-truncate" rv-title="category | getTranslation">{category | getTranslation}</td><td class="qmod-textr" rv-each-period="data">{period | getRatio type category | numeraljs '0,0.[00]a' '0' tLang}</td></tr><tr class="qmod-table-row qmod-rows-all d-none" rv-each-category-more="scope | getMoreHeadings type"><td class="qmod-ratio-categories qmod-truncate" rv-title="category-more | getTranslation">{category-more | getTranslation}</td><td class="qmod-textr" rv-each-period="data">{period | getRatio type category-more | numeraljs '0,0.[00]a' '0' tLang}</td></tr></tbody></table><div class="qmod-load-more qmod-textr" rv-show="type | checkMore"><a rv-on-click="scope.loadMore">{'load more' | getTranslation}</a></div></div></div></div></div></div></div>