carbon-components-angular 5.57.5 → 5.57.6

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 (54) hide show
  1. package/docs/documentation/components/Tab.html +27 -127
  2. package/docs/documentation/coverage.html +3 -3
  3. package/docs/documentation/js/search/search_index.js +2 -2
  4. package/docs/documentation/modules/ComboBoxModule/dependencies.svg +4 -4
  5. package/docs/documentation/modules/ComboBoxModule.html +4 -4
  6. package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +37 -41
  7. package/docs/documentation/modules/DatePickerInputModule.html +37 -41
  8. package/docs/documentation/modules/DialogModule/dependencies.svg +34 -34
  9. package/docs/documentation/modules/DialogModule.html +34 -34
  10. package/docs/documentation/modules/FileUploaderModule/dependencies.svg +36 -36
  11. package/docs/documentation/modules/FileUploaderModule.html +36 -36
  12. package/docs/documentation/modules/NumberModule/dependencies.svg +4 -4
  13. package/docs/documentation/modules/NumberModule.html +4 -4
  14. package/docs/documentation/modules/RadioModule/dependencies.svg +48 -48
  15. package/docs/documentation/modules/RadioModule.html +48 -48
  16. package/docs/documentation/modules/SelectModule/dependencies.svg +43 -43
  17. package/docs/documentation/modules/SelectModule.html +43 -43
  18. package/docs/documentation/modules/SliderModule/dependencies.svg +4 -4
  19. package/docs/documentation/modules/SliderModule.html +4 -4
  20. package/docs/documentation/modules/TabsModule/dependencies.svg +69 -69
  21. package/docs/documentation/modules/TabsModule.html +69 -69
  22. package/docs/documentation/modules/TagModule/dependencies.svg +37 -37
  23. package/docs/documentation/modules/TagModule.html +37 -37
  24. package/docs/documentation/modules/ThemeModule/dependencies.svg +4 -4
  25. package/docs/documentation/modules/ThemeModule.html +4 -4
  26. package/docs/documentation/modules/TilesModule/dependencies.svg +106 -106
  27. package/docs/documentation/modules/TilesModule.html +106 -106
  28. package/docs/documentation/modules/TimePickerModule/dependencies.svg +20 -20
  29. package/docs/documentation/modules/TimePickerModule.html +20 -20
  30. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +42 -46
  31. package/docs/documentation/modules/TimePickerSelectModule.html +42 -46
  32. package/docs/documentation/modules/ToggleModule/dependencies.svg +37 -41
  33. package/docs/documentation/modules/ToggleModule.html +37 -41
  34. package/docs/documentation/modules/ToggletipModule/dependencies.svg +39 -39
  35. package/docs/documentation/modules/ToggletipModule.html +39 -39
  36. package/docs/documentation/modules/TooltipModule/dependencies.svg +28 -28
  37. package/docs/documentation/modules/TooltipModule.html +28 -28
  38. package/docs/documentation/modules/TreeviewModule/dependencies.svg +37 -37
  39. package/docs/documentation/modules/TreeviewModule.html +37 -37
  40. package/docs/documentation/modules/UIShellModule/dependencies.svg +4 -4
  41. package/docs/documentation/modules/UIShellModule.html +4 -4
  42. package/docs/documentation.json +32 -64
  43. package/docs/storybook/iframe.html +2 -2
  44. package/docs/storybook/{main.575135b9.iframe.bundle.js → main.9ce69c0b.iframe.bundle.js} +1 -1
  45. package/docs/storybook/project.json +1 -1
  46. package/docs/storybook/{runtime~main.d377732d.iframe.bundle.js → runtime~main.de44916a.iframe.bundle.js} +1 -1
  47. package/docs/storybook/{tabs-tabs-stories.066fa432.iframe.bundle.js → tabs-tabs-stories.40535f65.iframe.bundle.js} +1 -1
  48. package/esm2020/tabs/tab.component.mjs +5 -10
  49. package/fesm2015/carbon-components-angular-tabs.mjs +3 -8
  50. package/fesm2015/carbon-components-angular-tabs.mjs.map +1 -1
  51. package/fesm2020/carbon-components-angular-tabs.mjs +3 -8
  52. package/fesm2020/carbon-components-angular-tabs.mjs.map +1 -1
  53. package/package.json +1 -1
  54. package/tabs/tab.component.d.ts +0 -4
package/docs/documentation/components/Tab.html CHANGED
@@ -192,6 +192,7 @@ The <code>select</code> output will also be triggered for the active tab when th
192
192
  role&#x3D;&quot;tabpanel&quot;
193
193
  *ngIf&#x3D;&quot;shouldRender()&quot;
194
194
  class&#x3D;&quot;cds--tab-content&quot;
195
+ [id]&#x3D;&quot;id&quot;
195
196
  [ngStyle]&#x3D;&quot;{&#x27;display&#x27;: active ? null : &#x27;none&#x27;}&quot;
196
197
  [attr.aria-labelledby]&#x3D;&quot;id + &#x27;-header&#x27;&quot;
