carbon-components-angular 5.43.0 → 5.44.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 (91) hide show
  1. package/docs/documentation/classes/TableModel.html +290 -76
  2. package/docs/documentation/components/Pagination.html +22 -16
  3. package/docs/documentation/components/Table.html +182 -136
  4. package/docs/documentation/components/TableHead.html +231 -44
  5. package/docs/documentation/components/TableHeadExpand.html +359 -6
  6. package/docs/documentation/coverage.html +10 -10
  7. package/docs/documentation/interfaces/PaginationTranslations.html +8 -2
  8. package/docs/documentation/js/search/search_index.js +2 -2
  9. package/docs/documentation/modules/ComboBoxModule/dependencies.svg +4 -4
  10. package/docs/documentation/modules/ComboBoxModule.html +4 -4
  11. package/docs/documentation/modules/ContentSwitcherModule/dependencies.svg +4 -4
  12. package/docs/documentation/modules/ContentSwitcherModule.html +4 -4
  13. package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +37 -41
  14. package/docs/documentation/modules/DatePickerInputModule.html +37 -41
  15. package/docs/documentation/modules/DatePickerModule/dependencies.svg +38 -38
  16. package/docs/documentation/modules/DatePickerModule.html +38 -38
  17. package/docs/documentation/modules/GridModule/dependencies.svg +60 -60
  18. package/docs/documentation/modules/GridModule.html +60 -60
  19. package/docs/documentation/modules/LoadingModule/dependencies.svg +4 -4
  20. package/docs/documentation/modules/LoadingModule.html +4 -4
  21. package/docs/documentation/modules/NFormsModule/dependencies.svg +4 -4
  22. package/docs/documentation/modules/NFormsModule.html +4 -4
  23. package/docs/documentation/modules/NumberModule/dependencies.svg +4 -4
  24. package/docs/documentation/modules/NumberModule.html +4 -4
  25. package/docs/documentation/modules/ProgressIndicatorModule/dependencies.svg +4 -4
  26. package/docs/documentation/modules/ProgressIndicatorModule.html +4 -4
  27. package/docs/documentation/modules/RadioModule/dependencies.svg +4 -4
  28. package/docs/documentation/modules/RadioModule.html +4 -4
  29. package/docs/documentation/modules/SelectModule/dependencies.svg +58 -58
  30. package/docs/documentation/modules/SelectModule.html +58 -58
  31. package/docs/documentation/modules/SliderModule/dependencies.svg +4 -4
  32. package/docs/documentation/modules/SliderModule.html +4 -4
  33. package/docs/documentation/modules/TableModule/dependencies.svg +216 -216
  34. package/docs/documentation/modules/TableModule.html +216 -216
  35. package/docs/documentation/modules/TabsModule/dependencies.svg +69 -69
  36. package/docs/documentation/modules/TabsModule.html +69 -69
  37. package/docs/documentation/modules/ThemeModule/dependencies.svg +14 -14
  38. package/docs/documentation/modules/ThemeModule.html +14 -14
  39. package/docs/documentation/modules/TilesModule/dependencies.svg +101 -101
  40. package/docs/documentation/modules/TilesModule.html +101 -101
  41. package/docs/documentation/modules/TimePickerModule/dependencies.svg +4 -4
  42. package/docs/documentation/modules/TimePickerModule.html +4 -4
  43. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +30 -30
  44. package/docs/documentation/modules/TimePickerSelectModule.html +30 -30
  45. package/docs/documentation/modules/ToggleModule/dependencies.svg +19 -19
  46. package/docs/documentation/modules/ToggleModule.html +19 -19
  47. package/docs/documentation/modules/ToggletipModule/dependencies.svg +37 -37
  48. package/docs/documentation/modules/ToggletipModule.html +37 -37
  49. package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
  50. package/docs/documentation/modules/TooltipModule.html +4 -4
  51. package/docs/documentation/modules/TreeviewModule/dependencies.svg +36 -36
  52. package/docs/documentation/modules/TreeviewModule.html +36 -36
  53. package/docs/documentation.json +732 -416
  54. package/docs/storybook/5868.37cc7ea3.iframe.bundle.js +1 -0
  55. package/docs/storybook/8341.2bf88948.iframe.bundle.js +1 -0
  56. package/docs/storybook/9115.1d90f93b.iframe.bundle.js +1 -0
  57. package/docs/storybook/iframe.html +2 -2
  58. package/docs/storybook/main.40b82efc.iframe.bundle.js +1 -0
  59. package/docs/storybook/project.json +1 -1
  60. package/docs/storybook/{runtime~main.4c0184d4.iframe.bundle.js → runtime~main.d3e52413.iframe.bundle.js} +1 -1
  61. package/docs/storybook/table-table-stories.6669e4b6.iframe.bundle.js +1 -0
  62. package/esm2020/i18n/en.mjs +2 -1
  63. package/esm2020/pagination/pagination.component.mjs +9 -3
  64. package/esm2020/table/head/table-head-expand.component.mjs +50 -9
  65. package/esm2020/table/head/table-head.component.mjs +38 -5
  66. package/esm2020/table/table-model.class.mjs +34 -1
  67. package/esm2020/table/table.component.mjs +15 -3
  68. package/fesm2015/carbon-components-angular-i18n.mjs +1 -0
  69. package/fesm2015/carbon-components-angular-i18n.mjs.map +1 -1
  70. package/fesm2015/carbon-components-angular-pagination.mjs +8 -2
  71. package/fesm2015/carbon-components-angular-pagination.mjs.map +1 -1
  72. package/fesm2015/carbon-components-angular-table.mjs +137 -21
  73. package/fesm2015/carbon-components-angular-table.mjs.map +1 -1
  74. package/fesm2020/carbon-components-angular-i18n.mjs +1 -0
  75. package/fesm2020/carbon-components-angular-i18n.mjs.map +1 -1
  76. package/fesm2020/carbon-components-angular-pagination.mjs +8 -2
  77. package/fesm2020/carbon-components-angular-pagination.mjs.map +1 -1
  78. package/fesm2020/carbon-components-angular-table.mjs +137 -21
  79. package/fesm2020/carbon-components-angular-table.mjs.map +1 -1
  80. package/i18n/en.d.ts +1 -0
  81. package/i18n/i18n.service.d.ts +4 -1
  82. package/package.json +1 -1
  83. package/table/head/table-head-expand.component.d.ts +12 -1
  84. package/table/head/table-head.component.d.ts +15 -1
  85. package/table/table-model.class.d.ts +14 -0
  86. package/table/table.component.d.ts +5 -1
  87. package/docs/storybook/5868.53c4195a.iframe.bundle.js +0 -1
  88. package/docs/storybook/8341.a544f9e9.iframe.bundle.js +0 -1
  89. package/docs/storybook/9115.b37cce0a.iframe.bundle.js +0 -1
  90. package/docs/storybook/main.fa8e9d39.iframe.bundle.js +0 -1
  91. package/docs/storybook/table-table-stories.c19aca64.iframe.bundle.js +0 -1
