carbon-components-angular 5.26.0 → 5.26.1

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 (56) hide show
  1. package/docs/documentation/components/SideNavItem.html +38 -36
  2. package/docs/documentation/js/search/search_index.js +2 -2
  3. package/docs/documentation/modules/CodeSnippetModule/dependencies.svg +4 -4
  4. package/docs/documentation/modules/CodeSnippetModule.html +4 -4
  5. package/docs/documentation/modules/ComboBoxModule/dependencies.svg +4 -4
  6. package/docs/documentation/modules/ComboBoxModule.html +4 -4
  7. package/docs/documentation/modules/ContentSwitcherModule/dependencies.svg +4 -4
  8. package/docs/documentation/modules/ContentSwitcherModule.html +4 -4
  9. package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +20 -20
  10. package/docs/documentation/modules/DatePickerInputModule.html +20 -20
  11. package/docs/documentation/modules/DatePickerModule/dependencies.svg +50 -46
  12. package/docs/documentation/modules/DatePickerModule.html +50 -46
  13. package/docs/documentation/modules/FileUploaderModule/dependencies.svg +58 -58
  14. package/docs/documentation/modules/FileUploaderModule.html +58 -58
  15. package/docs/documentation/modules/NumberModule/dependencies.svg +4 -4
  16. package/docs/documentation/modules/NumberModule.html +4 -4
  17. package/docs/documentation/modules/PanelModule/dependencies.svg +36 -36
  18. package/docs/documentation/modules/PanelModule.html +36 -36
  19. package/docs/documentation/modules/RadioModule/dependencies.svg +43 -47
  20. package/docs/documentation/modules/RadioModule.html +43 -47
  21. package/docs/documentation/modules/SearchModule/dependencies.svg +4 -4
  22. package/docs/documentation/modules/SearchModule.html +4 -4
  23. package/docs/documentation/modules/SelectModule/dependencies.svg +34 -34
  24. package/docs/documentation/modules/SelectModule.html +34 -34
  25. package/docs/documentation/modules/SliderModule/dependencies.svg +4 -4
  26. package/docs/documentation/modules/SliderModule.html +4 -4
  27. package/docs/documentation/modules/TagModule/dependencies.svg +28 -28
  28. package/docs/documentation/modules/TagModule.html +28 -28
  29. package/docs/documentation/modules/ThemeModule/dependencies.svg +13 -13
  30. package/docs/documentation/modules/ThemeModule.html +13 -13
  31. package/docs/documentation/modules/TilesModule/dependencies.svg +101 -101
  32. package/docs/documentation/modules/TilesModule.html +101 -101
  33. package/docs/documentation/modules/TimePickerModule/dependencies.svg +45 -41
  34. package/docs/documentation/modules/TimePickerModule.html +45 -41
  35. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +49 -45
  36. package/docs/documentation/modules/TimePickerSelectModule.html +49 -45
  37. package/docs/documentation/modules/ToggleModule/dependencies.svg +26 -26
  38. package/docs/documentation/modules/ToggleModule.html +26 -26
  39. package/docs/documentation/modules/ToggletipModule/dependencies.svg +37 -37
  40. package/docs/documentation/modules/ToggletipModule.html +37 -37
  41. package/docs/documentation/modules/TreeviewModule/dependencies.svg +35 -35
  42. package/docs/documentation/modules/TreeviewModule.html +35 -35
  43. package/docs/documentation/modules/UIShellModule/dependencies.svg +4 -4
  44. package/docs/documentation/modules/UIShellModule.html +4 -4
  45. package/docs/documentation.json +91 -91
  46. package/docs/storybook/{3348.9d9f3238.iframe.bundle.js → 3348.03939d46.iframe.bundle.js} +1 -1
  47. package/docs/storybook/iframe.html +2 -2
  48. package/docs/storybook/{main.67c70a42.iframe.bundle.js → main.5c20d10a.iframe.bundle.js} +1 -1
  49. package/docs/storybook/project.json +1 -1
  50. package/docs/storybook/{runtime~main.33c694dd.iframe.bundle.js → runtime~main.b589439b.iframe.bundle.js} +1 -1
  51. package/esm2020/ui-shell/sidenav/sidenav-item.component.mjs +15 -13
  52. package/fesm2015/carbon-components-angular-ui-shell.mjs +14 -12
  53. package/fesm2015/carbon-components-angular-ui-shell.mjs.map +1 -1
  54. package/fesm2020/carbon-components-angular-ui-shell.mjs +14 -12
  55. package/fesm2020/carbon-components-angular-ui-shell.mjs.map +1 -1
  56. package/package.json +1 -1
