carbon-components-angular 5.26.1 → 5.26.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (336) hide show
  1. package/README.md +2 -1
  2. package/docs/documentation/classes/CheckboxExportedTests.html +168 -108
  3. package/docs/documentation/classes/ComponentTests.html +150 -90
  4. package/docs/documentation/classes/DataGridInteractionModel.html +341 -289
  5. package/docs/documentation/classes/IconCache.html +191 -131
  6. package/docs/documentation/classes/IconMemoryCache.html +194 -134
  7. package/docs/documentation/classes/IconNameNotFoundError.html +70 -6
  8. package/docs/documentation/classes/IconSizeNotFoundError.html +70 -6
  9. package/docs/documentation/classes/NumberChange.html +69 -5
  10. package/docs/documentation/classes/Overridable.html +110 -48
  11. package/docs/documentation/classes/PaginationModel.html +69 -5
  12. package/docs/documentation/classes/RadioChange.html +69 -5
  13. package/docs/documentation/classes/TableAdapter.html +354 -302
  14. package/docs/documentation/classes/TableCellAdapter.html +69 -5
  15. package/docs/documentation/classes/TableDomAdapter.html +610 -566
  16. package/docs/documentation/classes/TableHeaderItem.html +169 -109
  17. package/docs/documentation/classes/TableItem.html +73 -9
  18. package/docs/documentation/classes/TableModel.html +1250 -1234
  19. package/docs/documentation/classes/TableRow.html +70 -6
  20. package/docs/documentation/classes/TableRowAdapter.html +69 -5
  21. package/docs/documentation/components/Accordion.html +90 -26
  22. package/docs/documentation/components/AccordionItem.html +118 -56
  23. package/docs/documentation/components/ActionableNotification.html +146 -84
  24. package/docs/documentation/components/AlertModal.html +175 -115
  25. package/docs/documentation/components/BaseIconButton.html +69 -5
  26. package/docs/documentation/components/BaseNotification.html +134 -72
  27. package/docs/documentation/components/BaseTabHeader.html +186 -126
  28. package/docs/documentation/components/Breadcrumb.html +141 -79
  29. package/docs/documentation/components/BreadcrumbItemComponent.html +114 -52
  30. package/docs/documentation/components/ButtonSet.html +70 -6
  31. package/docs/documentation/components/Checkbox.html +482 -434
  32. package/docs/documentation/components/ClickableTile.html +106 -44
  33. package/docs/documentation/components/CodeSnippet.html +136 -72
  34. package/docs/documentation/components/ComboBox.html +757 -719
  35. package/docs/documentation/components/ContainedList.html +112 -50
  36. package/docs/documentation/components/ContainedListItem.html +122 -60
  37. package/docs/documentation/components/ContentSwitcher.html +127 -65
  38. package/docs/documentation/components/ContextMenuComponent.html +167 -107
  39. package/docs/documentation/components/ContextMenuDividerComponent.html +69 -5
  40. package/docs/documentation/components/ContextMenuGroupComponent.html +127 -65
  41. package/docs/documentation/components/ContextMenuItemComponent.html +281 -221
  42. package/docs/documentation/components/DatePicker.html +743 -703
  43. package/docs/documentation/components/DatePickerInput.html +269 -215
  44. package/docs/documentation/components/Dialog.html +318 -264
  45. package/docs/documentation/components/Documentation.html +96 -32
  46. package/docs/documentation/components/Dropdown.html +661 -617
  47. package/docs/documentation/components/DropdownList.html +679 -639
  48. package/docs/documentation/components/ExpandableTile.html +99 -35
  49. package/docs/documentation/components/FileComponent.html +78 -14
  50. package/docs/documentation/components/FileUploader.html +475 -431
  51. package/docs/documentation/components/Hamburger.html +81 -17
  52. package/docs/documentation/components/Header.html +143 -83
  53. package/docs/documentation/components/HeaderAction.html +79 -15
  54. package/docs/documentation/components/HeaderGlobal.html +69 -5
  55. package/docs/documentation/components/HeaderItem.html +105 -43
  56. package/docs/documentation/components/HeaderMenu.html +200 -140
  57. package/docs/documentation/components/HeaderNavigation.html +69 -5
  58. package/docs/documentation/components/IconButton.html +138 -76
  59. package/docs/documentation/components/InlineLoading.html +70 -6
  60. package/docs/documentation/components/Label.html +129 -67
  61. package/docs/documentation/components/ListColumn.html +70 -6
  62. package/docs/documentation/components/ListHeader.html +90 -26
  63. package/docs/documentation/components/ListRow.html +166 -104
  64. package/docs/documentation/components/Loading.html +70 -6
  65. package/docs/documentation/components/Modal.html +191 -131
  66. package/docs/documentation/components/ModalFooter.html +69 -5
  67. package/docs/documentation/components/ModalHeader.html +83 -19
  68. package/docs/documentation/components/Notification.html +146 -84
  69. package/docs/documentation/components/NumberComponent.html +389 -337
  70. package/docs/documentation/components/OverflowMenu.html +110 -48
  71. package/docs/documentation/components/OverflowMenuCustomPane.html +398 -346
  72. package/docs/documentation/components/OverflowMenuOption.html +106 -42
  73. package/docs/documentation/components/OverflowMenuPane.html +426 -374
  74. package/docs/documentation/components/Overlay.html +106 -44
  75. package/docs/documentation/components/Pagination.html +73 -9
  76. package/docs/documentation/components/PaginationNav.html +188 -128
  77. package/docs/documentation/components/PaginationNavItem.html +71 -7
  78. package/docs/documentation/components/PaginationOverflow.html +107 -45
  79. package/docs/documentation/components/Panel.html +69 -5
  80. package/docs/documentation/components/PasswordInputLabelComponent.html +137 -75
  81. package/docs/documentation/components/Placeholder.html +80 -16
  82. package/docs/documentation/components/PopoverContent.html +78 -14
  83. package/docs/documentation/components/ProgressBar.html +106 -44
  84. package/docs/documentation/components/ProgressIndicator.html +216 -158
  85. package/docs/documentation/components/Radio.html +237 -181
  86. package/docs/documentation/components/RadioGroup.html +412 -360
  87. package/docs/documentation/components/Search.html +509 -463
  88. package/docs/documentation/components/Select.html +337 -285
  89. package/docs/documentation/components/SelectionTile.html +158 -98
  90. package/docs/documentation/components/SideNav.html +78 -14
  91. package/docs/documentation/components/SideNavItem.html +149 -89
  92. package/docs/documentation/components/SideNavMenu.html +107 -43
  93. package/docs/documentation/components/SkeletonPlaceholder.html +70 -6
  94. package/docs/documentation/components/SkeletonText.html +124 -62
  95. package/docs/documentation/components/Slider.html +840 -810
  96. package/docs/documentation/components/StructuredList.html +211 -153
  97. package/docs/documentation/components/SwitcherList.html +70 -6
  98. package/docs/documentation/components/SwitcherListItem.html +105 -43
  99. package/docs/documentation/components/Tab.html +267 -53
  100. package/docs/documentation/components/TabHeaderGroup.html +316 -260
  101. package/docs/documentation/components/TabHeaders.html +425 -373
  102. package/docs/documentation/components/TabSkeleton.html +69 -5
  103. package/docs/documentation/components/Table.html +973 -947
  104. package/docs/documentation/components/TableBody.html +241 -185
  105. package/docs/documentation/components/TableCheckbox.html +119 -57
  106. package/docs/documentation/components/TableContainer.html +78 -14
  107. package/docs/documentation/components/TableData.html +69 -5
  108. package/docs/documentation/components/TableExpandButton.html +78 -14
  109. package/docs/documentation/components/TableExpandedRow.html +141 -81
  110. package/docs/documentation/components/TableHead.html +124 -60
  111. package/docs/documentation/components/TableHeadCell.html +116 -52
  112. package/docs/documentation/components/TableHeadCheckbox.html +78 -14
  113. package/docs/documentation/components/TableHeadExpand.html +69 -5
  114. package/docs/documentation/components/TableHeader.html +69 -5
  115. package/docs/documentation/components/TableRadio.html +119 -57
  116. package/docs/documentation/components/TableRowComponent.html +123 -59
  117. package/docs/documentation/components/TableToolbar.html +79 -15
  118. package/docs/documentation/components/TableToolbarActions.html +69 -5
  119. package/docs/documentation/components/TableToolbarContent.html +69 -5
  120. package/docs/documentation/components/TableToolbarSearch.html +563 -517
  121. package/docs/documentation/components/Tabs.html +130 -68
  122. package/docs/documentation/components/Tag.html +70 -6
  123. package/docs/documentation/components/TagFilter.html +150 -90
  124. package/docs/documentation/components/TextInputLabelComponent.html +118 -56
  125. package/docs/documentation/components/TextareaLabelComponent.html +118 -56
  126. package/docs/documentation/components/Tile.html +70 -6
  127. package/docs/documentation/components/TileGroup.html +247 -191
  128. package/docs/documentation/components/TimePicker.html +321 -269
  129. package/docs/documentation/components/TimePickerSelect.html +382 -330
  130. package/docs/documentation/components/Toast.html +155 -93
  131. package/docs/documentation/components/Toggle.html +568 -522
  132. package/docs/documentation/components/Toggletip.html +491 -441
  133. package/docs/documentation/components/Tooltip.html +578 -534
  134. package/docs/documentation/components/TooltipDefinition.html +559 -513
  135. package/docs/documentation/components/TreeNodeComponent.html +353 -303
  136. package/docs/documentation/components/TreeViewComponent.html +155 -93
  137. package/docs/documentation/coverage.html +71 -7
  138. package/docs/documentation/dependencies.html +69 -5
  139. package/docs/documentation/directives/AbstractDropdownView.html +347 -291
  140. package/docs/documentation/directives/ActionableButton.html +69 -5
  141. package/docs/documentation/directives/ActionableSubtitle.html +69 -5
  142. package/docs/documentation/directives/ActionableTitle.html +69 -5
  143. package/docs/documentation/directives/BaseModal.html +79 -15
  144. package/docs/documentation/directives/Button.html +71 -7
  145. package/docs/documentation/directives/ColumnDirective.html +108 -44
  146. package/docs/documentation/directives/ContentSwitcherOption.html +162 -102
  147. package/docs/documentation/directives/DialogDirective.html +322 -268
  148. package/docs/documentation/directives/ExpandableTileAboveFoldDirective.html +69 -5
  149. package/docs/documentation/directives/ExpandableTileBelowFoldDirective.html +69 -5
  150. package/docs/documentation/directives/ExpandedRowHover.html +145 -85
  151. package/docs/documentation/directives/GridDirective.html +89 -25
  152. package/docs/documentation/directives/IconDirective.html +158 -98
  153. package/docs/documentation/directives/LayerDirective.html +79 -15
  154. package/docs/documentation/directives/Link.html +70 -6
  155. package/docs/documentation/directives/List.html +70 -6
  156. package/docs/documentation/directives/ListItemDirective.html +69 -5
  157. package/docs/documentation/directives/ModalContent.html +69 -5
  158. package/docs/documentation/directives/ModalContentText.html +69 -5
  159. package/docs/documentation/directives/ModalHeaderHeading.html +69 -5
  160. package/docs/documentation/directives/ModalHeaderLabel.html +69 -5
  161. package/docs/documentation/directives/NotificationSubtitle.html +69 -5
  162. package/docs/documentation/directives/NotificationTitle.html +69 -5
  163. package/docs/documentation/directives/OptGroup.html +69 -5
  164. package/docs/documentation/directives/Option.html +69 -5
  165. package/docs/documentation/directives/OverflowMenuDirective.html +377 -323
  166. package/docs/documentation/directives/PasswordInput.html +78 -14
  167. package/docs/documentation/directives/PopoverContainer.html +305 -249
  168. package/docs/documentation/directives/RowDirective.html +69 -5
  169. package/docs/documentation/directives/ScrollableList.html +419 -371
  170. package/docs/documentation/directives/StackDirective.html +70 -6
  171. package/docs/documentation/directives/TabHeader.html +107 -43
  172. package/docs/documentation/directives/TableDirective.html +69 -5
  173. package/docs/documentation/directives/TableHeadCellLabel.html +69 -5
  174. package/docs/documentation/directives/TableHeaderDescription.html +69 -5
  175. package/docs/documentation/directives/TableHeaderTitle.html +69 -5
  176. package/docs/documentation/directives/TextArea.html +70 -6
  177. package/docs/documentation/directives/TextInput.html +70 -6
  178. package/docs/documentation/directives/ThemeDirective.html +79 -15
  179. package/docs/documentation/directives/ToastCaption.html +69 -5
  180. package/docs/documentation/directives/ToastSubtitle.html +69 -5
  181. package/docs/documentation/directives/ToastTitle.html +69 -5
  182. package/docs/documentation/directives/ToggletipAction.html +69 -5
  183. package/docs/documentation/directives/ToggletipButton.html +69 -5
  184. package/docs/documentation/directives/ToggletipContent.html +69 -5
  185. package/docs/documentation/directives/ToggletipLabel.html +69 -5
  186. package/docs/documentation/index.html +78 -8
  187. package/docs/documentation/injectables/AnimationFrameService.html +69 -5
  188. package/docs/documentation/injectables/AnimationFrameServiceSingleton.html +120 -58
  189. package/docs/documentation/injectables/BaseModalService.html +159 -99
  190. package/docs/documentation/injectables/ContextMenuSelectionService.html +189 -131
  191. package/docs/documentation/injectables/DialogService.html +212 -152
  192. package/docs/documentation/injectables/DocumentService.html +170 -110
  193. package/docs/documentation/injectables/DropdownService.html +285 -229
  194. package/docs/documentation/injectables/ElementService.html +127 -65
  195. package/docs/documentation/injectables/EventService.html +194 -134
  196. package/docs/documentation/injectables/ExperimentalService.html +276 -220
  197. package/docs/documentation/injectables/GridService.html +110 -48
  198. package/docs/documentation/injectables/I18n.html +506 -458
  199. package/docs/documentation/injectables/IconService.html +309 -255
  200. package/docs/documentation/injectables/ModalService.html +215 -157
  201. package/docs/documentation/injectables/NotificationDisplayService.html +110 -48
  202. package/docs/documentation/injectables/NotificationService.html +349 -295
  203. package/docs/documentation/injectables/PlaceholderService.html +475 -427
  204. package/docs/documentation/injectables/TreeViewService.html +115 -53
  205. package/docs/documentation/interfaces/ActionableContent.html +70 -6
  206. package/docs/documentation/interfaces/AlertModalData.html +69 -5
  207. package/docs/documentation/interfaces/BreadcrumbItem.html +69 -5
  208. package/docs/documentation/interfaces/CloseMeta.html +69 -5
  209. package/docs/documentation/interfaces/DataGridPosition.html +69 -5
  210. package/docs/documentation/interfaces/DialogConfig.html +69 -5
  211. package/docs/documentation/interfaces/ElementVisibilityEvent.html +69 -5
  212. package/docs/documentation/interfaces/ExpandableTileTranslations.html +69 -5
  213. package/docs/documentation/interfaces/Experiment.html +69 -5
  214. package/docs/documentation/interfaces/FileItem.html +69 -5
  215. package/docs/documentation/interfaces/HeaderItemInterface.html +69 -5
  216. package/docs/documentation/interfaces/IconDescriptor.html +69 -5
  217. package/docs/documentation/interfaces/ListItem.html +70 -6
  218. package/docs/documentation/interfaces/ModalButton.html +69 -5
  219. package/docs/documentation/interfaces/NavigationItem.html +69 -5
  220. package/docs/documentation/interfaces/Node.html +69 -5
  221. package/docs/documentation/interfaces/NotificationAction.html +69 -5
  222. package/docs/documentation/interfaces/NotificationContent.html +69 -5
  223. package/docs/documentation/interfaces/NotificationLink.html +69 -5
  224. package/docs/documentation/interfaces/PaginationNavTranslations.html +69 -5
  225. package/docs/documentation/interfaces/PaginationTranslations.html +69 -5
  226. package/docs/documentation/interfaces/ScrollCustomEvent.html +70 -6
  227. package/docs/documentation/interfaces/SideNavItemInterface.html +70 -6
  228. package/docs/documentation/interfaces/Step.html +69 -5
  229. package/docs/documentation/interfaces/TableTranslations.html +69 -5
  230. package/docs/documentation/interfaces/TileSelection.html +69 -5
  231. package/docs/documentation/interfaces/ToastContent.html +70 -6
  232. package/docs/documentation/interfaces/TooltipConfig.html +69 -5
  233. package/docs/documentation/js/libs/bootstrap-native.js +2 -1
  234. package/docs/documentation/js/libs/es6-shim.min.js +11 -10
  235. package/docs/documentation/js/libs/tablesort.min.js +3 -3
  236. package/docs/documentation/js/libs/tablesort.number.min.js +2 -2
  237. package/docs/documentation/js/libs/vis.min.js +1 -1
  238. package/docs/documentation/js/menu-wc_es5.js +17 -19
  239. package/docs/documentation/js/menu.js +0 -55
  240. package/docs/documentation/js/search/search.js +71 -56
  241. package/docs/documentation/js/search/search_index.js +2 -2
  242. package/docs/documentation/license.html +72 -8
  243. package/docs/documentation/miscellaneous/enumerations.html +69 -5
  244. package/docs/documentation/miscellaneous/functions.html +831 -819
  245. package/docs/documentation/miscellaneous/typealiases.html +69 -5
  246. package/docs/documentation/miscellaneous/variables.html +70 -6
  247. package/docs/documentation/modules/AccordionModule.html +69 -5
  248. package/docs/documentation/modules/BreadcrumbModule.html +69 -5
  249. package/docs/documentation/modules/ButtonModule.html +69 -5
  250. package/docs/documentation/modules/CheckboxModule.html +69 -5
  251. package/docs/documentation/modules/CodeSnippetModule.html +69 -5
  252. package/docs/documentation/modules/ComboBoxModule.html +69 -5
  253. package/docs/documentation/modules/ContainedListModule.html +69 -5
  254. package/docs/documentation/modules/ContentSwitcherModule.html +69 -5
  255. package/docs/documentation/modules/ContextMenuModule.html +69 -5
  256. package/docs/documentation/modules/DatePickerInputModule.html +69 -5
  257. package/docs/documentation/modules/DatePickerModule.html +69 -5
  258. package/docs/documentation/modules/DialogModule.html +69 -5
  259. package/docs/documentation/modules/DocumentationModule.html +69 -5
  260. package/docs/documentation/modules/DropdownModule.html +69 -5
  261. package/docs/documentation/modules/ExperimentalModule.html +69 -5
  262. package/docs/documentation/modules/FileUploaderModule.html +69 -5
  263. package/docs/documentation/modules/GridModule.html +69 -5
  264. package/docs/documentation/modules/HeaderModule.html +69 -5
  265. package/docs/documentation/modules/I18nModule.html +69 -5
  266. package/docs/documentation/modules/IconModule.html +69 -5
  267. package/docs/documentation/modules/InlineLoadingModule.html +69 -5
  268. package/docs/documentation/modules/InputModule.html +69 -5
  269. package/docs/documentation/modules/LayerModule.html +69 -5
  270. package/docs/documentation/modules/LayoutModule.html +69 -5
  271. package/docs/documentation/modules/LinkModule.html +69 -5
  272. package/docs/documentation/modules/ListModule.html +69 -5
  273. package/docs/documentation/modules/LoadingModule.html +69 -5
  274. package/docs/documentation/modules/ModalModule.html +69 -5
  275. package/docs/documentation/modules/NFormsModule.html +69 -5
  276. package/docs/documentation/modules/NotificationModule.html +69 -5
  277. package/docs/documentation/modules/NumberModule.html +69 -5
  278. package/docs/documentation/modules/PaginationModule.html +69 -5
  279. package/docs/documentation/modules/PanelModule.html +69 -5
  280. package/docs/documentation/modules/PlaceholderModule.html +69 -5
  281. package/docs/documentation/modules/PopoverModule.html +69 -5
  282. package/docs/documentation/modules/ProgressBarModule.html +69 -5
  283. package/docs/documentation/modules/ProgressIndicatorModule.html +69 -5
  284. package/docs/documentation/modules/RadioModule.html +69 -5
  285. package/docs/documentation/modules/SearchModule.html +69 -5
  286. package/docs/documentation/modules/SelectModule.html +69 -5
  287. package/docs/documentation/modules/SideNavModule.html +69 -5
  288. package/docs/documentation/modules/SkeletonModule.html +69 -5
  289. package/docs/documentation/modules/SliderModule.html +69 -5
  290. package/docs/documentation/modules/StructuredListModule.html +69 -5
  291. package/docs/documentation/modules/TableModule.html +68 -4
  292. package/docs/documentation/modules/TabsModule.html +69 -5
  293. package/docs/documentation/modules/TagModule.html +69 -5
  294. package/docs/documentation/modules/ThemeModule/dependencies.svg +4 -4
  295. package/docs/documentation/modules/ThemeModule.html +73 -9
  296. package/docs/documentation/modules/TilesModule/dependencies.svg +4 -4
  297. package/docs/documentation/modules/TilesModule.html +73 -9
  298. package/docs/documentation/modules/TimePickerModule/dependencies.svg +17 -17
  299. package/docs/documentation/modules/TimePickerModule.html +86 -22
  300. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +4 -4
  301. package/docs/documentation/modules/TimePickerSelectModule.html +73 -9
  302. package/docs/documentation/modules/ToggleModule/dependencies.svg +4 -4
  303. package/docs/documentation/modules/ToggleModule.html +73 -9
  304. package/docs/documentation/modules/ToggletipModule/dependencies.svg +37 -37
  305. package/docs/documentation/modules/ToggletipModule.html +106 -42
  306. package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
  307. package/docs/documentation/modules/TooltipModule.html +73 -9
  308. package/docs/documentation/modules/TreeviewModule/dependencies.svg +34 -34
  309. package/docs/documentation/modules/TreeviewModule.html +103 -39
  310. package/docs/documentation/modules/UIShellModule/dependencies.svg +4 -4
  311. package/docs/documentation/modules/UIShellModule.html +73 -9
  312. package/docs/documentation/modules/UtilsModule.html +69 -5
  313. package/docs/documentation/modules.html +68 -4
  314. package/docs/documentation/overview.html +68 -4
  315. package/docs/documentation/pipes/ReplacePipe.html +114 -52
  316. package/docs/documentation/properties.html +69 -5
  317. package/docs/documentation/styles/compodoc.css +11 -8
  318. package/docs/documentation.json +2067 -1757
  319. package/docs/storybook/{959.4248791c.iframe.bundle.js → 959.05fb42da.iframe.bundle.js} +3 -3
  320. package/docs/storybook/{959.4248791c.iframe.bundle.js.map → 959.05fb42da.iframe.bundle.js.map} +1 -1
  321. package/docs/storybook/iframe.html +3 -3
  322. package/docs/storybook/main.cfffa2d2.iframe.bundle.js +1 -0
  323. package/docs/storybook/main.css +2 -4
  324. package/docs/storybook/project.json +1 -1
  325. package/docs/storybook/{runtime~main.b589439b.iframe.bundle.js → runtime~main.c3f8e5ba.iframe.bundle.js} +1 -1
  326. package/docs/storybook/sb-addons/essentials-controls-1/manager-bundle.js +29 -29
  327. package/docs/storybook/{tabs-tabs-stories.183f4129.iframe.bundle.js → tabs-tabs-stories.066fa432.iframe.bundle.js} +1 -1
  328. package/esm2020/tabs/tab.component.mjs +20 -3
  329. package/fesm2015/carbon-components-angular-tabs.mjs +24 -7
  330. package/fesm2015/carbon-components-angular-tabs.mjs.map +1 -1
  331. package/fesm2020/carbon-components-angular-tabs.mjs +24 -7
  332. package/fesm2020/carbon-components-angular-tabs.mjs.map +1 -1
  333. package/package.json +1 -1
  334. package/tabs/tab.component.d.ts +10 -1
  335. package/docs/storybook/main.5c20d10a.iframe.bundle.js +0 -1
  336. /package/docs/storybook/{959.4248791c.iframe.bundle.js.LICENSE.txt → 959.05fb42da.iframe.bundle.js.LICENSE.txt} +0 -0
