@bryntum/core-vue-3-thin 7.3.3 → 7.3.5

package/src/components/BryntumComboProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, ComboListeners, CoreContainerItemConfig, 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, ComboListeners, CoreContainerItemConfig, Duration, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, ListConfig, MaskConfig, Model, OverflowTwinConfig, Rectangle, Store, StoreConfig, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumComboProps = {
     // Configs
@@ -111,6 +111,7 @@ export declare type BryntumComboProps = {
      * Show a trigger to clear field, if this field is not [readOnly](https://bryntum.com/products/core/docs/api/Core/widget/Field#config-readOnly). The trigger is available
      * in the [triggers](https://bryntum.com/products/core/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/core/docs/api/Core/widget/Field#property-triggers).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Combo#config-clearable)
      */
     clearable ? : Boolean|FieldTriggerConfig
     /**
@@ -568,6 +569,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/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/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/core/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, CoreContainerItemConfig, CoreContainerLayoutConfig, ContainerListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, ContainerListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { Container } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -382,6 +382,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-namedItems)
      */
     namedItems ? : Record<string, CoreContainerItemConfig>
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/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/core/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
@@ -730,6 +736,7 @@ const widgetData = {
         'masked',
         'monitorResize',
         'namedItems',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/components/BryntumContainerProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, ContainerListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, ContainerListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumContainerProps = {
     // Configs
@@ -367,6 +367,12 @@ export declare type BryntumContainerProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-namedItems)
      */
     namedItems ? : Record<string, CoreContainerItemConfig>
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/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/core/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, CoreContainerItemConfig, DateFieldListeners, DatePickerConfig, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TimeField, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, DateFieldListeners, DatePickerConfig, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, OverflowTwinConfig, Rectangle, TabConfig, TimeField, TooltipConfig, Widget } from '@bryntum/core-thin';
 import { DateField } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -111,6 +111,7 @@ defineProps<{
      * Show a trigger to clear field, if this field is not [readOnly](https://bryntum.com/products/core/docs/api/Core/widget/Field#config-readOnly). The trigger is available
      * in the [triggers](https://bryntum.com/products/core/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/core/docs/api/Core/widget/Field#property-triggers).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DateField#config-clearable)
      */
     clearable ? : Boolean|FieldTriggerConfig
     /**
@@ -462,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/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/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.
@@ -931,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, CoreContainerItemConfig, DateFieldListeners, DatePickerConfig, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TimeField, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, DateFieldListeners, DatePickerConfig, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, OverflowTwinConfig, Rectangle, TabConfig, TimeField, TooltipConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumDateFieldProps = {
     // Configs
@@ -96,6 +96,7 @@ export declare type BryntumDateFieldProps = {
      * Show a trigger to clear field, if this field is not [readOnly](https://bryntum.com/products/core/docs/api/Core/widget/Field#config-readOnly). The trigger is available
      * in the [triggers](https://bryntum.com/products/core/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/core/docs/api/Core/widget/Field#property-triggers).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DateField#config-clearable)
      */
     clearable ? : Boolean|FieldTriggerConfig
     /**
@@ -447,6 +448,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/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/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.

package/src/components/BryntumDatePicker.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, CalendarPanel, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DatePickerListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Month, MonthConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, CalendarPanel, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DatePickerListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Month, MonthConfig, OverflowTwinConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { DatePicker } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -587,6 +587,12 @@ defineProps<{
      * The class name to add to calendar cells which are in the previous or next month.
      */
     otherMonthCls ? : string
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DatePicker#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/core/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
@@ -704,7 +710,7 @@ defineProps<{
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DatePicker#config-stateId)
      */
-    stateId ? : string
+    stateId ? : string|null
     /**
      * The `StateProvider` to use to save and restore this object's [state](https://bryntum.com/products/core/docs/api/Core/mixin/State#property-state). By default, `state`
      * will be saved using the [default state provider](https://bryntum.com/products/core/docs/api/Core/state/StateProvider#property-instance-static).
@@ -1166,6 +1172,7 @@ const widgetData = {
         'nonWorkingDayCls',
         'nonWorkingDays',
         'otherMonthCls',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -1178,7 +1185,6 @@ const widgetData = {
         'sixWeeks',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -1270,6 +1276,7 @@ const widgetData = {
         'shadePastDates',
         'showWeekColumn',
         'span',
+        'stateId',
         'strictRecordMapping',
         'title',
         'tools',

package/src/components/BryntumDatePickerProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, CalendarPanel, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, DatePickerListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Month, MonthConfig, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, CalendarPanel, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, DatePickerListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Month, MonthConfig, OverflowTwinConfig, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumDatePickerProps = {
     // Configs
@@ -572,6 +572,12 @@ export declare type BryntumDatePickerProps = {
      * The class name to add to calendar cells which are in the previous or next month.
      */
     otherMonthCls ? : string
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DatePicker#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/core/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
@@ -689,7 +695,7 @@ export declare type BryntumDatePickerProps = {
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DatePicker#config-stateId)
      */
-    stateId ? : string
+    stateId ? : string|null
     /**
      * The `StateProvider` to use to save and restore this object's [state](https://bryntum.com/products/core/docs/api/Core/mixin/State#property-state). By default, `state`
      * will be saved using the [default state provider](https://bryntum.com/products/core/docs/api/Core/state/StateProvider#property-instance-static).

package/src/components/BryntumDateRangeField.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Color, ConfirmationBarConfig, CoreContainerItemConfig, DateFieldConfig, DateRangeFieldListeners, DateRangePickerConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, MultiDatePickerConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, ConfirmationBarConfig, CoreContainerItemConfig, DateFieldConfig, DateRangeFieldListeners, DateRangePickerConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, MultiDatePickerConfig, OverflowTwinConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 import { DateRangeField } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -111,6 +111,7 @@ defineProps<{
      * Show a trigger to clear field, if this field is not [readOnly](https://bryntum.com/products/core/docs/api/Core/widget/Field#config-readOnly). The trigger is available
      * in the [triggers](https://bryntum.com/products/core/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/core/docs/api/Core/widget/Field#property-triggers).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DateRangeField#config-clearable)
      */
     clearable ? : Boolean|FieldTriggerConfig
     /**
@@ -484,6 +485,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DateRangeField#config-name)
      */
     name ? : string
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DateRangeField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * A config object used to configure the [datePicker](https://bryntum.com/products/core/docs/api/Core/widget/DateRangePicker).
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DateRangeField#config-picker)
@@ -921,6 +928,7 @@ const widgetData = {
         'minLength',
         'monitorResize',
         'name',
+        'overflowTwinConfig',
         'picker',
         'pickerAlignElement',
         'positioned',

package/src/components/BryntumDateRangeFieldProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Color, ConfirmationBarConfig, CoreContainerItemConfig, DateFieldConfig, DateRangeFieldListeners, DateRangePickerConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, MultiDatePickerConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, ConfirmationBarConfig, CoreContainerItemConfig, DateFieldConfig, DateRangeFieldListeners, DateRangePickerConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, MultiDatePickerConfig, OverflowTwinConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumDateRangeFieldProps = {
     // Configs
@@ -96,6 +96,7 @@ export declare type BryntumDateRangeFieldProps = {
      * Show a trigger to clear field, if this field is not [readOnly](https://bryntum.com/products/core/docs/api/Core/widget/Field#config-readOnly). The trigger is available
      * in the [triggers](https://bryntum.com/products/core/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/core/docs/api/Core/widget/Field#property-triggers).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DateRangeField#config-clearable)
      */
     clearable ? : Boolean|FieldTriggerConfig
     /**
@@ -469,6 +470,12 @@ export declare type BryntumDateRangeFieldProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DateRangeField#config-name)
      */
     name ? : string
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DateRangeField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * A config object used to configure the [datePicker](https://bryntum.com/products/core/docs/api/Core/widget/DateRangePicker).
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DateRangeField#config-picker)

package/src/components/BryntumDateTimeField.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Color, CoreContainerItemConfig, DateFieldConfig, DateTimeFieldListeners, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TimeFieldConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, DateFieldConfig, DateTimeFieldListeners, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, OverflowTwinConfig, Rectangle, TabConfig, TimeFieldConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 import { DateTimeField } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -102,6 +102,7 @@ defineProps<{
      * Show a trigger to clear field, if this field is not [readOnly](https://bryntum.com/products/core/docs/api/Core/widget/Field#config-readOnly). The trigger is available
      * in the [triggers](https://bryntum.com/products/core/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/core/docs/api/Core/widget/Field#property-triggers).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DateTimeField#config-clearable)
      */
     clearable ? : Boolean|FieldTriggerConfig
     /**
@@ -416,6 +417,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DateTimeField#config-name)
      */
     name ? : string
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DateTimeField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Text to display in empty field.
      */
@@ -820,6 +827,7 @@ const widgetData = {
         'masked',
         'monitorResize',
         'name',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/components/BryntumDateTimeFieldProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Color, CoreContainerItemConfig, DateFieldConfig, DateTimeFieldListeners, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TimeFieldConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, DateFieldConfig, DateTimeFieldListeners, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, OverflowTwinConfig, Rectangle, TabConfig, TimeFieldConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumDateTimeFieldProps = {
     // Configs
@@ -87,6 +87,7 @@ export declare type BryntumDateTimeFieldProps = {
      * Show a trigger to clear field, if this field is not [readOnly](https://bryntum.com/products/core/docs/api/Core/widget/Field#config-readOnly). The trigger is available
      * in the [triggers](https://bryntum.com/products/core/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/core/docs/api/Core/widget/Field#property-triggers).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DateTimeField#config-clearable)
      */
     clearable ? : Boolean|FieldTriggerConfig
     /**
@@ -401,6 +402,12 @@ export declare type BryntumDateTimeFieldProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DateTimeField#config-name)
      */
     name ? : string
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DateTimeField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Text to display in empty field.
      */

package/src/components/BryntumDemoCodeEditor.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DemoCodeEditorListeners, 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/core-thin';
+import type { AlignSpec, Base, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DemoCodeEditorListeners, 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/core-thin';
 import { DemoCodeEditor } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -456,6 +456,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DemoCodeEditor#config-namedItems)
      */
     namedItems ? : Record<string, CoreContainerItemConfig>
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DemoCodeEditor#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/core/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 @@ defineProps<{
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DemoCodeEditor#config-stateId)
      */
-    stateId ? : string
+    stateId ? : string|null
     /**
      * The `StateProvider` to use to save and restore this object's [state](https://bryntum.com/products/core/docs/api/Core/mixin/State#property-state). By default, `state`
      * will be saved using the [default state provider](https://bryntum.com/products/core/docs/api/Core/state/StateProvider#property-instance-static).
@@ -925,6 +931,7 @@ const widgetData = {
         'mode',
         'monitorResize',
         'namedItems',
+        'overflowTwinConfig',
         'positioned',
         'preferredSources',
         'preventTooltipOnTouch',
@@ -937,7 +944,6 @@ const widgetData = {
         'showTooltipWhenDisabled',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -1012,6 +1018,7 @@ const widgetData = {
         'rtl',
         'scrollable',
         'span',
+        'stateId',
         'status',
         'strictRecordMapping',
         'text',

package/src/components/BryntumDemoCodeEditorProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, DemoCodeEditorListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, DemoCodeEditorListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumDemoCodeEditorProps = {
     // Configs
@@ -441,6 +441,12 @@ export declare type BryntumDemoCodeEditorProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DemoCodeEditor#config-namedItems)
      */
     namedItems ? : Record<string, CoreContainerItemConfig>
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DemoCodeEditor#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/core/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
@@ -544,7 +550,7 @@ export declare type BryntumDemoCodeEditorProps = {
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DemoCodeEditor#config-stateId)
      */
-    stateId ? : string
+    stateId ? : string|null
     /**
      * The `StateProvider` to use to save and restore this object's [state](https://bryntum.com/products/core/docs/api/Core/mixin/State#property-state). By default, `state`
      * will be saved using the [default state provider](https://bryntum.com/products/core/docs/api/Core/state/StateProvider#property-instance-static).

package/src/components/BryntumDemoHeader.vue

@@ -48,7 +48,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, defineProps, onMounted, ref } from 'vue';
+import { computed, onMounted, ref } from 'vue';
 import BryntumFullscreenButton from './BryntumFullscreenButton.vue';
 import BryntumButton from './BryntumButton.vue';
 import BryntumThemeCombo from './BryntumThemeCombo.vue';

package/src/components/BryntumDisplayField.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Color, CoreContainerItemConfig, DisplayFieldListeners, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, DisplayFieldListeners, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, OverflowTwinConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 import { DisplayField } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -107,6 +107,7 @@ defineProps<{
      * Show a trigger to clear field, if this field is not [readOnly](https://bryntum.com/products/core/docs/api/Core/widget/Field#config-readOnly). The trigger is available
      * in the [triggers](https://bryntum.com/products/core/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/core/docs/api/Core/widget/Field#property-triggers).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-clearable)
      */
     clearable ? : Boolean|FieldTriggerConfig
     /**
@@ -435,6 +436,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-name)
      */
     name ? : string
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Text to display in empty field.
      */
@@ -855,6 +862,7 @@ const widgetData = {
         'masked',
         'monitorResize',
         'name',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/components/BryntumDisplayFieldProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Color, CoreContainerItemConfig, DisplayFieldListeners, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, DisplayFieldListeners, DomConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, OverflowTwinConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumDisplayFieldProps = {
     // Configs
@@ -92,6 +92,7 @@ export declare type BryntumDisplayFieldProps = {
      * Show a trigger to clear field, if this field is not [readOnly](https://bryntum.com/products/core/docs/api/Core/widget/Field#config-readOnly). The trigger is available
      * in the [triggers](https://bryntum.com/products/core/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/core/docs/api/Core/widget/Field#property-triggers).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-clearable)
      */
     clearable ? : Boolean|FieldTriggerConfig
     /**
@@ -420,6 +421,12 @@ export declare type BryntumDisplayFieldProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-name)
      */
     name ? : string
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Text to display in empty field.
      */

package/src/components/BryntumDurationField.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Color, CoreContainerItemConfig, Duration, DurationConfig, DurationFieldListeners, DurationUnit, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, Duration, DurationConfig, DurationFieldListeners, DurationUnit, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, OverflowTwinConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 import { DurationField } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -116,6 +116,7 @@ defineProps<{
      * Show a trigger to clear field, if this field is not [readOnly](https://bryntum.com/products/core/docs/api/Core/widget/Field#config-readOnly). The trigger is available
      * in the [triggers](https://bryntum.com/products/core/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/core/docs/api/Core/widget/Field#property-triggers).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DurationField#config-clearable)
      */
     clearable ? : Boolean|FieldTriggerConfig
     /**
@@ -469,6 +470,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DurationField#config-name)
      */
     name ? : string
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DurationField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Text to display in empty field.
      */
@@ -906,6 +913,7 @@ const widgetData = {
         'minLength',
         'monitorResize',
         'name',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/components/BryntumDurationFieldProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Color, CoreContainerItemConfig, Duration, DurationConfig, DurationFieldListeners, DurationUnit, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, Duration, DurationConfig, DurationFieldListeners, DurationUnit, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, OverflowTwinConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumDurationFieldProps = {
     // Configs
@@ -101,6 +101,7 @@ export declare type BryntumDurationFieldProps = {
      * Show a trigger to clear field, if this field is not [readOnly](https://bryntum.com/products/core/docs/api/Core/widget/Field#config-readOnly). The trigger is available
      * in the [triggers](https://bryntum.com/products/core/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/core/docs/api/Core/widget/Field#property-triggers).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DurationField#config-clearable)
      */
     clearable ? : Boolean|FieldTriggerConfig
     /**
@@ -454,6 +455,12 @@ export declare type BryntumDurationFieldProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DurationField#config-name)
      */
     name ? : string
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DurationField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Text to display in empty field.
      */

package/src/components/BryntumEditor.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, EditorListeners, CoreInputFieldConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, EditorListeners, CoreInputFieldConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { Editor } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -437,6 +437,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Editor#config-namedItems)
      */
     namedItems ? : Record<string, CoreContainerItemConfig>
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar)'s
+     * overflow menu (see [overflow](https://bryntum.com/products/core/docs/api/Core/widget/Toolbar#config-overflow)).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Editor#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/core/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
@@ -885,6 +891,7 @@ const widgetData = {
         'matchSize',
         'monitorResize',
         'namedItems',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',