package/docs/documentation/components/SideNavItem.html CHANGED
@@ -122,14 +122,14 @@
122
122
  <tr>
123
123
  <td class="col-md-3">template</td>
124
124
  <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;a *ngIf&#x3D;&quot;!useRouter; else sidenavItemRouterTpl&quot;
125
- class&#x3D;&quot;cds--side-nav__link&quot;
126
- [ngClass]&#x3D;&quot;{
125
+ class&#x3D;&quot;cds--side-nav__link&quot;
126
+ [ngClass]&#x3D;&quot;{
127
127
  &#x27;cds--side-nav__item--active&#x27;: active
128
128
  }&quot;
129
- [href]&#x3D;&quot;href&quot;
130
- [attr.aria-current]&#x3D;&quot;(active ? &#x27;page&#x27; : null)&quot;
131
- [attr.title]&#x3D;&quot;title ? title : null&quot;
132
- (click)&#x3D;&quot;navigate($event)&quot;&gt;
129
+ [href]&#x3D;&quot;href&quot;
130
+ [attr.aria-current]&#x3D;&quot;(active ? &#x27;page&#x27; : null)&quot;
131
+ [attr.title]&#x3D;&quot;title ? title : null&quot;
132
+ (click)&#x3D;&quot;navigate($event)&quot;&gt;
133
133
  &lt;ng-template [ngTemplateOutlet]&#x3D;&quot;sidenavItemContentTpl&quot;&gt;&lt;/ng-template&gt;
134
134
  &lt;/a&gt;
135
135
 
@@ -137,6 +137,7 @@
137
137
  &lt;a
138
138
  [routerLink]&#x3D;&quot;route&quot;
139
139
  routerLinkActive&#x3D;&quot;cds--side-nav__item--active&quot;
140
+ (click)&#x3D;&quot;navigate($event)&quot;
140
141
  ariaCurrentWhenActive&#x3D;&quot;page&quot;
141
142
  [attr.title]&#x3D;&quot;title ? title : null&quot;
142
143
  class&#x3D;&quot;cds--side-nav__link&quot;&gt;
@@ -317,7 +318,7 @@
317
318
  </tr>
318
319
  <tr>
319
320
  <td class="col-md-4">
320
- <div class="io-line">Defined in <a href="" data-line="124" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:124</a></div>
321
+ <div class="io-line">Defined in <a href="" data-line="125" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:125</a></div>
321
322
  </td>
322
323
  </tr>
323
324
 
@@ -390,7 +391,7 @@
390
391
  </tr>
391
392
  <tr>
392
393
  <td class="col-md-2" colspan="2">
393
- <div class="io-line">Defined in <a href="" data-line="90" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:90</a></div>
394
+ <div class="io-line">Defined in <a href="" data-line="91" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:91</a></div>
394
395
  </td>
395
396
  </tr>
396
397
  <tr>
@@ -417,7 +418,7 @@
417
418
  </tr>
418
419
  <tr>
419
420
  <td class="col-md-2" colspan="2">
420
- <div class="io-line">Defined in <a href="" data-line="62" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:62</a></div>
421
+ <div class="io-line">Defined in <a href="" data-line="63" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:63</a></div>
421
422
  </td>
422
423
  </tr>
423
424
  <tr>
@@ -449,7 +450,7 @@
449
450
  </tr>
450
451
  <tr>
451
452
  <td class="col-md-2" colspan="2">
452
- <div class="io-line">Defined in <a href="" data-line="98" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:98</a></div>
453
+ <div class="io-line">Defined in <a href="" data-line="99" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:99</a></div>
453
454
  </td>
454
455
  </tr>
455
456
  </tbody>
