carbon-components-angular 3.17.0 → 3.17.4

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 (197) hide show
  1. package/combobox/combobox.module.ngfactory.js +4 -3
  2. package/combobox/combobox.module.ngsummary.json +1 -1
  3. package/docs/documentation/classes/NumberChange.html +9 -8
  4. package/docs/documentation/components/Accordion.html +1 -1
  5. package/docs/documentation/components/AccordionItem.html +1 -1
  6. package/docs/documentation/components/AlertModal.html +1 -1
  7. package/docs/documentation/components/Breadcrumb.html +1 -1
  8. package/docs/documentation/components/BreadcrumbItemComponent.html +1 -1
  9. package/docs/documentation/components/Checkbox.html +1 -1
  10. package/docs/documentation/components/ClickableTile.html +1 -1
  11. package/docs/documentation/components/CodeSnippet.html +1 -1
  12. package/docs/documentation/components/ComboBox.html +1 -1
  13. package/docs/documentation/components/ContentSwitcher.html +1 -1
  14. package/docs/documentation/components/DatePicker.html +1 -1
  15. package/docs/documentation/components/DatePickerInput.html +1 -1
  16. package/docs/documentation/components/Dialog.html +1 -1
  17. package/docs/documentation/components/DialogPlaceholder.html +1 -1
  18. package/docs/documentation/components/Documentation.html +1 -1
  19. package/docs/documentation/components/Dropdown.html +150 -71
  20. package/docs/documentation/components/DropdownList.html +1 -1
  21. package/docs/documentation/components/ExpandableTile.html +1 -1
  22. package/docs/documentation/components/File.html +50 -7
  23. package/docs/documentation/components/FileUploader.html +40 -28
  24. package/docs/documentation/components/Hamburger.html +1 -1
  25. package/docs/documentation/components/Header.html +429 -12
  26. package/docs/documentation/components/HeaderAction.html +7 -9
  27. package/docs/documentation/components/HeaderGlobal.html +1 -1
  28. package/docs/documentation/components/HeaderItem.html +1 -1
  29. package/docs/documentation/components/HeaderMenu.html +1 -1
  30. package/docs/documentation/components/HeaderNavigation.html +1 -1
  31. package/docs/documentation/components/InlineLoading.html +1 -1
  32. package/docs/documentation/components/Label.html +1 -1
  33. package/docs/documentation/components/ListColumn.html +1 -1
  34. package/docs/documentation/components/ListHeader.html +1 -1
  35. package/docs/documentation/components/ListRow.html +1 -1
  36. package/docs/documentation/components/Loading.html +1 -1
  37. package/docs/documentation/components/Modal.html +1 -1
  38. package/docs/documentation/components/ModalFooter.html +1 -1
  39. package/docs/documentation/components/ModalHeader.html +1 -1
  40. package/docs/documentation/components/ModalPlaceholder.html +1 -1
  41. package/docs/documentation/components/Notification.html +84 -19
  42. package/docs/documentation/components/{Number.html → NumberComponent.html} +14 -13
  43. package/docs/documentation/components/OverflowMenu.html +1 -1
  44. package/docs/documentation/components/OverflowMenuOption.html +1 -1
  45. package/docs/documentation/components/OverflowMenuPane.html +1 -1
  46. package/docs/documentation/components/Overlay.html +1 -1
  47. package/docs/documentation/components/Pagination.html +1 -1
  48. package/docs/documentation/components/Panel.html +1 -1
  49. package/docs/documentation/components/Placeholder.html +1 -1
  50. package/docs/documentation/components/ProductSwitcher.html +1 -1
  51. package/docs/documentation/components/ProgressIndicator.html +1 -1
  52. package/docs/documentation/components/Radio.html +1 -1
  53. package/docs/documentation/components/RadioGroup.html +1 -1
  54. package/docs/documentation/components/Sample.html +1 -1
  55. package/docs/documentation/components/SampleSub.html +1 -1
  56. package/docs/documentation/components/Search.html +1 -1
  57. package/docs/documentation/components/Select.html +1 -1
  58. package/docs/documentation/components/SelectionTile.html +1 -1
  59. package/docs/documentation/components/SideNav.html +1 -1
  60. package/docs/documentation/components/SideNavHeader.html +1 -1
  61. package/docs/documentation/components/SideNavItem.html +1 -1
  62. package/docs/documentation/components/SideNavMenu.html +1 -1
  63. package/docs/documentation/components/Slider.html +1 -1
  64. package/docs/documentation/components/StructuredList.html +1 -1
  65. package/docs/documentation/components/SwitcherList.html +1 -1
  66. package/docs/documentation/components/SwitcherListItem.html +1 -1
  67. package/docs/documentation/components/Tab.html +1 -1
  68. package/docs/documentation/components/TabHeaders.html +33 -31
  69. package/docs/documentation/components/Table.html +1 -1
  70. package/docs/documentation/components/TableBody.html +24 -22
  71. package/docs/documentation/components/TableCheckbox.html +1 -1
  72. package/docs/documentation/components/TableContainer.html +1 -1
  73. package/docs/documentation/components/TableData.html +1 -1
  74. package/docs/documentation/components/TableExpandButton.html +1 -1
  75. package/docs/documentation/components/TableExpandedRow.html +1 -1
  76. package/docs/documentation/components/TableHead.html +1 -1
  77. package/docs/documentation/components/TableHeadCell.html +1 -1
  78. package/docs/documentation/components/TableHeadCheckbox.html +1 -1
  79. package/docs/documentation/components/TableHeadExpand.html +1 -1
  80. package/docs/documentation/components/TableHeader.html +1 -1
  81. package/docs/documentation/components/TableRowComponent.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 +1 -1
  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 +103 -28
  94. package/docs/documentation/components/Toggle.html +1 -1
  95. package/docs/documentation/components/Tooltip.html +1 -1
  96. package/docs/documentation/components/TooltipDefinition.html +1 -1
  97. package/docs/documentation/components/TooltipIcon.html +1 -1
  98. package/docs/documentation/coverage.html +17 -17
  99. package/docs/documentation/graph/dependencies.dot +1 -3
  100. package/docs/documentation/interfaces/FileItem.html +66 -0
  101. package/docs/documentation/interfaces/NotificationContent.html +78 -0
  102. package/docs/documentation/interfaces/ToastContent.html +2 -0
  103. package/docs/documentation/js/menu-wc.js +1 -1
  104. package/docs/documentation/js/search/search_index.js +2 -2
  105. package/docs/documentation/modules/DropdownModule.html +3 -1
  106. package/docs/documentation/modules/FileUploaderModule.html +3 -1
  107. package/docs/documentation/modules/NumberModule/dependencies.svg +30 -56
  108. package/docs/documentation/modules/NumberModule.html +32 -58
  109. package/docs/storybook/iframe.html +3 -3
  110. package/docs/storybook/index.html +1 -1
  111. package/docs/storybook/main.604029a81eeba7dfa6f2.bundle.js +1 -0
  112. package/docs/storybook/{main.9b7b4c6bd6a4a7a1e383.bundle.js → main.d185cd03d35d1c8840ae.bundle.js} +271 -122
  113. package/docs/storybook/main.d185cd03d35d1c8840ae.bundle.js.map +1 -0
  114. package/docs/storybook/{runtime~main.9b7b4c6bd6a4a7a1e383.bundle.js → runtime~main.d185cd03d35d1c8840ae.bundle.js} +1 -1
  115. package/docs/storybook/{runtime~main.9b7b4c6bd6a4a7a1e383.bundle.js.map → runtime~main.d185cd03d35d1c8840ae.bundle.js.map} +1 -1
  116. package/docs/storybook/{vendors~main.9b7b4c6bd6a4a7a1e383.bundle.js → vendors~main.d185cd03d35d1c8840ae.bundle.js} +1 -1
  117. package/docs/storybook/{vendors~main.9b7b4c6bd6a4a7a1e383.bundle.js.map → vendors~main.d185cd03d35d1c8840ae.bundle.js.map} +1 -1
  118. package/docs/storybook/{vendors~main.3867fd102613e5004ee8.bundle.js → vendors~main.ffd26d1a4b0f598e04d1.bundle.js} +15 -15
  119. package/dropdown/dropdown.component.d.ts +8 -0
  120. package/dropdown/dropdown.component.js +15 -1
  121. package/dropdown/dropdown.component.js.map +1 -1
  122. package/dropdown/dropdown.component.metadata.json +1 -1
  123. package/dropdown/dropdown.component.ngfactory.js +15 -12
  124. package/dropdown/dropdown.component.ngfactory.js.map +1 -1
  125. package/dropdown/dropdown.component.ngsummary.json +1 -1
  126. package/dropdown/dropdown.module.js +3 -1
  127. package/dropdown/dropdown.module.js.map +1 -1
  128. package/dropdown/dropdown.module.metadata.json +1 -1
  129. package/dropdown/dropdown.module.ngfactory.js +2 -1
  130. package/dropdown/dropdown.module.ngfactory.js.map +1 -1
  131. package/dropdown/dropdown.module.ngsummary.json +1 -1
  132. package/file-uploader/file-item.interface.d.ts +2 -0
  133. package/file-uploader/file-item.interface.js.map +1 -1
  134. package/file-uploader/file-uploader.component.js +3 -1
  135. package/file-uploader/file-uploader.component.js.map +1 -1
  136. package/file-uploader/file-uploader.component.metadata.json +1 -1
  137. package/file-uploader/file-uploader.component.ngfactory.js +9 -8
  138. package/file-uploader/file-uploader.component.ngfactory.js.map +1 -1
  139. package/file-uploader/file-uploader.module.js +3 -1
  140. package/file-uploader/file-uploader.module.js.map +1 -1
  141. package/file-uploader/file-uploader.module.metadata.json +1 -1
  142. package/file-uploader/file-uploader.module.ngfactory.js +2 -1
  143. package/file-uploader/file-uploader.module.ngfactory.js.map +1 -1
  144. package/file-uploader/file-uploader.module.ngsummary.json +1 -1
  145. package/file-uploader/file.component.d.ts +1 -0
  146. package/file-uploader/file.component.js +10 -2
  147. package/file-uploader/file.component.js.map +1 -1
  148. package/file-uploader/file.component.metadata.json +1 -1
  149. package/file-uploader/file.component.ngfactory.js +19 -16
  150. package/file-uploader/file.component.ngfactory.js.map +1 -1
  151. package/file-uploader/file.component.ngsummary.json +1 -1
  152. package/notification/notification-content.interface.d.ts +2 -0
  153. package/notification/notification-content.interface.js.map +1 -1
  154. package/notification/notification.component.d.ts +3 -0
  155. package/notification/notification.component.js +16 -2
  156. package/notification/notification.component.js.map +1 -1
  157. package/notification/notification.component.metadata.json +1 -1
  158. package/notification/notification.component.ngfactory.js +4 -3
  159. package/notification/notification.component.ngfactory.js.map +1 -1
  160. package/notification/notification.component.ngsummary.json +1 -1
  161. package/notification/notification.module.ngfactory.js.map +1 -1
  162. package/notification/toast.component.d.ts +1 -0
  163. package/notification/toast.component.js +10 -2
  164. package/notification/toast.component.js.map +1 -1
  165. package/notification/toast.component.metadata.json +1 -1
  166. package/notification/toast.component.ngfactory.js +7 -6
  167. package/notification/toast.component.ngfactory.js.map +1 -1
  168. package/notification/toast.component.ngsummary.json +1 -1
  169. package/number-input/number.component.d.ts +3 -2
  170. package/number-input/number.component.js +22 -21
  171. package/number-input/number.component.js.map +1 -1
  172. package/package.json +3 -3
  173. package/table/body/table-body.component.js +1 -1
  174. package/table/body/table-body.component.js.map +1 -1
  175. package/table/body/table-body.component.metadata.json +1 -1
  176. package/table/body/table-body.component.ngfactory.js +1 -1
  177. package/table/body/table-body.component.ngfactory.js.map +1 -1
  178. package/tabs/tab-headers.component.js +1 -1
  179. package/tabs/tab-headers.component.js.map +1 -1
  180. package/tabs/tab-headers.component.metadata.json +1 -1
  181. package/tabs/tab-headers.component.ngfactory.js +1 -1
  182. package/tabs/tab-headers.component.ngfactory.js.map +1 -1
  183. package/ui-shell/header/header-action.component.js +1 -1
  184. package/ui-shell/header/header-action.component.js.map +1 -1
  185. package/ui-shell/header/header-action.component.metadata.json +1 -1
  186. package/ui-shell/header/header-action.component.ngfactory.js +5 -6
  187. package/ui-shell/header/header-action.component.ngfactory.js.map +1 -1
  188. package/ui-shell/header/header.component.d.ts +26 -1
  189. package/ui-shell/header/header.component.js +40 -5
  190. package/ui-shell/header/header.component.js.map +1 -1
  191. package/ui-shell/header/header.component.metadata.json +1 -1
  192. package/ui-shell/header/header.component.ngfactory.js +9 -3
  193. package/ui-shell/header/header.component.ngfactory.js.map +1 -1
  194. package/ui-shell/header/header.component.ngsummary.json +1 -1
  195. package/ui-shell/header/header.module.ngfactory.js.map +1 -1
  196. package/docs/storybook/main.51fd4ec04666087c08cd.bundle.js +0 -1
  197. package/docs/storybook/main.9b7b4c6bd6a4a7a1e383.bundle.js.map +0 -1
