carbon-components-angular
Version:
Next generation components
1,328 lines (1,088 loc) • 75 kB
HTML
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>carbon-components-angular documentation</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="../images/favicon.ico">
<link rel="stylesheet" href="../styles/style.css">
<link rel="stylesheet" href="../styles/dark.css">
<style>
footer.carbon {
position: absolute;
bottom: 0;
width: 100%;
z-index: 9999;
}
#root > div {
/*
* Subtracting the height of the footer to prevent
* overlaying the footer ontop of content
*/
height: calc(100vh - 48px);
}
</style>
</head>
<body>
<script>
// Blocking script to avoid flickering dark mode
// Dark mode toggle button
var useDark = window.matchMedia('(prefers-color-scheme: dark)');
var darkModeState = useDark.matches;
var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
var $darkModeToggles = document.querySelectorAll('.dark-mode-switch');
var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state');
function checkToggle(check) {
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
$darkModeToggleSwitchers[i].checked = check;
}
}
function toggleDarkMode(state) {
if (window.localStorage) {
localStorage.setItem('compodoc_darkmode-state', state);
}
checkToggle(state);
const hasClass = document.body.classList.contains('dark');
if (state) {
for (var i = 0; i < $darkModeToggles.length; i++) {
$darkModeToggles[i].classList.add('dark');
}
if (!hasClass) {
document.body.classList.add('dark');
}
} else {
for (var i = 0; i < $darkModeToggles.length; i++) {
$darkModeToggles[i].classList.remove('dark');
}
if (hasClass) {
document.body.classList.remove('dark');
}
}
}
useDark.addEventListener('change', function (evt) {
toggleDarkMode(evt.matches);
});
if (darkModeStateLocal) {
darkModeState = darkModeStateLocal === 'true';
}
toggleDarkMode(darkModeState);
</script>
<div class="navbar navbar-default navbar-fixed-top d-md-none p-0">
<div class="d-flex">
<a href="../" class="navbar-brand">carbon-components-angular documentation</a>
<button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
</div>
</div>
<div class="xs-menu menu" id="mobile-menu">
<div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div> <compodoc-menu></compodoc-menu>
</div>
<div class="container-fluid main">
<div class="row main">
<div class="d-none d-md-block menu">
<compodoc-menu mode="normal"></compodoc-menu>
</div>
<!-- START CONTENT -->
<div class="content miscellaneous-functions">
<div class="content-data">
<ol class="breadcrumb">
<li class="breadcrumb-item">Miscellaneous</li>
<li class="breadcrumb-item">Functions</li>
</ol>
<section data-compodoc="block-index">
<h3 id="index">Index</h3>
<table class="table table-sm table-bordered index-table">
<tbody>
<tr>
<td class="col-md-4">
<ul class="index-list">
<li>
<a href="#ANIMATION_FRAME_SERVICE_SINGLETON_PROVIDER_FACTORY" title="src/utils/utils.module.ts" ><b>ANIMATION_FRAME_SERVICE_SINGLETON_PROVIDER_FACTORY</b> (src/.../utils.module.ts)</a>
</li>
<li>
<a href="#clone" title="src/utils/utils.ts" ><b>clone</b> (src/.../utils.ts)</a>
</li>
<li>
<a href="#closestAttr" title="src/utils/utils.ts" ><b>closestAttr</b> (src/.../utils.ts)</a>
</li>
<li>
<a href="#cycleTabs" title="src/common/tab.service.ts" ><b>cycleTabs</b> (src/.../tab.service.ts)</a>
</li>
<li>
<a href="#DOCUMENT_SERVICE_PROVIDER_FACTORY" title="src/utils/utils.module.ts" ><b>DOCUMENT_SERVICE_PROVIDER_FACTORY</b> (src/.../utils.module.ts)</a>
</li>
<li>
<a href="#EXPERIMENTAL_SERVICE_PROVIDER_FACTORY" title="src/experimental/experimental.module.ts" ><b>EXPERIMENTAL_SERVICE_PROVIDER_FACTORY</b> (src/.../experimental.module.ts)</a>
</li>
<li>
<a href="#findNextElem" title="src/utils/a11y.ts" ><b>findNextElem</b> (src/.../a11y.ts)</a>
</li>
<li>
<a href="#findPrevElem" title="src/utils/a11y.ts" ><b>findPrevElem</b> (src/.../a11y.ts)</a>
</li>
<li>
<a href="#findSiblingElem" title="src/utils/a11y.ts" ><b>findSiblingElem</b> (src/.../a11y.ts)</a>
</li>
<li>
<a href="#focusFirstFocusableElement" title="src/common/tab.service.ts" ><b>focusFirstFocusableElement</b> (src/.../tab.service.ts)</a>
</li>
<li>
<a href="#focusLastFocusableElement" title="src/common/tab.service.ts" ><b>focusLastFocusableElement</b> (src/.../tab.service.ts)</a>
</li>
<li>
<a href="#focusNextElem" title="src/utils/a11y.ts" ><b>focusNextElem</b> (src/.../a11y.ts)</a>
</li>
<li>
<a href="#focusNextTree" title="src/utils/a11y.ts" ><b>focusNextTree</b> (src/.../a11y.ts)</a>
</li>
<li>
<a href="#focusPrevElem" title="src/utils/a11y.ts" ><b>focusPrevElem</b> (src/.../a11y.ts)</a>
</li>
<li>
<a href="#getFocusElementList" title="src/common/tab.service.ts" ><b>getFocusElementList</b> (src/.../tab.service.ts)</a>
</li>
<li>
<a href="#getScrollbarWidth" title="src/utils/window-tools.ts" ><b>getScrollbarWidth</b> (src/.../window-tools.ts)</a>
</li>
<li>
<a href="#HcModeChecker" title="src/utils/a11y.ts" ><b>HcModeChecker</b> (src/.../a11y.ts)</a>
</li>
<li>
<a href="#I18N_SERVICE_PROVIDER_FACTORY" title="src/i18n/i18n.module.ts" ><b>I18N_SERVICE_PROVIDER_FACTORY</b> (src/.../i18n.module.ts)</a>
</li>
<li>
<a href="#ICON_SERVICE_PROVIDER_FACTORY" title="src/icon/icon.module.ts" ><b>ICON_SERVICE_PROVIDER_FACTORY</b> (src/.../icon.module.ts)</a>
</li>
<li>
<a href="#isElementFocused" title="src/common/tab.service.ts" ><b>isElementFocused</b> (src/.../tab.service.ts)</a>
</li>
<li>
<a href="#isFocusInFirstItem" title="src/common/tab.service.ts" ><b>isFocusInFirstItem</b> (src/.../tab.service.ts)</a>
</li>
<li>
<a href="#isFocusInLastItem" title="src/common/tab.service.ts" ><b>isFocusInLastItem</b> (src/.../tab.service.ts)</a>
</li>
<li>
<a href="#isObject" title="src/exported-tests/component-tests.ts" ><b>isObject</b> (src/.../component-tests.ts)</a>
</li>
<li>
<a href="#isVisible" title="src/common/tab.service.ts" ><b>isVisible</b> (src/.../tab.service.ts)</a>
</li>
<li>
<a href="#matchesAttr" title="src/utils/utils.ts" ><b>matchesAttr</b> (src/.../utils.ts)</a>
</li>
<li>
<a href="#PLACEHOLDER_SERVICE_PROVIDER_FACTORY" title="src/placeholder/placeholder.module.ts" ><b>PLACEHOLDER_SERVICE_PROVIDER_FACTORY</b> (src/.../placeholder.module.ts)</a>
</li>
<li>
<a href="#range" title="src/common/utils.ts" ><b>range</b> (src/.../utils.ts)</a>
</li>
<li>
<a href="#watchFocusJump" title="src/dropdown/dropdowntools.ts" ><b>watchFocusJump</b> (src/.../dropdowntools.ts)</a>
</li>
</ul>
</td>
</tr>
</tbody>
</table>
</section>
<h3>src/utils/utils.module.ts</h3>
<section data-compodoc="block-methods">
<h3></h3> <table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-4">
<a name="ANIMATION_FRAME_SERVICE_SINGLETON_PROVIDER_FACTORY"></a>
<span class="name">
<span ><b>ANIMATION_FRAME_SERVICE_SINGLETON_PROVIDER_FACTORY</b></span>
<a href="#ANIMATION_FRAME_SERVICE_SINGLETON_PROVIDER_FACTORY"><span class="icon ion-ios-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>ANIMATION_FRAME_SERVICE_SINGLETON_PROVIDER_FACTORY(parentService: <a href="../injectables/AnimationFrameServiceSingleton.html" target="_self">AnimationFrameServiceSingleton</a>, ngZone: NgZone)</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-description">
<b>Parameters :</b>
<table class="params">
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td>Optional</td>
</tr>
</thead>
<tbody>
<tr>
<td>parentService</td>
<td>
<code><a href="../injectables/AnimationFrameServiceSingleton.html" target="_self" >AnimationFrameServiceSingleton</a></code>
</td>
<td>
No
</td>
</tr>
<tr>
<td>ngZone</td>
<td>
<code>NgZone</code>
</td>
<td>
No
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-4">
<a name="DOCUMENT_SERVICE_PROVIDER_FACTORY"></a>
<span class="name">
<span ><b>DOCUMENT_SERVICE_PROVIDER_FACTORY</b></span>
<a href="#DOCUMENT_SERVICE_PROVIDER_FACTORY"><span class="icon ion-ios-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>DOCUMENT_SERVICE_PROVIDER_FACTORY(parentService: <a href="../injectables/DocumentService.html" target="_self">DocumentService</a>)</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-description">
<b>Parameters :</b>
<table class="params">
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td>Optional</td>
</tr>
</thead>
<tbody>
<tr>
<td>parentService</td>
<td>
<code><a href="../injectables/DocumentService.html" target="_self" >DocumentService</a></code>
</td>
<td>
No
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</section> <h3>src/utils/utils.ts</h3>
<section data-compodoc="block-methods">
<h3></h3> <table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-4">
<a name="clone"></a>
<span class="name">
<span ><b>clone</b></span>
<a href="#clone"><span class="icon ion-ios-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>clone(obj)</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-description">
<b>Parameters :</b>
<table class="params">
<thead>
<tr>
<td>Name</td>
<td>Optional</td>
</tr>
</thead>
<tbody>
<tr>
<td>obj</td>
<td>
No
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-4">
<a name="closestAttr"></a>
<span class="name">
<span ><b>closestAttr</b></span>
<a href="#closestAttr"><span class="icon ion-ios-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>closestAttr(s, t, element)</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-description">
<b>Parameters :</b>
<table class="params">
<thead>
<tr>
<td>Name</td>
<td>Optional</td>
</tr>
</thead>
<tbody>
<tr>
<td>s</td>
<td>
No
</td>
</tr>
<tr>
<td>t</td>
<td>
No
</td>
</tr>
<tr>
<td>element</td>
<td>
No
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-4">
<a name="matchesAttr"></a>
<span class="name">
<span ><b>matchesAttr</b></span>
<a href="#matchesAttr"><span class="icon ion-ios-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>matchesAttr(el, attr, val)</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-description">
<b>Parameters :</b>
<table class="params">
<thead>
<tr>
<td>Name</td>
<td>Optional</td>
</tr>
</thead>
<tbody>
<tr>
<td>el</td>
<td>
No
</td>
</tr>
<tr>
<td>attr</td>
<td>
No
</td>
</tr>
<tr>
<td>val</td>
<td>
No
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</section> <h3>src/common/tab.service.ts</h3>
<section data-compodoc="block-methods">
<h3></h3> <table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-4">
<a name="cycleTabs"></a>
<span class="name">
<span ><b>cycleTabs</b></span>
<a href="#cycleTabs"><span class="icon ion-ios-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>cycleTabs(event, element)</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-description">
<b>Parameters :</b>
<table class="params">
<thead>
<tr>
<td>Name</td>
<td>Optional</td>
</tr>
</thead>
<tbody>
<tr>
<td>event</td>
<td>
No
</td>
</tr>
<tr>
<td>element</td>
<td>
No
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-4">
<a name="focusFirstFocusableElement"></a>
<span class="name">
<span ><b>focusFirstFocusableElement</b></span>
<a href="#focusFirstFocusableElement"><span class="icon ion-ios-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>focusFirstFocusableElement(list)</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-description">
<b>Parameters :</b>
<table class="params">
<thead>
<tr>
<td>Name</td>
<td>Optional</td>
</tr>
</thead>
<tbody>
<tr>
<td>list</td>
<td>
No
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-4">
<a name="focusLastFocusableElement"></a>
<span class="name">
<span ><b>focusLastFocusableElement</b></span>
<a href="#focusLastFocusableElement"><span class="icon ion-ios-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>focusLastFocusableElement(list)</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-description">
<b>Parameters :</b>
<table class="params">
<thead>
<tr>
<td>Name</td>
<td>Optional</td>
</tr>
</thead>
<tbody>
<tr>
<td>list</td>
<td>
No
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-4">
<a name="getFocusElementList"></a>
<span class="name">
<span ><b>getFocusElementList</b></span>
<a href="#getFocusElementList"><span class="icon ion-ios-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>getFocusElementList(element, selector)</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-description">
<b>Parameters :</b>
<table class="params">
<thead>
<tr>
<td>Name</td>
<td>Optional</td>
<td>Default value</td>
</tr>
</thead>
<tbody>
<tr>
<td>element</td>
<td>
No
</td>
<td>
</td>
</tr>
<tr>
<td>selector</td>
<td>
No
</td>
<td>
<code>tabbableSelector</code>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-4">
<a name="isElementFocused"></a>
<span class="name">
<span ><b>isElementFocused</b></span>
<a href="#isElementFocused"><span class="icon ion-ios-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>isElementFocused(event, element)</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-description">
<b>Parameters :</b>
<table class="params">
<thead>
<tr>
<td>Name</td>
<td>Optional</td>
</tr>
</thead>
<tbody>
<tr>
<td>event</td>
<td>
No
</td>
</tr>
<tr>
<td>element</td>
<td>
No
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-4">
<a name="isFocusInFirstItem"></a>
<span class="name">
<span ><b>isFocusInFirstItem</b></span>
<a href="#isFocusInFirstItem"><span class="icon ion-ios-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>isFocusInFirstItem(event, list)</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-description">
<b>Parameters :</b>
<table class="params">
<thead>
<tr>
<td>Name</td>
<td>Optional</td>
</tr>
</thead>
<tbody>
<tr>
<td>event</td>
<td>
No
</td>
</tr>
<tr>
<td>list</td>
<td>
No
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-4">
<a name="isFocusInLastItem"></a>
<span class="name">
<span ><b>isFocusInLastItem</b></span>
<a href="#isFocusInLastItem"><span class="icon ion-ios-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>isFocusInLastItem(event, list)</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-description">
<b>Parameters :</b>
<table class="params">
<thead>
<tr>
<td>Name</td>
<td>Optional</td>
</tr>
</thead>
<tbody>
<tr>
<td>event</td>
<td>
No
</td>
</tr>
<tr>
<td>list</td>
<td>
No
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-4">
<a name="isVisible"></a>
<span class="name">
<span ><b>isVisible</b></span>
<a href="#isVisible"><span class="icon ion-ios-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>isVisible(element)</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-description">
<b>Parameters :</b>
<table class="params">
<thead>
<tr>
<td>Name</td>
<td>Optional</td>
</tr>
</thead>
<tbody>
<tr>
<td>element</td>
<td>
No
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</section> <h3>src/experimental/experimental.module.ts</h3>
<section data-compodoc="block-methods">
<h3></h3> <table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-4">
<a name="EXPERIMENTAL_SERVICE_PROVIDER_FACTORY"></a>
<span class="name">
<span ><b>EXPERIMENTAL_SERVICE_PROVIDER_FACTORY</b></span>
<a href="#EXPERIMENTAL_SERVICE_PROVIDER_FACTORY"><span class="icon ion-ios-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>EXPERIMENTAL_SERVICE_PROVIDER_FACTORY(parentService: <a href="../injectables/ExperimentalService.html" target="_self">ExperimentalService</a>)</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-description">
<b>Parameters :</b>
<table class="params">
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td>Optional</td>
</tr>
</thead>
<tbody>
<tr>
<td>parentService</td>
<td>
<code><a href="../injectables/ExperimentalService.html" target="_self" >ExperimentalService</a></code>
</td>
<td>
No
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</section> <h3>src/utils/a11y.ts</h3>
<section data-compodoc="block-methods">
<h3></h3> <table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-4">
<a name="findNextElem"></a>
<span class="name">
<span ><b>findNextElem</b></span>
<a href="#findNextElem"><span class="icon ion-ios-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>findNextElem(target)</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-description">
<b>Parameters :</b>
<table class="params">
<thead>
<tr>
<td>Name</td>
<td>Optional</td>
</tr>
</thead>
<tbody>
<tr>
<td>target</td>
<td>
No
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-4">
<a name="findPrevElem"></a>
<span class="name">
<span ><b>findPrevElem</b></span>
<a href="#findPrevElem"><span class="icon ion-ios-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>findPrevElem(target)</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-description">
<b>Parameters :</b>
<table class="params">
<thead>
<tr>
<td>Name</td>
<td>Optional</td>
</tr>
</thead>
<tbody>
<tr>
<td>target</td>
<td>
No
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-4">
<a name="findSiblingElem"></a>
<span class="name">
<span ><b>findSiblingElem</b></span>
<a href="#findSiblingElem"><span class="icon ion-ios-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>findSiblingElem(target, direction)</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-description">
<b>Parameters :</b>
<table class="params">
<thead>
<tr>
<td>Name</td>
<td>Optional</td>
</tr>
</thead>
<tbody>
<tr>
<td>target</td>
<td>
No
</td>
</tr>
<tr>
<td>direction</td>
<td>
No
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-4">
<a name="focusNextElem"></a>
<span class="name">
<span ><b>focusNextElem</b></span>
<a href="#focusNextElem"><span class="icon ion-ios-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>focusNextElem(elem, rootElem: null)</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-description">
<b>Parameters :</b>
<table class="params">
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td>Optional</td>
<td>Default value</td>
</tr>
</thead>
<tbody>
<tr>
<td>elem</td>
<td>
</td>
<td>
No
</td>
<td>
</td>
</tr>
<tr>
<td>rootElem</td>
<td>
<code>null</code>
</td>
<td>
No
</td>
<td>
<code>null</code>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<table class="table table-sm table-bordered">
<tbody>
<tr>
<td class="col-md-4">
<a name="focusNextTree"></a>
<span class="name">
<span ><b>focusNextTree</b></span>
<a href="#focusNextTree"><span class="icon ion-ios-link"></span></a>
</span>
</td>
</tr>
<tr>
<td class="col-md-4">
<code>focusNextTree(elem, rootElem: null)</code>
</td>
</tr>
<tr>
<td class="col-md-4">
<div class="io-description">
<b>Parameters :</b>
<table class="params">
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td>Optional</td>
<td>Default value</td>
</tr>
</thead>
<tbody>
<tr>
<td>elem</td>
<td>
</td>
<td>
No
</td>
<td>
</td>
</tr>
<tr>
<td>rootElem</td>
<td>
<code>null</code>
</td>
<td>