@@ -470,7 +471,7 @@
470
471
  </tr>
471
472
  <tr>
472
473
  <td class="col-md-2" colspan="2">
473
- <div class="io-line">Defined in <a href="" data-line="96" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:96</a></div>
474
+ <div class="io-line">Defined in <a href="" data-line="97" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:97</a></div>
474
475
  </td>
475
476
  </tr>
476
477
  <tr>
@@ -498,7 +499,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
498
499
  </tr>
499
500
  <tr>
500
501
  <td class="col-md-2" colspan="2">
501
- <div class="io-line">Defined in <a href="" data-line="104" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:104</a></div>
502
+ <div class="io-line">Defined in <a href="" data-line="105" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:105</a></div>
502
503
  </td>
503
504
  </tr>
504
505
  <tr>
@@ -526,7 +527,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
526
527
  </tr>
527
528
  <tr>
528
529
  <td class="col-md-2" colspan="2">
529
- <div class="io-line">Defined in <a href="" data-line="109" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:109</a></div>
530
+ <div class="io-line">Defined in <a href="" data-line="110" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:110</a></div>
530
531
  </td>
531
532
  </tr>
532
533
  <tr>
@@ -558,7 +559,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
558
559
  </tr>
559
560
  <tr>
560
561
  <td class="col-md-2" colspan="2">
561
- <div class="io-line">Defined in <a href="" data-line="77" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:77</a></div>
562
+ <div class="io-line">Defined in <a href="" data-line="78" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:78</a></div>
562
563
  </td>
563
564
  </tr>
564
565
  <tr>
@@ -588,7 +589,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
588
589
  </tr>
589
590
  <tr>
590
591
  <td class="col-md-2" colspan="2">
591
- <div class="io-line">Defined in <a href="" data-line="114" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:114</a></div>
592
+ <div class="io-line">Defined in <a href="" data-line="115" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:115</a></div>
592
593
  </td>
593
594
  </tr>
594
595
  <tr>
@@ -615,7 +616,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
615
616
  </tr>
616
617
  <tr>
617
618
  <td class="col-md-2" colspan="2">
618
- <div class="io-line">Defined in <a href="" data-line="120" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:120</a></div>
619
+ <div class="io-line">Defined in <a href="" data-line="121" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:121</a></div>
619
620
  </td>
620
621
  </tr>
621
622
  <tr>
@@ -653,7 +654,7 @@ child sidenav item is active or not active.</p>
653
654
  </tr>
654
655
  <tr>
655
656
  <td class="col-md-4">
656
- <div class="io-line">Defined in <a href="" data-line="122" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:122</a></div>
657
+ <div class="io-line">Defined in <a href="" data-line="123" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:123</a></div>
657
658
  </td>
658
659
  </tr>
659
660
 
@@ -679,7 +680,7 @@ child sidenav item is active or not active.</p>
679
680
  </tr>
680
681
  <tr>
681
682
  <td class="col-md-4">
682
- <div class="io-line">Defined in <a href="" data-line="79" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:79</a></div>
683
+ <div class="io-line">Defined in <a href="" data-line="80" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:80</a></div>
683
684
  </td>
684
685
  </tr>
685
686
 
@@ -705,7 +706,7 @@ child sidenav item is active or not active.</p>
705
706
  </tr>
706
707
  <tr>
707
708
  <td class="col-md-4">
708
- <div class="io-line">Defined in <a href="" data-line="83" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:83</a></div>
709
+ <div class="io-line">Defined in <a href="" data-line="84" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:84</a></div>
709
710
  </td>
710
711
  </tr>
711
712
 
@@ -740,8 +741,8 @@ child sidenav item is active or not active.</p>
740
741
 
741
742
  <tr>
742
743
  <td class="col-md-4">
743
- <div class="io-line">Defined in <a href="" data-line="134"
744
- class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:134</a></div>
744
+ <div class="io-line">Defined in <a href="" data-line="135"
745
+ class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:135</a></div>
745
746
  </td>
746
747
  </tr>
747
748
 
@@ -809,8 +810,8 @@ child sidenav item is active or not active.</p>
809
810
 
810
811
  <tr>
