carbon-components-angular 6.0.0-rc.24 → 6.0.0-rc.26

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 (97) hide show
  1. package/docs/documentation/components/Dropdown.html +44 -44
  2. package/docs/documentation/components/Header.html +20 -27
  3. package/docs/documentation/components/HeaderItem.html +164 -55
  4. package/docs/documentation/components/ProgressIndicator.html +13 -9
  5. package/docs/documentation/coverage.html +3 -3
  6. package/docs/documentation/js/search/search_index.js +2 -2
  7. package/docs/documentation/modules/DocumentationModule/dependencies.svg +4 -4
  8. package/docs/documentation/modules/DocumentationModule.html +4 -4
  9. package/docs/documentation/modules/DropdownModule/dependencies.svg +61 -61
  10. package/docs/documentation/modules/DropdownModule.html +61 -61
  11. package/docs/documentation/modules/FileUploaderModule/dependencies.svg +4 -4
  12. package/docs/documentation/modules/FileUploaderModule.html +4 -4
  13. package/docs/documentation/modules/GridModule/dependencies.svg +4 -4
  14. package/docs/documentation/modules/GridModule.html +4 -4
  15. package/docs/documentation/modules/I18nModule/dependencies.svg +13 -13
  16. package/docs/documentation/modules/I18nModule.html +13 -13
  17. package/docs/documentation/modules/InlineLoadingModule/dependencies.svg +4 -4
  18. package/docs/documentation/modules/InlineLoadingModule.html +4 -4
  19. package/docs/documentation/modules/InputModule/dependencies.svg +4 -4
  20. package/docs/documentation/modules/InputModule.html +4 -4
  21. package/docs/documentation/modules/LayerModule/dependencies.svg +4 -4
  22. package/docs/documentation/modules/LayerModule.html +4 -4
  23. package/docs/documentation/modules/LayoutModule/dependencies.svg +4 -4
  24. package/docs/documentation/modules/LayoutModule.html +4 -4
  25. package/docs/documentation/modules/ListModule/dependencies.svg +4 -4
  26. package/docs/documentation/modules/ListModule.html +4 -4
  27. package/docs/documentation/modules/NotificationModule/dependencies.svg +128 -128
  28. package/docs/documentation/modules/NotificationModule.html +128 -128
  29. package/docs/documentation/modules/PaginationModule/dependencies.svg +4 -4
  30. package/docs/documentation/modules/PaginationModule.html +4 -4
  31. package/docs/documentation/modules/PanelModule/dependencies.svg +4 -4
  32. package/docs/documentation/modules/PanelModule.html +4 -4
  33. package/docs/documentation/modules/PlaceholderModule/dependencies.svg +4 -4
  34. package/docs/documentation/modules/PlaceholderModule.html +4 -4
  35. package/docs/documentation/modules/PopoverModule/dependencies.svg +4 -4
  36. package/docs/documentation/modules/PopoverModule.html +4 -4
  37. package/docs/documentation/modules/ProgressBarModule/dependencies.svg +4 -4
  38. package/docs/documentation/modules/ProgressBarModule.html +4 -4
  39. package/docs/documentation/modules/RadioModule/dependencies.svg +4 -4
  40. package/docs/documentation/modules/RadioModule.html +4 -4
  41. package/docs/documentation/modules/SearchModule/dependencies.svg +4 -4
  42. package/docs/documentation/modules/SearchModule.html +4 -4
  43. package/docs/documentation/modules/SelectModule/dependencies.svg +4 -4
  44. package/docs/documentation/modules/SelectModule.html +4 -4
  45. package/docs/documentation/modules/SideNavModule/dependencies.svg +4 -4
  46. package/docs/documentation/modules/SideNavModule.html +4 -4
  47. package/docs/documentation/modules/SliderModule/dependencies.svg +4 -4
  48. package/docs/documentation/modules/SliderModule.html +4 -4
  49. package/docs/documentation/modules/StructuredListModule/dependencies.svg +4 -4
  50. package/docs/documentation/modules/StructuredListModule.html +4 -4
  51. package/docs/documentation/modules/TabsModule/dependencies.svg +4 -4
  52. package/docs/documentation/modules/TabsModule.html +4 -4
  53. package/docs/documentation/modules/ThemeModule/dependencies.svg +4 -4
  54. package/docs/documentation/modules/ThemeModule.html +4 -4
  55. package/docs/documentation/modules/TimePickerModule/dependencies.svg +4 -4
  56. package/docs/documentation/modules/TimePickerModule.html +4 -4
  57. package/docs/documentation/modules/ToggleModule/dependencies.svg +4 -4
  58. package/docs/documentation/modules/ToggleModule.html +4 -4
  59. package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
  60. package/docs/documentation/modules/TooltipModule.html +4 -4
  61. package/docs/documentation/modules/TreeviewModule/dependencies.svg +4 -4
  62. package/docs/documentation/modules/TreeviewModule.html +4 -4
  63. package/docs/documentation/modules/UIShellModule/dependencies.svg +4 -4
  64. package/docs/documentation/modules/UIShellModule.html +4 -4
  65. package/docs/documentation.json +133 -104
  66. package/docs/storybook/5028.4372822a.iframe.bundle.js +2 -0
  67. package/docs/storybook/5028.4372822a.iframe.bundle.js.map +1 -0
  68. package/docs/storybook/{8383.ee4c2859.iframe.bundle.js → 8383.ae122023.iframe.bundle.js} +2 -2
  69. package/docs/storybook/{8383.ee4c2859.iframe.bundle.js.map → 8383.ae122023.iframe.bundle.js.map} +1 -1
  70. package/docs/storybook/iframe.html +2 -2
  71. package/docs/storybook/{main.cf934f2c.iframe.bundle.js → main.69f35539.iframe.bundle.js} +2 -2
  72. package/docs/storybook/main.69f35539.iframe.bundle.js.map +1 -0
  73. package/docs/storybook/patterns-dialogs-modal-with-table-stories.e5bc0101.iframe.bundle.js +2 -0
  74. package/docs/storybook/patterns-dialogs-modal-with-table-stories.e5bc0101.iframe.bundle.js.map +1 -0
  75. package/docs/storybook/{patterns-forms-multi-step-form-stories.806cd952.iframe.bundle.js → patterns-forms-multi-step-form-stories.4d284816.iframe.bundle.js} +2 -2
  76. package/docs/storybook/{patterns-forms-multi-step-form-stories.806cd952.iframe.bundle.js.map → patterns-forms-multi-step-form-stories.4d284816.iframe.bundle.js.map} +1 -1
  77. package/docs/storybook/{patterns-loading-large-loading-stories.7ba92ef7.iframe.bundle.js → patterns-loading-large-loading-stories.9f109d31.iframe.bundle.js} +2 -2
  78. package/docs/storybook/{patterns-loading-large-loading-stories.7ba92ef7.iframe.bundle.js.map → patterns-loading-large-loading-stories.9f109d31.iframe.bundle.js.map} +1 -1
  79. package/docs/storybook/{progress-indicator-progress-indicator-stories.16ba479b.iframe.bundle.js → progress-indicator-progress-indicator-stories.bafc7a3e.iframe.bundle.js} +2 -2
  80. package/docs/storybook/{progress-indicator-progress-indicator-stories.16ba479b.iframe.bundle.js.map → progress-indicator-progress-indicator-stories.bafc7a3e.iframe.bundle.js.map} +1 -1
  81. package/docs/storybook/project.json +1 -1
  82. package/docs/storybook/{runtime~main.be0ba4bf.iframe.bundle.js → runtime~main.9717b4b5.iframe.bundle.js} +2 -2
  83. package/docs/storybook/{runtime~main.be0ba4bf.iframe.bundle.js.map → runtime~main.9717b4b5.iframe.bundle.js.map} +1 -1
  84. package/dropdown/index.d.ts +1 -1
  85. package/fesm2022/carbon-components-angular-dropdown.mjs +4 -4
  86. package/fesm2022/carbon-components-angular-dropdown.mjs.map +1 -1
  87. package/fesm2022/carbon-components-angular-progress-indicator.mjs +7 -4
  88. package/fesm2022/carbon-components-angular-progress-indicator.mjs.map +1 -1
  89. package/fesm2022/carbon-components-angular-ui-shell.mjs +25 -26
  90. package/fesm2022/carbon-components-angular-ui-shell.mjs.map +1 -1
  91. package/package.json +1 -1
  92. package/ui-shell/index.d.ts +4 -2
  93. package/docs/storybook/5028.1ba843cc.iframe.bundle.js +0 -2
  94. package/docs/storybook/5028.1ba843cc.iframe.bundle.js.map +0 -1
  95. package/docs/storybook/main.cf934f2c.iframe.bundle.js.map +0 -1
  96. package/docs/storybook/patterns-dialogs-modal-with-table-stories.f3f802fc.iframe.bundle.js +0 -2
  97. package/docs/storybook/patterns-dialogs-modal-with-table-stories.f3f802fc.iframe.bundle.js.map +0 -1
