carbon-components-angular 2.49.6 → 2.49.10

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 (45) hide show
  1. package/bundle/carbon-angular.umd.js +152 -10
  2. package/bundle/carbon-angular.umd.js.map +1 -1
  3. package/docs/documentation/components/Dropdown.html +68 -66
  4. package/docs/documentation/components/Header.html +441 -32
  5. package/docs/documentation/components/SelectionTile.html +73 -14
  6. package/docs/documentation/components/Slider.html +673 -207
  7. package/docs/documentation/coverage.html +10 -10
  8. package/docs/documentation/js/search/search_index.js +2 -2
  9. package/docs/storybook/iframe.html +3 -3
  10. package/docs/storybook/{main.0a5da0eb8f77466d321b.bundle.js → main.917d6425a713aa6e08c7.bundle.js} +170 -34
  11. package/docs/storybook/main.917d6425a713aa6e08c7.bundle.js.map +1 -0
  12. package/docs/storybook/{runtime~main.0a5da0eb8f77466d321b.bundle.js → runtime~main.917d6425a713aa6e08c7.bundle.js} +1 -1
  13. package/docs/storybook/{runtime~main.0a5da0eb8f77466d321b.bundle.js.map → runtime~main.917d6425a713aa6e08c7.bundle.js.map} +1 -1
  14. package/docs/storybook/{vendors~main.0a5da0eb8f77466d321b.bundle.js → vendors~main.917d6425a713aa6e08c7.bundle.js} +5472 -1
  15. package/docs/storybook/vendors~main.917d6425a713aa6e08c7.bundle.js.map +1 -0
  16. package/dropdown/dropdown.component.js +1 -1
  17. package/dropdown/dropdown.component.js.map +1 -1
  18. package/dropdown/dropdown.component.metadata.json +1 -1
  19. package/dropdown/dropdown.component.ngfactory.js +3 -3
  20. package/dropdown/dropdown.component.ngfactory.js.map +1 -1
  21. package/dropdown/dropdown.module.ngfactory.js.map +1 -1
  22. package/package.json +1 -1
  23. package/slider/slider.component.d.ts +18 -6
  24. package/slider/slider.component.js +72 -15
  25. package/slider/slider.component.js.map +1 -1
  26. package/slider/slider.component.metadata.json +1 -1
  27. package/slider/slider.component.ngfactory.js +12 -7
  28. package/slider/slider.component.ngfactory.js.map +1 -1
  29. package/slider/slider.component.ngsummary.json +1 -1
  30. package/tiles/selection-tile.component.d.ts +1 -0
  31. package/tiles/selection-tile.component.js +9 -2
  32. package/tiles/selection-tile.component.js.map +1 -1
  33. package/tiles/selection-tile.component.metadata.json +1 -1
  34. package/tiles/selection-tile.component.ngfactory.js +4 -1
  35. package/tiles/selection-tile.component.ngsummary.json +1 -1
  36. package/ui-shell/header.component.d.ts +45 -3
  37. package/ui-shell/header.component.js +52 -7
  38. package/ui-shell/header.component.js.map +1 -1
  39. package/ui-shell/header.component.metadata.json +1 -1
  40. package/ui-shell/header.component.ngfactory.js +9 -3
  41. package/ui-shell/header.component.ngfactory.js.map +1 -1
  42. package/ui-shell/header.component.ngsummary.json +1 -1
  43. package/ui-shell/ui-shell.module.ngfactory.js.map +1 -1
  44. package/docs/storybook/main.0a5da0eb8f77466d321b.bundle.js.map +0 -1
  45. package/docs/storybook/vendors~main.0a5da0eb8f77466d321b.bundle.js.map +0 -1
@@ -116,7 +116,7 @@
116
116
  'bx--list-box--inline': inline,
117
117
  'bx--skeleton': skeleton
118
118
  }">
119
- <button
119
+ <div
120
120
  type="button"
121
121
  #dropdownButton
122
122
  class="bx--list-box__field"
@@ -124,8 +124,9 @@
124
124
  [attr.aria-expanded]="!menuIsClosed"
125
125
  [attr.aria-disabled]="disabled"
126
126
  (blur)="onBlur()"
127
- (click)="toggleMenu()"
128
- [disabled]="disabled">
127
+ (click)="disabled ? $event.stopPropagation() : toggleMenu()"
128
+ [attr.disabled]="(disabled ? true : null)"
129
+ >
129
130
  <span (click)="clearSelected()" *ngIf="type === 'multi' && view.getSelected() && view.getSelected().length"
130
131
  class="bx--list-box__selection bx--list-box__selection--multi">
131
132
  {{view.getSelected().length}}
@@ -146,7 +147,7 @@
146
147
  </svg>
147
148
  </div>
148
149
  </div>
149
- </button>
150
+ </div>
150
151
  <div
151
152
  #dropdownMenu
152
153
  [ngClass]="{
@@ -427,7 +428,7 @@
427
428
  </tr>
428
429
  <tr>
429
430
  <td class="col-md-4">
430
- <div class="io-line">Defined in <a href="" data-line="209" class="link-to-prism">src/dropdown/dropdown.component.ts:209</a></div>
431
+ <div class="io-line">Defined in <a href="" data-line="210" class="link-to-prism">src/dropdown/dropdown.component.ts:210</a></div>
431
432
  </td>
432
433
  </tr>
433
434
 
@@ -510,7 +511,7 @@
510
511
  </tr>
511
512
  <tr>
512
513
  <td class="col-md-2" colspan="2">