811
812
  <td class="col-md-4">
812
- <div class="io-line">Defined in <a href="" data-line="128"
813
- class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:128</a></div>
813
+ <div class="io-line">Defined in <a href="" data-line="129"
814
+ class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:129</a></div>
814
815
  </td>
815
816
  </tr>
816
817
 
@@ -889,7 +890,7 @@ child sidenav item is active or not active.</p>
889
890
  </tr>
890
891
  <tr>
891
892
  <td class="col-md-4">
892
- <div class="io-line">Defined in <a href="" data-line="124" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:124</a></div>
893
+ <div class="io-line">Defined in <a href="" data-line="125" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:125</a></div>
893
894
  </td>
894
895
  </tr>
895
896
 
@@ -930,7 +931,7 @@ child sidenav item is active or not active.</p>
930
931
  </tr>
931
932
  <tr>
932
933
  <td class="col-md-4">
933
- <div class="io-line">Defined in <a href="" data-line="122" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:122</a></div>
934
+ <div class="io-line">Defined in <a href="" data-line="123" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:123</a></div>
934
935
  </td>
935
936
  </tr>
936
937
 
@@ -959,7 +960,7 @@ child sidenav item is active or not active.</p>
959
960
  </tr>
960
961
  <tr>
961
962
  <td class="col-md-4">
962
- <div class="io-line">Defined in <a href="" data-line="70" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:70</a></div>
963
+ <div class="io-line">Defined in <a href="" data-line="71" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:71</a></div>
963
964
  </td>
964
965
  </tr>
965
966
 
@@ -970,7 +971,7 @@ child sidenav item is active or not active.</p>
970
971
  </tr>
971
972
  <tr>
972
973
  <td class="col-md-4">
973
- <div class="io-line">Defined in <a href="" data-line="62" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:62</a></div>
974
+ <div class="io-line">Defined in <a href="" data-line="63" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:63</a></div>
974
975
  </td>
975
976
  </tr>
976
977
  <tr>
@@ -1030,7 +1031,7 @@ child sidenav item is active or not active.</p>
1030
1031
  </tr>
1031
1032
  <tr>
1032
1033
  <td class="col-md-4">
1033
- <div class="io-line">Defined in <a href="" data-line="79" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:79</a></div>
1034
+ <div class="io-line">Defined in <a href="" data-line="80" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:80</a></div>
1034
1035
  </td>
1035
1036
  </tr>
1036
1037
 
@@ -1052,7 +1053,7 @@ child sidenav item is active or not active.</p>
1052
1053
  </tr>
1053
1054
  <tr>
1054
1055
  <td class="col-md-4">
1055
- <div class="io-line">Defined in <a href="" data-line="83" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:83</a></div>
1056
+ <div class="io-line">Defined in <a href="" data-line="84" class="link-to-prism">src/ui-shell/sidenav/sidenav-item.component.ts:84</a></div>
1056
1057
  </td>
1057
1058
  </tr>
1058
1059
 
@@ -1083,14 +1084,14 @@ import { Router } from &quot;@angular/router&quot;;
1083
1084
  selector: &quot;cds-sidenav-item, ibm-sidenav-item&quot;,
1084
1085
  template: &#x60;
1085
1086
  &lt;a *ngIf&#x3D;&quot;!useRouter; else sidenavItemRouterTpl&quot;
1086
- class&#x3D;&quot;cds--side-nav__link&quot;
1087
- [ngClass]&#x3D;&quot;{
1087
+ class&#x3D;&quot;cds--side-nav__link&quot;
1088
+ [ngClass]&#x3D;&quot;{
1088
1089
  &#x27;cds--side-nav__item--active&#x27;: active
1089
1090
  }&quot;
1090
- [href]&#x3D;&quot;href&quot;
1091
- [attr.aria-current]&#x3D;&quot;(active ? &#x27;page&#x27; : null)&quot;
1092
- [attr.title]&#x3D;&quot;title ? title : null&quot;
1093
- (click)&#x3D;&quot;navigate($event)&quot;&gt;
1091
+ [href]&#x3D;&quot;href&quot;
1092
+ [attr.aria-current]&#x3D;&quot;(active ? &#x27;page&#x27; : null)&quot;
1093
+ [attr.title]&#x3D;&quot;title ? title : null&quot;
1094
+ (click)&#x3D;&quot;navigate($event)&quot;&gt;
1094
1095
  &lt;ng-template [ngTemplateOutlet]&#x3D;&quot;sidenavItemContentTpl&quot;&gt;&lt;/ng-template&gt;
