carbon-components-angular 5.40.1 → 5.40.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 (30) hide show
  1. package/docs/documentation/components/TreeNodeComponent.html +53 -51
  2. package/docs/documentation/js/search/search_index.js +2 -2
  3. package/docs/documentation/modules/ThemeModule/dependencies.svg +4 -4
  4. package/docs/documentation/modules/ThemeModule.html +4 -4
  5. package/docs/documentation/modules/TimePickerModule/dependencies.svg +36 -40
  6. package/docs/documentation/modules/TimePickerModule.html +36 -40
  7. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +46 -50
  8. package/docs/documentation/modules/TimePickerSelectModule.html +46 -50
  9. package/docs/documentation/modules/ToggleModule/dependencies.svg +20 -20
  10. package/docs/documentation/modules/ToggleModule.html +20 -20
  11. package/docs/documentation/modules/ToggletipModule/dependencies.svg +37 -37
  12. package/docs/documentation/modules/ToggletipModule.html +37 -37
  13. package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
  14. package/docs/documentation/modules/TooltipModule.html +4 -4
  15. package/docs/documentation/modules/TreeviewModule/dependencies.svg +34 -34
  16. package/docs/documentation/modules/TreeviewModule.html +34 -34
  17. package/docs/documentation/modules/UIShellModule/dependencies.svg +4 -4
  18. package/docs/documentation/modules/UIShellModule.html +4 -4
  19. package/docs/documentation.json +45 -45
  20. package/docs/storybook/iframe.html +2 -2
  21. package/docs/storybook/{main.4f9494c2.iframe.bundle.js → main.0ff96f43.iframe.bundle.js} +1 -1
  22. package/docs/storybook/project.json +1 -1
  23. package/docs/storybook/{runtime~main.76c92ca6.iframe.bundle.js → runtime~main.7ba57cd0.iframe.bundle.js} +1 -1
  24. package/docs/storybook/{treeview-treeview-stories.fa77fc60.iframe.bundle.js → treeview-treeview-stories.ecd18de6.iframe.bundle.js} +1 -1
  25. package/esm2020/treeview/tree-node.component.mjs +5 -3
  26. package/fesm2015/carbon-components-angular-treeview.mjs +4 -2
  27. package/fesm2015/carbon-components-angular-treeview.mjs.map +1 -1
  28. package/fesm2020/carbon-components-angular-treeview.mjs +4 -2
  29. package/fesm2020/carbon-components-angular-treeview.mjs.map +1 -1
  30. package/package.json +1 -1
package/docs/documentation/components/TreeNodeComponent.html CHANGED
@@ -249,7 +249,8 @@
249
249
  *ngFor="let childNode of children"
250
250
  [node]="childNode"
251
251
  [depth]="depth + 1"
252
- [disabled]="disabled">
252
+ [disabled]="disabled"
253
+ (nodetoggle)="nodetoggle.emit($event)">
253
254
  </cds-tree-node>
254
255
  </ng-template>
255
256
  </div>
@@ -459,7 +460,7 @@
459
460
  </tr>
460
461
  <tr>
461
462
  <td class="col-md-4">
462
- <div class="io-line">Defined in <a href="" data-line="176" class="link-to-prism">src/treeview/tree-node.component.ts:176</a></div>
463
+ <div class="io-line">Defined in <a href="" data-line="177" class="link-to-prism">src/treeview/tree-node.component.ts:177</a></div>
463
464
  </td>
464
465
  </tr>
465
466
 
@@ -520,7 +521,7 @@
520
521
  </tr>
521
522
  <tr>
522
523
  <td class="col-md-2" colspan="2">
523
- <div class="io-line">Defined in <a href="" data-line="123" class="link-to-prism">src/treeview/tree-node.component.ts:123</a></div>
524
+ <div class="io-line">Defined in <a href="" data-line="124" class="link-to-prism">src/treeview/tree-node.component.ts:124</a></div>
524
525
  </td>