513
- <div class="io-line">Defined in <a href="" data-line="142" class="link-to-prism">src/dropdown/dropdown.component.ts:142</a></div>
514
+ <div class="io-line">Defined in <a href="" data-line="143" class="link-to-prism">src/dropdown/dropdown.component.ts:143</a></div>
514
515
  </td>
515
516
  </tr>
516
517
  </tbody>
@@ -530,7 +531,7 @@ Set to <code>true</code> if the <code>Dropdown</code> is to be appended to the D
530
531
  </tr>
531
532
  <tr>
532
533
  <td class="col-md-2" colspan="2">
533
- <div class="io-line">Defined in <a href="" data-line="129" class="link-to-prism">src/dropdown/dropdown.component.ts:129</a></div>
534
+ <div class="io-line">Defined in <a href="" data-line="130" class="link-to-prism">src/dropdown/dropdown.component.ts:130</a></div>
534
535
  </td>
535
536
  </tr>
536
537
  </tbody>
@@ -552,7 +553,7 @@ Set to <code>true</code> if the <code>Dropdown</code> is to be appended to the D
552
553
  </tr>
553
554
  <tr>
554
555
  <td class="col-md-2" colspan="2">
555
- <div class="io-line">Defined in <a href="" data-line="124" class="link-to-prism">src/dropdown/dropdown.component.ts:124</a></div>
556
+ <div class="io-line">Defined in <a href="" data-line="125" class="link-to-prism">src/dropdown/dropdown.component.ts:125</a></div>
556
557
  </td>
557
558
  </tr>
558
559
  </tbody>
@@ -574,7 +575,7 @@ Set to <code>true</code> if the <code>Dropdown</code> is to be appended to the D
574
575
  </tr>
575
576
  <tr>
576
577
  <td class="col-md-2" colspan="2">
577
- <div class="io-line">Defined in <a href="" data-line="112" class="link-to-prism">src/dropdown/dropdown.component.ts:112</a></div>
578
+ <div class="io-line">Defined in <a href="" data-line="113" class="link-to-prism">src/dropdown/dropdown.component.ts:113</a></div>
578
579
  </td>
579
580
  </tr>
580
581
  </tbody>
@@ -596,7 +597,7 @@ Set to <code>true</code> if the <code>Dropdown</code> is to be appended to the D
596
597
  </tr>
597
598
  <tr>
598
599
  <td class="col-md-2" colspan="2">
599
- <div class="io-line">Defined in <a href="" data-line="95" class="link-to-prism">src/dropdown/dropdown.component.ts:95</a></div>
600
+ <div class="io-line">Defined in <a href="" data-line="96" class="link-to-prism">src/dropdown/dropdown.component.ts:96</a></div>
600
601
  </td>
601
602
  </tr>
602
603
  </tbody>
@@ -618,7 +619,7 @@ Set to <code>true</code> if the <code>Dropdown</code> is to be appended to the D
618
619
  </tr>
619
620
  <tr>
620
621
  <td class="col-md-2" colspan="2">
621
- <div class="io-line">Defined in <a href="" data-line="120" class="link-to-prism">src/dropdown/dropdown.component.ts:120</a></div>
622
+ <div class="io-line">Defined in <a href="" data-line="121" class="link-to-prism">src/dropdown/dropdown.component.ts:121</a></div>
622
623
  </td>
623
624
  </tr>
624
625
  </tbody>
@@ -641,7 +642,7 @@ Defaults to the <code>DROPDOWN.OPEN</code> value from the i18n service.</p>
641
642
  </tr>
642
643
  <tr>
643
644
  <td class="col-md-2" colspan="2">
644
- <div class="io-line">Defined in <a href="" data-line="156" class="link-to-prism">src/dropdown/dropdown.component.ts:156</a></div>
645
+ <div class="io-line">Defined in <a href="" data-line="157" class="link-to-prism">src/dropdown/dropdown.component.ts:157</a></div>
645
646
  </td>
646
647
  </tr>
647
648
  </tbody>
@@ -663,7 +664,7 @@ Defaults to the <code>DROPDOWN.OPEN</code> value from the i18n service.</p>
663
664
  </tr>
664
665
  <tr>
665
666
  <td class="col-md-2" colspan="2">
666
- <div class="io-line">Defined in <a href="" data-line="91" class="link-to-prism">src/dropdown/dropdown.component.ts:91</a></div>
667
+ <div class="io-line">Defined in <a href="" data-line="92" class="link-to-prism">src/dropdown/dropdown.component.ts:92</a></div>
667
668
  </td>
668
669
  </tr>
669
670
  </tbody>
@@ -687,7 +688,7 @@ Used to trigger closing the dropdown if it scrolls outside of the viewport of th
687
688
  </tr>
688
689
  <tr>
689
690
  <td class="col-md-2" colspan="2">
690
- <div class="io-line">Defined in <a href="" data-line="147" class="link-to-prism">src/dropdown/dropdown.component.ts:147</a></div>
691
+ <div class="io-line">Defined in <a href="" data-line="148" class="link-to-prism">src/dropdown/dropdown.component.ts:148</a></div>
691
692
  </td>
692
693
  </tr>
693
694
  </tbody>
@@ -710,7 +711,7 @@ Defaults to the <code>DROPDOWN.SELECTED</code> value from the i18n service.</p>
710
711
  </tr>
711
712
  <tr>
712
713
  <td class="col-md-2" colspan="2">
713
- <div class="io-line">Defined in <a href="" data-line="161" class="link-to-prism">src/dropdown/dropdown.component.ts:161</a></div>
714
+ <div class="io-line">Defined in <a href="" data-line="162" class="link-to-prism">src/dropdown/dropdown.component.ts:162</a></div>
714
715
  </td>
