carbon-components-angular

<!doctype html> <html class="no-js" lang=""> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>carbon-components-angular documentation</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="../images/favicon.ico"> <link rel="stylesheet" href="../styles/style.css"> <link rel="stylesheet" href="../styles/dark.css"> </head> <body> <div class="navbar navbar-default navbar-fixed-top d-block d-sm-none"> <a href="../" class="navbar-brand">carbon-components-angular documentation</a> <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button> </div> <div class="xs-menu menu" id="mobile-menu"> <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div> <compodoc-menu></compodoc-menu> </div> <div class="container-fluid main"> <div class="row main"> <div class="hidden-xs menu"> <compodoc-menu mode="normal"></compodoc-menu> </div>  <div class="content module"> <div class="content-data"> <ol class="breadcrumb"> <li class="breadcrumb-item">Modules</li> <li class="breadcrumb-item" >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">   <svg width="1669pt" height="349pt" viewBox="0.00 0.00 1669.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="white" stroke="transparent" points="-4,4 -4,-345 1665,-345 1665,4 -4,4"/> <text text-anchor="start" x="809.51" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text> <polygon fill="#ffffb3" stroke="transparent" points="596.5,-10 596.5,-30 616.5,-30 616.5,-10 596.5,-10"/> <text text-anchor="start" x="620.13" y="-15.4" font-family="Times-12" font-size="14.00">  Declarations</text> <polygon fill="#8dd3c7" stroke="transparent" points="709.5,-10 709.5,-30 729.5,-30 729.5,-10 709.5,-10"/> <text text-anchor="start" x="733.23" y="-15.4" font-family="Times-12" font-size="14.00">  Module</text> <polygon fill="#80b1d3" stroke="transparent" points="795.5,-10 795.5,-30 815.5,-30 815.5,-10 795.5,-10"/> <text text-anchor="start" x="819.28" y="-15.4" font-family="Times-12" font-size="14.00">  Bootstrap</text> <polygon fill="#fdb462" stroke="transparent" points="892.5,-10 892.5,-30 912.5,-30 912.5,-10 892.5,-10"/> <text text-anchor="start" x="916.17" y="-15.4" font-family="Times-12" font-size="14.00">  Providers</text> <polygon fill="#fb8072" stroke="transparent" points="988.5,-10 988.5,-30 1008.5,-30 1008.5,-10 988.5,-10"/> <text text-anchor="start" x="1012.23" y="-15.4" font-family="Times-12" font-size="14.00">  Exports</text> <g id="clust1" class="cluster"> <title>cluster_DialogModule</title> <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-333 1653,-333 1653,-70 8,-70"/> </g> <g id="clust4" class="cluster"> <title>cluster_DialogModule_DialogDirective_providers</title> <polygon fill="none" stroke="black" points="1497,-78 1497,-195 1645,-195 1645,-78 1497,-78"/> </g> <g id="clust2" class="cluster"> <title>cluster_DialogModule_declarations</title> <polygon fill="none" stroke="black" points="628,-143 628,-195 1489,-195 1489,-143 628,-143"/> </g> <g id="clust11" class="cluster"> <title>cluster_DialogModule_exports</title> <polygon fill="none" stroke="black" points="268,-273 268,-325 1278,-325 1278,-273 268,-273"/> </g> <g id="clust10" class="cluster"> <title>cluster_DialogModule_imports</title> <polygon fill="none" stroke="black" points="16,-143 16,-195 620,-195 620,-143 16,-143"/> </g>  <g id="node1" class="node"> <title>Dialog</title> <polygon fill="#ffffb3" stroke="black" points="1481.1,-187 1426.9,-187 1426.9,-151 1481.1,-151 1481.1,-187"/> <text text-anchor="middle" x="1454" y="-164.8" font-family="Times,serif" font-size="14.00">Dialog</text> </g>  <g id="node8" class="node"> <title>DialogModule</title> <polygon fill="#8dd3c7" stroke="black" points="902.65,-252 899.65,-256 878.65,-256 875.65,-252 805.35,-252 805.35,-216 902.65,-216 902.65,-252"/> <text text-anchor="middle" x="854" y="-229.8" font-family="Times,serif" font-size="14.00">DialogModule</text> </g>  <g id="edge1" class="edge"> <title>Dialog->DialogModule</title> <path fill="none" stroke="black" d="M1454,-187.27C1454,-205.56 1454,-231 1454,-231 1454,-231 912.85,-231 912.85,-231"/> <polygon fill="black" stroke="black" points="912.85,-227.5 902.85,-231 912.85,-234.5 912.85,-227.5"/> </g>  <g id="node2" class="node"> <title>DialogDirective</title> <polygon fill="#ffffb3" stroke="black" points="1611.19,-187 1504.81,-187 1504.81,-151 1611.19,-151 1611.19,-187"/> <text text-anchor="middle" x="1558" y="-164.8" font-family="Times,serif" font-size="14.00">DialogDirective</text> </g>  <g id="edge2" class="edge"> <title>DialogDirective->DialogModule</title> <path fill="none" stroke="black" d="M1558,-187.11C1558,-206.34 1558,-234 1558,-234 1558,-234 912.67,-234 912.67,-234"/> <polygon fill="black" stroke="black" points="912.67,-230.5 902.67,-234 912.67,-237.5 912.67,-230.5"/> </g>  <g id="node3" class="node"> <title>OverflowMenu</title> <polygon fill="#ffffb3" stroke="black" points="1409.3,-187 1306.7,-187 1306.7,-151 1409.3,-151 1409.3,-187"/> <text text-anchor="middle" x="1358" y="-164.8" font-family="Times,serif" font-size="14.00">OverflowMenu</text> </g>  <g id="edge4" class="edge"> <title>OverflowMenu->DialogModule</title> <path fill="none" stroke="black" d="M1358,-187.03C1358,-204.06 1358,-227 1358,-227 1358,-227 912.78,-227 912.78,-227"/> <polygon fill="black" stroke="black" points="912.78,-223.5 902.78,-227 912.78,-230.5 912.78,-223.5"/> </g>  <g id="node4" class="node"> <title>OverflowMenuCustomPane</title> <polygon fill="#ffffb3" stroke="black" points="1288.57,-187 1115.43,-187 1115.43,-151 1288.57,-151 1288.57,-187"/> <text text-anchor="middle" x="1202" y="-164.8" font-family="Times,serif" font-size="14.00">OverflowMenuCustomPane</text> </g>  <g id="edge5" class="edge"> <title>OverflowMenuCustomPane->DialogModule</title> <path fill="none" stroke="black" d="M1154.65,-187.01C1154.65,-203.05 1154.65,-224 1154.65,-224 1154.65,-224 912.97,-224 912.97,-224"/> <polygon fill="black" stroke="black" points="912.97,-220.5 902.97,-224 912.97,-227.5 912.97,-220.5"/> </g>  <g id="node5" class="node"> <title>OverflowMenuDirective</title> <polygon fill="#ffffb3" stroke="black" points="1097.38,-187 942.62,-187 942.62,-151 1097.38,-151 1097.38,-187"/> <text text-anchor="middle" x="1020" y="-164.8" font-family="Times,serif" font-size="14.00">OverflowMenuDirective</text> </g>  <g id="edge6" class="edge"> <title>OverflowMenuDirective->DialogModule</title> <path fill="none" stroke="black" d="M951.45,-187.12C951.45,-201.78 951.45,-220 951.45,-220 951.45,-220 912.73,-220 912.73,-220"/> <polygon fill="black" stroke="black" points="912.73,-216.5 902.73,-220 912.73,-223.5 912.73,-216.5"/> </g>  <g id="node6" class="node"> <title>OverflowMenuOption</title> <polygon fill="#ffffb3" stroke="black" points="924.69,-187 783.31,-187 783.31,-151 924.69,-151 924.69,-187"/> <text text-anchor="middle" x="854" y="-164.8" font-family="Times,serif" font-size="14.00">OverflowMenuOption</text> </g>  <g id="edge7" class="edge"> <title>OverflowMenuOption->DialogModule</title> <path fill="none" stroke="black" d="M854,-187.11C854,-187.11 854,-205.99 854,-205.99"/> <polygon fill="black" stroke="black" points="850.5,-205.99 854,-215.99 857.5,-205.99 850.5,-205.99"/> </g>  <g id="node7" class="node"> <title>OverflowMenuPane</title> <polygon fill="#ffffb3" stroke="black" points="765.51,-187 636.49,-187 636.49,-151 765.51,-151 765.51,-187"/> <text text-anchor="middle" x="701" y="-164.8" font-family="Times,serif" font-size="14.00">OverflowMenuPane</text> </g>  <g id="edge8" class="edge"> <title>OverflowMenuPane->DialogModule</title> <path fill="none" stroke="black" d="M756.83,-187.12C756.83,-201.78 756.83,-220 756.83,-220 756.83,-220 795.13,-220 795.13,-220"/> <polygon fill="black" stroke="black" points="795.13,-223.5 805.13,-220 795.13,-216.5 795.13,-223.5"/> </g>  <g id="node15" class="node"> <title>Dialog </title> <polygon fill="#fb8072" stroke="black" points="1269.6,-317 1212.4,-317 1212.4,-281 1269.6,-281 1269.6,-317"/> <text text-anchor="middle" x="1241" y="-294.8" font-family="Times,serif" font-size="14.00">Dialog </text> </g>  <g id="edge14" class="edge"> <title>DialogModule->Dialog </title> <path fill="none" stroke="black" stroke-dasharray="5,2" d="M903.01,-242C1007.15,-242 1241,-242 1241,-242 1241,-242 1241,-270.96 1241,-270.96"/> <polygon fill="black" stroke="black" points="1237.5,-270.96 1241,-280.96 1244.5,-270.96 1237.5,-270.96"/> </g>  <g id="node16" class="node"> <title>DialogDirective </title> <polygon fill="#fb8072" stroke="black" points="1193.69,-317 1084.31,-317 1084.31,-281 1193.69,-281 1193.69,-317"/> <text text-anchor="middle" x="1139" y="-294.8" font-family="Times,serif" font-size="14.00">DialogDirective </text> </g>  <g id="edge15" class="edge"> <title>DialogModule->DialogDirective </title> <path fill="none" stroke="black" stroke-dasharray="5,2" d="M902.75,-245C972.04,-245 1090.67,-245 1090.67,-245 1090.67,-245 1090.67,-270.72 1090.67,-270.72"/> <polygon fill="black" stroke="black" points="1087.17,-270.72 1090.67,-280.72 1094.17,-270.72 1087.17,-270.72"/> </g>  <g id="node17" class="node"> <title>OverflowMenu </title> <polygon fill="#fb8072" stroke="black" points="1065.8,-317 960.2,-317 960.2,-281 1065.8,-281 1065.8,-317"/> <text text-anchor="middle" x="1013" y="-294.8" font-family="Times,serif" font-size="14.00">OverflowMenu </text> </g>  <g id="edge16" class="edge"> <title>DialogModule->OverflowMenu </title> <path fill="none" stroke="black" stroke-dasharray="5,2" d="M903,-249C949.72,-249 1013,-249 1013,-249 1013,-249 1013,-270.95 1013,-270.95"/> <polygon fill="black" stroke="black" points="1009.5,-270.95 1013,-280.95 1016.5,-270.95 1009.5,-270.95"/> </g>  <g id="node18" class="node"> <title>OverflowMenuCustomPane </title> <polygon fill="#fb8072" stroke="black" points="942.07,-317 765.93,-317 765.93,-281 942.07,-281 942.07,-317"/> <text text-anchor="middle" x="854" y="-294.8" font-family="Times,serif" font-size="14.00">OverflowMenuCustomPane </text> </g>  <g id="edge17" class="edge"> <title>DialogModule->OverflowMenuCustomPane </title> <path fill="none" stroke="black" stroke-dasharray="5,2" d="M854,-252.11C854,-252.11 854,-270.99 854,-270.99"/> <polygon fill="black" stroke="black" points="850.5,-270.99 854,-280.99 857.5,-270.99 850.5,-270.99"/> </g>  <g id="node19" class="node"> <title>OverflowMenuDirective </title> <polygon fill="#fb8072" stroke="black" points="747.88,-317 590.12,-317 590.12,-281 747.88,-281 747.88,-317"/> <text text-anchor="middle" x="669" y="-294.8" font-family="Times,serif" font-size="14.00">OverflowMenuDirective </text> </g>  <g id="edge18" class="edge"> <title>DialogModule->OverflowMenuDirective </title> <path fill="none" stroke="black" stroke-dasharray="5,2" d="M804.98,-249C757.33,-249 692.09,-249 692.09,-249 692.09,-249 692.09,-270.95 692.09,-270.95"/> <polygon fill="black" stroke="black" points="688.59,-270.95 692.09,-280.95 695.59,-270.95 688.59,-270.95"/> </g>  <g id="node20" class="node"> <title>OverflowMenuOption </title> <polygon fill="#fb8072" stroke="black" points="572.19,-317 427.81,-317 427.81,-281 572.19,-281 572.19,-317"/> <text text-anchor="middle" x="500" y="-294.8" font-family="Times,serif" font-size="14.00">OverflowMenuOption </text> </g>  <g id="edge19" class="edge"> <title>DialogModule->OverflowMenuOption </title> <path fill="none" stroke="black" stroke-dasharray="5,2" d="M805.09,-245C713.42,-245 524.93,-245 524.93,-245 524.93,-245 524.93,-270.72 524.93,-270.72"/> <polygon fill="black" stroke="black" points="521.43,-270.72 524.93,-280.72 528.43,-270.72 521.43,-270.72"/> </g>  <g id="node21" class="node"> <title>OverflowMenuPane </title> <polygon fill="#fb8072" stroke="black" points="409.51,-317 276.49,-317 276.49,-281 409.51,-281 409.51,-317"/> <text text-anchor="middle" x="343" y="-294.8" font-family="Times,serif" font-size="14.00">OverflowMenuPane </text> </g>  <g id="edge20" class="edge"> <title>DialogModule->OverflowMenuPane </title> <path fill="none" stroke="black" stroke-dasharray="5,2" d="M804.99,-242C686.08,-242 391.95,-242 391.95,-242 391.95,-242 391.95,-270.96 391.95,-270.96"/> <polygon fill="black" stroke="black" points="388.45,-270.96 391.95,-280.96 395.45,-270.96 388.45,-270.96"/> </g>  <g id="node9" class="node"> <title>DialogService</title> <ellipse fill="#fdb462" stroke="black" cx="1571" cy="-104" rx="66.05" ry="18"/> <text text-anchor="middle" x="1571" y="-99.8" font-family="Times,serif" font-size="14.00">DialogService</text> </g>  <g id="edge3" class="edge"> <title>DialogService->DialogDirective</title> <path fill="none" stroke="black" d="M1558,-121.76C1558,-121.76 1558,-140.81 1558,-140.81"/> <polygon fill="black" stroke="black" points="1554.5,-140.81 1558,-150.81 1561.5,-140.81 1554.5,-140.81"/> </g>  <g id="edge21" class="edge"> <title>DialogService->DialogModule</title> <path fill="none" stroke="black" d="M1624.18,-114.97C1624.18,-146.97 1624.18,-238 1624.18,-238 1624.18,-238 912.76,-238 912.76,-238"/> <polygon fill="black" stroke="black" points="912.76,-234.5 902.76,-238 912.76,-241.5 912.76,-234.5"/> </g>  <g id="node10" class="node"> <title>ExperimentalModule</title> <polygon fill="#8dd3c7" stroke="black" points="612.47,-187 609.47,-191 588.47,-191 585.47,-187 477.53,-187 477.53,-151 612.47,-151 612.47,-187"/> <text text-anchor="middle" x="545" y="-164.8" font-family="Times,serif" font-size="14.00">ExperimentalModule</text> </g>  <g id="edge9" class="edge"> <title>ExperimentalModule->DialogModule</title> <path fill="none" stroke="black" d="M601.27,-187.01C601.27,-203.05 601.27,-224 601.27,-224 601.27,-224 795.27,-224 795.27,-224"/> <polygon fill="black" stroke="black" points="795.27,-227.5 805.27,-224 795.27,-220.5 795.27,-227.5"/> </g>  <g id="node11" class="node"> <title>I18nModule</title> <polygon fill="#8dd3c7" stroke="black" points="459.71,-187 456.71,-191 435.71,-191 432.71,-187 374.29,-187 374.29,-151 459.71,-151 459.71,-187"/> <text text-anchor="middle" x="417" y="-164.8" font-family="Times,serif" font-size="14.00">I18nModule</text> </g>  <g id="edge10" class="edge"> <title>I18nModule->DialogModule</title> <path fill="none" stroke="black" d="M443.63,-187.03C443.63,-204.06 443.63,-227 443.63,-227 443.63,-227 795.31,-227 795.31,-227"/> <polygon fill="black" stroke="black" points="795.31,-230.5 805.31,-227 795.31,-223.5 795.31,-230.5"/> </g>  <g id="node12" class="node"> <title>IconModule</title> <polygon fill="#8dd3c7" stroke="black" points="356.43,-187 353.43,-191 332.43,-191 329.43,-187 271.57,-187 271.57,-151 356.43,-151 356.43,-187"/> <text text-anchor="middle" x="314" y="-164.8" font-family="Times,serif" font-size="14.00">IconModule</text> </g>  <g id="edge11" class="edge"> <title>IconModule->DialogModule</title> <path fill="none" stroke="black" d="M316.35,-187.27C316.35,-205.56 316.35,-231 316.35,-231 316.35,-231 795.34,-231 795.34,-231"/> <polygon fill="black" stroke="black" points="795.34,-234.5 805.34,-231 795.34,-227.5 795.34,-234.5"/> </g>  <g id="node13" class="node"> <title>PlaceholderModule</title> <polygon fill="#8dd3c7" stroke="black" points="253.63,-187 250.63,-191 229.63,-191 226.63,-187 128.37,-187 128.37,-151 253.63,-151 253.63,-187"/> <text text-anchor="middle" x="191" y="-164.8" font-family="Times,serif" font-size="14.00">PlaceholderModule</text> </g>  <g id="edge12" class="edge"> <title>PlaceholderModule->DialogModule</title> <path fill="none" stroke="black" d="M191,-187.11C191,-206.34 191,-234 191,-234 191,-234 795.25,-234 795.25,-234"/> <polygon fill="black" stroke="black" points="795.25,-237.5 805.25,-234 795.25,-230.5 795.25,-237.5"/> </g>  <g id="node14" class="node"> <title>UtilsModule</title> <polygon fill="#8dd3c7" stroke="black" points="110.27,-187 107.27,-191 86.27,-191 83.27,-187 23.73,-187 23.73,-151 110.27,-151 110.27,-187"/> <text text-anchor="middle" x="67" y="-164.8" font-family="Times,serif" font-size="14.00">UtilsModule</text> </g>  <g id="edge13" class="edge"> <title>UtilsModule->DialogModule</title> <path fill="none" stroke="black" d="M67,-187.13C67,-207.57 67,-238 67,-238 67,-238 795.07,-238 795.07,-238"/> <polygon fill="black" stroke="black" points="795.07,-241.5 805.07,-238 795.07,-234.5 795.07,-241.5"/> </g> </g> </svg> </div> <i id="fullscreen" class="icon ion-ios-resize module-graph-fullscreen-btn" aria-hidden="true"></i> <div class="btn-group size-buttons"> <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="nav-item"> <a href="#info" class="nav-link" class="nav-link active" role="tab" id="info-tab" data-bs-toggle="tab" data-link="info">Info</a> </li> <li class="nav-item"> <a href="#source" class="nav-link" role="tab" id="source-tab" data-bs-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" rel="noopener noreferrer" title="Official documentation about module declarations"><span class="icon ion-ios-information-circle-outline"></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="../directives/DialogDirective.html">DialogDirective</a> </li> <li class="list-group-item"> <a href="../components/OverflowMenu.html">OverflowMenu</a> </li> <li class="list-group-item"> <a href="../components/OverflowMenuCustomPane.html">OverflowMenuCustomPane</a> </li> <li class="list-group-item"> <a href="../directives/OverflowMenuDirective.html">OverflowMenuDirective</a> </li> <li class="list-group-item"> <a href="../components/OverflowMenuOption.html">OverflowMenuOption</a> </li> <li class="list-group-item"> <a href="../components/OverflowMenuPane.html">OverflowMenuPane</a> </li> </ul> </div> <div class="col-sm-3"> <h3>Providers<a href="https://angular.io/api/core/NgModule#providers" target="_blank" rel="noopener noreferrer" title="Official documentation about module providers"><span class="icon ion-ios-information-circle-outline"></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" rel="noopener noreferrer" title="Official documentation about module imports"><span class="icon ion-ios-information-circle-outline"></a></h3> <ul class="list-group"> <li class="list-group-item"> <a href="../modules/ExperimentalModule.html">ExperimentalModule</a> </li> <li class="list-group-item"> <a href="../modules/I18nModule.html">I18nModule</a> </li> <li class="list-group-item"> <a href="../modules/IconModule.html">IconModule</a> </li> <li class="list-group-item"> <a href="../modules/PlaceholderModule.html">PlaceholderModule</a> </li> <li class="list-group-item"> <a href="../modules/UtilsModule.html">UtilsModule</a> </li> </ul> </div> <div class="col-sm-3"> <h3>Exports<a href="https://angular.io/api/core/NgModule#exports" target="_blank" rel="noopener noreferrer" title="Official documentation about module exports"><span class="icon ion-ios-information-circle-outline"></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="../directives/DialogDirective.html">DialogDirective</a> </li> <li class="list-group-item"> <a href="../components/OverflowMenu.html">OverflowMenu</a> </li> <li class="list-group-item"> <a href="../components/OverflowMenuCustomPane.html">OverflowMenuCustomPane</a> </li> <li class="list-group-item"> <a href="../directives/OverflowMenuDirective.html">OverflowMenuDirective</a> </li> <li class="list-group-item"> <a href="../components/OverflowMenuOption.html">OverflowMenuOption</a> </li> <li class="list-group-item"> <a href="../components/OverflowMenuPane.html">OverflowMenuPane</a> </li> </ul> </div> </div> </div> </div> <div class="tab-pane fade tab-source-code" id="source"> <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">// modules import { NgModule } from "@angular/core"; import { CommonModule } from "@angular/common"; // imports import { DialogService } from "./dialog.service"; import { Dialog } from "./dialog.component"; import { DialogDirective } from "./dialog.directive"; import { OverflowMenu } from "./overflow-menu/overflow-menu.component"; import { OverflowMenuPane } from "./overflow-menu/overflow-menu-pane.component"; import { OverflowMenuCustomPane } from "./overflow-menu/overflow-menu-custom-pane.component"; import { OverflowMenuDirective } from "./overflow-menu/overflow-menu.directive"; import { OverflowMenuOption } from "./overflow-menu/overflow-menu-option.component"; import { I18nModule } from "carbon-components-angular/i18n"; import { PlaceholderModule } from "carbon-components-angular/placeholder"; import { ExperimentalModule } from "carbon-components-angular/experimental"; import { UtilsModule } from "carbon-components-angular/utils"; import { IconModule } from "carbon-components-angular/icon"; @NgModule({ declarations: [ Dialog, OverflowMenu, OverflowMenuPane, OverflowMenuCustomPane, DialogDirective, OverflowMenuDirective, OverflowMenuOption ], exports: [ Dialog, OverflowMenu, OverflowMenuPane, OverflowMenuCustomPane, DialogDirective, OverflowMenuDirective, OverflowMenuOption ], providers: [ DialogService ], imports: [ CommonModule, I18nModule, PlaceholderModule, ExperimentalModule, UtilsModule, IconModule ] }) 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> <label class="dark-mode-switch"> <input type="checkbox"> <span class="slider"> <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg"> <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path> </svg> </span> </label> <script> var COMPODOC_CURRENT_PAGE_DEPTH = 1; var COMPODOC_CURRENT_PAGE_CONTEXT = 'module'; var COMPODOC_CURRENT_PAGE_URL = 'DialogModule.html'; var MAX_SEARCH_RESULTS = 15; </script> <script src="../js/libs/custom-elements.min.js"></script> <script src="../js/libs/lit-html.js"></script> <script src="../js/menu-wc.js" defer></script> <script nomodule src="../js/menu-wc_es5.js" defer></script> <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 src="../js/tabs.js"></script> <script src="../js/menu.js"></script> <script src="../js/libs/clipboard.min.js"></script> <script src="../js/libs/prism.js"></script> <script src="../js/sourceCode.js"></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/search/search_index.js"></script> <script src="../js/lazy-load-graphs.js"></script> </body> </html>