@bryntum/grid-vue-3-thin 7.3.4 → 7.3.6

package/src/components/BryntumChecklistFilterCombo.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, Duration, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, ListConfig, MaskConfig, Model, Rectangle, Store, StoreConfig, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, Duration, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, ListConfig, MaskConfig, Model, OverflowTwinConfig, Rectangle, Store, StoreConfig, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 import type { ChecklistFilterComboListeners, GridContainerItemConfig } from '@bryntum/grid-thin';
 import { ChecklistFilterCombo } from '@bryntum/grid-thin';
 
@@ -482,7 +482,7 @@ defineProps<{
     /**
      * 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
     /**
@@ -586,6 +586,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#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/ChecklistFilterCombo#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)
@@ -1091,6 +1097,7 @@ const widgetData = {
         'monitorResize',
         'multiValueSeparator',
         'name',
+        'overflowTwinConfig',
         'overlayAnchor',
         'pickerAlignElement',
         'pickerWidth',

package/src/components/BryntumChecklistFilterComboProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, Duration, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, ListConfig, MaskConfig, Model, Rectangle, Store, StoreConfig, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, Duration, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, ListConfig, MaskConfig, Model, OverflowTwinConfig, Rectangle, Store, StoreConfig, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 import type { ChecklistFilterComboListeners, GridContainerItemConfig } from '@bryntum/grid-thin';
 
 export declare type BryntumChecklistFilterComboProps = {
@@ -467,7 +467,7 @@ export declare type BryntumChecklistFilterComboProps = {
     /**
      * 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
     /**
@@ -571,6 +571,12 @@ export declare type BryntumChecklistFilterComboProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#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/ChecklistFilterCombo#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)

package/src/components/BryntumGrid.vue

@@ -33,7 +33,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { 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, Widget } from '@bryntum/core-thin';
+import type { 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, Widget } from '@bryntum/core-thin';
 import type { 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, 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 { Grid } from '@bryntum/grid-thin';
 
@@ -482,6 +482,12 @@ defineProps<{
      * 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
      */
@@ -632,7 +638,7 @@ defineProps<{
      * (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).
@@ -1902,6 +1908,27 @@ const emit = defineEmits<{
      * @param {Core.widget.Widget} params.event.source The widget
      */
     (e: 'hide', params: ((event: { source: Widget }) => void)|string): void
+    /**
+     * Fires when the Grid is scrolling horizontally in one of its SubGrids.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.GridBase} params.event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} params.event.subGrid The scrolling SubGrid instance
+     * @param {number} params.event.scrollLeft The horizontal scroll position
+     * @param {number} params.event.scrollX The horizontal scroll position in the RTL-safe coordinate system
+     */
+    (e: 'horizontalScroll', params: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft: number, scrollX: number }) => void)|string): void
+    /**
+     * Fires after the Grid is done scrolling horizontally in one of its SubGrids.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.GridBase} params.event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} params.event.subGrid The scrolling SubGrid instance
+     * @param {number} [params.event.scrollLeft] The horizontal scroll position. Only supplied when the event follows a SubGrid resize, the scroll driven path does not report a position
+     */
+    (e: 'horizontalScrollEnd', params: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void)|string): void
     /**
      * Fires when row locking is enabled.
      * @param {string} e Event name
@@ -2341,6 +2368,7 @@ const widgetData = {
         'maskDefaults',
         'masked',
         'monitorResize',
+        'overflowTwinConfig',
         'plugins',
         'preserveFocusOnDatasetChange',
         'preserveScrollOnDatasetChange',
@@ -2357,7 +2385,6 @@ const widgetData = {
         'showDirty',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'subGridConfigs',
@@ -2489,6 +2516,8 @@ const widgetData = {
         'onHeaderMenuShow',
         'onHeaderMenuToggleItem',
         'onHide',
+        'onHorizontalScroll',
+        'onHorizontalScrollEnd',
         'onLockRows',
         'onMouseOut',
         'onMouseOver',
@@ -2533,6 +2562,7 @@ const widgetData = {
         'scrollable',
         'selectionMode',
         'span',
+        'stateId',
         'stateSettings',
         'store',
         'title',
@@ -2542,6 +2572,7 @@ const widgetData = {
         'width'
     ],
     propertyNames : [
+        'autoUpdateRecord',
         'centered',
         'originalStore',
         'parent',
@@ -2638,6 +2669,8 @@ const widgetData = {
         'headerMenuShow',
         'headerMenuToggleItem',
         'hide',
+        'horizontalScroll',
+        'horizontalScrollEnd',
         'lockRows',
         'mouseOut',
         'mouseOver',

package/src/components/BryntumGridBase.vue

@@ -33,7 +33,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { 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, Widget } from '@bryntum/core-thin';
+import type { 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, Widget } from '@bryntum/core-thin';
 import type { 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, 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 { GridBase } from '@bryntum/grid-thin';
 
@@ -482,6 +482,12 @@ defineProps<{
      * 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
      */