715
716
  </tr>
716
717
  </tbody>
@@ -736,7 +737,7 @@ Defaults to the <code>DROPDOWN.SELECTED</code> value from the i18n service.</p>
736
737
  </tr>
737
738
  <tr>
738
739
  <td class="col-md-2" colspan="2">
739
- <div class="io-line">Defined in <a href="" data-line="99" class="link-to-prism">src/dropdown/dropdown.component.ts:99</a></div>
740
+ <div class="io-line">Defined in <a href="" data-line="100" class="link-to-prism">src/dropdown/dropdown.component.ts:100</a></div>
740
741
  </td>
741
742
  </tr>
742
743
  </tbody>
@@ -758,7 +759,7 @@ Defaults to the <code>DROPDOWN.SELECTED</code> value from the i18n service.</p>
758
759
  </tr>
759
760
  <tr>
760
761
  <td class="col-md-2" colspan="2">
761
- <div class="io-line">Defined in <a href="" data-line="116" class="link-to-prism">src/dropdown/dropdown.component.ts:116</a></div>
762
+ <div class="io-line">Defined in <a href="" data-line="117" class="link-to-prism">src/dropdown/dropdown.component.ts:117</a></div>
762
763
  </td>
763
764
  </tr>
764
765
  </tbody>
@@ -784,7 +785,7 @@ Defaults to the <code>DROPDOWN.SELECTED</code> value from the i18n service.</p>
784
785
  </tr>
785
786
  <tr>
786
787
  <td class="col-md-2" colspan="2">
787
- <div class="io-line">Defined in <a href="" data-line="108" class="link-to-prism">src/dropdown/dropdown.component.ts:108</a></div>
788
+ <div class="io-line">Defined in <a href="" data-line="109" class="link-to-prism">src/dropdown/dropdown.component.ts:109</a></div>
788
789
  </td>
789
790
  </tr>
790
791
  </tbody>
@@ -811,7 +812,7 @@ item selection.</p>
811
812
  </tr>
812
813
  <tr>
813
814
  <td class="col-md-2" colspan="2">
814
- <div class="io-line">Defined in <a href="" data-line="104" class="link-to-prism">src/dropdown/dropdown.component.ts:104</a></div>
815
+ <div class="io-line">Defined in <a href="" data-line="105" class="link-to-prism">src/dropdown/dropdown.component.ts:105</a></div>
815
816
  </td>
816
817
  </tr>
817
818
  </tbody>
@@ -834,7 +835,7 @@ item selection.</p>
834
835
  </tr>
835
836
  <tr>
836
837
  <td class="col-md-2" colspan="2">
837
- <div class="io-line">Defined in <a href="" data-line="151" class="link-to-prism">src/dropdown/dropdown.component.ts:151</a></div>
838
+ <div class="io-line">Defined in <a href="" data-line="152" class="link-to-prism">src/dropdown/dropdown.component.ts:152</a></div>
838
839
  </td>
839
840
  </tr>
840
841
  </tbody>
@@ -858,7 +859,7 @@ item selection.</p>
858
859
  </tr>
859
860
  <tr>
860
861
  <td class="col-md-2" colspan="2">
861
- <div class="io-line">Defined in <a href="" data-line="173" class="link-to-prism">src/dropdown/dropdown.component.ts:173</a></div>
862
+ <div class="io-line">Defined in <a href="" data-line="174" class="link-to-prism">src/dropdown/dropdown.component.ts:174</a></div>
862
863
  </td>
863
864
  </tr>
864
865
  </tbody>
@@ -879,7 +880,7 @@ item selection.</p>
879
880
  </tr>
880
881
  <tr>
881
882
  <td class="col-md-2" colspan="2">
882
- <div class="io-line">Defined in <a href="" data-line="169" class="link-to-prism">src/dropdown/dropdown.component.ts:169</a></div>
883
+ <div class="io-line">Defined in <a href="" data-line="170" class="link-to-prism">src/dropdown/dropdown.component.ts:170</a></div>
883
884
  </td>
884
885
  </tr>
885
886
  </tbody>
@@ -900,7 +901,7 @@ item selection.</p>
900
901
  </tr>
901
902
  <tr>
902
903
  <td class="col-md-2" colspan="2">
903
- <div class="io-line">Defined in <a href="" data-line="165" class="link-to-prism">src/dropdown/dropdown.component.ts:165</a></div>
904
+ <div class="io-line">Defined in <a href="" data-line="166" class="link-to-prism">src/dropdown/dropdown.component.ts:166</a></div>
904
905
  </td>
905
906
  </tr>
906
907
  </tbody>
@@ -935,7 +936,7 @@ item selection.</p>
935
936
 
936
937
  <tr>
937
938
  <td class="col-md-4">
938
- <div class="io-line">Defined in <a href="" data-line="308" class="link-to-prism">src/dropdown/dropdown.component.ts:308</a></div>
939
+ <div class="io-line">Defined in <a href="" data-line="309" class="link-to-prism">src/dropdown/dropdown.component.ts:309</a></div>
939
940
  </td>
940
941
  </tr>
941
942
 
@@ -978,7 +979,7 @@ item selection.</p>
978
979
 
979
980
  <tr>
980
981
  <td class="col-md-4">
981
- <div class="io-line">Defined in <a href="" data-line="434" class="link-to-prism">src/dropdown/dropdown.component.ts:434</a></div>
982
+ <div class="io-line">Defined in <a href="" data-line="435" class="link-to-prism">src/dropdown/dropdown.component.ts:435</a></div>
982
983
  </td>
