@bryntum/grid-thin-trial 7.3.5 → 7.3.6

package/grid.d.ts

@@ -1,18 +1,18 @@
 import { AIBase, AIModelConfiguration, AIModelSelector, AISettingsModel, AISettingsModelConfig, AITool, AIToolConfig,
     AIVoiceActivationConfig, AbstractApiPlugin, AjaxStore, AjaxStoreConfig, AlignSpec, AnimateScrollOptions, Base, BryntumListenerConfig,
-    BryntumScrollOptions, ChatButton, ChatButtonConfig, ChipView, ChipViewConfig, Collection, CollectionCompareOperator, CollectionConfig,
-    CollectionFilter, CollectionFilterConfig, CollectionSorter, CollectionSorterConfig, Color, ColorDescriptor, Combo, ComboConfig,
-    Container, ContextMenuBase, CoreColumn, CoreColumnConfig, CoreContainerItem, CoreContainerItemConfig, CoreContainerLayoutConfig,
-    CoreInputFieldConfig, CoreModelFieldConfig, DataField, DataLoadRequestResponse, DomClassList, DomConfig, DragHelper, DragHelperConfig,
-    Duration, DurationConfig, Editor, EditorConfig, EventsClass, FetchOptions, Field, FieldContainer, FieldContainerConfig,
-    FieldFilterPicker, FieldFilterPickerConfig, FieldFilterPickerGroup, FieldOption, FieldTriggerConfig, FormulaProvider,
-    FormulaProviderConfig, Grouper, InstancePlugin, KeyMap, KeyMapConfig, LazyLoadRequestParams, List, ListConfig, LocaleHelper,
-    LocaleManager, Mask, MaskConfig, Menu, MenuConfig, MenuItem, MenuItemEntry, Model, NumberFormat, NumberFormatConfig, OverflowTwinConfig,
-    PagingRequestParams, PagingToolbar, PagingToolbarConfig, Panel, PanelCollapser, PanelCollapserConfig, PanelCollapserOverlay,
-    PanelCollapserOverlayConfig, PanelConfig, PanelHeader, Popup, PopupConfig, ReactJSX, Rectangle, ScrollManager, ScrollManagerConfig,
-    Scroller, ScrollerConfig, Sorter, StateProvider, StateTrackingManager, Store, StoreConfig, StoreSearchResult, SyncDataOnLoadOptions,
-    Tab, TabConfig, TextField, Tool, ToolConfig, Toolbar, ToolbarConfig, ToolbarItems, Tooltip, TooltipConfig, ValueFieldPlaceholders,
-    VueConfig, Widget } from '@bryntum/core-thin'
+    BryntumScrollOptions, CSSStyleConfig, ChatButton, ChatButtonConfig, ChipView, ChipViewConfig, Collection, CollectionCompareOperator,
+    CollectionConfig, CollectionFilter, CollectionFilterConfig, CollectionSorter, CollectionSorterConfig, Color, ColorDescriptor, Combo,
+    ComboConfig, Container, ContextMenuBase, CoreColumn, CoreColumnConfig, CoreContainerItem, CoreContainerItemConfig,
+    CoreContainerLayoutConfig, CoreInputFieldConfig, CoreModelFieldConfig, DataField, DataLoadRequestResponse, DomClassList, DomConfig,
+    DragHelper, DragHelperConfig, Duration, DurationConfig, Editor, EditorConfig, EventsClass, FetchOptions, Field, FieldContainer,
+    FieldContainerConfig, FieldFilterPicker, FieldFilterPickerConfig, FieldFilterPickerGroup, FieldOption, FieldTriggerConfig,
+    FormulaProvider, FormulaProviderConfig, Grouper, InstancePlugin, KeyMap, KeyMapConfig, LazyLoadRequestParams, List, ListConfig,
+    LocaleHelper, LocaleManager, Mask, MaskConfig, Menu, MenuConfig, MenuItem, MenuItemEntry, Model, NumberFormat, NumberFormatConfig,
+    OverflowTwinConfig, PagingRequestParams, PagingToolbar, PagingToolbarConfig, Panel, PanelCollapser, PanelCollapserConfig,
+    PanelCollapserOverlay, PanelCollapserOverlayConfig, PanelConfig, PanelHeader, Popup, PopupConfig, ReactJSX, Rectangle, ScrollManager,
+    ScrollManagerConfig, Scroller, ScrollerConfig, Sorter, StateProvider, StateTrackingManager, Store, StoreConfig, StoreSearchResult,
+    SyncDataOnLoadOptions, Tab, TabConfig, TextField, Tool, ToolConfig, Toolbar, ToolbarConfig, ToolbarItems, Tooltip, TooltipConfig,
+    ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/core-thin'
 
 type AnyConstructor<A = any> = new (...input: any[]) => A
 
