carbon-components-angular 5.9.1 → 5.9.2

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 (62) hide show
  1. package/docs/documentation/components/SideNav.html +28 -30
  2. package/docs/documentation/components/SideNavItem.html +3 -3
  3. package/docs/documentation/js/search/search_index.js +2 -2
  4. package/docs/documentation/modules/CodeSnippetModule/dependencies.svg +4 -4
  5. package/docs/documentation/modules/CodeSnippetModule.html +4 -4
  6. package/docs/documentation/modules/ComboBoxModule/dependencies.svg +6 -6
  7. package/docs/documentation/modules/ComboBoxModule.html +6 -6
  8. package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +20 -20
  9. package/docs/documentation/modules/DatePickerInputModule.html +20 -20
  10. package/docs/documentation/modules/DatePickerModule/dependencies.svg +38 -38
  11. package/docs/documentation/modules/DatePickerModule.html +38 -38
  12. package/docs/documentation/modules/DialogModule/dependencies.svg +34 -34
  13. package/docs/documentation/modules/DialogModule.html +34 -34
  14. package/docs/documentation/modules/NFormsModule/dependencies.svg +4 -4
  15. package/docs/documentation/modules/NFormsModule.html +4 -4
  16. package/docs/documentation/modules/NumberModule/dependencies.svg +24 -24
  17. package/docs/documentation/modules/NumberModule.html +24 -24
  18. package/docs/documentation/modules/ProgressIndicatorModule/dependencies.svg +4 -4
  19. package/docs/documentation/modules/ProgressIndicatorModule.html +4 -4
  20. package/docs/documentation/modules/RadioModule/dependencies.svg +4 -4
  21. package/docs/documentation/modules/RadioModule.html +4 -4
  22. package/docs/documentation/modules/SelectModule/dependencies.svg +4 -4
  23. package/docs/documentation/modules/SelectModule.html +4 -4
  24. package/docs/documentation/modules/SliderModule/dependencies.svg +4 -4
  25. package/docs/documentation/modules/SliderModule.html +4 -4
  26. package/docs/documentation/modules/StructuredListModule/dependencies.svg +66 -66
  27. package/docs/documentation/modules/StructuredListModule.html +66 -66
  28. package/docs/documentation/modules/TableModule/dependencies.svg +216 -216
  29. package/docs/documentation/modules/TableModule.html +216 -216
  30. package/docs/documentation/modules/TabsModule/dependencies.svg +69 -69
  31. package/docs/documentation/modules/TabsModule.html +69 -69
  32. package/docs/documentation/modules/TagModule/dependencies.svg +29 -29
  33. package/docs/documentation/modules/TagModule.html +29 -29
  34. package/docs/documentation/modules/ThemeModule/dependencies.svg +13 -13
  35. package/docs/documentation/modules/ThemeModule.html +13 -13
  36. package/docs/documentation/modules/TilesModule/dependencies.svg +80 -80
  37. package/docs/documentation/modules/TilesModule.html +80 -80
  38. package/docs/documentation/modules/TimePickerModule/dependencies.svg +41 -45
  39. package/docs/documentation/modules/TimePickerModule.html +41 -45
  40. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +4 -4
  41. package/docs/documentation/modules/TimePickerSelectModule.html +4 -4
  42. package/docs/documentation/modules/ToggleModule/dependencies.svg +42 -38
  43. package/docs/documentation/modules/ToggleModule.html +42 -38
  44. package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
  45. package/docs/documentation/modules/ToggletipModule.html +4 -4
  46. package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
  47. package/docs/documentation/modules/TooltipModule.html +4 -4
  48. package/docs/documentation.json +23 -23
  49. package/docs/storybook/{3348.683a45b7.iframe.bundle.js → 3348.938f9a5b.iframe.bundle.js} +1 -1
  50. package/docs/storybook/iframe.html +2 -2
  51. package/docs/storybook/{main.69a14133.iframe.bundle.js → main.93c601c0.iframe.bundle.js} +1 -1
  52. package/docs/storybook/project.json +1 -1
  53. package/docs/storybook/{runtime~main.7228f593.iframe.bundle.js → runtime~main.453b0bbc.iframe.bundle.js} +1 -1
  54. package/docs/storybook/ui-shell-ui-shell-stories.a888ff58.iframe.bundle.js +1 -0
  55. package/esm2020/ui-shell/sidenav/sidenav-item.component.mjs +3 -3
  56. package/esm2020/ui-shell/sidenav/sidenav.component.mjs +9 -14
  57. package/fesm2015/carbon-components-angular-ui-shell.mjs +10 -15
  58. package/fesm2015/carbon-components-angular-ui-shell.mjs.map +1 -1
  59. package/fesm2020/carbon-components-angular-ui-shell.mjs +10 -15
  60. package/fesm2020/carbon-components-angular-ui-shell.mjs.map +1 -1
  61. package/package.json +1 -1
  62. package/docs/storybook/ui-shell-ui-shell-stories.90ac54a8.iframe.bundle.js +0 -1