@@ -130,7 +130,8 @@
130
130
  'bx--dropdown--light': theme === 'light',
131
131
  'bx--list-box--inline': inline,
132
132
  'bx--skeleton': skeleton,
133
- 'bx--dropdown--disabled bx--list-box--disabled': disabled
133
+ 'bx--dropdown--disabled bx--list-box--disabled': disabled,
134
+ 'bx--dropdown--invalid': invalid
134
135
  }">
135
136
  <button
136
137
  type="button"
@@ -167,6 +168,10 @@
167
168
  [ngTemplateOutletContext]="getRenderTemplateContext()"
168
169
  [ngTemplateOutlet]="displayValue">
169
170
  </ng-template>
171
+ <svg ibmIconWarningFilled16
172
+ *ngIf="invalid"
173
+ class="bx--dropdown__invalid-icon">
174
+ </svg>
170
175
  <ibm-icon-chevron-down16
171
176
  *ngIf="!skeleton"
172
177
  class="bx--list-box__menu-icon"
@@ -182,6 +187,9 @@
182
187
  <ng-content *ngIf="!menuIsClosed"></ng-content>
183
188
  </div>
184
189
  </div>
190
+ <div *ngIf="invalid" class="bx--form-requirement">
191
+ {{invalidText}}
192
+ </div>
185
193
  </code></pre></td>
186
194
  </tr>
187
195
 
@@ -384,6 +392,12 @@
384
392
  <li>
385
393
  <a href="#inline">inline</a>
386
394
  </li>
395
+ <li>
396
+ <a href="#invalid">invalid</a>
397
+ </li>
398
+ <li>
399
+ <a href="#invalidText">invalidText</a>
400
+ </li>
387
401
  <li>
388
402
  <a href="#label">label</a>
389
403
  </li>
@@ -498,7 +512,7 @@
498
512
  </tr>
499
513
  <tr>
500
514
  <td class="col-md-4">
501
- <div class="io-line">Defined in <a href="" data-line="256" class="link-to-prism">src/dropdown/dropdown.component.ts:256</a></div>
515
+ <div class="io-line">Defined in <a href="" data-line="272" class="link-to-prism">src/dropdown/dropdown.component.ts:272</a></div>
502
516
  </td>
503
517
  </tr>
504
518
 
@@ -581,7 +595,7 @@
581
595
  </tr>
582
596
  <tr>
583
597
  <td class="col-md-2" colspan="2">
584
- <div class="io-line">Defined in <a href="" data-line="185" class="link-to-prism">src/dropdown/dropdown.component.ts:185</a></div>
598
+ <div class="io-line">Defined in <a href="" data-line="201" class="link-to-prism">src/dropdown/dropdown.component.ts:201</a></div>
585
599
  </td>
