@bryntum/grid-vue-3 7.1.2 → 7.2.0

package/src/components/BryntumGridBase.vue

@@ -33,7 +33,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AIFilter, AIFilterConfig, AjaxStore, AjaxStoreConfig, Base, CellCopyPaste, CellCopyPasteConfig, CellEdit, CellEditConfig, CellEditorContext, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, Column, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, Container, ContainerItemConfig, DomConfig, EmptyTextDomConfig, ExcelExporter, ExcelExporterConfig, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, FormulaProviderConfig, Grid, GridBaseListeners, GridColumnConfig, GridLocation, GridLocationConfig, GridSelectionMode, GridStateInfo, Group, GroupConfig, GroupSummary, GroupSummaryConfig, HeaderMenu, HeaderMenuConfig, KeyMapConfig, LockRows, LockRowsConfig, Mask, MaskConfig, Menu, MenuItem, MenuItemEntry, MergeCells, MergeCellsConfig, Model, ModelConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PdfExport, PdfExportConfig, PinColumns, PinColumnsConfig, PreserveScrollOptions, Print, PrintConfig, QuickFind, QuickFindConfig, RecordPositionContext, RegionResize, RegionResizeConfig, ResponsiveLevelConfig, Row, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowEditorContext, RowExpander, RowExpanderConfig, RowReorder, RowReorderConfig, RowResize, RowResizeConfig, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, Search, SearchConfig, Sort, SortConfig, Split, SplitConfig, StateProvider, StickyCells, StickyCellsConfig, Store, StoreConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, Summary, SummaryConfig, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, Tree, TreeConfig, TreeGroup, TreeGroupConfig, Widget, XLSColumn } from '@bryntum/grid';
+import type { AI, AIConfig, AIFilter, AIFilterConfig, AjaxStore, AjaxStoreConfig, Base, CellCopyPaste, CellCopyPasteConfig, CellEdit, CellEditConfig, CellEditorContext, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, Color, Column, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, Container, ContainerItemConfig, DomConfig, EmptyTextDomConfig, ExcelExporter, ExcelExporterConfig, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, FormulaProviderConfig, Grid, GridBaseListeners, GridColumnConfig, GridLocation, GridLocationConfig, GridSelectionMode, GridStateInfo, Group, GroupConfig, GroupSummary, GroupSummaryConfig, HeaderMenu, HeaderMenuConfig, KeyMapConfig, LockRows, LockRowsConfig, Mask, MaskConfig, Menu, MenuItem, MenuItemEntry, MergeCells, MergeCellsConfig, Model, ModelConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PdfExport, PdfExportConfig, PinColumns, PinColumnsConfig, PreserveScrollOptions, Print, PrintConfig, QuickFind, QuickFindConfig, RecordPositionContext, RegionResize, RegionResizeConfig, ResponsiveLevelConfig, Row, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowEditorContext, RowExpander, RowExpanderConfig, RowReorder, RowReorderConfig, RowResize, RowResizeConfig, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, Search, SearchConfig, Sort, SortConfig, Split, SplitConfig, StateProvider, StickyCells, StickyCellsConfig, Store, StoreConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, Summary, SummaryConfig, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, Tree, TreeConfig, TreeGroup, TreeGroupConfig, Widget, XLSColumn } from '@bryntum/grid';
 import { GridBase } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -109,6 +109,10 @@ defineProps<{
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-bodyCls)
      */
     bodyCls ? : string|object
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border ? : Boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -160,7 +164,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -781,6 +785,15 @@ defineProps<{
     width ? : string|number
 
     // Features
+    /**
+     * This feature provides an AI agent for Grid. It provides a chat panel that allows the user to send messages to the
+     * agent and see the responses. Which allows the user to use natural language to interact with the Grid in different
+     * ways. For example, the user can ask the agent to filter the data, sort it, or select specific records. The agent can
+     * also perform data manipulation operations such as adding, updating, deleting records.
+     * ...
+     * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/AI)
+     */
+    aiFeature ? : object|Boolean|string|AI|AIConfig
     /**
      * AI-powered filter feature for Grid. Allows users to type natural language queries to filter grid data.
      * ...
@@ -1113,6 +1126,16 @@ const emit = defineEmits<{
      * @param {any} params.event.value The value being set
      */
     (e: 'beforeCellRangeEdit', params: ((event: { record: Model, field: string, value: any }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * This event is triggered before a parent column is collapsed or expanded.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.GridBase} params.event.source The grid instance
+     * @param {Grid.column.Column} params.event.column The column
+     * @param {boolean} params.event.collapsed `true` if the column is being collapsed, `false` if expanded
+     */
+    (e: 'beforeColumnCollapseToggle', params: ((event: { source: GridBase, column: Column, collapsed: boolean }) => void)|string): void
     /**
      * This event is fired prior to starting a column drag gesture. The drag is canceled if a listener returns `false`.
      * @param {string} e Event name
@@ -1251,20 +1274,20 @@ const emit = defineEmits<{
      * @param {string} e Event name
      * @param {object} params Event parameters
      * @param {object} params.event Event object
-     * @param {Grid.view.Grid} params.event.source The firing Grid instance.
-     * @param {Grid.row.Row} params.event.row The row about to be rendered.
-     * @param {Core.data.Model} params.event.record The record for the row.
-     * @param {number} params.event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} params.event.source The firing Grid instance
+     * @param {Grid.row.Row} params.event.row The row about to be rendered
+     * @param {Core.data.Model} params.event.record The record for the row
+     * @param {number} params.event.recordIndex The zero-based index of the record
      */
-    (e: 'beforeRenderRow', params: ((event: { source: Grid, row: Row, record: Model, recordIndex: number }) => void)|string): void
+    (e: 'beforeRenderRow', params: ((event: { source: GridBase, row: Row, record: Model, recordIndex: number }) => void)|string): void
     /**
      * Grid rows are about to be rendered
      * @param {string} e Event name
      * @param {object} params Event parameters
      * @param {object} params.event Event object
-     * @param {Grid.view.Grid} params.event.source This grid.
+     * @param {Grid.view.GridBase} params.event.source This grid.
      */
-    (e: 'beforeRenderRows', params: ((event: { source: Grid }) => void)|string): void
+    (e: 'beforeRenderRows', params: ((event: { source: GridBase }) => void)|string): void
     /**
      * This event fires before row collapse is started.
      * ...
@@ -1545,6 +1568,16 @@ const emit = defineEmits<{
      * @param {Core.data.Model} params.event.record The record which has been collapsed.
      */
     (e: 'collapseNode', params: ((event: { source: Grid, record: Model }) => void)|string): void
+    /**
+     * This event is triggered after a parent column has been collapsed or expanded.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.GridBase} params.event.source The Grid instance
+     * @param {Grid.column.Column} params.event.column The column being toggled
+     * @param {boolean} params.event.collapsed `true` if the column is now collapsed, `false` if expanded
+     */
+    (e: 'columnCollapseToggle', params: ((event: { source: GridBase, column: Column, collapsed: boolean }) => void)|string): void
     /**
      * This event is fired when a column is being dragged, and you can set the `valid` flag on the `context` object
      * to indicate whether the drop position is valid or not.
@@ -1644,14 +1677,14 @@ const emit = defineEmits<{
      * @param {string} e Event name
      * @param {object} params Event parameters
      * @param {object} params.event Event object
-     * @param {Grid.view.Grid} params.event.source Owning grid
+     * @param {Grid.view.GridBase} params.event.source Owning grid
      * @param {Core.data.Store} params.event.store The originating store
      * @param {'remove','removeAll','add','clearchanges','filter','update','dataset','replace'} params.event.action Name of action which triggered the change. May be one of:  * `'remove'` * `'removeAll'` * `'add'` * `'clearchanges'` * `'filter'` * `'update'` * `'dataset'` * `'replace'`
      * @param {Core.data.Model} params.event.record Changed record, for actions that affects exactly one record (`'update'`)
      * @param {Core.data.Model[]} params.event.records Changed records, passed for all actions except `'removeAll'`
      * @param {object} params.event.changes Passed for the `'update'` action, info on which record fields changed
      */
-    (e: 'dataChange', params: ((event: { source: Grid, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void)|string): void
+    (e: 'dataChange', params: ((event: { source: GridBase, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void)|string): void
     /**
      * Fires when an object is destroyed.
      * @param {string} e Event name
@@ -2029,20 +2062,20 @@ const emit = defineEmits<{
      * @param {string} e Event name
      * @param {object} params Event parameters
      * @param {object} params.event Event object
-     * @param {Grid.view.Grid} params.event.source The firing Grid instance.
-     * @param {Grid.row.Row} params.event.row The row that has been rendered.
-     * @param {Core.data.Model} params.event.record The record for the row.
-     * @param {number} params.event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} params.event.source The firing Grid instance
+     * @param {Grid.row.Row} params.event.row The row that has been rendered
+     * @param {Core.data.Model} params.event.record The record for the row
+     * @param {number} params.event.recordIndex The zero-based index of the record
      */
-    (e: 'renderRow', params: ((event: { source: Grid, row: Row, record: Model, recordIndex: number }) => void)|string): void
+    (e: 'renderRow', params: ((event: { source: GridBase, row: Row, record: Model, recordIndex: number }) => void)|string): void
     /**
      * Grid rows have been rendered
      * @param {string} e Event name
      * @param {object} params Event parameters
      * @param {object} params.event Event object
-     * @param {Grid.view.Grid} params.event.source This grid.
+     * @param {Grid.view.GridBase} params.event.source This grid.
      */
-    (e: 'renderRows', params: ((event: { source: Grid }) => void)|string): void
+    (e: 'renderRows', params: ((event: { source: GridBase }) => void)|string): void
     /**
      * Fired when the encapsulating element of a Widget resizes *only when [monitorResize](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-monitorResize) is `true`*.
      * @param {string} e Event name
@@ -2116,10 +2149,10 @@ const emit = defineEmits<{
      * @param {string} e Event name
      * @param {object} params Event parameters
      * @param {object} params.event Event object
-     * @param {Grid.view.Grid} params.event.source The firing Grid instance.
+     * @param {Grid.view.GridBase} params.event.source The firing Grid instance.
      * @param {number} params.event.scrollTop The vertical scroll position.
      */
-    (e: 'scroll', params: ((event: { source: Grid, scrollTop: number }) => void)|string): void
+    (e: 'scroll', params: ((event: { source: GridBase, scrollTop: number }) => void)|string): void
     /**
      * The selection has been changed.
      * @param {string} e Event name
@@ -2229,19 +2262,19 @@ const emit = defineEmits<{
      * @param {string} e Event name
      * @param {object} params Event parameters
      * @param {object} params.event Event object
-     * @param {Grid.view.Grid} params.event.source The firing Grid instance
+     * @param {Grid.view.GridBase} params.event.source The firing Grid instance
      * @param {Grid.view.SubGrid} params.event.subGrid The sub grid instance
      */
-    (e: 'subGridCollapse', params: ((event: { source: Grid, subGrid: SubGrid }) => void)|string): void
+    (e: 'subGridCollapse', params: ((event: { source: GridBase, subGrid: SubGrid }) => void)|string): void
     /**
      * Fires after a sub grid is expanded.
      * @param {string} e Event name
      * @param {object} params Event parameters
      * @param {object} params.event Event object
-     * @param {Grid.view.Grid} params.event.source The firing Grid instance
+     * @param {Grid.view.GridBase} params.event.source The firing Grid instance
      * @param {Grid.view.SubGrid} params.event.subGrid The sub grid instance
      */
-    (e: 'subGridExpand', params: ((event: { source: Grid, subGrid: SubGrid }) => void)|string): void
+    (e: 'subGridExpand', params: ((event: { source: GridBase, subGrid: SubGrid }) => void)|string): void
     /**
      * Fired when one or more groups are expanded or collapsed
      * @param {string} e Event name
@@ -2295,6 +2328,7 @@ const widgetData = {
      },
     projectStores : false,
     featureNames : [
+        'aiFeature',
         'aiFilterFeature',
         'cellCopyPasteFeature',
         'cellEditFeature',
@@ -2346,6 +2380,7 @@ const widgetData = {
         'autoHeight',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'collapsible',
         'color',
@@ -2449,6 +2484,7 @@ const widgetData = {
         'onBeforeCellEditStart',
         'onBeforeCellRangeDelete',
         'onBeforeCellRangeEdit',
+        'onBeforeColumnCollapseToggle',
         'onBeforeColumnDragStart',
         'onBeforeColumnDropFinalize',
         'onBeforeColumnResize',
@@ -2489,6 +2525,7 @@ const widgetData = {
         'onCellMouseOver',
         'onCollapse',
         'onCollapseNode',
+        'onColumnCollapseToggle',
         'onColumnDrag',
         'onColumnDragStart',
         'onColumnDrop',
@@ -2596,6 +2633,7 @@ const widgetData = {
         'beforeCellEditStart',
         'beforeCellRangeDelete',
         'beforeCellRangeEdit',
+        'beforeColumnCollapseToggle',
         'beforeColumnDragStart',
         'beforeColumnDropFinalize',
         'beforeColumnResize',
@@ -2636,6 +2674,7 @@ const widgetData = {
         'cellMouseOver',
         'collapse',
         'collapseNode',
+        'columnCollapseToggle',
         'columnDrag',
         'columnDragStart',
         'columnDrop',

package/src/components/BryntumGridBaseProps.ts

@@ -1,4 +1,4 @@
-import type { AIFilter, AIFilterConfig, AjaxStore, AjaxStoreConfig, CellCopyPaste, CellCopyPasteConfig, CellEdit, CellEditConfig, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, ContainerItemConfig, DomConfig, EmptyTextDomConfig, ExcelExporter, ExcelExporterConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, FormulaProviderConfig, GridBaseListeners, GridColumnConfig, GridSelectionMode, Group, GroupConfig, GroupSummary, GroupSummaryConfig, HeaderMenu, HeaderMenuConfig, KeyMapConfig, LockRows, LockRowsConfig, Mask, MaskConfig, MergeCells, MergeCellsConfig, Model, ModelConfig, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PdfExport, PdfExportConfig, PinColumns, PinColumnsConfig, PreserveScrollOptions, Print, PrintConfig, QuickFind, QuickFindConfig, RegionResize, RegionResizeConfig, ResponsiveLevelConfig, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowExpander, RowExpanderConfig, RowReorder, RowReorderConfig, RowResize, RowResizeConfig, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, Search, SearchConfig, Sort, SortConfig, Split, SplitConfig, StateProvider, StickyCells, StickyCellsConfig, Store, StoreConfig, Stripe, StripeConfig, SubGridConfig, Summary, SummaryConfig, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, Tree, TreeConfig, TreeGroup, TreeGroupConfig, Widget } from '@bryntum/grid';
+import type { AI, AIConfig, AIFilter, AIFilterConfig, AjaxStore, AjaxStoreConfig, CellCopyPaste, CellCopyPasteConfig, CellEdit, CellEditConfig, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, Color, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, ContainerItemConfig, DomConfig, EmptyTextDomConfig, ExcelExporter, ExcelExporterConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, FormulaProviderConfig, GridBaseListeners, GridColumnConfig, GridSelectionMode, Group, GroupConfig, GroupSummary, GroupSummaryConfig, HeaderMenu, HeaderMenuConfig, KeyMapConfig, LockRows, LockRowsConfig, Mask, MaskConfig, MergeCells, MergeCellsConfig, Model, ModelConfig, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PdfExport, PdfExportConfig, PinColumns, PinColumnsConfig, PreserveScrollOptions, Print, PrintConfig, QuickFind, QuickFindConfig, RegionResize, RegionResizeConfig, ResponsiveLevelConfig, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowExpander, RowExpanderConfig, RowReorder, RowReorderConfig, RowResize, RowResizeConfig, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, Search, SearchConfig, Sort, SortConfig, Split, SplitConfig, StateProvider, StickyCells, StickyCellsConfig, Store, StoreConfig, Stripe, StripeConfig, SubGridConfig, Summary, SummaryConfig, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, Tree, TreeConfig, TreeGroup, TreeGroupConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumGridBaseProps = {
@@ -72,6 +72,10 @@ export declare type BryntumGridBaseProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-bodyCls)
      */
     bodyCls ? : string|object
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border ? : Boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -123,7 +127,7 @@ export declare type BryntumGridBaseProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -744,6 +748,15 @@ export declare type BryntumGridBaseProps = {
     width ? : string|number
 
     // Features
+    /**
+     * This feature provides an AI agent for Grid. It provides a chat panel that allows the user to send messages to the
+     * agent and see the responses. Which allows the user to use natural language to interact with the Grid in different
+     * ways. For example, the user can ask the agent to filter the data, sort it, or select specific records. The agent can
+     * also perform data manipulation operations such as adding, updating, deleting records.
+     * ...
+     * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/AI)
+     */
+    aiFeature ? : object|Boolean|string|AI|AIConfig
     /**
      * AI-powered filter feature for Grid. Allows users to type natural language queries to filter grid data.
      * ...

package/src/components/BryntumGridChartDesigner.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, DomConfig, Grid, GridChartDesignerListeners, KeyMapConfig, MaskConfig, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, DomConfig, Grid, GridChartDesignerListeners, KeyMapConfig, MaskConfig, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import { GridChartDesigner } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -99,7 +99,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridChartDesigner#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumGridChartDesignerProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, DomConfig, Grid, GridChartDesignerListeners, KeyMapConfig, MaskConfig, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, DomConfig, Grid, GridChartDesignerListeners, KeyMapConfig, MaskConfig, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumGridChartDesignerProps = {
@@ -85,7 +85,7 @@ export declare type BryntumGridChartDesignerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridChartDesigner#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumGridFieldFilterPicker.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, ComboConfig, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldFilterPicker, FieldOption, Grid, GridFieldFilterPickerListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, Color, ComboConfig, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldFilterPicker, FieldOption, Grid, GridFieldFilterPickerListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/grid';
 import { GridFieldFilterPicker } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -72,6 +72,10 @@ defineProps<{
      * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
      */
     autoUpdateRecord ? : Boolean
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border ? : Boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -111,7 +115,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPicker#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -825,6 +829,7 @@ const widgetData = {
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'centered',
         'color',

package/src/components/BryntumGridFieldFilterPickerGroup.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, CollectionFilterConfig, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldFilterPicker, FieldFilterPickerConfig, FieldFilterPickerGroup, Grid, GridFieldFilterPickerGroupListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, CollectionFilterConfig, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldFilterPicker, FieldFilterPickerConfig, FieldFilterPickerGroup, Grid, GridFieldFilterPickerGroupListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import { GridFieldFilterPickerGroup } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -74,6 +74,10 @@ defineProps<{
      * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
      */
     autoUpdateRecord ? : Boolean
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border ? : Boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -129,7 +133,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -841,6 +845,7 @@ const widgetData = {
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'canDeleteFilter',
         'canManageFilter',

package/src/components/BryntumGridFieldFilterPickerGroupProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, CollectionFilterConfig, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldFilterPickerConfig, Grid, GridFieldFilterPickerGroupListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, CollectionFilterConfig, Color, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldFilterPickerConfig, Grid, GridFieldFilterPickerGroupListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumGridFieldFilterPickerGroupProps = {
@@ -60,6 +60,10 @@ export declare type BryntumGridFieldFilterPickerGroupProps = {
      * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
      */
     autoUpdateRecord ? : Boolean
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border ? : Boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -115,7 +119,7 @@ export declare type BryntumGridFieldFilterPickerGroupProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumGridFieldFilterPickerProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, ComboConfig, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldOption, Grid, GridFieldFilterPickerListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, Color, ComboConfig, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldOption, Grid, GridFieldFilterPickerListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumGridFieldFilterPickerProps = {
@@ -58,6 +58,10 @@ export declare type BryntumGridFieldFilterPickerProps = {
      * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
      */
     autoUpdateRecord ? : Boolean
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border ? : Boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -97,7 +101,7 @@ export declare type BryntumGridFieldFilterPickerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPicker#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumGridProps.ts

@@ -1,4 +1,4 @@
-import type { AIFilter, AIFilterConfig, AjaxStore, AjaxStoreConfig, CellCopyPaste, CellCopyPasteConfig, CellEdit, CellEditConfig, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, ContainerItemConfig, DomConfig, EmptyTextDomConfig, ExcelExporter, ExcelExporterConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, FormulaProviderConfig, GridColumnConfig, GridListeners, GridSelectionMode, Group, GroupConfig, GroupSummary, GroupSummaryConfig, HeaderMenu, HeaderMenuConfig, KeyMapConfig, LockRows, LockRowsConfig, Mask, MaskConfig, MergeCells, MergeCellsConfig, Model, ModelConfig, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PdfExport, PdfExportConfig, PinColumns, PinColumnsConfig, PreserveScrollOptions, Print, PrintConfig, QuickFind, QuickFindConfig, RegionResize, RegionResizeConfig, ResponsiveLevelConfig, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowExpander, RowExpanderConfig, RowReorder, RowReorderConfig, RowResize, RowResizeConfig, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, Search, SearchConfig, Sort, SortConfig, Split, SplitConfig, StateProvider, StickyCells, StickyCellsConfig, Store, StoreConfig, Stripe, StripeConfig, SubGridConfig, Summary, SummaryConfig, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, Tree, TreeConfig, TreeGroup, TreeGroupConfig, Widget } from '@bryntum/grid';
+import type { AI, AIConfig, AIFilter, AIFilterConfig, AjaxStore, AjaxStoreConfig, CellCopyPaste, CellCopyPasteConfig, CellEdit, CellEditConfig, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, Color, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, ContainerItemConfig, DomConfig, EmptyTextDomConfig, ExcelExporter, ExcelExporterConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, FormulaProviderConfig, GridColumnConfig, GridListeners, GridSelectionMode, Group, GroupConfig, GroupSummary, GroupSummaryConfig, HeaderMenu, HeaderMenuConfig, KeyMapConfig, LockRows, LockRowsConfig, Mask, MaskConfig, MergeCells, MergeCellsConfig, Model, ModelConfig, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PdfExport, PdfExportConfig, PinColumns, PinColumnsConfig, PreserveScrollOptions, Print, PrintConfig, QuickFind, QuickFindConfig, RegionResize, RegionResizeConfig, ResponsiveLevelConfig, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowExpander, RowExpanderConfig, RowReorder, RowReorderConfig, RowResize, RowResizeConfig, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, Search, SearchConfig, Sort, SortConfig, Split, SplitConfig, StateProvider, StickyCells, StickyCellsConfig, Store, StoreConfig, Stripe, StripeConfig, SubGridConfig, Summary, SummaryConfig, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, Tree, TreeConfig, TreeGroup, TreeGroupConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumGridProps = {
@@ -72,6 +72,10 @@ export declare type BryntumGridProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/Grid#config-bodyCls)
      */
     bodyCls ? : string|object
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border ? : Boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -123,7 +127,7 @@ export declare type BryntumGridProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/Grid#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -745,6 +749,15 @@ export declare type BryntumGridProps = {
     width ? : string|number
 
     // Features
+    /**
+     * This feature provides an AI agent for Grid. It provides a chat panel that allows the user to send messages to the
+     * agent and see the responses. Which allows the user to use natural language to interact with the Grid in different
+     * ways. For example, the user can ask the agent to filter the data, sort it, or select specific records. The agent can
+     * also perform data manipulation operations such as adding, updating, deleting records.
+     * ...
+     * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/AI)
+     */
+    aiFeature ? : object|Boolean|string|AI|AIConfig
     /**
      * AI-powered filter feature for Grid. Allows users to type natural language queries to filter grid data.
      * ...

package/src/components/BryntumGroupBar.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Collection, CollectionConfig, DomConfig, GroupBarListeners, KeyMapConfig, List, MaskConfig, Model, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Collection, CollectionConfig, Color, DomConfig, GroupBarListeners, KeyMapConfig, List, MaskConfig, Model, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import { GroupBar } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -130,7 +130,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -793,13 +793,11 @@ const widgetData = {
         'activateOnMouseover',
         'adopt',
         'align',
-        'allowGroupSelect',
         'anchor',
         'ariaDescription',
         'ariaLabel',
         'bubbleEvents',
         'centered',
-        'clearSelectionOnEmptySpaceClick',
         'closable',
         'closeHandler',
         'color',
@@ -851,9 +849,11 @@ const widgetData = {
     ],
     propertyConfigNames : [
         'alignSelf',
+        'allowGroupSelect',
         'appendTo',
         'callOnFunctions',
         'catchEventHandlerExceptions',
+        'clearSelectionOnEmptySpaceClick',
         'cls',
         'collapsibleGroups',
         'column',

package/src/components/BryntumGroupBarProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Collection, CollectionConfig, DomConfig, GroupBarListeners, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Collection, CollectionConfig, Color, DomConfig, GroupBarListeners, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumGroupBarProps = {
@@ -116,7 +116,7 @@ export declare type BryntumGroupBarProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumHint.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, ButtonConfig, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, HintActions, HintListeners, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Popup, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, ButtonConfig, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, HintActions, HintListeners, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Popup, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import { Hint } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -82,6 +82,10 @@ defineProps<{
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Hint#config-bodyCls)
      */
     bodyCls ? : string|object
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border ? : Boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -137,7 +141,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Hint#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -984,6 +988,7 @@ const widgetData = {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'buttons',
         'closeOnEscape',

package/src/components/BryntumHintProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ButtonConfig, ContainerItemConfig, ContainerLayoutConfig, DomConfig, HintActions, HintListeners, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, ButtonConfig, Color, ContainerItemConfig, ContainerLayoutConfig, DomConfig, HintActions, HintListeners, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumHintProps = {
@@ -68,6 +68,10 @@ export declare type BryntumHintProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Hint#config-bodyCls)
      */
     bodyCls ? : string|object
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border ? : Boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -123,7 +127,7 @@ export declare type BryntumHintProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Hint#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumLabel.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, DomConfig, KeyMapConfig, LabelListeners, MaskConfig, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, DomConfig, KeyMapConfig, LabelListeners, MaskConfig, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import { Label } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -99,7 +99,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Label#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */