UNPKG

carbon-components-angular

Version:
1,542 lines 88.5 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">
    </head>
    <body>

        <div class="navbar navbar-default navbar-fixed-top visible-xs">
            <a href="../" class="navbar-brand">carbon-components-angular documentation</a>
            <button type="button" class="btn btn-default btn-menu fa fa-bars" id="btn-menu"></button>
        </div>

        <div class="xs-menu menu" id="mobile-menu">
            <div id="book-search-input" role="search">
                <input type="text" placeholder="Type to search">
            </div>
            <nav>
            
                <ul class="list">
            
                    <li class="title">
                        <a href="../index.html">carbon-components-angular documentation</a>
                    </li>
            
                    <li class="divider"></li>
            
            
                    <li class="chapter">
                        <a data-type="chapter-link" href="../index.html"><span class="fa fa-home"></span>Getting started</a>
                        <ul class="links">
                                <li class="link">
                                    <a 
                                        
                                         href="../overview.html" 
                                         href="../overview.html" 
                                        >
                                        <span class="fa fa-th"></span>Overview
                                    </a>
                                </li>
                                <li class="link">
                                  <a href="../index.html" ><span class="fa fa-file-text-o"></span>README</a>
                                </li>
                                <li class="link">
                                        <a href="../changelog.html"
                                    >
                                        <span class="fa fa-file-text-o"></span>CHANGELOG
                                    </a>
                                </li>
                                <li class="link">
                                        <a href="../license.html"
                                    >
                                        <span class="fa fa-file-text-o"></span>LICENSE
                                    </a>
                                </li>
                        </ul>
                    </li>
            
            
                    <li class="chapter">
                        <a data-type="chapter-link" href="../modules.html" >
                            <div class="menu-toggler linked" data-toggle="collapse"
                                    data-target="#xs-modules-links"
                            >
                                <span class="fa fa-archive"></span>
                                <span class="link-name">Modules</span>
                                <span class="fa fa-angle-down"></span>
                            </div>
                        </a>
                        <ul class="links collapse "
                                id="xs-modules-links"
                            >
                                <li class="link">
                                    <a href="../modules/AccordionModule.html" >AccordionModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/BannerModule.html" >BannerModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/ButtonModule.html" >ButtonModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/CalendarModule.html" >CalendarModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/CheckboxModule.html" >CheckboxModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/CodeSnippetModule.html" >CodeSnippetModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/ComboBoxModule.html"  data-type="entity-link" class="active" >ComboBoxModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/ContentSwitcherModule.html" >ContentSwitcherModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/DialogModule.html" >DialogModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/DropdownModule.html" >DropdownModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/I18nModule.html" >I18nModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/IconModule.html" >IconModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/InputModule.html" >InputModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/LinkModule.html" >LinkModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/ListGroupModule.html" >ListGroupModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/LoadingModule.html" >LoadingModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/ModalModule.html" >ModalModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/NFormsModule.html" >NFormsModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/NotificationModule.html" >NotificationModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/PaginationModule.html" >PaginationModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/PillInputModule.html" >PillInputModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/PlaceholderModule.html" >PlaceholderModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/ProgressIndicatorModule.html" >ProgressIndicatorModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/RadioModule.html" >RadioModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/SampleModule.html" >SampleModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/SelectModule.html" >SelectModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/StaticIconModule.html" >StaticIconModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/SwitchModule.html" >SwitchModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/TableModule.html" >TableModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/TabsModule.html" >TabsModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/TilesModule.html" >TilesModule</a>
                                </li>
                                <li class="link">
                                    <a href="../modules/ToggleModule.html" >ToggleModule</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-components-links"
                            >
                            <span class="fa fa-cogs"></span>
                            <span>Components</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-components-links"
                            >
                                <li class="link">
                                    <a href="../components/Accordion.html" >Accordion</a>
                                </li>
                                <li class="link">
                                    <a href="../components/AccordionItem.html" >AccordionItem</a>
                                </li>
                                <li class="link">
                                    <a href="../components/AlertModal.html" >AlertModal</a>
                                </li>
                                <li class="link">
                                    <a href="../components/AlertModalStory.html" >AlertModalStory</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Banner.html" >Banner</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Calendar.html" >Calendar</a>
                                </li>
                                <li class="link">
                                    <a href="../components/CalendarHeader.html" >CalendarHeader</a>
                                </li>
                                <li class="link">
                                    <a href="../components/CalendarMonth.html" >CalendarMonth</a>
                                </li>
                                <li class="link">
                                    <a href="../components/CalendarMonths.html" >CalendarMonths</a>
                                </li>
                                <li class="link">
                                    <a href="../components/CalendarQuarter.html" >CalendarQuarter</a>
                                </li>
                                <li class="link">
                                    <a href="../components/CalendarYear.html" >CalendarYear</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Checkbox.html" >Checkbox</a>
                                </li>
                                <li class="link">
                                    <a href="../components/ClickableTile.html" >ClickableTile</a>
                                </li>
                                <li class="link">
                                    <a href="../components/CodeSnippet.html" >CodeSnippet</a>
                                </li>
                                <li class="link">
                                    <a href="../components/ComboBox.html" >ComboBox</a>
                                </li>
                                <li class="link">
                                    <a href="../components/ContentSwitcher.html" >ContentSwitcher</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Dialog.html" >Dialog</a>
                                </li>
                                <li class="link">
                                    <a href="../components/DialogPlaceholder.html" >DialogPlaceholder</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Dropdown.html" >Dropdown</a>
                                </li>
                                <li class="link">
                                    <a href="../components/DropdownList.html" >DropdownList</a>
                                </li>
                                <li class="link">
                                    <a href="../components/DynamicTableStory.html" >DynamicTableStory</a>
                                </li>
                                <li class="link">
                                    <a href="../components/ExpansionTableStory.html" >ExpansionTableStory</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Icon.html" >Icon</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Label.html" >Label</a>
                                </li>
                                <li class="link">
                                    <a href="../components/ListGroup.html" >ListGroup</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Loading.html" >Loading</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Modal.html" >Modal</a>
                                </li>
                                <li class="link">
                                    <a href="../components/ModalFooter.html" >ModalFooter</a>
                                </li>
                                <li class="link">
                                    <a href="../components/ModalHeader.html" >ModalHeader</a>
                                </li>
                                <li class="link">
                                    <a href="../components/ModalPlaceholder.html" >ModalPlaceholder</a>
                                </li>
                                <li class="link">
                                    <a href="../components/ModalStory.html" >ModalStory</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Notification.html" >Notification</a>
                                </li>
                                <li class="link">
                                    <a href="../components/NotificationStory.html" >NotificationStory</a>
                                </li>
                                <li class="link">
                                    <a href="../components/OverflowMenu.html" >OverflowMenu</a>
                                </li>
                                <li class="link">
                                    <a href="../components/OverflowMenuOption.html" >OverflowMenuOption</a>
                                </li>
                                <li class="link">
                                    <a href="../components/OverflowMenuPane.html" >OverflowMenuPane</a>
                                </li>
                                <li class="link">
                                    <a href="../components/OverflowTableStory.html" >OverflowTableStory</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Overlay.html" >Overlay</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Pagination.html" >Pagination</a>
                                </li>
                                <li class="link">
                                    <a href="../components/PaginationStory.html" >PaginationStory</a>
                                </li>
                                <li class="link">
                                    <a href="../components/PaginationTableStory.html" >PaginationTableStory</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Pill.html" >Pill</a>
                                </li>
                                <li class="link">
                                    <a href="../components/PillInput.html" >PillInput</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Placeholder.html" >Placeholder</a>
                                </li>
                                <li class="link">
                                    <a href="../components/ProgressIndicator.html" >ProgressIndicator</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Radio.html" >Radio</a>
                                </li>
                                <li class="link">
                                    <a href="../components/RadioGroup.html" >RadioGroup</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Sample.html" >Sample</a>
                                </li>
                                <li class="link">
                                    <a href="../components/SampleModal.html" >SampleModal</a>
                                </li>
                                <li class="link">
                                    <a href="../components/SampleSub.html" >SampleSub</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Select.html" >Select</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Sprite.html" >Sprite</a>
                                </li>
                                <li class="link">
                                    <a href="../components/StaticIcon.html" >StaticIcon</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Switch.html" >Switch</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Tab.html" >Tab</a>
                                </li>
                                <li class="link">
                                    <a href="../components/TabHeaders.html" >TabHeaders</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Table.html" >Table</a>
                                </li>
                                <li class="link">
                                    <a href="../components/TableStory.html" >TableStory</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Tabs.html" >Tabs</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Tile.html" >Tile</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Toast.html" >Toast</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Toast.html" >Toast</a>
                                </li>
                                <li class="link">
                                    <a href="../components/ToastStory.html" >ToastStory</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Toggle.html" >Toggle</a>
                                </li>
                                <li class="link">
                                    <a href="../components/Tooltip.html" >Tooltip</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-directives-links"
                            >
                            <span class="fa fa-code"></span>
                            <span>Directives</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-directives-links"
                            >
                                <li class="link">
                                    <a href="../directives/Button.html" >Button</a>
                                </li>
                                <li class="link">
                                    <a href="../directives/ContentSwitcherOption.html" >ContentSwitcherOption</a>
                                </li>
                                <li class="link">
                                    <a href="../directives/DialogDirective.html" >DialogDirective</a>
                                </li>
                                <li class="link">
                                    <a href="../directives/EllipsisTooltip.html" >EllipsisTooltip</a>
                                </li>
                                <li class="link">
                                    <a href="../directives/Link.html" >Link</a>
                                </li>
                                <li class="link">
                                    <a href="../directives/OptGroup.html" >OptGroup</a>
                                </li>
                                <li class="link">
                                    <a href="../directives/Option.html" >Option</a>
                                </li>
                                <li class="link">
                                    <a href="../directives/OverflowMenuDirective.html" >OverflowMenuDirective</a>
                                </li>
                                <li class="link">
                                    <a href="../directives/ScrollableList.html" >ScrollableList</a>
                                </li>
                                <li class="link">
                                    <a href="../directives/TextArea.html" >TextArea</a>
                                </li>
                                <li class="link">
                                    <a href="../directives/TextInput.html" >TextInput</a>
                                </li>
                                <li class="link">
                                    <a href="../directives/TooltipDirective.html" >TooltipDirective</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-classes-links"
                            >
                            <span class="fa fa-file-code-o"></span>
                            <span>Classes</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-classes-links"
                            >
                                <li class="link">
                                    <a href="../classes/AbstractDropdownView.html" >AbstractDropdownView</a>
                                </li>
                                <li class="link">
                                    <a href="../classes/BaseModal.html" >BaseModal</a>
                                </li>
                                <li class="link">
                                    <a href="../classes/CheckboxChange.html" >CheckboxChange</a>
                                </li>
                                <li class="link">
                                    <a href="../classes/CustomHeaderItem.html" >CustomHeaderItem</a>
                                </li>
                                <li class="link">
                                    <a href="../classes/DateTimeModel.html" >DateTimeModel</a>
                                </li>
                                <li class="link">
                                    <a href="../classes/ModalContainer.html" >ModalContainer</a>
                                </li>
                                <li class="link">
                                    <a href="../classes/PaginationModel.html" >PaginationModel</a>
                                </li>
                                <li class="link">
                                    <a href="../classes/RadioChange.html" >RadioChange</a>
                                </li>
                                <li class="link">
                                    <a href="../classes/SampleBase.html" >SampleBase</a>
                                </li>
                                <li class="link">
                                    <a href="../classes/SwitchChange.html" >SwitchChange</a>
                                </li>
                                <li class="link">
                                    <a href="../classes/TableHeaderItem.html" >TableHeaderItem</a>
                                </li>
                                <li class="link">
                                    <a href="../classes/TableItem.html" >TableItem</a>
                                </li>
                                <li class="link">
                                    <a href="../classes/TableModel.html" >TableModel</a>
                                </li>
                                <li class="link">
                                    <a href="../classes/ToggleChange.html" >ToggleChange</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-injectables-links"
                            >
                            <span class="fa fa-long-arrow-down"></span>
                            <span>Injectables</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-injectables-links"
                            >
                                <li class="link">
                                    <a href="../injectables/BannerService.html" >BannerService</a>
                                </li>
                                <li class="link">
                                    <a href="../injectables/DialogService.html" >DialogService</a>
                                </li>
                                <li class="link">
                                    <a href="../injectables/I18n.html" >I18n</a>
                                </li>
                                <li class="link">
                                    <a href="../injectables/IconService.html" >IconService</a>
                                </li>
                                <li class="link">
                                    <a href="../injectables/ModalService.html" >ModalService</a>
                                </li>
                                <li class="link">
                                    <a href="../injectables/NotificationDisplayService.html" >NotificationDisplayService</a>
                                </li>
                                <li class="link">
                                    <a href="../injectables/NotificationService.html" >NotificationService</a>
                                </li>
                                <li class="link">
                                    <a href="../injectables/PlaceholderService.html" >PlaceholderService</a>
                                </li>
                        </ul>
                    </li>
            
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-interfaces-links"
                            >
                            <span class="fa fa-info"></span>
                            <span>Interfaces</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-interfaces-links"
                            >
                                <li class="link">
                                    <a href="../interfaces/AbsolutePosition.html" >AbsolutePosition</a>
                                </li>
                                <li class="link">
                                    <a href="../interfaces/AlertModalData.html" >AlertModalData</a>
                                </li>
                                <li class="link">
                                    <a href="../interfaces/BannerContent.html" >BannerContent</a>
                                </li>
                                <li class="link">
                                    <a href="../interfaces/DialogConfig.html" >DialogConfig</a>
                                </li>
                                <li class="link">
                                    <a href="../interfaces/ListItem.html" >ListItem</a>
                                </li>
                                <li class="link">
                                    <a href="../interfaces/ModalButton.html" >ModalButton</a>
                                </li>
                                <li class="link">
                                    <a href="../interfaces/NotificationContent.html" >NotificationContent</a>
                                </li>
                                <li class="link">
                                    <a href="../interfaces/NotificationContent.html" >NotificationContent</a>
                                </li>
                                <li class="link">
                                    <a href="../interfaces/SampleInterface.html" >SampleInterface</a>
                                </li>
                                <li class="link">
                                    <a href="../interfaces/SizeMap.html" >SizeMap</a>
                                </li>
                                <li class="link">
                                    <a href="../interfaces/ToastContent.html" >ToastContent</a>
                                </li>
                                <li class="link">
                                    <a href="../interfaces/ToastContent.html" >ToastContent</a>
                                </li>
                        </ul>
                    </li>
            
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-miscellaneous-links"
                            >
                            <span class="fa fa-cubes"></span>
                            <span>Miscellaneous</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-miscellaneous-links"
                            >
                                <li class="link">
                                  <a href="../miscellaneous/enumerations.html" data-type="entity-link" >Enums</a>
                                </li>
                                <li class="link">
                                  <a href="../miscellaneous/functions.html" data-type="entity-link" >Functions</a>
                                </li>
                                <li class="link">
                                  <a href="../miscellaneous/typealiases.html" data-type="entity-link" >Type aliases</a>
                                </li>
                                <li class="link">
                                  <a href="../miscellaneous/variables.html" data-type="entity-link" >Variables</a>
                                </li>
                        </ul>
                    </li>
            
            
                    <li class="chapter">
                        <a data-type="chapter-link" href="../coverage.html" ><span class="fa fa-tasks"></span>Documentation coverage</a>
                    </li>
            
                    <li class="divider"></li>
                    <li class="copyright">
                            Documentation generated using <a href="https://compodoc.github.io/website/" target="_blank">
                                        <img src="..//images/compodoc-vectorise.svg" class="img-responsive">
                            </a>
                    </li>
            
                </ul>
            
            </nav>
        </div>

        <div class="container-fluid main">
           <div class="row main">
               <div class="hidden-xs menu">
                   <nav>
                   
                       <ul class="list">
                   
                           <li class="title">
                               <a href="../index.html">carbon-components-angular documentation</a>
                           </li>
                   
                           <li class="divider"></li>
                   
                               <div id="book-search-input" role="search">
                                   <input type="text" placeholder="Type to search">
                               </div>
                   
                           <li class="chapter">
                               <a data-type="chapter-link" href="../index.html"><span class="fa fa-home"></span>Getting started</a>
                               <ul class="links">
                                       <li class="link">
                                           <a 
                                               
                                                href="../overview.html" 
                                                href="../overview.html" 
                                               >
                                               <span class="fa fa-th"></span>Overview
                                           </a>
                                       </li>
                                       <li class="link">
                                         <a href="../index.html" ><span class="fa fa-file-text-o"></span>README</a>
                                       </li>
                                       <li class="link">
                                               <a href="../changelog.html"
                                           >
                                               <span class="fa fa-file-text-o"></span>CHANGELOG
                                           </a>
                                       </li>
                                       <li class="link">
                                               <a href="../license.html"
                                           >
                                               <span class="fa fa-file-text-o"></span>LICENSE
                                           </a>
                                       </li>
                               </ul>
                           </li>
                   
                   
                           <li class="chapter">
                               <a data-type="chapter-link" href="../modules.html" >
                                   <div class="menu-toggler linked" data-toggle="collapse"
                                           data-target="#modules-links"
                                   >
                                       <span class="fa fa-archive"></span>
                                       <span class="link-name">Modules</span>
                                       <span class="fa fa-angle-down"></span>
                                   </div>
                               </a>
                               <ul class="links collapse "
                                       id="modules-links"
                   >
                                       <li class="link">
                                           <a href="../modules/AccordionModule.html" >AccordionModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/BannerModule.html" >BannerModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/ButtonModule.html" >ButtonModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/CalendarModule.html" >CalendarModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/CheckboxModule.html" >CheckboxModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/CodeSnippetModule.html" >CodeSnippetModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/ComboBoxModule.html"  data-type="entity-link" class="active" >ComboBoxModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/ContentSwitcherModule.html" >ContentSwitcherModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/DialogModule.html" >DialogModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/DropdownModule.html" >DropdownModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/I18nModule.html" >I18nModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/IconModule.html" >IconModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/InputModule.html" >InputModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/LinkModule.html" >LinkModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/ListGroupModule.html" >ListGroupModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/LoadingModule.html" >LoadingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/ModalModule.html" >ModalModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/NFormsModule.html" >NFormsModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/NotificationModule.html" >NotificationModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/PaginationModule.html" >PaginationModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/PillInputModule.html" >PillInputModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/PlaceholderModule.html" >PlaceholderModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/ProgressIndicatorModule.html" >ProgressIndicatorModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/RadioModule.html" >RadioModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/SampleModule.html" >SampleModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/SelectModule.html" >SelectModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/StaticIconModule.html" >StaticIconModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/SwitchModule.html" >SwitchModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/TableModule.html" >TableModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/TabsModule.html" >TabsModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/TilesModule.html" >TilesModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="../modules/ToggleModule.html" >ToggleModule</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#components-links"
                   >
                                   <span class="fa fa-cogs"></span>
                                   <span>Components</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="components-links"
                   >
                                       <li class="link">
                                           <a href="../components/Accordion.html" >Accordion</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/AccordionItem.html" >AccordionItem</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/AlertModal.html" >AlertModal</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/AlertModalStory.html" >AlertModalStory</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Banner.html" >Banner</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Calendar.html" >Calendar</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/CalendarHeader.html" >CalendarHeader</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/CalendarMonth.html" >CalendarMonth</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/CalendarMonths.html" >CalendarMonths</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/CalendarQuarter.html" >CalendarQuarter</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/CalendarYear.html" >CalendarYear</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Checkbox.html" >Checkbox</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/ClickableTile.html" >ClickableTile</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/CodeSnippet.html" >CodeSnippet</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/ComboBox.html" >ComboBox</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/ContentSwitcher.html" >ContentSwitcher</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Dialog.html" >Dialog</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/DialogPlaceholder.html" >DialogPlaceholder</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Dropdown.html" >Dropdown</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/DropdownList.html" >DropdownList</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/DynamicTableStory.html" >DynamicTableStory</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/ExpansionTableStory.html" >ExpansionTableStory</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Icon.html" >Icon</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Label.html" >Label</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/ListGroup.html" >ListGroup</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Loading.html" >Loading</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Modal.html" >Modal</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/ModalFooter.html" >ModalFooter</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/ModalHeader.html" >ModalHeader</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/ModalPlaceholder.html" >ModalPlaceholder</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/ModalStory.html" >ModalStory</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Notification.html" >Notification</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/NotificationStory.html" >NotificationStory</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/OverflowMenu.html" >OverflowMenu</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/OverflowMenuOption.html" >OverflowMenuOption</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/OverflowMenuPane.html" >OverflowMenuPane</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/OverflowTableStory.html" >OverflowTableStory</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Overlay.html" >Overlay</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Pagination.html" >Pagination</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/PaginationStory.html" >PaginationStory</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/PaginationTableStory.html" >PaginationTableStory</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Pill.html" >Pill</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/PillInput.html" >PillInput</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Placeholder.html" >Placeholder</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/ProgressIndicator.html" >ProgressIndicator</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Radio.html" >Radio</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/RadioGroup.html" >RadioGroup</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Sample.html" >Sample</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/SampleModal.html" >SampleModal</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/SampleSub.html" >SampleSub</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Select.html" >Select</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Sprite.html" >Sprite</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/StaticIcon.html" >StaticIcon</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Switch.html" >Switch</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Tab.html" >Tab</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/TabHeaders.html" >TabHeaders</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Table.html" >Table</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/TableStory.html" >TableStory</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Tabs.html" >Tabs</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Tile.html" >Tile</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Toast.html" >Toast</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Toast.html" >Toast</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/ToastStory.html" >ToastStory</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Toggle.html" >Toggle</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/Tooltip.html" >Tooltip</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#directives-links"
                   >
                                   <span class="fa fa-code"></span>
                                   <span>Directives</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="directives-links"
                   >
                                       <li class="link">
                                           <a href="../directives/Button.html" >Button</a>
                                       </li>
                                       <li class="link">
                                           <a href="../directives/ContentSwitcherOption.html" >ContentSwitcherOption</a>
                                       </li>
                                       <li class="link">
                                           <a href="../directives/DialogDirective.html" >DialogDirective</a>
                                       </li>
                                       <li class="link">
                                           <a href="../directives/EllipsisTooltip.html" >EllipsisTooltip</a>
                                       </li>
                                       <li class="link">
                                           <a href="../directives/Link.html" >Link</a>
                                       </li>
                                       <li class="link">
                                           <a href="../directives/OptGroup.html" >OptGroup</a>
                                       </li>
                                       <li class="link">
                                           <a href="../directives/Option.html" >Option</a>
                                       </li>
                                       <li class="link">
                                           <a href="../directives/OverflowMenuDirective.html" >OverflowMenuDirective</a>
                                       </li>
                                       <li class="link">
                                           <a href="../directives/ScrollableList.html" >ScrollableList</a>
                                       </li>
                                       <li class="link">
                                           <a href="../directives/TextArea.html" >TextArea</a>
                                       </li>
                                       <li class="link">
                                           <a href="../directives/TextInput.html" >TextInput</a>
                                       </li>
                                       <li class="link">
                                           <a href="../directives/TooltipDirective.html" >TooltipDirective</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#classes-links"
                   >
                                   <span class="fa fa-file-code-o"></span>
                                   <span>Classes</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="classes-links"
                   >
                                       <li class="link">
                                           <a href="../classes/AbstractDropdownView.html" >AbstractDropdownView</a>
                                       </li>
                                       <li class="link">
                                           <a href="../classes/BaseModal.html" >BaseModal</a>
                                       </li>
                                       <li class="link">
                                           <a href="../classes/CheckboxChange.html" >CheckboxChange</a>
                                       </li>
                                       <li class="link">
                                           <a href="../classes/CustomHeaderItem.html" >CustomHeaderItem</a>
                                       </li>
                                       <li class="link">
                                           <a href="../classes/DateTimeModel.html" >DateTimeModel</a>
                                       </li>
                                       <li class="link">
                                           <a href="../classes/ModalContainer.html" >ModalContainer</a>
                                       </li>
                                       <li class="link">
                                           <a href="../classes/PaginationModel.html" >PaginationModel</a>
                                       </li>
                                       <li class="link">
                                           <a href="../classes/RadioChange.html" >RadioChange</a>
                                       </li>
                                       <li class="link">
                                           <a href="../classes/SampleBase.html" >SampleBase</a>
                                       </li>
                                       <li class="link">
                                           <a href="../classes/SwitchChange.html" >SwitchChange</a>
                                       </li>
                                       <li class="link">
                                           <a href="../classes/TableHeaderItem.html" >TableHeaderItem</a>
                                       </li>
                                       <li class="link">
                                           <a href="../classes/TableItem.html" >TableItem</a>
                                       </li>
                                       <li class="link">
                                           <a href="../classes/TableModel.html" >TableModel</a>
                                       </li>
                                       <li class="link">
                                           <a href="../classes/ToggleChange.html" >ToggleChange</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#injectables-links"
                   >
                                   <span class="fa fa-long-arrow-down"></span>
                                   <span>Injectables</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="injectables-links"
                   >
                                       <li class="link">
                                           <a href="../injectables/BannerService.html" >BannerService</a>
                                       </li>
                                       <li class="link">
                                           <a href="../injectables/DialogService.html" >DialogService</a>
                                       </li>
                                       <li class="link">
                                           <a href="../injectables/I18n.html" >I18n</a>
                                       </li>
                                       <li class="link">
                                           <a href="../injectables/IconService.html" >IconService</a>
                                       </li>
                                       <li class="link">
                                           <a href="../injectables/ModalService.html" >ModalService</a>
                                       </li>
                                       <li class="link">
                                           <a href="../injectables/NotificationDisplayService.html" >NotificationDisplayService</a>
                                       </li>
                                       <li class="link">
                                           <a href="../injectables/NotificationService.html" >NotificationService</a>
                                       </li>
                                       <li class="link">
                                           <a href="../injectables/PlaceholderService.html" >PlaceholderService</a>
                                       </li>
                               </ul>
                           </li>
                   
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#interfaces-links"
                   >
                                   <span class="fa fa-info"></span>
                                   <span>Interfaces</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="interfaces-links"
                   >
                                       <li class="link">
                                           <a href="../interfaces/AbsolutePosition.html" >AbsolutePosition</a>
                                       </li>
                                       <li class="link">
                                           <a href="../interfaces/AlertModalData.html" >AlertModalData</a>
                                       </li>
                                       <li class="link">
                                           <a href="../interfaces/BannerContent.html" >BannerContent</a>
                                       </li>
                                       <li class="link">
                                           <a href="../interfaces/DialogConfig.html" >DialogConfig</a>
                                       </li>
                                       <li class="link">
                                           <a href="../interfaces/ListItem.html" >ListItem</a>
                                       </li>
                                       <li class="link">
                                           <a href="../interfaces/ModalButton.html" >ModalButton</a>
                                       </li>
                                       <li class="link">
                                           <a href="../interfaces/NotificationContent.html" >NotificationContent</a>
                                       </li>
                                       <li class="link">
                                           <a href="../interfaces/NotificationContent.html" >NotificationContent</a>
                                       </li>
                                       <li class="link">
                                           <a href="../interfaces/SampleInterface.html" >SampleInterface</a>
                                       </li>
                                       <li class="link">
                                           <a href="../interfaces/SizeMap.html" >SizeMap</a>
                                       </li>
                                       <li class="link">
                                           <a href="../interfaces/ToastContent.html" >ToastContent</a>
                                       </li>
                                       <li class="link">
                                           <a href="../interfaces/ToastContent.html" >ToastContent</a>
                                       </li>
                               </ul>
                           </li>
                   
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#miscellaneous-links"
                   >
                                   <span class="fa fa-cubes"></span>
                                   <span>Miscellaneous</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="miscellaneous-links"
                   >
                                       <li class="link">
                                         <a href="../miscellaneous/enumerations.html" data-type="entity-link" >Enums</a>
                                       </li>
                                       <li class="link">
                                         <a href="../miscellaneous/functions.html" data-type="entity-link" >Functions</a>
                                       </li>
                                       <li class="link">
                                         <a href="../miscellaneous/typealiases.html" data-type="entity-link" >Type aliases</a>
                                       </li>
                                       <li class="link">
                                         <a href="../miscellaneous/variables.html" data-type="entity-link" >Variables</a>
                                       </li>
                               </ul>
                           </li>
                   
                   
                           <li class="chapter">
                               <a data-type="chapter-link" href="../coverage.html" ><span class="fa fa-tasks"></span>Documentation coverage</a>
                           </li>
                   
                           <li class="divider"></li>
                           <li class="copyright">
                                   Documentation generated using <a href="https://compodoc.github.io/website/" target="_blank">
                                               <img src="..//images/compodoc-vectorise.svg" class="img-responsive">
                                   </a>
                           </li>
                   
                       </ul>
                   
                   </nav>
               </div>
               <div class="content module">
                   <div class="content-data">