525
526
  </tr>
526
527
  </tbody>
@@ -546,7 +547,7 @@
546
547
  </tr>
547
548
  <tr>
548
549
  <td class="col-md-2" colspan="2">
549
- <div class="io-line">Defined in <a href="" data-line="134" class="link-to-prism">src/treeview/tree-node.component.ts:134</a></div>
550
+ <div class="io-line">Defined in <a href="" data-line="135" class="link-to-prism">src/treeview/tree-node.component.ts:135</a></div>
550
551
  </td>
551
552
  </tr>
552
553
  </tbody>
@@ -572,7 +573,7 @@
572
573
  </tr>
573
574
  <tr>
574
575
  <td class="col-md-2" colspan="2">
575
- <div class="io-line">Defined in <a href="" data-line="140" class="link-to-prism">src/treeview/tree-node.component.ts:140</a></div>
576
+ <div class="io-line">Defined in <a href="" data-line="141" class="link-to-prism">src/treeview/tree-node.component.ts:141</a></div>
576
577
  </td>
577
578
  </tr>
578
579
  <tr>
@@ -605,7 +606,7 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
605
606
  </tr>
606
607
  <tr>
607
608
  <td class="col-md-2" colspan="2">
608
- <div class="io-line">Defined in <a href="" data-line="124" class="link-to-prism">src/treeview/tree-node.component.ts:124</a></div>
609
+ <div class="io-line">Defined in <a href="" data-line="125" class="link-to-prism">src/treeview/tree-node.component.ts:125</a></div>
609
610
  </td>
610
611
  </tr>
611
612
  </tbody>
@@ -631,7 +632,7 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
631
632
  </tr>
632
633
  <tr>
633
634
  <td class="col-md-2" colspan="2">
634
- <div class="io-line">Defined in <a href="" data-line="126" class="link-to-prism">src/treeview/tree-node.component.ts:126</a></div>
635
+ <div class="io-line">Defined in <a href="" data-line="127" class="link-to-prism">src/treeview/tree-node.component.ts:127</a></div>
635
636
  </td>
636
637
  </tr>
637
638
  </tbody>
@@ -657,7 +658,7 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
657
658
  </tr>
658
659
  <tr>
659
660
  <td class="col-md-2" colspan="2">
660
- <div class="io-line">Defined in <a href="" data-line="133" class="link-to-prism">src/treeview/tree-node.component.ts:133</a></div>
661
+ <div class="io-line">Defined in <a href="" data-line="134" class="link-to-prism">src/treeview/tree-node.component.ts:134</a></div>
661
662
  </td>
662
663
  </tr>
663
664
  </tbody>
@@ -678,7 +679,7 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
678
679
  </tr>
679
680
  <tr>
680
681
  <td class="col-md-2" colspan="2">
681
- <div class="io-line">Defined in <a href="" data-line="131" class="link-to-prism">src/treeview/tree-node.component.ts:131</a></div>
682
+ <div class="io-line">Defined in <a href="" data-line="132" class="link-to-prism">src/treeview/tree-node.component.ts:132</a></div>
682
683
  </td>
683
684
  </tr>
684
685
  </tbody>
@@ -699,7 +700,7 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
699
700
  </tr>
700
701
  <tr>
701
702
  <td class="col-md-2" colspan="2">
702
- <div class="io-line">Defined in <a href="" data-line="132" class="link-to-prism">src/treeview/tree-node.component.ts:132</a></div>
703
+ <div class="io-line">Defined in <a href="" data-line="133" class="link-to-prism">src/treeview/tree-node.component.ts:133</a></div>
703
704
  </td>
704
705
  </tr>
705
706
  </tbody>
@@ -725,7 +726,7 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
725
726
  </tr>
726
727
  <tr>
727
728
  <td class="col-md-2" colspan="2">