586
600
  </tr>
587
601
  </tbody>
@@ -601,7 +615,7 @@ Set to <code>true</code> if the <code>Dropdown</code> is to be appended to the D
601
615
  </tr>
602
616
  <tr>
603
617
  <td class="col-md-2" colspan="2">
604
- <div class="io-line">Defined in <a href="" data-line="172" class="link-to-prism">src/dropdown/dropdown.component.ts:172</a></div>
618
+ <div class="io-line">Defined in <a href="" data-line="188" class="link-to-prism">src/dropdown/dropdown.component.ts:188</a></div>
605
619
  </td>
606
620
  </tr>
607
621
  </tbody>
@@ -623,7 +637,7 @@ Set to <code>true</code> if the <code>Dropdown</code> is to be appended to the D
623
637
  </tr>
624
638
  <tr>
625
639
  <td class="col-md-2" colspan="2">
626
- <div class="io-line">Defined in <a href="" data-line="167" class="link-to-prism">src/dropdown/dropdown.component.ts:167</a></div>
640
+ <div class="io-line">Defined in <a href="" data-line="175" class="link-to-prism">src/dropdown/dropdown.component.ts:175</a></div>
627
641
  </td>
628
642
  </tr>
629
643
  </tbody>
@@ -645,7 +659,7 @@ Set to <code>true</code> if the <code>Dropdown</code> is to be appended to the D
645
659
  </tr>
646
660
  <tr>
647
661
  <td class="col-md-2" colspan="2">
648
- <div class="io-line">Defined in <a href="" data-line="155" class="link-to-prism">src/dropdown/dropdown.component.ts:155</a></div>
662
+ <div class="io-line">Defined in <a href="" data-line="163" class="link-to-prism">src/dropdown/dropdown.component.ts:163</a></div>
649
663
  </td>
650
664
  </tr>
651
665
  </tbody>
@@ -671,7 +685,7 @@ Set to <code>true</code> if the <code>Dropdown</code> is to be appended to the D
671
685
  </tr>
672
686
  <tr>
673
687
  <td class="col-md-2" colspan="2">
674
- <div class="io-line">Defined in <a href="" data-line="138" class="link-to-prism">src/dropdown/dropdown.component.ts:138</a></div>
688
+ <div class="io-line">Defined in <a href="" data-line="146" class="link-to-prism">src/dropdown/dropdown.component.ts:146</a></div>
675
689
  </td>
676
690
  </tr>
677
691
  </tbody>
@@ -694,7 +708,7 @@ Set to <code>true</code> if the <code>Dropdown</code> is to be appended to the D
694
708
  </tr>
695
709
  <tr>
696
710
  <td class="col-md-2" colspan="2">
697
- <div class="io-line">Defined in <a href="" data-line="130" class="link-to-prism">src/dropdown/dropdown.component.ts:130</a></div>
711
+ <div class="io-line">Defined in <a href="" data-line="138" class="link-to-prism">src/dropdown/dropdown.component.ts:138</a></div>
698
712
  </td>
699
713
  </tr>
700
714
  </tbody>
@@ -714,7 +728,7 @@ Set to <code>true</code> if the <code>Dropdown</code> is to be appended to the D
714
728
  </tr>
715
729
  <tr>
716
730
  <td class="col-md-2" colspan="2">
717
- <div class="io-line">Defined in <a href="" data-line="122" class="link-to-prism">src/dropdown/dropdown.component.ts:122</a></div>
731
+ <div class="io-line">Defined in <a href="" data-line="130" class="link-to-prism">src/dropdown/dropdown.component.ts:130</a></div>
718
732
  </td>
719
733
  </tr>
720
734
  </tbody>
@@ -736,7 +750,51 @@ Set to <code>true</code> if the <code>Dropdown</code> is to be appended to the D
736
750
  </tr>
737
751
  <tr>
738
752
  <td class="col-md-2" colspan="2">
739
- <div class="io-line">Defined in <a href="" data-line="163" class="link-to-prism">src/dropdown/dropdown.component.ts:163</a></div>
753
+ <div class="io-line">Defined in <a href="" data-line="171" class="link-to-prism">src/dropdown/dropdown.component.ts:171</a></div>
754
+ </td>
755
+ </tr>
756
+ </tbody>
757
+ </table>
758
+ <table class="table table-sm table-bordered">
759
+ <tbody>
760
+ <tr>
761
+ <td class="col-md-2">
762
+ <a name="invalid"></a>
763
+ <code>invalid</code>
764
+ </td>
765
+ <td class="col-md-10">
766
+ <div><p>Set to <code>true</code> for invalid state.</p>
767
+ </div>
768
+ <p>
769
+ <em>Default value : </em><code>false</code>
770
+ </p>
771
+ </td>
772
+ </tr>
773
+ <tr>
774
+ <td class="col-md-2" colspan="2">
775
+ <div class="io-line">Defined in <a href="" data-line="179" class="link-to-prism">src/dropdown/dropdown.component.ts:179</a></div>
776
+ </td>
777
+ </tr>
778
+ </tbody>
779
+ </table>
780
+ <table class="table table-sm table-bordered">
781
+ <tbody>
782
+ <tr>
783
+ <td class="col-md-2">
784
+ <a name="invalidText"></a>
785
+ <code>invalidText</code>
786
+ </td>
787
+ <td class="col-md-10">
788
+ <div><p>Value displayed if dropdown is in invalid state.</p>
789
+ </div>
790
+ <p>
791
+ <em>Default value : </em><code>&quot;&quot;</code>
792
+ </p>
793
+ </td>
794
+ </tr>
795
+ <tr>
796
+ <td class="col-md-2" colspan="2">
797
+ <div class="io-line">Defined in <a href="" data-line="183" class="link-to-prism">src/dropdown/dropdown.component.ts:183</a></div>
740
798
  </td>
741
799
  </tr>
742
800
  </tbody>
@@ -759,7 +817,7 @@ Set to <code>true</code> if the <code>Dropdown</code> is to be appended to the D
759
817
  </tr>
760
818
  <tr>
761
819
  <td class="col-md-2" colspan="2">
762
- <div class="io-line">Defined in <a href="" data-line="126" class="link-to-prism">src/dropdown/dropdown.component.ts:126</a></div>
820
+ <div class="io-line">Defined in <a href="" data-line="134" class="link-to-prism">src/dropdown/dropdown.component.ts:134</a></div>
763
821
  </td>
764
822
  </tr>
765
823
  </tbody>
@@ -782,7 +840,7 @@ Defaults to the <code>DROPDOWN.OPEN</code> value from the i18n service.</p>
782
840
  </tr>
783
841
  <tr>
784
842
  <td class="col-md-2" colspan="2">
785
- <div class="io-line">Defined in <a href="" data-line="199" class="link-to-prism">src/dropdown/dropdown.component.ts:199</a></div>
843
+ <div class="io-line">Defined in <a href="" data-line="215" class="link-to-prism">src/dropdown/dropdown.component.ts:215</a></div>
786
844
  </td>
787
845
  </tr>
788
846
  </tbody>
@@ -804,7 +862,7 @@ Defaults to the <code>DROPDOWN.OPEN</code> value from the i18n service.</p>
804
862
  </tr>
805
863
  <tr>
806
864
  <td class="col-md-2" colspan="2">
807
- <div class="io-line">Defined in <a href="" data-line="134" class="link-to-prism">src/dropdown/dropdown.component.ts:134</a></div>
865
+ <div class="io-line">Defined in <a href="" data-line="142" class="link-to-prism">src/dropdown/dropdown.component.ts:142</a></div>
808
866
  </td>
809
867
  </tr>
810
868
  </tbody>
@@ -828,7 +886,7 @@ Used to trigger closing the dropdown if it scrolls outside of the viewport of th
828
886
  </tr>
829
887
  <tr>
830
888
  <td class="col-md-2" colspan="2">