<ol class="breadcrumb">
  <li>Modules</li>
  <li>ComboBoxModule</li>
</ol>

      <div class="text-center module-graph-container">
          <div id="module-graph-svg">
              <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.40.1 (20161225.0304)
 -->
<!-- Title: dependencies Pages: 1 -->
<svg width="540pt" height="396pt"
 viewBox="0.00 0.00 540.00 395.59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 391.5901)">
<title>dependencies</title>
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-391.5901 536,-391.5901 536,4 -4,4"/>
<text text-anchor="start" x="245.0091" y="-42.4" font-family="sans-serif" font-weight="bold" font-size="14.00" fill="#000000">Legend</text>
<polygon fill="#ffffb3" stroke="transparent" points="32,-10 32,-30 52,-30 52,-10 32,-10"/>
<text text-anchor="start" x="55.629" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Declarations</text>
<polygon fill="#8dd3c7" stroke="transparent" points="145,-10 145,-30 165,-30 165,-10 145,-10"/>
<text text-anchor="start" x="168.7251" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Module</text>
<polygon fill="#80b1d3" stroke="transparent" points="231,-10 231,-30 251,-30 251,-10 231,-10"/>
<text text-anchor="start" x="254.7812" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Bootstrap</text>
<polygon fill="#fdb462" stroke="transparent" points="328,-10 328,-30 348,-30 348,-10 328,-10"/>
<text text-anchor="start" x="351.6732" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Providers</text>
<polygon fill="#fb8072" stroke="transparent" points="424,-10 424,-30 444,-30 444,-10 424,-10"/>
<text text-anchor="start" x="447.7258" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Exports</text>
<g id="clust1" class="cluster">
<title>cluster_ComboBoxModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="8,-70 8,-379.5901 524,-379.5901 524,-70 8,-70"/>
</g>
<g id="clust2" class="cluster">
<title>cluster_ComboBoxModule_declarations</title>
<polygon fill="none" stroke="#000000" points="420,-189.5901 420,-241.5901 516,-241.5901 516,-189.5901 420,-189.5901"/>
</g>
<g id="clust3" class="cluster">
<title>cluster_ComboBoxModule_ComboBox_providers</title>
<polygon fill="none" stroke="#000000" points="376,-78 376,-176.5901 516,-176.5901 516,-78 376,-78"/>
</g>
<g id="clust4" class="cluster">
<title>cluster_ComboBoxModule_imports</title>
<polygon fill="none" stroke="#000000" points="16,-189.5901 16,-241.5901 412,-241.5901 412,-189.5901 16,-189.5901"/>
</g>
<g id="clust5" class="cluster">
<title>cluster_ComboBoxModule_exports</title>
<polygon fill="none" stroke="#000000" points="153,-319.5901 153,-371.5901 393,-371.5901 393,-319.5901 153,-319.5901"/>
</g>
<!-- ComboBox -->
<g id="node1" class="node">
<title>ComboBox</title>
<polygon fill="#ffffb3" stroke="#000000" points="508.065,-233.5901 427.935,-233.5901 427.935,-197.5901 508.065,-197.5901 508.065,-233.5901"/>
<text text-anchor="middle" x="468" y="-211.3901" font-family="Times,serif" font-size="14.00" fill="#000000">ComboBox</text>
</g>
<!-- ComboBoxModule -->
<g id="node2" class="node">
<title>ComboBoxModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="344.1137,-298.5901 341.1137,-302.5901 320.1137,-302.5901 317.1137,-298.5901 219.8863,-298.5901 219.8863,-262.5901 344.1137,-262.5901 344.1137,-298.5901"/>
<text text-anchor="middle" x="282" y="-276.3901" font-family="Times,serif" font-size="14.00" fill="#000000">ComboBoxModule</text>
</g>
<!-- ComboBox&#45;&gt;ComboBoxModule -->
<g id="edge1" class="edge">
<title>ComboBox&#45;&gt;ComboBoxModule</title>
<path fill="none" stroke="#000000" d="M468,-233.6962C468,-252.9292 468,-280.5901 468,-280.5901 468,-280.5901 354.1939,-280.5901 354.1939,-280.5901"/>
<polygon fill="#000000" stroke="#000000" points="354.1939,-277.0902 344.1939,-280.5901 354.1939,-284.0902 354.1939,-277.0902"/>
</g>
<!-- ComboBox  -->
<g id="node7" class="node">
<title>ComboBox </title>
<polygon fill="#fb8072" stroke="#000000" points="385.0638,-363.5901 300.9362,-363.5901 300.9362,-327.5901 385.0638,-327.5901 385.0638,-363.5901"/>
<text text-anchor="middle" x="343" y="-341.3901" font-family="Times,serif" font-size="14.00" fill="#000000">ComboBox </text>
</g>
<!-- ComboBoxModule&#45;&gt;ComboBox  -->
<g id="edge6" class="edge">
<title>ComboBoxModule&#45;&gt;ComboBox </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M322.5125,-298.6962C322.5125,-298.6962 322.5125,-317.581 322.5125,-317.581"/>
<polygon fill="#000000" stroke="#000000" points="319.0125,-317.581 322.5125,-327.581 326.0125,-317.5811 319.0125,-317.581"/>
</g>
<!-- DropdownModule  -->
<g id="node8" class="node">
<title>DropdownModule </title>
<polygon fill="#fb8072" stroke="#000000" points="283.4236,-363.5901 160.5764,-363.5901 160.5764,-327.5901 283.4236,-327.5901 283.4236,-363.5901"/>
<text text-anchor="middle" x="222" y="-341.3901" font-family="Times,serif" font-size="14.00" fill="#000000">DropdownModule </text>
</g>
<!-- ComboBoxModule&#45;&gt;DropdownModule  -->
<g id="edge7" class="edge">
<title>ComboBoxModule&#45;&gt;DropdownModule </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M251.7025,-298.6962C251.7025,-298.6962 251.7025,-317.581 251.7025,-317.581"/>
<polygon fill="#000000" stroke="#000000" points="248.2026,-317.581 251.7025,-327.581 255.2026,-317.5811 248.2026,-317.581"/>
</g>
<!-- {
 &#160;&#160;&#160;: , : , : true
} -->
<g id="node3" class="node">
<title>{
 &#160;&#160;&#160;: , : , : true
}</title>
<ellipse fill="#fdb462" stroke="#000000" cx="446" cy="-127.295" rx="62.3631" ry="41.0911"/>
<text text-anchor="middle" x="446" y="-139.895" font-family="Times,serif" font-size="14.00" fill="#000000">{</text>
<text text-anchor="middle" x="446" y="-123.095" font-family="Times,serif" font-size="14.00" fill="#000000"> &#160;&#160;&#160;: , : , : true</text>
<text text-anchor="middle" x="446" y="-106.295" font-family="Times,serif" font-size="14.00" fill="#000000">}</text>
</g>
<!-- {
 &#160;&#160;&#160;: , : , : true
}&#45;&gt;ComboBox -->
<g id="edge2" class="edge">
<title>{
 &#160;&#160;&#160;: , : , : true
}&#45;&gt;ComboBox</title>
<path fill="none" stroke="#000000" d="M467.9497,-166.0225C467.9497,-166.0225 467.9497,-187.4408 467.9497,-187.4408"/>
<polygon fill="#000000" stroke="#000000" points="464.4498,-187.4407 467.9497,-197.4408 471.4498,-187.4408 464.4498,-187.4407"/>
</g>
<!-- PillInputModule -->
<g id="node4" class="node">
<title>PillInputModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="404.0563,-233.5901 401.0563,-237.5901 380.0563,-237.5901 377.0563,-233.5901 295.9437,-233.5901 295.9437,-197.5901 404.0563,-197.5901 404.0563,-233.5901"/>
<text text-anchor="middle" x="350" y="-211.3901" font-family="Times,serif" font-size="14.00" fill="#000000">PillInputModule</text>
</g>
<!-- PillInputModule&#45;&gt;ComboBoxModule -->
<g id="edge3" class="edge">
<title>PillInputModule&#45;&gt;ComboBoxModule</title>
<path fill="none" stroke="#000000" d="M319.8896,-233.6962C319.8896,-233.6962 319.8896,-252.581 319.8896,-252.581"/>
<polygon fill="#000000" stroke="#000000" points="316.3896,-252.581 319.8896,-262.581 323.3896,-252.5811 316.3896,-252.581"/>
</g>
<!-- StaticIconModule -->
<g id="node5" class="node">
<title>StaticIconModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="278.309,-233.5901 275.309,-237.5901 254.309,-237.5901 251.309,-233.5901 161.691,-233.5901 161.691,-197.5901 278.309,-197.5901 278.309,-233.5901"/>
<text text-anchor="middle" x="220" y="-211.3901" font-family="Times,serif" font-size="14.00" fill="#000000">StaticIconModule</text>
</g>
<!-- StaticIconModule&#45;&gt;ComboBoxModule -->
<g id="edge4" class="edge">
<title>StaticIconModule&#45;&gt;ComboBoxModule</title>
<path fill="none" stroke="#000000" d="M249.0488,-233.6962C249.0488,-233.6962 249.0488,-252.581 249.0488,-252.581"/>
<polygon fill="#000000" stroke="#000000" points="245.5488,-252.581 249.0488,-262.581 252.5488,-252.5811 245.5488,-252.581"/>
</g>
<!-- DropdownModule -->
<g id="node6" class="node">
<title>DropdownModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="143.9244,-233.5901 140.9244,-237.5901 119.9244,-237.5901 116.9244,-233.5901 24.0756,-233.5901 24.0756,-197.5901 143.9244,-197.5901 143.9244,-233.5901"/>
<text text-anchor="middle" x="84" y="-211.3901" font-family="Times,serif" font-size="14.00" fill="#000000">DropdownModule</text>
</g>
<!-- DropdownModule&#45;&gt;ComboBoxModule -->
<g id="edge5" class="edge">
<title>DropdownModule&#45;&gt;ComboBoxModule</title>
<path fill="none" stroke="#000000" d="M84,-233.6962C84,-252.9292 84,-280.5901 84,-280.5901 84,-280.5901 209.8948,-280.5901 209.8948,-280.5901"/>
<polygon fill="#000000" stroke="#000000" points="209.8949,-284.0902 219.8948,-280.5901 209.8948,-277.0902 209.8949,-284.0902"/>
</g>
</g>
</svg>

          </div>
          <i id="fullscreen" class="fa fa-expand module-graph-fullscreen-btn" aria-hidden="true"></i>
          <div class="btn-group">
              <button id="zoom-in" class="btn btn-default btn-sm">Zoom in</button>
              <button id="reset" class="btn btn-default btn-sm">Reset</button>
              <button id="zoom-out" class="btn btn-default btn-sm">Zoom out</button>
          </div>
      </div>
      <script src="../js/libs/svg-pan-zoom.min.js"></script>
      <script src="../js/svg-pan-zoom.controls.js"></script>

