carbon-components-angular 6.0.0-rc.25 → 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.
- package/docs/documentation/components/Header.html +20 -27
- package/docs/documentation/components/HeaderItem.html +164 -55
- package/docs/documentation/coverage.html +3 -3
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/InlineLoadingModule/dependencies.svg +4 -4
- package/docs/documentation/modules/InlineLoadingModule.html +4 -4
- package/docs/documentation/modules/InputModule/dependencies.svg +4 -4
- package/docs/documentation/modules/InputModule.html +4 -4
- package/docs/documentation/modules/LayerModule/dependencies.svg +4 -4
- package/docs/documentation/modules/LayerModule.html +4 -4
- package/docs/documentation/modules/LoadingModule/dependencies.svg +4 -4
- package/docs/documentation/modules/LoadingModule.html +4 -4
- package/docs/documentation/modules/MenuButton/dependencies.svg +4 -4
- package/docs/documentation/modules/MenuButton.html +4 -4
- package/docs/documentation/modules/ModalModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ModalModule.html +4 -4
- package/docs/documentation/modules/NFormsModule/dependencies.svg +4 -4
- package/docs/documentation/modules/NFormsModule.html +4 -4
- package/docs/documentation/modules/NotificationModule/dependencies.svg +129 -129
- package/docs/documentation/modules/NotificationModule.html +129 -129
- package/docs/documentation/modules/PanelModule/dependencies.svg +4 -4
- package/docs/documentation/modules/PanelModule.html +4 -4
- package/docs/documentation/modules/PlaceholderModule/dependencies.svg +4 -4
- package/docs/documentation/modules/PlaceholderModule.html +4 -4
- package/docs/documentation/modules/RadioModule/dependencies.svg +4 -4
- package/docs/documentation/modules/RadioModule.html +4 -4
- package/docs/documentation/modules/SideNavModule/dependencies.svg +4 -4
- package/docs/documentation/modules/SideNavModule.html +4 -4
- package/docs/documentation/modules/SkeletonModule/dependencies.svg +4 -4
- package/docs/documentation/modules/SkeletonModule.html +4 -4
- package/docs/documentation/modules/StructuredListModule/dependencies.svg +4 -4
- package/docs/documentation/modules/StructuredListModule.html +4 -4
- package/docs/documentation/modules/TagModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TagModule.html +4 -4
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TimePickerSelectModule.html +4 -4
- package/docs/documentation/modules/ToggleModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ToggleModule.html +4 -4
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ToggletipModule.html +4 -4
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TreeviewModule.html +4 -4
- package/docs/documentation.json +73 -44
- package/docs/storybook/5028.4372822a.iframe.bundle.js +2 -0
- package/docs/storybook/5028.4372822a.iframe.bundle.js.map +1 -0
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/{main.383af198.iframe.bundle.js → main.69f35539.iframe.bundle.js} +2 -2
- package/docs/storybook/{main.383af198.iframe.bundle.js.map → main.69f35539.iframe.bundle.js.map} +1 -1
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.ec69f997.iframe.bundle.js → runtime~main.9717b4b5.iframe.bundle.js} +2 -2
- package/docs/storybook/{runtime~main.ec69f997.iframe.bundle.js.map → runtime~main.9717b4b5.iframe.bundle.js.map} +1 -1
- package/fesm2022/carbon-components-angular-ui-shell.mjs +25 -26
- package/fesm2022/carbon-components-angular-ui-shell.mjs.map +1 -1
- package/package.json +1 -1
- package/ui-shell/index.d.ts +4 -2
- package/docs/storybook/5028.1ba843cc.iframe.bundle.js +0 -2
- package/docs/storybook/5028.1ba843cc.iframe.bundle.js.map +0 -1
|
@@ -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="cds--header__menu-item"
|
|
206
200
|
tabindex="0"
|
|
207
201
|
[ngClass]="{'cds--header__menu-item--current' : isCurrentPage}"
|
|
208
|
-
[
|
|
209
|
-
|
|
202
|
+
[routerLink]="route"
|
|
203
|
+
[routerLinkActive]="routerLinkActiveClasses">
|
|
210
204
|
<ng-container *ngTemplateOutlet="content" />
|
|
211
205
|
</a>
|
|
212
206
|
} @else {
|
|
@@ -214,8 +208,8 @@
|
|
|
214
208
|
class="cds--header__menu-item"
|
|
215
209
|
tabindex="0"
|
|
216
210
|
[ngClass]="{'cds--header__menu-item--current' : isCurrentPage}"
|
|
217
|
-
[
|
|
218
|
-
|
|
211
|
+
[href]="href"
|
|
212
|
+
(click)="navigate($event)">
|
|
219
213
|
<ng-container *ngTemplateOutlet="content" />
|
|
220
214
|
</a>
|
|
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="#
|
|
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="
|
|
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 |
|
|
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>""</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="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
647
|
-
class="link-to-prism">src/ui-shell/header/header-item.component.ts:
|
|
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>""</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="
|
|
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="
|
|
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="
|
|
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="
|
|
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>["cds--header__menu-item--current"]</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="
|
|
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="
|
|
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="
|
|
900
|
-
<span class="name"><b>
|
|
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>
|
|
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="
|
|
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 "@angular/common";
|
|
|
945
1055
|
class="cds--header__menu-item"
|
|
946
1056
|
tabindex="0"
|
|
947
1057
|
[ngClass]="{'cds--header__menu-item--current' : isCurrentPage}"
|
|
948
|
-
[
|
|
949
|
-
|
|
1058
|
+
[routerLink]="route"
|
|
1059
|
+
[routerLinkActive]="routerLinkActiveClasses">
|
|
950
1060
|
<ng-container *ngTemplateOutlet="content" />
|
|
951
1061
|
</a>
|
|
952
1062
|
} @else {
|
|
@@ -954,8 +1064,8 @@ import { NgClass, NgTemplateOutlet } from "@angular/common";
|
|
|
954
1064
|
class="cds--header__menu-item"
|
|
955
1065
|
tabindex="0"
|
|
956
1066
|
[ngClass]="{'cds--header__menu-item--current' : isCurrentPage}"
|
|
957
|
-
[
|
|
958
|
-
|
|
1067
|
+
[href]="href"
|
|
1068
|
+
(click)="navigate($event)">
|
|
959
1069
|
<ng-container *ngTemplateOutlet="content" />
|
|
960
1070
|
</a>
|
|
961
1071
|
}
|
|
@@ -970,8 +1080,7 @@ import { NgClass, NgTemplateOutlet } from "@angular/common";
|
|
|
970
1080
|
NgTemplateOutlet,
|
|
971
1081
|
RouterLinkActive,
|
|
972
1082
|
RouterLink
|
|
973
|
-
]
|
|
974
|
-
providers: [Router]
|
|
1083
|
+
]
|
|
975
1084
|
})
|
|
976
1085
|
export class HeaderItem {
|
|
977
1086
|
@HostBinding("attr.role") role = "listitem";
|
|
@@ -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[]
|
|
1107
|
+
@Input() set activeLinkClass(v: string | string[]) {
|
|
1108
|
+
this._activeLinkClass = v;
|
|
1109
|
+
// Compute once per input change
|
|
1110
|
+
const extra = v === "" || v == null ? [] : Array.isArray(v) ? v : [v];
|
|
1111
|
+
this.routerLinkActiveClasses = ["cds--header__menu-item--current", ...extra];
|
|
1112
|
+
}
|
|
999
1113
|
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
if (this.activeLinkClass === "" || this.activeLinkClass == null) {
|
|
1003
|
-
return [base];
|
|
1004
|
-
}
|
|
1005
|
-
const extra = 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 = new EventEmitter<Promise<boolean>>();
|
|
1032
1139
|
|
|
1033
1140
|
protected _href = "#";
|
|
1141
|
+
protected _activeLinkClass: string | string[] = "";
|
|
1142
|
+
protected routerLinkActiveClasses: string[] = ["cds--header__menu-item--current"];
|
|
1034
1143
|
|
|
1035
1144
|
protected domSanitizer = inject(DomSanitizer);
|
|
1036
1145
|
protected router = 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}" [
|
|
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'};
|
|
@@ -3681,9 +3681,9 @@
|
|
|
3681
3681
|
</td>
|
|
3682
3682
|
<td>component</td>
|
|
3683
3683
|
<td>HeaderItem</td>
|
|
3684
|
-
<td align="right" data-sort="
|
|
3685
|
-
<span class="coverage-percent">
|
|
3686
|
-
<span class="coverage-count">(7/
|
|
3684
|
+
<td align="right" data-sort="41">
|
|
3685
|
+
<span class="coverage-percent">41 %</span>
|
|
3686
|
+
<span class="coverage-count">(7/17)</span>
|
|
3687
3687
|
</td>
|
|
3688
3688
|
</tr>
|
|
3689
3689
|
<tr class="low">
|