197
198
  aria-live&#x3D;&quot;polite&quot;&gt;
@@ -233,10 +234,6 @@ The <code>select</code> output will also be triggered for the active tab when th
233
234
  <span class="modifier">Protected</span>
234
235
  <a href="#_cacheActive" >_cacheActive</a>
235
236
  </li>
236
- <li>
237
- <span class="modifier"></span>
238
- <a href="#attrClass" >attrClass</a>
239
- </li>
240
237
  <li>
241
238
  <span class="modifier">Private</span>
242
239
  <span class="modifier">Static</span>
@@ -332,20 +329,6 @@ The <code>select</code> output will also be triggered for the active tab when th
332
329
  </td>
333
330
  </tr>
334
331
 
335
- <tr>
336
- <td class="col-md-4">
337
- <h6><b>HostBindings</b></h6>
338
- </td>
339
- </tr>
340
- <tr>
341
- <td class="col-md-4">
342
- <ul class="index-list">
343
- <li>
344
- <a href="#attr.id" >attr.id</a>
345
- </li>
346
- </ul>
347
- </td>
348
- </tr>
349
332
 
350
333
 
351
334
  <tr>
@@ -390,7 +373,7 @@ The <code>select</code> output will also be triggered for the active tab when th
390
373
  </tr>
391
374
  <tr>
392
375
  <td class="col-md-2" colspan="2">
393
- <div class="io-line">Defined in <a href="" data-line="102" class="link-to-prism">src/tabs/tab.component.ts:102</a></div>
376
+ <div class="io-line">Defined in <a href="" data-line="103" class="link-to-prism">src/tabs/tab.component.ts:103</a></div>
394
377
  </td>
395
378
  </tr>
396
379
  <tr>
@@ -418,7 +401,7 @@ Determines whether it&#39;s <code>TabPanel</code> is rendered.</p>
418
401
  </tr>
419
402
  <tr>
420
403
  <td class="col-md-2" colspan="2">
421
- <div class="io-line">Defined in <a href="" data-line="116" class="link-to-prism">src/tabs/tab.component.ts:116</a></div>
404
+ <div class="io-line">Defined in <a href="" data-line="117" class="link-to-prism">src/tabs/tab.component.ts:117</a></div>
422
405
  </td>
423
406
  </tr>
424
407
  <tr>
@@ -445,7 +428,7 @@ Determines whether it&#39;s <code>TabPanel</code> is rendered.</p>
445
428
  </tr>
446
429
  <tr>
447
430
  <td class="col-md-2" colspan="2">
448
- <div class="io-line">Defined in <a href="" data-line="97" class="link-to-prism">src/tabs/tab.component.ts:97</a></div>
431
+ <div class="io-line">Defined in <a href="" data-line="98" class="link-to-prism">src/tabs/tab.component.ts:98</a></div>
449
432
  </td>
450
433
  </tr>
451
434
  <tr>
@@ -477,7 +460,7 @@ Determines whether it&#39;s <code>TabPanel</code> is rendered.</p>
477
460
  </tr>
478
461
  <tr>
479
462
  <td class="col-md-2" colspan="2">
480
- <div class="io-line">Defined in <a href="" data-line="106" class="link-to-prism">src/tabs/tab.component.ts:106</a></div>
463
+ <div class="io-line">Defined in <a href="" data-line="107" class="link-to-prism">src/tabs/tab.component.ts:107</a></div>
481
464
  </td>
482
465
  </tr>
483
466
  <tr>
@@ -504,7 +487,7 @@ Determines whether it&#39;s <code>TabPanel</code> is rendered.</p>
504
487
  </tr>
505
488
  <tr>
506
489
  <td class="col-md-2" colspan="2">
507
- <div class="io-line">Defined in <a href="" data-line="86" class="link-to-prism">src/tabs/tab.component.ts:86</a></div>
490
+ <div class="io-line">Defined in <a href="" data-line="87" class="link-to-prism">src/tabs/tab.component.ts:87</a></div>
508
491
  </td>
509
492
  </tr>
510
493
  <tr>
@@ -536,7 +519,7 @@ Determines whether it&#39;s <code>TabPanel</code> is rendered.</p>
536
519
  </tr>
537
520
  <tr>
538
521
  <td class="col-md-2" colspan="2">
539
- <div class="io-line">Defined in <a href="" data-line="112" class="link-to-prism">src/tabs/tab.component.ts:112</a></div>
522
+ <div class="io-line">Defined in <a href="" data-line="113" class="link-to-prism">src/tabs/tab.component.ts:113</a></div>
540
523
  </td>
541
524
  </tr>
542
525
  <tr>
@@ -563,7 +546,7 @@ Determines whether it&#39;s <code>TabPanel</code> is rendered.</p>
563
546
  </tr>
564
547
  <tr>
565
548
  <td class="col-md-2" colspan="2">
566
- <div class="io-line">Defined in <a href="" data-line="122" class="link-to-prism">src/tabs/tab.component.ts:122</a></div>
549
+ <div class="io-line">Defined in <a href="" data-line="123" class="link-to-prism">src/tabs/tab.component.ts:123</a></div>
567
550
  </td>