<ul class="nav nav-tabs" role="tablist">
    <li class="active">
        <a href="#info" id="info-tab" role="tab" data-toggle="tab" data-link="info">Info</a>
    </li>


    <li>
        <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
    </li>
</ul>

<div class="tab-content">
    <div class="tab-pane fade active in" id="info">

        <p class="comment">
            <h3>File</h3>
        </p>
        <p class="comment">
            <code>src/combobox/combobox.module.ts</code>
        </p>


        <div class="container-fluid module">
            <div class="row">
                <div class="col-sm-3">
                    <h3>Declarations<a href="https://angular.io/api/core/NgModule#declarations" target="_blank" title="Official documentation about module declarations"><span class="fa fa-info-circle"></span></a></h3>
                    <ul class="list-group">
                            <li class="list-group-item">
                                <a href="../components/ComboBox.html">ComboBox</a>
                            </li>
                    </ul>
                </div>
                <div class="col-sm-3">
                    <h3>Imports<a href="https://angular.io/api/core/NgModule#imports" target="_blank" title="Official documentation about module imports"><span class="fa fa-info-circle"></a></h3>
                    <ul class="list-group">
                            <li class="list-group-item">
                                    <a href="../modules/PillInputModule.html" >PillInputModule</a>
                            </li>
                            <li class="list-group-item">
                                    <a href="../modules/StaticIconModule.html" >StaticIconModule</a>
                            </li>
                            <li class="list-group-item">
                                    <a href="../modules/DropdownModule.html" >DropdownModule</a>
                            </li>
                    </ul>
                </div>
                <div class="col-sm-3">
                    <h3>Exports<a href="https://angular.io/api/core/NgModule#exports" target="_blank" title="Official documentation about module exports"><span class="fa fa-info-circle"></a></h3>
                    <ul class="list-group">
                            <li class="list-group-item">
                                    <a href="../s/ComboBox.html" >ComboBox</a>
                            </li>
                            <li class="list-group-item">
                                    <a href="../modules/DropdownModule.html" >DropdownModule</a>
                            </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <div class="tab-pane fade tab-source-code" id="source">
        <pre class="line-numbers"><code class="language-typescript">import { NgModule } from &quot;@angular/core&quot;;
