@bryntum/schedulerpro-vue-3 7.1.1

package/src/components/BryntumResourceUtilization.vue

@@ -0,0 +1,4200 @@
+<!-- Vue 3 wrapper for Bryntum ResourceUtilization -->
+
+<template>
+    <div ref="refElement">
+
+        <!-- Container for Vue components used in cells, hidden from view -->
+        <div
+            ref="teleportsHolder"
+            style="display: none"
+        >
+            <!-- Vue components rendered in the grid cells -->
+            <teleport
+                v-for="item in teleports.values()"
+                :key="item.key"
+                :to="item.to"
+            >
+                <component
+                    :is="item.is"
+                    :ref="item.key"
+                    :data-key="item.key"
+                    :data-generation="item.generation"
+                    v-bind="item.bind"
+                    data-vue
+                    v-on="item.on"
+                />
+            </teleport>
+        </div>
+
+    </div>
+</template>
+
+<script setup lang="ts">
+
+import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
+
+import type { AIFilter, AIFilterConfig, AjaxStore, AjaxStoreConfig, AllocationCellEdit, AllocationCellEditConfig, AllocationCopyPaste, AllocationCopyPasteConfig, AssignmentAllocationInterval, AssignmentModel, Base, CellCopyPaste, CellCopyPasteConfig, CellEdit, CellEditConfig, CellEditorContext, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, Column, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnLines, ColumnLinesConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, Container, ContainerItemConfig, DomConfig, DurationUnit, EmptyTextDomConfig, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, FormulaProviderConfig, Grid, GridBase, GridColumnConfig, GridExcelExporter, GridExcelExporterConfig, GridLocation, GridLocationConfig, GridLockRows, GridLockRowsConfig, GridPdfExport, GridPdfExportConfig, GridPrint, GridPrintConfig, GridRowResize, GridRowResizeConfig, GridSelectionMode, GridStateInfo, Group, GroupConfig, GroupSummary, GroupSummaryConfig, HeaderMenu, HeaderMenuConfig, HeaderZoom, HeaderZoomConfig, Histogram, HistogramConfig, HistogramSeries, KeyMapConfig, Mask, MaskConfig, Menu, MenuItem, MenuItemEntry, MergeCells, MergeCellsConfig, Model, NonWorkingTime, NonWorkingTimeConfig, NumberFormatConfig, PagingToolbarConfig, Pan, PanConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PinColumns, PinColumnsConfig, PreserveScrollOptions, ProjectModel, ProjectModelConfig, QuickFind, QuickFindConfig, RecordPositionContext, RecurrenceConfirmationPopup, RecurrenceConfirmationPopupConfig, RegionResize, RegionResizeConfig, ResourceAllocationInfo, ResourceAllocationInterval, ResourceHistogramRenderData, ResourceMarginConfig, ResourceMenu, ResourceMenuConfig, ResourceNonWorkingTime, ResourceNonWorkingTimeConfig, ResourceTimeRangeModel, ResourceTimeRangeModelConfig, ResourceTimeRangeStore, ResourceTimeRangeStoreConfig, ResourceTimeRanges, ResourceTimeRangesConfig, ResourceUtilizationListeners, ResourceUtilizationModel, ResourceUtilizationRenderData, ResponsiveLevelConfig, Row, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowEditorContext, RowExpander, RowExpanderConfig, RowReorder, RowReorderConfig, ScaleColumnConfig, ScalePoint, ScheduleTooltip, ScheduleTooltipConfig, Scheduler, SchedulerAssignmentModel, SchedulerEventModel, SchedulerPro, SchedulerResourceModel, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, Search, SearchConfig, Sort, SortConfig, Split, SplitConfig, StateProvider, StickyCells, StickyCellsConfig, Store, StoreConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, Summary, SummaryConfig, TabConfig, TimeAxis, TimeAxisColumn, TimeAxisConfig, TimeAxisHeaderMenu, TimeAxisHeaderMenuConfig, TimeRanges, TimeRangesConfig, TimeSpan, TimeSpanConfig, TimeSpanHighlight, TimeSpanHighlightConfig, TimelineBase, TimelineContext, TimelineHistogram, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, Tree, TreeConfig, TreeGroup, TreeGroupConfig, VerticalTimeAxisColumn, ViewPreset, ViewPresetConfig, VisibleDate, Widget, XLSColumn } from '@bryntum/schedulerpro';
+import { ResourceUtilization } from '@bryntum/schedulerpro';
+
+import { WrapperHelper } from '../helper/WrapperHelper';
+
+defineProps<{
+    // Configs
+    /**
+     * Element (or element id) to adopt as this Widget's encapsulating element. The widget's
+     * content will be placed inside this element.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-adopt)
+     */
+    adopt ? : HTMLElement|string
+    /**
+     * A function used for aggregating child records histogram data entries to their parent entry.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-aggregateDataEntry)
+     * @param {object} aggregateDataEntry.aggregated Target parent data entry to aggregate the entry into.
+     * @param {object} aggregateDataEntry.entry Current entry to aggregate into `aggregated`.
+     * @param {number} aggregateDataEntry.arrayIndex Index of current array (index of the record among other records being aggregated).
+     * @param {object[]} aggregateDataEntry.entryIndex Index of `entry` in the current array.
+     * @returns {object} Return value becomes the value of the `aggregated` parameter on the next invocation of this function.
+     */
+    aggregateDataEntry ? : ((aggregateDataEntry: { aggregated: object, entry: object, arrayIndex: number, entryIndex: object[] }) => object)|string
+    /**
+     * When `true` the component will automatically calculate data for group records
+     * based on the groups members data by calling [getGroupRecordHistogramData](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/mixin/TimelineHistogramGrouping#function-getGroupRecordHistogramData) method.
+     */
+    aggregateHistogramDataForGroups ? : Boolean
+    /**
+     * When this widget is a child of a [Container](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Container), it will by default be participating in a
+     * flexbox layout. This config allows you to set this widget's
+     * [align-self](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self) style.
+     */
+    alignSelf ? : string
+    /**
+     * Set to `true` to animate row removals caused by filtering.
+     * @deprecated 7.0.0 Deprecated `animateFilterRemovals`. Use `transition.filterRemoval` instead
+     */
+    animateFilterRemovals ? : Boolean
+    /**
+     * Controls if removing and inserting rows should be animated. Set to `false` to prevent those animations,
+     * removing the related delays.
+     * @deprecated 7.0.0 Deprecated `animateRemovingRows`. Use `transition.removeRecord` instead
+     */
+    animateRemovingRows ? : Boolean
+    /**
+     * When the [Tree](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/Tree) feature is in use and the Store is a tree store, this
+     * config may be set to `true` to visually animate branch node expand and collapse operations.
+     * *This is not supported in Scheduler and Gantt*
+     * @deprecated 7.0.0 Deprecated `animateTreeNodeToggle`. Use `transition.toggleTreeNode` instead
+     */
+    animateTreeNodeToggle ? : Boolean
+    /**
+     * Element (or the id of an element) to append this widget's element to. Can be configured, or set once at
+     * runtime. To access the element of a rendered widget, see [element](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Widget#property-element).
+     */
+    appendTo ? : HTMLElement|string
+    /**
+     * A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject
+     * into an element which will be linked using the `aria-describedby` attribute.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-ariaDescription)
+     */
+    ariaDescription ? : string
+    /**
+     * A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject as
+     * the `aria-label` attribute.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-ariaLabel)
+     */
+    ariaLabel ? : string
+    /**
+     * A function that if provided decides whether an assignment should be taken into account or not
+     * when collecting allocation.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-assignmentFilterFn)
+     * @param {SchedulerPro.model.AssignmentModel} assignment Assignment to consider
+     * @param {ResourceAllocationInfo} resourceAllocationInfo Resource allocation instance
+     * @returns {boolean} `true` to include the assignment data and `false` to not
+     */
+    assignmentFilterFn ? : (assignment: AssignmentModel, resourceAllocationInfo: ResourceAllocationInfo) => Boolean
+    /**
+     * You can set this option to `false` to make the timeline panel start and end on the exact provided
+     * [startDate](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/TimelineBase#config-startDate)/[endDate](#Scheduler/view/TimelineBase#config-endDate) w/o adjusting them.
+     */
+    autoAdjustTimeAxis ? : Boolean
+    /**
+     * Automatically set grids height to fit all rows (no scrolling in the grid). In general you should avoid
+     * using `autoHeight: true`, since it will bypass Grids virtual rendering and render all rows at once, which
+     * in a larger grid is really bad for performance.
+     */
+    autoHeight ? : Boolean
+    /**
+     * Controls how much space to leave between stacked event bars in px.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-barMargin)
+     */
+    barMargin ? : number
+    /**
+     * Default time unit used for displaying resources effort in bars.
+     * Yet the effective time unit used might change dynamically when zooming in the histogram
+     * so its ticks unit gets smaller than the default unit.
+     * Please use [barTipEffortUnit](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceHistogram#config-barTipEffortUnit) to customize default units for tooltips
+     * (or [effortUnit](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceHistogram#config-effortUnit) to customize both texts and tooltips default units).
+     */
+    barTextEffortUnit ? : DurationUnit
+    /**
+     * Default time unit used when displaying resources effort in tooltips.
+     * Yet the effective time unit used might change dynamically when zooming in the histogram
+     * so its ticks unit gets smaller than the default unit.
+     * Please use [barTextEffortUnit](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceHistogram#config-barTextEffortUnit) to customize default units for bar texts
+     * (or [effortUnit](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceHistogram#config-effortUnit) to customize both texts and tooltips default units).
+     */
+    barTipEffortUnit ? : DurationUnit
+    /**
+     * A Function which returns the tooltip text to display when hovering a bar.
+     * The following parameters are passed:
+     * @param {object} data The backing data of the histogram rectangle
+     * @param {object} data.rectConfig The rectangle configuration object
+     * @param {object} data.datum The hovered bar data
+     * @param {number} data.index The index of the hovered bar data
+     * @param {SchedulerPro.model.ResourceUtilizationModel} data.record The record which effort the hovered bar displays.
+     * @returns {string} Tooltip HTML content
+     */
+    barTooltipTemplate ? : (data: { rectConfig: object, datum: object, index: number, record: ResourceUtilizationModel }) => string
+    /**
+     * A Config object representing the configuration of a [Toolbar](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Toolbar),
+     * or array of config objects representing the child items of a Toolbar. Another way to add a bbar is to use [strips](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Panel#config-strips).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-bbar)
+     */
+    bbar ? : (ContainerItemConfig|string)[]|ToolbarConfig|PagingToolbarConfig|null
+    /**
+     * Custom CSS classes to add to the panel's body element.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-bodyCls)
+     */
+    bodyCls ? : string|object
+    /**
+     * An object where property names with a truthy value indicate which events should bubble up the ownership
+     * hierarchy when triggered.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-bubbleEvents)
+     */
+    bubbleEvents ? : object
+    /**
+     * This config defines the size of the start and end invisible parts of the timespan when [infiniteScroll](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/mixin/TimelineScroll#config-infiniteScroll) set to `true`.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-bufferCoef)
+     */
+    bufferCoef ? : number
+    /**
+     * This config defines the scroll limit, which, when exceeded will cause a timespan shift.
+     * The limit is calculated as the `panelWidth * [bufferCoef](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/mixin/TimelineScroll#config-bufferCoef) * bufferThreshold`. During scrolling, if the left or right side
+     * has less than that of the rendered content - a shift is triggered.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-bufferThreshold)
+     */
+    bufferThreshold ? : number
+    /**
+     * Set to `false` to not call onXXX method names (e.g. `onShow`, `onClick`), as an easy way to listen for events.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-callOnFunctions)
+     */
+    callOnFunctions ? : Boolean
+    /**
+     * By default, if an event handler throws an exception, the error propagates up the stack and the
+     * application state is undefined. Code which follows the event handler will *not* be executed.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-catchEventHandlerExceptions)
+     */
+    catchEventHandlerExceptions ? : Boolean
+    /**
+     * Set to `false` to crop text in grid cells without ellipsis (...). When enabled, cells containing pure
+     * use `display : block`, instead of `display : flex` to allow ellipsis to work.
+     * <strong>NOTE</strong> Only supported in browsers that support `:has()` CSS selector
+     */
+    cellEllipsis ? : Boolean
+    /**
+     * Custom CSS classes to add to element.
+     * May be specified as a space separated string, or as an object in which property names
+     * with truthy values are used as the class names:
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-cls)
+     */
+    cls ? : string|object
+    /**
+     * Controls whether the panel is collapsed (the body of the panel is hidden while only the header is
+     * visible). Only valid if the panel is [collapsible](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Panel#config-collapsible).
+     */
+    collapsed ? : Boolean
+    /**
+     * This config enables collapsibility for the panel. See [collapsed](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Panel#config-collapsed).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-collapsible)
+     */
+    collapsible ? : Boolean|PanelCollapserConfig|PanelCollapserOverlayConfig
+    /**
+     * Applies the specified color to the widget, by setting the `--b-primary` CSS variable in the widgets
+     * `style` block.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-color)
+     */
+    color ? : string
+    /**
+     * Programmatic control over which column to start in when used in a grid layout.
+     */
+    column ? : number
+    /**
+     * Set to `false` to not show column lines. End result might be overruled by/differ between themes.
+     */
+    columnLines ? : Boolean
+    /**
+     * Accepts column definitions for the grid during initialization. They will be used to create
+     * [Column](https://bryntum.com/products/schedulerpro/docs/api/Grid/column/Column) instances that are added to a [ColumnStore](#Grid/data/ColumnStore).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-columns)
+     */
+    columns ? : ColumnStore|GridColumnConfig[]|ColumnStoreConfig
+    config ? : object
+    /**
+     * Custom CSS classes to add to the [contentElement](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Widget#property-contentElement).
+     * May be specified as a space separated string, or as an object in which property names
+     * with truthy values are used as the class names:
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-contentElementCls)
+     */
+    contentElementCls ? : string|object
+    /**
+     * Event which is used to show context menus.
+     * Available options are: 'contextmenu', 'click', 'dblclick'.
+     */
+    contextMenuTriggerEvent ? : 'contextmenu'|'click'|'dblclick'
+    /**
+     * Specifies a format to use for displaying cost values.
+     * Default value is:
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-costFormat)
+     */
+    costFormat ? : NumberFormatConfig
+    /**
+     * When this Widget configuration is used in the Grid's RowExpander feature's `widget` config, provide the
+     * field on the expanded record to use for populating this widget's store (if applicable)
+     */
+    dataField ? : string
+    /**
+     * Record field from which the histogram data will be collected.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-dataModelField)
+     */
+    dataModelField ? : string
+    /**
+     * Object to apply to elements dataset (each key will be used as a data-attribute on the element)
+     */
+    dataset ? : Record<string, string>
+    /**
+     * Region to which columns are added when they have none specified
+     */
+    defaultRegion ? : string
+    /**
+     * Generic resource image, used when provided `imageUrl` or `image` fields or path calculated from resource
+     * name are all invalid. If left blank, resource name initials will be shown when no image can be loaded.
+     */
+    defaultResourceImageName ? : string
+    /**
+     * Set to `true` to destroy the store when the grid is destroyed.
+     */
+    destroyStore ? : Boolean
+    /**
+     * Configure as `true` to destroy the Project and stores when `this` is destroyed.
+     */
+    destroyStores ? : Boolean
+    /**
+     * Check for CSS compatibility issues when upgrading to v7. Performs the following checks:
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-detectCSSCompatibilityIssues)
+     */
+    detectCSSCompatibilityIssues ? : Boolean
+    /**
+     * Disable or enable the widget. It is similar to [readOnly](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Widget#config-readOnly) except a disabled widget
+     * cannot be focused, uses a different rendition (usually greyish) and does not allow selecting its value.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-disabled)
+     */
+    disabled ? : Boolean|'inert'
+    /**
+     * Set to `true` to not get a warning when calling [getState](https://bryntum.com/products/schedulerpro/docs/api/Grid/view/GridBase#function-getState) when there is a column
+     * configured without an `id`. But the recommended action is to always configure columns with an `id` when
+     * using states.
+     */
+    disableGridColumnIdWarning ? : Boolean
+    /**
+     * Set to `true` to not get a warning when using another base class than GridRowModel for your grid data. If
+     * you do, and would like to use the full feature set of the grid then include the fields from GridRowModel
+     * in your model definition.
+     */
+    disableGridRowModelWarning ? : Boolean
+    /**
+     * Defines how dates will be formatted in tooltips etc. This config has priority over similar config on the
+     * view preset. For allowed values see [format](https://bryntum.com/products/schedulerpro/docs/api/Core/helper/DateHelper#function-format-static).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-displayDateFormat)
+     */
+    displayDateFormat ? : string
+    /**
+     * Controls the placement of this widget when it is added to a [panel's ](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Panel)
+     * [strips collection](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Panel#config-strips). Typical values for this config are `'top'`,
+     * `'bottom'`, `'left'`, or `'right'`, which cause the widget to be placed on that side of the panel's
+     * body. Such widgets are called "edge strips".
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-dock)
+     */
+    dock ? : 'top'|'bottom'|'left'|'right'|'start'|'end'|'header'|'pre-header'|object
+    /**
+     * Make this Panel a docked drawer which slides out from one side of the browser viewport by default.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-drawer)
+     * @param {'start','left','end','right','top','bottom'} side The side of the viewport to dock the drawer to.  * `'start'` means the `inline-start` side. * `'end'` means the `inline-end` side.
+     * @param {string,number} size The size of the drawer in its collapsible axis.
+     * @param {boolean} inline If using the [appendTo](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Panel#config-appendTo) config to place the drawer inside a host widget, this may be set to `true` to make the drawer inline within that host. Note that, if using this, the layout of the host element must have `flex-direction` set appropriately.
+     * @param {boolean,object} autoClose Specifies what user actions should automatically close the drawer. Defaults to closing when the user clicks outside of the drawer or when focus moves outside of the drawer.
+     * @param {boolean,string} autoClose.mousedown If the user clicks outside of the drawer, the drawer will automatically be hidden. If the value is a string, it is used as a CSS selector to filter clicks which should close the drawer.
+     * @param {boolean,string} autoClose.focusout If focus moves outside of the drawer, the drawer will automatically be hidden.
+     * @param {string} autoClose.mouseout Hides the drawer when the mouse leaves the drawer after the `autoCloseDelay` period.
+     * @param {number} autoCloseDelay When using `mouseout`, this is the delay in milliseconds
+     */
+    drawer ? : Boolean|{side?: 'start'|'left'|'end'|'right'|'top'|'bottom', size?: string|number, inline?: Boolean, autoClose: { mousedown?: Boolean|string, focusout?: Boolean|string, mouseout?: string }, autoCloseDelay?: number}
+    /**
+     * Effort value format string.
+     * Must be a template supported by [NumberFormat](https://bryntum.com/products/schedulerpro/docs/api/Core/helper/util/NumberFormat) class.
+     */
+    effortFormat ? : string
+    /**
+     * Default time unit to display resources effort values.
+     * The value is used as default when displaying effort in tooltips and bars text.
+     * Yet the effective time unit used might change dynamically when zooming in the histogram
+     * so its ticks unit gets smaller than the default unit.
+     * Please use [barTipEffortUnit](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceHistogram#config-barTipEffortUnit) to customize default units for tooltips only
+     * and [barTextEffortUnit](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceHistogram#config-barTextEffortUnit) to customize default units in bar texts.
+     */
+    effortUnit ? : DurationUnit
+    /**
+     * An object specifying attributes to assign to the root element of this widget.
+     * Set `null` value to attribute to remove it.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-elementAttributes)
+     */
+    elementAttributes ? : Record<string, string|null>
+    /**
+     * Text or HTML, or a [EmptyTextDomConfig](https://bryntum.com/products/schedulerpro/docs/api/Grid/view/GridBase#typedef-EmptyTextDomConfig) block to display when there is no data to display in the grid.
+     * When using multiple Grid regions, provide the `region` property to decide where the text is shown.
+     * By default, it is shown in the first region.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-emptyText)
+     */
+    emptyText ? : string|EmptyTextDomConfig
+    /**
+     * Set to `false` if you don't want event bar DOM updates to animate.
+     * @deprecated 7.0.0 Deprecated `enableEventAnimations`. Use `transition.changeEvent` instead
+     */
+    enableEventAnimations ? : Boolean
+    /**
+     * Configure this as `true` to allow elements within cells to be styled as `position: sticky`.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-enableSticky)
+     */
+    enableSticky ? : Boolean
+    /**
+     * Set to `true` to allow text selection in the grid cells. Note, this cannot be used simultaneously with the
+     * `RowReorder` feature.
+     */
+    enableTextSelection ? : Boolean
+    /**
+     * Set to `true` to listen for CTRL-Z (CMD-Z on Mac OS) keyboard event and trigger undo (redo when SHIFT is
+     * pressed). Only applicable when using a [StateTrackingManager](https://bryntum.com/products/schedulerpro/docs/api/Core/data/stm/StateTrackingManager).
+     */
+    enableUndoRedoKeys ? : Boolean
+    /**
+     * The end date of the timeline (if not configure with [infiniteScroll](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/TimelineBase#config-infiniteScroll)).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-endDate)
+     */
+    endDate ? : Date|string
+    /**
+     * The name of the end date parameter that will be passed to in every `eventStore` load request.
+     */
+    endParamName ? : string
+    extraData ? : any
+    /**
+     * Set to `true` to stretch the last column in a grid with all fixed width columns
+     * to fill extra available space if the grid's width is wider than the sum of all
+     * configured column widths.
+     */
+    fillLastColumn ? : Boolean
+    /**
+     * Specify `true` to force rendered events/tasks to fill entire ticks. This only affects rendering, start
+     * and end dates retain their value on the data level.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-fillTicks)
+     */
+    fillTicks ? : Boolean
+    /**
+     * Use fixed row height. Setting this to `true` will configure the underlying RowManager to use fixed row
+     * height, which sacrifices the ability to use rows with variable height to gain a fraction better
+     * performance.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-fixedRowHeight)
+     */
+    fixedRowHeight ? : Boolean
+    /**
+     * When this widget is a child of a [Container](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Container), it will by default be participating in a
+     * flexbox layout. This config allows you to set this widget's
+     * [flex](https://developer.mozilla.org/en-US/docs/Web/CSS/flex) style.
+     * This may be configured as a single number or a `&lt;flex-grow&gt; &lt;flex-shrink&gt; &lt;flex-basis&gt;` format string.
+     * numeric-only values are interpreted as the `flex-grow` value.
+     */
+    flex ? : number|string
+    /**
+     * Config object of a footer. May contain a `dock`, `html` and a `cls` property. A footer is not a widget,
+     * but rather plain HTML that follows the last element of the panel's body and [strips](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Panel#config-strips).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-footer)
+     */
+    footer ? : {
+        dock?: 'top'|'right'|'bottom'|'left'|'start'|'end'
+        html?: string
+        cls?: string
+    }|string
+    /**
+     * Set to `true` to force the time columns to fit to the available space (horizontal or vertical depends on mode).
+     * Note that setting [suppressFit](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/TimelineBase#config-suppressFit) to `true`, will disable `forceFit` functionality. Zooming
+     * cannot be used when `forceFit` is set.
+     */
+    forceFit ? : Boolean
+    /**
+     * An object which names formula prefixes which will be applied to all columns configured with
+     * `formula : true`.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-formulaProviders)
+     */
+    formulaProviders ? : Record<string, FormulaProviderConfig>
+    /**
+     * Refresh entire row when a record changes (`true`) or, if possible, only the cells affected (`false`).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-fullRowRefresh)
+     */
+    fullRowRefresh ? : Boolean
+    /**
+     * A Function which returns a CSS class name to add to a rectangle element.
+     * The following parameters are passed:
+     * @param {HistogramSeries} series The series being rendered
+     * @param {DomConfig} domConfig The rectangle configuration object
+     * @param {ResourceAllocationInterval,AssignmentAllocationInterval} datum The datum being rendered. Either [ResourceAllocationInterval](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ResourceModel#typedef-ResourceAllocationInterval) object for resource records (root level records) or [AssignmentAllocationInterval](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ResourceModel#typedef-AssignmentAllocationInterval) object for assignment records
+     * @param {number} index The index of the datum being rendered
+     * @param {ResourceUtilizationRenderData} renderData Current render data giving access to the record, row and cell being rendered.
+     * @returns {string} CSS classes of the rectangle element
+     */
+    getBarClass ? : (series: HistogramSeries, domConfig: DomConfig, datum: ResourceAllocationInterval|AssignmentAllocationInterval, index: number, renderData: ResourceUtilizationRenderData) => string
+    /**
+     * A Function which if provided returns DOM configuration object for a bar
+     * (a `RECT` element representing a single "bar"-type value).
+     * The function accepts default prepared DOM configuration
+     * in an argument which then can be processed and returned.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-getBarDOMConfig)
+     * @param {HistogramSeries} series The series being rendered
+     * @param {DomConfig} domConfig The rectangle DOM configuration object
+     * @param {ResourceAllocationInterval,AssignmentAllocationInterval} datum The datum being rendered. Either [ResourceAllocationInterval](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ResourceModel#typedef-ResourceAllocationInterval) object for resource records (root level records) or [AssignmentAllocationInterval](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ResourceModel#typedef-AssignmentAllocationInterval) object for assignment records
+     * @param {number} index The index of the datum being rendered
+     * @param {ResourceUtilizationRenderData} renderData Current render data giving access to the record, row and cell being rendered.
+     * @returns {object} Resulting DOM configuration object. If no value returned the bar is not displayed.
+     */
+    getBarDOMConfig ? : (series: HistogramSeries, domConfig: DomConfig, datum: ResourceAllocationInterval|AssignmentAllocationInterval, index: number, renderData: ResourceUtilizationRenderData) => object
+    /**
+     * A Function which returns the text to render inside a bar.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-getBarText)
+     * @param {ResourceAllocationInterval,AssignmentAllocationInterval} datum The datum being rendered. Either [ResourceAllocationInterval](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ResourceModel#typedef-ResourceAllocationInterval) object for resource records (root level records) or [AssignmentAllocationInterval](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ResourceModel#typedef-AssignmentAllocationInterval) object for assignment records
+     * @param {number} index The index of the datum being rendered
+     * @returns {string} Text to render inside the bar
+     */
+    getBarText ? : (datum: ResourceAllocationInterval|AssignmentAllocationInterval, index: number) => string
+    /**
+     * A Function which returns a DOM configuration object for text elements.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-getBarTextDOMConfig)
+     * @param {DomConfig} domConfig The `TEXT` element DOM configuration object
+     * @param {ResourceAllocationInterval,AssignmentAllocationInterval} datum The datum being rendered. Either [ResourceAllocationInterval](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ResourceModel#typedef-ResourceAllocationInterval) object for resource records (root level records) or [AssignmentAllocationInterval](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ResourceModel#typedef-AssignmentAllocationInterval) object for assignment records
+     * @param {number} index The index of the datum being rendered
+     * @param {HistogramSeries} series The series (provided if histogram widget [singleTextForAllBars](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/graph/Histogram#config-singleTextForAllBars) is `false`)
+     * @param {ResourceUtilizationRenderData} renderData Current render data giving access to the record, row and cell being rendered.
+     * @returns {object} The `TEXT` element DOM configuration object. If no value returned the text element is not displayed.
+     */
+    getBarTextDOMConfig ? : (domConfig: DomConfig, datum: ResourceAllocationInterval|AssignmentAllocationInterval, index: number, series: HistogramSeries, renderData: ResourceUtilizationRenderData) => object
+    /**
+     * Function that extracts a record histogram data entry for aggregating.
+     * By default it returns the entry as is. Override the function if you need a more complex way
+     * to retrieve the value for aggregating.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-getDataEntryForAggregating)
+     * @param {object} getDataEntryForAggregating.entry Current data entry.
+     * @returns {object} Entry to aggregate
+     */
+    getDataEntryForAggregating ? : ((getDataEntryForAggregating: { entry: object }) => object)|string
+    /**
+     * A Function which returns a CSS class name to add to a path element
+     * built for an `outline` type series.
+     * The following parameters are passed:
+     * @param {HistogramSeries} series The series being rendered
+     * @param {object[]} data The series data
+     * @param {ResourceHistogramRenderData} renderData Current render data giving access to the record, row and cell being rendered.
+     * @returns {string} CSS class name of the path element
+     */
+    getOutlineClass ? : (series: HistogramSeries, data: object[], renderData: ResourceHistogramRenderData) => string
+    /**
+     * A Function which if provided should return a DOM configuration object for
+     * a `path` element built for an `outline` type series.
+     * The function accepts a default prepared DOM configuration
+     * in an argument which then can be processed and returned.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-getOutlineDOMConfig)
+     * @param {HistogramSeries} series The series being rendered
+     * @param {DomConfig} domConfig The `path` element DOM configuration object
+     * @param {object[]} data The series data
+     * @param {ResourceHistogramRenderData} renderData Current render data giving access to the record, row and cell being rendered.
+     * @returns {object} Resulting DOM configuration object. If no value returned the path is not displayed.
+     */
+    getOutlineDOMConfig ? : (series: HistogramSeries, domConfig: DomConfig, data: object[], renderData: ResourceHistogramRenderData) => object
+    /**
+     * A function, or name of a function which builds histogram data for the provided record.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-getRecordData)
+     * @param {Core.data.Model} getRecordData.record Record to get histogram data for.
+     * @param {object} aggregationContext Context object passed in case the data is being retrieved as a part of some parent record data collecting.
+     * @returns {object} Histogram data.
+     */
+    getRecordData ? : ((getRecordData: { record: Model }, aggregationContext?: object) => object)|string
+    /**
+     * A function called for each row to determine its height. It is passed a [record](https://bryntum.com/products/schedulerpro/docs/api/Core/data/Model) and
+     * expected to return the desired height of that records row. If the function returns a falsy value, Grids
+     * configured [rowHeight](https://bryntum.com/products/schedulerpro/docs/api/Grid/view/GridBase#config-rowHeight) is used.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-getRowHeight)
+     * @param {Core.data.Model} getRowHeight.record Record to determine row height for
+     * @returns {number} Desired row height
+     */
+    getRowHeight ? : (getRowHeight: { record: Model }) => number
+    /**
+     * When set to `true` (default) the component reacts on time axis changes
+     * (zooming or changing the displayed time span), clears the histogram data cache of the records
+     * and then refreshes the view.
+     */
+    hardRefreshOnTimeAxisReconfigure ? : Boolean
+    /**
+     * A config [object](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Panel#typedef-PanelHeader) for the panel's header or a string in place of a `title`.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-header)
+     */
+    header ? : string|Boolean|PanelHeader
+    /**
+     * Widget's height, used to set element `style.height`. Either specify a valid height string or a number,
+     * which will get 'px' appended. We recommend using CSS as the primary way to control height, but in some
+     * cases this config is convenient.
+     */
+    height ? : string|number
+    /**
+     * Configure with true to make widget initially hidden.
+     */
+    hidden ? : Boolean
+    /**
+     * Set to `true` to hide the footer elements
+     */
+    hideFooters ? : Boolean
+    /**
+     * Set to `true` to hide the column header elements
+     */
+    hideHeaders ? : Boolean
+    /**
+     * Set to `true` to hide the Grid's horizontal scrollbar(s)
+     */
+    hideHorizontalScrollbar ? : Boolean
+    /**
+     * By default the row hover effect is not visible in the Scheduler part of the grid.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-hideRowHover)
+     */
+    hideRowHover ? : Boolean
+    /**
+     * An instance or a configuration object of the underlying [Histogram](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/graph/Histogram)
+     * component that is used under the hood to render actual charts.
+     * In case a configuration object is provided the built class is defined with
+     * [histogramWidgetClass](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/TimelineHistogramBase#config-histogramWidgetClass) config.
+     */
+    histogramWidget ? : Histogram|HistogramConfig
+    /**
+     * The class used for building the [histogram widget](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/TimelineHistogramBase#property-histogramWidget)
+     */
+    histogramWidgetClass ? : Histogram
+    /**
+     * A CSS class to add to hovered row elements
+     */
+    hoverCls ? : string
+    /**
+     * An icon to show before the [title](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Panel#config-title). Either pass a CSS class as a string, or pass a
+     * [DomConfig](https://bryntum.com/products/schedulerpro/docs/api/Core/helper/DomHelper#typedef-DomConfig) object describing an element to represent the icon.
+     */
+    icon ? : string|DomConfig
+    /**
+     * Widget id, if not specified one will be generated. Also used for lookups through Widget.getById
+     */
+    id ? : string
+    /**
+     * Set to `true` to ignore reacting to DOM events (mouseover/mouseout etc) while scrolling. Useful if you
+     * want to maximize scroll performance.
+     */
+    ignoreDomEventsWhileScrolling ? : Boolean
+    /**
+     * Determines if the widgets read-only state should be controlled by its parent.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-ignoreParentReadOnly)
+     */
+    ignoreParentReadOnly ? : Boolean
+    /**
+     * Set to `true` to include inactive tasks allocation and `false` to not take such tasks into account.
+     */
+    includeInactiveEvents ? : Boolean
+    /**
+     * Set to `true` to automatically adjust the panel timespan during scrolling in the time dimension,
+     * when the scroller comes close to the start/end edges.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-infiniteScroll)
+     */
+    infiniteScroll ? : Boolean
+    /**
+     * A function that initializes a target group record entry.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-initAggregatedDataEntry)
+     * @returns {object} Target aggregated entry
+     */
+    initAggregatedDataEntry ? : (() => object)|string
+    /**
+     * Convenience setting to align input fields of child widgets. By default, the Field input element is
+     * placed immediately following the `label`. If you prefer to have all input fields aligned to the
+     * right, set this config to `'end'`.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-inputFieldAlign)
+     */
+    inputFieldAlign ? : 'start'|'end'
+    /**
+     * Element (or element id) to insert this widget before. If provided, [appendTo](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     */
+    insertBefore ? : HTMLElement|string
+    /**
+     * Element (or element id) to append this widget element to, as a first child. If provided, [appendTo](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     */
+    insertFirst ? : HTMLElement|string
+    /**
+     * See [Keyboard shortcuts](https://bryntum.com/products/schedulerpro/docs/api/Grid/view/Grid#keyboard-shortcuts) for details
+     */
+    keyMap ? : Record<string, KeyMapConfig>
+    /**
+     * Convenience setting to use same label placement on all child widgets.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-labelPosition)
+     */
+    labelPosition ? : 'before'|'above'|'align-before'|'auto'|null
+    /**
+     * The listener set for this object.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-listeners)
+     */
+    listeners ? : ResourceUtilizationListeners
+    /**
+     * A [Mask](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Mask) config object, or a message to be shown when a store is performing a remote
+     * operation, or Crud Manager is loading data from the sever. Set to `null` to disable default load mask.
+     */
+    loadMask ? : string|MaskConfig|null
+    /**
+     * A [Mask](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Mask) config object to adjust the [maskDefaults](#Core/widget/Widget#config-maskDefaults)
+     * when data is loading. The message and optional configuration from the
+     * [loadMask](https://bryntum.com/products/schedulerpro/docs/api/Core/mixin/LoadMaskable#config-loadMask) config take priority over these options, just as they do
+     * for `maskDefaults`, respectively.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-loadMaskDefaults)
+     */
+    loadMaskDefaults ? : MaskConfig
+    /**
+     * A [Mask](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Mask) config object to adjust the [maskDefaults](#Core/widget/Widget#config-maskDefaults)
+     * when an error occurs loading data.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-loadMaskError)
+     */
+    loadMaskError ? : MaskConfig|Mask|Boolean
+    /**
+     * Set to `false` to disable localization of this object.
+     */
+    localizable ? : Boolean
+    /**
+     * Time in ms until a longpress is triggered
+     */
+    longPressTime ? : number
+    /**
+     * When `true`, events are sized and positioned based on rowHeight, resourceMargin and barMargin settings.
+     * Set this to `false` if you want to control height and vertical position using CSS instead.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-managedEventSizing)
+     */
+    managedEventSizing ? : Boolean
+    /**
+     * Widget's margin. This may be configured as a single number or a `TRBL` format string.
+     * numeric-only values are interpreted as pixels.
+     */
+    margin ? : number|string
+    /**
+     * Grids change the `maskDefaults` to cover only their `body` element.
+     */
+    maskDefaults ? : MaskConfig
+    /**
+     * Set to `true` to apply the default mask to the widget. Alternatively, this can be the mask message or a
+     * [Mask](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Mask) config object.
+     */
+    masked ? : Boolean|string|MaskConfig
+    /**
+     * Get/set end date limit of the timeline.
+     * Actions such as timeline scrolling, all types of timeline zooms and shifts
+     * will respect this limit.
+     */
+    maxDate ? : Date|string
+    /**
+     * The element's maxHeight. Can be either a String or a Number (which will have 'px' appended). Note that
+     * like [height](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Widget#config-height), *reading* the value will return the numeric value in pixels.
+     */
+    maxHeight ? : string|number
+    /**
+     * The maximum time axis unit to display non-working ranges for ('hour' or 'day' etc).
+     * When zooming to a view with a larger unit, no non-working time elements will be rendered.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-maxTimeAxisUnit)
+     */
+    maxTimeAxisUnit ? : DurationUnit
+    /**
+     * The elements maxWidth. Can be either a String or a Number (which will have 'px' appended). Note that
+     * like [width](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Widget#config-width), *reading* the value will return the numeric value in pixels.
+     */
+    maxWidth ? : string|number
+    /**
+     * The maximum zoom level to which [zoomIn](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/mixin/TimelineZoomable#function-zoomIn) will work. Defaults to the number of
+     * [ViewPresets](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/preset/ViewPreset) available, see [presets](#Scheduler/view/mixin/TimelineViewPresets#property-presets)
+     * for information. Unless you have modified the collection of available presets, the max zoom level is
+     * milliseconds.
+     */
+    maxZoomLevel ? : number
+    /**
+     * Get/set start date limit of the timeline.
+     * Actions such as timeline scrolling, all types of timeline zooms and shifts
+     * will respect this limit.
+     */
+    minDate ? : Date|string
+    /**
+     * Grid's `min-height`. Defaults to `10em` to be sure that the Grid always has a height wherever it is
+     * inserted.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-minHeight)
+     */
+    minHeight ? : string|number
+    /**
+     * The elements minWidth. Can be either a String or a Number (which will have 'px' appended). Note that
+     * like [width](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Widget#config-width), *reading* the value will return the numeric value in pixels.
+     */
+    minWidth ? : string|number
+    /**
+     * The minimum zoom level to which [zoomOut](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/mixin/TimelineZoomable#function-zoomOut) will work. Defaults to 0 (year ticks)
+     */
+    minZoomLevel ? : number
+    /**
+     * Grid monitors window resize by default.
+     */
+    monitorResize ? : Boolean
+    /**
+     * The owning Widget of this Widget. If this Widget is directly contained (that is, it is one of the
+     * [items](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Container#property-items) of a Container), this config will be ignored. In this case
+     * the owner is <strong>always</strong> the encapsulating Container.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-owner)
+     */
+    owner ? : Widget|any
+    /**
+     * Partners this Timeline panel with another Timeline in order to sync their region sizes (sub-grids like locked, normal will get the same width),
+     * start and end dates, view preset, zoom level and scrolling position. All these values will be synced with the timeline defined as the `partner`.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-partner)
+     */
+    partner ? : TimelineBase
+    /**
+     * Set to `true` to include `startDate` and `endDate` params indicating the currently viewed date range in
+     * `EventStore` load requests (when loading using `AjaxStore` or `CrudManager` functionality).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-passStartEndParameters)
+     */
+    passStartEndParameters ? : Boolean
+    /**
+     * Specify plugins (an array of classes) in config
+     */
+    plugins ? : Function[]
+    /**
+     * True to preserve focused cell after loading new data
+     */
+    preserveFocusOnDatasetChange ? : Boolean
+    /**
+     * Preserve the grid's vertical scroll position when changesets are applied, as in the case of remote
+     * changes, or when stores are configured with [syncDataOnLoad](https://bryntum.com/products/schedulerpro/docs/api/Core/data/Store#config-syncDataOnLoad).
+     */
+    preserveScroll ? : PreserveScrollOptions|Boolean
+    /**
+     * Specify `true` to preserve vertical scroll position after store actions that trigger a `refresh` event,
+     * such as loading new data and filtering.
+     */
+    preserveScrollOnDatasetChange ? : Boolean
+    /**
+     * An array of [ViewPreset](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/preset/ViewPreset) config objects
+     * which describes the available timeline layouts for this scheduler.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-presets)
+     */
+    presets ? : ViewPresetConfig[]
+    /**
+     * Prevent tooltip from being displayed on touch devices. Useful for example for buttons that display a
+     * menu on click etc, since the tooltip would be displayed at the same time.
+     */
+    preventTooltipOnTouch ? : Boolean
+    /**
+     * A ProjectModel instance (or a config object) to display resource allocation of.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-project)
+     */
+    project ? : ProjectModelConfig|ProjectModel|object
+    /**
+     * Set to `true` to make the grid read-only, by disabling any UIs for modifying data.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-readOnly)
+     */
+    readOnly ? : Boolean
+    /**
+     * The confirmation dialog shown when a recurring event is edited.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-recurrenceConfirmationPopup)
+     */
+    recurrenceConfirmationPopup ? : RecurrenceConfirmationPopupConfig|RecurrenceConfirmationPopup
+    relayStoreEvents ? : Boolean
+    /**
+     * Either a default `rendition` to apply to all child widgets, or a map of renditions keyed by child widget
+     * `type`.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-rendition)
+     */
+    rendition ? : string|Record<string, string>|null
+    /**
+     * Configure this property to allow the widget/component to be resized. Pressing <kbd>Shift</kbd> while resizing will
+     * constrain the aspect ratio.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-resizable)
+     */
+    resizable ? : Boolean|{
+        minWidth?: number
+        maxWidth?: number
+        minHeight?: number
+        maxHeight?: number
+        handles?: object
+    }
+    /**
+     * Set to `false` to only measure cell contents when double-clicking the edge between column headers.
+     */
+    resizeToFitIncludesHeader ? : Boolean
+    /**
+     * Resource image extension, used when creating image path from resource name.
+     */
+    resourceImageExtension ? : string
+    /**
+     * Path to load resource images from. Used by the resource header in vertical mode and the
+     * [ResourceInfoColumn](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/column/ResourceInfoColumn) in horizontal mode. Set this to display miniature
+     * images for each resource using their `image` or `imageUrl` fields.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-resourceImagePath)
+     */
+    resourceImagePath ? : string
+    /**
+     * Convenience config to set both [resourceImagePath](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/mixin/SchedulerResourceRendering#config-resourceImagePath) and [resourceImageExtension](#Scheduler/view/mixin/SchedulerResourceRendering#config-resourceImageExtension).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-resourceImages)
+     */
+    resourceImages ? : {
+        path?: string
+        extension?: string
+    }
+    /**
+     * Control how much space to leave between the first event/last event and the resources edge (top/bottom
+     * margin within the resource row in horizontal mode, left/right margin within the resource column in
+     * vertical mode), in px. Defaults to the value of [barMargin](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/Scheduler#config-barMargin).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-resourceMargin)
+     */
+    resourceMargin ? : number|ResourceMarginConfig
+    /**
+     * An empty function by default, but provided so that you can override it. This function is called each time
+     * a resource time range is rendered into the schedule. It's called with `resourceTimeRangeRecord`, `resourceRecord`,
+     * and `renderData` params.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-resourceTimeRangeRenderer)
+     * @param {object} detail An object containing the information needed to render a ResourceTimeRangeModel.
+     * @param {Scheduler.model.ResourceTimeRangeModel} detail.resourceTimeRangeRecord The resource time range record.
+     * @param {Scheduler.model.SchedulerResourceModel} detail.resourceRecord The resource record.
+     * @param {object} detail.renderData An object containing details about the event rendering.
+     * @returns {string,DomConfig,DomConfig[]} A simple string, or a DomConfig object describing the markup
+     */
+    resourceTimeRangeRenderer ? : (detail: { resourceTimeRangeRecord: ResourceTimeRangeModel, resourceRecord: SchedulerResourceModel, renderData: object }) => string|DomConfig|DomConfig[]
+    /**
+     * Inline resource time ranges, will be loaded into an internally created store if
+     * [ResourceTimeRanges](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/ResourceTimeRanges) is enabled.
+     */
+    resourceTimeRanges ? : ResourceTimeRangeModel[]|ResourceTimeRangeModelConfig[]
+    /**
+     * Resource time ranges store instance or config object for [ResourceTimeRanges](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/ResourceTimeRanges) feature.
+     */
+    resourceTimeRangeStore ? : ResourceTimeRangeStore|ResourceTimeRangeStoreConfig
+    /**
+     * Set to `true` to take task and assignment store filters into account when collecting allocation.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-respectStoreFilters)
+     */
+    respectStoreFilters ? : Boolean
+    /**
+     * "Break points" for which responsive config to use for columns and css.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-responsiveLevels)
+     */
+    responsiveLevels ? : Record<string, number|string|ResponsiveLevelConfig>
+    /**
+     * Configure as `true` to have the component display a translucent ripple when its
+     * [focusElement](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Widget#property-focusElement), or [element](#Core/widget/Widget#property-element) is tapped <em>if the
+     * current theme supports ripples</em>. Out of the box, only the Material theme supports ripples.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-ripple)
+     */
+    ripple ? : Boolean|{
+        delegate?: string
+        color?: string
+        radius?: number
+        clip?: string
+    }
+    /**
+     * If you are rendering this widget to a shadow root inside a web component, set this config to the shadowRoot. If not inside a web component, set it to `document.body`
+     */
+    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/schedulerpro/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
+     * a column [renderer](https://bryntum.com/products/schedulerpro/docs/api/Grid/column/Column#config-renderer).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-rowHeight)
+     */
+    rowHeight ? : number
+    /**
+     * Set to `false` to not show row lines. End result might be overruled by/differ between themes.
+     */
+    rowLines ? : Boolean
+    /**
+     * This may be configured as `true` to make the widget's element use the `direction:rtl` style.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-rtl)
+     */
+    rtl ? : Boolean
+    /**
+     * An object with configuration for the [ScaleColumn](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/column/ScaleColumn).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-scaleColumn)
+     */
+    scaleColumn ? : ScaleColumnConfig
+    /**
+     * Array of objects representing the [scale column](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/mixin/TimelineHistogramScaleColumn#config-scaleColumn) scale points.
+     * The config basically is a mapping to the column [scalePoints](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/column/ScaleColumn#config-scalePoints)
+     * config.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-scalePoints)
+     */
+    scalePoints ? : ScalePoint[]
+    /**
+     * Configures whether the grid is scrollable in the `Y` axis. This is used to configure a [Scroller](https://bryntum.com/products/schedulerpro/docs/api/Core/helper/util/Scroller).
+     * See the [scrollerClass](https://bryntum.com/products/schedulerpro/docs/api/Grid/view/GridBase#config-scrollerClass) config option.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-scrollable)
+     */
+    scrollable ? : Boolean|ScrollerConfig|Scroller
+    /**
+     * The class to instantiate to use as the [scrollable](https://bryntum.com/products/schedulerpro/docs/api/Grid/view/GridBase#config-scrollable). Defaults to [Scroller](#Core/helper/util/Scroller).
+     */
+    scrollerClass ? : typeof Scroller
+    /**
+     * Configuration values for the [ScrollManager](https://bryntum.com/products/schedulerpro/docs/api/Core/util/ScrollManager) class on initialization. Returns the
+     * [ScrollManager](https://bryntum.com/products/schedulerpro/docs/api/Core/util/ScrollManager) at runtime.
+     */
+    scrollManager ? : ScrollManagerConfig|ScrollManager
+    /**
+     * Selection configuration settings, change these properties to control how selection works and what can be
+     * selected.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-selectionMode)
+     */
+    selectionMode ? : GridSelectionMode
+    /**
+     * Object enumerating data series for the histogram.
+     * The object keys are treated as the series identifiers and values are objects that
+     * must contain two properties:
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-series)
+     */
+    series ? : Record<string, HistogramSeries>
+    /**
+     * Set to `true` if you want to display resources effort values in bars
+     * (for example: `24h`, `7d`, `60min` etc.).
+     * The text contents can be changed by providing [getBarText](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-getBarText) function.
+     */
+    showBarText ? : Boolean
+    /**
+     * Set to `true` if you want to display a tooltip when hovering an allocation bar. You can also pass a
+     * [Tooltip#configs](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Tooltip#configs) config object.
+     * Please use [barTooltipTemplate](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/TimelineHistogramBase#config-barTooltipTemplate) function to customize the tooltip contents.
+     */
+    showBarTip ? : Boolean|TooltipConfig
+    /**
+     * Set to `true` to display the [bar tooltip](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/TimelineHistogramBase#config-showBarTip) when navigating the timeaxis cells
+     * using [ScheduleContext](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/ScheduleContext) feature.
+     * The tooltip is disabled by default when navigating to make the navigation easier.
+     */
+    showBarTipWhenNavigatingTimeAxis ? : Boolean
+    /**
+     * Configure as `true` to have the grid show a red "changed" tag in cells whose
+     * field value has changed and not yet been committed.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-showDirty)
+     */
+    showDirty ? : Boolean|{
+        duringEdit?: Boolean
+        newRecord?: Boolean
+    }
+    /**
+     * Specifies whether effort values should display units or not.
+     */
+    showEffortUnit ? : Boolean
+    /**
+     * Set to `true` to snap to the current time resolution increment while interacting with scheduled events.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-snap)
+     */
+    snap ? : Boolean
+    /**
+     * Affects drag drop and resizing of events when [snap](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/mixin/TimelineDateMapper#config-snap)
+     * is enabled.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-snapRelativeToEventStartDate)
+     */
+    snapRelativeToEventStartDate ? : Boolean
+    /**
+     * Programmatic control over how many columns to span when used in a grid layout.
+     */
+    span ? : number
+    /**
+     * The start date of the timeline (if not configure with [infiniteScroll](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/TimelineBase#config-infiniteScroll)).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-startDate)
+     */
+    startDate ? : Date|string
+    /**
+     * The name of the start date parameter that will be passed to in every `eventStore` load request.
+     */
+    startParamName ? : string
+    /**
+     * This value can be one of the following:
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-stateful)
+     */
+    stateful ? : Boolean|object|string[]
+    /**
+     * The events that, when fired by this component, should trigger it to save its state by calling
+     * [saveState](https://bryntum.com/products/schedulerpro/docs/api/Core/mixin/State#function-saveState).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-statefulEvents)
+     */
+    statefulEvents ? : object|string[]
+    /**
+     * The key to use when saving this object's state in the [stateProvider](https://bryntum.com/products/schedulerpro/docs/api/Core/mixin/State#config-stateProvider). If this config is
+     * not assigned, and [stateful](https://bryntum.com/products/schedulerpro/docs/api/Core/mixin/State#config-stateful) is not set to `false`, the [id](#Core/widget/Widget#config-id)
+     * (if explicitly specified) will be used as the `stateId`.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-stateId)
+     */
+    stateId ? : string
+    /**
+     * The `StateProvider` to use to save and restore this object's [state](https://bryntum.com/products/schedulerpro/docs/api/Core/mixin/State#property-state). By default, `state`
+     * will be saved using the [default state provider](https://bryntum.com/products/schedulerpro/docs/api/Core/state/StateProvider#property-instance-static).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-stateProvider)
+     */
+    stateProvider ? : StateProvider
+    /**
+     * The properties of this settings object controls how grid is restored from state data.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-stateSettings)
+     */
+    stateSettings ? : {
+        restoreUnconfiguredColumns?: Boolean
+    }
+    /**
+     * When set, the text in the major time axis header sticks in the scrolling viewport as long as possible.
+     */
+    stickyHeaders ? : Boolean
+    /**
+     * Store that holds records to display in the grid, or a store config object. If the configuration contains
+     * a `readUrl`, an `AjaxStore` will be created.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-store)
+     */
+    store ? : Store|StoreConfig|AjaxStore|AjaxStoreConfig
+    /**
+     * An object containing widgets keyed by name. By default (when no `type` is given), strips are
+     * [toolbars](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Toolbar). If you want to pass an array, you can use
+     * the toolbar's [items](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Container#config-items).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-strips)
+     */
+    strips ? : Record<string, ContainerItemConfig>
+    /**
+     * An object containing sub grid configuration objects keyed by a `region` property.
+     * By default, grid has a 'locked' region (if configured with locked columns) and a 'normal' region.
+     * The 'normal' region defaults to use `flex: 1`.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-subGridConfigs)
+     */
+    subGridConfigs ? : Record<string, SubGridConfig>
+    /**
+     * Set to `true` to prevent auto calculating of a minimal [tickSize](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/mixin/TimelineEventRendering#property-tickSize)
+     * to always fit the content to the screen size. Setting this property on `true` will disable [forceFit](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/TimelineBase#config-forceFit) behaviour.
+     */
+    suppressFit ? : Boolean
+    /**
+     * A [Mask](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Mask) config object, or a message to be shown when Crud Manager
+     * is persisting changes on the server. Set to `null` to disable default sync mask.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-syncMask)
+     */
+    syncMask ? : string|MaskConfig|null
+    /**
+     * A configuration for the [tab](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Tab) created for this widget when it is placed in a
+     * [TabPanel](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
+     * this widget:
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-tab)
+     */
+    tab ? : Boolean|TabConfig
+    /**
+     * When this container is used as a tab in a TabPanel, these items are added to the
+     * [TabBar](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/TabBar) when this container is the active tab.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-tabBarItems)
+     */
+    tabBarItems ? : ToolbarItems[]|Widget[]
+    /**
+     * A Config object representing the configuration of a [Toolbar](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Toolbar),
+     * or array of config objects representing the child items of a Toolbar.
+     * This creates a toolbar docked to the top of the panel immediately below the header.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-tbar)
+     */
+    tbar ? : (ContainerItemConfig|string)[]|ToolbarConfig|PagingToolbarConfig|null
+    /**
+     * The width/height (depending on vertical / horizontal mode) of all the time columns.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-tickSize)
+     */
+    tickSize ? : number
+    /**
+     * A [TimeAxis](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/data/TimeAxis) config object or instance, used to create a backing data store of
+     * 'ticks' providing the input date data for the time axis of timeline panel. Created automatically if none
+     * supplied.
+     */
+    timeAxis ? : TimeAxisConfig|TimeAxis
+    /**
+     * Inline time ranges, will be loaded into an internally created store if [TimeRanges](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/TimeRanges)
+     * is enabled.
+     */
+    timeRanges ? : TimeSpan[]|TimeSpanConfig[]
+    /**
+     * The time ranges store instance for [TimeRanges](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/TimeRanges) feature.
+     */
+    timeRangeStore ? : Store|StoreConfig
+    /**
+     * Gets/sets the current time resolution object, which contains a unit identifier and an increment count
+     * `{ unit, increment }`. This value means minimal task duration you can create using UI.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-timeResolution)
+     */
+    timeResolution ? : {
+        increment?: number
+        unit?: DurationUnit
+    }|number
+    /**
+     * A title to display in the header or owning TabPanel. Causes creation and docking of a header
+     * to the top if no header is configured.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-title)
+     */
+    title ? : string
+    /**
+     * The [tools](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Tool) to add either before or after the `title` in the Panel header. Each
+     * property name is the reference by which an instantiated tool may be retrieved from the live
+     * `[tools](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/mixin/Toolable#property-tools)` property.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-tools)
+     */
+    tools ? : Record<string, ToolConfig>|null
+    /**
+     * Configure UI transitions for various actions in the grid.
+     */
+    transition ? : {
+        insertRecord?: Boolean
+        removeRecord?: Boolean
+        toggleColumn?: Boolean
+        expandCollapseColumn?: Boolean
+        toggleRegion?: Boolean
+        toggleTreeNode?: Boolean
+        toggleGroup?: Boolean
+        filterRemoval?: Boolean
+    }
+    /**
+     * Animation transition duration in milliseconds.
+     */
+    transitionDuration ? : number
+    type ? : 'resourceutilization'
+    /**
+     * Custom CSS class name suffixes to apply to the elements rendered by this widget. This may be specified
+     * as a space separated string, an array of strings, or as an object in which property names with truthy
+     * values are used as the class names.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-ui)
+     */
+    ui ? : 'plain'|'toolbar'|string|object
+    /**
+     * A string key used to lookup a predefined [ViewPreset](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/preset/ViewPreset) (e.g. 'weekAndDay', 'hourAndDay'),
+     * managed by [PresetManager](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/preset/PresetManager). See [PresetManager](#Scheduler/preset/PresetManager) for more information.
+     * Or a config object for a viewPreset.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-viewPreset)
+     */
+    viewPreset ? : string|ViewPresetConfig
+    /**
+     * A date to bring into view initially on the scrollable timeline.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-visibleDate)
+     */
+    visibleDate ? : Date|VisibleDate
+    /**
+     * Integer number indicating the size of timespan during zooming. When zooming, the timespan is adjusted to make
+     * the scrolling area `visibleZoomFactor` times wider than the timeline area itself. Used in
+     * [zoomToSpan](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/mixin/TimelineZoomable#function-zoomToSpan) and [zoomToLevel](#Scheduler/view/mixin/TimelineZoomable#function-zoomToLevel) functions.
+     */
+    visibleZoomFactor ? : number
+    /**
+     * A valid JS day index between 0-6 (0: Sunday, 1: Monday etc.) to be considered the start day of the week.
+     * When omitted, the week start day is retrieved from the active locale class.
+     */
+    weekStartDay ? : number
+    /**
+     * A widgets weight determines its position among siblings when added to a [Container](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Container).
+     * Higher weights go further down.
+     */
+    weight ? : number
+    /**
+     * Widget's width, used to set element `style.width`. Either specify a valid width string or a number, which
+     * will get 'px' appended. We recommend using CSS as the primary way to control width, but in some cases
+     * this config is convenient.
+     */
+    width ? : string|number
+    /**
+     * An object with format `{ fromDay, toDay, fromHour, toHour }` that describes the working days and hours.
+     * This object will be used to populate TimeAxis [include](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/data/TimeAxis#config-include) property.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#config-workingTime)
+     */
+    workingTime ? : {
+        fromDay?: number
+        toDay?: number
+        fromHour?: number
+        toHour?: number
+    }
+    /**
+     * Whether the originally rendered timespan should be preserved while zooming. By default, it is set to `false`,
+     * meaning the timeline panel will adjust the currently rendered timespan to limit the amount of HTML content to
+     * render. When setting this option to `true`, be careful not to allow to zoom a big timespan in seconds
+     * resolution for example. That will cause <strong>a lot</strong> of HTML content to be rendered and affect performance. You
+     * can use [minZoomLevel](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/mixin/TimelineZoomable#config-minZoomLevel) and [maxZoomLevel](#Scheduler/view/mixin/TimelineZoomable#config-maxZoomLevel) config options for that.
+     */
+    zoomKeepsOriginalTimespan ? : Boolean
+    /**
+     * If true, you can zoom in and out on the time axis using CTRL-key + mouse wheel.
+     */
+    zoomOnMouseWheel ? : Boolean
+    /**
+     * True to zoom to time span when double-clicking a time axis cell.
+     */
+    zoomOnTimeAxisDoubleClick ? : Boolean
+
+    // Features
+    /**
+     * AI-powered filter feature for Grid. Allows users to type natural language queries to filter grid data.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/ai/AIFilter)
+     */
+    aiFilterFeature ? : object|Boolean|string|AIFilter|AIFilterConfig
+    /**
+     * Adding this feature to the resource utilization view enables assignment effort data editing.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/feature/AllocationCellEdit)
+     */
+    allocationCellEditFeature ? : object|Boolean|string|AllocationCellEdit|AllocationCellEditConfig
+    /**
+     * This is a feature of [ResourceUtilization](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization) view that allows to copy-paste
+     * assignment time-phased effort values.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/feature/AllocationCopyPaste)
+     */
+    allocationCopyPasteFeature ? : object|Boolean|string|AllocationCopyPaste|AllocationCopyPasteConfig
+    /**
+     * Allows using `[Ctrl/CMD + C]`, `[Ctrl/CMD + X]` and `[Ctrl/CMD + V]` to cut, copy and paste cell or cell ranges. Also
+     * makes cut, copy and paste actions available via the cell context menu.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/CellCopyPaste)
+     */
+    cellCopyPasteFeature ? : object|Boolean|string|CellCopyPaste|CellCopyPasteConfig
+    /**
+     * Extends the Grid's [CellEdit](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/CellEdit) feature to encapsulate SchedulerPro functionality.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/feature/CellEdit)
+     */
+    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.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/CellMenu)
+     */
+    cellMenuFeature ? : object|Boolean|string|CellMenu|CellMenuConfig
+    /**
+     * Displays a tooltip when hovering cells.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/CellTooltip)
+     */
+    cellTooltipFeature ? : object|Boolean|string|CellTooltip|CellTooltipConfig
+    /**
+     * Adds interactive charting to a Grid. [Charts](https://bryntum.com/products/schedulerpro/docs/api/Chart/widget/Chart) can be created from a selection of Grid data
+     * and updated in realtime as data changes. Supports many common chart types with extensive styling and customization
+     * options.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/Charts)
+     */
+    chartsFeature ? : object|Boolean|string|Charts|ChartsConfig
+    /**
+     * Enables the [autoWidth](https://bryntum.com/products/schedulerpro/docs/api/Grid/column/Column#config-autoWidth) config for a grid's columns.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/ColumnAutoWidth)
+     */
+    columnAutoWidthFeature ? : object|Boolean|string|ColumnAutoWidth|ColumnAutoWidthConfig
+    /**
+     * Displays a toolbar while dragging column headers. Drop on a button in the toolbar to activate a certain function,
+     * for example to group by that column. This feature simplifies certain operations on touch devices.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/ColumnDragToolbar)
+     */
+    columnDragToolbarFeature ? : object|Boolean|string|ColumnDragToolbar|ColumnDragToolbarConfig
+    /**
+     * Displays column lines for ticks, with a different styling for major ticks (by default they are darker). If this
+     * feature is disabled, no lines are shown. If it's enabled, line are shown for the tick level which is set in current
+     * ViewPreset. Please see [columnLinesFor](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/preset/ViewPreset#field-columnLinesFor) config for details.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/ColumnLines)
+     */
+    columnLinesFeature ? : object|Boolean|string|ColumnLines|ColumnLinesConfig
+    /**
+     * Displays a column picker (to show/hide columns) in the header context menu. Columns can be displayed in sub menus
+     * by region or tag. Grouped headers are displayed as menu hierarchies.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/ColumnPicker)
+     */
+    columnPickerFeature ? : object|Boolean|string|ColumnPicker|ColumnPickerConfig
+    /**
+     * Allows user to rename columns by either right-clicking column header or using keyboard shortcuts when column header
+     * is focused.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/ColumnRename)
+     */
+    columnRenameFeature ? : object|Boolean|string|ColumnRename|ColumnRenameConfig
+    /**
+     * Allows user to reorder columns by dragging headers. To get notified about column reorder listen to `change` event
+     * on [columns](https://bryntum.com/products/schedulerpro/docs/api/Grid/data/ColumnStore) store.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/ColumnReorder)
+     */
+    columnReorderFeature ? : object|Boolean|string|ColumnReorder|ColumnReorderConfig
+    /**
+     * Enables user to resize columns by dragging a handle on the right hand side of the header. To get notified about column
+     * resize listen to `change` event on [columns](https://bryntum.com/products/schedulerpro/docs/api/Grid/data/ColumnStore) store.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/ColumnResize)
+     */
+    columnResizeFeature ? : object|Boolean|string|ColumnResize|ColumnResizeConfig
+    /**
+     * A feature that allows exporting Grid data to Excel or CSV without involving the server. It uses
+     * [TableExporter](https://bryntum.com/products/schedulerpro/docs/api/Grid/util/TableExporter) class as data provider, 3rd party provider to generate XLS files, and
+     * [Microsoft XML specification](https://msdn.microsoft.com/en-us/library/office/documentformat.openxml.spreadsheet.aspx).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/experimental/ExcelExporter)
+     */
+    excelExporterFeature ? : object|Boolean|string|GridExcelExporter|GridExcelExporterConfig
+    /**
+     * An experimental feature that lets users drop files on a Widget. The widget fires an event when a file is dropped onto it.
+     * In the event, you get access to the raw files as strings, that were parsed by calling `readAsBinaryString`.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/experimental/FileDrop)
+     */
+    fileDropFeature ? : object|Boolean|string|FileDrop|FileDropConfig
+    /**
+     * This feature adds a fill handle to a Grid range selection, which when dragged, fills the cells being dragged over
+     * with values based on the values in the original selected range. This is similar to functionality normally seen in
+     * various spreadsheet applications.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/FillHandle)
+     */
+    fillHandleFeature ? : object|Boolean|string|FillHandle|FillHandleConfig
+    /**
+     * Feature that allows filtering of the grid by settings filters on columns. The actual filtering is done by the store.
+     * For info on programmatically handling filters, see [StoreFilter](https://bryntum.com/products/schedulerpro/docs/api/Core/data/mixin/StoreFilter).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/Filter)
+     */
+    filterFeature ? : object|Boolean|string|Filter|FilterConfig
+    /**
+     * Feature that allows filtering of the grid by entering filters on column headers.
+     * The actual filtering is done by the store.
+     * For info on programmatically handling filters, see [StoreFilter](https://bryntum.com/products/schedulerpro/docs/api/Core/data/mixin/StoreFilter).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/FilterBar)
+     */
+    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
+     * grouper.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/Group)
+     */
+    groupFeature ? : object|Boolean|string|Group|GroupConfig
+    /**
+     * A special version of the Grid GroupSummary feature that enables summaries within scheduler. To use a single summary
+     * it is easiest to configure [renderer](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/GroupSummary#config-renderer), for multiple summaries see [summaries](#Scheduler/feature/GroupSummary#config-summaries).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/GroupSummary)
+     */
+    groupSummaryFeature ? : object|Boolean|string|GroupSummary|GroupSummaryConfig
+    /**
+     * Right click column header or focus it and press SPACE key to show the context menu for headers.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/HeaderMenu)
+     */
+    headerMenuFeature ? : object|Boolean|string|HeaderMenu|HeaderMenuConfig
+    /**
+     * Enables users to click and drag to zoom to a date range in Scheduler's header time axis. Only supported in horizontal
+     * mode.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/HeaderZoom)
+     */
+    headerZoomFeature ? : object|Boolean|string|HeaderZoom|HeaderZoomConfig
+    /**
+     * This feature allows records which satisfy a certain condition to be locked at the top of the grid.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/LockRows)
+     */
+    lockRowsFeature ? : object|Boolean|string|GridLockRows|GridLockRowsConfig
+    /**
+     * This feature merges cells that have the same value in sorted (or [optionally](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/MergeCells#config-sortedOnly) any) columns
+     * configured to [mergeCells](https://bryntum.com/products/schedulerpro/docs/api/Grid/column/Column#config-mergeCells).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/MergeCells)
+     */
+    mergeCellsFeature ? : object|Boolean|string|MergeCells|MergeCellsConfig
+    /**
+     * Feature that allows styling of weekends (and other non-working time) by adding timeRanges for those days.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/NonWorkingTime)
+     */
+    nonWorkingTimeFeature ? : object|Boolean|string|NonWorkingTime|NonWorkingTimeConfig
+    /**
+     * Makes the scheduler's timeline pannable by dragging with the mouse. Try it out in the demo below.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/Pan)
+     */
+    panFeature ? : object|Boolean|string|Pan|PanConfig
+    /**
+     * Generates PDF/PNG files from the Grid component.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/export/PdfExport)
+     */
+    pdfExportFeature ? : object|Boolean|string|GridPdfExport|GridPdfExportConfig
+    /**
+     * Allows pinning columns to the start or end region of the grid without any additional subGrid configurations.
+     * When pinning to a region that does not yet exist, the feature creates the required subGrid on the fly.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/PinColumns)
+     */
+    pinColumnsFeature ? : object|Boolean|string|PinColumns|PinColumnsConfig
+    /**
+     * Allows printing Grid contents using browser print dialog.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/export/Print)
+     */
+    printFeature ? : object|Boolean|string|GridPrint|GridPrintConfig
+    /**
+     * Feature that allows the user to search in a column by focusing a cell and typing. Navigate between hits using the
+     * keyboard, [f3] or [ctrl]/[cmd] + [g] moves to next, also pressing [shift] moves to previous.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/QuickFind)
+     */
+    quickFindFeature ? : object|Boolean|string|QuickFind|QuickFindConfig
+    /**
+     * Makes the splitter between grid [sections](https://bryntum.com/products/schedulerpro/docs/api/Grid/view/SubGrid) draggable, to let users resize, and
+     * collapse/expand the sections.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/RegionResize)
+     */
+    regionResizeFeature ? : object|Boolean|string|RegionResize|RegionResizeConfig
+    /**
+     * Applicable only for Scheduler in `vertical` mode. Right click resource header cells to display a context menu.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/ResourceMenu)
+     */
+    resourceMenuFeature ? : object|Boolean|string|ResourceMenu|ResourceMenuConfig
+    /**
+     * Feature that highlights the non-working intervals for resources based on their [calendar](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/model/ResourceModel#field-calendar).
+     * If a resource has no calendar defined, the project's calendar will be used. The non-working time interval can
+     * also be recurring. You can find a live example showing how to achieve this in the [Resource Non-Working Time Demo](../examples/resource-non-working-time/).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/feature/ResourceNonWorkingTime)
+     */
+    resourceNonWorkingTimeFeature ? : object|Boolean|string|ResourceNonWorkingTime|ResourceNonWorkingTimeConfig
+    /**
+     * Feature that draws resource time ranges, shaded areas displayed behind events. These zones are similar to events in
+     * that they have a start and end date but different in that they do not take part in the event layout, and they always
+     * occupy full row height.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/ResourceTimeRanges)
+     */
+    resourceTimeRangesFeature ? : object|Boolean|string|ResourceTimeRanges|ResourceTimeRangesConfig
+    /**
+     * Allow using [Ctrl/CMD + C/X] and [Ctrl/CMD + V] to copy/cut-and-paste rows. Also makes cut, copy and paste actions
+     * available via the cell context menu.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/RowCopyPaste)
+     */
+    rowCopyPasteFeature ? : object|Boolean|string|RowCopyPaste|RowCopyPasteConfig
+    /**
+     * This feature allows editing of entire rows in a grid in a docked panel which by default slides out from the right.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/RowEdit)
+     */
+    rowEditFeature ? : object|Boolean|string|RowEdit|RowEditConfig
+    /**
+     * Enables expanding of Grid rows by either row click or double click, or by adding a separate Grid column which renders
+     * a button that expands or collapses the row.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/RowExpander)
+     */
+    rowExpanderFeature ? : object|Boolean|string|RowExpander|RowExpanderConfig
+    /**
+     * This feature implements support for project transactions and used by default in Gantt. For general RowReorder feature
+     * documentation see [RowReorder](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/RowReorder).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/RowReorder)
+     */
+    rowReorderFeature ? : object|Boolean|string|RowReorder|RowReorderConfig
+    /**
+     * Enables user to change row height by dragging the bottom row border. After a resize operation, the [rowHeight](https://bryntum.com/products/schedulerpro/docs/api/Grid/data/GridRowModel#field-rowHeight)
+     * field of the record is updated (when [applyToAllRows](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/RowResize#config-applyToAllRows) is `false`).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/RowResize)
+     */
+    rowResizeFeature ? : object|Boolean|string|GridRowResize|GridRowResizeConfig
+    /**
+     * Feature that displays a tooltip containing the time at the mouse position when hovering empty parts of the schedule.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/ScheduleTooltip)
+     */
+    scheduleTooltipFeature ? : object|Boolean|string|ScheduleTooltip|ScheduleTooltipConfig
+    /**
+     * <div class="external-example vertical" data-file="Grid/feature/Search.js"></div>
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/Search)
+     */
+    searchFeature ? : object|Boolean|string|Search|SearchConfig
+    /**
+     * Allows sorting of grid by clicking (or tapping) headers, also displays which columns grid is sorted by (numbered if
+     * using multisort). Use modifier keys for multisorting: [Ctrl/CMD + click] to add sorter, [Ctrl/CMD + Alt + click] to remove sorter.
+     * The actual sorting is done by the store, see [Store.sort()](https://bryntum.com/products/schedulerpro/docs/api/Core/data/mixin/StoreSort#function-sort).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/Sort)
+     */
+    sortFeature ? : object|Boolean|string|Sort|SortConfig
+    /**
+     * This feature allows splitting the Scheduler into multiple views, either by using the cell context menu, or
+     * programmatically by calling [split()](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/Split#function-split).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/Split)
+     */
+    splitFeature ? : object|Boolean|string|Split|SplitConfig
+    /**
+     * A feature which pins configurable content from a grid row to the top of the grid
+     * while the row scrolls off the top but is still visible.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/StickyCells)
+     */
+    stickyCellsFeature ? : object|Boolean|string|StickyCells|StickyCellsConfig
+    /**
+     * Stripes rows by adding alternating CSS classes to all row elements (`b-even` and `b-odd`).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/Stripe)
+     */
+    stripeFeature ? : object|Boolean|string|Stripe|StripeConfig
+    /**
+     * A special version of the Grid Summary feature. This feature displays a summary row in the grid footer.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/Summary)
+     */
+    summaryFeature ? : object|Boolean|string|Summary|SummaryConfig
+    /**
+     * Adds scheduler specific menu items to the timeline header context menu.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/TimeAxisHeaderMenu)
+     */
+    timeAxisHeaderMenuFeature ? : object|Boolean|string|TimeAxisHeaderMenu|TimeAxisHeaderMenuConfig
+    /**
+     * Feature that renders global ranges of time in the timeline. Use this feature to visualize a `range` like a 1 hr lunch
+     * or some important point in time (a `line`, i.e. a range with 0 duration). This feature can also show a current time
+     * indicator if you set [showCurrentTimeLine](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/TimeRanges#config-showCurrentTimeLine) to true. To style the rendered elements, use the
+     * [cls](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/model/TimeSpan#field-cls) field of the `TimeSpan` class.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/TimeRanges)
+     */
+    timeRangesFeature ? : object|Boolean|string|TimeRanges|TimeRangesConfig
+    /**
+     * This feature exposes methods on the owning Scheduler or Gantt widget which you can use to highlight one or multiple time spans
+     * in the schedule. Please see [highlightTimeSpan](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/feature/TimeSpanHighlight#function-highlightTimeSpan) and [highlightTimeSpans](#SchedulerPro/feature/TimeSpanHighlight#function-highlightTimeSpans) to learn
+     * more or try the demo below:
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/feature/TimeSpanHighlight)
+     */
+    timeSpanHighlightFeature ? : object|Boolean|string|TimeSpanHighlight|TimeSpanHighlightConfig
+    /**
+     * Feature that makes the grid work more like a tree. Included by default in [TreeGrid](https://bryntum.com/products/schedulerpro/docs/api/Grid/view/TreeGrid). Requires
+     * exactly one [TreeColumn](https://bryntum.com/products/schedulerpro/docs/api/Grid/column/TreeColumn) among grids columns. That column will have its renderer replaced with a
+     * tree renderer that adds padding and icon to give the appearance of a tree. The original renderer is preserved and
+     * also called.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/Tree)
+     */
+    treeFeature ? : object|Boolean|string|Tree|TreeConfig
+    /**
+     * A feature that allows transforming a flat dataset (or the leaves of a hierarchical) into a tree by specifying a
+     * record field per parent level. Parents are generated based on each leaf's value for those fields.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/TreeGroup)
+     */
+    treeGroupFeature ? : object|Boolean|string|TreeGroup|TreeGroupConfig
+
+}>();
+
+const emit = defineEmits<{
+    /**
+     * Fires before an assignment is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] 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:
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#event-beforeAssignmentDelete)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source The Scheduler instance
+     * @param {Scheduler.model.SchedulerAssignmentModel[]} params.event.assignmentRecords The assignment records about to be deleted
+     * @param {object} params.event.context Additional removal context:
+     * @param {Function} params.event.context.finalize Function to call to finalize the removal. Used to asynchronously decide to remove the records or not. Provide `false` to the function to prevent the removal.
+     * @param {boolean} params.event.context.finalize.removeRecords Provide `false` to the function to prevent the removal.
+     */
+    (e: 'beforeAssignmentDelete', params: ((event: { source: Scheduler, assignmentRecords: SchedulerAssignmentModel[], context: { finalize: { removeRecords?: boolean } } }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires on the owning Grid before the cell editing is canceled, return `false` to prevent cancellation.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.source Owner grid
+     * @param {Grid.util.GridLocation} params.event.editorContext Editing context
+     */
+    (e: 'beforeCancelCellEdit', params: ((event: { source: Grid, editorContext: GridLocation }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires on the owning Grid before the row editing is canceled, return false to signal that the value is invalid and editing should not be finalized.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#event-beforeCancelRowEdit)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.grid Target grid
+     * @param {RowEditorContext} params.event.editorContext Editing context
+     */
+    (e: 'beforeCancelRowEdit', params: ((event: { grid: Grid, editorContext: RowEditorContext }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires on the owning Grid before editing starts, return `false` to prevent editing
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.source Owner grid
+     * @param {CellEditorContext} params.event.editorContext Editing context
+     */
+    (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`
+     * buttons while [autoEdit](https://bryntum.com/products/schedulerpro/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
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.source Owner grid
+     * @param {(Grid.util.GridLocation|Core.data.Model)[]} params.event.gridSelection An array of cell selectors or records that will have their values deleted (the records themselves will not get deleted, only visible column values).
+     */
+    (e: 'beforeCellRangeDelete', params: ((event: { source: Grid, gridSelection: (GridLocation|Model)[] }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires for each selected record on the owning Grid before editing a range of selected cell values
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.data.Model} params.event.record Current selected record from the range
+     * @param {string} params.event.field The field being changed
+     * @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 fired prior to starting a column drag gesture. The drag is canceled if a listener returns `false`.
+     * @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 {Grid.column.Column} params.event.column The dragged column.
+     * @param {Event} params.event.event The browser event.
+     */
+    (e: 'beforeColumnDragStart', params: ((event: { source: Grid, column: Column, event: Event }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * This event is fired when a column is dropped, and you can return false from a listener to abort the operation.
+     * @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 {Grid.column.Column} params.event.column The dragged column.
+     * @param {Grid.column.Column} params.event.insertBefore The column before which the dragged column will be inserted.
+     * @param {Grid.column.Column} params.event.newParent The new parent column.
+     * @param {Event} params.event.event The browser event.
+     * @param {string} params.event.region The region where the column was dropped.
+     */
+    (e: 'beforeColumnDropFinalize', params: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, event: Event, region: string }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * This event is fired prior to starting a column resize gesture. The resize is canceled if a listener returns
+     * `false`.
+     * @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 {Grid.column.Column} params.event.column The column
+     * @param {Event} params.event.domEvent The browser event
+     */
+    (e: 'beforeColumnResize', params: ((event: { source: Grid, column: Column, domEvent: Event }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires on the owning Grid before a copy action is performed, return `false` to prevent the action
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.source Owner grid
+     * @param {Grid.util.GridLocation[]} params.event.cells The cells about to be copied or cut
+     * @param {string} params.event.data The string data about to be copied or cut
+     * @param {boolean} params.event.isCut `true` if this is a cut action
+     * @param {string} params.event.entityName 'cell' to distinguish this event from other beforeCopy events
+     */
+    (e: 'beforeCopy', params: ((event: { source: Grid, cells: GridLocation[], data: string, isCut: boolean, entityName: string }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires on the owning view before a copy action is performed, return `false` to prevent the action
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {SchedulerPro.view.ResourceUtilization} params.event.source Owner view
+     * @param {Scheduler.util.TimelineContext[]} params.event.cells The cells about to be copied or cut
+     * @param {string} params.event.data The string data about to be copied or cut
+     * @param {boolean} params.event.isCut `true` if this is a cut action
+     */
+    (e: 'beforeCopyTimelineCells', params: ((event: { source: ResourceUtilization, cells: TimelineContext[], data: string, isCut: boolean }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires on the owning Grid before CSV export starts. Return `false` to cancel the export.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {ExportConfig} params.event.config Export config
+     * @param {Grid.column.Column[]} params.event.columns An array of columns to export
+     * @param {Core.data.Model[]} params.event.rows An array of records to export
+     * @param {string} params.event.lineDelimiter The CSV delimiter to separate lines
+     * @param {string} params.event.columnDelimiter The CSV delimiter to separate values on one line
+     */
+    (e: 'beforeCSVExport', params: ((event: { config: ExportConfig, columns: Column[], rows: Model[], lineDelimiter: string, columnDelimiter: string }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires before an object is destroyed.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.Base} params.event.source The Object that is being destroyed.
+     */
+    (e: 'beforeDestroy', params: ((event: { source: Base }) => void)|string): void
+    /**
+     * Fires before an event is removed. Can be triggered by user pressing [DELETE] or [BACKSPACE] or by the
+     * event editor. Return `false` to immediately veto the removal (or a `Promise` yielding `true` or `false`
+     * for async vetoing).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#event-beforeEventDelete)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler,any} params.event.source The Scheduler instance
+     * @param {Scheduler.model.SchedulerEventModel[]} params.event.eventRecords The records about to be deleted
+     * @param {object} params.event.context Additional removal context:
+     * @param {Function} params.event.context.finalize Function to call to finalize the removal. Used to asynchronously decide to remove the records or not. Provide `false` to the function to prevent the removal.
+     * @param {boolean} params.event.context.finalize.removeRecords Provide `false` to the function to prevent the removal.
+     */
+    (e: 'beforeEventDelete', params: ((event: { source: Scheduler|any, eventRecords: SchedulerEventModel[], context: { finalize: { removeRecords?: boolean } } }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires on the owning Grid before Excel export starts. Return `false` to cancel the export.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {ExportConfig} params.event.config Export config
+     * @param {XLSColumn[]} params.event.columns An array of columns to export
+     * @param {any[][]} params.event.rows An array of records to export
+     */
+    (e: 'beforeExcelExport', params: ((event: { config: ExportConfig, columns: XLSColumn[], rows: any[] }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fired before dragging of the FillHandle starts, return `false` to prevent the drag operation.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.util.GridLocation} params.event.cell Information about the column / record
+     * @param {MouseEvent} params.event.domEvent The raw DOM event
+     */
+    (e: 'beforeFillHandleDragStart', params: ((event: { cell: GridLocation, domEvent: MouseEvent }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires on the owning Grid before the cell editing is finished, return false to signal that the value is invalid and editing should not be finalized.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.grid Target grid
+     * @param {CellEditorContext} params.event.editorContext Editing context
+     */
+    (e: 'beforeFinishCellEdit', params: ((event: { grid: Grid, editorContext: CellEditorContext }) => void)|string): void
+    /**
+     * Fires on the owning Grid before the row editing is finished, return false to signal that the value is invalid and editing should not be finalized.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#event-beforeFinishRowEdit)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.grid Target grid
+     * @param {RowEditorContext} params.event.editorContext Editing context
+     */
+    (e: 'beforeFinishRowEdit', params: ((event: { grid: Grid, editorContext: RowEditorContext }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Triggered before a widget is hidden. Return `false` to prevent the action.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Widget} params.event.source The widget being hidden.
+     */
+    (e: 'beforeHide', params: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires before the component stores a record's histogram data into the cache.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#event-beforeHistogramDataCacheSet)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.TimelineHistogram} params.event.source The component instance
+     * @param {Core.data.Model} params.event.record Record the histogram data of which is ready.
+     * @param {object} params.event.data The record histogram data.
+     */
+    (e: 'beforeHistogramDataCacheSet', params: ((event: { source: TimelineHistogram, record: Model, data: object }) => void)|string): void
+    /**
+     * Fires on the owning Scheduler or Gantt widget before pan starts. Return `false` to prevent the operation.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Event} params.event.event The native browser DOM event
+     */
+    (e: 'beforePan', params: ((event: { event: Event }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires on the owning Grid before a paste action is performed, return `false` to prevent the action
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.source Owner grid
+     * @param {string} params.event.clipboardData The clipboardData about to be pasted
+     * @param {Grid.util.GridLocation} params.event.targetCell The cell from which the paste will be started
+     * @param {string} params.event.entityName 'cell' to distinguish this event from other beforePaste events
+     * @param {string} params.event.text The raw text from clipboard
+     */
+    (e: 'beforePaste', params: ((event: { source: Grid, clipboardData: string, targetCell: GridLocation, entityName: string, text: string }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires on the owning Grid before a paste action is performed, return `false` to prevent the action
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {SchedulerPro.view.ResourceUtilization} params.event.source Owner view
+     * @param {string} params.event.clipboardData The clipboardData about to be pasted
+     * @param {Scheduler.util.TimelineContext} params.event.targetCell The cell from which the paste will be started
+     */
+    (e: 'beforePasteTimelineCells', params: ((event: { source: ResourceUtilization, clipboardData: string, targetCell: TimelineContext }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires on the owning Grid before export started. Return `false` to cancel the export.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {object} params.event.config Export config
+     */
+    (e: 'beforePdfExport', params: ((event: { config: object }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fired before the [viewPreset](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/mixin/TimelineViewPresets#config-viewPreset) is changed.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source This Scheduler instance.
+     * @param {Date} params.event.startDate The new start date of the timeline.
+     * @param {Date} params.event.endDate The new end date of the timeline.
+     * @param {Scheduler.preset.ViewPreset} params.event.from The outgoing ViewPreset.
+     * @param {Scheduler.preset.ViewPreset} params.event.to The ViewPreset being switched to.
+     */
+    (e: 'beforePresetChange', params: ((event: { source: Scheduler, startDate: Date, endDate: Date, from: ViewPreset, to: ViewPreset }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires before the component renders a row.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#event-beforeRenderHistogramRow)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.TimelineHistogram} params.event.source The component instance
+     * @param {Core.data.Model} params.event.record Record the histogram data of which is ready.
+     * @param {HistogramConfig} params.event.histogramConfig Configuration object that will be applied to `histogramWidget`.
+     * @param {Core.widget.graph.Histogram} params.event.histogramWidget The underlying widget that is used to render a chart.
+     */
+    (e: 'beforeRenderHistogramRow', params: ((event: { source: TimelineHistogram, record: Model, histogramConfig: HistogramConfig, histogramWidget: Histogram }) => void)|string): void
+    /**
+     * Fires before the component renders a histogram in a cell.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.TimelineHistogram} params.event.source The component instance
+     * @param {Core.data.Model} params.event.record Record the histogram data of which is ready.
+     * @param {HistogramConfig} params.event.histogramConfig Configuration object that will be applied to `histogramWidget`.
+     * @param {Core.widget.graph.Histogram} params.event.histogramWidget The underlying widget that is used to render a chart.
+     */
+    (e: 'beforeRenderRecordHistogram', params: ((event: { source: TimelineHistogram, record: Model, histogramConfig: HistogramConfig, histogramWidget: Histogram }) => void)|string): void
+    /**
+     * Fires before a row is rendered.
+     * @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.
+     */
+    (e: 'beforeRenderRow', params: ((event: { source: Grid, 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.
+     */
+    (e: 'beforeRenderRows', params: ((event: { source: Grid }) => void)|string): void
+    /**
+     * This event fires before row collapse is started.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#event-beforeRowCollapse)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.data.Model} params.event.record Record
+     */
+    (e: 'beforeRowCollapse', params: ((event: { record: Model }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * This event fires before row expand is started.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#event-beforeRowExpand)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.data.Model} params.event.record Record
+     */
+    (e: 'beforeRowExpand', params: ((event: { record: Model }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires before the selection changes. Returning `false` from a listener prevents the change
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {string} params.event.action `'select'`/`'deselect'`
+     * @param {'row','cell'} params.event.mode `'row'`/`'cell'`
+     * @param {Grid.view.Grid} params.event.source
+     * @param {Core.data.Model[]} params.event.deselected The records to be deselected in this operation.
+     * @param {Core.data.Model[]} params.event.selected The records to be selected in this operation.
+     * @param {Core.data.Model[]} params.event.selection The records in the current selection, before applying `selected` and `deselected`
+     * @param {Grid.util.GridLocation[]} params.event.deselectedCells The cells to be deselected in this operation.
+     * @param {Grid.util.GridLocation[]} params.event.selectedCells The cells to be selected in this operation.
+     * @param {Grid.util.GridLocation[]} params.event.cellSelection The cells in the current selection, before applying `selectedCells` and `deselectedCells`
+     */
+    (e: 'beforeSelectionChange', params: ((event: { action: string, mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fired before this container will load record values into its child fields. This is useful if you
+     * want to modify the UI before data is loaded (e.g. set some input field to be readonly)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Container} params.event.source The container
+     * @param {Core.data.Model} params.event.record The record
+     */
+    (e: 'beforeSetRecord', params: ((event: { source: Container, record: Model }) => void)|string): void
+    /**
+     * Triggered before a widget is shown. Return `false` to prevent the action.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Widget,any} params.event.source The widget being shown
+     */
+    (e: 'beforeShow', params: ((event: { source: Widget|any }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires on the owning Grid before editing starts, return `false` to prevent editing
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.source Owner grid
+     * @param {RowEditorContext} params.event.editorContext Editing context
+     */
+    (e: 'beforeStartRowEdit', params: ((event: { source: Grid, editorContext: RowEditorContext }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fired before state is applied to the source. Allows editing the state object or preventing the operation.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {GridStateInfo} params.event.state State object config
+     */
+    (e: 'beforeStateApply', params: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fired before state is saved by the StateProvider. Allows editing the state object or preventing the operation.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {GridStateInfo} params.event.state State object config
+     */
+    (e: 'beforeStateSave', params: ((event: { state: GridStateInfo }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fired when a group is going to be expanded or collapsed using the UI.
+     * Returning `false` from a listener prevents the operation
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.data.Model} params.event.groupRecord [DEPRECATED] Use `groupRecords` param instead
+     * @param {Core.data.Model[]} params.event.groupRecords The group records being toggled
+     * @param {boolean} params.event.collapse Collapsed (true) or expanded (false)
+     * @param {Event} params.event.domEvent The user interaction event (eg a `click` event) if the toggle request was instigated by user interaction.
+     */
+    (e: 'beforeToggleGroup', params: ((event: { groupRecord: Model, groupRecords: Model[], collapse: boolean, domEvent: Event }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fired before a parent node record toggles its collapsed state.
+     * @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 {Core.data.Model} params.event.record The record being toggled.
+     * @param {boolean} params.event.collapse `true` if the node is being collapsed.
+     */
+    (e: 'beforeToggleNode', params: ((event: { source: Grid, record: Model, collapse: boolean }) => void)|string): void
+    /**
+     * Fires on the owning Grid when editing is cancelled
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.source Owner grid
+     * @param {Grid.util.GridLocation} params.event.editorContext Editing context
+     * @param {Event} params.event.event Included if the cancellation was triggered by a DOM event
+     */
+    (e: 'cancelCellEdit', params: ((event: { source: Grid, editorContext: GridLocation, event: Event }) => void)|string): void
+    /**
+     * Fires when any other event is fired from the object.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#event-catchAll)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {{[key: string]: any, type: string}} params.event.event The Object that contains event details
+     * @param {string} params.event.event.type The type of the event which is caught by the listener
+     */
+    (e: 'catchAll', params: ((event: {[key: string]: any, type: string}) => void)|string): void
+    /**
+     * Fired when user clicks in a grid cell
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.grid The grid instance
+     * @param {Core.data.Model} params.event.record The record representing the row
+     * @param {Grid.column.Column} params.event.column The column to which the cell belongs
+     * @param {HTMLElement} params.event.cellElement The cell HTML element
+     * @param {HTMLElement} params.event.target The target element
+     * @param {MouseEvent} params.event.event The native DOM event
+     */
+    (e: 'cellClick', params: ((event: { grid: Grid, record: Model, column: Column, cellElement: HTMLElement, target: HTMLElement, event: MouseEvent }) => void)|string): void
+    /**
+     * Fired when user activates contextmenu in a grid cell
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.grid The grid instance
+     * @param {Core.data.Model} params.event.record The record representing the row
+     * @param {Grid.column.Column} params.event.column The column to which the cell belongs
+     * @param {HTMLElement} params.event.cellElement The cell HTML element
+     * @param {HTMLElement} params.event.target The target element
+     * @param {MouseEvent} params.event.event The native DOM event
+     */
+    (e: 'cellContextMenu', params: ((event: { grid: Grid, record: Model, column: Column, cellElement: HTMLElement, target: HTMLElement, event: MouseEvent }) => void)|string): void
+    /**
+     * Fired when user double clicks a grid cell
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.grid The grid instance
+     * @param {Core.data.Model} params.event.record The record representing the row
+     * @param {Grid.column.Column} params.event.column The column to which the cell belongs
+     * @param {HTMLElement} params.event.cellElement The cell HTML element
+     * @param {HTMLElement} params.event.target The target element
+     * @param {MouseEvent} params.event.event The native DOM event
+     */
+    (e: 'cellDblClick', params: ((event: { grid: Grid, record: Model, column: Column, cellElement: HTMLElement, target: HTMLElement, event: MouseEvent }) => void)|string): void
+    /**
+     * This event fires on the owning grid before the context menu is shown for a cell.
+     * Allows manipulation of the items to show in the same way as in the [processItems](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/CellMenu#config-processItems).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#event-cellMenuBeforeShow)
+     * @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
+     * @param {Core.widget.Menu} params.event.menu The menu
+     * @param {Record<string, MenuItemEntry>} params.event.items Menu item configs
+     * @param {Grid.column.Column} params.event.column Column
+     * @param {Core.data.Model} params.event.record Record
+     */
+    (e: 'cellMenuBeforeShow', params: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column, record: Model }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * This event fires on the owning grid when an item is selected in the cell context menu.
+     * @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
+     * @param {Core.widget.Menu} params.event.menu The menu
+     * @param {Core.widget.MenuItem} params.event.item Selected menu item
+     * @param {Grid.column.Column} params.event.column Column
+     * @param {Core.data.Model} params.event.record Record
+     */
+    (e: 'cellMenuItem', params: ((event: { source: Grid, menu: Menu, item: MenuItem, column: Column, record: Model }) => void)|string): void
+    /**
+     * This event fires on the owning grid after the context menu is shown for a cell.
+     * @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
+     * @param {Core.widget.Menu} params.event.menu The menu
+     * @param {Record<string, MenuItemEntry>} params.event.items Menu item configs
+     * @param {Grid.column.Column} params.event.column Column
+     * @param {Core.data.Model} params.event.record Record
+     */
+    (e: 'cellMenuShow', params: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column, record: Model }) => void)|string): void
+    /**
+     * This event fires on the owning grid when a check item is toggled in the cell context menu.
+     * @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
+     * @param {Core.widget.Menu} params.event.menu The menu
+     * @param {Core.widget.MenuItem} params.event.item Selected menu item
+     * @param {Grid.column.Column} params.event.column Column
+     * @param {Core.data.Model} params.event.record Record
+     * @param {boolean} params.event.checked Checked or not
+     */
+    (e: 'cellMenuToggleItem', params: ((event: { source: Grid, menu: Menu, item: MenuItem, column: Column, record: Model, checked: boolean }) => void)|string): void
+    /**
+     * Fired when the mouse enters a cell
+     * @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 {Core.data.Model} params.event.record The record representing the hovered cell
+     * @param {Grid.column.Column} params.event.column The column currently hovered
+     * @param {HTMLElement} params.event.cellElement The cell HTML element
+     * @param {MouseEvent} params.event.event The native DOM event
+     */
+    (e: 'cellMouseEnter', params: ((event: { source: Grid, record: Model, column: Column, cellElement: HTMLElement, event: MouseEvent }) => void)|string): void
+    /**
+     * Fired when the mouse leaves a cell
+     * @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 {Core.data.Model} params.event.record The record representing the cell that the mouse left
+     * @param {Grid.column.Column} params.event.column The column representing the cell that the mouse left
+     * @param {HTMLElement} params.event.cellElement The cell HTML element that the mouse left
+     * @param {MouseEvent} params.event.event The native DOM event
+     */
+    (e: 'cellMouseLeave', params: ((event: { source: Grid, record: Model, column: Column, cellElement: HTMLElement, event: MouseEvent }) => void)|string): void
+    /**
+     * Fired when a user moves the mouse out of a grid cell
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.grid The grid instance
+     * @param {Core.data.Model} params.event.record The record representing the row
+     * @param {Grid.column.Column} params.event.column The column to which the cell belongs
+     * @param {HTMLElement} params.event.cellElement The cell HTML element
+     * @param {HTMLElement} params.event.target The target element
+     * @param {MouseEvent} params.event.event The native DOM event
+     */
+    (e: 'cellMouseOut', params: ((event: { grid: Grid, record: Model, column: Column, cellElement: HTMLElement, target: HTMLElement, event: MouseEvent }) => void)|string): void
+    /**
+     * Fired when user moves the mouse over a grid cell
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.grid The grid instance
+     * @param {Core.data.Model} params.event.record The record representing the row
+     * @param {Grid.column.Column} params.event.column The column to which the cell belongs
+     * @param {HTMLElement} params.event.cellElement The cell HTML element
+     * @param {HTMLElement} params.event.target The target element
+     * @param {MouseEvent} params.event.event The native DOM event
+     */
+    (e: 'cellMouseOver', params: ((event: { grid: Grid, record: Model, column: Column, cellElement: HTMLElement, target: HTMLElement, event: MouseEvent }) => void)|string): void
+    /**
+     * Fires when a Panel is collapsed using the [collapsible](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Panel#config-collapsible) setting.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Panel} params.event.source This Panel.
+     */
+    (e: 'collapse', params: ((event: { source: Panel }) => void)|string): void
+    /**
+     * Fired before a parent node record is collapsed.
+     * @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 {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 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.
+     * @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 {Grid.column.Column} params.event.column The dragged column.
+     * @param {Grid.column.Column} params.event.insertBefore The column before which the dragged column will be inserted (if not last).
+     * @param {Event} params.event.event The browser event.
+     * @param {object} params.event.context
+     * @param {boolean} params.event.context.valid Set this to `true` or `false` to indicate whether the drop position is valid.
+     */
+    (e: 'columnDrag', params: ((event: { source: Grid, column: Column, insertBefore: Column, event: Event, context: { valid: boolean } }) => void)|string): void
+    /**
+     * This event is fired when a column drag gesture has started.
+     * @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 {Grid.column.Column} params.event.column The dragged column.
+     * @param {Event} params.event.event The browser event.
+     */
+    (e: 'columnDragStart', params: ((event: { source: Grid, column: Column, event: Event }) => void)|string): void
+    /**
+     * This event is always fired after a column is dropped. The `valid` param is `true` if the operation was not
+     * vetoed and the column was moved in the column store.
+     * @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 {Grid.column.Column} params.event.column The dragged column.
+     * @param {Grid.column.Column} params.event.insertBefore The column before which the dragged column will be inserted.
+     * @param {Grid.column.Column} params.event.newParent The new parent column.
+     * @param {boolean} params.event.valid `true` if the operation was not vetoed.
+     * @param {Event} params.event.event The browser event.
+     * @param {string} params.event.region The region where the column was dropped.
+     */
+    (e: 'columnDrop', params: ((event: { source: Grid, column: Column, insertBefore: Column, newParent: Column, valid: boolean, event: Event, region: string }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * This event is fired after a resize gesture is completed.
+     * @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 {Grid.column.Column} params.event.column The resized column
+     * @param {Event} params.event.domEvent The browser event
+     */
+    (e: 'columnResize', params: ((event: { source: Grid, column: Column, domEvent: Event }) => void)|string): void
+    /**
+     * This event is fired when a column resize gesture starts.
+     * @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 {Grid.column.Column} params.event.column The column
+     * @param {Event} params.event.domEvent The browser event
+     */
+    (e: 'columnResizeStart', params: ((event: { source: Grid, column: Column, domEvent: Event }) => void)|string): void
+    /**
+     * This event fires on the owning widget when an item is selected in the context menu.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Widget} params.event.source The owning widget
+     * @param {Core.widget.Menu} params.event.menu The menu
+     * @param {Core.widget.MenuItem} params.event.item Selected menu item
+     */
+    (e: 'contextMenuItem', params: ((event: { source: Widget, menu: Menu, item: MenuItem }) => void)|string): void
+    /**
+     * This event fires on the owning widget when a check item is toggled in the context menu.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Widget} params.event.source The owning widget
+     * @param {Core.widget.Menu} params.event.menu The menu
+     * @param {Core.widget.MenuItem} params.event.item Selected menu item
+     * @param {boolean} params.event.checked Checked or not
+     */
+    (e: 'contextMenuToggleItem', params: ((event: { source: Widget, menu: Menu, item: MenuItem, checked: boolean }) => void)|string): void
+    /**
+     * Fires on the owning Grid after a copy action is performed.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.source Owner grid
+     * @param {Grid.util.GridLocation[]} params.event.cells The cells about to be copied or cut
+     * @param {string} params.event.copiedDataString The concatenated data string that was copied or cut
+     * @param {boolean} params.event.isCut `true` if this was a cut action
+     * @param {string} params.event.entityName 'cell' to distinguish this event from other copy events
+     */
+    (e: 'copy', params: ((event: { source: Grid, cells: GridLocation[], copiedDataString: string, isCut: boolean, entityName: string }) => void)|string): void
+    /**
+     * Fires on the owning view after a copy action is performed.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {SchedulerPro.view.ResourceUtilization} params.event.source Owner view
+     * @param {Scheduler.util.TimelineContext[]} params.event.cells The cells about to be copied or cut
+     * @param {string} params.event.copiedDataString The concatenated data string that was copied or cut
+     * @param {boolean} params.event.isCut `true` if this was a cut action
+     */
+    (e: 'copyTimelineCells', params: ((event: { source: ResourceUtilization, cells: TimelineContext[], copiedDataString: string, isCut: boolean }) => void)|string): void
+    /**
+     * Fires on the owning Scheduler/Gantt when the line indicating the current time is updated (see [currentTimeLineUpdateInterval](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/TimeRanges#config-currentTimeLineUpdateInterval)).
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source The scheduler
+     * @param {Date} params.event.date The current date
+     */
+    (e: 'currentTimelineUpdate', params: ((event: { source: Scheduler, date: Date }) => void)|string): void
+    /**
+     * Fired when data in the store changes.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#event-dataChange)
+     * @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 {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
+    /**
+     * Fired when the range of dates encapsulated by the UI changes. This will be when
+     * moving a view in time by reconfiguring its [timeAxis](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/TimelineBase#config-timeAxis). This will happen
+     * when zooming, or changing [viewPreset](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/TimelineBase#config-viewPreset).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#event-dateRangeChange)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.TimelineBase} params.event.source This Scheduler/Gantt instance.
+     * @param {object} params.event.old The old date range
+     * @param {Date} params.event.old.startDate the old start date.
+     * @param {Date} params.event.old.endDate the old end date.
+     * @param {object} params.event.new The new date range
+     * @param {Date} params.event.new.startDate the new start date.
+     * @param {Date} params.event.new.endDate the new end date.
+     */
+    (e: 'dateRangeChange', params: ((event: { source: TimelineBase, old: { startDate: Date, endDate: Date }, new: { startDate: Date, endDate: Date } }) => void)|string): void
+    /**
+     * Fires when an object is destroyed.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.Base} params.event.source The Object that is being destroyed.
+     */
+    (e: 'destroy', params: ((event: { source: Base }) => void)|string): void
+    /**
+     * Fires when a field is mutated and the state of the [hasChanges](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Container#property-hasChanges) property changes
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Container} params.event.source The container.
+     * @param {boolean} params.event.dirty The dirty state of the Container - `true` if there are any fields which have been changed since initial load.
+     */
+    (e: 'dirtyStateChange', params: ((event: { source: Container, dirty: boolean }) => void)|string): void
+    /**
+     * Fires while drag selecting. UI will update with current range, but the cells will not be selected until
+     * mouse up. This event can be listened for to perform actions while drag selecting.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.source
+     * @param {GridLocationConfig[],Grid.util.GridLocation[]} params.event.selectedCells The cells that is currently being dragged over
+     * @param {Core.data.Model[]} params.event.selectedRecords The records that is currently being dragged over
+     */
+    (e: 'dragSelecting', params: ((event: { source: Grid, selectedCells: GridLocationConfig[]|GridLocation[], selectedRecords: Model[] }) => void)|string): void
+    /**
+     * Triggered when a widget's [element](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Widget#property-element) is available.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {HTMLElement} params.event.element The Widget's element.
+     */
+    (e: 'elementCreated', params: ((event: { element: HTMLElement }) => void)|string): void
+    /**
+     * Fires when a Panel is expanded using the [collapsible](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Panel#config-collapsible) setting.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Panel} params.event.source This Panel.
+     */
+    (e: 'expand', params: ((event: { source: Panel }) => void)|string): void
+    /**
+     * Fired after a parent node record 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 {Core.data.Model} params.event.record The record which has been expanded.
+     */
+    (e: 'expandNode', params: ((event: { source: Grid, record: Model }) => void)|string): void
+    /**
+     * Fired when a file is dropped on the widget element
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.source The owning Grid instance
+     * @param {DataTransferItem} params.event.file The dropped file descriptor
+     * @param {DragEvent} params.event.domEvent The native DragEvent
+     */
+    (e: 'fileDrop', params: ((event: { source: Grid, file: DataTransferItem, domEvent: DragEvent }) => void)|string): void
+    /**
+     * Fired before the FillHandle dragging is finalized and values are applied to cells, return `false` to prevent the
+     * drag operation from applying data changes.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.util.GridLocation} params.event.from The from cell
+     * @param {Grid.util.GridLocation} params.event.to The to cell
+     * @param {MouseEvent} params.event.domEvent The raw DOM event
+     */
+    (e: 'fillHandleBeforeDragFinalize', params: ((event: { from: GridLocation, to: GridLocation, domEvent: MouseEvent }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fired while dragging the FillHandle.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.util.GridLocation} params.event.from The from cell
+     * @param {Grid.util.GridLocation} params.event.to The to cell
+     * @param {MouseEvent} params.event.domEvent The raw DOM event
+     */
+    (e: 'fillHandleDrag', params: ((event: { from: GridLocation, to: GridLocation, domEvent: MouseEvent }) => void)|string): void
+    /**
+     * Fired when a FillHandle drag operation is aborted.
+     */
+    (e: 'fillHandleDragAbort', params: (() => void)|string): void
+    /**
+     * Fired after a FillHandle drag operation.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.util.GridLocation} params.event.from The from cell
+     * @param {Grid.util.GridLocation} params.event.to The to cell
+     * @param {MouseEvent} params.event.domEvent The raw DOM event
+     */
+    (e: 'fillHandleDragEnd', params: ((event: { from: GridLocation, to: GridLocation, domEvent: MouseEvent }) => void)|string): void
+    /**
+     * Fired when dragging of the FillHandle starts.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.util.GridLocation} params.event.cell Information about the column / record
+     * @param {MouseEvent} params.event.domEvent The raw DOM event
+     */
+    (e: 'fillHandleDragStart', params: ((event: { cell: GridLocation, domEvent: MouseEvent }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires on the owning Grid when cell editing is finished
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.grid Target grid
+     * @param {CellEditorContext} params.event.editorContext Editing context
+     */
+    (e: 'finishCellEdit', params: ((event: { grid: Grid, editorContext: CellEditorContext }) => void)|string): void
+    /**
+     * Fires on the owning Grid before the row editing is finished, return false to signal that the value is invalid and editing should not be finalized.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#event-finishRowEdit)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.grid Target grid
+     * @param {RowEditorContext} params.event.editorContext Editing context
+     */
+    (e: 'finishRowEdit', params: ((event: { grid: Grid, editorContext: RowEditorContext }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fired when focus enters this Widget.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Widget} params.event.source This Widget
+     * @param {HTMLElement} params.event.fromElement The element which lost focus.
+     * @param {HTMLElement} params.event.toElement The element which gained focus.
+     * @param {Core.widget.Widget} params.event.fromWidget The widget which lost focus.
+     * @param {Core.widget.Widget} params.event.toWidget The widget which gained focus.
+     * @param {boolean} params.event.backwards `true` if the `toElement` is before the `fromElement` in document order.
+     */
+    (e: 'focusIn', params: ((event: { source: Widget, fromElement: HTMLElement, toElement: HTMLElement, fromWidget: Widget, toWidget: Widget, backwards: boolean }) => void)|string): void
+    /**
+     * Fired when focus exits this Widget's ownership tree. This is different from a `blur` event.
+     * focus moving from within this Widget's ownership tree, even if there are floating widgets
+     * will not trigger this event. This is when focus exits this widget completely.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Widget} params.event.source This Widget
+     * @param {HTMLElement} params.event.fromElement The element which lost focus.
+     * @param {HTMLElement} params.event.toElement The element which gained focus.
+     * @param {Core.widget.Widget} params.event.fromWidget The widget which lost focus.
+     * @param {Core.widget.Widget} params.event.toWidget The widget which gained focus.
+     * @param {boolean} params.event.backwards `true` if the `toElement` is before the `fromElement` in document order.
+     */
+    (e: 'focusOut', params: ((event: { source: Widget, fromElement: HTMLElement, toElement: HTMLElement, fromWidget: Widget, toWidget: Widget, backwards: boolean }) => void)|string): void
+    /**
+     * Fired before dragging starts, return false to prevent the drag operation.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.GridBase} params.event.source
+     * @param {object} params.event.context
+     * @param {Core.data.Model[]} params.event.context.records The dragged row records
+     * @param {MouseEvent,TouchEvent} params.event.event
+     */
+    (e: 'gridRowBeforeDragStart', params: ((event: { source: GridBase, context: { records: Model[] }, event: MouseEvent|TouchEvent }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fired before the row drop operation is finalized. You can return false to abort the drop operation, or a
+     * Promise yielding `true` / `false` which allows for asynchronous abort (e.g. first show user a confirmation dialog).
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.GridBase} params.event.source
+     * @param {object} params.event.context
+     * @param {boolean} params.event.context.valid Set this to true or false to indicate whether the drop position is valid
+     * @param {Core.data.Model} params.event.context.insertBefore The record to insert before (`null` if inserting at last position of a parent node)
+     * @param {Core.data.Model} params.event.context.parent The parent record of the current drop position (only applicable for trees)
+     * @param {Core.data.Model[]} params.event.context.records The dragged row records
+     * @param {RecordPositionContext[]} params.event.context.oldPositionContext An array of objects with information about the previous tree position. Objects contain the `record`, and its original `parentIndex` and `parentId` values
+     * @param {MouseEvent} params.event.event
+     */
+    (e: 'gridRowBeforeDropFinalize', params: ((event: { source: GridBase, context: { valid: boolean, insertBefore: Model, parent: Model, records: Model[], oldPositionContext: RecordPositionContext[] }, event: MouseEvent }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fired while the row is being dragged, in the listener function you have access to `context.insertBefore` a grid /
+     * tree record, and additionally `context.parent` (a TreeNode) for trees. You can signal that the drop position is
+     * valid or invalid by setting `context.valid = false;`
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.GridBase} params.event.source
+     * @param {object} params.event.context
+     * @param {boolean} params.event.context.valid Set this to true or false to indicate whether the drop position is valid.
+     * @param {Core.data.Model} params.event.context.insertBefore The record to insert before (`null` if inserting at last position of a parent node)
+     * @param {Core.data.Model} params.event.context.parent The parent record of the current drop position (only applicable for trees)
+     * @param {Core.data.Model[]} params.event.context.records The dragged row records
+     * @param {MouseEvent} params.event.event
+     */
+    (e: 'gridRowDrag', params: ((event: { source: GridBase, context: { valid: boolean, insertBefore: Model, parent: Model, records: Model[] }, event: MouseEvent }) => void)|string): void
+    /**
+     * Fired when a row drag operation is aborted
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.GridBase} params.event.source
+     * @param {object} params.event.context
+     * @param {Core.data.Model[]} params.event.context.records The dragged row records
+     * @param {MouseEvent} params.event.event
+     */
+    (e: 'gridRowDragAbort', params: ((event: { source: GridBase, context: { records: Model[] }, event: MouseEvent }) => void)|string): void
+    /**
+     * Fired when dragging starts.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.GridBase} params.event.source
+     * @param {object} params.event.context
+     * @param {Core.data.Model[]} params.event.context.records The dragged row records
+     * @param {MouseEvent,TouchEvent} params.event.event
+     */
+    (e: 'gridRowDragStart', params: ((event: { source: GridBase, context: { records: Model[] }, event: MouseEvent|TouchEvent }) => void)|string): void
+    /**
+     * Fired after the row drop operation has completed, regardless of validity
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.GridBase} params.event.source
+     * @param {object} params.event.context
+     * @param {boolean} params.event.context.valid true or false depending on whether the drop position was valid
+     * @param {Core.data.Model} params.event.context.insertBefore The record to insert before (`null` if inserting at last position of a parent node)
+     * @param {Core.data.Model} params.event.context.parent The parent record of the current drop position (only applicable for trees)
+     * @param {Core.data.Model[]} params.event.context.records The dragged row records
+     * @param {RecordPositionContext[]} params.event.context.oldPositionContext An array of objects with information about the previous tree position. Objects contain the record, and its original `parentIndex` and `parentId` values
+     * @param {MouseEvent} params.event.event
+     */
+    (e: 'gridRowDrop', params: ((event: { source: GridBase, context: { valid: boolean, insertBefore: Model, parent: Model, records: Model[], oldPositionContext: RecordPositionContext[] }, event: MouseEvent }) => void)|string): void
+    /**
+     * Fired when a grid header is clicked on.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#event-headerClick)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Event} params.event.domEvent The triggering DOM event.
+     * @param {Grid.column.Column} params.event.column The column clicked on.
+     */
+    (e: 'headerClick', params: ((event: { domEvent: Event, column: Column }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * This event fires on the owning Grid before the context menu is shown for a header.
+     * Allows manipulation of the items to show in the same way as in the [processItems](https://bryntum.com/products/schedulerpro/docs/api/Grid/feature/HeaderMenu#config-processItems).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#event-headerMenuBeforeShow)
+     * @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
+     * @param {Core.widget.Menu} params.event.menu The menu
+     * @param {Record<string, MenuItemEntry>} params.event.items Menu item configs
+     * @param {Grid.column.Column} params.event.column Column
+     */
+    (e: 'headerMenuBeforeShow', params: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * This event fires on the owning Grid when an item is selected in the header context menu.
+     * @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
+     * @param {Core.widget.Menu} params.event.menu The menu
+     * @param {Core.widget.MenuItem} params.event.item Selected menu item
+     * @param {Grid.column.Column} params.event.column Column
+     */
+    (e: 'headerMenuItem', params: ((event: { source: Grid, menu: Menu, item: MenuItem, column: Column }) => void)|string): void
+    /**
+     * This event fires on the owning Grid after the context menu is shown for a header
+     * @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
+     * @param {Core.widget.Menu} params.event.menu The menu
+     * @param {Record<string, MenuItemEntry>} params.event.items Menu item configs
+     * @param {Grid.column.Column} params.event.column Column
+     */
+    (e: 'headerMenuShow', params: ((event: { source: Grid, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => void)|string): void
+    /**
+     * This event fires on the owning Grid when a check item is toggled in the header context menu.
+     * @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
+     * @param {Core.widget.Menu} params.event.menu The menu
+     * @param {Core.widget.MenuItem} params.event.item Selected menu item
+     * @param {Grid.column.Column} params.event.column Column
+     * @param {boolean} params.event.checked Checked or not
+     */
+    (e: 'headerMenuToggleItem', params: ((event: { source: Grid, menu: Menu, item: MenuItem, column: Column, checked: boolean }) => void)|string): void
+    /**
+     * Triggered after a widget was hidden
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Widget} params.event.source The widget
+     */
+    (e: 'hide', params: ((event: { source: Widget }) => void)|string): void
+    /**
+     * Fires after the component retrieves a record's histogram data and stores
+     * it into the cache.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#event-histogramDataCacheSet)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.TimelineHistogram} params.event.source The component instance
+     * @param {Core.data.Model} params.event.record Record the histogram data of which is ready.
+     * @param {object} params.event.data The record histogram data.
+     */
+    (e: 'histogramDataCacheSet', params: ((event: { source: TimelineHistogram, record: Model, data: object }) => void)|string): void
+    /**
+     * Fires when row locking is enabled.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.GridBase} params.event.clone The created clone
+     */
+    (e: 'lockRows', params: ((event: { clone: GridBase }) => void)|string): void
+    /**
+     * Mouse moved out from element in grid
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {MouseEvent} params.event.event The native browser event
+     */
+    (e: 'mouseOut', params: ((event: { event: MouseEvent }) => void)|string): void
+    /**
+     * Mouse moved in over element in grid
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {MouseEvent} params.event.event The native browser event
+     */
+    (e: 'mouseOver', params: ((event: { event: MouseEvent }) => void)|string): void
+    /**
+     * Fires when the requested date range cannot fit into any zoom level higher than the current level.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {number} params.event.currentZoomLevel The current zoom level
+     * @param {Date} params.event.startDate The requested start date
+     * @param {Date} params.event.endDate The requested end date
+     */
+    (e: 'noZoomChange', params: ((event: { currentZoomLevel: number, startDate: Date, endDate: Date }) => void)|string): void
+    /**
+     * Triggered when a widget which had been in a non-visible state for any reason
+     * achieves visibility.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#event-paint)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Widget} params.event.source The widget being painted.
+     * @param {boolean} params.event.firstPaint `true` if this is the first paint.
+     */
+    (e: 'paint', params: ((event: { source: Widget, firstPaint: boolean }) => void)|string): void
+    /**
+     * Fires on the owning Grid after a paste action is performed.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.source Owner grid
+     * @param {string} params.event.clipboardData The clipboardData that was pasted
+     * @param {Core.data.Model[]} params.event.modifiedRecords The records which have been modified due to the paste action
+     * @param {Grid.util.GridLocation} params.event.targetCell The cell from which the paste will be started
+     * @param {string} params.event.entityName 'cell' to distinguish this event from other paste events
+     */
+    (e: 'paste', params: ((event: { source: Grid, clipboardData: string, modifiedRecords: Model[], targetCell: GridLocation, entityName: string }) => void)|string): void
+    /**
+     * Fires on the owning view after a paste action is performed.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {SchedulerPro.view.ResourceUtilization} params.event.source Owner view
+     * @param {string} params.event.clipboardData The clipboardData that was pasted
+     * @param {Core.data.Model[]} params.event.modifiedRecords The records which have been modified due to the paste action
+     * @param {Scheduler.util.TimelineContext} params.event.targetCell The cell from which the paste will be started
+     */
+    (e: 'pasteTimelineCells', params: ((event: { source: ResourceUtilization, clipboardData: string, modifiedRecords: Model[], targetCell: TimelineContext }) => void)|string): void
+    /**
+     * Fires on the owning Grid when export has finished
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @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
+    /**
+     * Fired after the [viewPreset](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/mixin/TimelineViewPresets#config-viewPreset) has changed.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source This Scheduler instance.
+     * @param {Date} params.event.startDate The new start date of the timeline.
+     * @param {Date} params.event.centerDate The new center date of the timeline.
+     * @param {Date} params.event.endDate The new end date of the timeline.
+     * @param {Scheduler.preset.ViewPreset} params.event.from The outgoing ViewPreset.
+     * @param {Scheduler.preset.ViewPreset} params.event.to The ViewPreset being switched to.
+     */
+    (e: 'presetChange', params: ((event: { source: Scheduler, startDate: Date, centerDate: Date, endDate: Date, from: ViewPreset, to: ViewPreset }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fired when a Widget's read only state is toggled
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {boolean} params.event.readOnly Read only or not
+     */
+    (e: 'readOnly', params: ((event: { readOnly: boolean }) => void)|string): void
+    /**
+     * This event is fired after a widget's elements have been synchronized due to a direct or indirect call
+     * to [recompose](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Widget#function-recompose), if this results in some change to the widget's rendered DOM elements.
+     */
+    (e: 'recompose', params: (() => void)|string): void
+    /**
+     * Fires after a row is rendered.
+     * @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.
+     */
+    (e: 'renderRow', params: ((event: { source: Grid, 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.
+     */
+    (e: 'renderRows', params: ((event: { source: Grid }) => 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
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Widget} params.event.source This Widget
+     * @param {number} params.event.width The new width
+     * @param {number} params.event.height The new height
+     * @param {number} params.event.oldWidth The old width
+     * @param {number} params.event.oldHeight The old height
+     */
+    (e: 'resize', params: ((event: { source: Widget, width: number, height: number, oldWidth: number, oldHeight: number }) => void)|string): void
+    /**
+     * This event fires on the owning scheduler before the context menu is shown for a resource.
+     * Allows manipulation of the items to show in the same way as in the [processItems](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/ResourceMenu#config-processItems).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#event-resourceMenuBeforeShow)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source The grid
+     * @param {Core.widget.Menu} params.event.menu The menu
+     * @param {Record<string, MenuItemEntry>} params.event.items Menu item configs
+     * @param {Grid.column.Column} params.event.column Column
+     * @param {Scheduler.model.SchedulerResourceModel} params.event.resourceRecord Record
+     */
+    (e: 'resourceMenuBeforeShow', params: ((event: { source: Scheduler, menu: Menu, items: Record<string, MenuItemEntry>, column: Column, resourceRecord: SchedulerResourceModel }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * This event fires on the owning scheduler when an item is selected in the context menu.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source The grid
+     * @param {Core.widget.Menu} params.event.menu The menu
+     * @param {Core.widget.MenuItem} params.event.item Selected menu item
+     * @param {Scheduler.model.SchedulerResourceModel} params.event.record Record
+     */
+    (e: 'resourceMenuItem', params: ((event: { source: Scheduler, menu: Menu, item: MenuItem, record: SchedulerResourceModel }) => void)|string): void
+    /**
+     * This event fires on the owning scheduler after the context menu is shown for a resource.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source The grid
+     * @param {Core.widget.Menu} params.event.menu The menu
+     * @param {Record<string, MenuItemEntry>} params.event.items Menu item configs
+     * @param {Scheduler.model.SchedulerResourceModel} params.event.record Record
+     */
+    (e: 'resourceMenuShow', params: ((event: { source: Scheduler, menu: Menu, items: Record<string, MenuItemEntry>, record: SchedulerResourceModel }) => void)|string): void
+    /**
+     * This event fires on the owning grid when a check item is toggled in the context menu.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source The grid
+     * @param {Core.widget.Menu} params.event.menu The menu
+     * @param {Core.widget.MenuItem} params.event.item Selected menu item
+     * @param {Scheduler.model.SchedulerResourceModel} params.event.resourceRecord Record
+     * @param {boolean} params.event.checked Checked or not
+     */
+    (e: 'resourceMenuToggleItem', params: ((event: { source: Scheduler, menu: Menu, item: MenuItem, resourceRecord: SchedulerResourceModel, checked: boolean }) => void)|string): void
+    /**
+     * Triggered for click on a resource nonworking time range. Only triggered if the ResourceNonWorkingTime feature is configured with
+     * `enableMouseEvents: true`.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {SchedulerPro.view.SchedulerPro} params.event.source This Scheduler
+     * @param {SchedulerPro.feature.ResourceNonWorkingTime} params.event.feature The ResourceNonWorkingTime feature
+     * @param {Scheduler.model.ResourceTimeRangeModel} params.event.resourceTimeRangeRecord Resource time range record
+     * @param {Scheduler.model.SchedulerResourceModel} params.event.resourceRecord Resource record
+     * @param {MouseEvent} params.event.domEvent Browser event
+     */
+    (e: 'resourceNonWorkingTimeClick', params: ((event: { source: SchedulerPro, feature: ResourceNonWorkingTime, resourceTimeRangeRecord: ResourceTimeRangeModel, resourceRecord: SchedulerResourceModel, domEvent: MouseEvent }) => void)|string): void
+    /**
+     * Triggered for right-click on a resource nonworking time range. Only triggered if the ResourceNonWorkingTime feature is configured
+     * with `enableMouseEvents: true`.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {SchedulerPro.view.SchedulerPro} params.event.source This Scheduler
+     * @param {SchedulerPro.feature.ResourceNonWorkingTime} params.event.feature The ResourceNonWorkingTime feature
+     * @param {Scheduler.model.ResourceTimeRangeModel} params.event.resourceTimeRangeRecord Resource time range record
+     * @param {Scheduler.model.SchedulerResourceModel} params.event.resourceRecord Resource record
+     * @param {MouseEvent} params.event.domEvent Browser event
+     */
+    (e: 'resourceNonWorkingTimeContextMenu', params: ((event: { source: SchedulerPro, feature: ResourceNonWorkingTime, resourceTimeRangeRecord: ResourceTimeRangeModel, resourceRecord: SchedulerResourceModel, domEvent: MouseEvent }) => void)|string): void
+    /**
+     * Triggered for double-click on a resource nonworking time range. Only triggered if the ResourceNonWorkingTime feature is configured
+     * with `enableMouseEvents: true`.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {SchedulerPro.view.SchedulerPro} params.event.source This Scheduler
+     * @param {SchedulerPro.feature.ResourceNonWorkingTime} params.event.feature The ResourceNonWorkingTime feature
+     * @param {Scheduler.model.ResourceTimeRangeModel} params.event.resourceTimeRangeRecord Resource time range record
+     * @param {Scheduler.model.SchedulerResourceModel} params.event.resourceRecord Resource record
+     * @param {MouseEvent} params.event.domEvent Browser event
+     */
+    (e: 'resourceNonWorkingTimeDblClick', params: ((event: { source: SchedulerPro, feature: ResourceNonWorkingTime, resourceTimeRangeRecord: ResourceTimeRangeModel, resourceRecord: SchedulerResourceModel, domEvent: MouseEvent }) => void)|string): void
+    /**
+     * Triggered for mouse down ona resource nonworking time range. Only triggered if the ResourceNonWorkingTime feature is configured
+     * with `enableMouseEvents: true`.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {SchedulerPro.view.SchedulerPro} params.event.source This Scheduler
+     * @param {SchedulerPro.feature.ResourceNonWorkingTime} params.event.feature The ResourceNonWorkingTime feature
+     * @param {Scheduler.model.ResourceTimeRangeModel} params.event.resourceTimeRangeRecord Resource time range record
+     * @param {Scheduler.model.SchedulerResourceModel} params.event.resourceRecord Resource record
+     * @param {MouseEvent} params.event.domEvent Browser event
+     */
+    (e: 'resourceNonWorkingTimeMouseDown', params: ((event: { source: SchedulerPro, feature: ResourceNonWorkingTime, resourceTimeRangeRecord: ResourceTimeRangeModel, resourceRecord: SchedulerResourceModel, domEvent: MouseEvent }) => void)|string): void
+    /**
+     * Triggered for mouse out of a resource nonworking time range. Only triggered if the ResourceNonWorkingTime feature is configured
+     * with `enableMouseEvents: true`.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {SchedulerPro.view.SchedulerPro} params.event.source This Scheduler
+     * @param {SchedulerPro.feature.ResourceNonWorkingTime} params.event.feature The ResourceNonWorkingTime feature
+     * @param {Scheduler.model.ResourceTimeRangeModel} params.event.resourceTimeRangeRecord Resource time range record
+     * @param {Scheduler.model.SchedulerResourceModel} params.event.resourceRecord Resource record
+     * @param {MouseEvent} params.event.domEvent Browser event
+     */
+    (e: 'resourceNonWorkingTimeMouseOut', params: ((event: { source: SchedulerPro, feature: ResourceNonWorkingTime, resourceTimeRangeRecord: ResourceTimeRangeModel, resourceRecord: SchedulerResourceModel, domEvent: MouseEvent }) => void)|string): void
+    /**
+     * Triggered for mouse over on a resource nonworking time range. Only triggered if the ResourceNonWorkingTime feature is configured
+     * with `enableMouseEvents: true`.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {SchedulerPro.view.SchedulerPro} params.event.source This Scheduler
+     * @param {SchedulerPro.feature.ResourceNonWorkingTime} params.event.feature The ResourceNonWorkingTime feature
+     * @param {Scheduler.model.ResourceTimeRangeModel} params.event.resourceTimeRangeRecord Resource time range record
+     * @param {Scheduler.model.SchedulerResourceModel} params.event.resourceRecord Resource record
+     * @param {MouseEvent} params.event.domEvent Browser event
+     */
+    (e: 'resourceNonWorkingTimeMouseOver', params: ((event: { source: SchedulerPro, feature: ResourceNonWorkingTime, resourceTimeRangeRecord: ResourceTimeRangeModel, resourceRecord: SchedulerResourceModel, domEvent: MouseEvent }) => void)|string): void
+    /**
+     * Triggered for mouse up ona resource nonworking time range. Only triggered if the ResourceNonWorkingTime feature is configured
+     * with `enableMouseEvents: true`.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {SchedulerPro.view.SchedulerPro} params.event.source This Scheduler
+     * @param {SchedulerPro.feature.ResourceNonWorkingTime} params.event.feature The ResourceNonWorkingTime feature
+     * @param {Scheduler.model.ResourceTimeRangeModel} params.event.resourceTimeRangeRecord Resource time range record
+     * @param {Scheduler.model.SchedulerResourceModel} params.event.resourceRecord Resource record
+     * @param {MouseEvent} params.event.domEvent Browser event
+     */
+    (e: 'resourceNonWorkingTimeMouseUp', params: ((event: { source: SchedulerPro, feature: ResourceNonWorkingTime, resourceTimeRangeRecord: ResourceTimeRangeModel, resourceRecord: SchedulerResourceModel, domEvent: MouseEvent }) => void)|string): void
+    /**
+     * Triggered for click on a resource time range. Only triggered if the ResourceTimeRange feature is configured with
+     * `enableMouseEvents: true`.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source This Scheduler
+     * @param {Scheduler.feature.ResourceTimeRanges} params.event.feature The ResourceTimeRange feature
+     * @param {Scheduler.model.ResourceTimeRangeModel} params.event.resourceTimeRangeRecord Resource time range record
+     * @param {Scheduler.model.SchedulerResourceModel} params.event.resourceRecord Resource record
+     * @param {MouseEvent} params.event.domEvent Browser event
+     */
+    (e: 'resourceTimeRangeClick', params: ((event: { source: Scheduler, feature: ResourceTimeRanges, resourceTimeRangeRecord: ResourceTimeRangeModel, resourceRecord: SchedulerResourceModel, domEvent: MouseEvent }) => void)|string): void
+    /**
+     * Triggered for right-click on a resource time range. Only triggered if the ResourceTimeRange feature is configured
+     * with `enableMouseEvents: true`.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source This Scheduler
+     * @param {Scheduler.feature.ResourceTimeRanges} params.event.feature The ResourceTimeRange feature
+     * @param {Scheduler.model.ResourceTimeRangeModel} params.event.resourceTimeRangeRecord Resource time range record
+     * @param {Scheduler.model.SchedulerResourceModel} params.event.resourceRecord Resource record
+     * @param {MouseEvent} params.event.domEvent Browser event
+     */
+    (e: 'resourceTimeRangeContextMenu', params: ((event: { source: Scheduler, feature: ResourceTimeRanges, resourceTimeRangeRecord: ResourceTimeRangeModel, resourceRecord: SchedulerResourceModel, domEvent: MouseEvent }) => void)|string): void
+    /**
+     * Triggered for double-click on a resource time range. Only triggered if the ResourceTimeRange feature is configured
+     * with `enableMouseEvents: true`.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source This Scheduler
+     * @param {Scheduler.feature.ResourceTimeRanges} params.event.feature The ResourceTimeRange feature
+     * @param {Scheduler.model.ResourceTimeRangeModel} params.event.resourceTimeRangeRecord Resource time range record
+     * @param {Scheduler.model.SchedulerResourceModel} params.event.resourceRecord Resource record
+     * @param {MouseEvent} params.event.domEvent Browser event
+     */
+    (e: 'resourceTimeRangeDblClick', params: ((event: { source: Scheduler, feature: ResourceTimeRanges, resourceTimeRangeRecord: ResourceTimeRangeModel, resourceRecord: SchedulerResourceModel, domEvent: MouseEvent }) => void)|string): void
+    /**
+     * Triggered for mouse down ona resource time range. Only triggered if the ResourceTimeRange feature is configured
+     * with `enableMouseEvents: true`.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source This Scheduler
+     * @param {Scheduler.feature.ResourceTimeRanges} params.event.feature The ResourceTimeRange feature
+     * @param {Scheduler.model.ResourceTimeRangeModel} params.event.resourceTimeRangeRecord Resource time range record
+     * @param {Scheduler.model.SchedulerResourceModel} params.event.resourceRecord Resource record
+     * @param {MouseEvent} params.event.domEvent Browser event
+     */
+    (e: 'resourceTimeRangeMouseDown', params: ((event: { source: Scheduler, feature: ResourceTimeRanges, resourceTimeRangeRecord: ResourceTimeRangeModel, resourceRecord: SchedulerResourceModel, domEvent: MouseEvent }) => void)|string): void
+    /**
+     * Triggered for mouse out of a resource time range. Only triggered if the ResourceTimeRange feature is configured
+     * with `enableMouseEvents: true`.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source This Scheduler
+     * @param {Scheduler.feature.ResourceTimeRanges} params.event.feature The ResourceTimeRange feature
+     * @param {Scheduler.model.ResourceTimeRangeModel} params.event.resourceTimeRangeRecord Resource time range record
+     * @param {Scheduler.model.SchedulerResourceModel} params.event.resourceRecord Resource record
+     * @param {MouseEvent} params.event.domEvent Browser event
+     */
+    (e: 'resourceTimeRangeMouseOut', params: ((event: { source: Scheduler, feature: ResourceTimeRanges, resourceTimeRangeRecord: ResourceTimeRangeModel, resourceRecord: SchedulerResourceModel, domEvent: MouseEvent }) => void)|string): void
+    /**
+     * Triggered for mouse over on a resource time range. Only triggered if the ResourceTimeRange feature is configured
+     * with `enableMouseEvents: true`.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source This Scheduler
+     * @param {Scheduler.feature.ResourceTimeRanges} params.event.feature The ResourceTimeRange feature
+     * @param {Scheduler.model.ResourceTimeRangeModel} params.event.resourceTimeRangeRecord Resource time range record
+     * @param {Scheduler.model.SchedulerResourceModel} params.event.resourceRecord Resource record
+     * @param {MouseEvent} params.event.domEvent Browser event
+     */
+    (e: 'resourceTimeRangeMouseOver', params: ((event: { source: Scheduler, feature: ResourceTimeRanges, resourceTimeRangeRecord: ResourceTimeRangeModel, resourceRecord: SchedulerResourceModel, domEvent: MouseEvent }) => void)|string): void
+    /**
+     * Triggered for mouse up ona resource time range. Only triggered if the ResourceTimeRange feature is configured
+     * with `enableMouseEvents: true`.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source This Scheduler
+     * @param {Scheduler.feature.ResourceTimeRanges} params.event.feature The ResourceTimeRange feature
+     * @param {Scheduler.model.ResourceTimeRangeModel} params.event.resourceTimeRangeRecord Resource time range record
+     * @param {Scheduler.model.SchedulerResourceModel} params.event.resourceRecord Resource record
+     * @param {MouseEvent} params.event.domEvent Browser event
+     */
+    (e: 'resourceTimeRangeMouseUp', params: ((event: { source: Scheduler, feature: ResourceTimeRanges, resourceTimeRangeRecord: ResourceTimeRangeModel, resourceRecord: SchedulerResourceModel, domEvent: MouseEvent }) => void)|string): void
+    /**
+     * Grid resize lead to a new responsive level being applied
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.grid Grid that was resized
+     * @param {string} params.event.level New responsive level (small, large, etc)
+     * @param {number} params.event.width New width in px
+     * @param {string} params.event.oldLevel Old responsive level
+     * @param {number} params.event.oldWidth Old width in px
+     */
+    (e: 'responsive', params: ((event: { grid: Grid, level: string, width: number, oldLevel: string, oldWidth: number }) => void)|string): void
+    /**
+     * This event fires when a row has finished collapsing.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.data.Model} params.event.record Record
+     */
+    (e: 'rowCollapse', params: ((event: { record: Model }) => void)|string): void
+    /**
+     * This event fires when a row expand has finished expanding.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#event-rowExpand)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.data.Model} params.event.record Record
+     * @param {object} params.event.expandedElements An object with the Grid region name as property and the expanded body element as value
+     * @param {Core.widget.Widget} params.event.widget In case of expanding a Widget, this will be a reference to the instance created by the actual expansion. If there is multiple Grid regions, use the `widgets` param instead.
+     * @param {object} params.event.widgets In case of expanding a Widget, this will be an object with the Grid region name as property and the reference to the widget instance created by the actual expansion
+     */
+    (e: 'rowExpand', params: ((event: { record: Model, expandedElements: object, widget: Widget, widgets: object }) => void)|string): void
+    /**
+     * Fired when the mouse enters a row
+     * @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 {Core.data.Model} params.event.record The record representing the hovered row
+     * @param {Grid.column.Column} params.event.column The column currently hovered
+     * @param {HTMLElement} params.event.cellElement The cell HTML element
+     * @param {MouseEvent} params.event.event The native DOM event
+     */
+    (e: 'rowMouseEnter', params: ((event: { source: Grid, record: Model, column: Column, cellElement: HTMLElement, event: MouseEvent }) => void)|string): void
+    /**
+     * Fired when the mouse leaves a row
+     * @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 {Core.data.Model} params.event.record The record representing the row that the mouse left
+     * @param {HTMLElement} params.event.cellElement The cell HTML element that the mouse left
+     * @param {MouseEvent} params.event.event The native DOM event
+     */
+    (e: 'rowMouseLeave', params: ((event: { source: Grid, record: Model, cellElement: HTMLElement, event: MouseEvent }) => void)|string): void
+    /**
+     * Grid has scrolled vertically
+     * @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 {number} params.event.scrollTop The vertical scroll position.
+     */
+    (e: 'scroll', params: ((event: { source: Grid, scrollTop: number }) => void)|string): void
+    /**
+     * The selection has been changed.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {'select','deselect'} params.event.action `'select'`/`'deselect'`
+     * @param {'row','cell'} params.event.mode `'row'`/`'cell'`
+     * @param {Grid.view.Grid} params.event.source
+     * @param {Core.data.Model[]} params.event.deselected The records deselected in this operation.
+     * @param {Core.data.Model[]} params.event.selected The records selected in this operation.
+     * @param {Core.data.Model[]} params.event.selection The records in the new selection.
+     * @param {Grid.util.GridLocation[]} params.event.deselectedCells The cells deselected in this operation.
+     * @param {Grid.util.GridLocation[]} params.event.selectedCells The cells selected in this operation.
+     * @param {Grid.util.GridLocation[]} params.event.cellSelection The cells in the new selection.
+     */
+    (e: 'selectionChange', params: ((event: { action: 'select'|'deselect', mode: 'row'|'cell', source: Grid, deselected: Model[], selected: Model[], selection: Model[], deselectedCells: GridLocation[], selectedCells: GridLocation[], cellSelection: GridLocation[] }) => void)|string): void
+    /**
+     * The selectionMode configuration has been changed.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {object} params.event.selectionMode The new [selectionMode](https://bryntum.com/products/schedulerpro/docs/api/Grid/view/mixin/GridSelection#config-selectionMode)
+     */
+    (e: 'selectionModeChange', params: ((event: { selectionMode: object }) => void)|string): void
+    /**
+     * Triggered after a widget is shown.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Widget} params.event.source The widget
+     */
+    (e: 'show', params: ((event: { source: Widget }) => void)|string): void
+    /**
+     * Fires when splitting the Grid.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.GridBase[]} params.event.subViews The sub views created by the split
+     * @param {object} params.event.options The options passed to the split call
+     * @param {'horizontal','vertical','both'} params.event.options.direction The direction of the split
+     * @param {Grid.column.Column} params.event.options.atColumn The column to split at
+     * @param {Core.data.Model} params.event.options.atRecord The record to split at
+     */
+    (e: 'split', params: ((event: { subViews: GridBase[], options: { direction: 'horizontal'|'vertical'|'both', atColumn: Column, atRecord: Model } }) => void)|string): void
+    /**
+     * Fired by the Grid when the collapse icon is clicked. Return `false` to prevent the default collapse action,
+     * if you want to implement your own behavior.
+     * @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 {Grid.view.SubGrid} params.event.subGrid The subgrid
+     * @param {Event} params.event.domEvent The native DOM event
+     */
+    (e: 'splitterCollapseClick', params: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fired by the Grid after a sub-grid has been resized using the splitter
+     * @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 {Grid.view.SubGrid} params.event.subGrid The resized subgrid
+     * @param {Event} params.event.domEvent The native DOM event
+     */
+    (e: 'splitterDragEnd', params: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => void)|string): void
+    /**
+     * Fired by the Grid when a sub-grid resize gesture starts
+     * @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 {Grid.view.SubGrid} params.event.subGrid The subgrid about to be resized
+     * @param {Event} params.event.domEvent The native DOM event
+     */
+    (e: 'splitterDragStart', params: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => void)|string): void
+    /**
+     * Fired by the Grid when the expand icon is clicked. Return `false` to prevent the default expand action,
+     * if you want to implement your own behavior.
+     * @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 {Grid.view.SubGrid} params.event.subGrid The subgrid
+     * @param {Event} params.event.domEvent The native DOM event
+     */
+    (e: 'splitterExpandClick', params: ((event: { source: Grid, subGrid: SubGrid, domEvent: Event }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * Fires on the owning Grid when editing starts
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.source Owner grid
+     * @param {CellEditorContext} params.event.editorContext Editing context
+     */
+    (e: 'startCellEdit', params: ((event: { source: Grid, editorContext: CellEditorContext }) => void)|string): void
+    /**
+     * Fires on the owning Grid when editing starts
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.Grid} params.event.source Owner grid
+     * @param {RowEditorContext} params.event.editorContext Editing context
+     */
+    (e: 'startRowEdit', params: ((event: { source: Grid, editorContext: RowEditorContext }) => void)|string): void
+    /**
+     * Fires after a sub grid is collapsed.
+     * @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.SubGrid} params.event.subGrid The sub grid instance
+     */
+    (e: 'subGridCollapse', params: ((event: { source: Grid, 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.SubGrid} params.event.subGrid The sub grid instance
+     */
+    (e: 'subGridExpand', params: ((event: { source: Grid, subGrid: SubGrid }) => void)|string): void
+    /**
+     * Fired when the tick size changes.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#event-tickSizeChange)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source This Scheduler instance.
+     * @param {number} params.event.tickSize The tick size in pixels
+     */
+    (e: 'tickSizeChange', params: ((event: { source: Scheduler, tickSize: number }) => void)|string): void
+    /**
+     * Fired when the timeaxis has changed, for example by zooming or configuring a new time span.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source This Scheduler
+     * @param {object} params.event.config Config object used to reconfigure the time axis.
+     * @param {Date} params.event.config.startDate New start date (if supplied)
+     * @param {Date} params.event.config.endDate New end date (if supplied)
+     */
+    (e: 'timeAxisChange', params: ((event: { source: Scheduler, config: { startDate: Date, endDate: Date } }) => void)|string): void
+    /**
+     * Fires after a click on a time axis cell
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.column.TimeAxisColumn,Scheduler.column.VerticalTimeAxisColumn} params.event.source The column object
+     * @param {Date} params.event.startDate The start date of the header cell
+     * @param {Date} params.event.endDate The end date of the header cell
+     * @param {Event} params.event.event The event object
+     */
+    (e: 'timeAxisHeaderClick', params: ((event: { source: TimeAxisColumn|VerticalTimeAxisColumn, startDate: Date, endDate: Date, event: Event }) => void)|string): void
+    /**
+     * Fires after a right click on a time axis cell
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.column.TimeAxisColumn,Scheduler.column.VerticalTimeAxisColumn} params.event.source The column object
+     * @param {Date} params.event.startDate The start date of the header cell
+     * @param {Date} params.event.endDate The end date of the header cell
+     * @param {Event} params.event.event The event object
+     */
+    (e: 'timeAxisHeaderContextMenu', params: ((event: { source: TimeAxisColumn|VerticalTimeAxisColumn, startDate: Date, endDate: Date, event: Event }) => void)|string): void
+    /**
+     * Fires after a double click on a time axis cell
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.column.TimeAxisColumn,Scheduler.column.VerticalTimeAxisColumn} params.event.source The column object
+     * @param {Date} params.event.startDate The start date of the header cell
+     * @param {Date} params.event.endDate The end date of the header cell
+     * @param {Event} params.event.event The event object
+     */
+    (e: 'timeAxisHeaderDblClick', params: ((event: { source: TimeAxisColumn|VerticalTimeAxisColumn, startDate: Date, endDate: Date, event: Event }) => void)|string): void
+    /**
+     * This event fires on the owning Scheduler or Gantt widget before the context menu is shown for the time axis header.
+     * Allows manipulation of the items to show in the same way as in the [processItems](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/TimeAxisHeaderMenu#config-processItems).
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#event-timeAxisHeaderMenuBeforeShow)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source The scheduler
+     * @param {Core.widget.Menu} params.event.menu The menu
+     * @param {Record<string, MenuItemEntry>} params.event.items Menu item configs
+     * @param {Grid.column.Column} params.event.column Time axis column
+     */
+    (e: 'timeAxisHeaderMenuBeforeShow', params: ((event: { source: Scheduler, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
+    /**
+     * This event fires on the owning Scheduler or Gantt widget when an item is selected in the header context menu.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source The scheduler
+     * @param {Core.widget.Menu} params.event.menu The menu
+     * @param {Core.widget.MenuItem} params.event.item Selected menu item
+     * @param {Grid.column.Column} params.event.column Time axis column
+     */
+    (e: 'timeAxisHeaderMenuItem', params: ((event: { source: Scheduler, menu: Menu, item: MenuItem, column: Column }) => void)|string): void
+    /**
+     * This event fires on the owning Scheduler or Gantt widget after the context menu is shown for a header
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source The scheduler
+     * @param {Core.widget.Menu} params.event.menu The menu
+     * @param {Record<string, MenuItemEntry>} params.event.items Menu item configs
+     * @param {Grid.column.Column} params.event.column Time axis column
+     */
+    (e: 'timeAxisHeaderMenuShow', params: ((event: { source: Scheduler, menu: Menu, items: Record<string, MenuItemEntry>, column: Column }) => void)|string): void
+    /**
+     * Fired when the pointer-activated [timelineContext](https://bryntum.com/products/schedulerpro/docs/api/Scheduler/view/mixin/TimelineDomEvents#property-timelineContext) has changed.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.util.TimelineContext} params.event.oldContext The tick/resource context being deactivated.
+     * @param {Scheduler.util.TimelineContext} params.event.context The tick/resource context being activated.
+     */
+    (e: 'timelineContextChange', params: ((event: { oldContext: TimelineContext, context: TimelineContext }) => void)|string): void
+    /**
+     * Fired when the *scheduler* viewport (not the overall Scheduler element) changes size.
+     * This happens when the grid changes height, or when the subgrid which encapsulates the
+     * scheduler column changes width.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Widget} params.event.source This Scheduler
+     * @param {number} params.event.width The new width
+     * @param {number} params.event.height The new height
+     * @param {number} params.event.oldWidth The old width
+     * @param {number} params.event.oldHeight The old height
+     */
+    (e: 'timelineViewportResize', params: ((event: { source: Widget, width: number, height: number, oldWidth: number, oldHeight: number }) => void)|string): void
+    /**
+     * Fired on the owning Scheduler or Gantt widget when a click happens on a time range header element
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source Scheduler instance
+     * @param {Scheduler.model.TimeSpan} params.event.timeRangeRecord The record
+     * @param {MouseEvent} params.event.domEvent Browser event
+     */
+    (e: 'timeRangeHeaderClick', params: ((event: { source: Scheduler, timeRangeRecord: TimeSpan, domEvent: MouseEvent }) => void)|string): void
+    /**
+     * Fired on the owning Scheduler or Gantt widget when a right click happens on a time range header element
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source Scheduler instance
+     * @param {Scheduler.model.TimeSpan} params.event.timeRangeRecord The record
+     * @param {MouseEvent} params.event.domEvent Browser event
+     */
+    (e: 'timeRangeHeaderContextMenu', params: ((event: { source: Scheduler, timeRangeRecord: TimeSpan, domEvent: MouseEvent }) => void)|string): void
+    /**
+     * Fired on the owning Scheduler or Gantt widget when a double click happens on a time range header element
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source Scheduler instance
+     * @param {Scheduler.model.TimeSpan} params.event.timeRangeRecord The record
+     * @param {MouseEvent} params.event.domEvent Browser event
+     */
+    (e: 'timeRangeHeaderDblClick', params: ((event: { source: Scheduler, timeRangeRecord: TimeSpan, domEvent: MouseEvent }) => void)|string): void
+    /**
+     * Fired when one or more groups are expanded or collapsed
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.data.Model} params.event.groupRecord [DEPRECATED] Use `groupRecords` param instead
+     * @param {Core.data.Model[]} params.event.groupRecords The group records being toggled
+     * @param {boolean} params.event.collapse Collapsed (true) or expanded (false)
+     * @param {boolean} params.event.allRecords True if this event is part of toggling all groups
+     */
+    (e: 'toggleGroup', params: ((event: { groupRecord: Model, groupRecords: Model[], collapse: boolean, allRecords?: boolean }) => void)|string): void
+    /**
+     * Fired after a parent node record toggles its collapsed state.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.data.Model} params.event.record The record being toggled.
+     * @param {boolean} params.event.collapse `true` if the node is being collapsed.
+     */
+    (e: 'toggleNode', params: ((event: { record: Model, collapse: boolean }) => void)|string): void
+    /**
+     * A header [tool](https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Panel#config-tools) has been clicked.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Core.widget.Tool} params.event.source This Panel.
+     * @param {Core.widget.Tool} params.event.tool The tool which is being clicked.
+     */
+    (e: 'toolClick', params: ((event: { source: Tool, tool: Tool }) => void)|string): void
+    /**
+     * Fires when row locking is disabled.
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Grid.view.GridBase} params.event.clone The locked clone that will be destroyed
+     */
+    (e: 'unlockRows', params: ((event: { clone: GridBase }) => void)|string): void
+    /**
+     * Fires when un-splitting the Grid.
+     */
+    (e: 'unsplit', params: (() => void)|string): void
+    /**
+     * Fired when the range of dates visible within the viewport changes. This will be when
+     * scrolling along a time axis.
+     * ...
+     * [View online docs...](https://bryntum.com/products/schedulerpro/docs/api/SchedulerPro/view/ResourceUtilization#event-visibleDateRangeChange)
+     * @param {string} e Event name
+     * @param {object} params Event parameters
+     * @param {object} params.event Event object
+     * @param {Scheduler.view.Scheduler} params.event.source This Scheduler instance.
+     * @param {object} params.event.old The old date range
+     * @param {Date} params.event.old.startDate the old start date.
+     * @param {Date} params.event.old.endDate the old end date.
+     * @param {object} params.event.new The new date range
+     * @param {Date} params.event.new.startDate the new start date.
+     * @param {Date} params.event.new.endDate the new end date.
+     */
+    (e: 'visibleDateRangeChange', params: ((event: { source: Scheduler, old: { startDate: Date, endDate: Date }, new: { startDate: Date, endDate: Date } }) => void)|string): void
+}>();
+
+const widgetData = {
+    instanceClass : ResourceUtilization,
+    instanceName  : 'ResourceUtilization',
+
+    isView : true,
+    dataStores : {
+        'originalStore': 'originals',
+        'resourceTimeRangeStore': 'resourceTimeRanges',
+        'timeRangeStore': 'timeRanges'
+     },
+    projectStores : false,
+    featureNames : [
+        'aiFilterFeature',
+        'allocationCellEditFeature',
+        'allocationCopyPasteFeature',
+        'cellCopyPasteFeature',
+        'cellEditFeature',
+        'cellMenuFeature',
+        'cellTooltipFeature',
+        'chartsFeature',
+        'columnAutoWidthFeature',
+        'columnDragToolbarFeature',
+        'columnLinesFeature',
+        'columnPickerFeature',
+        'columnRenameFeature',
+        'columnReorderFeature',
+        'columnResizeFeature',
+        'excelExporterFeature',
+        'fileDropFeature',
+        'fillHandleFeature',
+        'filterFeature',
+        'filterBarFeature',
+        'groupFeature',
+        'groupSummaryFeature',
+        'headerMenuFeature',
+        'headerZoomFeature',
+        'lockRowsFeature',
+        'mergeCellsFeature',
+        'nonWorkingTimeFeature',
+        'panFeature',
+        'pdfExportFeature',
+        'pinColumnsFeature',
+        'printFeature',
+        'quickFindFeature',
+        'regionResizeFeature',
+        'resourceMenuFeature',
+        'resourceNonWorkingTimeFeature',
+        'resourceTimeRangesFeature',
+        'rowCopyPasteFeature',
+        'rowEditFeature',
+        'rowExpanderFeature',
+        'rowReorderFeature',
+        'rowResizeFeature',
+        'scheduleTooltipFeature',
+        'searchFeature',
+        'sortFeature',
+        'splitFeature',
+        'stickyCellsFeature',
+        'stripeFeature',
+        'summaryFeature',
+        'timeAxisHeaderMenuFeature',
+        'timeRangesFeature',
+        'timeSpanHighlightFeature',
+        'treeFeature',
+        'treeGroupFeature'
+    ],
+
+    configNames   : [
+        'adopt',
+        'aggregateDataEntry',
+        'aggregateHistogramDataForGroups',
+        'animateFilterRemovals',
+        'animateRemovingRows',
+        'ariaDescription',
+        'ariaLabel',
+        'assignmentFilterFn',
+        'autoAdjustTimeAxis',
+        'autoHeight',
+        'barTextEffortUnit',
+        'barTipEffortUnit',
+        'barTooltipTemplate',
+        'bbar',
+        'bodyCls',
+        'bubbleEvents',
+        'bufferCoef',
+        'bufferThreshold',
+        'collapsible',
+        'color',
+        'config',
+        'contentElementCls',
+        'contextMenuTriggerEvent',
+        'costFormat',
+        'dataField',
+        'dataModelField',
+        'defaultRegion',
+        'defaultResourceImageName',
+        'destroyStore',
+        'destroyStores',
+        'detectCSSCompatibilityIssues',
+        'disableGridColumnIdWarning',
+        'disableGridRowModelWarning',
+        'dock',
+        'drawer',
+        'effortFormat',
+        'effortUnit',
+        'elementAttributes',
+        'enableSticky',
+        'enableTextSelection',
+        'endParamName',
+        'fillLastColumn',
+        'fixedRowHeight',
+        'footer',
+        'formulaProviders',
+        'fullRowRefresh',
+        'getBarClass',
+        'getBarDOMConfig',
+        'getBarText',
+        'getBarTextDOMConfig',
+        'getDataEntryForAggregating',
+        'getOutlineClass',
+        'getOutlineDOMConfig',
+        'getRecordData',
+        'getRowHeight',
+        'hardRefreshOnTimeAxisReconfigure',
+        'header',
+        'hideHorizontalScrollbar',
+        'histogramWidgetClass',
+        'hoverCls',
+        'icon',
+        'ignoreDomEventsWhileScrolling',
+        'ignoreParentReadOnly',
+        'includeInactiveEvents',
+        'initAggregatedDataEntry',
+        'listeners',
+        'loadMask',
+        'loadMaskDefaults',
+        'loadMaskError',
+        'localizable',
+        'managedEventSizing',
+        'maskDefaults',
+        'masked',
+        'maxDate',
+        'maxTimeAxisUnit',
+        'minDate',
+        'monitorResize',
+        'owner',
+        'partner',
+        'passStartEndParameters',
+        'plugins',
+        'preserveFocusOnDatasetChange',
+        'preserveScrollOnDatasetChange',
+        'preventTooltipOnTouch',
+        'relayStoreEvents',
+        'resizable',
+        'resizeToFitIncludesHeader',
+        'resourceImageExtension',
+        'resourceImagePath',
+        'resourceImages',
+        'resourceTimeRangeRenderer',
+        'respectStoreFilters',
+        'responsiveLevels',
+        'ripple',
+        'rootElement',
+        'scaleColumn',
+        'scrollerClass',
+        'scrollManager',
+        'series',
+        'showBarText',
+        'showBarTipWhenNavigatingTimeAxis',
+        'showDirty',
+        'showEffortUnit',
+        'snapRelativeToEventStartDate',
+        'startParamName',
+        'stateful',
+        'statefulEvents',
+        'stateId',
+        'stateProvider',
+        'stickyHeaders',
+        'strips',
+        'subGridConfigs',
+        'syncMask',
+        'tab',
+        'tabBarItems',
+        'tbar',
+        'timeAxis',
+        'type',
+        'ui',
+        'visibleZoomFactor',
+        'weekStartDay',
+        'weight',
+        'zoomKeepsOriginalTimespan',
+        'zoomOnMouseWheel',
+        'zoomOnTimeAxisDoubleClick'
+    ],
+    propertyConfigNames : [
+        'alignSelf',
+        'animateTreeNodeToggle',
+        'appendTo',
+        'barMargin',
+        'callOnFunctions',
+        'catchEventHandlerExceptions',
+        'cellEllipsis',
+        'cls',
+        'collapsed',
+        'column',
+        'columnLines',
+        'columns',
+        'dataset',
+        'disabled',
+        'displayDateFormat',
+        'emptyText',
+        'enableEventAnimations',
+        'enableUndoRedoKeys',
+        'endDate',
+        'extraData',
+        'fillTicks',
+        'flex',
+        'forceFit',
+        'height',
+        'hidden',
+        'hideFooters',
+        'hideHeaders',
+        'hideRowHover',
+        'histogramWidget',
+        'id',
+        'infiniteScroll',
+        'inputFieldAlign',
+        'insertBefore',
+        'insertFirst',
+        'keyMap',
+        'labelPosition',
+        'longPressTime',
+        'margin',
+        'maxHeight',
+        'maxWidth',
+        'maxZoomLevel',
+        'minHeight',
+        'minWidth',
+        'minZoomLevel',
+        'onBeforeAssignmentDelete',
+        'onBeforeCancelCellEdit',
+        'onBeforeCancelRowEdit',
+        'onBeforeCellEditStart',
+        'onBeforeCellRangeDelete',
+        'onBeforeCellRangeEdit',
+        'onBeforeColumnDragStart',
+        'onBeforeColumnDropFinalize',
+        'onBeforeColumnResize',
+        'onBeforeCopy',
+        'onBeforeCopyTimelineCells',
+        'onBeforeCSVExport',
+        'onBeforeDestroy',
+        'onBeforeEventDelete',
+        'onBeforeExcelExport',
+        'onBeforeFillHandleDragStart',
+        'onBeforeFinishCellEdit',
+        'onBeforeFinishRowEdit',
+        'onBeforeHide',
+        'onBeforeHistogramDataCacheSet',
+        'onBeforePan',
+        'onBeforePaste',
+        'onBeforePasteTimelineCells',
+        'onBeforePdfExport',
+        'onBeforePresetChange',
+        'onBeforeRenderHistogramRow',
+        'onBeforeRenderRecordHistogram',
+        'onBeforeRenderRow',
+        'onBeforeRenderRows',
+        'onBeforeRowCollapse',
+        'onBeforeRowExpand',
+        'onBeforeSelectionChange',
+        'onBeforeSetRecord',
+        'onBeforeShow',
+        'onBeforeStartRowEdit',
+        'onBeforeStateApply',
+        'onBeforeStateSave',
+        'onBeforeToggleGroup',
+        'onBeforeToggleNode',
+        'onCancelCellEdit',
+        'onCatchAll',
+        'onCellClick',
+        'onCellContextMenu',
+        'onCellDblClick',
+        'onCellMenuBeforeShow',
+        'onCellMenuItem',
+        'onCellMenuShow',
+        'onCellMenuToggleItem',
+        'onCellMouseEnter',
+        'onCellMouseLeave',
+        'onCellMouseOut',
+        'onCellMouseOver',
+        'onCollapse',
+        'onCollapseNode',
+        'onColumnDrag',
+        'onColumnDragStart',
+        'onColumnDrop',
+        'onColumnResize',
+        'onColumnResizeStart',
+        'onContextMenuItem',
+        'onContextMenuToggleItem',
+        'onCopy',
+        'onCopyTimelineCells',
+        'onCurrentTimelineUpdate',
+        'onDataChange',
+        'onDateRangeChange',
+        'onDestroy',
+        'onDirtyStateChange',
+        'onDragSelecting',
+        'onElementCreated',
+        'onExpand',
+        'onExpandNode',
+        'onFileDrop',
+        'onFillHandleBeforeDragFinalize',
+        'onFillHandleDrag',
+        'onFillHandleDragAbort',
+        'onFillHandleDragEnd',
+        'onFillHandleDragStart',
+        'onFinishCellEdit',
+        'onFinishRowEdit',
+        'onFocusIn',
+        'onFocusOut',
+        'onGridRowBeforeDragStart',
+        'onGridRowBeforeDropFinalize',
+        'onGridRowDrag',
+        'onGridRowDragAbort',
+        'onGridRowDragStart',
+        'onGridRowDrop',
+        'onHeaderClick',
+        'onHeaderMenuBeforeShow',
+        'onHeaderMenuItem',
+        'onHeaderMenuShow',
+        'onHeaderMenuToggleItem',
+        'onHide',
+        'onHistogramDataCacheSet',
+        'onLockRows',
+        'onMouseOut',
+        'onMouseOver',
+        'onNoZoomChange',
+        'onPaint',
+        'onPaste',
+        'onPasteTimelineCells',
+        'onPdfExport',
+        'onPresetChange',
+        'onReadOnly',
+        'onRecompose',
+        'onRenderRow',
+        'onRenderRows',
+        'onResize',
+        'onResourceMenuBeforeShow',
+        'onResourceMenuItem',
+        'onResourceMenuShow',
+        'onResourceMenuToggleItem',
+        'onResourceNonWorkingTimeClick',
+        'onResourceNonWorkingTimeContextMenu',
+        'onResourceNonWorkingTimeDblClick',
+        'onResourceNonWorkingTimeMouseDown',
+        'onResourceNonWorkingTimeMouseOut',
+        'onResourceNonWorkingTimeMouseOver',
+        'onResourceNonWorkingTimeMouseUp',
+        'onResourceTimeRangeClick',
+        'onResourceTimeRangeContextMenu',
+        'onResourceTimeRangeDblClick',
+        'onResourceTimeRangeMouseDown',
+        'onResourceTimeRangeMouseOut',
+        'onResourceTimeRangeMouseOver',
+        'onResourceTimeRangeMouseUp',
+        'onResponsive',
+        'onRowCollapse',
+        'onRowExpand',
+        'onRowMouseEnter',
+        'onRowMouseLeave',
+        'onScroll',
+        'onSelectionChange',
+        'onSelectionModeChange',
+        'onShow',
+        'onSplit',
+        'onSplitterCollapseClick',
+        'onSplitterDragEnd',
+        'onSplitterDragStart',
+        'onSplitterExpandClick',
+        'onStartCellEdit',
+        'onStartRowEdit',
+        'onSubGridCollapse',
+        'onSubGridExpand',
+        'onTickSizeChange',
+        'onTimeAxisChange',
+        'onTimeAxisHeaderClick',
+        'onTimeAxisHeaderContextMenu',
+        'onTimeAxisHeaderDblClick',
+        'onTimeAxisHeaderMenuBeforeShow',
+        'onTimeAxisHeaderMenuItem',
+        'onTimeAxisHeaderMenuShow',
+        'onTimelineContextChange',
+        'onTimelineViewportResize',
+        'onTimeRangeHeaderClick',
+        'onTimeRangeHeaderContextMenu',
+        'onTimeRangeHeaderDblClick',
+        'onToggleGroup',
+        'onToggleNode',
+        'onToolClick',
+        'onUnlockRows',
+        'onUnsplit',
+        'onVisibleDateRangeChange',
+        'preserveScroll',
+        'presets',
+        'project',
+        'readOnly',
+        'recurrenceConfirmationPopup',
+        'rendition',
+        'resourceMargin',
+        'resourceTimeRanges',
+        'resourceTimeRangeStore',
+        'rowHeight',
+        'rowLines',
+        'rtl',
+        'scalePoints',
+        'scrollable',
+        'selectionMode',
+        'showBarTip',
+        'snap',
+        'span',
+        'startDate',
+        'stateSettings',
+        'store',
+        'suppressFit',
+        'tickSize',
+        'timeRanges',
+        'timeRangeStore',
+        'timeResolution',
+        'title',
+        'tools',
+        'transition',
+        'transitionDuration',
+        'viewPreset',
+        'visibleDate',
+        'width',
+        'workingTime'
+    ],
+    propertyNames : [
+        'crudManager',
+        'data',
+        'eventColor',
+        'eventStyle',
+        'focusVisible',
+        'hasChanges',
+        'isEngineReady',
+        'originalStore',
+        'parent',
+        'scrollLeft',
+        'scrollTop',
+        'scrollX',
+        'selectedCell',
+        'selectedCells',
+        'selectedRecord',
+        'selectedRecords',
+        'selectedRows',
+        'state',
+        'timeZone',
+        'tooltip',
+        'zoomLevel'
+    ],
+    eventNames : [
+        'beforeAssignmentDelete',
+        'beforeCancelCellEdit',
+        'beforeCancelRowEdit',
+        'beforeCellEditStart',
+        'beforeCellRangeDelete',
+        'beforeCellRangeEdit',
+        'beforeColumnDragStart',
+        'beforeColumnDropFinalize',
+        'beforeColumnResize',
+        'beforeCopy',
+        'beforeCopyTimelineCells',
+        'beforeCSVExport',
+        'beforeDestroy',
+        'beforeEventDelete',
+        'beforeExcelExport',
+        'beforeFillHandleDragStart',
+        'beforeFinishCellEdit',
+        'beforeFinishRowEdit',
+        'beforeHide',
+        'beforeHistogramDataCacheSet',
+        'beforePan',
+        'beforePaste',
+        'beforePasteTimelineCells',
+        'beforePdfExport',
+        'beforePresetChange',
+        'beforeRenderHistogramRow',
+        'beforeRenderRecordHistogram',
+        'beforeRenderRow',
+        'beforeRenderRows',
+        'beforeRowCollapse',
+        'beforeRowExpand',
+        'beforeSelectionChange',
+        'beforeSetRecord',
+        'beforeShow',
+        'beforeStartRowEdit',
+        'beforeStateApply',
+        'beforeStateSave',
+        'beforeToggleGroup',
+        'beforeToggleNode',
+        'cancelCellEdit',
+        'catchAll',
+        'cellClick',
+        'cellContextMenu',
+        'cellDblClick',
+        'cellMenuBeforeShow',
+        'cellMenuItem',
+        'cellMenuShow',
+        'cellMenuToggleItem',
+        'cellMouseEnter',
+        'cellMouseLeave',
+        'cellMouseOut',
+        'cellMouseOver',
+        'collapse',
+        'collapseNode',
+        'columnDrag',
+        'columnDragStart',
+        'columnDrop',
+        'columnResize',
+        'columnResizeStart',
+        'contextMenuItem',
+        'contextMenuToggleItem',
+        'copy',
+        'copyTimelineCells',
+        'currentTimelineUpdate',
+        'dataChange',
+        'dateRangeChange',
+        'destroy',
+        'dirtyStateChange',
+        'dragSelecting',
+        'elementCreated',
+        'expand',
+        'expandNode',
+        'fileDrop',
+        'fillHandleBeforeDragFinalize',
+        'fillHandleDrag',
+        'fillHandleDragAbort',
+        'fillHandleDragEnd',
+        'fillHandleDragStart',
+        'finishCellEdit',
+        'finishRowEdit',
+        'focusIn',
+        'focusOut',
+        'gridRowBeforeDragStart',
+        'gridRowBeforeDropFinalize',
+        'gridRowDrag',
+        'gridRowDragAbort',
+        'gridRowDragStart',
+        'gridRowDrop',
+        'headerClick',
+        'headerMenuBeforeShow',
+        'headerMenuItem',
+        'headerMenuShow',
+        'headerMenuToggleItem',
+        'hide',
+        'histogramDataCacheSet',
+        'lockRows',
+        'mouseOut',
+        'mouseOver',
+        'noZoomChange',
+        'paint',
+        'paste',
+        'pasteTimelineCells',
+        'pdfExport',
+        'presetChange',
+        'readOnly',
+        'recompose',
+        'renderRow',
+        'renderRows',
+        'resize',
+        'resourceMenuBeforeShow',
+        'resourceMenuItem',
+        'resourceMenuShow',
+        'resourceMenuToggleItem',
+        'resourceNonWorkingTimeClick',
+        'resourceNonWorkingTimeContextMenu',
+        'resourceNonWorkingTimeDblClick',
+        'resourceNonWorkingTimeMouseDown',
+        'resourceNonWorkingTimeMouseOut',
+        'resourceNonWorkingTimeMouseOver',
+        'resourceNonWorkingTimeMouseUp',
+        'resourceTimeRangeClick',
+        'resourceTimeRangeContextMenu',
+        'resourceTimeRangeDblClick',
+        'resourceTimeRangeMouseDown',
+        'resourceTimeRangeMouseOut',
+        'resourceTimeRangeMouseOver',
+        'resourceTimeRangeMouseUp',
+        'responsive',
+        'rowCollapse',
+        'rowExpand',
+        'rowMouseEnter',
+        'rowMouseLeave',
+        'scroll',
+        'selectionChange',
+        'selectionModeChange',
+        'show',
+        'split',
+        'splitterCollapseClick',
+        'splitterDragEnd',
+        'splitterDragStart',
+        'splitterExpandClick',
+        'startCellEdit',
+        'startRowEdit',
+        'subGridCollapse',
+        'subGridExpand',
+        'tickSizeChange',
+        'timeAxisChange',
+        'timeAxisHeaderClick',
+        'timeAxisHeaderContextMenu',
+        'timeAxisHeaderDblClick',
+        'timeAxisHeaderMenuBeforeShow',
+        'timeAxisHeaderMenuItem',
+        'timeAxisHeaderMenuShow',
+        'timelineContextChange',
+        'timelineViewportResize',
+        'timeRangeHeaderClick',
+        'timeRangeHeaderContextMenu',
+        'timeRangeHeaderDblClick',
+        'toggleGroup',
+        'toggleNode',
+        'toolClick',
+        'unlockRows',
+        'unsplit',
+        'visibleDateRangeChange'
+    ]
+};
+
+const instance: {
+    value?: ResourceUtilization
+} = {};
+
+const refElement = ref<HTMLDivElement>()!;
+// Storage for teleports (in-cell Vue component instances) automatically renderer by template
+const teleports = ref(new Map());
+
+// Provide teleports for processCellContent
+provide('teleports', teleports);
+
+onMounted(() => {
+
+    const me = getCurrentInstance()!;
+
+    instance.value = WrapperHelper.createWidget<typeof ResourceUtilization>({
+        me,
+        widgetData,
+        emit,
+        element              : refElement.value!,
+        processCellContent   : WrapperHelper.processCellContent,
+        processEventContent  : WrapperHelper.processEventContent,
+        processWidgetContent : WrapperHelper.processWidgetContent,
+        hasFrameworkRenderer : WrapperHelper.hasFrameworkRenderer,
+        toRaw
+    });
+    WrapperHelper.relayStores(me.data, instance.value);
+
+    const watcher = (prop: string, callback: any) => watch(() => me.props[prop], callback);
+    WrapperHelper.watchProps(instance.value, widgetData, watcher);
+});
+
+onBeforeUnmount(() => {
+    // @ts-ignore
+    instance.value?.destroy?.();
+});
+
+defineExpose({
+    instance,
+    refElement,
+    teleports
+});
+
+</script>