983
984
  </tr>
984
985
 
@@ -1018,7 +1019,7 @@ item selection.</p>
1018
1019
 
1019
1020
  <tr>
1020
1021
  <td class="col-md-4">
1021
- <div class="io-line">Defined in <a href="" data-line="426" class="link-to-prism">src/dropdown/dropdown.component.ts:426</a></div>
1022
+ <div class="io-line">Defined in <a href="" data-line="427" class="link-to-prism">src/dropdown/dropdown.component.ts:427</a></div>
1022
1023
  </td>
1023
1024
  </tr>
1024
1025
 
@@ -1058,7 +1059,7 @@ item selection.</p>
1058
1059
 
1059
1060
  <tr>
1060
1061
  <td class="col-md-4">
1061
- <div class="io-line">Defined in <a href="" data-line="405" class="link-to-prism">src/dropdown/dropdown.component.ts:405</a></div>
1062
+ <div class="io-line">Defined in <a href="" data-line="406" class="link-to-prism">src/dropdown/dropdown.component.ts:406</a></div>
1062
1063
  </td>
1063
1064
  </tr>
1064
1065
 
@@ -1129,7 +1130,7 @@ item selection.</p>
1129
1130
 
1130
1131
  <tr>
1131
1132
  <td class="col-md-4">
1132
- <div class="io-line">Defined in <a href="" data-line="385" class="link-to-prism">src/dropdown/dropdown.component.ts:385</a></div>
1133
+ <div class="io-line">Defined in <a href="" data-line="386" class="link-to-prism">src/dropdown/dropdown.component.ts:386</a></div>
1133
1134
  </td>
1134
1135
  </tr>
1135
1136
 
@@ -1167,7 +1168,7 @@ item selection.</p>
1167
1168
 
1168
1169
  <tr>
1169
1170
  <td class="col-md-4">
1170
- <div class="io-line">Defined in <a href="" data-line="389" class="link-to-prism">src/dropdown/dropdown.component.ts:389</a></div>
1171
+ <div class="io-line">Defined in <a href="" data-line="390" class="link-to-prism">src/dropdown/dropdown.component.ts:390</a></div>
1171
1172
  </td>
1172
1173
  </tr>
1173
1174
 
@@ -1234,7 +1235,7 @@ item selection.</p>
1234
1235
 
1235
1236
  <tr>
1236
1237
  <td class="col-md-4">
1237
- <div class="io-line">Defined in <a href="" data-line="397" class="link-to-prism">src/dropdown/dropdown.component.ts:397</a></div>
1238
+ <div class="io-line">Defined in <a href="" data-line="398" class="link-to-prism">src/dropdown/dropdown.component.ts:398</a></div>
1238
1239
  </td>
1239
1240
  </tr>
1240
1241
 
@@ -1299,7 +1300,7 @@ item selection.</p>
1299
1300
 
1300
1301
  <tr>
1301
1302
  <td class="col-md-4">
1302
- <div class="io-line">Defined in <a href="" data-line="517" class="link-to-prism">src/dropdown/dropdown.component.ts:517</a></div>
1303
+ <div class="io-line">Defined in <a href="" data-line="518" class="link-to-prism">src/dropdown/dropdown.component.ts:518</a></div>
1303
1304
  </td>
1304
1305
  </tr>
1305
1306
 
@@ -1339,7 +1340,7 @@ item selection.</p>
1339
1340
 
1340
1341
  <tr>
1341
1342
  <td class="col-md-4">
1342
- <div class="io-line">Defined in <a href="" data-line="570" class="link-to-prism">src/dropdown/dropdown.component.ts:570</a></div>
1343
+ <div class="io-line">Defined in <a href="" data-line="571" class="link-to-prism">src/dropdown/dropdown.component.ts:571</a></div>
1343
1344
  </td>
1344
1345
  </tr>
1345
1346
 
@@ -1377,7 +1378,7 @@ item selection.</p>
1377
1378
 
1378
1379
  <tr>
1379
1380
  <td class="col-md-4">
1380
- <div class="io-line">Defined in <a href="" data-line="340" class="link-to-prism">src/dropdown/dropdown.component.ts:340</a></div>
1381
+ <div class="io-line">Defined in <a href="" data-line="341" class="link-to-prism">src/dropdown/dropdown.component.ts:341</a></div>
1381
1382
  </td>
1382
1383
  </tr>
1383
1384
 
@@ -1442,7 +1443,7 @@ item selection.</p>
1442
1443
 
1443
1444
  <tr>
1444
1445
  <td class="col-md-4">
1445
- <div class="io-line">Defined in <a href="" data-line="488" class="link-to-prism">src/dropdown/dropdown.component.ts:488</a></div>
1446
+ <div class="io-line">Defined in <a href="" data-line="489" class="link-to-prism">src/dropdown/dropdown.component.ts:489</a></div>
1446
1447
  </td>
1447
1448
  </tr>
1448
1449
 
@@ -1482,7 +1483,7 @@ item selection.</p>
1482
1483
 
1483
1484
  <tr>
1484
1485
  <td class="col-md-4">
1485
- <div class="io-line">Defined in <a href="" data-line="360" class="link-to-prism">src/dropdown/dropdown.component.ts:360</a></div>
1486
+ <div class="io-line">Defined in <a href="" data-line="361" class="link-to-prism">src/dropdown/dropdown.component.ts:361</a></div>
1486
1487
  </td>
1487
1488
  </tr>