568
551
  </tr>
569
552
  <tr>
@@ -595,7 +578,7 @@ Determines whether it&#39;s <code>TabPanel</code> is rendered.</p>
595
578
  </tr>
596
579
  <tr>
597
580
  <td class="col-md-2" colspan="2">
598
- <div class="io-line">Defined in <a href="" data-line="108" class="link-to-prism">src/tabs/tab.component.ts:108</a></div>
581
+ <div class="io-line">Defined in <a href="" data-line="109" class="link-to-prism">src/tabs/tab.component.ts:109</a></div>
599
582
  </td>
600
583
  </tr>
601
584
  </tbody>
@@ -616,7 +599,7 @@ Determines whether it&#39;s <code>TabPanel</code> is rendered.</p>
616
599
  </tr>
617
600
  <tr>
618
601
  <td class="col-md-2" colspan="2">
619
- <div class="io-line">Defined in <a href="" data-line="126" class="link-to-prism">src/tabs/tab.component.ts:126</a></div>
602
+ <div class="io-line">Defined in <a href="" data-line="127" class="link-to-prism">src/tabs/tab.component.ts:127</a></div>
620
603
  </td>
621
604
  </tr>
622
605
  <tr>
@@ -643,7 +626,7 @@ Determines whether it&#39;s <code>TabPanel</code> is rendered.</p>
643
626
  </tr>
644
627
  <tr>
645
628
  <td class="col-md-2" colspan="2">
646
- <div class="io-line">Defined in <a href="" data-line="93" class="link-to-prism">src/tabs/tab.component.ts:93</a></div>
629
+ <div class="io-line">Defined in <a href="" data-line="94" class="link-to-prism">src/tabs/tab.component.ts:94</a></div>
647
630
  </td>
648
631
  </tr>
649
632
  <tr>
@@ -675,7 +658,7 @@ Determines whether it&#39;s <code>TabPanel</code> is rendered.</p>
675
658
  </tr>
676
659
  <tr>
677
660
  <td class="col-md-2" colspan="2">
678
- <div class="io-line">Defined in <a href="" data-line="130" class="link-to-prism">src/tabs/tab.component.ts:130</a></div>
661
+ <div class="io-line">Defined in <a href="" data-line="131" class="link-to-prism">src/tabs/tab.component.ts:131</a></div>
679
662
  </td>
680
663
  </tr>
681
664
  <tr>
@@ -687,45 +670,6 @@ Determines whether it&#39;s <code>TabPanel</code> is rendered.</p>
687
670
  </tbody>
688
671
  </table>
689
672
  </section>
690
- <section data-compodoc="block-properties">
691
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
692
- <tbody>
693
- <tr>
694
- <td class="col-md-4">
695
- <a name="attr.id"></a>
696
- <span class="name">
697
- <span ><b>attr.id</b></span>
698
- <a href="#attr.id"><span class="icon ion-ios-link"></span></a>
699
- </span>
700
- </td>
701
- </tr>
702
- <tr>
703
- <td class="col-md-4">
704
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
705
-
706
- </td>
707
- </tr>
708
- <tr>
709
- <td class="col-md-4">
710
- <i>Default value : </i><code>this.id</code>
711
- </td>
712
- </tr>
713
- <tr>
714
- <td class="col-md-4">
715
- <div class="io-line">Defined in <a href="" data-line="134" class="link-to-prism">src/tabs/tab.component.ts:134</a></div>
716
- </td>
717
- </tr>
718
-
719
- <tr>
720
- <td class="col-md-4">
721
- <div class="io-description"><p>Used to set the id property on the element.</p>
722
- </div>
723
- </td>
724
- </tr>
725
-
726
- </tbody>
727
- </table>
728
- </section>
729
673
 
730
674
 
731
675
  <section data-compodoc="block-methods">
@@ -753,8 +697,8 @@ Determines whether it&#39;s <code>TabPanel</code> is rendered.</p>
753
697
 
754
698
  <tr>
755
699
  <td class="col-md-4">
756
- <div class="io-line">Defined in <a href="" data-line="155"
757
- class="link-to-prism">src/tabs/tab.component.ts:155</a></div>
700
+ <div class="io-line">Defined in <a href="" data-line="152"
701
+ class="link-to-prism">src/tabs/tab.component.ts:152</a></div>
758
702
  </td>
759
703
  </tr>
760
704
 
@@ -794,8 +738,8 @@ Determines whether it&#39;s <code>TabPanel</code> is rendered.</p>
794
738
 
795
739
  <tr>
796
740
  <td class="col-md-4">
797
- <div class="io-line">Defined in <a href="" data-line="166"
798
- class="link-to-prism">src/tabs/tab.component.ts:166</a></div>
741
+ <div class="io-line">Defined in <a href="" data-line="163"
742
+ class="link-to-prism">src/tabs/tab.component.ts:163</a></div>
799
743
  </td>
