@bryntum/grid-vue-3 7.3.4 → 7.3.6

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/grid';
+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/grid';
 import { List } from '@bryntum/grid';
 
 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/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/List#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
@@ -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/grid';
+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/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumListProps = {
@@ -363,6 +363,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/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/List#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/BryntumMenu.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItem, MenuItemEntry, MenuListeners, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Popup, ReactJSX, Rectangle, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItem, MenuItemEntry, MenuListeners, Model, OverflowTwinConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Popup, ReactJSX, Rectangle, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import { Menu } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -70,7 +70,7 @@ defineProps<{
      */
     autoShow ? : Boolean
     /**
-     * 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
     /**
@@ -489,6 +489,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Menu#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/Menu#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
@@ -604,7 +610,7 @@ defineProps<{
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Menu#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).
@@ -948,7 +954,6 @@ const widgetData = {
         'ariaLabel',
         'autoClose',
         'autoShow',
-        'autoUpdateRecord',
         'bbar',
         'bodyCls',
         'border',
@@ -993,6 +998,7 @@ const widgetData = {
         'modal',
         'monitorResize',
         'namedItems',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -1005,7 +1011,6 @@ const widgetData = {
         'showTooltipWhenDisabled',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -1022,6 +1027,7 @@ const widgetData = {
     propertyConfigNames : [
         'alignSelf',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'centered',
@@ -1083,6 +1089,7 @@ const widgetData = {
         'resizable',
         'rtl',
         'span',
+        'stateId',
         'strictRecordMapping',
         'title',
         'tools',

package/src/components/BryntumMenuProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Color, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, MenuListeners, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, MenuListeners, Model, OverflowTwinConfig, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumMenuProps = {
@@ -56,7 +56,7 @@ export declare type BryntumMenuProps = {
      */
     autoShow ? : Boolean
     /**
-     * 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
     /**
@@ -475,6 +475,12 @@ export declare type BryntumMenuProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Menu#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/Menu#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
@@ -590,7 +596,7 @@ export declare type BryntumMenuProps = {
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Menu#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/BryntumMonthPicker.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Button, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, MonthPickerListeners, 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, Button, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, MonthPickerListeners, OverflowTwinConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import { MonthPicker } 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
     /**
@@ -439,6 +439,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/MonthPicker#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/MonthPicker#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
@@ -538,7 +544,7 @@ defineProps<{
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/MonthPicker#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).
@@ -869,7 +875,6 @@ const widgetData = {
         'anchor',
         'ariaDescription',
         'ariaLabel',
-        'autoUpdateRecord',
         'bbar',
         'bodyCls',
         'border',
@@ -906,6 +911,7 @@ const widgetData = {
         'masked',
         'monitorResize',
         'namedItems',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -917,7 +923,6 @@ const widgetData = {
         'showTooltipWhenDisabled',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -934,6 +939,7 @@ const widgetData = {
     propertyConfigNames : [
         'alignSelf',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'centered',
@@ -994,6 +1000,7 @@ const widgetData = {
         'rtl',
         'scrollable',
         'span',
+        'stateId',
         'strictRecordMapping',
         'title',
         'tools',

package/src/components/BryntumMonthPickerProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Color, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, MonthPickerListeners, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, MonthPickerListeners, 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 BryntumMonthPickerProps = {
@@ -45,7 +45,7 @@ export declare type BryntumMonthPickerProps = {
      */
     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
     /**
@@ -425,6 +425,12 @@ export declare type BryntumMonthPickerProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/MonthPicker#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/MonthPicker#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
@@ -524,7 +530,7 @@ export declare type BryntumMonthPickerProps = {
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/MonthPicker#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/BryntumNumberField.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Color, ContainerItemConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, NumberFieldListeners, NumberFormatConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ContainerItemConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, NumberFieldListeners, NumberFormatConfig, OverflowTwinConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
 import { NumberField } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -467,6 +467,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/NumberField#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/NumberField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Text to display in empty field.
      */
@@ -901,6 +907,7 @@ const widgetData = {
         'min',
         'monitorResize',
         'name',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',

package/src/components/BryntumNumberFieldProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Color, ContainerItemConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, NumberFieldListeners, NumberFormatConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ContainerItemConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, NumberFieldListeners, NumberFormatConfig, OverflowTwinConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumNumberFieldProps = {
@@ -453,6 +453,12 @@ export declare type BryntumNumberFieldProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/NumberField#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/NumberField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Text to display in empty field.
      */

package/src/components/BryntumPagingToolbar.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, ClickRepeaterConfig, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, Model, PagingToolbarListeners, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolConfig, Toolbar, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, ClickRepeaterConfig, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, Model, OverflowTwinConfig, PagingToolbarListeners, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolConfig, Toolbar, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import { PagingToolbar } 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
     /**
@@ -394,6 +394,12 @@ defineProps<{
      * @property {Function} overflow.filter A filter function which may return a falsy value to prevent toolbar items from being cloned into the overflow menu.
      */
     overflow ? : string|{ type: 'scroll'|'menu', repeat: ClickRepeaterConfig, filter: () => void }|null
+    /**
+     * 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/PagingToolbar#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
@@ -424,6 +430,15 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/PagingToolbar#config-rendition)
      */
     rendition ? : string|Record<string, string>|null
+    /**
+     * Enables [responsive](https://bryntum.com/products/grid/docs/api/Core/widget/mixin/Responsive) behavior. In the `small` state the first/last
+     * page buttons are hidden to fit a narrow toolbar, but only when [overflow](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar#config-overflow) is `null`.
+     */
+    responsive ? : object
+    /**
+     * Score the responsive state from this toolbar's own width rather than an ancestor's.
+     */
+    responsiveTarget ? : string
     /**
      * Configure as `true` to have the component display a translucent ripple when its
      * [focusElement](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-focusElement), or [element](#Core/widget/Widget#property-element) is tapped <em>if the
@@ -760,7 +775,6 @@ const widgetData = {
         'anchor',
         'ariaDescription',
         'ariaLabel',
-        'autoUpdateRecord',
         'border',
         'bubbleEvents',
         'color',
@@ -791,9 +805,12 @@ const widgetData = {
         'monitorResize',
         'namedItems',
         'overflow',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
+        'responsive',
+        'responsiveTarget',
         'ripple',
         'role',
         'rootElement',
@@ -815,6 +832,7 @@ const widgetData = {
     propertyConfigNames : [
         'alignSelf',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'centered',

package/src/components/BryntumPagingToolbarProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ClickRepeaterConfig, Color, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, Model, PagingToolbarListeners, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, ClickRepeaterConfig, Color, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, Model, OverflowTwinConfig, PagingToolbarListeners, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumPagingToolbarProps = {
@@ -45,7 +45,7 @@ export declare type BryntumPagingToolbarProps = {
      */
     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
     /**
@@ -380,6 +380,12 @@ export declare type BryntumPagingToolbarProps = {
      * @property {Function} overflow.filter A filter function which may return a falsy value to prevent toolbar items from being cloned into the overflow menu.
      */
     overflow ? : string|{ type: 'scroll'|'menu', repeat: ClickRepeaterConfig, filter: () => void }|null
+    /**
+     * 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/PagingToolbar#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
@@ -410,6 +416,15 @@ export declare type BryntumPagingToolbarProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/PagingToolbar#config-rendition)
      */
     rendition ? : string|Record<string, string>|null
+    /**
+     * Enables [responsive](https://bryntum.com/products/grid/docs/api/Core/widget/mixin/Responsive) behavior. In the `small` state the first/last
+     * page buttons are hidden to fit a narrow toolbar, but only when [overflow](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar#config-overflow) is `null`.
+     */
+    responsive ? : object
+    /**
+     * Score the responsive state from this toolbar's own width rather than an ancestor's.
+     */
+    responsiveTarget ? : string
     /**
      * Configure as `true` to have the component display a translucent ripple when its
      * [focusElement](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-focusElement), or [element](#Core/widget/Widget#property-element) is tapped <em>if the

package/src/components/BryntumPanel.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PanelListeners, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, OverflowTwinConfig, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PanelListeners, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import { Panel } 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
     /**
@@ -435,6 +435,12 @@ defineProps<{
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#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/Panel#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
@@ -534,7 +540,7 @@ defineProps<{
      * (if explicitly specified) will be used as the `stateId`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#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).
@@ -847,7 +853,6 @@ const widgetData = {
         'anchor',
         'ariaDescription',
         'ariaLabel',
-        'autoUpdateRecord',
         'bbar',
         'bodyCls',
         'border',
@@ -884,6 +889,7 @@ const widgetData = {
         'masked',
         'monitorResize',
         'namedItems',
+        'overflowTwinConfig',
         'positioned',
         'preventTooltipOnTouch',
         'relayStoreEvents',
@@ -895,7 +901,6 @@ const widgetData = {
         'showTooltipWhenDisabled',
         'stateful',
         'statefulEvents',
-        'stateId',
         'stateProvider',
         'strips',
         'tab',
@@ -912,6 +917,7 @@ const widgetData = {
     propertyConfigNames : [
         'alignSelf',
         'appendTo',
+        'autoUpdateRecord',
         'callOnFunctions',
         'catchEventHandlerExceptions',
         'centered',
@@ -969,6 +975,7 @@ const widgetData = {
         'rtl',
         'scrollable',
         'span',
+        'stateId',
         'strictRecordMapping',
         'title',
         'tools',

package/src/components/BryntumPanelProps.ts

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

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

package/src/components/BryntumPasswordFieldProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Color, ContainerItemConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, PasswordFieldListeners, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ContainerItemConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, OverflowTwinConfig, PasswordFieldListeners, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumPasswordFieldProps = {
@@ -422,6 +422,12 @@ export declare type BryntumPasswordFieldProps = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/PasswordField#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/PasswordField#config-overflowTwinConfig)
+     */
+    overflowTwinConfig ? : OverflowTwinConfig|null
     /**
      * Text to display in empty field.
      */