carbon-components-angular 5.29.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.
Files changed (48) hide show
  1. package/docs/documentation/components/TextInputLabelComponent.html +79 -5
  2. package/docs/documentation/components/TreeViewComponent.html +32 -1
  3. package/docs/documentation/coverage.html +10 -10
  4. package/docs/documentation/injectables/TreeViewService.html +140 -0
  5. package/docs/documentation/js/search/search_index.js +2 -2
  6. package/docs/documentation/modules/ThemeModule/dependencies.svg +13 -13
  7. package/docs/documentation/modules/ThemeModule.html +13 -13
  8. package/docs/documentation/modules/TilesModule/dependencies.svg +74 -74
  9. package/docs/documentation/modules/TilesModule.html +74 -74
  10. package/docs/documentation/modules/TimePickerModule/dependencies.svg +42 -46
  11. package/docs/documentation/modules/TimePickerModule.html +42 -46
  12. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +4 -4
  13. package/docs/documentation/modules/TimePickerSelectModule.html +4 -4
  14. package/docs/documentation/modules/ToggleModule/dependencies.svg +41 -45
  15. package/docs/documentation/modules/ToggleModule.html +41 -45
  16. package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
  17. package/docs/documentation/modules/ToggletipModule.html +4 -4
  18. package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
  19. package/docs/documentation/modules/TooltipModule.html +4 -4
  20. package/docs/documentation/modules/TreeviewModule/dependencies.svg +4 -4
  21. package/docs/documentation/modules/TreeviewModule.html +4 -4
  22. package/docs/documentation/modules/UIShellModule/dependencies.svg +4 -4
  23. package/docs/documentation/modules/UIShellModule.html +4 -4
  24. package/docs/documentation.json +179 -91
  25. package/docs/storybook/{1345.44d90796.iframe.bundle.js → 1345.a1871b60.iframe.bundle.js} +1 -1
  26. package/docs/storybook/iframe.html +2 -2
  27. package/docs/storybook/input-input-stories.8154d597.iframe.bundle.js +1 -0
  28. package/docs/storybook/{main.f423084e.iframe.bundle.js → main.0d9139c6.iframe.bundle.js} +1 -1
  29. package/docs/storybook/project.json +1 -1
  30. package/docs/storybook/{runtime~main.c24c8c1d.iframe.bundle.js → runtime~main.d1f42191.iframe.bundle.js} +1 -1
  31. package/docs/storybook/treeview-treeview-stories.eec445b3.iframe.bundle.js +1 -0
  32. package/esm2020/input/text-input-label.component.mjs +8 -2
  33. package/esm2020/treeview/treeview.component.mjs +1 -1
  34. package/esm2020/treeview/treeview.service.mjs +19 -1
  35. package/fesm2015/carbon-components-angular-input.mjs +8 -1
  36. package/fesm2015/carbon-components-angular-input.mjs.map +1 -1
  37. package/fesm2015/carbon-components-angular-treeview.mjs +18 -0
  38. package/fesm2015/carbon-components-angular-treeview.mjs.map +1 -1
  39. package/fesm2020/carbon-components-angular-input.mjs +7 -1
  40. package/fesm2020/carbon-components-angular-input.mjs.map +1 -1
  41. package/fesm2020/carbon-components-angular-treeview.mjs +18 -0
  42. package/fesm2020/carbon-components-angular-treeview.mjs.map +1 -1
  43. package/input/text-input-label.component.d.ts +1 -0
  44. package/package.json +1 -1
  45. package/treeview/treeview.component.d.ts +1 -1
  46. package/treeview/treeview.service.d.ts +9 -0
  47. package/docs/storybook/input-input-stories.eeb079d9.iframe.bundle.js +0 -1
  48. package/docs/storybook/treeview-treeview-stories.67d5b54c.iframe.bundle.js +0 -1
package/docs/documentation/components/TextInputLabelComponent.html CHANGED
@@ -335,11 +335,28 @@
335
335
  <li>
336
336
  <a href="#class.cds--form-item" >class.cds--form-item</a>
337
337
  </li>
338
+ <li>
339
+ <a href="#class.cds--text-input-wrapper--readonly" >class.cds--text-input-wrapper--readonly</a>
340
+ </li>
338
341
  </ul>
339
342
  </td>
340
343
  </tr>
341
344
 
342
345
 
346
+ <tr>
347
+ <td class="col-md-4">
348
+ <h6><b>Accessors</b></h6>
349
+ </td>
350
+ </tr>
351
+ <tr>
352
+ <td class="col-md-4">
353
+ <ul class="index-list">
354
+ <li>
355
+ <a href="#isReadonly" >isReadonly</a>
356
+ </li>
357
+ </ul>
358
+ </td>
359
+ </tr>
343
360
  </tbody>
344
361
  </table>
345
362
  </section>
@@ -355,7 +372,7 @@
355
372
  </tr>
356
373
  <tr>
357
374
  <td class="col-md-4">
358
- <div class="io-line">Defined in <a href="" data-line="139" class="link-to-prism">src/input/text-input-label.component.ts:139</a></div>
375
+ <div class="io-line">Defined in <a href="" data-line="143" class="link-to-prism">src/input/text-input-label.component.ts:143</a></div>
359
376
  </td>
360
377
  </tr>
361
378
 
@@ -747,6 +764,32 @@ Since we cannot pass ng-content down easily from label component, we will accept
747
764
  </tr>
748
765
 
749
766
 