@@ -195,12 +195,18 @@ keep in mind to keep the data structure intact.</p>
195
195
  <li>
196
196
  <a href="#rowsClass" >rowsClass</a>
197
197
  </li>
198
+ <li>
199
+ <a href="#rowsCollapsedAllChange" >rowsCollapsedAllChange</a>
200
+ </li>
198
201
  <li>
199
202
  <a href="#rowsContext" >rowsContext</a>
200
203
  </li>
201
204
  <li>
202
205
  <a href="#rowsExpanded" >rowsExpanded</a>
203
206
  </li>
207
+ <li>
208
+ <a href="#rowsExpandedAllChange" >rowsExpandedAllChange</a>
209
+ </li>
204
210
  <li>
205
211
  <a href="#rowsExpandedChange" >rowsExpandedChange</a>
206
212
  </li>
@@ -250,6 +256,12 @@ keep in mind to keep the data structure intact.</p>
250
256
  <li>
251
257
  <a href="#deleteRow" >deleteRow</a>
252
258
  </li>
259
+ <li>
260
+ <a href="#expandableRowsCount" >expandableRowsCount</a>
261
+ </li>
262
+ <li>
263
+ <a href="#expandAllRows" >expandAllRows</a>
264
+ </li>
253
265
  <li>
254
266
  <a href="#expandedRowsCount" >expandedRowsCount</a>
255
267
  </li>
@@ -362,7 +374,7 @@ keep in mind to keep the data structure intact.</p>
362
374
  </tr>
363
375
  <tr>
364
376
  <td class="col-md-4">
365
- <div class="io-line">Defined in <a href="" data-line="192" class="link-to-prism">src/table/table-model.class.ts:192</a></div>
377
+ <div class="io-line">Defined in <a href="" data-line="194" class="link-to-prism">src/table/table-model.class.ts:194</a></div>
366
378
  </td>
367
379
  </tr>
368
380
 
@@ -400,7 +412,7 @@ keep in mind to keep the data structure intact.</p>
400
412
  </tr>
401
413
  <tr>
402
414
  <td class="col-md-4">
403
- <div class="io-line">Defined in <a href="" data-line="186" class="link-to-prism">src/table/table-model.class.ts:186</a></div>
415
+ <div class="io-line">Defined in <a href="" data-line="188" class="link-to-prism">src/table/table-model.class.ts:188</a></div>
404
416
  </td>
405
417
  </tr>
406
418
 
@@ -433,7 +445,7 @@ keep in mind to keep the data structure intact.</p>
433
445
  </tr>
434
446
  <tr>
435
447
  <td class="col-md-4">
436
- <div class="io-line">Defined in <a href="" data-line="150" class="link-to-prism">src/table/table-model.class.ts:150</a></div>
448
+ <div class="io-line">Defined in <a href="" data-line="152" class="link-to-prism">src/table/table-model.class.ts:152</a></div>
437
449
  </td>
438
450
  </tr>
439
451
 
@@ -509,7 +521,7 @@ keep in mind to keep the data structure intact.</p>
509
521
  </tr>
510
522
  <tr>
511
523
  <td class="col-md-4">
512
- <div class="io-line">Defined in <a href="" data-line="130" class="link-to-prism">src/table/table-model.class.ts:130</a></div>
524
+ <div class="io-line">Defined in <a href="" data-line="132" class="link-to-prism">src/table/table-model.class.ts:132</a></div>
513
525
  </td>
514
526
  </tr>
515
527
 
@@ -571,7 +583,7 @@ keep in mind to keep the data structure intact.</p>
571
583
  </tr>
572
584
  <tr>
573
585
  <td class="col-md-4">
574
- <div class="io-line">Defined in <a href="" data-line="125" class="link-to-prism">src/table/table-model.class.ts:125</a></div>
586
+ <div class="io-line">Defined in <a href="" data-line="127" class="link-to-prism">src/table/table-model.class.ts:127</a></div>
575
587
  </td>