831
- <div class="io-line">Defined in <a href="" data-line="190" class="link-to-prism">src/dropdown/dropdown.component.ts:190</a></div>
889
+ <div class="io-line">Defined in <a href="" data-line="206" class="link-to-prism">src/dropdown/dropdown.component.ts:206</a></div>
832
890
  </td>
833
891
  </tr>
834
892
  </tbody>
@@ -851,7 +909,7 @@ Defaults to the <code>DROPDOWN.SELECTED</code> value from the i18n service.</p>
851
909
  </tr>
852
910
  <tr>
853
911
  <td class="col-md-2" colspan="2">
854
- <div class="io-line">Defined in <a href="" data-line="204" class="link-to-prism">src/dropdown/dropdown.component.ts:204</a></div>
912
+ <div class="io-line">Defined in <a href="" data-line="220" class="link-to-prism">src/dropdown/dropdown.component.ts:220</a></div>
855
913
  </td>
856
914
  </tr>
857
915
  </tbody>
@@ -877,7 +935,7 @@ Defaults to the <code>DROPDOWN.SELECTED</code> value from the i18n service.</p>
877
935
  </tr>
878
936
  <tr>
879
937
  <td class="col-md-2" colspan="2">
880
- <div class="io-line">Defined in <a href="" data-line="142" class="link-to-prism">src/dropdown/dropdown.component.ts:142</a></div>
938
+ <div class="io-line">Defined in <a href="" data-line="150" class="link-to-prism">src/dropdown/dropdown.component.ts:150</a></div>
881
939
  </td>
882
940
  </tr>
883
941
  </tbody>
@@ -899,7 +957,7 @@ Defaults to the <code>DROPDOWN.SELECTED</code> value from the i18n service.</p>
899
957
  </tr>
900
958
  <tr>
901
959
  <td class="col-md-2" colspan="2">
902
- <div class="io-line">Defined in <a href="" data-line="159" class="link-to-prism">src/dropdown/dropdown.component.ts:159</a></div>
960
+ <div class="io-line">Defined in <a href="" data-line="167" class="link-to-prism">src/dropdown/dropdown.component.ts:167</a></div>
903
961
  </td>
904
962
  </tr>
905
963
  </tbody>
@@ -925,7 +983,7 @@ Defaults to the <code>DROPDOWN.SELECTED</code> value from the i18n service.</p>
925
983
  </tr>
926
984
  <tr>
927
985
  <td class="col-md-2" colspan="2">
928
- <div class="io-line">Defined in <a href="" data-line="151" class="link-to-prism">src/dropdown/dropdown.component.ts:151</a></div>
986
+ <div class="io-line">Defined in <a href="" data-line="159" class="link-to-prism">src/dropdown/dropdown.component.ts:159</a></div>
929
987
  </td>
930
988
  </tr>
931
989
  </tbody>
@@ -952,7 +1010,7 @@ item selection.</p>
952
1010
  </tr>
953
1011
  <tr>
954
1012
  <td class="col-md-2" colspan="2">
955
- <div class="io-line">Defined in <a href="" data-line="147" class="link-to-prism">src/dropdown/dropdown.component.ts:147</a></div>
1013
+ <div class="io-line">Defined in <a href="" data-line="155" class="link-to-prism">src/dropdown/dropdown.component.ts:155</a></div>
956
1014
  </td>
957
1015
  </tr>
958
1016
  </tbody>
@@ -975,7 +1033,7 @@ item selection.</p>
975
1033
  </tr>
976
1034
  <tr>
977
1035
  <td class="col-md-2" colspan="2">
978
- <div class="io-line">Defined in <a href="" data-line="194" class="link-to-prism">src/dropdown/dropdown.component.ts:194</a></div>
1036
+ <div class="io-line">Defined in <a href="" data-line="210" class="link-to-prism">src/dropdown/dropdown.component.ts:210</a></div>
979
1037
  </td>
980
1038
  </tr>
981
1039
  </tbody>
@@ -999,7 +1057,7 @@ item selection.</p>
999
1057
  </tr>
1000
1058
  <tr>
1001
1059
  <td class="col-md-2" colspan="2">
1002
- <div class="io-line">Defined in <a href="" data-line="216" class="link-to-prism">src/dropdown/dropdown.component.ts:216</a></div>
1060
+ <div class="io-line">Defined in <a href="" data-line="232" class="link-to-prism">src/dropdown/dropdown.component.ts:232</a></div>
1003
1061
  </td>
1004
1062
  </tr>
1005
1063
  </tbody>
@@ -1020,7 +1078,7 @@ item selection.</p>
1020
1078
  </tr>
1021
1079
  <tr>
1022
1080
  <td class="col-md-2" colspan="2">
1023
- <div class="io-line">Defined in <a href="" data-line="212" class="link-to-prism">src/dropdown/dropdown.component.ts:212</a></div>
1081
+ <div class="io-line">Defined in <a href="" data-line="228" class="link-to-prism">src/dropdown/dropdown.component.ts:228</a></div>
1024
1082
  </td>
1025
1083
  </tr>
1026
1084
  </tbody>
@@ -1041,7 +1099,7 @@ item selection.</p>
1041
1099
  </tr>
1042
1100
  <tr>
1043
1101
  <td class="col-md-2" colspan="2">
1044
- <div class="io-line">Defined in <a href="" data-line="208" class="link-to-prism">src/dropdown/dropdown.component.ts:208</a></div>
1102
+ <div class="io-line">Defined in <a href="" data-line="224" class="link-to-prism">src/dropdown/dropdown.component.ts:224</a></div>
1045
1103
  </td>
1046
1104
  </tr>
1047
1105
  </tbody>
@@ -1074,7 +1132,7 @@ item selection.</p>
1074
1132
  </tr>
1075
1133
  <tr>
1076
1134
  <td class="col-md-4">
1077
- <div class="io-line">Defined in <a href="" data-line="231" class="link-to-prism">src/dropdown/dropdown.component.ts:231</a></div>
1135
+ <div class="io-line">Defined in <a href="" data-line="247" class="link-to-prism">src/dropdown/dropdown.component.ts:247</a></div>
1078
1136
  </td>
1079
1137
  </tr>
1080
1138
 
@@ -1111,7 +1169,7 @@ item selection.</p>
1111
1169
 
1112
1170
  <tr>
1113
1171
  <td class="col-md-4">
1114
- <div class="io-line">Defined in <a href="" data-line="396" class="link-to-prism">src/dropdown/dropdown.component.ts:396</a></div>
1172
+ <div class="io-line">Defined in <a href="" data-line="412" class="link-to-prism">src/dropdown/dropdown.component.ts:412</a></div>
1115
1173
  </td>
1116
1174
  </tr>
1117
1175
 
@@ -1154,7 +1212,7 @@ item selection.</p>
1154
1212
 
1155
1213
  <tr>
1156
1214
  <td class="col-md-4">
1157
- <div class="io-line">Defined in <a href="" data-line="555" class="link-to-prism">src/dropdown/dropdown.component.ts:555</a></div>
1215
+ <div class="io-line">Defined in <a href="" data-line="571" class="link-to-prism">src/dropdown/dropdown.component.ts:571</a></div>
1158
1216
  </td>
1159
1217
  </tr>
1160
1218
 
@@ -1194,7 +1252,7 @@ item selection.</p>
1194
1252
 
1195
1253
  <tr>
1196
1254
  <td class="col-md-4">
1197
- <div class="io-line">Defined in <a href="" data-line="547" class="link-to-prism">src/dropdown/dropdown.component.ts:547</a></div>
1255
+ <div class="io-line">Defined in <a href="" data-line="563" class="link-to-prism">src/dropdown/dropdown.component.ts:563</a></div>
1198
1256
  </td>
1199
1257
  </tr>
1200
1258
 
@@ -1234,7 +1292,7 @@ item selection.</p>
1234
1292
 
1235
1293
  <tr>
1236
1294
  <td class="col-md-4">
1237
- <div class="io-line">Defined in <a href="" data-line="526" class="link-to-prism">src/dropdown/dropdown.component.ts:526</a></div>
1295
+ <div class="io-line">Defined in <a href="" data-line="542" class="link-to-prism">src/dropdown/dropdown.component.ts:542</a></div>
1238
1296
  </td>
