@bryntum/scheduler-thin-trial 7.2.0 → 7.2.2

package/scheduler.d.ts

@@ -942,6 +942,8 @@ type DurationColumnConfig = {
     headerMenuItems?: Record<string, MenuItemEntry>
     /**
      * Renderer function for the column header.
+     * ...
+     * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/column/DurationColumn#config-headerRenderer)
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
@@ -992,7 +994,7 @@ type DurationColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate?: boolean
     /**
@@ -1177,7 +1179,7 @@ type DurationColumnConfig = {
      */
     responsiveLevels?: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/scheduler/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -1688,6 +1690,8 @@ type EventColorColumnConfig = {
     headerMenuItems?: Record<string, MenuItemEntry>
     /**
      * Renderer function for the column header.
+     * ...
+     * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/column/EventColorColumn#config-headerRenderer)
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
@@ -1738,7 +1742,7 @@ type EventColorColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate?: boolean
     /**
@@ -1910,7 +1914,7 @@ type EventColorColumnConfig = {
      */
     responsiveLevels?: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/scheduler/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -2396,6 +2400,8 @@ type ResourceCollapseColumnConfig = {
     headerMenuItems?: Record<string, MenuItemEntry>
     /**
      * Renderer function for the column header.
+     * ...
+     * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/column/ResourceCollapseColumn#config-headerRenderer)
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
@@ -2446,7 +2452,7 @@ type ResourceCollapseColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate?: boolean
     /**
@@ -2598,7 +2604,7 @@ type ResourceCollapseColumnConfig = {
      */
     responsiveLevels?: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/scheduler/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -3082,6 +3088,8 @@ type ResourceInfoColumnConfig = {
     headerMenuItems?: Record<string, MenuItemEntry>
     /**
      * Renderer function for the column header.
+     * ...
+     * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/column/ResourceInfoColumn#config-headerRenderer)
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
@@ -3132,7 +3140,7 @@ type ResourceInfoColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate?: boolean
     /**
@@ -3284,7 +3292,7 @@ type ResourceInfoColumnConfig = {
      */
     responsiveLevels?: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/scheduler/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -3823,6 +3831,8 @@ type ScaleColumnConfig = {
     headerMenuItems?: Record<string, MenuItemEntry>
     /**
      * Renderer function for the column header.
+     * ...
+     * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/column/ScaleColumn#config-headerRenderer)
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
@@ -3873,7 +3883,7 @@ type ScaleColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate?: boolean
     /**
@@ -4045,7 +4055,7 @@ type ScaleColumnConfig = {
      */
     responsiveLevels?: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/scheduler/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -4545,6 +4555,8 @@ type TimeAxisColumnConfig = {
     headerMenuItems?: Record<string, MenuItemEntry>
     /**
      * Renderer function for the column header.
+     * ...
+     * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/column/TimeAxisColumn#config-headerRenderer)
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
@@ -4595,7 +4607,7 @@ type TimeAxisColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate?: boolean
     /**
@@ -4771,7 +4783,7 @@ type TimeAxisColumnConfig = {
      */
     responsiveLevels?: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/scheduler/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -5248,6 +5260,8 @@ type VerticalTimeAxisColumnConfig = {
     headerMenuItems?: Record<string, MenuItemEntry>
     /**
      * Renderer function for the column header.
+     * ...
+     * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/column/VerticalTimeAxisColumn#config-headerRenderer)
      * @param {object} renderData
      * @param {Grid.column.Column} renderData.column This column
      * @param {HTMLElement} renderData.headerElement The header element
@@ -5294,7 +5308,7 @@ type VerticalTimeAxisColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit) feature update the record being edited live upon
-     * field edit instead of when editing is finished by using `TAB` or `ENTER`
+     * field edit instead of when editing is finished by using <kbd>Tab</kbd> or <kbd>Enter</kbd>
      */
     instantUpdate?: boolean
     /**
@@ -5466,7 +5480,7 @@ type VerticalTimeAxisColumnConfig = {
      */
     responsiveLevels?: object
     /**
-     * Setting this option means that pressing the `ESCAPE` key after editing the field will
+     * Setting this option means that pressing the <kbd>Escape</kbd> key after editing the field will
      * revert the field to the value it had when the edit began. If the value is *not* changed
      * from when the edit started, the input field's [clearable](https://bryntum.com/products/scheduler/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -27895,8 +27909,8 @@ type EventCopyPasteConfig = {
 }
 
 /**
- * Allow using <kbd>Ctrl</kbd>/<kbd>CMD</kbd> + <kbd>C</kbd>/<kbd>X</kbd> and <kbd>Ctrl</kbd>/<kbd>CMD</kbd> +
- * <kbd>V</kbd> to copy/cut and paste events.
+ * Allow using <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>C</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>X</kbd> and
+ * <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>V</kbd> to copy/cut and paste events.
  * ...
  * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/feature/EventCopyPaste)
  */
@@ -30651,7 +30665,7 @@ type EventTooltipConfig = {
      */
     closeAction?: 'hide'|'destroy'
     /**
-     * Close popup when `ESC` key is pressed.
+     * Close popup when <kbd>Escape</kbd> key is pressed.
      */
     closeOnEscape?: boolean
     /**
@@ -35412,7 +35426,7 @@ export class ScrollButtons extends InstancePlugin {
  */
 type SimpleEventEditListenersTypes = {
     /**
-     * Fired when cancellation has been requested, either by `ESC`, or focus loss (if configured to cancel on blur).
+     * Fired when cancellation has been requested, either by <kbd>Escape</kbd>, or focus loss (if configured to cancel on blur).
      * The cancellation may be vetoed, in which case, focus is moved back into the editor.
      * @param {object} event Event object
      * @param {object} event.oldValue The original value.
@@ -35421,7 +35435,7 @@ type SimpleEventEditListenersTypes = {
      */
     beforeCancel: (event: { oldValue: object, value: object, source: Editor }) => Promise<boolean>|boolean|void
     /**
-     * Fired when an edit completion has been requested, either by `ENTER`, or focus loss (if configured to complete on blur).
+     * Fired when an edit completion has been requested, either by <kbd>Enter</kbd>, or focus loss (if configured to complete on blur).
      * The completion may be vetoed, in which case, focus is moved back into the editor.
      * @param {object} event Event object
      * @param {object} event.oldValue The original value.
@@ -35503,7 +35517,7 @@ type SimpleEventEditListeners = {
      */
     thisObj?: object
     /**
-     * Fired when cancellation has been requested, either by `ESC`, or focus loss (if configured to cancel on blur).
+     * Fired when cancellation has been requested, either by <kbd>Escape</kbd>, or focus loss (if configured to cancel on blur).
      * The cancellation may be vetoed, in which case, focus is moved back into the editor.
      * @param {object} event Event object
      * @param {object} event.oldValue The original value.
@@ -35512,7 +35526,7 @@ type SimpleEventEditListeners = {
      */
     beforeCancel?: ((event: { oldValue: object, value: object, source: Editor }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fired when an edit completion has been requested, either by `ENTER`, or focus loss (if configured to complete on blur).
+     * Fired when an edit completion has been requested, either by <kbd>Enter</kbd>, or focus loss (if configured to complete on blur).
      * The completion may be vetoed, in which case, focus is moved back into the editor.
      * @param {object} event Event object
      * @param {object} event.oldValue The original value.
@@ -35661,7 +35675,7 @@ type SimpleEventEditConfig = {
      */
     triggerEvent?: string
     /**
-     * Fired when cancellation has been requested, either by `ESC`, or focus loss (if configured to cancel on blur).
+     * Fired when cancellation has been requested, either by <kbd>Escape</kbd>, or focus loss (if configured to cancel on blur).
      * The cancellation may be vetoed, in which case, focus is moved back into the editor.
      * @param {object} event Event object
      * @param {object} event.oldValue The original value.
@@ -35670,7 +35684,7 @@ type SimpleEventEditConfig = {
      */
     onBeforeCancel?: ((event: { oldValue: object, value: object, source: Editor }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fired when an edit completion has been requested, either by `ENTER`, or focus loss (if configured to complete on blur).
+     * Fired when an edit completion has been requested, either by <kbd>Enter</kbd>, or focus loss (if configured to complete on blur).
      * The completion may be vetoed, in which case, focus is moved back into the editor.
      * @param {object} event Event object
      * @param {object} event.oldValue The original value.
@@ -35762,7 +35776,7 @@ export class SimpleEventEdit extends InstancePlugin {
      */
     readonly isSimpleEventEdit: boolean
     /**
-     * Fired when cancellation has been requested, either by `ESC`, or focus loss (if configured to cancel on blur).
+     * Fired when cancellation has been requested, either by <kbd>Escape</kbd>, or focus loss (if configured to cancel on blur).
      * The cancellation may be vetoed, in which case, focus is moved back into the editor.
      * @param {object} event Event object
      * @param {object} event.oldValue The original value.
@@ -35771,7 +35785,7 @@ export class SimpleEventEdit extends InstancePlugin {
      */
     onBeforeCancel: ((event: { oldValue: object, value: object, source: Editor }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fired when an edit completion has been requested, either by `ENTER`, or focus loss (if configured to complete on blur).
+     * Fired when an edit completion has been requested, either by <kbd>Enter</kbd>, or focus loss (if configured to complete on blur).
      * The completion may be vetoed, in which case, focus is moved back into the editor.
      * @param {object} event Event object
      * @param {object} event.oldValue The original value.
@@ -39553,7 +39567,7 @@ type TooltipBaseConfig = {
      */
     closeAction?: 'hide'|'destroy'
     /**
-     * Close popup when `ESC` key is pressed.
+     * Close popup when <kbd>Escape</kbd> key is pressed.
      */
     closeOnEscape?: boolean
     /**
@@ -40550,7 +40564,7 @@ type ExcelExporterConfig = {
      */
     localizableProperties?: string[]
     /**
-     * This hook allows to use 3rd party libraries to generate XLSX files.
+     * This hook allows using 3rd party libraries to generate XLSX files.
      * ...
      * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/feature/experimental/ExcelExporter#config-xlsProvider)
      */
@@ -42190,7 +42204,7 @@ type SinglePageUnscaledExporterConfig = {
 
 /**
  * A single page exporter. Used by the [PdfExport](https://bryntum.com/products/scheduler/docs/api/Scheduler/feature/export/PdfExport) feature to export to single page.
- * Content is exported with dimensions required to fit all requested rows and columns. This allows to generate PDF page
+ * Content is exported with dimensions required to fit all requested rows and columns. This allows generating a PDF page
  * not constrained by the standard paper formats.
  * ...
  * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/feature/export/exporter/SinglePageUnscaledExporter)
@@ -44073,7 +44087,7 @@ type EventModelConfig = {
      */
     resourceId?: string|number
     /**
-     * Ids of the resources this event is associated with (can be used for for multiple assignments).
+     * Ids of the resources this event is associated with (can be used for multiple assignments).
      * Any event using `resourceIds` will have assignments in AssignmentStore generated automatically.
      * It only applies if is configured with `persist: true`.
      * ...
@@ -44257,7 +44271,7 @@ export class EventModel extends TimeSpan {
      */
     resourceId: string|number
     /**
-     * Ids of the resources this event is associated with (can be used for for multiple assignments).
+     * Ids of the resources this event is associated with (can be used for multiple assignments).
      * Any event using `resourceIds` will have assignments in AssignmentStore generated automatically.
      * It only applies if is configured with `persist: true`.
      */
@@ -44313,6 +44327,14 @@ export class EventModel extends TimeSpan {
      * @param {Date} date The date to find an exception for.
      */
     hasException(date: Date): boolean;
+    /**
+     * Returns `true` if this recurring timespan has any occurrences within the specified date range.
+     * More efficient than [getOccurrencesForDateRange](https://bryntum.com/products/scheduler/docs/api/Scheduler/model/mixin/RecurringTimeSpan#function-getOccurrencesForDateRange) when you only need to check
+     * existence, since it short-circuits on the first match without materializing all occurrences.
+     * @param {Date} startDate The start date of the range.
+     * @param {Date} endDate The end date of the range.
+     */
+    hasOccurrencesInDateRange(startDate: Date, endDate: Date): boolean;
     /**
      * Returns true if this event is assigned to a certain resource.
      * @param {Scheduler.model.ResourceModel,string,number} resource The resource to query for
@@ -44996,7 +45018,8 @@ export class ProjectModel extends Model {
     readonly lastChild: Model
     /**
      * Get a map of the modified fields in form of an object. The field´s [dataSource](https://bryntum.com/products/scheduler/docs/api/Core/data/field/DataField#config-dataSource)
-     * is used as the property name in the returned object. The record´s id is always included.
+     * is used as the property name in the returned object. The record's id is included unless its
+     * [persist](https://bryntum.com/products/scheduler/docs/api/Core/data/field/DataField#config-persist) config is `false`.
      */
     readonly modificationData: object
     /**
@@ -45593,6 +45616,13 @@ type RecurrenceModelConfig = {
      * @deprecated This field has been deprecated. Please read the [guide](https://bryntum.com/products/scheduler/docs/api/Grid/guides/data/lazyloading.md) to find out if your app needs to use the new [isFullyLoaded](https://bryntum.com/products/scheduler/docs/api/Core/data/mixin/TreeNode#field-isFullyLoaded) field.
      */
     remoteChildCount?: number
+    /**
+     * Set to a IANA time zone (i.e. `Europe/Stockholm`) to force the occurrences to be calculated in that
+     * configured time zone.
+     * ...
+     * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/model/RecurrenceModel#config-timeZone)
+     */
+    timeZone?: string
 }
 
 /**
@@ -45666,6 +45696,11 @@ export class RecurrenceModel extends Model {
      * The timespan this recurrence is associated with.
      */
     timeSpan: TimeSpan
+    /**
+     * Set to a IANA time zone (i.e. `Europe/Stockholm`) to force the occurrences to be calculated in that
+     * configured time zone.
+     */
+    timeZone: string
 }
 
 /**
@@ -46187,6 +46222,14 @@ export class ResourceTimeRangeModel extends TimeSpan {
      * @param {Date} date The date to find an exception for.
      */
     hasException(date: Date): boolean;
+    /**
+     * Returns `true` if this recurring timespan has any occurrences within the specified date range.
+     * More efficient than [getOccurrencesForDateRange](https://bryntum.com/products/scheduler/docs/api/Scheduler/model/mixin/RecurringTimeSpan#function-getOccurrencesForDateRange) when you only need to check
+     * existence, since it short-circuits on the first match without materializing all occurrences.
+     * @param {Date} startDate The start date of the range.
+     * @param {Date} endDate The end date of the range.
+     */
+    hasOccurrencesInDateRange(startDate: Date, endDate: Date): boolean;
     /**
      * Override of [Model](https://bryntum.com/products/scheduler/docs/api/Core/data/Model)'s method. If an [isOccurrence](#Scheduler/model/mixin/RecurringTimeSpan#property-isOccurrence) is passed, it is detached from
      * its parent recurring event. If it still has a recurrence then the recurring event is changed to stop at the
@@ -46415,6 +46458,14 @@ export class TimeRangeModel extends TimeSpan {
      * @param {Date} date The date to find an exception for.
      */
     hasException(date: Date): boolean;
+    /**
+     * Returns `true` if this recurring timespan has any occurrences within the specified date range.
+     * More efficient than [getOccurrencesForDateRange](https://bryntum.com/products/scheduler/docs/api/Scheduler/model/mixin/RecurringTimeSpan#function-getOccurrencesForDateRange) when you only need to check
+     * existence, since it short-circuits on the first match without materializing all occurrences.
+     * @param {Date} startDate The start date of the range.
+     * @param {Date} endDate The end date of the range.
+     */
+    hasOccurrencesInDateRange(startDate: Date, endDate: Date): boolean;
     /**
      * Override of [Model](https://bryntum.com/products/scheduler/docs/api/Core/data/Model)'s method. If an [isOccurrence](#Scheduler/model/mixin/RecurringTimeSpan#property-isOccurrence) is passed, it is detached from
      * its parent recurring event. If it still has a recurrence then the recurring event is changed to stop at the
@@ -46838,7 +46889,7 @@ type EventModelMixinClassConfig = {
      */
     resourceId?: string|number
     /**
-     * Ids of the resources this event is associated with (can be used for for multiple assignments).
+     * Ids of the resources this event is associated with (can be used for multiple assignments).
      * Any event using `resourceIds` will have assignments in AssignmentStore generated automatically.
      * It only applies if is configured with `persist: true`.
      * ...
@@ -46956,7 +47007,7 @@ export class EventModelMixinClass {
      */
     resourceId: string|number
     /**
-     * Ids of the resources this event is associated with (can be used for for multiple assignments).
+     * Ids of the resources this event is associated with (can be used for multiple assignments).
      * Any event using `resourceIds` will have assignments in AssignmentStore generated automatically.
      * It only applies if is configured with `persist: true`.
      */
@@ -47510,6 +47561,14 @@ export class RecurringTimeSpanClass {
      * @param {Date} date The date to find an exception for.
      */
     hasException(date: Date): boolean;
+    /**
+     * Returns `true` if this recurring timespan has any occurrences within the specified date range.
+     * More efficient than [getOccurrencesForDateRange](https://bryntum.com/products/scheduler/docs/api/Scheduler/model/mixin/RecurringTimeSpan#function-getOccurrencesForDateRange) when you only need to check
+     * existence, since it short-circuits on the first match without materializing all occurrences.
+     * @param {Date} startDate The start date of the range.
+     * @param {Date} endDate The end date of the range.
+     */
+    hasOccurrencesInDateRange(startDate: Date, endDate: Date): boolean;
     /**
      * Override of [Model](https://bryntum.com/products/scheduler/docs/api/Core/data/Model)'s method. If an [isOccurrence](#Scheduler/model/mixin/RecurringTimeSpan#property-isOccurrence) is passed, it is detached from
      * its parent recurring event. If it still has a recurrence then the recurring event is changed to stop at the
@@ -50947,7 +51006,7 @@ type EventEditorConfig = {
      */
     closeAction?: 'hide'|'destroy'
     /**
-     * Close popup when `ESC` key is pressed.
+     * Close popup when <kbd>Escape</kbd> key is pressed.
      */
     closeOnEscape?: boolean
     /**
@@ -52781,7 +52840,7 @@ type SchedulerListenersTypes = {
      */
     assignmentSelectionChange: (event: { source: Scheduler, action: 'select'|'deselect'|'update'|'clear', selected: AssignmentModel[], deselected: AssignmentModel[], selection: AssignmentModel[] }) => void
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -52849,7 +52908,7 @@ type SchedulerListenersTypes = {
      */
     beforeCellEditStart: (event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
@@ -53031,7 +53090,7 @@ type SchedulerListenersTypes = {
      */
     beforeEventAdd: (event: { source: Scheduler, eventRecord: EventModel, resourceRecords: ResourceModel[], assignmentRecords: AssignmentModel[] }) => Promise<boolean>|boolean|void
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -54395,12 +54454,13 @@ type SchedulerListenersTypes = {
      * @param {Scheduler.model.EventModel[]} event.originalEventRecords The event records that were copied
      * @param {Scheduler.model.AssignmentModel[]} event.originalAssignmentRecords The assignment records that were copied
      * @param {Date} event.date The paste date
-     * @param {Scheduler.model.ResourceModel} event.resourceRecord The target resource record
+     * @param {Scheduler.model.ResourceModel} event.resourceRecord The target resource record. When multiple resources are pasted to, this will be the top resource
+     * @param {Scheduler.model.ResourceModel[]} event.resourceRecords All target resource records that the events would be pasted to
      * @param {boolean} event.isCut `true` if this is a cut action
      * @param {string} event.entityName 'event' to distinguish this event from other `pasteNotAllowed` events
      * @param {'overlappingEvents','resourceReadOnly'} event.reason A string id to use for displaying an error message to the user.
      */
-    pasteNotAllowed: (event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], originalEventRecords: EventModel[], originalAssignmentRecords: AssignmentModel[], date: Date, resourceRecord: ResourceModel, isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void
+    pasteNotAllowed: (event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], originalEventRecords: EventModel[], originalAssignmentRecords: AssignmentModel[], date: Date, resourceRecord: ResourceModel, resourceRecords: ResourceModel[], isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void
     /**
      * Fires on the owning Grid when export has finished
      * @param {object} event Event object
@@ -55210,6 +55270,14 @@ type SchedulerListenersTypes = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     toolClick: (event: { source: Tool, tool: Tool }) => void
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {object} event Event object
+     * @param {Grid.view.Grid} event.source The grid instance
+     * @param {(string|Function)[]} event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    treeGroup: (event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -55318,7 +55386,7 @@ type SchedulerListeners = {
      */
     assignmentSelectionChange?: ((event: { source: Scheduler, action: 'select'|'deselect'|'update'|'clear', selected: AssignmentModel[], deselected: AssignmentModel[], selection: AssignmentModel[] }) => void)|string
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -55386,7 +55454,7 @@ type SchedulerListeners = {
      */
     beforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
@@ -55568,7 +55636,7 @@ type SchedulerListeners = {
      */
     beforeEventAdd?: ((event: { source: Scheduler, eventRecord: EventModel, resourceRecords: ResourceModel[], assignmentRecords: AssignmentModel[] }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -56932,12 +57000,13 @@ type SchedulerListeners = {
      * @param {Scheduler.model.EventModel[]} event.originalEventRecords The event records that were copied
      * @param {Scheduler.model.AssignmentModel[]} event.originalAssignmentRecords The assignment records that were copied
      * @param {Date} event.date The paste date
-     * @param {Scheduler.model.ResourceModel} event.resourceRecord The target resource record
+     * @param {Scheduler.model.ResourceModel} event.resourceRecord The target resource record. When multiple resources are pasted to, this will be the top resource
+     * @param {Scheduler.model.ResourceModel[]} event.resourceRecords All target resource records that the events would be pasted to
      * @param {boolean} event.isCut `true` if this is a cut action
      * @param {string} event.entityName 'event' to distinguish this event from other `pasteNotAllowed` events
      * @param {'overlappingEvents','resourceReadOnly'} event.reason A string id to use for displaying an error message to the user.
      */
-    pasteNotAllowed?: ((event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], originalEventRecords: EventModel[], originalAssignmentRecords: AssignmentModel[], date: Date, resourceRecord: ResourceModel, isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void)|string
+    pasteNotAllowed?: ((event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], originalEventRecords: EventModel[], originalAssignmentRecords: AssignmentModel[], date: Date, resourceRecord: ResourceModel, resourceRecords: ResourceModel[], isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void)|string
     /**
      * Fires on the owning Grid when export has finished
      * @param {object} event Event object
@@ -57747,6 +57816,14 @@ type SchedulerListeners = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     toolClick?: ((event: { source: Tool, tool: Tool }) => void)|string
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {object} event Event object
+     * @param {Grid.view.Grid} event.source The grid instance
+     * @param {(string|Function)[]} event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    treeGroup?: ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -58338,7 +58415,7 @@ type SchedulerConfig = {
      */
     emptyText?: string|EmptyTextDomConfig
     /**
-     * Allow using [Delete] and [Backspace] to remove events/assignments
+     * Allow using <kbd>Delete</kbd> and <kbd>Backspace</kbd> to remove events/assignments
      */
     enableDeleteKey?: boolean
     /**
@@ -58439,8 +58516,8 @@ type SchedulerConfig = {
      * @param {'tonal','filled','bordered','traced','outlined','indented','line','dashed','minimal','rounded','calendar','interday','gantt',null} detail.renderData.eventStyle The `eventStyle` of the event. Use this to apply custom styles to the event DOM element
      * @param {string} detail.renderData.eventColor The `eventColor` of the event. Use this to set a custom color for the rendered event
      * @param {string} detail.renderData.ariaLabel A description of the event details used for screen readers
-     * @param {DomConfig[]} detail.renderData.children An array of DOM configs used as children to the `b-sch-event` element. Can be populated with additional DOM configs to have more control over contents.
-     * @returns {string,DomConfig,DomConfig[]} A simple string, or a DomConfig (or array thereof)
+     * @param {DomConfig[]} detail.renderData.children An array of DOM configs used as children to the `b-sch-event` element. Can be populated with additional DOM configs to have more control over contents. <h3>Using JSX (React)</h3> When using the Bryntum React wrapper, the event renderer can return JSX elements: ```javascript eventRenderer({ eventRecord, resourceRecord, renderData }) {     return &lt;MyEventComponent event={eventRecord} resource={resourceRecord} />; } ``` *Using JSX in the event renderer creates a React portal for each rendered event. For schedulers with many visible events or frequently re-rendered views, this may impact scrolling performance compared to returning plain strings or [DomConfig](https://bryntum.com/products/scheduler/docs/api/Core/helper/DomHelper#typedef-DomConfig) objects. Consider using JSX primarily for events that require complex interactive React components.*
+     * @returns {string,DomConfig,DomConfig[]} A simple string, a DomConfig (or array thereof), or a JSX element when using React
      */
     eventRenderer?: (detail: { eventRecord: EventModel, resourceRecord: ResourceModel, assignmentRecord: AssignmentModel, scheduler: Scheduler, renderData: { event: EventModel, cls: DomClassList|string, wrapperCls: DomClassList|string, iconCls: DomClassList|string, left: number, width: number, height: number, style: string|Record<string, string>, wrapperStyle: string|Record<string, string>, eventStyle: 'tonal'|'filled'|'bordered'|'traced'|'outlined'|'indented'|'line'|'dashed'|'minimal'|'rounded'|'calendar'|'interday'|'gantt'|null, eventColor: string, ariaLabel: string, children: DomConfig[] } }) => string|DomConfig|DomConfig[]
     /**
@@ -59580,7 +59657,7 @@ type SchedulerConfig = {
      */
     onAssignmentSelectionChange?: ((event: { source: Scheduler, action: 'select'|'deselect'|'update'|'clear', selected: AssignmentModel[], deselected: AssignmentModel[], selection: AssignmentModel[] }) => void)|string
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -59648,7 +59725,7 @@ type SchedulerConfig = {
      */
     onBeforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
@@ -59830,7 +59907,7 @@ type SchedulerConfig = {
      */
     onBeforeEventAdd?: ((event: { source: Scheduler, eventRecord: EventModel, resourceRecords: ResourceModel[], assignmentRecords: AssignmentModel[] }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -61194,12 +61271,13 @@ type SchedulerConfig = {
      * @param {Scheduler.model.EventModel[]} event.originalEventRecords The event records that were copied
      * @param {Scheduler.model.AssignmentModel[]} event.originalAssignmentRecords The assignment records that were copied
      * @param {Date} event.date The paste date
-     * @param {Scheduler.model.ResourceModel} event.resourceRecord The target resource record
+     * @param {Scheduler.model.ResourceModel} event.resourceRecord The target resource record. When multiple resources are pasted to, this will be the top resource
+     * @param {Scheduler.model.ResourceModel[]} event.resourceRecords All target resource records that the events would be pasted to
      * @param {boolean} event.isCut `true` if this is a cut action
      * @param {string} event.entityName 'event' to distinguish this event from other `pasteNotAllowed` events
      * @param {'overlappingEvents','resourceReadOnly'} event.reason A string id to use for displaying an error message to the user.
      */
-    onPasteNotAllowed?: ((event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], originalEventRecords: EventModel[], originalAssignmentRecords: AssignmentModel[], date: Date, resourceRecord: ResourceModel, isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void)|string
+    onPasteNotAllowed?: ((event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], originalEventRecords: EventModel[], originalAssignmentRecords: AssignmentModel[], date: Date, resourceRecord: ResourceModel, resourceRecords: ResourceModel[], isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void)|string
     /**
      * Fires on the owning Grid when export has finished
      * @param {object} event Event object
@@ -62009,6 +62087,14 @@ type SchedulerConfig = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     onToolClick?: ((event: { source: Tool, tool: Tool }) => void)|string
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {object} event Event object
+     * @param {Grid.view.Grid} event.source The grid instance
+     * @param {(string|Function)[]} event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    onTreeGroup?: ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -62067,7 +62153,7 @@ export class Scheduler extends SchedulerBase {
      */
     onAssignmentSelectionChange: ((event: { source: Scheduler, action: 'select'|'deselect'|'update'|'clear', selected: AssignmentModel[], deselected: AssignmentModel[], selection: AssignmentModel[] }) => void)|string
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -62098,7 +62184,7 @@ export class Scheduler extends SchedulerBase {
      */
     onBeforeDestroy: ((event: { source: Base }) => void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -62750,7 +62836,7 @@ type SchedulerBaseListenersTypes = {
      */
     assignmentSelectionChange: (event: { source: Scheduler, action: 'select'|'deselect'|'update'|'clear', selected: AssignmentModel[], deselected: AssignmentModel[], selection: AssignmentModel[] }) => void
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -62818,7 +62904,7 @@ type SchedulerBaseListenersTypes = {
      */
     beforeCellEditStart: (event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
@@ -63000,7 +63086,7 @@ type SchedulerBaseListenersTypes = {
      */
     beforeEventAdd: (event: { source: Scheduler, eventRecord: EventModel, resourceRecords: ResourceModel[], assignmentRecords: AssignmentModel[] }) => Promise<boolean>|boolean|void
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -64364,12 +64450,13 @@ type SchedulerBaseListenersTypes = {
      * @param {Scheduler.model.EventModel[]} event.originalEventRecords The event records that were copied
      * @param {Scheduler.model.AssignmentModel[]} event.originalAssignmentRecords The assignment records that were copied
      * @param {Date} event.date The paste date
-     * @param {Scheduler.model.ResourceModel} event.resourceRecord The target resource record
+     * @param {Scheduler.model.ResourceModel} event.resourceRecord The target resource record. When multiple resources are pasted to, this will be the top resource
+     * @param {Scheduler.model.ResourceModel[]} event.resourceRecords All target resource records that the events would be pasted to
      * @param {boolean} event.isCut `true` if this is a cut action
      * @param {string} event.entityName 'event' to distinguish this event from other `pasteNotAllowed` events
      * @param {'overlappingEvents','resourceReadOnly'} event.reason A string id to use for displaying an error message to the user.
      */
-    pasteNotAllowed: (event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], originalEventRecords: EventModel[], originalAssignmentRecords: AssignmentModel[], date: Date, resourceRecord: ResourceModel, isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void
+    pasteNotAllowed: (event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], originalEventRecords: EventModel[], originalAssignmentRecords: AssignmentModel[], date: Date, resourceRecord: ResourceModel, resourceRecords: ResourceModel[], isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void
     /**
      * Fires on the owning Grid when export has finished
      * @param {object} event Event object
@@ -65179,6 +65266,14 @@ type SchedulerBaseListenersTypes = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     toolClick: (event: { source: Tool, tool: Tool }) => void
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {object} event Event object
+     * @param {Grid.view.Grid} event.source The grid instance
+     * @param {(string|Function)[]} event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    treeGroup: (event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -65287,7 +65382,7 @@ type SchedulerBaseListeners = {
      */
     assignmentSelectionChange?: ((event: { source: Scheduler, action: 'select'|'deselect'|'update'|'clear', selected: AssignmentModel[], deselected: AssignmentModel[], selection: AssignmentModel[] }) => void)|string
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -65355,7 +65450,7 @@ type SchedulerBaseListeners = {
      */
     beforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
@@ -65537,7 +65632,7 @@ type SchedulerBaseListeners = {
      */
     beforeEventAdd?: ((event: { source: Scheduler, eventRecord: EventModel, resourceRecords: ResourceModel[], assignmentRecords: AssignmentModel[] }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -66901,12 +66996,13 @@ type SchedulerBaseListeners = {
      * @param {Scheduler.model.EventModel[]} event.originalEventRecords The event records that were copied
      * @param {Scheduler.model.AssignmentModel[]} event.originalAssignmentRecords The assignment records that were copied
      * @param {Date} event.date The paste date
-     * @param {Scheduler.model.ResourceModel} event.resourceRecord The target resource record
+     * @param {Scheduler.model.ResourceModel} event.resourceRecord The target resource record. When multiple resources are pasted to, this will be the top resource
+     * @param {Scheduler.model.ResourceModel[]} event.resourceRecords All target resource records that the events would be pasted to
      * @param {boolean} event.isCut `true` if this is a cut action
      * @param {string} event.entityName 'event' to distinguish this event from other `pasteNotAllowed` events
      * @param {'overlappingEvents','resourceReadOnly'} event.reason A string id to use for displaying an error message to the user.
      */
-    pasteNotAllowed?: ((event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], originalEventRecords: EventModel[], originalAssignmentRecords: AssignmentModel[], date: Date, resourceRecord: ResourceModel, isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void)|string
+    pasteNotAllowed?: ((event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], originalEventRecords: EventModel[], originalAssignmentRecords: AssignmentModel[], date: Date, resourceRecord: ResourceModel, resourceRecords: ResourceModel[], isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void)|string
     /**
      * Fires on the owning Grid when export has finished
      * @param {object} event Event object
@@ -67716,6 +67812,14 @@ type SchedulerBaseListeners = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     toolClick?: ((event: { source: Tool, tool: Tool }) => void)|string
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {object} event Event object
+     * @param {Grid.view.Grid} event.source The grid instance
+     * @param {(string|Function)[]} event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    treeGroup?: ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -68306,7 +68410,7 @@ type SchedulerBaseConfig = {
      */
     emptyText?: string|EmptyTextDomConfig
     /**
-     * Allow using [Delete] and [Backspace] to remove events/assignments
+     * Allow using <kbd>Delete</kbd> and <kbd>Backspace</kbd> to remove events/assignments
      */
     enableDeleteKey?: boolean
     /**
@@ -68407,8 +68511,8 @@ type SchedulerBaseConfig = {
      * @param {'tonal','filled','bordered','traced','outlined','indented','line','dashed','minimal','rounded','calendar','interday','gantt',null} detail.renderData.eventStyle The `eventStyle` of the event. Use this to apply custom styles to the event DOM element
      * @param {string} detail.renderData.eventColor The `eventColor` of the event. Use this to set a custom color for the rendered event
      * @param {string} detail.renderData.ariaLabel A description of the event details used for screen readers
-     * @param {DomConfig[]} detail.renderData.children An array of DOM configs used as children to the `b-sch-event` element. Can be populated with additional DOM configs to have more control over contents.
-     * @returns {string,DomConfig,DomConfig[]} A simple string, or a DomConfig (or array thereof)
+     * @param {DomConfig[]} detail.renderData.children An array of DOM configs used as children to the `b-sch-event` element. Can be populated with additional DOM configs to have more control over contents. <h3>Using JSX (React)</h3> When using the Bryntum React wrapper, the event renderer can return JSX elements: ```javascript eventRenderer({ eventRecord, resourceRecord, renderData }) {     return &lt;MyEventComponent event={eventRecord} resource={resourceRecord} />; } ``` *Using JSX in the event renderer creates a React portal for each rendered event. For schedulers with many visible events or frequently re-rendered views, this may impact scrolling performance compared to returning plain strings or [DomConfig](https://bryntum.com/products/scheduler/docs/api/Core/helper/DomHelper#typedef-DomConfig) objects. Consider using JSX primarily for events that require complex interactive React components.*
+     * @returns {string,DomConfig,DomConfig[]} A simple string, a DomConfig (or array thereof), or a JSX element when using React
      */
     eventRenderer?: (detail: { eventRecord: EventModel, resourceRecord: ResourceModel, assignmentRecord: AssignmentModel, scheduler: Scheduler, renderData: { event: EventModel, cls: DomClassList|string, wrapperCls: DomClassList|string, iconCls: DomClassList|string, left: number, width: number, height: number, style: string|Record<string, string>, wrapperStyle: string|Record<string, string>, eventStyle: 'tonal'|'filled'|'bordered'|'traced'|'outlined'|'indented'|'line'|'dashed'|'minimal'|'rounded'|'calendar'|'interday'|'gantt'|null, eventColor: string, ariaLabel: string, children: DomConfig[] } }) => string|DomConfig|DomConfig[]
     /**
@@ -69548,7 +69652,7 @@ type SchedulerBaseConfig = {
      */
     onAssignmentSelectionChange?: ((event: { source: Scheduler, action: 'select'|'deselect'|'update'|'clear', selected: AssignmentModel[], deselected: AssignmentModel[], selection: AssignmentModel[] }) => void)|string
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -69616,7 +69720,7 @@ type SchedulerBaseConfig = {
      */
     onBeforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
@@ -69798,7 +69902,7 @@ type SchedulerBaseConfig = {
      */
     onBeforeEventAdd?: ((event: { source: Scheduler, eventRecord: EventModel, resourceRecords: ResourceModel[], assignmentRecords: AssignmentModel[] }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -71162,12 +71266,13 @@ type SchedulerBaseConfig = {
      * @param {Scheduler.model.EventModel[]} event.originalEventRecords The event records that were copied
      * @param {Scheduler.model.AssignmentModel[]} event.originalAssignmentRecords The assignment records that were copied
      * @param {Date} event.date The paste date
-     * @param {Scheduler.model.ResourceModel} event.resourceRecord The target resource record
+     * @param {Scheduler.model.ResourceModel} event.resourceRecord The target resource record. When multiple resources are pasted to, this will be the top resource
+     * @param {Scheduler.model.ResourceModel[]} event.resourceRecords All target resource records that the events would be pasted to
      * @param {boolean} event.isCut `true` if this is a cut action
      * @param {string} event.entityName 'event' to distinguish this event from other `pasteNotAllowed` events
      * @param {'overlappingEvents','resourceReadOnly'} event.reason A string id to use for displaying an error message to the user.
      */
-    onPasteNotAllowed?: ((event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], originalEventRecords: EventModel[], originalAssignmentRecords: AssignmentModel[], date: Date, resourceRecord: ResourceModel, isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void)|string
+    onPasteNotAllowed?: ((event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], originalEventRecords: EventModel[], originalAssignmentRecords: AssignmentModel[], date: Date, resourceRecord: ResourceModel, resourceRecords: ResourceModel[], isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void)|string
     /**
      * Fires on the owning Grid when export has finished
      * @param {object} event Event object
@@ -71977,6 +72082,14 @@ type SchedulerBaseConfig = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     onToolClick?: ((event: { source: Tool, tool: Tool }) => void)|string
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {object} event Event object
+     * @param {Grid.view.Grid} event.source The grid instance
+     * @param {(string|Function)[]} event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    onTreeGroup?: ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -72755,7 +72868,7 @@ export class SchedulerBase extends TimelineBase {
      */
     onAssignmentSelectionChange: ((event: { source: Scheduler, action: 'select'|'deselect'|'update'|'clear', selected: AssignmentModel[], deselected: AssignmentModel[], selection: AssignmentModel[] }) => void)|string
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -72894,7 +73007,7 @@ export class SchedulerBase extends TimelineBase {
      */
     onBeforeEventAdd: ((event: { source: Scheduler, eventRecord: EventModel, resourceRecords: ResourceModel[], assignmentRecords: AssignmentModel[] }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -73666,12 +73779,13 @@ export class SchedulerBase extends TimelineBase {
      * @param {Scheduler.model.EventModel[]} event.originalEventRecords The event records that were copied
      * @param {Scheduler.model.AssignmentModel[]} event.originalAssignmentRecords The assignment records that were copied
      * @param {Date} event.date The paste date
-     * @param {Scheduler.model.ResourceModel} event.resourceRecord The target resource record
+     * @param {Scheduler.model.ResourceModel} event.resourceRecord The target resource record. When multiple resources are pasted to, this will be the top resource
+     * @param {Scheduler.model.ResourceModel[]} event.resourceRecords All target resource records that the events would be pasted to
      * @param {boolean} event.isCut `true` if this is a cut action
      * @param {string} event.entityName 'event' to distinguish this event from other `pasteNotAllowed` events
      * @param {'overlappingEvents','resourceReadOnly'} event.reason A string id to use for displaying an error message to the user.
      */
-    onPasteNotAllowed: ((event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], originalEventRecords: EventModel[], originalAssignmentRecords: AssignmentModel[], date: Date, resourceRecord: ResourceModel, isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void)|string
+    onPasteNotAllowed: ((event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], originalEventRecords: EventModel[], originalAssignmentRecords: AssignmentModel[], date: Date, resourceRecord: ResourceModel, resourceRecords: ResourceModel[], isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void)|string
     /**
      * Fired after the [viewPreset](https://bryntum.com/products/scheduler/docs/api/Scheduler/view/mixin/TimelineViewPresets#config-viewPreset) has changed.
      * @param {object} event Event object
@@ -74892,7 +75006,7 @@ export class SchedulerBase extends TimelineBase {
      */
     zoomToLevel(preset: number, options?: ChangePresetOptions): number|null;
     /**
-     * Sets time frame to specified range and applies zoom level which allows to fit all columns to this range.
+     * Sets time frame to specified range and applies zoom level which allows fitting all columns to this range.
      * @param {object} config The time frame.
      */
     zoomToSpan(config: {
@@ -74912,7 +75026,7 @@ export class SchedulerBase extends TimelineBase {
  */
 type TimelineBaseListenersTypes = {
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -74959,7 +75073,7 @@ type TimelineBaseListenersTypes = {
      */
     beforeCellEditStart: (event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
@@ -75027,7 +75141,7 @@ type TimelineBaseListenersTypes = {
      */
     beforeDestroy: (event: { source: Base }) => void
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -76047,6 +76161,14 @@ type TimelineBaseListenersTypes = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     toolClick: (event: { source: Tool, tool: Tool }) => void
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {object} event Event object
+     * @param {Grid.view.Grid} event.source The grid instance
+     * @param {(string|Function)[]} event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    treeGroup: (event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -76083,7 +76205,7 @@ type TimelineBaseListeners = {
      */
     thisObj?: object
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -76130,7 +76252,7 @@ type TimelineBaseListeners = {
      */
     beforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
@@ -76198,7 +76320,7 @@ type TimelineBaseListeners = {
      */
     beforeDestroy?: ((event: { source: Base }) => void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -77218,6 +77340,14 @@ type TimelineBaseListeners = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     toolClick?: ((event: { source: Tool, tool: Tool }) => void)|string
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {object} event Event object
+     * @param {Grid.view.Grid} event.source The grid instance
+     * @param {(string|Function)[]} event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    treeGroup?: ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -78050,7 +78180,7 @@ type TimelineBaseConfig = {
     rootElement?: ShadowRoot|HTMLElement
     /**
      * Row height in pixels. This allows the default height for rows to be controlled. Note that it may be
-     * overriden by specifying a [rowHeight](https://bryntum.com/products/scheduler/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
+     * overridden by specifying a [rowHeight](https://bryntum.com/products/scheduler/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
      * a column [renderer](https://bryntum.com/products/scheduler/docs/api/Grid/column/Column#config-renderer).
      * ...
      * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/view/TimelineBase#config-rowHeight)
@@ -78360,7 +78490,7 @@ type TimelineBaseConfig = {
      */
     zoomOnTimeAxisDoubleClick?: boolean
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -78407,7 +78537,7 @@ type TimelineBaseConfig = {
      */
     onBeforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
@@ -78475,7 +78605,7 @@ type TimelineBaseConfig = {
      */
     onBeforeDestroy?: ((event: { source: Base }) => void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -79495,6 +79625,14 @@ type TimelineBaseConfig = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     onToolClick?: ((event: { source: Tool, tool: Tool }) => void)|string
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {object} event Event object
+     * @param {Grid.view.Grid} event.source The grid instance
+     * @param {(string|Function)[]} event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    onTreeGroup?: ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -79813,7 +79951,7 @@ export abstract class TimelineBase extends Grid {
      */
     features: TimelineBaseFeaturesType
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -79833,7 +79971,7 @@ export abstract class TimelineBase extends Grid {
      */
     onBeforeDestroy: ((event: { source: Base }) => void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -80416,7 +80554,7 @@ export abstract class TimelineBase extends Grid {
      */
     zoomToLevel(preset: number, options?: ChangePresetOptions): number|null;
     /**
-     * Sets time frame to specified range and applies zoom level which allows to fit all columns to this range.
+     * Sets time frame to specified range and applies zoom level which allows fitting all columns to this range.
      * @param {object} config The time frame.
      */
     zoomToSpan(config: {
@@ -80436,7 +80574,7 @@ export abstract class TimelineBase extends Grid {
  */
 type TimelineHistogramListenersTypes = {
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -80483,7 +80621,7 @@ type TimelineHistogramListenersTypes = {
      */
     beforeCellEditStart: (event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
@@ -80551,7 +80689,7 @@ type TimelineHistogramListenersTypes = {
      */
     beforeDestroy: (event: { source: Base }) => void
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -81797,6 +81935,14 @@ type TimelineHistogramListenersTypes = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     toolClick: (event: { source: Tool, tool: Tool }) => void
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {object} event Event object
+     * @param {Grid.view.Grid} event.source The grid instance
+     * @param {(string|Function)[]} event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    treeGroup: (event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -81833,7 +81979,7 @@ type TimelineHistogramListeners = {
      */
     thisObj?: object
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -81880,7 +82026,7 @@ type TimelineHistogramListeners = {
      */
     beforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
@@ -81948,7 +82094,7 @@ type TimelineHistogramListeners = {
      */
     beforeDestroy?: ((event: { source: Base }) => void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -83194,6 +83340,14 @@ type TimelineHistogramListeners = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     toolClick?: ((event: { source: Tool, tool: Tool }) => void)|string
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {object} event Event object
+     * @param {Grid.view.Grid} event.source The grid instance
+     * @param {(string|Function)[]} event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    treeGroup?: ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -84215,7 +84369,7 @@ type TimelineHistogramConfig = {
     rootElement?: ShadowRoot|HTMLElement
     /**
      * Row height in pixels. This allows the default height for rows to be controlled. Note that it may be
-     * overriden by specifying a [rowHeight](https://bryntum.com/products/scheduler/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
+     * overridden by specifying a [rowHeight](https://bryntum.com/products/scheduler/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
      * a column [renderer](https://bryntum.com/products/scheduler/docs/api/Grid/column/Column#config-renderer).
      * ...
      * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/view/TimelineHistogram#config-rowHeight)
@@ -84559,7 +84713,7 @@ type TimelineHistogramConfig = {
      */
     zoomOnTimeAxisDoubleClick?: boolean
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -84606,7 +84760,7 @@ type TimelineHistogramConfig = {
      */
     onBeforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
@@ -84674,7 +84828,7 @@ type TimelineHistogramConfig = {
      */
     onBeforeDestroy?: ((event: { source: Base }) => void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -85920,6 +86074,14 @@ type TimelineHistogramConfig = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     onToolClick?: ((event: { source: Tool, tool: Tool }) => void)|string
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {object} event Event object
+     * @param {Grid.view.Grid} event.source The grid instance
+     * @param {(string|Function)[]} event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    onTreeGroup?: ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -86696,7 +86858,7 @@ export class TimelineHistogram extends TimelineHistogramBase {
     readonly responsiveLevel: string
     /**
      * Row height in pixels. This allows the default height for rows to be controlled. Note that it may be
-     * overriden by specifying a [rowHeight](https://bryntum.com/products/scheduler/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
+     * overridden by specifying a [rowHeight](https://bryntum.com/products/scheduler/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
      * a column [renderer](https://bryntum.com/products/scheduler/docs/api/Grid/column/Column#config-renderer).
      */
     rowHeight: number
@@ -86962,7 +87124,7 @@ export class TimelineHistogram extends TimelineHistogramBase {
      */
     zoomLevel: number
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -86982,7 +87144,7 @@ export class TimelineHistogram extends TimelineHistogramBase {
      */
     onBeforeDestroy: ((event: { source: Base }) => void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -88554,7 +88716,7 @@ export class TimelineHistogram extends TimelineHistogramBase {
      */
     zoomToLevel(preset: number, options?: ChangePresetOptions): number|null;
     /**
-     * Sets time frame to specified range and applies zoom level which allows to fit all columns to this range.
+     * Sets time frame to specified range and applies zoom level which allows fitting all columns to this range.
      * @param {object} config The time frame.
      */
     zoomToSpan(config: {
@@ -88574,7 +88736,7 @@ export class TimelineHistogram extends TimelineHistogramBase {
  */
 type TimelineHistogramBaseListenersTypes = {
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -88621,7 +88783,7 @@ type TimelineHistogramBaseListenersTypes = {
      */
     beforeCellEditStart: (event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
@@ -88689,7 +88851,7 @@ type TimelineHistogramBaseListenersTypes = {
      */
     beforeDestroy: (event: { source: Base }) => void
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -89750,6 +89912,14 @@ type TimelineHistogramBaseListenersTypes = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     toolClick: (event: { source: Tool, tool: Tool }) => void
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {object} event Event object
+     * @param {Grid.view.Grid} event.source The grid instance
+     * @param {(string|Function)[]} event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    treeGroup: (event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -89786,7 +89956,7 @@ type TimelineHistogramBaseListeners = {
      */
     thisObj?: object
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -89833,7 +90003,7 @@ type TimelineHistogramBaseListeners = {
      */
     beforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
@@ -89901,7 +90071,7 @@ type TimelineHistogramBaseListeners = {
      */
     beforeDestroy?: ((event: { source: Base }) => void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -90962,6 +91132,14 @@ type TimelineHistogramBaseListeners = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     toolClick?: ((event: { source: Tool, tool: Tool }) => void)|string
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {object} event Event object
+     * @param {Grid.view.Grid} event.source The grid instance
+     * @param {(string|Function)[]} event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    treeGroup?: ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -91911,7 +92089,7 @@ type TimelineHistogramBaseConfig = {
     rootElement?: ShadowRoot|HTMLElement
     /**
      * Row height in pixels. This allows the default height for rows to be controlled. Note that it may be
-     * overriden by specifying a [rowHeight](https://bryntum.com/products/scheduler/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
+     * overridden by specifying a [rowHeight](https://bryntum.com/products/scheduler/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
      * a column [renderer](https://bryntum.com/products/scheduler/docs/api/Grid/column/Column#config-renderer).
      * ...
      * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/view/TimelineHistogramBase#config-rowHeight)
@@ -92241,7 +92419,7 @@ type TimelineHistogramBaseConfig = {
      */
     zoomOnTimeAxisDoubleClick?: boolean
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -92288,7 +92466,7 @@ type TimelineHistogramBaseConfig = {
      */
     onBeforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
@@ -92356,7 +92534,7 @@ type TimelineHistogramBaseConfig = {
      */
     onBeforeDestroy?: ((event: { source: Base }) => void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -93417,6 +93595,14 @@ type TimelineHistogramBaseConfig = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     onToolClick?: ((event: { source: Tool, tool: Tool }) => void)|string
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {object} event Event object
+     * @param {Grid.view.Grid} event.source The grid instance
+     * @param {(string|Function)[]} event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    onTreeGroup?: ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -93474,7 +93660,7 @@ export abstract class TimelineHistogramBase extends TimelineBase {
      */
     features: TimelineHistogramBaseFeaturesType
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -93494,7 +93680,7 @@ export abstract class TimelineHistogramBase extends TimelineBase {
      */
     onBeforeDestroy: ((event: { source: Base }) => void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -94338,7 +94524,7 @@ type SchedulerExportDialogConfig = {
      */
     closeAction?: 'hide'|'destroy'
     /**
-     * Close popup when `ESC` key is pressed.
+     * Close popup when <kbd>Escape</kbd> key is pressed.
      */
     closeOnEscape?: boolean
     /**
@@ -95290,7 +95476,7 @@ export const Describable : <T extends AnyConstructor<Base>>(base : T) => AnyCons
  */
 type EventNavigationClassConfig = {
     /**
-     * Allow using [Delete] and [Backspace] to remove events/assignments
+     * Allow using <kbd>Delete</kbd> and <kbd>Backspace</kbd> to remove events/assignments
      */
     enableDeleteKey?: boolean
     /**
@@ -95611,7 +95797,7 @@ type RecurringEventsClassConfig = {
      */
     recurrenceConfirmationPopup?: RecurrenceConfirmationPopupConfig|RecurrenceConfirmationPopup
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -95625,7 +95811,7 @@ type RecurringEventsClassConfig = {
      */
     onBeforeAssignmentDelete?: ((event: { source: Scheduler, assignmentRecords: AssignmentModel[], context: { finalize: { removeRecords?: boolean } } }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -95654,7 +95840,7 @@ export class RecurringEventsClass {
      */
     recurrenceConfirmationPopup: RecurrenceConfirmationPopupConfig|RecurrenceConfirmationPopup
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -95668,7 +95854,7 @@ export class RecurringEventsClass {
      */
     onBeforeAssignmentDelete: ((event: { source: Scheduler, assignmentRecords: AssignmentModel[], context: { finalize: { removeRecords?: boolean } } }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -96353,8 +96539,8 @@ type SchedulerEventRenderingClassConfig = {
      * @param {'tonal','filled','bordered','traced','outlined','indented','line','dashed','minimal','rounded','calendar','interday','gantt',null} detail.renderData.eventStyle The `eventStyle` of the event. Use this to apply custom styles to the event DOM element
      * @param {string} detail.renderData.eventColor The `eventColor` of the event. Use this to set a custom color for the rendered event
      * @param {string} detail.renderData.ariaLabel A description of the event details used for screen readers
-     * @param {DomConfig[]} detail.renderData.children An array of DOM configs used as children to the `b-sch-event` element. Can be populated with additional DOM configs to have more control over contents.
-     * @returns {string,DomConfig,DomConfig[]} A simple string, or a DomConfig (or array thereof)
+     * @param {DomConfig[]} detail.renderData.children An array of DOM configs used as children to the `b-sch-event` element. Can be populated with additional DOM configs to have more control over contents. <h3>Using JSX (React)</h3> When using the Bryntum React wrapper, the event renderer can return JSX elements: ```javascript eventRenderer({ eventRecord, resourceRecord, renderData }) {     return &lt;MyEventComponent event={eventRecord} resource={resourceRecord} />; } ``` *Using JSX in the event renderer creates a React portal for each rendered event. For schedulers with many visible events or frequently re-rendered views, this may impact scrolling performance compared to returning plain strings or [DomConfig](https://bryntum.com/products/scheduler/docs/api/Core/helper/DomHelper#typedef-DomConfig) objects. Consider using JSX primarily for events that require complex interactive React components.*
+     * @returns {string,DomConfig,DomConfig[]} A simple string, a DomConfig (or array thereof), or a JSX element when using React
      */
     eventRenderer?: (detail: { eventRecord: EventModel, resourceRecord: ResourceModel, assignmentRecord: AssignmentModel, scheduler: Scheduler, renderData: { event: EventModel, cls: DomClassList|string, wrapperCls: DomClassList|string, iconCls: DomClassList|string, left: number, width: number, height: number, style: string|Record<string, string>, wrapperStyle: string|Record<string, string>, eventStyle: 'tonal'|'filled'|'bordered'|'traced'|'outlined'|'indented'|'line'|'dashed'|'minimal'|'rounded'|'calendar'|'interday'|'gantt'|null, eventColor: string, ariaLabel: string, children: DomConfig[] } }) => string|DomConfig|DomConfig[]
     /**
@@ -97240,7 +97426,7 @@ export const TimelineEventRendering : <T extends AnyConstructor<Base>>(base : T)
  */
 type TimelineHistogramGroupingClassListenersTypes = {
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -97287,7 +97473,7 @@ type TimelineHistogramGroupingClassListenersTypes = {
      */
     beforeCellEditStart: (event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
@@ -97355,7 +97541,7 @@ type TimelineHistogramGroupingClassListenersTypes = {
      */
     beforeDestroy: (event: { source: Base }) => void
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -98416,6 +98602,14 @@ type TimelineHistogramGroupingClassListenersTypes = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     toolClick: (event: { source: Tool, tool: Tool }) => void
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {object} event Event object
+     * @param {Grid.view.Grid} event.source The grid instance
+     * @param {(string|Function)[]} event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    treeGroup: (event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -98452,7 +98646,7 @@ type TimelineHistogramGroupingClassListeners = {
      */
     thisObj?: object
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -98499,7 +98693,7 @@ type TimelineHistogramGroupingClassListeners = {
      */
     beforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
@@ -98567,7 +98761,7 @@ type TimelineHistogramGroupingClassListeners = {
      */
     beforeDestroy?: ((event: { source: Base }) => void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -99628,6 +99822,14 @@ type TimelineHistogramGroupingClassListeners = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     toolClick?: ((event: { source: Tool, tool: Tool }) => void)|string
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {object} event Event object
+     * @param {Grid.view.Grid} event.source The grid instance
+     * @param {(string|Function)[]} event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    treeGroup?: ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -100610,7 +100812,7 @@ type TimelineHistogramGroupingClassConfig = {
     rootElement?: ShadowRoot|HTMLElement
     /**
      * Row height in pixels. This allows the default height for rows to be controlled. Note that it may be
-     * overriden by specifying a [rowHeight](https://bryntum.com/products/scheduler/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
+     * overridden by specifying a [rowHeight](https://bryntum.com/products/scheduler/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
      * a column [renderer](https://bryntum.com/products/scheduler/docs/api/Grid/column/Column#config-renderer).
      * ...
      * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/view/mixin/TimelineHistogramGrouping#config-rowHeight)
@@ -100940,7 +101142,7 @@ type TimelineHistogramGroupingClassConfig = {
      */
     zoomOnTimeAxisDoubleClick?: boolean
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -100987,7 +101189,7 @@ type TimelineHistogramGroupingClassConfig = {
      */
     onBeforeCellEditStart?: ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/scheduler/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {object} event Event object
      * @param {Grid.view.Grid} event.source Owner grid
@@ -101055,7 +101257,7 @@ type TimelineHistogramGroupingClassConfig = {
      */
     onBeforeDestroy?: ((event: { source: Base }) => void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -102116,6 +102318,14 @@ type TimelineHistogramGroupingClassConfig = {
      * @param {Core.widget.Tool} event.tool The tool which is being clicked.
      */
     onToolClick?: ((event: { source: Tool, tool: Tool }) => void)|string
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {object} event Event object
+     * @param {Grid.view.Grid} event.source The grid instance
+     * @param {(string|Function)[]} event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    onTreeGroup?: ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string
     /**
      * Fires when row locking is disabled.
      * @param {object} event Event object
@@ -102157,7 +102367,7 @@ export class TimelineHistogramGroupingClass extends TimelineHistogramBase {
      */
     features: TimelineHistogramGroupingClassFeaturesType
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -102177,7 +102387,7 @@ export class TimelineHistogramGroupingClass extends TimelineHistogramBase {
      */
     onBeforeDestroy: ((event: { source: Base }) => void)|string
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
      * for async vetoing).
      * ...
@@ -102925,7 +103135,7 @@ export class TimelineZoomableClass {
      */
     zoomToLevel(preset: number, options?: ChangePresetOptions): number|null;
     /**
-     * Sets time frame to specified range and applies zoom level which allows to fit all columns to this range.
+     * Sets time frame to specified range and applies zoom level which allows fitting all columns to this range.
      * @param {object} config The time frame.
      */
     zoomToSpan(config: {
@@ -103655,7 +103865,7 @@ type RecurrenceConfirmationPopupConfig = {
      */
     closeAction?: 'hide'|'destroy'
     /**
-     * Close popup when `ESC` key is pressed.
+     * Close popup when <kbd>Escape</kbd> key is pressed.
      */
     closeOnEscape?: boolean
     /**
@@ -105012,7 +105222,7 @@ type RecurrenceEditorConfig = {
      */
     closeAction?: 'hide'|'destroy'
     /**
-     * Close popup when `ESC` key is pressed.
+     * Close popup when <kbd>Escape</kbd> key is pressed.
      */
     closeOnEscape?: boolean
     /**
@@ -107464,7 +107674,7 @@ type RecurrenceComboConfig = {
     contentElementCls?: string|object
     /**
      * If configured as `true`, this means that when an unmatched string is typed into the
-     * combo's input field, and `ENTER`, or the [multiValueSeparator](https://bryntum.com/products/scheduler/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
+     * combo's input field, and <kbd>Enter</kbd>, or the [multiValueSeparator](https://bryntum.com/products/scheduler/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
      * a new record will be created using the typed string as the [displayField](https://bryntum.com/products/scheduler/docs/api/Core/widget/Combo#config-displayField).
      * ...
      * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/view/recurrence/field/RecurrenceCombo#config-createOnUnmatched)
@@ -107964,7 +108174,7 @@ type RecurrenceComboConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/scheduler/docs/api/Core/widget/Field#config-readOnly), then setting this option means that pressing
-     * the `ESCAPE` key after editing the field will revert the field to the value it had when
+     * the <kbd>Escape</kbd> key after editing the field will revert the field to the value it had when
      * the user focused the field. If the field is *not* changed from when focused, the [clearable](https://bryntum.com/products/scheduler/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -108847,7 +109057,7 @@ type RecurrenceDaysComboConfig = {
     contentElementCls?: string|object
     /**
      * If configured as `true`, this means that when an unmatched string is typed into the
-     * combo's input field, and `ENTER`, or the [multiValueSeparator](https://bryntum.com/products/scheduler/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
+     * combo's input field, and <kbd>Enter</kbd>, or the [multiValueSeparator](https://bryntum.com/products/scheduler/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
      * a new record will be created using the typed string as the [displayField](https://bryntum.com/products/scheduler/docs/api/Core/widget/Combo#config-displayField).
      * ...
      * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/view/recurrence/field/RecurrenceDaysCombo#config-createOnUnmatched)
@@ -109347,7 +109557,7 @@ type RecurrenceDaysComboConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/scheduler/docs/api/Core/widget/Field#config-readOnly), then setting this option means that pressing
-     * the `ESCAPE` key after editing the field will revert the field to the value it had when
+     * the <kbd>Escape</kbd> key after editing the field will revert the field to the value it had when
      * the user focused the field. If the field is *not* changed from when focused, the [clearable](https://bryntum.com/products/scheduler/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -110229,7 +110439,7 @@ type RecurrenceFrequencyComboConfig = {
     contentElementCls?: string|object
     /**
      * If configured as `true`, this means that when an unmatched string is typed into the
-     * combo's input field, and `ENTER`, or the [multiValueSeparator](https://bryntum.com/products/scheduler/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
+     * combo's input field, and <kbd>Enter</kbd>, or the [multiValueSeparator](https://bryntum.com/products/scheduler/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
      * a new record will be created using the typed string as the [displayField](https://bryntum.com/products/scheduler/docs/api/Core/widget/Combo#config-displayField).
      * ...
      * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/view/recurrence/field/RecurrenceFrequencyCombo#config-createOnUnmatched)
@@ -110729,7 +110939,7 @@ type RecurrenceFrequencyComboConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/scheduler/docs/api/Core/widget/Field#config-readOnly), then setting this option means that pressing
-     * the `ESCAPE` key after editing the field will revert the field to the value it had when
+     * the <kbd>Escape</kbd> key after editing the field will revert the field to the value it had when
      * the user focused the field. If the field is *not* changed from when focused, the [clearable](https://bryntum.com/products/scheduler/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -111611,7 +111821,7 @@ type RecurrencePositionsComboConfig = {
     contentElementCls?: string|object
     /**
      * If configured as `true`, this means that when an unmatched string is typed into the
-     * combo's input field, and `ENTER`, or the [multiValueSeparator](https://bryntum.com/products/scheduler/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
+     * combo's input field, and <kbd>Enter</kbd>, or the [multiValueSeparator](https://bryntum.com/products/scheduler/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
      * a new record will be created using the typed string as the [displayField](https://bryntum.com/products/scheduler/docs/api/Core/widget/Combo#config-displayField).
      * ...
      * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/view/recurrence/field/RecurrencePositionsCombo#config-createOnUnmatched)
@@ -112111,7 +112321,7 @@ type RecurrencePositionsComboConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/scheduler/docs/api/Core/widget/Field#config-readOnly), then setting this option means that pressing
-     * the `ESCAPE` key after editing the field will revert the field to the value it had when
+     * the <kbd>Escape</kbd> key after editing the field will revert the field to the value it had when
      * the user focused the field. If the field is *not* changed from when focused, the [clearable](https://bryntum.com/products/scheduler/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -112993,7 +113203,7 @@ type RecurrenceStopConditionComboConfig = {
     contentElementCls?: string|object
     /**
      * If configured as `true`, this means that when an unmatched string is typed into the
-     * combo's input field, and `ENTER`, or the [multiValueSeparator](https://bryntum.com/products/scheduler/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
+     * combo's input field, and <kbd>Enter</kbd>, or the [multiValueSeparator](https://bryntum.com/products/scheduler/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
      * a new record will be created using the typed string as the [displayField](https://bryntum.com/products/scheduler/docs/api/Core/widget/Combo#config-displayField).
      * ...
      * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/view/recurrence/field/RecurrenceStopConditionCombo#config-createOnUnmatched)
@@ -113493,7 +113703,7 @@ type RecurrenceStopConditionComboConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/scheduler/docs/api/Core/widget/Field#config-readOnly), then setting this option means that pressing
-     * the `ESCAPE` key after editing the field will revert the field to the value it had when
+     * the <kbd>Escape</kbd> key after editing the field will revert the field to the value it had when
      * the user focused the field. If the field is *not* changed from when focused, the [clearable](https://bryntum.com/products/scheduler/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -115786,7 +115996,7 @@ type EventColorFieldConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/scheduler/docs/api/Core/widget/Field#config-readOnly), then setting this option means that pressing
-     * the `ESCAPE` key after editing the field will revert the field to the value it had when
+     * the <kbd>Escape</kbd> key after editing the field will revert the field to the value it had when
      * the user focused the field. If the field is *not* changed from when focused, the [clearable](https://bryntum.com/products/scheduler/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -116980,7 +117190,7 @@ type EventColorPickerConfig = {
      */
     title?: string
     /**
-     * Select/deselect all if `CMD`/`CTRL` is pressed when clicking
+     * Select/deselect all if <kbd>Cmd</kbd>/<kbd>Ctrl</kbd> is pressed when clicking
      */
     toggleAllIfCtrlPressed?: boolean
     /**
@@ -117745,7 +117955,7 @@ type ProjectComboConfig = {
     contentElementCls?: string|object
     /**
      * If configured as `true`, this means that when an unmatched string is typed into the
-     * combo's input field, and `ENTER`, or the [multiValueSeparator](https://bryntum.com/products/scheduler/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
+     * combo's input field, and <kbd>Enter</kbd>, or the [multiValueSeparator](https://bryntum.com/products/scheduler/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
      * a new record will be created using the typed string as the [displayField](https://bryntum.com/products/scheduler/docs/api/Core/widget/Combo#config-displayField).
      * ...
      * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/ProjectCombo#config-createOnUnmatched)
@@ -118249,7 +118459,7 @@ type ProjectComboConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/scheduler/docs/api/Core/widget/Field#config-readOnly), then setting this option means that pressing
-     * the `ESCAPE` key after editing the field will revert the field to the value it had when
+     * the <kbd>Escape</kbd> key after editing the field will revert the field to the value it had when
      * the user focused the field. If the field is *not* changed from when focused, the [clearable](https://bryntum.com/products/scheduler/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -119134,7 +119344,7 @@ type ResourceComboConfig = {
     contentElementCls?: string|object
     /**
      * If configured as `true`, this means that when an unmatched string is typed into the
-     * combo's input field, and `ENTER`, or the [multiValueSeparator](https://bryntum.com/products/scheduler/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
+     * combo's input field, and <kbd>Enter</kbd>, or the [multiValueSeparator](https://bryntum.com/products/scheduler/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
      * a new record will be created using the typed string as the [displayField](https://bryntum.com/products/scheduler/docs/api/Core/widget/Combo#config-displayField).
      * ...
      * [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/ResourceCombo#config-createOnUnmatched)
@@ -119634,7 +119844,7 @@ type ResourceComboConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/scheduler/docs/api/Core/widget/Field#config-readOnly), then setting this option means that pressing
-     * the `ESCAPE` key after editing the field will revert the field to the value it had when
+     * the <kbd>Escape</kbd> key after editing the field will revert the field to the value it had when
      * the user focused the field. If the field is *not* changed from when focused, the [clearable](https://bryntum.com/products/scheduler/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -120880,7 +121090,7 @@ type ResourceFilterConfig = {
      */
     title?: string
     /**
-     * Select/deselect all if `CMD`/`CTRL` is pressed when clicking
+     * Select/deselect all if <kbd>Cmd</kbd>/<kbd>Ctrl</kbd> is pressed when clicking
      */
     toggleAllIfCtrlPressed?: boolean
     /**