576
588
  </tr>
577
589
 
@@ -602,7 +614,7 @@ keep in mind to keep the data structure intact.</p>
602
614
  </tr>
603
615
  <tr>
604
616
  <td class="col-md-4">
605
- <div class="io-line">Defined in <a href="" data-line="140" class="link-to-prism">src/table/table-model.class.ts:140</a></div>
617
+ <div class="io-line">Defined in <a href="" data-line="142" class="link-to-prism">src/table/table-model.class.ts:142</a></div>
606
618
  </td>
607
619
  </tr>
608
620
 
@@ -633,7 +645,7 @@ keep in mind to keep the data structure intact.</p>
633
645
  </tr>
634
646
  <tr>
635
647
  <td class="col-md-4">
636
- <div class="io-line">Defined in <a href="" data-line="145" class="link-to-prism">src/table/table-model.class.ts:145</a></div>
648
+ <div class="io-line">Defined in <a href="" data-line="147" class="link-to-prism">src/table/table-model.class.ts:147</a></div>
637
649
  </td>
638
650
  </tr>
639
651
 
@@ -670,7 +682,7 @@ keep in mind to keep the data structure intact.</p>
670
682
  </tr>
671
683
  <tr>
672
684
  <td class="col-md-4">
673
- <div class="io-line">Defined in <a href="" data-line="135" class="link-to-prism">src/table/table-model.class.ts:135</a></div>
685
+ <div class="io-line">Defined in <a href="" data-line="137" class="link-to-prism">src/table/table-model.class.ts:137</a></div>
674
686
  </td>
675
687
  </tr>
676
688
 
@@ -707,7 +719,7 @@ keep in mind to keep the data structure intact.</p>
707
719
  </tr>
708
720
  <tr>
709
721
  <td class="col-md-4">
710
- <div class="io-line">Defined in <a href="" data-line="120" class="link-to-prism">src/table/table-model.class.ts:120</a></div>
722
+ <div class="io-line">Defined in <a href="" data-line="122" class="link-to-prism">src/table/table-model.class.ts:122</a></div>
711
723
  </td>
712
724
  </tr>
713
725
 
@@ -722,6 +734,31 @@ keep in mind to keep the data structure intact.</p>
722
734
 
723
735
  </tbody>
724
736
  </table>
737
+ <table class="table table-sm table-bordered">
738
+ <tbody>
739
+ <tr>
740
+ <td class="col-md-4">
741
+ <a name="rowsCollapsedAllChange"></a>
742
+ <span class="name">
743
+ <span ><b>rowsCollapsedAllChange</b></span>
744
+ <a href="#rowsCollapsedAllChange"><span class="icon ion-ios-link"></span></a>
745
+ </span>
746
+ </td>
747
+ </tr>
748
+ <tr>
749
+ <td class="col-md-4">
750
+ <i>Default value : </i><code>new EventEmitter()</code>
751
+ </td>
752
+ </tr>
753
+ <tr>
754
+ <td class="col-md-4">
755
+ <div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">src/table/table-model.class.ts:73</a></div>
756
+ </td>
757
+ </tr>
758
+
759
+
760
+ </tbody>
761
+ </table>
725
762
  <table class="table table-sm table-bordered">
726
763
  <tbody>
727
764
  <tr>
@@ -746,7 +783,7 @@ keep in mind to keep the data structure intact.</p>
746
783
  </tr>
747
784
  <tr>
748
785
  <td class="col-md-4">
749
- <div class="io-line">Defined in <a href="" data-line="111" class="link-to-prism">src/table/table-model.class.ts:111</a></div>
786
+ <div class="io-line">Defined in <a href="" data-line="113" class="link-to-prism">src/table/table-model.class.ts:113</a></div>
750
787
  </td>
751
788
  </tr>
752
789
 
@@ -786,7 +823,7 @@ empty or undefined by default</p>
786
823
  </tr>
787
824
  <tr>
788
825
  <td class="col-md-4">
789
- <div class="io-line">Defined in <a href="" data-line="96" class="link-to-prism">src/table/table-model.class.ts:96</a></div>
826
+ <div class="io-line">Defined in <a href="" data-line="98" class="link-to-prism">src/table/table-model.class.ts:98</a></div>
790
827
  </td>
791
828
  </tr>
792
829
 
@@ -799,6 +836,31 @@ empty or undefined by default</p>
799
836
 
800
837
  </tbody>
801
838
  </table>
839
+ <table class="table table-sm table-bordered">
840
+ <tbody>
841
+ <tr>
842
+ <td class="col-md-4">
843
+ <a name="rowsExpandedAllChange"></a>
844
+ <span class="name">
845
+ <span ><b>rowsExpandedAllChange</b></span>
846
+ <a href="#rowsExpandedAllChange"><span class="icon ion-ios-link"></span></a>
847
+ </span>
848
+ </td>
849
+ </tr>
850
+ <tr>
851
+ <td class="col-md-4">
852
+ <i>Default value : </i><code>new EventEmitter()</code>
853
+ </td>
854
+ </tr>
855
+ <tr>
856
+ <td class="col-md-4">
857
+ <div class="io-line">Defined in <a href="" data-line="72" class="link-to-prism">src/table/table-model.class.ts:72</a></div>
858
+ </td>
859
+ </tr>
860
+
861
+
862
+ </tbody>
863
+ </table>
802
864
  <table class="table table-sm table-bordered">