@@ -1571,8 +1571,9 @@ type AggregateColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/AggregateColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -2303,8 +2304,9 @@ type ChartColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/ChartColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -3040,8 +3042,9 @@ type CheckColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/CheckColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -3792,8 +3795,9 @@ type ColorColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/ColorColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -4489,8 +4493,9 @@ type ColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/Column#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -5025,8 +5030,8 @@ export class Column extends Model {
      */
     hideable: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
      */
     htmlEncode: boolean
     /**
@@ -5774,8 +5779,9 @@ type CurrencyColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/CurrencyColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -6483,8 +6489,9 @@ type DateColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/DateColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -7207,8 +7214,9 @@ type NumberColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/NumberColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -8685,8 +8693,9 @@ type RatingColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/RatingColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -9331,8 +9340,9 @@ type RowNumberColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/RowNumberColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -9975,8 +9985,9 @@ type SparklineColumnConfig = {
      */
     highlightMinMax?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/SparklineColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -10651,8 +10662,9 @@ type TemplateColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/TemplateColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -11342,8 +11354,9 @@ type TimeColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/TimeColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -12036,8 +12049,9 @@ type TreeColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/TreeColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -12756,8 +12770,9 @@ type WidgetColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/WidgetColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -16073,7 +16088,7 @@ type CellTooltipConfig = {
      */
     autoShow?: boolean
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -16711,9 +16726,10 @@ type CellTooltipConfig = {
      */
     strips?: Record<string, GridContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/feature/CellTooltip#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -19339,6 +19355,7 @@ export class GridFeatureManager {
      * @param {Function} featureClass The feature class constructor to register
      * @param {boolean} [onByDefault] Specify true to have the feature enabled per default
      * @param {string,string[]} [forType] Specify a type to let the class applying the feature to determine if it should use it
+     * @deprecated 7.3.6 GridFeatureManager will be removed in 8.0.0, where a feature registers itself when extending one of the new feature base classes
      */
     static registerFeature(featureClass: typeof InstancePlugin, onByDefault?: boolean, forType?: string|string[]): void;
 }
@@ -29202,6 +29219,23 @@ type GridListenersTypes = {
      * @param {Core.widget.Widget} event.source The widget
      */
     hide: (event: { source: Widget }) => void
+    /**
+     * Fires when the Grid is scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} event.scrollLeft The horizontal scroll position
+     * @param {number} event.scrollX The horizontal scroll position in the RTL-safe coordinate system
+     */
+    horizontalScroll: (event: { source: GridBase, subGrid: SubGrid, scrollLeft: number, scrollX: number }) => void
+    /**
+     * Fires after the Grid is done scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} [event.scrollLeft] The horizontal scroll position. Only supplied when the event follows a SubGrid resize, the scroll driven path does not report a position
+     */
+    horizontalScrollEnd: (event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void
     /**
      * Fires when row locking is enabled.
      * @param {object} event Event object
@@ -30217,6 +30251,23 @@ type GridListeners = {
      * @param {Core.widget.Widget} event.source The widget
      */
     hide?: ((event: { source: Widget }) => void)|string
+    /**
+     * Fires when the Grid is scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} event.scrollLeft The horizontal scroll position
+     * @param {number} event.scrollX The horizontal scroll position in the RTL-safe coordinate system
+     */
+    horizontalScroll?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft: number, scrollX: number }) => void)|string
+    /**
+     * Fires after the Grid is done scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} [event.scrollLeft] The horizontal scroll position. Only supplied when the event follows a SubGrid resize, the scroll driven path does not report a position
+     */
+    horizontalScrollEnd?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void)|string
     /**
      * Fires when row locking is enabled.
      * @param {object} event Event object
@@ -31222,9 +31273,10 @@ type GridConfig = {
      */
     strips?: Record<string, GridContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/Grid#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * An object containing sub grid configuration objects keyed by a `region` property.
      * By default, grid has a 'locked' region (if configured with locked columns) and a 'normal' region.
