carbon-components-angular 5.30.0 → 5.31.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/TreeViewComponent.html +32 -1
- package/docs/documentation/coverage.html +7 -7
- package/docs/documentation/injectables/TreeViewService.html +140 -0
- 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 +40 -44
- package/docs/documentation/modules/TimePickerModule.html +40 -44
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +45 -49
- package/docs/documentation/modules/TimePickerSelectModule.html +45 -49
- package/docs/documentation/modules/ToggleModule/dependencies.svg +27 -27
- package/docs/documentation/modules/ToggleModule.html +27 -27
- 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 +38 -38
- package/docs/documentation/modules/TreeviewModule.html +38 -38
- package/docs/documentation.json +82 -13
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/{main.3c073e9e.iframe.bundle.js → main.0d9139c6.iframe.bundle.js} +1 -1
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.532100cf.iframe.bundle.js → runtime~main.d1f42191.iframe.bundle.js} +1 -1
- package/docs/storybook/treeview-treeview-stories.eec445b3.iframe.bundle.js +1 -0
- package/esm2020/treeview/treeview.component.mjs +1 -1
- package/esm2020/treeview/treeview.service.mjs +19 -1
- package/fesm2015/carbon-components-angular-treeview.mjs +18 -0
- package/fesm2015/carbon-components-angular-treeview.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-treeview.mjs +18 -0
- package/fesm2020/carbon-components-angular-treeview.mjs.map +1 -1
- package/package.json +1 -1
- package/treeview/treeview.component.d.ts +1 -1
- package/treeview/treeview.service.d.ts +9 -0
- package/docs/storybook/treeview-treeview-stories.67d5b54c.iframe.bundle.js +0 -1
|
@@ -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>
|
|
@@ -1053,6 +1057,33 @@ Passing value will disregard projected content</p>
|
|
|
1053
1057
|
</tr>
|
|
1054
1058
|
|
|
1055
1059
|
|
|
1060
|
+
</tbody>
|
|
1061
|
+
</table>
|
|
1062
|
+
<table class="table table-sm table-bordered">
|
|
1063
|
+
<tbody>
|
|
1064
|
+
<tr>
|
|
1065
|
+
<td class="col-md-4">
|
|
1066
|
+
<a name="treeViewService"></a>
|
|
1067
|
+
<span class="name">
|
|
1068
|
+
<span class="modifier">Public</span>
|
|
1069
|
+
<span ><b>treeViewService</b></span>
|
|
1070
|
+
<a href="#treeViewService"><span class="icon ion-ios-link"></span></a>
|
|
1071
|
+
</span>
|
|
1072
|
+
</td>
|
|
1073
|
+
</tr>
|
|
1074
|
+
<tr>
|
|
1075
|
+
<td class="col-md-4">
|
|
1076
|
+
<i>Type : </i> <code><a href="../injectables/TreeViewService.html" target="_self" >TreeViewService</a></code>
|
|
1077
|
+
|
|
1078
|
+
</td>
|
|
1079
|
+
</tr>
|
|
1080
|
+
<tr>
|
|
1081
|
+
<td class="col-md-4">
|
|
1082
|
+
<div class="io-line">Defined in <a href="" data-line="112" class="link-to-prism">src/treeview/treeview.component.ts:112</a></div>
|
|
1083
|
+
</td>
|
|
1084
|
+
</tr>
|
|
1085
|
+
|
|
1086
|
+
|
|
1056
1087
|
</tbody>
|
|
1057
1088
|
</table>
|
|
1058
1089
|
<table class="table table-sm table-bordered">
|
|
@@ -1337,7 +1368,7 @@ export class TreeViewComponent implements AfterViewInit, OnInit, OnDestroy {
|
|
|
1337
1368
|
|
|
1338
1369
|
constructor(
|
|
1339
1370
|
@Inject(DOCUMENT) private document: Document,
|
|
1340
|
-
|
|
1371
|
+
public treeViewService: TreeViewService,
|
|
1341
1372
|
private elementRef: ElementRef
|
|
1342
1373
|
) {}
|
|
1343
1374
|
|
|
@@ -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="42">
|
|
2985
|
+
<span class="coverage-percent">42 %</span>
|
|
2986
|
+
<span class="coverage-count">(9/21)</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">
|
|
@@ -163,6 +163,12 @@
|
|
|
163
163
|
<tr>
|
|
164
164
|
<td class="col-md-4">
|
|
165
165
|
<ul class="index-list">
|
|
166
|
+
<li>
|
|
167
|
+
<a href="#deselectAllNodes" >deselectAllNodes</a>
|
|
168
|
+
</li>
|
|
169
|
+
<li>
|
|
170
|
+
<a href="#deselectNode" >deselectNode</a>
|
|
171
|
+
</li>
|
|
166
172
|
<li>
|
|
167
173
|
<a href="#selectNode" >selectNode</a>
|
|
168
174
|
</li>
|
|
@@ -202,6 +208,119 @@
|
|
|
202
208
|
<h3 id="methods">
|
|
203
209
|
Methods
|
|
204
210
|
</h3>
|
|
211
|
+
<table class="table table-sm table-bordered">
|
|
212
|
+
<tbody>
|
|
213
|
+
<tr>
|
|
214
|
+
<td class="col-md-4">
|
|
215
|
+
<a name="deselectAllNodes"></a>
|
|
216
|
+
<span class="name">
|
|
217
|
+
<span ><b>deselectAllNodes</b></span>
|
|
218
|
+
<a href="#deselectAllNodes"><span class="icon ion-ios-link"></span></a>
|
|
219
|
+
</span>
|
|
220
|
+
</td>
|
|
221
|
+
</tr>
|
|
222
|
+
<tr>
|
|
223
|
+
<td class="col-md-4">
|
|
224
|
+
<code>deselectAllNodes()</code>
|
|
225
|
+
</td>
|
|
226
|
+
</tr>
|
|
227
|
+
|
|
228
|
+
|
|
229
|
+
<tr>
|
|
230
|
+
<td class="col-md-4">
|
|
231
|
+
<div class="io-line">Defined in <a href="" data-line="64"
|
|
232
|
+
class="link-to-prism">src/treeview/treeview.service.ts:64</a></div>
|
|
233
|
+
</td>
|
|
234
|
+
</tr>
|
|
235
|
+
|
|
236
|
+
|
|
237
|
+
<tr>
|
|
238
|
+
<td class="col-md-4">
|
|
239
|
+
<div class="io-description"><p>Removes all selected nodes from the map</p>
|
|
240
|
+
</div>
|
|
241
|
+
|
|
242
|
+
<div class="io-description">
|
|
243
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
244
|
+
|
|
245
|
+
</div>
|
|
246
|
+
</td>
|
|
247
|
+
</tr>
|
|
248
|
+
</tbody>
|
|
249
|
+
</table>
|
|
250
|
+
<table class="table table-sm table-bordered">
|
|
251
|
+
<tbody>
|
|
252
|
+
<tr>
|
|
253
|
+
<td class="col-md-4">
|
|
254
|
+
<a name="deselectNode"></a>
|
|
255
|
+
<span class="name">
|
|
256
|
+
<span ><b>deselectNode</b></span>
|
|
257
|
+
<a href="#deselectNode"><span class="icon ion-ios-link"></span></a>
|
|
258
|
+
</span>
|
|
259
|
+
</td>
|
|
260
|
+
</tr>
|
|
261
|
+
<tr>
|
|
262
|
+
<td class="col-md-4">
|
|
263
|
+
<code>deselectNode(node: <a href="../interfaces/Node.html" target="_self">Node</a>)</code>
|
|
264
|
+
</td>
|
|
265
|
+
</tr>
|
|
266
|
+
|
|
267
|
+
|
|
268
|
+
<tr>
|
|
269
|
+
<td class="col-md-4">
|
|
270
|
+
<div class="io-line">Defined in <a href="" data-line="52"
|
|
271
|
+
class="link-to-prism">src/treeview/treeview.service.ts:52</a></div>
|
|
272
|
+
</td>
|
|
273
|
+
</tr>
|
|
274
|
+
|
|
275
|
+
|
|
276
|
+
<tr>
|
|
277
|
+
<td class="col-md-4">
|
|
278
|
+
<div class="io-description"><p>Removes selected node from the map</p>
|
|
279
|
+
</div>
|
|
280
|
+
|
|
281
|
+
<div class="io-description">
|
|
282
|
+
<b>Parameters :</b>
|
|
283
|
+
|
|
284
|
+
<table class="params">
|
|
285
|
+
<thead>
|
|
286
|
+
<tr>
|
|
287
|
+
<td>Name</td>
|
|
288
|
+
<td>Type</td>
|
|
289
|
+
<td>Optional</td>
|
|
290
|
+
<td>Description</td>
|
|
291
|
+
</tr>
|
|
292
|
+
</thead>
|
|
293
|
+
<tbody>
|
|
294
|
+
<tr>
|
|
295
|
+
<td>node</td>
|
|
296
|
+
<td>
|
|
297
|
+
<code><a href="../interfaces/Node.html" target="_self" >Node</a></code>
|
|
298
|
+
</td>
|
|
299
|
+
|
|
300
|
+
<td>
|
|
301
|
+
No
|
|
302
|
+
</td>
|
|
303
|
+
|
|
304
|
+
|
|
305
|
+
<td>
|
|
306
|
+
<p>: Node</p>
|
|
307
|
+
|
|
308
|
+
</td>
|
|
309
|
+
</tr>
|
|
310
|
+
</tbody>
|
|
311
|
+
</table>
|
|
312
|
+
</div>
|
|
313
|
+
<div class="io-description">
|
|
314
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
315
|
+
|
|
316
|
+
</div>
|
|
317
|
+
<div class="io-description">
|
|
318
|
+
|
|
319
|
+
</div>
|
|
320
|
+
</td>
|
|
321
|
+
</tr>
|
|
322
|
+
</tbody>
|
|
323
|
+
</table>
|
|
205
324
|
<table class="table table-sm table-bordered">
|
|
206
325
|
<tbody>
|
|
207
326
|
<tr>
|
|
@@ -482,6 +601,27 @@ export class TreeViewService {
|
|
|
482
601
|
this.value.set(node.id, node);
|
|
483
602
|
this.selectionSubject.next(this.value);
|
|
484
603
|
}
|
|
604
|
+
|
|
605
|
+
/**
|
|
606
|
+
* Removes selected node from the map
|
|
607
|
+
* @param node: Node
|
|
608
|
+
*/
|
|
609
|
+
deselectNode(node: Node) {
|
|
610
|
+
if (!node) {
|
|
611
|
+
return;
|
|
612
|
+
}
|
|
613
|
+
|
|
614
|
+
this.value.delete(node.id);
|
|
615
|
+
this.selectionSubject.next(this.value);
|
|
616
|
+
}
|
|
617
|
+
|
|
618
|
+
/**
|
|
619
|
+
* Removes all selected nodes from the map
|
|
620
|
+
*/
|
|
621
|
+
deselectAllNodes() {
|
|
622
|
+
this.value.clear();
|
|
623
|
+
this.selectionSubject.next(this.value);
|
|
624
|
+
}
|
|
485
625
|
}
|
|
486
626
|
</code></pre>
|
|
487
627
|
</div>
|