package/docs/documentation/components/Modal.html CHANGED
@@ -12,10 +12,61 @@
12
12
  <link rel="stylesheet" href="../styles/dark.css">
13
13
  </head>
14
14
  <body>
15
-
16
- <div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
17
- <a href="../" class="navbar-brand">carbon-components-angular documentation</a>
18
- <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
15
+ <script>
16
+ // Blocking script to avoid flickering dark mode
17
+ // Dark mode toggle button
18
+ var useDark = window.matchMedia('(prefers-color-scheme: dark)');
19
+ var darkModeState = useDark.matches;
20
+ var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
21
+ var $darkModeToggles = document.querySelectorAll('.dark-mode-switch');
22
+ var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state');
23
+
24
+ function checkToggle(check) {
25
+ for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
26
+ $darkModeToggleSwitchers[i].checked = check;
27
+ }
28
+ }
29
+
30
+ function toggleDarkMode(state) {
31
+ if (window.localStorage) {
32
+ localStorage.setItem('compodoc_darkmode-state', state);
33
+ }
34
+
35
+ checkToggle(state);
36
+
37
+ const hasClass = document.body.classList.contains('dark');
38
+
39
+ if (state) {
40
+ for (var i = 0; i < $darkModeToggles.length; i++) {
41
+ $darkModeToggles[i].classList.add('dark');
42
+ }
43
+ if (!hasClass) {
44
+ document.body.classList.add('dark');
45
+ }
46
+ } else {
47
+ for (var i = 0; i < $darkModeToggles.length; i++) {
48
+ $darkModeToggles[i].classList.remove('dark');
49
+ }
50
+ if (hasClass) {
51
+ document.body.classList.remove('dark');
52
+ }
53
+ }
54
+ }
55
+
56
+ useDark.addEventListener('change', function (evt) {
57
+ toggleDarkMode(evt.matches);
58
+ });
59
+ if (darkModeStateLocal) {
60
+ darkModeState = darkModeStateLocal === 'true';
61
+ }
62
+ toggleDarkMode(darkModeState);
63
+ </script>
64
+
65
+ <div class="navbar navbar-default navbar-fixed-top d-md-none p-0">
66
+ <div class="d-flex">
67
+ <a href="../" class="navbar-brand">carbon-components-angular documentation</a>
68
+ <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
69
+ </div>
19
70
  </div>
