@bryntum/grid-thin-trial 7.2.2 → 7.2.4

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 (140) hide show
  1. package/grid.css +64 -30
  2. package/grid.css.map +2 -2
  3. package/grid.d.ts +86 -112
  4. package/high-contrast-dark.css +29 -0
  5. package/high-contrast-light.css +29 -0
  6. package/lib/column/ActionColumn.js +1 -1
  7. package/lib/column/AggregateColumn.js +1 -1
  8. package/lib/column/ChartColumn.js +1 -1
  9. package/lib/column/Column.js +1 -1
  10. package/lib/column/PercentColumn.css +12 -2
  11. package/lib/column/WidgetColumn.js +1 -1
  12. package/lib/data/ColumnStore.js +1 -1
  13. package/lib/feature/CellEdit.css +6 -1
  14. package/lib/feature/ColumnDragToolbar.css +6 -1
  15. package/lib/feature/ColumnResize.css +18 -3
  16. package/lib/feature/FillHandle.css +12 -2
  17. package/lib/feature/Filter.js +1 -1
  18. package/lib/feature/Group.css +6 -1
  19. package/lib/feature/Group.js +1 -1
  20. package/lib/feature/LockRows.css +6 -1
  21. package/lib/feature/LockRows.js +1 -1
  22. package/lib/feature/MergeCells.css +12 -1
  23. package/lib/feature/QuickFind.css +6 -1
  24. package/lib/feature/RegionResize.js +1 -1
  25. package/lib/feature/RowCopyPaste.js +1 -1
  26. package/lib/feature/RowExpander.css +6 -1
  27. package/lib/feature/RowReorder.css +30 -5
  28. package/lib/feature/RowResize.css +8 -1
  29. package/lib/feature/Sort.css +6 -1
  30. package/lib/feature/Summary.js +1 -1
  31. package/lib/feature/TreeGroup.js +1 -1
  32. package/lib/feature/export/exporter/ExporterBase.js +6 -6
  33. package/lib/localization/Ar.js +1 -1
  34. package/lib/localization/Bg.js +1 -1
  35. package/lib/localization/Ca.js +1 -1
  36. package/lib/localization/Cs.js +1 -1
  37. package/lib/localization/Da.js +1 -1
  38. package/lib/localization/De.js +1 -1
  39. package/lib/localization/El.js +1 -1
  40. package/lib/localization/En.js +1 -1
  41. package/lib/localization/EnGb.js +1 -1
  42. package/lib/localization/Es.js +1 -1
  43. package/lib/localization/Et.js +1 -1
  44. package/lib/localization/Eu.js +1 -1
  45. package/lib/localization/Fi.js +1 -1
  46. package/lib/localization/FrFr.js +1 -1
  47. package/lib/localization/Gl.js +1 -1
  48. package/lib/localization/He.js +1 -1
  49. package/lib/localization/Hi.js +1 -1
  50. package/lib/localization/Hr.js +1 -1
  51. package/lib/localization/Hu.js +1 -1
  52. package/lib/localization/Id.js +1 -1
  53. package/lib/localization/It.js +1 -1
  54. package/lib/localization/Ja.js +1 -1
  55. package/lib/localization/Kk.js +1 -1
  56. package/lib/localization/Ko.js +1 -1
  57. package/lib/localization/Lt.js +1 -1
  58. package/lib/localization/Lv.js +1 -1
  59. package/lib/localization/Ms.js +1 -1
  60. package/lib/localization/Nl.js +1 -1
  61. package/lib/localization/No.js +1 -1
  62. package/lib/localization/Pl.js +1 -1
  63. package/lib/localization/Pt.js +1 -1
  64. package/lib/localization/PtBr.js +1 -1
  65. package/lib/localization/Ro.js +1 -1
  66. package/lib/localization/Ru.js +1 -1
  67. package/lib/localization/Sk.js +1 -1
  68. package/lib/localization/Sl.js +1 -1
  69. package/lib/localization/Sr.js +1 -1
  70. package/lib/localization/SrRs.js +1 -1
  71. package/lib/localization/SvSE.js +1 -1
  72. package/lib/localization/Th.js +1 -1
  73. package/lib/localization/Tr.js +1 -1
  74. package/lib/localization/Uk.js +1 -1
  75. package/lib/localization/Vi.js +1 -1
  76. package/lib/localization/ZhCn.js +1 -1
  77. package/lib/localization/ZhTw.js +1 -1
  78. package/lib/override/salesforce/RowOverride.js +1 -1
  79. package/lib/row/Row.js +1 -1
  80. package/lib/row/RowManager.js +1 -1
  81. package/lib/view/Bar.js +1 -1
  82. package/lib/view/GridBase.css +13 -3
  83. package/lib/view/GridBase.js +1 -1
  84. package/lib/view/Header.js +1 -1
  85. package/lib/view/SubGrid.css +16 -7
  86. package/lib/view/SubGrid.js +1 -1
  87. package/lib/view/mixin/GridElementEvents.js +1 -1
  88. package/lib/view/mixin/GridFeatures.js +1 -1
  89. package/lib/view/mixin/GridSelection.js +1 -1
  90. package/lib/view/mixin/GridState.js +1 -1
  91. package/locales/grid.locale.Ar.js +1 -1
  92. package/locales/grid.locale.Bg.js +1 -1
  93. package/locales/grid.locale.Ca.js +1 -1
  94. package/locales/grid.locale.Cs.js +1 -1
  95. package/locales/grid.locale.Da.js +1 -1
  96. package/locales/grid.locale.De.js +1 -1
  97. package/locales/grid.locale.El.js +1 -1
  98. package/locales/grid.locale.En.js +1 -1
  99. package/locales/grid.locale.EnGb.js +1 -1
  100. package/locales/grid.locale.Es.js +1 -1
  101. package/locales/grid.locale.Et.js +1 -1
  102. package/locales/grid.locale.Eu.js +1 -1
  103. package/locales/grid.locale.Fi.js +1 -1
  104. package/locales/grid.locale.FrFr.js +1 -1
  105. package/locales/grid.locale.Gl.js +1 -1
  106. package/locales/grid.locale.He.js +1 -1
  107. package/locales/grid.locale.Hi.js +1 -1
  108. package/locales/grid.locale.Hr.js +1 -1
  109. package/locales/grid.locale.Hu.js +1 -1
  110. package/locales/grid.locale.Id.js +1 -1
  111. package/locales/grid.locale.It.js +1 -1
  112. package/locales/grid.locale.Ja.js +1 -1
  113. package/locales/grid.locale.Kk.js +1 -1
  114. package/locales/grid.locale.Ko.js +1 -1
  115. package/locales/grid.locale.Lt.js +1 -1
  116. package/locales/grid.locale.Lv.js +1 -1
  117. package/locales/grid.locale.Ms.js +1 -1
  118. package/locales/grid.locale.Nl.js +1 -1
  119. package/locales/grid.locale.No.js +1 -1
  120. package/locales/grid.locale.Pl.js +1 -1
  121. package/locales/grid.locale.Pt.js +1 -1
  122. package/locales/grid.locale.PtBr.js +1 -1
  123. package/locales/grid.locale.Ro.js +1 -1
  124. package/locales/grid.locale.Ru.js +1 -1
  125. package/locales/grid.locale.Sk.js +1 -1
  126. package/locales/grid.locale.Sl.js +1 -1
  127. package/locales/grid.locale.Sr.js +1 -1
  128. package/locales/grid.locale.SrRs.js +1 -1
  129. package/locales/grid.locale.SvSE.js +1 -1
  130. package/locales/grid.locale.Th.js +1 -1
  131. package/locales/grid.locale.Tr.js +1 -1
  132. package/locales/grid.locale.Uk.js +1 -1
  133. package/locales/grid.locale.Vi.js +1 -1
  134. package/locales/grid.locale.ZhCn.js +1 -1
  135. package/locales/grid.locale.ZhTw.js +1 -1
  136. package/material3-dark.css +7 -2
  137. package/material3-light.css +7 -1
  138. package/package.json +1 -1
  139. package/visby-dark.css +1 -1
  140. package/visby-light.css +1 -1