767
+ </tbody>
768
+ </table>
769
+ <table class="table table-sm table-bordered">
770
+ <tbody>
771
+ <tr>
772
+ <td class="col-md-4">
773
+ <a name="class.cds--text-input-wrapper--readonly"></a>
774
+ <span class="name">
775
+ <span ><b>class.cds--text-input-wrapper--readonly</b></span>
776
+ <a href="#class.cds--text-input-wrapper--readonly"><span class="icon ion-ios-link"></span></a>
777
+ </span>
778
+ </td>
779
+ </tr>
780
+ <tr>
781
+ <td class="col-md-4">
782
+ <i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
783
+
784
+ </td>
785
+ </tr>
786
+ <tr>
787
+ <td class="col-md-4">
788
+ <div class="io-line">Defined in <a href="" data-line="141" class="link-to-prism">src/input/text-input-label.component.ts:141</a></div>
789
+ </td>
790
+ </tr>
791
+
792
+
750
793
  </tbody>
751
794
  </table>
752
795
  </section>
@@ -779,8 +822,8 @@ Since we cannot pass ng-content down easily from label component, we will accept
779
822
 
780
823
  <tr>
781
824
  <td class="col-md-4">
782
- <div class="io-line">Defined in <a href="" data-line="174"
783
- class="link-to-prism">src/input/text-input-label.component.ts:174</a></div>
825
+ <div class="io-line">Defined in <a href="" data-line="178"
826
+ class="link-to-prism">src/input/text-input-label.component.ts:178</a></div>
784
827
  </td>
785
828
  </tr>
786
829
 
@@ -842,8 +885,8 @@ Since we cannot pass ng-content down easily from label component, we will accept
842
885
 
843
886
  <tr>
844
887
  <td class="col-md-4">
845
- <div class="io-line">Defined in <a href="" data-line="149"
846
- class="link-to-prism">src/input/text-input-label.component.ts:149</a></div>
888
+ <div class="io-line">Defined in <a href="" data-line="153"
889
+ class="link-to-prism">src/input/text-input-label.component.ts:153</a></div>
847
890
  </td>
848
891
  </tr>
849
892
 
@@ -978,6 +1021,33 @@ Since we cannot pass ng-content down easily from label component, we will accept
978
1021
  </table>
979
1022
  </section>
980
1023
 
1024
+ <section data-compodoc="block-accessors">
1025
+ <h3 id="accessors">
1026
+ Accessors
1027
+ </h3>
1028
+ <table class="table table-sm table-bordered">
1029
+ <tbody>
1030
+ <tr>
1031
+ <td class="col-md-4">
1032
+ <a name="isReadonly"></a>
1033
+ <span class="name"><b>isReadonly</b><a href="#isReadonly"><span class="icon ion-ios-link"></span></a></span>
1034
+ </td>
1035
+ </tr>
1036
+
1037
+ <tr>
1038
+ <td class="col-md-4">
1039
+ <span class="accessor"><b>get</b><code>isReadonly()</code></span>
1040
+ </td>
1041
+ </tr>
1042
+ <tr>
1043
+ <td class="col-md-4">
1044
+ <div class="io-line">Defined in <a href="" data-line="141" class="link-to-prism">src/input/text-input-label.component.ts:141</a></div>
1045
+ </td>
1046
+ </tr>
1047
+
1048
+ </tbody>
1049
+ </table>
1050
+ </section>
981
1051
  </div>
982
1052
 
983
1053
 
@@ -1122,6 +1192,10 @@ export class TextInputLabelComponent implements AfterViewInit {
1122
1192
 
1123
1193
  @HostBinding(&quot;class.cds--form-item&quot;) labelClass &#x3D; true;
1124
1194
 
1195
+ @HostBinding(&quot;class.cds--text-input-wrapper--readonly&quot;) get isReadonly() {
1196
+ return this.wrapper?.nativeElement.querySelector(&quot;input&quot;)?.readOnly;
1197
+ }
1198
+
1125
1199
  /**
1126
1200
  * Creates an instance of Label.
1127
1201
  */
package/docs/documentation/components/TreeViewComponent.html CHANGED
@@ -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
- protected treeViewService: TreeViewService,
1371
+ public treeViewService: TreeViewService,
1341
1372
  private elementRef: ElementRef
1342
1373
  ) {}
1343
1374
 
package/docs/documentation/coverage.html CHANGED
@@ -1289,9 +1289,9 @@
1289
1289
  </td>
1290
1290
  <td>component</td>
1291
1291
  <td>TextInputLabelComponent</td>
1292
- <td align="right" data-sort="73">
1293
- <span class="coverage-percent">73 %</span>
1294
- <span class="coverage-count">(14/19)</span>
1292
+ <td align="right" data-sort="70">
1293
+ <span class="coverage-percent">70 %</span>
1294
+ <span class="coverage-count">(14/20)</span>
1295
1295
  </td>
1296
1296
  </tr>
1297
1297
  <tr class="good">
@@ -2981,21 +2981,21 @@
2981
2981
  </td>
2982
2982
  <td>component</td>
2983
2983
  <td>TreeViewComponent</td>
2984
- <td align="right" data-sort="45">
2985
- <span class="coverage-percent">45 %</span>
2986
- <span class="coverage-count">(9/20)</span>
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="medium">
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="50">
2997
- <span class="coverage-percent">50 %</span>
2998
- <span class="coverage-count">(4/8)</span>
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">
package/docs/documentation/injectables/TreeViewService.html CHANGED
@@ -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>