20
71
 
21
72
  <div class="xs-menu menu" id="mobile-menu">
@@ -24,7 +75,7 @@
24
75
 
25
76
  <div class="container-fluid main">
26
77
  <div class="row main">
27
- <div class="hidden-xs menu">
78
+ <div class="d-none d-md-block menu">
28
79
  <compodoc-menu mode="normal"></compodoc-menu>
29
80
  </div>
30
81
  <!-- START CONTENT -->
@@ -73,9 +124,9 @@
73
124
  <p><a href="../../?path=/story/components-modal--basic">See demo</a></p>
74
125
  <p>Using a modal in your application requires <code>cds-placeholder</code> which would generally be
75
126
  placed near the end of your app component template (app.component.ts or app.component.html) as:</p>
76
- <div><pre class="line-numbers"><code class="language-html">&lt;cds-placeholder&gt;&lt;/cds-placeholder&gt;</code></pre></div><p>A more complete example for <code>Modal</code> is given as follows:</p>
127
+ <b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;cds-placeholder&gt;&lt;/cds-placeholder&gt;</code></pre></div><p>A more complete example for <code>Modal</code> is given as follows:</p>
77
128
  <p>Example modal definition:</p>
78
- <div><pre class="line-numbers"><code class="language-typescript">&#64;Component({
129
+ <b>Example :</b><div><pre class="line-numbers"><code class="language-typescript">&#64;Component({
79
130
  selector: &quot;app-sample-modal&quot;,
80
131
  template: `
81
132
  &lt;cds-modal size=&quot;xl&quot; (overlaySelected)=&quot;closeModal()&quot;&gt;
@@ -98,7 +149,7 @@ super();
98
149
  this.modalText = this.injector.get(&quot;modalText&quot;);
99
150
  }
100
151
  }</code></pre></div><p>Example of opening the modal:</p>
101
- <div><pre class="line-numbers"><code class="language-typescript">&#64;Component({
152
+ <b>Example :</b><div><pre class="line-numbers"><code class="language-typescript">&#64;Component({
102
153
  selector: &quot;app-modal-demo&quot;,
103
154
  template: `
104
155
  &lt;button cdsButton=&quot;primary&quot; (click)=&quot;openModal(&#39;drill&#39;)&quot;&gt;Drill-down modal&lt;/button&gt;
@@ -676,17 +727,17 @@ It is set to <code>null</code> by default which indicates not to override automa
676
727
  </tr>
677
728
 
678
729
 
679
- <tr>
680
- <td class="col-md-4">
681
- <div class="io-line">Defined in <a href="" data-line="195"
682
- class="link-to-prism">src/modal/modal.component.ts:195</a></div>
683
- </td>
684
- </tr>
730
+ <tr>
731
+ <td class="col-md-4">
732
+ <div class="io-line">Defined in <a href="" data-line="195"
733
+ class="link-to-prism">src/modal/modal.component.ts:195</a></div>
734
+ </td>
735
+ </tr>
685
736
 
686
737
 
687
738
  <tr>
688
739
  <td class="col-md-4">
689
- <div class="io-description"><p>Handle keyboard events to close modal and tab through the content within the modal.</p>
740
+ <div class="io-description"><p>Handle keyboard events to close modal and tab through the content within the modal.</p>
690
741
  </div>
691
742
 
692
743
  </td>
@@ -705,7 +756,7 @@ It is set to <code>null</code> by default which indicates not to override automa
705
756
  <td class="col-md-4">
706
757
  <a name="focusInitialElement"></a>
707
758
  <span class="name">
708
- <span class="modifier">Protected</span>
759
+ <span class="modifier">Protected</span>
709
760
  <span ><b>focusInitialElement</b></span>
710
761
  <a href="#focusInitialElement"><span class="icon ion-ios-link"></span></a>
711
762
  </span>
@@ -713,27 +764,27 @@ It is set to <code>null</code> by default which indicates not to override automa
713
764
  </tr>
714
765
  <tr>
715
766
  <td class="col-md-4">
716
- <span class="modifier-icon icon ion-ios-reset"></span>
767
+ <span class="modifier-icon icon ion-ios-reset"></span>
717
768
  <code>focusInitialElement()</code>
718
769
  </td>
719
770
  </tr>
720
771
 
721
772
 
722
- <tr>
723
- <td class="col-md-4">
724
- <div class="io-line">Defined in <a href="" data-line="237"
725
- class="link-to-prism">src/modal/modal.component.ts:237</a></div>
726
- </td>
727
- </tr>
773
+ <tr>
774
+ <td class="col-md-4">
775
+ <div class="io-line">Defined in <a href="" data-line="237"
776
+ class="link-to-prism">src/modal/modal.component.ts:237</a></div>
777
+ </td>
778
+ </tr>
728
779
 
729
780
 
730
781
  <tr>
731
782
  <td class="col-md-4">
732
783
 
733
- <div class="io-description">
734
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
784
+ <div class="io-description">
785
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
735
786
 
736
- </div>
787
+ </div>
737
788
  </td>
738
789
  </tr>
739
790
  </tbody>
@@ -744,7 +795,7 @@ It is set to <code>null</code> by default which indicates not to override automa
744
795
  <td class="col-md-4">
745
796
  <a name="handleKeyboardEvent"></a>
746
797
  <span class="name">
747
- <span class="modifier"></span>
798
+ <span class="modifier"></span>
748
799
  <span ><b>handleKeyboardEvent</b></span>
749
800
  <a href="#handleKeyboardEvent"><span class="icon ion-ios-link"></span></a>
750
801
  </span>
@@ -752,7 +803,7 @@ It is set to <code>null</code> by default which indicates not to override automa
752
803
  </tr>
753
804
  <tr>
754
805
  <td class="col-md-4">
755
- <span class="modifier-icon icon ion-ios-reset"></span>
806
+ <span class="modifier-icon icon ion-ios-reset"></span>
756
807
  <code>handleKeyboardEvent(event: KeyboardEvent)</code>
757
808
  </td>
758
809
  </tr>
@@ -765,55 +816,53 @@ It is set to <code>null</code> by default which indicates not to override automa
765
816
  </td>
766
817
  </tr>
767
818
 
768
- <tr>
769
- <td class="col-md-4">
770
- <div class="io-line">Defined in <a href="" data-line="195"
771
- class="link-to-prism">src/modal/modal.component.ts:195</a></div>
772
- </td>
773
- </tr>
819
+ <tr>
820
+ <td class="col-md-4">
821
+ <div class="io-line">Defined in <a href="" data-line="195"
822
+ class="link-to-prism">src/modal/modal.component.ts:195</a></div>
823
+ </td>
824
+ </tr>
774
825
 
775
826
 
776
827
  <tr>
777
828
  <td class="col-md-4">
778
- <div class="io-description"><p>Handle keyboard events to close modal and tab through the content within the modal.</p>
829
+ <div class="io-description"><p>Handle keyboard events to close modal and tab through the content within the modal.</p>
779
830
  </div>
780
831
 
781
- <div class="io-description">
782
- <b>Parameters :</b>
783
-
784
- <table class="params">
785
- <thead>
786
- <tr>
787
- <td>Name</td>
788
- <td>Type</td>
789
- <td>Optional</td>
790
- </tr>
791
- </thead>
792
- <tbody>
793
- <tr>
794
- <td>event</td>
795
- <td>
796
- <code>KeyboardEvent</code>
797
- </td>
798
-
799
- <td>
800
- No
801
- </td>
802
-
803
-
804
- </tr>
805
- </tbody>
806
- </table>
807
- </div>
808
- <div>
809
- </div>
810
- <div class="io-description">
811
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
812
-
813
- </div>
814
- <div class="io-description">
815
-
816
- </div>
832
+ <div class="io-description">
833
+ <b>Parameters :</b>
834
+
835
+ <table class="params">
836
+ <thead>
837
+ <tr>
838
+ <td>Name</td>
839
+ <td>Type</td>
840
+ <td>Optional</td>
841
+ </tr>
842
+ </thead>
843
+ <tbody>
844
+ <tr>
845
+ <td>event</td>
846
+ <td>
847
+ <code>KeyboardEvent</code>
848
+ </td>
849
+
850
+ <td>
851
+ No
852
+ </td>
853
+
854
+
855
+ </tr>
856
+ </tbody>
857
+ </table>
858
+ </div>
859
+ <div class="io-description">
860
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
861
+
862
+ </div>
863
+ <div class="io-description">
864
+
865
+ </div>
817
866
  </td>
818
867
  </tr>
819
868
  </tbody>
@@ -836,23 +885,23 @@ It is set to <code>null</code> by default which indicates not to override automa
836
885
  </tr>
837
886
 
838
887
 
839
- <tr>
840
- <td class="col-md-4">
841
- <div class="io-line">Defined in <a href="" data-line="187"
842
- class="link-to-prism">src/modal/modal.component.ts:187</a></div>
843
- </td>
844
- </tr>
888
+ <tr>
889
+ <td class="col-md-4">
890
+ <div class="io-line">Defined in <a href="" data-line="187"
891
+ class="link-to-prism">src/modal/modal.component.ts:187</a></div>
892
+ </td>
893
+ </tr>
845
894
 
846
895
 
847
896
  <tr>
848
897
  <td class="col-md-4">
849
- <div class="io-description"><p>Set document focus to be on the modal component after it is initialized.</p>
898
+ <div class="io-description"><p>Set document focus to be on the modal component after it is initialized.</p>
850
899
  </div>
851
900
 
852
- <div class="io-description">
853
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
901
+ <div class="io-description">
902
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
854
903
 
855
- </div>
904
+ </div>
856
905
  </td>
857
906
  </tr>
858
907
  </tbody>
@@ -875,52 +924,50 @@ It is set to <code>null</code> by default which indicates not to override automa
875
924
  </tr>
876
925
 
877
926
 
878
- <tr>
879
- <td class="col-md-4">
880
- <div class="io-line">Defined in <a href="" data-line="167"
881
- class="link-to-prism">src/modal/modal.component.ts:167</a></div>
882
- </td>
883
- </tr>
927
+ <tr>
928
+ <td class="col-md-4">
929
+ <div class="io-line">Defined in <a href="" data-line="167"
930
+ class="link-to-prism">src/modal/modal.component.ts:167</a></div>
931
+ </td>
932
+ </tr>
884
933
 
885
934
 
886
935
  <tr>
887
936
  <td class="col-md-4">
888
937
 
889
- <div class="io-description">
890
- <b>Parameters :</b>
891
-
892
- <table class="params">
893
- <thead>
894
- <tr>
895
- <td>Name</td>
896
- <td>Type</td>
897
- <td>Optional</td>
898
- </tr>
899
- </thead>
900
- <tbody>
901
- <tr>
902
- <td>
903
- <code>SimpleChanges</code>
904
- </td>
905
-
906
- <td>
907
- No
908
- </td>
909
-
910
-
911
- </tr>
912
- </tbody>
913
- </table>
914
- </div>
915
- <div>
916
- </div>
917
- <div class="io-description">
918
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
919
-
920
- </div>
921
- <div class="io-description">
922
-
923
- </div>
938
+ <div class="io-description">
939
+ <b>Parameters :</b>
940
+
941
+ <table class="params">
942
+ <thead>
943
+ <tr>
944
+ <td>Name</td>
945
+ <td>Type</td>
946
+ <td>Optional</td>
947
+ </tr>
948
+ </thead>
949
+ <tbody>
950
+ <tr>
951
+ <td>
952
+ <code>SimpleChanges</code>
953
+ </td>
954
+
955
+ <td>
956
+ No
957
+ </td>
958
+
959
+
960
+ </tr>
961
+ </tbody>
962
+ </table>
963
+ </div>
964
+ <div class="io-description">
965
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
966
+
967
+ </div>
968
+ <div class="io-description">
969
+
970
+ </div>
924
971
  </td>
925
972
  </tr>
926
973
  </tbody>
@@ -943,21 +990,21 @@ It is set to <code>null</code> by default which indicates not to override automa
943
990
  </tr>
944
991
 
945
992
 
946
- <tr>
947
- <td class="col-md-4">
948
- <div class="io-line">Defined in <a href="" data-line="233"
949
- class="link-to-prism">src/modal/modal.component.ts:233</a></div>
950
- </td>
951
- </tr>
993
+ <tr>
994
+ <td class="col-md-4">
995
+ <div class="io-line">Defined in <a href="" data-line="233"
996
+ class="link-to-prism">src/modal/modal.component.ts:233</a></div>
997
+ </td>
998
+ </tr>
952
999
 
953
1000
 
954
1001
  <tr>
955
1002
  <td class="col-md-4">
956
1003
 
957
- <div class="io-description">
958
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1004
+ <div class="io-description">
1005
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
959
1006
 
960
- </div>
1007
+ </div>
961
1008
  </td>
962
1009
  </tr>
963
1010
  </tbody>
@@ -1446,6 +1493,19 @@ export class Modal implements AfterViewInit, OnChanges, OnDestroy {
1446
1493
  var MAX_SEARCH_RESULTS = 15;
1447
1494
  </script>
1448
1495
 
1496
+ <script>
1497
+ $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
1498
+ checkToggle(darkModeState);
1499
+ if ($darkModeToggleSwitchers.length > 0) {
1500
+ for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
1501
+ $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
1502
+ darkModeState = !darkModeState;
1503
+ toggleDarkMode(darkModeState);
1504
+ });
1505
+ }
1506
+ }
1507
+ </script>
1508
+
1449
1509
  <script src="../js/libs/custom-elements.min.js"></script>
