@bryntum/grid-angular-thin 7.3.4 → 7.3.6

package/src/lib/bryntum-grid-base.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AjaxStore, AjaxStoreConfig, Base, Color, Container, DomConfig, FormulaProviderConfig, InstancePlugin, KeyMapConfig, Mask, MaskConfig, Menu, MenuItem, MenuItemEntry, Model, ModelConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, StateProvider, Store, StoreConfig, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, Widget } from '@bryntum/core-thin';
+import { AjaxStore, AjaxStoreConfig, Base, Color, Container, DomConfig, FormulaProviderConfig, InstancePlugin, KeyMapConfig, Mask, MaskConfig, Menu, MenuItem, MenuItemEntry, Model, ModelConfig, OverflowTwinConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, StateProvider, Store, StoreConfig, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, Widget } from '@bryntum/core-thin';
 import { AI, AIConfig, AIFilter, AIFilterConfig, CellCopyPaste, CellCopyPasteConfig, CellEdit, CellEditConfig, CellEditorContext, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, Column, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, GridContainerItemConfig, EmptyTextDomConfig, ExcelExporter, ExcelExporterConfig, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, Grid, GridBase, GridBaseListeners, GridColumnConfig, GridLocation, GridLocationConfig, GridSelectionMode, GridStateInfo, Group, GroupConfig, GroupSummary, GroupSummaryConfig, HeaderMenu, HeaderMenuConfig, LockRows, LockRowsConfig, MergeCells, MergeCellsConfig, PdfExport, PdfExportConfig, PinColumns, PinColumnsConfig, PreserveScrollOptions, Print, PrintConfig, QuickFind, QuickFindConfig, RecordPositionContext, RegionResize, RegionResizeConfig, ResponsiveLevelConfig, Row, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowEditorContext, RowExpander, RowExpanderConfig, RowReorder, RowReorderConfig, RowResize, RowResizeConfig, Search, SearchConfig, Sort, SortConfig, Split, SplitConfig, StickyCells, StickyCellsConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, Summary, SummaryConfig, Tree, TreeConfig, TreeGroup, TreeGroupConfig, XLSColumn } from '@bryntum/grid-thin';
 
 import { DomHelper, StringHelper } from '@bryntum/core-thin';
