carbon-components-angular
Version:
Next generation components
1,848 lines • 107 kB
HTML
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>carbon-components-angular documentation</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="../images/favicon.ico">
<link rel="stylesheet" href="../styles/style.css">
</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" >ComboBoxModule</a>
</li>
<li class="link">
<a href="../modules/ContentSwitcherModule.html" >ContentSwitcherModule</a>
</li>
<li class="link">
<a href="../modules/DialogModule.html" data-type="entity-link" class="active" >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" >ComboBoxModule</a>
</li>
<li class="link">
<a href="../modules/ContentSwitcherModule.html" >ContentSwitcherModule</a>
</li>
<li class="link">
<a href="../modules/DialogModule.html" data-type="entity-link" class="active" >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>DialogModule</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="1692pt" height="349pt"
viewBox="0.00 0.00 1692.00 349.00" 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 345)">
<title>dependencies</title>
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-345 1688,-345 1688,4 -4,4"/>
<text text-anchor="start" x="821.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="608,-10 608,-30 628,-30 628,-10 608,-10"/>
<text text-anchor="start" x="631.629" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000">  Declarations</text>
<polygon fill="#8dd3c7" stroke="transparent" points="721,-10 721,-30 741,-30 741,-10 721,-10"/>
<text text-anchor="start" x="744.7251" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000">  Module</text>
<polygon fill="#80b1d3" stroke="transparent" points="807,-10 807,-30 827,-30 827,-10 807,-10"/>
<text text-anchor="start" x="830.7812" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000">  Bootstrap</text>
<polygon fill="#fdb462" stroke="transparent" points="904,-10 904,-30 924,-30 924,-10 904,-10"/>
<text text-anchor="start" x="927.6732" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000">  Providers</text>
<polygon fill="#fb8072" stroke="transparent" points="1000,-10 1000,-30 1020,-30 1020,-10 1000,-10"/>
<text text-anchor="start" x="1023.7258" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000">  Exports</text>
<g id="clust1" class="cluster">
<title>cluster_DialogModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="8,-70 8,-333 1676,-333 1676,-70 8,-70"/>
</g>
<g id="clust2" class="cluster">
<title>cluster_DialogModule_declarations</title>
<polygon fill="none" stroke="#000000" points="403,-143 403,-195 1656,-195 1656,-143 403,-143"/>
</g>
<g id="clust7" class="cluster">
<title>cluster_DialogModule_DialogDirective_providers</title>
<polygon fill="none" stroke="#000000" points="1312,-78 1312,-130 1460,-130 1460,-78 1312,-78"/>
</g>
<g id="clust13" class="cluster">
<title>cluster_DialogModule_imports</title>
<polygon fill="none" stroke="#000000" points="16,-143 16,-195 395,-195 395,-143 16,-143"/>
</g>
<g id="clust14" class="cluster">
<title>cluster_DialogModule_exports</title>
<polygon fill="none" stroke="#000000" points="260,-273 260,-325 1545,-325 1545,-273 260,-273"/>
</g>
<!-- Dialog -->
<g id="node1" class="node">
<title>Dialog</title>
<polygon fill="#ffffb3" stroke="#000000" points="1648.1025,-187 1593.8975,-187 1593.8975,-151 1648.1025,-151 1648.1025,-187"/>
<text text-anchor="middle" x="1621" y="-164.8" font-family="Times,serif" font-size="14.00" fill="#000000">Dialog</text>
</g>
<!-- DialogModule -->
<g id="node11" class="node">
<title>DialogModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="1037.6528,-252 1034.6528,-256 1013.6528,-256 1010.6528,-252 940.3472,-252 940.3472,-216 1037.6528,-216 1037.6528,-252"/>
<text text-anchor="middle" x="989" y="-229.8" font-family="Times,serif" font-size="14.00" fill="#000000">DialogModule</text>
</g>
<!-- Dialog->DialogModule -->
<g id="edge1" class="edge">
<title>Dialog->DialogModule</title>
<path fill="none" stroke="#000000" d="M1621,-187.1061C1621,-206.3391 1621,-234 1621,-234 1621,-234 1047.804,-234 1047.804,-234"/>
<polygon fill="#000000" stroke="#000000" points="1047.8041,-230.5001 1037.804,-234 1047.804,-237.5001 1047.8041,-230.5001"/>
</g>
<!-- Tooltip -->
<g id="node2" class="node">
<title>Tooltip</title>
<polygon fill="#ffffb3" stroke="#000000" points="1575.7248,-187 1518.2752,-187 1518.2752,-151 1575.7248,-151 1575.7248,-187"/>
<text text-anchor="middle" x="1547" y="-164.8" font-family="Times,serif" font-size="14.00" fill="#000000">Tooltip</text>
</g>
<!-- Tooltip->DialogModule -->
<g id="edge2" class="edge">
<title>Tooltip->DialogModule</title>
<path fill="none" stroke="#000000" d="M1527.5945,-187.2667C1527.5945,-205.5552 1527.5945,-231 1527.5945,-231 1527.5945,-231 1047.7466,-231 1047.7466,-231"/>
<polygon fill="#000000" stroke="#000000" points="1047.7466,-227.5001 1037.7466,-231 1047.7466,-234.5001 1047.7466,-227.5001"/>
</g>
<!-- OverflowMenu -->
<g id="node3" class="node">
<title>OverflowMenu</title>
<polygon fill="#ffffb3" stroke="#000000" points="1500.2992,-187 1397.7008,-187 1397.7008,-151 1500.2992,-151 1500.2992,-187"/>
<text text-anchor="middle" x="1449" y="-164.8" font-family="Times,serif" font-size="14.00" fill="#000000">OverflowMenu</text>
</g>
<!-- OverflowMenu->DialogModule -->
<g id="edge3" class="edge">
<title>OverflowMenu->DialogModule</title>
<path fill="none" stroke="#000000" d="M1420.8793,-187.0336C1420.8793,-204.0597 1420.8793,-227 1420.8793,-227 1420.8793,-227 1047.7025,-227 1047.7025,-227"/>
<polygon fill="#000000" stroke="#000000" points="1047.7026,-223.5001 1037.7025,-227 1047.7025,-230.5001 1047.7026,-223.5001"/>
</g>
<!-- OverflowMenuPane -->
<g id="node4" class="node">
<title>OverflowMenuPane</title>
<polygon fill="#ffffb3" stroke="#000000" points="1379.5115,-187 1250.4885,-187 1250.4885,-151 1379.5115,-151 1379.5115,-187"/>
<text text-anchor="middle" x="1315" y="-164.8" font-family="Times,serif" font-size="14.00" fill="#000000">OverflowMenuPane</text>
</g>
<!-- OverflowMenuPane->DialogModule -->
<g id="edge4" class="edge">
<title>OverflowMenuPane->DialogModule</title>
<path fill="none" stroke="#000000" d="M1254.875,-187.0091C1254.875,-203.0494 1254.875,-224 1254.875,-224 1254.875,-224 1047.7656,-224 1047.7656,-224"/>
<polygon fill="#000000" stroke="#000000" points="1047.7656,-220.5001 1037.7656,-224 1047.7655,-227.5001 1047.7656,-220.5001"/>
</g>
<!-- DialogDirective -->
<g id="node5" class="node">
<title>DialogDirective</title>
<polygon fill="#ffffb3" stroke="#000000" points="1232.1854,-187 1125.8146,-187 1125.8146,-151 1232.1854,-151 1232.1854,-187"/>
<text text-anchor="middle" x="1179" y="-164.8" font-family="Times,serif" font-size="14.00" fill="#000000">DialogDirective</text>
</g>
<!-- DialogDirective->DialogModule -->
<g id="edge5" class="edge">
<title>DialogDirective->DialogModule</title>
<path fill="none" stroke="#000000" d="M1196.8933,-187.1243C1196.8933,-201.7832 1196.8933,-220 1196.8933,-220 1196.8933,-220 1047.7417,-220 1047.7417,-220"/>
<polygon fill="#000000" stroke="#000000" points="1047.7418,-216.5001 1037.7417,-220 1047.7417,-223.5001 1047.7418,-216.5001"/>
</g>
<!-- TooltipDirective -->
<g id="node6" class="node">
<title>TooltipDirective</title>
<polygon fill="#ffffb3" stroke="#000000" points="1107.8076,-187 998.1924,-187 998.1924,-151 1107.8076,-151 1107.8076,-187"/>
<text text-anchor="middle" x="1053" y="-164.8" font-family="Times,serif" font-size="14.00" fill="#000000">TooltipDirective</text>
</g>
<!-- TooltipDirective->DialogModule -->
<g id="edge7" class="edge">
<title>TooltipDirective->DialogModule</title>
<path fill="none" stroke="#000000" d="M1018.0863,-187.1061C1018.0863,-187.1061 1018.0863,-205.991 1018.0863,-205.991"/>
<polygon fill="#000000" stroke="#000000" points="1014.5863,-205.9909 1018.0863,-215.991 1021.5863,-205.991 1014.5863,-205.9909"/>
</g>
<!-- EllipsisTooltip -->
<g id="node7" class="node">
<title>EllipsisTooltip</title>
<polygon fill="#ffffb3" stroke="#000000" points="980.7289,-187 881.2711,-187 881.2711,-151 980.7289,-151 980.7289,-187"/>
<text text-anchor="middle" x="931" y="-164.8" font-family="Times,serif" font-size="14.00" fill="#000000">EllipsisTooltip</text>
</g>
<!-- EllipsisTooltip->DialogModule -->
<g id="edge8" class="edge">
<title>EllipsisTooltip->DialogModule</title>
<path fill="none" stroke="#000000" d="M960.3941,-187.1061C960.3941,-187.1061 960.3941,-205.991 960.3941,-205.991"/>
<polygon fill="#000000" stroke="#000000" points="956.8942,-205.9909 960.3941,-215.991 963.8942,-205.991 956.8942,-205.9909"/>
</g>
<!-- OverflowMenuDirective -->
<g id="node8" class="node">
<title>OverflowMenuDirective</title>
<polygon fill="#ffffb3" stroke="#000000" points="863.3821,-187 708.6179,-187 708.6179,-151 863.3821,-151 863.3821,-187"/>
<text text-anchor="middle" x="786" y="-164.8" font-family="Times,serif" font-size="14.00" fill="#000000">OverflowMenuDirective</text>
</g>
<!-- OverflowMenuDirective->DialogModule -->
<g id="edge9" class="edge">
<title>OverflowMenuDirective->DialogModule</title>
<path fill="none" stroke="#000000" d="M856.7776,-187.1243C856.7776,-201.7832 856.7776,-220 856.7776,-220 856.7776,-220 930.1409,-220 930.1409,-220"/>
<polygon fill="#000000" stroke="#000000" points="930.1409,-223.5001 940.1409,-220 930.1409,-216.5001 930.1409,-223.5001"/>
</g>
<!-- OverflowMenuOption -->
<g id="node9" class="node">
<title>OverflowMenuOption</title>
<polygon fill="#ffffb3" stroke="#000000" points="690.6867,-187 549.3133,-187 549.3133,-151 690.6867,-151 690.6867,-187"/>
<text text-anchor="middle" x="620" y="-164.8" font-family="Times,serif" font-size="14.00" fill="#000000">OverflowMenuOption</text>
</g>
<!-- OverflowMenuOption->DialogModule -->
<g id="edge10" class="edge">
<title>OverflowMenuOption->DialogModule</title>
<path fill="none" stroke="#000000" d="M631.3263,-187.2819C631.3263,-202.9478 631.3263,-223 631.3263,-223 631.3263,-223 930.017,-223 930.017,-223"/>
<polygon fill="#000000" stroke="#000000" points="930.017,-226.5001 940.017,-223 930.0169,-219.5001 930.017,-226.5001"/>
</g>
<!-- DialogPlaceholder -->
<g id="node10" class="node">
<title>DialogPlaceholder</title>
<polygon fill="#ffffb3" stroke="#000000" points="531.1853,-187 410.8147,-187 410.8147,-151 531.1853,-151 531.1853,-187"/>
<text text-anchor="middle" x="471" y="-164.8" font-family="Times,serif" font-size="14.00" fill="#000000">DialogPlaceholder</text>
</g>
<!-- DialogPlaceholder->DialogModule -->
<g id="edge11" class="edge">
<title>DialogPlaceholder->DialogModule</title>
<path fill="none" stroke="#000000" d="M471,-187.0352C471,-203.7344 471,-226 471,-226 471,-226 930.2678,-226 930.2678,-226"/>
<polygon fill="#000000" stroke="#000000" points="930.2679,-229.5001 940.2678,-226 930.2678,-222.5001 930.2679,-229.5001"/>
</g>
<!-- Dialog -->
<g id="node16" class="node">
<title>Dialog </title>
<polygon fill="#fb8072" stroke="#000000" points="1536.6038,-317 1479.3962,-317 1479.3962,-281 1536.6038,-281 1536.6038,-317"/>
<text text-anchor="middle" x="1508" y="-294.8" font-family="Times,serif" font-size="14.00" fill="#000000">Dialog </text>
</g>
<!-- DialogModule->Dialog -->
<g id="edge15" class="edge">
<title>DialogModule->Dialog </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M1037.9183,-238C1163.9009,-238 1489.6741,-238 1489.6741,-238 1489.6741,-238 1489.6741,-270.698 1489.6741,-270.698"/>
<polygon fill="#000000" stroke="#000000" points="1486.1742,-270.698 1489.6741,-280.698 1493.1742,-270.698 1486.1742,-270.698"/>
</g>
<!-- Tooltip -->
<g id="node17" class="node">
<title>Tooltip </title>
<polygon fill="#fb8072" stroke="#000000" points="1461.225,-317 1400.775,-317 1400.775,-281 1461.225,-281 1461.225,-317"/>
<text text-anchor="middle" x="1431" y="-294.8" font-family="Times,serif" font-size="14.00" fill="#000000">Tooltip </text>
</g>
<!-- DialogModule->Tooltip -->
<g id="edge16" class="edge">
<title>DialogModule->Tooltip </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M1037.8144,-242C1154.7229,-242 1441.1207,-242 1441.1207,-242 1441.1207,-242 1441.1207,-270.9648 1441.1207,-270.9648"/>
<polygon fill="#000000" stroke="#000000" points="1437.6208,-270.9648 1441.1207,-280.9648 1444.6208,-270.9649 1437.6208,-270.9648"/>
</g>
<!-- OverflowMenu -->
<g id="node18" class="node">
<title>OverflowMenu </title>
<polygon fill="#fb8072" stroke="#000000" points="1382.799,-317 1277.201,-317 1277.201,-281 1382.799,-281 1382.799,-317"/>
<text text-anchor="middle" x="1330" y="-294.8" font-family="Times,serif" font-size="14.00" fill="#000000">OverflowMenu </text>
</g>
<!-- DialogModule->OverflowMenu -->
<g id="edge17" class="edge">
<title>DialogModule->OverflowMenu </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M1037.9932,-245C1131.9913,-245 1328.428,-245 1328.428,-245 1328.428,-245 1328.428,-270.7181 1328.428,-270.7181"/>
<polygon fill="#000000" stroke="#000000" points="1324.928,-270.718 1328.428,-280.7181 1331.928,-270.7181 1324.928,-270.718"/>
</g>
<!-- OverflowMenuPane -->
<g id="node19" class="node">
<title>OverflowMenuPane </title>
<polygon fill="#fb8072" stroke="#000000" points="1259.5106,-317 1126.4894,-317 1126.4894,-281 1259.5106,-281 1259.5106,-317"/>
<text text-anchor="middle" x="1193" y="-294.8" font-family="Times,serif" font-size="14.00" fill="#000000">OverflowMenuPane </text>
</g>
<!-- DialogModule->OverflowMenuPane -->
<g id="edge18" class="edge">
<title>DialogModule->OverflowMenuPane </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M1038.0252,-249C1089.0811,-249 1161.694,-249 1161.694,-249 1161.694,-249 1161.694,-270.9489 1161.694,-270.9489"/>
<polygon fill="#000000" stroke="#000000" points="1158.1941,-270.9488 1161.694,-280.9489 1165.1941,-270.9489 1158.1941,-270.9488"/>
</g>
<!-- DialogDirective -->
<g id="node20" class="node">
<title>DialogDirective </title>
<polygon fill="#fb8072" stroke="#000000" points="1108.6857,-317 999.3143,-317 999.3143,-281 1108.6857,-281 1108.6857,-317"/>
<text text-anchor="middle" x="1054" y="-294.8" font-family="Times,serif" font-size="14.00" fill="#000000">DialogDirective </text>
</g>
<!-- DialogModule->DialogDirective -->
<g id="edge19" class="edge">
<title>DialogModule->DialogDirective </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M1018.4918,-252.1061C1018.4918,-252.1061 1018.4918,-270.991 1018.4918,-270.991"/>
<polygon fill="#000000" stroke="#000000" points="1014.9918,-270.9909 1018.4918,-280.991 1021.9918,-270.991 1014.9918,-270.9909"/>
</g>
<!-- TooltipDirective -->
<g id="node21" class="node">
<title>TooltipDirective </title>
<polygon fill="#fb8072" stroke="#000000" points="981.3074,-317 868.6926,-317 868.6926,-281 981.3074,-281 981.3074,-317"/>
<text text-anchor="middle" x="925" y="-294.8" font-family="Times,serif" font-size="14.00" fill="#000000">TooltipDirective </text>
</g>
<!-- DialogModule->TooltipDirective -->
<g id="edge20" class="edge">
<title>DialogModule->TooltipDirective </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M960.7888,-252.1061C960.7888,-252.1061 960.7888,-270.991 960.7888,-270.991"/>
<polygon fill="#000000" stroke="#000000" points="957.2888,-270.9909 960.7888,-280.991 964.2888,-270.991 957.2888,-270.9909"/>
</g>
<!-- EllipsisTooltip -->
<g id="node22" class="node">
<title>EllipsisTooltip </title>
<polygon fill="#fb8072" stroke="#000000" points="850.229,-317 747.771,-317 747.771,-281 850.229,-281 850.229,-317"/>
<text text-anchor="middle" x="799" y="-294.8" font-family="Times,serif" font-size="14.00" fill="#000000">EllipsisTooltip </text>
</g>
<!-- DialogModule->EllipsisTooltip -->
<g id="edge21" class="edge">
<title>DialogModule->EllipsisTooltip </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M940.0703,-249C883.7746,-249 799,-249 799,-249 799,-249 799,-270.9489 799,-270.9489"/>
<polygon fill="#000000" stroke="#000000" points="795.5001,-270.9488 799,-280.9489 802.5001,-270.9489 795.5001,-270.9488"/>
</g>
<!-- OverflowMenuDirective -->
<g id="node23" class="node">
<title>OverflowMenuDirective </title>
<polygon fill="#fb8072" stroke="#000000" points="729.8816,-317 572.1184,-317 572.1184,-281 729.8816,-281 729.8816,-317"/>
<text text-anchor="middle" x="651" y="-294.8" font-family="Times,serif" font-size="14.00" fill="#000000">OverflowMenuDirective </text>
</g>
<!-- DialogModule->OverflowMenuDirective -->
<g id="edge22" class="edge">
<title>DialogModule->OverflowMenuDirective </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M940.1729,-246C862.4744,-246 719.375,-246 719.375,-246 719.375,-246 719.375,-270.7604 719.375,-270.7604"/>
<polygon fill="#000000" stroke="#000000" points="715.8751,-270.7604 719.375,-280.7604 722.8751,-270.7604 715.8751,-270.7604"/>
</g>
<!-- OverflowMenuOption -->
<g id="node24" class="node">
<title>OverflowMenuOption </title>
<polygon fill="#fb8072" stroke="#000000" points="554.1869,-317 409.8131,-317 409.8131,-281 554.1869,-281 554.1869,-317"/>
<text text-anchor="middle" x="482" y="-294.8" font-family="Times,serif" font-size="14.00" fill="#000000">OverflowMenuOption </text>
</g>
<!-- DialogModule->OverflowMenuOption -->
<g id="edge23" class="edge">
<title>DialogModule->OverflowMenuOption </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M940.1216,-243C823.8153,-243 540.2497,-243 540.2497,-243 540.2497,-243 540.2497,-270.973 540.2497,-270.973"/>
<polygon fill="#000000" stroke="#000000" points="536.7497,-270.973 540.2497,-280.973 543.7497,-270.973 536.7497,-270.973"/>
</g>
<!-- DialogPlaceholder -->
<g id="node25" class="node">
<title>DialogPlaceholder </title>
<polygon fill="#fb8072" stroke="#000000" points="391.6856,-317 268.3144,-317 268.3144,-281 391.6856,-281 391.6856,-317"/>
<text text-anchor="middle" x="330" y="-294.8" font-family="Times,serif" font-size="14.00" fill="#000000">DialogPlaceholder </text>
</g>
<!-- DialogModule->DialogPlaceholder -->
<g id="edge24" class="edge">
<title>DialogModule->DialogPlaceholder </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M940.3239,-239C790.8269,-239 348.3848,-239 348.3848,-239 348.3848,-239 348.3848,-270.998 348.3848,-270.998"/>
<polygon fill="#000000" stroke="#000000" points="344.8849,-270.998 348.3848,-280.998 351.8849,-270.9981 344.8849,-270.998"/>
</g>
<!-- DialogService -->
<g id="node12" class="node">
<title>DialogService</title>
<ellipse fill="#fdb462" stroke="#000000" cx="1386" cy="-104" rx="66.0492" ry="18"/>
<text text-anchor="middle" x="1386" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">DialogService</text>
</g>
<!-- DialogService->DialogDirective -->
<g id="edge6" class="edge">
<title>DialogService->DialogDirective</title>
<path fill="none" stroke="#000000" d="M1323.3314,-110C1262.406,-110 1179,-110 1179,-110 1179,-110 1179,-140.9775 1179,-140.9775"/>
<polygon fill="#000000" stroke="#000000" points="1175.5001,-140.9774 1179,-150.9775 1182.5001,-140.9775 1175.5001,-140.9774"/>
</g>
<!-- DialogService->DialogModule -->
<g id="edge25" class="edge">
<title>DialogService->DialogModule</title>
<path fill="none" stroke="#000000" d="M1323.1703,-98C1211.3625,-98 989.4804,-98 989.4804,-98 989.4804,-98 989.4804,-205.9403 989.4804,-205.9403"/>
<polygon fill="#000000" stroke="#000000" points="985.9804,-205.9402 989.4804,-215.9403 992.9804,-205.9403 985.9804,-205.9402"/>
</g>
<!-- StaticIconModule -->
<g id="node13" class="node">
<title>StaticIconModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="387.309,-187 384.309,-191 363.309,-191 360.309,-187 270.691,-187 270.691,-151 387.309,-151 387.309,-187"/>
<text text-anchor="middle" x="329" y="-164.8" font-family="Times,serif" font-size="14.00" fill="#000000">StaticIconModule</text>
</g>
<!-- StaticIconModule->DialogModule -->
<g id="edge12" class="edge">
<title>StaticIconModule->DialogModule</title>
<path fill="none" stroke="#000000" d="M309.6152,-187.302C309.6152,-205.2699 309.6152,-230 309.6152,-230 309.6152,-230 930.1403,-230 930.1403,-230"/>
<polygon fill="#000000" stroke="#000000" points="930.1404,-233.5001 940.1403,-230 930.1403,-226.5001 930.1404,-233.5001"/>
</g>
<!-- I18nModule -->
<g id="node14" class="node">
<title>I18nModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="252.7107,-187 249.7107,-191 228.7107,-191 225.7107,-187 167.2893,-187 167.2893,-151 252.7107,-151 252.7107,-187"/>
<text text-anchor="middle" x="210" y="-164.8" font-family="Times,serif" font-size="14.00" fill="#000000">I18nModule</text>
</g>
<!-- I18nModule->DialogModule -->
<g id="edge13" class="edge">
<title>I18nModule->DialogModule</title>
<path fill="none" stroke="#000000" d="M210,-187.1686C210,-206.0898 210,-233 210,-233 210,-233 930.2701,-233 930.2701,-233"/>
<polygon fill="#000000" stroke="#000000" points="930.2701,-236.5001 940.2701,-233 930.27,-229.5001 930.2701,-236.5001"/>
</g>
<!-- PlaceholderModule -->
<g id="node15" class="node">
<title>PlaceholderModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="149.6331,-187 146.6331,-191 125.6331,-191 122.6331,-187 24.3669,-187 24.3669,-151 149.6331,-151 149.6331,-187"/>
<text text-anchor="middle" x="87" y="-164.8" font-family="Times,serif" font-size="14.00" fill="#000000">PlaceholderModule</text>
</g>
<!-- PlaceholderModule->DialogModule -->
<g id="edge14" class="edge">
<title>PlaceholderModule->DialogModule</title>
<path fill="none" stroke="#000000" d="M87,-187.308C87,-207.1455 87,-236 87,-236 87,-236 930.1847,-236 930.1847,-236"/>
<polygon fill="#000000" stroke="#000000" points="930.1848,-239.5001 940.1847,-236 930.1847,-232.5001 930.1848,-239.5001"/>
</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/dialog/dialog.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/Dialog.html">Dialog</a>
</li>
<li class="list-group-item">
<a href="../s/Tooltip.html">Tooltip</a>
</li>
<li class="list-group-item">
<a href="../s/OverflowMenu.html">OverflowMenu</a>
</li>
<li class="list-group-item">
<a href="../s/OverflowMenuPane.html">OverflowMenuPane</a>
</li>
<li class="list-group-item">
<a href="../directives/DialogDirective.html">DialogDirective</a>
</li>
<li class="list-group-item">
<a href="../directives/TooltipDirective.html">TooltipDirective</a>
</li>
<li class="list-group-item">
<a href="../s/EllipsisTooltip.html">EllipsisTooltip</a>
</li>
<li class="list-group-item">
<a href="../directives/OverflowMenuDirective.html">OverflowMenuDirective</a>
</li>
<li class="list-group-item">
<a href="../s/OverflowMenuOption.html">OverflowMenuOption</a>
</li>
<li class="list-group-item">
<a href="../components/DialogPlaceholder.html">DialogPlaceholder</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<h3>Providers<a href="https://angular.io/api/core/NgModule#providers" target="_blank" title="Official documentation about module providers"><span class="fa fa-info-circle"></a></h3>
<ul class="list-group">
<li class="list-group-item">
<a href="../injectables/DialogService.html" >DialogService</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/StaticIconModule.html" >StaticIconModule</a>
</li>
<li class="list-group-item">
<a href="../modules/I18nModule.html" >I18nModule</a>
</li>
<li class="list-group-item">
<a href="../modules/PlaceholderModule.html" >PlaceholderModule</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/Dialog.html" >Dialog</a>
</li>
<li class="list-group-item">
<a href="../s/Tooltip.html" >Tooltip</a>
</li>
<li class="list-group-item">
<a href="../s/OverflowMenu.html" >OverflowMenu</a>
</li>
<li class="list-group-item">
<a href="../s/OverflowMenuPane.html" >OverflowMenuPane</a>
</li>
<li class="list-group-item">
<a href="../directives/DialogDirective.html" >DialogDirective</a>
</li>
<li class="list-group-item">
<a href="../directives/TooltipDirective.html" >TooltipDirective</a>
</li>
<li class="list-group-item">
<a href="../s/EllipsisTooltip.html" >EllipsisTooltip</a>
</li>
<li class="list-group-item">
<a href="../directives/OverflowMenuDirective.html" >OverflowMenuDirective</a>
</li>
<li class="list-group-item">
<a href="../s/OverflowMenuOption.html" >OverflowMenuOption</a>
</li>
<li class="list-group-item">
<a href="../s/DialogPlaceholder.html" >DialogPlaceholder</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 "@angular/core";
import { CommonModule } from "@angular/common";
import { StaticIconModule } from "./../icon/static-icon.module";
// imports
import { DialogService } from "./dialog.service";
import { Dialog } from "./dialog.component";
import { DialogDirective } from "./dialog.directive";
import { DialogPlaceholder } from "./dialog-placeholder.component";
import { Tooltip } from "./tooltip/tooltip.component";
import { TooltipDirective } from "./tooltip/tooltip.directive";
import { EllipsisTooltip } from "./tooltip/ellipsis-tooltip.directive";
import { OverflowMenu } from "./overflow-menu/overflow-menu.component";
import { OverflowMenuPane } from "./overflow-menu/overflow-menu-pane.component";
import { OverflowMenuDirective } from "./overflow-menu/overflow-menu.directive";
import { OverflowMenuOption } from "./overflow-menu/overflow-menu-option.component";
import { I18nModule } from "./../i18n/i18n.module";
import { PlaceholderModule } from "./../placeholder/placeholder.module";
// exports
export { DialogService } from "./dialog.service";
export { Dialog } from "./dialog.component";
export { DialogDirective } from "./dialog.directive";
export { DialogPlaceholder } from "./dialog-placeholder.component";
export { Tooltip } from "./tooltip/tooltip.component";
export { TooltipDirective } from "./tooltip/tooltip.directive";
export { EllipsisTooltip } from "./tooltip/ellipsis-tooltip.directive";
export { OverflowMenu } from "./overflow-menu/overflow-menu.component";
export { OverflowMenuPane } from "./overflow-menu/overflow-menu-pane.component";
export { OverflowMenuDirective } from "./overflow-menu/overflow-menu.directive";
export { OverflowMenuOption } from "./overflow-menu/overflow-menu-option.component";
@NgModule({
declarations: [
Dialog,
Tooltip,
OverflowMenu,
OverflowMenuPane,
DialogDirective,
TooltipDirective,
EllipsisTooltip,
OverflowMenuDirective,
OverflowMenuOption,
DialogPlaceholder
],
exports: [
Dialog,
Tooltip,
OverflowMenu,
OverflowMenuPane,
DialogDirective,
TooltipDirective,
EllipsisTooltip,
OverflowMenuDirective,
OverflowMenuOption,
DialogPlaceholder
],
providers: [ DialogService ],
entryComponents: [
Dialog,
Tooltip,
OverflowMenuPane
],
imports: [
CommonModule,
StaticIconModule,
I18nModule,
PlaceholderModule
]
})
export class DialogModule {}
</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>