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
|
@@ -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>
|
|
@@ -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
|
}
|