package/docs/documentation/components/HeaderItem.html CHANGED
@@ -161,12 +161,6 @@
161
161
 
162
162
 
163
163
 
164
- <tr>
165
- <td class="col-md-3">providers</td>
166
- <td class="col-md-9">
167
- <code>Router</code>
168
- </td>
169
- </tr>
170
164
 
171
165
 
172
166
  <tr>
@@ -205,8 +199,8 @@
205
199
  class&#x3D;&quot;cds--header__menu-item&quot;
206
200
  tabindex&#x3D;&quot;0&quot;
207
201
  [ngClass]&#x3D;&quot;{&#x27;cds--header__menu-item--current&#x27; : isCurrentPage}&quot;
208
- [href]&#x3D;&quot;href&quot;
209
- (click)&#x3D;&quot;navigate($event)&quot;&gt;
202
+ [routerLink]&#x3D;&quot;route&quot;
203
+ [routerLinkActive]&#x3D;&quot;routerLinkActiveClasses&quot;&gt;
210
204
  &lt;ng-container *ngTemplateOutlet&#x3D;&quot;content&quot; /&gt;
211
205
  &lt;/a&gt;
212
206
  } @else {
@@ -214,8 +208,8 @@
214
208
  class&#x3D;&quot;cds--header__menu-item&quot;
215
209
  tabindex&#x3D;&quot;0&quot;
216
210
  [ngClass]&#x3D;&quot;{&#x27;cds--header__menu-item--current&#x27; : isCurrentPage}&quot;
217
- [routerLink]&#x3D;&quot;route&quot;
218
- [routerLinkActive]&#x3D;&quot;routerLinkActiveClasses&quot;&gt;
211
+ [href]&#x3D;&quot;href&quot;
212
+ (click)&#x3D;&quot;navigate($event)&quot;&gt;
219
213
  &lt;ng-container *ngTemplateOutlet&#x3D;&quot;content&quot; /&gt;
220
214
  &lt;/a&gt;
221
215
  }
@@ -246,6 +240,10 @@
246
240
  <tr>
247
241
  <td class="col-md-4">
248
242
  <ul class="index-list">
243
+ <li>
244
+ <span class="modifier">Protected</span>
245
+ <a href="#_activeLinkClass" >_activeLinkClass</a>
246
+ </li>
249
247
  <li>
