carbon-components-angular 5.39.0 → 5.40.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 +22 -20
- package/docs/documentation/components/TreeViewComponent.html +154 -37
- package/docs/documentation/coverage.html +15 -3
- package/docs/documentation/interfaces/EventOnNode.html +343 -0
- package/docs/documentation/interfaces/Node.html +5 -0
- package/docs/documentation/js/menu-wc.js +3 -0
- package/docs/documentation/js/menu-wc_es5.js +1 -1
- package/docs/documentation/js/search/search_index.js +2 -2
- 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 +41 -37
- package/docs/documentation/modules/DatePickerInputModule.html +41 -37
- package/docs/documentation/modules/DatePickerModule/dependencies.svg +38 -38
- package/docs/documentation/modules/DatePickerModule.html +38 -38
- package/docs/documentation/modules/GridModule/dependencies.svg +60 -60
- package/docs/documentation/modules/GridModule.html +60 -60
- package/docs/documentation/modules/LoadingModule/dependencies.svg +4 -4
- package/docs/documentation/modules/LoadingModule.html +4 -4
- package/docs/documentation/modules/NFormsModule/dependencies.svg +4 -4
- package/docs/documentation/modules/NFormsModule.html +4 -4
- package/docs/documentation/modules/NumberModule/dependencies.svg +4 -4
- package/docs/documentation/modules/NumberModule.html +4 -4
- package/docs/documentation/modules/ProgressIndicatorModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ProgressIndicatorModule.html +4 -4
- package/docs/documentation/modules/RadioModule/dependencies.svg +4 -4
- package/docs/documentation/modules/RadioModule.html +4 -4
- package/docs/documentation/modules/SelectModule/dependencies.svg +58 -58
- package/docs/documentation/modules/SelectModule.html +58 -58
- package/docs/documentation/modules/SliderModule/dependencies.svg +4 -4
- package/docs/documentation/modules/SliderModule.html +4 -4
- package/docs/documentation/modules/TableModule/dependencies.svg +216 -216
- package/docs/documentation/modules/TableModule.html +216 -216
- package/docs/documentation/modules/TabsModule/dependencies.svg +69 -69
- package/docs/documentation/modules/TabsModule.html +69 -69
- package/docs/documentation/modules/ThemeModule/dependencies.svg +13 -13
- package/docs/documentation/modules/ThemeModule.html +13 -13
- package/docs/documentation/modules/TilesModule/dependencies.svg +77 -77
- package/docs/documentation/modules/TilesModule.html +77 -77
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +45 -41
- package/docs/documentation/modules/TimePickerModule.html +45 -41
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +46 -42
- package/docs/documentation/modules/TimePickerSelectModule.html +46 -42
- package/docs/documentation/modules/ToggleModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ToggleModule.html +4 -4
- 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 +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/overview.html +1 -1
- package/docs/documentation.json +151 -56
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/main.338bd361.iframe.bundle.js +1 -0
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.193d0e61.iframe.bundle.js → runtime~main.16c5e56d.iframe.bundle.js} +1 -1
- package/docs/storybook/{treeview-treeview-stories.1e5a6fb2.iframe.bundle.js → treeview-treeview-stories.fa77fc60.iframe.bundle.js} +1 -1
- package/esm2020/treeview/tree-node.component.mjs +4 -2
- package/esm2020/treeview/tree-node.types.mjs +1 -1
- package/esm2020/treeview/treeview.component.mjs +19 -4
- package/fesm2015/carbon-components-angular-treeview.mjs +21 -4
- package/fesm2015/carbon-components-angular-treeview.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-treeview.mjs +21 -4
- package/fesm2020/carbon-components-angular-treeview.mjs.map +1 -1
- package/package.json +1 -1
- package/treeview/tree-node.component.d.ts +5 -5
- package/treeview/tree-node.types.d.ts +4 -0
- package/treeview/treeview.component.d.ts +8 -2
- package/docs/storybook/main.fef9668a.iframe.bundle.js +0 -1
|
@@ -988,8 +988,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
988
988
|
|
|
989
989
|
<tr>
|
|
990
990
|
<td class="col-md-4">
|
|
991
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
992
|
-
class="link-to-prism">src/treeview/tree-node.component.ts:
|
|
991
|
+
<div class="io-line">Defined in <a href="" data-line="229"
|
|
992
|
+
class="link-to-prism">src/treeview/tree-node.component.ts:229</a></div>
|
|
993
993
|
</td>
|
|
994
994
|
</tr>
|
|
995
995
|
|
|
@@ -1031,8 +1031,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1031
1031
|
|
|
1032
1032
|
<tr>
|
|
1033
1033
|
<td class="col-md-4">
|
|
1034
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1035
|
-
class="link-to-prism">src/treeview/tree-node.component.ts:
|
|
1034
|
+
<div class="io-line">Defined in <a href="" data-line="254"
|
|
1035
|
+
class="link-to-prism">src/treeview/tree-node.component.ts:254</a></div>
|
|
1036
1036
|
</td>
|
|
1037
1037
|
</tr>
|
|
1038
1038
|
|
|
@@ -1094,8 +1094,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1094
1094
|
|
|
1095
1095
|
<tr>
|
|
1096
1096
|
<td class="col-md-4">
|
|
1097
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1098
|
-
class="link-to-prism">src/treeview/tree-node.component.ts:
|
|
1097
|
+
<div class="io-line">Defined in <a href="" data-line="248"
|
|
1098
|
+
class="link-to-prism">src/treeview/tree-node.component.ts:248</a></div>
|
|
1099
1099
|
</td>
|
|
1100
1100
|
</tr>
|
|
1101
1101
|
|
|
@@ -1159,8 +1159,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1159
1159
|
|
|
1160
1160
|
<tr>
|
|
1161
1161
|
<td class="col-md-4">
|
|
1162
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1163
|
-
class="link-to-prism">src/treeview/tree-node.component.ts:
|
|
1162
|
+
<div class="io-line">Defined in <a href="" data-line="301"
|
|
1163
|
+
class="link-to-prism">src/treeview/tree-node.component.ts:301</a></div>
|
|
1164
1164
|
</td>
|
|
1165
1165
|
</tr>
|
|
1166
1166
|
|
|
@@ -1198,8 +1198,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1198
1198
|
|
|
1199
1199
|
<tr>
|
|
1200
1200
|
<td class="col-md-4">
|
|
1201
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1202
|
-
class="link-to-prism">src/treeview/tree-node.component.ts:
|
|
1201
|
+
<div class="io-line">Defined in <a href="" data-line="297"
|
|
1202
|
+
class="link-to-prism">src/treeview/tree-node.component.ts:297</a></div>
|
|
1203
1203
|
</td>
|
|
1204
1204
|
</tr>
|
|
1205
1205
|
|
|
@@ -1261,8 +1261,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1261
1261
|
|
|
1262
1262
|
<tr>
|
|
1263
1263
|
<td class="col-md-4">
|
|
1264
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1265
|
-
class="link-to-prism">src/treeview/tree-node.component.ts:
|
|
1264
|
+
<div class="io-line">Defined in <a href="" data-line="274"
|
|
1265
|
+
class="link-to-prism">src/treeview/tree-node.component.ts:274</a></div>
|
|
1266
1266
|
</td>
|
|
1267
1267
|
</tr>
|
|
1268
1268
|
|
|
@@ -1512,8 +1512,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1512
1512
|
|
|
1513
1513
|
<tr>
|
|
1514
1514
|
<td class="col-md-4">
|
|
1515
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1516
|
-
class="link-to-prism">src/treeview/tree-node.component.ts:
|
|
1515
|
+
<div class="io-line">Defined in <a href="" data-line="262"
|
|
1516
|
+
class="link-to-prism">src/treeview/tree-node.component.ts:262</a></div>
|
|
1517
1517
|
</td>
|
|
1518
1518
|
</tr>
|
|
1519
1519
|
|
|
@@ -1764,7 +1764,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1764
1764
|
} from "@angular/core";
|
|
1765
1765
|
import { Subscription } from "rxjs";
|
|
1766
1766
|
import { TreeViewService } from "./treeview.service";
|
|
1767
|
-
import { Node } from "./tree-node.types";
|
|
1767
|
+
import { EventOnNode, Node } from "./tree-node.types";
|
|
1768
1768
|
|
|
1769
1769
|
@Component({
|
|
1770
1770
|
selector: "cds-tree-node",
|
|
@@ -1919,10 +1919,10 @@ export class TreeNodeComponent implements AfterContentChecked, OnInit, OnDestroy
|
|
|
1919
1919
|
return this._node;
|
|
1920
1920
|
}
|
|
1921
1921
|
|
|
1922
|
-
@Output() nodeFocus = new EventEmitter();
|
|
1923
|
-
@Output() nodeBlur = new EventEmitter();
|
|
1924
|
-
@Output() nodeSelect = new EventEmitter();
|
|
1925
|
-
@Output() nodetoggle = new EventEmitter();
|
|
1922
|
+
@Output() nodeFocus = new EventEmitter<EventOnNode>();
|
|
1923
|
+
@Output() nodeBlur = new EventEmitter<EventOnNode>();
|
|
1924
|
+
@Output() nodeSelect = new EventEmitter<Node>();
|
|
1925
|
+
@Output() nodetoggle = new EventEmitter<EventOnNode>();
|
|
1926
1926
|
|
|
1927
1927
|
offset;
|
|
1928
1928
|
private _node;
|
|
@@ -1965,8 +1965,10 @@ export class TreeNodeComponent implements AfterContentChecked, OnInit, OnDestroy
|
|
|
1965
1965
|
if (this.selectable || this.children.length === 0) {
|
|
1966
1966
|
this.selected = true;
|
|
1967
1967
|
this.active = true;
|
|
1968
|
+
const node = { id: this.id, label: this.label, value: this.value };
|
|
1968
1969
|
// Passes event to all nodes to update highlighting & parent to emit
|
|
1969
|
-
this.treeViewService.selectNode(
|
|
1970
|
+
this.treeViewService.selectNode(node);
|
|
1971
|
+
this.nodeSelect.emit(node);
|
|
1970
1972
|
} else {
|
|
1971
1973
|
this.toggleExpanded(event);
|
|
1972
1974
|
}
|
|
@@ -198,7 +198,8 @@
|
|
|
198
198
|
<ng-template #notProjected>
|
|
199
199
|
<cds-tree-node
|
|
200
200
|
*ngFor="let node of tree"
|
|
201
|
-
[node]="node"
|
|
201
|
+
[node]="node"
|
|
202
|
+
(nodetoggle)="onNodeToggle($event)">
|
|
202
203
|
</cds-tree-node>
|
|
203
204
|
</ng-template>
|
|
204
205
|
</div>
|
|
@@ -292,6 +293,9 @@
|
|
|
292
293
|
<li>
|
|
293
294
|
<a href="#onNodeFocusChange" >onNodeFocusChange</a>
|
|
294
295
|
</li>
|
|
296
|
+
<li>
|
|
297
|
+
<a href="#onNodeToggle" >onNodeToggle</a>
|
|
298
|
+
</li>
|
|
295
299
|
</ul>
|
|
296
300
|
</td>
|
|
297
301
|
</tr>
|
|
@@ -337,6 +341,9 @@
|
|
|
337
341
|
<li>
|
|
338
342
|
<a href="#select" >select</a>
|
|
339
343
|
</li>
|
|
344
|
+
<li>
|
|
345
|
+
<a href="#toggle" >toggle</a>
|
|
346
|
+
</li>
|
|
340
347
|
</ul>
|
|
341
348
|
</td>
|
|
342
349
|
</tr>
|
|
@@ -375,7 +382,7 @@
|
|
|
375
382
|
</tr>
|
|
376
383
|
<tr>
|
|
377
384
|
<td class="col-md-4">
|
|
378
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
385
|
+
<div class="io-line">Defined in <a href="" data-line="110" class="link-to-prism">src/treeview/treeview.component.ts:110</a></div>
|
|
379
386
|
</td>
|
|
380
387
|
</tr>
|
|
381
388
|
|
|
@@ -460,7 +467,7 @@
|
|
|
460
467
|
</tr>
|
|
461
468
|
<tr>
|
|
462
469
|
<td class="col-md-2" colspan="2">
|
|
463
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
470
|
+
<div class="io-line">Defined in <a href="" data-line="84" class="link-to-prism">src/treeview/treeview.component.ts:84</a></div>
|
|
464
471
|
</td>
|
|
465
472
|
</tr>
|
|
466
473
|
</tbody>
|
|
@@ -481,7 +488,7 @@
|
|
|
481
488
|
</tr>
|
|
482
489
|
<tr>
|
|
483
490
|
<td class="col-md-2" colspan="2">
|
|
484
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
491
|
+
<div class="io-line">Defined in <a href="" data-line="100" class="link-to-prism">src/treeview/treeview.component.ts:100</a></div>
|
|
485
492
|
</td>
|
|
486
493
|
</tr>
|
|
487
494
|
<tr>
|
|
@@ -508,7 +515,7 @@
|
|
|
508
515
|
</tr>
|
|
509
516
|
<tr>
|
|
510
517
|
<td class="col-md-2" colspan="2">
|
|
511
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
518
|
+
<div class="io-line">Defined in <a href="" data-line="88" class="link-to-prism">src/treeview/treeview.component.ts:88</a></div>
|
|
512
519
|
</td>
|
|
513
520
|
</tr>
|
|
514
521
|
<tr>
|
|
@@ -535,7 +542,7 @@
|
|
|
535
542
|
</tr>
|
|
536
543
|
<tr>
|
|
537
544
|
<td class="col-md-2" colspan="2">
|
|
538
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
545
|
+
<div class="io-line">Defined in <a href="" data-line="92" class="link-to-prism">src/treeview/treeview.component.ts:92</a></div>
|
|
539
546
|
</td>
|
|
540
547
|
</tr>
|
|
541
548
|
<tr>
|
|
@@ -567,7 +574,7 @@
|
|
|
567
574
|
</tr>
|
|
568
575
|
<tr>
|
|
569
576
|
<td class="col-md-2" colspan="2">
|
|
570
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
577
|
+
<div class="io-line">Defined in <a href="" data-line="96" class="link-to-prism">src/treeview/treeview.component.ts:96</a></div>
|
|
571
578
|
</td>
|
|
572
579
|
</tr>
|
|
573
580
|
<tr>
|
|
@@ -594,7 +601,7 @@
|
|
|
594
601
|
</tr>
|
|
595
602
|
<tr>
|
|
596
603
|
<td class="col-md-2" colspan="2">
|
|
597
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
604
|
+
<div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">src/treeview/treeview.component.ts:73</a></div>
|
|
598
605
|
</td>
|
|
599
606
|
</tr>
|
|
600
607
|
<tr>
|
|
@@ -625,7 +632,28 @@ Passing value will disregard projected content</p>
|
|
|
625
632
|
</tr>
|
|
626
633
|
<tr>
|
|
627
634
|
<td class="col-md-2" colspan="2">
|
|
628
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
635
|
+
<div class="io-line">Defined in <a href="" data-line="104" class="link-to-prism">src/treeview/treeview.component.ts:104</a></div>
|
|
636
|
+
</td>
|
|
637
|
+
</tr>
|
|
638
|
+
</tbody>
|
|
639
|
+
</table>
|
|
640
|
+
<table class="table table-sm table-bordered">
|
|
641
|
+
<tbody>
|
|
642
|
+
<tr>
|
|
643
|
+
<td class="col-md-4">
|
|
644
|
+
<a name="toggle"></a>
|
|
645
|
+
<b>toggle</b>
|
|
646
|
+
</td>
|
|
647
|
+
</tr>
|
|
648
|
+
<tr>
|
|
649
|
+
<td class="col-md-4">
|
|
650
|
+
<i>Type : </i> <code>EventEmitter</code>
|
|
651
|
+
|
|
652
|
+
</td>
|
|
653
|
+
</tr>
|
|
654
|
+
<tr>
|
|
655
|
+
<td class="col-md-2" colspan="2">
|
|
656
|
+
<div class="io-line">Defined in <a href="" data-line="105" class="link-to-prism">src/treeview/treeview.component.ts:105</a></div>
|
|
629
657
|
</td>
|
|
630
658
|
</tr>
|
|
631
659
|
</tbody>
|
|
@@ -660,8 +688,8 @@ Passing value will disregard projected content</p>
|
|
|
660
688
|
|
|
661
689
|
<tr>
|
|
662
690
|
<td class="col-md-4">
|
|
663
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
664
|
-
class="link-to-prism">src/treeview/treeview.component.ts:
|
|
691
|
+
<div class="io-line">Defined in <a href="" data-line="199"
|
|
692
|
+
class="link-to-prism">src/treeview/treeview.component.ts:199</a></div>
|
|
665
693
|
</td>
|
|
666
694
|
</tr>
|
|
667
695
|
|
|
@@ -729,8 +757,8 @@ Passing value will disregard projected content</p>
|
|
|
729
757
|
|
|
730
758
|
<tr>
|
|
731
759
|
<td class="col-md-4">
|
|
732
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
733
|
-
class="link-to-prism">src/treeview/treeview.component.ts:
|
|
760
|
+
<div class="io-line">Defined in <a href="" data-line="195"
|
|
761
|
+
class="link-to-prism">src/treeview/treeview.component.ts:195</a></div>
|
|
734
762
|
</td>
|
|
735
763
|
</tr>
|
|
736
764
|
|
|
@@ -768,8 +796,8 @@ Passing value will disregard projected content</p>
|
|
|
768
796
|
|
|
769
797
|
<tr>
|
|
770
798
|
<td class="col-md-4">
|
|
771
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
772
|
-
class="link-to-prism">src/treeview/treeview.component.ts:
|
|
799
|
+
<div class="io-line">Defined in <a href="" data-line="191"
|
|
800
|
+
class="link-to-prism">src/treeview/treeview.component.ts:191</a></div>
|
|
773
801
|
</td>
|
|
774
802
|
</tr>
|
|
775
803
|
|
|
@@ -831,8 +859,8 @@ Passing value will disregard projected content</p>
|
|
|
831
859
|
|
|
832
860
|
<tr>
|
|
833
861
|
<td class="col-md-4">
|
|
834
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
835
|
-
class="link-to-prism">src/treeview/treeview.component.ts:
|
|
862
|
+
<div class="io-line">Defined in <a href="" data-line="156"
|
|
863
|
+
class="link-to-prism">src/treeview/treeview.component.ts:156</a></div>
|
|
836
864
|
</td>
|
|
837
865
|
</tr>
|
|
838
866
|
|
|
@@ -907,8 +935,8 @@ Passing value will disregard projected content</p>
|
|
|
907
935
|
|
|
908
936
|
<tr>
|
|
909
937
|
<td class="col-md-4">
|
|
910
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
911
|
-
class="link-to-prism">src/treeview/treeview.component.ts:
|
|
938
|
+
<div class="io-line">Defined in <a href="" data-line="138"
|
|
939
|
+
class="link-to-prism">src/treeview/treeview.component.ts:138</a></div>
|
|
912
940
|
</td>
|
|
913
941
|
</tr>
|
|
914
942
|
|
|
@@ -946,8 +974,8 @@ Passing value will disregard projected content</p>
|
|
|
946
974
|
|
|
947
975
|
<tr>
|
|
948
976
|
<td class="col-md-4">
|
|
949
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
950
|
-
class="link-to-prism">src/treeview/treeview.component.ts:
|
|
977
|
+
<div class="io-line">Defined in <a href="" data-line="131"
|
|
978
|
+
class="link-to-prism">src/treeview/treeview.component.ts:131</a></div>
|
|
951
979
|
</td>
|
|
952
980
|
</tr>
|
|
953
981
|
|
|
@@ -983,8 +1011,8 @@ Passing value will disregard projected content</p>
|
|
|
983
1011
|
|
|
984
1012
|
<tr>
|
|
985
1013
|
<td class="col-md-4">
|
|
986
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
987
|
-
class="link-to-prism">src/treeview/treeview.component.ts:
|
|
1014
|
+
<div class="io-line">Defined in <a href="" data-line="121"
|
|
1015
|
+
class="link-to-prism">src/treeview/treeview.component.ts:121</a></div>
|
|
988
1016
|
</td>
|
|
989
1017
|
</tr>
|
|
990
1018
|
|
|
@@ -1022,8 +1050,8 @@ Passing value will disregard projected content</p>
|
|
|
1022
1050
|
|
|
1023
1051
|
<tr>
|
|
1024
1052
|
<td class="col-md-4">
|
|
1025
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1026
|
-
class="link-to-prism">src/treeview/treeview.component.ts:
|
|
1053
|
+
<div class="io-line">Defined in <a href="" data-line="181"
|
|
1054
|
+
class="link-to-prism">src/treeview/treeview.component.ts:181</a></div>
|
|
1027
1055
|
</td>
|
|
1028
1056
|
</tr>
|
|
1029
1057
|
|
|
@@ -1073,6 +1101,82 @@ Passing value will disregard projected content</p>
|
|
|
1073
1101
|
</div>
|
|
1074
1102
|
<div class="io-description">
|
|
1075
1103
|
|
|
1104
|
+
</div>
|
|
1105
|
+
</td>
|
|
1106
|
+
</tr>
|
|
1107
|
+
</tbody>
|
|
1108
|
+
</table>
|
|
1109
|
+
<table class="table table-sm table-bordered">
|
|
1110
|
+
<tbody>
|
|
1111
|
+
<tr>
|
|
1112
|
+
<td class="col-md-4">
|
|
1113
|
+
<a name="onNodeToggle"></a>
|
|
1114
|
+
<span class="name">
|
|
1115
|
+
<span ><b>onNodeToggle</b></span>
|
|
1116
|
+
<a href="#onNodeToggle"><span class="icon ion-ios-link"></span></a>
|
|
1117
|
+
</span>
|
|
1118
|
+
</td>
|
|
1119
|
+
</tr>
|
|
1120
|
+
<tr>
|
|
1121
|
+
<td class="col-md-4">
|
|
1122
|
+
<code>onNodeToggle(eventOnNode: <a href="../interfaces/EventOnNode.html" target="_self">EventOnNode</a>)</code>
|
|
1123
|
+
</td>
|
|
1124
|
+
</tr>
|
|
1125
|
+
|
|
1126
|
+
|
|
1127
|
+
<tr>
|
|
1128
|
+
<td class="col-md-4">
|
|
1129
|
+
<div class="io-line">Defined in <a href="" data-line="170"
|
|
1130
|
+
class="link-to-prism">src/treeview/treeview.component.ts:170</a></div>
|
|
1131
|
+
</td>
|
|
1132
|
+
</tr>
|
|
1133
|
+
|
|
1134
|
+
|
|
1135
|
+
<tr>
|
|
1136
|
+
<td class="col-md-4">
|
|
1137
|
+
<div class="io-description"><p>Propagate node toggle event</p>
|
|
1138
|
+
</div>
|
|
1139
|
+
|
|
1140
|
+
<div class="io-description">
|
|
1141
|
+
<b>Parameters :</b>
|
|
1142
|
+
|
|
1143
|
+
<table class="params">
|
|
1144
|
+
<thead>
|
|
1145
|
+
<tr>
|
|
1146
|
+
<td>Name</td>
|
|
1147
|
+
<td>Type</td>
|
|
1148
|
+
<td>Optional</td>
|
|
1149
|
+
<td>Description</td>
|
|
1150
|
+
</tr>
|
|
1151
|
+
</thead>
|
|
1152
|
+
<tbody>
|
|
1153
|
+
<tr>
|
|
1154
|
+
<td>eventOnNode</td>
|
|
1155
|
+
<td>
|
|
1156
|
+
<code><a href="../interfaces/EventOnNode.html" target="_self" >EventOnNode</a></code>
|
|
1157
|
+
</td>
|
|
1158
|
+
|
|
1159
|
+
<td>
|
|
1160
|
+
No
|
|
1161
|
+
</td>
|
|
1162
|
+
|
|
1163
|
+
|
|
1164
|
+
<td>
|
|
1165
|
+
<ul>
|
|
1166
|
+
<li>EventOnNode</li>
|
|
1167
|
+
</ul>
|
|
1168
|
+
|
|
1169
|
+
</td>
|
|
1170
|
+
</tr>
|
|
1171
|
+
</tbody>
|
|
1172
|
+
</table>
|
|
1173
|
+
</div>
|
|
1174
|
+
<div class="io-description">
|
|
1175
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1176
|
+
|
|
1177
|
+
</div>
|
|
1178
|
+
<div class="io-description">
|
|
1179
|
+
|
|
1076
1180
|
</div>
|
|
1077
1181
|
</td>
|
|
1078
1182
|
</tr>
|
|
@@ -1109,7 +1213,7 @@ Passing value will disregard projected content</p>
|
|
|
1109
1213
|
</tr>
|
|
1110
1214
|
<tr>
|
|
1111
1215
|
<td class="col-md-4">
|
|
1112
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1216
|
+
<div class="io-line">Defined in <a href="" data-line="109" class="link-to-prism">src/treeview/treeview.component.ts:109</a></div>
|
|
1113
1217
|
</td>
|
|
1114
1218
|
</tr>
|
|
1115
1219
|
|
|
@@ -1145,7 +1249,7 @@ Passing value will disregard projected content</p>
|
|
|
1145
1249
|
</tr>
|
|
1146
1250
|
<tr>
|
|
1147
1251
|
<td class="col-md-4">
|
|
1148
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1252
|
+
<div class="io-line">Defined in <a href="" data-line="106" class="link-to-prism">src/treeview/treeview.component.ts:106</a></div>
|
|
1149
1253
|
</td>
|
|
1150
1254
|
</tr>
|
|
1151
1255
|
|
|
@@ -1172,7 +1276,7 @@ Passing value will disregard projected content</p>
|
|
|
1172
1276
|
</tr>
|
|
1173
1277
|
<tr>
|
|
1174
1278
|
<td class="col-md-4">
|
|
1175
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1279
|
+
<div class="io-line">Defined in <a href="" data-line="110" class="link-to-prism">src/treeview/treeview.component.ts:110</a></div>
|
|
1176
1280
|
</td>
|
|
1177
1281
|
</tr>
|
|
1178
1282
|
|
|
@@ -1204,7 +1308,7 @@ Passing value will disregard projected content</p>
|
|
|
1204
1308
|
</tr>
|
|
1205
1309
|
<tr>
|
|
1206
1310
|
<td class="col-md-4">
|
|
1207
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1311
|
+
<div class="io-line">Defined in <a href="" data-line="82" class="link-to-prism">src/treeview/treeview.component.ts:82</a></div>
|
|
1208
1312
|
</td>
|
|
1209
1313
|
</tr>
|
|
1210
1314
|
|
|
@@ -1231,7 +1335,7 @@ Passing value will disregard projected content</p>
|
|
|
1231
1335
|
</tr>
|
|
1232
1336
|
<tr>
|
|
1233
1337
|
<td class="col-md-4">
|
|
1234
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1338
|
+
<div class="io-line">Defined in <a href="" data-line="114" class="link-to-prism">src/treeview/treeview.component.ts:114</a></div>
|
|
1235
1339
|
</td>
|
|
1236
1340
|
</tr>
|
|
1237
1341
|
|
|
@@ -1258,7 +1362,7 @@ Passing value will disregard projected content</p>
|
|
|
1258
1362
|
</tr>
|
|
1259
1363
|
<tr>
|
|
1260
1364
|
<td class="col-md-4">
|
|
1261
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1365
|
+
<div class="io-line">Defined in <a href="" data-line="108" class="link-to-prism">src/treeview/treeview.component.ts:108</a></div>
|
|
1262
1366
|
</td>
|
|
1263
1367
|
</tr>
|
|
1264
1368
|
|
|
@@ -1287,7 +1391,7 @@ Passing value will disregard projected content</p>
|
|
|
1287
1391
|
</tr>
|
|
1288
1392
|
<tr>
|
|
1289
1393
|
<td class="col-md-4">
|
|
1290
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1394
|
+
<div class="io-line">Defined in <a href="" data-line="78" class="link-to-prism">src/treeview/treeview.component.ts:78</a></div>
|
|
1291
1395
|
</td>
|
|
1292
1396
|
</tr>
|
|
1293
1397
|
|
|
@@ -1298,7 +1402,7 @@ Passing value will disregard projected content</p>
|
|
|
1298
1402
|
</tr>
|
|
1299
1403
|
<tr>
|
|
1300
1404
|
<td class="col-md-4">
|
|
1301
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1405
|
+
<div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">src/treeview/treeview.component.ts:73</a></div>
|
|
1302
1406
|
</td>
|
|
1303
1407
|
</tr>
|
|
1304
1408
|
<tr>
|
|
@@ -1360,7 +1464,7 @@ Passing value will disregard projected content</p>
|
|
|
1360
1464
|
</tr>
|
|
1361
1465
|
<tr>
|
|
1362
1466
|
<td class="col-md-4">
|
|
1363
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1467
|
+
<div class="io-line">Defined in <a href="" data-line="100" class="link-to-prism">src/treeview/treeview.component.ts:100</a></div>
|
|
1364
1468
|
</td>
|
|
1365
1469
|
</tr>
|
|
1366
1470
|
<tr>
|
|
@@ -1424,7 +1528,7 @@ import {
|
|
|
1424
1528
|
OnDestroy
|
|
1425
1529
|
} from "@angular/core";
|
|
1426
1530
|
import { Subscription } from "rxjs";
|
|
1427
|
-
import { Node } from "./tree-node.types";
|
|
1531
|
+
import { EventOnNode, Node } from "./tree-node.types";
|
|
1428
1532
|
import { TreeViewService } from "./treeview.service";
|
|
1429
1533
|
|
|
1430
1534
|
/**
|
|
@@ -1468,7 +1572,8 @@ import { TreeViewService } from "./treeview.service";
|
|
|
1468
1572
|
<ng-template #notProjected>
|
|
1469
1573
|
<cds-tree-node
|
|
1470
1574
|
*ngFor="let node of tree"
|
|
1471
|
-
[node]="node"
|
|
1575
|
+
[node]="node"
|
|
1576
|
+
(nodetoggle)="onNodeToggle($event)">
|
|
1472
1577
|
</cds-tree-node>
|
|
1473
1578
|
</ng-template>
|
|
1474
1579
|
</div>
|
|
@@ -1512,6 +1617,7 @@ export class TreeViewComponent implements AfterViewInit, OnInit, OnDestroy {
|
|
|
1512
1617
|
}
|
|
1513
1618
|
|
|
1514
1619
|
@Output() select = new EventEmitter<Node | Node[]>();
|
|
1620
|
+
@Output() toggle = new EventEmitter<Node>();
|
|
1515
1621
|
@ViewChild("treeWrapper") root: ElementRef;
|
|
1516
1622
|
|
|
1517
1623
|
private treeWalker: TreeWalker;
|
|
@@ -1572,6 +1678,17 @@ export class TreeViewComponent implements AfterViewInit, OnInit, OnDestroy {
|
|
|
1572
1678
|
}
|
|
1573
1679
|
}
|
|
1574
1680
|
|
|
1681
|
+
/**
|
|
1682
|
+
* Propagate node toggle event
|
|
1683
|
+
* @param eventOnNode - EventOnNode
|
|
1684
|
+
*/
|
|
1685
|
+
onNodeToggle(eventOnNode: EventOnNode) {
|
|
1686
|
+
if (!eventOnNode) {
|
|
1687
|
+
return;
|
|
1688
|
+
}
|
|
1689
|
+
this.toggle.emit(eventOnNode.node)
|
|
1690
|
+
}
|
|
1691
|
+
|
|
1575
1692
|
/**
|
|
1576
1693
|
* Node focus change
|
|
1577
1694
|
* @param node - Node
|
|
@@ -1633,7 +1750,7 @@ export class TreeViewComponent implements AfterViewInit, OnInit, OnDestroy {
|
|
|
1633
1750
|
<script src="../js/libs/htmlparser.js"></script>
|
|
1634
1751
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
1635
1752
|
<script>
|
|
1636
|
-
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>'
|
|
1753
|
+
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" (nodetoggle)="onNodeToggle($event)"> </cds-tree-node> </ng-template></div> </div>'
|
|
1637
1754
|
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'}];
|
|
1638
1755
|
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': 'RouterLinkExtendedDirective', 'selector': '[routerLink]'},{'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]'}];
|
|
1639
1756
|
var ACTUAL_COMPONENT = {'name': 'TreeViewComponent'};
|
|
@@ -2962,6 +2962,18 @@
|
|
|
2962
2962
|
<span class="coverage-count">(9/36)</span>
|
|
2963
2963
|
</td>
|
|
2964
2964
|
</tr>
|
|
2965
|
+
<tr class="low">
|
|
2966
|
+
<td>
|
|
2967
|
+
<!-- miscellaneous -->
|
|
2968
|
+
<a href="./interfaces/EventOnNode.html">src/treeview/tree-node.types.ts</a>
|
|
2969
|
+
</td>
|
|
2970
|
+
<td>interface</td>
|
|
2971
|
+
<td>EventOnNode</td>
|
|
2972
|
+
<td align="right" data-sort="0">
|
|
2973
|
+
<span class="coverage-percent">0 %</span>
|
|
2974
|
+
<span class="coverage-count">(0/3)</span>
|
|
2975
|
+
</td>
|
|
2976
|
+
</tr>
|
|
2965
2977
|
<tr class="low">
|
|
2966
2978
|
<td>
|
|
2967
2979
|
<!-- miscellaneous -->
|
|
@@ -2981,9 +2993,9 @@
|
|
|
2981
2993
|
</td>
|
|
2982
2994
|
<td>component</td>
|
|
2983
2995
|
<td>TreeViewComponent</td>
|
|
2984
|
-
<td align="right" data-sort="
|
|
2985
|
-
<span class="coverage-percent">
|
|
2986
|
-
<span class="coverage-count">(
|
|
2996
|
+
<td align="right" data-sort="44">
|
|
2997
|
+
<span class="coverage-percent">44 %</span>
|
|
2998
|
+
<span class="coverage-count">(11/25)</span>
|
|
2987
2999
|
</td>
|
|
2988
3000
|
</tr>
|
|
2989
3001
|
<tr class="good">
|