carbon-components-angular 5.30.0 → 5.32.0
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 +67 -36
- package/docs/documentation/components/TreeViewComponent.html +115 -2
- package/docs/documentation/coverage.html +12 -12
- package/docs/documentation/injectables/TreeViewService.html +140 -0
- package/docs/documentation/interfaces/Node.html +47 -1
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/ThemeModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ThemeModule.html +4 -4
- package/docs/documentation/modules/TilesModule/dependencies.svg +93 -93
- package/docs/documentation/modules/TilesModule.html +93 -93
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +34 -38
- package/docs/documentation/modules/TimePickerModule.html +34 -38
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +46 -50
- package/docs/documentation/modules/TimePickerSelectModule.html +46 -50
- package/docs/documentation/modules/ToggleModule/dependencies.svg +40 -36
- package/docs/documentation/modules/ToggleModule.html +40 -36
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +37 -37
- package/docs/documentation/modules/ToggletipModule.html +37 -37
- package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TooltipModule.html +4 -4
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +35 -35
- package/docs/documentation/modules/TreeviewModule.html +35 -35
- package/docs/documentation.json +138 -51
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/main.84a378b3.iframe.bundle.js +1 -0
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.532100cf.iframe.bundle.js → runtime~main.6c556d33.iframe.bundle.js} +1 -1
- package/docs/storybook/treeview-treeview-stories.85954a19.iframe.bundle.js +1 -0
- package/esm2020/treeview/tree-node.component.mjs +8 -4
- package/esm2020/treeview/tree-node.types.mjs +1 -1
- package/esm2020/treeview/treeview.component.mjs +11 -3
- package/esm2020/treeview/treeview.service.mjs +19 -1
- package/fesm2015/carbon-components-angular-treeview.mjs +38 -8
- package/fesm2015/carbon-components-angular-treeview.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-treeview.mjs +35 -5
- 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 +2 -1
- package/treeview/treeview.service.d.ts +9 -0
- package/docs/storybook/main.3c073e9e.iframe.bundle.js +0 -1
- package/docs/storybook/treeview-treeview-stories.67d5b54c.iframe.bundle.js +0 -1
|
@@ -370,6 +370,9 @@
|
|
|
370
370
|
<li>
|
|
371
371
|
<a href="#expanded" >expanded</a>
|
|
372
372
|
</li>
|
|
373
|
+
<li>
|
|
374
|
+
<a href="#gap" >gap</a>
|
|
375
|
+
</li>
|
|
373
376
|
<li>
|
|
374
377
|
<a href="#icon" >icon</a>
|
|
375
378
|
</li>
|
|
@@ -453,7 +456,7 @@
|
|
|
453
456
|
</tr>
|
|
454
457
|
<tr>
|
|
455
458
|
<td class="col-md-4">
|
|
456
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
459
|
+
<div class="io-line">Defined in <a href="" data-line="174" class="link-to-prism">src/treeview/tree-node.component.ts:174</a></div>
|
|
457
460
|
</td>
|
|
458
461
|
</tr>
|
|
459
462
|
|
|
@@ -540,7 +543,7 @@
|
|
|
540
543
|
</tr>
|
|
541
544
|
<tr>
|
|
542
545
|
<td class="col-md-2" colspan="2">
|
|
543
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
546
|
+
<div class="io-line">Defined in <a href="" data-line="133" class="link-to-prism">src/treeview/tree-node.component.ts:133</a></div>
|
|
544
547
|
</td>
|
|
545
548
|
</tr>
|
|
546
549
|
</tbody>
|
|
@@ -566,7 +569,7 @@
|
|
|
566
569
|
</tr>
|
|
567
570
|
<tr>
|
|
568
571
|
<td class="col-md-2" colspan="2">
|
|
569
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
572
|
+
<div class="io-line">Defined in <a href="" data-line="139" class="link-to-prism">src/treeview/tree-node.component.ts:139</a></div>
|
|
570
573
|
</td>
|
|
571
574
|
</tr>
|
|
572
575
|
<tr>
|
|
@@ -630,6 +633,32 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
|
|
|
630
633
|
</tr>
|
|
631
634
|
</tbody>
|
|
632
635
|
</table>
|
|
636
|
+
<table class="table table-sm table-bordered">
|
|
637
|
+
<tbody>
|
|
638
|
+
<tr>
|
|
639
|
+
<td class="col-md-4">
|
|
640
|
+
<a name="gap"></a>
|
|
641
|
+
<b>gap</b>
|
|
642
|
+
</td>
|
|
643
|
+
</tr>
|
|
644
|
+
<tr>
|
|
645
|
+
<td class="col-md-4">
|
|
646
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
|
|
647
|
+
|
|
648
|
+
</td>
|
|
649
|
+
</tr>
|
|
650
|
+
<tr>
|
|
651
|
+
<td class="col-md-4">
|
|
652
|
+
<i>Default value : </i><code>0</code>
|
|
653
|
+
</td>
|
|
654
|
+
</tr>
|
|
655
|
+
<tr>
|
|
656
|
+
<td class="col-md-2" colspan="2">
|
|
657
|
+
<div class="io-line">Defined in <a href="" data-line="132" class="link-to-prism">src/treeview/tree-node.component.ts:132</a></div>
|
|
658
|
+
</td>
|
|
659
|
+
</tr>
|
|
660
|
+
</tbody>
|
|
661
|
+
</table>
|
|
633
662
|
<table class="table table-sm table-bordered">
|
|
634
663
|
<tbody>
|
|
635
664
|
<tr>
|
|
@@ -756,7 +785,7 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
|
|
|
756
785
|
</tr>
|
|
757
786
|
<tr>
|
|
758
787
|
<td class="col-md-2" colspan="2">
|
|
759
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
788
|
+
<div class="io-line">Defined in <a href="" data-line="145" class="link-to-prism">src/treeview/tree-node.component.ts:145</a></div>
|
|
760
789
|
</td>
|
|
761
790
|
</tr>
|
|
762
791
|
<tr>
|
|
@@ -834,7 +863,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
834
863
|
</tr>
|
|
835
864
|
<tr>
|
|
836
865
|
<td class="col-md-2" colspan="2">
|
|
837
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
866
|
+
<div class="io-line">Defined in <a href="" data-line="168" class="link-to-prism">src/treeview/tree-node.component.ts:168</a></div>
|
|
838
867
|
</td>
|
|
839
868
|
</tr>
|
|
840
869
|
</tbody>
|
|
@@ -855,7 +884,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
855
884
|
</tr>
|
|
856
885
|
<tr>
|
|
857
886
|
<td class="col-md-2" colspan="2">
|
|
858
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
887
|
+
<div class="io-line">Defined in <a href="" data-line="167" class="link-to-prism">src/treeview/tree-node.component.ts:167</a></div>
|
|
859
888
|
</td>
|
|
860
889
|
</tr>
|
|
861
890
|
</tbody>
|
|
@@ -876,7 +905,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
876
905
|
</tr>
|
|
877
906
|
<tr>
|
|
878
907
|
<td class="col-md-2" colspan="2">
|
|
879
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
908
|
+
<div class="io-line">Defined in <a href="" data-line="169" class="link-to-prism">src/treeview/tree-node.component.ts:169</a></div>
|
|
880
909
|
</td>
|
|
881
910
|
</tr>
|
|
882
911
|
</tbody>
|
|
@@ -897,7 +926,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
897
926
|
</tr>
|
|
898
927
|
<tr>
|
|
899
928
|
<td class="col-md-2" colspan="2">
|
|
900
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
929
|
+
<div class="io-line">Defined in <a href="" data-line="170" class="link-to-prism">src/treeview/tree-node.component.ts:170</a></div>
|
|
901
930
|
</td>
|
|
902
931
|
</tr>
|
|
903
932
|
</tbody>
|
|
@@ -930,8 +959,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
930
959
|
|
|
931
960
|
<tr>
|
|
932
961
|
<td class="col-md-4">
|
|
933
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
934
|
-
class="link-to-prism">src/treeview/tree-node.component.ts:
|
|
962
|
+
<div class="io-line">Defined in <a href="" data-line="221"
|
|
963
|
+
class="link-to-prism">src/treeview/tree-node.component.ts:221</a></div>
|
|
935
964
|
</td>
|
|
936
965
|
</tr>
|
|
937
966
|
|
|
@@ -973,8 +1002,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
973
1002
|
|
|
974
1003
|
<tr>
|
|
975
1004
|
<td class="col-md-4">
|
|
976
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
977
|
-
class="link-to-prism">src/treeview/tree-node.component.ts:
|
|
1005
|
+
<div class="io-line">Defined in <a href="" data-line="244"
|
|
1006
|
+
class="link-to-prism">src/treeview/tree-node.component.ts:244</a></div>
|
|
978
1007
|
</td>
|
|
979
1008
|
</tr>
|
|
980
1009
|
|
|
@@ -1036,8 +1065,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1036
1065
|
|
|
1037
1066
|
<tr>
|
|
1038
1067
|
<td class="col-md-4">
|
|
1039
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1040
|
-
class="link-to-prism">src/treeview/tree-node.component.ts:
|
|
1068
|
+
<div class="io-line">Defined in <a href="" data-line="240"
|
|
1069
|
+
class="link-to-prism">src/treeview/tree-node.component.ts:240</a></div>
|
|
1041
1070
|
</td>
|
|
1042
1071
|
</tr>
|
|
1043
1072
|
|
|
@@ -1101,8 +1130,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1101
1130
|
|
|
1102
1131
|
<tr>
|
|
1103
1132
|
<td class="col-md-4">
|
|
1104
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1105
|
-
class="link-to-prism">src/treeview/tree-node.component.ts:
|
|
1133
|
+
<div class="io-line">Defined in <a href="" data-line="291"
|
|
1134
|
+
class="link-to-prism">src/treeview/tree-node.component.ts:291</a></div>
|
|
1106
1135
|
</td>
|
|
1107
1136
|
</tr>
|
|
1108
1137
|
|
|
@@ -1140,8 +1169,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1140
1169
|
|
|
1141
1170
|
<tr>
|
|
1142
1171
|
<td class="col-md-4">
|
|
1143
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1144
|
-
class="link-to-prism">src/treeview/tree-node.component.ts:
|
|
1172
|
+
<div class="io-line">Defined in <a href="" data-line="287"
|
|
1173
|
+
class="link-to-prism">src/treeview/tree-node.component.ts:287</a></div>
|
|
1145
1174
|
</td>
|
|
1146
1175
|
</tr>
|
|
1147
1176
|
|
|
@@ -1203,8 +1232,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1203
1232
|
|
|
1204
1233
|
<tr>
|
|
1205
1234
|
<td class="col-md-4">
|
|
1206
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1207
|
-
class="link-to-prism">src/treeview/tree-node.component.ts:
|
|
1235
|
+
<div class="io-line">Defined in <a href="" data-line="264"
|
|
1236
|
+
class="link-to-prism">src/treeview/tree-node.component.ts:264</a></div>
|
|
1208
1237
|
</td>
|
|
1209
1238
|
</tr>
|
|
1210
1239
|
|
|
@@ -1272,8 +1301,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1272
1301
|
|
|
1273
1302
|
<tr>
|
|
1274
1303
|
<td class="col-md-4">
|
|
1275
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1276
|
-
class="link-to-prism">src/treeview/tree-node.component.ts:
|
|
1304
|
+
<div class="io-line">Defined in <a href="" data-line="181"
|
|
1305
|
+
class="link-to-prism">src/treeview/tree-node.component.ts:181</a></div>
|
|
1277
1306
|
</td>
|
|
1278
1307
|
</tr>
|
|
1279
1308
|
|
|
@@ -1311,8 +1340,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1311
1340
|
|
|
1312
1341
|
<tr>
|
|
1313
1342
|
<td class="col-md-4">
|
|
1314
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1315
|
-
class="link-to-prism">src/treeview/tree-node.component.ts:
|
|
1343
|
+
<div class="io-line">Defined in <a href="" data-line="199"
|
|
1344
|
+
class="link-to-prism">src/treeview/tree-node.component.ts:199</a></div>
|
|
1316
1345
|
</td>
|
|
1317
1346
|
</tr>
|
|
1318
1347
|
|
|
@@ -1350,8 +1379,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1350
1379
|
|
|
1351
1380
|
<tr>
|
|
1352
1381
|
<td class="col-md-4">
|
|
1353
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1354
|
-
class="link-to-prism">src/treeview/tree-node.component.ts:
|
|
1382
|
+
<div class="io-line">Defined in <a href="" data-line="188"
|
|
1383
|
+
class="link-to-prism">src/treeview/tree-node.component.ts:188</a></div>
|
|
1355
1384
|
</td>
|
|
1356
1385
|
</tr>
|
|
1357
1386
|
|
|
@@ -1389,8 +1418,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1389
1418
|
|
|
1390
1419
|
<tr>
|
|
1391
1420
|
<td class="col-md-4">
|
|
1392
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1393
|
-
class="link-to-prism">src/treeview/tree-node.component.ts:
|
|
1421
|
+
<div class="io-line">Defined in <a href="" data-line="207"
|
|
1422
|
+
class="link-to-prism">src/treeview/tree-node.component.ts:207</a></div>
|
|
1394
1423
|
</td>
|
|
1395
1424
|
</tr>
|
|
1396
1425
|
|
|
@@ -1454,8 +1483,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1454
1483
|
|
|
1455
1484
|
<tr>
|
|
1456
1485
|
<td class="col-md-4">
|
|
1457
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1458
|
-
class="link-to-prism">src/treeview/tree-node.component.ts:
|
|
1486
|
+
<div class="io-line">Defined in <a href="" data-line="252"
|
|
1487
|
+
class="link-to-prism">src/treeview/tree-node.component.ts:252</a></div>
|
|
1459
1488
|
</td>
|
|
1460
1489
|
</tr>
|
|
1461
1490
|
|
|
@@ -1524,7 +1553,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1524
1553
|
</tr>
|
|
1525
1554
|
<tr>
|
|
1526
1555
|
<td class="col-md-4">
|
|
1527
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1556
|
+
<div class="io-line">Defined in <a href="" data-line="173" class="link-to-prism">src/treeview/tree-node.component.ts:173</a></div>
|
|
1528
1557
|
</td>
|
|
1529
1558
|
</tr>
|
|
1530
1559
|
|
|
@@ -1544,7 +1573,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1544
1573
|
</tr>
|
|
1545
1574
|
<tr>
|
|
1546
1575
|
<td class="col-md-4">
|
|
1547
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1576
|
+
<div class="io-line">Defined in <a href="" data-line="172" class="link-to-prism">src/treeview/tree-node.component.ts:172</a></div>
|
|
1548
1577
|
</td>
|
|
1549
1578
|
</tr>
|
|
1550
1579
|
|
|
@@ -1571,7 +1600,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1571
1600
|
</tr>
|
|
1572
1601
|
<tr>
|
|
1573
1602
|
<td class="col-md-4">
|
|
1574
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1603
|
+
<div class="io-line">Defined in <a href="" data-line="174" class="link-to-prism">src/treeview/tree-node.component.ts:174</a></div>
|
|
1575
1604
|
</td>
|
|
1576
1605
|
</tr>
|
|
1577
1606
|
|
|
@@ -1632,7 +1661,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1632
1661
|
</tr>
|
|
1633
1662
|
<tr>
|
|
1634
1663
|
<td class="col-md-4">
|
|
1635
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1664
|
+
<div class="io-line">Defined in <a href="" data-line="163" class="link-to-prism">src/treeview/tree-node.component.ts:163</a></div>
|
|
1636
1665
|
</td>
|
|
1637
1666
|
</tr>
|
|
1638
1667
|
|
|
@@ -1643,7 +1672,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1643
1672
|
</tr>
|
|
1644
1673
|
<tr>
|
|
1645
1674
|
<td class="col-md-4">
|
|
1646
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1675
|
+
<div class="io-line">Defined in <a href="" data-line="145" class="link-to-prism">src/treeview/tree-node.component.ts:145</a></div>
|
|
1647
1676
|
</td>
|
|
1648
1677
|
</tr>
|
|
1649
1678
|
<tr>
|
|
@@ -1824,6 +1853,7 @@ export class TreeNodeComponent implements AfterContentChecked, OnInit, OnDestroy
|
|
|
1824
1853
|
@Input() value;
|
|
1825
1854
|
@Input() icon: string | TemplateRef<any>;
|
|
1826
1855
|
@Input() iconContext: any;
|
|
1856
|
+
@Input() gap = 0;
|
|
1827
1857
|
@Input() children: Node[] = [];
|
|
1828
1858
|
|
|
1829
1859
|
/**
|
|
@@ -1849,6 +1879,7 @@ export class TreeNodeComponent implements AfterContentChecked, OnInit, OnDestroy
|
|
|
1849
1879
|
this.icon = node.icon ?? this.icon;
|
|
1850
1880
|
this.selected = node.selected ?? this.selected;
|
|
1851
1881
|
this.depth = node.depth ?? this.depth;
|
|
1882
|
+
this.gap = node.gap ?? this.gap;
|
|
1852
1883
|
this.children = node.children ?? this.children;
|
|
1853
1884
|
this.iconContext = node.iconText ?? this.iconContext;
|
|
1854
1885
|
}
|
|
@@ -1927,7 +1958,7 @@ export class TreeNodeComponent implements AfterContentChecked, OnInit, OnDestroy
|
|
|
1927
1958
|
return this.depth + 2 + this.depth * 0.5;
|
|
1928
1959
|
}
|
|
1929
1960
|
|
|
1930
|
-
return this.depth + 2.5;
|
|
1961
|
+
return this.depth + this.gap + 2.5;
|
|
1931
1962
|
}
|
|
1932
1963
|
|
|
1933
1964
|
emitFocusEvent(event) {
|
|
@@ -245,6 +245,10 @@
|
|
|
245
245
|
<span class="modifier">Static</span>
|
|
246
246
|
<a href="#treeViewCount" >treeViewCount</a>
|
|
247
247
|
</li>
|
|
248
|
+
<li>
|
|
249
|
+
<span class="modifier">Public</span>
|
|
250
|
+
<a href="#treeViewService" >treeViewService</a>
|
|
251
|
+
</li>
|
|
248
252
|
<li>
|
|
249
253
|
<span class="modifier">Private</span>
|
|
250
254
|
<a href="#treeWalker" >treeWalker</a>
|
|
@@ -261,6 +265,10 @@
|
|
|
261
265
|
<tr>
|
|
262
266
|
<td class="col-md-4">
|
|
263
267
|
<ul class="index-list">
|
|
268
|
+
<li>
|
|
269
|
+
<span class="modifier">Private</span>
|
|
270
|
+
<a href="#copyNode" >copyNode</a>
|
|
271
|
+
</li>
|
|
264
272
|
<li>
|
|
265
273
|
<span class="modifier">Public</span>
|
|
266
274
|
<a href="#isProjected" >isProjected</a>
|
|
@@ -627,6 +635,75 @@ Passing value will disregard projected content</p>
|
|
|
627
635
|
<h3 id="methods">
|
|
628
636
|
Methods
|
|
629
637
|
</h3>
|
|
638
|
+
<table class="table table-sm table-bordered">
|
|
639
|
+
<tbody>
|
|
640
|
+
<tr>
|
|
641
|
+
<td class="col-md-4">
|
|
642
|
+
<a name="copyNode"></a>
|
|
643
|
+
<span class="name">
|
|
644
|
+
<span class="modifier">Private</span>
|
|
645
|
+
<span ><b>copyNode</b></span>
|
|
646
|
+
<a href="#copyNode"><span class="icon ion-ios-link"></span></a>
|
|
647
|
+
</span>
|
|
648
|
+
</td>
|
|
649
|
+
</tr>
|
|
650
|
+
<tr>
|
|
651
|
+
<td class="col-md-4">
|
|
652
|
+
<span class="modifier-icon icon ion-ios-reset"></span>
|
|
653
|
+
<code>copyNode(node: <a href="../interfaces/Node.html" target="_self">Node</a>)</code>
|
|
654
|
+
</td>
|
|
655
|
+
</tr>
|
|
656
|
+
|
|
657
|
+
|
|
658
|
+
<tr>
|
|
659
|
+
<td class="col-md-4">
|
|
660
|
+
<div class="io-line">Defined in <a href="" data-line="174"
|
|
661
|
+
class="link-to-prism">src/treeview/treeview.component.ts:174</a></div>
|
|
662
|
+
</td>
|
|
663
|
+
</tr>
|
|
664
|
+
|
|
665
|
+
|
|
666
|
+
<tr>
|
|
667
|
+
<td class="col-md-4">
|
|
668
|
+
|
|
669
|
+
<div class="io-description">
|
|
670
|
+
<b>Parameters :</b>
|
|
671
|
+
|
|
672
|
+
<table class="params">
|
|
673
|
+
<thead>
|
|
674
|
+
<tr>
|
|
675
|
+
<td>Name</td>
|
|
676
|
+
<td>Type</td>
|
|
677
|
+
<td>Optional</td>
|
|
678
|
+
</tr>
|
|
679
|
+
</thead>
|
|
680
|
+
<tbody>
|
|
681
|
+
<tr>
|
|
682
|
+
<td>node</td>
|
|
683
|
+
<td>
|
|
684
|
+
<code><a href="../interfaces/Node.html" target="_self" >Node</a></code>
|
|
685
|
+
</td>
|
|
686
|
+
|
|
687
|
+
<td>
|
|
688
|
+
No
|
|
689
|
+
</td>
|
|
690
|
+
|
|
691
|
+
|
|
692
|
+
</tr>
|
|
693
|
+
</tbody>
|
|
694
|
+
</table>
|
|
695
|
+
</div>
|
|
696
|
+
<div class="io-description">
|
|
697
|
+
<b>Returns : </b> <code><a href="../interfaces/Node.html" target="_self" >Node</a></code>
|
|
698
|
+
|
|
699
|
+
</div>
|
|
700
|
+
<div class="io-description">
|
|
701
|
+
|
|
702
|
+
</div>
|
|
703
|
+
</td>
|
|
704
|
+
</tr>
|
|
705
|
+
</tbody>
|
|
706
|
+
</table>
|
|
630
707
|
<table class="table table-sm table-bordered">
|
|
631
708
|
<tbody>
|
|
632
709
|
<tr>
|
|
@@ -1053,6 +1130,33 @@ Passing value will disregard projected content</p>
|
|
|
1053
1130
|
</tr>
|
|
1054
1131
|
|
|
1055
1132
|
|
|
1133
|
+
</tbody>
|
|
1134
|
+
</table>
|
|
1135
|
+
<table class="table table-sm table-bordered">
|
|
1136
|
+
<tbody>
|
|
1137
|
+
<tr>
|
|
1138
|
+
<td class="col-md-4">
|
|
1139
|
+
<a name="treeViewService"></a>
|
|
1140
|
+
<span class="name">
|
|
1141
|
+
<span class="modifier">Public</span>
|
|
1142
|
+
<span ><b>treeViewService</b></span>
|
|
1143
|
+
<a href="#treeViewService"><span class="icon ion-ios-link"></span></a>
|
|
1144
|
+
</span>
|
|
1145
|
+
</td>
|
|
1146
|
+
</tr>
|
|
1147
|
+
<tr>
|
|
1148
|
+
<td class="col-md-4">
|
|
1149
|
+
<i>Type : </i> <code><a href="../injectables/TreeViewService.html" target="_self" >TreeViewService</a></code>
|
|
1150
|
+
|
|
1151
|
+
</td>
|
|
1152
|
+
</tr>
|
|
1153
|
+
<tr>
|
|
1154
|
+
<td class="col-md-4">
|
|
1155
|
+
<div class="io-line">Defined in <a href="" data-line="112" class="link-to-prism">src/treeview/treeview.component.ts:112</a></div>
|
|
1156
|
+
</td>
|
|
1157
|
+
</tr>
|
|
1158
|
+
|
|
1159
|
+
|
|
1056
1160
|
</tbody>
|
|
1057
1161
|
</table>
|
|
1058
1162
|
<table class="table table-sm table-bordered">
|
|
@@ -1298,7 +1402,7 @@ export class TreeViewComponent implements AfterViewInit, OnInit, OnDestroy {
|
|
|
1298
1402
|
* Passing value will disregard projected content
|
|
1299
1403
|
*/
|
|
1300
1404
|
@Input() set tree(treeNodes: Node[]) {
|
|
1301
|
-
this._tree = treeNodes.map((node) =>
|
|
1405
|
+
this._tree = treeNodes.map((node) => this.copyNode(node));
|
|
1302
1406
|
this.treeViewService.contentProjected = false;
|
|
1303
1407
|
}
|
|
1304
1408
|
|
|
@@ -1337,7 +1441,7 @@ export class TreeViewComponent implements AfterViewInit, OnInit, OnDestroy {
|
|
|
1337
1441
|
|
|
1338
1442
|
constructor(
|
|
1339
1443
|
@Inject(DOCUMENT) private document: Document,
|
|
1340
|
-
|
|
1444
|
+
public treeViewService: TreeViewService,
|
|
1341
1445
|
private elementRef: ElementRef
|
|
1342
1446
|
) {}
|
|
1343
1447
|
|
|
@@ -1398,6 +1502,15 @@ export class TreeViewComponent implements AfterViewInit, OnInit, OnDestroy {
|
|
|
1398
1502
|
public isProjected() {
|
|
1399
1503
|
return this.treeViewService.contentProjected;
|
|
1400
1504
|
}
|
|
1505
|
+
|
|
1506
|
+
private copyNode(node: Node): Node {
|
|
1507
|
+
// making a recursive shallow copy to avoid performance issues when deeply cloning templateRefs if defined in the node
|
|
1508
|
+
const copiedNode = Object.assign({}, node);
|
|
1509
|
+
if (node.children) {
|
|
1510
|
+
copiedNode.children = node.children.map(child => this.copyNode(child));
|
|
1511
|
+
}
|
|
1512
|
+
return copiedNode;
|
|
1513
|
+
}
|
|
1401
1514
|
}
|
|
1402
1515
|
</code></pre>
|
|
1403
1516
|
</div>
|
|
@@ -2950,16 +2950,16 @@
|
|
|
2950
2950
|
<span class="coverage-count">(1/1)</span>
|
|
2951
2951
|
</td>
|
|
2952
2952
|
</tr>
|
|
2953
|
-
<tr class="
|
|
2953
|
+
<tr class="low">
|
|
2954
2954
|
<td>
|
|
2955
2955
|
<!-- miscellaneous -->
|
|
2956
2956
|
<a href="./components/TreeNodeComponent.html">src/treeview/tree-node.component.ts</a>
|
|
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="25">
|
|
2961
|
+
<span class="coverage-percent">25 %</span>
|
|
2962
|
+
<span class="coverage-count">(9/35)</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/13)</span>
|
|
2975
2975
|
</td>
|
|
2976
2976
|
</tr>
|
|
2977
2977
|
<tr class="medium">
|
|
@@ -2981,21 +2981,21 @@
|
|
|
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">(9/
|
|
2984
|
+
<td align="right" data-sort="40">
|
|
2985
|
+
<span class="coverage-percent">40 %</span>
|
|
2986
|
+
<span class="coverage-count">(9/22)</span>
|
|
2987
2987
|
</td>
|
|
2988
2988
|
</tr>
|
|
2989
|
-
<tr class="
|
|
2989
|
+
<tr class="good">
|
|
2990
2990
|
<td>
|
|
2991
2991
|
<!-- miscellaneous -->
|
|
2992
2992
|
<a href="./injectables/TreeViewService.html">src/treeview/treeview.service.ts</a>
|
|
2993
2993
|
</td>
|
|
2994
2994
|
<td>injectable</td>
|
|
2995
2995
|
<td>TreeViewService</td>
|
|
2996
|
-
<td align="right" data-sort="
|
|
2997
|
-
<span class="coverage-percent">
|
|
2998
|
-
<span class="coverage-count">(
|
|
2996
|
+
<td align="right" data-sort="60">
|
|
2997
|
+
<span class="coverage-percent">60 %</span>
|
|
2998
|
+
<span class="coverage-count">(6/10)</span>
|
|
2999
2999
|
</td>
|
|
3000
3000
|
</tr>
|
|
3001
3001
|
<tr class="good">
|