@@ -632,7 +638,7 @@ defineProps<{
      * (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).
@@ -1901,6 +1907,27 @@ const emit = defineEmits<{
      * @param {Core.widget.Widget} params.event.source The widget
      */
     (e: 'hide', params: ((event: { source: Widget }) => void)|string): void
+    /**
+     * Fires when the Grid is scrolling horizontally in one of its SubGrids.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.GridBase} params.event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} params.event.subGrid The scrolling SubGrid instance
+     * @param {number} params.event.scrollLeft The horizontal scroll position
+     * @param {number} params.event.scrollX The horizontal scroll position in the RTL-safe coordinate system
+     */
+    (e: 'horizontalScroll', params: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft: number, scrollX: number }) => void)|string): void
+    /**
+     * Fires after the Grid is done scrolling horizontally in one of its SubGrids.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.GridBase} params.event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} params.event.subGrid The scrolling SubGrid instance
+     * @param {number} [params.event.scrollLeft] The horizontal scroll position. Only supplied when the event follows a SubGrid resize, the scroll driven path does not report a position
+     */
+    (e: 'horizontalScrollEnd', params: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void)|string): void
     /**
      * Fires when row locking is enabled.
      * @param {string} e Event name
@@ -2339,6 +2366,7 @@ const widgetData = {
         'maskDefaults',
         'masked',
         'monitorResize',
+        'overflowTwinConfig',
         'plugins',
         'preserveFocusOnDatasetChange',
         'preserveScrollOnDatasetChange',
@@ -2355,7 +2383,6 @@ const widgetData = {
         'showDirty',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'subGridConfigs',
@@ -2486,6 +2513,8 @@ const widgetData = {
         'onHeaderMenuShow',
         'onHeaderMenuToggleItem',
         'onHide',
+        'onHorizontalScroll',
+        'onHorizontalScrollEnd',
         'onLockRows',
         'onMouseOut',
         'onMouseOver',
@@ -2530,6 +2559,7 @@ const widgetData = {
         'scrollable',
         'selectionMode',
         'span',
+        'stateId',
         'stateSettings',
         'store',
         'title',
@@ -2539,6 +2569,7 @@ const widgetData = {
         'width'
     ],
     propertyNames : [
+        'autoUpdateRecord',
         'centered',
         'originalStore',
         'parent',
@@ -2635,6 +2666,8 @@ const widgetData = {
         'headerMenuShow',
         'headerMenuToggleItem',
         'hide',
+        'horizontalScroll',
+        'horizontalScrollEnd',
         'lockRows',
         'mouseOut',
         'mouseOver',

package/src/components/BryntumGridBaseProps.ts

@@ -1,4 +1,4 @@
-import type { AjaxStore, AjaxStoreConfig, Color, DomConfig, FormulaProviderConfig, InstancePlugin, KeyMapConfig, Mask, MaskConfig, Model, ModelConfig, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, StateProvider, Store, StoreConfig, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, Widget } from '@bryntum/core-thin';
+import type { AjaxStore, AjaxStoreConfig, Color, DomConfig, FormulaProviderConfig, InstancePlugin, KeyMapConfig, Mask, MaskConfig, Model, ModelConfig, OverflowTwinConfig, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, StateProvider, Store, StoreConfig, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, Widget } from '@bryntum/core-thin';
 import type { AI, AIConfig, AIFilter, AIFilterConfig, CellCopyPaste, CellCopyPasteConfig, CellEdit, CellEditConfig, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, GridContainerItemConfig, EmptyTextDomConfig, ExcelExporter, ExcelExporterConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, GridBaseListeners, GridColumnConfig, GridSelectionMode, Group, GroupConfig, GroupSummary, GroupSummaryConfig, HeaderMenu, HeaderMenuConfig, LockRows, LockRowsConfig, MergeCells, MergeCellsConfig, PdfExport, PdfExportConfig, PinColumns, PinColumnsConfig, PreserveScrollOptions, Print, PrintConfig, QuickFind, QuickFindConfig, RegionResize, RegionResizeConfig, ResponsiveLevelConfig, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowExpander, RowExpanderConfig, RowReorder, RowReorderConfig, RowResize, RowResizeConfig, Search, SearchConfig, Sort, SortConfig, Split, SplitConfig, StickyCells, StickyCellsConfig, Stripe, StripeConfig, SubGridConfig, Summary, SummaryConfig, Tree, TreeConfig, TreeGroup, TreeGroupConfig } from '@bryntum/grid-thin';
 
 export declare type BryntumGridBaseProps = {
@@ -444,6 +444,12 @@ export declare 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
      */