1488
1489
 
@@ -1524,7 +1525,7 @@ otherwise the placeholder will be returned.</p>
1524
1525
 
1525
1526
  <tr>
1526
1527
  <td class="col-md-4">
1527
- <div class="io-line">Defined in <a href="" data-line="557" class="link-to-prism">src/dropdown/dropdown.component.ts:557</a></div>
1528
+ <div class="io-line">Defined in <a href="" data-line="558" class="link-to-prism">src/dropdown/dropdown.component.ts:558</a></div>
1528
1529
  </td>
1529
1530
  </tr>
1530
1531
 
@@ -1607,7 +1608,7 @@ otherwise the placeholder will be returned.</p>
1607
1608
 
1608
1609
  <tr>
1609
1610
  <td class="col-md-4">
1610
- <div class="io-line">Defined in <a href="" data-line="231" class="link-to-prism">src/dropdown/dropdown.component.ts:231</a></div>
1611
+ <div class="io-line">Defined in <a href="" data-line="232" class="link-to-prism">src/dropdown/dropdown.component.ts:232</a></div>
1611
1612
  </td>
1612
1613
  </tr>
1613
1614
 
@@ -1647,7 +1648,7 @@ otherwise the placeholder will be returned.</p>
1647
1648
 
1648
1649
  <tr>
1649
1650
  <td class="col-md-4">
1650
- <div class="io-line">Defined in <a href="" data-line="263" class="link-to-prism">src/dropdown/dropdown.component.ts:263</a></div>
1651
+ <div class="io-line">Defined in <a href="" data-line="264" class="link-to-prism">src/dropdown/dropdown.component.ts:264</a></div>
1651
1652
  </td>
1652
1653
  </tr>
1653
1654
 
@@ -1687,7 +1688,7 @@ otherwise the placeholder will be returned.</p>
1687
1688
 
1688
1689
  <tr>
1689
1690
  <td class="col-md-4">
1690
- <div class="io-line">Defined in <a href="" data-line="220" class="link-to-prism">src/dropdown/dropdown.component.ts:220</a></div>
1691
+ <div class="io-line">Defined in <a href="" data-line="221" class="link-to-prism">src/dropdown/dropdown.component.ts:221</a></div>
1691
1692
  </td>
1692
1693
  </tr>
1693
1694
 
@@ -1728,7 +1729,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
1728
1729
 
1729
1730
  <tr>
1730
1731
  <td class="col-md-4">
1731
- <div class="io-line">Defined in <a href="" data-line="286" class="link-to-prism">src/dropdown/dropdown.component.ts:286</a></div>
1732
+ <div class="io-line">Defined in <a href="" data-line="287" class="link-to-prism">src/dropdown/dropdown.component.ts:287</a></div>
1732
1733
  </td>
1733
1734
  </tr>
1734
1735
 
@@ -1766,7 +1767,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
1766
1767
 
1767
1768
  <tr>
1768
1769
  <td class="col-md-4">
1769
- <div class="io-line">Defined in <a href="" data-line="445" class="link-to-prism">src/dropdown/dropdown.component.ts:445</a></div>
1770
+ <div class="io-line">Defined in <a href="" data-line="446" class="link-to-prism">src/dropdown/dropdown.component.ts:446</a></div>
1770
1771
  </td>
1771
1772
  </tr>
1772
1773
 
@@ -1806,7 +1807,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
1806
1807
 
1807
1808
  <tr>
1808
1809
  <td class="col-md-4">
1809
- <div class="io-line">Defined in <a href="" data-line="290" class="link-to-prism">src/dropdown/dropdown.component.ts:290</a></div>
1810
+ <div class="io-line">Defined in <a href="" data-line="291" class="link-to-prism">src/dropdown/dropdown.component.ts:291</a></div>
1810
1811
  </td>
1811
1812
  </tr>
1812
1813
 
@@ -1875,7 +1876,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
1875
1876
 
1876
1877
  <tr>
1877
1878
  <td class="col-md-4">
1878
- <div class="io-line">Defined in <a href="" data-line="297" class="link-to-prism">src/dropdown/dropdown.component.ts:297</a></div>
1879
+ <div class="io-line">Defined in <a href="" data-line="298" class="link-to-prism">src/dropdown/dropdown.component.ts:298</a></div>
1879
1880
  </td>
1880
1881
  </tr>
1881
1882
 
@@ -1946,7 +1947,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
1946
1947
 
1947
1948
  <tr>
1948
1949
  <td class="col-md-4">
1949
- <div class="io-line">Defined in <a href="" data-line="537" class="link-to-prism">src/dropdown/dropdown.component.ts:537</a></div>
1950
+ <div class="io-line">Defined in <a href="" data-line="538" class="link-to-prism">src/dropdown/dropdown.component.ts:538</a></div>
1950
1951
  </td>
1951
1952
  </tr>
1952
1953
 
@@ -1986,7 +1987,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
1986
1987
 
1987
1988
  <tr>
1988
1989
  <td class="col-md-4">
1989
- <div class="io-line">Defined in <a href="" data-line="546" class="link-to-prism">src/dropdown/dropdown.component.ts:546</a></div>
1990
+ <div class="io-line">Defined in <a href="" data-line="547" class="link-to-prism">src/dropdown/dropdown.component.ts:547</a></div>
1990
1991
  </td>
1991
1992
  </tr>
1992
1993
 
@@ -2026,7 +2027,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2026
2027
 
2027
2028
  <tr>
2028
2029
  <td class="col-md-4">