250
248
  <span class="modifier">Protected</span>
251
249
  <a href="#_href" >_href</a>
@@ -262,6 +260,10 @@
262
260
  <span class="modifier">Protected</span>
263
261
  <a href="#router" >router</a>
264
262
  </li>
263
+ <li>
264
+ <span class="modifier">Protected</span>
265
+ <a href="#routerLinkActiveClasses" >routerLinkActiveClasses</a>
266
+ </li>
265
267
  </ul>
266
268
  </td>
267
269
  </tr>
@@ -354,7 +356,7 @@
354
356
  <a href="#href" >href</a>
355
357
  </li>
356
358
  <li>
357
- <a href="#routerLinkActiveClasses" >routerLinkActiveClasses</a>
359
+ <a href="#activeLinkClass" >activeLinkClass</a>
358
360
  </li>
359
361
  </ul>
360
362
  </td>
@@ -374,7 +376,7 @@
374
376
  </tr>
375
377
  <tr>
376
378
  <td class="col-md-4">
377
- <div class="io-line">Defined in <a href="" data-line="119" class="link-to-prism">src/ui-shell/header/header-item.component.ts:119</a></div>
379
+ <div class="io-line">Defined in <a href="" data-line="118" class="link-to-prism">src/ui-shell/header/header-item.component.ts:118</a></div>
378
380
  </td>
379
381
  </tr>
380
382
 
@@ -394,18 +396,13 @@
394
396
  </tr>
395
397
  <tr>
396
398
  <td class="col-md-4">
397
- <i>Type : </i> <code>string | string[]</code>
399
+ <i>Type : </i> <code>string | []</code>
398
400
 
399
401
  </td>
400
- </tr>
401
- <tr>
402
- <td class="col-md-4">
403
- <i>Default value : </i><code>&quot;&quot;</code>
404
- </td>
405
402
  </tr>
406
403
  <tr>
407
404
  <td class="col-md-2" colspan="2">
408
- <div class="io-line">Defined in <a href="" data-line="77" class="link-to-prism">src/ui-shell/header/header-item.component.ts:77</a></div>
405
+ <div class="io-line">Defined in <a href="" data-line="76" class="link-to-prism">src/ui-shell/header/header-item.component.ts:76</a></div>
409
406
  </td>
410
407
  </tr>
411
408
  <tr>
@@ -432,7 +429,7 @@
432
429
  </tr>
433
430
  <tr>
434
431
  <td class="col-md-2" colspan="2">
435
- <div class="io-line">Defined in <a href="" data-line="57" class="link-to-prism">src/ui-shell/header/header-item.component.ts:57</a></div>
432
+ <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">src/ui-shell/header/header-item.component.ts:56</a></div>
436
433
  </td>
437
434
  </tr>
438
435
  </tbody>
@@ -453,7 +450,7 @@
453
450
  </tr>
454
451
  <tr>
455
452
  <td class="col-md-2" colspan="2">
456
- <div class="io-line">Defined in <a href="" data-line="93" class="link-to-prism">src/ui-shell/header/header-item.component.ts:93</a></div>
453
+ <div class="io-line">Defined in <a href="" data-line="90" class="link-to-prism">src/ui-shell/header/header-item.component.ts:90</a></div>
457
454
  </td>
458
455
  </tr>
459
456
  <tr>
@@ -480,7 +477,7 @@
480
477
  </tr>
481
478
  <tr>
482
479
  <td class="col-md-2" colspan="2">
483
- <div class="io-line">Defined in <a href="" data-line="99" class="link-to-prism">src/ui-shell/header/header-item.component.ts:99</a></div>
480
+ <div class="io-line">Defined in <a href="" data-line="96" class="link-to-prism">src/ui-shell/header/header-item.component.ts:96</a></div>
484
481
  </td>
485
482
  </tr>
486
483
  <tr>
@@ -508,7 +505,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
508
505
  </tr>
509
506
  <tr>
510
507
  <td class="col-md-2" colspan="2">
511
- <div class="io-line">Defined in <a href="" data-line="105" class="link-to-prism">src/ui-shell/header/header-item.component.ts:105</a></div>
508
+ <div class="io-line">Defined in <a href="" data-line="102" class="link-to-prism">src/ui-shell/header/header-item.component.ts:102</a></div>
512
509
  </td>
513
510
  </tr>
514
511
  <tr>
@@ -541,7 +538,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
541
538
  </tr>
542
539
  <tr>
543
540
  <td class="col-md-2" colspan="2">
544
- <div class="io-line">Defined in <a href="" data-line="72" class="link-to-prism">src/ui-shell/header/header-item.component.ts:72</a></div>
541
+ <div class="io-line">Defined in <a href="" data-line="71" class="link-to-prism">src/ui-shell/header/header-item.component.ts:71</a></div>
545
542
  </td>
546
543
  </tr>
547
544
  <tr>
@@ -571,7 +568,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
571
568
  </tr>
572
569
  <tr>
573
570
  <td class="col-md-2" colspan="2">
574
- <div class="io-line">Defined in <a href="" data-line="110" class="link-to-prism">src/ui-shell/header/header-item.component.ts:110</a></div>
571
+ <div class="io-line">Defined in <a href="" data-line="107" class="link-to-prism">src/ui-shell/header/header-item.component.ts:107</a></div>
575
572
  </td>
576
573
  </tr>
577
574
  <tr>
@@ -608,7 +605,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
608
605
  </tr>
609
606
  <tr>
610
607
  <td class="col-md-4">
