carbon-components-angular
Version:
Next generation components
1,304 lines (1,272 loc) • 146 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 coverage">
<div class="content-data">
<ol class="breadcrumb">
<li class="breadcrumb-item">Documentation coverage</li>
</ol>
<div>
<img src="./images/coverage-badge-documentation.svg">
</div>
<table class="table table-bordered coverage" id="coverage-table">
<thead class="coverage-header">
<tr>
<th>File</th>
<th>Type</th>
<th>Identifier</th>
<th style="text-align:right" class="statements" data-sort-default>Statements</th>
</tr>
</thead>
<tbody>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./components/AccordionItem.html">src/accordion/accordion-item.component.ts</a>
</td>
<td>component</td>
<td>AccordionItem</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/15)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./components/Accordion.html">src/accordion/accordion.component.ts</a>
</td>
<td>component</td>
<td>Accordion</td>
<td align="right" data-sort="25">
<span class="coverage-percent">25 %</span>
<span class="coverage-count">(2/8)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./components/BreadcrumbItemComponent.html">src/breadcrumb/breadcrumb-item.component.ts</a>
</td>
<td>component</td>
<td>BreadcrumbItemComponent</td>
<td align="right" data-sort="21">
<span class="coverage-percent">21 %</span>
<span class="coverage-count">(3/14)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./interfaces/BreadcrumbItem.html">src/breadcrumb/breadcrumb-item.interface.ts</a>
</td>
<td>interface</td>
<td>BreadcrumbItem</td>
<td align="right" data-sort="100">
<span class="coverage-percent">100 %</span>
<span class="coverage-count">(8/8)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./components/Breadcrumb.html">src/breadcrumb/breadcrumb.component.ts</a>
</td>
<td>component</td>
<td>Breadcrumb</td>
<td align="right" data-sort="18">
<span class="coverage-percent">18 %</span>
<span class="coverage-count">(3/16)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/variables.html#MINIMUM_OVERFLOW_THRESHOLD">src/breadcrumb/breadcrumb.component.ts</a>
</td>
<td>variable</td>
<td>MINIMUM_OVERFLOW_THRESHOLD</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./components/BaseIconButton.html">src/button/base-icon-button.component.ts</a>
</td>
<td>component</td>
<td>BaseIconButton</td>
<td align="right" data-sort="100">
<span class="coverage-percent">100 %</span>
<span class="coverage-count">(9/9)</span>
</td>
</tr>
<tr class="medium">
<td>
<!-- miscellaneous -->
<a href="./components/ButtonSet.html">src/button/button-set.component.ts</a>
</td>
<td>component</td>
<td>ButtonSet</td>
<td align="right" data-sort="33">
<span class="coverage-percent">33 %</span>
<span class="coverage-count">(1/3)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./directives/Button.html">src/button/button.directive.ts</a>
</td>
<td>directive</td>
<td>Button</td>
<td align="right" data-sort="23">
<span class="coverage-percent">23 %</span>
<span class="coverage-count">(6/26)</span>
</td>
</tr>
<tr class="good">
<td>
<!-- miscellaneous -->
<a href="./components/IconButton.html">src/button/icon-button.component.ts</a>
</td>
<td>component</td>
<td>IconButton</td>
<td align="right" data-sort="70">
<span class="coverage-percent">70 %</span>
<span class="coverage-count">(21/30)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./classes/CheckboxExportedTests.html">src/checkbox/checkbox-exported-tests.ts</a>
</td>
<td>class</td>
<td>CheckboxExportedTests</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/8)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/variables.html#defaults">src/checkbox/checkbox-exported-tests.ts</a>
</td>
<td>variable</td>
<td>defaults</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./components/Checkbox.html">src/checkbox/checkbox.component.ts</a>
</td>
<td>component</td>
<td>Checkbox</td>
<td align="right" data-sort="88">
<span class="coverage-percent">88 %</span>
<span class="coverage-count">(32/36)</span>
</td>
</tr>
<tr class="medium">
<td>
<!-- miscellaneous -->
<a href="./components/CodeSnippet.html">src/code-snippet/code-snippet.component.ts</a>
</td>
<td>component</td>
<td>CodeSnippet</td>
<td align="right" data-sort="42">
<span class="coverage-percent">42 %</span>
<span class="coverage-count">(21/49)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./components/ComboButtonComponent.html">src/combo-button/combo-button.component.ts</a>
</td>
<td>component</td>
<td>ComboButtonComponent</td>
<td align="right" data-sort="25">
<span class="coverage-percent">25 %</span>
<span class="coverage-count">(9/35)</span>
</td>
</tr>
<tr class="good">
<td>
<!-- miscellaneous -->
<a href="./components/ComboBox.html">src/combobox/combobox.component.ts</a>
</td>
<td>component</td>
<td>ComboBox</td>
<td align="right" data-sort="61">
<span class="coverage-percent">61 %</span>
<span class="coverage-count">(55/90)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/functions.html#cycleTabs">src/common/tab.service.ts</a>
</td>
<td>function</td>
<td>cycleTabs</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/functions.html#focusFirstFocusableElement">src/common/tab.service.ts</a>
</td>
<td>function</td>
<td>focusFirstFocusableElement</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/functions.html#focusLastFocusableElement">src/common/tab.service.ts</a>
</td>
<td>function</td>
<td>focusLastFocusableElement</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/functions.html#getFocusElementList">src/common/tab.service.ts</a>
</td>
<td>function</td>
<td>getFocusElementList</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/functions.html#isElementFocused">src/common/tab.service.ts</a>
</td>
<td>function</td>
<td>isElementFocused</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/functions.html#isFocusInFirstItem">src/common/tab.service.ts</a>
</td>
<td>function</td>
<td>isFocusInFirstItem</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/functions.html#isFocusInLastItem">src/common/tab.service.ts</a>
</td>
<td>function</td>
<td>isFocusInLastItem</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/functions.html#isVisible">src/common/tab.service.ts</a>
</td>
<td>function</td>
<td>isVisible</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/variables.html#tabbableSelector">src/common/tab.service.ts</a>
</td>
<td>variable</td>
<td>tabbableSelector</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/variables.html#tabbableSelectorIgnoreTabIndex">src/common/tab.service.ts</a>
</td>
<td>variable</td>
<td>tabbableSelectorIgnoreTabIndex</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/functions.html#range">src/common/utils.ts</a>
</td>
<td>function</td>
<td>range</td>
<td align="right" data-sort="100">
<span class="coverage-percent">100 %</span>
<span class="coverage-count">(1/1)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./components/ContainedListItem.html">src/contained-list/contained-list-item.component.ts</a>
</td>
<td>component</td>
<td>ContainedListItem</td>
<td align="right" data-sort="80">
<span class="coverage-percent">80 %</span>
<span class="coverage-count">(12/15)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./components/ContainedList.html">src/contained-list/contained-list.component.ts</a>
</td>
<td>component</td>
<td>ContainedList</td>
<td align="right" data-sort="91">
<span class="coverage-percent">91 %</span>
<span class="coverage-count">(11/12)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./directives/ContentSwitcherOption.html">src/content-switcher/content-switcher-option.directive.ts</a>
</td>
<td>directive</td>
<td>ContentSwitcherOption</td>
<td align="right" data-sort="13">
<span class="coverage-percent">13 %</span>
<span class="coverage-count">(3/23)</span>
</td>
</tr>
<tr class="medium">
<td>
<!-- miscellaneous -->
<a href="./components/ContentSwitcher.html">src/content-switcher/content-switcher.component.ts</a>
</td>
<td>component</td>
<td>ContentSwitcher</td>
<td align="right" data-sort="33">
<span class="coverage-percent">33 %</span>
<span class="coverage-count">(3/9)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./components/ContextMenuDividerComponent.html">src/context-menu/context-menu-divider.component.ts</a>
</td>
<td>component</td>
<td>ContextMenuDividerComponent</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/5)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./components/ContextMenuGroupComponent.html">src/context-menu/context-menu-group.component.ts</a>
</td>
<td>component</td>
<td>ContextMenuGroupComponent</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/14)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./components/ContextMenuItemComponent.html">src/context-menu/context-menu-item.component.ts</a>
</td>
<td>component</td>
<td>ContextMenuItemComponent</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/47)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./injectables/ContextMenuSelectionService.html">src/context-menu/context-menu-selection.service.ts</a>
</td>
<td>injectable</td>
<td>ContextMenuSelectionService</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/8)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./components/ContextMenuComponent.html">src/context-menu/context-menu.component.ts</a>
</td>
<td>component</td>
<td>ContextMenuComponent</td>
<td align="right" data-sort="10">
<span class="coverage-percent">10 %</span>
<span class="coverage-count">(2/19)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./interfaces/ItemClickEvent.html">src/context-menu/context-menu.types.ts</a>
</td>
<td>interface</td>
<td>ItemClickEvent</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/6)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./components/DatePickerInput.html">src/datepicker-input/datepicker-input.component.ts</a>
</td>
<td>component</td>
<td>DatePickerInput</td>
<td align="right" data-sort="20">
<span class="coverage-percent">20 %</span>
<span class="coverage-count">(6/29)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/variables.html#carbonFlatpickrMonthSelectPlugin">src/datepicker/carbon-flatpickr-month-select.ts</a>
</td>
<td>variable</td>
<td>carbonFlatpickrMonthSelectPlugin</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/variables.html#config">src/datepicker/carbon-flatpickr-month-select.ts</a>
</td>
<td>variable</td>
<td>config</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/variables.html#monthToStr">src/datepicker/carbon-flatpickr-month-select.ts</a>
</td>
<td>variable</td>
<td>monthToStr</td>
<td align="right" data-sort="100">
<span class="coverage-percent">100 %</span>
<span class="coverage-count">(1/1)</span>
</td>
</tr>
<tr class="medium">
<td>
<!-- miscellaneous -->
<a href="./components/DatePicker.html">src/datepicker/datepicker.component.ts</a>
</td>
<td>component</td>
<td>DatePicker</td>
<td align="right" data-sort="41">
<span class="coverage-percent">41 %</span>
<span class="coverage-count">(28/68)</span>
</td>
</tr>
<tr class="medium">
<td>
<!-- miscellaneous -->
<a href="./interfaces/CloseMeta.html">src/dialog/dialog-config.interface.ts</a>
</td>
<td>interface</td>
<td>CloseMeta</td>
<td align="right" data-sort="33">
<span class="coverage-percent">33 %</span>
<span class="coverage-count">(1/3)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./interfaces/DialogConfig.html">src/dialog/dialog-config.interface.ts</a>
</td>
<td>interface</td>
<td>DialogConfig</td>
<td align="right" data-sort="100">
<span class="coverage-percent">100 %</span>
<span class="coverage-count">(15/15)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./components/Dialog.html">src/dialog/dialog.component.ts</a>
</td>
<td>component</td>
<td>Dialog</td>
<td align="right" data-sort="90">
<span class="coverage-percent">90 %</span>
<span class="coverage-count">(20/22)</span>
</td>
</tr>
<tr class="good">
<td>
<!-- miscellaneous -->
<a href="./directives/DialogDirective.html">src/dialog/dialog.directive.ts</a>
</td>
<td>directive</td>
<td>DialogDirective</td>
<td align="right" data-sort="67">
<span class="coverage-percent">67 %</span>
<span class="coverage-count">(25/37)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./injectables/DialogService.html">src/dialog/dialog.service.ts</a>
</td>
<td>injectable</td>
<td>DialogService</td>
<td align="right" data-sort="100">
<span class="coverage-percent">100 %</span>
<span class="coverage-count">(8/8)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./components/OverflowMenuCustomPane.html">src/dialog/overflow-menu/overflow-menu-custom-pane.component.ts</a>
</td>
<td>component</td>
<td>OverflowMenuCustomPane</td>
<td align="right" data-sort="78">
<span class="coverage-percent">78 %</span>
<span class="coverage-count">(18/23)</span>
</td>
</tr>
<tr class="medium">
<td>
<!-- miscellaneous -->
<a href="./components/OverflowMenuOption.html">src/dialog/overflow-menu/overflow-menu-option.component.ts</a>
</td>
<td>component</td>
<td>OverflowMenuOption</td>
<td align="right" data-sort="31">
<span class="coverage-percent">31 %</span>
<span class="coverage-count">(7/22)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/variables.html#REL">src/dialog/overflow-menu/overflow-menu-option.component.ts</a>
</td>
<td>variable</td>
<td>REL</td>
<td align="right" data-sort="100">
<span class="coverage-percent">100 %</span>
<span class="coverage-count">(1/1)</span>
</td>
</tr>
<tr class="good">
<td>
<!-- miscellaneous -->
<a href="./components/OverflowMenuPane.html">src/dialog/overflow-menu/overflow-menu-pane.component.ts</a>
</td>
<td>component</td>
<td>OverflowMenuPane</td>
<td align="right" data-sort="64">
<span class="coverage-percent">64 %</span>
<span class="coverage-count">(16/25)</span>
</td>
</tr>
<tr class="good">
<td>
<!-- miscellaneous -->
<a href="./components/OverflowMenu.html">src/dialog/overflow-menu/overflow-menu.component.ts</a>
</td>
<td>component</td>
<td>OverflowMenu</td>
<td align="right" data-sort="54">
<span class="coverage-percent">54 %</span>
<span class="coverage-count">(12/22)</span>
</td>
</tr>
<tr class="good">
<td>
<!-- miscellaneous -->
<a href="./directives/OverflowMenuDirective.html">src/dialog/overflow-menu/overflow-menu.directive.ts</a>
</td>
<td>directive</td>
<td>OverflowMenuDirective</td>
<td align="right" data-sort="60">
<span class="coverage-percent">60 %</span>
<span class="coverage-count">(26/43)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./components/Documentation.html">src/documentation-component/documentation.component.ts</a>
</td>
<td>component</td>
<td>Documentation</td>
<td align="right" data-sort="14">
<span class="coverage-percent">14 %</span>
<span class="coverage-count">(1/7)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./directives/AbstractDropdownView.html">src/dropdown/abstract-dropdown-view.class.ts</a>
</td>
<td>directive</td>
<td>AbstractDropdownView</td>
<td align="right" data-sort="90">
<span class="coverage-percent">90 %</span>
<span class="coverage-count">(20/22)</span>
</td>
</tr>
<tr class="good">
<td>
<!-- miscellaneous -->
<a href="./components/Dropdown.html">src/dropdown/dropdown.component.ts</a>
</td>
<td>component</td>
<td>Dropdown</td>
<td align="right" data-sort="65">
<span class="coverage-percent">65 %</span>
<span class="coverage-count">(55/84)</span>
</td>
</tr>
<tr class="medium">
<td>
<!-- miscellaneous -->
<a href="./injectables/DropdownService.html">src/dropdown/dropdown.service.ts</a>
</td>
<td>injectable</td>
<td>DropdownService</td>
<td align="right" data-sort="50">
<span class="coverage-percent">50 %</span>
<span class="coverage-count">(5/10)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/variables.html#defaultOffset">src/dropdown/dropdown.service.ts</a>
</td>
<td>variable</td>
<td>defaultOffset</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/functions.html#watchFocusJump">src/dropdown/dropdowntools.ts</a>
</td>
<td>function</td>
<td>watchFocusJump</td>
<td align="right" data-sort="100">
<span class="coverage-percent">100 %</span>
<span class="coverage-count">(1/1)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/variables.html#treetools">src/dropdown/dropdowntools.ts</a>
</td>
<td>variable</td>
<td>treetools</td>
<td align="right" data-sort="100">
<span class="coverage-percent">100 %</span>
<span class="coverage-count">(1/1)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./interfaces/ListItem.html">src/dropdown/list-item.interface.ts</a>
</td>
<td>interface</td>
<td>ListItem</td>
<td align="right" data-sort="100">
<span class="coverage-percent">100 %</span>
<span class="coverage-count">(5/5)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./components/DropdownList.html">src/dropdown/list/dropdown-list.component.ts</a>
</td>
<td>component</td>
<td>DropdownList</td>
<td align="right" data-sort="78">
<span class="coverage-percent">78 %</span>
<span class="coverage-count">(40/51)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./interfaces/ScrollCustomEvent.html">src/dropdown/list/scroll-custom-event.interface.ts</a>
</td>
<td>interface</td>
<td>ScrollCustomEvent</td>
<td align="right" data-sort="100">
<span class="coverage-percent">100 %</span>
<span class="coverage-count">(4/4)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./directives/ScrollableList.html">src/dropdown/scrollable-list.directive.ts</a>
</td>
<td>directive</td>
<td>ScrollableList</td>
<td align="right" data-sort="18">
<span class="coverage-percent">18 %</span>
<span class="coverage-count">(5/27)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/functions.html#EXPERIMENTAL_SERVICE_PROVIDER_FACTORY">src/experimental/experimental.module.ts</a>
</td>
<td>function</td>
<td>EXPERIMENTAL_SERVICE_PROVIDER_FACTORY</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/variables.html#EXPERIMENTAL_SERVICE_PROVIDER">src/experimental/experimental.module.ts</a>
</td>
<td>variable</td>
<td>EXPERIMENTAL_SERVICE_PROVIDER</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./injectables/ExperimentalService.html">src/experimental/experimental.service.ts</a>
</td>
<td>injectable</td>
<td>ExperimentalService</td>
<td align="right" data-sort="85">
<span class="coverage-percent">85 %</span>
<span class="coverage-count">(6/7)</span>
</td>
</tr>
<tr class="medium">
<td>
<!-- miscellaneous -->
<a href="./interfaces/Experiment.html">src/experimental/experimental.service.ts</a>
</td>
<td>interface</td>
<td>Experiment</td>
<td align="right" data-sort="50">
<span class="coverage-percent">50 %</span>
<span class="coverage-count">(1/2)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./classes/ComponentTests.html">src/exported-tests/component-tests.ts</a>
</td>
<td>class</td>
<td>ComponentTests</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/7)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/functions.html#isObject">src/exported-tests/component-tests.ts</a>
</td>
<td>function</td>
<td>isObject</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./interfaces/FileItem.html">src/file-uploader/file-item.interface.ts</a>
</td>
<td>interface</td>
<td>FileItem</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/7)</span>
</td>
</tr>
<tr class="good">
<td>
<!-- miscellaneous -->
<a href="./components/FileUploader.html">src/file-uploader/file-uploader.component.ts</a>
</td>
<td>component</td>
<td>FileUploader</td>
<td align="right" data-sort="64">
<span class="coverage-percent">64 %</span>
<span class="coverage-count">(22/34)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/variables.html#noop">src/file-uploader/file-uploader.component.ts</a>
</td>
<td>variable</td>
<td>noop</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./components/FileComponent.html">src/file-uploader/file.component.ts</a>
</td>
<td>component</td>
<td>FileComponent</td>
<td align="right" data-sort="15">
<span class="coverage-percent">15 %</span>
<span class="coverage-count">(2/13)</span>
</td>
</tr>
<tr class="medium">
<td>
<!-- miscellaneous -->
<a href="./directives/ColumnDirective.html">src/grid/column.directive.ts</a>
</td>
<td>directive</td>
<td>ColumnDirective</td>
<td align="right" data-sort="28">
<span class="coverage-percent">28 %</span>
<span class="coverage-count">(4/14)</span>
</td>
</tr>
<tr class="medium">
<td>
<!-- miscellaneous -->
<a href="./directives/GridDirective.html">src/grid/grid.directive.ts</a>
</td>
<td>directive</td>
<td>GridDirective</td>
<td align="right" data-sort="26">
<span class="coverage-percent">26 %</span>
<span class="coverage-count">(6/23)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./injectables/GridService.html">src/grid/grid.service.ts</a>
</td>
<td>injectable</td>
<td>GridService</td>
<td align="right" data-sort="16">
<span class="coverage-percent">16 %</span>
<span class="coverage-count">(1/6)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./directives/RowDirective.html">src/grid/row.directive.ts</a>
</td>
<td>directive</td>
<td>RowDirective</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/5)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/functions.html#I18N_SERVICE_PROVIDER_FACTORY">src/i18n/i18n.module.ts</a>
</td>
<td>function</td>
<td>I18N_SERVICE_PROVIDER_FACTORY</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/variables.html#I18N_SERVICE_PROVIDER">src/i18n/i18n.module.ts</a>
</td>
<td>variable</td>
<td>I18N_SERVICE_PROVIDER</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./classes/Overridable.html">src/i18n/i18n.service.ts</a>
</td>
<td>class</td>
<td>Overridable</td>
<td align="right" data-sort="87">
<span class="coverage-percent">87 %</span>
<span class="coverage-count">(7/8)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./injectables/I18n.html">src/i18n/i18n.service.ts</a>
</td>
<td>injectable</td>
<td>I18n</td>
<td align="right" data-sort="78">
<span class="coverage-percent">78 %</span>
<span class="coverage-count">(11/14)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/variables.html#replace">src/i18n/i18n.service.ts</a>
</td>
<td>variable</td>
<td>replace</td>
<td align="right" data-sort="100">
<span class="coverage-percent">100 %</span>
<span class="coverage-count">(1/1)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./pipes/ReplacePipe.html">src/i18n/replace.pipe.ts</a>
</td>
<td>pipe</td>
<td>ReplacePipe</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./directives/IconDirective.html">src/icon/icon.directive.ts</a>
</td>
<td>directive</td>
<td>IconDirective</td>
<td align="right" data-sort="7">
<span class="coverage-percent">7 %</span>
<span class="coverage-count">(1/14)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/functions.html#ICON_SERVICE_PROVIDER_FACTORY">src/icon/icon.module.ts</a>
</td>
<td>function</td>
<td>ICON_SERVICE_PROVIDER_FACTORY</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/variables.html#ICON_SERVICE_PROVIDER">src/icon/icon.module.ts</a>
</td>
<td>variable</td>
<td>ICON_SERVICE_PROVIDER</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./classes/IconCache.html">src/icon/icon.service.ts</a>
</td>
<td>class</td>
<td>IconCache</td>
<td align="right" data-sort="100">
<span class="coverage-percent">100 %</span>
<span class="coverage-count">(3/3)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./classes/IconMemoryCache.html">src/icon/icon.service.ts</a>
</td>
<td>class</td>
<td>IconMemoryCache</td>
<td align="right" data-sort="25">
<span class="coverage-percent">25 %</span>
<span class="coverage-count">(1/4)</span>
</td>
</tr>
<tr class="medium">
<td>
<!-- miscellaneous -->
<a href="./classes/IconNameNotFoundError.html">src/icon/icon.service.ts</a>
</td>
<td>class</td>
<td>IconNameNotFoundError</td>
<td align="right" data-sort="50">
<span class="coverage-percent">50 %</span>
<span class="coverage-count">(1/2)</span>
</td>
</tr>
<tr class="medium">
<td>
<!-- miscellaneous -->
<a href="./classes/IconSizeNotFoundError.html">src/icon/icon.service.ts</a>
</td>
<td>class</td>
<td>IconSizeNotFoundError</td>
<td align="right" data-sort="50">
<span class="coverage-percent">50 %</span>
<span class="coverage-count">(1/2)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./injectables/IconService.html">src/icon/icon.service.ts</a>
</td>
<td>injectable</td>
<td>IconService</td>
<td align="right" data-sort="85">
<span class="coverage-percent">85 %</span>
<span class="coverage-count">(6/7)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./interfaces/IconDescriptor.html">src/icon/icon.service.ts</a>
</td>
<td>interface</td>
<td>IconDescriptor</td>
<td align="right" data-sort="100">
<span class="coverage-percent">100 %</span>
<span class="coverage-count">(7/7)</span>
</td>
</tr>
<tr class="good">
<td>
<!-- miscellaneous -->
<a href="./components/InlineLoading.html">src/inline-loading/inline-loading.component.ts</a>
</td>
<td>component</td>
<td>InlineLoading</td>
<td align="right" data-sort="75">
<span class="coverage-percent">75 %</span>
<span class="coverage-count">(9/12)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./directives/TextInput.html">src/input/input.directive.ts</a>
</td>
<td>directive</td>
<td>TextInput</td>
<td align="right" data-sort="12">
<span class="coverage-percent">12 %</span>
<span class="coverage-count">(2/16)</span>
</td>
</tr>
<tr class="good">
<td>
<!-- miscellaneous -->
<a href="./components/Label.html">src/input/label.component.ts</a>
</td>
<td>component</td>
<td>Label</td>
<td align="right" data-sort="66">
<span class="coverage-percent">66 %</span>
<span class="coverage-count">(14/21)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./components/PasswordInputLabelComponent.html">src/input/password-input-label.component.ts</a>
</td>
<td>component</td>
<td>PasswordInputLabelComponent</td>
<td align="right" data-sort="80">
<span class="coverage-percent">80 %</span>
<span class="coverage-count">(33/41)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./directives/Passw