@bryntum/grid-vue-3 7.3.3 → 7.3.5

package/src/components/BryntumButtonGroupProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Button, ButtonConfig, ButtonGroupListeners, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Button, ButtonConfig, ButtonGroupListeners, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumButtonGroupProps = {
@@ -363,6 +363,12 @@ export declare type BryntumButtonGroupProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/ButtonGroup#config-namedItems)
      */
     namedItems ? : Record<string, ContainerItemConfig>
+    /**
+     * 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/Core/widget/ButtonGroup#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
@@ -513,6 +519,17 @@ export declare type BryntumButtonGroupProps = {
      * button elements)
      */
     useGap ? : Boolean
+    /**
+     * The group's value, composed of the [values](https://bryntum.com/products/grid/docs/api/Core/widget/Button#property-value) of the currently
+     * pressed buttons, joined by the [valueSeparator](https://bryntum.com/products/grid/docs/api/Core/widget/ButtonGroup#config-valueSeparator). Assigning a value presses the buttons
+     * whose values match.
+     */
+    value ? : string|string[]|number[]
+    /**
+     * The separator used when joining the values of the pressed buttons into the group's
+     * [value](https://bryntum.com/products/grid/docs/api/Core/widget/ButtonGroup#property-value).
+     */
+    valueSeparator ? : string
     /**
      * A widgets weight determines its position among siblings when added to a [Container](https://bryntum.com/products/grid/docs/api/Core/widget/Container).
      * Higher weights go further down.

package/src/components/BryntumButtonProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ButtonListeners, Color, ContainerItemConfig, DomConfig, KeyMapConfig, MaskConfig, MenuConfig, MenuItemEntry, PopupConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, ButtonListeners, Color, ContainerItemConfig, DomConfig, KeyMapConfig, MaskConfig, MenuConfig, MenuItemEntry, OverflowTwinConfig, PopupConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumButtonProps = {
@@ -49,7 +49,9 @@ export declare type BryntumButtonProps = {
      */
     badge ? : string
     /**
-     * The button behavioral type, will be applied as a `type` attribute to this button's element.
+     * The button behavioral type, applied as a `type` attribute to the widget's element only when it renders as a
+     * `<button>`. When the widget renders as an `<a>` element (i.e. when [href](https://bryntum.com/products/grid/docs/api/Core/widget/Button#config-href) is set), this
+     * attribute is not emitted.
      */
     behaviorType ? : 'button'|'submit'|'reset'
     /**
@@ -325,6 +327,12 @@ export declare type BryntumButtonProps = {
      * @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/Core/widget/Button#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
@@ -487,6 +495,11 @@ export declare type BryntumButtonProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Button#config-ui)
      */
     ui ? : string|object
+    /**
+     * An arbitrary value associated with this button. For example, a [ButtonGroup](https://bryntum.com/products/grid/docs/api/Core/widget/ButtonGroup) composes
+     * its own [value](https://bryntum.com/products/grid/docs/api/Core/widget/ButtonGroup#property-value) from the values of its pressed buttons.
+     */
+    value ? : string
     /**
      * A widgets weight determines its position among siblings when added to a [Container](https://bryntum.com/products/grid/docs/api/Core/widget/Container).
      * Higher weights go further down.

package/src/components/BryntumChatPanel.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, ChatMessageModelConfig, ChatPanelListeners, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, ChatMessageModelConfig, ChatPanelListeners, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import { ChatPanel } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -470,6 +470,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/chat/ChatPanel#config-namedItems)
      */
     namedItems ? : Record<string, ContainerItemConfig>
+    /**
+     * 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/Core/widget/chat/ChatPanel#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
@@ -573,7 +579,7 @@ defineProps<{
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/chat/ChatPanel#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).
@@ -957,6 +963,7 @@ const widgetData = {
         'messageTriggersPlacement',
         'monitorResize',
         'namedItems',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -968,7 +975,6 @@ const widgetData = {
         'showTooltipWhenDisabled',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -1052,6 +1058,7 @@ const widgetData = {
         'scrollable',
         'showTimestamp',
         'span',
+        'stateId',
         'strictRecordMapping',
         'title',
         'tools',

package/src/components/BryntumChatPanelProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ChatMessageModelConfig, ChatPanelListeners, Color, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, ChatMessageModelConfig, ChatPanelListeners, Color, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumChatPanelProps = {
@@ -456,6 +456,12 @@ export declare type BryntumChatPanelProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/chat/ChatPanel#config-namedItems)
      */
     namedItems ? : Record<string, ContainerItemConfig>
+    /**
+     * 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/Core/widget/chat/ChatPanel#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
@@ -559,7 +565,7 @@ export declare type BryntumChatPanelProps = {
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/chat/ChatPanel#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/BryntumCheckbox.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, CheckboxListeners, ContainerItemConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, CheckboxListeners, ContainerItemConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, OverflowTwinConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
 import { Checkbox } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -437,6 +437,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Checkbox#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/Core/widget/Checkbox#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
@@ -876,6 +882,7 @@ const widgetData = {
         'maskDefaults',
         'masked',
         'monitorResize',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/components/BryntumCheckboxGroup.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, CheckboxConfig, CheckboxGroupListeners, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, CheckboxConfig, CheckboxGroupListeners, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import { CheckboxGroup } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -470,6 +470,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/CheckboxGroup#config-options)
      */
     options ? : Record<string, string|CheckboxConfig>
+    /**
+     * 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/Core/widget/CheckboxGroup#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
@@ -575,7 +581,7 @@ defineProps<{
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/CheckboxGroup#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).
@@ -952,6 +958,7 @@ const widgetData = {
         'name',
         'namedItems',
         'options',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -963,7 +970,6 @@ const widgetData = {
         'showTooltipWhenDisabled',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -1044,6 +1050,7 @@ const widgetData = {
         'rtl',
         'scrollable',
         'span',
+        'stateId',
         'strictRecordMapping',
         'title',
         'tools',

package/src/components/BryntumCheckboxGroupProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, CheckboxConfig, CheckboxGroupListeners, Color, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, CheckboxConfig, CheckboxGroupListeners, Color, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumCheckboxGroupProps = {
@@ -456,6 +456,12 @@ export declare type BryntumCheckboxGroupProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/CheckboxGroup#config-options)
      */
     options ? : Record<string, string|CheckboxConfig>
+    /**
+     * 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/Core/widget/CheckboxGroup#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
@@ -561,7 +567,7 @@ export declare type BryntumCheckboxGroupProps = {
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/CheckboxGroup#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/BryntumCheckboxProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, CheckboxListeners, ContainerItemConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, CheckboxListeners, ContainerItemConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, OverflowTwinConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumCheckboxProps = {
@@ -423,6 +423,12 @@ export declare type BryntumCheckboxProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Checkbox#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/Core/widget/Checkbox#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/BryntumChecklistFilterCombo.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, ChecklistFilterComboListeners, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, ContainerItemConfig, Duration, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, ListConfig, MaskConfig, Model, Rectangle, Store, StoreConfig, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, ChecklistFilterComboListeners, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, ContainerItemConfig, Duration, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, ListConfig, MaskConfig, Model, OverflowTwinConfig, Rectangle, Store, StoreConfig, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
 import { ChecklistFilterCombo } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -126,6 +126,7 @@ defineProps<{
      * Show a trigger to clear field, if this field is not [readOnly](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-readOnly). The trigger is available
      * in the [triggers](https://bryntum.com/products/grid/docs/api/Core/widget/Field#property-triggers) object under the name `clear`. May also be an object which
      * configures the `clear` [trigger](https://bryntum.com/products/grid/docs/api/Core/widget/Field#property-triggers).
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-clearable)
      */
     clearable ? : Boolean|FieldTriggerConfig
     /**
@@ -584,6 +585,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)
@@ -1089,6 +1096,7 @@ const widgetData = {
         'monitorResize',
         'multiValueSeparator',
         'name',
+        'overflowTwinConfig',
         'overlayAnchor',
         'pickerAlignElement',
         'pickerWidth',

package/src/components/BryntumChecklistFilterComboProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ChecklistFilterComboListeners, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, ContainerItemConfig, Duration, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, ListConfig, MaskConfig, Model, Rectangle, Store, StoreConfig, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, ChecklistFilterComboListeners, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, ContainerItemConfig, Duration, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, ListConfig, MaskConfig, Model, OverflowTwinConfig, Rectangle, Store, StoreConfig, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumChecklistFilterComboProps = {
@@ -112,6 +112,7 @@ export declare type BryntumChecklistFilterComboProps = {
      * Show a trigger to clear field, if this field is not [readOnly](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-readOnly). The trigger is available
      * in the [triggers](https://bryntum.com/products/grid/docs/api/Core/widget/Field#property-triggers) object under the name `clear`. May also be an object which
      * configures the `clear` [trigger](https://bryntum.com/products/grid/docs/api/Core/widget/Field#property-triggers).
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-clearable)
      */
     clearable ? : Boolean|FieldTriggerConfig
     /**
@@ -570,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/BryntumChipView.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, ChipViewListeners, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, List, MaskConfig, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, ChipViewListeners, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, List, MaskConfig, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import { ChipView } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -398,6 +398,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/Core/widget/ChipView#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
@@ -789,6 +795,7 @@ const widgetData = {
         'maskDefaults',
         'masked',
         'monitorResize',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/components/BryntumChipViewProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ChipViewListeners, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, MaskConfig, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, ChipViewListeners, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, MaskConfig, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumChipViewProps = {
@@ -384,6 +384,12 @@ export declare type BryntumChipViewProps = {
      * 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/Core/widget/ChipView#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/BryntumCodeEditor.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, CodeEditorListeners, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, CodeEditorListeners, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import { CodeEditor } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -448,6 +448,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/CodeEditor#config-namedItems)
      */
     namedItems ? : Record<string, ContainerItemConfig>
+    /**
+     * 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/Core/widget/CodeEditor#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
@@ -546,7 +552,7 @@ defineProps<{
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/CodeEditor#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).
@@ -910,6 +916,7 @@ const widgetData = {
         'masked',
         'monitorResize',
         'namedItems',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -921,7 +928,6 @@ const widgetData = {
         'showTooltipWhenDisabled',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -996,6 +1002,7 @@ const widgetData = {
         'rtl',
         'scrollable',
         'span',
+        'stateId',
         'status',
         'strictRecordMapping',
         'text',

package/src/components/BryntumCodeEditorProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, CodeEditorListeners, Color, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, CodeEditorListeners, Color, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumCodeEditorProps = {
@@ -434,6 +434,12 @@ export declare type BryntumCodeEditorProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/CodeEditor#config-namedItems)
      */
     namedItems ? : Record<string, ContainerItemConfig>
+    /**
+     * 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/Core/widget/CodeEditor#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
@@ -532,7 +538,7 @@ export declare type BryntumCodeEditorProps = {
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/CodeEditor#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/BryntumColorField.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, ColorDescriptor, ColorFieldListeners, ContainerItemConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, ColorDescriptor, ColorFieldListeners, ContainerItemConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, OverflowTwinConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
 import { ColorField } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -115,6 +115,7 @@ defineProps<{
      * Show a trigger to clear field, if this field is not [readOnly](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-readOnly). The trigger is available
      * in the [triggers](https://bryntum.com/products/grid/docs/api/Core/widget/Field#property-triggers) object under the name `clear`. May also be an object which
      * configures the `clear` [trigger](https://bryntum.com/products/grid/docs/api/Core/widget/Field#property-triggers).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/ColorField#config-clearable)
      */
     clearable ? : Boolean|FieldTriggerConfig
     /**
@@ -445,6 +446,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/ColorField#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/Core/widget/ColorField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * The name of the element property to which the picker should size and align itself.
      */
@@ -868,6 +875,7 @@ const widgetData = {
         'minLength',
         'monitorResize',
         'name',
+        'overflowTwinConfig',
         'pickerAlignElement',
         'positioned',
         'preventTooltipOnTouch',

package/src/components/BryntumColorFieldProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ColorDescriptor, ColorFieldListeners, ContainerItemConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, ColorDescriptor, ColorFieldListeners, ContainerItemConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, OverflowTwinConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumColorFieldProps = {
@@ -101,6 +101,7 @@ export declare type BryntumColorFieldProps = {
      * Show a trigger to clear field, if this field is not [readOnly](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-readOnly). The trigger is available
      * in the [triggers](https://bryntum.com/products/grid/docs/api/Core/widget/Field#property-triggers) object under the name `clear`. May also be an object which
      * configures the `clear` [trigger](https://bryntum.com/products/grid/docs/api/Core/widget/Field#property-triggers).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/ColorField#config-clearable)
      */
     clearable ? : Boolean|FieldTriggerConfig
     /**
@@ -431,6 +432,12 @@ export declare type BryntumColorFieldProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/ColorField#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/Core/widget/ColorField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * The name of the element property to which the picker should size and align itself.
      */

package/src/components/BryntumCombo.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, ComboListeners, ContainerItemConfig, Duration, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, ListConfig, MaskConfig, Model, Rectangle, Store, StoreConfig, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, ComboListeners, ContainerItemConfig, Duration, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, ListConfig, MaskConfig, Model, OverflowTwinConfig, Rectangle, Store, StoreConfig, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
 import { Combo } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -126,6 +126,7 @@ defineProps<{
      * Show a trigger to clear field, if this field is not [readOnly](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-readOnly). The trigger is available
      * in the [triggers](https://bryntum.com/products/grid/docs/api/Core/widget/Field#property-triggers) object under the name `clear`. May also be an object which
      * configures the `clear` [trigger](https://bryntum.com/products/grid/docs/api/Core/widget/Field#property-triggers).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Combo#config-clearable)
      */
     clearable ? : Boolean|FieldTriggerConfig
     /**
@@ -583,6 +584,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Combo#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/Core/widget/Combo#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)
@@ -1080,6 +1087,7 @@ const widgetData = {
         'monitorResize',
         'multiValueSeparator',
         'name',
+        'overflowTwinConfig',
         'overlayAnchor',
         'pickerAlignElement',
         'pickerWidth',