611
- <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">src/ui-shell/header/header-item.component.ts:56</a></div>
608
+ <div class="io-line">Defined in <a href="" data-line="55" class="link-to-prism">src/ui-shell/header/header-item.component.ts:55</a></div>
612
609
  </td>
613
610
  </tr>
614
611
 
@@ -643,8 +640,8 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
643
640
 
644
641
  <tr>
645
642
  <td class="col-md-4">
646
- <div class="io-line">Defined in <a href="" data-line="123"
647
- class="link-to-prism">src/ui-shell/header/header-item.component.ts:123</a></div>
643
+ <div class="io-line">Defined in <a href="" data-line="122"
644
+ class="link-to-prism">src/ui-shell/header/header-item.component.ts:122</a></div>
648
645
  </td>
649
646
  </tr>
650
647
 
@@ -692,6 +689,38 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
692
689
  <h3 id="inputs">
693
690
  Properties
694
691
  </h3>
692
+ <table class="table table-sm table-bordered">
693
+ <tbody>
694
+ <tr>
695
+ <td class="col-md-4">
696
+ <a name="_activeLinkClass"></a>
697
+ <span class="name">
698
+ <span class="modifier">Protected</span>
699
+ <span ><b>_activeLinkClass</b></span>
700
+ <a href="#_activeLinkClass"><span class="icon ion-ios-link"></span></a>
701
+ </span>
702
+ </td>
703
+ </tr>
704
+ <tr>
705
+ <td class="col-md-4">
706
+ <i>Type : </i> <code>string | string[]</code>
707
+
708
+ </td>
709
+ </tr>
710
+ <tr>
711
+ <td class="col-md-4">
712
+ <i>Default value : </i><code>&quot;&quot;</code>
713
+ </td>
714
+ </tr>
715
+ <tr>
716
+ <td class="col-md-4">
717
+ <div class="io-line">Defined in <a href="" data-line="110" class="link-to-prism">src/ui-shell/header/header-item.component.ts:110</a></div>
718
+ </td>
719
+ </tr>
720
+
721
+
722
+ </tbody>
723
+ </table>
695
724
  <table class="table table-sm table-bordered">
696
725
  <tbody>
697
726
  <tr>
@@ -717,7 +746,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
717
746
  </tr>
718
747
  <tr>
719
748
  <td class="col-md-4">
720
- <div class="io-line">Defined in <a href="" data-line="112" class="link-to-prism">src/ui-shell/header/header-item.component.ts:112</a></div>
749
+ <div class="io-line">Defined in <a href="" data-line="109" class="link-to-prism">src/ui-shell/header/header-item.component.ts:109</a></div>
721
750
  </td>
722
751
  </tr>
723
752
 
@@ -743,7 +772,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
743
772
  </tr>
744
773
  <tr>
745
774
  <td class="col-md-4">
746
- <div class="io-line">Defined in <a href="" data-line="114" class="link-to-prism">src/ui-shell/header/header-item.component.ts:114</a></div>
775
+ <div class="io-line">Defined in <a href="" data-line="113" class="link-to-prism">src/ui-shell/header/header-item.component.ts:113</a></div>
747
776
  </td>
748
777
  </tr>
749
778
 
@@ -784,7 +813,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
784
813
  </tr>
785
814
  <tr>
786
815
  <td class="col-md-4">
787
- <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">src/ui-shell/header/header-item.component.ts:56</a></div>
816
+ <div class="io-line">Defined in <a href="" data-line="55" class="link-to-prism">src/ui-shell/header/header-item.component.ts:55</a></div>
788
817
  </td>
789
818
  </tr>
790
819
 
@@ -810,7 +839,39 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
810
839
  </tr>
811
840
  <tr>
812
841
  <td class="col-md-4">
813
- <div class="io-line">Defined in <a href="" data-line="115" class="link-to-prism">src/ui-shell/header/header-item.component.ts:115</a></div>
842
+ <div class="io-line">Defined in <a href="" data-line="114" class="link-to-prism">src/ui-shell/header/header-item.component.ts:114</a></div>
843
+ </td>
844
+ </tr>
845
+
846
+
847
+ </tbody>
848
+ </table>
849
+ <table class="table table-sm table-bordered">
850
+ <tbody>
851
+ <tr>
852
+ <td class="col-md-4">
853
+ <a name="routerLinkActiveClasses"></a>
854
+ <span class="name">
855
+ <span class="modifier">Protected</span>
856
+ <span ><b>routerLinkActiveClasses</b></span>
857
+ <a href="#routerLinkActiveClasses"><span class="icon ion-ios-link"></span></a>
858
+ </span>
859
+ </td>
860
+ </tr>
861
+ <tr>
862
+ <td class="col-md-4">
863
+ <i>Type : </i> <code>string[]</code>
864
+
865
+ </td>
866
+ </tr>
867
+ <tr>
868
+ <td class="col-md-4">
869
+ <i>Default value : </i><code>[&quot;cds--header__menu-item--current&quot;]</code>
870
+ </td>
871
+ </tr>
872
+ <tr>
873
+ <td class="col-md-4">
874
+ <div class="io-line">Defined in <a href="" data-line="111" class="link-to-prism">src/ui-shell/header/header-item.component.ts:111</a></div>
814
875
  </td>
815
876
  </tr>
816
877
 
@@ -839,7 +900,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
839
900
  </tr>
840
901
  <tr>
841
902
  <td class="col-md-4">
842
- <div class="io-line">Defined in <a href="" data-line="65" class="link-to-prism">src/ui-shell/header/header-item.component.ts:65</a></div>
903
+ <div class="io-line">Defined in <a href="" data-line="64" class="link-to-prism">src/ui-shell/header/header-item.component.ts:64</a></div>
843
904
  </td>
