carbon-components-angular 3.13.1 → 3.13.5

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 (256) hide show
  1. package/bundle/carbon-angular.umd.js +5 -5
  2. package/bundle/carbon-angular.umd.js.map +1 -1
  3. package/content-switcher/content-switcher-option.directive.d.ts +0 -1
  4. package/content-switcher/content-switcher-option.directive.js +2 -7
  5. package/content-switcher/content-switcher-option.directive.js.map +1 -1
  6. package/content-switcher/content-switcher-option.directive.metadata.json +1 -1
  7. package/content-switcher/content-switcher-option.directive.ngsummary.json +1 -1
  8. package/dialog/dialog.module.ngfactory.js.map +1 -1
  9. package/dialog/tooltip/tooltip.component.js +14 -1
  10. package/dialog/tooltip/tooltip.component.js.map +1 -1
  11. package/dialog/tooltip/tooltip.component.metadata.json +1 -1
  12. package/dialog/tooltip/tooltip.component.ngfactory.js +1 -1
  13. package/dialog/tooltip/tooltip.component.ngfactory.js.map +1 -1
  14. package/docs/documentation/components/Accordion.html +1 -1
  15. package/docs/documentation/components/AccordionItem.html +1 -1
  16. package/docs/documentation/components/AlertModal.html +1 -1
  17. package/docs/documentation/components/Breadcrumb.html +1 -1
  18. package/docs/documentation/components/BreadcrumbItemComponent.html +1 -1
  19. package/docs/documentation/components/Checkbox.html +1 -1
  20. package/docs/documentation/components/ClickableTile.html +1 -1
  21. package/docs/documentation/components/CodeSnippet.html +1 -1
  22. package/docs/documentation/components/ComboBox.html +1 -1
  23. package/docs/documentation/components/ContentSwitcher.html +1 -1
  24. package/docs/documentation/components/DatePicker.html +1 -1
  25. package/docs/documentation/components/DatePickerInput.html +1 -1
  26. package/docs/documentation/components/Dialog.html +1 -1
  27. package/docs/documentation/components/DialogPlaceholder.html +1 -1
  28. package/docs/documentation/components/Documentation.html +1 -1
  29. package/docs/documentation/components/Dropdown.html +32 -29
  30. package/docs/documentation/components/DropdownList.html +25 -21
  31. package/docs/documentation/components/ExpandableTile.html +1 -1
  32. package/docs/documentation/components/File.html +1 -1
  33. package/docs/documentation/components/FileUploader.html +1 -1
  34. package/docs/documentation/components/Hamburger.html +15 -21
  35. package/docs/documentation/components/Header.html +29 -77
  36. package/docs/documentation/components/HeaderAction.html +64 -5
  37. package/docs/documentation/components/HeaderGlobal.html +12 -2
  38. package/docs/documentation/components/HeaderItem.html +225 -6
  39. package/docs/documentation/components/HeaderMenu.html +379 -15
  40. package/docs/documentation/components/HeaderNavigation.html +12 -2
  41. package/docs/documentation/components/InlineLoading.html +1 -1
  42. package/docs/documentation/components/Label.html +1 -1
  43. package/docs/documentation/components/ListColumn.html +1 -1
  44. package/docs/documentation/components/ListHeader.html +1 -1
  45. package/docs/documentation/components/ListRow.html +1 -1
  46. package/docs/documentation/components/Loading.html +1 -1
  47. package/docs/documentation/components/Modal.html +1 -1
  48. package/docs/documentation/components/ModalFooter.html +1 -1
  49. package/docs/documentation/components/ModalHeader.html +1 -1
  50. package/docs/documentation/components/ModalPlaceholder.html +1 -1
  51. package/docs/documentation/components/Notification.html +1 -1
  52. package/docs/documentation/components/Number.html +1 -1
  53. package/docs/documentation/components/OverflowMenu.html +1 -1
  54. package/docs/documentation/components/OverflowMenuOption.html +1 -1
  55. package/docs/documentation/components/OverflowMenuPane.html +1 -1
  56. package/docs/documentation/components/Overlay.html +1 -1
  57. package/docs/documentation/components/Pagination.html +1 -1
  58. package/docs/documentation/components/Panel.html +12 -22
  59. package/docs/documentation/components/Placeholder.html +1 -1
  60. package/docs/documentation/components/ProductSwitcher.html +11 -3
  61. package/docs/documentation/components/ProgressIndicator.html +1 -1
  62. package/docs/documentation/components/Radio.html +1 -1
  63. package/docs/documentation/components/RadioGroup.html +1 -1
  64. package/docs/documentation/components/Sample.html +1 -1
  65. package/docs/documentation/components/SampleSub.html +1 -1
  66. package/docs/documentation/components/Search.html +1 -1
  67. package/docs/documentation/components/Select.html +1 -1
  68. package/docs/documentation/components/SelectionTile.html +1 -1
  69. package/docs/documentation/components/SideNav.html +105 -24
  70. package/docs/documentation/components/SideNavHeader.html +14 -6
  71. package/docs/documentation/components/SideNavItem.html +245 -6
  72. package/docs/documentation/components/SideNavMenu.html +35 -12
  73. package/docs/documentation/components/Slider.html +1 -1
  74. package/docs/documentation/components/StructuredList.html +1 -1
  75. package/docs/documentation/components/{ProductSwitcherList.html → SwitcherList.html} +39 -14
  76. package/docs/documentation/components/{ProductSwitcherListItem.html → SwitcherListItem.html} +92 -45
  77. package/docs/documentation/components/Tab.html +1 -1
  78. package/docs/documentation/components/TabHeaders.html +132 -24
  79. package/docs/documentation/components/Table.html +1 -1
  80. package/docs/documentation/components/TableContainer.html +1 -1
  81. package/docs/documentation/components/TableHeader.html +1 -1
  82. package/docs/documentation/components/TableToolbar.html +1 -1
  83. package/docs/documentation/components/TableToolbarActions.html +1 -1
  84. package/docs/documentation/components/TableToolbarContent.html +1 -1
  85. package/docs/documentation/components/TableToolbarSearch.html +1 -1
  86. package/docs/documentation/components/Tabs.html +77 -13
  87. package/docs/documentation/components/Tag.html +1 -1
  88. package/docs/documentation/components/TagFilter.html +1 -1
  89. package/docs/documentation/components/Tile.html +1 -1
  90. package/docs/documentation/components/TileGroup.html +1 -1
  91. package/docs/documentation/components/TimePicker.html +1 -1
  92. package/docs/documentation/components/TimePickerSelect.html +1 -1
  93. package/docs/documentation/components/Toast.html +1 -1
  94. package/docs/documentation/components/Toggle.html +1 -1
  95. package/docs/documentation/components/Tooltip.html +23 -7
  96. package/docs/documentation/components/TooltipDefinition.html +1 -1
  97. package/docs/documentation/components/TooltipIcon.html +1 -1
  98. package/docs/documentation/coverage.html +60 -76
  99. package/docs/documentation/directives/ContentSwitcherOption.html +1 -44
  100. package/docs/documentation/graph/dependencies.dot +1 -1
  101. package/docs/documentation/images/coverage-badge-documentation.svg +1 -1
  102. package/docs/documentation/js/menu-wc.js +1 -1
  103. package/docs/documentation/js/search/search_index.js +2 -2
  104. package/docs/documentation/modules/PanelModule/dependencies.svg +82 -106
  105. package/docs/documentation/modules/PanelModule.html +94 -128
  106. package/docs/documentation/overview.html +1 -1
  107. package/docs/storybook/iframe.html +3 -3
  108. package/docs/storybook/{main.af986e1c1a23f0d31b49.bundle.js → main.a2fc8b6c3606e18830c4.bundle.js} +358 -210
  109. package/docs/storybook/main.a2fc8b6c3606e18830c4.bundle.js.map +1 -0
  110. package/docs/storybook/{runtime~main.af986e1c1a23f0d31b49.bundle.js → runtime~main.a2fc8b6c3606e18830c4.bundle.js} +1 -1
  111. package/docs/storybook/{runtime~main.af986e1c1a23f0d31b49.bundle.js.map → runtime~main.a2fc8b6c3606e18830c4.bundle.js.map} +1 -1
  112. package/docs/storybook/{vendors~main.af986e1c1a23f0d31b49.bundle.js → vendors~main.a2fc8b6c3606e18830c4.bundle.js} +1 -1
  113. package/docs/storybook/{vendors~main.af986e1c1a23f0d31b49.bundle.js.map → vendors~main.a2fc8b6c3606e18830c4.bundle.js.map} +1 -1
  114. package/dropdown/dropdown.component.js +4 -1
  115. package/dropdown/dropdown.component.js.map +1 -1
  116. package/dropdown/dropdown.component.metadata.json +1 -1
  117. package/dropdown/list/dropdown-list.component.js +6 -2
  118. package/dropdown/list/dropdown-list.component.js.map +1 -1
  119. package/index.ngsummary.json +1 -1
  120. package/package.json +2 -2
  121. package/tabs/tab-headers.component.d.ts +9 -0
  122. package/tabs/tab-headers.component.js +10 -2
  123. package/tabs/tab-headers.component.js.map +1 -1
  124. package/tabs/tab-headers.component.metadata.json +1 -1
  125. package/tabs/tab-headers.component.ngfactory.js +7 -4
  126. package/tabs/tab-headers.component.ngfactory.js.map +1 -1
  127. package/tabs/tab-headers.component.ngsummary.json +1 -1
  128. package/tabs/tabs.component.d.ts +8 -0
  129. package/tabs/tabs.component.js +3 -1
  130. package/tabs/tabs.component.js.map +1 -1
  131. package/tabs/tabs.component.metadata.json +1 -1
  132. package/tabs/tabs.component.ngfactory.js +10 -4
  133. package/tabs/tabs.component.ngfactory.js.map +1 -1
  134. package/tabs/tabs.component.ngsummary.json +1 -1
  135. package/tabs/tabs.module.ngfactory.js.map +1 -1
  136. package/ui-shell/header/hamburger.component.d.ts +1 -8
  137. package/ui-shell/header/hamburger.component.js +2 -9
  138. package/ui-shell/header/hamburger.component.js.map +1 -1
  139. package/ui-shell/header/hamburger.component.metadata.json +1 -1
  140. package/ui-shell/header/hamburger.component.ngfactory.js +2 -2
  141. package/ui-shell/header/hamburger.component.ngfactory.js.map +1 -1
  142. package/ui-shell/header/header-action.component.d.ts +16 -0
  143. package/ui-shell/header/header-action.component.js +18 -0
  144. package/ui-shell/header/header-action.component.js.map +1 -1
  145. package/ui-shell/header/header-action.component.metadata.json +1 -1
  146. package/ui-shell/header/header-action.component.ngfactory.js +1 -1
  147. package/ui-shell/header/header-action.component.ngsummary.json +1 -1
  148. package/ui-shell/header/header-global.component.d.ts +3 -0
  149. package/ui-shell/header/header-global.component.js +3 -0
  150. package/ui-shell/header/header-global.component.js.map +1 -1
  151. package/ui-shell/header/header-global.component.metadata.json +1 -1
  152. package/ui-shell/header/header-item.component.d.ts +7 -0
  153. package/ui-shell/header/header-item.component.js +21 -2
  154. package/ui-shell/header/header-item.component.js.map +1 -1
  155. package/ui-shell/header/header-item.component.metadata.json +1 -1
  156. package/ui-shell/header/header-item.component.ngfactory.js +2 -1
  157. package/ui-shell/header/header-item.component.ngfactory.js.map +1 -1
  158. package/ui-shell/header/header-item.component.ngsummary.json +1 -1
  159. package/ui-shell/header/header-menu.component.d.ts +14 -1
  160. package/ui-shell/header/header-menu.component.js +47 -6
  161. package/ui-shell/header/header-menu.component.js.map +1 -1
  162. package/ui-shell/header/header-menu.component.metadata.json +1 -1
  163. package/ui-shell/header/header-menu.component.ngfactory.js +14 -7
  164. package/ui-shell/header/header-menu.component.ngfactory.js.map +1 -1
  165. package/ui-shell/header/header-menu.component.ngsummary.json +1 -1
  166. package/ui-shell/header/header-navigation.component.d.ts +3 -0
  167. package/ui-shell/header/header-navigation.component.js +3 -0
  168. package/ui-shell/header/header-navigation.component.js.map +1 -1
  169. package/ui-shell/header/header-navigation.component.metadata.json +1 -1
  170. package/ui-shell/header/header.component.d.ts +12 -12
  171. package/ui-shell/header/header.component.js +8 -15
  172. package/ui-shell/header/header.component.js.map +1 -1
  173. package/ui-shell/header/header.component.metadata.json +1 -1
  174. package/ui-shell/header/header.component.ngfactory.js +1 -1
  175. package/ui-shell/header/header.component.ngsummary.json +1 -1
  176. package/ui-shell/header/header.module.ngfactory.js.map +1 -1
  177. package/ui-shell/panel/panel.component.d.ts +5 -12
  178. package/ui-shell/panel/panel.component.js +5 -12
  179. package/ui-shell/panel/panel.component.js.map +1 -1
  180. package/ui-shell/panel/panel.component.metadata.json +1 -1
  181. package/ui-shell/panel/panel.module.d.ts +3 -4
  182. package/ui-shell/panel/panel.module.js +7 -10
  183. package/ui-shell/panel/panel.module.js.map +1 -1
  184. package/ui-shell/panel/panel.module.metadata.json +1 -1
  185. package/ui-shell/panel/panel.module.ngfactory.js.map +1 -1
  186. package/ui-shell/panel/panel.module.ngsummary.json +1 -1
  187. package/ui-shell/panel/product-switcher.component.d.ts +3 -0
  188. package/ui-shell/panel/product-switcher.component.js +3 -0
  189. package/ui-shell/panel/product-switcher.component.js.map +1 -1
  190. package/ui-shell/panel/product-switcher.component.metadata.json +1 -1
  191. package/ui-shell/panel/{product-switcher-list-item.component.d.ts → switcher-list-item.component.d.ts} +16 -4
  192. package/ui-shell/panel/switcher-list-item.component.js +67 -0
  193. package/ui-shell/panel/switcher-list-item.component.js.map +1 -0
  194. package/ui-shell/panel/switcher-list-item.component.metadata.json +1 -0
  195. package/ui-shell/panel/{product-switcher-list.component.ngfactory.d.ts → switcher-list-item.component.ngfactory.d.ts} +1 -1
  196. package/ui-shell/panel/switcher-list-item.component.ngfactory.js +38 -0
  197. package/ui-shell/panel/switcher-list-item.component.ngfactory.js.map +1 -0
  198. package/ui-shell/panel/switcher-list-item.component.ngsummary.json +1 -0
  199. package/ui-shell/panel/{product-switcher-item.component.d.ts → switcher-list.component.d.ts} +15 -3
  200. package/ui-shell/panel/switcher-list.component.js +47 -0
  201. package/ui-shell/panel/switcher-list.component.js.map +1 -0
  202. package/ui-shell/panel/switcher-list.component.metadata.json +1 -0
  203. package/ui-shell/panel/{product-switcher-item.component.ngfactory.d.ts → switcher-list.component.ngfactory.d.ts} +1 -1
  204. package/ui-shell/panel/switcher-list.component.ngfactory.js +36 -0
  205. package/ui-shell/panel/switcher-list.component.ngfactory.js.map +1 -0
  206. package/ui-shell/panel/switcher-list.component.ngsummary.json +1 -0
  207. package/ui-shell/sidenav/sidenav-header.component.d.ts +3 -0
  208. package/ui-shell/sidenav/sidenav-header.component.js +3 -0
  209. package/ui-shell/sidenav/sidenav-header.component.js.map +1 -1
  210. package/ui-shell/sidenav/sidenav-header.component.metadata.json +1 -1
  211. package/ui-shell/sidenav/sidenav-item.component.d.ts +14 -0
  212. package/ui-shell/sidenav/sidenav-item.component.js +29 -2
  213. package/ui-shell/sidenav/sidenav-item.component.js.map +1 -1
  214. package/ui-shell/sidenav/sidenav-item.component.metadata.json +1 -1
  215. package/ui-shell/sidenav/sidenav-item.component.ngfactory.js +4 -3
  216. package/ui-shell/sidenav/sidenav-item.component.ngfactory.js.map +1 -1
  217. package/ui-shell/sidenav/sidenav-item.component.ngsummary.json +1 -1
  218. package/ui-shell/sidenav/sidenav-menu.component.d.ts +11 -2
  219. package/ui-shell/sidenav/sidenav-menu.component.js +9 -3
  220. package/ui-shell/sidenav/sidenav-menu.component.js.map +1 -1
  221. package/ui-shell/sidenav/sidenav-menu.component.metadata.json +1 -1
  222. package/ui-shell/sidenav/sidenav-menu.component.ngfactory.js +1 -1
  223. package/ui-shell/sidenav/sidenav-menu.component.ngfactory.js.map +1 -1
  224. package/ui-shell/sidenav/sidenav-menu.component.ngsummary.json +1 -1
  225. package/ui-shell/sidenav/sidenav.component.d.ts +10 -11
  226. package/ui-shell/sidenav/sidenav.component.js +16 -14
  227. package/ui-shell/sidenav/sidenav.component.js.map +1 -1
  228. package/ui-shell/sidenav/sidenav.component.metadata.json +1 -1
  229. package/ui-shell/sidenav/sidenav.component.ngfactory.js +7 -6
  230. package/ui-shell/sidenav/sidenav.component.ngfactory.js.map +1 -1
  231. package/ui-shell/sidenav/sidenav.component.ngsummary.json +1 -1
  232. package/ui-shell/sidenav/sidenav.module.ngfactory.js.map +1 -1
  233. package/ui-shell/ui-shell.module.ngfactory.js.map +1 -1
  234. package/ui-shell/ui-shell.module.ngsummary.json +1 -1
  235. package/docs/documentation/components/ProductSwitcherItem.html +0 -285
  236. package/docs/storybook/main.af986e1c1a23f0d31b49.bundle.js.map +0 -1
  237. package/ui-shell/panel/product-switcher-item.component.js +0 -38
  238. package/ui-shell/panel/product-switcher-item.component.js.map +0 -1
  239. package/ui-shell/panel/product-switcher-item.component.metadata.json +0 -1
  240. package/ui-shell/panel/product-switcher-item.component.ngfactory.js +0 -36
  241. package/ui-shell/panel/product-switcher-item.component.ngfactory.js.map +0 -1
  242. package/ui-shell/panel/product-switcher-item.component.ngsummary.json +0 -1
  243. package/ui-shell/panel/product-switcher-list-item.component.js +0 -54
  244. package/ui-shell/panel/product-switcher-list-item.component.js.map +0 -1
  245. package/ui-shell/panel/product-switcher-list-item.component.metadata.json +0 -1
  246. package/ui-shell/panel/product-switcher-list-item.component.ngfactory.d.ts +0 -21
  247. package/ui-shell/panel/product-switcher-list-item.component.ngfactory.js +0 -37
  248. package/ui-shell/panel/product-switcher-list-item.component.ngfactory.js.map +0 -1
  249. package/ui-shell/panel/product-switcher-list-item.component.ngsummary.json +0 -1
  250. package/ui-shell/panel/product-switcher-list.component.d.ts +0 -22
  251. package/ui-shell/panel/product-switcher-list.component.js +0 -34
  252. package/ui-shell/panel/product-switcher-list.component.js.map +0 -1
  253. package/ui-shell/panel/product-switcher-list.component.metadata.json +0 -1
  254. package/ui-shell/panel/product-switcher-list.component.ngfactory.js +0 -36
  255. package/ui-shell/panel/product-switcher-list.component.ngfactory.js.map +0 -1
  256. package/ui-shell/panel/product-switcher-list.component.ngsummary.json +0 -1
