@bryntum/grid-vue-3 7.3.4 → 7.3.6

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';
@@ -59,7 +59,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
     /**
@@ -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).
@@ -912,7 +918,6 @@ const widgetData = {
         'anchor',
         'ariaDescription',
         'ariaLabel',
-        'autoUpdateRecord',
         'bbar',
         'bodyCls',
         'border',
@@ -952,6 +957,7 @@ const widgetData = {
         'name',
         'namedItems',
         'options',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -963,7 +969,6 @@ const widgetData = {
         'showTooltipWhenDisabled',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -980,6 +985,7 @@ const widgetData = {
     propertyConfigNames : [
         'alignSelf',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'centered',
@@ -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 = {
@@ -45,7 +45,7 @@ export declare type BryntumCheckboxGroupProps = {
      */
     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
     /**
@@ -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';
@@ -481,7 +481,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
     /**
@@ -585,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)
@@ -1090,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 = {
@@ -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/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';
@@ -59,7 +59,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
     /**
@@ -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).
@@ -871,7 +877,6 @@ const widgetData = {
         'anchor',
         'ariaDescription',
         'ariaLabel',
-        'autoUpdateRecord',
         'bbar',
         'bodyCls',
         'border',
@@ -910,6 +915,7 @@ const widgetData = {
         'masked',
         'monitorResize',
         'namedItems',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -921,7 +927,6 @@ const widgetData = {
         'showTooltipWhenDisabled',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -938,6 +943,7 @@ const widgetData = {
     propertyConfigNames : [
         'alignSelf',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'centered',
@@ -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 = {
@@ -45,7 +45,7 @@ export declare type BryntumCodeEditorProps = {
      */
     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 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';
@@ -446,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.
      */
@@ -869,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 = {
@@ -432,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';
@@ -584,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)
@@ -1081,6 +1087,7 @@ const widgetData = {
         'monitorResize',
         'multiValueSeparator',
         'name',
+        'overflowTwinConfig',
         'overlayAnchor',
         'pickerAlignElement',
         'pickerWidth',

package/src/components/BryntumComboProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, 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, Combo, ComboListeners, 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 BryntumComboProps = {
@@ -570,6 +570,12 @@ export declare type BryntumComboProps = {
      * [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)

package/src/components/BryntumContainer.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Color, ContainerItemConfig, ContainerLayoutConfig, ContainerListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ContainerItemConfig, ContainerLayoutConfig, ContainerListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import { Container } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -59,7 +59,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
     /**
@@ -382,6 +382,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Container#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/Container#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
@@ -700,7 +706,6 @@ const widgetData = {
         'anchor',
         'ariaDescription',
         'ariaLabel',
-        'autoUpdateRecord',
         'border',
         'bubbleEvents',
         'color',
@@ -730,6 +735,7 @@ const widgetData = {
         'masked',
         'monitorResize',
         'namedItems',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -752,6 +758,7 @@ const widgetData = {
     propertyConfigNames : [
         'alignSelf',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'centered',

package/src/components/BryntumContainerProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Color, ContainerItemConfig, ContainerLayoutConfig, ContainerListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ContainerItemConfig, ContainerLayoutConfig, ContainerListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumContainerProps = {
@@ -45,7 +45,7 @@ export declare type BryntumContainerProps = {
      */
     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
     /**
@@ -368,6 +368,12 @@ export declare type BryntumContainerProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Container#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/Container#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/BryntumDateField.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Color, ContainerItemConfig, DateFieldListeners, DatePickerConfig, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TimeField, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ContainerItemConfig, DateFieldListeners, DatePickerConfig, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, OverflowTwinConfig, Rectangle, TabConfig, TimeField, TooltipConfig, Widget } from '@bryntum/grid';
 import { DateField } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -463,6 +463,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DateField#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/DateField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * A reference to a partner TimeField which this DateField should sync its value with.
      * When the TimeField's value is changed, this DateField's value is updated to match.
@@ -932,6 +938,7 @@ const widgetData = {
         'minLength',
         'monitorResize',
         'name',
+        'overflowTwinConfig',
         'picker',
         'pickerAlignElement',
         'pickerFormat',

package/src/components/BryntumDateFieldProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Color, ContainerItemConfig, DateFieldListeners, DatePickerConfig, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TimeField, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ContainerItemConfig, DateFieldListeners, DatePickerConfig, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, OverflowTwinConfig, Rectangle, TabConfig, TimeField, TooltipConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumDateFieldProps = {
@@ -449,6 +449,12 @@ export declare type BryntumDateFieldProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DateField#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/DateField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * A reference to a partner TimeField which this DateField should sync its value with.
      * When the TimeField's value is changed, this DateField's value is updated to match.