844
905
  </tr>
845
906
 
@@ -850,7 +911,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
850
911
  </tr>
851
912
  <tr>
852
913
  <td class="col-md-4">
853
- <div class="io-line">Defined in <a href="" data-line="57" class="link-to-prism">src/ui-shell/header/header-item.component.ts:57</a></div>
914
+ <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">src/ui-shell/header/header-item.component.ts:56</a></div>
854
915
  </td>
855
916
  </tr>
856
917
  <tr>
@@ -896,22 +957,71 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
896
957
  <tbody>
897
958
  <tr>
898
959
  <td class="col-md-4">
899
- <a name="routerLinkActiveClasses"></a>
900
- <span class="name"><b>routerLinkActiveClasses</b><a href="#routerLinkActiveClasses"><span class="icon ion-ios-link"></span></a></span>
960
+ <a name="activeLinkClass"></a>
961
+ <span class="name"><b>activeLinkClass</b><a href="#activeLinkClass"><span class="icon ion-ios-link"></span></a></span>
962
+ </td>
963
+ </tr>
964
+
965
+ <tr>
966
+ <td class="col-md-4">
967
+ <span class="accessor"><b>get</b><code>activeLinkClass()</code></span>
901
968
  </td>
902
969
  </tr>
970
+ <tr>
971
+ <td class="col-md-4">
972
+ <div class="io-line">Defined in <a href="" data-line="83" class="link-to-prism">src/ui-shell/header/header-item.component.ts:83</a></div>
973
+ </td>
974
+ </tr>
903
975
 
904
976
  <tr>
905
977
  <td class="col-md-4">
906
- <span class="accessor"><b>get</b><code>routerLinkActiveClasses()</code></span>
978
+ <span class="accessor"><b>set</b><code>activeLinkClass(v: string | string[])</code></span>
907
979
  </td>
908
980
  </tr>
909
981
  <tr>
910
982
  <td class="col-md-4">
911
- <div class="io-line">Defined in <a href="" data-line="79" class="link-to-prism">src/ui-shell/header/header-item.component.ts:79</a></div>
983
+ <div class="io-line">Defined in <a href="" data-line="76" class="link-to-prism">src/ui-shell/header/header-item.component.ts:76</a></div>
912
984
  </td>
913
985
  </tr>
986
+ <tr>
987
+ <td class="col-md-4">
988
+ <div class="io-description"><p>String or array of string class names to apply when active</p>
989
+ </div>
990
+
991
+ <div class="io-description">
992
+ <b>Parameters :</b>
993
+ <table class="params">
994
+ <thead>
995
+ <tr>
996
+ <td>Name</td>
997
+ <td>Type</td>
998
+ <td>Optional</td>
999
+ </tr>
1000
+ </thead>
1001
+ <tbody>
1002
+ <tr>
1003
+ <td>v</td>
1004
+
1005
+ <td>
1006
+ <code>string | string[]</code>
1007
+ </td>
1008
+
1009
+ <td>
1010
+ No
1011
+ </td>
1012
+
1013
+ </tr>
1014
+ </tbody>
1015
+ </table>
1016
+ </div>
1017
+ <div>
1018
+ </div>
1019
+ <div class="io-description">
1020
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
914
1021
 
1022
+ </div>
1023
+ </td>
1024
+ </tr>
915
1025
  </tbody>
916
1026
  </table>
917
1027
  </section>
@@ -945,8 +1055,8 @@ import { NgClass, NgTemplateOutlet } from &quot;@angular/common&quot;;
945
1055
  class&#x3D;&quot;cds--header__menu-item&quot;
946
1056
  tabindex&#x3D;&quot;0&quot;
947
1057
  [ngClass]&#x3D;&quot;{&#x27;cds--header__menu-item--current&#x27; : isCurrentPage}&quot;
948
- [href]&#x3D;&quot;href&quot;
949
- (click)&#x3D;&quot;navigate($event)&quot;&gt;
1058
+ [routerLink]&#x3D;&quot;route&quot;
1059
+ [routerLinkActive]&#x3D;&quot;routerLinkActiveClasses&quot;&gt;
950
1060
  &lt;ng-container *ngTemplateOutlet&#x3D;&quot;content&quot; /&gt;
951
1061
  &lt;/a&gt;
952
1062
  } @else {
@@ -954,8 +1064,8 @@ import { NgClass, NgTemplateOutlet } from &quot;@angular/common&quot;;
954
1064
  class&#x3D;&quot;cds--header__menu-item&quot;
955
1065
  tabindex&#x3D;&quot;0&quot;
956
1066
  [ngClass]&#x3D;&quot;{&#x27;cds--header__menu-item--current&#x27; : isCurrentPage}&quot;
957
- [routerLink]&#x3D;&quot;route&quot;
958
- [routerLinkActive]&#x3D;&quot;routerLinkActiveClasses&quot;&gt;
1067
+ [href]&#x3D;&quot;href&quot;
1068
+ (click)&#x3D;&quot;navigate($event)&quot;&gt;
959
1069
  &lt;ng-container *ngTemplateOutlet&#x3D;&quot;content&quot; /&gt;
960
1070
  &lt;/a&gt;
961
1071
  }
@@ -970,8 +1080,7 @@ import { NgClass, NgTemplateOutlet } from &quot;@angular/common&quot;;
970
1080
  NgTemplateOutlet,
971
1081
  RouterLinkActive,
972
1082
  RouterLink
973
- ],
974
- providers: [Router]
1083
+ ]
975
1084
  })