803
865
  <tbody>
804
866
  <tr>
@@ -848,7 +910,7 @@ empty or undefined by default</p>
848
910
  </tr>
849
911
  <tr>
850
912
  <td class="col-md-4">
851
- <div class="io-line">Defined in <a href="" data-line="101" class="link-to-prism">src/table/table-model.class.ts:101</a></div>
913
+ <div class="io-line">Defined in <a href="" data-line="103" class="link-to-prism">src/table/table-model.class.ts:103</a></div>
852
914
  </td>
853
915
  </tr>
854
916
 
@@ -885,7 +947,7 @@ empty or undefined by default</p>
885
947
  </tr>
886
948
  <tr>
887
949
  <td class="col-md-4">
888
- <div class="io-line">Defined in <a href="" data-line="91" class="link-to-prism">src/table/table-model.class.ts:91</a></div>
950
+ <div class="io-line">Defined in <a href="" data-line="93" class="link-to-prism">src/table/table-model.class.ts:93</a></div>
889
951
  </td>
890
952
  </tr>
891
953
 
@@ -941,7 +1003,7 @@ empty or undefined by default</p>
941
1003
  </tr>
942
1004
  <tr>
943
1005
  <td class="col-md-4">
944
- <div class="io-line">Defined in <a href="" data-line="76" class="link-to-prism">src/table/table-model.class.ts:76</a></div>
1006
+ <div class="io-line">Defined in <a href="" data-line="78" class="link-to-prism">src/table/table-model.class.ts:78</a></div>
945
1007
  </td>
946
1008
  </tr>
947
1009
 
@@ -980,7 +1042,7 @@ all rows are selected.</p>
980
1042
  </tr>
981
1043
  <tr>
982
1044
  <td class="col-md-4">
983
- <div class="io-line">Defined in <a href="" data-line="192" class="link-to-prism">src/table/table-model.class.ts:192</a></div>
1045
+ <div class="io-line">Defined in <a href="" data-line="194" class="link-to-prism">src/table/table-model.class.ts:194</a></div>
984
1046
  </td>
985
1047
  </tr>
986
1048
 
@@ -1021,8 +1083,8 @@ model count for unique id generation.</p>
1021
1083
 
1022
1084
  <tr>
1023
1085
  <td class="col-md-4">
1024
- <div class="io-line">Defined in <a href="" data-line="463"
1025
- class="link-to-prism">src/table/table-model.class.ts:463</a></div>
1086
+ <div class="io-line">Defined in <a href="" data-line="477"
1087
+ class="link-to-prism">src/table/table-model.class.ts:477</a></div>
1026
1088
  </td>
1027
1089
  </tr>
1028
1090
 
@@ -1107,8 +1169,8 @@ empty <code>TableItem</code> elements.</p>
1107
1169
 
1108
1170
  <tr>
1109
1171
  <td class="col-md-4">
1110
- <div class="io-line">Defined in <a href="" data-line="308"
1111
- class="link-to-prism">src/table/table-model.class.ts:308</a></div>
1172
+ <div class="io-line">Defined in <a href="" data-line="310"
1173
+ class="link-to-prism">src/table/table-model.class.ts:310</a></div>
1112
1174
  </td>
1113
1175
  </tr>
1114
1176
 
@@ -1193,8 +1255,8 @@ empty <code>TableItem</code> elements.</p>
1193
1255
 
1194
1256
  <tr>
1195
1257
  <td class="col-md-4">
1196
- <div class="io-line">Defined in <a href="" data-line="435"
1197
- class="link-to-prism">src/table/table-model.class.ts:435</a></div>
1258
+ <div class="io-line">Defined in <a href="" data-line="449"
1259
+ class="link-to-prism">src/table/table-model.class.ts:449</a></div>
1198
1260
  </td>
1199
1261
  </tr>
1200
1262
 
@@ -1263,8 +1325,8 @@ empty <code>TableItem</code> elements.</p>
1263
1325
 
1264
1326
  <tr>
1265
1327
  <td class="col-md-4">
1266
- <div class="io-line">Defined in <a href="" data-line="551"
1267
- class="link-to-prism">src/table/table-model.class.ts:551</a></div>
1328
+ <div class="io-line">Defined in <a href="" data-line="565"
1329
+ class="link-to-prism">src/table/table-model.class.ts:565</a></div>
1268
1330
  </td>
1269
1331
  </tr>
1270
1332
 
@@ -1332,8 +1394,8 @@ empty <code>TableItem</code> elements.</p>
1332
1394
 
1333
1395
  <tr>
1334
1396
  <td class="col-md-4">
1335
- <div class="io-line">Defined in <a href="" data-line="524"
1336
- class="link-to-prism">src/table/table-model.class.ts:524</a></div>
1397
+ <div class="io-line">Defined in <a href="" data-line="538"
1398
+ class="link-to-prism">src/table/table-model.class.ts:538</a></div>
1337
1399
  </td>
1338
1400
  </tr>
1339
1401
 
@@ -1402,8 +1464,8 @@ empty <code>TableItem</code> elements.</p>
1402
1464
 
1403
1465
  <tr>
1404
1466
  <td class="col-md-4">
1405
- <div class="io-line">Defined in <a href="" data-line="397"
1406
- class="link-to-prism">src/table/table-model.class.ts:397</a></div>
1467
+ <div class="io-line">Defined in <a href="" data-line="399"
1468
+ class="link-to-prism">src/table/table-model.class.ts:399</a></div>
1407
1469
  </td>
