carbon-components-angular 5.28.1 → 5.28.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/docs/documentation/components/TreeNodeComponent.html +96 -50
  2. package/docs/documentation/coverage.html +4 -4
  3. package/docs/documentation/interfaces/Node.html +47 -1
  4. package/docs/documentation/js/search/search_index.js +2 -2
  5. package/docs/documentation/modules/TagModule/dependencies.svg +4 -4
  6. package/docs/documentation/modules/TagModule.html +4 -4
  7. package/docs/documentation/modules/ThemeModule/dependencies.svg +15 -15
  8. package/docs/documentation/modules/ThemeModule.html +15 -15
  9. package/docs/documentation/modules/TilesModule/dependencies.svg +101 -101
  10. package/docs/documentation/modules/TilesModule.html +101 -101
  11. package/docs/documentation/modules/TimePickerModule/dependencies.svg +17 -17
  12. package/docs/documentation/modules/TimePickerModule.html +17 -17
  13. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +48 -44
  14. package/docs/documentation/modules/TimePickerSelectModule.html +48 -44
  15. package/docs/documentation/modules/ToggleModule/dependencies.svg +41 -45
  16. package/docs/documentation/modules/ToggleModule.html +41 -45
  17. package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
  18. package/docs/documentation/modules/ToggletipModule.html +4 -4
  19. package/docs/documentation/modules/TooltipModule/dependencies.svg +28 -28
  20. package/docs/documentation/modules/TooltipModule.html +28 -28
  21. package/docs/documentation/modules/TreeviewModule/dependencies.svg +34 -34
  22. package/docs/documentation/modules/TreeviewModule.html +34 -34
  23. package/docs/documentation.json +144 -127
  24. package/docs/storybook/iframe.html +2 -2
  25. package/docs/storybook/main.7f1e6078.iframe.bundle.js +1 -0
  26. package/docs/storybook/project.json +1 -1
  27. package/docs/storybook/{runtime~main.ad02d1c9.iframe.bundle.js → runtime~main.65e5750e.iframe.bundle.js} +1 -1
  28. package/docs/storybook/{treeview-treeview-stories.0b6b2e75.iframe.bundle.js → treeview-treeview-stories.67d5b54c.iframe.bundle.js} +1 -1
  29. package/esm2020/treeview/tree-node.component.mjs +30 -7
  30. package/esm2020/treeview/tree-node.types.mjs +1 -1
  31. package/esm2020/treeview/treeview.component.mjs +1 -1
  32. package/fesm2015/carbon-components-angular-treeview.mjs +37 -14
  33. package/fesm2015/carbon-components-angular-treeview.mjs.map +1 -1
  34. package/fesm2020/carbon-components-angular-treeview.mjs +30 -7
  35. package/fesm2020/carbon-components-angular-treeview.mjs.map +1 -1
  36. package/package.json +1 -1
  37. package/treeview/tree-node.component.d.ts +2 -1
  38. package/treeview/tree-node.types.d.ts +1 -0
  39. package/docs/storybook/main.498528cf.iframe.bundle.js +0 -1
package/docs/documentation/components/TreeNodeComponent.html CHANGED
@@ -190,7 +190,12 @@
190
190
  </svg>
191
191
  </ng-container>
192
192
  <ng-template *ngIf="isTemplate(icon)" [ngTemplateOutlet]="icon"></ng-template>
193
- {{label}}
193
+ <ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container>
194
+ <ng-template
195
+ *ngIf="isTemplate(label)"
196
+ [ngTemplateOutlet]="label"
197
+ [ngTemplateOutletContext]="{ $implicit: labelContext }">
198
+ </ng-template>
194
199
  </div>
195
200
  <div
196
201
  *ngIf="children.length"
@@ -224,7 +229,12 @@
224
229
  [ngTemplateOutlet]="icon"
225
230
  [ngTemplateOutletContext]="{ $implicit: iconContext }">
226
231
  </ng-template>
227
- {{label}}
232
+ <ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container>
233
+ <ng-template
234
+ *ngIf="isTemplate(label)"
235
+ [ngTemplateOutlet]="label"
236
+ [ngTemplateOutletContext]="{ $implicit: labelContext }">
237
+ </ng-template>
228
238
  </span>
229
239
  </div>
230
240
  <div
@@ -372,6 +382,9 @@
372
382
  <li>
373
383
  <a href="#label" >label</a>
374
384
  </li>
385
+ <li>
386
+ <a href="#labelContext" >labelContext</a>
387
+ </li>
375
388
  <li>
376
389
  <a href="#node" >node</a>
377
390
  </li>
@@ -440,7 +453,7 @@
440
453
  </tr>
441
454
  <tr>
442
455
  <td class="col-md-4">
443
- <div class="io-line">Defined in <a href="" data-line="160" class="link-to-prism">src/treeview/tree-node.component.ts:160</a></div>
456
+ <div class="io-line">Defined in <a href="" data-line="172" class="link-to-prism">src/treeview/tree-node.component.ts:172</a></div>
444
457
  </td>
445
458
  </tr>
446
459
 
@@ -501,7 +514,7 @@
501
514
  </tr>
502
515
  <tr>
503
516
  <td class="col-md-2" colspan="2">
504
- <div class="io-line">Defined in <a href="" data-line="113" class="link-to-prism">src/treeview/tree-node.component.ts:113</a></div>
517
+ <div class="io-line">Defined in <a href="" data-line="123" class="link-to-prism">src/treeview/tree-node.component.ts:123</a></div>
505
518
  </td>
506
519
  </tr>
507
520
  </tbody>
@@ -527,7 +540,7 @@
527
540
  </tr>
528
541
  <tr>
529
542
  <td class="col-md-2" colspan="2">
530
- <div class="io-line">Defined in <a href="" data-line="121" class="link-to-prism">src/treeview/tree-node.component.ts:121</a></div>
543
+ <div class="io-line">Defined in <a href="" data-line="132" class="link-to-prism">src/treeview/tree-node.component.ts:132</a></div>
531
544
  </td>
532
545
  </tr>
533
546
  </tbody>
@@ -553,7 +566,7 @@
553
566
  </tr>
554
567
  <tr>
555
568
  <td class="col-md-2" colspan="2">