package/docs/documentation/components/SideNav.html CHANGED
@@ -108,11 +108,10 @@
108
108
 
109
109
  <tr>
110
110
  <td class="col-md-3">template</td>
111
- <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;nav class&#x3D;&quot;cds--side-nav__navigation&quot; [attr.aria-label]&#x3D;&quot;ariaLabel&quot;&gt;
111
+ <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;nav class&#x3D;&quot;cds--side-nav__items&quot; [attr.aria-label]&#x3D;&quot;ariaLabel&quot;&gt;
112
112
  &lt;ng-content select&#x3D;&quot;cds-sidenav-header&quot;&gt;&lt;/ng-content&gt;
113
- &lt;div class&#x3D;&quot;cds--side-nav__items&quot; role&#x3D;&quot;list&quot;&gt;
114
- &lt;div
115
- class&#x3D;&quot;cds--side-nav__header-navigation cds--side-nav__header-divider&quot;&gt;
113
+ &lt;div role&#x3D;&quot;list&quot;&gt;
114
+ &lt;div class&#x3D;&quot;cds--side-nav__header-navigation cds--side-nav__header-divider&quot;&gt;
116
115
  &lt;ng-container *ngFor&#x3D;&quot;let navigationItem of navigationItems&quot;&gt;
117
116
  &lt;cds-sidenav-item
118
117
  *ngIf&#x3D;&quot;navigationItem.type &#x3D;&#x3D;&#x3D; &#x27;item&#x27;&quot;
@@ -271,7 +270,7 @@
271
270
  <a href="#class.cds--side-nav" >class.cds--side-nav</a>
272
271
  </li>
273
272
  <li>
274
- <a href="#class.cds--side-nav--ux" >class.cds--side-nav--ux</a>
273
+ <a href="#class.cds--side-nav__navigation" >class.cds--side-nav__navigation</a>
275
274
  </li>
276
275
  </ul>
277
276
  </td>
@@ -293,7 +292,7 @@
293
292
  </tr>
294
293
  <tr>
295
294
  <td class="col-md-4">
296
- <div class="io-line">Defined in <a href="" data-line="103" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:103</a></div>
295
+ <div class="io-line">Defined in <a href="" data-line="102" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:102</a></div>
297
296
  </td>
298
297
  </tr>
299
298
 
@@ -354,7 +353,7 @@
354
353
  </tr>
355
354
  <tr>
356
355
  <td class="col-md-2" colspan="2">
357
- <div class="io-line">Defined in <a href="" data-line="96" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:96</a></div>
356
+ <div class="io-line">Defined in <a href="" data-line="95" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:95</a></div>
358
357
  </td>
359
358
  </tr>
360
359
  </tbody>
@@ -380,7 +379,7 @@
380
379
  </tr>
381
380
  <tr>
382
381
  <td class="col-md-2" colspan="2">
383
- <div class="io-line">Defined in <a href="" data-line="85" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:85</a></div>
382
+ <div class="io-line">Defined in <a href="" data-line="84" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:84</a></div>
384
383
  </td>
385
384
  </tr>
386
385
  </tbody>
@@ -406,7 +405,7 @@
406
405
  </tr>
407
406
  <tr>
408
407
  <td class="col-md-2" colspan="2">
409
- <div class="io-line">Defined in <a href="" data-line="89" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:89</a></div>
408
+ <div class="io-line">Defined in <a href="" data-line="88" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:88</a></div>
410
409
  </td>
411
410
  </tr>
412
411
  <tr>
@@ -438,7 +437,7 @@
438
437
  </tr>
439
438
  <tr>
440
439
  <td class="col-md-2" colspan="2">
441
- <div class="io-line">Defined in <a href="" data-line="93" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:93</a></div>
440
+ <div class="io-line">Defined in <a href="" data-line="92" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:92</a></div>
442
441
  </td>
443
442
  </tr>
444
443
  <tr>
@@ -465,7 +464,7 @@
465
464
  </tr>
466
465
  <tr>