728
- <div class="io-line">Defined in <a href="" data-line="122" class="link-to-prism">src/treeview/tree-node.component.ts:122</a></div>
729
+ <div class="io-line">Defined in <a href="" data-line="123" class="link-to-prism">src/treeview/tree-node.component.ts:123</a></div>
729
730
  </td>
730
731
  </tr>
731
732
  </tbody>
@@ -746,7 +747,7 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
746
747
  </tr>
747
748
  <tr>
748
749
  <td class="col-md-2" colspan="2">
749
- <div class="io-line">Defined in <a href="" data-line="127" class="link-to-prism">src/treeview/tree-node.component.ts:127</a></div>
750
+ <div class="io-line">Defined in <a href="" data-line="128" class="link-to-prism">src/treeview/tree-node.component.ts:128</a></div>
750
751
  </td>
751
752
  </tr>
752
753
  </tbody>
@@ -767,7 +768,7 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
767
768
  </tr>
768
769
  <tr>
769
770
  <td class="col-md-2" colspan="2">
770
- <div class="io-line">Defined in <a href="" data-line="128" class="link-to-prism">src/treeview/tree-node.component.ts:128</a></div>
771
+ <div class="io-line">Defined in <a href="" data-line="129" class="link-to-prism">src/treeview/tree-node.component.ts:129</a></div>
771
772
  </td>
772
773
  </tr>
773
774
  </tbody>
@@ -788,7 +789,7 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
788
789
  </tr>
789
790
  <tr>
790
791
  <td class="col-md-2" colspan="2">
791
- <div class="io-line">Defined in <a href="" data-line="146" class="link-to-prism">src/treeview/tree-node.component.ts:146</a></div>
792
+ <div class="io-line">Defined in <a href="" data-line="147" class="link-to-prism">src/treeview/tree-node.component.ts:147</a></div>
792
793
  </td>
793
794
  </tr>
794
795
  <tr>
@@ -821,7 +822,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
821
822
  </tr>
822
823
  <tr>
823
824
  <td class="col-md-2" colspan="2">
824
- <div class="io-line">Defined in <a href="" data-line="125" class="link-to-prism">src/treeview/tree-node.component.ts:125</a></div>
825
+ <div class="io-line">Defined in <a href="" data-line="126" class="link-to-prism">src/treeview/tree-node.component.ts:126</a></div>
825
826
  </td>
826
827
  </tr>
827
828
  </tbody>
@@ -847,7 +848,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
847
848
  </tr>
848
849
  <tr>
849
850
  <td class="col-md-2" colspan="2">
850
- <div class="io-line">Defined in <a href="" data-line="129" class="link-to-prism">src/treeview/tree-node.component.ts:129</a></div>
851
+ <div class="io-line">Defined in <a href="" data-line="130" class="link-to-prism">src/treeview/tree-node.component.ts:130</a></div>
851
852
  </td>
852
853
  </tr>
853
854
  </tbody>
@@ -868,7 +869,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
868
869
  </tr>
869
870
  <tr>
870
871
  <td class="col-md-2" colspan="2">
871
- <div class="io-line">Defined in <a href="" data-line="130" class="link-to-prism">src/treeview/tree-node.component.ts:130</a></div>
872
+ <div class="io-line">Defined in <a href="" data-line="131" class="link-to-prism">src/treeview/tree-node.component.ts:131</a></div>
872
873
  </td>
873
874
  </tr>
874
875
  </tbody>
@@ -892,7 +893,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
892
893
  </tr>
893
894
  <tr>
894
895
  <td class="col-md-2" colspan="2">
895
- <div class="io-line">Defined in <a href="" data-line="170" class="link-to-prism">src/treeview/tree-node.component.ts:170</a></div>
896
+ <div class="io-line">Defined in <a href="" data-line="171" class="link-to-prism">src/treeview/tree-node.component.ts:171</a></div>
896
897
  </td>
897
898
  </tr>
898
899
  </tbody>
@@ -913,7 +914,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
913
914
  </tr>
914
915
  <tr>
915
916
  <td class="col-md-2" colspan="2">