@@ -32039,6 +32091,23 @@ type GridConfig = {
      * @param {Core.widget.Widget} event.source The widget
      */
     onHide?: ((event: { source: Widget }) => void)|string
+    /**
+     * Fires when the Grid is scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} event.scrollLeft The horizontal scroll position
+     * @param {number} event.scrollX The horizontal scroll position in the RTL-safe coordinate system
+     */
+    onHorizontalScroll?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft: number, scrollX: number }) => void)|string
+    /**
+     * Fires after the Grid is done scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} [event.scrollLeft] The horizontal scroll position. Only supplied when the event follows a SubGrid resize, the scroll driven path does not report a position
+     */
+    onHorizontalScrollEnd?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void)|string
     /**
      * Fires when row locking is enabled.
      * @param {object} event Event object
@@ -33270,6 +33339,23 @@ type GridBaseListenersTypes = {
      * @param {Core.widget.Widget} event.source The widget
      */
     hide: (event: { source: Widget }) => void
+    /**
+     * Fires when the Grid is scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} event.scrollLeft The horizontal scroll position
+     * @param {number} event.scrollX The horizontal scroll position in the RTL-safe coordinate system
+     */
+    horizontalScroll: (event: { source: GridBase, subGrid: SubGrid, scrollLeft: number, scrollX: number }) => void
+    /**
+     * Fires after the Grid is done scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} [event.scrollLeft] The horizontal scroll position. Only supplied when the event follows a SubGrid resize, the scroll driven path does not report a position
+     */
+    horizontalScrollEnd: (event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void
     /**
      * Fires when row locking is enabled.
      * @param {object} event Event object
@@ -34285,6 +34371,23 @@ type GridBaseListeners = {
      * @param {Core.widget.Widget} event.source The widget
      */
     hide?: ((event: { source: Widget }) => void)|string
+    /**
+     * Fires when the Grid is scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} event.scrollLeft The horizontal scroll position
+     * @param {number} event.scrollX The horizontal scroll position in the RTL-safe coordinate system
+     */
+    horizontalScroll?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft: number, scrollX: number }) => void)|string
+    /**
+     * Fires after the Grid is done scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} [event.scrollLeft] The horizontal scroll position. Only supplied when the event follows a SubGrid resize, the scroll driven path does not report a position
+     */
+    horizontalScrollEnd?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void)|string
     /**
      * Fires when row locking is enabled.
      * @param {object} event Event object
@@ -35289,9 +35392,10 @@ type GridBaseConfig = {
      */
     strips?: Record<string, GridContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * An object containing sub grid configuration objects keyed by a `region` property.
      * By default, grid has a 'locked' region (if configured with locked columns) and a 'normal' region.
@@ -36106,6 +36210,23 @@ type GridBaseConfig = {
      * @param {Core.widget.Widget} event.source The widget
      */
     onHide?: ((event: { source: Widget }) => void)|string
+    /**
+     * Fires when the Grid is scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} event.scrollLeft The horizontal scroll position
+     * @param {number} event.scrollX The horizontal scroll position in the RTL-safe coordinate system
+     */
+    onHorizontalScroll?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft: number, scrollX: number }) => void)|string
+    /**
+     * Fires after the Grid is done scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} [event.scrollLeft] The horizontal scroll position. Only supplied when the event follows a SubGrid resize, the scroll driven path does not report a position
+     */
+    onHorizontalScrollEnd?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void)|string
     /**
      * Fires when row locking is enabled.
      * @param {object} event Event object
@@ -37364,6 +37485,23 @@ export class GridBase extends Panel {
      * @param {boolean} event.checked Checked or not
      */
     onHeaderMenuToggleItem: ((event: { source: Grid, menu: Menu, item: MenuItem, column: Column, checked: boolean }) => void)|string
+    /**
+     * Fires when the Grid is scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} event.scrollLeft The horizontal scroll position
+     * @param {number} event.scrollX The horizontal scroll position in the RTL-safe coordinate system
+     */
+    onHorizontalScroll: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft: number, scrollX: number }) => void)|string
+    /**
+     * Fires after the Grid is done scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} [event.scrollLeft] The horizontal scroll position. Only supplied when the event follows a SubGrid resize, the scroll driven path does not report a position
+     */
+    onHorizontalScrollEnd: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void)|string
     /**
      * Fires when row locking is enabled.
      * @param {object} event Event object
@@ -38243,22 +38381,6 @@ type SubGridListenersTypes = {
      * @param {Core.widget.Widget} event.source The widget
      */
     hide: (event: { source: Widget }) => void
-    /**
-     * Fires when the Grid is scrolling horizontally in one of its SubGrids
-     * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance.
-     * @param {number} event.scrollLeft The horizontal scroll position.
-     */
-    horizontalScroll: (event: { source: Grid, subGrid: SubGrid, scrollLeft: number }) => void
-    /**
-     * Fires after the Grid is done scrolling horizontally in one of its SubGrids
-     * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance.
-     * @param {number} event.scrollLeft The horizontal scroll position.
-     */
-    horizontalScrollEnd: (event: { source: Grid, subGrid: SubGrid, scrollLeft: number }) => void
     /**
      * Triggered when a widget which had been in a non-visible state for any reason
      * achieves visibility.
@@ -38373,22 +38495,6 @@ type SubGridListeners = {
      * @param {Core.widget.Widget} event.source The widget
      */
     hide?: ((event: { source: Widget }) => void)|string
-    /**
-     * Fires when the Grid is scrolling horizontally in one of its SubGrids
-     * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance.
-     * @param {number} event.scrollLeft The horizontal scroll position.
-     */
-    horizontalScroll?: ((event: { source: Grid, subGrid: SubGrid, scrollLeft: number }) => void)|string
-    /**
-     * Fires after the Grid is done scrolling horizontally in one of its SubGrids
-     * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance.
-     * @param {number} event.scrollLeft The horizontal scroll position.
-     */
-    horizontalScrollEnd?: ((event: { source: Grid, subGrid: SubGrid, scrollLeft: number }) => void)|string
     /**
      * Triggered when a widget which had been in a non-visible state for any reason
      * achieves visibility.
@@ -38759,9 +38865,10 @@ type SubGridConfig = {
      */
     span?: number
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/SubGrid#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -38869,22 +38976,6 @@ type SubGridConfig = {
      * @param {Core.widget.Widget} event.source The widget
      */
     onHide?: ((event: { source: Widget }) => void)|string
-    /**
-     * Fires when the Grid is scrolling horizontally in one of its SubGrids
-     * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance.
-     * @param {number} event.scrollLeft The horizontal scroll position.
-     */
-    onHorizontalScroll?: ((event: { source: Grid, subGrid: SubGrid, scrollLeft: number }) => void)|string
-    /**
-     * Fires after the Grid is done scrolling horizontally in one of its SubGrids
-     * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance.
-     * @param {number} event.scrollLeft The horizontal scroll position.
-     */
-    onHorizontalScrollEnd?: ((event: { source: Grid, subGrid: SubGrid, scrollLeft: number }) => void)|string
     /**
      * Triggered when a widget which had been in a non-visible state for any reason
      * achieves visibility.
@@ -38979,22 +39070,6 @@ export class SubGrid extends Widget {
      * @param {Core.Base} event.source The Object that is being destroyed.
      */
     onDestroy: ((event: { source: Base }) => void)|string
-    /**
-     * Fires when the Grid is scrolling horizontally in one of its SubGrids
-     * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance.
-     * @param {number} event.scrollLeft The horizontal scroll position.
-     */
-    onHorizontalScroll: ((event: { source: Grid, subGrid: SubGrid, scrollLeft: number }) => void)|string
-    /**
-     * Fires after the Grid is done scrolling horizontally in one of its SubGrids
-     * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance.
-     * @param {number} event.scrollLeft The horizontal scroll position.
-     */
-    onHorizontalScrollEnd: ((event: { source: Grid, subGrid: SubGrid, scrollLeft: number }) => void)|string
     /**
      * Creates an instance of the class using the supplied configuration
      * @param {GridChartDesignerConfig} [config]
@@ -39771,6 +39846,23 @@ type TreeGridListenersTypes = {
      * @param {Core.widget.Widget} event.source The widget
      */
     hide: (event: { source: Widget }) => void
+    /**
+     * Fires when the Grid is scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} event.scrollLeft The horizontal scroll position
+     * @param {number} event.scrollX The horizontal scroll position in the RTL-safe coordinate system
+     */
+    horizontalScroll: (event: { source: GridBase, subGrid: SubGrid, scrollLeft: number, scrollX: number }) => void
+    /**
+     * Fires after the Grid is done scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} [event.scrollLeft] The horizontal scroll position. Only supplied when the event follows a SubGrid resize, the scroll driven path does not report a position
+     */
+    horizontalScrollEnd: (event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void
     /**
      * Fires when row locking is enabled.
      * @param {object} event Event object
@@ -40786,6 +40878,23 @@ type TreeGridListeners = {
      * @param {Core.widget.Widget} event.source The widget
      */
     hide?: ((event: { source: Widget }) => void)|string
+    /**
+     * Fires when the Grid is scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} event.scrollLeft The horizontal scroll position
+     * @param {number} event.scrollX The horizontal scroll position in the RTL-safe coordinate system
+     */
+    horizontalScroll?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft: number, scrollX: number }) => void)|string
+    /**
+     * Fires after the Grid is done scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} [event.scrollLeft] The horizontal scroll position. Only supplied when the event follows a SubGrid resize, the scroll driven path does not report a position
+     */
+    horizontalScrollEnd?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void)|string
     /**
      * Fires when row locking is enabled.
      * @param {object} event Event object
@@ -41791,9 +41900,10 @@ type TreeGridConfig = {
      */
     strips?: Record<string, GridContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/TreeGrid#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * An object containing sub grid configuration objects keyed by a `region` property.
      * By default, grid has a 'locked' region (if configured with locked columns) and a 'normal' region.
@@ -42608,6 +42718,23 @@ type TreeGridConfig = {
      * @param {Core.widget.Widget} event.source The widget
      */
     onHide?: ((event: { source: Widget }) => void)|string
+    /**
+     * Fires when the Grid is scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} event.scrollLeft The horizontal scroll position
+     * @param {number} event.scrollX The horizontal scroll position in the RTL-safe coordinate system
+     */
+    onHorizontalScroll?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft: number, scrollX: number }) => void)|string
+    /**
+     * Fires after the Grid is done scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} [event.scrollLeft] The horizontal scroll position. Only supplied when the event follows a SubGrid resize, the scroll driven path does not report a position
+     */
+    onHorizontalScrollEnd?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void)|string
     /**
      * Fires when row locking is enabled.
      * @param {object} event Event object
@@ -43540,7 +43667,7 @@ type ExportDialogConfig = {
      */
     autoShow?: boolean
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -44122,9 +44249,10 @@ type ExportDialogConfig = {
      */
     strips?: Record<string, GridContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/export/ExportDialog#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -46046,9 +46174,10 @@ type AIFilterFieldConfig = {
      */
     spellCheck?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -47112,7 +47241,7 @@ type ChecklistFilterComboConfig = {
     /**
      * Template to render optional content next to list items.
      * @param {Core.data.Model} record The list item's backing record
-     * @returns {string}
+     * @returns {string} *When returning HTML, ensure any user data from the record is encoded using [StringHelper.encodeHtml()](https://bryntum.com/products/grid/docs/api/Core/helper/StringHelper#function-encodeHtml-static) to prevent XSS vulnerabilities.*
      */
     listItemPillTpl?: (record: Model) => string
     /**
@@ -47377,9 +47506,10 @@ type ChecklistFilterComboConfig = {
      */
     store?: Store|StoreConfig
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -48294,9 +48424,10 @@ type GridChartDesignerConfig = {
      */
     span?: number
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridChartDesigner#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * Whether to update the chart designer's data series options and preview data as the
      * grid selection changes.
@@ -48827,7 +48958,7 @@ type GridFieldFilterPickerConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -49302,9 +49433,10 @@ type GridFieldFilterPickerConfig = {
      */
     strictRecordMapping?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPicker#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -49899,7 +50031,7 @@ type GridFieldFilterPickerGroupConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -50385,9 +50517,10 @@ type GridFieldFilterPickerGroupConfig = {
      */
     strictRecordMapping?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -51442,9 +51575,10 @@ type GroupBarConfig = {
      */
     store?: object|object[]|StoreConfig|Store
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -52752,9 +52886,10 @@ type TreeComboConfig = {
      */
     store?: Store|StoreConfig
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for