@bryntum/taskboard-angular-thin 7.1.1

package/lib/bryntum-task-board-base.component.d.ts

@@ -0,0 +1,1922 @@
+/**
+ * Angular wrapper for Bryntum TaskBoardBase
+ */
+import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
+import { AlignSpec, Base, BryntumScrollOptions, DomConfig, KeyMapConfig, Mask, MaskConfig, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, ScrollManagerConfig, Scroller, ScrollerConfig, StateProvider, Store, StoreConfig, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, Widget } from '@bryntum/core-thin';
+import { AssignmentModel, AssignmentModelConfig, CardSize, ColumnDrag, ColumnDragConfig, ColumnFilter, ColumnFilterConfig, ColumnHeaderMenu, ColumnHeaderMenuConfig, ColumnLock, ColumnLockConfig, ColumnModel, ColumnModelConfig, ColumnRename, ColumnRenameConfig, ColumnResize, ColumnResizeConfig, ColumnSort, ColumnSortConfig, ColumnToolbars, ColumnToolbarsConfig, TaskBoardContainerItemConfig, FilterBar, FilterBarConfig, ProjectModel, ProjectModelConfig, ResourceModel, ResourceModelConfig, SimpleTaskEdit, SimpleTaskEditConfig, SwimlaneDrag, SwimlaneDragConfig, SwimlaneModel, SwimlaneModelConfig, TaskBoardBase, TaskBoardBaseListeners, TaskDrag, TaskDragConfig, TaskDragSelect, TaskDragSelectConfig, TaskEdit, TaskEditConfig, TaskItemOptions, TaskMenu, TaskMenuConfig, TaskModel, TaskModelConfig, TaskTooltip, TaskTooltipConfig } from '@bryntum/taskboard-thin';
+import * as i0 from "@angular/core";
+export declare type BryntumTaskBoardBaseProps = {
+    /**
+     * The name of the event that should activate a task and trigger editing (if an editing feature is active).
+     * Available options are: 'taskClick', 'taskDblClick' or null (disable)
+     */
+    activateTaskEvent?: 'taskClick' | 'taskDblClick' | null;
+    /**
+     * 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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-adopt)
+     */
+    adopt?: HTMLElement | string;
+    /**
+     * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating).*
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-align)
+     */
+    align?: AlignSpec | string;
+    /**
+     * When this widget is a child of a [Container](https://bryntum.com/products/taskboard/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;
+    /**
+     * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating) and being shown through [showBy](#Core/widget/Widget#function-showBy).*
+     * `true` to show a connector arrow pointing to the align target.
+     */
+    anchor?: 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/taskboard/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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-ariaLabel)
+     */
+    ariaLabel?: string;
+    /**
+     * Inline [assignments](https://bryntum.com/products/scheduler/docs#Scheduler/model/AssignmentModel), will be loaded into an internally created
+     * [AssignmentStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/AssignmentStore)  as a part of a [project](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel).
+     */
+    assignments?: AssignmentModel[] | object[] | AssignmentModelConfig[];
+    /**
+     * Set to `true` to auto generate columns when [columns](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/mixin/TaskBoardColumns#config-columns) is undefined.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-autoGenerateColumns)
+     */
+    autoGenerateColumns?: boolean;
+    /**
+     * Set to `true` to auto generate swimlanes when [swimlanes](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/mixin/TaskBoardSwimlanes#config-swimlanes) is undefined.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-autoGenerateSwimlanes)
+     */
+    autoGenerateSwimlanes?: boolean;
+    /**
+     * A Config object representing the configuration of a [Toolbar](https://bryntum.com/products/taskboard/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/taskboard/docs/api/Core/widget/Panel#config-strips).
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-bbar)
+     */
+    bbar?: (TaskBoardContainerItemConfig | string)[] | ToolbarConfig | PagingToolbarConfig | null;
+    /**
+     * Custom CSS classes to add to the panel's body element.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-bodyCls)
+     */
+    bodyCls?: string | object;
+    /**
+     * Items to add to each card's body.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-bodyItems)
+     */
+    bodyItems?: Record<string, TaskItemOptions>;
+    /**
+     * 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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-bubbleEvents)
+     */
+    bubbleEvents?: object;
+    /**
+     * 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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-callOnFunctions)
+     */
+    callOnFunctions?: boolean;
+    /**
+     * An array of [CardSize](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/mixin/ResponsiveCards#typedef-CardSize) objects to use as responsive levels based on card widths.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-cardSizes)
+     */
+    cardSizes?: CardSize;
+    /**
+     * 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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-catchEventHandlerExceptions)
+     */
+    catchEventHandlerExceptions?: boolean;
+    /**
+     * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating).*
+     * Set to `true` to centre the Widget in browser viewport space.
+     */
+    centered?: boolean;
+    /**
+     * Columns hold their tasks in stores chained off the project's task store. Filters applied to the project store
+     * are by default not applied to the column stores; they are only affected by their own filters. By configuring
+     * `chainFilters : true`, the filters from the project store will also be taken into account when filtering the
+     * columns.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-chainFilters)
+     */
+    chainFilters?: 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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#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/taskboard/docs/api/Core/widget/Panel#config-collapsible).
+     */
+    collapsed?: boolean;
+    /**
+     * Specify `true` to hide the column title instead of rotating it on collapse.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-collapseTitle)
+     */
+    collapseTitle?: boolean;
+    /**
+     * This config enables collapsibility for the panel. See [collapsed](https://bryntum.com/products/taskboard/docs/api/Core/widget/Panel#config-collapsed).
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-color)
+     */
+    color?: string;
+    /**
+     * Programmatic control over which column to start in when used in a grid layout.
+     */
+    column?: number;
+    /**
+     * Field on a task record used to determine which column the task belongs to.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-columnField)
+     */
+    columnField?: string;
+    /**
+     * Store containing the TaskBoard columns. A tasks [columnField](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/mixin/TaskBoardColumns#config-columnField) is matched against the `id` of a
+     * column to determine in which column it is displayed.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-columns)
+     */
+    columns?: ColumnModel[] | ColumnModelConfig[] | string[] | Store | string | StoreConfig;
+    /**
+     * A function which renders the text, HTML, or `DomConfig` object to show as the column title. If you provide a
+     * `DomConfig` object, it will replace the title element and you are responsible for styling it + laying it out.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-columnTitleRenderer)
+     * @param {object} renderData
+     * @param {TaskBoard.model.ColumnModel} columnRecord The column instance
+     * @returns {string,DomConfig}
+     */
+    columnTitleRenderer?: (renderData: object, columnRecord: ColumnModel) => string | DomConfig;
+    config?: object;
+    /**
+     * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating) or [positioned](#Core/widget/Widget#config-positioned).*
+     * Element, Widget or Rectangle to which this Widget is constrained.
+     */
+    constrainTo?: HTMLElement | Widget | Rectangle;
+    /**
+     * Initial CSS variables to set.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-css)
+     */
+    css?: Record<string, string>;
+    /**
+     * CSS variable prefix, appended to the keys used in [css](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-css).
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-cssVarPrefix)
+     */
+    cssVarPrefix?: string;
+    /**
+     * 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;
+    /**
+     * Object to apply to elements dataset (each key will be used as a data-attribute on the element)
+     */
+    dataset?: Record<string, string>;
+    /**
+     * Check for CSS compatibility issues when upgrading to v7. Performs the following checks:
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-detectCSSCompatibilityIssues)
+     */
+    detectCSSCompatibilityIssues?: boolean;
+    /**
+     * Disable or enable the widget. It is similar to [readOnly](https://bryntum.com/products/taskboard/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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-disabled)
+     */
+    disabled?: boolean | 'inert';
+    /**
+     * Controls the placement of this widget when it is added to a [panel's ](https://bryntum.com/products/taskboard/docs/api/Core/widget/Panel)
+     * [strips collection](https://bryntum.com/products/taskboard/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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-dock)
+     */
+    dock?: 'top' | 'bottom' | 'left' | 'right' | 'start' | 'end' | 'header' | 'pre-header' | object;
+    /**
+     * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating).*
+     * Set to `true` to be able to drag a widget freely on the page. Or set to an object with a ´handleSelector´
+     * property which controls when a drag should start.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-draggable)
+     */
+    draggable?: boolean | {
+        handleSelector?: string;
+    };
+    /**
+     * 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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#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/taskboard/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;
+    };
+    /**
+     * Whether to draw cards on scroll, or only when scrolling ends.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-drawOnScroll)
+     */
+    drawOnScroll?: boolean;
+    /**
+     * 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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-elementAttributes)
+     */
+    elementAttributes?: Record<string, string | null>;
+    extraData?: any;
+    /**
+     * When this widget is a child of a [Container](https://bryntum.com/products/taskboard/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;
+    /**
+     * Set to `true` to move the widget out of the document flow and position it
+     * absolutely in browser viewport space.
+     */
+    floating?: boolean;
+    /**
+     * 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/taskboard/docs/api/Core/widget/Panel#config-strips).
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-footer)
+     */
+    footer?: {
+        dock?: 'top' | 'right' | 'bottom' | 'left' | 'start' | 'end';
+        html?: string;
+        cls?: string;
+    } | string;
+    /**
+     * Items to add to each card's footer.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-footerItems)
+     */
+    footerItems?: Record<string, TaskItemOptions>;
+    /**
+     * The function is called for each task as part of the render loop, and is expected to return the height in
+     * pixels for the task. Using this function is only recommended when using partial virtualized rendering, see
+     * the [virtualize](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/mixin/TaskBoardVirtualization#config-virtualize) setting.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-getTaskHeight)
+     * @param {TaskBoard.model.TaskModel} taskRecord The task record
+     * @returns {number} The height of the task in pixels
+     */
+    getTaskHeight?: (taskRecord: TaskModel) => number;
+    /**
+     * A config [object](https://bryntum.com/products/taskboard/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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-header)
+     */
+    header?: string | boolean | PanelHeader;
+    /**
+     * Items to add to each card's header.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-headerItems)
+     */
+    headerItems?: Record<string, TaskItemOptions>;
+    /**
+     * 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;
+    /**
+     * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating).*
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-hideAnimation)
+     */
+    hideAnimation?: boolean | object;
+    /**
+     * By default, the header text is HTML-encoded. Set this flag to `false` disable this and allow html
+     * elements in the column headers. Can also be specified on a single
+     * [column](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ColumnModel#field-htmlEncodeHeaderText).
+     */
+    htmlEncodeHeaderText?: boolean;
+    /**
+     * An icon to show before the [title](https://bryntum.com/products/taskboard/docs/api/Core/widget/Panel#config-title). Either pass a CSS class as a string, or pass a
+     * [DomConfig](https://bryntum.com/products/taskboard/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;
+    /**
+     * Determines if the widgets read-only state should be controlled by its parent.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-ignoreParentReadOnly)
+     */
+    ignoreParentReadOnly?: boolean;
+    /**
+     * 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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-inputFieldAlign)
+     */
+    inputFieldAlign?: 'start' | 'end';
+    /**
+     * Element (or element id) to insert this widget before. If provided, [appendTo](https://bryntum.com/products/taskboard/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/taskboard/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
+     */
+    insertFirst?: HTMLElement | string;
+    /**
+     * A template method (empty by default) allowing you to control if a task can be selected or not.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-isTaskSelectable)
+     * @param {TaskBoard.model.TaskModel} taskRecord The task record
+     * @returns {boolean} `true` if the task can be selected, otherwise `false`
+     */
+    isTaskSelectable?: (taskRecord: TaskModel) => boolean;
+    /**
+     * See [Keyboard shortcuts](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoard#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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-labelPosition)
+     */
+    labelPosition?: 'before' | 'above' | 'align-before' | 'auto' | null;
+    /**
+     * The listener set for this object.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-listeners)
+     */
+    listeners?: TaskBoardBaseListeners;
+    /**
+     * A [Mask](https://bryntum.com/products/taskboard/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/taskboard/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/taskboard/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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-loadMaskDefaults)
+     */
+    loadMaskDefaults?: MaskConfig;
+    /**
+     * A [Mask](https://bryntum.com/products/taskboard/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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-loadMaskError)
+     */
+    loadMaskError?: MaskConfig | Mask | boolean;
+    /**
+     * A class translations of which are used for translating this entity.
+     * This is often used when translations of an item are defined on its container class.
+     * For example:
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-localeClass)
+     */
+    localeClass?: typeof Base;
+    /**
+     * Set to `false` to disable localization of this object.
+     */
+    localizable?: boolean;
+    /**
+     * List of properties which values should be translated automatically upon a locale applying.
+     * In case there is a need to localize not typical value (not a String value or a field with re-defined setter/getter),
+     * you could use 'localeKey' meta configuration.
+     * Example:
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-localizableProperties)
+     */
+    localizableProperties?: string[];
+    /**
+     * 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;
+    /**
+     * This config object contains the defaults for the [Mask](https://bryntum.com/products/taskboard/docs/api/Core/widget/Mask) created for the
+     * [masked](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-masked) config. Any properties specified in the `masked` config will override these
+     * values.
+     */
+    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/taskboard/docs/api/Core/widget/Mask) config object.
+     */
+    masked?: boolean | string | MaskConfig;
+    /**
+     * 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/taskboard/docs/api/Core/widget/Widget#config-height), *reading* the value will return the numeric value in pixels.
+     */
+    maxHeight?: string | number;
+    /**
+     * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating).*
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-maximizeOnMobile)
+     */
+    maximizeOnMobile?: number | string;
+    /**
+     * The elements maxWidth. Can be either a String or a Number (which will have 'px' appended). Note that
+     * like [width](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-width), *reading* the value will return the numeric value in pixels.
+     */
+    maxWidth?: string | number;
+    /**
+     * The element's minHeight. Can be either a String or a Number (which will have 'px' appended). Note that
+     * like [height](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-height), *reading* the value will return the numeric value in pixels.
+     */
+    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/taskboard/docs/api/Core/widget/Widget#config-width), *reading* the value will return the numeric value in pixels.
+     */
+    minWidth?: string | number;
+    /**
+     * Default values to apply to task records created by task boards features (such as the column header menu and
+     * the column toolbar)
+     */
+    newTaskDefaults?: TaskModelConfig;
+    /**
+     * The owning Widget of this Widget. If this Widget is directly contained (that is, it is one of the
+     * [items](https://bryntum.com/products/taskboard/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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-owner)
+     */
+    owner?: Widget | any;
+    /**
+     * Specify plugins (an array of classes) in config
+     */
+    plugins?: Function[];
+    /**
+     * Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-contentElement), but must
+     * not participate in the standard layout of that widget, and must be positioned relatively to that
+     * widget's [contentElement](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-contentElement).
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-positioned)
+     */
+    positioned?: boolean;
+    /**
+     * A function called on each render before adding items to a tasks card, allowing runtime manipulation of them.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-processItems)
+     * @param {object} context
+     * @param {Record<string, TaskItemOptions>} context.headerItems Item config objects for the task header, keyed by ref
+     * @param {Record<string, TaskItemOptions>} context.bodyItems Item config objects for the task body, keyed by ref
+     * @param {Record<string, TaskItemOptions>} context.footerItems Item config objects for the task footer, keyed by ref
+     * @param {TaskBoard.model.TaskModel} context.taskRecord Record representing task to be rendered
+     * @returns {boolean,void} Returning `false` from this function prevents the menu being shown
+     */
+    processItems?: (context: {
+        headerItems: Record<string, TaskItemOptions>;
+        bodyItems: Record<string, TaskItemOptions>;
+        footerItems: Record<string, TaskItemOptions>;
+        taskRecord: TaskModel;
+    }) => boolean | void;
+    /**
+     * A [project config object](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#configs) or an instance that holds all stores and
+     * data used by the TaskBoard.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-project)
+     */
+    project?: ProjectModel | ProjectModelConfig | object;
+    /**
+     * Whether this widget is read-only.  This is only valid if the widget is an input
+     * field, <strong>or contains input fields at any depth</strong>.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-readOnly)
+     */
+    readOnly?: boolean;
+    /**
+     * [Record](https://bryntum.com/products/taskboard/docs/api/Core/data/Model) whose values will be used to populate fields in the container.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-record)
+     */
+    record?: Model;
+    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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-rendition)
+     */
+    rendition?: string | Record<string, string> | null;
+    /**
+     * Path to load resource images from. Used by the for example the resource picker in the task editor and by the
+     * ResourceAvatars task item. Set this to display miniature images for each resource using their `image` field.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-resourceImagePath)
+     */
+    resourceImagePath?: string;
+    /**
+     * Inline [resources](https://bryntum.com/products/scheduler/docs#Scheduler/model/ResourceModel), will be loaded into an internally created
+     * [ResourceStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/ResourceStore) as a part of a [project](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel).
+     */
+    resources?: ResourceModel[] | object[] | ResourceModelConfig[];
+    /**
+     * Specifies the various responsive state objects keyed by their name. Each key (except `'*'`, see below) in
+     * this object is a state name (see [responsiveState](https://bryntum.com/products/taskboard/docs/api/Core/widget/mixin/Responsive#config-responsiveState)) and its corresponding value is the
+     * associated [ResponsiveState](https://bryntum.com/products/taskboard/docs/api/Core/widget/mixin/Responsive#typedef-ResponsiveState) object.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-responsive)
+     */
+    responsive?: object;
+    /**
+     * Set to `true` to mark this instance as the default [responsiveTarget](https://bryntum.com/products/taskboard/docs/api/Core/widget/mixin/Responsive#config-responsiveTarget) for descendants that do
+     * not specify an explicit [responsiveTarget](https://bryntum.com/products/taskboard/docs/api/Core/widget/mixin/Responsive#config-responsiveTarget) of their own.
+     */
+    responsiveRoot?: boolean;
+    /**
+     * The name of the active state of the [responsive](https://bryntum.com/products/taskboard/docs/api/Core/widget/mixin/Responsive#config-responsive) config. This is assigned internally
+     * and should not be assigned directly.
+     */
+    responsiveState?: string;
+    /**
+     * The widget whose size and other properties drive this object's responsive behavior. If this config is not
+     * specified, the closest ancestor that specified [responsiveRoot=true](https://bryntum.com/products/taskboard/docs/api/Core/widget/mixin/Responsive#config-responsiveRoot) will be
+     * used. If there is no such ancestor, then the instance using this mixin is used.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-responsiveTarget)
+     */
+    responsiveTarget?: string | Widget;
+    /**
+     * 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;
+    /**
+     * This may be configured as `true` to make the widget's element use the `direction:rtl` style.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-rtl)
+     */
+    rtl?: boolean;
+    /**
+     * Specifies whether (and optionally in which axes) a Widget may scroll. `true` means this widget may scroll
+     * in both axes. May be an object containing boolean `overflowX` and `overflowY` properties which are
+     * applied to CSS style properties `overflowX` and `overflowY`. If they are boolean, they are translated to
+     * CSS overflow properties thus:
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-scrollable)
+     */
+    scrollable?: boolean | ScrollerConfig | Scroller;
+    /**
+     * Defines what to do if document is scrolled while Widget is visible (only relevant when floating is set to `true`).
+     * Valid values: ´null´: do nothing, ´hide´: hide the widget or ´realign´: realign to the target if possible.
+     */
+    scrollAction?: 'hide' | 'realign' | null;
+    /**
+     * Configuration values for the [ScrollManager](https://bryntum.com/products/taskboard/docs/api/Core/util/ScrollManager) class. It is used to manage column/body
+     * scrolling during task, column or swimlane drag.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-scrollManager)
+     */
+    scrollManager?: ScrollManagerConfig;
+    /**
+     * Default scroll options, see the options for [scrollIntoView](https://bryntum.com/products/taskboard/docs/api/Core/helper/util/Scroller#function-scrollIntoView)
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-scrollOptions)
+     */
+    scrollOptions?: BryntumScrollOptions;
+    /**
+     * Selected tasks.
+     */
+    selectedTasks?: TaskModel[];
+    /**
+     * Configure with `true` to change the default behaviour of keyboard navigation from moving focus to selecting
+     * tasks:
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-selectOnNavigation)
+     */
+    selectOnNavigation?: boolean | string;
+    /**
+     * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating).*
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-showAnimation)
+     */
+    showAnimation?: boolean | object;
+    /**
+     * Show an icon to expand/collapse columns and swimlanes in their headers.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-showCollapseInHeader)
+     */
+    showCollapseInHeader?: boolean;
+    /**
+     * By default, a tooltip showing `Expand XX`/`Collapse XX` is shown when hovering the expand/collapse icon for
+     * a column or swimlane. To disable the tooltip, set this to `false`.
+     */
+    showCollapseTooltip?: boolean;
+    /**
+     * Show task count for a column in its header, appended after the title
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-showCountInHeader)
+     */
+    showCountInHeader?: boolean;
+    /**
+     * Programmatic control over how many columns to span when used in a grid layout.
+     */
+    span?: number;
+    /**
+     * This value can be one of the following:
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#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/taskboard/docs/api/Core/mixin/State#function-saveState).
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-statefulEvents)
+     */
+    statefulEvents?: object | string[];
+    /**
+     * The key to use when saving this object's state in the [stateProvider](https://bryntum.com/products/taskboard/docs/api/Core/mixin/State#config-stateProvider). If this config is
+     * not assigned, and [stateful](https://bryntum.com/products/taskboard/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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-stateId)
+     */
+    stateId?: string;
+    /**
+     * The `StateProvider` to use to save and restore this object's [state](https://bryntum.com/products/taskboard/docs/api/Core/mixin/State#property-state). By default, `state`
+     * will be saved using the [default state provider](https://bryntum.com/products/taskboard/docs/api/Core/state/StateProvider#property-instance-static).
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-stateProvider)
+     */
+    stateProvider?: StateProvider;
+    /**
+     * Makes column and swimlane headers sticky
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-stickyHeaders)
+     */
+    stickyHeaders?: boolean;
+    /**
+     * Setting this will cause cards to expand to share the available width if there are fewer than
+     * [tasksPerRow](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-tasksPerRow).
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-stretchCards)
+     */
+    stretchCards?: boolean;
+    /**
+     * Specify `true` to match fields by their `name` property only when assigning a [record](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container#config-record),
+     * without falling back to `ref`.
+     */
+    strictRecordMapping?: boolean;
+    /**
+     * An object containing widgets keyed by name. By default (when no `type` is given), strips are
+     * [toolbars](https://bryntum.com/products/taskboard/docs/api/Core/widget/Toolbar). If you want to pass an array, you can use
+     * the toolbar's [items](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container#config-items).
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-strips)
+     */
+    strips?: Record<string, TaskBoardContainerItemConfig>;
+    /**
+     * Field on a task record used to determine which swimlane the task belongs to.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-swimlaneField)
+     */
+    swimlaneField?: string;
+    /**
+     * An empty function by default, but provided so that you can override it. This function is called each time
+     * a swimlane is rendered into the task board. It allows you to manipulate the DOM config object used for the
+     * swimlane before it is synced to DOM, thus giving you control over styling and contents.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-swimlaneRenderer)
+     * @param {object} detail An object containing the information needed to render a swimlane.
+     * @param {TaskBoard.model.SwimlaneModel} detail.swimlaneRecord The swimlane.
+     * @param {DomConfig} detail.swimlaneConfig DOM config object for the swimlane
+     * @returns {void}
+     */
+    swimlaneRenderer?: (detail: {
+        swimlaneRecord: SwimlaneModel;
+        swimlaneConfig: DomConfig;
+    }) => void;
+    /**
+     * Store containing the TaskBoard swimlanes. A tasks [swimlaneField](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/mixin/TaskBoardSwimlanes#config-swimlaneField) is matched against the `id`
+     * of a swimlane to determine in which swimlane it is displayed.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-swimlanes)
+     */
+    swimlanes?: SwimlaneModel[] | SwimlaneModelConfig[] | Store | string | StoreConfig;
+    /**
+     * TaskBoard does not use a sync mask by default. If you want one, see
+     * [syncMask](https://bryntum.com/products/taskboard/docs/api/Core/mixin/LoadMaskable#config-syncMask) for configuration options.
+     */
+    syncMask?: string | object | null;
+    /**
+     * A configuration for the [tab](https://bryntum.com/products/taskboard/docs/api/Core/widget/Tab) created for this widget when it is placed in a
+     * [TabPanel](https://bryntum.com/products/taskboard/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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#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/taskboard/docs/api/Core/widget/TabBar) when this container is the active tab.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-tabBarItems)
+     */
+    tabBarItems?: ToolbarItems[] | Widget[];
+    /**
+     * An empty function by default, but provided so that you can override it. This function is called each time
+     * a task is rendered into the task board. It allows you to manipulate the DOM config object used for the card
+     * before it is synced to DOM, thus giving you control over styling and contents.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-taskRenderer)
+     * @param {object} detail An object containing the information needed to render a task.
+     * @param {TaskBoard.model.TaskModel} detail.taskRecord The task record.
+     * @param {TaskBoard.model.ColumnModel} detail.columnRecord The column the task will be displayed in.
+     * @param {TaskBoard.model.SwimlaneModel} detail.swimlaneRecord The swimlane the task will be displayed in.
+     * @param {DomConfig} detail.cardConfig DOM config object for the cards element
+     * @returns {void}
+     */
+    taskRenderer?: (detail: {
+        taskRecord: TaskModel;
+        columnRecord: ColumnModel;
+        swimlaneRecord: SwimlaneModel;
+        cardConfig: DomConfig;
+    }) => void;
+    /**
+     * Inline [tasks](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/TaskModel), will be loaded into an internally created
+     * [TaskStore](https://bryntum.com/products/taskboard/docs/api/TaskBoard/store/TaskStore) as a part of a [project](#TaskBoard/model/ProjectModel).
+     */
+    tasks?: TaskModel[] | object[] | TaskModelConfig[];
+    /**
+     * Allows sorting tasks in the UI independent of how they are sorted in the task store.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-taskSorterFn)
+     * @param {TaskBoard.model.TaskModel} first The first task to compare
+     * @param {TaskBoard.model.TaskModel} second The second task to compare
+     * @returns {number} Return `1` if first task is greater than second task, `-1` if the opposite is true or `0` if they are equal
+     */
+    taskSorterFn?: boolean | ((first: TaskModel, second: TaskModel) => number);
+    /**
+     * Controls how many cards are rendered to a row in each column. Can be controlled on a per column basis by
+     * setting [tasksPerRow](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ColumnModel#field-tasksPerRow)
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-tasksPerRow)
+     */
+    tasksPerRow?: number;
+    /**
+     * A Config object representing the configuration of a [Toolbar](https://bryntum.com/products/taskboard/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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-tbar)
+     */
+    tbar?: (TaskBoardContainerItemConfig | string)[] | ToolbarConfig | PagingToolbarConfig | null;
+    /**
+     * 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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-title)
+     */
+    title?: string;
+    /**
+     * The [tools](https://bryntum.com/products/taskboard/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/taskboard/docs/api/Core/widget/mixin/Toolable#property-tools)` property.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-tools)
+     */
+    tools?: Record<string, ToolConfig> | null;
+    /**
+     * 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/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-ui)
+     */
+    ui?: 'plain' | 'toolbar' | string | object;
+    /**
+     * Experimental, animate actions that cannot be animated using CSS transitions. Currently includes:
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-useDomTransition)
+     */
+    useDomTransition?: boolean;
+    /**
+     * By turning on this setting you enable partial virtualized rendering for the board, which reduces initial
+     * rendering time and makes interaction less sluggish when using thousands of tasks. The tradeoff is that
+     * scrolling in most cases will be slower.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-virtualize)
+     */
+    virtualize?: boolean;
+    /**
+     * A widgets weight determines its position among siblings when added to a [Container](https://bryntum.com/products/taskboard/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;
+    /**
+     * The x position for the widget.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-x)
+     */
+    x?: number;
+    /**
+     * The y position for the widget.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-y)
+     */
+    y?: number;
+    /**
+     * This feature allows users to drag columns on the TaskBoard to change the column order. Drag is initiated upon
+     * mouse down in the column header. Try it out below!
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/feature/ColumnDrag)
+     */
+    columnDragFeature?: object | boolean | string | ColumnDrag | ColumnDragConfig;
+    /**
+     * Adds the ability to filter each column of the TaskBoard.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/feature/ColumnFilter)
+     */
+    columnFilterFeature?: object | boolean | string | ColumnFilter | ColumnFilterConfig;
+    /**
+     * Adds a menu button (`···`) to column headers, clicking it displays a menu. Items are populated by other features
+     * and/or application code.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/feature/ColumnHeaderMenu)
+     */
+    columnHeaderMenuFeature?: object | boolean | string | ColumnHeaderMenu | ColumnHeaderMenuConfig;
+    /**
+     * Allows user to lock columns to the left or right using the new [locked](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ColumnModel#field-locked) field
+     * on columns.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/feature/ColumnLock)
+     */
+    columnLockFeature?: object | boolean | string | ColumnLock | ColumnLockConfig;
+    /**
+     * Allows user to rename columns by either double-clicking column text, or via the column header menu.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/feature/ColumnRename)
+     */
+    columnRenameFeature?: object | boolean | string | ColumnRename | ColumnRenameConfig;
+    /**
+     * This feature allows users to change the width of individual TaskBoard columns. Resize is initiated upon mouse down on
+     * the separator element between column headers. Try it out below!
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/feature/ColumnResize)
+     */
+    columnResizeFeature?: object | boolean | string | ColumnResize | ColumnResizeConfig;
+    /**
+     * Adds the ability to sort each column of the TaskBoard.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/feature/ColumnSort)
+     */
+    columnSortFeature?: object | boolean | string | ColumnSort | ColumnSortConfig;
+    /**
+     * Adds toolbars to the top and/or bottom of each column. By default it adds a bottom toolbar containing a single button
+     * for adding events to that column/swimlane:
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/feature/ColumnToolbars)
+     */
+    columnToolbarsFeature?: object | boolean | string | ColumnToolbars | ColumnToolbarsConfig;
+    /**
+     * Adds the ability to quick search in configured fields of tasks.
+     * Renders a filter bar below each column's header.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/feature/FilterBar)
+     */
+    filterBarFeature?: object | boolean | string | FilterBar | FilterBarConfig;
+    /**
+     * This feature allows inline editing of tasks. Double-clicking an item starts editing it:
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/feature/SimpleTaskEdit)
+     */
+    simpleTaskEditFeature?: object | boolean | string | SimpleTaskEdit | SimpleTaskEditConfig;
+    /**
+     * This feature allows users to drag drop swimlanes on the TaskBoard changing their order (by grabbing their header).
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/feature/SwimlaneDrag)
+     */
+    swimlaneDragFeature?: object | boolean | string | SwimlaneDrag | SwimlaneDragConfig;
+    /**
+     * This feature allows cards on the TaskBoard to be dragged across swimlanes and columns but also vertically in the
+     * same column to change the order:
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/feature/TaskDrag)
+     */
+    taskDragFeature?: object | boolean | string | TaskDrag | TaskDragConfig;
+    /**
+     * Enables users to click and drag to select cards on the TaskBoard (marquee selection).
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/feature/TaskDragSelect)
+     */
+    taskDragSelectFeature?: object | boolean | string | TaskDragSelect | TaskDragSelectConfig;
+    /**
+     * This features allows the user to edit tasks in a popup editor that can either be shown centered on screen (the
+     * default, double click a task to show the editor):
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/feature/TaskEdit)
+     */
+    taskEditFeature?: object | boolean | string | TaskEdit | TaskEditConfig;
+    /**
+     * Displays a context menu for tasks. Items are populated by other features and/or application code.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/feature/TaskMenu)
+     */
+    taskMenuFeature?: object | boolean | string | TaskMenu | TaskMenuConfig;
+    /**
+     * Displays a tooltip when hovering a task. By default the tooltip displays:
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/feature/TaskTooltip)
+     */
+    taskTooltipFeature?: object | boolean | string | TaskTooltip | TaskTooltipConfig;
+};
+export declare class BryntumTaskBoardBaseComponent implements OnInit, OnDestroy {
+    static instanceClass: typeof TaskBoardBase;
+    static instanceName: string;
+    private static bryntumEvents;
+    private static bryntumFeatureNames;
+    private static bryntumConfigs;
+    private static bryntumConfigsOnly;
+    private static bryntumProps;
+    private elementRef;
+    instance: TaskBoardBase;
+    private bryntumConfig;
+    constructor(element: ElementRef);
+    activateTaskEvent: 'taskClick' | 'taskDblClick' | null;
+    adopt: HTMLElement | string;
+    align: AlignSpec | string;
+    anchor: boolean;
+    ariaDescription: string;
+    ariaLabel: string;
+    autoGenerateColumns: boolean;
+    autoGenerateSwimlanes: boolean;
+    bbar: (TaskBoardContainerItemConfig | string)[] | ToolbarConfig | PagingToolbarConfig | null;
+    bodyCls: string | object;
+    bubbleEvents: object;
+    cardSizes: CardSize;
+    centered: boolean;
+    chainFilters: boolean;
+    collapseTitle: boolean;
+    collapsible: boolean | PanelCollapserConfig | PanelCollapserOverlayConfig;
+    color: string;
+    columnTitleRenderer: (renderData: object, columnRecord: ColumnModel) => string | DomConfig;
+    config: object;
+    constrainTo: HTMLElement | Widget | Rectangle;
+    cssVarPrefix: string;
+    dataField: string;
+    detectCSSCompatibilityIssues: boolean;
+    dock: 'top' | 'bottom' | 'left' | 'right' | 'start' | 'end' | 'header' | 'pre-header' | object;
+    draggable: boolean | {
+        handleSelector?: string;
+    };
+    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;
+    };
+    elementAttributes: Record<string, string | null>;
+    floating: boolean;
+    footer: {
+        dock?: 'top' | 'right' | 'bottom' | 'left' | 'start' | 'end';
+        html?: string;
+        cls?: string;
+    } | string;
+    header: string | boolean | PanelHeader;
+    hideAnimation: boolean | object;
+    htmlEncodeHeaderText: boolean;
+    icon: string | DomConfig;
+    ignoreParentReadOnly: boolean;
+    listeners: TaskBoardBaseListeners;
+    loadMask: string | MaskConfig | null;
+    loadMaskDefaults: MaskConfig;
+    loadMaskError: MaskConfig | Mask | boolean;
+    localeClass: typeof Base;
+    localizable: boolean;
+    localizableProperties: string[];
+    maskDefaults: MaskConfig;
+    masked: boolean | string | MaskConfig;
+    newTaskDefaults: TaskModelConfig;
+    owner: Widget | any;
+    plugins: Function[];
+    positioned: boolean;
+    processItems: (context: {
+        headerItems: Record<string, TaskItemOptions>;
+        bodyItems: Record<string, TaskItemOptions>;
+        footerItems: Record<string, TaskItemOptions>;
+        taskRecord: TaskModel;
+    }) => boolean | void;
+    record: Model;
+    relayStoreEvents: boolean;
+    resourceImagePath: string;
+    responsive: object;
+    responsiveRoot: boolean;
+    responsiveState: string;
+    responsiveTarget: string | Widget;
+    rootElement: ShadowRoot | HTMLElement;
+    scrollable: boolean | ScrollerConfig | Scroller;
+    scrollAction: 'hide' | 'realign' | null;
+    scrollManager: ScrollManagerConfig;
+    scrollOptions: BryntumScrollOptions;
+    selectOnNavigation: boolean | string;
+    showAnimation: boolean | object;
+    showCollapseInHeader: boolean;
+    showCountInHeader: boolean;
+    stateful: boolean | object | string[];
+    statefulEvents: object | string[];
+    stateId: string;
+    stateProvider: StateProvider;
+    stickyHeaders: boolean;
+    strips: Record<string, TaskBoardContainerItemConfig>;
+    swimlaneRenderer: (detail: {
+        swimlaneRecord: SwimlaneModel;
+        swimlaneConfig: DomConfig;
+    }) => void;
+    syncMask: string | object | null;
+    tab: boolean | TabConfig;
+    tabBarItems: ToolbarItems[] | Widget[];
+    taskRenderer: (detail: {
+        taskRecord: TaskModel;
+        columnRecord: ColumnModel;
+        swimlaneRecord: SwimlaneModel;
+        cardConfig: DomConfig;
+    }) => void;
+    taskSorterFn: boolean | ((first: TaskModel, second: TaskModel) => number);
+    tasksPerRow: number;
+    tbar: (TaskBoardContainerItemConfig | string)[] | ToolbarConfig | PagingToolbarConfig | null;
+    ui: 'plain' | 'toolbar' | string | object;
+    useDomTransition: boolean;
+    weight: number;
+    alignSelf: string;
+    appendTo: HTMLElement | string;
+    assignments: AssignmentModel[] | object[] | AssignmentModelConfig[];
+    bodyItems: Record<string, TaskItemOptions>;
+    callOnFunctions: boolean;
+    catchEventHandlerExceptions: boolean;
+    cls: string | object;
+    collapsed: boolean;
+    column: number;
+    columnField: string;
+    columns: Store | ColumnModel[] | ColumnModelConfig[] | string[] | string | StoreConfig;
+    css: typeof Proxy | Record<string, string>;
+    dataset: object | Record<string, string>;
+    disabled: boolean | 'inert';
+    drawOnScroll: boolean;
+    extraData: any;
+    flex: number | string;
+    footerItems: Record<string, TaskItemOptions>;
+    getTaskHeight: (taskRecord: TaskModel) => number;
+    headerItems: Record<string, TaskItemOptions>;
+    height: number | string;
+    hidden: boolean;
+    id: string;
+    inputFieldAlign: 'start' | 'end';
+    insertBefore: HTMLElement | string;
+    insertFirst: HTMLElement | string;
+    isTaskSelectable: (taskRecord: TaskModel) => boolean;
+    keyMap: Record<string, KeyMapConfig>;
+    labelPosition: 'before' | 'above' | 'align-before' | 'auto' | null;
+    margin: number | string;
+    maxHeight: string | number;
+    maximizeOnMobile: number | string;
+    maxWidth: string | number;
+    minHeight: string | number;
+    minWidth: string | number;
+    project: ProjectModel | ProjectModelConfig | object;
+    readOnly: boolean;
+    rendition: string | Record<string, string> | null;
+    resources: ResourceModel[] | object[] | ResourceModelConfig[];
+    rtl: boolean;
+    selectedTasks: TaskModel[];
+    showCollapseTooltip: boolean;
+    span: number;
+    stretchCards: boolean;
+    strictRecordMapping: boolean;
+    swimlaneField: string;
+    swimlanes: Store | SwimlaneModel[] | SwimlaneModelConfig[] | string | StoreConfig;
+    tasks: TaskModel[] | object[] | TaskModelConfig[];
+    title: string;
+    tools: Record<string, Tool | ToolConfig> | null | Record<string, Tool> | Record<string, ToolConfig>;
+    virtualize: boolean;
+    width: number | string;
+    x: number;
+    y: number;
+    anchorSize: number[];
+    focusVisible: boolean;
+    hasChanges: boolean;
+    parent: Widget;
+    state: any;
+    columnDragFeature: object | boolean | string | ColumnDrag | ColumnDragConfig;
+    columnFilterFeature: object | boolean | string | ColumnFilter | ColumnFilterConfig;
+    columnHeaderMenuFeature: object | boolean | string | ColumnHeaderMenu | ColumnHeaderMenuConfig;
+    columnLockFeature: object | boolean | string | ColumnLock | ColumnLockConfig;
+    columnRenameFeature: object | boolean | string | ColumnRename | ColumnRenameConfig;
+    columnResizeFeature: object | boolean | string | ColumnResize | ColumnResizeConfig;
+    columnSortFeature: object | boolean | string | ColumnSort | ColumnSortConfig;
+    columnToolbarsFeature: object | boolean | string | ColumnToolbars | ColumnToolbarsConfig;
+    filterBarFeature: object | boolean | string | FilterBar | FilterBarConfig;
+    simpleTaskEditFeature: object | boolean | string | SimpleTaskEdit | SimpleTaskEditConfig;
+    swimlaneDragFeature: object | boolean | string | SwimlaneDrag | SwimlaneDragConfig;
+    taskDragFeature: object | boolean | string | TaskDrag | TaskDragConfig;
+    taskDragSelectFeature: object | boolean | string | TaskDragSelect | TaskDragSelectConfig;
+    taskEditFeature: object | boolean | string | TaskEdit | TaskEditConfig;
+    taskMenuFeature: object | boolean | string | TaskMenu | TaskMenuConfig;
+    taskTooltipFeature: object | boolean | string | TaskTooltip | TaskTooltipConfig;
+    /**
+     * Triggered when a task is "activated" by pressing `Enter` or double clicking it.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-activateTask)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.TaskModel} event.taskRecord Task record
+     * @param {MouseEvent} event.event Browser event
+     */
+    onActivateTask: any;
+    /**
+     * Fires on the owning TaskBoard before column dragging starts. Return `false` to prevent the action
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source Owning TaskBoard
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord Column to be dragged
+     */
+    onBeforeColumnDrag: any;
+    /**
+     * Fires on the owning TaskBoard when dropping a column, before the operation completes. Handles async
+     * listeners, returning `false` from one will abort the operation
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-beforeColumnDrop)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source Owning TaskBoard
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord Dropped column
+     * @param {TaskBoard.model.ColumnModel} event.beforeColumn Dropped before this column
+     */
+    onBeforeColumnDrop: any;
+    /**
+     * This event is fired prior to starting a column resize gesture. The resize is canceled if a listener returns
+     * `false`.
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source The TaskBoard instance
+     * @param {TaskBoard.model.ColumnModel} event.column The column
+     * @param {Event} event.domEvent The browser event
+     */
+    onBeforeColumnResize: any;
+    /**
+     * Fires before an object is destroyed.
+     * @param {object} event Event object
+     * @param {Core.Base} event.source The Object that is being destroyed.
+     */
+    onBeforeDestroy: any;
+    /**
+     * Triggered before a widget is hidden. Return `false` to prevent the action.
+     * @param {object} event Event object
+     * @param {Core.widget.Widget} event.source The widget being hidden.
+     */
+    onBeforeHide: any;
+    /**
+     * Triggered before a new [responsiveState](https://bryntum.com/products/taskboard/docs/api/Core/widget/mixin/Responsive#config-responsiveState) is applied.
+     * @param {object} event Event object
+     * @param {Core.widget.Widget} event.source The widget whose `responsiveState` is to be changed
+     * @param {string} event.state The new value for the widget's `responsiveState`
+     * @param {string} event.oldState The previous value for the widget's `responsiveState`
+     */
+    onBeforeResponsiveStateChange: any;
+    /**
+     * Triggered before a widget is shown. Return `false` to prevent the action.
+     * @param {object} event Event object
+     * @param {Core.widget.Widget,any} event.source The widget being shown
+     */
+    onBeforeShow: any;
+    /**
+     * Fires on the owning TaskBoard before displaying an inline editor. Returning `false` stops the editor from
+     * being shown.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-beforeSimpleTaskEdit)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source The task board
+     * @param {TaskBoard.feature.SimpleTaskEdit} event.simpleTaskEdit The simpleTaskEdit feature
+     * @param {TaskBoard.model.TaskModel} event.taskRecord The record about to be shown in the editor
+     * @param {string} event.field Field name being edited
+     */
+    onBeforeSimpleTaskEdit: any;
+    /**
+     * Fired before state is applied to the source. Allows editing the state object or preventing the operation.
+     * @param {object} event Event object
+     * @param {any} event.state State object config
+     */
+    onBeforeStateApply: any;
+    /**
+     * Fired before state is saved by the StateProvider. Allows editing the state object or preventing the operation.
+     * @param {object} event Event object
+     * @param {any} event.state State object config
+     */
+    onBeforeStateSave: any;
+    /**
+     * Fires on the owning TaskBoard before task dragging starts. Return `false` to prevent the action
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source Owning TaskBoard
+     * @param {TaskBoard.model.TaskModel[]} event.taskRecords Tasks to be dragged
+     * @param {Event} event.domEvent The mouse event
+     */
+    onBeforeTaskDrag: any;
+    /**
+     * Fires on the owning TaskBoard when tasks are dropped, before the operation completes. Handles async
+     * listeners, returning `false` from one will abort the operation
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-beforeTaskDrop)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source Owning TaskBoard
+     * @param {TaskBoard.model.TaskModel[]} event.taskRecords Dropped tasks
+     * @param {TaskBoard.model.ColumnModel} event.targetColumn Dropped on this column
+     * @param {TaskBoard.model.SwimlaneModel} event.targetSwimlane Dropped in this swimlane (if used)
+     * @param {Event} event.domEvent The mouse event
+     */
+    onBeforeTaskDrop: any;
+    /**
+     * Fires on the owning TaskBoard before a task is displayed in an editor.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-beforeTaskEdit)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source The owning TaskBoard
+     * @param {TaskBoard.model.TaskModel} event.taskRecord The record about to be shown in the task editor
+     */
+    onBeforeTaskEdit: any;
+    /**
+     * Fires on the owning TaskBoard when the editor for a task is available, but before it is populated with data
+     * and shown. Allows manipulating fields etc.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-beforeTaskEditShow)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source The owning TaskBoard
+     * @param {TaskBoard.model.TaskModel} event.taskRecord The record about to be shown in the task editor
+     * @param {TaskBoard.widget.TaskEditor} event.editor The editor
+     */
+    onBeforeTaskEditShow: any;
+    /**
+     * Triggered when one or more tasks are to be removed by a call to `removeTask()`.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-beforeTaskRemove)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.TaskModel[]} event.taskRecords Task records to be removed
+     */
+    onBeforeTaskRemove: any;
+    /**
+     * Fires when any other event is fired from the object.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-catchAll)
+     * @param {object} event Event object
+     * @param {{[key: string]: any, type: string}} event.event The Object that contains event details
+     * @param {string} event.event.type The type of the event which is caught by the listener
+     */
+    onCatchAll: any;
+    /**
+     * This event fires on the owning TaskBoard when an item is selected in the column header menu.
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source The grid
+     * @param {Core.widget.Menu} event.menu The menu
+     * @param {Core.widget.MenuItem} event.item Selected menu item
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord The column
+     */
+    onCellMenuItem: any;
+    /**
+     * This event fires on the owning TaskBoard after the context menu is shown for a column header.
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source The grid
+     * @param {Core.widget.Menu} event.menu The menu
+     * @param {Record<string, MenuItemEntry>} event.items Menu item configs
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord The column
+     */
+    onCellMenuShow: any;
+    /**
+     * This event fires on the owning TaskBoard when a check item is toggled in the column header menu.
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source The grid
+     * @param {Core.widget.Menu} event.menu The menu
+     * @param {Core.widget.MenuItem} event.item Selected menu item
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord The column
+     * @param {boolean} event.checked Checked or not
+     */
+    onCellMenuToggleItem: any;
+    /**
+     * Fires when a Panel is collapsed using the [collapsible](https://bryntum.com/products/taskboard/docs/api/Core/widget/Panel#config-collapsible) setting.
+     * @param {object} event Event object
+     * @param {Core.widget.Panel} event.source This Panel.
+     */
+    onCollapse: any;
+    /**
+     * Triggered when a column is collapsed.
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord Column record
+     */
+    onColumnCollapse: any;
+    /**
+     * Fires on the owning TaskBoard when a column is dragged, if the drag leads to a change compared to
+     * the last columnDrag event.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-columnDrag)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source Owning TaskBoard
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord Column being dragged
+     * @param {TaskBoard.model.ColumnModel} event.beforeColumn Insert before this column on drop, `null` if last
+     */
+    onColumnDrag: any;
+    /**
+     * Fires on the owning TaskBoard when a drag operation is aborted (invalid drop or aborted using ESC)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source Owning TaskBoard
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord Dragged column
+     */
+    onColumnDragAbort: any;
+    /**
+     * Fires on the owning TaskBoard when a previously started drag operation ends, no matter the
+     * outcome of it (whether valid, invalid or aborted)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source Owning TaskBoard
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord Affected column
+     */
+    onColumnDragEnd: any;
+    /**
+     * Fires on the owning TaskBoard when column dragging starts
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source Owning TaskBoard
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord Column to be dragged
+     */
+    onColumnDragStart: any;
+    /**
+     * Fires on the owning TaskBoard when a column is successfully dropped (after the drop transition
+     * has finished)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source Owning TaskBoard
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord Dropped column
+     * @param {TaskBoard.model.ColumnModel} event.beforeColumn Dropped before this column (`null` if last)
+     * @param {TaskBoard.model.SwimlaneModel} event.targetSwimlane Dropped in this swimlane (if used)
+     */
+    onColumnDrop: any;
+    /**
+     * Triggered when a column is expanded.
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord Column record
+     */
+    onColumnExpand: any;
+    /**
+     * Triggered when the column filter is hidden.
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord Column record
+     */
+    onColumnFilterHide: any;
+    /**
+     * Triggered when the column filter is displayed.
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord Column record
+     */
+    onColumnFilterShow: any;
+    /**
+     * Triggered when the column filter visibility is toggled.
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord Column record
+     * @param {boolean} event.visible True if filter popup is visible, false otherwise
+     */
+    onColumnFilterToggle: any;
+    /**
+     * Triggered when a column header is clicked.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-columnHeaderClick)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord Column record
+     * @param {MouseEvent} event.event Browser event
+     */
+    onColumnHeaderClick: any;
+    /**
+     * Triggered when a column header is right-clicked.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-columnHeaderContextMenu)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord Column record
+     * @param {MouseEvent} event.event Browser event
+     */
+    onColumnHeaderContextMenu: any;
+    /**
+     * Triggered when a column header is double-clicked.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-columnHeaderDblClick)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord Column record
+     * @param {MouseEvent} event.event Browser event
+     */
+    onColumnHeaderDblClick: any;
+    /**
+     * This event fires on the owning TaskBoard before the menu is shown for a column header.
+     * Allows manipulation of the items to show in the same way as in the [processItems](https://bryntum.com/products/taskboard/docs/api/TaskBoard/feature/ColumnHeaderMenu#config-processItems).
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-columnHeaderMenuBeforeShow)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source The grid
+     * @param {Core.widget.Menu} event.menu The menu
+     * @param {Record<string, MenuItemEntry>} event.items Menu item configs
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord The column
+     */
+    onColumnHeaderMenuBeforeShow: any;
+    /**
+     * This event is fired after a resize gesture is completed.
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source The TaskBoard instance
+     * @param {TaskBoard.model.ColumnModel} event.column The column
+     * @param {Event} event.domEvent The browser event
+     */
+    onColumnResize: any;
+    /**
+     * This event is fired when a column resize gesture starts.
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source The TaskBoard instance
+     * @param {TaskBoard.model.ColumnModel} event.column The column
+     * @param {Event} event.domEvent The browser event
+     */
+    onColumnResizeStart: any;
+    /**
+     * Triggered when a column title element is clicked.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-columnTitleClick)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord Column record
+     * @param {MouseEvent} event.event Browser event
+     */
+    onColumnTitleClick: any;
+    /**
+     * Triggered when a column title element is right-clicked.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-columnTitleContextMenu)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord Column record
+     * @param {MouseEvent} event.event Browser event
+     */
+    onColumnTitleContextMenu: any;
+    /**
+     * Triggered when a column title element is double-clicked.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-columnTitleDblClick)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord Column record
+     * @param {MouseEvent} event.event Browser event
+     */
+    onColumnTitleDblClick: any;
+    /**
+     * Triggered when the column collapsed state is toggled.
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord Column record
+     * @param {boolean} event.collapse `true` if the column is being collapsed.
+     */
+    onColumnToggle: any;
+    /**
+     * Fires when an object is destroyed.
+     * @param {object} event Event object
+     * @param {Core.Base} event.source The Object that is being destroyed.
+     */
+    onDestroy: any;
+    /**
+     * Fires when a field is mutated and the state of the [hasChanges](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container#property-hasChanges) property changes
+     * @param {object} event Event object
+     * @param {Core.widget.Container} event.source The container.
+     * @param {boolean} event.dirty The dirty state of the Container - `true` if there are any fields which have been changed since initial load.
+     */
+    onDirtyStateChange: any;
+    /**
+     * Triggered when a widget's [element](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-element) is available.
+     * @param {object} event Event object
+     * @param {HTMLElement} event.element The Widget's element.
+     */
+    onElementCreated: any;
+    /**
+     * Fires when a Panel is expanded using the [collapsible](https://bryntum.com/products/taskboard/docs/api/Core/widget/Panel#config-collapsible) setting.
+     * @param {object} event Event object
+     * @param {Core.widget.Panel} event.source This Panel.
+     */
+    onExpand: any;
+    /**
+     * Fired when focus enters this Widget.
+     * @param {object} event Event object
+     * @param {Core.widget.Widget} event.source This Widget
+     * @param {HTMLElement} event.fromElement The element which lost focus.
+     * @param {HTMLElement} event.toElement The element which gained focus.
+     * @param {Core.widget.Widget} event.fromWidget The widget which lost focus.
+     * @param {Core.widget.Widget} event.toWidget The widget which gained focus.
+     * @param {boolean} event.backwards `true` if the `toElement` is before the `fromElement` in document order.
+     */
+    onFocusIn: any;
+    /**
+     * 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 {object} event Event object
+     * @param {Core.widget.Widget} event.source This Widget
+     * @param {HTMLElement} event.fromElement The element which lost focus.
+     * @param {HTMLElement} event.toElement The element which gained focus.
+     * @param {Core.widget.Widget} event.fromWidget The widget which lost focus.
+     * @param {Core.widget.Widget} event.toWidget The widget which gained focus.
+     * @param {boolean} event.backwards `true` if the `toElement` is before the `fromElement` in document order.
+     */
+    onFocusOut: any;
+    /**
+     * Triggered after a widget was hidden
+     * @param {object} event Event object
+     * @param {Core.widget.Widget} event.source The widget
+     */
+    onHide: any;
+    /**
+     * Triggered when a widget which had been in a non-visible state for any reason
+     * achieves visibility.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-paint)
+     * @param {object} event Event object
+     * @param {Core.widget.Widget} event.source The widget being painted.
+     * @param {boolean} event.firstPaint `true` if this is the first paint.
+     */
+    onPaint: any;
+    /**
+     * Fired when a Widget's read only state is toggled
+     * @param {object} event Event object
+     * @param {boolean} event.readOnly Read only or not
+     */
+    onReadOnly: any;
+    /**
+     * 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/taskboard/docs/api/Core/widget/Widget#function-recompose), if this results in some change to the widget's rendered DOM elements.
+     */
+    onRecompose: any;
+    /**
+     * Triggered when a tasks element is removed.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-removeTaskElement)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source TaskBoard instance
+     * @param {string,number} event.taskId Id of the task (not the record itself since it might be removed)
+     * @param {HTMLElement} event.element Tasks element
+     */
+    onRemoveTaskElement: any;
+    /**
+     * Triggered when a task is rendered.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-renderTask)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source TaskBoard instance
+     * @param {TaskBoard.model.TaskModel} event.taskRecord Task being rendered
+     * @param {boolean} event.isRefresh `true` if the element was updated, `false` if it was added
+     * @param {HTMLElement} event.element Tasks element
+     */
+    onRenderTask: any;
+    /**
+     * Triggered when all tasks in the task board are rendered
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source TaskBoard instance
+     * @param {TaskBoard.model.TaskModel[]} event.taskRecords Tasks being rendered
+     */
+    onRenderTasks: any;
+    /**
+     * Fired when the encapsulating element of a Widget resizes *only when [monitorResize](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-monitorResize) is `true`*.
+     * @param {object} event Event object
+     * @param {Core.widget.Widget} event.source This Widget
+     * @param {number} event.width The new width
+     * @param {number} event.height The new height
+     * @param {number} event.oldWidth The old width
+     * @param {number} event.oldHeight The old height
+     */
+    onResize: any;
+    /**
+     * Triggered when a new [responsiveState](https://bryntum.com/products/taskboard/docs/api/Core/widget/mixin/Responsive#config-responsiveState) is applied.
+     * @param {object} event Event object
+     * @param {Core.widget.Widget} event.source The widget whose `responsiveState` has changed
+     * @param {string} event.state The new value for the widget's `responsiveState`
+     * @param {string} event.oldState The previous value for the widget's `responsiveState`
+     */
+    onResponsiveStateChange: any;
+    /**
+     * Triggered when task selection changes.
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source TaskBoard instance
+     * @param {'select','deselect'} event.action Either 'select' or 'deselect', depending on operation
+     * @param {TaskBoard.model.TaskModel[]} event.selection All currently selected tasks
+     * @param {TaskBoard.model.TaskModel[]} event.select Tasks selected by the operation
+     * @param {TaskBoard.model.TaskModel[]} event.deselect Tasks deselected by the operation
+     */
+    onSelectionChange: any;
+    /**
+     * Triggered after a widget is shown.
+     * @param {object} event Event object
+     * @param {Core.widget.Widget} event.source The widget
+     */
+    onShow: any;
+    /**
+     * Fires on the owning TaskBoard when inline editing of a field is cancelled (by pressing ESC).
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-simpleTaskEditCancel)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source The task board
+     * @param {TaskBoard.feature.SimpleTaskEdit} event.simpleTaskEdit The simpleTaskEdit feature
+     * @param {TaskBoard.model.TaskModel} event.taskRecord Record that was edited
+     * @param {string} event.field Field name being edited
+     */
+    onSimpleTaskEditCancel: any;
+    /**
+     * Fires on the owning TaskBoard when inline editing of a field has successfully finished.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-simpleTaskEditComplete)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source The task board
+     * @param {TaskBoard.feature.SimpleTaskEdit} event.simpleTaskEdit The simpleTaskEdit feature
+     * @param {TaskBoard.model.TaskModel} event.taskRecord Record that was edited
+     * @param {string} event.field Field name being edited
+     */
+    onSimpleTaskEditComplete: any;
+    /**
+     * Triggered when a swimlane is collapsed.
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.SwimlaneModel} event.swimlaneRecord Swimlane record
+     */
+    onSwimlaneCollapse: any;
+    /**
+     * Triggered when a swimlane is expanded.
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.SwimlaneModel} event.swimlaneRecord Swimlane record
+     */
+    onSwimlaneExpand: any;
+    /**
+     * Triggered when a swimlane header is clicked.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-swimlaneHeaderClick)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.SwimlaneModel} event.swimlaneRecord Swimlane record
+     * @param {MouseEvent} event.event Browser event
+     */
+    onSwimlaneHeaderClick: any;
+    /**
+     * Triggered when a swimlane header is right-clicked.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-swimlaneHeaderContextMenu)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.SwimlaneModel} event.swimlaneRecord Swimlane record
+     * @param {MouseEvent} event.event Browser event
+     */
+    onSwimlaneHeaderContextMenu: any;
+    /**
+     * Triggered when a swimlane header is double-clicked.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-swimlaneHeaderDblClick)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.SwimlaneModel} event.swimlaneRecord Swimlane record
+     * @param {MouseEvent} event.event Browser event
+     */
+    onSwimlaneHeaderDblClick: any;
+    /**
+     * Triggered when the swimlane collapsed state is toggled.
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.SwimlaneModel} event.swimlaneRecord Swimlane record
+     * @param {boolean} event.collapse `true` if the column is being collapsed.
+     */
+    onSwimlaneToggle: any;
+    /**
+     * Triggered when a card is clicked.
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-taskClick)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.TaskModel} event.taskRecord Task record
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord Column record for the tasks column
+     * @param {TaskBoard.model.SwimlaneModel} event.swimlaneRecord Swimlane record for the tasks swimlane (if used)
+     * @param {MouseEvent} event.event Browser event
+     */
+    onTaskClick: any;
+    /**
+     * Triggered when a card is double-clicked
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-taskDblClick)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.TaskModel} event.taskRecord Task record
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord Column record for the tasks column
+     * @param {TaskBoard.model.SwimlaneModel} event.swimlaneRecord Swimlane record for the tasks swimlane (if used)
+     * @param {MouseEvent} event.event Browser event
+     */
+    onTaskDblClick: any;
+    /**
+     * Fires on the owning TaskBoard when tasks are dragged, if the drag leads to any changes compared to
+     * the last taskDrag event (moved to a new column or changed order within a column).
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-taskDrag)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source Owning TaskBoard
+     * @param {TaskBoard.model.TaskModel[]} event.taskRecords Dragged tasks
+     * @param {TaskBoard.model.ColumnModel} event.targetColumn Currently over this column
+     * @param {TaskBoard.model.SwimlaneModel} event.targetSwimlane Currently over this swimlane (if used)
+     * @param {Event} event.domEvent The mouse event
+     */
+    onTaskDrag: any;
+    /**
+     * Fires on the owning TaskBoard when a drag operation is aborted (invalid drop or aborted using ESC)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source Owning TaskBoard
+     * @param {TaskBoard.model.TaskModel[]} event.taskRecords Dragged tasks
+     */
+    onTaskDragAbort: any;
+    /**
+     * Fires on the owning TaskBoard when a previously started drag operation ends, no matter the
+     * outcome of it (whether valid, invalid or aborted)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source Owning TaskBoard
+     * @param {TaskBoard.model.TaskModel[]} event.taskRecords Affected tasks
+     * @param {Event} event.domEvent The mouse event
+     */
+    onTaskDragEnd: any;
+    /**
+     * Fires on the owning TaskBoard when task dragging starts
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source Owning TaskBoard
+     * @param {TaskBoard.model.TaskModel[]} event.taskRecords Tasks to be dragged
+     * @param {Event} event.domEvent The mouse event
+     */
+    onTaskDragStart: any;
+    /**
+     * Fires on the owning TaskBoard when tasks are successfully dropped (after the drop transition has
+     * finished)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source Owning TaskBoard
+     * @param {TaskBoard.model.TaskModel[]} event.taskRecords Dropped tasks
+     * @param {TaskBoard.model.ColumnModel} event.targetColumn Dropped on this column
+     * @param {TaskBoard.model.SwimlaneModel} event.targetSwimlane Dropped in this swimlane (if used)
+     * @param {Event} event.domEvent The mouse event
+     */
+    onTaskDrop: any;
+    /**
+     * This event fires on the owning TaskBoard before the context menu is shown for a task.
+     * Allows manipulation of the items to show in the same way as in the [processItems](https://bryntum.com/products/taskboard/docs/api/TaskBoard/feature/TaskMenu#config-processItems).
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-taskMenuBeforeShow)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source The grid
+     * @param {Core.widget.Menu} event.menu The menu
+     * @param {Record<string, MenuItemEntry>} event.items Menu item configs
+     * @param {TaskBoard.model.TaskModel} event.taskRecord The task
+     */
+    onTaskMenuBeforeShow: any;
+    /**
+     * This event fires on the owning TaskBoard when an item is selected in the task context menu.
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source The grid
+     * @param {Core.widget.Menu} event.menu The menu
+     * @param {Core.widget.MenuItem} event.item Selected menu item
+     * @param {TaskBoard.model.TaskModel} event.taskRecord The task
+     */
+    onTaskMenuItem: any;
+    /**
+     * This event fires on the owning TaskBoard after the context menu is shown for a task.
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source The grid
+     * @param {Core.widget.Menu} event.menu The menu
+     * @param {Record<string, MenuItemEntry>} event.items Menu item configs
+     * @param {TaskBoard.model.TaskModel} event.taskRecord The task
+     */
+    onTaskMenuShow: any;
+    /**
+     * This event fires on the owning TaskBoard when a check item is toggled in the task context menu.
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source The grid
+     * @param {Core.widget.Menu} event.menu The menu
+     * @param {Core.widget.MenuItem} event.item Selected menu item
+     * @param {TaskBoard.model.TaskModel} event.taskRecord The task
+     * @param {boolean} event.checked Checked or not
+     */
+    onTaskMenuToggleItem: any;
+    /**
+     * Triggered when the mouse enters a card
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-taskMouseEnter)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.TaskModel} event.taskRecord Task record
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord Column record for the tasks column
+     * @param {TaskBoard.model.SwimlaneModel} event.swimlaneRecord Swimlane record for the tasks swimlane (if used)
+     * @param {MouseEvent} event.event Browser event
+     */
+    onTaskMouseEnter: any;
+    /**
+     * Triggered when the mouse leaves a card
+     * ...
+     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#event-taskMouseLeave)
+     * @param {object} event Event object
+     * @param {TaskBoard.view.TaskBoard} event.source This TaskBoard
+     * @param {TaskBoard.model.TaskModel} event.taskRecord Task record
+     * @param {TaskBoard.model.ColumnModel} event.columnRecord Column record for the tasks column
+     * @param {TaskBoard.model.SwimlaneModel} event.swimlaneRecord Swimlane record for the tasks swimlane (if used)
+     * @param {MouseEvent} event.event Browser event
+     */
+    onTaskMouseLeave: any;
+    /**
+     * A header [tool](https://bryntum.com/products/taskboard/docs/api/Core/widget/Panel#config-tools) has been clicked.
+     * @param {object} event Event object
+     * @param {Core.widget.Tool} event.source This Panel.
+     * @param {Core.widget.Tool} event.tool The tool which is being clicked.
+     */
+    onToolClick: any;
+    /**
+     * Create and append the underlying widget
+     */
+    ngOnInit(): void;
+    /**
+     * Watch for changes
+     * @param changes
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Destroy the component
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BryntumTaskBoardBaseComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumTaskBoardBaseComponent, "bryntum-task-board-base", never, { "activateTaskEvent": "activateTaskEvent"; "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoGenerateColumns": "autoGenerateColumns"; "autoGenerateSwimlanes": "autoGenerateSwimlanes"; "bbar": "bbar"; "bodyCls": "bodyCls"; "bubbleEvents": "bubbleEvents"; "cardSizes": "cardSizes"; "centered": "centered"; "chainFilters": "chainFilters"; "collapseTitle": "collapseTitle"; "collapsible": "collapsible"; "color": "color"; "columnTitleRenderer": "columnTitleRenderer"; "config": "config"; "constrainTo": "constrainTo"; "cssVarPrefix": "cssVarPrefix"; "dataField": "dataField"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "drawer": "drawer"; "elementAttributes": "elementAttributes"; "floating": "floating"; "footer": "footer"; "header": "header"; "hideAnimation": "hideAnimation"; "htmlEncodeHeaderText": "htmlEncodeHeaderText"; "icon": "icon"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "listeners": "listeners"; "loadMask": "loadMask"; "loadMaskDefaults": "loadMaskDefaults"; "loadMaskError": "loadMaskError"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "newTaskDefaults": "newTaskDefaults"; "owner": "owner"; "plugins": "plugins"; "positioned": "positioned"; "processItems": "processItems"; "record": "record"; "relayStoreEvents": "relayStoreEvents"; "resourceImagePath": "resourceImagePath"; "responsive": "responsive"; "responsiveRoot": "responsiveRoot"; "responsiveState": "responsiveState"; "responsiveTarget": "responsiveTarget"; "rootElement": "rootElement"; "scrollable": "scrollable"; "scrollAction": "scrollAction"; "scrollManager": "scrollManager"; "scrollOptions": "scrollOptions"; "selectOnNavigation": "selectOnNavigation"; "showAnimation": "showAnimation"; "showCollapseInHeader": "showCollapseInHeader"; "showCountInHeader": "showCountInHeader"; "stateful": "stateful"; "statefulEvents": "statefulEvents"; "stateId": "stateId"; "stateProvider": "stateProvider"; "stickyHeaders": "stickyHeaders"; "strips": "strips"; "swimlaneRenderer": "swimlaneRenderer"; "syncMask": "syncMask"; "tab": "tab"; "tabBarItems": "tabBarItems"; "taskRenderer": "taskRenderer"; "taskSorterFn": "taskSorterFn"; "tasksPerRow": "tasksPerRow"; "tbar": "tbar"; "ui": "ui"; "useDomTransition": "useDomTransition"; "weight": "weight"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "assignments": "assignments"; "bodyItems": "bodyItems"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "collapsed": "collapsed"; "column": "column"; "columnField": "columnField"; "columns": "columns"; "css": "css"; "dataset": "dataset"; "disabled": "disabled"; "drawOnScroll": "drawOnScroll"; "extraData": "extraData"; "flex": "flex"; "footerItems": "footerItems"; "getTaskHeight": "getTaskHeight"; "headerItems": "headerItems"; "height": "height"; "hidden": "hidden"; "id": "id"; "inputFieldAlign": "inputFieldAlign"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "isTaskSelectable": "isTaskSelectable"; "keyMap": "keyMap"; "labelPosition": "labelPosition"; "margin": "margin"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "project": "project"; "readOnly": "readOnly"; "rendition": "rendition"; "resources": "resources"; "rtl": "rtl"; "selectedTasks": "selectedTasks"; "showCollapseTooltip": "showCollapseTooltip"; "span": "span"; "stretchCards": "stretchCards"; "strictRecordMapping": "strictRecordMapping"; "swimlaneField": "swimlaneField"; "swimlanes": "swimlanes"; "tasks": "tasks"; "title": "title"; "tools": "tools"; "virtualize": "virtualize"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "focusVisible": "focusVisible"; "hasChanges": "hasChanges"; "parent": "parent"; "state": "state"; "columnDragFeature": "columnDragFeature"; "columnFilterFeature": "columnFilterFeature"; "columnHeaderMenuFeature": "columnHeaderMenuFeature"; "columnLockFeature": "columnLockFeature"; "columnRenameFeature": "columnRenameFeature"; "columnResizeFeature": "columnResizeFeature"; "columnSortFeature": "columnSortFeature"; "columnToolbarsFeature": "columnToolbarsFeature"; "filterBarFeature": "filterBarFeature"; "simpleTaskEditFeature": "simpleTaskEditFeature"; "swimlaneDragFeature": "swimlaneDragFeature"; "taskDragFeature": "taskDragFeature"; "taskDragSelectFeature": "taskDragSelectFeature"; "taskEditFeature": "taskEditFeature"; "taskMenuFeature": "taskMenuFeature"; "taskTooltipFeature": "taskTooltipFeature"; }, { "onActivateTask": "onActivateTask"; "onBeforeColumnDrag": "onBeforeColumnDrag"; "onBeforeColumnDrop": "onBeforeColumnDrop"; "onBeforeColumnResize": "onBeforeColumnResize"; "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeResponsiveStateChange": "onBeforeResponsiveStateChange"; "onBeforeShow": "onBeforeShow"; "onBeforeSimpleTaskEdit": "onBeforeSimpleTaskEdit"; "onBeforeStateApply": "onBeforeStateApply"; "onBeforeStateSave": "onBeforeStateSave"; "onBeforeTaskDrag": "onBeforeTaskDrag"; "onBeforeTaskDrop": "onBeforeTaskDrop"; "onBeforeTaskEdit": "onBeforeTaskEdit"; "onBeforeTaskEditShow": "onBeforeTaskEditShow"; "onBeforeTaskRemove": "onBeforeTaskRemove"; "onCatchAll": "onCatchAll"; "onCellMenuItem": "onCellMenuItem"; "onCellMenuShow": "onCellMenuShow"; "onCellMenuToggleItem": "onCellMenuToggleItem"; "onCollapse": "onCollapse"; "onColumnCollapse": "onColumnCollapse"; "onColumnDrag": "onColumnDrag"; "onColumnDragAbort": "onColumnDragAbort"; "onColumnDragEnd": "onColumnDragEnd"; "onColumnDragStart": "onColumnDragStart"; "onColumnDrop": "onColumnDrop"; "onColumnExpand": "onColumnExpand"; "onColumnFilterHide": "onColumnFilterHide"; "onColumnFilterShow": "onColumnFilterShow"; "onColumnFilterToggle": "onColumnFilterToggle"; "onColumnHeaderClick": "onColumnHeaderClick"; "onColumnHeaderContextMenu": "onColumnHeaderContextMenu"; "onColumnHeaderDblClick": "onColumnHeaderDblClick"; "onColumnHeaderMenuBeforeShow": "onColumnHeaderMenuBeforeShow"; "onColumnResize": "onColumnResize"; "onColumnResizeStart": "onColumnResizeStart"; "onColumnTitleClick": "onColumnTitleClick"; "onColumnTitleContextMenu": "onColumnTitleContextMenu"; "onColumnTitleDblClick": "onColumnTitleDblClick"; "onColumnToggle": "onColumnToggle"; "onDestroy": "onDestroy"; "onDirtyStateChange": "onDirtyStateChange"; "onElementCreated": "onElementCreated"; "onExpand": "onExpand"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onRemoveTaskElement": "onRemoveTaskElement"; "onRenderTask": "onRenderTask"; "onRenderTasks": "onRenderTasks"; "onResize": "onResize"; "onResponsiveStateChange": "onResponsiveStateChange"; "onSelectionChange": "onSelectionChange"; "onShow": "onShow"; "onSimpleTaskEditCancel": "onSimpleTaskEditCancel"; "onSimpleTaskEditComplete": "onSimpleTaskEditComplete"; "onSwimlaneCollapse": "onSwimlaneCollapse"; "onSwimlaneExpand": "onSwimlaneExpand"; "onSwimlaneHeaderClick": "onSwimlaneHeaderClick"; "onSwimlaneHeaderContextMenu": "onSwimlaneHeaderContextMenu"; "onSwimlaneHeaderDblClick": "onSwimlaneHeaderDblClick"; "onSwimlaneToggle": "onSwimlaneToggle"; "onTaskClick": "onTaskClick"; "onTaskDblClick": "onTaskDblClick"; "onTaskDrag": "onTaskDrag"; "onTaskDragAbort": "onTaskDragAbort"; "onTaskDragEnd": "onTaskDragEnd"; "onTaskDragStart": "onTaskDragStart"; "onTaskDrop": "onTaskDrop"; "onTaskMenuBeforeShow": "onTaskMenuBeforeShow"; "onTaskMenuItem": "onTaskMenuItem"; "onTaskMenuShow": "onTaskMenuShow"; "onTaskMenuToggleItem": "onTaskMenuToggleItem"; "onTaskMouseEnter": "onTaskMouseEnter"; "onTaskMouseLeave": "onTaskMouseLeave"; "onToolClick": "onToolClick"; }, never, never>;
+}