916
- <div class="io-line">Defined in <a href="" data-line="169" class="link-to-prism">src/treeview/tree-node.component.ts:169</a></div>
917
+ <div class="io-line">Defined in <a href="" data-line="170" class="link-to-prism">src/treeview/tree-node.component.ts:170</a></div>
917
918
  </td>
918
919
  </tr>
919
920
  </tbody>
@@ -934,7 +935,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
934
935
  </tr>
935
936
  <tr>
936
937
  <td class="col-md-2" colspan="2">
937
- <div class="io-line">Defined in <a href="" data-line="171" class="link-to-prism">src/treeview/tree-node.component.ts:171</a></div>
938
+ <div class="io-line">Defined in <a href="" data-line="172" class="link-to-prism">src/treeview/tree-node.component.ts:172</a></div>
938
939
  </td>
939
940
  </tr>
940
941
  </tbody>
@@ -955,7 +956,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
955
956
  </tr>
956
957
  <tr>
957
958
  <td class="col-md-2" colspan="2">
958
- <div class="io-line">Defined in <a href="" data-line="172" class="link-to-prism">src/treeview/tree-node.component.ts:172</a></div>
959
+ <div class="io-line">Defined in <a href="" data-line="173" class="link-to-prism">src/treeview/tree-node.component.ts:173</a></div>
959
960
  </td>
960
961
  </tr>
961
962
  </tbody>
@@ -988,8 +989,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
988
989
 
989
990
  <tr>
990
991
  <td class="col-md-4">
991
- <div class="io-line">Defined in <a href="" data-line="229"
992
- class="link-to-prism">src/treeview/tree-node.component.ts:229</a></div>
992
+ <div class="io-line">Defined in <a href="" data-line="230"
993
+ class="link-to-prism">src/treeview/tree-node.component.ts:230</a></div>
993
994
  </td>
994
995
  </tr>
995
996
 
@@ -1031,8 +1032,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1031
1032
 
1032
1033
  <tr>
1033
1034
  <td class="col-md-4">
1034
- <div class="io-line">Defined in <a href="" data-line="254"
1035
- class="link-to-prism">src/treeview/tree-node.component.ts:254</a></div>
1035
+ <div class="io-line">Defined in <a href="" data-line="255"
1036
+ class="link-to-prism">src/treeview/tree-node.component.ts:255</a></div>
1036
1037
  </td>
1037
1038
  </tr>
1038
1039
 
@@ -1094,8 +1095,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1094
1095
 
1095
1096
  <tr>
1096
1097
  <td class="col-md-4">
1097
- <div class="io-line">Defined in <a href="" data-line="248"
1098
- class="link-to-prism">src/treeview/tree-node.component.ts:248</a></div>
1098
+ <div class="io-line">Defined in <a href="" data-line="249"
1099
+ class="link-to-prism">src/treeview/tree-node.component.ts:249</a></div>
1099
1100
  </td>
1100
1101
  </tr>
1101
1102
 
@@ -1159,8 +1160,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1159
1160
 
1160
1161
  <tr>
1161
1162
  <td class="col-md-4">
1162
- <div class="io-line">Defined in <a href="" data-line="301"
1163
- class="link-to-prism">src/treeview/tree-node.component.ts:301</a></div>
1163
+ <div class="io-line">Defined in <a href="" data-line="302"
1164
+ class="link-to-prism">src/treeview/tree-node.component.ts:302</a></div>
1164
1165
  </td>
1165
1166
  </tr>
1166
1167
 
@@ -1198,8 +1199,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1198
1199
 
1199
1200
  <tr>
1200
1201
  <td class="col-md-4">
1201
- <div class="io-line">Defined in <a href="" data-line="297"
1202
- class="link-to-prism">src/treeview/tree-node.component.ts:297</a></div>
1202
+ <div class="io-line">Defined in <a href="" data-line="298"
1203
+ class="link-to-prism">src/treeview/tree-node.component.ts:298</a></div>
1203
1204
  </td>
