@bryntum/calendar-vue-3 7.2.0 → 7.2.2

package/lib/components/BryntumAgendaView.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../chunks/-CJ-30JA.js";
+import { _ as f } from "../chunks/C88DnD0Q.js";
 export {
   f as default
 };

package/lib/components/BryntumEventList.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../chunks/BYwbKAIu.js";
+import { _ as f } from "../chunks/Bxe38CDH.js";
 export {
   f as default
 };

package/lib/components/BryntumGrid.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../chunks/CNaG4gNt.js";
+import { _ as f } from "../chunks/BqjJWGYH.js";
 export {
   f as default
 };

package/lib/components/BryntumGridBase.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../chunks/Ch59oTZI.js";
+import { _ as f } from "../chunks/BDVK3ih3.js";
 export {
   f as default
 };

package/lib/components/BryntumMonthAgendaView.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../chunks/ZjOFly06.js";
+import { _ as f } from "../chunks/DPZhUx1w.js";
 export {
   f as default
 };

package/lib/components/BryntumMonthGrid.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../chunks/CQYCteeF.js";
+import { _ as f } from "../chunks/BeLjASq2.js";
 export {
   f as default
 };

package/lib/components/BryntumScheduler.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../chunks/D2U_kuKA.js";
+import { _ as f } from "../chunks/BOnm1I34.js";
 export {
   f as default
 };

package/lib/components/BryntumSchedulerBase.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../chunks/DO0PUBED.js";
+import { _ as f } from "../chunks/CshnxH5i.js";
 export {
   f as default
 };

package/lib/components/BryntumTimelineHistogram.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../chunks/CCqSjypI.js";
+import { _ as f } from "../chunks/UB71pEbF.js";
 export {
   f as default
 };

package/lib/components/BryntumTreeGrid.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../chunks/gtjnnwQX.js";
+import { _ as f } from "../chunks/DzP54eL2.js";
 export {
   f as default
 };

package/lib/components/BryntumYearView.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../chunks/Blkgab9S.js";
+import { _ as f } from "../chunks/CUk9Mo9a.js";
 export {
   f as default
 };

package/lib/index.js

@@ -1,6 +1,6 @@
 import { _ as t } from "./chunks/DRk05Cde.js";
 import { _ as a } from "./chunks/C04gcDe3.js";
-import { _ as u } from "./chunks/-CJ-30JA.js";
+import { _ as u } from "./chunks/C88DnD0Q.js";
 import "@bryntum/calendar";
 import { _ as p } from "./chunks/DXlCOnqx.js";
 import { _ as i } from "./chunks/bCzZXC7O.js";
@@ -28,15 +28,15 @@ import { _ as $ } from "./chunks/B8gugSPH.js";
 import { _ as or } from "./chunks/DlS1ldri.js";
 import { _ as tr } from "./chunks/DzU3frDv.js";
 import { _ as ar } from "./chunks/B4_IqbDS.js";
-import { _ as ur } from "./chunks/BYwbKAIu.js";
+import { _ as ur } from "./chunks/Bxe38CDH.js";
 import { _ as pr } from "./chunks/ffMQdvvG.js";
 import { _ as ir } from "./chunks/B2_uGWbz.js";
 import { _ as yr } from "./chunks/JzIx9CYf.js";
 import { _ as _r } from "./chunks/CocHPfxT.js";
 import { _ as dr } from "./chunks/BwrHuxOo.js";
 import { _ as cr } from "./chunks/D2pGT64x.js";
-import { _ as Cr } from "./chunks/CNaG4gNt.js";
-import { _ as gr } from "./chunks/Ch59oTZI.js";
+import { _ as Cr } from "./chunks/BqjJWGYH.js";
+import { _ as gr } from "./chunks/BDVK3ih3.js";
 import { _ as Tr } from "./chunks/Dn19CjWt.js";
 import { _ as hr } from "./chunks/CvcdQTaG.js";
 import { _ as wr } from "./chunks/Bqzu5U04.js";
@@ -46,8 +46,8 @@ import { _ as Er } from "./chunks/BI1N0MIj.js";
 import { _ as Lr } from "./chunks/CW4ZETjg.js";
 import { _ as vr } from "./chunks/BHuV4eJ2.js";
 import { _ as Yr } from "./chunks/BMwoyAu-.js";
-import { _ as Ir } from "./chunks/ZjOFly06.js";
-import { _ as Ur } from "./chunks/CQYCteeF.js";
+import { _ as Ir } from "./chunks/DPZhUx1w.js";
+import { _ as Ur } from "./chunks/BeLjASq2.js";
 import { _ as Jr } from "./chunks/Da2LyDQ1.js";
 import { _ as Or } from "./chunks/q6XtT4cQ.js";
 import { _ as Xr } from "./chunks/DWa9zkiz.js";
@@ -63,8 +63,8 @@ import { _ as _o } from "./chunks/D-frdMjd.js";
 import { _ as Fo } from "./chunks/C_mtEjpv.js";
 import { _ as Po } from "./chunks/DdFEd1cr.js";
 import { _ as ko } from "./chunks/DFS9-wGD.js";