import { CommonModule } from &quot;@angular/common&quot;;

import { StaticIconModule } from &quot;./../icon/static-icon.module&quot;;
import { PillInputModule } from &quot;./../pill-input/pill-input.module&quot;;

import { ComboBox } from &quot;./combobox.component&quot;;
import { DropdownModule } from &quot;../dropdown/dropdown.module&quot;;

export { ComboBox } from &quot;./combobox.component&quot;;


@NgModule({
	declarations: [
		ComboBox
	],
	exports: [
		ComboBox,
		DropdownModule
	],
	imports: [
		CommonModule,
		PillInputModule,
		StaticIconModule,
		DropdownModule
	]
})
export class ComboBoxModule {}
</code></pre>
    </div>
</div>











                   </div><div class="search-results">
    <div class="has-results">
        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
        <ul class="search-results-list"></ul>
    </div>
    <div class="no-results">
        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
    </div>
</div>
</div>
           </div>
       </div>

       <script src="../js/libs/bootstrap-native.js"></script>

       <script src="../js/libs/es6-shim.min.js"></script>
       <script src="../js/libs/EventDispatcher.js"></script>
       <script src="../js/libs/promise.min.js"></script>
       <script src="../js/libs/zepto.min.js"></script>

       <script src="../js/compodoc.js"></script>

       <script>var COMPODOC_CURRENT_PAGE_DEPTH = 1;</script>

       <script src="../js/search/search.js"></script>
       <script src="../js/search/lunr.min.js"></script>
       <script src="../js/search/search-lunr.js"></script>

       <script src="../js/tabs.js"></script>
       <script src="../js/menu.js"></script>
       <script src="../js/libs/prism.js"></script>
       <script src="../js/sourceCode.js"></script>
       <script src="../js/search/search_index.js"></script>

    </body>
</html>