@@ -594,7 +600,7 @@ export declare 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).

package/src/components/BryntumGridChartDesigner.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Color, DomConfig, KeyMapConfig, MaskConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, DomConfig, KeyMapConfig, MaskConfig, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import type { Grid, GridChartDesignerListeners } from '@bryntum/grid-thin';
 import { GridChartDesigner } from '@bryntum/grid-thin';
 
@@ -313,6 +313,12 @@ defineProps<{
      * @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
@@ -612,6 +618,7 @@ const widgetData = {
         'maskDefaults',
         'masked',
         'monitorResize',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/components/BryntumGridChartDesignerProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Color, DomConfig, KeyMapConfig, MaskConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, DomConfig, KeyMapConfig, MaskConfig, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import type { Grid, GridChartDesignerListeners } from '@bryntum/grid-thin';
 
 export declare type BryntumGridChartDesignerProps = {
@@ -298,6 +298,12 @@ export declare 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

package/src/components/BryntumGridFieldFilterPicker.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, Color, ComboConfig, Container, DomConfig, FieldFilterPicker, FieldOption, KeyMapConfig, MaskConfig, MenuItemEntry, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, Color, ComboConfig, Container, DomConfig, FieldFilterPicker, FieldOption, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/core-thin';
 import type { GridContainerItemConfig, GridContainerLayoutConfig, Grid, GridFieldFilterPickerListeners } from '@bryntum/grid-thin';
 import { GridFieldFilterPicker } from '@bryntum/grid-thin';
 
@@ -67,7 +67,7 @@ defineProps<{
      */
     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
     /**
@@ -432,6 +432,12 @@ defineProps<{
      * [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
@@ -781,7 +787,6 @@ const widgetData = {
         'anchor',
         'ariaDescription',
         'ariaLabel',
-        'autoUpdateRecord',
         'border',
         'bubbleEvents',
         'color',
@@ -818,6 +823,7 @@ const widgetData = {
         'namedItems',
         'operatorLocked',
         'operators',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'propertyFieldConfig',
@@ -845,6 +851,7 @@ const widgetData = {
     propertyConfigNames : [
         'alignSelf',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'centered',

package/src/components/BryntumGridFieldFilterPickerGroup.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, CollectionFilterConfig, Color, Container, DomConfig, FieldFilterPicker, FieldFilterPickerConfig, FieldFilterPickerGroup, KeyMapConfig, MaskConfig, MenuItemEntry, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, CollectionFilterConfig, Color, Container, DomConfig, FieldFilterPicker, FieldFilterPickerConfig, FieldFilterPickerGroup, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import type { GridContainerItemConfig, GridContainerLayoutConfig, Grid, GridFieldFilterPickerGroupListeners } from '@bryntum/grid-thin';
 import { GridFieldFilterPickerGroup } from '@bryntum/grid-thin';
 
@@ -70,7 +70,7 @@ defineProps<{
      */
     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
     /**
@@ -449,6 +449,12 @@ defineProps<{
      * [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
@@ -798,7 +804,6 @@ const widgetData = {
         'anchor',
         'ariaDescription',
         'ariaLabel',
-        'autoUpdateRecord',
         'border',
         'bubbleEvents',
         'canDeleteFilter',
@@ -836,6 +841,7 @@ const widgetData = {
         'monitorResize',
         'namedItems',
         'operators',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -860,6 +866,7 @@ const widgetData = {
     propertyConfigNames : [
         'alignSelf',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'centered',

package/src/components/BryntumGridFieldFilterPickerGroupProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, CollectionFilterConfig, Color, DomConfig, FieldFilterPickerConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, CollectionFilterConfig, Color, DomConfig, FieldFilterPickerConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import type { GridContainerItemConfig, GridContainerLayoutConfig, Grid, GridFieldFilterPickerGroupListeners } from '@bryntum/grid-thin';
 
 export declare type BryntumGridFieldFilterPickerGroupProps = {
@@ -55,7 +55,7 @@ export declare 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
     /**
@@ -434,6 +434,12 @@ export declare 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

package/src/components/BryntumGridFieldFilterPickerProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, Color, ComboConfig, DomConfig, FieldOption, KeyMapConfig, MaskConfig, MenuItemEntry, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, Color, ComboConfig, DomConfig, FieldOption, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/core-thin';
 import type { GridContainerItemConfig, GridContainerLayoutConfig, Grid, GridFieldFilterPickerListeners } from '@bryntum/grid-thin';
 
 export declare type BryntumGridFieldFilterPickerProps = {
@@ -52,7 +52,7 @@ export declare 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
     /**
@@ -417,6 +417,12 @@ export declare 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

package/src/components/BryntumGridProps.ts

@@ -1,4 +1,4 @@
-import type { AjaxStore, AjaxStoreConfig, Color, DomConfig, FormulaProviderConfig, InstancePlugin, KeyMapConfig, Mask, MaskConfig, Model, ModelConfig, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, StateProvider, Store, StoreConfig, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, Widget } from '@bryntum/core-thin';
+import type { AjaxStore, AjaxStoreConfig, Color, DomConfig, FormulaProviderConfig, InstancePlugin, KeyMapConfig, Mask, MaskConfig, Model, ModelConfig, OverflowTwinConfig, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, StateProvider, Store, StoreConfig, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, Widget } from '@bryntum/core-thin';
 import type { AI, AIConfig, AIFilter, AIFilterConfig, CellCopyPaste, CellCopyPasteConfig, CellEdit, CellEditConfig, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, GridContainerItemConfig, EmptyTextDomConfig, ExcelExporter, ExcelExporterConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, GridColumnConfig, GridListeners, GridSelectionMode, Group, GroupConfig, GroupSummary, GroupSummaryConfig, HeaderMenu, HeaderMenuConfig, LockRows, LockRowsConfig, MergeCells, MergeCellsConfig, PdfExport, PdfExportConfig, PinColumns, PinColumnsConfig, PreserveScrollOptions, Print, PrintConfig, QuickFind, QuickFindConfig, RegionResize, RegionResizeConfig, ResponsiveLevelConfig, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowExpander, RowExpanderConfig, RowReorder, RowReorderConfig, RowResize, RowResizeConfig, Search, SearchConfig, Sort, SortConfig, Split, SplitConfig, StickyCells, StickyCellsConfig, Stripe, StripeConfig, SubGridConfig, Summary, SummaryConfig, Tree, TreeConfig, TreeGroup, TreeGroupConfig } from '@bryntum/grid-thin';
 
 export declare type BryntumGridProps = {
@@ -444,6 +444,12 @@ export declare 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
      */
@@ -594,7 +600,7 @@ export declare 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).

package/src/components/BryntumGroupBar.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, List, MaskConfig, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, List, MaskConfig, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import type { GroupBarListeners } from '@bryntum/grid-thin';
 import { GroupBar } from '@bryntum/grid-thin';
 
@@ -399,6 +399,12 @@ defineProps<{
      * 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
@@ -790,6 +796,7 @@ const widgetData = {
         'maskDefaults',
         'masked',
         'monitorResize',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/components/BryntumGroupBarProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, MaskConfig, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, MaskConfig, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import type { GroupBarListeners } from '@bryntum/grid-thin';
 
 export declare type BryntumGroupBarProps = {
@@ -384,6 +384,12 @@ export declare 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