1239
1297
  </tr>
1240
1298
 
@@ -1305,7 +1363,7 @@ item selection.</p>
1305
1363
 
1306
1364
  <tr>
1307
1365
  <td class="col-md-4">
1308
- <div class="io-line">Defined in <a href="" data-line="506" class="link-to-prism">src/dropdown/dropdown.component.ts:506</a></div>
1366
+ <div class="io-line">Defined in <a href="" data-line="522" class="link-to-prism">src/dropdown/dropdown.component.ts:522</a></div>
1309
1367
  </td>
1310
1368
  </tr>
1311
1369
 
@@ -1343,7 +1401,7 @@ item selection.</p>
1343
1401
 
1344
1402
  <tr>
1345
1403
  <td class="col-md-4">
1346
- <div class="io-line">Defined in <a href="" data-line="510" class="link-to-prism">src/dropdown/dropdown.component.ts:510</a></div>
1404
+ <div class="io-line">Defined in <a href="" data-line="526" class="link-to-prism">src/dropdown/dropdown.component.ts:526</a></div>
1347
1405
  </td>
1348
1406
  </tr>
1349
1407
 
@@ -1410,7 +1468,7 @@ item selection.</p>
1410
1468
 
1411
1469
  <tr>
1412
1470
  <td class="col-md-4">
1413
- <div class="io-line">Defined in <a href="" data-line="518" class="link-to-prism">src/dropdown/dropdown.component.ts:518</a></div>
1471
+ <div class="io-line">Defined in <a href="" data-line="534" class="link-to-prism">src/dropdown/dropdown.component.ts:534</a></div>
1414
1472
  </td>
1415
1473
  </tr>
1416
1474
 
@@ -1475,7 +1533,7 @@ item selection.</p>
1475
1533
 
1476
1534
  <tr>
1477
1535
  <td class="col-md-4">
1478
- <div class="io-line">Defined in <a href="" data-line="638" class="link-to-prism">src/dropdown/dropdown.component.ts:638</a></div>
1536
+ <div class="io-line">Defined in <a href="" data-line="659" class="link-to-prism">src/dropdown/dropdown.component.ts:659</a></div>
1479
1537
  </td>
1480
1538
  </tr>
1481
1539
 
@@ -1515,7 +1573,7 @@ item selection.</p>
1515
1573
 
1516
1574
  <tr>
1517
1575
  <td class="col-md-4">
1518
- <div class="io-line">Defined in <a href="" data-line="489" class="link-to-prism">src/dropdown/dropdown.component.ts:489</a></div>
1576
+ <div class="io-line">Defined in <a href="" data-line="505" class="link-to-prism">src/dropdown/dropdown.component.ts:505</a></div>
1519
1577
  </td>
1520
1578
  </tr>
1521
1579
 
@@ -1553,7 +1611,7 @@ item selection.</p>
1553
1611
 
1554
1612
  <tr>
1555
1613
  <td class="col-md-4">
1556
- <div class="io-line">Defined in <a href="" data-line="428" class="link-to-prism">src/dropdown/dropdown.component.ts:428</a></div>
1614
+ <div class="io-line">Defined in <a href="" data-line="444" class="link-to-prism">src/dropdown/dropdown.component.ts:444</a></div>
1557
1615
  </td>
1558
1616
  </tr>
1559
1617
 
@@ -1618,7 +1676,7 @@ item selection.</p>
1618
1676
 
1619
1677
  <tr>
1620
1678
  <td class="col-md-4">
1621
- <div class="io-line">Defined in <a href="" data-line="609" class="link-to-prism">src/dropdown/dropdown.component.ts:609</a></div>
1679
+ <div class="io-line">Defined in <a href="" data-line="630" class="link-to-prism">src/dropdown/dropdown.component.ts:630</a></div>
1622
1680
  </td>
1623
1681
  </tr>
1624
1682
 
@@ -1658,7 +1716,7 @@ item selection.</p>
1658
1716
 
1659
1717
  <tr>
1660
1718
  <td class="col-md-4">
1661
- <div class="io-line">Defined in <a href="" data-line="448" class="link-to-prism">src/dropdown/dropdown.component.ts:448</a></div>
1719
+ <div class="io-line">Defined in <a href="" data-line="464" class="link-to-prism">src/dropdown/dropdown.component.ts:464</a></div>
1662
1720
  </td>
1663
1721
  </tr>
1664
1722
 
@@ -1700,7 +1758,7 @@ otherwise the placeholder will be returned.</p>
1700
1758
 
1701
1759
  <tr>
1702
1760
  <td class="col-md-4">
1703
- <div class="io-line">Defined in <a href="" data-line="469" class="link-to-prism">src/dropdown/dropdown.component.ts:469</a></div>
1761
+ <div class="io-line">Defined in <a href="" data-line="485" class="link-to-prism">src/dropdown/dropdown.component.ts:485</a></div>
1704
1762
  </td>
1705
1763
  </tr>
1706
1764
 
@@ -1738,7 +1796,7 @@ otherwise the placeholder will be returned.</p>
1738
1796
 
1739
1797
  <tr>
1740
1798
  <td class="col-md-4">
1741
- <div class="io-line">Defined in <a href="" data-line="483" class="link-to-prism">src/dropdown/dropdown.component.ts:483</a></div>
1799
+ <div class="io-line">Defined in <a href="" data-line="499" class="link-to-prism">src/dropdown/dropdown.component.ts:499</a></div>
1742
1800
  </td>
1743
1801
  </tr>
1744
1802
 
@@ -1776,7 +1834,7 @@ otherwise the placeholder will be returned.</p>
1776
1834
 
1777
1835
  <tr>
1778
1836
  <td class="col-md-4">
1779
- <div class="io-line">Defined in <a href="" data-line="465" class="link-to-prism">src/dropdown/dropdown.component.ts:465</a></div>
1837
+ <div class="io-line">Defined in <a href="" data-line="481" class="link-to-prism">src/dropdown/dropdown.component.ts:481</a></div>
1780
1838
  </td>
1781
1839
  </tr>
1782
1840
 
@@ -1816,7 +1874,7 @@ otherwise the placeholder will be returned.</p>
1816
1874
 
1817
1875
  <tr>
1818
1876
  <td class="col-md-4">
1819
- <div class="io-line">Defined in <a href="" data-line="676" class="link-to-prism">src/dropdown/dropdown.component.ts:676</a></div>
1877
+ <div class="io-line">Defined in <a href="" data-line="697" class="link-to-prism">src/dropdown/dropdown.component.ts:697</a></div>
1820
1878
  </td>
1821
1879
  </tr>
1822
1880
 
@@ -1881,7 +1939,7 @@ otherwise the placeholder will be returned.</p>
1881
1939
 
1882
1940
  <tr>
1883
1941
  <td class="col-md-4">
1884
- <div class="io-line">Defined in <a href="" data-line="276" class="link-to-prism">src/dropdown/dropdown.component.ts:276</a></div>
1942
+ <div class="io-line">Defined in <a href="" data-line="292" class="link-to-prism">src/dropdown/dropdown.component.ts:292</a></div>
1885
1943
  </td>
1886
1944
  </tr>
1887
1945
 
@@ -1921,7 +1979,7 @@ otherwise the placeholder will be returned.</p>
1921
1979
 
1922
1980
  <tr>
1923
1981
  <td class="col-md-4">
1924
- <div class="io-line">Defined in <a href="" data-line="315" class="link-to-prism">src/dropdown/dropdown.component.ts:315</a></div>
1982
+ <div class="io-line">Defined in <a href="" data-line="331" class="link-to-prism">src/dropdown/dropdown.component.ts:331</a></div>
1925
1983
  </td>
1926
1984
  </tr>
1927
1985
 
@@ -1961,7 +2019,7 @@ otherwise the placeholder will be returned.</p>
1961
2019
 
1962
2020
  <tr>
1963
2021
  <td class="col-md-4">