1408
1470
  </tr>
1409
1471
 
@@ -1452,6 +1514,123 @@ empty <code>TableItem</code> elements.</p>
1452
1514
  </tr>
1453
1515
  </tbody>
1454
1516
  </table>
1517
+ <table class="table table-sm table-bordered">
1518
+ <tbody>
1519
+ <tr>
1520
+ <td class="col-md-4">
1521
+ <a name="expandableRowsCount"></a>
1522
+ <span class="name">
1523
+ <span ><b>expandableRowsCount</b></span>
1524
+ <a href="#expandableRowsCount"><span class="icon ion-ios-link"></span></a>
1525
+ </span>
1526
+ </td>
1527
+ </tr>
1528
+ <tr>
1529
+ <td class="col-md-4">
1530
+ <code>expandableRowsCount()</code>
1531
+ </td>
1532
+ </tr>
1533
+
1534
+
1535
+ <tr>
1536
+ <td class="col-md-4">
1537
+ <div class="io-line">Defined in <a href="" data-line="423"
1538
+ class="link-to-prism">src/table/table-model.class.ts:423</a></div>
1539
+ </td>
1540
+ </tr>
1541
+
1542
+
1543
+ <tr>
1544
+ <td class="col-md-4">
1545
+ <div class="io-description"><p>Number of rows that can be expanded.</p>
1546
+ </div>
1547
+
1548
+ <div class="io-description">
1549
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
1550
+
1551
+ </div>
1552
+ <div class="io-description">
1553
+ <p>number</p>
1554
+
1555
+ </div>
1556
+ </td>
1557
+ </tr>
1558
+ </tbody>
1559
+ </table>
1560
+ <table class="table table-sm table-bordered">
1561
+ <tbody>
1562
+ <tr>
1563
+ <td class="col-md-4">
1564
+ <a name="expandAllRows"></a>
1565
+ <span class="name">
1566
+ <span ><b>expandAllRows</b></span>
1567
+ <a href="#expandAllRows"><span class="icon ion-ios-link"></span></a>
1568
+ </span>
1569
+ </td>
1570
+ </tr>
1571
+ <tr>
1572
+ <td class="col-md-4">
1573
+ <code>expandAllRows(value)</code>
1574
+ </td>
1575
+ </tr>
1576
+
1577
+
1578
+ <tr>
1579
+ <td class="col-md-4">
1580
+ <div class="io-line">Defined in <a href="" data-line="727"
1581
+ class="link-to-prism">src/table/table-model.class.ts:727</a></div>
1582
+ </td>
1583
+ </tr>
1584
+
1585
+
1586
+ <tr>
1587
+ <td class="col-md-4">
1588
+ <div class="io-description"><p>Expands / collapses all rows</p>
1589
+ </div>
1590
+
1591
+ <div class="io-description">
1592
+ <b>Parameters :</b>
1593
+
1594
+ <table class="params">
1595
+ <thead>
1596
+ <tr>
1597
+ <td>Name</td>
1598
+ <td>Optional</td>
1599
+ <td>Default value</td>
1600
+ <td>Description</td>
1601
+ </tr>
1602
+ </thead>
1603
+ <tbody>
1604
+ <tr>
1605
+ <td>value</td>
1606
+
1607
+ <td>
1608
+ No
1609
+ </td>
1610
+
1611
+ <td>
1612
+ <code>true</code>
1613
+ </td>
1614
+
1615
+ <td>
1616
+ <p>expanded state of the rows. <code>true</code> is expanded and <code>false</code> is collapsed</p>
1617
+
1618
+ </td>
1619
+ </tr>
1620
+ </tbody>
1621
+ </table>
1622
+ </div>
1623
+ <div class="io-description">
1624
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1625
+
1626
+ </div>
1627
+ <div class="io-description">
1628
+
1629
+ </div>
1630
+ </td>
1631
+ </tr>
1632
+ </tbody>
1633
+ </table>
1455
1634
  <table class="table table-sm table-bordered">
1456
1635
  <tbody>
1457
1636
  <tr>
@@ -1472,8 +1651,8 @@ empty <code>TableItem</code> elements.</p>
1472
1651
 
1473
1652
  <tr>
1474
1653
  <td class="col-md-4">
1475
- <div class="io-line">Defined in <a href="" data-line="270"
1476
- class="link-to-prism">src/table/table-model.class.ts:270</a></div>
1654
+ <div class="io-line">Defined in <a href="" data-line="272"
1655
+ class="link-to-prism">src/table/table-model.class.ts:272</a></div>
1477
1656
  </td>
1478
1657
  </tr>
1479
1658
 
@@ -1511,8 +1690,8 @@ empty <code>TableItem</code> elements.</p>
1511
1690
 
1512
1691
  <tr>
1513
1692
  <td class="col-md-4">
1514
- <div class="io-line">Defined in <a href="" data-line="703"
1515
- class="link-to-prism">src/table/table-model.class.ts:703</a></div>
1693
+ <div class="io-line">Defined in <a href="" data-line="717"
1694
+ class="link-to-prism">src/table/table-model.class.ts:717</a></div>
1516
1695
  </td>
1517
1696
  </tr>
1518
1697
 
@@ -1606,8 +1785,8 @@ empty <code>TableItem</code> elements.</p>
1606
1785
 
1607
1786
  <tr>
1608
1787
  <td class="col-md-4">