1450
1510
  <script src="../js/libs/lit-html.js"></script>
1451
1511
 
package/docs/documentation/components/ModalFooter.html CHANGED
@@ -12,10 +12,61 @@
12
12
  <link rel="stylesheet" href="../styles/dark.css">
13
13
  </head>
14
14
  <body>
15
-
16
- <div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
17
- <a href="../" class="navbar-brand">carbon-components-angular documentation</a>
18
- <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
15
+ <script>
16
+ // Blocking script to avoid flickering dark mode
17
+ // Dark mode toggle button
18
+ var useDark = window.matchMedia('(prefers-color-scheme: dark)');
19
+ var darkModeState = useDark.matches;
20
+ var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
21
+ var $darkModeToggles = document.querySelectorAll('.dark-mode-switch');
22
+ var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state');
23
+
24
+ function checkToggle(check) {
25
+ for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
26
+ $darkModeToggleSwitchers[i].checked = check;
27
+ }
28
+ }
29
+
30
+ function toggleDarkMode(state) {
31
+ if (window.localStorage) {
32
+ localStorage.setItem('compodoc_darkmode-state', state);
33
+ }
34
+
35
+ checkToggle(state);
36
+
37
+ const hasClass = document.body.classList.contains('dark');
38
+
39
+ if (state) {
40
+ for (var i = 0; i < $darkModeToggles.length; i++) {
41
+ $darkModeToggles[i].classList.add('dark');
42
+ }
43
+ if (!hasClass) {
44
+ document.body.classList.add('dark');
45
+ }
46
+ } else {
47
+ for (var i = 0; i < $darkModeToggles.length; i++) {
48
+ $darkModeToggles[i].classList.remove('dark');
49
+ }
50
+ if (hasClass) {
51
+ document.body.classList.remove('dark');
52
+ }
53
+ }
54
+ }
55
+
56
+ useDark.addEventListener('change', function (evt) {
57
+ toggleDarkMode(evt.matches);
58
+ });
59
+ if (darkModeStateLocal) {
60
+ darkModeState = darkModeStateLocal === 'true';
61
+ }
62
+ toggleDarkMode(darkModeState);
63
+ </script>
64
+
65
+ <div class="navbar navbar-default navbar-fixed-top d-md-none p-0">
66
+ <div class="d-flex">
67
+ <a href="../" class="navbar-brand">carbon-components-angular documentation</a>
68
+ <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
69
+ </div>
19
70
  </div>
20
71
 
21
72
  <div class="xs-menu menu" id="mobile-menu">
@@ -24,7 +75,7 @@
24
75
 
25
76
  <div class="container-fluid main">
26
77
  <div class="row main">
27
- <div class="hidden-xs menu">
78
+ <div class="d-none d-md-block menu">
28
79
  <compodoc-menu mode="normal"></compodoc-menu>
29
80
  </div>
30
81
  <!-- START CONTENT -->
@@ -220,6 +271,19 @@ export class ModalFooter {}
220
271
  var MAX_SEARCH_RESULTS = 15;
221
272
  </script>
222
273
 
274
+ <script>
275
+ $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
276
+ checkToggle(darkModeState);
277
+ if ($darkModeToggleSwitchers.length > 0) {
278
+ for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
279
+ $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
280
+ darkModeState = !darkModeState;
281
+ toggleDarkMode(darkModeState);
282
+ });
283
+ }
284
+ }
285
+ </script>
286
+
223
287
  <script src="../js/libs/custom-elements.min.js"></script>
224
288
  <script src="../js/libs/lit-html.js"></script>
225
289