1964
- <div class="io-line">Defined in <a href="" data-line="267" class="link-to-prism">src/dropdown/dropdown.component.ts:267</a></div>
2022
+ <div class="io-line">Defined in <a href="" data-line="283" class="link-to-prism">src/dropdown/dropdown.component.ts:283</a></div>
1965
2023
  </td>
1966
2024
  </tr>
1967
2025
 
@@ -2002,7 +2060,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2002
2060
 
2003
2061
  <tr>
2004
2062
  <td class="col-md-4">
2005
- <div class="io-line">Defined in <a href="" data-line="360" class="link-to-prism">src/dropdown/dropdown.component.ts:360</a></div>
2063
+ <div class="io-line">Defined in <a href="" data-line="376" class="link-to-prism">src/dropdown/dropdown.component.ts:376</a></div>
2006
2064
  </td>
2007
2065
  </tr>
2008
2066
 
@@ -2040,7 +2098,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2040
2098
 
2041
2099
  <tr>
2042
2100
  <td class="col-md-4">
2043
- <div class="io-line">Defined in <a href="" data-line="566" class="link-to-prism">src/dropdown/dropdown.component.ts:566</a></div>
2101
+ <div class="io-line">Defined in <a href="" data-line="582" class="link-to-prism">src/dropdown/dropdown.component.ts:582</a></div>
2044
2102
  </td>
2045
2103
  </tr>
2046
2104
 
@@ -2080,7 +2138,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2080
2138
 
2081
2139
  <tr>
2082
2140
  <td class="col-md-4">
2083
- <div class="io-line">Defined in <a href="" data-line="364" class="link-to-prism">src/dropdown/dropdown.component.ts:364</a></div>
2141
+ <div class="io-line">Defined in <a href="" data-line="380" class="link-to-prism">src/dropdown/dropdown.component.ts:380</a></div>
2084
2142
  </td>
2085
2143
  </tr>
2086
2144
 
@@ -2149,7 +2207,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2149
2207
 
2150
2208
  <tr>
2151
2209
  <td class="col-md-4">
2152
- <div class="io-line">Defined in <a href="" data-line="371" class="link-to-prism">src/dropdown/dropdown.component.ts:371</a></div>
2210
+ <div class="io-line">Defined in <a href="" data-line="387" class="link-to-prism">src/dropdown/dropdown.component.ts:387</a></div>
2153
2211
  </td>
2154
2212
  </tr>
2155
2213
 
@@ -2220,7 +2278,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2220
2278
 
2221
2279
  <tr>
2222
2280
  <td class="col-md-4">
2223
- <div class="io-line">Defined in <a href="" data-line="659" class="link-to-prism">src/dropdown/dropdown.component.ts:659</a></div>
2281
+ <div class="io-line">Defined in <a href="" data-line="680" class="link-to-prism">src/dropdown/dropdown.component.ts:680</a></div>
2224
2282
  </td>
2225
2283
  </tr>
2226
2284
 
@@ -2260,7 +2318,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2260
2318
 
2261
2319
  <tr>
2262
2320
  <td class="col-md-4">
2263
- <div class="io-line">Defined in <a href="" data-line="387" class="link-to-prism">src/dropdown/dropdown.component.ts:387</a></div>
2321
+ <div class="io-line">Defined in <a href="" data-line="403" class="link-to-prism">src/dropdown/dropdown.component.ts:403</a></div>
2264
2322
  </td>
2265
2323
  </tr>
2266
2324
 
@@ -2337,7 +2395,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2337
2395
 
2338
2396
  <tr>
2339
2397
  <td class="col-md-4">
2340
- <div class="io-line">Defined in <a href="" data-line="668" class="link-to-prism">src/dropdown/dropdown.component.ts:668</a></div>
2398
+ <div class="io-line">Defined in <a href="" data-line="689" class="link-to-prism">src/dropdown/dropdown.component.ts:689</a></div>
2341
2399
  </td>
2342
2400
  </tr>
2343
2401
 
@@ -2377,7 +2435,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2377
2435
 
2378
2436
  <tr>
2379
2437
  <td class="col-md-4">
2380
- <div class="io-line">Defined in <a href="" data-line="501" class="link-to-prism">src/dropdown/dropdown.component.ts:501</a></div>
2438
+ <div class="io-line">Defined in <a href="" data-line="517" class="link-to-prism">src/dropdown/dropdown.component.ts:517</a></div>
2381
2439
  </td>
2382
2440
  </tr>
2383
2441
 
@@ -2417,7 +2475,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2417
2475
 
2418
2476
  <tr>
2419
2477
  <td class="col-md-4">
2420
- <div class="io-line">Defined in <a href="" data-line="324" class="link-to-prism">src/dropdown/dropdown.component.ts:324</a></div>
2478
+ <div class="io-line">Defined in <a href="" data-line="340" class="link-to-prism">src/dropdown/dropdown.component.ts:340</a></div>
2421
2479
  </td>
2422
2480
  </tr>
2423
2481
 
@@ -2503,7 +2561,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2503
2561
  </tr>
2504
2562
  <tr>
2505
2563
  <td class="col-md-4">
2506
- <div class="io-line">Defined in <a href="" data-line="225" class="link-to-prism">src/dropdown/dropdown.component.ts:225</a></div>
2564
+ <div class="io-line">Defined in <a href="" data-line="241" class="link-to-prism">src/dropdown/dropdown.component.ts:241</a></div>
2507
2565
  </td>
2508
2566
  </tr>
2509
2567
 
@@ -2549,7 +2607,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2549
2607
  </tr>
2550
2608
  <tr>
2551
2609
  <td class="col-md-4">
2552
- <div class="io-line">Defined in <a href="" data-line="121" class="link-to-prism">src/dropdown/dropdown.component.ts:121</a></div>
2610
+ <div class="io-line">Defined in <a href="" data-line="129" class="link-to-prism">src/dropdown/dropdown.component.ts:129</a></div>
2553
2611
  </td>
2554
2612
  </tr>
2555
2613
 
@@ -2586,7 +2644,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2586
2644
  </tr>
2587
2645
  <tr>
2588
2646
  <td class="col-md-4">
2589
- <div class="io-line">Defined in <a href="" data-line="229" class="link-to-prism">src/dropdown/dropdown.component.ts:229</a></div>
2647
+ <div class="io-line">Defined in <a href="" data-line="245" class="link-to-prism">src/dropdown/dropdown.component.ts:245</a></div>
2590
2648
  </td>
2591
2649
  </tr>
2592
2650
 
@@ -2625,7 +2683,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2625
2683
  </tr>
2626
2684
  <tr>
2627
2685
  <td class="col-md-4">
2628
- <div class="io-line">Defined in <a href="" data-line="240" class="link-to-prism">src/dropdown/dropdown.component.ts:240</a></div>
2686
+ <div class="io-line">Defined in <a href="" data-line="256" class="link-to-prism">src/dropdown/dropdown.component.ts:256</a></div>
2629
2687
  </td>
2630
2688
  </tr>
2631
2689
 
@@ -2664,7 +2722,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2664
2722
  </tr>
2665
2723
  <tr>
2666
2724
  <td class="col-md-4">
2667
- <div class="io-line">Defined in <a href="" data-line="247" class="link-to-prism">src/dropdown/dropdown.component.ts:247</a></div>
2725
+ <div class="io-line">Defined in <a href="" data-line="263" class="link-to-prism">src/dropdown/dropdown.component.ts:263</a></div>
2668
2726
  </td>
2669
2727
  </tr>
2670
2728
 
@@ -2697,7 +2755,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2697
2755
  </tr>
2698
2756
  <tr>
2699
2757
  <td class="col-md-4">
2700
- <div class="io-line">Defined in <a href="" data-line="235" class="link-to-prism">src/dropdown/dropdown.component.ts:235</a></div>
2758
+ <div class="io-line">Defined in <a href="" data-line="251" class="link-to-prism">src/dropdown/dropdown.component.ts:251</a></div>
2701
2759
  </td>
2702
2760
  </tr>
2703
2761
 
@@ -2736,7 +2794,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2736
2794
  </tr>
2737
2795
  <tr>
2738
2796
  <td class="col-md-4">
2739
- <div class="io-line">Defined in <a href="" data-line="244" class="link-to-prism">src/dropdown/dropdown.component.ts:244</a></div>
2797
+ <div class="io-line">Defined in <a href="" data-line="260" class="link-to-prism">src/dropdown/dropdown.component.ts:260</a></div>
2740
2798
  </td>
2741
2799
  </tr>
2742
2800
 
@@ -2776,7 +2834,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2776
2834
  </tr>
2777
2835
  <tr>
2778
2836
  <td class="col-md-4">
2779
- <div class="io-line">Defined in <a href="" data-line="253" class="link-to-prism">src/dropdown/dropdown.component.ts:253</a></div>
2837
+ <div class="io-line">Defined in <a href="" data-line="269" class="link-to-prism">src/dropdown/dropdown.component.ts:269</a></div>
2780
2838
  </td>
2781
2839
  </tr>
2782
2840
 
@@ -2809,7 +2867,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2809
2867
  </tr>
2810
2868
  <tr>
2811
2869
  <td class="col-md-4">
2812
- <div class="io-line">Defined in <a href="" data-line="245" class="link-to-prism">src/dropdown/dropdown.component.ts:245</a></div>
2870
+ <div class="io-line">Defined in <a href="" data-line="261" class="link-to-prism">src/dropdown/dropdown.component.ts:261</a></div>
2813
2871
  </td>
2814
2872
  </tr>
2815
2873
 
@@ -2842,7 +2900,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2842
2900
  </tr>
2843
2901
  <tr>
2844
2902
  <td class="col-md-4">
2845
- <div class="io-line">Defined in <a href="" data-line="246" class="link-to-prism">src/dropdown/dropdown.component.ts:246</a></div>
2903
+ <div class="io-line">Defined in <a href="" data-line="262" class="link-to-prism">src/dropdown/dropdown.component.ts:262</a></div>
2846
2904
  </td>
2847
2905
  </tr>
2848
2906
 
@@ -2875,7 +2933,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2875
2933
  </tr>
2876
2934
  <tr>
2877
2935
  <td class="col-md-4">
2878
- <div class="io-line">Defined in <a href="" data-line="378" class="link-to-prism">src/dropdown/dropdown.component.ts:378</a></div>
2936
+ <div class="io-line">Defined in <a href="" data-line="394" class="link-to-prism">src/dropdown/dropdown.component.ts:394</a></div>
2879
2937
  </td>
2880
2938
  </tr>
2881
2939
 
@@ -2915,7 +2973,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2915
2973
  </tr>
2916
2974
  <tr>
2917
2975
  <td class="col-md-4">
2918
- <div class="io-line">Defined in <a href="" data-line="251" class="link-to-prism">src/dropdown/dropdown.component.ts:251</a></div>
2976
+ <div class="io-line">Defined in <a href="" data-line="267" class="link-to-prism">src/dropdown/dropdown.component.ts:267</a></div>
2919
2977
  </td>
2920
2978
  </tr>
2921
2979
 
@@ -2964,7 +3022,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2964
3022
  </tr>
2965
3023
  <tr>
2966
3024
  <td class="col-md-4">
2967
- <div class="io-line">Defined in <a href="" data-line="221" class="link-to-prism">src/dropdown/dropdown.component.ts:221</a></div>
3025
+ <div class="io-line">Defined in <a href="" data-line="237" class="link-to-prism">src/dropdown/dropdown.component.ts:237</a></div>
2968
3026
  </td>
2969
3027
  </tr>
2970
3028
 
@@ -3010,7 +3068,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3010
3068
  </tr>
3011
3069
  <tr>
3012
3070
  <td class="col-md-4">
3013
- <div class="io-line">Defined in <a href="" data-line="256" class="link-to-prism">src/dropdown/dropdown.component.ts:256</a></div>
3071
+ <div class="io-line">Defined in <a href="" data-line="272" class="link-to-prism">src/dropdown/dropdown.component.ts:272</a></div>
3014
3072
  </td>
3015
3073
  </tr>
3016
3074
 
@@ -3039,7 +3097,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3039
3097
  </tr>
3040
3098
  <tr>
3041
3099
  <td class="col-md-4">
3042
- <div class="io-line">Defined in <a href="" data-line="179" class="link-to-prism">src/dropdown/dropdown.component.ts:179</a></div>
3100
+ <div class="io-line">Defined in <a href="" data-line="195" class="link-to-prism">src/dropdown/dropdown.component.ts:195</a></div>
3043
3101
  </td>
3044
3102
  </tr>
3045
3103
 
@@ -3050,7 +3108,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3050
3108
  </tr>
3051
3109
  <tr>
3052
3110
  <td class="col-md-4">
3053
- <div class="io-line">Defined in <a href="" data-line="172" class="link-to-prism">src/dropdown/dropdown.component.ts:172</a></div>
3111
+ <div class="io-line">Defined in <a href="" data-line="188" class="link-to-prism">src/dropdown/dropdown.component.ts:188</a></div>
3054
3112
  </td>
3055
3113
  </tr>
3056
3114
  <tr>
@@ -3154,7 +3212,8 @@ import { scrollableParentsObservable, isVisibleInContainer } from &quot;./../uti
3154
3212
  &#x27;bx--dropdown--light&#x27;: theme &#x3D;&#x3D;&#x3D; &#x27;light&#x27;,
3155
3213
  &#x27;bx--list-box--inline&#x27;: inline,
3156
3214
  &#x27;bx--skeleton&#x27;: skeleton,
3157
- &#x27;bx--dropdown--disabled bx--list-box--disabled&#x27;: disabled
3215
+ &#x27;bx--dropdown--disabled bx--list-box--disabled&#x27;: disabled,
3216
+ &#x27;bx--dropdown--invalid&#x27;: invalid
3158
3217
  }&quot;&gt;
3159
3218
  &lt;button
3160
3219
  type&#x3D;&quot;button&quot;
@@ -3191,6 +3250,10 @@ import { scrollableParentsObservable, isVisibleInContainer } from &quot;./../uti
3191
3250
  [ngTemplateOutletContext]&#x3D;&quot;getRenderTemplateContext()&quot;
3192
3251
  [ngTemplateOutlet]&#x3D;&quot;displayValue&quot;&gt;
3193
3252
  &lt;/ng-template&gt;
3253
+ &lt;svg ibmIconWarningFilled16
3254
+ *ngIf&#x3D;&quot;invalid&quot;
3255
+ class&#x3D;&quot;bx--dropdown__invalid-icon&quot;&gt;
3256
+ &lt;/svg&gt;
3194
3257
  &lt;ibm-icon-chevron-down16
3195
3258
  *ngIf&#x3D;&quot;!skeleton&quot;
3196
3259
  class&#x3D;&quot;bx--list-box__menu-icon&quot;
@@ -3206,6 +3269,9 @@ import { scrollableParentsObservable, isVisibleInContainer } from &quot;./../uti
3206
3269
  &lt;ng-content *ngIf&#x3D;&quot;!menuIsClosed&quot;&gt;&lt;/ng-content&gt;
3207
3270
  &lt;/div&gt;
3208
3271
  &lt;/div&gt;
3272
+ &lt;div *ngIf&#x3D;&quot;invalid&quot; class&#x3D;&quot;bx--form-requirement&quot;&gt;
3273
+ {{invalidText}}
3274
+ &lt;/div&gt;
3209
3275
  &#x60;,