1095
1096
  &lt;/a&gt;
1096
1097
 
@@ -1098,6 +1099,7 @@ import { Router } from &quot;@angular/router&quot;;
1098
1099
  &lt;a
1099
1100
  [routerLink]&#x3D;&quot;route&quot;
1100
1101
  routerLinkActive&#x3D;&quot;cds--side-nav__item--active&quot;
1102
+ (click)&#x3D;&quot;navigate($event)&quot;
1101
1103
  ariaCurrentWhenActive&#x3D;&quot;page&quot;
1102
1104
  [attr.title]&#x3D;&quot;title ? title : null&quot;
1103
1105
  class&#x3D;&quot;cds--side-nav__link&quot;&gt;
@@ -1244,7 +1246,7 @@ export class SideNavItem implements OnChanges {
1244
1246
  <script src="../js/libs/htmlparser.js"></script>
1245
1247
  <script src="../js/libs/deep-iterator.js"></script>
1246
1248
  <script>
1247
- var COMPONENT_TEMPLATE = '<div><a *ngIf="!useRouter; else sidenavItemRouterTpl" class="cds--side-nav__link" [ngClass]="{ \'cds--side-nav__item--active\': active }" [href]="href" [attr.aria-current]="(active ? \'page\' : null)" [attr.title]="title ? title : null" (click)="navigate($event)"> <ng-template [ngTemplateOutlet]="sidenavItemContentTpl"></ng-template></a><ng-template #sidenavItemRouterTpl> <a [routerLink]="route" routerLinkActive="cds--side-nav__item--active" ariaCurrentWhenActive="page" [attr.title]="title ? title : null" class="cds--side-nav__link"> <ng-template [ngTemplateOutlet]="sidenavItemContentTpl"></ng-template> </a></ng-template><ng-template #sidenavItemContentTpl> <div *ngIf="!isSubMenu" class="cds--side-nav__icon"> <ng-content select="svg, [icon]"></ng-content> </div> <span class="cds--side-nav__link-text"> <ng-content></ng-content> </span></ng-template> </div>'
1249
+ var COMPONENT_TEMPLATE = '<div><a *ngIf="!useRouter; else sidenavItemRouterTpl" class="cds--side-nav__link" [ngClass]="{ \'cds--side-nav__item--active\': active }" [href]="href" [attr.aria-current]="(active ? \'page\' : null)" [attr.title]="title ? title : null" (click)="navigate($event)"> <ng-template [ngTemplateOutlet]="sidenavItemContentTpl"></ng-template></a><ng-template #sidenavItemRouterTpl> <a [routerLink]="route" routerLinkActive="cds--side-nav__item--active" (click)="navigate($event)" ariaCurrentWhenActive="page" [attr.title]="title ? title : null" class="cds--side-nav__link"> <ng-template [ngTemplateOutlet]="sidenavItemContentTpl"></ng-template> </a></ng-template><ng-template #sidenavItemContentTpl> <div *ngIf="!isSubMenu" class="cds--side-nav__icon"> <ng-content select="svg, [icon]"></ng-content> </div> <span class="cds--side-nav__link-text"> <ng-content></ng-content> </span></ng-template> </div>'
1248
1250
  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': '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-context-menu, ibm-context-menu'},{'name': 'ContextMenuDividerComponent', 'selector': 'cds-context-menu-divider, ibm-context-menu-divider'},{'name': 'ContextMenuGroupComponent', 'selector': 'cds-context-menu-group, ibm-context-menu-group'},{'name': 'ContextMenuItemComponent', 'selector': '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': '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': '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'}];
1249
1251
  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': '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': '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': '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': '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]'}];
1250
1252
  var ACTUAL_COMPONENT = {'name': 'SideNavItem'};