467
466
  <td class="col-md-2" colspan="2">
468
- <div class="io-line">Defined in <a href="" data-line="103" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:103</a></div>
467
+ <div class="io-line">Defined in <a href="" data-line="102" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:102</a></div>
469
468
  </td>
470
469
  </tr>
471
470
  <tr>
@@ -499,7 +498,7 @@ navigation items.</p>
499
498
  </tr>
500
499
  <tr>
501
500
  <td class="col-md-2" colspan="2">
502
- <div class="io-line">Defined in <a href="" data-line="94" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:94</a></div>
501
+ <div class="io-line">Defined in <a href="" data-line="93" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:93</a></div>
503
502
  </td>
504
503
  </tr>
505
504
  </tbody>
@@ -531,7 +530,7 @@ navigation items.</p>
531
530
  </tr>
532
531
  <tr>
533
532
  <td class="col-md-4">
534
- <div class="io-line">Defined in <a href="" data-line="84" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:84</a></div>
533
+ <div class="io-line">Defined in <a href="" data-line="83" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:83</a></div>
535
534
  </td>
536
535
  </tr>
537
536
 
@@ -542,10 +541,10 @@ navigation items.</p>
542
541
  <tbody>
543
542
  <tr>
544
543
  <td class="col-md-4">
545
- <a name="class.cds--side-nav--ux"></a>
544
+ <a name="class.cds--side-nav__navigation"></a>
546
545
  <span class="name">
547
- <span ><b>class.cds--side-nav--ux</b></span>
548
- <a href="#class.cds--side-nav--ux"><span class="icon ion-ios-link"></span></a>
546
+ <span ><b>class.cds--side-nav__navigation</b></span>
547
+ <a href="#class.cds--side-nav__navigation"><span class="icon ion-ios-link"></span></a>
549
548
  </span>
550
549
  </td>
551
550
  </tr>
@@ -562,7 +561,7 @@ navigation items.</p>
562
561
  </tr>
563
562
  <tr>
564
563
  <td class="col-md-4">
565
- <div class="io-line">Defined in <a href="" data-line="95" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:95</a></div>
564
+ <div class="io-line">Defined in <a href="" data-line="94" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:94</a></div>
566
565
  </td>
567
566
  </tr>
568
567
 
@@ -597,8 +596,8 @@ navigation items.</p>
597
596
 
598
597
  <tr>
599
598
  <td class="col-md-4">
600
- <div class="io-line">Defined in <a href="" data-line="107"
601
- class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:107</a></div>
599
+ <div class="io-line">Defined in <a href="" data-line="106"
600
+ class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:106</a></div>
602
601
  </td>
603
602
  </tr>
604
603
 
@@ -648,7 +647,7 @@ navigation items.</p>
648
647
  </tr>
649
648
  <tr>
650
649
  <td class="col-md-4">
651
- <div class="io-line">Defined in <a href="" data-line="84" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:84</a></div>
650
+ <div class="io-line">Defined in <a href="" data-line="83" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:83</a></div>
652
651
  </td>
653
652
  </tr>
654
653
 
@@ -675,7 +674,7 @@ navigation items.</p>
675
674
  </tr>
676
675
  <tr>
677
676
  <td class="col-md-4">
678
- <div class="io-line">Defined in <a href="" data-line="105" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:105</a></div>
677
+ <div class="io-line">Defined in <a href="" data-line="104" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:104</a></div>
679
678
  </td>
680
679
  </tr>
681
680
 
@@ -704,13 +703,13 @@ navigation items.</p>
704
703
  <b>Decorators : </b>
705
704
  <br />
706
705
  <code>