package/grid.d.ts CHANGED
@@ -736,12 +736,9 @@ type ActionColumnConfig = {
736
736
  */
737
737
  cellMenuItems?: Record<string, MenuItemEntry>
738
738
  /**
739
- * Child nodes. To allow loading children on demand, specify `children : true` in your data. Omit the field for leaf
740
- * tasks.
741
- * ...
742
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/column/ActionColumn#config-children)
739
+ * Child columns. To create grouped headers, specify an array of column configs as children of a parent column.
743
740
  */
744
- children?: boolean|object[]|Model[]
741
+ children?: GridColumnConfig[]|Column[]
745
742
  /**
746
743
  * CSS class added to the header of this column
747
744
  */
@@ -872,8 +869,9 @@ type ActionColumnConfig = {
872
869
  * @param {object} renderData
873
870
  * @param {Grid.column.Column} renderData.column This column
874
871
  * @param {HTMLElement} renderData.headerElement The header element
872
+ * @returns {string,object,void,void} The text or markup to show in the column header
875
873
  */
876
- headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
874
+ headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
877
875
  /**
878
876
  * An array of the widgets to append to the column header. These widgets have this Column instance
879
877
  * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -1414,12 +1412,9 @@ type AggregateColumnConfig = {
1414
1412
  */
1415
1413
  cellMenuItems?: Record<string, MenuItemEntry>
1416
1414
  /**
1417
- * Child nodes. To allow loading children on demand, specify `children : true` in your data. Omit the field for leaf
1418
- * tasks.
1419
- * ...
1420
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/column/AggregateColumn#config-children)
1415
+ * Child columns. To create grouped headers, specify an array of column configs as children of a parent column.
1421
1416
  */
1422
- children?: boolean|object[]|Model[]
1417
+ children?: GridColumnConfig[]|Column[]
1423
1418
  /**
1424
1419
  * CSS class added to the header of this column
1425
1420
  */
@@ -1591,8 +1586,9 @@ type AggregateColumnConfig = {
1591
1586
  * @param {object} renderData
1592
1587
  * @param {Grid.column.Column} renderData.column This column
1593
1588
  * @param {HTMLElement} renderData.headerElement The header element
1589
+ * @returns {string,object,void,void} The text or markup to show in the column header
1594
1590
  */
1595
- headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
1591
+ headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
1596
1592
  /**
1597
1593
  * An array of the widgets to append to the column header. These widgets have this Column instance
1598
1594
  * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -2204,12 +2200,9 @@ type ChartColumnConfig = {
2204
2200
  */
2205
2201
  chartCls?: string
2206
2202
  /**
2207
- * Child nodes. To allow loading children on demand, specify `children : true` in your data. Omit the field for leaf
2208
- * tasks.
2209
- * ...
2210
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/column/ChartColumn#config-children)
2203
+ * Child columns. To create grouped headers, specify an array of column configs as children of a parent column.
2211
2204
  */
2212
- children?: boolean|object[]|Model[]
2205
+ children?: GridColumnConfig[]|Column[]
2213
2206
  /**
2214
2207
  * CSS class added to the header of this column
2215
2208
  */
@@ -2361,8 +2354,9 @@ type ChartColumnConfig = {
2361
2354
  * @param {object} renderData
2362
2355
  * @param {Grid.column.Column} renderData.column This column
2363
2356
  * @param {HTMLElement} renderData.headerElement The header element
2357
+ * @returns {string,object,void,void} The text or markup to show in the column header
2364
2358
  */
2365
- headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
2359
+ headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
2366
2360
  /**
2367
2361
  * An array of the widgets to append to the column header. These widgets have this Column instance
2368
2362
  * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -2979,12 +2973,9 @@ type CheckColumnConfig = {
2979
2973
  */
2980
2974
  checkCls?: string
2981
2975
  /**
2982
- * Child nodes. To allow loading children on demand, specify `children : true` in your data. Omit the field for leaf
2983
- * tasks.
2984
- * ...
2985
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/column/CheckColumn#config-children)
2976
+ * Child columns. To create grouped headers, specify an array of column configs as children of a parent column.
2986
2977
  */
2987
- children?: boolean|object[]|Model[]
2978
+ children?: GridColumnConfig[]|Column[]
2988
2979
  /**
2989
2980
  * CSS class added to the header of this column
2990
2981
  */
@@ -3136,8 +3127,9 @@ type CheckColumnConfig = {
3136
3127
  * @param {object} renderData
3137
3128
  * @param {Grid.column.Column} renderData.column This column
3138
3129
  * @param {HTMLElement} renderData.headerElement The header element
3130
+ * @returns {string,object,void,void} The text or markup to show in the column header
3139
3131
  */
3140
- headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
3132
+ headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
3141
3133
  /**
3142
3134
  * An array of the widgets to append to the column header. These widgets have this Column instance
3143
3135
  * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -3766,12 +3758,9 @@ type ColorColumnConfig = {
3766
3758
  */
3767
3759
  cellMenuItems?: Record<string, MenuItemEntry>
3768
3760
  /**
3769
- * Child nodes. To allow loading children on demand, specify `children : true` in your data. Omit the field for leaf
3770
- * tasks.
3771
- * ...
3772
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/column/ColorColumn#config-children)
3761
+ * Child columns. To create grouped headers, specify an array of column configs as children of a parent column.
3773
3762
  */
3774
- children?: boolean|object[]|Model[]
3763
+ children?: GridColumnConfig[]|Column[]
3775
3764
  /**
3776
3765
  * CSS class added to the header of this column
3777
3766
  */
@@ -3926,8 +3915,9 @@ type ColorColumnConfig = {
3926
3915
  * @param {object} renderData
3927
3916
  * @param {Grid.column.Column} renderData.column This column
3928
3917
  * @param {HTMLElement} renderData.headerElement The header element
3918
+ * @returns {string,object,void,void} The text or markup to show in the column header
3929
3919
  */
3930
- headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
3920
+ headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
3931
3921
  /**
3932
3922
  * An array of the widgets to append to the column header. These widgets have this Column instance
3933
3923
  * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -4504,12 +4494,9 @@ type ColumnConfig = {
4504
4494
  */
4505
4495
  cellMenuItems?: Record<string, MenuItemEntry>
4506
4496
  /**
4507
- * Child nodes. To allow loading children on demand, specify `children : true` in your data. Omit the field for leaf
4508
- * tasks.
4509
- * ...
4510
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/column/Column#config-children)
4497
+ * Child columns. To create grouped headers, specify an array of column configs as children of a parent column.
4511
4498
  */
4512
- children?: boolean|object[]|Model[]
4499
+ children?: GridColumnConfig[]|Column[]
4513
4500
  /**
4514
4501
  * CSS class added to the header of this column
4515
4502
  */
@@ -4661,8 +4648,9 @@ type ColumnConfig = {
4661
4648
  * @param {object} renderData
4662
4649
  * @param {Grid.column.Column} renderData.column This column
4663
4650
  * @param {HTMLElement} renderData.headerElement The header element
4651
+ * @returns {string,object,void,void} The text or markup to show in the column header
4664
4652
  */
4665
- headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
4653
+ headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
4666
4654
  /**
4667
4655
  * An array of the widgets to append to the column header. These widgets have this Column instance
4668
4656
  * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -5070,6 +5058,12 @@ export class Column extends Model {
5070
5058
  * Set to `true` to call onXXX method names (e.g. `onShow`, `onClick`), as an easy way to listen for events.
5071
5059
  */
5072
5060
  callOnFunctions: boolean
5061
+ /**
5062
+ * Returns `true` if this column can currently be sorted by the user.
5063
+ * Checks both the column's own [sortable](https://bryntum.com/products/grid/docs/api/Grid/column/Column#config-sortable) config and whether the
5064
+ * [Sort](https://bryntum.com/products/grid/docs/api/Grid/feature/Sort) feature is enabled on the grid.
5065
+ */
5066
+ readonly canSort: boolean
5073
5067
  /**
5074
5068
  * By default, if an event handler throws an exception, the error propagates up the stack and the
5075
5069
  * application state is undefined. Code which follows the event handler will *not* be executed.
@@ -5210,7 +5204,7 @@ export class Column extends Model {
5210
5204
  /**
5211
5205
  * Renderer function for the column header.
5212
5206
  */
5213
- headerRenderer: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
5207
+ headerRenderer: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
5214
5208
  /**
5215
5209
  * An array of the widgets to append to the column header. These widgets have this Column instance
5216
5210
  * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -5790,12 +5784,9 @@ type CurrencyColumnConfig = {
5790
5784
  */
5791
5785
  cellMenuItems?: Record<string, MenuItemEntry>
5792
5786
  /**
5793
- * Child nodes. To allow loading children on demand, specify `children : true` in your data. Omit the field for leaf
5794
- * tasks.
5795
- * ...
5796
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/column/CurrencyColumn#config-children)
5787
+ * Child columns. To create grouped headers, specify an array of column configs as children of a parent column.
5797
5788
  */
5798
- children?: boolean|object[]|Model[]
5789
+ children?: GridColumnConfig[]|Column[]
5799
5790
  /**
5800
5791
  * CSS class added to the header of this column
5801
5792
  */
@@ -5958,8 +5949,9 @@ type CurrencyColumnConfig = {
5958
5949
  * @param {object} renderData
5959
5950
  * @param {Grid.column.Column} renderData.column This column
5960
5951
  * @param {HTMLElement} renderData.headerElement The header element
5952
+ * @returns {string,object,void,void} The text or markup to show in the column header
5961
5953
  */
5962
- headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
5954
+ headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
5963
5955
  /**
5964
5956
  * An array of the widgets to append to the column header. These widgets have this Column instance
5965
5957
  * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -6547,12 +6539,9 @@ type DateColumnConfig = {
6547
6539
  */
6548
6540
  cellMenuItems?: Record<string, MenuItemEntry>
6549
6541
  /**
6550
- * Child nodes. To allow loading children on demand, specify `children : true` in your data. Omit the field for leaf
6551
- * tasks.
6552
- * ...
6553
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/column/DateColumn#config-children)
6542
+ * Child columns. To create grouped headers, specify an array of column configs as children of a parent column.
6554
6543
  */
6555
- children?: boolean|object[]|Model[]
6544
+ children?: GridColumnConfig[]|Column[]
6556
6545
  /**
6557
6546
  * CSS class added to the header of this column
6558
6547
  */
@@ -6710,8 +6699,9 @@ type DateColumnConfig = {
6710
6699
  * @param {object} renderData
6711
6700
  * @param {Grid.column.Column} renderData.column This column
6712
6701
  * @param {HTMLElement} renderData.headerElement The header element
6702
+ * @returns {string,object,void,void} The text or markup to show in the column header
6713
6703
  */
6714
- headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
6704
+ headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
6715
6705
  /**
6716
6706
  * An array of the widgets to append to the column header. These widgets have this Column instance
6717
6707
  * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -7310,12 +7300,9 @@ type NumberColumnConfig = {
7310
7300
  */
7311
7301
  cellMenuItems?: Record<string, MenuItemEntry>
7312
7302
  /**
7313
- * Child nodes. To allow loading children on demand, specify `children : true` in your data. Omit the field for leaf
7314
- * tasks.
7315
- * ...
7316
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/column/NumberColumn#config-children)
7303
+ * Child columns. To create grouped headers, specify an array of column configs as children of a parent column.
7317
7304
  */
7318
- children?: boolean|object[]|Model[]
7305
+ children?: GridColumnConfig[]|Column[]
7319
7306
  /**
7320
7307
  * CSS class added to the header of this column
7321
7308
  */
@@ -7473,8 +7460,9 @@ type NumberColumnConfig = {
7473
7460
  * @param {object} renderData
7474
7461
  * @param {Grid.column.Column} renderData.column This column
7475
7462
  * @param {HTMLElement} renderData.headerElement The header element
7463
+ * @returns {string,object,void,void} The text or markup to show in the column header
7476
7464
  */
7477
- headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
7465
+ headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
7478
7466
  /**
7479
7467
  * An array of the widgets to append to the column header. These widgets have this Column instance
7480
7468
  * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -8089,12 +8077,9 @@ type PercentColumnConfig = {
8089
8077
  */
8090
8078
  cellMenuItems?: Record<string, MenuItemEntry>
8091
8079
  /**
8092
- * Child nodes. To allow loading children on demand, specify `children : true` in your data. Omit the field for leaf
8093
- * tasks.
8094
- * ...
8095
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/column/PercentColumn#config-children)
8080
+ * Child columns. To create grouped headers, specify an array of column configs as children of a parent column.
8096
8081
  */
8097
- children?: boolean|object[]|Model[]
8082
+ children?: GridColumnConfig[]|Column[]
8098
8083
  /**
8099
8084
  * CSS class added to the header of this column
8100
8085
  */
@@ -8252,8 +8237,9 @@ type PercentColumnConfig = {
8252
8237
  * @param {object} renderData
8253
8238
  * @param {Grid.column.Column} renderData.column This column
8254
8239
  * @param {HTMLElement} renderData.headerElement The header element
8240
+ * @returns {string,object,void,void} The text or markup to show in the column header
8255
8241
  */
8256
- headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
8242
+ headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
8257
8243
  /**
8258
8244
  * An array of the widgets to append to the column header. These widgets have this Column instance
8259
8245
  * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -8855,12 +8841,9 @@ type RatingColumnConfig = {
8855
8841
  */
8856
8842
  cellMenuItems?: Record<string, MenuItemEntry>
8857
8843
  /**
8858
- * Child nodes. To allow loading children on demand, specify `children : true` in your data. Omit the field for leaf
8859
- * tasks.
8860
- * ...
8861
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/column/RatingColumn#config-children)
8844
+ * Child columns. To create grouped headers, specify an array of column configs as children of a parent column.
8862
8845
  */
8863
- children?: boolean|object[]|Model[]
8846
+ children?: GridColumnConfig[]|Column[]
8864
8847
  /**
8865
8848
  * CSS class added to the header of this column
8866
8849
  */
@@ -9030,8 +9013,9 @@ type RatingColumnConfig = {
9030
9013
  * @param {object} renderData
9031
9014
  * @param {Grid.column.Column} renderData.column This column
9032
9015
  * @param {HTMLElement} renderData.headerElement The header element
9016
+ * @returns {string,object,void,void} The text or markup to show in the column header
9033
9017
  */
9034
- headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
9018
+ headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
9035
9019
  /**
9036
9020
  * An array of the widgets to append to the column header. These widgets have this Column instance
9037
9021
  * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -9612,12 +9596,9 @@ type RowNumberColumnConfig = {
9612
9596
  */
9613
9597
  cellMenuItems?: Record<string, MenuItemEntry>
9614
9598
  /**
9615
- * Child nodes. To allow loading children on demand, specify `children : true` in your data. Omit the field for leaf
9616
- * tasks.
9617
- * ...
9618
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/column/RowNumberColumn#config-children)
9599
+ * Child columns. To create grouped headers, specify an array of column configs as children of a parent column.
9619
9600
  */
9620
- children?: boolean|object[]|Model[]
9601
+ children?: GridColumnConfig[]|Column[]
9621
9602
  /**
9622
9603
  * CSS class added to the header of this column
9623
9604
  */
@@ -9710,8 +9691,9 @@ type RowNumberColumnConfig = {
9710
9691
  * @param {object} renderData
9711
9692
  * @param {Grid.column.Column} renderData.column This column
9712
9693
  * @param {HTMLElement} renderData.headerElement The header element
9694
+ * @returns {string,object,void,void} The text or markup to show in the column header
9713
9695
  */
9714
- headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
9696
+ headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
9715
9697
  /**
9716
9698
  * An array of the widgets to append to the column header. These widgets have this Column instance
9717
9699
  * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -10221,12 +10203,9 @@ type SparklineColumnConfig = {
10221
10203
  */
10222
10204
  chartType?: 'line'|'bar'|'pie'
10223
10205
  /**
10224
- * Child nodes. To allow loading children on demand, specify `children : true` in your data. Omit the field for leaf
10225
- * tasks.
10226
- * ...
10227
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/column/SparklineColumn#config-children)
10206
+ * Child columns. To create grouped headers, specify an array of column configs as children of a parent column.
10228
10207
  */
10229
- children?: boolean|object[]|Model[]
10208
+ children?: GridColumnConfig[]|Column[]
10230
10209
  /**
10231
10210
  * CSS class added to the header of this column
10232
10211
  */
@@ -10378,8 +10357,9 @@ type SparklineColumnConfig = {
10378
10357
  * @param {object} renderData
10379
10358
  * @param {Grid.column.Column} renderData.column This column
10380
10359
  * @param {HTMLElement} renderData.headerElement The header element
10360
+ * @returns {string,object,void,void} The text or markup to show in the column header
10381
10361
  */
10382
- headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
10362
+ headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
10383
10363
  /**
10384
10364
  * An array of the widgets to append to the column header. These widgets have this Column instance
10385
10365
  * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -10945,12 +10925,9 @@ type TemplateColumnConfig = {
10945
10925
  */
10946
10926
  cellMenuItems?: Record<string, MenuItemEntry>
10947
10927
  /**
10948
- * Child nodes. To allow loading children on demand, specify `children : true` in your data. Omit the field for leaf
10949
- * tasks.
10950
- * ...
10951
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/column/TemplateColumn#config-children)
10928
+ * Child columns. To create grouped headers, specify an array of column configs as children of a parent column.
10952
10929
  */
10953
- children?: boolean|object[]|Model[]
10930
+ children?: GridColumnConfig[]|Column[]
10954
10931
  /**
10955
10932
  * CSS class added to the header of this column
10956
10933
  */
@@ -11102,8 +11079,9 @@ type TemplateColumnConfig = {
11102
11079
  * @param {object} renderData
11103
11080
  * @param {Grid.column.Column} renderData.column This column
11104
11081
  * @param {HTMLElement} renderData.headerElement The header element
11082
+ * @returns {string,object,void,void} The text or markup to show in the column header
11105
11083
  */
11106
- headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
11084
+ headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
11107
11085
  /**
11108
11086
  * An array of the widgets to append to the column header. These widgets have this Column instance
11109
11087
  * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -11669,12 +11647,9 @@ type TimeColumnConfig = {
11669
11647
  */
11670
11648
  cellMenuItems?: Record<string, MenuItemEntry>
11671
11649
  /**
11672
- * Child nodes. To allow loading children on demand, specify `children : true` in your data. Omit the field for leaf
11673
- * tasks.
11674
- * ...
11675
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/column/TimeColumn#config-children)
11650
+ * Child columns. To create grouped headers, specify an array of column configs as children of a parent column.
11676
11651
  */
11677
- children?: boolean|object[]|Model[]
11652
+ children?: GridColumnConfig[]|Column[]
11678
11653
  /**
11679
11654
  * CSS class added to the header of this column
11680
11655
  */
@@ -11831,8 +11806,9 @@ type TimeColumnConfig = {
11831
11806
  * @param {object} renderData
11832
11807
  * @param {Grid.column.Column} renderData.column This column
11833
11808
  * @param {HTMLElement} renderData.headerElement The header element
11809
+ * @returns {string,object,void,void} The text or markup to show in the column header
11834
11810
  */
11835
- headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
11811
+ headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
11836
11812
  /**
11837
11813
  * An array of the widgets to append to the column header. These widgets have this Column instance
11838
11814
  * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -12390,12 +12366,9 @@ type TreeColumnConfig = {
12390
12366
  */
12391
12367
  cellMenuItems?: Record<string, MenuItemEntry>
12392
12368
  /**
12393
- * Child nodes. To allow loading children on demand, specify `children : true` in your data. Omit the field for leaf
12394
- * tasks.
12395
- * ...
12396
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/column/TreeColumn#config-children)
12369
+ * Child columns. To create grouped headers, specify an array of column configs as children of a parent column.
12397
12370
  */
12398
- children?: boolean|object[]|Model[]
12371
+ children?: GridColumnConfig[]|Column[]
12399
12372
  /**
12400
12373
  * CSS class added to the header of this column
12401
12374
  */
@@ -12563,8 +12536,9 @@ type TreeColumnConfig = {
12563
12536
  * @param {object} renderData
12564
12537
  * @param {Grid.column.Column} renderData.column This column
12565
12538
  * @param {HTMLElement} renderData.headerElement The header element
12539
+ * @returns {string,object,void,void} The text or markup to show in the column header
12566
12540
  */
12567
- headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
12541
+ headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
12568
12542
  /**
12569
12543
  * An array of the widgets to append to the column header. These widgets have this Column instance
12570
12544
  * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -13165,12 +13139,9 @@ type WidgetColumnConfig = {
13165
13139
  */
13166
13140
  cellMenuItems?: Record<string, MenuItemEntry>
13167
13141
  /**
13168
- * Child nodes. To allow loading children on demand, specify `children : true` in your data. Omit the field for leaf
13169
- * tasks.
13170
- * ...
13171
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/column/WidgetColumn#config-children)
13142
+ * Child columns. To create grouped headers, specify an array of column configs as children of a parent column.
13172
13143
  */
13173
- children?: boolean|object[]|Model[]
13144
+ children?: GridColumnConfig[]|Column[]
13174
13145
  /**
13175
13146
  * CSS class added to the header of this column
13176
13147
  */
@@ -13322,8 +13293,9 @@ type WidgetColumnConfig = {
13322
13293
  * @param {object} renderData
13323
13294
  * @param {Grid.column.Column} renderData.column This column
13324
13295
  * @param {HTMLElement} renderData.headerElement The header element
13296
+ * @returns {string,object,void,void} The text or markup to show in the column header
13325
13297
  */
13326
- headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|null|void
13298
+ headerRenderer?: (renderData: { column: Column, headerElement: HTMLElement }) => string|object|void
13327
13299
  /**
13328
13300
  * An array of the widgets to append to the column header. These widgets have this Column instance
13329
13301
  * as their `owner` which can be used to reference the column, and the owning Grid via `this.owner.grid`.
@@ -14407,6 +14379,13 @@ type ColumnStoreConfig = {
14407
14379
  * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/data/ColumnStore#config-catchEventHandlerExceptions)
14408
14380
  */
14409
14381
  catchEventHandlerExceptions?: boolean
14382
+ /**
14383
+ * Set to `true` to have the chained store react to expand/collapse changes in the master store.
14384
+ * By default, expand/collapse in the master store does not trigger a refill of the chained store.
14385
+ * ...
14386
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/data/ColumnStore#config-chainExpandCollapse)
14387
+ */
14388
+ chainExpandCollapse?: boolean
14410
14389
  /**
14411
14390
  * If `true`, chained stores will apply filters from the master store. Filters flagged with `ignoreForChain`
14412
14391
  * will be ignored.
@@ -15135,16 +15114,11 @@ export class ColumnStore extends Store {
15135
15114
  */
15136
15115
  static registerColumnType(columnClass: Function, simpleRenderer?: boolean): void;
15137
15116
  /**
15138
- * Get column by field. To be sure that you are getting exactly the intended column, use [Store#getById()](https://bryntum.com/products/grid/docs/api/Core/data/Store#function-getById) with the
15139
- * columns id instead.
15117
+ * Get column by field. To be sure that you are getting exactly the intended column, use
15118
+ * [getById](https://bryntum.com/products/grid/docs/api/Core/data/Store#function-getById) with the columns id instead.
15140
15119
  * @param {string} field Field name
15141
15120
  */
15142
15121
  get(field: string): Column;
15143
- /**
15144
- * Get column by id.
15145
- * @param {string,number} id
15146
- */
15147
- getById(id: string|number): Column;
15148
15122
  /**
15149
15123
  * indexOf extended to also accept a columns field, for backward compatibility.
15150
15124
  * @param {Core.data.Model,string} recordOrId
@@ -21226,7 +21200,7 @@ export class LockRows extends Split {
21226
21200
  */
21227
21201
  readonly isLockRows: boolean
21228
21202
  /**
21229
- * Locking rows leads to two chained stores that holds a subset of the records, one for the locked records and one
21203
+ * Locking rows results in two chained stores that holds a subset of the records, one for the locked records and one
21230
21204
  * for the rest. This property holds the original store, if you need to access it.
21231
21205
  */
21232
21206
  originalStore: Store
@@ -37980,7 +37954,7 @@ export class GridBase extends Panel {
37980
37954
  */
37981
37955
  longPressTime: number
37982
37956
  /**
37983
- * Locking rows leads to two chained stores that holds a subset of the records, one for the locked records and one
37957
+ * Locking rows results in two chained stores that holds a subset of the records, one for the locked records and one
37984
37958
  * for the rest. This property holds the original store, if you need to access it.
37985
37959
  */
37986
37960
  originalStore: Store
@@ -5,6 +5,30 @@
5
5
  --b-primary : var(--b-color-blue);
6
6
  --b-secondary : var(--b-color-orange);
7
7
 
8
+ /* Define color set that has WCAG-compliant contrast against a black background */
9
+ --b-color-red : #fc3e3b;
10
+ --b-color-pink : #e01c63;
11
+ --b-color-magenta : #ce00ce;
12
+ --b-color-purple : #b539d5;
13
+ --b-color-violet : #845fcf;
14
+ --b-color-deep-purple : #7d5fd8;
15
+ --b-color-indigo : #5e6dc9;
16
+ --b-color-blue : #1879ce;
17
+ --b-color-light-blue : #027eb6;
18
+ --b-color-cyan : #1a8290;
19
+ --b-color-teal : #008578;
20
+ --b-color-green : #38863c;
21
+ --b-color-light-green : #5a822b;
22
+ --b-color-lime : #757b1f;
23
+ --b-color-yellow : #8e7401;
24
+ --b-color-amber : #9d6e00;
25
+ --b-color-orange : #b16300;
26
+ --b-color-deep-orange : #db3c0b;
27
+ --b-color-brown : #976a5a;
28
+ --b-color-lighter-gray : #767676;
29
+ --b-color-light-gray : #757575;
30
+ --b-color-gray : #757575;
31
+
8
32
  /* region Neutral shades */
9
33
  --b-neutral-100 : hsl(0 0% 10%);
10
34
  --b-neutral-99 : hsl(0 0% 10.9%);
@@ -77,6 +101,8 @@
77
101
  --b-button-group-padded-pressed-border : 1px solid var(--b-widget-border-color);
78
102
  --b-button-group-padded-button-opacity : 1;
79
103
 
104
+ --b-calendar-panel-other-month-color : var(--b-calendar-panel-color);
105
+
80
106
  --b-chip-view-chip-border-color : var(--b-widget-border-color);
81
107
 
82
108
  --b-date-picker-selected-color : var(--b-text-5);
@@ -177,6 +203,7 @@
177
203
  --b-day-view-event-selected-color : var(--b-text-5);
178
204
  --b-year-view-week-cell-color : var(--b-text-5);
179
205
  --b-year-view-week-cell-background : var(--b-neutral-40);
206
+ --b-calendar-panel-other-month-color : var(--b-calendar-panel-color);
180
207
 
181
208
  /* TaskBoard */
182
209
  --b-task-board-column-header-font-weight : 600;
@@ -310,8 +337,10 @@
310
337
  --b-rollup-background : var(--b-primary-40);
311
338
 
312
339
  --b-calendar-event-solid-bar-background : var(--b-primary-40);
340
+ --b-calendar-solid-bar-color : var(--b-primary-20);
313
341
  --b-calendar-event-solid-bar-opacity : 1;
314
342
  --b-day-view-event-border : 1px solid var(--b-primary);
343
+ --b-day-view-event-color : var(--b-primary-20);
315
344
  --b-day-view-event-selected-body-background : var(--b-primary-50);
316
345
 
317
346
  --b-task-board-progress-item-color : var(--b-primary-40);
@@ -5,6 +5,30 @@
5
5
  --b-primary : var(--b-color-blue);
6
6
  --b-secondary : var(--b-color-orange);
7
7
 
8
+ /* Define color set that has WCAG-compliant contrast against a white background */
9
+ --b-color-red : #e32c28;
10
+ --b-color-pink : #d81b60;
11
+ --b-color-magenta : #c200c2;
12
+ --b-color-purple : #8e24aa;
13
+ --b-color-violet : #5e35b1;
14
+ --b-color-deep-purple : #4527a0;
15
+ --b-color-indigo : #3949ab;
16
+ --b-color-blue : #1879ce;
17
+ --b-color-light-blue : #027eb6;
18
+ --b-color-cyan : #1a8290;
19
+ --b-color-teal : #008578;
20
+ --b-color-green : #38863c;
21
+ --b-color-light-green : #5a822b;
22
+ --b-color-lime : #757b1f;
23
+ --b-color-yellow : #8e7401;
24
+ --b-color-amber : #9d6e00;
25
+ --b-color-orange : #b16300;
26
+ --b-color-deep-orange : #db3c0b;
27
+ --b-color-brown : #6d4c41;
28
+ --b-color-lighter-gray : #767676;
29
+ --b-color-light-gray : #696969;
30
+ --b-color-gray : #757575;
31
+
8
32
  --b-mix : #fff;
9
33
  --b-opposite : #000;
10
34
 
@@ -43,6 +67,8 @@
43
67
  --b-button-group-padded-pressed-border : 1px solid var(--b-widget-border-color);
44
68
  --b-button-group-padded-button-opacity : 1;
45
69
 
70
+ --b-calendar-panel-other-month-color : var(--b-calendar-panel-color);
71
+
46
72
  --b-chip-view-chip-border-color : var(--b-widget-border-color);
47
73
 
48
74
  --b-date-picker-selected-color : var(--b-text-5);
@@ -143,6 +169,7 @@
143
169
  --b-day-view-event-selected-color : var(--b-text-5);
144
170
  --b-year-view-week-cell-color : var(--b-text-5);
145
171
  --b-year-view-week-cell-background : var(--b-neutral-40);
172
+ --b-calendar-panel-other-month-color : var(--b-calendar-panel-color);
146
173
 
147
174
  /* TaskBoard */
148
175
  --b-task-board-column-header-font-weight : 600;
@@ -276,8 +303,10 @@
276
303
  --b-rollup-background : var(--b-primary-40);
277
304
 
278
305
  --b-calendar-event-solid-bar-background : var(--b-primary-40);
306
+ --b-calendar-solid-bar-color : var(--b-primary-20);
279
307
  --b-calendar-event-solid-bar-opacity : 1;
280
308
  --b-day-view-event-border : 1px solid var(--b-primary);
309
+ --b-day-view-event-color : var(--b-primary-20);
281
310
  --b-day-view-event-selected-body-background : var(--b-primary-50);
282
311
 
283
312
  --b-task-board-progress-item-color : var(--b-primary-40);