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

package/src/components/BryntumEditorProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Color, 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, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, EditorListeners, CoreInputFieldConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumEditorProps = {
     // Configs
@@ -422,6 +422,12 @@ export declare type BryntumEditorProps = {
      * [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

package/src/components/BryntumFieldFilterPicker.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, Color, ComboConfig, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FieldFilterPickerListeners, FieldOption, KeyMapConfig, MaskConfig, MenuItemEntry, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, Color, ComboConfig, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FieldFilterPickerListeners, FieldOption, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/core-thin';
 import { FieldFilterPicker } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -416,6 +416,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldFilterPicker#config-operators)
      */
     operators ? : object
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/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/FieldFilterPicker#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
@@ -805,6 +811,7 @@ const widgetData = {
         'namedItems',
         'operatorLocked',
         'operators',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'propertyFieldConfig',

package/src/components/BryntumFieldFilterPickerGroup.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, CollectionFilterConfig, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FieldFilterPicker, FieldFilterPickerConfig, FieldFilterPickerGroupListeners, FieldOption, KeyMapConfig, MaskConfig, MenuItemEntry, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, CollectionFilterConfig, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FieldFilterPicker, FieldFilterPickerConfig, FieldFilterPickerGroupListeners, FieldOption, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { FieldFilterPickerGroup } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -446,6 +446,12 @@ defineProps<{
      * [operators](https://bryntum.com/products/core/docs/api/Core/widget/FieldFilterPicker#config-operators).
      */
     operators ? : object
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/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/FieldFilterPickerGroup#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
@@ -839,6 +845,7 @@ const widgetData = {
         'monitorResize',
         'namedItems',
         'operators',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/components/BryntumFieldFilterPickerGroupProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, CollectionFilterConfig, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FieldFilterPickerConfig, FieldFilterPickerGroupListeners, FieldOption, KeyMapConfig, MaskConfig, MenuItemEntry, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, CollectionFilterConfig, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FieldFilterPickerConfig, FieldFilterPickerGroupListeners, FieldOption, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumFieldFilterPickerGroupProps = {
     // Configs
@@ -431,6 +431,12 @@ export declare type BryntumFieldFilterPickerGroupProps = {
      * [operators](https://bryntum.com/products/core/docs/api/Core/widget/FieldFilterPicker#config-operators).
      */
     operators ? : object
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/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/FieldFilterPickerGroup#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/BryntumFieldFilterPickerProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, Color, ComboConfig, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FieldFilterPickerListeners, FieldOption, KeyMapConfig, MaskConfig, MenuItemEntry, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, Color, ComboConfig, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FieldFilterPickerListeners, FieldOption, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumFieldFilterPickerProps = {
     // Configs
@@ -401,6 +401,12 @@ export declare type BryntumFieldFilterPickerProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldFilterPicker#config-operators)
      */
     operators ? : object
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/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/FieldFilterPicker#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/BryntumFieldSet.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FieldSetListeners, 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, DomConfig, FieldSetListeners, 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 { FieldSet } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -449,6 +449,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldSet#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/FieldSet#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
@@ -548,7 +554,7 @@ defineProps<{
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldSet#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).
@@ -899,6 +905,7 @@ const widgetData = {
         'masked',
         'monitorResize',
         'namedItems',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -910,7 +917,6 @@ const widgetData = {
         'showTooltipWhenDisabled',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -986,6 +992,7 @@ const widgetData = {
         'rtl',
         'scrollable',
         'span',
+        'stateId',
         'strictRecordMapping',
         'title',
         'tools',

package/src/components/BryntumFieldSetProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FieldSetListeners, 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, DomConfig, FieldSetListeners, 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 BryntumFieldSetProps = {
     // Configs
@@ -434,6 +434,12 @@ export declare type BryntumFieldSetProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldSet#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/FieldSet#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
@@ -533,7 +539,7 @@ export declare type BryntumFieldSetProps = {
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldSet#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/BryntumFileField.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Color, CoreContainerItemConfig, Field, FieldContainerConfig, FieldTriggerConfig, FileFieldListeners, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, Field, FieldContainerConfig, FieldTriggerConfig, FileFieldListeners, KeyMapConfig, MaskConfig, Model, OverflowTwinConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 import { FileField } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -112,6 +112,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/FileField#config-clearable)
      */
     clearable ? : Boolean|FieldTriggerConfig
     /**
@@ -446,6 +447,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FileField#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/FileField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Text to display in empty field.
      */
@@ -860,6 +867,7 @@ const widgetData = {
         'monitorResize',
         'multiple',
         'name',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/components/BryntumFileFieldProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Color, CoreContainerItemConfig, Field, FieldContainerConfig, FieldTriggerConfig, FileFieldListeners, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, Field, FieldContainerConfig, FieldTriggerConfig, FileFieldListeners, KeyMapConfig, MaskConfig, OverflowTwinConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumFileFieldProps = {
     // Configs
@@ -97,6 +97,7 @@ export declare type BryntumFileFieldProps = {
      * 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/FileField#config-clearable)
      */
     clearable ? : Boolean|FieldTriggerConfig
     /**
@@ -431,6 +432,12 @@ export declare type BryntumFileFieldProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FileField#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/FileField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Text to display in empty field.
      */

package/src/components/BryntumFilePicker.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, ButtonConfig, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FileFieldConfig, FilePickerListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, ButtonConfig, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FileFieldConfig, FilePickerListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { FilePicker } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -390,6 +390,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FilePicker#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/FilePicker#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
@@ -756,6 +762,7 @@ const widgetData = {
         'masked',
         'monitorResize',
         'namedItems',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/components/BryntumFilePickerProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ButtonConfig, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FileFieldConfig, FilePickerListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, ButtonConfig, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FileFieldConfig, FilePickerListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumFilePickerProps = {
     // Configs
@@ -375,6 +375,12 @@ export declare type BryntumFilePickerProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FilePicker#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/FilePicker#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/BryntumFilterField.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Color, CoreContainerItemConfig, Field, FieldContainerConfig, FieldTriggerConfig, FilterFieldListeners, KeyMapConfig, MaskConfig, Model, Rectangle, Store, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, Field, FieldContainerConfig, FieldTriggerConfig, FilterFieldListeners, KeyMapConfig, MaskConfig, Model, OverflowTwinConfig, Rectangle, Store, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 import { FilterField } 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/FilterField#config-clearable)
      */
     clearable ? : Boolean|FieldTriggerConfig
     /**
@@ -468,6 +469,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FilterField#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/FilterField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Text to display in empty field.
      */
@@ -895,6 +902,7 @@ const widgetData = {
         'minLength',
         'monitorResize',
         'name',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/components/BryntumFilterFieldProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Color, CoreContainerItemConfig, Field, FieldContainerConfig, FieldTriggerConfig, FilterFieldListeners, KeyMapConfig, MaskConfig, Model, Rectangle, Store, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, Field, FieldContainerConfig, FieldTriggerConfig, FilterFieldListeners, KeyMapConfig, MaskConfig, Model, OverflowTwinConfig, Rectangle, Store, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumFilterFieldProps = {
     // Configs
@@ -92,6 +92,7 @@ export declare type BryntumFilterFieldProps = {
      * 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/FilterField#config-clearable)
      */
     clearable ? : Boolean|FieldTriggerConfig
     /**
@@ -453,6 +454,12 @@ export declare type BryntumFilterFieldProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FilterField#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/FilterField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Text to display in empty field.
      */

package/src/components/BryntumFullscreenButton.vue

@@ -6,12 +6,12 @@
 import { onBeforeUnmount, onMounted, ref } from 'vue';
 import { Fullscreen, Button } from '@bryntum/core-thin';
 
-const instance   = ref<Button | null>(null);
 const refElement = ref<HTMLElement | null>(null);
+let button: Button | null = null;
 
 onMounted(() => {
     if (Fullscreen.enabled) {
-        instance.value = new Button({
+        button = new Button({
             appendTo  : refElement.value as HTMLElement,
             icon      : 'b-icon b-icon-fullscreen',
             tooltip   : 'Fullscreen',
@@ -31,8 +31,6 @@ onMounted(() => {
 });
 
 onBeforeUnmount(() => {
-    if (instance.value) {
-        instance.value.destroy();
-    }
+    button?.destroy();
 });
 </script>

package/src/components/BryntumHint.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, ButtonConfig, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, HintActions, HintListeners, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Popup, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, ButtonConfig, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, HintActions, HintListeners, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Popup, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { Hint } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -475,6 +475,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Hint#config-nextAction)
      */
     nextAction ? : HintActions|HintActions[]
+    /**
+     * 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/Hint#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
@@ -603,7 +609,7 @@ defineProps<{
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Hint#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).
@@ -974,6 +980,7 @@ const widgetData = {
         'monitorResize',
         'namedItems',
         'nextAction',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'previousAction',
@@ -987,7 +994,6 @@ const widgetData = {
         'showTooltipWhenDisabled',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -1064,6 +1070,7 @@ const widgetData = {
         'rtl',
         'scrollable',
         'span',
+        'stateId',
         'strictRecordMapping',
         'title',
         'tools',

package/src/components/BryntumHintProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ButtonConfig, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, HintActions, HintListeners, 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, ButtonConfig, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, HintActions, HintListeners, 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 BryntumHintProps = {
     // Configs
@@ -460,6 +460,12 @@ export declare type BryntumHintProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Hint#config-nextAction)
      */
     nextAction ? : HintActions|HintActions[]
+    /**
+     * 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/Hint#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
@@ -588,7 +594,7 @@ export declare type BryntumHintProps = {
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Hint#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/BryntumLabel.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Color, DomConfig, KeyMapConfig, LabelListeners, MaskConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, DomConfig, KeyMapConfig, LabelListeners, MaskConfig, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { Label } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -306,6 +306,12 @@ defineProps<{
      * @property {boolean} immediate Set to `true` to receive resize notifications immediately.
      */
     monitorResize ? : Boolean|object
+    /**
+     * Customizes the config object used to create this widget's clone in a [Toolbar](https://bryntum.com/products/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/Label#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
@@ -603,6 +609,7 @@ const widgetData = {
         'maskDefaults',
         'masked',
         'monitorResize',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/components/BryntumLabelProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Color, DomConfig, KeyMapConfig, LabelListeners, MaskConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, DomConfig, KeyMapConfig, LabelListeners, MaskConfig, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumLabelProps = {
     // Configs
@@ -291,6 +291,12 @@ export declare type BryntumLabelProps = {
      * @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/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/Label#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/BryntumList.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, ListListeners, MaskConfig, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, ListListeners, MaskConfig, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { List } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -377,6 +377,12 @@ defineProps<{
      * Configure as `true` to allow multi select and add checkboxes to the items
      */
     multiSelect ? : Boolean
+    /**
+     * 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/List#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
@@ -765,6 +771,7 @@ const widgetData = {
         'maskDefaults',
         'masked',
         'monitorResize',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/components/BryntumListProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, ListListeners, MaskConfig, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, ListListeners, MaskConfig, Model, OverflowTwinConfig, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumListProps = {
     // Configs
@@ -362,6 +362,12 @@ export declare type BryntumListProps = {
      * Configure as `true` to allow multi select and add checkboxes to the items
      */
     multiSelect ? : Boolean
+    /**
+     * 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/List#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