2029
- <div class="io-line">Defined in <a href="" data-line="380" class="link-to-prism">src/dropdown/dropdown.component.ts:380</a></div>
2030
+ <div class="io-line">Defined in <a href="" data-line="381" class="link-to-prism">src/dropdown/dropdown.component.ts:381</a></div>
2030
2031
  </td>
2031
2032
  </tr>
2032
2033
 
@@ -2066,7 +2067,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2066
2067
 
2067
2068
  <tr>
2068
2069
  <td class="col-md-4">
2069
- <div class="io-line">Defined in <a href="" data-line="272" class="link-to-prism">src/dropdown/dropdown.component.ts:272</a></div>
2070
+ <div class="io-line">Defined in <a href="" data-line="273" class="link-to-prism">src/dropdown/dropdown.component.ts:273</a></div>
2070
2071
  </td>
2071
2072
  </tr>
2072
2073
 
@@ -2152,7 +2153,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2152
2153
  </tr>
2153
2154
  <tr>
2154
2155
  <td class="col-md-4">
2155
- <div class="io-line">Defined in <a href="" data-line="182" class="link-to-prism">src/dropdown/dropdown.component.ts:182</a></div>
2156
+ <div class="io-line">Defined in <a href="" data-line="183" class="link-to-prism">src/dropdown/dropdown.component.ts:183</a></div>
2156
2157
  </td>
2157
2158
  </tr>
2158
2159
 
@@ -2195,7 +2196,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2195
2196
  </tr>
2196
2197
  <tr>
2197
2198
  <td class="col-md-4">
2198
- <div class="io-line">Defined in <a href="" data-line="186" class="link-to-prism">src/dropdown/dropdown.component.ts:186</a></div>
2199
+ <div class="io-line">Defined in <a href="" data-line="187" class="link-to-prism">src/dropdown/dropdown.component.ts:187</a></div>
2199
2200
  </td>
2200
2201
  </tr>
2201
2202
 
@@ -2234,7 +2235,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2234
2235
  </tr>
2235
2236
  <tr>
2236
2237
  <td class="col-md-4">
2237
- <div class="io-line">Defined in <a href="" data-line="196" class="link-to-prism">src/dropdown/dropdown.component.ts:196</a></div>
2238
+ <div class="io-line">Defined in <a href="" data-line="197" class="link-to-prism">src/dropdown/dropdown.component.ts:197</a></div>
2238
2239
  </td>
2239
2240
  </tr>
2240
2241
 
@@ -2273,7 +2274,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2273
2274
  </tr>
2274
2275
  <tr>
2275
2276
  <td class="col-md-4">
2276
- <div class="io-line">Defined in <a href="" data-line="203" class="link-to-prism">src/dropdown/dropdown.component.ts:203</a></div>
2277
+ <div class="io-line">Defined in <a href="" data-line="204" class="link-to-prism">src/dropdown/dropdown.component.ts:204</a></div>
2277
2278
  </td>
2278
2279
  </tr>
2279
2280
 
@@ -2306,7 +2307,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2306
2307
  </tr>
2307
2308
  <tr>
2308
2309
  <td class="col-md-4">
2309
- <div class="io-line">Defined in <a href="" data-line="191" class="link-to-prism">src/dropdown/dropdown.component.ts:191</a></div>
2310
+ <div class="io-line">Defined in <a href="" data-line="192" class="link-to-prism">src/dropdown/dropdown.component.ts:192</a></div>
2310
2311
  </td>
2311
2312
  </tr>
2312
2313
 
@@ -2345,7 +2346,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2345
2346
  </tr>
2346
2347
  <tr>
2347
2348
  <td class="col-md-4">
2348
- <div class="io-line">Defined in <a href="" data-line="200" class="link-to-prism">src/dropdown/dropdown.component.ts:200</a></div>
2349
+ <div class="io-line">Defined in <a href="" data-line="201" class="link-to-prism">src/dropdown/dropdown.component.ts:201</a></div>
2349
2350
  </td>
2350
2351
  </tr>
2351
2352
 
@@ -2385,7 +2386,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2385
2386
  </tr>
2386
2387
  <tr>
2387
2388
  <td class="col-md-4">
2388
- <div class="io-line">Defined in <a href="" data-line="209" class="link-to-prism">src/dropdown/dropdown.component.ts:209</a></div>
2389
+ <div class="io-line">Defined in <a href="" data-line="210" class="link-to-prism">src/dropdown/dropdown.component.ts:210</a></div>
2389
2390
  </td>
2390
2391
  </tr>
2391
2392
 
@@ -2418,7 +2419,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2418
2419
  </tr>
2419
2420
  <tr>
2420
2421
  <td class="col-md-4">
2421
- <div class="io-line">Defined in <a href="" data-line="201" class="link-to-prism">src/dropdown/dropdown.component.ts:201</a></div>
2422
+ <div class="io-line">Defined in <a href="" data-line="202" class="link-to-prism">src/dropdown/dropdown.component.ts:202</a></div>
2422
2423
  </td>
2423
2424
  </tr>
2424
2425
 
@@ -2451,7 +2452,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2451
2452
  </tr>
2452
2453
  <tr>
2453
2454
  <td class="col-md-4">
2454
- <div class="io-line">Defined in <a href="" data-line="202" class="link-to-prism">src/dropdown/dropdown.component.ts:202</a></div>
2455
+ <div class="io-line">Defined in <a href="" data-line="203" class="link-to-prism">src/dropdown/dropdown.component.ts:203</a></div>
2455
2456
  </td>
2456
2457
  </tr>
2457
2458
 
@@ -2484,7 +2485,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2484
2485
  </tr>