556
- <div class="io-line">Defined in <a href="" data-line="127" class="link-to-prism">src/treeview/tree-node.component.ts:127</a></div>
569
+ <div class="io-line">Defined in <a href="" data-line="138" class="link-to-prism">src/treeview/tree-node.component.ts:138</a></div>
557
570
  </td>
558
571
  </tr>
559
572
  <tr>
@@ -586,7 +599,7 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
586
599
  </tr>
587
600
  <tr>
588
601
  <td class="col-md-2" colspan="2">
589
- <div class="io-line">Defined in <a href="" data-line="114" class="link-to-prism">src/treeview/tree-node.component.ts:114</a></div>
602
+ <div class="io-line">Defined in <a href="" data-line="124" class="link-to-prism">src/treeview/tree-node.component.ts:124</a></div>
590
603
  </td>
591
604
  </tr>
592
605
  </tbody>
@@ -612,7 +625,7 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
612
625
  </tr>
613
626
  <tr>
614
627
  <td class="col-md-2" colspan="2">
615
- <div class="io-line">Defined in <a href="" data-line="115" class="link-to-prism">src/treeview/tree-node.component.ts:115</a></div>
628
+ <div class="io-line">Defined in <a href="" data-line="125" class="link-to-prism">src/treeview/tree-node.component.ts:125</a></div>
616
629
  </td>
617
630
  </tr>
618
631
  </tbody>
@@ -633,7 +646,7 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
633
646
  </tr>
634
647
  <tr>
635
648
  <td class="col-md-2" colspan="2">
636
- <div class="io-line">Defined in <a href="" data-line="119" class="link-to-prism">src/treeview/tree-node.component.ts:119</a></div>
649
+ <div class="io-line">Defined in <a href="" data-line="130" class="link-to-prism">src/treeview/tree-node.component.ts:130</a></div>
637
650
  </td>
638
651
  </tr>
639
652
  </tbody>
@@ -654,7 +667,7 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
654
667
  </tr>
655
668
  <tr>
656
669
  <td class="col-md-2" colspan="2">
657
- <div class="io-line">Defined in <a href="" data-line="120" class="link-to-prism">src/treeview/tree-node.component.ts:120</a></div>
670
+ <div class="io-line">Defined in <a href="" data-line="131" class="link-to-prism">src/treeview/tree-node.component.ts:131</a></div>
658
671
  </td>
659
672
  </tr>
660
673
  </tbody>
@@ -680,7 +693,7 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
680
693
  </tr>
681
694
  <tr>
682
695
  <td class="col-md-2" colspan="2">
683
- <div class="io-line">Defined in <a href="" data-line="112" class="link-to-prism">src/treeview/tree-node.component.ts:112</a></div>
696
+ <div class="io-line">Defined in <a href="" data-line="122" class="link-to-prism">src/treeview/tree-node.component.ts:122</a></div>
684
697
  </td>
685
698
  </tr>
686
699
  </tbody>
@@ -701,7 +714,28 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
701
714
  </tr>
702
715
  <tr>
703
716
  <td class="col-md-2" colspan="2">
704
- <div class="io-line">Defined in <a href="" data-line="116" class="link-to-prism">src/treeview/tree-node.component.ts:116</a></div>
717
+ <div class="io-line">Defined in <a href="" data-line="126" class="link-to-prism">src/treeview/tree-node.component.ts:126</a></div>
718
+ </td>
719
+ </tr>
720
+ </tbody>
721
+ </table>
722
+ <table class="table table-sm table-bordered">
723
+ <tbody>
724
+ <tr>
725
+ <td class="col-md-4">
726
+ <a name="labelContext"></a>
727
+ <b>labelContext</b>
728
+ </td>
729
+ </tr>
730
+ <tr>
731
+ <td class="col-md-4">
732
+ <i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
733
+
734
+ </td>
735
+ </tr>
736
+ <tr>
737
+ <td class="col-md-2" colspan="2">
738
+ <div class="io-line">Defined in <a href="" data-line="127" class="link-to-prism">src/treeview/tree-node.component.ts:127</a></div>
705
739
  </td>
706
740
  </tr>
707
741
  </tbody>
@@ -722,7 +756,7 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
722
756
  </tr>
723
757
  <tr>
724
758
  <td class="col-md-2" colspan="2">
725
- <div class="io-line">Defined in <a href="" data-line="133" class="link-to-prism">src/treeview/tree-node.component.ts:133</a></div>
759
+ <div class="io-line">Defined in <a href="" data-line="144" class="link-to-prism">src/treeview/tree-node.component.ts:144</a></div>
726
760
  </td>
727
761
  </tr>
728
762
  <tr>
@@ -755,7 +789,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
755
789
  </tr>
756
790
  <tr>
757
791
  <td class="col-md-2" colspan="2">
758
- <div class="io-line">Defined in <a href="" data-line="117" class="link-to-prism">src/treeview/tree-node.component.ts:117</a></div>
792
+ <div class="io-line">Defined in <a href="" data-line="128" class="link-to-prism">src/treeview/tree-node.component.ts:128</a></div>
759
793
  </td>
760
794
  </tr>
761
795
  </tbody>
@@ -776,7 +810,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
776
810
  </tr>
777
811
  <tr>
778
812
  <td class="col-md-2" colspan="2">
779
- <div class="io-line">Defined in <a href="" data-line="118" class="link-to-prism">src/treeview/tree-node.component.ts:118</a></div>
813
+ <div class="io-line">Defined in <a href="" data-line="129" class="link-to-prism">src/treeview/tree-node.component.ts:129</a></div>
780
814
  </td>
781
815
  </tr>
782
816
  </tbody>
@@ -800,7 +834,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
800
834
  </tr>
801
835
  <tr>
802
836
  <td class="col-md-2" colspan="2">
803
- <div class="io-line">Defined in <a href="" data-line="154" class="link-to-prism">src/treeview/tree-node.component.ts:154</a></div>
837
+ <div class="io-line">Defined in <a href="" data-line="166" class="link-to-prism">src/treeview/tree-node.component.ts:166</a></div>
804
838
  </td>
805
839
  </tr>
806
840
  </tbody>
@@ -821,7 +855,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
821
855
  </tr>
822
856
  <tr>
823
857
  <td class="col-md-2" colspan="2">
