carbon-components-angular 5.27.2 → 5.27.3
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/TreeNodeComponent.html +81 -47
- package/docs/documentation/components/TreeViewComponent.html +145 -28
- package/docs/documentation/coverage.html +7 -7
- package/docs/documentation/interfaces/Node.html +47 -1
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/CodeSnippetModule/dependencies.svg +4 -4
- package/docs/documentation/modules/CodeSnippetModule.html +4 -4
- package/docs/documentation/modules/ComboBoxModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ComboBoxModule.html +4 -4
- package/docs/documentation/modules/ContentSwitcherModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ContentSwitcherModule.html +4 -4
- package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +20 -20
- package/docs/documentation/modules/DatePickerInputModule.html +20 -20
- package/docs/documentation/modules/DatePickerModule/dependencies.svg +46 -50
- package/docs/documentation/modules/DatePickerModule.html +46 -50
- package/docs/documentation/modules/FileUploaderModule/dependencies.svg +58 -58
- package/docs/documentation/modules/FileUploaderModule.html +58 -58
- package/docs/documentation/modules/NumberModule/dependencies.svg +4 -4
- package/docs/documentation/modules/NumberModule.html +4 -4
- package/docs/documentation/modules/PanelModule/dependencies.svg +36 -36
- package/docs/documentation/modules/PanelModule.html +36 -36
- package/docs/documentation/modules/RadioModule/dependencies.svg +47 -43
- package/docs/documentation/modules/RadioModule.html +47 -43
- package/docs/documentation/modules/SearchModule/dependencies.svg +4 -4
- package/docs/documentation/modules/SearchModule.html +4 -4
- package/docs/documentation/modules/SelectModule/dependencies.svg +34 -34
- package/docs/documentation/modules/SelectModule.html +34 -34
- package/docs/documentation/modules/SliderModule/dependencies.svg +4 -4
- package/docs/documentation/modules/SliderModule.html +4 -4
- package/docs/documentation/modules/TagModule/dependencies.svg +28 -28
- package/docs/documentation/modules/TagModule.html +28 -28
- package/docs/documentation/modules/ThemeModule/dependencies.svg +13 -13
- package/docs/documentation/modules/ThemeModule.html +13 -13
- package/docs/documentation/modules/TilesModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TilesModule.html +4 -4
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +26 -26
- package/docs/documentation/modules/TimePickerModule.html +26 -26
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +45 -49
- package/docs/documentation/modules/TimePickerSelectModule.html +45 -49
- package/docs/documentation/modules/ToggleModule/dependencies.svg +37 -41
- package/docs/documentation/modules/ToggleModule.html +37 -41
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ToggletipModule.html +4 -4
- package/docs/documentation/modules/TooltipModule/dependencies.svg +28 -28
- package/docs/documentation/modules/TooltipModule.html +28 -28
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +34 -34
- package/docs/documentation/modules/TreeviewModule.html +34 -34
- package/docs/documentation/modules/UIShellModule/dependencies.svg +4 -4
- package/docs/documentation/modules/UIShellModule.html +4 -4
- package/docs/documentation.json +129 -71
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/main.8aa17fcd.iframe.bundle.js +1 -0
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.8e48d2b3.iframe.bundle.js → runtime~main.f8a93a5f.iframe.bundle.js} +1 -1
- package/docs/storybook/{treeview-treeview-stories.325fff71.iframe.bundle.js → treeview-treeview-stories.0b6b2e75.iframe.bundle.js} +1 -1
- package/esm2020/treeview/tree-node.component.mjs +16 -5
- package/esm2020/treeview/tree-node.types.mjs +1 -1
- package/esm2020/treeview/treeview.component.mjs +21 -6
- package/fesm2015/carbon-components-angular-treeview.mjs +35 -9
- package/fesm2015/carbon-components-angular-treeview.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-treeview.mjs +34 -8
- package/fesm2020/carbon-components-angular-treeview.mjs.map +1 -1
- package/package.json +1 -1
- package/treeview/tree-node.component.d.ts +2 -1
- package/treeview/tree-node.types.d.ts +1 -0
- package/treeview/treeview.component.d.ts +6 -1
- package/docs/storybook/main.7fac046f.iframe.bundle.js +0 -1
|
@@ -173,7 +173,12 @@
|
|
|
173
173
|
*ngIf="label"
|
|
174
174
|
[id]="id"
|
|
175
175
|
class="cds--label">
|
|
176
|
-
{{label}}
|
|
176
|
+
<ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container>
|
|
177
|
+
<ng-template
|
|
178
|
+
*ngIf="isTemplate(label)"
|
|
179
|
+
[ngTemplateOutlet]="label"
|
|
180
|
+
[ngTemplateOutletContext]="{ $implicit: labelContext }">
|
|
181
|
+
</ng-template>
|
|
177
182
|
</label>
|
|
178
183
|
<div
|
|
179
184
|
class="cds--tree"
|
|
@@ -260,6 +265,10 @@
|
|
|
260
265
|
<span class="modifier">Public</span>
|
|
261
266
|
<a href="#isProjected" >isProjected</a>
|
|
262
267
|
</li>
|
|
268
|
+
<li>
|
|
269
|
+
<span class="modifier">Public</span>
|
|
270
|
+
<a href="#isTemplate" >isTemplate</a>
|
|
271
|
+
</li>
|
|
263
272
|
<li>
|
|
264
273
|
<a href="#navigateTree" >navigateTree</a>
|
|
265
274
|
</li>
|
|
@@ -293,6 +302,9 @@
|
|
|
293
302
|
<li>
|
|
294
303
|
<a href="#label" >label</a>
|
|
295
304
|
</li>
|
|
305
|
+
<li>
|
|
306
|
+
<a href="#labelContext" >labelContext</a>
|
|
307
|
+
</li>
|
|
296
308
|
<li>
|
|
297
309
|
<a href="#size" >size</a>
|
|
298
310
|
</li>
|
|
@@ -352,7 +364,7 @@
|
|
|
352
364
|
</tr>
|
|
353
365
|
<tr>
|
|
354
366
|
<td class="col-md-4">
|
|
355
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
367
|
+
<div class="io-line">Defined in <a href="" data-line="108" class="link-to-prism">src/treeview/treeview.component.ts:108</a></div>
|
|
356
368
|
</td>
|
|
357
369
|
</tr>
|
|
358
370
|
|
|
@@ -437,7 +449,7 @@
|
|
|
437
449
|
</tr>
|
|
438
450
|
<tr>
|
|
439
451
|
<td class="col-md-2" colspan="2">
|
|
440
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
452
|
+
<div class="io-line">Defined in <a href="" data-line="83" class="link-to-prism">src/treeview/treeview.component.ts:83</a></div>
|
|
441
453
|
</td>
|
|
442
454
|
</tr>
|
|
443
455
|
</tbody>
|
|
@@ -458,7 +470,7 @@
|
|
|
458
470
|
</tr>
|
|
459
471
|
<tr>
|
|
460
472
|
<td class="col-md-2" colspan="2">
|
|
461
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
473
|
+
<div class="io-line">Defined in <a href="" data-line="99" class="link-to-prism">src/treeview/treeview.component.ts:99</a></div>
|
|
462
474
|
</td>
|
|
463
475
|
</tr>
|
|
464
476
|
<tr>
|
|
@@ -485,12 +497,39 @@
|
|
|
485
497
|
</tr>
|
|
486
498
|
<tr>
|
|
487
499
|
<td class="col-md-2" colspan="2">
|
|
488
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
500
|
+
<div class="io-line">Defined in <a href="" data-line="87" class="link-to-prism">src/treeview/treeview.component.ts:87</a></div>
|
|
489
501
|
</td>
|
|
490
502
|
</tr>
|
|
491
503
|
<tr>
|
|
492
504
|
<td class="col-md-4">
|
|
493
505
|
<div class="io-description"><p>Tree view label</p>
|
|
506
|
+
</div>
|
|
507
|
+
</td>
|
|
508
|
+
</tr>
|
|
509
|
+
</tbody>
|
|
510
|
+
</table>
|
|
511
|
+
<table class="table table-sm table-bordered">
|
|
512
|
+
<tbody>
|
|
513
|
+
<tr>
|
|
514
|
+
<td class="col-md-4">
|
|
515
|
+
<a name="labelContext"></a>
|
|
516
|
+
<b>labelContext</b>
|
|
517
|
+
</td>
|
|
518
|
+
</tr>
|
|
519
|
+
<tr>
|
|
520
|
+
<td class="col-md-4">
|
|
521
|
+
<i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
|
|
522
|
+
|
|
523
|
+
</td>
|
|
524
|
+
</tr>
|
|
525
|
+
<tr>
|
|
526
|
+
<td class="col-md-2" colspan="2">
|
|
527
|
+
<div class="io-line">Defined in <a href="" data-line="91" class="link-to-prism">src/treeview/treeview.component.ts:91</a></div>
|
|
528
|
+
</td>
|
|
529
|
+
</tr>
|
|
530
|
+
<tr>
|
|
531
|
+
<td class="col-md-4">
|
|
532
|
+
<div class="io-description"><p>Optional context for label if it's a template</p>
|
|
494
533
|
</div>
|
|
495
534
|
</td>
|
|
496
535
|
</tr>
|
|
@@ -517,7 +556,7 @@
|
|
|
517
556
|
</tr>
|
|
518
557
|
<tr>
|
|
519
558
|
<td class="col-md-2" colspan="2">
|
|
520
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
559
|
+
<div class="io-line">Defined in <a href="" data-line="95" class="link-to-prism">src/treeview/treeview.component.ts:95</a></div>
|
|
521
560
|
</td>
|
|
522
561
|
</tr>
|
|
523
562
|
<tr>
|
|
@@ -544,7 +583,7 @@
|
|
|
544
583
|
</tr>
|
|
545
584
|
<tr>
|
|
546
585
|
<td class="col-md-2" colspan="2">
|
|
547
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
586
|
+
<div class="io-line">Defined in <a href="" data-line="72" class="link-to-prism">src/treeview/treeview.component.ts:72</a></div>
|
|
548
587
|
</td>
|
|
549
588
|
</tr>
|
|
550
589
|
<tr>
|
|
@@ -575,7 +614,7 @@ Passing value will disregard projected content</p>
|
|
|
575
614
|
</tr>
|
|
576
615
|
<tr>
|
|
577
616
|
<td class="col-md-2" colspan="2">
|
|
578
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
617
|
+
<div class="io-line">Defined in <a href="" data-line="103" class="link-to-prism">src/treeview/treeview.component.ts:103</a></div>
|
|
579
618
|
</td>
|
|
580
619
|
</tr>
|
|
581
620
|
</tbody>
|
|
@@ -610,8 +649,8 @@ Passing value will disregard projected content</p>
|
|
|
610
649
|
|
|
611
650
|
<tr>
|
|
612
651
|
<td class="col-md-4">
|
|
613
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
614
|
-
class="link-to-prism">src/treeview/treeview.component.ts:
|
|
652
|
+
<div class="io-line">Defined in <a href="" data-line="170"
|
|
653
|
+
class="link-to-prism">src/treeview/treeview.component.ts:170</a></div>
|
|
615
654
|
</td>
|
|
616
655
|
</tr>
|
|
617
656
|
|
|
@@ -627,6 +666,71 @@ Passing value will disregard projected content</p>
|
|
|
627
666
|
</tr>
|
|
628
667
|
</tbody>
|
|
629
668
|
</table>
|
|
669
|
+
<table class="table table-sm table-bordered">
|
|
670
|
+
<tbody>
|
|
671
|
+
<tr>
|
|
672
|
+
<td class="col-md-4">
|
|
673
|
+
<a name="isTemplate"></a>
|
|
674
|
+
<span class="name">
|
|
675
|
+
<span class="modifier">Public</span>
|
|
676
|
+
<span ><b>isTemplate</b></span>
|
|
677
|
+
<a href="#isTemplate"><span class="icon ion-ios-link"></span></a>
|
|
678
|
+
</span>
|
|
679
|
+
</td>
|
|
680
|
+
</tr>
|
|
681
|
+
<tr>
|
|
682
|
+
<td class="col-md-4">
|
|
683
|
+
<span class="modifier-icon icon ion-ios-reset"></span>
|
|
684
|
+
<code>isTemplate(value)</code>
|
|
685
|
+
</td>
|
|
686
|
+
</tr>
|
|
687
|
+
|
|
688
|
+
|
|
689
|
+
<tr>
|
|
690
|
+
<td class="col-md-4">
|
|
691
|
+
<div class="io-line">Defined in <a href="" data-line="166"
|
|
692
|
+
class="link-to-prism">src/treeview/treeview.component.ts:166</a></div>
|
|
693
|
+
</td>
|
|
694
|
+
</tr>
|
|
695
|
+
|
|
696
|
+
|
|
697
|
+
<tr>
|
|
698
|
+
<td class="col-md-4">
|
|
699
|
+
|
|
700
|
+
<div class="io-description">
|
|
701
|
+
<b>Parameters :</b>
|
|
702
|
+
|
|
703
|
+
<table class="params">
|
|
704
|
+
<thead>
|
|
705
|
+
<tr>
|
|
706
|
+
<td>Name</td>
|
|
707
|
+
<td>Optional</td>
|
|
708
|
+
</tr>
|
|
709
|
+
</thead>
|
|
710
|
+
<tbody>
|
|
711
|
+
<tr>
|
|
712
|
+
<td>value</td>
|
|
713
|
+
|
|
714
|
+
<td>
|
|
715
|
+
No
|
|
716
|
+
</td>
|
|
717
|
+
|
|
718
|
+
|
|
719
|
+
</tr>
|
|
720
|
+
</tbody>
|
|
721
|
+
</table>
|
|
722
|
+
</div>
|
|
723
|
+
<div class="io-description">
|
|
724
|
+
<b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
725
|
+
|
|
726
|
+
</div>
|
|
727
|
+
<div class="io-description">
|
|
728
|
+
|
|
729
|
+
</div>
|
|
730
|
+
</td>
|
|
731
|
+
</tr>
|
|
732
|
+
</tbody>
|
|
733
|
+
</table>
|
|
630
734
|
<table class="table table-sm table-bordered">
|
|
631
735
|
<tbody>
|
|
632
736
|
<tr>
|
|
@@ -647,8 +751,8 @@ Passing value will disregard projected content</p>
|
|
|
647
751
|
|
|
648
752
|
<tr>
|
|
649
753
|
<td class="col-md-4">
|
|
650
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
651
|
-
class="link-to-prism">src/treeview/treeview.component.ts:
|
|
754
|
+
<div class="io-line">Defined in <a href="" data-line="156"
|
|
755
|
+
class="link-to-prism">src/treeview/treeview.component.ts:156</a></div>
|
|
652
756
|
</td>
|
|
653
757
|
</tr>
|
|
654
758
|
|
|
@@ -723,8 +827,8 @@ Passing value will disregard projected content</p>
|
|
|
723
827
|
|
|
724
828
|
<tr>
|
|
725
829
|
<td class="col-md-4">
|
|
726
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
727
|
-
class="link-to-prism">src/treeview/treeview.component.ts:
|
|
830
|
+
<div class="io-line">Defined in <a href="" data-line="138"
|
|
831
|
+
class="link-to-prism">src/treeview/treeview.component.ts:138</a></div>
|
|
728
832
|
</td>
|
|
729
833
|
</tr>
|
|
730
834
|
|
|
@@ -762,8 +866,8 @@ Passing value will disregard projected content</p>
|
|
|
762
866
|
|
|
763
867
|
<tr>
|
|
764
868
|
<td class="col-md-4">
|
|
765
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
766
|
-
class="link-to-prism">src/treeview/treeview.component.ts:
|
|
869
|
+
<div class="io-line">Defined in <a href="" data-line="131"
|
|
870
|
+
class="link-to-prism">src/treeview/treeview.component.ts:131</a></div>
|
|
767
871
|
</td>
|
|
768
872
|
</tr>
|
|
769
873
|
|
|
@@ -799,8 +903,8 @@ Passing value will disregard projected content</p>
|
|
|
799
903
|
|
|
800
904
|
<tr>
|
|
801
905
|
<td class="col-md-4">
|
|
802
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
803
|
-
class="link-to-prism">src/treeview/treeview.component.ts:
|
|
906
|
+
<div class="io-line">Defined in <a href="" data-line="119"
|
|
907
|
+
class="link-to-prism">src/treeview/treeview.component.ts:119</a></div>
|
|
804
908
|
</td>
|
|
805
909
|
</tr>
|
|
806
910
|
|
|
@@ -849,7 +953,7 @@ Passing value will disregard projected content</p>
|
|
|
849
953
|
</tr>
|
|
850
954
|
<tr>
|
|
851
955
|
<td class="col-md-4">
|
|
852
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
956
|
+
<div class="io-line">Defined in <a href="" data-line="107" class="link-to-prism">src/treeview/treeview.component.ts:107</a></div>
|
|
853
957
|
</td>
|
|
854
958
|
</tr>
|
|
855
959
|
|
|
@@ -885,7 +989,7 @@ Passing value will disregard projected content</p>
|
|
|
885
989
|
</tr>
|
|
886
990
|
<tr>
|
|
887
991
|
<td class="col-md-4">
|
|
888
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
992
|
+
<div class="io-line">Defined in <a href="" data-line="104" class="link-to-prism">src/treeview/treeview.component.ts:104</a></div>
|
|
889
993
|
</td>
|
|
890
994
|
</tr>
|
|
891
995
|
|
|
@@ -912,7 +1016,7 @@ Passing value will disregard projected content</p>
|
|
|
912
1016
|
</tr>
|
|
913
1017
|
<tr>
|
|
914
1018
|
<td class="col-md-4">
|
|
915
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1019
|
+
<div class="io-line">Defined in <a href="" data-line="108" class="link-to-prism">src/treeview/treeview.component.ts:108</a></div>
|
|
916
1020
|
</td>
|
|
917
1021
|
</tr>
|
|
918
1022
|
|
|
@@ -944,7 +1048,7 @@ Passing value will disregard projected content</p>
|
|
|
944
1048
|
</tr>
|
|
945
1049
|
<tr>
|
|
946
1050
|
<td class="col-md-4">
|
|
947
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1051
|
+
<div class="io-line">Defined in <a href="" data-line="81" class="link-to-prism">src/treeview/treeview.component.ts:81</a></div>
|
|
948
1052
|
</td>
|
|
949
1053
|
</tr>
|
|
950
1054
|
|
|
@@ -971,7 +1075,7 @@ Passing value will disregard projected content</p>
|
|
|
971
1075
|
</tr>
|
|
972
1076
|
<tr>
|
|
973
1077
|
<td class="col-md-4">
|
|
974
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1078
|
+
<div class="io-line">Defined in <a href="" data-line="106" class="link-to-prism">src/treeview/treeview.component.ts:106</a></div>
|
|
975
1079
|
</td>
|
|
976
1080
|
</tr>
|
|
977
1081
|
|
|
@@ -1000,7 +1104,7 @@ Passing value will disregard projected content</p>
|
|
|
1000
1104
|
</tr>
|
|
1001
1105
|
<tr>
|
|
1002
1106
|
<td class="col-md-4">
|
|
1003
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1107
|
+
<div class="io-line">Defined in <a href="" data-line="77" class="link-to-prism">src/treeview/treeview.component.ts:77</a></div>
|
|
1004
1108
|
</td>
|
|
1005
1109
|
</tr>
|
|
1006
1110
|
|
|
@@ -1011,7 +1115,7 @@ Passing value will disregard projected content</p>
|
|
|
1011
1115
|
</tr>
|
|
1012
1116
|
<tr>
|
|
1013
1117
|
<td class="col-md-4">
|
|
1014
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1118
|
+
<div class="io-line">Defined in <a href="" data-line="72" class="link-to-prism">src/treeview/treeview.component.ts:72</a></div>
|
|
1015
1119
|
</td>
|
|
1016
1120
|
</tr>
|
|
1017
1121
|
<tr>
|
|
@@ -1073,7 +1177,7 @@ Passing value will disregard projected content</p>
|
|
|
1073
1177
|
</tr>
|
|
1074
1178
|
<tr>
|
|
1075
1179
|
<td class="col-md-4">
|
|
1076
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1180
|
+
<div class="io-line">Defined in <a href="" data-line="99" class="link-to-prism">src/treeview/treeview.component.ts:99</a></div>
|
|
1077
1181
|
</td>
|
|
1078
1182
|
</tr>
|
|
1079
1183
|
<tr>
|
|
@@ -1156,7 +1260,12 @@ import { TreeViewService } from "./treeview.service";
|
|
|
1156
1260
|
*ngIf="label"
|
|
1157
1261
|
[id]="id"
|
|
1158
1262
|
class="cds--label">
|
|
1159
|
-
{{label}}
|
|
1263
|
+
<ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container>
|
|
1264
|
+
<ng-template
|
|
1265
|
+
*ngIf="isTemplate(label)"
|
|
1266
|
+
[ngTemplateOutlet]="label"
|
|
1267
|
+
[ngTemplateOutletContext]="{ $implicit: labelContext }">
|
|
1268
|
+
</ng-template>
|
|
1160
1269
|
</label>
|
|
1161
1270
|
<div
|
|
1162
1271
|
class="cds--tree"
|
|
@@ -1204,6 +1313,10 @@ export class TreeViewComponent implements AfterViewInit, OnInit, OnDestroy {
|
|
|
1204
1313
|
* Tree view label
|
|
1205
1314
|
*/
|
|
1206
1315
|
@Input() label: string | TemplateRef<any>;
|
|
1316
|
+
/**
|
|
1317
|
+
* Optional context for label if it's a template
|
|
1318
|
+
*/
|
|
1319
|
+
@Input() labelContext: any;
|
|
1207
1320
|
/**
|
|
1208
1321
|
* Specify the size of the list items in the tree
|
|
1209
1322
|
*/
|
|
@@ -1278,6 +1391,10 @@ export class TreeViewComponent implements AfterViewInit, OnInit, OnDestroy {
|
|
|
1278
1391
|
}
|
|
1279
1392
|
}
|
|
1280
1393
|
|
|
1394
|
+
public isTemplate(value) {
|
|
1395
|
+
return value instanceof TemplateRef;
|
|
1396
|
+
}
|
|
1397
|
+
|
|
1281
1398
|
public isProjected() {
|
|
1282
1399
|
return this.treeViewService.contentProjected;
|
|
1283
1400
|
}
|
|
@@ -1312,7 +1429,7 @@ export class TreeViewComponent implements AfterViewInit, OnInit, OnDestroy {
|
|
|
1312
1429
|
<script src="../js/libs/htmlparser.js"></script>
|
|
1313
1430
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
1314
1431
|
<script>
|
|
1315
|
-
var COMPONENT_TEMPLATE = '<div><label *ngIf="label" [id]="id" class="cds--label"> {{label}}</label><div class="cds--tree" [ngClass]="{ \'cds--tree--sm\': size === \'sm\', \'cds--tree--xs\': size === \'xs\' }" [attr.aria-label]="label ? label : null" [attr.aria-labelledby]="!label ? id : null" [attr.aria-multiselectable]="isMultiSelect || null" role="tree" (keydown)="navigateTree($event)" #treeWrapper> <ng-container *ngIf="isProjected(); else notProjected"> <ng-content></ng-content> </ng-container> <ng-template #notProjected> <cds-tree-node *ngFor="let node of tree" [node]="node"> </cds-tree-node> </ng-template></div> </div>'
|
|
1432
|
+
var COMPONENT_TEMPLATE = '<div><label *ngIf="label" [id]="id" class="cds--label"> <ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container> <ng-template *ngIf="isTemplate(label)" [ngTemplateOutlet]="label" [ngTemplateOutletContext]="{ $implicit: labelContext }"> </ng-template></label><div class="cds--tree" [ngClass]="{ \'cds--tree--sm\': size === \'sm\', \'cds--tree--xs\': size === \'xs\' }" [attr.aria-label]="label ? label : null" [attr.aria-labelledby]="!label ? id : null" [attr.aria-multiselectable]="isMultiSelect || null" role="tree" (keydown)="navigateTree($event)" #treeWrapper> <ng-container *ngIf="isProjected(); else notProjected"> <ng-content></ng-content> </ng-container> <ng-template #notProjected> <cds-tree-node *ngFor="let node of tree" [node]="node"> </cds-tree-node> </ng-template></div> </div>'
|
|
1316
1433
|
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'}];
|
|
1317
1434
|
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': '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]'}];
|
|
1318
1435
|
var ACTUAL_COMPONENT = {'name': 'TreeViewComponent'};
|
|
@@ -2957,9 +2957,9 @@
|
|
|
2957
2957
|
</td>
|
|
2958
2958
|
<td>component</td>
|
|
2959
2959
|
<td>TreeNodeComponent</td>
|
|
2960
|
-
<td align="right" data-sort="
|
|
2961
|
-
<span class="coverage-percent">
|
|
2962
|
-
<span class="coverage-count">(9/
|
|
2960
|
+
<td align="right" data-sort="27">
|
|
2961
|
+
<span class="coverage-percent">27 %</span>
|
|
2962
|
+
<span class="coverage-count">(9/33)</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/
|
|
2974
|
+
<span class="coverage-count">(0/11)</span>
|
|
2975
2975
|
</td>
|
|
2976
2976
|
</tr>
|
|
2977
2977
|
<tr class="medium">
|
|
@@ -2981,9 +2981,9 @@
|
|
|
2981
2981
|
</td>
|
|
2982
2982
|
<td>component</td>
|
|
2983
2983
|
<td>TreeViewComponent</td>
|
|
2984
|
-
<td align="right" data-sort="
|
|
2985
|
-
<span class="coverage-percent">
|
|
2986
|
-
<span class="coverage-count">(
|
|
2984
|
+
<td align="right" data-sort="45">
|
|
2985
|
+
<span class="coverage-percent">45 %</span>
|
|
2986
|
+
<span class="coverage-count">(9/20)</span>
|
|
2987
2987
|
</td>
|
|
2988
2988
|
</tr>
|
|
2989
2989
|
<tr class="medium">
|
|
@@ -175,6 +175,13 @@
|
|
|
175
175
|
icon
|
|
176
176
|
</a>
|
|
177
177
|
</li>
|
|
178
|
+
<li>
|
|
179
|
+
<span class="modifier">Optional</span>
|
|
180
|
+
<a href="#iconContext"
|
|
181
|
+
>
|
|
182
|
+
iconContext
|
|
183
|
+
</a>
|
|
184
|
+
</li>
|
|
178
185
|
<li>
|
|
179
186
|
<span class="modifier">Optional</span>
|
|
180
187
|
<a href="#id"
|
|
@@ -222,7 +229,7 @@
|
|
|
222
229
|
</tr>
|
|
223
230
|
<tr>
|
|
224
231
|
<td class="col-md-4">
|
|
225
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
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>
|
|
226
233
|
</td>
|
|
227
234
|
</tr>
|
|
228
235
|
</tbody>
|
|
@@ -419,6 +426,44 @@
|
|
|
419
426
|
|
|
420
427
|
|
|
421
428
|
|
|
429
|
+
</tbody>
|
|
430
|
+
</table>
|
|
431
|
+
<table class="table table-sm table-bordered">
|
|
432
|
+
<tbody>
|
|
433
|
+
<tr>
|
|
434
|
+
<td class="col-md-4">
|
|
435
|
+
<a name="iconContext"></a>
|
|
436
|
+
<span class="name "><b>iconContext</b>
|
|
437
|
+
<a href="#iconContext">
|
|
438
|
+
<span class="icon ion-ios-link"></span>
|
|
439
|
+
</a>
|
|
440
|
+
</span>
|
|
441
|
+
</td>
|
|
442
|
+
</tr>
|
|
443
|
+
<tr>
|
|
444
|
+
<td class="col-md-4">
|
|
445
|
+
<code>iconContext: <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
|
|
446
|
+
</code>
|
|
447
|
+
</td>
|
|
448
|
+
</tr>
|
|
449
|
+
|
|
450
|
+
|
|
451
|
+
<tr>
|
|
452
|
+
<td class="col-md-4">
|
|
453
|
+
<i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
|
|
454
|
+
|
|
455
|
+
</td>
|
|
456
|
+
</tr>
|
|
457
|
+
|
|
458
|
+
<tr>
|
|
459
|
+
<td class="col-md-4">
|
|
460
|
+
<i>Optional</i>
|
|
461
|
+
</td>
|
|
462
|
+
</tr>
|
|
463
|
+
|
|
464
|
+
|
|
465
|
+
|
|
466
|
+
|
|
422
467
|
</tbody>
|
|
423
468
|
</table>
|
|
424
469
|
<table class="table table-sm table-bordered">
|
|
@@ -584,6 +629,7 @@ export interface Node {
|
|
|
584
629
|
expanded?: boolean;
|
|
585
630
|
selected?: boolean;
|
|
586
631
|
icon?: string | TemplateRef<any>;
|
|
632
|
+
iconContext?: any;
|
|
587
633
|
children?: Node[];
|
|
588
634
|
[key: string]: any;
|
|
589
635
|
}
|