carbon-components-angular 5.31.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 +83 -1
- package/docs/documentation/coverage.html +8 -8
- package/docs/documentation/interfaces/Node.html +47 -1
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +26 -26
- package/docs/documentation/modules/TimePickerModule.html +26 -26
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TimePickerSelectModule.html +4 -4
- package/docs/documentation/modules/ToggleModule/dependencies.svg +44 -40
- package/docs/documentation/modules/ToggleModule.html +44 -40
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +37 -37
- package/docs/documentation/modules/ToggletipModule.html +37 -37
- package/docs/documentation/modules/TooltipModule/dependencies.svg +29 -29
- package/docs/documentation/modules/TooltipModule.html +29 -29
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +28 -28
- package/docs/documentation/modules/TreeviewModule.html +28 -28
- package/docs/documentation.json +62 -44
- 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.d1f42191.iframe.bundle.js → runtime~main.6c556d33.iframe.bundle.js} +1 -1
- package/docs/storybook/{treeview-treeview-stories.eec445b3.iframe.bundle.js → treeview-treeview-stories.85954a19.iframe.bundle.js} +1 -1
- 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/fesm2015/carbon-components-angular-treeview.mjs +20 -8
- package/fesm2015/carbon-components-angular-treeview.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-treeview.mjs +17 -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 +1 -0
- package/docs/storybook/main.0d9139c6.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) {
|
|
@@ -265,6 +265,10 @@
|
|
|
265
265
|
<tr>
|
|
266
266
|
<td class="col-md-4">
|
|
267
267
|
<ul class="index-list">
|
|
268
|
+
<li>
|
|
269
|
+
<span class="modifier">Private</span>
|
|
270
|
+
<a href="#copyNode" >copyNode</a>
|
|
271
|
+
</li>
|
|
268
272
|
<li>
|
|
269
273
|
<span class="modifier">Public</span>
|
|
270
274
|
<a href="#isProjected" >isProjected</a>
|
|
@@ -631,6 +635,75 @@ Passing value will disregard projected content</p>
|
|
|
631
635
|
<h3 id="methods">
|
|
632
636
|
Methods
|
|
633
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>
|
|
634
707
|
<table class="table table-sm table-bordered">
|
|
635
708
|
<tbody>
|
|
636
709
|
<tr>
|
|
@@ -1329,7 +1402,7 @@ export class TreeViewComponent implements AfterViewInit, OnInit, OnDestroy {
|
|
|
1329
1402
|
* Passing value will disregard projected content
|
|
1330
1403
|
*/
|
|
1331
1404
|
@Input() set tree(treeNodes: Node[]) {
|
|
1332
|
-
this._tree = treeNodes.map((node) =>
|
|
1405
|
+
this._tree = treeNodes.map((node) => this.copyNode(node));
|
|
1333
1406
|
this.treeViewService.contentProjected = false;
|
|
1334
1407
|
}
|
|
1335
1408
|
|
|
@@ -1429,6 +1502,15 @@ export class TreeViewComponent implements AfterViewInit, OnInit, OnDestroy {
|
|
|
1429
1502
|
public isProjected() {
|
|
1430
1503
|
return this.treeViewService.contentProjected;
|
|
1431
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
|
+
}
|
|
1432
1514
|
}
|
|
1433
1515
|
</code></pre>
|
|
1434
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,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">(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
2989
|
<tr class="good">
|
|
@@ -168,6 +168,13 @@
|
|
|
168
168
|
expanded
|
|
169
169
|
</a>
|
|
170
170
|
</li>
|
|
171
|
+
<li>
|
|
172
|
+
<span class="modifier">Optional</span>
|
|
173
|
+
<a href="#gap"
|
|
174
|
+
>
|
|
175
|
+
gap
|
|
176
|
+
</a>
|
|
177
|
+
</li>
|
|
171
178
|
<li>
|
|
172
179
|
<span class="modifier">Optional</span>
|
|
173
180
|
<a href="#icon"
|
|
@@ -236,7 +243,7 @@
|
|
|
236
243
|
</tr>
|
|
237
244
|
<tr>
|
|
238
245
|
<td class="col-md-4">
|
|
239
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
246
|
+
<div class="io-line">Defined in <a href="" data-line="15" class="link-to-prism">src/treeview/tree-node.types.ts:15</a></div>
|
|
240
247
|
</td>
|
|
241
248
|
</tr>
|
|
242
249
|
</tbody>
|
|
@@ -395,6 +402,44 @@
|
|
|
395
402
|
|
|
396
403
|
|
|
397
404
|
|
|
405
|
+
</tbody>
|
|
406
|
+
</table>
|
|
407
|
+
<table class="table table-sm table-bordered">
|
|
408
|
+
<tbody>
|
|
409
|
+
<tr>
|
|
410
|
+
<td class="col-md-4">
|
|
411
|
+
<a name="gap"></a>
|
|
412
|
+
<span class="name "><b>gap</b>
|
|
413
|
+
<a href="#gap">
|
|
414
|
+
<span class="icon ion-ios-link"></span>
|
|
415
|
+
</a>
|
|
416
|
+
</span>
|
|
417
|
+
</td>
|
|
418
|
+
</tr>
|
|
419
|
+
<tr>
|
|
420
|
+
<td class="col-md-4">
|
|
421
|
+
<code>gap: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
|
|
422
|
+
</code>
|
|
423
|
+
</td>
|
|
424
|
+
</tr>
|
|
425
|
+
|
|
426
|
+
|
|
427
|
+
<tr>
|
|
428
|
+
<td class="col-md-4">
|
|
429
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
|
|
430
|
+
|
|
431
|
+
</td>
|
|
432
|
+
</tr>
|
|
433
|
+
|
|
434
|
+
<tr>
|
|
435
|
+
<td class="col-md-4">
|
|
436
|
+
<i>Optional</i>
|
|
437
|
+
</td>
|
|
438
|
+
</tr>
|
|
439
|
+
|
|
440
|
+
|
|
441
|
+
|
|
442
|
+
|
|
398
443
|
</tbody>
|
|
399
444
|
</table>
|
|
400
445
|
<table class="table table-sm table-bordered">
|
|
@@ -676,6 +721,7 @@ export interface Node {
|
|
|
676
721
|
selected?: boolean;
|
|
677
722
|
icon?: string | TemplateRef<any>;
|
|
678
723
|
iconContext?: any;
|
|
724
|
+
gap?: number;
|
|
679
725
|
children?: Node[];
|
|
680
726
|
[key: string]: any;
|
|
681
727
|
}
|