1204
1205
  </tr>
1205
1206
 
@@ -1261,8 +1262,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1261
1262
 
1262
1263
  <tr>
1263
1264
  <td class="col-md-4">
1264
- <div class="io-line">Defined in <a href="" data-line="274"
1265
- class="link-to-prism">src/treeview/tree-node.component.ts:274</a></div>
1265
+ <div class="io-line">Defined in <a href="" data-line="275"
1266
+ class="link-to-prism">src/treeview/tree-node.component.ts:275</a></div>
1266
1267
  </td>
1267
1268
  </tr>
1268
1269
 
@@ -1330,8 +1331,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1330
1331
 
1331
1332
  <tr>
1332
1333
  <td class="col-md-4">
1333
- <div class="io-line">Defined in <a href="" data-line="183"
1334
- class="link-to-prism">src/treeview/tree-node.component.ts:183</a></div>
1334
+ <div class="io-line">Defined in <a href="" data-line="184"
1335
+ class="link-to-prism">src/treeview/tree-node.component.ts:184</a></div>
1335
1336
  </td>
1336
1337
  </tr>
1337
1338
 
@@ -1369,8 +1370,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1369
1370
 
1370
1371
  <tr>
1371
1372
  <td class="col-md-4">
1372
- <div class="io-line">Defined in <a href="" data-line="201"
1373
- class="link-to-prism">src/treeview/tree-node.component.ts:201</a></div>
1373
+ <div class="io-line">Defined in <a href="" data-line="202"
1374
+ class="link-to-prism">src/treeview/tree-node.component.ts:202</a></div>
1374
1375
  </td>
1375
1376
  </tr>
1376
1377
 
@@ -1408,8 +1409,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1408
1409
 
1409
1410
  <tr>
1410
1411
  <td class="col-md-4">
1411
- <div class="io-line">Defined in <a href="" data-line="190"
1412
- class="link-to-prism">src/treeview/tree-node.component.ts:190</a></div>
1412
+ <div class="io-line">Defined in <a href="" data-line="191"
1413
+ class="link-to-prism">src/treeview/tree-node.component.ts:191</a></div>
1413
1414
  </td>
1414
1415
  </tr>
1415
1416
 
@@ -1447,8 +1448,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1447
1448
 
1448
1449
  <tr>
1449
1450
  <td class="col-md-4">
1450
- <div class="io-line">Defined in <a href="" data-line="209"
1451
- class="link-to-prism">src/treeview/tree-node.component.ts:209</a></div>
1451
+ <div class="io-line">Defined in <a href="" data-line="210"
1452
+ class="link-to-prism">src/treeview/tree-node.component.ts:210</a></div>
1452
1453
  </td>
1453
1454
  </tr>
1454
1455
 
@@ -1512,8 +1513,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1512
1513
 
1513
1514
  <tr>
1514
1515
  <td class="col-md-4">
1515
- <div class="io-line">Defined in <a href="" data-line="262"
1516
- class="link-to-prism">src/treeview/tree-node.component.ts:262</a></div>
1516
+ <div class="io-line">Defined in <a href="" data-line="263"
1517
+ class="link-to-prism">src/treeview/tree-node.component.ts:263</a></div>
1517
1518
  </td>
1518
1519
  </tr>
1519
1520
 
@@ -1582,7 +1583,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1582
1583
  </tr>
1583
1584
  <tr>
1584
1585
  <td class="col-md-4">
1585
- <div class="io-line">Defined in <a href="" data-line="175" class="link-to-prism">src/treeview/tree-node.component.ts:175</a></div>
1586
+ <div class="io-line">Defined in <a href="" data-line="176" class="link-to-prism">src/treeview/tree-node.component.ts:176</a></div>
1586
1587
  </td>
1587
1588
  </tr>
1588
1589
 
@@ -1602,7 +1603,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1602
1603
  </tr>