800
744
  </tr>
801
745
 
@@ -857,8 +801,8 @@ Determines whether it&#39;s <code>TabPanel</code> is rendered.</p>
857
801
 
858
802
  <tr>
859
803
  <td class="col-md-4">
860
- <div class="io-line">Defined in <a href="" data-line="146"
861
- class="link-to-prism">src/tabs/tab.component.ts:146</a></div>
804
+ <div class="io-line">Defined in <a href="" data-line="143"
805
+ class="link-to-prism">src/tabs/tab.component.ts:143</a></div>
862
806
  </td>
863
807
  </tr>
864
808
 
@@ -897,8 +841,8 @@ of the boolean &#39;headingIsTemplate&#39;.</p>
897
841
 
898
842
  <tr>
899
843
  <td class="col-md-4">
900
- <div class="io-line">Defined in <a href="" data-line="162"
901
- class="link-to-prism">src/tabs/tab.component.ts:162</a></div>
844
+ <div class="io-line">Defined in <a href="" data-line="159"
845
+ class="link-to-prism">src/tabs/tab.component.ts:159</a></div>
902
846
  </td>
903
847
  </tr>
904
848
 
@@ -941,51 +885,10 @@ of the boolean &#39;headingIsTemplate&#39;.</p>
941
885
  </tr>
942
886
  <tr>
943
887
  <td class="col-md-4">