824
- <div class="io-line">Defined in <a href="" data-line="153" class="link-to-prism">src/treeview/tree-node.component.ts:153</a></div>
858
+ <div class="io-line">Defined in <a href="" data-line="165" class="link-to-prism">src/treeview/tree-node.component.ts:165</a></div>
825
859
  </td>
826
860
  </tr>
827
861
  </tbody>
@@ -842,7 +876,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
842
876
  </tr>
843
877
  <tr>
844
878
  <td class="col-md-2" colspan="2">
845
- <div class="io-line">Defined in <a href="" data-line="155" class="link-to-prism">src/treeview/tree-node.component.ts:155</a></div>
879
+ <div class="io-line">Defined in <a href="" data-line="167" class="link-to-prism">src/treeview/tree-node.component.ts:167</a></div>
846
880
  </td>
847
881
  </tr>
848
882
  </tbody>
@@ -863,7 +897,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
863
897
  </tr>
864
898
  <tr>
865
899
  <td class="col-md-2" colspan="2">
866
- <div class="io-line">Defined in <a href="" data-line="156" class="link-to-prism">src/treeview/tree-node.component.ts:156</a></div>
900
+ <div class="io-line">Defined in <a href="" data-line="168" class="link-to-prism">src/treeview/tree-node.component.ts:168</a></div>
867
901
  </td>
868
902
  </tr>
869
903
  </tbody>
@@ -896,8 +930,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
896
930
 
897
931
  <tr>
898
932
  <td class="col-md-4">
899
- <div class="io-line">Defined in <a href="" data-line="207"
900
- class="link-to-prism">src/treeview/tree-node.component.ts:207</a></div>
933
+ <div class="io-line">Defined in <a href="" data-line="219"
934
+ class="link-to-prism">src/treeview/tree-node.component.ts:219</a></div>
901
935
  </td>
902
936
  </tr>
903
937
 
@@ -939,8 +973,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
939
973
 
940
974
  <tr>
941
975
  <td class="col-md-4">
942
- <div class="io-line">Defined in <a href="" data-line="230"
943
- class="link-to-prism">src/treeview/tree-node.component.ts:230</a></div>
976
+ <div class="io-line">Defined in <a href="" data-line="242"
977
+ class="link-to-prism">src/treeview/tree-node.component.ts:242</a></div>
944
978
  </td>
945
979
  </tr>
946
980
 
@@ -1002,8 +1036,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1002
1036
 
1003
1037
  <tr>
1004
1038
  <td class="col-md-4">
1005
- <div class="io-line">Defined in <a href="" data-line="226"
1006
- class="link-to-prism">src/treeview/tree-node.component.ts:226</a></div>
1039
+ <div class="io-line">Defined in <a href="" data-line="238"
1040
+ class="link-to-prism">src/treeview/tree-node.component.ts:238</a></div>
1007
1041
  </td>
1008
1042
  </tr>
1009
1043
 
@@ -1067,8 +1101,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1067
1101
 
1068
1102
  <tr>
1069
1103
  <td class="col-md-4">
1070
- <div class="io-line">Defined in <a href="" data-line="277"
1071
- class="link-to-prism">src/treeview/tree-node.component.ts:277</a></div>
1104
+ <div class="io-line">Defined in <a href="" data-line="289"
1105
+ class="link-to-prism">src/treeview/tree-node.component.ts:289</a></div>
1072
1106
  </td>
1073
1107
  </tr>
1074
1108
 
@@ -1106,8 +1140,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1106
1140
 
1107
1141
  <tr>
1108
1142
  <td class="col-md-4">
1109
- <div class="io-line">Defined in <a href="" data-line="273"
1110
- class="link-to-prism">src/treeview/tree-node.component.ts:273</a></div>
1143
+ <div class="io-line">Defined in <a href="" data-line="285"
1144
+ class="link-to-prism">src/treeview/tree-node.component.ts:285</a></div>
1111
1145
  </td>
1112
1146
  </tr>
1113
1147
 
@@ -1169,8 +1203,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1169
1203
 
1170
1204
  <tr>
1171
1205
  <td class="col-md-4">
1172
- <div class="io-line">Defined in <a href="" data-line="250"
1173
- class="link-to-prism">src/treeview/tree-node.component.ts:250</a></div>
1206
+ <div class="io-line">Defined in <a href="" data-line="262"
1207
+ class="link-to-prism">src/treeview/tree-node.component.ts:262</a></div>
1174
1208
  </td>
1175
1209
  </tr>
1176
1210
 
@@ -1238,8 +1272,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1238
1272
 
1239
1273
  <tr>
1240
1274
  <td class="col-md-4">
1241
- <div class="io-line">Defined in <a href="" data-line="167"
1242
- class="link-to-prism">src/treeview/tree-node.component.ts:167</a></div>
1275
+ <div class="io-line">Defined in <a href="" data-line="179"
1276
+ class="link-to-prism">src/treeview/tree-node.component.ts:179</a></div>
1243
1277
  </td>
1244
1278
  </tr>
1245
1279
 
@@ -1277,8 +1311,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1277
1311
 
1278
1312
  <tr>
1279
1313
  <td class="col-md-4">
1280
- <div class="io-line">Defined in <a href="" data-line="185"
1281
- class="link-to-prism">src/treeview/tree-node.component.ts:185</a></div>
1314
+ <div class="io-line">Defined in <a href="" data-line="197"
1315
+ class="link-to-prism">src/treeview/tree-node.component.ts:197</a></div>
1282
1316
  </td>
1283
1317
  </tr>
1284
1318
 
@@ -1316,8 +1350,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1316
1350
 
1317
1351
  <tr>
1318
1352
  <td class="col-md-4">
1319
- <div class="io-line">Defined in <a href="" data-line="174"
1320
- class="link-to-prism">src/treeview/tree-node.component.ts:174</a></div>
1353
+ <div class="io-line">Defined in <a href="" data-line="186"
1354
+ class="link-to-prism">src/treeview/tree-node.component.ts:186</a></div>
1321
1355
  </td>
1322
1356
  </tr>
1323
1357
 
@@ -1355,8 +1389,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1355
1389
 
1356
1390
  <tr>
1357
1391
  <td class="col-md-4">