1603
1604
  <tr>
1604
1605
  <td class="col-md-4">
1605
- <div class="io-line">Defined in <a href="" data-line="174" class="link-to-prism">src/treeview/tree-node.component.ts:174</a></div>
1606
+ <div class="io-line">Defined in <a href="" data-line="175" class="link-to-prism">src/treeview/tree-node.component.ts:175</a></div>
1606
1607
  </td>
1607
1608
  </tr>
1608
1609
 
@@ -1629,7 +1630,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1629
1630
  </tr>
1630
1631
  <tr>
1631
1632
  <td class="col-md-4">
1632
- <div class="io-line">Defined in <a href="" data-line="176" class="link-to-prism">src/treeview/tree-node.component.ts:176</a></div>
1633
+ <div class="io-line">Defined in <a href="" data-line="177" class="link-to-prism">src/treeview/tree-node.component.ts:177</a></div>
1633
1634
  </td>
1634
1635
  </tr>
1635
1636
 
@@ -1661,7 +1662,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1661
1662
  </tr>
1662
1663
  <tr>
1663
1664
  <td class="col-md-4">
1664
- <div class="io-line">Defined in <a href="" data-line="121" class="link-to-prism">src/treeview/tree-node.component.ts:121</a></div>
1665
+ <div class="io-line">Defined in <a href="" data-line="122" class="link-to-prism">src/treeview/tree-node.component.ts:122</a></div>
1665
1666
  </td>
1666
1667
  </tr>
1667
1668
 
@@ -1690,7 +1691,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1690
1691
  </tr>
1691
1692
  <tr>
1692
1693
  <td class="col-md-4">
1693
- <div class="io-line">Defined in <a href="" data-line="165" class="link-to-prism">src/treeview/tree-node.component.ts:165</a></div>
1694
+ <div class="io-line">Defined in <a href="" data-line="166" class="link-to-prism">src/treeview/tree-node.component.ts:166</a></div>
1694
1695
  </td>
1695
1696
  </tr>
1696
1697
 
@@ -1701,7 +1702,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
1701
1702
  </tr>
1702
1703
  <tr>
1703
1704
  <td class="col-md-4">
1704
- <div class="io-line">Defined in <a href="" data-line="146" class="link-to-prism">src/treeview/tree-node.component.ts:146</a></div>
1705
+ <div class="io-line">Defined in <a href="" data-line="147" class="link-to-prism">src/treeview/tree-node.component.ts:147</a></div>
1705
1706
  </td>
1706
1707
  </tr>
1707
1708
  <tr>
@@ -1863,7 +1864,8 @@ import { EventOnNode, Node } from &quot;./tree-node.types&quot;;
1863
1864
  *ngFor&#x3D;&quot;let childNode of children&quot;
1864
1865
  [node]&#x3D;&quot;childNode&quot;
1865
1866
  [depth]&#x3D;&quot;depth + 1&quot;
1866
- [disabled]&#x3D;&quot;disabled&quot;&gt;
1867
+ [disabled]&#x3D;&quot;disabled&quot;
1868
+ (nodetoggle)&#x3D;&quot;nodetoggle.emit($event)&quot;&gt;
1867
1869
  &lt;/cds-tree-node&gt;
1868
1870
  &lt;/ng-template&gt;
1869
1871
  &lt;/div&gt;
@@ -2085,7 +2087,7 @@ export class TreeNodeComponent implements AfterContentChecked, OnInit, OnDestroy
2085
2087
  <script src="../js/libs/htmlparser.js"></script>
2086
2088
  <script src="../js/libs/deep-iterator.js"></script>
2087
2089
  <script>
2088
- 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>'
2090
+ 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" (nodetoggle)="nodetoggle.emit($event)"> </cds-tree-node> </ng-template> </div></div> </div>'
2089
2091
  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'}];
2090
2092
  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]'}];
2091
2093
  var ACTUAL_COMPONENT = {'name': 'TreeNodeComponent'};