-import { _ as Do } from "./chunks/D2U_kuKA.js";
-import { _ as bo } from "./chunks/DO0PUBED.js";
+import { _ as Do } from "./chunks/BOnm1I34.js";
+import { _ as bo } from "./chunks/CshnxH5i.js";
 import { _ as Go } from "./chunks/C5Clliwu.js";
 import { _ as Vo } from "./chunks/AuFgCdLX.js";
 import { _ as Mo } from "./chunks/CIQAmaY-.js";
@@ -74,18 +74,18 @@ import { _ as jo } from "./chunks/hfgcSOCj.js";
 import { _ as Wo } from "./chunks/B7YXa-I1.js";
 import { _ as zo } from "./chunks/BO4n9DQP.js";
 import { _ as No } from "./chunks/SLEVEsHl.js";
-import { _ as qo } from "./chunks/CCqSjypI.js";
+import { _ as qo } from "./chunks/UB71pEbF.js";
 import { _ as Ko } from "./chunks/DTyQJAl4.js";
 import { _ as Qo } from "./chunks/BmTK3Q03.js";
 import { _ as Zo } from "./chunks/Db4veohk.js";
 import { _ as re } from "./chunks/BtTswK-2.js";
-import { _ as ee } from "./chunks/gtjnnwQX.js";
+import { _ as ee } from "./chunks/DzP54eL2.js";
 import { _ as me } from "./chunks/3K9s-aEV.js";
 import { _ as ne } from "./chunks/Dehw9x4O.js";
 import { _ as se } from "./chunks/BvJ77_94.js";
 import { _ as Be } from "./chunks/Au1iuOl5.js";
 import { _ as xe } from "./chunks/BY4xkJBO.js";
-import { _ as fe } from "./chunks/Blkgab9S.js";
+import { _ as fe } from "./chunks/CUk9Mo9a.js";
 export {
   p as BryntumAIFilterField,
   u as BryntumAgendaView,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bryntum/calendar-vue-3",
-  "version": "7.2.0",
+  "version": "7.2.2",
   "description": "Vue 3 wrappers for Bryntum Calendar JavaScript component",
   "keywords": [
     "bryntum",

package/src/components/BryntumAIFilterField.vue

@@ -514,7 +514,7 @@ defineProps<{
     required ? : Boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/calendar/docs/api/Core/widget/Field#config-readOnly), then setting this option means that pressing
-     * the `ESCAPE` key after editing the field will revert the field to the value it had when
+     * the <kbd>Escape</kbd> key after editing the field will revert the field to the value it had when
      * the user focused the field. If the field is *not* changed from when focused, the [clearable](https://bryntum.com/products/calendar/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */

package/src/components/BryntumAIFilterFieldProps.ts

@@ -500,7 +500,7 @@ export declare type BryntumAIFilterFieldProps = {
     required ? : Boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/calendar/docs/api/Core/widget/Field#config-readOnly), then setting this option means that pressing
-     * the `ESCAPE` key after editing the field will revert the field to the value it had when
+     * the <kbd>Escape</kbd> key after editing the field will revert the field to the value it had when
      * the user focused the field. If the field is *not* changed from when focused, the [clearable](https://bryntum.com/products/calendar/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */

package/src/components/BryntumAgendaView.vue

@@ -447,7 +447,7 @@ defineProps<{
      * @param {object} detail.renderData.dataset An object which produces the `dataset` of the resulting event bar
      * @param {boolean} detail.renderData.solidBar This is valid for views which create event bars. This is set to `true` by default for all day and interday events so that these appear as a solid block of background color. An eventRenderer may mutate this flag to change in what manner the event bar is colored - as a solid bar of color, or using the foreground color (text and icons) such as the MonthView, the CalendarRow (all day events in a DayView), and OverflowPopups
      * @param {string} detail.renderData.bodyColor When used in a [DayView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView), this color is applied to the body of the event element. Note that this must be light enough that the text color (From the SASS variable `$dayview-event-color`) is visible
-     * @param {boolean} detail.renderData.showBullet If there is no `iconCls`, and the event is not recurring, then by default a "bullet" circular icon is shown if the view's [showBullet](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/CalendarMixin#config-showBullet) if set. Setting this property in an event renderer overrides this behaviour.
+     * @param {boolean} detail.renderData.showBullet If there is no `iconCls`, and the event is not recurring, then by default a "bullet" circular icon is shown if the view's [showBullet](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/CalendarMixin#config-showBullet) if set. Setting this property in an event renderer overrides this behaviour. <h3>Using JSX (React)</h3> When using the Bryntum React wrapper, the event renderer can return JSX elements: ```javascript eventRenderer({ eventRecord, renderData }) {     return &lt;MyEventComponent event={eventRecord} />; } ``` *Using JSX in the event renderer creates a React portal for each rendered event. For calendars with many visible events or frequently re-rendered views, this may impact scrolling performance compared to returning plain strings or [DomConfig](https://bryntum.com/products/calendar/docs/api/Core/helper/DomHelper#typedef-DomConfig) objects. Consider using JSX primarily for events that require complex interactive React components.*
      * @returns {DomConfig,DomConfig[],string,void} The content to be used as the event body.
      */
     eventRenderer ? : ((detail: { view: CalendarView, eventRecord: EventModel, resourceRecord: ResourceModel, renderData: { style: object, cls: object, iconStyle: object, iconCls: object, eventColor: string, eventBackground: string, textColor: string, eventInnerStyle: object, dataset: object, solidBar: Boolean, bodyColor: string, showBullet: Boolean } }) => DomConfig|DomConfig[]|string|void)|string
@@ -883,7 +883,7 @@ defineProps<{
     rootElement ? : ShadowRoot|HTMLElement
     /**
      * Row height in pixels. This allows the default height for rows to be controlled. Note that it may be
-     * overriden by specifying a [rowHeight](https://bryntum.com/products/calendar/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
+     * overridden by specifying a [rowHeight](https://bryntum.com/products/calendar/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
      * a column [renderer](https://bryntum.com/products/calendar/docs/api/Grid/column/Column#config-renderer).
      * ...
      * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/AgendaView#config-rowHeight)
@@ -1215,7 +1215,7 @@ defineProps<{
     cellEditFeature ? : object|Boolean|string|CellEdit|CellEditConfig
     /**
      * Right click to display context menu for cells. To invoke the cell menu in a keyboard-accessible manner, use the
-     * `SPACE` key when the cell is focused.
+     * <kbd>Space</kbd> key when the cell is focused.
      * ...
      * [View online docs...](https://bryntum.com/products/calendar/docs/api/Grid/feature/CellMenu)
      */
@@ -1315,8 +1315,8 @@ defineProps<{
     filterBarFeature ? : object|Boolean|string|FilterBar|FilterBarConfig
     /**
      * Enables rendering and handling of row groups. The actual grouping is done in the store, but triggered by
-     * <kbd>shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
-     * one anywhere on grid). Use <kbd>shift</kbd> + <kbd>alt</kbd> + click, or the context menu, to remove a column
+     * <kbd>Shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
+     * one anywhere on grid). Use <kbd>Shift</kbd> + <kbd>Alt</kbd> + click, or the context menu, to remove a column
      * grouper.
      * ...
      * [View online docs...](https://bryntum.com/products/calendar/docs/api/Grid/feature/Group)
@@ -1521,7 +1521,7 @@ const emit = defineEmits<{
      */
     (e: 'beforeCellEditStart', params: ((event: { source: Grid, editorContext: CellEditorContext }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
     /**
-     * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
+     * Fires on the owning Grid before deleting a range of selected cell values by pressing <kbd>Backspace</kbd> or <kbd>Delete</kbd>
      * buttons while [autoEdit](https://bryntum.com/products/calendar/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
      * @param {string} e Event name
      * @param {object} params Event parameters
@@ -2527,7 +2527,7 @@ const emit = defineEmits<{
      * @param {Response} params.event.response Optional response, if received
      * @param {Error} params.event.error Optional error, if exception occurred
      */
-    (e: 'pdfExport', params: ((event: { response?: any, error?: Error }) => void)|string): void
+    (e: 'pdfExport', params: ((event: { response?: Response, error?: Error }) => void)|string): void
     /**
      * Fired when the range of dates encapsulated by this view changes.
      * ...
@@ -2839,6 +2839,16 @@ const emit = defineEmits<{
      * @param {Date} params.event.date The date which is at the top of the view
      */
     (e: 'topDateChange', params: ((event: { date: Date }) => void)|string): void
+    /**
+     * Fired on the owning Grid/Scheduler/Gantt after tree grouping levels change
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.source The grid instance
+     * @param {(string|Function)[]} params.event.groupers Array of field names or functions representing the current grouping levels
+     * @param {(string|Function)[]} params.event.oldGroupers Array of field names or functions representing the previous grouping levels
+     */
+    (e: 'treeGroup', params: ((event: { source: Grid, groupers: (string|Function)[], oldGroupers: (string|Function)[] }) => void)|string): void
     /**
      * Fires when row locking is disabled.
      * @param {string} e Event name
@@ -3143,6 +3153,7 @@ const widgetData = {
         'onToggleNode',
         'onToolClick',
         'onTopDateChange',
+        'onTreeGroup',
         'onUnlockRows',
         'onUnsplit',
         'pastEventCls',
@@ -3320,6 +3331,7 @@ const widgetData = {
         'toggleNode',
         'toolClick',
         'topDateChange',
+        'treeGroup',
         'unlockRows',
         'unsplit'
     ]

package/src/components/BryntumAgendaViewProps.ts

@@ -433,7 +433,7 @@ export declare type BryntumAgendaViewProps = {
      * @param {object} detail.renderData.dataset An object which produces the `dataset` of the resulting event bar
      * @param {boolean} detail.renderData.solidBar This is valid for views which create event bars. This is set to `true` by default for all day and interday events so that these appear as a solid block of background color. An eventRenderer may mutate this flag to change in what manner the event bar is colored - as a solid bar of color, or using the foreground color (text and icons) such as the MonthView, the CalendarRow (all day events in a DayView), and OverflowPopups
      * @param {string} detail.renderData.bodyColor When used in a [DayView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView), this color is applied to the body of the event element. Note that this must be light enough that the text color (From the SASS variable `$dayview-event-color`) is visible
-     * @param {boolean} detail.renderData.showBullet If there is no `iconCls`, and the event is not recurring, then by default a "bullet" circular icon is shown if the view's [showBullet](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/CalendarMixin#config-showBullet) if set. Setting this property in an event renderer overrides this behaviour.
+     * @param {boolean} detail.renderData.showBullet If there is no `iconCls`, and the event is not recurring, then by default a "bullet" circular icon is shown if the view's [showBullet](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/CalendarMixin#config-showBullet) if set. Setting this property in an event renderer overrides this behaviour. <h3>Using JSX (React)</h3> When using the Bryntum React wrapper, the event renderer can return JSX elements: ```javascript eventRenderer({ eventRecord, renderData }) {     return &lt;MyEventComponent event={eventRecord} />; } ``` *Using JSX in the event renderer creates a React portal for each rendered event. For calendars with many visible events or frequently re-rendered views, this may impact scrolling performance compared to returning plain strings or [DomConfig](https://bryntum.com/products/calendar/docs/api/Core/helper/DomHelper#typedef-DomConfig) objects. Consider using JSX primarily for events that require complex interactive React components.*
      * @returns {DomConfig,DomConfig[],string,void} The content to be used as the event body.
      */
     eventRenderer ? : ((detail: { view: CalendarView, eventRecord: EventModel, resourceRecord: ResourceModel, renderData: { style: object, cls: object, iconStyle: object, iconCls: object, eventColor: string, eventBackground: string, textColor: string, eventInnerStyle: object, dataset: object, solidBar: Boolean, bodyColor: string, showBullet: Boolean } }) => DomConfig|DomConfig[]|string|void)|string
@@ -869,7 +869,7 @@ export declare type BryntumAgendaViewProps = {
     rootElement ? : ShadowRoot|HTMLElement
     /**
      * Row height in pixels. This allows the default height for rows to be controlled. Note that it may be
-     * overriden by specifying a [rowHeight](https://bryntum.com/products/calendar/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
+     * overridden by specifying a [rowHeight](https://bryntum.com/products/calendar/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
      * a column [renderer](https://bryntum.com/products/calendar/docs/api/Grid/column/Column#config-renderer).
      * ...
      * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/widget/AgendaView#config-rowHeight)
@@ -1201,7 +1201,7 @@ export declare type BryntumAgendaViewProps = {
     cellEditFeature ? : object|Boolean|string|CellEdit|CellEditConfig
     /**
      * Right click to display context menu for cells. To invoke the cell menu in a keyboard-accessible manner, use the
-     * `SPACE` key when the cell is focused.
+     * <kbd>Space</kbd> key when the cell is focused.
      * ...
      * [View online docs...](https://bryntum.com/products/calendar/docs/api/Grid/feature/CellMenu)
      */
@@ -1301,8 +1301,8 @@ export declare type BryntumAgendaViewProps = {
     filterBarFeature ? : object|Boolean|string|FilterBar|FilterBarConfig
     /**
      * Enables rendering and handling of row groups. The actual grouping is done in the store, but triggered by
-     * <kbd>shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
-     * one anywhere on grid). Use <kbd>shift</kbd> + <kbd>alt</kbd> + click, or the context menu, to remove a column
+     * <kbd>Shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
+     * one anywhere on grid). Use <kbd>Shift</kbd> + <kbd>Alt</kbd> + click, or the context menu, to remove a column
      * grouper.
      * ...
      * [View online docs...](https://bryntum.com/products/calendar/docs/api/Grid/feature/Group)

package/src/components/BryntumCalendar.vue

@@ -338,7 +338,7 @@ defineProps<{
      */
     elementAttributes ? : Record<string, string|null>
     /**
-     * Allow using [Delete] and [Backspace] to remove events/assignments
+     * Allow using <kbd>Delete</kbd> and <kbd>Backspace</kbd> to remove events/assignments
      */
     enableDeleteKey ? : Boolean
     /**
@@ -1105,7 +1105,8 @@ defineProps<{
      */
     eventBufferFeature ? : object|Boolean|string|EventBuffer|EventBufferConfig
     /**
-     * Allow using [Ctrl/CMD + C/X/V] to copy/cut-and-paste events.
+     * Allow using <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>C</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>X</kbd> and
+     * <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>V</kbd> to copy/cut-and-paste events.
      * ...
      * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/feature/EventCopyPaste)
      */
@@ -1233,7 +1234,7 @@ const emit = defineEmits<{
      */
     (e: 'beforeActiveItemChange', params: ((event: { source: Calendar, prevActiveItem: CalendarView, activeItem: CalendarView }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
     /**
-     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or
+     * Fires before an assignment is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or
      * by the event editor. Can for example be used to display a custom dialog to confirm deletion, in which
      * case records should be "manually" removed after confirmation:
      * ...
@@ -1443,7 +1444,7 @@ const emit = defineEmits<{
      */
     (e: 'beforeDropExternal', params: ((event: { eventRecord: EventModel, dropOnCalendar: boolean, itemElement: HTMLElement, targetElement: HTMLElement, domEvent: Event, overIndex: number, overRecord: Model, isAbove: boolean, altKey: boolean, ctrlKey: boolean, metaKey: boolean, shiftKey: boolean }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
     /**
-     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * Fires before an event is removed. Can be triggered by user pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> or by the
      * event editor. Can for example be used to display a custom dialog to confirm deletion, in which case
      * records should be "manually" removed after confirmation:
      * ...
@@ -1550,11 +1551,12 @@ const emit = defineEmits<{
      * @param {Scheduler.model.EventModel[]} params.event.originalEventRecords The original event records
      * @param {Scheduler.model.AssignmentModel[]} params.event.originalAssignmentRecords The original assignment record
      * @param {Date} params.event.date The date when the pasted events will be scheduled
-     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The target resource record, the clipboard event records will be assigned to this resource.
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The target resource record. When multiple resources are pasted to, this will be the top resource
+     * @param {Scheduler.model.ResourceModel[]} params.event.resourceRecords All target resource records that the events will be pasted to
      * @param {boolean} params.event.isCut `true` if this is a cut action
      * @param {string} params.event.entityName 'event' to distinguish this event from other beforePaste events
      */
-    (e: 'beforePaste', params: ((event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], originalEventRecords: EventModel[], originalAssignmentRecords: AssignmentModel[], date: Date, resourceRecord: ResourceModel, isCut: boolean, entityName: string }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    (e: 'beforePaste', params: ((event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], originalEventRecords: EventModel[], originalAssignmentRecords: AssignmentModel[], date: Date, resourceRecord: ResourceModel, resourceRecords: ResourceModel[], isCut: boolean, entityName: string }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
     /**
      * Fires on the owning Calendar before print starts. Return `false` to cancel the print.
      * @param {string} e Event name
@@ -1619,7 +1621,7 @@ const emit = defineEmits<{
      */
     (e: 'catchAll', params: ((event: {[key: string]: any, type: string}) => void)|string): void
     /**
-     * Fires when a cell overflow indicator is clicked or activated by the <kbd>ENTER</kbd> key in any view. This will include
+     * Fires when a cell overflow indicator is clicked or activated by the <kbd>Enter</kbd> key in any view. This will include
      * the cells of a [YearView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/YearView) and the `+ n more` overflow
      * indicator of cells in a [MonthView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/MonthView), and "all day" events section
      * of a [DayView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView).
@@ -1773,7 +1775,7 @@ const emit = defineEmits<{
      */
     (e: 'dayCellPopulated', params: ((event: { source: CalendarView, events: EventModel[], The: Date }) => void)|string): void
     /**
-     * Fires when a day number is clicked or activated by the <kbd>ENTER</kbd> key in a view which shows day numbers.
+     * Fires when a day number is clicked or activated by the <kbd>Enter</kbd> key in a view which shows day numbers.
      * This will include the cells of a [YearView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/YearView), the cell header of cells
      * in a [MonthView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/MonthView), and the day header in a [DayView](#Calendar/widget/DayView).
      * ...
@@ -2190,10 +2192,10 @@ const emit = defineEmits<{
      * @param {object} params.event.request The CrudManager load data block.
      * @param {object} params.event.response The decoded JSON response.
      */
-    (e: 'loadOnDemandFail', params: ((event: { rawResponse: any, request: object, response: object }) => void)|string): void
+    (e: 'loadOnDemandFail', params: ((event: { rawResponse: Response, request: object, response: object }) => void)|string): void
     /**
      * Fires when a month name header in a [YearView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/YearView) or a [MonthGrid](#Calendar/widget/MonthGrid) is clicked
-     * or activated by the <kbd>ENTER</kbd> key.
+     * or activated by the <kbd>Enter</kbd> key.
      * ...
      * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-monthNameClick)
      * @param {string} e Event name
@@ -2239,11 +2241,12 @@ const emit = defineEmits<{
      * @param {Scheduler.model.EventModel[]} params.event.originalEventRecords The original copied event records
      * @param {Scheduler.model.AssignmentModel[]} params.event.originalAssignmentRecords The original copied assignment records
      * @param {Date} params.event.date date Pasted to this date
-     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The target resource record
+     * @param {Scheduler.model.ResourceModel[]} params.event.resourceRecords All target resource records that the events were pasted to
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The target resource record. When multiple resources are pasted to, this will be the top resource
      * @param {boolean} params.event.isCut `true` if this is a cut action
      * @param {string} params.event.entityName 'event' to distinguish this event from other paste events
      */
-    (e: 'paste', params: ((event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], pastedEventRecords: EventModel[], originalEventRecords: EventModel[], originalAssignmentRecords: AssignmentModel[], date: Date, resourceRecord: ResourceModel, isCut: boolean, entityName: string }) => void)|string): void
+    (e: 'paste', params: ((event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], pastedEventRecords: EventModel[], originalEventRecords: EventModel[], originalAssignmentRecords: AssignmentModel[], date: Date, resourceRecords: ResourceModel[], resourceRecord: ResourceModel, isCut: boolean, entityName: string }) => void)|string): void
     /**
      * Fires on the owning Scheduler if a paste action is not allowed. Depending on if the EventStore is using
      * [singleAssignment](https://bryntum.com/products/calendar/docs/api/Scheduler/data/EventStore#config-singleAssignment) or the configuration of
@@ -2258,12 +2261,13 @@ const emit = defineEmits<{
      * @param {Scheduler.model.EventModel[]} params.event.originalEventRecords The event records that were copied
      * @param {Scheduler.model.AssignmentModel[]} params.event.originalAssignmentRecords The assignment records that were copied
      * @param {Date} params.event.date The paste date
-     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The target resource record
+     * @param {Scheduler.model.ResourceModel} params.event.resourceRecord The target resource record. When multiple resources are pasted to, this will be the top resource
+     * @param {Scheduler.model.ResourceModel[]} params.event.resourceRecords All target resource records that the events would be pasted to
      * @param {boolean} params.event.isCut `true` if this is a cut action
      * @param {string} params.event.entityName 'event' to distinguish this event from other `pasteNotAllowed` events
      * @param {'overlappingEvents','resourceReadOnly'} params.event.reason A string id to use for displaying an error message to the user.
      */
-    (e: 'pasteNotAllowed', params: ((event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], originalEventRecords: EventModel[], originalAssignmentRecords: AssignmentModel[], date: Date, resourceRecord: ResourceModel, isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void)|string): void
+    (e: 'pasteNotAllowed', params: ((event: { source: Scheduler, eventRecords: EventModel[], assignmentRecords: AssignmentModel[], originalEventRecords: EventModel[], originalAssignmentRecords: AssignmentModel[], date: Date, resourceRecord: ResourceModel, resourceRecords: ResourceModel[], isCut: boolean, entityName: string, reason: 'overlappingEvents'|'resourceReadOnly' }) => void)|string): void
     /**
      * Fired when a Widget's read only state is toggled
      * @param {string} e Event name
@@ -2409,7 +2413,7 @@ const emit = defineEmits<{
      */
     (e: 'scheduleMouseDown', params: ((event: { source: CalendarView, domEvent: Event, date: Date, resourceRecord: ResourceModel }) => void)|string): void
     /**
-     * Fires when a mouseout made it's way through to an empty part of any view.
+     * Fires when a mouseout made its way through to an empty part of any view.
      * @param {string} e Event name
      * @param {object} params Event parameters
      * @param {object} params.event Event object
@@ -2540,7 +2544,7 @@ const emit = defineEmits<{
      */
     (e: 'viewPaint', params: ((event: { source: CalendarView, firstPaint: boolean }) => void)|string): void
     /**
-     * Fires when a week number is clicked or activated by the <kbd>ENTER</kbd> key. This will include the week number cells of a
+     * Fires when a week number is clicked or activated by the <kbd>Enter</kbd> key. This will include the week number cells of a
      * [YearView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/YearView), the week number in the first cell
      * in each row of a [MonthView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/MonthView)
      * ...

package/src/components/BryntumCalendarDatePicker.vue

@@ -388,7 +388,7 @@ defineProps<{
      * @param {object} detail.renderData.dataset An object which produces the `dataset` of the resulting event bar
      * @param {boolean} detail.renderData.solidBar This is valid for views which create event bars. This is set to `true` by default for all day and interday events so that these appear as a solid block of background color. An eventRenderer may mutate this flag to change in what manner the event bar is colored - as a solid bar of color, or using the foreground color (text and icons) such as the MonthView, the CalendarRow (all day events in a DayView), and OverflowPopups
      * @param {string} detail.renderData.bodyColor When used in a [DayView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView), this color is applied to the body of the event element. Note that this must be light enough that the text color (From the SASS variable `$dayview-event-color`) is visible
-     * @param {boolean} detail.renderData.showBullet If there is no `iconCls`, and the event is not recurring, then by default a "bullet" circular icon is shown if the view's [showBullet](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/CalendarMixin#config-showBullet) if set. Setting this property in an event renderer overrides this behaviour.
+     * @param {boolean} detail.renderData.showBullet If there is no `iconCls`, and the event is not recurring, then by default a "bullet" circular icon is shown if the view's [showBullet](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/CalendarMixin#config-showBullet) if set. Setting this property in an event renderer overrides this behaviour. <h3>Using JSX (React)</h3> When using the Bryntum React wrapper, the event renderer can return JSX elements: ```javascript eventRenderer({ eventRecord, renderData }) {     return &lt;MyEventComponent event={eventRecord} />; } ``` *Using JSX in the event renderer creates a React portal for each rendered event. For calendars with many visible events or frequently re-rendered views, this may impact scrolling performance compared to returning plain strings or [DomConfig](https://bryntum.com/products/calendar/docs/api/Core/helper/DomHelper#typedef-DomConfig) objects. Consider using JSX primarily for events that require complex interactive React components.*
      * @returns {DomConfig,DomConfig[],string,void} The content to be used as the event body.
      */
     eventRenderer ? : ((detail: { view: CalendarView, eventRecord: EventModel, resourceRecord: ResourceModel, renderData: { style: object, cls: object, iconStyle: object, iconCls: object, eventColor: string, eventBackground: string, textColor: string, eventInnerStyle: object, dataset: object, solidBar: Boolean, bodyColor: string, showBullet: Boolean } }) => DomConfig|DomConfig[]|string|void)|string

package/src/components/BryntumCalendarDatePickerProps.ts

@@ -374,7 +374,7 @@ export declare type BryntumCalendarDatePickerProps = {
      * @param {object} detail.renderData.dataset An object which produces the `dataset` of the resulting event bar
      * @param {boolean} detail.renderData.solidBar This is valid for views which create event bars. This is set to `true` by default for all day and interday events so that these appear as a solid block of background color. An eventRenderer may mutate this flag to change in what manner the event bar is colored - as a solid bar of color, or using the foreground color (text and icons) such as the MonthView, the CalendarRow (all day events in a DayView), and OverflowPopups
      * @param {string} detail.renderData.bodyColor When used in a [DayView](https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView), this color is applied to the body of the event element. Note that this must be light enough that the text color (From the SASS variable `$dayview-event-color`) is visible
-     * @param {boolean} detail.renderData.showBullet If there is no `iconCls`, and the event is not recurring, then by default a "bullet" circular icon is shown if the view's [showBullet](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/CalendarMixin#config-showBullet) if set. Setting this property in an event renderer overrides this behaviour.
+     * @param {boolean} detail.renderData.showBullet If there is no `iconCls`, and the event is not recurring, then by default a "bullet" circular icon is shown if the view's [showBullet](https://bryntum.com/products/calendar/docs/api/Calendar/widget/mixin/CalendarMixin#config-showBullet) if set. Setting this property in an event renderer overrides this behaviour. <h3>Using JSX (React)</h3> When using the Bryntum React wrapper, the event renderer can return JSX elements: ```javascript eventRenderer({ eventRecord, renderData }) {     return &lt;MyEventComponent event={eventRecord} />; } ``` *Using JSX in the event renderer creates a React portal for each rendered event. For calendars with many visible events or frequently re-rendered views, this may impact scrolling performance compared to returning plain strings or [DomConfig](https://bryntum.com/products/calendar/docs/api/Core/helper/DomHelper#typedef-DomConfig) objects. Consider using JSX primarily for events that require complex interactive React components.*
      * @returns {DomConfig,DomConfig[],string,void} The content to be used as the event body.
      */
     eventRenderer ? : ((detail: { view: CalendarView, eventRecord: EventModel, resourceRecord: ResourceModel, renderData: { style: object, cls: object, iconStyle: object, iconCls: object, eventColor: string, eventBackground: string, textColor: string, eventInnerStyle: object, dataset: object, solidBar: Boolean, bodyColor: string, showBullet: Boolean } }) => DomConfig|DomConfig[]|string|void)|string

package/src/components/BryntumCalendarProps.ts

@@ -301,7 +301,7 @@ export declare type BryntumCalendarProps = {
      */
     elementAttributes ? : Record<string, string|null>
     /**
-     * Allow using [Delete] and [Backspace] to remove events/assignments
+     * Allow using <kbd>Delete</kbd> and <kbd>Backspace</kbd> to remove events/assignments
      */
     enableDeleteKey ? : Boolean
     /**
@@ -1068,7 +1068,8 @@ export declare type BryntumCalendarProps = {
      */
     eventBufferFeature ? : object|Boolean|string|EventBuffer|EventBufferConfig
     /**
-     * Allow using [Ctrl/CMD + C/X/V] to copy/cut-and-paste events.
+     * Allow using <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>C</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>X</kbd> and
+     * <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>V</kbd> to copy/cut-and-paste events.
      * ...
      * [View online docs...](https://bryntum.com/products/calendar/docs/api/Calendar/feature/EventCopyPaste)
      */

package/src/components/BryntumCheckbox.vue

@@ -488,7 +488,7 @@ defineProps<{
     required ? : Boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/calendar/docs/api/Core/widget/Field#config-readOnly), then setting this option means that pressing
-     * the `ESCAPE` key after editing the field will revert the field to the value it had when
+     * the <kbd>Escape</kbd> key after editing the field will revert the field to the value it had when
      * the user focused the field. If the field is *not* changed from when focused, the [clearable](https://bryntum.com/products/calendar/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */

package/src/components/BryntumCheckboxProps.ts

@@ -474,7 +474,7 @@ export declare type BryntumCheckboxProps = {
     required ? : Boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/calendar/docs/api/Core/widget/Field#config-readOnly), then setting this option means that pressing
-     * the `ESCAPE` key after editing the field will revert the field to the value it had when
+     * the <kbd>Escape</kbd> key after editing the field will revert the field to the value it had when
      * the user focused the field. If the field is *not* changed from when focused, the [clearable](https://bryntum.com/products/calendar/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */

package/src/components/BryntumChecklistFilterCombo.vue

@@ -189,7 +189,7 @@ defineProps<{
     contentElementCls ? : string|object
     /**
      * If configured as `true`, this means that when an unmatched string is typed into the
-     * combo's input field, and `ENTER`, or the [multiValueSeparator](https://bryntum.com/products/calendar/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
+     * combo's input field, and <kbd>Enter</kbd>, or the [multiValueSeparator](https://bryntum.com/products/calendar/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
      * a new record will be created using the typed string as the [displayField](https://bryntum.com/products/calendar/docs/api/Core/widget/Combo#config-displayField).
      * ...
      * [View online docs...](https://bryntum.com/products/calendar/docs/api/Grid/widget/ChecklistFilterCombo#config-createOnUnmatched)
@@ -684,7 +684,7 @@ defineProps<{
     required ? : Boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/calendar/docs/api/Core/widget/Field#config-readOnly), then setting this option means that pressing
-     * the `ESCAPE` key after editing the field will revert the field to the value it had when
+     * the <kbd>Escape</kbd> key after editing the field will revert the field to the value it had when
      * the user focused the field. If the field is *not* changed from when focused, the [clearable](https://bryntum.com/products/calendar/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */

package/src/components/BryntumChecklistFilterComboProps.ts

@@ -175,7 +175,7 @@ export declare type BryntumChecklistFilterComboProps = {
     contentElementCls ? : string|object
     /**
      * If configured as `true`, this means that when an unmatched string is typed into the
-     * combo's input field, and `ENTER`, or the [multiValueSeparator](https://bryntum.com/products/calendar/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
+     * combo's input field, and <kbd>Enter</kbd>, or the [multiValueSeparator](https://bryntum.com/products/calendar/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
      * a new record will be created using the typed string as the [displayField](https://bryntum.com/products/calendar/docs/api/Core/widget/Combo#config-displayField).
      * ...
      * [View online docs...](https://bryntum.com/products/calendar/docs/api/Grid/widget/ChecklistFilterCombo#config-createOnUnmatched)
@@ -670,7 +670,7 @@ export declare type BryntumChecklistFilterComboProps = {
     required ? : Boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/calendar/docs/api/Core/widget/Field#config-readOnly), then setting this option means that pressing
-     * the `ESCAPE` key after editing the field will revert the field to the value it had when
+     * the <kbd>Escape</kbd> key after editing the field will revert the field to the value it had when
      * the user focused the field. If the field is *not* changed from when focused, the [clearable](https://bryntum.com/products/calendar/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */

package/src/components/BryntumChipView.vue

@@ -538,7 +538,7 @@ defineProps<{
      */
     title ? : string
     /**
-     * Select/deselect all if `CMD`/`CTRL` is pressed when clicking
+     * Select/deselect all if <kbd>Cmd</kbd>/<kbd>Ctrl</kbd> is pressed when clicking
      */
     toggleAllIfCtrlPressed ? : Boolean
     /**

package/src/components/BryntumChipViewProps.ts

@@ -524,7 +524,7 @@ export declare type BryntumChipViewProps = {
      */
     title ? : string
     /**
-     * Select/deselect all if `CMD`/`CTRL` is pressed when clicking
+     * Select/deselect all if <kbd>Cmd</kbd>/<kbd>Ctrl</kbd> is pressed when clicking
      */
     toggleAllIfCtrlPressed ? : Boolean
     /**

package/src/components/BryntumColorField.vue

@@ -510,7 +510,7 @@ defineProps<{
     required ? : Boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/calendar/docs/api/Core/widget/Field#config-readOnly), then setting this option means that pressing
-     * the `ESCAPE` key after editing the field will revert the field to the value it had when
+     * the <kbd>Escape</kbd> key after editing the field will revert the field to the value it had when
      * the user focused the field. If the field is *not* changed from when focused, the [clearable](https://bryntum.com/products/calendar/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */

package/src/components/BryntumColorFieldProps.ts

@@ -496,7 +496,7 @@ export declare type BryntumColorFieldProps = {
     required ? : Boolean
     /**
      * If this field is not [readOnly](https://bryntum.com/products/calendar/docs/api/Core/widget/Field#config-readOnly), then setting this option means that pressing
-     * the `ESCAPE` key after editing the field will revert the field to the value it had when
+     * the <kbd>Escape</kbd> key after editing the field will revert the field to the value it had when
      * the user focused the field. If the field is *not* changed from when focused, the [clearable](https://bryntum.com/products/calendar/docs/api/Core/widget/Field#config-clearable)
      * behaviour will be activated.
      */