2485
2486
  <tr>
2486
2487
  <td class="col-md-4">
2487
- <div class="io-line">Defined in <a href="" data-line="301" class="link-to-prism">src/dropdown/dropdown.component.ts:301</a></div>
2488
+ <div class="io-line">Defined in <a href="" data-line="302" class="link-to-prism">src/dropdown/dropdown.component.ts:302</a></div>
2488
2489
  </td>
2489
2490
  </tr>
2490
2491
 
@@ -2518,7 +2519,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2518
2519
  </tr>
2519
2520
  <tr>
2520
2521
  <td class="col-md-4">
2521
- <div class="io-line">Defined in <a href="" data-line="207" class="link-to-prism">src/dropdown/dropdown.component.ts:207</a></div>
2522
+ <div class="io-line">Defined in <a href="" data-line="208" class="link-to-prism">src/dropdown/dropdown.component.ts:208</a></div>
2522
2523
  </td>
2523
2524
  </tr>
2524
2525
 
@@ -2567,7 +2568,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2567
2568
  </tr>
2568
2569
  <tr>
2569
2570
  <td class="col-md-4">
2570
- <div class="io-line">Defined in <a href="" data-line="178" class="link-to-prism">src/dropdown/dropdown.component.ts:178</a></div>
2571
+ <div class="io-line">Defined in <a href="" data-line="179" class="link-to-prism">src/dropdown/dropdown.component.ts:179</a></div>
2571
2572
  </td>
2572
2573
  </tr>
2573
2574
 
@@ -2602,7 +2603,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2602
2603
  </tr>
2603
2604
  <tr>
2604
2605
  <td class="col-md-4">
2605
- <div class="io-line">Defined in <a href="" data-line="136" class="link-to-prism">src/dropdown/dropdown.component.ts:136</a></div>
2606
+ <div class="io-line">Defined in <a href="" data-line="137" class="link-to-prism">src/dropdown/dropdown.component.ts:137</a></div>
2606
2607
  </td>
2607
2608
  </tr>
2608
2609
 
@@ -2613,7 +2614,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2613
2614
  </tr>
2614
2615
  <tr>
2615
2616
  <td class="col-md-4">
2616
- <div class="io-line">Defined in <a href="" data-line="129" class="link-to-prism">src/dropdown/dropdown.component.ts:129</a></div>
2617
+ <div class="io-line">Defined in <a href="" data-line="130" class="link-to-prism">src/dropdown/dropdown.component.ts:130</a></div>
2617
2618
  </td>
2618
2619
  </tr>
2619
2620
  <tr>
@@ -2697,7 +2698,7 @@ import { DropdownService } from &quot;./dropdown.service&quot;;
2697
2698
  &#x27;bx--list-box--inline&#x27;: inline,
2698
2699
  &#x27;bx--skeleton&#x27;: skeleton
2699
2700
  }&quot;&gt;
2700
- &lt;button
2701
+ &lt;div
2701
2702
  type&#x3D;&quot;button&quot;
2702
2703
  #dropdownButton
2703
2704
  class&#x3D;&quot;bx--list-box__field&quot;
@@ -2705,8 +2706,9 @@ import { DropdownService } from &quot;./dropdown.service&quot;;
2705
2706
  [attr.aria-expanded]&#x3D;&quot;!menuIsClosed&quot;
2706
2707
  [attr.aria-disabled]&#x3D;&quot;disabled&quot;
2707
2708
  (blur)&#x3D;&quot;onBlur()&quot;
2708
- (click)&#x3D;&quot;toggleMenu()&quot;
2709
- [disabled]&#x3D;&quot;disabled&quot;&gt;
2709
+ (click)&#x3D;&quot;disabled ? $event.stopPropagation() : toggleMenu()&quot;
2710
+ [attr.disabled]&#x3D;&quot;(disabled ? true : null)&quot;
2711
+ &gt;
2710
2712
  &lt;span (click)&#x3D;&quot;clearSelected()&quot; *ngIf&#x3D;&quot;type &#x3D;&#x3D;&#x3D; &#x27;multi&#x27; &amp;&amp; view.getSelected() &amp;&amp; view.getSelected().length&quot;
2711
2713
  class&#x3D;&quot;bx--list-box__selection bx--list-box__selection--multi&quot;&gt;
2712
2714
  {{view.getSelected().length}}
@@ -2727,7 +2729,7 @@ import { DropdownService } from &quot;./dropdown.service&quot;;
2727
2729
  &lt;/svg&gt;
2728
2730
  &lt;/div&gt;
2729
2731
  &lt;/div&gt;
2730
- &lt;/button&gt;
2732
+ &lt;/div&gt;
2731
2733
  &lt;div
2732
2734
  #dropdownMenu
2733
2735
  [ngClass]&#x3D;&quot;{
