@bryntum/grid-trial 7.2.1 → 7.2.2

package/grid.d.ts

@@ -1,6 +1,6 @@
 /*!
  *
- * Bryntum Grid 7.2.1 (TRIAL VERSION)
+ * Bryntum Grid 7.2.2 (TRIAL VERSION)
  *
  * Copyright(c) 2026 Bryntum AB
  * https://bryntum.com/contact
@@ -1148,9 +1148,13 @@ type AnimateScrollOptions = {
  */
 type BryntumScrollOptions = {
     /**
-     * How far to scroll the element.
+     * How far to scroll the element in the block (`Y`) axis.
      */
     block?: 'start'|'end'|'center'|'nearest'
+    /**
+     * How far to scroll the element in the inline (`X`) axis.
+     */
+    inline?: 'start'|'end'|'center'|'nearest'
     /**
      * edgeOffset A margin around the element or rectangle to bring into view.
      */
@@ -5417,7 +5421,8 @@ export class Model extends Base {
     readonly lastChild: Model
     /**
      * Get a map of the modified fields in form of an object. The field´s [dataSource](https://bryntum.com/products/grid/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/grid/docs/api/Core/data/field/DataField#config-persist) config is `false`.
      */
     readonly modificationData: object
     /**
@@ -14429,7 +14434,7 @@ export class DateHelper {
      */
     static isBefore(first: Date, second: Date): boolean;
     /**
-     * Checks if value is a date object. Allows to recognize date object even from another context,
+     * Checks if value is a date object. Allows recognizing date object even from another context,
      * like the top frame when used in an iframe.
      * @param {any} value Value to check
      */
@@ -15000,11 +15005,19 @@ export class DomSync {
      * @param {string} path Dot '.' separated path of syncIdMap entries
      */
     static getChild(element: HTMLElement, path: string): HTMLElement;
+    /**
+     * Remove an element without syncing, cleaning up its parent's syncIdMap.
+     * Unlike [removeChild](https://bryntum.com/products/grid/docs/api/Core/helper/DomSync#function-removeChild-static), this works correctly for descendant elements
+     * (not just direct children).
+     * @param {HTMLElement} childElement The element to remove
+     */
+    static remove(childElement: HTMLElement): void;
     /**
      * Remove a child element without syncing, for example when dragging an element to some other parent.
      * Removes it both from DOM and the parent elements syncMap
      * @param {HTMLElement} parentElement
      * @param {HTMLElement} childElement
+     * @deprecated Since 7.2.1. Use [remove](https://bryntum.com/products/grid/docs/api/Core/helper/DomSync#function-remove-static) instead.
      */
     static removeChild(parentElement: HTMLElement, childElement: HTMLElement): void;
     /**
@@ -16672,7 +16685,7 @@ export class Rectangle {
      */
     contains(other: Rectangle): boolean;
     /**
-     * Clips off the area of the "other" Rectangle(s) from this Rectangle if any of the the other rectangles occlude
+     * Clips off the area of the "other" Rectangle(s) from this Rectangle if any of the other rectangles occlude
      * a whole edge of this Rectangle.
      * @param {Core.helper.util.Rectangle} other The potentially occluding Rectangle(s).
      */
@@ -26107,7 +26120,7 @@ type CheckboxConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -28749,7 +28762,7 @@ type ChipViewConfig = {
      */
     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
     /**
@@ -31127,7 +31140,7 @@ type ColorFieldConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -32337,7 +32350,7 @@ type ColorPickerConfig = {
      */
     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
     /**
@@ -33114,7 +33127,7 @@ type ComboConfig = {
     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/grid/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
+     * combo's input field, and <kbd>Enter</kbd>, or the [multiValueSeparator](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Combo#config-displayField).
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Combo#config-createOnUnmatched)
@@ -33614,7 +33627,7 @@ type ComboConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -33967,7 +33980,7 @@ export class Combo extends PickerField {
     filterOperator: CollectionCompareOperator
     /**
      * Returns array of the Combo's inner HTML elements.
-     * This getter can be overriden.
+     * This getter can be overridden.
      */
     get innerElements(): (HTMLElement|DomConfig)[]
     /**
@@ -34674,7 +34687,7 @@ type ConfirmationBarConfig = {
      */
     items?: string|Record<string, ContainerItemConfig|MenuItemEntry>|(ContainerItemConfig|MenuItemEntry|Widget)[]
     /**
-     * Maps `Enter` and `Escape` to [doDefault](https://bryntum.com/products/grid/docs/api/Core/widget/ConfirmationBar#function-doDefault) and [doCancel](#Core/widget/ConfirmationBar#function-doCancel), respectively.
+     * Maps <kbd>Enter</kbd> and <kbd>Escape</kbd> to [doDefault](https://bryntum.com/products/grid/docs/api/Core/widget/ConfirmationBar#function-doDefault) and [doCancel](#Core/widget/ConfirmationBar#function-doCancel), respectively.
      */
     keyMap?: Record<string, KeyMapConfig>
     /**
@@ -37226,7 +37239,7 @@ type DateFieldConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -40128,7 +40141,7 @@ type DateRangeFieldConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -42767,7 +42780,7 @@ type DateTimeFieldConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -46193,7 +46206,7 @@ type DisplayFieldConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -47389,7 +47402,7 @@ type DurationFieldConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -47820,7 +47833,7 @@ type EditorListenersTypes = {
      */
     afterEdit: (event: { source: Editor, record?: Model }) => void
     /**
-     * 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.
@@ -47830,7 +47843,7 @@ type EditorListenersTypes = {
      */
     beforeCancel: (event: { oldValue: object, value: object, event: Event, 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.
@@ -48025,7 +48038,7 @@ type EditorListeners = {
      */
     afterEdit?: ((event: { source: Editor, record?: Model }) => void)|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.
@@ -48035,7 +48048,7 @@ type EditorListeners = {
      */
     beforeCancel?: ((event: { oldValue: object, value: object, event: Event, 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.
@@ -48269,7 +48282,7 @@ type EditorConfig = {
      */
     autoUpdateRecord?: boolean
     /**
-     * What action should be taken when focus moves out of the editor, either by `TAB` or clicking outside.
+     * What action should be taken when focus moves out of the editor, either by <kbd>Tab</kbd> or clicking outside.
      * May be `'complete'` or `'cancel`'. Any other value results in no action being taken upon focus leaving the editor
      * leaving the application to listen for the [focusOut](https://bryntum.com/products/grid/docs/api/Core/widget/Editor#event-focusOut) event.
      */
@@ -48853,7 +48866,7 @@ type EditorConfig = {
      */
     onAfterEdit?: ((event: { source: Editor, record?: Model }) => void)|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.
@@ -48863,7 +48876,7 @@ type EditorConfig = {
      */
     onBeforeCancel?: ((event: { oldValue: object, value: object, event: Event, 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.
@@ -49069,7 +49082,7 @@ export class Editor extends Container {
      */
     onAfterEdit: ((event: { source: Editor, record?: Model }) => void)|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.
@@ -49079,7 +49092,7 @@ export class Editor extends Container {
      */
     onBeforeCancel: ((event: { oldValue: object, value: object, event: Event, 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.
@@ -49996,7 +50009,7 @@ type FieldConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -55883,7 +55896,7 @@ type FileFieldConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -58147,7 +58160,7 @@ type FilterFieldConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -58931,7 +58944,7 @@ type HintConfig = {
      */
     catchEventHandlerExceptions?: boolean
     /**
-     * Close popup when `ESC` key is pressed.
+     * Close popup when <kbd>Escape</kbd> key is pressed.
      */
     closeOnEscape?: boolean
     /**
@@ -61486,7 +61499,7 @@ type ListConfig = {
      */
     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
     /**
@@ -61755,7 +61768,7 @@ export class List extends Widget {
      */
     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
     /**
@@ -63262,7 +63275,7 @@ type MenuConfig = {
      */
     closeAction?: 'hide'|'destroy'
     /**
-     * Close popup when `ESC` key is pressed.
+     * Close popup when <kbd>Escape</kbd> key is pressed.
      */
     closeOnEscape?: boolean
     /**
@@ -64536,7 +64549,7 @@ type MenuItemConfig = {
      * If configured with a `Boolean` value, a checkbox is displayed
      * as the start icon, and the [toggle](https://bryntum.com/products/grid/docs/api/Core/widget/MenuItem#event-toggle) event is fired
      * when the checked state changes.
-     * `String` value allows to link value by reference name.
+     * `String` value allows linking value by reference name.
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/MenuItem#config-checked)
      */
@@ -69184,7 +69197,7 @@ type NumberFieldConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -72804,7 +72817,7 @@ type PasswordFieldConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -73977,7 +73990,7 @@ type PickerFieldConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -74801,7 +74814,7 @@ type PopupConfig = {
      */
     closeAction?: 'hide'|'destroy'
     /**
-     * Close popup when `ESC` key is pressed.
+     * Close popup when <kbd>Escape</kbd> key is pressed.
      */
     closeOnEscape?: boolean
     /**
@@ -77423,7 +77436,7 @@ type RadioConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -79877,7 +79890,7 @@ type RichTextFieldConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -81062,7 +81075,7 @@ type SlideToggleConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -82185,7 +82198,7 @@ type SliderConfig = {
     unit?: string
     /**
      * Initial value.
-     * `String` value allows to link value by reference name.
+     * `String` value allows linking value by reference name.
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Slider#config-value)
      */
@@ -82400,7 +82413,7 @@ export class Slider extends Widget {
     unit: string
     /**
      * Initial value.
-     * `String` value allows to link value by reference name.
+     * `String` value allows linking value by reference name.
      */
     value: number|string
     /**
@@ -87748,7 +87761,7 @@ type TextAreaFieldConfig = {
     resize?: 'none'|'both'|'horizontal'|'vertical'
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -88931,7 +88944,7 @@ type TextAreaPickerFieldConfig = {
     resize?: 'none'|'both'|'horizontal'|'vertical'
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -90100,7 +90113,7 @@ type TextFieldConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -91323,7 +91336,7 @@ type TimeFieldConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -96208,7 +96221,7 @@ type TooltipConfig = {
      */
     closeAction?: 'hide'|'destroy'
     /**
-     * Close popup when `ESC` key is pressed.
+     * Close popup when <kbd>Escape</kbd> key is pressed.
      */
     closeOnEscape?: boolean
     /**
@@ -103884,7 +103897,7 @@ type ConfirmationDialogConfig = {
      */
     closable?: boolean
     /**
-     * Close popup when `ESC` key is pressed.
+     * Close popup when <kbd>Escape</kbd> key is pressed.
      */
     closeOnEscape?: boolean
     /**
@@ -107666,7 +107679,7 @@ type ActionColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/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
     /**
@@ -107834,7 +107847,7 @@ type ActionColumnConfig = {
      */
     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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -108398,7 +108411,7 @@ type AggregateColumnConfig = {
     includeParentInChangeSet?: boolean
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/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
     /**
@@ -108583,7 +108596,7 @@ type AggregateColumnConfig = {
      */
     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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -109160,7 +109173,7 @@ type ChartColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/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
     /**
@@ -109336,7 +109349,7 @@ type ChartColumnConfig = {
      */
     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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -109935,7 +109948,7 @@ type CheckColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/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
     /**
@@ -110111,7 +110124,7 @@ type CheckColumnConfig = {
      */
     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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -110725,7 +110738,7 @@ type ColorColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/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
     /**
@@ -110897,7 +110910,7 @@ type ColorColumnConfig = {
      */
     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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -111460,7 +111473,7 @@ type ColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/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
     /**
@@ -111632,7 +111645,7 @@ type ColumnConfig = {
      */
     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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -111997,7 +112010,7 @@ export class Column extends Model {
     icon: string
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/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
     /**
@@ -112093,7 +112106,7 @@ export class Column extends Model {
      */
     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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -112762,7 +112775,7 @@ type CurrencyColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/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
     /**
@@ -112947,7 +112960,7 @@ type CurrencyColumnConfig = {
      */
     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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -113509,7 +113522,7 @@ type DateColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/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
     /**
@@ -113689,7 +113702,7 @@ type DateColumnConfig = {
      */
     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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -114272,7 +114285,7 @@ type NumberColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/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
     /**
@@ -114457,7 +114470,7 @@ type NumberColumnConfig = {
      */
     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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -115046,7 +115059,7 @@ type PercentColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/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
     /**
@@ -115241,7 +115254,7 @@ type PercentColumnConfig = {
      */
     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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -115829,7 +115842,7 @@ type RatingColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/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
     /**
@@ -116014,7 +116027,7 @@ type RatingColumnConfig = {
      */
     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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -117187,7 +117200,7 @@ type SparklineColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/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
     /**
@@ -117363,7 +117376,7 @@ type SparklineColumnConfig = {
      */
     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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -117901,7 +117914,7 @@ type TemplateColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/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
     /**
@@ -118073,7 +118086,7 @@ type TemplateColumnConfig = {
      */
     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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -118630,7 +118643,7 @@ type TimeColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/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
     /**
@@ -118802,7 +118815,7 @@ type TimeColumnConfig = {
      */
     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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -119368,7 +119381,7 @@ type TreeColumnConfig = {
     indentSize?: number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/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
     /**
@@ -119544,7 +119557,7 @@ type TreeColumnConfig = {
      */
     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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -120121,7 +120134,7 @@ type WidgetColumnConfig = {
     id?: string|number
     /**
      * Set to `true` to have the [CellEdit](https://bryntum.com/products/grid/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
     /**
@@ -120297,7 +120310,7 @@ type WidgetColumnConfig = {
      */
     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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated. Finally, the edit will be canceled.
@@ -123022,7 +123035,7 @@ export class CellEdit extends GridEditBase {
     /**
      * Displays an OK / Cancel confirmation dialog box owned by the current Editor. This is intended to be
      * used by [finalizeCellEdit](https://bryntum.com/products/grid/docs/api/Grid/column/Column#config-finalizeCellEdit) implementations. The returned promise resolves passing
-     * `true` if the "OK" button is pressed, and `false` if the "Cancel" button is pressed. Typing `ESC` rejects.
+     * `true` if the "OK" button is pressed, and `false` if the "Cancel" button is pressed. Typing <kbd>Escape</kbd> rejects.
      * @param {object} options An options object for what to show.
      */
     confirm(options: {
@@ -123286,7 +123299,7 @@ type CellMenuConfig = {
 
 /**
  * Right click to display context menu for cells. To invoke the cell menu in a keyboard-accessible manner, use the
- * `SPACE` key when the cell is focused.
+ * <kbd>Space</kbd> key when the cell is focused.
  * ...
  * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/CellMenu)
  */
@@ -123559,7 +123572,7 @@ type CellTooltipConfig = {
      */
     closeAction?: 'hide'|'destroy'
     /**
-     * Close popup when `ESC` key is pressed.
+     * Close popup when <kbd>Escape</kbd> key is pressed.
      */
     closeOnEscape?: boolean
     /**
@@ -127171,8 +127184,8 @@ type GroupConfig = {
 
 /**
  * Enables rendering and handling of row groups. The actual grouping is done in the store, but triggered by
- * <kbd>shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
- * one anywhere on grid). Use <kbd>shift</kbd> + <kbd>alt</kbd> + click, or the context menu, to remove a column
+ * <kbd>Shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
+ * one anywhere on grid). Use <kbd>Shift</kbd> + <kbd>Alt</kbd> + click, or the context menu, to remove a column
  * grouper.
  * ...
  * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/Group)
@@ -132454,10 +132467,10 @@ type TreeGroupConfig = {
      */
     parentCls?: string
     /**
-     * A function letting you format the text shown in the generated parent group levels. This method will be provided
-     * with the value produced by the column representing the grouped level. Each column's renderer method will be
-     * provided an extra `isTreeGroup` param to indicate that the value will be used for a generated parent. `cellElement`
-     * and other DOM specific args will be in the context of the tree column.
+     * A function letting you format the text shown in the generated parent group levels. This method will be
+     * provided with the value produced by the column representing the grouped level. Each column's renderer method
+     * will be provided an extra `isTreeGroup` param to indicate that the value will be used for a generated parent.
+     * `cellElement` and other DOM specific args will be in the context of the tree column.
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/TreeGroup#config-parentRenderer)
      * @param {object} data The rendering data representing the generated tree parent record
@@ -133611,7 +133624,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/grid/docs/api/Grid/feature/experimental/ExcelExporter#config-xlsProvider)
      */
@@ -136106,7 +136119,7 @@ type SinglePageUnscaledExporterConfig = {
 
 /**
  * A single page exporter. Used by the [PdfExport](https://bryntum.com/products/grid/docs/api/Grid/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 not
+ * 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/grid/docs/api/Grid/feature/export/exporter/SinglePageUnscaledExporter)
@@ -136516,7 +136529,7 @@ type GridListenersTypes = {
      */
     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/grid/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
@@ -137481,6 +137494,14 @@ type GridListenersTypes = {
      * @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
@@ -137535,7 +137556,7 @@ type GridListeners = {
      */
     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/grid/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
@@ -138500,6 +138521,14 @@ type GridListeners = {
      * @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
@@ -139164,7 +139193,7 @@ type GridConfig = {
     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/grid/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
+     * overridden by specifying a [rowHeight](https://bryntum.com/products/grid/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
      * a column [renderer](https://bryntum.com/products/grid/docs/api/Grid/column/Column#config-renderer).
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/Grid#config-rowHeight)
@@ -139395,7 +139424,7 @@ type GridConfig = {
      */
     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/grid/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
@@ -140360,6 +140389,14 @@ type GridConfig = {
      * @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
@@ -140633,7 +140670,7 @@ type GridBaseListenersTypes = {
      */
     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/grid/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
@@ -141598,6 +141635,14 @@ type GridBaseListenersTypes = {
      * @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
@@ -141652,7 +141697,7 @@ type GridBaseListeners = {
      */
     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/grid/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
@@ -142617,6 +142662,14 @@ type GridBaseListeners = {
      * @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
@@ -143280,7 +143333,7 @@ type GridBaseConfig = {
     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/grid/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
+     * overridden by specifying a [rowHeight](https://bryntum.com/products/grid/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
      * a column [renderer](https://bryntum.com/products/grid/docs/api/Grid/column/Column#config-renderer).
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-rowHeight)
@@ -143511,7 +143564,7 @@ type GridBaseConfig = {
      */
     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/grid/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
@@ -144476,6 +144529,14 @@ type GridBaseConfig = {
      * @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
@@ -144739,7 +144800,7 @@ export class GridBase extends Panel {
     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/grid/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
+     * overridden by specifying a [rowHeight](https://bryntum.com/products/grid/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
      * a column [renderer](https://bryntum.com/products/grid/docs/api/Grid/column/Column#config-renderer).
      */
     rowHeight: number
@@ -144859,7 +144920,7 @@ export class GridBase extends Panel {
      */
     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/grid/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
@@ -145688,6 +145749,14 @@ export class GridBase extends Panel {
      * @param {boolean} event.collapse `true` if the node is being collapsed.
      */
     onToggleNode: ((event: { record: Model, collapse: boolean }) => 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
@@ -147178,7 +147247,7 @@ type TreeGridListenersTypes = {
      */
     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/grid/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
@@ -148143,6 +148212,14 @@ type TreeGridListenersTypes = {
      * @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
@@ -148197,7 +148274,7 @@ type TreeGridListeners = {
      */
     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/grid/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
@@ -149162,6 +149239,14 @@ type TreeGridListeners = {
      * @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
@@ -149826,7 +149911,7 @@ type TreeGridConfig = {
     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/grid/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
+     * overridden by specifying a [rowHeight](https://bryntum.com/products/grid/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
      * a column [renderer](https://bryntum.com/products/grid/docs/api/Grid/column/Column#config-renderer).
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/TreeGrid#config-rowHeight)
@@ -150057,7 +150142,7 @@ type TreeGridConfig = {
      */
     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/grid/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
@@ -151022,6 +151107,14 @@ type TreeGridConfig = {
      * @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
@@ -151767,7 +151860,7 @@ type ExportDialogConfig = {
      */
     closeAction?: 'hide'|'destroy'
     /**
-     * Close popup when `ESC` key is pressed.
+     * Close popup when <kbd>Escape</kbd> key is pressed.
      */
     closeOnEscape?: boolean
     /**
@@ -154218,7 +154311,7 @@ type AIFilterFieldConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -155077,7 +155170,7 @@ type ChecklistFilterComboConfig = {
     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/grid/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
+     * combo's input field, and <kbd>Enter</kbd>, or the [multiValueSeparator](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Combo#config-displayField).
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-createOnUnmatched)
@@ -155577,7 +155670,7 @@ type ChecklistFilterComboConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */
@@ -159891,7 +159984,7 @@ type GroupBarConfig = {
      */
     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
     /**
@@ -160651,7 +160744,7 @@ type TreeComboConfig = {
     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/grid/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
+     * combo's input field, and <kbd>Enter</kbd>, or the [multiValueSeparator](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Combo#config-displayField).
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-createOnUnmatched)
@@ -161151,7 +161244,7 @@ type TreeComboConfig = {
     required?: boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */