UNPKG

carbon-components-angular

Version:
1,304 lines (1,272 loc) 146 kB
<!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