1609
- <div class="io-line">Defined in <a href="" data-line="237"
1610
- class="link-to-prism">src/table/table-model.class.ts:237</a></div>
1788
+ <div class="io-line">Defined in <a href="" data-line="239"
1789
+ class="link-to-prism">src/table/table-model.class.ts:239</a></div>
1611
1790
  </td>
1612
1791
  </tr>
1613
1792
 
@@ -1680,8 +1859,8 @@ empty <code>TableItem</code> elements.</p>
1680
1859
 
1681
1860
  <tr>
1682
1861
  <td class="col-md-4">
1683
- <div class="io-line">Defined in <a href="" data-line="214"
1684
- class="link-to-prism">src/table/table-model.class.ts:214</a></div>
1862
+ <div class="io-line">Defined in <a href="" data-line="216"
1863
+ class="link-to-prism">src/table/table-model.class.ts:216</a></div>
1685
1864
  </td>
1686
1865
  </tr>
1687
1866
 
@@ -1776,8 +1955,8 @@ empty <code>TableItem</code> elements.</p>
1776
1955
 
1777
1956
  <tr>
1778
1957
  <td class="col-md-4">
1779
- <div class="io-line">Defined in <a href="" data-line="204"
1780
- class="link-to-prism">src/table/table-model.class.ts:204</a></div>
1958
+ <div class="io-line">Defined in <a href="" data-line="206"
1959
+ class="link-to-prism">src/table/table-model.class.ts:206</a></div>
1781
1960
  </td>
1782
1961
  </tr>
1783
1962
 
@@ -1872,8 +2051,8 @@ empty <code>TableItem</code> elements.</p>
1872
2051
 
1873
2052
  <tr>
1874
2053
  <td class="col-md-4">
1875
- <div class="io-line">Defined in <a href="" data-line="424"
1876
- class="link-to-prism">src/table/table-model.class.ts:424</a></div>
2054
+ <div class="io-line">Defined in <a href="" data-line="438"
2055
+ class="link-to-prism">src/table/table-model.class.ts:438</a></div>
1877
2056
  </td>
1878
2057
  </tr>
1879
2058
 
@@ -1939,8 +2118,8 @@ empty <code>TableItem</code> elements.</p>
1939
2118
 
1940
2119
  <tr>
1941
2120
  <td class="col-md-4">
1942
- <div class="io-line">Defined in <a href="" data-line="412"
1943
- class="link-to-prism">src/table/table-model.class.ts:412</a></div>
2121
+ <div class="io-line">Defined in <a href="" data-line="414"
2122
+ class="link-to-prism">src/table/table-model.class.ts:414</a></div>
1944
2123
  </td>
1945
2124
  </tr>
1946
2125
 
@@ -1976,8 +2155,8 @@ empty <code>TableItem</code> elements.</p>
1976
2155
 
1977
2156
  <tr>
1978
2157
  <td class="col-md-4">
1979
- <div class="io-line">Defined in <a href="" data-line="692"
1980
- class="link-to-prism">src/table/table-model.class.ts:692</a></div>
2158
+ <div class="io-line">Defined in <a href="" data-line="706"
2159
+ class="link-to-prism">src/table/table-model.class.ts:706</a></div>
1981
2160
  </td>
1982
2161
  </tr>
1983
2162
 
@@ -2045,8 +2224,8 @@ empty <code>TableItem</code> elements.</p>
2045
2224
 
2046
2225
  <tr>
2047
2226
  <td class="col-md-4">
2048
- <div class="io-line">Defined in <a href="" data-line="416"
2049
- class="link-to-prism">src/table/table-model.class.ts:416</a></div>
2227
+ <div class="io-line">Defined in <a href="" data-line="430"
2228
+ class="link-to-prism">src/table/table-model.class.ts:430</a></div>
2050
2229
  </td>
2051
2230
  </tr>
2052
2231
 
@@ -2112,8 +2291,8 @@ empty <code>TableItem</code> elements.</p>
2112
2291
 
2113
2292
  <tr>
2114
2293
  <td class="col-md-4">
2115
- <div class="io-line">Defined in <a href="" data-line="420"
2116
- class="link-to-prism">src/table/table-model.class.ts:420</a></div>
2294
+ <div class="io-line">Defined in <a href="" data-line="434"
2295
+ class="link-to-prism">src/table/table-model.class.ts:434</a></div>
2117
2296
  </td>
2118
2297
  </tr>
2119
2298
 
@@ -2179,8 +2358,8 @@ empty <code>TableItem</code> elements.</p>
2179
2358
 
2180
2359
  <tr>
2181
2360
  <td class="col-md-4">
2182
- <div class="io-line">Defined in <a href="" data-line="652"
2183
- class="link-to-prism">src/table/table-model.class.ts:652</a></div>
2361
+ <div class="io-line">Defined in <a href="" data-line="666"
2362
+ class="link-to-prism">src/table/table-model.class.ts:666</a></div>
2184
2363
  </td>
2185
2364
  </tr>
2186
2365
 
@@ -2249,8 +2428,8 @@ empty <code>TableItem</code> elements.</p>
2249
2428
 
2250
2429
  <tr>
2251
2430
  <td class="col-md-4">
2252
- <div class="io-line">Defined in <a href="" data-line="685"
2253
- class="link-to-prism">src/table/table-model.class.ts:685</a></div>
2431
+ <div class="io-line">Defined in <a href="" data-line="699"
2432
+ class="link-to-prism">src/table/table-model.class.ts:699</a></div>
2254
2433
  </td>