1358
- <div class="io-line">Defined in <a href="" data-line="193"
1359
- class="link-to-prism">src/treeview/tree-node.component.ts:193</a></div>
1392
+ <div class="io-line">Defined in <a href="" data-line="205"
1393
+ class="link-to-prism">src/treeview/tree-node.component.ts:205</a></div>
1360
1394
  </td>
1361
1395
  </tr>
1362
1396
 
@@ -1420,8 +1454,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1420
1454
 
1421
1455
  <tr>
1422
1456
  <td class="col-md-4">
1423
- <div class="io-line">Defined in <a href="" data-line="238"
1424
- class="link-to-prism">src/treeview/tree-node.component.ts:238</a></div>
1457
+ <div class="io-line">Defined in <a href="" data-line="250"
1458
+ class="link-to-prism">src/treeview/tree-node.component.ts:250</a></div>
1425
1459
  </td>
1426
1460
  </tr>
1427
1461
 
@@ -1490,7 +1524,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1490
1524
  </tr>
1491
1525
  <tr>
1492
1526
  <td class="col-md-4">
1493
- <div class="io-line">Defined in <a href="" data-line="159" class="link-to-prism">src/treeview/tree-node.component.ts:159</a></div>
1527
+ <div class="io-line">Defined in <a href="" data-line="171" class="link-to-prism">src/treeview/tree-node.component.ts:171</a></div>
1494
1528
  </td>
1495
1529
  </tr>
1496
1530
 
@@ -1510,7 +1544,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1510
1544
  </tr>
1511
1545
  <tr>
1512
1546
  <td class="col-md-4">
1513
- <div class="io-line">Defined in <a href="" data-line="158" class="link-to-prism">src/treeview/tree-node.component.ts:158</a></div>
1547
+ <div class="io-line">Defined in <a href="" data-line="170" class="link-to-prism">src/treeview/tree-node.component.ts:170</a></div>
1514
1548
  </td>
1515
1549
  </tr>
1516
1550
 
@@ -1537,7 +1571,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1537
1571
  </tr>
1538
1572
  <tr>
1539
1573
  <td class="col-md-4">
1540
- <div class="io-line">Defined in <a href="" data-line="160" class="link-to-prism">src/treeview/tree-node.component.ts:160</a></div>
1574
+ <div class="io-line">Defined in <a href="" data-line="172" class="link-to-prism">src/treeview/tree-node.component.ts:172</a></div>
1541
1575
  </td>
1542
1576
  </tr>
1543
1577
 
@@ -1569,7 +1603,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1569
1603
  </tr>
1570
1604
  <tr>
1571
1605
  <td class="col-md-4">
1572
- <div class="io-line">Defined in <a href="" data-line="111" class="link-to-prism">src/treeview/tree-node.component.ts:111</a></div>
1606
+ <div class="io-line">Defined in <a href="" data-line="121" class="link-to-prism">src/treeview/tree-node.component.ts:121</a></div>
1573
1607
  </td>
1574
1608
  </tr>
1575
1609
 
@@ -1598,7 +1632,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1598
1632
  </tr>
1599
1633
  <tr>
1600
1634
  <td class="col-md-4">
1601
- <div class="io-line">Defined in <a href="" data-line="149" class="link-to-prism">src/treeview/tree-node.component.ts:149</a></div>
1635
+ <div class="io-line">Defined in <a href="" data-line="161" class="link-to-prism">src/treeview/tree-node.component.ts:161</a></div>
1602
1636
  </td>
1603
1637
  </tr>
1604
1638
 
@@ -1609,7 +1643,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1609
1643
  </tr>
1610
1644
  <tr>
1611
1645
  <td class="col-md-4">
1612
- <div class="io-line">Defined in <a href="" data-line="133" class="link-to-prism">src/treeview/tree-node.component.ts:133</a></div>
1646
+ <div class="io-line">Defined in <a href="" data-line="144" class="link-to-prism">src/treeview/tree-node.component.ts:144</a></div>
1613
1647
  </td>
1614
1648
  </tr>
1615
1649
  <tr>
@@ -1712,7 +1746,12 @@ import { Node } from &quot;./tree-node.types&quot;;
1712
1746
  &lt;/svg&gt;
1713
1747
  &lt;/ng-container&gt;
1714
1748
  &lt;ng-template *ngIf&#x3D;&quot;isTemplate(icon)&quot; [ngTemplateOutlet]&#x3D;&quot;icon&quot;&gt;&lt;/ng-template&gt;
1715
- {{label}}
1749
+ &lt;ng-container *ngIf&#x3D;&quot;!isTemplate(label)&quot;&gt;{{label}}&lt;/ng-container&gt;
1750
+ &lt;ng-template
1751
+ *ngIf&#x3D;&quot;isTemplate(label)&quot;
1752
+ [ngTemplateOutlet]&#x3D;&quot;label&quot;
1753
+ [ngTemplateOutletContext]&#x3D;&quot;{ $implicit: labelContext }&quot;&gt;
1754
+ &lt;/ng-template&gt;
1716
1755
  &lt;/div&gt;
1717
1756
  &lt;div
1718
1757
  *ngIf&#x3D;&quot;children.length&quot;
@@ -1746,7 +1785,12 @@ import { Node } from &quot;./tree-node.types&quot;;
1746
1785
  [ngTemplateOutlet]&#x3D;&quot;icon&quot;
1747
1786
  [ngTemplateOutletContext]&#x3D;&quot;{ $implicit: iconContext }&quot;&gt;
1748
1787
  &lt;/ng-template&gt;
1749
- {{label}}
1788
+ &lt;ng-container *ngIf&#x3D;&quot;!isTemplate(label)&quot;&gt;{{label}}&lt;/ng-container&gt;
1789
+ &lt;ng-template
1790
+ *ngIf&#x3D;&quot;isTemplate(label)&quot;
1791
+ [ngTemplateOutlet]&#x3D;&quot;label&quot;
1792
+ [ngTemplateOutletContext]&#x3D;&quot;{ $implicit: labelContext }&quot;&gt;
1793
+ &lt;/ng-template&gt;
1750
1794
  &lt;/span&gt;
1751
1795
  &lt;/div&gt;
1752
1796
  &lt;div
@@ -1775,6 +1819,7 @@ export class TreeNodeComponent implements AfterContentChecked, OnInit, OnDestroy
1775
1819
  @Input() disabled &#x3D; false;
