@bryntum/schedulerpro-vue-3-thin 7.1.2 → 7.2.0

package/src/components/BryntumVersionGrid.vue

@@ -10,8 +10,8 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { Base, Container, DomConfig, FormulaProviderConfig, KeyMapConfig, Mask, MaskConfig, Menu, MenuItem, MenuItemEntry, Model, ModelConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, StateProvider, Store, StoreConfig, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, Widget } from '@bryntum/core-thin';
-import type { AIFilter, AIFilterConfig, CellCopyPaste, CellCopyPasteConfig, CellEdit as GridCellEdit, CellEditConfig as GridCellEditConfig, CellEditorContext, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, Column, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, EmptyTextDomConfig, ExcelExporter as GridExcelExporter, ExcelExporterConfig as GridExcelExporterConfig, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, Grid, GridBase, GridLocation, GridLocationConfig, GridSelectionMode, GridStateInfo, Group, GroupConfig, GroupSummary as GridGroupSummary, GroupSummaryConfig as GridGroupSummaryConfig, HeaderMenu, HeaderMenuConfig, LockRows as GridLockRows, LockRowsConfig as GridLockRowsConfig, MergeCells, MergeCellsConfig, PdfExport as GridPdfExport, PdfExportConfig as GridPdfExportConfig, PinColumns, PinColumnsConfig, PreserveScrollOptions, Print as GridPrint, PrintConfig as GridPrintConfig, QuickFind, QuickFindConfig, RecordPositionContext, RegionResize, RegionResizeConfig, ResponsiveLevelConfig, Row, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowEditorContext, RowExpander, RowExpanderConfig, RowReorder as GridRowReorder, RowReorderConfig as GridRowReorderConfig, RowResize as GridRowResize, RowResizeConfig as GridRowResizeConfig, Search, SearchConfig, Sort, SortConfig, Split as GridSplit, SplitConfig as GridSplitConfig, StickyCells, StickyCellsConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, Summary as GridSummary, SummaryConfig as GridSummaryConfig, Tree, TreeConfig, TreeGroup, TreeGroupConfig, XLSColumn } from '@bryntum/grid-thin';
+import type { Base, Color, Container, DomConfig, FormulaProviderConfig, KeyMapConfig, Mask, MaskConfig, Menu, MenuItem, MenuItemEntry, Model, ModelConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, StateProvider, Store, StoreConfig, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, Widget } from '@bryntum/core-thin';
+import type { AI as GridAI, AIConfig as GridAIConfig, AIFilter, AIFilterConfig, CellCopyPaste, CellCopyPasteConfig, CellEdit as GridCellEdit, CellEditConfig as GridCellEditConfig, CellEditorContext, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, Column, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, EmptyTextDomConfig, ExcelExporter as GridExcelExporter, ExcelExporterConfig as GridExcelExporterConfig, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, Grid, GridBase, GridLocation, GridLocationConfig, GridSelectionMode, GridStateInfo, Group, GroupConfig, GroupSummary as GridGroupSummary, GroupSummaryConfig as GridGroupSummaryConfig, HeaderMenu, HeaderMenuConfig, LockRows as GridLockRows, LockRowsConfig as GridLockRowsConfig, MergeCells, MergeCellsConfig, PdfExport as GridPdfExport, PdfExportConfig as GridPdfExportConfig, PinColumns, PinColumnsConfig, PreserveScrollOptions, Print as GridPrint, PrintConfig as GridPrintConfig, QuickFind, QuickFindConfig, RecordPositionContext, RegionResize, RegionResizeConfig, ResponsiveLevelConfig, Row, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowEditorContext, RowExpander, RowExpanderConfig, RowReorder as GridRowReorder, RowReorderConfig as GridRowReorderConfig, RowResize as GridRowResize, RowResizeConfig as GridRowResizeConfig, Search, SearchConfig, Sort, SortConfig, Split as GridSplit, SplitConfig as GridSplitConfig, StickyCells, StickyCellsConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, Summary as GridSummary, SummaryConfig as GridSummaryConfig, Tree, TreeConfig, TreeGroup, TreeGroupConfig, XLSColumn } from '@bryntum/grid-thin';
 import type { PdfExportConfig } from '@bryntum/scheduler-thin';
 import type { SchedulerProContainerItemConfig, SchedulerProColumnConfig, ProjectModel, VersionGridListeners, VersionModel } from '@bryntum/schedulerpro-thin';
 import { VersionGrid } from '@bryntum/schedulerpro-thin';
