carbon-components-angular 5.38.2 → 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/TextareaLabelComponent.html +79 -5
- package/docs/documentation/components/TreeNodeComponent.html +94 -55
- package/docs/documentation/components/TreeViewComponent.html +240 -32
- package/docs/documentation/coverage.html +23 -11
- package/docs/documentation/injectables/TreeViewService.html +158 -11
- package/docs/documentation/interfaces/EventOnNode.html +343 -0
- package/docs/documentation/interfaces/Node.html +53 -1
- 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 +98 -98
- package/docs/documentation/modules/TilesModule.html +98 -98
- 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 +41 -45
- package/docs/documentation/modules/ToggleModule.html +41 -45
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +39 -39
- package/docs/documentation/modules/ToggletipModule.html +39 -39
- package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TooltipModule.html +4 -4
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +36 -36
- package/docs/documentation/modules/TreeviewModule.html +36 -36
- 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 +341 -110
- package/docs/storybook/{1345.9201efca.iframe.bundle.js → 1345.9eabf5e2.iframe.bundle.js} +1 -1
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/input-textarea-stories.1a3b5e80.iframe.bundle.js +1 -0
- package/docs/storybook/main.338bd361.iframe.bundle.js +1 -0
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.b26c0bbe.iframe.bundle.js → runtime~main.16c5e56d.iframe.bundle.js} +1 -1
- package/docs/storybook/treeview-treeview-stories.fa77fc60.iframe.bundle.js +1 -0
- package/esm2020/input/textarea-label.component.mjs +8 -2
- package/esm2020/treeview/tree-node.component.mjs +23 -10
- package/esm2020/treeview/tree-node.types.mjs +1 -1
- package/esm2020/treeview/treeview.component.mjs +34 -8
- package/esm2020/treeview/treeview.service.mjs +10 -1
- package/fesm2015/carbon-components-angular-input.mjs +8 -1
- package/fesm2015/carbon-components-angular-input.mjs.map +1 -1
- package/fesm2015/carbon-components-angular-treeview.mjs +75 -27
- package/fesm2015/carbon-components-angular-treeview.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-input.mjs +7 -1
- package/fesm2020/carbon-components-angular-input.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-treeview.mjs +64 -16
- package/fesm2020/carbon-components-angular-treeview.mjs.map +1 -1
- package/input/textarea-label.component.d.ts +1 -0
- package/package.json +1 -1
- package/treeview/tree-node.component.d.ts +7 -6
- package/treeview/tree-node.types.d.ts +5 -0
- package/treeview/treeview.component.d.ts +13 -2
- package/treeview/treeview.service.d.ts +7 -0
- package/docs/storybook/input-textarea-stories.51dab44c.iframe.bundle.js +0 -1
- package/docs/storybook/main.99dffacb.iframe.bundle.js +0 -1
- package/docs/storybook/treeview-treeview-stories.85954a19.iframe.bundle.js +0 -1
|
@@ -339,11 +339,28 @@
|
|
|
339
339
|
<li>
|
|
340
340
|
<a href="#class.cds--form-item" >class.cds--form-item</a>
|
|
341
341
|
</li>
|
|
342
|
+
<li>
|
|
343
|
+
<a href="#class.cds--text-area__wrapper--readonly" >class.cds--text-area__wrapper--readonly</a>
|
|
344
|
+
</li>
|
|
342
345
|
</ul>
|
|
343
346
|
</td>
|
|
344
347
|
</tr>
|
|
345
348
|
|
|
346
349
|
|
|
350
|
+
<tr>
|
|
351
|
+
<td class="col-md-4">
|
|
352
|
+
<h6><b>Accessors</b></h6>
|
|
353
|
+
</td>
|
|
354
|
+
</tr>
|
|
355
|
+
<tr>
|
|
356
|
+
<td class="col-md-4">
|
|
357
|
+
<ul class="index-list">
|
|
358
|
+
<li>
|
|
359
|
+
<a href="#isReadonly" >isReadonly</a>
|
|
360
|
+
</li>
|
|
361
|
+
</ul>
|
|
362
|
+
</td>
|
|
363
|
+
</tr>
|
|
347
364
|
</tbody>
|
|
348
365
|
</table>
|
|
349
366
|
</section>
|
|
@@ -359,7 +376,7 @@
|
|
|
359
376
|
</tr>
|
|
360
377
|
<tr>
|
|
361
378
|
<td class="col-md-4">
|
|
362
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
379
|
+
<div class="io-line">Defined in <a href="" data-line="149" class="link-to-prism">src/input/textarea-label.component.ts:149</a></div>
|
|
363
380
|
</td>
|
|
364
381
|
</tr>
|
|
365
382
|
|
|
@@ -751,6 +768,32 @@ Since we cannot pass ng-content down easily from label component, we will accept
|
|
|
751
768
|
</tr>
|
|
752
769
|
|
|
753
770
|
|
|
771
|
+
</tbody>
|
|
772
|
+
</table>
|
|
773
|
+
<table class="table table-sm table-bordered">
|
|
774
|
+
<tbody>
|
|
775
|
+
<tr>
|
|
776
|
+
<td class="col-md-4">
|
|
777
|
+
<a name="class.cds--text-area__wrapper--readonly"></a>
|
|
778
|
+
<span class="name">
|
|
779
|
+
<span ><b>class.cds--text-area__wrapper--readonly</b></span>
|
|
780
|
+
<a href="#class.cds--text-area__wrapper--readonly"><span class="icon ion-ios-link"></span></a>
|
|
781
|
+
</span>
|
|
782
|
+
</td>
|
|
783
|
+
</tr>
|
|
784
|
+
<tr>
|
|
785
|
+
<td class="col-md-4">
|
|
786
|
+
<i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
|
|
787
|
+
|
|
788
|
+
</td>
|
|
789
|
+
</tr>
|
|
790
|
+
<tr>
|
|
791
|
+
<td class="col-md-4">
|
|
792
|
+
<div class="io-line">Defined in <a href="" data-line="147" class="link-to-prism">src/input/textarea-label.component.ts:147</a></div>
|
|
793
|
+
</td>
|
|
794
|
+
</tr>
|
|
795
|
+
|
|
796
|
+
|
|
754
797
|
</tbody>
|
|
755
798
|
</table>
|
|
756
799
|
</section>
|
|
@@ -783,8 +826,8 @@ Since we cannot pass ng-content down easily from label component, we will accept
|
|
|
783
826
|
|
|
784
827
|
<tr>
|
|
785
828
|
<td class="col-md-4">
|
|
786
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
787
|
-
class="link-to-prism">src/input/textarea-label.component.ts:
|
|
829
|
+
<div class="io-line">Defined in <a href="" data-line="184"
|
|
830
|
+
class="link-to-prism">src/input/textarea-label.component.ts:184</a></div>
|
|
788
831
|
</td>
|
|
789
832
|
</tr>
|
|
790
833
|
|
|
@@ -846,8 +889,8 @@ Since we cannot pass ng-content down easily from label component, we will accept
|
|
|
846
889
|
|
|
847
890
|
<tr>
|
|
848
891
|
<td class="col-md-4">
|
|
849
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
850
|
-
class="link-to-prism">src/input/textarea-label.component.ts:
|
|
892
|
+
<div class="io-line">Defined in <a href="" data-line="159"
|
|
893
|
+
class="link-to-prism">src/input/textarea-label.component.ts:159</a></div>
|
|
851
894
|
</td>
|
|
852
895
|
</tr>
|
|
853
896
|
|
|
@@ -1018,6 +1061,33 @@ Since we cannot pass ng-content down easily from label component, we will accept
|
|
|
1018
1061
|
</table>
|
|
1019
1062
|
</section>
|
|
1020
1063
|
|
|
1064
|
+
<section data-compodoc="block-accessors">
|
|
1065
|
+
<h3 id="accessors">
|
|
1066
|
+
Accessors
|
|
1067
|
+
</h3>
|
|
1068
|
+
<table class="table table-sm table-bordered">
|
|
1069
|
+
<tbody>
|
|
1070
|
+
<tr>
|
|
1071
|
+
<td class="col-md-4">
|
|
1072
|
+
<a name="isReadonly"></a>
|
|
1073
|
+
<span class="name"><b>isReadonly</b><a href="#isReadonly"><span class="icon ion-ios-link"></span></a></span>
|
|
1074
|
+
</td>
|
|
1075
|
+
</tr>
|
|
1076
|
+
|
|
1077
|
+
<tr>
|
|
1078
|
+
<td class="col-md-4">
|
|
1079
|
+
<span class="accessor"><b>get</b><code>isReadonly()</code></span>
|
|
1080
|
+
</td>
|
|
1081
|
+
</tr>
|
|
1082
|
+
<tr>
|
|
1083
|
+
<td class="col-md-4">
|
|
1084
|
+
<div class="io-line">Defined in <a href="" data-line="147" class="link-to-prism">src/input/textarea-label.component.ts:147</a></div>
|
|
1085
|
+
</td>
|
|
1086
|
+
</tr>
|
|
1087
|
+
|
|
1088
|
+
</tbody>
|
|
1089
|
+
</table>
|
|
1090
|
+
</section>
|
|
1021
1091
|
</div>
|
|
1022
1092
|
|
|
1023
1093
|
|
|
@@ -1168,6 +1238,10 @@ export class TextareaLabelComponent implements AfterViewInit {
|
|
|
1168
1238
|
|
|
1169
1239
|
@HostBinding("class.cds--form-item") labelClass = true;
|
|
1170
1240
|
|
|
1241
|
+
@HostBinding("class.cds--text-area__wrapper--readonly") get isReadonly() {
|
|
1242
|
+
return this.wrapper?.nativeElement.querySelector("textarea")?.readOnly ?? false;
|
|
1243
|
+
}
|
|
1244
|
+
|
|
1171
1245
|
/**
|
|
1172
1246
|
* Creates an instance of Label.
|
|
1173
1247
|
*/
|
|
@@ -391,6 +391,9 @@
|
|
|
391
391
|
<li>
|
|
392
392
|
<a href="#node" >node</a>
|
|
393
393
|
</li>
|
|
394
|
+
<li>
|
|
395
|
+
<a href="#selectable" >selectable</a>
|
|
396
|
+
</li>
|
|
394
397
|
<li>
|
|
395
398
|
<a href="#selected" >selected</a>
|
|
396
399
|
</li>
|
|
@@ -456,7 +459,7 @@
|
|
|
456
459
|
</tr>
|
|
457
460
|
<tr>
|
|
458
461
|
<td class="col-md-4">
|
|
459
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
462
|
+
<div class="io-line">Defined in <a href="" data-line="176" class="link-to-prism">src/treeview/tree-node.component.ts:176</a></div>
|
|
460
463
|
</td>
|
|
461
464
|
</tr>
|
|
462
465
|
|
|
@@ -543,7 +546,7 @@
|
|
|
543
546
|
</tr>
|
|
544
547
|
<tr>
|
|
545
548
|
<td class="col-md-2" colspan="2">
|
|
546
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
549
|
+
<div class="io-line">Defined in <a href="" data-line="134" class="link-to-prism">src/treeview/tree-node.component.ts:134</a></div>
|
|
547
550
|
</td>
|
|
548
551
|
</tr>
|
|
549
552
|
</tbody>
|
|
@@ -569,7 +572,7 @@
|
|
|
569
572
|
</tr>
|
|
570
573
|
<tr>
|
|
571
574
|
<td class="col-md-2" colspan="2">
|
|
572
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
575
|
+
<div class="io-line">Defined in <a href="" data-line="140" class="link-to-prism">src/treeview/tree-node.component.ts:140</a></div>
|
|
573
576
|
</td>
|
|
574
577
|
</tr>
|
|
575
578
|
<tr>
|
|
@@ -628,7 +631,7 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
|
|
|
628
631
|
</tr>
|
|
629
632
|
<tr>
|
|
630
633
|
<td class="col-md-2" colspan="2">
|
|
631
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
634
|
+
<div class="io-line">Defined in <a href="" data-line="126" class="link-to-prism">src/treeview/tree-node.component.ts:126</a></div>
|
|
632
635
|
</td>
|
|
633
636
|
</tr>
|
|
634
637
|
</tbody>
|
|
@@ -654,7 +657,7 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
|
|
|
654
657
|
</tr>
|
|
655
658
|
<tr>
|
|
656
659
|
<td class="col-md-2" colspan="2">
|
|
657
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
660
|
+
<div class="io-line">Defined in <a href="" data-line="133" class="link-to-prism">src/treeview/tree-node.component.ts:133</a></div>
|
|
658
661
|
</td>
|
|
659
662
|
</tr>
|
|
660
663
|
</tbody>
|
|
@@ -675,7 +678,7 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
|
|
|
675
678
|
</tr>
|
|
676
679
|
<tr>
|
|
677
680
|
<td class="col-md-2" colspan="2">
|
|
678
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
681
|
+
<div class="io-line">Defined in <a href="" data-line="131" class="link-to-prism">src/treeview/tree-node.component.ts:131</a></div>
|
|
679
682
|
</td>
|
|
680
683
|
</tr>
|
|
681
684
|
</tbody>
|
|
@@ -696,7 +699,7 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
|
|
|
696
699
|
</tr>
|
|
697
700
|
<tr>
|
|
698
701
|
<td class="col-md-2" colspan="2">
|
|
699
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
702
|
+
<div class="io-line">Defined in <a href="" data-line="132" class="link-to-prism">src/treeview/tree-node.component.ts:132</a></div>
|
|
700
703
|
</td>
|
|
701
704
|
</tr>
|
|
702
705
|
</tbody>
|
|
@@ -743,7 +746,7 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
|
|
|
743
746
|
</tr>
|
|
744
747
|
<tr>
|
|
745
748
|
<td class="col-md-2" colspan="2">
|
|
746
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
749
|
+
<div class="io-line">Defined in <a href="" data-line="127" class="link-to-prism">src/treeview/tree-node.component.ts:127</a></div>
|
|
747
750
|
</td>
|
|
748
751
|
</tr>
|
|
749
752
|
</tbody>
|
|
@@ -764,7 +767,7 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
|
|
|
764
767
|
</tr>
|
|
765
768
|
<tr>
|
|
766
769
|
<td class="col-md-2" colspan="2">
|
|
767
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
770
|
+
<div class="io-line">Defined in <a href="" data-line="128" class="link-to-prism">src/treeview/tree-node.component.ts:128</a></div>
|
|
768
771
|
</td>
|
|
769
772
|
</tr>
|
|
770
773
|
</tbody>
|
|
@@ -785,7 +788,7 @@ Calculated by default when passing <code>Node</code> array to <code>TreeViewComp
|
|
|
785
788
|
</tr>
|
|
786
789
|
<tr>
|
|
787
790
|
<td class="col-md-2" colspan="2">
|
|
788
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
791
|
+
<div class="io-line">Defined in <a href="" data-line="146" class="link-to-prism">src/treeview/tree-node.component.ts:146</a></div>
|
|
789
792
|
</td>
|
|
790
793
|
</tr>
|
|
791
794
|
<tr>
|
|
@@ -797,6 +800,32 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
797
800
|
</tr>
|
|
798
801
|
</tbody>
|
|
799
802
|
</table>
|
|
803
|
+
<table class="table table-sm table-bordered">
|
|
804
|
+
<tbody>
|
|
805
|
+
<tr>
|
|
806
|
+
<td class="col-md-4">
|
|
807
|
+
<a name="selectable"></a>
|
|
808
|
+
<b>selectable</b>
|
|
809
|
+
</td>
|
|
810
|
+
</tr>
|
|
811
|
+
<tr>
|
|
812
|
+
<td class="col-md-4">
|
|
813
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
814
|
+
|
|
815
|
+
</td>
|
|
816
|
+
</tr>
|
|
817
|
+
<tr>
|
|
818
|
+
<td class="col-md-4">
|
|
819
|
+
<i>Default value : </i><code>true</code>
|
|
820
|
+
</td>
|
|
821
|
+
</tr>
|
|
822
|
+
<tr>
|
|
823
|
+
<td class="col-md-2" colspan="2">
|
|
824
|
+
<div class="io-line">Defined in <a href="" data-line="125" class="link-to-prism">src/treeview/tree-node.component.ts:125</a></div>
|
|
825
|
+
</td>
|
|
826
|
+
</tr>
|
|
827
|
+
</tbody>
|
|
828
|
+
</table>
|
|
800
829
|
<table class="table table-sm table-bordered">
|
|
801
830
|
<tbody>
|
|
802
831
|
<tr>
|
|
@@ -818,7 +847,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
818
847
|
</tr>
|
|
819
848
|
<tr>
|
|
820
849
|
<td class="col-md-2" colspan="2">
|
|
821
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
850
|
+
<div class="io-line">Defined in <a href="" data-line="129" class="link-to-prism">src/treeview/tree-node.component.ts:129</a></div>
|
|
822
851
|
</td>
|
|
823
852
|
</tr>
|
|
824
853
|
</tbody>
|
|
@@ -839,7 +868,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
839
868
|
</tr>
|
|
840
869
|
<tr>
|
|
841
870
|
<td class="col-md-2" colspan="2">
|
|
842
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
871
|
+
<div class="io-line">Defined in <a href="" data-line="130" class="link-to-prism">src/treeview/tree-node.component.ts:130</a></div>
|
|
843
872
|
</td>
|
|
844
873
|
</tr>
|
|
845
874
|
</tbody>
|
|
@@ -863,7 +892,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
863
892
|
</tr>
|
|
864
893
|
<tr>
|
|
865
894
|
<td class="col-md-2" colspan="2">
|
|
866
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
895
|
+
<div class="io-line">Defined in <a href="" data-line="170" class="link-to-prism">src/treeview/tree-node.component.ts:170</a></div>
|
|
867
896
|
</td>
|
|
868
897
|
</tr>
|
|
869
898
|
</tbody>
|
|
@@ -884,7 +913,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
884
913
|
</tr>
|
|
885
914
|
<tr>
|
|
886
915
|
<td class="col-md-2" colspan="2">
|
|
887
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
916
|
+
<div class="io-line">Defined in <a href="" data-line="169" class="link-to-prism">src/treeview/tree-node.component.ts:169</a></div>
|
|
888
917
|
</td>
|
|
889
918
|
</tr>
|
|
890
919
|
</tbody>
|
|
@@ -905,7 +934,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
905
934
|
</tr>
|
|
906
935
|
<tr>
|
|
907
936
|
<td class="col-md-2" colspan="2">
|
|
908
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
937
|
+
<div class="io-line">Defined in <a href="" data-line="171" class="link-to-prism">src/treeview/tree-node.component.ts:171</a></div>
|
|
909
938
|
</td>
|
|
910
939
|
</tr>
|
|
911
940
|
</tbody>
|
|
@@ -926,7 +955,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
926
955
|
</tr>
|
|
927
956
|
<tr>
|
|
928
957
|
<td class="col-md-2" colspan="2">
|
|
929
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
958
|
+
<div class="io-line">Defined in <a href="" data-line="172" class="link-to-prism">src/treeview/tree-node.component.ts:172</a></div>
|
|
930
959
|
</td>
|
|
931
960
|
</tr>
|
|
932
961
|
</tbody>
|
|
@@ -959,8 +988,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
959
988
|
|
|
960
989
|
<tr>
|
|
961
990
|
<td class="col-md-4">
|
|
962
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
963
|
-
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>
|
|
964
993
|
</td>
|
|
965
994
|
</tr>
|
|
966
995
|
|
|
@@ -1002,8 +1031,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1002
1031
|
|
|
1003
1032
|
<tr>
|
|
1004
1033
|
<td class="col-md-4">
|
|
1005
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1006
|
-
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>
|
|
1007
1036
|
</td>
|
|
1008
1037
|
</tr>
|
|
1009
1038
|
|
|
@@ -1065,8 +1094,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1065
1094
|
|
|
1066
1095
|
<tr>
|
|
1067
1096
|
<td class="col-md-4">
|
|
1068
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1069
|
-
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>
|
|
1070
1099
|
</td>
|
|
1071
1100
|
</tr>
|
|
1072
1101
|
|
|
@@ -1130,8 +1159,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1130
1159
|
|
|
1131
1160
|
<tr>
|
|
1132
1161
|
<td class="col-md-4">
|
|
1133
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1134
|
-
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>
|
|
1135
1164
|
</td>
|
|
1136
1165
|
</tr>
|
|
1137
1166
|
|
|
@@ -1169,8 +1198,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1169
1198
|
|
|
1170
1199
|
<tr>
|
|
1171
1200
|
<td class="col-md-4">
|
|
1172
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1173
|
-
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>
|
|
1174
1203
|
</td>
|
|
1175
1204
|
</tr>
|
|
1176
1205
|
|
|
@@ -1232,8 +1261,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1232
1261
|
|
|
1233
1262
|
<tr>
|
|
1234
1263
|
<td class="col-md-4">
|
|
1235
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1236
|
-
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>
|
|
1237
1266
|
</td>
|
|
1238
1267
|
</tr>
|
|
1239
1268
|
|
|
@@ -1301,8 +1330,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1301
1330
|
|
|
1302
1331
|
<tr>
|
|
1303
1332
|
<td class="col-md-4">
|
|
1304
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1305
|
-
class="link-to-prism">src/treeview/tree-node.component.ts:
|
|
1333
|
+
<div class="io-line">Defined in <a href="" data-line="183"
|
|
1334
|
+
class="link-to-prism">src/treeview/tree-node.component.ts:183</a></div>
|
|
1306
1335
|
</td>
|
|
1307
1336
|
</tr>
|
|
1308
1337
|
|
|
@@ -1340,8 +1369,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1340
1369
|
|
|
1341
1370
|
<tr>
|
|
1342
1371
|
<td class="col-md-4">
|
|
1343
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1344
|
-
class="link-to-prism">src/treeview/tree-node.component.ts:
|
|
1372
|
+
<div class="io-line">Defined in <a href="" data-line="201"
|
|
1373
|
+
class="link-to-prism">src/treeview/tree-node.component.ts:201</a></div>
|
|
1345
1374
|
</td>
|
|
1346
1375
|
</tr>
|
|
1347
1376
|
|
|
@@ -1379,8 +1408,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1379
1408
|
|
|
1380
1409
|
<tr>
|
|
1381
1410
|
<td class="col-md-4">
|
|
1382
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1383
|
-
class="link-to-prism">src/treeview/tree-node.component.ts:
|
|
1411
|
+
<div class="io-line">Defined in <a href="" data-line="190"
|
|
1412
|
+
class="link-to-prism">src/treeview/tree-node.component.ts:190</a></div>
|
|
1384
1413
|
</td>
|
|
1385
1414
|
</tr>
|
|
1386
1415
|
|
|
@@ -1418,8 +1447,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1418
1447
|
|
|
1419
1448
|
<tr>
|
|
1420
1449
|
<td class="col-md-4">
|
|
1421
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1422
|
-
class="link-to-prism">src/treeview/tree-node.component.ts:
|
|
1450
|
+
<div class="io-line">Defined in <a href="" data-line="209"
|
|
1451
|
+
class="link-to-prism">src/treeview/tree-node.component.ts:209</a></div>
|
|
1423
1452
|
</td>
|
|
1424
1453
|
</tr>
|
|
1425
1454
|
|
|
@@ -1483,8 +1512,8 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1483
1512
|
|
|
1484
1513
|
<tr>
|
|
1485
1514
|
<td class="col-md-4">
|
|
1486
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1487
|
-
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>
|
|
1488
1517
|
</td>
|
|
1489
1518
|
</tr>
|
|
1490
1519
|
|
|
@@ -1553,7 +1582,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1553
1582
|
</tr>
|
|
1554
1583
|
<tr>
|
|
1555
1584
|
<td class="col-md-4">
|
|
1556
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1585
|
+
<div class="io-line">Defined in <a href="" data-line="175" class="link-to-prism">src/treeview/tree-node.component.ts:175</a></div>
|
|
1557
1586
|
</td>
|
|
1558
1587
|
</tr>
|
|
1559
1588
|
|
|
@@ -1573,7 +1602,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1573
1602
|
</tr>
|
|
1574
1603
|
<tr>
|
|
1575
1604
|
<td class="col-md-4">
|
|
1576
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1605
|
+
<div class="io-line">Defined in <a href="" data-line="174" class="link-to-prism">src/treeview/tree-node.component.ts:174</a></div>
|
|
1577
1606
|
</td>
|
|
1578
1607
|
</tr>
|
|
1579
1608
|
|
|
@@ -1600,7 +1629,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1600
1629
|
</tr>
|
|
1601
1630
|
<tr>
|
|
1602
1631
|
<td class="col-md-4">
|
|
1603
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1632
|
+
<div class="io-line">Defined in <a href="" data-line="176" class="link-to-prism">src/treeview/tree-node.component.ts:176</a></div>
|
|
1604
1633
|
</td>
|
|
1605
1634
|
</tr>
|
|
1606
1635
|
|
|
@@ -1661,7 +1690,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1661
1690
|
</tr>
|
|
1662
1691
|
<tr>
|
|
1663
1692
|
<td class="col-md-4">
|
|
1664
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1693
|
+
<div class="io-line">Defined in <a href="" data-line="165" class="link-to-prism">src/treeview/tree-node.component.ts:165</a></div>
|
|
1665
1694
|
</td>
|
|
1666
1695
|
</tr>
|
|
1667
1696
|
|
|
@@ -1672,7 +1701,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1672
1701
|
</tr>
|
|
1673
1702
|
<tr>
|
|
1674
1703
|
<td class="col-md-4">
|
|
1675
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1704
|
+
<div class="io-line">Defined in <a href="" data-line="146" class="link-to-prism">src/treeview/tree-node.component.ts:146</a></div>
|
|
1676
1705
|
</td>
|
|
1677
1706
|
</tr>
|
|
1678
1707
|
<tr>
|
|
@@ -1735,7 +1764,7 @@ Would simplify setting component attributes when dynamically rendering node.</p>
|
|
|
1735
1764
|
} from "@angular/core";
|
|
1736
1765
|
import { Subscription } from "rxjs";
|
|
1737
1766
|
import { TreeViewService } from "./treeview.service";
|
|
1738
|
-
import { Node } from "./tree-node.types";
|
|
1767
|
+
import { EventOnNode, Node } from "./tree-node.types";
|
|
1739
1768
|
|
|
1740
1769
|
@Component({
|
|
1741
1770
|
selector: "cds-tree-node",
|
|
@@ -1846,6 +1875,7 @@ export class TreeNodeComponent implements AfterContentChecked, OnInit, OnDestroy
|
|
|
1846
1875
|
@Input() id = `tree-node-${TreeNodeComponent.treeNodeCount++}`;
|
|
1847
1876
|
@Input() active = false;
|
|
1848
1877
|
@Input() disabled = false;
|
|
1878
|
+
@Input() selectable = true;
|
|
1849
1879
|
@Input() expanded = false;
|
|
1850
1880
|
@Input() label: string | TemplateRef<any>;
|
|
1851
1881
|
@Input() labelContext: any;
|
|
@@ -1872,6 +1902,7 @@ export class TreeNodeComponent implements AfterContentChecked, OnInit, OnDestroy
|
|
|
1872
1902
|
this.id = node.id ?? this.id;
|
|
1873
1903
|
this.active = node.active ?? this.active;
|
|
1874
1904
|
this.disabled = node.disabled ?? this.disabled;
|
|
1905
|
+
this.selectable = node.selectable ?? this.selectable;
|
|
1875
1906
|
this.expanded = node.expanded ?? this.expanded;
|
|
1876
1907
|
this.label = node.label ?? this.label;
|
|
1877
1908
|
this.labelContext = node.labelContext ?? this.labelContext;
|
|
@@ -1888,10 +1919,10 @@ export class TreeNodeComponent implements AfterContentChecked, OnInit, OnDestroy
|
|
|
1888
1919
|
return this._node;
|
|
1889
1920
|
}
|
|
1890
1921
|
|
|
1891
|
-
@Output() nodeFocus = new EventEmitter();
|
|
1892
|
-
@Output() nodeBlur = new EventEmitter();
|
|
1893
|
-
@Output() nodeSelect = new EventEmitter();
|
|
1894
|
-
@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>();
|
|
1895
1926
|
|
|
1896
1927
|
offset;
|
|
1897
1928
|
private _node;
|
|
@@ -1912,8 +1943,8 @@ export class TreeNodeComponent implements AfterContentChecked, OnInit, OnDestroy
|
|
|
1912
1943
|
ngOnInit(): void {
|
|
1913
1944
|
// Highlight the node
|
|
1914
1945
|
this.subscription = this.treeViewService.selectionObservable.subscribe((value: Map<string, Node>) => {
|
|
1915
|
-
this.selected = value.has(this.id);
|
|
1916
|
-
this.active = this.selected;
|
|
1946
|
+
this.selected = this.selectable && value.has(this.id);
|
|
1947
|
+
this.active = this.selectable && this.selected;
|
|
1917
1948
|
});
|
|
1918
1949
|
}
|
|
1919
1950
|
|
|
@@ -1930,11 +1961,17 @@ export class TreeNodeComponent implements AfterContentChecked, OnInit, OnDestroy
|
|
|
1930
1961
|
*/
|
|
1931
1962
|
nodeClick(event) {
|
|
1932
1963
|
if (!this.disabled) {
|
|
1933
|
-
this.selected = true;
|
|
1934
|
-
this.active = true;
|
|
1935
1964
|
event.target.parentElement.focus();
|
|
1936
|
-
|
|
1937
|
-
|
|
1965
|
+
if (this.selectable || this.children.length === 0) {
|
|
1966
|
+
this.selected = true;
|
|
1967
|
+
this.active = true;
|
|
1968
|
+
const node = { id: this.id, label: this.label, value: this.value };
|
|
1969
|
+
// Passes event to all nodes to update highlighting & parent to emit
|
|
1970
|
+
this.treeViewService.selectNode(node);
|
|
1971
|
+
this.nodeSelect.emit(node);
|
|
1972
|
+
} else {
|
|
1973
|
+
this.toggleExpanded(event);
|
|
1974
|
+
}
|
|
1938
1975
|
}
|
|
1939
1976
|
}
|
|
1940
1977
|
|
|
@@ -1962,7 +1999,9 @@ export class TreeNodeComponent implements AfterContentChecked, OnInit, OnDestroy
|
|
|
1962
1999
|
}
|
|
1963
2000
|
|
|
1964
2001
|
emitFocusEvent(event) {
|
|
1965
|
-
|
|
2002
|
+
const node = { id: this.id, label: this.label, value: this.value }
|
|
2003
|
+
this.nodeFocus.emit({ node, event });
|
|
2004
|
+
this.treeViewService.focusNode(node);
|
|
1966
2005
|
}
|
|
1967
2006
|
|
|
1968
2007
|
emitBlurEvent(event) {
|