1776
1820
  @Input() expanded &#x3D; false;
1777
1821
  @Input() label: string | TemplateRef&lt;any&gt;;
1822
+ @Input() labelContext: any;
1778
1823
  @Input() selected &#x3D; false;
1779
1824
  @Input() value;
1780
1825
  @Input() icon: string | TemplateRef&lt;any&gt;;
@@ -1799,6 +1844,7 @@ export class TreeNodeComponent implements AfterContentChecked, OnInit, OnDestroy
1799
1844
  this.disabled &#x3D; node.disabled ?? this.disabled;
1800
1845
  this.expanded &#x3D; node.expanded ?? this.expanded;
1801
1846
  this.label &#x3D; node.label ?? this.label;
1847
+ this.labelContext &#x3D; node.labelContext ?? this.labelContext;
1802
1848
  this.value &#x3D; node.value ?? this.value;
1803
1849
  this.icon &#x3D; node.icon ?? this.icon;
1804
1850
  this.selected &#x3D; node.selected ?? this.selected;
@@ -1969,7 +2015,7 @@ export class TreeNodeComponent implements AfterContentChecked, OnInit, OnDestroy
1969
2015
  <script src="../js/libs/htmlparser.js"></script>
1970
2016
  <script src="../js/libs/deep-iterator.js"></script>
1971
2017
  <script>