2255
2434
  </tr>
2256
2435
 
@@ -2316,8 +2495,8 @@ empty <code>TableItem</code> elements.</p>
2316
2495
 
2317
2496
  <tr>
2318
2497
  <td class="col-md-4">
2319
- <div class="io-line">Defined in <a href="" data-line="538"
2320
- class="link-to-prism">src/table/table-model.class.ts:538</a></div>
2498
+ <div class="io-line">Defined in <a href="" data-line="552"
2499
+ class="link-to-prism">src/table/table-model.class.ts:552</a></div>
2321
2500
  </td>
2322
2501
  </tr>
2323
2502
 
@@ -2395,8 +2574,8 @@ empty <code>TableItem</code> elements.</p>
2395
2574
 
2396
2575
  <tr>
2397
2576
  <td class="col-md-4">
2398
- <div class="io-line">Defined in <a href="" data-line="636"
2399
- class="link-to-prism">src/table/table-model.class.ts:636</a></div>
2577
+ <div class="io-line">Defined in <a href="" data-line="650"
2578
+ class="link-to-prism">src/table/table-model.class.ts:650</a></div>
2400
2579
  </td>
2401
2580
  </tr>
2402
2581
 
@@ -2436,8 +2615,8 @@ to make everything right with the world again.</p>
2436
2615
 
2437
2616
  <tr>
2438
2617
  <td class="col-md-4">
2439
- <div class="io-line">Defined in <a href="" data-line="606"
2440
- class="link-to-prism">src/table/table-model.class.ts:606</a></div>
2618
+ <div class="io-line">Defined in <a href="" data-line="620"
2619
+ class="link-to-prism">src/table/table-model.class.ts:620</a></div>
2441
2620
  </td>
2442
2621
  </tr>
2443
2622
 
@@ -2481,8 +2660,8 @@ right with the world again.</p>
2481
2660
 
2482
2661
  <tr>
2483
2662
  <td class="col-md-4">
2484
- <div class="io-line">Defined in <a href="" data-line="726"
2485
- class="link-to-prism">src/table/table-model.class.ts:726</a></div>
2663
+ <div class="io-line">Defined in <a href="" data-line="761"
2664
+ class="link-to-prism">src/table/table-model.class.ts:761</a></div>
2486
2665
  </td>
2487
2666
  </tr>
2488
2667
 
@@ -2554,8 +2733,8 @@ negative numbers start from the bottom.</p>
2554
2733
 
2555
2734
  <tr>
2556
2735
  <td class="col-md-4">
2557
- <div class="io-line">Defined in <a href="" data-line="737"
2558
- class="link-to-prism">src/table/table-model.class.ts:737</a></div>
2736
+ <div class="io-line">Defined in <a href="" data-line="772"
2737
+ class="link-to-prism">src/table/table-model.class.ts:772</a></div>
2559
2738
  </td>
2560
2739
  </tr>
2561
2740
 
@@ -2638,8 +2817,8 @@ Used by <code>realRowIndex()</code> and <code>realColumnIndex()</code></p>
2638
2817
 
2639
2818
  <tr>
2640
2819
  <td class="col-md-4">
2641
- <div class="io-line">Defined in <a href="" data-line="715"
2642
- class="link-to-prism">src/table/table-model.class.ts:715</a></div>
2820
+ <div class="io-line">Defined in <a href="" data-line="750"
2821
+ class="link-to-prism">src/table/table-model.class.ts:750</a></div>
2643
2822
  </td>
2644
2823
  </tr>
2645
2824
 
@@ -2709,8 +2888,8 @@ negative numbers start from the bottom.</p>
2709
2888
 
2710
2889
  <tr>
2711
2890
  <td class="col-md-4">
2712
- <div class="io-line">Defined in <a href="" data-line="289"
2713
- class="link-to-prism">src/table/table-model.class.ts:289</a></div>
2891
+ <div class="io-line">Defined in <a href="" data-line="291"
2892
+ class="link-to-prism">src/table/table-model.class.ts:291</a></div>
2714
2893
  </td>
2715
2894
  </tr>
2716
2895
 
@@ -2779,8 +2958,8 @@ negative numbers start from the bottom.</p>
2779
2958
 
2780
2959
  <tr>
2781
2960
  <td class="col-md-4">
2782
- <div class="io-line">Defined in <a href="" data-line="676"
2783
- class="link-to-prism">src/table/table-model.class.ts:676</a></div>
2961
+ <div class="io-line">Defined in <a href="" data-line="690"
2962
+ class="link-to-prism">src/table/table-model.class.ts:690</a></div>
2784
2963
  </td>
2785
2964
  </tr>
2786
2965
 
@@ -2853,8 +3032,8 @@ negative numbers start from the bottom.</p>
2853
3032
 
2854
3033
  <tr>
2855
3034
  <td class="col-md-4">
2856
- <div class="io-line">Defined in <a href="" data-line="255"
2857
- class="link-to-prism">src/table/table-model.class.ts:255</a></div>
3035
+ <div class="io-line">Defined in <a href="" data-line="257"
3036
+ class="link-to-prism">src/table/table-model.class.ts:257</a></div>
2858
3037
  </td>
2859
3038
  </tr>
2860
3039
 
@@ -2892,8 +3071,8 @@ negative numbers start from the bottom.</p>
2892
3071
 
2893
3072
  <tr>
2894
3073
  <td class="col-md-4">