@@ -3264,7 +3266,7 @@ export class Dropdown implements OnInit, AfterContentInit, OnDestroy {
3264
3266
  <script src="../js/libs/htmlparser.js"></script>
3265
3267
  <script src="../js/libs/deep-iterator.js"></script>
3266
3268
  <script>
3267
- var COMPONENT_TEMPLATE = '<div><div class="bx--list-box bx--dropdown" [ngClass]="{ \'bx--dropdown--light\': theme === \'light\', \'bx--list-box--inline\': inline, \'bx--skeleton\': skeleton }"> <button type="button" #dropdownButton class="bx--list-box__field" [ngClass]="{\'a\': !menuIsClosed}" [attr.aria-expanded]="!menuIsClosed" [attr.aria-disabled]="disabled" (blur)="onBlur()" (click)="toggleMenu()" [disabled]="disabled"> <span (click)="clearSelected()" *ngIf="type === \'multi\' && view.getSelected() && view.getSelected().length" class="bx--list-box__selection bx--list-box__selection--multi"> {{view.getSelected().length}} &nbsp; <svg class="close-tag" width="8" height="8" viewBox="0 0 10 10"> <path d="M6.32 5L10 8.68 8.68 10 5 6.32 1.32 10 0 8.68 3.68 5 0 1.32 1.32 0 5 3.68 8.68 0 10 1.32 6.32 5z"></path> </svg> </span> <div class="click-container" style="width: 100%; text-align: left;"> <span class="bx--list-box__label"> {{getDisplayValue() | async}} </span> <div *ngIf="!skeleton" class="bx--list-box__menu-icon" [ngClass]="{\'bx--list-box__menu-icon--open\': !menuIsClosed }"> <svg fill-rule="evenodd" height="5" role="img" viewBox="0 0 10 5" width="10" alt="Open menu" [attr.aria-label]="menuButtonLabel"> <title>{{menuButtonLabel}}</title> <path d="M0 0l5 4.998L10 0z"></path> </svg> </div> </div> </button> <div #dropdownMenu [ngClass]="{ \'drop-up\': dropUp }"> <ng-content *ngIf="!menuIsClosed"></ng-content> </div></div></div>'
3269
+ var COMPONENT_TEMPLATE = '<div><div class="bx--list-box bx--dropdown" [ngClass]="{ \'bx--dropdown--light\': theme === \'light\', \'bx--list-box--inline\': inline, \'bx--skeleton\': skeleton }"> <div type="button" #dropdownButton class="bx--list-box__field" [ngClass]="{\'a\': !menuIsClosed}" [attr.aria-expanded]="!menuIsClosed" [attr.aria-disabled]="disabled" (blur)="onBlur()" (click)="disabled ? $event.stopPropagation() : toggleMenu()" [attr.disabled]="(disabled ? true : null)" > <span (click)="clearSelected()" *ngIf="type === \'multi\' && view.getSelected() && view.getSelected().length" class="bx--list-box__selection bx--list-box__selection--multi"> {{view.getSelected().length}} &nbsp; <svg class="close-tag" width="8" height="8" viewBox="0 0 10 10"> <path d="M6.32 5L10 8.68 8.68 10 5 6.32 1.32 10 0 8.68 3.68 5 0 1.32 1.32 0 5 3.68 8.68 0 10 1.32 6.32 5z"></path> </svg> </span> <div class="click-container" style="width: 100%; text-align: left;"> <span class="bx--list-box__label"> {{getDisplayValue() | async}} </span> <div *ngIf="!skeleton" class="bx--list-box__menu-icon" [ngClass]="{\'bx--list-box__menu-icon--open\': !menuIsClosed }"> <svg fill-rule="evenodd" height="5" role="img" viewBox="0 0 10 5" width="10" alt="Open menu" [attr.aria-label]="menuButtonLabel"> <title>{{menuButtonLabel}}</title> <path d="M0 0l5 4.998L10 0z"></path> </svg> </div> </div> </div> <div #dropdownMenu [ngClass]="{ \'drop-up\': dropUp }"> <ng-content *ngIf="!menuIsClosed"></ng-content> </div></div></div>'
3268
3270
  var COMPONENTS = [{'name': 'Accordion', 'selector': 'ibm-accordion'},{'name': 'AccordionItem', 'selector': 'ibm-accordion-item'},{'name': 'AlertModal', 'selector': 'ibm-alert-modal'},{'name': 'Banner', 'selector': 'ibm-banner'},{'name': 'Breadcrumb', 'selector': 'ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'ibm-breadcrumb-item'},{'name': 'Calendar', 'selector': 'ibm-calendar'},{'name': 'CalendarHeader', 'selector': 'ibm-calendar-header'},{'name': 'CalendarMonth', 'selector': 'ibm-calendar-month-view'},{'name': 'CalendarMonths', 'selector': 'ibm-calendar-months-view'},{'name': 'CalendarQuarter', 'selector': 'ibm-calendar-quarter-view'},{'name': 'CalendarYear', 'selector': 'ibm-calendar-year-view'},{'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': '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': 'Icon', 'selector': 'ibm-icon'},{'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': 'Pill', 'selector': 'ibm-pill'},{'name': 'PillInput', 'selector': 'ibm-pill-input'},{'name': 'Placeholder', 'selector': 'ibm-placeholder'},{'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': 'Sprite', 'selector': 'ibm-sprite'},{'name': 'StaticIcon', 'selector': 'ibm-static-icon'},{'name': 'StructuredList', 'selector': 'ibm-structured-list'},{'name': 'Switch', 'selector': 'ibm-switch'},{'name': 'Tab', 'selector': 'ibm-tab'},{'name': 'TabHeaders', 'selector': 'ibm-tab-headers'},{'name': 'Table', 'selector': 'ibm-table'},{'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': 'Tile', 'selector': 'ibm-tile'},{'name': 'TileGroup', 'selector': 'ibm-tile-group'},{'name': 'Toast', 'selector': 'ibm-toast'},{'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'}];
3269
3271
  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': 'TextArea', 'selector': '[ibmTextArea]'},{'name': 'TextInput', 'selector': '[ibmText]'},{'name': 'TooltipDirective', 'selector': '[ibmTooltip]'}];
3270
3272
  var ACTUAL_COMPONENT = {'name': 'Dropdown'};