@@ -1331,7 +1331,7 @@ export class StructuredList implements AfterContentInit, ControlValueAccessor {
1331
1331
  <script src="../js/libs/deep-iterator.js"></script>
1332
1332
  <script>
1333
1333
  var COMPONENT_TEMPLATE = '<div><section class="bx--structured-list" [ngClass]="{ \'bx--structured-list--border\': border, \'bx--structured-list--selection\': selection, \'bx--structured-list--condensed\': condensed, \'bx--structured-list-content--nowrap\': nowrap, \'bx--skeleton\': skeleton }"> <ng-content select="ibm-list-header"></ng-content> <div class="bx--structured-list-tbody"> <ng-content></ng-content> </div></section> </div>'
1334
- var COMPONENTS = [{'name': 'Accordion', 'selector': 'ibm-accordion'},{'name': 'AccordionItem', 'selector': 'ibm-accordion-item'},{'name': 'AlertModal', 'selector': 'ibm-alert-modal'},{'name': 'Breadcrumb', 'selector': 'ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'ibm-breadcrumb-item'},{'name': 'Checkbox', 'selector': 'ibm-checkbox'},{'name': 'ClickableTile', 'selector': 'ibm-clickable-tile'},{'name': 'CodeSnippet', 'selector': 'ibm-code-snippet'},{'name': 'ComboBox', 'selector': 'ibm-combo-box'},{'name': 'ContentSwitcher', 'selector': 'ibm-content-switcher'},{'name': 'DatePicker', 'selector': 'ibm-date-picker'},{'name': 'DatePickerInput', 'selector': 'ibm-date-picker-input'},{'name': 'Dialog', 'selector': 'ibm-dialog'},{'name': 'DialogPlaceholder', 'selector': 'ibm-dialog-placeholder'},{'name': 'Documentation', 'selector': 'ibm-documentation'},{'name': 'Dropdown', 'selector': 'ibm-dropdown'},{'name': 'DropdownList', 'selector': 'ibm-dropdown-list'},{'name': 'ExpandableTile', 'selector': 'ibm-expandable-tile'},{'name': 'File', 'selector': 'ibm-file'},{'name': 'FileUploader', 'selector': 'ibm-file-uploader'},{'name': 'Hamburger', 'selector': 'ibm-hamburger'},{'name': 'Header', 'selector': 'ibm-header'},{'name': 'HeaderAction', 'selector': 'ibm-header-action'},{'name': 'HeaderGlobal', 'selector': 'ibm-header-global'},{'name': 'HeaderItem', 'selector': 'ibm-header-item'},{'name': 'HeaderMenu', 'selector': 'ibm-header-menu'},{'name': 'HeaderNavigation', 'selector': 'ibm-header-navigation'},{'name': 'InlineLoading', 'selector': 'ibm-inline-loading'},{'name': 'Label', 'selector': 'ibm-label'},{'name': 'ListColumn', 'selector': 'ibm-list-column'},{'name': 'ListHeader', 'selector': 'ibm-list-header'},{'name': 'ListRow', 'selector': 'ibm-list-row'},{'name': 'Loading', 'selector': 'ibm-loading'},{'name': 'Modal', 'selector': 'ibm-modal'},{'name': 'ModalFooter', 'selector': 'ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'ibm-modal-header'},{'name': 'ModalPlaceholder', 'selector': 'ibm-modal-placeholder'},{'name': 'Notification', 'selector': 'ibm-notification'},{'name': 'Number', 'selector': 'ibm-number'},{'name': 'OverflowMenu', 'selector': 'ibm-overflow-menu'},{'name': 'OverflowMenuOption', 'selector': 'ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'ibm-overlay'},{'name': 'Pagination', 'selector': 'ibm-pagination'},{'name': 'Panel', 'selector': 'ibm-panel'},{'name': 'Placeholder', 'selector': 'ibm-placeholder'},{'name': 'ProductSwitcher', 'selector': 'ibm-product-switcher'},{'name': 'ProductSwitcherItem', 'selector': 'ibm-product-switcher-item'},{'name': 'ProductSwitcherList', 'selector': 'ibm-product-switcher-list'},{'name': 'ProductSwitcherListItem', 'selector': 'ibm-product-switcher-list-item'},{'name': 'ProgressIndicator', 'selector': 'ibm-progress-indicator'},{'name': 'Radio', 'selector': 'ibm-radio'},{'name': 'RadioGroup', 'selector': 'ibm-radio-group'},{'name': 'Sample', 'selector': 'ibm-sample'},{'name': 'SampleSub', 'selector': 'ibm-sample-sub'},{'name': 'Search', 'selector': 'ibm-search'},{'name': 'Select', 'selector': 'ibm-select'},{'name': 'SelectionTile', 'selector': 'ibm-selection-tile'},{'name': 'SideNav', 'selector': 'ibm-sidenav'},{'name': 'SideNavHeader', 'selector': 'ibm-sidenav-header'},{'name': 'SideNavItem', 'selector': 'ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'ibm-sidenav-menu'},{'name': 'Slider', 'selector': 'ibm-slider'},{'name': 'StructuredList', 'selector': 'ibm-structured-list'},{'name': 'Tab', 'selector': 'ibm-tab'},{'name': 'TabHeaders', 'selector': 'ibm-tab-headers'},{'name': 'Table', 'selector': 'ibm-table'},{'name': 'TableContainer', 'selector': 'ibm-table-container'},{'name': 'TableHeader', 'selector': 'ibm-table-header'},{'name': 'TableToolbar', 'selector': 'ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'ibm-tabs'},{'name': 'Tag', 'selector': 'ibm-tag'},{'name': 'TagFilter', 'selector': 'ibm-tag-filter'},{'name': 'Tile', 'selector': 'ibm-tile'},{'name': 'TileGroup', 'selector': 'ibm-tile-group'},{'name': 'TimePicker', 'selector': 'ibm-timepicker'},{'name': 'TimePickerSelect', 'selector': 'ibm-timepicker-select'},{'name': 'Toast', 'selector': 'ibm-toast'},{'name': 'Toggle', 'selector': 'ibm-toggle'},{'name': 'Tooltip', 'selector': 'ibm-tooltip'},{'name': 'TooltipDefinition', 'selector': 'ibm-tooltip-definition'},{'name': 'TooltipIcon', 'selector': 'ibm-tooltip-icon'}];
1334
+ var COMPONENTS = [{'name': 'Accordion', 'selector': 'ibm-accordion'},{'name': 'AccordionItem', 'selector': 'ibm-accordion-item'},{'name': 'AlertModal', 'selector': 'ibm-alert-modal'},{'name': 'Breadcrumb', 'selector': 'ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'ibm-breadcrumb-item'},{'name': 'Checkbox', 'selector': 'ibm-checkbox'},{'name': 'ClickableTile', 'selector': 'ibm-clickable-tile'},{'name': 'CodeSnippet', 'selector': 'ibm-code-snippet'},{'name': 'ComboBox', 'selector': 'ibm-combo-box'},{'name': 'ContentSwitcher', 'selector': 'ibm-content-switcher'},{'name': 'DatePicker', 'selector': 'ibm-date-picker'},{'name': 'DatePickerInput', 'selector': 'ibm-date-picker-input'},{'name': 'Dialog', 'selector': 'ibm-dialog'},{'name': 'DialogPlaceholder', 'selector': 'ibm-dialog-placeholder'},{'name': 'Documentation', 'selector': 'ibm-documentation'},{'name': 'Dropdown', 'selector': 'ibm-dropdown'},{'name': 'DropdownList', 'selector': 'ibm-dropdown-list'},{'name': 'ExpandableTile', 'selector': 'ibm-expandable-tile'},{'name': 'File', 'selector': 'ibm-file'},{'name': 'FileUploader', 'selector': 'ibm-file-uploader'},{'name': 'Hamburger', 'selector': 'ibm-hamburger'},{'name': 'Header', 'selector': 'ibm-header'},{'name': 'HeaderAction', 'selector': 'ibm-header-action'},{'name': 'HeaderGlobal', 'selector': 'ibm-header-global'},{'name': 'HeaderItem', 'selector': 'ibm-header-item'},{'name': 'HeaderMenu', 'selector': 'ibm-header-menu'},{'name': 'HeaderNavigation', 'selector': 'ibm-header-navigation'},{'name': 'InlineLoading', 'selector': 'ibm-inline-loading'},{'name': 'Label', 'selector': 'ibm-label'},{'name': 'ListColumn', 'selector': 'ibm-list-column'},{'name': 'ListHeader', 'selector': 'ibm-list-header'},{'name': 'ListRow', 'selector': 'ibm-list-row'},{'name': 'Loading', 'selector': 'ibm-loading'},{'name': 'Modal', 'selector': 'ibm-modal'},{'name': 'ModalFooter', 'selector': 'ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'ibm-modal-header'},{'name': 'ModalPlaceholder', 'selector': 'ibm-modal-placeholder'},{'name': 'Notification', 'selector': 'ibm-notification'},{'name': 'Number', 'selector': 'ibm-number'},{'name': 'OverflowMenu', 'selector': 'ibm-overflow-menu'},{'name': 'OverflowMenuOption', 'selector': 'ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'ibm-overlay'},{'name': 'Pagination', 'selector': 'ibm-pagination'},{'name': 'Panel', 'selector': 'ibm-panel'},{'name': 'Placeholder', 'selector': 'ibm-placeholder'},{'name': 'ProductSwitcher', 'selector': 'ibm-product-switcher'},{'name': 'ProgressIndicator', 'selector': 'ibm-progress-indicator'},{'name': 'Radio', 'selector': 'ibm-radio'},{'name': 'RadioGroup', 'selector': 'ibm-radio-group'},{'name': 'Sample', 'selector': 'ibm-sample'},{'name': 'SampleSub', 'selector': 'ibm-sample-sub'},{'name': 'Search', 'selector': 'ibm-search'},{'name': 'Select', 'selector': 'ibm-select'},{'name': 'SelectionTile', 'selector': 'ibm-selection-tile'},{'name': 'SideNav', 'selector': 'ibm-sidenav'},{'name': 'SideNavHeader', 'selector': 'ibm-sidenav-header'},{'name': 'SideNavItem', 'selector': 'ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'ibm-sidenav-menu'},{'name': 'Slider', 'selector': 'ibm-slider'},{'name': 'StructuredList', 'selector': 'ibm-structured-list'},{'name': 'SwitcherList', 'selector': 'ibm-switcher-list, ibm-product-switcher-list'},{'name': 'SwitcherListItem', 'selector': 'ibm-switcher-list-item, ibm-product-switcher-list-item, ibm-product-switcher-item'},{'name': 'Tab', 'selector': 'ibm-tab'},{'name': 'TabHeaders', 'selector': 'ibm-tab-headers'},{'name': 'Table', 'selector': 'ibm-table'},{'name': 'TableContainer', 'selector': 'ibm-table-container'},{'name': 'TableHeader', 'selector': 'ibm-table-header'},{'name': 'TableToolbar', 'selector': 'ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'ibm-tabs'},{'name': 'Tag', 'selector': 'ibm-tag'},{'name': 'TagFilter', 'selector': 'ibm-tag-filter'},{'name': 'Tile', 'selector': 'ibm-tile'},{'name': 'TileGroup', 'selector': 'ibm-tile-group'},{'name': 'TimePicker', 'selector': 'ibm-timepicker'},{'name': 'TimePickerSelect', 'selector': 'ibm-timepicker-select'},{'name': 'Toast', 'selector': 'ibm-toast'},{'name': 'Toggle', 'selector': 'ibm-toggle'},{'name': 'Tooltip', 'selector': 'ibm-tooltip'},{'name': 'TooltipDefinition', 'selector': 'ibm-tooltip-definition'},{'name': 'TooltipIcon', 'selector': 'ibm-tooltip-icon'}];
1335
1335
  var DIRECTIVES = [{'name': 'Button', 'selector': '[ibmButton]'},{'name': 'ColumnDirective', 'selector': '[ibmCol]'},{'name': 'ContentSwitcherOption', 'selector': '[ibmContentOption]'},{'name': 'DataGridFocus', 'selector': '[ibmDataGridFocus]'},{'name': 'DialogDirective', 'selector': '[ibmDialog]'},{'name': 'EllipsisTooltip', 'selector': '[ibmEllipsisTooltip]'},{'name': 'ExpandedRowHover', 'selector': '[ibmExpandedRowHover]'},{'name': 'GridDirective', 'selector': '[ibmGrid]'},{'name': 'Link', 'selector': '[ibmLink]'},{'name': 'List', 'selector': '[ibmList]'},{'name': 'ListItemDirective', 'selector': '[ibmListItem]'},{'name': 'OptGroup', 'selector': 'optgroup'},{'name': 'Option', 'selector': 'option'},{'name': 'OverflowMenuDirective', 'selector': '[ibmOverflowMenu]'},{'name': 'RowDirective', 'selector': '[ibmRow]'},{'name': 'ScrollableList', 'selector': '[ibmScrollableList]'},{'name': 'TableHeaderDescription', 'selector': '[ibmTableHeaderDescription]'},{'name': 'TableHeaderTitle', 'selector': '[ibmTableHeaderTitle]'},{'name': 'TextArea', 'selector': '[ibmTextArea]'},{'name': 'TextInput', 'selector': '[ibmText]'},{'name': 'TooltipDirective', 'selector': '[ibmTooltip]'}];
1336
1336
  var ACTUAL_COMPONENT = {'name': 'StructuredList'};
1337
1337
  </script>
@@ -35,7 +35,7 @@
35
35
 
36
36
  <ol class="breadcrumb">
37
37
  <li>Components</li>
38
- <li>ProductSwitcherList</li>
38
+ <li>SwitcherList</li>
39
39
  </ol>
40
40
 
41
41
  <ul class="nav nav-tabs" role="tablist">
@@ -55,9 +55,22 @@
55
55
  <h3>File</h3>
56
56
  </p>
57
57
  <p class="comment">
58
- <code>src/ui-shell/panel/product-switcher-list.component.ts</code>
58
+ <code>src/ui-shell/panel/switcher-list.component.ts</code>
59
59
  </p>
60
60
 
61
+ <p class="comment">
62
+ <h3>Description</h3>
63
+ </p>
64
+ <p class="comment">
65
+ <p>Container for switcher items.</p>
66
+ <div><pre class="line-numbers"><code class="language-html"> * &lt;ibm-switcher-list&gt;
67
+ * &lt;ibm-switcher-list-item&gt;one&lt;/ibm-switcher-list-item&gt;
68
+ * &lt;ibm-switcher-list-item [active]=&quot;true&quot;&gt;two&lt;/ibm-switcher-list-item&gt;
69
+ * &lt;ibm-switcher-list-item&gt;three&lt;/ibm-switcher-list-item&gt;
70
+ * &lt;/ibm-switcher-list&gt;
71
+ *</code></pre></div><p><strong>Note</strong>: <code>ibm-product-x</code> selectors and components are deprecated and will be removed in the next major version</p>
72
+
73
+ </p>
61
74
 
62
75
 
63
76
 
@@ -79,14 +92,14 @@
79
92
 
80
93
  <tr>
81
94
  <td class="col-md-3">selector</td>
82
- <td class="col-md-9"><code>ibm-product-switcher-list</code></td>
95
+ <td class="col-md-9"><code>ibm-switcher-list, ibm-product-switcher-list</code></td>
83
96
  </tr>
84
97
 
85
98
 
86
99
 
87
100
  <tr>
88
101
  <td class="col-md-3">template</td>
89
- <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;ul class&#x3D;&quot;bx--product-switcher__product-list&quot;&gt;
102
+ <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;ul class&#x3D;&quot;bx--switcher__item&quot;&gt;
90
103
  &lt;ng-content&gt;&lt;/ng-content&gt;
91
104
  &lt;/ul&gt;
92
105
  </code></pre></td>
@@ -116,18 +129,30 @@
116
129
 
117
130
 
118
131
  <div class="tab-pane fade tab-source-code" id="c-source">
119
- <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Component, HostBinding } from &quot;@angular/core&quot;;
120
-
132
+ <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Component } from &quot;@angular/core&quot;;
133
+
134
+ /**
135
+ * Container for switcher items.
136
+ *
137
+ * &#x60;&#x60;&#x60;html
138
+ * &lt;ibm-switcher-list&gt;
139
+ * &lt;ibm-switcher-list-item&gt;one&lt;/ibm-switcher-list-item&gt;
140
+ * &lt;ibm-switcher-list-item [active]&#x3D;&quot;true&quot;&gt;two&lt;/ibm-switcher-list-item&gt;
141
+ * &lt;ibm-switcher-list-item&gt;three&lt;/ibm-switcher-list-item&gt;
142
+ * &lt;/ibm-switcher-list&gt;
143
+ * &#x60;&#x60;&#x60;
144
+ *
145
+ * **Note**: &#x60;ibm-product-x&#x60; selectors and components are deprecated and will be removed in the next major version
146
+ */
121
147
  @Component({
122
- selector: &quot;ibm-product-switcher-list&quot;,
148
+ selector: &quot;ibm-switcher-list, ibm-product-switcher-list&quot;,
123
149
  template: &#x60;
124
- &lt;ul class&#x3D;&quot;bx--product-switcher__product-list&quot;&gt;
150
+ &lt;ul class&#x3D;&quot;bx--switcher__item&quot;&gt;
125
151
  &lt;ng-content&gt;&lt;/ng-content&gt;
126
152
  &lt;/ul&gt;
127
153
  &#x60;
128
154
  })
129
- export class ProductSwitcherList {
130
- }
155
+ export class SwitcherList {}
131
156
  </code></pre>
132
157
  </div>
133
158
 
@@ -158,10 +183,10 @@ export class ProductSwitcherList {
158
183
  <script src="../js/libs/htmlparser.js"></script>
159
184
  <script src="../js/libs/deep-iterator.js"></script>
160
185
  <script>
161
- var COMPONENT_TEMPLATE = '<div><ul class="bx--product-switcher__product-list"> <ng-content></ng-content></ul> </div>'
162
- var COMPONENTS = [{'name': 'Accordion', 'selector': 'ibm-accordion'},{'name': 'AccordionItem', 'selector': 'ibm-accordion-item'},{'name': 'AlertModal', 'selector': 'ibm-alert-modal'},{'name': 'Breadcrumb', 'selector': 'ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'ibm-breadcrumb-item'},{'name': 'Checkbox', 'selector': 'ibm-checkbox'},{'name': 'ClickableTile', 'selector': 'ibm-clickable-tile'},{'name': 'CodeSnippet', 'selector': 'ibm-code-snippet'},{'name': 'ComboBox', 'selector': 'ibm-combo-box'},{'name': 'ContentSwitcher', 'selector': 'ibm-content-switcher'},{'name': 'DatePicker', 'selector': 'ibm-date-picker'},{'name': 'DatePickerInput', 'selector': 'ibm-date-picker-input'},{'name': 'Dialog', 'selector': 'ibm-dialog'},{'name': 'DialogPlaceholder', 'selector': 'ibm-dialog-placeholder'},{'name': 'Documentation', 'selector': 'ibm-documentation'},{'name': 'Dropdown', 'selector': 'ibm-dropdown'},{'name': 'DropdownList', 'selector': 'ibm-dropdown-list'},{'name': 'ExpandableTile', 'selector': 'ibm-expandable-tile'},{'name': 'File', 'selector': 'ibm-file'},{'name': 'FileUploader', 'selector': 'ibm-file-uploader'},{'name': 'Hamburger', 'selector': 'ibm-hamburger'},{'name': 'Header', 'selector': 'ibm-header'},{'name': 'HeaderAction', 'selector': 'ibm-header-action'},{'name': 'HeaderGlobal', 'selector': 'ibm-header-global'},{'name': 'HeaderItem', 'selector': 'ibm-header-item'},{'name': 'HeaderMenu', 'selector': 'ibm-header-menu'},{'name': 'HeaderNavigation', 'selector': 'ibm-header-navigation'},{'name': 'InlineLoading', 'selector': 'ibm-inline-loading'},{'name': 'Label', 'selector': 'ibm-label'},{'name': 'ListColumn', 'selector': 'ibm-list-column'},{'name': 'ListHeader', 'selector': 'ibm-list-header'},{'name': 'ListRow', 'selector': 'ibm-list-row'},{'name': 'Loading', 'selector': 'ibm-loading'},{'name': 'Modal', 'selector': 'ibm-modal'},{'name': 'ModalFooter', 'selector': 'ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'ibm-modal-header'},{'name': 'ModalPlaceholder', 'selector': 'ibm-modal-placeholder'},{'name': 'Notification', 'selector': 'ibm-notification'},{'name': 'Number', 'selector': 'ibm-number'},{'name': 'OverflowMenu', 'selector': 'ibm-overflow-menu'},{'name': 'OverflowMenuOption', 'selector': 'ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'ibm-overlay'},{'name': 'Pagination', 'selector': 'ibm-pagination'},{'name': 'Panel', 'selector': 'ibm-panel'},{'name': 'Placeholder', 'selector': 'ibm-placeholder'},{'name': 'ProductSwitcher', 'selector': 'ibm-product-switcher'},{'name': 'ProductSwitcherItem', 'selector': 'ibm-product-switcher-item'},{'name': 'ProductSwitcherList', 'selector': 'ibm-product-switcher-list'},{'name': 'ProductSwitcherListItem', 'selector': 'ibm-product-switcher-list-item'},{'name': 'ProgressIndicator', 'selector': 'ibm-progress-indicator'},{'name': 'Radio', 'selector': 'ibm-radio'},{'name': 'RadioGroup', 'selector': 'ibm-radio-group'},{'name': 'Sample', 'selector': 'ibm-sample'},{'name': 'SampleSub', 'selector': 'ibm-sample-sub'},{'name': 'Search', 'selector': 'ibm-search'},{'name': 'Select', 'selector': 'ibm-select'},{'name': 'SelectionTile', 'selector': 'ibm-selection-tile'},{'name': 'SideNav', 'selector': 'ibm-sidenav'},{'name': 'SideNavHeader', 'selector': 'ibm-sidenav-header'},{'name': 'SideNavItem', 'selector': 'ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'ibm-sidenav-menu'},{'name': 'Slider', 'selector': 'ibm-slider'},{'name': 'StructuredList', 'selector': 'ibm-structured-list'},{'name': 'Tab', 'selector': 'ibm-tab'},{'name': 'TabHeaders', 'selector': 'ibm-tab-headers'},{'name': 'Table', 'selector': 'ibm-table'},{'name': 'TableContainer', 'selector': 'ibm-table-container'},{'name': 'TableHeader', 'selector': 'ibm-table-header'},{'name': 'TableToolbar', 'selector': 'ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'ibm-tabs'},{'name': 'Tag', 'selector': 'ibm-tag'},{'name': 'TagFilter', 'selector': 'ibm-tag-filter'},{'name': 'Tile', 'selector': 'ibm-tile'},{'name': 'TileGroup', 'selector': 'ibm-tile-group'},{'name': 'TimePicker', 'selector': 'ibm-timepicker'},{'name': 'TimePickerSelect', 'selector': 'ibm-timepicker-select'},{'name': 'Toast', 'selector': 'ibm-toast'},{'name': 'Toggle', 'selector': 'ibm-toggle'},{'name': 'Tooltip', 'selector': 'ibm-tooltip'},{'name': 'TooltipDefinition', 'selector': 'ibm-tooltip-definition'},{'name': 'TooltipIcon', 'selector': 'ibm-tooltip-icon'}];
186
+ var COMPONENT_TEMPLATE = '<div><ul class="bx--switcher__item"> <ng-content></ng-content></ul> </div>'
187
+ var COMPONENTS = [{'name': 'Accordion', 'selector': 'ibm-accordion'},{'name': 'AccordionItem', 'selector': 'ibm-accordion-item'},{'name': 'AlertModal', 'selector': 'ibm-alert-modal'},{'name': 'Breadcrumb', 'selector': 'ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'ibm-breadcrumb-item'},{'name': 'Checkbox', 'selector': 'ibm-checkbox'},{'name': 'ClickableTile', 'selector': 'ibm-clickable-tile'},{'name': 'CodeSnippet', 'selector': 'ibm-code-snippet'},{'name': 'ComboBox', 'selector': 'ibm-combo-box'},{'name': 'ContentSwitcher', 'selector': 'ibm-content-switcher'},{'name': 'DatePicker', 'selector': 'ibm-date-picker'},{'name': 'DatePickerInput', 'selector': 'ibm-date-picker-input'},{'name': 'Dialog', 'selector': 'ibm-dialog'},{'name': 'DialogPlaceholder', 'selector': 'ibm-dialog-placeholder'},{'name': 'Documentation', 'selector': 'ibm-documentation'},{'name': 'Dropdown', 'selector': 'ibm-dropdown'},{'name': 'DropdownList', 'selector': 'ibm-dropdown-list'},{'name': 'ExpandableTile', 'selector': 'ibm-expandable-tile'},{'name': 'File', 'selector': 'ibm-file'},{'name': 'FileUploader', 'selector': 'ibm-file-uploader'},{'name': 'Hamburger', 'selector': 'ibm-hamburger'},{'name': 'Header', 'selector': 'ibm-header'},{'name': 'HeaderAction', 'selector': 'ibm-header-action'},{'name': 'HeaderGlobal', 'selector': 'ibm-header-global'},{'name': 'HeaderItem', 'selector': 'ibm-header-item'},{'name': 'HeaderMenu', 'selector': 'ibm-header-menu'},{'name': 'HeaderNavigation', 'selector': 'ibm-header-navigation'},{'name': 'InlineLoading', 'selector': 'ibm-inline-loading'},{'name': 'Label', 'selector': 'ibm-label'},{'name': 'ListColumn', 'selector': 'ibm-list-column'},{'name': 'ListHeader', 'selector': 'ibm-list-header'},{'name': 'ListRow', 'selector': 'ibm-list-row'},{'name': 'Loading', 'selector': 'ibm-loading'},{'name': 'Modal', 'selector': 'ibm-modal'},{'name': 'ModalFooter', 'selector': 'ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'ibm-modal-header'},{'name': 'ModalPlaceholder', 'selector': 'ibm-modal-placeholder'},{'name': 'Notification', 'selector': 'ibm-notification'},{'name': 'Number', 'selector': 'ibm-number'},{'name': 'OverflowMenu', 'selector': 'ibm-overflow-menu'},{'name': 'OverflowMenuOption', 'selector': 'ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'ibm-overlay'},{'name': 'Pagination', 'selector': 'ibm-pagination'},{'name': 'Panel', 'selector': 'ibm-panel'},{'name': 'Placeholder', 'selector': 'ibm-placeholder'},{'name': 'ProductSwitcher', 'selector': 'ibm-product-switcher'},{'name': 'ProgressIndicator', 'selector': 'ibm-progress-indicator'},{'name': 'Radio', 'selector': 'ibm-radio'},{'name': 'RadioGroup', 'selector': 'ibm-radio-group'},{'name': 'Sample', 'selector': 'ibm-sample'},{'name': 'SampleSub', 'selector': 'ibm-sample-sub'},{'name': 'Search', 'selector': 'ibm-search'},{'name': 'Select', 'selector': 'ibm-select'},{'name': 'SelectionTile', 'selector': 'ibm-selection-tile'},{'name': 'SideNav', 'selector': 'ibm-sidenav'},{'name': 'SideNavHeader', 'selector': 'ibm-sidenav-header'},{'name': 'SideNavItem', 'selector': 'ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'ibm-sidenav-menu'},{'name': 'Slider', 'selector': 'ibm-slider'},{'name': 'StructuredList', 'selector': 'ibm-structured-list'},{'name': 'SwitcherList', 'selector': 'ibm-switcher-list, ibm-product-switcher-list'},{'name': 'SwitcherListItem', 'selector': 'ibm-switcher-list-item, ibm-product-switcher-list-item, ibm-product-switcher-item'},{'name': 'Tab', 'selector': 'ibm-tab'},{'name': 'TabHeaders', 'selector': 'ibm-tab-headers'},{'name': 'Table', 'selector': 'ibm-table'},{'name': 'TableContainer', 'selector': 'ibm-table-container'},{'name': 'TableHeader', 'selector': 'ibm-table-header'},{'name': 'TableToolbar', 'selector': 'ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'ibm-tabs'},{'name': 'Tag', 'selector': 'ibm-tag'},{'name': 'TagFilter', 'selector': 'ibm-tag-filter'},{'name': 'Tile', 'selector': 'ibm-tile'},{'name': 'TileGroup', 'selector': 'ibm-tile-group'},{'name': 'TimePicker', 'selector': 'ibm-timepicker'},{'name': 'TimePickerSelect', 'selector': 'ibm-timepicker-select'},{'name': 'Toast', 'selector': 'ibm-toast'},{'name': 'Toggle', 'selector': 'ibm-toggle'},{'name': 'Tooltip', 'selector': 'ibm-tooltip'},{'name': 'TooltipDefinition', 'selector': 'ibm-tooltip-definition'},{'name': 'TooltipIcon', 'selector': 'ibm-tooltip-icon'}];
163
188
  var DIRECTIVES = [{'name': 'Button', 'selector': '[ibmButton]'},{'name': 'ColumnDirective', 'selector': '[ibmCol]'},{'name': 'ContentSwitcherOption', 'selector': '[ibmContentOption]'},{'name': 'DataGridFocus', 'selector': '[ibmDataGridFocus]'},{'name': 'DialogDirective', 'selector': '[ibmDialog]'},{'name': 'EllipsisTooltip', 'selector': '[ibmEllipsisTooltip]'},{'name': 'ExpandedRowHover', 'selector': '[ibmExpandedRowHover]'},{'name': 'GridDirective', 'selector': '[ibmGrid]'},{'name': 'Link', 'selector': '[ibmLink]'},{'name': 'List', 'selector': '[ibmList]'},{'name': 'ListItemDirective', 'selector': '[ibmListItem]'},{'name': 'OptGroup', 'selector': 'optgroup'},{'name': 'Option', 'selector': 'option'},{'name': 'OverflowMenuDirective', 'selector': '[ibmOverflowMenu]'},{'name': 'RowDirective', 'selector': '[ibmRow]'},{'name': 'ScrollableList', 'selector': '[ibmScrollableList]'},{'name': 'TableHeaderDescription', 'selector': '[ibmTableHeaderDescription]'},{'name': 'TableHeaderTitle', 'selector': '[ibmTableHeaderTitle]'},{'name': 'TextArea', 'selector': '[ibmTextArea]'},{'name': 'TextInput', 'selector': '[ibmText]'},{'name': 'TooltipDirective', 'selector': '[ibmTooltip]'}];
164
- var ACTUAL_COMPONENT = {'name': 'ProductSwitcherList'};
189
+ var ACTUAL_COMPONENT = {'name': 'SwitcherList'};
165
190
  </script>
166
191
  <script src="../js/tree.js"></script>
167
192
 
@@ -195,7 +220,7 @@ export class ProductSwitcherList {
195
220
  <script>
196
221
  var COMPODOC_CURRENT_PAGE_DEPTH = 1;
197
222
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
198
- var COMPODOC_CURRENT_PAGE_URL = 'ProductSwitcherList.html';
223
+ var COMPODOC_CURRENT_PAGE_URL = 'SwitcherList.html';
199
224
  </script>
200
225
 
201
226
  <script src="../js/libs/custom-elements.min.js"></script>
@@ -35,7 +35,7 @@
35
35
 
36
36
  <ol class="breadcrumb">
37
37
  <li>Components</li>
38
- <li>ProductSwitcherListItem</li>
38
+ <li>SwitcherListItem</li>
39
39
  </ol>
40
40
 
41
41
  <ul class="nav nav-tabs" role="tablist">
@@ -55,9 +55,17 @@
55
55
  <h3>File</h3>
56
56
  </p>
57
57
  <p class="comment">
58
- <code>src/ui-shell/panel/product-switcher-list-item.component.ts</code>
58
+ <code>src/ui-shell/panel/switcher-list-item.component.ts</code>
59
59
  </p>
60
60
 
61
+ <p class="comment">
62
+ <h3>Description</h3>
63
+ </p>
64
+ <p class="comment">
65
+ <p>Represents an item in a switcher list.</p>
66
+ <p><strong>Note:</strong> <code>ibm-product-x</code> selectors and components are deprecated and will be removed in the next major version</p>
67
+
68
+ </p>
61
69
 
62
70
 
63
71
 
@@ -79,24 +87,21 @@
79
87
 
80
88
  <tr>
81
89
  <td class="col-md-3">selector</td>
82
- <td class="col-md-9"><code>ibm-product-switcher-list-item</code></td>
90
+ <td class="col-md-9"><code>ibm-switcher-list-item, ibm-product-switcher-list-item, ibm-product-switcher-item</code></td>
83
91
  </tr>
84
92
 
85
93
 
86
94
 
87
95
  <tr>
88
96
  <td class="col-md-3">template</td>
89
- <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;li class&#x3D;&quot;bx--product-list__item&quot;&gt;
90
- &lt;a class&#x3D;&quot;bx--product-link&quot; tabindex&#x3D;&quot;0&quot; [href]&#x3D;&quot;href&quot;&gt;
91
- &lt;div class&#x3D;&quot;bx--product-switcher__icon&quot;&gt;
92
- &lt;ng-content select&#x3D;&quot;svg&quot;&gt;&lt;/ng-content&gt;
93
- &lt;/div&gt;
94
- &lt;span class&#x3D;&quot;bx--product-link__name&quot;&gt;
95
- &lt;ng-content&gt;&lt;/ng-content&gt;
96
- &lt;/span&gt;
97
- &lt;/a&gt;
98
- &lt;ng-content select&#x3D;&quot;ibm-overflow-menu&quot;&gt;&lt;/ng-content&gt;
99
- &lt;/li&gt;
97
+ <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;a
98
+ class&#x3D;&quot;bx--switcher__item-link&quot;
99
+ [ngClass]&#x3D;&quot;{
100
+ &#x27;bx--switcher__item-link--selected&#x27;: active
101
+ }&quot;
102
+ [href]&#x3D;&quot;href&quot;&gt;
103
+ &lt;ng-content&gt;&lt;/ng-content&gt;
104
+ &lt;/a&gt;
100
105
  </code></pre></td>
101
106
  </tr>
102
107
 
@@ -141,6 +146,9 @@
141
146
  <tr>
142
147
  <td class="col-md-4">
143
148
  <ul class="index-list">
149
+ <li>
150
+ <a href="#active">active</a>
151
+ </li>
144
152
  <li>
145
153
  <a href="#href">href</a>
146
154
  </li>
@@ -180,7 +188,7 @@
180
188
  </tr>
181
189
  <tr>
182
190
  <td class="col-md-4">
183
- <div class="io-line">Defined in <a href="" data-line="29" class="link-to-prism">src/ui-shell/panel/product-switcher-list-item.component.ts:29</a></div>
191
+ <div class="io-line">Defined in <a href="" data-line="39" class="link-to-prism">src/ui-shell/panel/switcher-list-item.component.ts:39</a></div>
184
192
  </td>
185
193
  </tr>
186
194
 
@@ -220,6 +228,28 @@
220
228
 
221
229
  <section>
222
230
  <h3 id="inputs">Inputs</h3>
231
+ <table class="table table-sm table-bordered">
232
+ <tbody>
233
+ <tr>
234
+ <td class="col-md-2">
235
+ <a name="active"></a>
236
+ <code>active</code>
237
+ </td>
238
+ <td class="col-md-10">
239
+ <div><p>Enables the &quot;active&quot; state for an item. Commonly used to indicate the current page or selection.</p>
240
+ </div>
241
+ <p>
242
+ <em>Default value : </em><code>false</code>
243
+ </p>
244
+ </td>
245
+ </tr>
246
+ <tr>
247
+ <td class="col-md-2" colspan="2">
248
+ <div class="io-line">Defined in <a href="" data-line="26" class="link-to-prism">src/ui-shell/panel/switcher-list-item.component.ts:26</a></div>
249
+ </td>
250
+ </tr>
251
+ </tbody>
252
+ </table>
223
253
  <table class="table table-sm table-bordered">
224
254
  <tbody>
225
255
  <tr>
@@ -228,6 +258,8 @@
228
258
  <code>href</code>
229
259
  </td>
230
260
  <td class="col-md-10">
261
+ <div><p>Optional link for the underlying anchor.</p>
262
+ </div>
231
263
  <p>
232
264
  <em>Type :</em> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
233
265
 
@@ -236,7 +268,7 @@
236
268
  </tr>
237
269
  <tr>
238
270
  <td class="col-md-2" colspan="2">
239
- <div class="io-line">Defined in <a href="" data-line="21" class="link-to-prism">src/ui-shell/panel/product-switcher-list-item.component.ts:21</a></div>
271
+ <div class="io-line">Defined in <a href="" data-line="31" class="link-to-prism">src/ui-shell/panel/switcher-list-item.component.ts:31</a></div>
240
272
  </td>
241
273
  </tr>
242
274
  </tbody>
@@ -267,19 +299,24 @@
267
299
  </tr>
268
300
  <tr>
269
301
  <td class="col-md-4">
270
- <span class="modifier-icon icon ion-ios-reset"></span><code>_href: <code><a href="https://angular.io/api/platform-browser/SafeUrl" target="_blank" >SafeUrl</a></code>
302
+ <span class="modifier-icon icon ion-ios-reset"></span><code>_href: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
271
303
  </code>
272
304
  </td>
273
305
  </tr>
274
306
  <tr>
275
307
  <td class="col-md-4">
276
- <i>Type : </i> <code><a href="https://angular.io/api/platform-browser/SafeUrl" target="_blank" >SafeUrl</a></code>
308
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
277
309
 
278
310
  </td>
311
+ </tr>
312
+ <tr>
313
+ <td class="col-md-4">
314
+ <i>Default value : </i><code>&quot;javascript:void(0)&quot;</code>
315
+ </td>
279
316
  </tr>
280
317
  <tr>
281
318
  <td class="col-md-4">
282
- <div class="io-line">Defined in <a href="" data-line="29" class="link-to-prism">src/ui-shell/panel/product-switcher-list-item.component.ts:29</a></div>
319
+ <div class="io-line">Defined in <a href="" data-line="39" class="link-to-prism">src/ui-shell/panel/switcher-list-item.component.ts:39</a></div>
283
320
  </td>
284
321
  </tr>
285
322
 
@@ -308,7 +345,7 @@
308
345
  </tr>
309
346
  <tr>
310
347
  <td class="col-md-4">
311
- <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">src/ui-shell/panel/product-switcher-list-item.component.ts:25</a></div>
348
+ <div class="io-line">Defined in <a href="" data-line="35" class="link-to-prism">src/ui-shell/panel/switcher-list-item.component.ts:35</a></div>
312
349
  </td>
313
350
  </tr>
314
351
 
@@ -319,11 +356,13 @@
319
356
  </tr>
320
357
  <tr>
321
358
  <td class="col-md-4">
322
- <div class="io-line">Defined in <a href="" data-line="21" class="link-to-prism">src/ui-shell/panel/product-switcher-list-item.component.ts:21</a></div>
359
+ <div class="io-line">Defined in <a href="" data-line="31" class="link-to-prism">src/ui-shell/panel/switcher-list-item.component.ts:31</a></div>
323
360
  </td>
324
361
  </tr>
325
362
  <tr>
326
363
  <td class="col-md-4">
364
+ <div class="io-description"><p>Optional link for the underlying anchor.</p>
365
+ </div>
327
366
 
328
367
  <div class="io-description">
329
368
  <b>Parameters :</b>
@@ -366,39 +405,47 @@
366
405
 
367
406
 
368
407
  <div class="tab-pane fade tab-source-code" id="c-source">
369
- <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Component, HostBinding, Input } from &quot;@angular/core&quot;;
408
+ <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Component, Input } from &quot;@angular/core&quot;;
370
409
  import { DomSanitizer, SafeUrl } from &quot;@angular/platform-browser&quot;;
371
410
 
411
+ /**
412
+ * Represents an item in a switcher list.
413
+ *
414
+ * **Note:** &#x60;ibm-product-x&#x60; selectors and components are deprecated and will be removed in the next major version
415
+ */
372
416
  @Component({
373
- selector: &quot;ibm-product-switcher-list-item&quot;,
417
+ selector: &quot;ibm-switcher-list-item, ibm-product-switcher-list-item, ibm-product-switcher-item&quot;,
374
418
  template: &#x60;
375
- &lt;li class&#x3D;&quot;bx--product-list__item&quot;&gt;
376
- &lt;a class&#x3D;&quot;bx--product-link&quot; tabindex&#x3D;&quot;0&quot; [href]&#x3D;&quot;href&quot;&gt;
377
- &lt;div class&#x3D;&quot;bx--product-switcher__icon&quot;&gt;
378
- &lt;ng-content select&#x3D;&quot;svg&quot;&gt;&lt;/ng-content&gt;
379
- &lt;/div&gt;
380
- &lt;span class&#x3D;&quot;bx--product-link__name&quot;&gt;
381
- &lt;ng-content&gt;&lt;/ng-content&gt;
382
- &lt;/span&gt;
383
- &lt;/a&gt;
384
- &lt;ng-content select&#x3D;&quot;ibm-overflow-menu&quot;&gt;&lt;/ng-content&gt;
385
- &lt;/li&gt;
419
+ &lt;a
420
+ class&#x3D;&quot;bx--switcher__item-link&quot;
421
+ [ngClass]&#x3D;&quot;{
422
+ &#x27;bx--switcher__item-link--selected&#x27;: active
423
+ }&quot;
424
+ [href]&#x3D;&quot;href&quot;&gt;
425
+ &lt;ng-content&gt;&lt;/ng-content&gt;
426
+ &lt;/a&gt;
386
427
  &#x60;
387
428
  })
388
- export class ProductSwitcherListItem {
429
+ export class SwitcherListItem {
430
+ /**
431
+ * Enables the &quot;active&quot; state for an item. Commonly used to indicate the current page or selection.
432
+ */
433
+ @Input() active &#x3D; false;
434
+
435
+ /**
436
+ * Optional link for the underlying anchor.
437
+ */
389
438
  @Input() set href(value: string) {
390
- this._href &#x3D; this.domSanitizer.bypassSecurityTrustUrl(value);
439
+ this._href &#x3D; value;
391
440
  }
392
441
 
393
442
  get href() {
394
- return this._href as string;
443
+ return this.domSanitizer.bypassSecurityTrustUrl(this._href) as string;
395
444
  }
396
445
 
397
- protected _href: SafeUrl;
446
+ protected _href &#x3D; &quot;javascript:void(0)&quot;;
398
447
 
399
- constructor(protected domSanitizer: DomSanitizer) {
400
- this.href &#x3D; &quot;javascript:void(0)&quot;;
401
- }
448
+ constructor(protected domSanitizer: DomSanitizer) { }
402
449
  }
403
450
  </code></pre>
404
451
  </div>
@@ -430,10 +477,10 @@ export class ProductSwitcherListItem {
430
477
  <script src="../js/libs/htmlparser.js"></script>
431
478
  <script src="../js/libs/deep-iterator.js"></script>
432
479
  <script>
433
- var COMPONENT_TEMPLATE = '<div><li class="bx--product-list__item"> <a class="bx--product-link" tabindex="0" [href]="href"> <div class="bx--product-switcher__icon"> <ng-content select="svg"></ng-content> </div> <span class="bx--product-link__name"> <ng-content></ng-content> </span> </a> <ng-content select="ibm-overflow-menu"></ng-content></li> </div>'
434
- var COMPONENTS = [{'name': 'Accordion', 'selector': 'ibm-accordion'},{'name': 'AccordionItem', 'selector': 'ibm-accordion-item'},{'name': 'AlertModal', 'selector': 'ibm-alert-modal'},{'name': 'Breadcrumb', 'selector': 'ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'ibm-breadcrumb-item'},{'name': 'Checkbox', 'selector': 'ibm-checkbox'},{'name': 'ClickableTile', 'selector': 'ibm-clickable-tile'},{'name': 'CodeSnippet', 'selector': 'ibm-code-snippet'},{'name': 'ComboBox', 'selector': 'ibm-combo-box'},{'name': 'ContentSwitcher', 'selector': 'ibm-content-switcher'},{'name': 'DatePicker', 'selector': 'ibm-date-picker'},{'name': 'DatePickerInput', 'selector': 'ibm-date-picker-input'},{'name': 'Dialog', 'selector': 'ibm-dialog'},{'name': 'DialogPlaceholder', 'selector': 'ibm-dialog-placeholder'},{'name': 'Documentation', 'selector': 'ibm-documentation'},{'name': 'Dropdown', 'selector': 'ibm-dropdown'},{'name': 'DropdownList', 'selector': 'ibm-dropdown-list'},{'name': 'ExpandableTile', 'selector': 'ibm-expandable-tile'},{'name': 'File', 'selector': 'ibm-file'},{'name': 'FileUploader', 'selector': 'ibm-file-uploader'},{'name': 'Hamburger', 'selector': 'ibm-hamburger'},{'name': 'Header', 'selector': 'ibm-header'},{'name': 'HeaderAction', 'selector': 'ibm-header-action'},{'name': 'HeaderGlobal', 'selector': 'ibm-header-global'},{'name': 'HeaderItem', 'selector': 'ibm-header-item'},{'name': 'HeaderMenu', 'selector': 'ibm-header-menu'},{'name': 'HeaderNavigation', 'selector': 'ibm-header-navigation'},{'name': 'InlineLoading', 'selector': 'ibm-inline-loading'},{'name': 'Label', 'selector': 'ibm-label'},{'name': 'ListColumn', 'selector': 'ibm-list-column'},{'name': 'ListHeader', 'selector': 'ibm-list-header'},{'name': 'ListRow', 'selector': 'ibm-list-row'},{'name': 'Loading', 'selector': 'ibm-loading'},{'name': 'Modal', 'selector': 'ibm-modal'},{'name': 'ModalFooter', 'selector': 'ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'ibm-modal-header'},{'name': 'ModalPlaceholder', 'selector': 'ibm-modal-placeholder'},{'name': 'Notification', 'selector': 'ibm-notification'},{'name': 'Number', 'selector': 'ibm-number'},{'name': 'OverflowMenu', 'selector': 'ibm-overflow-menu'},{'name': 'OverflowMenuOption', 'selector': 'ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'ibm-overlay'},{'name': 'Pagination', 'selector': 'ibm-pagination'},{'name': 'Panel', 'selector': 'ibm-panel'},{'name': 'Placeholder', 'selector': 'ibm-placeholder'},{'name': 'ProductSwitcher', 'selector': 'ibm-product-switcher'},{'name': 'ProductSwitcherItem', 'selector': 'ibm-product-switcher-item'},{'name': 'ProductSwitcherList', 'selector': 'ibm-product-switcher-list'},{'name': 'ProductSwitcherListItem', 'selector': 'ibm-product-switcher-list-item'},{'name': 'ProgressIndicator', 'selector': 'ibm-progress-indicator'},{'name': 'Radio', 'selector': 'ibm-radio'},{'name': 'RadioGroup', 'selector': 'ibm-radio-group'},{'name': 'Sample', 'selector': 'ibm-sample'},{'name': 'SampleSub', 'selector': 'ibm-sample-sub'},{'name': 'Search', 'selector': 'ibm-search'},{'name': 'Select', 'selector': 'ibm-select'},{'name': 'SelectionTile', 'selector': 'ibm-selection-tile'},{'name': 'SideNav', 'selector': 'ibm-sidenav'},{'name': 'SideNavHeader', 'selector': 'ibm-sidenav-header'},{'name': 'SideNavItem', 'selector': 'ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'ibm-sidenav-menu'},{'name': 'Slider', 'selector': 'ibm-slider'},{'name': 'StructuredList', 'selector': 'ibm-structured-list'},{'name': 'Tab', 'selector': 'ibm-tab'},{'name': 'TabHeaders', 'selector': 'ibm-tab-headers'},{'name': 'Table', 'selector': 'ibm-table'},{'name': 'TableContainer', 'selector': 'ibm-table-container'},{'name': 'TableHeader', 'selector': 'ibm-table-header'},{'name': 'TableToolbar', 'selector': 'ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'ibm-tabs'},{'name': 'Tag', 'selector': 'ibm-tag'},{'name': 'TagFilter', 'selector': 'ibm-tag-filter'},{'name': 'Tile', 'selector': 'ibm-tile'},{'name': 'TileGroup', 'selector': 'ibm-tile-group'},{'name': 'TimePicker', 'selector': 'ibm-timepicker'},{'name': 'TimePickerSelect', 'selector': 'ibm-timepicker-select'},{'name': 'Toast', 'selector': 'ibm-toast'},{'name': 'Toggle', 'selector': 'ibm-toggle'},{'name': 'Tooltip', 'selector': 'ibm-tooltip'},{'name': 'TooltipDefinition', 'selector': 'ibm-tooltip-definition'},{'name': 'TooltipIcon', 'selector': 'ibm-tooltip-icon'}];
480
+ var COMPONENT_TEMPLATE = '<div><a class="bx--switcher__item-link" [ngClass]="{ \'bx--switcher__item-link--selected\': active }" [href]="href"> <ng-content></ng-content></a> </div>'
481
+ var COMPONENTS = [{'name': 'Accordion', 'selector': 'ibm-accordion'},{'name': 'AccordionItem', 'selector': 'ibm-accordion-item'},{'name': 'AlertModal', 'selector': 'ibm-alert-modal'},{'name': 'Breadcrumb', 'selector': 'ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'ibm-breadcrumb-item'},{'name': 'Checkbox', 'selector': 'ibm-checkbox'},{'name': 'ClickableTile', 'selector': 'ibm-clickable-tile'},{'name': 'CodeSnippet', 'selector': 'ibm-code-snippet'},{'name': 'ComboBox', 'selector': 'ibm-combo-box'},{'name': 'ContentSwitcher', 'selector': 'ibm-content-switcher'},{'name': 'DatePicker', 'selector': 'ibm-date-picker'},{'name': 'DatePickerInput', 'selector': 'ibm-date-picker-input'},{'name': 'Dialog', 'selector': 'ibm-dialog'},{'name': 'DialogPlaceholder', 'selector': 'ibm-dialog-placeholder'},{'name': 'Documentation', 'selector': 'ibm-documentation'},{'name': 'Dropdown', 'selector': 'ibm-dropdown'},{'name': 'DropdownList', 'selector': 'ibm-dropdown-list'},{'name': 'ExpandableTile', 'selector': 'ibm-expandable-tile'},{'name': 'File', 'selector': 'ibm-file'},{'name': 'FileUploader', 'selector': 'ibm-file-uploader'},{'name': 'Hamburger', 'selector': 'ibm-hamburger'},{'name': 'Header', 'selector': 'ibm-header'},{'name': 'HeaderAction', 'selector': 'ibm-header-action'},{'name': 'HeaderGlobal', 'selector': 'ibm-header-global'},{'name': 'HeaderItem', 'selector': 'ibm-header-item'},{'name': 'HeaderMenu', 'selector': 'ibm-header-menu'},{'name': 'HeaderNavigation', 'selector': 'ibm-header-navigation'},{'name': 'InlineLoading', 'selector': 'ibm-inline-loading'},{'name': 'Label', 'selector': 'ibm-label'},{'name': 'ListColumn', 'selector': 'ibm-list-column'},{'name': 'ListHeader', 'selector': 'ibm-list-header'},{'name': 'ListRow', 'selector': 'ibm-list-row'},{'name': 'Loading', 'selector': 'ibm-loading'},{'name': 'Modal', 'selector': 'ibm-modal'},{'name': 'ModalFooter', 'selector': 'ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'ibm-modal-header'},{'name': 'ModalPlaceholder', 'selector': 'ibm-modal-placeholder'},{'name': 'Notification', 'selector': 'ibm-notification'},{'name': 'Number', 'selector': 'ibm-number'},{'name': 'OverflowMenu', 'selector': 'ibm-overflow-menu'},{'name': 'OverflowMenuOption', 'selector': 'ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'ibm-overlay'},{'name': 'Pagination', 'selector': 'ibm-pagination'},{'name': 'Panel', 'selector': 'ibm-panel'},{'name': 'Placeholder', 'selector': 'ibm-placeholder'},{'name': 'ProductSwitcher', 'selector': 'ibm-product-switcher'},{'name': 'ProgressIndicator', 'selector': 'ibm-progress-indicator'},{'name': 'Radio', 'selector': 'ibm-radio'},{'name': 'RadioGroup', 'selector': 'ibm-radio-group'},{'name': 'Sample', 'selector': 'ibm-sample'},{'name': 'SampleSub', 'selector': 'ibm-sample-sub'},{'name': 'Search', 'selector': 'ibm-search'},{'name': 'Select', 'selector': 'ibm-select'},{'name': 'SelectionTile', 'selector': 'ibm-selection-tile'},{'name': 'SideNav', 'selector': 'ibm-sidenav'},{'name': 'SideNavHeader', 'selector': 'ibm-sidenav-header'},{'name': 'SideNavItem', 'selector': 'ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'ibm-sidenav-menu'},{'name': 'Slider', 'selector': 'ibm-slider'},{'name': 'StructuredList', 'selector': 'ibm-structured-list'},{'name': 'SwitcherList', 'selector': 'ibm-switcher-list, ibm-product-switcher-list'},{'name': 'SwitcherListItem', 'selector': 'ibm-switcher-list-item, ibm-product-switcher-list-item, ibm-product-switcher-item'},{'name': 'Tab', 'selector': 'ibm-tab'},{'name': 'TabHeaders', 'selector': 'ibm-tab-headers'},{'name': 'Table', 'selector': 'ibm-table'},{'name': 'TableContainer', 'selector': 'ibm-table-container'},{'name': 'TableHeader', 'selector': 'ibm-table-header'},{'name': 'TableToolbar', 'selector': 'ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'ibm-tabs'},{'name': 'Tag', 'selector': 'ibm-tag'},{'name': 'TagFilter', 'selector': 'ibm-tag-filter'},{'name': 'Tile', 'selector': 'ibm-tile'},{'name': 'TileGroup', 'selector': 'ibm-tile-group'},{'name': 'TimePicker', 'selector': 'ibm-timepicker'},{'name': 'TimePickerSelect', 'selector': 'ibm-timepicker-select'},{'name': 'Toast', 'selector': 'ibm-toast'},{'name': 'Toggle', 'selector': 'ibm-toggle'},{'name': 'Tooltip', 'selector': 'ibm-tooltip'},{'name': 'TooltipDefinition', 'selector': 'ibm-tooltip-definition'},{'name': 'TooltipIcon', 'selector': 'ibm-tooltip-icon'}];
435
482
  var DIRECTIVES = [{'name': 'Button', 'selector': '[ibmButton]'},{'name': 'ColumnDirective', 'selector': '[ibmCol]'},{'name': 'ContentSwitcherOption', 'selector': '[ibmContentOption]'},{'name': 'DataGridFocus', 'selector': '[ibmDataGridFocus]'},{'name': 'DialogDirective', 'selector': '[ibmDialog]'},{'name': 'EllipsisTooltip', 'selector': '[ibmEllipsisTooltip]'},{'name': 'ExpandedRowHover', 'selector': '[ibmExpandedRowHover]'},{'name': 'GridDirective', 'selector': '[ibmGrid]'},{'name': 'Link', 'selector': '[ibmLink]'},{'name': 'List', 'selector': '[ibmList]'},{'name': 'ListItemDirective', 'selector': '[ibmListItem]'},{'name': 'OptGroup', 'selector': 'optgroup'},{'name': 'Option', 'selector': 'option'},{'name': 'OverflowMenuDirective', 'selector': '[ibmOverflowMenu]'},{'name': 'RowDirective', 'selector': '[ibmRow]'},{'name': 'ScrollableList', 'selector': '[ibmScrollableList]'},{'name': 'TableHeaderDescription', 'selector': '[ibmTableHeaderDescription]'},{'name': 'TableHeaderTitle', 'selector': '[ibmTableHeaderTitle]'},{'name': 'TextArea', 'selector': '[ibmTextArea]'},{'name': 'TextInput', 'selector': '[ibmText]'},{'name': 'TooltipDirective', 'selector': '[ibmTooltip]'}];
436
- var ACTUAL_COMPONENT = {'name': 'ProductSwitcherListItem'};
483
+ var ACTUAL_COMPONENT = {'name': 'SwitcherListItem'};
437
484
  </script>
438
485
  <script src="../js/tree.js"></script>
439
486
 
@@ -467,7 +514,7 @@ export class ProductSwitcherListItem {
467
514
  <script>
468
515
  var COMPODOC_CURRENT_PAGE_DEPTH = 1;
469
516
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
470
- var COMPODOC_CURRENT_PAGE_URL = 'ProductSwitcherListItem.html';
517
+ var COMPODOC_CURRENT_PAGE_URL = 'SwitcherListItem.html';
471
518
  </script>
472
519
 
473
520
  <script src="../js/libs/custom-elements.min.js"></script>
@@ -858,7 +858,7 @@ export class Tab implements OnInit {
858
858
  <script src="../js/libs/deep-iterator.js"></script>
859
859
  <script>
860
860
  var COMPONENT_TEMPLATE = '<div><div [tabindex]="tabIndex" role="tabpanel" *ngIf="shouldRender()" [ngStyle]="{\'display\': active ? null : \'none\'}" [attr.aria-labelledby]="id + \'-header\'"> <ng-content></ng-content></div></div>'
861
- var COMPONENTS = [{'name': 'Accordion', 'selector': 'ibm-accordion'},{'name': 'AccordionItem', 'selector': 'ibm-accordion-item'},{'name': 'AlertModal', 'selector': 'ibm-alert-modal'},{'name': 'Breadcrumb', 'selector': 'ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'ibm-breadcrumb-item'},{'name': 'Checkbox', 'selector': 'ibm-checkbox'},{'name': 'ClickableTile', 'selector': 'ibm-clickable-tile'},{'name': 'CodeSnippet', 'selector': 'ibm-code-snippet'},{'name': 'ComboBox', 'selector': 'ibm-combo-box'},{'name': 'ContentSwitcher', 'selector': 'ibm-content-switcher'},{'name': 'DatePicker', 'selector': 'ibm-date-picker'},{'name': 'DatePickerInput', 'selector': 'ibm-date-picker-input'},{'name': 'Dialog', 'selector': 'ibm-dialog'},{'name': 'DialogPlaceholder', 'selector': 'ibm-dialog-placeholder'},{'name': 'Documentation', 'selector': 'ibm-documentation'},{'name': 'Dropdown', 'selector': 'ibm-dropdown'},{'name': 'DropdownList', 'selector': 'ibm-dropdown-list'},{'name': 'ExpandableTile', 'selector': 'ibm-expandable-tile'},{'name': 'File', 'selector': 'ibm-file'},{'name': 'FileUploader', 'selector': 'ibm-file-uploader'},{'name': 'Hamburger', 'selector': 'ibm-hamburger'},{'name': 'Header', 'selector': 'ibm-header'},{'name': 'HeaderAction', 'selector': 'ibm-header-action'},{'name': 'HeaderGlobal', 'selector': 'ibm-header-global'},{'name': 'HeaderItem', 'selector': 'ibm-header-item'},{'name': 'HeaderMenu', 'selector': 'ibm-header-menu'},{'name': 'HeaderNavigation', 'selector': 'ibm-header-navigation'},{'name': 'InlineLoading', 'selector': 'ibm-inline-loading'},{'name': 'Label', 'selector': 'ibm-label'},{'name': 'ListColumn', 'selector': 'ibm-list-column'},{'name': 'ListHeader', 'selector': 'ibm-list-header'},{'name': 'ListRow', 'selector': 'ibm-list-row'},{'name': 'Loading', 'selector': 'ibm-loading'},{'name': 'Modal', 'selector': 'ibm-modal'},{'name': 'ModalFooter', 'selector': 'ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'ibm-modal-header'},{'name': 'ModalPlaceholder', 'selector': 'ibm-modal-placeholder'},{'name': 'Notification', 'selector': 'ibm-notification'},{'name': 'Number', 'selector': 'ibm-number'},{'name': 'OverflowMenu', 'selector': 'ibm-overflow-menu'},{'name': 'OverflowMenuOption', 'selector': 'ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'ibm-overlay'},{'name': 'Pagination', 'selector': 'ibm-pagination'},{'name': 'Panel', 'selector': 'ibm-panel'},{'name': 'Placeholder', 'selector': 'ibm-placeholder'},{'name': 'ProductSwitcher', 'selector': 'ibm-product-switcher'},{'name': 'ProductSwitcherItem', 'selector': 'ibm-product-switcher-item'},{'name': 'ProductSwitcherList', 'selector': 'ibm-product-switcher-list'},{'name': 'ProductSwitcherListItem', 'selector': 'ibm-product-switcher-list-item'},{'name': 'ProgressIndicator', 'selector': 'ibm-progress-indicator'},{'name': 'Radio', 'selector': 'ibm-radio'},{'name': 'RadioGroup', 'selector': 'ibm-radio-group'},{'name': 'Sample', 'selector': 'ibm-sample'},{'name': 'SampleSub', 'selector': 'ibm-sample-sub'},{'name': 'Search', 'selector': 'ibm-search'},{'name': 'Select', 'selector': 'ibm-select'},{'name': 'SelectionTile', 'selector': 'ibm-selection-tile'},{'name': 'SideNav', 'selector': 'ibm-sidenav'},{'name': 'SideNavHeader', 'selector': 'ibm-sidenav-header'},{'name': 'SideNavItem', 'selector': 'ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'ibm-sidenav-menu'},{'name': 'Slider', 'selector': 'ibm-slider'},{'name': 'StructuredList', 'selector': 'ibm-structured-list'},{'name': 'Tab', 'selector': 'ibm-tab'},{'name': 'TabHeaders', 'selector': 'ibm-tab-headers'},{'name': 'Table', 'selector': 'ibm-table'},{'name': 'TableContainer', 'selector': 'ibm-table-container'},{'name': 'TableHeader', 'selector': 'ibm-table-header'},{'name': 'TableToolbar', 'selector': 'ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'ibm-tabs'},{'name': 'Tag', 'selector': 'ibm-tag'},{'name': 'TagFilter', 'selector': 'ibm-tag-filter'},{'name': 'Tile', 'selector': 'ibm-tile'},{'name': 'TileGroup', 'selector': 'ibm-tile-group'},{'name': 'TimePicker', 'selector': 'ibm-timepicker'},{'name': 'TimePickerSelect', 'selector': 'ibm-timepicker-select'},{'name': 'Toast', 'selector': 'ibm-toast'},{'name': 'Toggle', 'selector': 'ibm-toggle'},{'name': 'Tooltip', 'selector': 'ibm-tooltip'},{'name': 'TooltipDefinition', 'selector': 'ibm-tooltip-definition'},{'name': 'TooltipIcon', 'selector': 'ibm-tooltip-icon'}];
861
+ var COMPONENTS = [{'name': 'Accordion', 'selector': 'ibm-accordion'},{'name': 'AccordionItem', 'selector': 'ibm-accordion-item'},{'name': 'AlertModal', 'selector': 'ibm-alert-modal'},{'name': 'Breadcrumb', 'selector': 'ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'ibm-breadcrumb-item'},{'name': 'Checkbox', 'selector': 'ibm-checkbox'},{'name': 'ClickableTile', 'selector': 'ibm-clickable-tile'},{'name': 'CodeSnippet', 'selector': 'ibm-code-snippet'},{'name': 'ComboBox', 'selector': 'ibm-combo-box'},{'name': 'ContentSwitcher', 'selector': 'ibm-content-switcher'},{'name': 'DatePicker', 'selector': 'ibm-date-picker'},{'name': 'DatePickerInput', 'selector': 'ibm-date-picker-input'},{'name': 'Dialog', 'selector': 'ibm-dialog'},{'name': 'DialogPlaceholder', 'selector': 'ibm-dialog-placeholder'},{'name': 'Documentation', 'selector': 'ibm-documentation'},{'name': 'Dropdown', 'selector': 'ibm-dropdown'},{'name': 'DropdownList', 'selector': 'ibm-dropdown-list'},{'name': 'ExpandableTile', 'selector': 'ibm-expandable-tile'},{'name': 'File', 'selector': 'ibm-file'},{'name': 'FileUploader', 'selector': 'ibm-file-uploader'},{'name': 'Hamburger', 'selector': 'ibm-hamburger'},{'name': 'Header', 'selector': 'ibm-header'},{'name': 'HeaderAction', 'selector': 'ibm-header-action'},{'name': 'HeaderGlobal', 'selector': 'ibm-header-global'},{'name': 'HeaderItem', 'selector': 'ibm-header-item'},{'name': 'HeaderMenu', 'selector': 'ibm-header-menu'},{'name': 'HeaderNavigation', 'selector': 'ibm-header-navigation'},{'name': 'InlineLoading', 'selector': 'ibm-inline-loading'},{'name': 'Label', 'selector': 'ibm-label'},{'name': 'ListColumn', 'selector': 'ibm-list-column'},{'name': 'ListHeader', 'selector': 'ibm-list-header'},{'name': 'ListRow', 'selector': 'ibm-list-row'},{'name': 'Loading', 'selector': 'ibm-loading'},{'name': 'Modal', 'selector': 'ibm-modal'},{'name': 'ModalFooter', 'selector': 'ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'ibm-modal-header'},{'name': 'ModalPlaceholder', 'selector': 'ibm-modal-placeholder'},{'name': 'Notification', 'selector': 'ibm-notification'},{'name': 'Number', 'selector': 'ibm-number'},{'name': 'OverflowMenu', 'selector': 'ibm-overflow-menu'},{'name': 'OverflowMenuOption', 'selector': 'ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'ibm-overlay'},{'name': 'Pagination', 'selector': 'ibm-pagination'},{'name': 'Panel', 'selector': 'ibm-panel'},{'name': 'Placeholder', 'selector': 'ibm-placeholder'},{'name': 'ProductSwitcher', 'selector': 'ibm-product-switcher'},{'name': 'ProgressIndicator', 'selector': 'ibm-progress-indicator'},{'name': 'Radio', 'selector': 'ibm-radio'},{'name': 'RadioGroup', 'selector': 'ibm-radio-group'},{'name': 'Sample', 'selector': 'ibm-sample'},{'name': 'SampleSub', 'selector': 'ibm-sample-sub'},{'name': 'Search', 'selector': 'ibm-search'},{'name': 'Select', 'selector': 'ibm-select'},{'name': 'SelectionTile', 'selector': 'ibm-selection-tile'},{'name': 'SideNav', 'selector': 'ibm-sidenav'},{'name': 'SideNavHeader', 'selector': 'ibm-sidenav-header'},{'name': 'SideNavItem', 'selector': 'ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'ibm-sidenav-menu'},{'name': 'Slider', 'selector': 'ibm-slider'},{'name': 'StructuredList', 'selector': 'ibm-structured-list'},{'name': 'SwitcherList', 'selector': 'ibm-switcher-list, ibm-product-switcher-list'},{'name': 'SwitcherListItem', 'selector': 'ibm-switcher-list-item, ibm-product-switcher-list-item, ibm-product-switcher-item'},{'name': 'Tab', 'selector': 'ibm-tab'},{'name': 'TabHeaders', 'selector': 'ibm-tab-headers'},{'name': 'Table', 'selector': 'ibm-table'},{'name': 'TableContainer', 'selector': 'ibm-table-container'},{'name': 'TableHeader', 'selector': 'ibm-table-header'},{'name': 'TableToolbar', 'selector': 'ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'ibm-tabs'},{'name': 'Tag', 'selector': 'ibm-tag'},{'name': 'TagFilter', 'selector': 'ibm-tag-filter'},{'name': 'Tile', 'selector': 'ibm-tile'},{'name': 'TileGroup', 'selector': 'ibm-tile-group'},{'name': 'TimePicker', 'selector': 'ibm-timepicker'},{'name': 'TimePickerSelect', 'selector': 'ibm-timepicker-select'},{'name': 'Toast', 'selector': 'ibm-toast'},{'name': 'Toggle', 'selector': 'ibm-toggle'},{'name': 'Tooltip', 'selector': 'ibm-tooltip'},{'name': 'TooltipDefinition', 'selector': 'ibm-tooltip-definition'},{'name': 'TooltipIcon', 'selector': 'ibm-tooltip-icon'}];
862
862
  var DIRECTIVES = [{'name': 'Button', 'selector': '[ibmButton]'},{'name': 'ColumnDirective', 'selector': '[ibmCol]'},{'name': 'ContentSwitcherOption', 'selector': '[ibmContentOption]'},{'name': 'DataGridFocus', 'selector': '[ibmDataGridFocus]'},{'name': 'DialogDirective', 'selector': '[ibmDialog]'},{'name': 'EllipsisTooltip', 'selector': '[ibmEllipsisTooltip]'},{'name': 'ExpandedRowHover', 'selector': '[ibmExpandedRowHover]'},{'name': 'GridDirective', 'selector': '[ibmGrid]'},{'name': 'Link', 'selector': '[ibmLink]'},{'name': 'List', 'selector': '[ibmList]'},{'name': 'ListItemDirective', 'selector': '[ibmListItem]'},{'name': 'OptGroup', 'selector': 'optgroup'},{'name': 'Option', 'selector': 'option'},{'name': 'OverflowMenuDirective', 'selector': '[ibmOverflowMenu]'},{'name': 'RowDirective', 'selector': '[ibmRow]'},{'name': 'ScrollableList', 'selector': '[ibmScrollableList]'},{'name': 'TableHeaderDescription', 'selector': '[ibmTableHeaderDescription]'},{'name': 'TableHeaderTitle', 'selector': '[ibmTableHeaderTitle]'},{'name': 'TextArea', 'selector': '[ibmTextArea]'},{'name': 'TextInput', 'selector': '[ibmText]'},{'name': 'TooltipDirective', 'selector': '[ibmTooltip]'}];
863
863
  var ACTUAL_COMPONENT = {'name': 'Tab'};
864
864
  </script>