3210
3276
  providers: [
3211
3277
  {
@@ -3263,6 +3329,14 @@ export class Dropdown implements OnInit, AfterContentInit, OnDestroy, ControlVal
3263
3329
  * Set to &#x60;true&#x60; for a dropdown without arrow key activation.
3264
3330
  */
3265
3331
  @Input() disableArrowKeys &#x3D; false;
3332
+ /**
3333
+ * Set to &#x60;true&#x60; for invalid state.
3334
+ */
3335
+ @Input() invalid &#x3D; false;
3336
+ /**
3337
+ * Value displayed if dropdown is in invalid state.
3338
+ */
3339
+ @Input() invalidText &#x3D; &quot;&quot;;
3266
3340
  /**
3267
3341
  * Deprecated. Dropdown now defaults to appending inline
3268
3342
  * Set to &#x60;true&#x60; if the &#x60;Dropdown&#x60; is to be appended to the DOM body.
@@ -3662,6 +3736,11 @@ export class Dropdown implements OnInit, AfterContentInit, OnDestroy, ControlVal
3662
3736
  * Expands the dropdown menu in the view.
3663
3737
  */
3664
3738
  openMenu() {
3739
+ // prevents the dropdown from opening when list of items is empty
3740
+ if (this.view.getListItems().length &#x3D;&#x3D;&#x3D; 0) {
3741
+ return;
3742
+ }
3743
+
3665
3744
  this.menuIsClosed &#x3D; false;
3666
3745
 
3667
3746
  // move the dropdown list to the body if we&#x27;re not appending inline
@@ -3810,8 +3889,8 @@ export class Dropdown implements OnInit, AfterContentInit, OnDestroy, ControlVal
3810
3889
  <script src="../js/libs/htmlparser.js"></script>
3811
3890
  <script src="../js/libs/deep-iterator.js"></script>
3812
3891
  <script>
3813
- var COMPONENT_TEMPLATE = '<div><label *ngIf="label" [for]="id" class="bx--label"> <ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container> <ng-template *ngIf="isTemplate(label)" [ngTemplateOutlet]="label"></ng-template></label><div *ngIf="helperText" class="bx--form__helper-text"> <ng-container *ngIf="!isTemplate(helperText)">{{helperText}}</ng-container> <ng-template *ngIf="isTemplate(helperText)" [ngTemplateOutlet]="helperText"></ng-template></div><div [id]="id" class="bx--dropdown bx--list-box" [ngClass]="{ \'bx--dropdown--light\': theme === \'light\', \'bx--list-box--inline\': inline, \'bx--skeleton\': skeleton, \'bx--dropdown--disabled bx--list-box--disabled\': disabled }"> <button type="button" #dropdownButton class="bx--list-box__field" [ngClass]="{\'a\': !menuIsClosed}" [attr.aria-expanded]="!menuIsClosed" [attr.aria-disabled]="disabled" (click)="toggleMenu()" (blur)="onBlur()" [disabled]="disabled"> <div (click)="clearSelected()" *ngIf="type === \'multi\' && getSelectedCount() > 0" class="bx--list-box__selection--multi" title="Clear all selected items"> {{getSelectedCount()}} <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" role="img" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <path d="M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z"></path> </svg> </div> <span *ngIf="isRenderString()" class="bx--list-box__label">{{getDisplayStringValue() | async}}</span> <ng-template *ngIf="!isRenderString()" [ngTemplateOutletContext]="getRenderTemplateContext()" [ngTemplateOutlet]="displayValue"> </ng-template> <ibm-icon-chevron-down16 *ngIf="!skeleton" class="bx--list-box__menu-icon" [attr.aria-label]="menuButtonLabel" [ngClass]="{\'bx--list-box__menu-icon--open\': !menuIsClosed }"> </ibm-icon-chevron-down16> </button> <div #dropdownMenu [ngClass]="{ \'drop-up\': dropUp }"> <ng-content *ngIf="!menuIsClosed"></ng-content> </div></div></div>'
3814
- 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': 'TableBody', 'selector': '[ibmTableBody]'},{'name': 'TableCheckbox', 'selector': '[ibmTableCheckbox]'},{'name': 'TableContainer', 'selector': 'ibm-table-container'},{'name': 'TableData', 'selector': '[ibmTableData]'},{'name': 'TableExpandButton', 'selector': '[ibmTableExpandButton]'},{'name': 'TableExpandedRow', 'selector': '[ibmTableExpandedRow]'},{'name': 'TableHead', 'selector': '[ibmTableHead]'},{'name': 'TableHeadCell', 'selector': '[ibmTableHeadCell]'},{'name': 'TableHeadCheckbox', 'selector': '[ibmTableHeadCheckbox]'},{'name': 'TableHeader', 'selector': 'ibm-table-header'},{'name': 'TableHeadExpand', 'selector': '[ibmTableHeadExpand]'},{'name': 'TableRowComponent', 'selector': '[ibmTableRow]'},{'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'}];
3892
+ var COMPONENT_TEMPLATE = '<div><label *ngIf="label" [for]="id" class="bx--label"> <ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container> <ng-template *ngIf="isTemplate(label)" [ngTemplateOutlet]="label"></ng-template></label><div *ngIf="helperText" class="bx--form__helper-text"> <ng-container *ngIf="!isTemplate(helperText)">{{helperText}}</ng-container> <ng-template *ngIf="isTemplate(helperText)" [ngTemplateOutlet]="helperText"></ng-template></div><div [id]="id" class="bx--dropdown bx--list-box" [ngClass]="{ \'bx--dropdown--light\': theme === \'light\', \'bx--list-box--inline\': inline, \'bx--skeleton\': skeleton, \'bx--dropdown--disabled bx--list-box--disabled\': disabled, \'bx--dropdown--invalid\': invalid }"> <button type="button" #dropdownButton class="bx--list-box__field" [ngClass]="{\'a\': !menuIsClosed}" [attr.aria-expanded]="!menuIsClosed" [attr.aria-disabled]="disabled" (click)="toggleMenu()" (blur)="onBlur()" [disabled]="disabled"> <div (click)="clearSelected()" *ngIf="type === \'multi\' && getSelectedCount() > 0" class="bx--list-box__selection--multi" title="Clear all selected items"> {{getSelectedCount()}} <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" role="img" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <path d="M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z"></path> </svg> </div> <span *ngIf="isRenderString()" class="bx--list-box__label">{{getDisplayStringValue() | async}}</span> <ng-template *ngIf="!isRenderString()" [ngTemplateOutletContext]="getRenderTemplateContext()" [ngTemplateOutlet]="displayValue"> </ng-template> <svg ibmIconWarningFilled16 *ngIf="invalid" class="bx--dropdown__invalid-icon"> </svg> <ibm-icon-chevron-down16 *ngIf="!skeleton" class="bx--list-box__menu-icon" [attr.aria-label]="menuButtonLabel" [ngClass]="{\'bx--list-box__menu-icon--open\': !menuIsClosed }"> </ibm-icon-chevron-down16> </button> <div #dropdownMenu [ngClass]="{ \'drop-up\': dropUp }"> <ng-content *ngIf="!menuIsClosed"></ng-content> </div></div><div *ngIf="invalid" class="bx--form-requirement"> {{invalidText}}</div></div>'
3893
+ 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': 'NumberComponent', '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': 'TableBody', 'selector': '[ibmTableBody]'},{'name': 'TableCheckbox', 'selector': '[ibmTableCheckbox]'},{'name': 'TableContainer', 'selector': 'ibm-table-container'},{'name': 'TableData', 'selector': '[ibmTableData]'},{'name': 'TableExpandButton', 'selector': '[ibmTableExpandButton]'},{'name': 'TableExpandedRow', 'selector': '[ibmTableExpandedRow]'},{'name': 'TableHead', 'selector': '[ibmTableHead]'},{'name': 'TableHeadCell', 'selector': '[ibmTableHeadCell]'},{'name': 'TableHeadCheckbox', 'selector': '[ibmTableHeadCheckbox]'},{'name': 'TableHeader', 'selector': 'ibm-table-header'},{'name': 'TableHeadExpand', 'selector': '[ibmTableHeadExpand]'},{'name': 'TableRowComponent', 'selector': '[ibmTableRow]'},{'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'}];
3815
3894
  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': 'TableDirective', 'selector': '[ibmTable]'},{'name': 'TableHeaderDescription', 'selector': '[ibmTableHeaderDescription]'},{'name': 'TableHeaderTitle', 'selector': '[ibmTableHeaderTitle]'},{'name': 'TextArea', 'selector': '[ibmTextArea]'},{'name': 'TextInput', 'selector': '[ibmText]'},{'name': 'TooltipDirective', 'selector': '[ibmTooltip]'}];
3816
3895
  var ACTUAL_COMPONENT = {'name': 'Dropdown'};
3817
3896
  </script>