@@ -89,6 +89,10 @@ defineProps<{
      * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/widget/VersionGrid#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.
@@ -140,7 +144,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/widget/VersionGrid#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -786,6 +790,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/schedulerpro/docs/api/Grid/feature/AI)
+     */
+    aiFeature ? : object|Boolean|string|GridAI|GridAIConfig
     /**
      * AI-powered filter feature for Grid. Allows users to type natural language queries to filter grid data.
      * ...
@@ -1128,6 +1141,18 @@ const emit = defineEmits<{
      * @param {any} params.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 {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {Grid.view.GridBase} params.params.event.source The grid instance
+     * @param {Grid.column.Column} params.params.event.column The column
+     * @param {boolean} params.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
@@ -1294,12 +1319,12 @@ const emit = defineEmits<{
      * @param {string} params.e Event name
      * @param {object} params.params Event parameters
      * @param {object} params.params.event Event object
-     * @param {Grid.view.Grid} params.params.event.source The firing Grid instance.
-     * @param {Grid.row.Row} params.params.event.row The row about to be rendered.
-     * @param {Core.data.Model} params.params.event.record The record for the row.
-     * @param {number} params.params.event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} params.params.event.source The firing Grid instance
+     * @param {Grid.row.Row} params.params.event.row The row about to be rendered
+     * @param {Core.data.Model} params.params.event.record The record for the row
+     * @param {number} params.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
@@ -1307,9 +1332,9 @@ const emit = defineEmits<{
      * @param {string} params.e Event name
      * @param {object} params.params Event parameters
      * @param {object} params.params.event Event object
-     * @param {Grid.view.Grid} params.params.event.source This grid.
+     * @param {Grid.view.GridBase} params.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.
      * ...
@@ -1640,6 +1665,18 @@ const emit = defineEmits<{
      * @param {Core.data.Model} params.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 {string} params.e Event name
+     * @param {object} params.params Event parameters
+     * @param {object} params.params.event Event object
+     * @param {Grid.view.GridBase} params.params.event.source The Grid instance
+     * @param {Grid.column.Column} params.params.event.column The column being toggled
+     * @param {boolean} params.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.
@@ -1767,14 +1804,14 @@ const emit = defineEmits<{
      * @param {string} params.e Event name
      * @param {object} params.params Event parameters
      * @param {object} params.params.event Event object
-     * @param {Grid.view.Grid} params.params.event.source Owning grid
+     * @param {Grid.view.GridBase} params.params.event.source Owning grid
      * @param {Core.data.Store} params.params.event.store The originating store
      * @param {'remove','removeAll','add','clearchanges','filter','update','dataset','replace'} params.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.params.event.record Changed record, for actions that affects exactly one record (`'update'`)
      * @param {Core.data.Model[]} params.params.event.records Changed records, passed for all actions except `'removeAll'`
      * @param {object} params.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
@@ -2222,12 +2259,12 @@ const emit = defineEmits<{
      * @param {string} params.e Event name
      * @param {object} params.params Event parameters
      * @param {object} params.params.event Event object
-     * @param {Grid.view.Grid} params.params.event.source The firing Grid instance.
-     * @param {Grid.row.Row} params.params.event.row The row that has been rendered.
-     * @param {Core.data.Model} params.params.event.record The record for the row.
-     * @param {number} params.params.event.recordIndex The zero-based index of the record.
+     * @param {Grid.view.GridBase} params.params.event.source The firing Grid instance
+     * @param {Grid.row.Row} params.params.event.row The row that has been rendered
+     * @param {Core.data.Model} params.params.event.record The record for the row
+     * @param {number} params.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
@@ -2235,9 +2272,9 @@ const emit = defineEmits<{
      * @param {string} params.e Event name
      * @param {object} params.params Event parameters
      * @param {object} params.params.event Event object
-     * @param {Grid.view.Grid} params.params.event.source This grid.
+     * @param {Grid.view.GridBase} params.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/schedulerpro/docs/api/Core/widget/Widget#config-monitorResize) is `true`*.
      * @param {string} e Event name
@@ -2335,10 +2372,10 @@ const emit = defineEmits<{
      * @param {string} params.e Event name
      * @param {object} params.params Event parameters
      * @param {object} params.params.event Event object
-     * @param {Grid.view.Grid} params.params.event.source The firing Grid instance.
+     * @param {Grid.view.GridBase} params.params.event.source The firing Grid instance.
      * @param {number} params.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
@@ -2474,10 +2511,10 @@ const emit = defineEmits<{
      * @param {string} params.e Event name
      * @param {object} params.params Event parameters
      * @param {object} params.params.event Event object
-     * @param {Grid.view.Grid} params.params.event.source The firing Grid instance
+     * @param {Grid.view.GridBase} params.params.event.source The firing Grid instance
      * @param {Grid.view.SubGrid} params.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
@@ -2485,10 +2522,10 @@ const emit = defineEmits<{
      * @param {string} params.e Event name
      * @param {object} params.params Event parameters
      * @param {object} params.params.event Event object
-     * @param {Grid.view.Grid} params.params.event.source The firing Grid instance
+     * @param {Grid.view.GridBase} params.params.event.source The firing Grid instance
      * @param {Grid.view.SubGrid} params.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
@@ -2553,6 +2590,7 @@ const widgetData = {
         'autoHeight',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'collapsible',
         'color',
@@ -2660,6 +2698,7 @@ const widgetData = {
         'onBeforeCellEditStart',
         'onBeforeCellRangeDelete',
         'onBeforeCellRangeEdit',
+        'onBeforeColumnCollapseToggle',
         'onBeforeColumnDragStart',
         'onBeforeColumnDropFinalize',
         'onBeforeColumnResize',
@@ -2700,6 +2739,7 @@ const widgetData = {
         'onCellMouseOver',
         'onCollapse',
         'onCollapseNode',
+        'onColumnCollapseToggle',
         'onColumnDrag',
         'onColumnDragStart',
         'onColumnDrop',
@@ -2813,6 +2853,7 @@ const widgetData = {
         'beforeCellEditStart',
         'beforeCellRangeDelete',
         'beforeCellRangeEdit',
+        'beforeColumnCollapseToggle',
         'beforeColumnDragStart',
         'beforeColumnDropFinalize',
         'beforeColumnResize',
@@ -2853,6 +2894,7 @@ const widgetData = {
         'cellMouseOver',
         'collapse',
         'collapseNode',
+        'columnCollapseToggle',
         'columnDrag',
         'columnDragStart',
         'columnDrop',

package/src/components/BryntumVersionGridProps.ts

@@ -1,5 +1,5 @@
-import type { DomConfig, FormulaProviderConfig, KeyMapConfig, Mask, MaskConfig, Model, ModelConfig, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, StateProvider, Store, StoreConfig, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, Widget } from '@bryntum/core-thin';
-import type { AIFilter, AIFilterConfig, CellCopyPaste, CellCopyPasteConfig, CellEdit as GridCellEdit, CellEditConfig as GridCellEditConfig, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, EmptyTextDomConfig, ExcelExporter as GridExcelExporter, ExcelExporterConfig as GridExcelExporterConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, GridSelectionMode, Group, GroupConfig, GroupSummary as GridGroupSummary, GroupSummaryConfig as GridGroupSummaryConfig, HeaderMenu, HeaderMenuConfig, LockRows as GridLockRows, LockRowsConfig as GridLockRowsConfig, MergeCells, MergeCellsConfig, PdfExport as GridPdfExport, PdfExportConfig as GridPdfExportConfig, PinColumns, PinColumnsConfig, PreserveScrollOptions, Print as GridPrint, PrintConfig as GridPrintConfig, QuickFind, QuickFindConfig, RegionResize, RegionResizeConfig, ResponsiveLevelConfig, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowExpander, RowExpanderConfig, RowReorder as GridRowReorder, RowReorderConfig as GridRowReorderConfig, RowResize as GridRowResize, RowResizeConfig as GridRowResizeConfig, Search, SearchConfig, Sort, SortConfig, Split as GridSplit, SplitConfig as GridSplitConfig, StickyCells, StickyCellsConfig, Stripe, StripeConfig, SubGridConfig, Summary as GridSummary, SummaryConfig as GridSummaryConfig, Tree, TreeConfig, TreeGroup, TreeGroupConfig } from '@bryntum/grid-thin';
+import type { Color, DomConfig, FormulaProviderConfig, KeyMapConfig, Mask, MaskConfig, Model, ModelConfig, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, StateProvider, Store, StoreConfig, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, Widget } from '@bryntum/core-thin';
+import type { AI as GridAI, AIConfig as GridAIConfig, AIFilter, AIFilterConfig, CellCopyPaste, CellCopyPasteConfig, CellEdit as GridCellEdit, CellEditConfig as GridCellEditConfig, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, EmptyTextDomConfig, ExcelExporter as GridExcelExporter, ExcelExporterConfig as GridExcelExporterConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, GridSelectionMode, Group, GroupConfig, GroupSummary as GridGroupSummary, GroupSummaryConfig as GridGroupSummaryConfig, HeaderMenu, HeaderMenuConfig, LockRows as GridLockRows, LockRowsConfig as GridLockRowsConfig, MergeCells, MergeCellsConfig, PdfExport as GridPdfExport, PdfExportConfig as GridPdfExportConfig, PinColumns, PinColumnsConfig, PreserveScrollOptions, Print as GridPrint, PrintConfig as GridPrintConfig, QuickFind, QuickFindConfig, RegionResize, RegionResizeConfig, ResponsiveLevelConfig, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowExpander, RowExpanderConfig, RowReorder as GridRowReorder, RowReorderConfig as GridRowReorderConfig, RowResize as GridRowResize, RowResizeConfig as GridRowResizeConfig, Search, SearchConfig, Sort, SortConfig, Split as GridSplit, SplitConfig as GridSplitConfig, StickyCells, StickyCellsConfig, Stripe, StripeConfig, SubGridConfig, Summary as GridSummary, SummaryConfig as GridSummaryConfig, Tree, TreeConfig, TreeGroup, TreeGroupConfig } from '@bryntum/grid-thin';
 import type { SchedulerProContainerItemConfig, SchedulerProColumnConfig, ProjectModel, VersionGridListeners } from '@bryntum/schedulerpro-thin';
 
 export declare type BryntumVersionGridProps = {
@@ -73,6 +73,10 @@ export declare type BryntumVersionGridProps = {
      * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/widget/VersionGrid#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.
@@ -124,7 +128,7 @@ export declare type BryntumVersionGridProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/widget/VersionGrid#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -770,6 +774,15 @@ export declare type BryntumVersionGridProps = {
     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/schedulerpro/docs/api/Grid/feature/AI)
+     */
+    aiFeature ? : object|Boolean|string|GridAI|GridAIConfig
     /**
      * AI-powered filter feature for Grid. Allows users to type natural language queries to filter grid data.
      * ...

package/src/helper/WrapperHelper.ts

@@ -469,9 +469,13 @@ export class WrapperHelper {
                 isRecurring = eventRecord.isRecurring || eventRecord.isOccurrence,
                 key         = `assignment-${assignmentRecord?.id}${isRecurring ? '-' + eventRecord.id : ''}`;
 
-            if (wrap.vueKey) {
+            // Only delete the teleport if it's rendering into this specific targetElement.
+            // Prevents issues when elements are reused during scrolling with LockRows feature.
+            if (wrap.vueKey && teleports.get(wrap.vueKey)?.to === targetElement) {
+                // Only delete if the existing teleport is rendering into this specific targetElement
                 teleports.delete(wrap.vueKey);
             }
+
             const
                 bind            = { ...rendererConfig },
                 { is, on = {} } = bind;