707
- @HostBinding(&#x27;class.cds--side-nav--ux&#x27;)<br />
706
+ @HostBinding(&#x27;class.cds--side-nav__navigation&#x27;)<br />
708
707
  </code>
709
708
  </td>
710
709
  </tr>
711
710
  <tr>
712
711
  <td class="col-md-4">
713
- <div class="io-line">Defined in <a href="" data-line="95" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:95</a></div>
712
+ <div class="io-line">Defined in <a href="" data-line="94" class="link-to-prism">src/ui-shell/sidenav/sidenav.component.ts:94</a></div>
714
713
  </td>
715
714
  </tr>
716
715
 
@@ -740,11 +739,10 @@ import { NavigationItem } from &quot;../header/header-navigation-items.interface
740
739
  @Component({
741
740
  selector: &quot;cds-sidenav, ibm-sidenav&quot;,
742
741
  template: &#x60;
743
- &lt;nav class&#x3D;&quot;cds--side-nav__navigation&quot; [attr.aria-label]&#x3D;&quot;ariaLabel&quot;&gt;
742
+ &lt;nav class&#x3D;&quot;cds--side-nav__items&quot; [attr.aria-label]&#x3D;&quot;ariaLabel&quot;&gt;
744
743
  &lt;ng-content select&#x3D;&quot;cds-sidenav-header&quot;&gt;&lt;/ng-content&gt;
745
- &lt;div class&#x3D;&quot;cds--side-nav__items&quot; role&#x3D;&quot;list&quot;&gt;
746
- &lt;div
747
- class&#x3D;&quot;cds--side-nav__header-navigation cds--side-nav__header-divider&quot;&gt;
744
+ &lt;div role&#x3D;&quot;list&quot;&gt;
745
+ &lt;div class&#x3D;&quot;cds--side-nav__header-navigation cds--side-nav__header-divider&quot;&gt;
748
746
  &lt;ng-container *ngFor&#x3D;&quot;let navigationItem of navigationItems&quot;&gt;
749
747
  &lt;cds-sidenav-item
750
748
  *ngIf&#x3D;&quot;navigationItem.type &#x3D;&#x3D;&#x3D; &#x27;item&#x27;&quot;
@@ -807,7 +805,7 @@ import { NavigationItem } from &quot;../header/header-navigation-items.interface
807
805
  })
808
806
  export class SideNav {
809
807
  @HostBinding(&quot;class.cds--side-nav&quot;) hostClass &#x3D; true;
810
- @HostBinding(&quot;attr.aria-label&quot;) @Input() ariaLabel &#x3D; &quot;Side navigation&quot;;
808
+ @Input() ariaLabel &#x3D; &quot;Side navigation&quot;;
811
809
  /**
812
810
  * Controls the expanded (&#x60;true&#x60;) or collapsed (&#x60;false&#x60;) state when on a small screen.
813
811
  */
@@ -817,7 +815,7 @@ export class SideNav {
817
815
  */
818
816
  @HostBinding(&quot;class.cds--side-nav--hidden&quot;) @Input() hidden &#x3D; false;
819
817
  @HostBinding(&quot;class.cds--side-nav--rail&quot;) @Input() rail &#x3D; false;
820
- @HostBinding(&quot;class.cds--side-nav--ux&quot;) ux &#x3D; true;
818
+ @HostBinding(&quot;class.cds--side-nav__navigation&quot;) ux &#x3D; true;
821
819
  @Input() allowExpansion &#x3D; false;
822
820
 
823
821
  /**
@@ -863,7 +861,7 @@ export class SideNav {
863
861
  <script src="../js/libs/htmlparser.js"></script>
864
862
  <script src="../js/libs/deep-iterator.js"></script>
865
863
  <script>
866
- var COMPONENT_TEMPLATE = '<div><nav class="cds--side-nav__navigation" [attr.aria-label]="ariaLabel"> <ng-content select="cds-sidenav-header"></ng-content> <div class="cds--side-nav__items" role="list"> <div class="cds--side-nav__header-navigation cds--side-nav__header-divider"> <ng-container *ngFor="let navigationItem of navigationItems"> <cds-sidenav-item *ngIf="navigationItem.type === \'item\'" [href]="navigationItem.href" [route]="navigationItem.route" [routeExtras]="navigationItem.routeExtras" [title]="navigationItem.title"> {{ navigationItem.content }} </cds-sidenav-item> <cds-sidenav-menu *ngIf="navigationItem.type === \'menu\'" [title]="navigationItem.title" [menuItems]="navigationItem.menuItems"> </cds-sidenav-menu> </ng-container> </div> <ng-content></ng-content> </div> <footer class="cds--side-nav__footer"> <button *ngIf="allowExpansion" class="cds--side-nav__toggle" type="button" [title]="(expanded ? i18n.get(\'UI_SHELL.SIDE_NAV.TOGGLE_CLOSE\') : i18n.get(\'UI_SHELL.SIDE_NAV.TOGGLE_OPEN\')) | async" (click)="toggle()"> <div class="cds--side-nav__icon"> <svg *ngIf="expanded" focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"> <path d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4l6.6 6.6L8 22.6 9.4 24l6.6-6.6 6.6 6.6 1.4-1.4-6.6-6.6L24 9.4z"></path> </svg> <svg *ngIf="!expanded" focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"> <path d="M22 16L12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path> </svg> </div> <span class="cds--assistive-text"> {{(expanded ? i18n.get(\'UI_SHELL.SIDE_NAV.TOGGLE_CLOSE\') : i18n.get(\'UI_SHELL.SIDE_NAV.TOGGLE_OPEN\')) | async}} </span> </button> </footer></nav> </div>'
864
+ var COMPONENT_TEMPLATE = '<div><nav class="cds--side-nav__items" [attr.aria-label]="ariaLabel"> <ng-content select="cds-sidenav-header"></ng-content> <div role="list"> <div class="cds--side-nav__header-navigation cds--side-nav__header-divider"> <ng-container *ngFor="let navigationItem of navigationItems"> <cds-sidenav-item *ngIf="navigationItem.type === \'item\'" [href]="navigationItem.href" [route]="navigationItem.route" [routeExtras]="navigationItem.routeExtras" [title]="navigationItem.title"> {{ navigationItem.content }} </cds-sidenav-item> <cds-sidenav-menu *ngIf="navigationItem.type === \'menu\'" [title]="navigationItem.title" [menuItems]="navigationItem.menuItems"> </cds-sidenav-menu> </ng-container> </div> <ng-content></ng-content> </div> <footer class="cds--side-nav__footer"> <button *ngIf="allowExpansion" class="cds--side-nav__toggle" type="button" [title]="(expanded ? i18n.get(\'UI_SHELL.SIDE_NAV.TOGGLE_CLOSE\') : i18n.get(\'UI_SHELL.SIDE_NAV.TOGGLE_OPEN\')) | async" (click)="toggle()"> <div class="cds--side-nav__icon"> <svg *ngIf="expanded" focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"> <path d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4l6.6 6.6L8 22.6 9.4 24l6.6-6.6 6.6 6.6 1.4-1.4-6.6-6.6L24 9.4z"></path> </svg> <svg *ngIf="!expanded" focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"> <path d="M22 16L12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path> </svg> </div> <span class="cds--assistive-text"> {{(expanded ? i18n.get(\'UI_SHELL.SIDE_NAV.TOGGLE_CLOSE\') : i18n.get(\'UI_SHELL.SIDE_NAV.TOGGLE_OPEN\')) | async}} </span> </button> </footer></nav> </div>'
867
865
  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': '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': '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'}];
868
866
  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': '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': '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]'}];
869
867
  var ACTUAL_COMPONENT = {'name': 'SideNav'};
package/docs/documentation/components/SideNavItem.html CHANGED
@@ -124,7 +124,7 @@
124
124
  <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;a
125
125
  class&#x3D;&quot;cds--side-nav__link&quot;
126
126
  [ngClass]&#x3D;&quot;{
127
- &#x27;cds--side-nav__link--current&#x27;: active
127
+ &#x27;cds--side-nav__item--active&#x27;: active
128
128
  }&quot;
129
129
  [href]&#x3D;&quot;href&quot;
130
130
  [attr.aria-current]&#x3D;&quot;(active ? &#x27;page&#x27; : null)&quot;
@@ -1026,7 +1026,7 @@ import { Router } from &quot;@angular/router&quot;;
1026
1026
  &lt;a
1027
1027
  class&#x3D;&quot;cds--side-nav__link&quot;
1028
1028
  [ngClass]&#x3D;&quot;{
1029
- &#x27;cds--side-nav__link--current&#x27;: active
1029
+ &#x27;cds--side-nav__item--active&#x27;: active
1030
1030
  }&quot;
1031
1031
  [href]&#x3D;&quot;href&quot;
1032
1032
  [attr.aria-current]&#x3D;&quot;(active ? &#x27;page&#x27; : null)&quot;
@@ -1165,7 +1165,7 @@ export class SideNavItem implements OnChanges {
1165
1165
  <script src="../js/libs/htmlparser.js"></script>
1166
1166
  <script src="../js/libs/deep-iterator.js"></script>
1167
1167
  <script>
1168
- var COMPONENT_TEMPLATE = '<div><a class="cds--side-nav__link" [ngClass]="{ \'cds--side-nav__link--current\': active }" [href]="href" [attr.aria-current]="(active ? \'page\' : null)" [attr.title]="title ? title : null" (click)="navigate($event)"> <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></a> </div>'
1168
+ var COMPONENT_TEMPLATE = '<div><a 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)"> <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></a> </div>'
1169
1169
  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': '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': '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'}];
1170
1170
  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': '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': '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]'}];
1171
1171
  var ACTUAL_COMPONENT = {'name': 'SideNavItem'};