1972
- var COMPONENT_TEMPLATE = '<div><div [id]="id" class="cds--tree-node" [ngClass]="{ \'cds--tree-node--active\': active, \'cds--tree-node--disabled\': disabled, \'cds--tree-node--selected\': selected, \'cds--tree-leaf-node\': !children.length, \'cds--tree-parent-node\': children.length, \'cds--tree-node--with-icon\': icon }" [attr.aria-expanded]="expanded || null" [attr.aria-current]="active || null" [attr.aria-selected]="disabled ? null : selected" [attr.aria-disabled]="disabled" role="treeitem" [attr.tabindex]="selected ? 0 : -1" (focus)="emitFocusEvent($event)" (blur)="emitBlurEvent($event)" (keydown)="navigateTree($event)"> <div *ngIf="!children.length" class="cds--tree-node__label" [style.padding-inline-start.rem]="offset" [style.margin-inline-start.rem]="-offset" (click)="nodeClick($event)"> <!-- Icon --> <ng-container *ngIf="icon && !isTemplate(icon)"> <svg class="cds--tree-node__icon" [cdsIcon]="icon" size="16"> </svg> </ng-container> <ng-template *ngIf="isTemplate(icon)" [ngTemplateOutlet]="icon"></ng-template> {{label}} </div> <div *ngIf="children.length" class="cds--tree-node__label" [style.padding-inline-start.rem]="offset" [style.margin-inline-start.rem]="-offset" role="group" (click)="nodeClick($event)"> <span class="cds--tree-parent-node__toggle" [attr.disabled]="disabled || null" (click)="toggleExpanded($event)"> <svg class="cds--tree-parent-node__toggle-icon" [ngClass]="{\'cds--tree-parent-node__toggle-icon--expanded\' : expanded}" ibmIcon="caret--down" size="16"> </svg> </span> <span class="cds--tree-node__label__details"> <!-- Icon --> <ng-container *ngIf="icon && !isTemplate(icon)"> <svg class="cds--tree-node__icon" [cdsIcon]="icon" size="16"> </svg> </ng-container> <ng-template *ngIf="isTemplate(icon)" [ngTemplateOutlet]="icon" [ngTemplateOutletContext]="{ $implicit: iconContext }"> </ng-template> {{label}} </span> </div> <div *ngIf="expanded" role="group" class="cds--tree-node__children"> <ng-container *ngIf="isProjected(); else notProjected"> <ng-content></ng-content> </ng-container> <ng-template #notProjected> <cds-tree-node *ngFor="let childNode of children" [node]="childNode" [depth]="depth + 1" [disabled]="disabled"> </cds-tree-node> </ng-template> </div></div> </div>'
2018
+ var COMPONENT_TEMPLATE = '<div><div [id]="id" class="cds--tree-node" [ngClass]="{ \'cds--tree-node--active\': active, \'cds--tree-node--disabled\': disabled, \'cds--tree-node--selected\': selected, \'cds--tree-leaf-node\': !children.length, \'cds--tree-parent-node\': children.length, \'cds--tree-node--with-icon\': icon }" [attr.aria-expanded]="expanded || null" [attr.aria-current]="active || null" [attr.aria-selected]="disabled ? null : selected" [attr.aria-disabled]="disabled" role="treeitem" [attr.tabindex]="selected ? 0 : -1" (focus)="emitFocusEvent($event)" (blur)="emitBlurEvent($event)" (keydown)="navigateTree($event)"> <div *ngIf="!children.length" class="cds--tree-node__label" [style.padding-inline-start.rem]="offset" [style.margin-inline-start.rem]="-offset" (click)="nodeClick($event)"> <!-- Icon --> <ng-container *ngIf="icon && !isTemplate(icon)"> <svg class="cds--tree-node__icon" [cdsIcon]="icon" size="16"> </svg> </ng-container> <ng-template *ngIf="isTemplate(icon)" [ngTemplateOutlet]="icon"></ng-template> <ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container> <ng-template *ngIf="isTemplate(label)" [ngTemplateOutlet]="label" [ngTemplateOutletContext]="{ $implicit: labelContext }"> </ng-template> </div> <div *ngIf="children.length" class="cds--tree-node__label" [style.padding-inline-start.rem]="offset" [style.margin-inline-start.rem]="-offset" role="group" (click)="nodeClick($event)"> <span class="cds--tree-parent-node__toggle" [attr.disabled]="disabled || null" (click)="toggleExpanded($event)"> <svg class="cds--tree-parent-node__toggle-icon" [ngClass]="{\'cds--tree-parent-node__toggle-icon--expanded\' : expanded}" ibmIcon="caret--down" size="16"> </svg> </span> <span class="cds--tree-node__label__details"> <!-- Icon --> <ng-container *ngIf="icon && !isTemplate(icon)"> <svg class="cds--tree-node__icon" [cdsIcon]="icon" size="16"> </svg> </ng-container> <ng-template *ngIf="isTemplate(icon)" [ngTemplateOutlet]="icon" [ngTemplateOutletContext]="{ $implicit: iconContext }"> </ng-template> <ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container> <ng-template *ngIf="isTemplate(label)" [ngTemplateOutlet]="label" [ngTemplateOutletContext]="{ $implicit: labelContext }"> </ng-template> </span> </div> <div *ngIf="expanded" role="group" class="cds--tree-node__children"> <ng-container *ngIf="isProjected(); else notProjected"> <ng-content></ng-content> </ng-container> <ng-template #notProjected> <cds-tree-node *ngFor="let childNode of children" [node]="childNode" [depth]="depth + 1" [disabled]="disabled"> </cds-tree-node> </ng-template> </div></div> </div>'
1973
2019
  var COMPONENTS = [{'name': 'Accordion', 'selector': 'cds-accordion, ibm-accordion'},{'name': 'AccordionItem', 'selector': 'cds-accordion-item, ibm-accordion-item'},{'name': 'ActionableNotification', 'selector': 'cds-actionable-notification, ibm-actionable-notification'},{'name': 'AlertModal', 'selector': 'cds-alert-modal, ibm-alert-modal'},{'name': 'BaseIconButton', 'selector': ''},{'name': 'BaseNotification', 'selector': ''},{'name': 'BaseTabHeader', 'selector': ''},{'name': 'Breadcrumb', 'selector': 'cds-breadcrumb, ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'cds-breadcrumb-item, ibm-breadcrumb-item'},{'name': 'ButtonSet', 'selector': 'cds-button-set, ibm-button-set'},{'name': 'Checkbox', 'selector': 'cds-checkbox, ibm-checkbox'},{'name': 'ClickableTile', 'selector': 'cds-clickable-tile, ibm-clickable-tile'},{'name': 'CodeSnippet', 'selector': 'cds-code-snippet, ibm-code-snippet'},{'name': 'ComboBox', 'selector': 'cds-combo-box, ibm-combo-box'},{'name': 'ContainedList', 'selector': 'cds-contained-list, ibm-contained-list'},{'name': 'ContainedListItem', 'selector': 'cds-contained-list-item, ibm-contained-list-item'},{'name': 'ContentSwitcher', 'selector': 'cds-content-switcher, ibm-content-switcher'},{'name': 'ContextMenuComponent', 'selector': 'cds-context-menu, ibm-context-menu'},{'name': 'ContextMenuDividerComponent', 'selector': 'cds-context-menu-divider, ibm-context-menu-divider'},{'name': 'ContextMenuGroupComponent', 'selector': 'cds-context-menu-group, ibm-context-menu-group'},{'name': 'ContextMenuItemComponent', 'selector': 'cds-context-menu-item, ibm-context-menu-item'},{'name': 'DatePicker', 'selector': 'cds-date-picker, ibm-date-picker'},{'name': 'DatePickerInput', 'selector': 'cds-date-picker-input, ibm-date-picker-input'},{'name': 'Dialog', 'selector': 'cds-dialog, ibm-dialog'},{'name': 'Documentation', 'selector': 'cds-documentation'},{'name': 'Dropdown', 'selector': 'cds-dropdown, ibm-dropdown'},{'name': 'DropdownList', 'selector': 'cds-dropdown-list, ibm-dropdown-list'},{'name': 'ExpandableTile', 'selector': 'cds-expandable-tile, ibm-expandable-tile'},{'name': 'FileComponent', 'selector': 'cds-file, ibm-file'},{'name': 'FileUploader', 'selector': 'cds-file-uploader, ibm-file-uploader'},{'name': 'Hamburger', 'selector': 'cds-hamburger, ibm-hamburger'},{'name': 'Header', 'selector': 'cds-header, ibm-header'},{'name': 'HeaderAction', 'selector': 'cds-header-action, ibm-header-action'},{'name': 'HeaderGlobal', 'selector': 'cds-header-global, ibm-header-global'},{'name': 'HeaderItem', 'selector': 'cds-header-item, ibm-header-item'},{'name': 'HeaderMenu', 'selector': 'cds-header-menu, ibm-header-menu'},{'name': 'HeaderNavigation', 'selector': 'cds-header-navigation, ibm-header-navigation'},{'name': 'IconButton', 'selector': 'cds-icon-button, ibm-icon-button'},{'name': 'InlineLoading', 'selector': 'cds-inline-loading, ibm-inline-loading'},{'name': 'Label', 'selector': 'cds-label, ibm-label'},{'name': 'ListColumn', 'selector': 'cds-list-column, ibm-list-column'},{'name': 'ListHeader', 'selector': 'cds-list-header, ibm-list-header'},{'name': 'ListRow', 'selector': 'cds-list-row, ibm-list-row'},{'name': 'Loading', 'selector': 'cds-loading, ibm-loading'},{'name': 'Modal', 'selector': 'cds-modal, ibm-modal'},{'name': 'ModalFooter', 'selector': 'cds-modal-footer, ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'cds-modal-header, ibm-modal-header'},{'name': 'Notification', 'selector': 'cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification'},{'name': 'NumberComponent', 'selector': 'cds-number, ibm-number'},{'name': 'OverflowMenu', 'selector': 'cds-overflow-menu, ibm-overflow-menu'},{'name': 'OverflowMenuCustomPane', 'selector': 'cds-overflow-custom-menu-pane, ibm-overflow-custom-menu-pane'},{'name': 'OverflowMenuOption', 'selector': 'cds-overflow-menu-option, ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'cds-overflow-menu-pane, ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'cds-overlay, ibm-overlay'},{'name': 'Pagination', 'selector': 'cds-pagination, ibm-pagination'},{'name': 'PaginationNav', 'selector': 'cds-pagination-nav, ibm-pagination-navm'},{'name': 'PaginationNavItem', 'selector': 'cds-pagination-nav-item, ibm-pagination-nav-item'},{'name': 'PaginationOverflow', 'selector': 'cds-pagination-overflow, ibm-pagination-overflow'},{'name': 'Panel', 'selector': 'cds-panel, ibm-panel'},{'name': 'PasswordInputLabelComponent', 'selector': 'cds-password-label, ibm-password-label'},{'name': 'Placeholder', 'selector': 'cds-placeholder, ibm-placeholder'},{'name': 'PopoverContent', 'selector': 'cds-popover-content, ibm-popover-content'},{'name': 'ProgressBar', 'selector': 'cds-progress-bar, ibm-progress-bar'},{'name': 'ProgressIndicator', 'selector': 'cds-progress-indicator, ibm-progress-indicator'},{'name': 'Radio', 'selector': 'cds-radio, ibm-radio'},{'name': 'RadioGroup', 'selector': 'cds-radio-group, ibm-radio-group'},{'name': 'Search', 'selector': 'cds-search, ibm-search'},{'name': 'Select', 'selector': 'cds-select, ibm-select'},{'name': 'SelectionTile', 'selector': 'cds-selection-tile, ibm-selection-tile'},{'name': 'SideNav', 'selector': 'cds-sidenav, ibm-sidenav'},{'name': 'SideNavItem', 'selector': 'cds-sidenav-item, ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'cds-sidenav-menu, ibm-sidenav-menu'},{'name': 'SkeletonPlaceholder', 'selector': 'cds-skeleton-placeholder, ibm-skeleton-placeholder'},{'name': 'SkeletonText', 'selector': 'cds-skeleton-text, ibm-skeleton-text'},{'name': 'Slider', 'selector': 'cds-slider, ibm-slider'},{'name': 'StructuredList', 'selector': 'cds-structured-list, ibm-structured-list'},{'name': 'SwitcherList', 'selector': 'cds-switcher-list, ibm-switcher-list'},{'name': 'SwitcherListItem', 'selector': 'cds-switcher-list-item, ibm-switcher-list-item'},{'name': 'Tab', 'selector': 'cds-tab, ibm-tab'},{'name': 'TabHeaderGroup', 'selector': 'cds-tab-header-group, ibm-tab-header-group'},{'name': 'TabHeaders', 'selector': 'cds-tab-headers, ibm-tab-headers'},{'name': 'Table', 'selector': 'cds-table, ibm-table'},{'name': 'TableBody', 'selector': '[cdsTableBody], [ibmTableBody]'},{'name': 'TableCheckbox', 'selector': '[cdsTableCheckbox], [ibmTableCheckbox]'},{'name': 'TableContainer', 'selector': 'cds-table-container, ibm-table-container'},{'name': 'TableData', 'selector': '[cdsTableData], [ibmTableData]'},{'name': 'TableExpandButton', 'selector': '[cdsTableExpandButton], [ibmTableExpandButton]'},{'name': 'TableExpandedRow', 'selector': '[cdsTableExpandedRow], [ibmTableExpandedRow]'},{'name': 'TableHead', 'selector': '[cdsTableHead], [ibmTableHead]'},{'name': 'TableHeadCell', 'selector': '[cdsTableHeadCell], [ibmTableHeadCell]'},{'name': 'TableHeadCheckbox', 'selector': '[cdsTableHeadCheckbox], [ibmTableHeadCheckbox]'},{'name': 'TableHeader', 'selector': 'cds-table-header, ibm-table-header'},{'name': 'TableHeadExpand', 'selector': '[cdsTableHeadExpand], [ibmTableHeadExpand]'},{'name': 'TableRadio', 'selector': '[cdsTableRadio], [ibmTableRadio]'},{'name': 'TableRowComponent', 'selector': '[cdsTableRow], [ibmTableRow]'},{'name': 'TableToolbar', 'selector': 'cds-table-toolbar, ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'cds-table-toolbar-actions, ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'cds-table-toolbar-content, ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'cds-table-toolbar-search, ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'cds-tabs, ibm-tabs'},{'name': 'TabSkeleton', 'selector': 'cds-tabs-skeleton, ibm-tabs-skeleton'},{'name': 'Tag', 'selector': 'cds-tag, ibm-tag'},{'name': 'TagFilter', 'selector': 'cds-tag-filter, ibm-tag-filter'},{'name': 'TextareaLabelComponent', 'selector': 'cds-textarea-label, ibm-textarea-label'},{'name': 'TextInputLabelComponent', 'selector': 'cds-text-label, ibm-text-label'},{'name': 'Tile', 'selector': 'cds-tile, ibm-tile'},{'name': 'TileGroup', 'selector': 'cds-tile-group, ibm-tile-group'},{'name': 'TimePicker', 'selector': 'cds-timepicker, ibm-timepicker'},{'name': 'TimePickerSelect', 'selector': 'cds-timepicker-select, ibm-timepicker-select'},{'name': 'Toast', 'selector': 'cds-toast, ibm-toast'},{'name': 'Toggle', 'selector': 'cds-toggle, ibm-toggle'},{'name': 'Toggletip', 'selector': 'cds-toggletip, ibm-toggletip'},{'name': 'Tooltip', 'selector': 'cds-tooltip, ibm-tooltip'},{'name': 'TooltipDefinition', 'selector': 'cds-tooltip-definition, ibm-tooltip-definition'},{'name': 'TreeNodeComponent', 'selector': 'cds-tree-node'},{'name': 'TreeViewComponent', 'selector': 'cds-tree-view'}];
1974
2020
  var DIRECTIVES = [{'name': 'AbstractDropdownView', 'selector': '[cdsAbstractDropdownView], [ibmAbstractDropdownView]'},{'name': 'ActionableButton', 'selector': '[cdsActionableButton], [ibmActionableButton]'},{'name': 'ActionableSubtitle', 'selector': '[cdsActionableSubtitle], [ibmActionableSubtitle]'},{'name': 'ActionableTitle', 'selector': '[cdsActionableTitle], [ibmActionableTitle]'},{'name': 'BaseModal', 'selector': '[cdsBaseModal], [ibmBaseModal]'},{'name': 'Button', 'selector': '[cdsButton], [ibmButton]'},{'name': 'ColumnDirective', 'selector': '[cdsCol], [ibmCol]'},{'name': 'ContentSwitcherOption', 'selector': '[cdsContentOption], [ibmContentOption]'},{'name': 'DialogDirective', 'selector': '[cdsDialog], [ibmDialog]'},{'name': 'ExpandableTileAboveFoldDirective', 'selector': '[cdsAboveFold], [ibmAboveFold]'},{'name': 'ExpandableTileBelowFoldDirective', 'selector': '[cdsBelowFold], [ibmBelowFold]'},{'name': 'ExpandedRowHover', 'selector': '[cdsExpandedRowHover], [ibmExpandedRowHover]'},{'name': 'GridDirective', 'selector': '[cdsGrid], [ibmGrid]'},{'name': 'IconDirective', 'selector': '[cdsIcon], [ibmIcon]'},{'name': 'LayerDirective', 'selector': '[cdsLayer], [ibmLayer]'},{'name': 'Link', 'selector': '[cdsLink], [ibmLink]'},{'name': 'List', 'selector': '[cdsList], [ibmList]'},{'name': 'ListItemDirective', 'selector': '[cdsListItem], [ibmListItem]'},{'name': 'ModalContent', 'selector': '[cdsModalContent], [ibmModalContent]'},{'name': 'ModalContentText', 'selector': '[cdsModalContentText], [ibmModalContentText]'},{'name': 'ModalHeaderHeading', 'selector': '[cdsModalHeaderHeading], [ibmModalHeaderHeading]'},{'name': 'ModalHeaderLabel', 'selector': '[cdsModalHeaderLabel], [ibmModalHeaderLabel]'},{'name': 'NotificationSubtitle', 'selector': '[cdsNotificationSubtitle], [ibmNotificationSubtitle]'},{'name': 'NotificationTitle', 'selector': '[cdsNotificationTitle], [ibmNotificationTitle]'},{'name': 'OptGroup', 'selector': 'optgroup'},{'name': 'Option', 'selector': 'option'},{'name': 'OverflowMenuDirective', 'selector': '[cdsOverflowMenu], [ibmOverflowMenu]'},{'name': 'PasswordInput', 'selector': '[cdsPassword], [ibmPassword]'},{'name': 'PopoverContainer', 'selector': '[cdsPopover], [ibmPopover]'},{'name': 'RouterLinkExtendedDirective', 'selector': '[routerLink]'},{'name': 'RowDirective', 'selector': '[cdsRow], [ibmRow]'},{'name': 'ScrollableList', 'selector': '[cdsScrollableList], [ibmScrollableList]'},{'name': 'StackDirective', 'selector': '[cdsStack], [ibmStack]'},{'name': 'TabHeader', 'selector': '[cdsTabHeader], [ibmTabHeader]'},{'name': 'TableDirective', 'selector': '[cdsTable], [ibmTable]'},{'name': 'TableHeadCellLabel', 'selector': '[cdsTableHeadCellLabel], [ibmTableHeadCellLabel]'},{'name': 'TableHeaderDescription', 'selector': '[cdsTableHeaderDescription], [ibmTableHeaderDescription]'},{'name': 'TableHeaderTitle', 'selector': '[cdsTableHeaderTitle], [ibmTableHeaderTitle]'},{'name': '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]'}];
1975
2021
  var ACTUAL_COMPONENT = {'name': 'TreeNodeComponent'};
package/docs/documentation/coverage.html CHANGED
@@ -2957,9 +2957,9 @@
2957
2957
  </td>
2958
2958
  <td>component</td>
2959
2959
  <td>TreeNodeComponent</td>
2960
- <td align="right" data-sort="27">
2961
- <span class="coverage-percent">27 %</span>
2962
- <span class="coverage-count">(9/33)</span>
2960
+ <td align="right" data-sort="26">
2961
+ <span class="coverage-percent">26 %</span>
2962
+ <span class="coverage-count">(9/34)</span>
2963
2963
  </td>
2964
2964
  </tr>
2965
2965
  <tr class="low">
@@ -2971,7 +2971,7 @@
2971
2971
  <td>Node</td>
2972
2972
  <td align="right" data-sort="0">
2973
2973
  <span class="coverage-percent">0 %</span>
2974
- <span class="coverage-count">(0/11)</span>
2974
+ <span class="coverage-count">(0/12)</span>
2975
2975
  </td>
2976
2976
  </tr>
2977
2977
  <tr class="medium">
package/docs/documentation/interfaces/Node.html CHANGED
@@ -195,6 +195,13 @@
195
195
  label
196
196
  </a>
197
197
  </li>
198
+ <li>
199
+ <span class="modifier">Optional</span>
200
+ <a href="#labelContext"
201
+ >
202
+ labelContext
203
+ </a>
204
+ </li>
198
205
  <li>
199
206
  <span class="modifier">Optional</span>
200
207
  <a href="#selected"
@@ -229,7 +236,7 @@
229
236
  </tr>
230
237
  <tr>
231
238
  <td class="col-md-4">
232
- <div class="io-line">Defined in <a href="" data-line="13" class="link-to-prism">src/treeview/tree-node.types.ts:13</a></div>
239
+ <div class="io-line">Defined in <a href="" data-line="14" class="link-to-prism">src/treeview/tree-node.types.ts:14</a></div>
233
240
  </td>
234
241
  </tr>
235
242
  </tbody>
@@ -535,6 +542,44 @@
535
542
 
536
543
 
537
544
 
545
+ </tbody>
546
+ </table>
547
+ <table class="table table-sm table-bordered">
548
+ <tbody>
549
+ <tr>
550
+ <td class="col-md-4">
551
+ <a name="labelContext"></a>
552
+ <span class="name "><b>labelContext</b>
553
+ <a href="#labelContext">
554
+ <span class="icon ion-ios-link"></span>
555
+ </a>
556
+ </span>
557
+ </td>
558
+ </tr>
559
+ <tr>
560
+ <td class="col-md-4">
561
+ <code>labelContext: <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
562
+ </code>
563
+ </td>
564
+ </tr>
565
+
566
+
567
+ <tr>
568
+ <td class="col-md-4">
569
+ <i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
570
+
571
+ </td>
572
+ </tr>
573
+
574
+ <tr>
575
+ <td class="col-md-4">
576
+ <i>Optional</i>
577
+ </td>
578
+ </tr>
579
+
580
+
581
+
582
+
538
583
  </tbody>
539
584
  </table>
540
585
  <table class="table table-sm table-bordered">
@@ -622,6 +667,7 @@
622
667
 
623
668
  export interface Node {
624
669
  label: string | TemplateRef&lt;any&gt;;
670
+ labelContext?: any;
625
671
  value?: any;
626
672
  id?: string;
627
673
  active?: boolean;