2895
- <div class="io-line">Defined in <a href="" data-line="663"
2896
- class="link-to-prism">src/table/table-model.class.ts:663</a></div>
3074
+ <div class="io-line">Defined in <a href="" data-line="677"
3075
+ class="link-to-prism">src/table/table-model.class.ts:677</a></div>
2897
3076
  </td>
2898
3077
  </tr>
2899
3078
 
@@ -2987,8 +3166,8 @@ negative numbers start from the bottom.</p>
2987
3166
 
2988
3167
  <tr>
2989
3168
  <td class="col-md-4">
2990
- <div class="io-line">Defined in <a href="" data-line="574"
2991
- class="link-to-prism">src/table/table-model.class.ts:574</a></div>
3169
+ <div class="io-line">Defined in <a href="" data-line="588"
3170
+ class="link-to-prism">src/table/table-model.class.ts:588</a></div>
2992
3171
  </td>
2993
3172
  </tr>
2994
3173
 
@@ -3069,7 +3248,7 @@ in <code>index</code>th column.</p>
3069
3248
  </tr>
3070
3249
  <tr>
3071
3250
  <td class="col-md-4">
3072
- <div class="io-line">Defined in <a href="" data-line="84" class="link-to-prism">src/table/table-model.class.ts:84</a></div>
3251
+ <div class="io-line">Defined in <a href="" data-line="86" class="link-to-prism">src/table/table-model.class.ts:86</a></div>
3073
3252
  </td>
3074
3253
  </tr>
3075
3254
  <tr>
@@ -3150,7 +3329,7 @@ table structure, use <code>addRow()</code> and/or <code>addColumn()</code></p>
3150
3329
  </tr>
3151
3330
  <tr>
3152
3331
  <td class="col-md-4">
3153
- <div class="io-line">Defined in <a href="" data-line="169" class="link-to-prism">src/table/table-model.class.ts:169</a></div>
3332
+ <div class="io-line">Defined in <a href="" data-line="171" class="link-to-prism">src/table/table-model.class.ts:171</a></div>
3154
3333
  </td>
3155
3334
  </tr>
3156
3335
  <tr>
@@ -3168,7 +3347,7 @@ table structure, use <code>addRow()</code> and/or <code>addColumn()</code></p>
3168
3347
  </tr>
3169
3348
  <tr>
3170
3349
  <td class="col-md-4">
3171
- <div class="io-line">Defined in <a href="" data-line="161" class="link-to-prism">src/table/table-model.class.ts:161</a></div>
3350
+ <div class="io-line">Defined in <a href="" data-line="163" class="link-to-prism">src/table/table-model.class.ts:163</a></div>
3172
3351
  </td>
3173
3352
  </tr>
3174
3353
  <tr>
@@ -3292,6 +3471,8 @@ export class TableModel implements PaginationModel {
3292
3471
  dataChange &#x3D; new EventEmitter();
3293
3472
  rowsSelectedChange &#x3D; new EventEmitter&lt;number&gt;();
3294
3473
  rowsExpandedChange &#x3D; new EventEmitter&lt;number&gt;();
3474
+ rowsExpandedAllChange &#x3D; new EventEmitter();
3475
+ rowsCollapsedAllChange &#x3D; new EventEmitter();
3295
3476
  /**
3296
3477
  * Gets emitted when &#x60;selectAll&#x60; is called. Emits false if all rows are deselected and true if
3297
3478
  * all rows are selected.
@@ -3636,6 +3817,18 @@ export class TableModel implements PaginationModel {
3636
3817
  return this.data.some(data &#x3D;&gt; data.some(d &#x3D;&gt; d &amp;&amp; d.expandedData)); // checking for some in 2D array
3637
3818
  }
3638
3819
 
3820
+ /**
3821
+ * Number of rows that can be expanded.
3822
+ *
3823
+ * @returns number
3824
+ */
3825
+ expandableRowsCount() {
3826
+ return this.data.reduce((counter, _, index) &#x3D;&gt; {
3827
+ counter &#x3D; (this.isRowExpandable(index)) ? counter + 1 : counter;
3828
+ return counter;
3829
+ }, 0);
3830
+ }
3831
+
3639
3832
  isRowExpandable(index: number) {
3640
3833
  return this.data[index].some(d &#x3D;&gt; d &amp;&amp; d.expandedData);
3641
3834
  }
@@ -3928,6 +4121,27 @@ export class TableModel implements PaginationModel {
3928
4121
  this.rowsExpandedChange.emit(index);
3929
4122
  }
3930
4123
 
4124
+ /**
4125
+ * Expands / collapses all rows
4126
+ *
4127
+ * @param value expanded state of the rows. &#x60;true&#x60; is expanded and &#x60;false&#x60; is collapsed
4128
+ */
4129
+ expandAllRows(value &#x3D; true) {
4130
+ if (this.data.length &gt; 0) {
4131
+ for (let i &#x3D; 0; i &lt; this.data.length; i++) {
4132
+ if (this.isRowExpandable(i)) {
4133
+ this.rowsExpanded[i] &#x3D; value;
4134
+ }
4135
+ }
4136
+
4137
+ if (value) {
4138
+ this.rowsExpandedAllChange.emit();
4139
+ } else {
4140
+ this.rowsCollapsedAllChange.emit();
4141
+ }
4142
+ }
4143
+ }
4144
+
3931
4145
  /**
3932
4146
  * Gets the true index of a row based on it&#x27;s relative position.
3933
4147
  * Like in Python, positive numbers start from the top and