976
1085
  export class HeaderItem {
977
1086
  @HostBinding(&quot;attr.role&quot;) role &#x3D; &quot;listitem&quot;;
@@ -995,17 +1104,15 @@ export class HeaderItem {
995
1104
  /**
996
1105
  * String or array of string class names to apply when active
997
1106
  */
998
- @Input() activeLinkClass: string | string[] &#x3D; &quot;&quot;;
1107
+ @Input() set activeLinkClass(v: string | string[]) {
1108
+ this._activeLinkClass &#x3D; v;
1109
+ // Compute once per input change
1110
+ const extra &#x3D; v &#x3D;&#x3D;&#x3D; &quot;&quot; || v &#x3D;&#x3D; null ? [] : Array.isArray(v) ? v : [v];
1111
+ this.routerLinkActiveClasses &#x3D; [&quot;cds--header__menu-item--current&quot;, ...extra];
1112
+ }
999
1113
 
1000
- protected get routerLinkActiveClasses(): string[] {
1001
- const base &#x3D; &quot;cds--header__menu-item--current&quot;;
1002
- if (this.activeLinkClass &#x3D;&#x3D;&#x3D; &quot;&quot; || this.activeLinkClass &#x3D;&#x3D; null) {
1003
- return [base];
1004
- }
1005
- const extra &#x3D; Array.isArray(this.activeLinkClass)
1006
- ? this.activeLinkClass
1007
- : [this.activeLinkClass];
1008
- return [base, ...extra];
1114
+ get activeLinkClass() {
1115
+ return this._activeLinkClass;
1009
1116
  }
1010
1117
 
1011
1118
  /**
@@ -1031,6 +1138,8 @@ export class HeaderItem {
1031
1138
  @Output() navigation &#x3D; new EventEmitter&lt;Promise&lt;boolean&gt;&gt;();
1032
1139
 
1033
1140
  protected _href &#x3D; &quot;#&quot;;
1141
+ protected _activeLinkClass: string | string[] &#x3D; &quot;&quot;;
1142
+ protected routerLinkActiveClasses: string[] &#x3D; [&quot;cds--header__menu-item--current&quot;];
1034
1143
 
1035
1144
  protected domSanitizer &#x3D; inject(DomSanitizer);
1036
1145
  protected router &#x3D; inject(Router, { optional: true })!;
@@ -1089,7 +1198,7 @@ export class HeaderItem {
1089
1198
  <script src="../js/libs/htmlparser.js"></script>
1090
1199
  <script src="../js/libs/deep-iterator.js"></script>
1091
1200
  <script>
1092
- var COMPONENT_TEMPLATE = '<div><ng-template #content> <ng-content /></ng-template>@if (useRouter) { <a class="cds--header__menu-item" tabindex="0" [ngClass]="{\'cds--header__menu-item--current\' : isCurrentPage}" [href]="href" (click)="navigate($event)"> <ng-container *ngTemplateOutlet="content" /> </a>} @else { <a class="cds--header__menu-item" tabindex="0" [ngClass]="{\'cds--header__menu-item--current\' : isCurrentPage}" [routerLink]="route" [routerLinkActive]="routerLinkActiveClasses"> <ng-container *ngTemplateOutlet="content" /> </a>} </div>'
1201
+ var COMPONENT_TEMPLATE = '<div><ng-template #content> <ng-content /></ng-template>@if (useRouter) { <a class="cds--header__menu-item" tabindex="0" [ngClass]="{\'cds--header__menu-item--current\' : isCurrentPage}" [routerLink]="route" [routerLinkActive]="routerLinkActiveClasses"> <ng-container *ngTemplateOutlet="content" /> </a>} @else { <a class="cds--header__menu-item" tabindex="0" [ngClass]="{\'cds--header__menu-item--current\' : isCurrentPage}" [href]="href" (click)="navigate($event)"> <ng-container *ngTemplateOutlet="content" /> </a>} </div>'
1093
1202
  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': 'AILabelComponent', 'selector': 'cds-ai-label, ibm-ai-label'},{'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': 'CheckboxGroup', 'selector': 'cds-checkbox-group, ibm-checkbox-group'},{'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': 'IconTab', 'selector': 'cds-icon-tab, ibm-icon-tab'},{'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': 'SkeletonIcon', 'selector': 'cds-skeleton-icon, ibm-skeleton-icon'},{'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': 'TabHeaderComponent', 'selector': 'cds-tab-header, ibm-tab-header'},{'name': 'TabHeaderGroup', 'selector': 'cds-tab-header-group, ibm-tab-header-group'},{'name': 'TabHeaderGroupVertical', 'selector': 'cds-tab-header-group-vertical, ibm-tab-header-group-vertical'},{'name': 'TabHeaders', 'selector': 'cds-tab-headers, ibm-tab-headers'},{'name': 'TabHeadersVertical', 'selector': 'cds-tab-headers-vertical, ibm-tab-headers-vertical'},{'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': 'TableHeaderDecorator', 'selector': 'cds-table-header-decorator, ibm-table-header-decorator'},{'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': 'TabsVertical', 'selector': 'cds-tabs-vertical, ibm-tabs-vertical'},{'name': 'TabsVerticalGrouped', 'selector': 'cds-tabs-vertical-grouped, ibm-tabs-vertical-grouped'},{'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'}];
1094
1203
  var DIRECTIVES = [{'name': 'AbstractDropdownView', 'selector': '[cdsAbstractDropdownView], [ibmAbstractDropdownView]'},{'name': 'ActionableButton', 'selector': '[cdsActionableButton], [ibmActionableButton]'},{'name': 'ActionableSubtitle', 'selector': '[cdsActionableSubtitle], [ibmActionableSubtitle]'},{'name': 'ActionableTitle', 'selector': '[cdsActionableTitle], [ibmActionableTitle]'},{'name': 'AILabelActions', 'selector': '[cdsAILabelActions], [ibmAILabelActions]'},{'name': 'AILabelContent', 'selector': '[cdsAILabelContent], [ibmAILabelContent]'},{'name': 'AILabelPopoverDirective', 'selector': '[cdsAILabelPopover]'},{'name': 'AspectRatioDirective', 'selector': '[cdsAspectRatio], [ibmAspectRatio]'},{'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': 'TabHeaderBase', 'selector': ''},{'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]'}];
1095
1204
  var ACTUAL_COMPONENT = {'name': 'HeaderItem'};
package/docs/documentation/components/ProgressIndicator.html CHANGED
@@ -204,7 +204,7 @@
204
204
  type&#x3D;&quot;button&quot;
205
205
  class&#x3D;&quot;cds--progress-step-button&quot;
206
206
  [ngClass]&#x3D;&quot;{
207
- &#x27;cds--progress-step-button--unclickable&#x27;: !step.onClick || current &#x3D;&#x3D;&#x3D; i
207
+ &#x27;cds--progress-step-button--unclickable&#x27;: !step.onClick || current &#x3D;&#x3D;&#x3D; i || skeleton
208
208
  }&quot;
209
209
  [disabled]&#x3D;&quot;step.disabled&quot;
210
210
  [attr.aria-disabled]&#x3D;&quot;step.disabled&quot;
@@ -226,7 +226,7 @@
226
226
  &lt;/svg&gt;
227
227
  &lt;div class&#x3D;&quot;cds--progress-text&quot;&gt;
228
228
  &lt;p class&#x3D;&quot;cds--progress-label&quot;&gt;{{step.label}}&lt;/p&gt;
229
- @if (step.secondaryLabel) {
229
+ @if (step.secondaryLabel &amp;&amp; !skeleton) {
230
230
  &lt;p class&#x3D;&quot;cds--progress-optional&quot;&gt;{{step.secondaryLabel}}&lt;/p&gt;
231
231
  }
232
232
  &lt;/div&gt;
@@ -588,8 +588,8 @@
588
588
 
589
589
  <tr>
590
590
  <td class="col-md-4">
591
- <div class="io-line">Defined in <a href="" data-line="147"
592
- class="link-to-prism">src/progress-indicator/progress-indicator.component.ts:147</a></div>
591
+ <div class="io-line">Defined in <a href="" data-line="151"
592
+ class="link-to-prism">src/progress-indicator/progress-indicator.component.ts:151</a></div>
593
593
  </td>
594
594
  </tr>
595
595
 
@@ -742,8 +742,8 @@ Weight of state goes from error, incomplete, current, and complete</p>
742
742
 
743
743
  <tr>
744
744
  <td class="col-md-4">
745
- <div class="io-line">Defined in <a href="" data-line="159"
746
- class="link-to-prism">src/progress-indicator/progress-indicator.component.ts:159</a></div>
745
+ <div class="io-line">Defined in <a href="" data-line="163"
746
+ class="link-to-prism">src/progress-indicator/progress-indicator.component.ts:163</a></div>
747
747
  </td>
748
748
  </tr>
749
749
 
@@ -1051,7 +1051,7 @@ import { IconDirective } from &quot;carbon-components-angular/icon&quot;;
1051
1051
  type&#x3D;&quot;button&quot;
1052
1052
  class&#x3D;&quot;cds--progress-step-button&quot;
1053
1053
  [ngClass]&#x3D;&quot;{
1054
- &#x27;cds--progress-step-button--unclickable&#x27;: !step.onClick || current &#x3D;&#x3D;&#x3D; i
1054
+ &#x27;cds--progress-step-button--unclickable&#x27;: !step.onClick || current &#x3D;&#x3D;&#x3D; i || skeleton
1055
1055
  }&quot;
1056
1056
  [disabled]&#x3D;&quot;step.disabled&quot;
1057
1057
  [attr.aria-disabled]&#x3D;&quot;step.disabled&quot;
@@ -1073,7 +1073,7 @@ import { IconDirective } from &quot;carbon-components-angular/icon&quot;;
1073
1073
  &lt;/svg&gt;
1074
1074
  &lt;div class&#x3D;&quot;cds--progress-text&quot;&gt;
1075
1075
  &lt;p class&#x3D;&quot;cds--progress-label&quot;&gt;{{step.label}}&lt;/p&gt;
1076
- @if (step.secondaryLabel) {
1076
+ @if (step.secondaryLabel &amp;&amp; !skeleton) {
1077
1077
  &lt;p class&#x3D;&quot;cds--progress-optional&quot;&gt;{{step.secondaryLabel}}&lt;/p&gt;
1078
1078
  }
1079
1079
  &lt;/div&gt;
@@ -1136,6 +1136,10 @@ export class ProgressIndicator {
1136
1136
  * @param index number
1137
1137
  */
1138
1138
  onClick(index: number) {
1139
+ if (this.skeleton) {
1140
+ return;
1141
+ }
1142
+
1139
1143
  if (index !&#x3D;&#x3D; this.current &amp;&amp; typeof this.steps[index].onClick &#x3D;&#x3D;&#x3D; &quot;function&quot;) {
1140
1144
  this.steps[index].onClick();
1141
1145
  }
@@ -1207,7 +1211,7 @@ export class ProgressIndicator {
1207
1211
  <script src="../js/libs/htmlparser.js"></script>
1208
1212
  <script src="../js/libs/deep-iterator.js"></script>
1209
1213
  <script>
1210
- var COMPONENT_TEMPLATE = '<div><ul data-progress data-progress-current class="cds--progress" [ngClass]="{ \'cds--skeleton\': skeleton, \'cds--progress--vertical\': (orientation === \'vertical\'), \'cds--progress--space-equal\': spacing === \'equal\' && orientation !== \'vertical\' }"> @for (step of steps; track step; let i = $index) { <li class="cds--progress-step" [ngClass]="{ \'cds--progress-step--disabled\' : step.disabled, \'cds--progress-step--complete\' : step.complete, \'cds--progress-step--incomplete\' : !step.complete && i !== current, \'cds--progress-step--current\': i === current }"> <button type="button" class="cds--progress-step-button" [ngClass]="{ \'cds--progress-step-button--unclickable\': !step.onClick || current === i }" [disabled]="step.disabled" [attr.aria-disabled]="step.disabled" [tabindex]="(current !== i && step.onClick && !step.disabled) ? 0 : -1" [title]="step.label" (click)="onClick(i)"> <span class="cds--assistive-text"> {{this.translations[getCurrentState(i)?.toUpperCase()]}} </span> <svg [cdsIcon]="statusIcons[getCurrentState(i)]" size="16" [ngClass]="{ \'cds--progress__warning\': step.invalid && i !== current }"> @if (step.description) { <title>{{step.description}}</title> } </svg> <div class="cds--progress-text"> <p class="cds--progress-label">{{step.label}}</p> @if (step.secondaryLabel) { <p class="cds--progress-optional">{{step.secondaryLabel}}</p> } </div> <span class="cds--progress-line"></span> </button> </li> }</ul> </div>'
1214
+ var COMPONENT_TEMPLATE = '<div><ul data-progress data-progress-current class="cds--progress" [ngClass]="{ \'cds--skeleton\': skeleton, \'cds--progress--vertical\': (orientation === \'vertical\'), \'cds--progress--space-equal\': spacing === \'equal\' && orientation !== \'vertical\' }"> @for (step of steps; track step; let i = $index) { <li class="cds--progress-step" [ngClass]="{ \'cds--progress-step--disabled\' : step.disabled, \'cds--progress-step--complete\' : step.complete, \'cds--progress-step--incomplete\' : !step.complete && i !== current, \'cds--progress-step--current\': i === current }"> <button type="button" class="cds--progress-step-button" [ngClass]="{ \'cds--progress-step-button--unclickable\': !step.onClick || current === i || skeleton }" [disabled]="step.disabled" [attr.aria-disabled]="step.disabled" [tabindex]="(current !== i && step.onClick && !step.disabled) ? 0 : -1" [title]="step.label" (click)="onClick(i)"> <span class="cds--assistive-text"> {{this.translations[getCurrentState(i)?.toUpperCase()]}} </span> <svg [cdsIcon]="statusIcons[getCurrentState(i)]" size="16" [ngClass]="{ \'cds--progress__warning\': step.invalid && i !== current }"> @if (step.description) { <title>{{step.description}}</title> } </svg> <div class="cds--progress-text"> <p class="cds--progress-label">{{step.label}}</p> @if (step.secondaryLabel && !skeleton) { <p class="cds--progress-optional">{{step.secondaryLabel}}</p> } </div> <span class="cds--progress-line"></span> </button> </li> }</ul> </div>'
1211
1215
  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': 'AILabelComponent', 'selector': 'cds-ai-label, ibm-ai-label'},{'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': 'CheckboxGroup', 'selector': 'cds-checkbox-group, ibm-checkbox-group'},{'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': 'IconTab', 'selector': 'cds-icon-tab, ibm-icon-tab'},{'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': 'SkeletonIcon', 'selector': 'cds-skeleton-icon, ibm-skeleton-icon'},{'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': 'TabHeaderComponent', 'selector': 'cds-tab-header, ibm-tab-header'},{'name': 'TabHeaderGroup', 'selector': 'cds-tab-header-group, ibm-tab-header-group'},{'name': 'TabHeaderGroupVertical', 'selector': 'cds-tab-header-group-vertical, ibm-tab-header-group-vertical'},{'name': 'TabHeaders', 'selector': 'cds-tab-headers, ibm-tab-headers'},{'name': 'TabHeadersVertical', 'selector': 'cds-tab-headers-vertical, ibm-tab-headers-vertical'},{'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': 'TableHeaderDecorator', 'selector': 'cds-table-header-decorator, ibm-table-header-decorator'},{'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': 'TabsVertical', 'selector': 'cds-tabs-vertical, ibm-tabs-vertical'},{'name': 'TabsVerticalGrouped', 'selector': 'cds-tabs-vertical-grouped, ibm-tabs-vertical-grouped'},{'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'}];
1212
1216
  var DIRECTIVES = [{'name': 'AbstractDropdownView', 'selector': '[cdsAbstractDropdownView], [ibmAbstractDropdownView]'},{'name': 'ActionableButton', 'selector': '[cdsActionableButton], [ibmActionableButton]'},{'name': 'ActionableSubtitle', 'selector': '[cdsActionableSubtitle], [ibmActionableSubtitle]'},{'name': 'ActionableTitle', 'selector': '[cdsActionableTitle], [ibmActionableTitle]'},{'name': 'AILabelActions', 'selector': '[cdsAILabelActions], [ibmAILabelActions]'},{'name': 'AILabelContent', 'selector': '[cdsAILabelContent], [ibmAILabelContent]'},{'name': 'AILabelPopoverDirective', 'selector': '[cdsAILabelPopover]'},{'name': 'AspectRatioDirective', 'selector': '[cdsAspectRatio], [ibmAspectRatio]'},{'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': 'TabHeaderBase', 'selector': ''},{'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]'}];
1213
1217
  var ACTUAL_COMPONENT = {'name': 'ProgressIndicator'};