944
- <div class="io-line">Defined in <a href="" data-line="140" class="link-to-prism">src/tabs/tab.component.ts:140</a></div>
945
- </td>
946
- </tr>
947
-
948
-
949
- </tbody>
950
- </table>
951
- <table class="table table-sm table-bordered">
952
- <tbody>
953
- <tr>
954
- <td class="col-md-4">
955
- <a name="attrClass"></a>
956
- <span class="name">
957
- <span class="modifier"></span>
958
- <span ><b>attrClass</b></span>
959
- <a href="#attrClass"><span class="icon ion-ios-link"></span></a>
960
- </span>
961
- </td>
962
- </tr>
963
- <tr>
964
- <td class="col-md-4">
965
- <i>Default value : </i><code>this.id</code>
966
- </td>
967
- </tr>
968
- <tr>
969
- <td class="col-md-4">
970
- <b>Decorators : </b>
971
- <br />
972
- <code>
973
- @HostBinding(&#x27;attr.id&#x27;)<br />
974
- </code>
975
- </td>
976
- </tr>
977
- <tr>
978
- <td class="col-md-4">
979
- <div class="io-line">Defined in <a href="" data-line="134" class="link-to-prism">src/tabs/tab.component.ts:134</a></div>
888
+ <div class="io-line">Defined in <a href="" data-line="137" class="link-to-prism">src/tabs/tab.component.ts:137</a></div>
980
889
  </td>
981
890
  </tr>
982
891
 
983
- <tr>
984
- <td class="col-md-4">
985
- <div class="io-description"><p>Used to set the id property on the element.</p>
986
- </div>
987
- </td>
988
- </tr>
989
892
 
990
893
  </tbody>
991
894
  </table>
@@ -1015,7 +918,7 @@ of the boolean &#39;headingIsTemplate&#39;.</p>
1015
918
  </tr>
1016
919
  <tr>
1017
920
  <td class="col-md-4">
1018
- <div class="io-line">Defined in <a href="" data-line="76" class="link-to-prism">src/tabs/tab.component.ts:76</a></div>
921
+ <div class="io-line">Defined in <a href="" data-line="77" class="link-to-prism">src/tabs/tab.component.ts:77</a></div>
1019
922
  </td>
1020
923
  </tr>
1021
924
 
@@ -1041,7 +944,7 @@ of the boolean &#39;headingIsTemplate&#39;.</p>
1041
944
  </tr>
1042
945
  <tr>
1043
946
  <td class="col-md-4">
1044
- <div class="io-line">Defined in <a href="" data-line="81" class="link-to-prism">src/tabs/tab.component.ts:81</a></div>
947
+ <div class="io-line">Defined in <a href="" data-line="82" class="link-to-prism">src/tabs/tab.component.ts:82</a></div>
1045
948
  </td>
1046
949
  </tr>
1047
950
 
@@ -1077,7 +980,7 @@ Default value is false.</p>
1077
980
  </tr>
1078
981
  <tr>
1079
982
  <td class="col-md-4">
1080
- <div class="io-line">Defined in <a href="" data-line="136" class="link-to-prism">src/tabs/tab.component.ts:136</a></div>
983
+ <div class="io-line">Defined in <a href="" data-line="133" class="link-to-prism">src/tabs/tab.component.ts:133</a></div>
1081
984
  </td>
1082
985
  </tr>
1083
986
 
@@ -1088,7 +991,7 @@ Default value is false.</p>
1088
991
  </tr>
1089
992
  <tr>
1090
993
  <td class="col-md-4">
1091
- <div class="io-line">Defined in <a href="" data-line="116" class="link-to-prism">src/tabs/tab.component.ts:116</a></div>
994
+ <div class="io-line">Defined in <a href="" data-line="117" class="link-to-prism">src/tabs/tab.component.ts:117</a></div>
1092
995
  </td>
1093
996
  </tr>
1094
997
  <tr>
@@ -1199,6 +1102,7 @@ Default value is false.</p>
1199
1102
  role&#x3D;&quot;tabpanel&quot;
1200
1103
  *ngIf&#x3D;&quot;shouldRender()&quot;
1201
1104
  class&#x3D;&quot;cds--tab-content&quot;
1105
+ [id]&#x3D;&quot;id&quot;
1202
1106
  [ngStyle]&#x3D;&quot;{&#x27;display&#x27;: active ? null : &#x27;none&#x27;}&quot;
1203
1107
  [attr.aria-labelledby]&#x3D;&quot;id + &#x27;-header&#x27;&quot;
1204
1108
  aria-live&#x3D;&quot;polite&quot;&gt;
@@ -1267,10 +1171,6 @@ export class Tab implements OnInit {
1267
1171
  * Value &#x27;selected&#x27; to be emitted after a new &#x60;Tab&#x60; is selected.
1268
1172
  */
1269
1173
  @Output() selected: EventEmitter&lt;void&gt; &#x3D; new EventEmitter&lt;void&gt;();
1270
- /**
1271
- * Used to set the id property on the element.
1272
- */
1273
- @HostBinding(&quot;attr.id&quot;) attrClass &#x3D; this.id;
1274
1174
 
1275
1175
  get cacheActive() {
1276
1176
  return this._cacheActive;
@@ -1336,7 +1236,7 @@ export class Tab implements OnInit {
1336
1236
  <script src="../js/libs/htmlparser.js"></script>
1337
1237
  <script src="../js/libs/deep-iterator.js"></script>
1338
1238
  <script>
1339
- var COMPONENT_TEMPLATE = '<div><div [attr.tabindex]="tabIndex" role="tabpanel" *ngIf="shouldRender()" class="cds--tab-content" [ngStyle]="{\'display\': active ? null : \'none\'}" [attr.aria-labelledby]="id + \'-header\'" aria-live="polite"> <ng-template *ngIf="isTemplate(tabContent)" [ngTemplateOutlet]="tabContent" [ngTemplateOutletContext]="{ $implicit: templateContext }"> </ng-template> <ng-content></ng-content></div> </div>'
1239
+ var COMPONENT_TEMPLATE = '<div><div [attr.tabindex]="tabIndex" role="tabpanel" *ngIf="shouldRender()" class="cds--tab-content" [id]="id" [ngStyle]="{\'display\': active ? null : \'none\'}" [attr.aria-labelledby]="id + \'-header\'" aria-live="polite"> <ng-template *ngIf="isTemplate(tabContent)" [ngTemplateOutlet]="tabContent" [ngTemplateOutletContext]="{ $implicit: templateContext }"> </ng-template> <ng-content></ng-content></div> </div>'
1340
1240
  var COMPONENTS = [{'name': 'Accordion', 'selector': 'cds-accordion, ibm-accordion'},{'name': 'AccordionItem', 'selector': 'cds-accordion-item, ibm-accordion-item'},{'name': 'ActionableNotification', 'selector': 'cds-actionable-notification, ibm-actionable-notification'},{'name': 'AlertModal', 'selector': 'cds-alert-modal, ibm-alert-modal'},{'name': 'BaseIconButton', 'selector': ''},{'name': 'BaseNotification', 'selector': ''},{'name': 'BaseTabHeader', 'selector': ''},{'name': 'Breadcrumb', 'selector': 'cds-breadcrumb, ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'cds-breadcrumb-item, ibm-breadcrumb-item'},{'name': 'ButtonSet', 'selector': 'cds-button-set, ibm-button-set'},{'name': 'Checkbox', 'selector': 'cds-checkbox, ibm-checkbox'},{'name': 'ClickableTile', 'selector': 'cds-clickable-tile, ibm-clickable-tile'},{'name': 'CodeSnippet', 'selector': 'cds-code-snippet, ibm-code-snippet'},{'name': 'ComboBox', 'selector': 'cds-combo-box, ibm-combo-box'},{'name': 'ComboButtonComponent', 'selector': 'cds-combo-button'},{'name': 'ContainedList', 'selector': 'cds-contained-list, ibm-contained-list'},{'name': 'ContainedListItem', 'selector': 'cds-contained-list-item, ibm-contained-list-item'},{'name': 'ContentSwitcher', 'selector': 'cds-content-switcher, ibm-content-switcher'},{'name': 'ContextMenuComponent', 'selector': 'cds-menu, cds-context-menu, ibm-context-menu'},{'name': 'ContextMenuDividerComponent', 'selector': 'cds-menu-divider, cds-context-menu-divider, ibm-context-menu-divider'},{'name': 'ContextMenuGroupComponent', 'selector': 'cds-menu-group, cds-context-menu-group, ibm-context-menu-group'},{'name': 'ContextMenuItemComponent', 'selector': 'cds-menu-item, cds-context-menu-item, ibm-context-menu-item'},{'name': 'DatePicker', 'selector': 'cds-date-picker, ibm-date-picker'},{'name': 'DatePickerInput', 'selector': 'cds-date-picker-input, ibm-date-picker-input'},{'name': 'Dialog', 'selector': 'cds-dialog, ibm-dialog'},{'name': 'Documentation', 'selector': 'cds-documentation'},{'name': 'Dropdown', 'selector': 'cds-dropdown, ibm-dropdown'},{'name': 'DropdownList', 'selector': 'cds-dropdown-list, ibm-dropdown-list'},{'name': 'ExpandableTile', 'selector': 'cds-expandable-tile, ibm-expandable-tile'},{'name': 'FileComponent', 'selector': 'cds-file, ibm-file'},{'name': 'FileUploader', 'selector': 'cds-file-uploader, ibm-file-uploader'},{'name': 'Hamburger', 'selector': 'cds-hamburger, ibm-hamburger'},{'name': 'Header', 'selector': 'cds-header, ibm-header'},{'name': 'HeaderAction', 'selector': 'cds-header-action, ibm-header-action'},{'name': 'HeaderGlobal', 'selector': 'cds-header-global, ibm-header-global'},{'name': 'HeaderItem', 'selector': 'cds-header-item, ibm-header-item'},{'name': 'HeaderMenu', 'selector': 'cds-header-menu, ibm-header-menu'},{'name': 'HeaderNavigation', 'selector': 'cds-header-navigation, ibm-header-navigation'},{'name': 'IconButton', 'selector': 'cds-icon-button, ibm-icon-button'},{'name': 'InlineLoading', 'selector': 'cds-inline-loading, ibm-inline-loading'},{'name': 'Label', 'selector': 'cds-label, ibm-label'},{'name': 'ListColumn', 'selector': 'cds-list-column, ibm-list-column'},{'name': 'ListHeader', 'selector': 'cds-list-header, ibm-list-header'},{'name': 'ListRow', 'selector': 'cds-list-row, ibm-list-row'},{'name': 'Loading', 'selector': 'cds-loading, ibm-loading'},{'name': 'MenuButtonComponent', 'selector': 'cds-menu-button'},{'name': 'Modal', 'selector': 'cds-modal, ibm-modal'},{'name': 'ModalFooter', 'selector': 'cds-modal-footer, ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'cds-modal-header, ibm-modal-header'},{'name': 'Notification', 'selector': 'cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification'},{'name': 'NumberComponent', 'selector': 'cds-number, ibm-number'},{'name': 'OverflowMenu', 'selector': 'cds-overflow-menu, ibm-overflow-menu'},{'name': 'OverflowMenuCustomPane', 'selector': 'cds-overflow-custom-menu-pane, ibm-overflow-custom-menu-pane'},{'name': 'OverflowMenuOption', 'selector': 'cds-overflow-menu-option, ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'cds-overflow-menu-pane, ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'cds-overlay, ibm-overlay'},{'name': 'Pagination', 'selector': 'cds-pagination, ibm-pagination'},{'name': 'PaginationNav', 'selector': 'cds-pagination-nav, ibm-pagination-navm'},{'name': 'PaginationNavItem', 'selector': 'cds-pagination-nav-item, ibm-pagination-nav-item'},{'name': 'PaginationOverflow', 'selector': 'cds-pagination-overflow, ibm-pagination-overflow'},{'name': 'Panel', 'selector': 'cds-panel, ibm-panel'},{'name': 'PasswordInputLabelComponent', 'selector': 'cds-password-label, ibm-password-label'},{'name': 'Placeholder', 'selector': 'cds-placeholder, ibm-placeholder'},{'name': 'PopoverContent', 'selector': 'cds-popover-content, ibm-popover-content'},{'name': 'ProgressBar', 'selector': 'cds-progress-bar, ibm-progress-bar'},{'name': 'ProgressIndicator', 'selector': 'cds-progress-indicator, ibm-progress-indicator'},{'name': 'Radio', 'selector': 'cds-radio, ibm-radio'},{'name': 'RadioGroup', 'selector': 'cds-radio-group, ibm-radio-group'},{'name': 'Search', 'selector': 'cds-search, ibm-search'},{'name': 'Select', 'selector': 'cds-select, ibm-select'},{'name': 'SelectionTile', 'selector': 'cds-selection-tile, ibm-selection-tile'},{'name': 'SideNav', 'selector': 'cds-sidenav, ibm-sidenav'},{'name': 'SideNavItem', 'selector': 'cds-sidenav-item, ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'cds-sidenav-menu, ibm-sidenav-menu'},{'name': 'SkeletonPlaceholder', 'selector': 'cds-skeleton-placeholder, ibm-skeleton-placeholder'},{'name': 'SkeletonText', 'selector': 'cds-skeleton-text, ibm-skeleton-text'},{'name': 'Slider', 'selector': 'cds-slider, ibm-slider'},{'name': 'StructuredList', 'selector': 'cds-structured-list, ibm-structured-list'},{'name': 'SwitcherList', 'selector': 'cds-switcher-list, ibm-switcher-list'},{'name': 'SwitcherListItem', 'selector': 'cds-switcher-list-item, ibm-switcher-list-item'},{'name': 'Tab', 'selector': 'cds-tab, ibm-tab'},{'name': 'TabHeaderGroup', 'selector': 'cds-tab-header-group, ibm-tab-header-group'},{'name': 'TabHeaders', 'selector': 'cds-tab-headers, ibm-tab-headers'},{'name': 'Table', 'selector': 'cds-table, ibm-table'},{'name': 'TableBody', 'selector': '[cdsTableBody], [ibmTableBody]'},{'name': 'TableCheckbox', 'selector': '[cdsTableCheckbox], [ibmTableCheckbox]'},{'name': 'TableContainer', 'selector': 'cds-table-container, ibm-table-container'},{'name': 'TableData', 'selector': '[cdsTableData], [ibmTableData]'},{'name': 'TableExpandButton', 'selector': '[cdsTableExpandButton], [ibmTableExpandButton]'},{'name': 'TableExpandedRow', 'selector': '[cdsTableExpandedRow], [ibmTableExpandedRow]'},{'name': 'TableHead', 'selector': '[cdsTableHead], [ibmTableHead]'},{'name': 'TableHeadCell', 'selector': '[cdsTableHeadCell], [ibmTableHeadCell]'},{'name': 'TableHeadCheckbox', 'selector': '[cdsTableHeadCheckbox], [ibmTableHeadCheckbox]'},{'name': 'TableHeader', 'selector': 'cds-table-header, ibm-table-header'},{'name': 'TableHeadExpand', 'selector': '[cdsTableHeadExpand], [ibmTableHeadExpand]'},{'name': 'TableRadio', 'selector': '[cdsTableRadio], [ibmTableRadio]'},{'name': 'TableRowComponent', 'selector': '[cdsTableRow], [ibmTableRow]'},{'name': 'TableToolbar', 'selector': 'cds-table-toolbar, ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'cds-table-toolbar-actions, ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'cds-table-toolbar-content, ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'cds-table-toolbar-search, ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'cds-tabs, ibm-tabs'},{'name': 'TabSkeleton', 'selector': 'cds-tabs-skeleton, ibm-tabs-skeleton'},{'name': 'Tag', 'selector': 'cds-tag, ibm-tag'},{'name': 'TagFilter', 'selector': 'cds-tag-filter, ibm-tag-filter'},{'name': 'TagOperationalComponent', 'selector': 'cds-tag-operational, ibm-tag-operational'},{'name': 'TagSelectableComponent', 'selector': 'cds-tag-selectable, ibm-tag-selectable'},{'name': 'TextareaLabelComponent', 'selector': 'cds-textarea-label, ibm-textarea-label'},{'name': 'TextInputLabelComponent', 'selector': 'cds-text-label, ibm-text-label'},{'name': 'Tile', 'selector': 'cds-tile, ibm-tile'},{'name': 'TileGroup', 'selector': 'cds-tile-group, ibm-tile-group'},{'name': 'TimePicker', 'selector': 'cds-timepicker, ibm-timepicker'},{'name': 'TimePickerSelect', 'selector': 'cds-timepicker-select, ibm-timepicker-select'},{'name': 'Toast', 'selector': 'cds-toast, ibm-toast'},{'name': 'Toggle', 'selector': 'cds-toggle, ibm-toggle'},{'name': 'Toggletip', 'selector': 'cds-toggletip, ibm-toggletip'},{'name': 'Tooltip', 'selector': 'cds-tooltip, ibm-tooltip'},{'name': 'TooltipDefinition', 'selector': 'cds-tooltip-definition, ibm-tooltip-definition'},{'name': 'TreeNodeComponent', 'selector': 'cds-tree-node'},{'name': 'TreeViewComponent', 'selector': 'cds-tree-view'}];
1341
1241
  var DIRECTIVES = [{'name': 'AbstractDropdownView', 'selector': '[cdsAbstractDropdownView], [ibmAbstractDropdownView]'},{'name': 'ActionableButton', 'selector': '[cdsActionableButton], [ibmActionableButton]'},{'name': 'ActionableSubtitle', 'selector': '[cdsActionableSubtitle], [ibmActionableSubtitle]'},{'name': 'ActionableTitle', 'selector': '[cdsActionableTitle], [ibmActionableTitle]'},{'name': 'BaseModal', 'selector': '[cdsBaseModal], [ibmBaseModal]'},{'name': 'Button', 'selector': '[cdsButton], [ibmButton]'},{'name': 'ClickableTileIconDirective', 'selector': '[cdsClickableTileIcon], [ibmClickableTileIcon]'},{'name': 'ColumnDirective', 'selector': '[cdsCol], [ibmCol]'},{'name': 'ContentSwitcherOption', 'selector': '[cdsContentOption], [ibmContentOption]'},{'name': 'DialogDirective', 'selector': '[cdsDialog], [ibmDialog]'},{'name': 'ExpandableTileAboveFoldDirective', 'selector': '[cdsAboveFold], [ibmAboveFold]'},{'name': 'ExpandableTileBelowFoldDirective', 'selector': '[cdsBelowFold], [ibmBelowFold]'},{'name': 'ExpandedRowHover', 'selector': '[cdsExpandedRowHover], [ibmExpandedRowHover]'},{'name': 'GridDirective', 'selector': '[cdsGrid], [ibmGrid]'},{'name': 'IconDirective', 'selector': '[cdsIcon], [ibmIcon]'},{'name': 'LayerDirective', 'selector': '[cdsLayer], [ibmLayer]'},{'name': 'Link', 'selector': '[cdsLink], [ibmLink]'},{'name': 'LinkIconDirective', 'selector': '[ibmLinkIcon], [cdsLinkIcon]'},{'name': 'List', 'selector': '[cdsList], [ibmList]'},{'name': 'ListItemDirective', 'selector': '[cdsListItem], [ibmListItem]'},{'name': 'ModalContent', 'selector': '[cdsModalContent], [ibmModalContent]'},{'name': 'ModalContentText', 'selector': '[cdsModalContentText], [ibmModalContentText]'},{'name': 'ModalHeaderHeading', 'selector': '[cdsModalHeaderHeading], [ibmModalHeaderHeading]'},{'name': 'ModalHeaderLabel', 'selector': '[cdsModalHeaderLabel], [ibmModalHeaderLabel]'},{'name': 'NotificationSubtitle', 'selector': '[cdsNotificationSubtitle], [ibmNotificationSubtitle]'},{'name': 'NotificationTitle', 'selector': '[cdsNotificationTitle], [ibmNotificationTitle]'},{'name': 'OptGroup', 'selector': 'optgroup'},{'name': 'Option', 'selector': 'option'},{'name': 'OverflowMenuDirective', 'selector': '[cdsOverflowMenu], [ibmOverflowMenu]'},{'name': 'PasswordInput', 'selector': '[cdsPassword], [ibmPassword]'},{'name': 'PopoverContainer', 'selector': '[cdsPopover], [ibmPopover]'},{'name': 'RouterLinkExtendedDirective', 'selector': '[routerLink]'},{'name': 'RowDirective', 'selector': '[cdsRow], [ibmRow]'},{'name': 'ScrollableList', 'selector': '[cdsScrollableList], [ibmScrollableList]'},{'name': 'StackDirective', 'selector': '[cdsStack], [ibmStack]'},{'name': 'TabHeader', 'selector': '[cdsTabHeader], [ibmTabHeader]'},{'name': 'TableDirective', 'selector': '[cdsTable], [ibmTable]'},{'name': 'TableHeadCellLabel', 'selector': '[cdsTableHeadCellLabel], [ibmTableHeadCellLabel]'},{'name': 'TableHeaderDescription', 'selector': '[cdsTableHeaderDescription], [ibmTableHeaderDescription]'},{'name': 'TableHeaderTitle', 'selector': '[cdsTableHeaderTitle], [ibmTableHeaderTitle]'},{'name': 'TagIconDirective', 'selector': '[cdsTagIcon], [ibmTagIcon]'},{'name': 'TextArea', 'selector': '[cdsTextArea], [ibmTextArea]'},{'name': 'TextInput', 'selector': '[cdsText], [ibmText]'},{'name': 'ThemeDirective', 'selector': '[cdsTheme], [ibmTheme]'},{'name': 'ToastCaption', 'selector': '[cdsToastCaption], [ibmToastCaption]'},{'name': 'ToastSubtitle', 'selector': '[cdsToastSubtitle], [ibmToastSubtitle]'},{'name': 'ToastTitle', 'selector': '[cdsToastTitle], [ibmToastTitle]'},{'name': 'ToggletipAction', 'selector': '[cdsToggletipAction], [ibmToggletipAction]'},{'name': 'ToggletipButton', 'selector': '[cdsToggletipButton], [ibmToggletipButton]'},{'name': 'ToggletipContent', 'selector': '[cdsToggletipContent], [ibmToggletipContent]'},{'name': 'ToggletipLabel', 'selector': '[cdsToggletipLabel], [ibmToggletipLabel]'}];
1342
1242
  var ACTUAL_COMPONENT = {'name': 'Tab'};
package/docs/documentation/coverage.html CHANGED
@@ -2693,9 +2693,9 @@
2693
2693
  </td>
2694
2694
  <td>component</td>
2695
2695
  <td>Tab</td>
2696
- <td align="right" data-sort="80">
2697
- <span class="coverage-percent">80 %</span>
2698
- <span class="coverage-count">(17/21)</span>
2696
+ <td align="right" data-sort="78">
2697
+ <span class="coverage-percent">78 %</span>
2698
+ <span class="coverage-count">(15/19)</span>
2699
2699
  </td>
2700
2700
  </tr>
2701
2701
  <tr class="very-good">