@@ -456,6 +456,12 @@ export type BryntumGridBaseProps = {
      * Grid monitors window resize by default.
      */
     monitorResize ? : boolean
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Specify plugins (an array of classes) in config
      */
@@ -606,7 +612,7 @@ export type BryntumGridBaseProps = {
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-stateId)
      */
-    stateId ? : string
+    stateId ? : string|null
     /**
      * The `StateProvider` to use to save and restore this object's [state](https://bryntum.com/products/grid/docs/api/Core/mixin/State#property-state). By default, `state`
      * will be saved using the [default state provider](https://bryntum.com/products/grid/docs/api/Core/state/StateProvider#property-instance-static).
@@ -1069,6 +1075,8 @@ export class BryntumGridBaseComponent implements OnInit, OnDestroy {
         'onHeaderMenuShow',
         'onHeaderMenuToggleItem',
         'onHide',
+        'onHorizontalScroll',
+        'onHorizontalScrollEnd',
         'onLockRows',
         'onMouseOut',
         'onMouseOver',
@@ -1231,6 +1239,7 @@ export class BryntumGridBaseComponent implements OnInit, OnDestroy {
         'minHeight',
         'minWidth',
         'monitorResize',
+        'overflowTwinConfig',
         'plugins',
         'preserveFocusOnDatasetChange',
         'preserveScroll',
@@ -1321,6 +1330,7 @@ export class BryntumGridBaseComponent implements OnInit, OnDestroy {
         'maskDefaults',
         'masked',
         'monitorResize',
+        'overflowTwinConfig',
         'plugins',
         'preserveFocusOnDatasetChange',
         'preserveScrollOnDatasetChange',
@@ -1337,7 +1347,6 @@ export class BryntumGridBaseComponent implements OnInit, OnDestroy {
         'showDirty',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'subGridConfigs',
@@ -1353,6 +1362,7 @@ export class BryntumGridBaseComponent implements OnInit, OnDestroy {
         'alignSelf',
         'animateTreeNodeToggle',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'cellEllipsis',
@@ -1403,6 +1413,7 @@ export class BryntumGridBaseComponent implements OnInit, OnDestroy {
         'selectionMode',
         'span',
         'state',
+        'stateId',
         'stateSettings',
         'store',
         'title',
@@ -1475,6 +1486,7 @@ export class BryntumGridBaseComponent implements OnInit, OnDestroy {
     @Input() maskDefaults                  ! : MaskConfig;
     @Input() masked                        ! : boolean|string|MaskConfig;
     @Input() monitorResize                 ! : boolean;
+    @Input() overflowTwinConfig            ! : OverflowTwinConfig|null;
     @Input() plugins                       ! : InstancePlugin[]|InstancePlugin;
     @Input() preserveFocusOnDatasetChange  ! : boolean;
     @Input() preserveScrollOnDatasetChange ! : boolean;
@@ -1491,7 +1503,6 @@ export class BryntumGridBaseComponent implements OnInit, OnDestroy {
     @Input() showDirty                     ! : boolean|{ duringEdit: boolean, newRecord: boolean };
     @Input() stateful                      ! : boolean|object|string[];
     @Input() statefulEvents                ! : object|string[];
-    @Input() stateId                       ! : string;
     @Input() stateProvider                 ! : StateProvider;
     @Input() strips                        ! : Record<string, GridContainerItemConfig>;
     @Input() subGridConfigs                ! : Record<string, SubGridConfig>;
@@ -1547,6 +1558,7 @@ export class BryntumGridBaseComponent implements OnInit, OnDestroy {
     @Input() scrollable                  ! : Scroller|boolean|ScrollerConfig;
     @Input() selectionMode               ! : GridSelectionMode;
     @Input() span                        ! : number;
+    @Input() stateId                     ! : string|null;
     @Input() stateSettings               ! : {
         restoreUnconfiguredColumns?: boolean
     };
@@ -1567,18 +1579,19 @@ export class BryntumGridBaseComponent implements OnInit, OnDestroy {
     @Input() width                       ! : number|string;
 
     // Properties only
-    @Input() centered        ! : boolean|{
+    @Input() autoUpdateRecord ! : boolean;
+    @Input() centered         ! : boolean|{
         once?: boolean
     };
-    @Input() originalStore   ! : Store;
-    @Input() parent          ! : Widget;
-    @Input() selectedCell    ! : GridLocation|GridLocationConfig;
-    @Input() selectedCells   ! : GridLocation[]|GridLocationConfig[];
-    @Input() selectedRecord  ! : Model;
-    @Input() selectedRecords ! : Model[]|number[];
-    @Input() selectedRows    ! : Model[]|number[];
-    @Input() state           ! : GridStateInfo;
-    @Input() tooltip         ! : string|TooltipConfig;
+    @Input() originalStore    ! : Store;
+    @Input() parent           ! : Widget;
+    @Input() selectedCell     ! : GridLocation|GridLocationConfig;
+    @Input() selectedCells    ! : GridLocation[]|GridLocationConfig[];
+    @Input() selectedRecord   ! : Model;
+    @Input() selectedRecords  ! : Model[]|number[];
+    @Input() selectedRows     ! : Model[]|number[];
+    @Input() state            ! : GridStateInfo;
+    @Input() tooltip          ! : string|TooltipConfig;
 
     // Features
     @Input() aiFeature                 ! : object|boolean|string|AI|AIConfig;
@@ -2358,6 +2371,23 @@ export class BryntumGridBaseComponent implements OnInit, OnDestroy {
      * @param {Core.widget.Widget} event.source The widget
      */
     @Output() onHide: any = new EventEmitter<((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
+     */
+    @Output() onHorizontalScroll: any = new EventEmitter<((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
+     */
+    @Output() onHorizontalScrollEnd: any = new EventEmitter<((event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void)|string>();
     /**
      * Fires when row locking is enabled.
      * @param {object} event Event object

package/src/lib/bryntum-grid-chart-designer.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, Color, DomConfig, KeyMapConfig, MaskConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, Color, DomConfig, KeyMapConfig, MaskConfig, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { Grid, GridChartDesigner, GridChartDesignerListeners } from '@bryntum/grid-thin';
 
 import { DomHelper, StringHelper } from '@bryntum/core-thin';
@@ -310,6 +310,12 @@ export type BryntumGridChartDesignerProps = {
      * @property {boolean} immediate Set to `true` to receive resize notifications immediately.
      */
     monitorResize ? : boolean|object
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridChartDesigner#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-contentElement), but must
      * not participate in the standard layout of that widget, and must be positioned relatively to that
@@ -528,6 +534,7 @@ export class BryntumGridChartDesignerComponent implements OnInit, OnDestroy {
         'minHeight',
         'minWidth',
         'monitorResize',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'readOnly',
@@ -584,6 +591,7 @@ export class BryntumGridChartDesignerComponent implements OnInit, OnDestroy {
         'maskDefaults',
         'masked',
         'monitorResize',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -685,6 +693,7 @@ export class BryntumGridChartDesignerComponent implements OnInit, OnDestroy {
     @Input() maskDefaults                 ! : MaskConfig;
     @Input() masked                       ! : boolean|string|MaskConfig;
     @Input() monitorResize                ! : boolean|object;
+    @Input() overflowTwinConfig           ! : OverflowTwinConfig|null;
     @Input() positioned                   ! : boolean;
     @Input() preventTooltipOnTouch        ! : boolean;
     @Input() relayStoreEvents             ! : boolean;

package/src/lib/bryntum-grid-field-filter-picker-group.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, CollectionFilterConfig, Color, Container, DomConfig, FieldFilterPicker, FieldFilterPickerConfig, FieldFilterPickerGroup, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, CollectionFilterConfig, Color, Container, DomConfig, FieldFilterPicker, FieldFilterPickerConfig, FieldFilterPickerGroup, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { GridContainerItemConfig, GridContainerLayoutConfig, Grid, GridFieldFilterPickerGroup, GridFieldFilterPickerGroupListeners } from '@bryntum/grid-thin';
 
 import { DomHelper, StringHelper } from '@bryntum/core-thin';
@@ -67,7 +67,7 @@ export type BryntumGridFieldFilterPickerGroupProps = {
      */
     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
     /**
@@ -446,6 +446,12 @@ export type BryntumGridFieldFilterPickerGroupProps = {
      * [operators](https://bryntum.com/products/grid/docs/api/Core/widget/FieldFilterPicker#config-operators).
      */
     operators ? : object
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-contentElement), but must
      * not participate in the standard layout of that widget, and must be positioned relatively to that
@@ -723,6 +729,7 @@ export class BryntumGridFieldFilterPickerGroupComponent implements OnInit, OnDes
         'monitorResize',
         'namedItems',
         'operators',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'readOnly',
@@ -764,7 +771,6 @@ export class BryntumGridFieldFilterPickerGroupComponent implements OnInit, OnDes
         'anchor',
         'ariaDescription',
         'ariaLabel',
-        'autoUpdateRecord',
         'border',
         'bubbleEvents',
         'canDeleteFilter',
@@ -802,6 +808,7 @@ export class BryntumGridFieldFilterPickerGroupComponent implements OnInit, OnDes
         'monitorResize',
         'namedItems',
         'operators',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -827,6 +834,7 @@ export class BryntumGridFieldFilterPickerGroupComponent implements OnInit, OnDes
     private static bryntumProps: string[] = BryntumGridFieldFilterPickerGroupComponent.bryntumFeatureNames.concat([
         'alignSelf',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'centered',
@@ -896,7 +904,6 @@ export class BryntumGridFieldFilterPickerGroupComponent implements OnInit, OnDes
     @Input() anchor                       ! : boolean;
     @Input() ariaDescription              ! : string;
     @Input() ariaLabel                    ! : string;
-    @Input() autoUpdateRecord             ! : boolean;
     @Input() border                       ! : boolean;
     @Input() bubbleEvents                 ! : object;
     @Input() canDeleteFilter              ! : (filter: any) => boolean;
@@ -934,6 +941,7 @@ export class BryntumGridFieldFilterPickerGroupComponent implements OnInit, OnDes
     @Input() monitorResize                ! : boolean|object;
     @Input() namedItems                   ! : Record<string, GridContainerItemConfig>;
     @Input() operators                    ! : object;
+    @Input() overflowTwinConfig           ! : OverflowTwinConfig|null;
     @Input() positioned                   ! : boolean;
     @Input() preventTooltipOnTouch        ! : boolean;
     @Input() relayStoreEvents             ! : boolean;
@@ -958,6 +966,7 @@ export class BryntumGridFieldFilterPickerGroupComponent implements OnInit, OnDes
     // Configs and properties
     @Input() alignSelf                   ! : string;
     @Input() appendTo                    ! : HTMLElement|string;
+    @Input() autoUpdateRecord            ! : boolean;
     @Input() callOnFunctions             ! : boolean;
     @Input() catchEventHandlerExceptions ! : boolean;
     @Input() centered                    ! : boolean|{

package/src/lib/bryntum-grid-field-filter-picker.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, Color, ComboConfig, Container, DomConfig, FieldFilterPicker, FieldOption, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, Color, ComboConfig, Container, DomConfig, FieldFilterPicker, FieldOption, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/core-thin';
 import { GridContainerItemConfig, GridContainerLayoutConfig, Grid, GridFieldFilterPicker, GridFieldFilterPickerListeners } from '@bryntum/grid-thin';
 
 import { DomHelper, StringHelper } from '@bryntum/core-thin';
@@ -64,7 +64,7 @@ export type BryntumGridFieldFilterPickerProps = {
      */
     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
     /**
@@ -429,6 +429,12 @@ export type BryntumGridFieldFilterPickerProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPicker#config-operators)
      */
     operators ? : object
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPicker#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-contentElement), but must
      * not participate in the standard layout of that widget, and must be positioned relatively to that
@@ -714,6 +720,7 @@ export class BryntumGridFieldFilterPickerComponent implements OnInit, OnDestroy
         'namedItems',
         'operatorLocked',
         'operators',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'propertyFieldConfig',
@@ -757,7 +764,6 @@ export class BryntumGridFieldFilterPickerComponent implements OnInit, OnDestroy
         'anchor',
         'ariaDescription',
         'ariaLabel',
-        'autoUpdateRecord',
         'border',
         'bubbleEvents',
         'color',
@@ -794,6 +800,7 @@ export class BryntumGridFieldFilterPickerComponent implements OnInit, OnDestroy
         'namedItems',
         'operatorLocked',
         'operators',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'propertyFieldConfig',
@@ -822,6 +829,7 @@ export class BryntumGridFieldFilterPickerComponent implements OnInit, OnDestroy
     private static bryntumProps: string[] = BryntumGridFieldFilterPickerComponent.bryntumFeatureNames.concat([
         'alignSelf',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'centered',
@@ -889,7 +897,6 @@ export class BryntumGridFieldFilterPickerComponent implements OnInit, OnDestroy
     @Input() anchor                       ! : boolean;
     @Input() ariaDescription              ! : string;
     @Input() ariaLabel                    ! : string;
-    @Input() autoUpdateRecord             ! : boolean;
     @Input() border                       ! : boolean;
     @Input() bubbleEvents                 ! : object;
     @Input() color                        ! : Color;
@@ -926,6 +933,7 @@ export class BryntumGridFieldFilterPickerComponent implements OnInit, OnDestroy
     @Input() namedItems                   ! : Record<string, GridContainerItemConfig>;
     @Input() operatorLocked               ! : boolean;
     @Input() operators                    ! : object;
+    @Input() overflowTwinConfig           ! : OverflowTwinConfig|null;
     @Input() positioned                   ! : boolean;
     @Input() preventTooltipOnTouch        ! : boolean;
     @Input() propertyFieldConfig          ! : ComboConfig;
@@ -953,6 +961,7 @@ export class BryntumGridFieldFilterPickerComponent implements OnInit, OnDestroy
     // Configs and properties
     @Input() alignSelf                   ! : string;
     @Input() appendTo                    ! : HTMLElement|string;
+    @Input() autoUpdateRecord            ! : boolean;
     @Input() callOnFunctions             ! : boolean;
     @Input() catchEventHandlerExceptions ! : boolean;
     @Input() centered                    ! : boolean|{

package/src/lib/bryntum-grid.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AjaxStore, AjaxStoreConfig, Base, Color, Container, DomConfig, FormulaProviderConfig, InstancePlugin, KeyMapConfig, Mask, MaskConfig, Menu, MenuItem, MenuItemEntry, Model, ModelConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, StateProvider, Store, StoreConfig, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, Widget } from '@bryntum/core-thin';
+import { AjaxStore, AjaxStoreConfig, Base, Color, Container, DomConfig, FormulaProviderConfig, InstancePlugin, KeyMapConfig, Mask, MaskConfig, Menu, MenuItem, MenuItemEntry, Model, ModelConfig, OverflowTwinConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, StateProvider, Store, StoreConfig, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, Widget } from '@bryntum/core-thin';
 import { AI, AIConfig, AIFilter, AIFilterConfig, CellCopyPaste, CellCopyPasteConfig, CellEdit, CellEditConfig, CellEditorContext, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, Column, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, GridContainerItemConfig, EmptyTextDomConfig, ExcelExporter, ExcelExporterConfig, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, Grid, GridBase, GridColumnConfig, GridListeners, GridLocation, GridLocationConfig, GridSelectionMode, GridStateInfo, Group, GroupConfig, GroupSummary, GroupSummaryConfig, HeaderMenu, HeaderMenuConfig, LockRows, LockRowsConfig, MergeCells, MergeCellsConfig, PdfExport, PdfExportConfig, PinColumns, PinColumnsConfig, PreserveScrollOptions, Print, PrintConfig, QuickFind, QuickFindConfig, RecordPositionContext, RegionResize, RegionResizeConfig, ResponsiveLevelConfig, Row, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowEditorContext, RowExpander, RowExpanderConfig, RowReorder, RowReorderConfig, RowResize, RowResizeConfig, Search, SearchConfig, Sort, SortConfig, Split, SplitConfig, StickyCells, StickyCellsConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, Summary, SummaryConfig, Tree, TreeConfig, TreeGroup, TreeGroupConfig, XLSColumn } from '@bryntum/grid-thin';
 
 import { DomHelper, StringHelper } from '@bryntum/core-thin';
@@ -456,6 +456,12 @@ export type BryntumGridProps = {
      * Grid monitors window resize by default.
      */
     monitorResize ? : boolean
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/Grid#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Specify plugins (an array of classes) in config
      */
@@ -606,7 +612,7 @@ export type BryntumGridProps = {
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/Grid#config-stateId)
      */
-    stateId ? : string
+    stateId ? : string|null
     /**
      * The `StateProvider` to use to save and restore this object's [state](https://bryntum.com/products/grid/docs/api/Core/mixin/State#property-state). By default, `state`
      * will be saved using the [default state provider](https://bryntum.com/products/grid/docs/api/Core/state/StateProvider#property-instance-static).
@@ -1070,6 +1076,8 @@ export class BryntumGridComponent implements OnInit, OnDestroy {
         'onHeaderMenuShow',
         'onHeaderMenuToggleItem',
         'onHide',
+        'onHorizontalScroll',
+        'onHorizontalScrollEnd',
         'onLockRows',
         'onMouseOut',
         'onMouseOver',
@@ -1232,6 +1240,7 @@ export class BryntumGridComponent implements OnInit, OnDestroy {
         'minHeight',
         'minWidth',
         'monitorResize',
+        'overflowTwinConfig',
         'plugins',
         'preserveFocusOnDatasetChange',
         'preserveScroll',
@@ -1323,6 +1332,7 @@ export class BryntumGridComponent implements OnInit, OnDestroy {
         'maskDefaults',
         'masked',
         'monitorResize',
+        'overflowTwinConfig',
         'plugins',
         'preserveFocusOnDatasetChange',
         'preserveScrollOnDatasetChange',
@@ -1339,7 +1349,6 @@ export class BryntumGridComponent implements OnInit, OnDestroy {
         'showDirty',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'subGridConfigs',
@@ -1356,6 +1365,7 @@ export class BryntumGridComponent implements OnInit, OnDestroy {
         'alignSelf',
         'animateTreeNodeToggle',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'cellEllipsis',
@@ -1406,6 +1416,7 @@ export class BryntumGridComponent implements OnInit, OnDestroy {
         'selectionMode',
         'span',
         'state',
+        'stateId',
         'stateSettings',
         'store',
         'title',
@@ -1478,6 +1489,7 @@ export class BryntumGridComponent implements OnInit, OnDestroy {
     @Input() maskDefaults                  ! : MaskConfig;
     @Input() masked                        ! : boolean|string|MaskConfig;
     @Input() monitorResize                 ! : boolean;
+    @Input() overflowTwinConfig            ! : OverflowTwinConfig|null;
     @Input() plugins                       ! : InstancePlugin[]|InstancePlugin;
     @Input() preserveFocusOnDatasetChange  ! : boolean;
     @Input() preserveScrollOnDatasetChange ! : boolean;
@@ -1494,7 +1506,6 @@ export class BryntumGridComponent implements OnInit, OnDestroy {
     @Input() showDirty                     ! : boolean|{ duringEdit: boolean, newRecord: boolean };
     @Input() stateful                      ! : boolean|object|string[];
     @Input() statefulEvents                ! : object|string[];
-    @Input() stateId                       ! : string;
     @Input() stateProvider                 ! : StateProvider;
     @Input() strips                        ! : Record<string, GridContainerItemConfig>;
     @Input() subGridConfigs                ! : Record<string, SubGridConfig>;
@@ -1551,6 +1562,7 @@ export class BryntumGridComponent implements OnInit, OnDestroy {
     @Input() scrollable                  ! : Scroller|boolean|ScrollerConfig;
     @Input() selectionMode               ! : GridSelectionMode;
     @Input() span                        ! : number;
+    @Input() stateId                     ! : string|null;
     @Input() stateSettings               ! : {
         restoreUnconfiguredColumns?: boolean
     };
@@ -1571,18 +1583,19 @@ export class BryntumGridComponent implements OnInit, OnDestroy {
     @Input() width                       ! : number|string;
 
     // Properties only
-    @Input() centered        ! : boolean|{
+    @Input() autoUpdateRecord ! : boolean;
+    @Input() centered         ! : boolean|{
         once?: boolean
     };
-    @Input() originalStore   ! : Store;
-    @Input() parent          ! : Widget;
-    @Input() selectedCell    ! : GridLocation|GridLocationConfig;
-    @Input() selectedCells   ! : GridLocation[]|GridLocationConfig[];
-    @Input() selectedRecord  ! : Model;
-    @Input() selectedRecords ! : Model[]|number[];
-    @Input() selectedRows    ! : Model[]|number[];
-    @Input() state           ! : GridStateInfo;
-    @Input() tooltip         ! : string|TooltipConfig;
+    @Input() originalStore    ! : Store;
+    @Input() parent           ! : Widget;
+    @Input() selectedCell     ! : GridLocation|GridLocationConfig;
+    @Input() selectedCells    ! : GridLocation[]|GridLocationConfig[];
+    @Input() selectedRecord   ! : Model;
+    @Input() selectedRecords  ! : Model[]|number[];
+    @Input() selectedRows     ! : Model[]|number[];
+    @Input() state            ! : GridStateInfo;
+    @Input() tooltip          ! : string|TooltipConfig;
 
     // Features
     @Input() aiFeature                 ! : object|boolean|string|AI|AIConfig;
@@ -2362,6 +2375,23 @@ export class BryntumGridComponent implements OnInit, OnDestroy {
      * @param {Core.widget.Widget} event.source The widget
      */
     @Output() onHide: any = new EventEmitter<((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
+     */
+    @Output() onHorizontalScroll: any = new EventEmitter<((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
+     */
+    @Output() onHorizontalScrollEnd: any = new EventEmitter<((event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void)|string>();
     /**
      * Fires when row locking is enabled.
      * @param {object} event Event object

package/src/lib/bryntum-group-bar.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, List, MaskConfig, Model, ModelConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, List, MaskConfig, Model, ModelConfig, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { GroupBar, GroupBarListeners } from '@bryntum/grid-thin';
 
 import { DomHelper, StringHelper } from '@bryntum/core-thin';
@@ -396,6 +396,12 @@ export type BryntumGroupBarProps = {
      * Configure as `true` to allow multi select and allow clicking and key navigation to select multiple chips.
      */
     multiSelect ? : boolean
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-contentElement), but must
      * not participate in the standard layout of that widget, and must be positioned relatively to that
@@ -663,6 +669,7 @@ export class BryntumGroupBarComponent implements OnInit, OnDestroy {
         'minWidth',
         'monitorResize',
         'multiSelect',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'readOnly',
@@ -733,6 +740,7 @@ export class BryntumGroupBarComponent implements OnInit, OnDestroy {
         'maskDefaults',
         'masked',
         'monitorResize',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -854,6 +862,7 @@ export class BryntumGroupBarComponent implements OnInit, OnDestroy {
     @Input() maskDefaults                 ! : MaskConfig;
     @Input() masked                       ! : boolean|string|MaskConfig;
     @Input() monitorResize                ! : boolean|object;
+    @Input() overflowTwinConfig           ! : OverflowTwinConfig|null;
     @Input() positioned                   ! : boolean;
     @Input() preventTooltipOnTouch        ! : boolean;
     @Input() relayStoreEvents             ! : boolean;

package/src/lib/bryntum-tree-combo.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, DomConfig, Duration, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, ReactJSX, Rectangle, Scroller, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, DomConfig, Duration, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { GridContainerItemConfig, TreeCombo, TreeComboListeners } from '@bryntum/grid-thin';
 
 import { DomHelper, StringHelper } from '@bryntum/core-thin';
@@ -582,6 +582,12 @@ export type BryntumTreeComboProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-name)
      */
     name ? : string
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * This implies that the picker will display an anchor pointer, but also means that the picker will align closer
      * to the input field so that the pointer pierces the [pickerAlignElement](https://bryntum.com/products/grid/docs/api/Core/widget/Combo#config-pickerAlignElement)
@@ -941,6 +947,7 @@ export class BryntumTreeComboComponent implements OnInit, OnDestroy {
         'multiSelect',
         'multiValueSeparator',
         'name',
+        'overflowTwinConfig',
         'overlayAnchor',
         'picker',
         'pickerAlignElement',
@@ -1059,6 +1066,7 @@ export class BryntumTreeComboComponent implements OnInit, OnDestroy {
         'monitorResize',
         'multiValueSeparator',
         'name',
+        'overflowTwinConfig',
         'overlayAnchor',
         'pickerAlignElement',
         'pickerWidth',
@@ -1230,6 +1238,7 @@ export class BryntumTreeComboComponent implements OnInit, OnDestroy {
     @Input() monitorResize                ! : boolean|object;
     @Input() multiValueSeparator          ! : string;
     @Input() name                         ! : string;
+    @Input() overflowTwinConfig           ! : OverflowTwinConfig|null;
     @Input() overlayAnchor                ! : boolean;
     @Input() pickerAlignElement           ! : string;
     @Input() pickerWidth                  ! : number|string;