@bryntum/taskboard-vue-3-thin 7.2.0 → 7.2.2

package/lib/chunks/CPFlJHkf.js.map

@@ -1 +1 @@
-{"version":3,"file":"CPFlJHkf.js","sources":["../../src/components/BryntumTaskColorCombo.vue"],"sourcesContent":["<!-- Vue 3 wrapper for Bryntum TaskColorCombo -->\n\n<template>\n    <div ref=\"refElement\">\n\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n\nimport { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';\n\nimport type { AlignSpec, Base, ColorDescriptor, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';\nimport type { TaskBoardContainerItemConfig, TaskColorComboListeners } from '@bryntum/taskboard-thin';\nimport { TaskColorCombo } from '@bryntum/taskboard-thin';\n\nimport { WrapperHelper } from '../helper/WrapperHelper';\n\ndefineProps<{\n    // Configs\n    /**\n     * Adds an option in the picker to set no background color\n     */\n    addNoColorItem ? : Boolean\n    /**\n     * Element (or element id) to adopt as this Widget's encapsulating element. The widget's\n     * content will be placed inside this element.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-adopt)\n     */\n    adopt ? : HTMLElement|string\n    /**\n     * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating).*\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-align)\n     */\n    align ? : AlignSpec|string\n    /**\n     * 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\n     * flexbox layout. This config allows you to set this widget's\n     * [align-self](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self) style.\n     */\n    alignSelf ? : string\n    /**\n     * *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).*\n     * `true` to show a connector arrow pointing to the align target.\n     */\n    anchor ? : Boolean\n    /**\n     * Element (or the id of an element) to append this widget's element to. Can be configured, or set once at\n     * runtime. To access the element of a rendered widget, see [element](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-element).\n     */\n    appendTo ? : HTMLElement|string\n    /**\n     * A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject\n     * into an element which will be linked using the `aria-describedby` attribute.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-ariaDescription)\n     */\n    ariaDescription ? : string\n    /**\n     * A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject as\n     * the `aria-label` attribute.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-ariaLabel)\n     */\n    ariaLabel ? : string\n    /**\n     * Sets the native `autocomplete` property of the underlying input element. For more information, please refer to\n     * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)\n     */\n    autoComplete ? : string\n    /**\n     * Configure as `true` to have the picker expand upon focus enter.\n     */\n    autoExpand ? : Boolean\n    /**\n     * Specify `true` to auto select field contents on focus\n     */\n    autoSelect ? : Boolean\n    /**\n     * Initial text to show in badge.\n     */\n    badge ? : string\n    /**\n     * An object where property names with a truthy value indicate which events should bubble up the ownership\n     * hierarchy when triggered.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-bubbleEvents)\n     */\n    bubbleEvents ? : object\n    /**\n     * Set to `false` to not call onXXX method names (e.g. `onShow`, `onClick`), as an easy way to listen for events.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-callOnFunctions)\n     */\n    callOnFunctions ? : Boolean\n    /**\n     * By default, if an event handler throws an exception, the error propagates up the stack and the\n     * application state is undefined. Code which follows the event handler will *not* be executed.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-catchEventHandlerExceptions)\n     */\n    catchEventHandlerExceptions ? : Boolean\n    /**\n     * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating).*\n     * Set to `true` to centre the Widget in browser viewport space.\n     */\n    centered ? : Boolean\n    /**\n     * Show a trigger to clear field, if this field is not [readOnly](https://bryntum.com/products/taskboard/docs/api/Core/widget/Field#config-readOnly). The trigger is available\n     * in the [triggers](https://bryntum.com/products/taskboard/docs/api/Core/widget/Field#property-triggers) object under the name `clear`. May also be an object which\n     * configures the `clear` [trigger](https://bryntum.com/products/taskboard/docs/api/Core/widget/Field#property-triggers).\n     */\n    clearable ? : Boolean|FieldTriggerConfig\n    /**\n     * Custom CSS classes to add to element.\n     * May be specified as a space separated string, or as an object in which property names\n     * with truthy values are used as the class names:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-cls)\n     */\n    cls ? : string|object\n    /**\n     * The `colors` property can be an array of string CSS colors or of objects with `color`\n     * and `text` properties from which the user can chose from. This will override the\n     * [pickers default colors](https://bryntum.com/products/taskboard/docs/api/Core/widget/ColorPicker#config-colors).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-colors)\n     */\n    colors ? : (string|ColorDescriptor)[]\n    /**\n     * Programmatic control over which column to start in when used in a grid layout.\n     */\n    column ? : number\n    config ? : object\n    /**\n     * *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).*\n     * Element, Widget or Rectangle to which this Widget is constrained.\n     */\n    constrainTo ? : HTMLElement|Widget|Rectangle\n    /**\n     * The configuration for additional items associated to this field. This is typically used to add contextual\n     * fields related to a [checkbox](https://bryntum.com/products/taskboard/docs/api/Core/widget/Checkbox) or [radio button](#Core/widget/Radio). See\n     * these classes for examples of nested fields.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-container)\n     */\n    container ? : Record<string, TaskBoardContainerItemConfig>|TaskBoardContainerItemConfig[]|FieldContainerConfig|FieldContainer\n    /**\n     * The config controls how the value of nested items are handled when a parent container gets or sets its\n     * [values](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container#property-values).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-containValues)\n     * @param {Core.widget.Field} field Field instance\n     * @returns {boolean}\n     */\n    containValues ? : Boolean|string|((field: Field) => Boolean)\n    /**\n     * Custom CSS classes to add to the [contentElement](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-contentElement).\n     * May be specified as a space separated string, or as an object in which property names\n     * with truthy values are used as the class names:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-contentElementCls)\n     */\n    contentElementCls ? : string|object\n    /**\n     * When this Widget configuration is used in the Grid's RowExpander feature's `widget` config, provide the\n     * field on the expanded record to use for populating this widget's store (if applicable)\n     */\n    dataField ? : string\n    /**\n     * Object to apply to elements dataset (each key will be used as a data-attribute on the element)\n     */\n    dataset ? : Record<string, string>\n    /**\n     * The name of the property to set when a single value is to be applied to this Widget. Such as when used\n     * in a grid WidgetColumn, this is the property to which the column's `field` is applied.\n     */\n    defaultBindProperty ? : string\n    /**\n     * Check for CSS compatibility issues when upgrading to v7. Performs the following checks:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-detectCSSCompatibilityIssues)\n     */\n    detectCSSCompatibilityIssues ? : Boolean\n    /**\n     * 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\n     * cannot be focused, uses a different rendition (usually greyish) and does not allow selecting its value.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-disabled)\n     */\n    disabled ? : Boolean|'inert'\n    /**\n     * Controls the placement of this widget when it is added to a [panel's ](https://bryntum.com/products/taskboard/docs/api/Core/widget/Panel)\n     * [strips collection](https://bryntum.com/products/taskboard/docs/api/Core/widget/Panel#config-strips). Typical values for this config are `'top'`,\n     * `'bottom'`, `'left'`, or `'right'`, which cause the widget to be placed on that side of the panel's\n     * body. Such widgets are called \"edge strips\".\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-dock)\n     */\n    dock ? : 'top'|'bottom'|'left'|'right'|'start'|'end'|'header'|'pre-header'|object\n    /**\n     * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating).*\n     * Set to `true` to be able to drag a widget freely on the page. Or set to an object with a ´handleSelector´\n     * property which controls when a drag should start.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-draggable)\n     */\n    draggable ? : Boolean|{\n        handleSelector?: string\n    }\n    /**\n     * An object specifying attributes to assign to the root element of this widget.\n     * Set `null` value to attribute to remove it.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-elementAttributes)\n     */\n    elementAttributes ? : Record<string, string|null>\n    extraData ? : any\n    /**\n     * 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\n     * flexbox layout. This config allows you to set this widget's\n     * [flex](https://developer.mozilla.org/en-US/docs/Web/CSS/flex) style.\n     * This may be configured as a single number or a `&lt;flex-grow&gt; &lt;flex-shrink&gt; &lt;flex-basis&gt;` format string.\n     * numeric-only values are interpreted as the `flex-grow` value.\n     */\n    flex ? : number|string\n    /**\n     * Set to `true` to move the widget out of the document flow and position it\n     * absolutely in browser viewport space.\n     */\n    floating ? : Boolean\n    /**\n     * Widget's height, used to set element `style.height`. Either specify a valid height string or a number,\n     * which will get 'px' appended. We recommend using CSS as the primary way to control height, but in some\n     * cases this config is convenient.\n     */\n    height ? : string|number\n    /**\n     * Configure with true to make widget initially hidden.\n     */\n    hidden ? : Boolean\n    /**\n     * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating).*\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-hideAnimation)\n     */\n    hideAnimation ? : Boolean|object\n    /**\n     * Specify `true` to highlight field after external value changes\n     */\n    highlightExternalChange ? : Boolean\n    /**\n     * An optional string to display inside the input field as an overlay. This can be useful for displaying\n     * a field's units.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-hint)\n     * @param {object} data A data object\n     * @param {Core.widget.Field} data.source A reference to the field instance\n     * @param {any} data.value The current value of the field\n     * @returns {string}\n     */\n    hint ? : string|((data: { source: Field, value: any }) => string)\n    /**\n     * This config is similar to [hint](https://bryntum.com/products/taskboard/docs/api/Core/widget/Field#config-hint) except that this config is used to display HTML content.\n     * Since this can allow malicious content to be executed, be sure not to include user-entered data or to\n     * encode such data (see [encodeHtml](https://bryntum.com/products/taskboard/docs/api/Core/helper/StringHelper#function-encodeHtml-static)).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-hintHtml)\n     * @param {object} data A data object\n     * @param {Core.widget.Field} data.source A reference to the field instance\n     * @param {any} data.value The current value of the field\n     * @returns {string}\n     */\n    hintHtml ? : string|((data: { source: Field, value: any }) => string)\n    /**\n     * Widget id, if not specified one will be generated. Also used for lookups through Widget.getById\n     */\n    id ? : string\n    /**\n     * Determines if the widgets read-only state should be controlled by its parent.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-ignoreParentReadOnly)\n     */\n    ignoreParentReadOnly ? : Boolean\n    /**\n     * Set this config to `true` to always display items horizontally along with this field. This assigns an\n     * [hbox](https://bryntum.com/products/taskboard/docs/api/Core/widget/layout/Box) as the [layout](#Core/widget/Container#config-layout) to the\n     * [container](https://bryntum.com/products/taskboard/docs/api/Core/widget/Field#config-container).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-inline)\n     */\n    inline ? : Boolean\n    /**\n     * Text alignment for the input field.\n     */\n    inputAlign ? : string\n    /**\n     * Sets custom attributes of the underlying input element. For more information, please refer to\n     * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes)\n     */\n    inputAttributes ? : Record<string, string>\n    /**\n     * If you need to use something else than a default `input` element, as the input element, provide the tag\n     * name here. Please note that this is used for advanced usage only, for example when using WebComponents\n     * (custom elements), and that the configured element must fulfil the same contract as a regular input\n     * element.\n     */\n    inputTag ? : string\n    /**\n     * Sets the `type` attribute of the underlying input element (password, hidden, date, color, etc.).\n     */\n    inputType ? : string\n    /**\n     * The width to apply to the `.b-field-inner` element, which encompasses the `input` element and any\n     * triggers. If a number is specified, `px` will be used.\n     */\n    inputWidth ? : string|number\n    /**\n     * 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.\n     */\n    insertBefore ? : HTMLElement|string\n    /**\n     * 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.\n     */\n    insertFirst ? : HTMLElement|string\n    /**\n     * An object whose keys are the [key](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key) name\n     * and optional modifier prefixes: `'Ctrl+'`, `'Alt+'`, `'Meta+'`, and `'Shift+'` (case-insensitive). The values\n     * are the name of the instance method to call when the keystroke is received.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-keyMap)\n     */\n    keyMap ? : Record<string, KeyMapConfig>\n    /**\n     * The delay in milliseconds to wait after the last keystroke before triggering a change event.\n     * Set to 0 to not trigger change events from keystrokes (listen for input event instead to have\n     * immediate feedback, change will still be triggered on blur).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-keyStrokeChangeDelay)\n     */\n    keyStrokeChangeDelay ? : number\n    /**\n     * Label, prepended to field\n     */\n    label ? : string\n    /**\n     * CSS class name or class names to add to any configured [label](https://bryntum.com/products/taskboard/docs/api/Core/widget/mixin/Labelable#config-label)\n     */\n    labelCls ? : string|object\n    /**\n     * Label position, either 'before' the field or 'above' the field\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-labelPosition)\n     */\n    labelPosition ? : 'before'|'above'|null\n    /**\n     * The labels to add either before or after the input field.\n     * Each label may have the following properties:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-labels)\n     */\n    labels ? : object[]\n    /**\n     * The width to apply to the `&lt;label&gt;` element. If a number is specified, `px` will be used.\n     */\n    labelWidth ? : string|number\n    /**\n     * The listener set for this object.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-listeners)\n     */\n    listeners ? : TaskColorComboListeners\n    /**\n     * A class translations of which are used for translating this entity.\n     * This is often used when translations of an item are defined on its container class.\n     * For example:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-localeClass)\n     */\n    localeClass ? : typeof Base\n    /**\n     * Set to `false` to disable localization of this object.\n     */\n    localizable ? : Boolean\n    /**\n     * List of properties which values should be translated automatically upon a locale applying.\n     * In case there is a need to localize not typical value (not a String value or a field with re-defined setter/getter),\n     * you could use 'localeKey' meta configuration.\n     * Example:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-localizableProperties)\n     */\n    localizableProperties ? : string[]\n    /**\n     * Widget's margin. This may be configured as a single number or a `TRBL` format string.\n     * numeric-only values are interpreted as pixels.\n     */\n    margin ? : number|string\n    /**\n     * This config object contains the defaults for the [Mask](https://bryntum.com/products/taskboard/docs/api/Core/widget/Mask) created for the\n     * [masked](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-masked) config. Any properties specified in the `masked` config will override these\n     * values.\n     */\n    maskDefaults ? : MaskConfig\n    /**\n     * Set to `true` to apply the default mask to the widget. Alternatively, this can be the mask message or a\n     * [Mask](https://bryntum.com/products/taskboard/docs/api/Core/widget/Mask) config object.\n     */\n    masked ? : Boolean|string|MaskConfig\n    /**\n     * The element's maxHeight. Can be either a String or a Number (which will have 'px' appended). Note that\n     * like [height](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-height), *reading* the value will return the numeric value in pixels.\n     */\n    maxHeight ? : string|number\n    /**\n     * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating).*\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-maximizeOnMobile)\n     */\n    maximizeOnMobile ? : number|string\n    /**\n     * The max number of characters for the input field\n     */\n    maxLength ? : number\n    /**\n     * The elements maxWidth. Can be either a String or a Number (which will have 'px' appended). Note that\n     * like [width](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-width), *reading* the value will return the numeric value in pixels.\n     */\n    maxWidth ? : string|number\n    /**\n     * The element's minHeight. Can be either a String or a Number (which will have 'px' appended). Note that\n     * like [height](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-height), *reading* the value will return the numeric value in pixels.\n     */\n    minHeight ? : string|number\n    /**\n     * The min number of characters for the input field\n     */\n    minLength ? : number\n    /**\n     * The elements minWidth. Can be either a String or a Number (which will have 'px' appended). Note that\n     * like [width](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-width), *reading* the value will return the numeric value in pixels.\n     */\n    minWidth ? : string|number\n    /**\n     * When this is configured as `true` a [ResizeObserver](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver)\n     * is used to monitor this element for size changes caused by either style manipulation, or by CSS\n     * layout.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-monitorResize)\n     */\n    monitorResize ? : Boolean|{\n        immediate?: Boolean\n    }\n    /**\n     * Name of the field which is used as a key to get/set values from/to the field.\n     * Used prior to [ref](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-ref) and [id](#Core/widget/Widget#config-id) in\n     * [Container.values](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container#property-values).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-name)\n     */\n    name ? : string\n    /**\n     * The owning Widget of this Widget. If this Widget is directly contained (that is, it is one of the\n     * [items](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container#property-items) of a Container), this config will be ignored. In this case\n     * the owner is <strong>always</strong> the encapsulating Container.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-owner)\n     */\n    owner ? : Widget|any\n    /**\n     * The name of the element property to which the picker should size and align itself.\n     */\n    pickerAlignElement ? : string\n    /**\n     * Text to display in empty field.\n     */\n    placeholder ? : string\n    /**\n     * 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\n     * not participate in the standard layout of that widget, and must be positioned relatively to that\n     * widget's [contentElement](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-contentElement).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-positioned)\n     */\n    positioned ? : Boolean\n    /**\n     * Prevent tooltip from being displayed on touch devices. Useful for example for buttons that display a\n     * menu on click etc, since the tooltip would be displayed at the same time.\n     */\n    preventTooltipOnTouch ? : Boolean\n    /**\n     * Makes the field unmodifiable by user action. The input area is not editable, and triggers\n     * are unresponsive.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-readOnly)\n     */\n    readOnly ? : Boolean\n    relayStoreEvents ? : Boolean\n    /**\n     * Predefined style to use for the field. Possible values are:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-rendition)\n     */\n    rendition ? : 'outlined'|'filled'|string\n    /**\n     * Configure as `true` to indicate that a `null` field value is to be marked as invalid. This will\n     * optionally append a * to the field label if [showRequiredIndicator](https://bryntum.com/products/taskboard/docs/api/Core/widget/Field#property-showRequiredIndicator) is set.\n     */\n    required ? : Boolean\n    /**\n     * If this field is not [readOnly](https://bryntum.com/products/taskboard/docs/api/Core/widget/Field#config-readOnly), then setting this option means that pressing\n     * the `ESCAPE` key after editing the field will revert the field to the value it had when\n     * the user focused the field. If the field is *not* changed from when focused, the [clearable](https://bryntum.com/products/taskboard/docs/api/Core/widget/Field#config-clearable)\n     * behaviour will be activated.\n     */\n    revertOnEscape ? : Boolean\n    /**\n     * Configure as `true` to have the component display a translucent ripple when its\n     * [focusElement](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-focusElement), or [element](#Core/widget/Widget#property-element) is tapped <em>if the\n     * current theme supports ripples</em>. Out of the box, only the Material theme supports ripples.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-ripple)\n     */\n    ripple ? : Boolean|{\n        delegate?: string\n        color?: string\n        radius?: number\n        clip?: string\n    }\n    /**\n     * 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`\n     */\n    rootElement ? : ShadowRoot|HTMLElement\n    /**\n     * This may be configured as `true` to make the widget's element use the `direction:rtl` style.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-rtl)\n     */\n    rtl ? : Boolean\n    /**\n     * Defines what to do if document is scrolled while Widget is visible (only relevant when floating is set to `true`).\n     * Valid values: ´null´: do nothing, ´hide´: hide the widget or ´realign´: realign to the target if possible.\n     */\n    scrollAction ? : 'hide'|'realign'|null\n    /**\n     * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating).*\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-showAnimation)\n     */\n    showAnimation ? : Boolean|object\n    /**\n     * `true` to automatically display a * after the label for this field when it is [required](https://bryntum.com/products/taskboard/docs/api/Core/widget/Field#property-required).\n     */\n    showRequiredIndicator ? : string\n    /**\n     * Set to `false` to not show the tooltip when this widget is [disabled](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-disabled)\n     */\n    showTooltipWhenDisabled ? : Boolean\n    /**\n     * Set to `true`, completely bypasses validation logic (could be userful if your field is not `editable`\n     * to the user).\n     */\n    skipValidation ? : Boolean\n    /**\n     * Programmatic control over how many columns to span when used in a grid layout.\n     */\n    span ? : number\n    /**\n     * Sets the native `spellcheck` property of the underlying input element. For more information, please refer to\n     * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck)\n     */\n    spellCheck ? : Boolean\n    /**\n     * 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\n     * [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\n     * this widget:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-tab)\n     */\n    tab ? : Boolean|TabConfig\n    /**\n     * The tab index of the input field or fields, or `null` for natural tab order (recommended). Setting to `0`\n     * is equivalent to natural tab order, but is unnecessary for fields since they are naturally tabbable\n     * (i.e., accessible via the TAB key). Setting to `-1` disables tabbability but allows for focus to be set\n     * to the element programmatically.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-tabIndex)\n     */\n    tabIndex ? : number\n    /**\n     * Text alignment: 'left', 'center' or 'right'. Also accepts direction neutral 'start' and 'end'.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-textAlign)\n     */\n    textAlign ? : 'left'|'center'|'right'|'start'|'end'\n    /**\n     * A title to display for the widget. Only in effect when inside a container that uses it (such as TabPanel)\n     */\n    title ? : string\n    /**\n     * Tooltip for the widget, either as a string or as a Tooltip config object.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-tooltip)\n     */\n    tooltip ? : string|TooltipConfig|null\n    /**\n     * The triggers to add either before or after the input field. Each property name is the reference by which\n     * an instantiated Trigger Widget may be retrieved from the live `triggers` property.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-triggers)\n     */\n    triggers ? : Record<string, FieldTriggerConfig>|Record<string, Widget>\n    type ? : 'taskcolorcombo'\n    /**\n     * Custom CSS class name suffixes to apply to the elements rendered by this widget. This may be specified\n     * as a space separated string, an array of strings, or as an object in which property names with truthy\n     * values are used as the class names.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-ui)\n     */\n    ui ? : string|object\n    /**\n     * Set to `false` to not highlight a field as invalid while typing, to instead show it on ENTER key press\n     * or similar.\n     */\n    validateOnInput ? : Boolean\n    /**\n     * Default value\n     */\n    value ? : string\n    /**\n     * A widgets weight determines its position among siblings when added to a [Container](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container).\n     * Higher weights go further down.\n     */\n    weight ? : number\n    /**\n     * Widget's width, used to set element `style.width`. Either specify a valid width string or a number, which\n     * will get 'px' appended. We recommend using CSS as the primary way to control width, but in some cases\n     * this config is convenient.\n     */\n    width ? : string|number\n    /**\n     * The x position for the widget.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-x)\n     */\n    x ? : number\n    /**\n     * The y position for the widget.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-y)\n     */\n    y ? : number\n\n}>();\n\nconst emit = defineEmits<{\n    /**\n     * User performed default action (typed into this field).\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Field,any} params.params.event.source This Field\n     * @param {string,number,boolean,any} params.params.event.value This field's value\n     * @param {string,number,boolean,any} params.params.event.oldValue This field's previous value\n     * @param {boolean} params.params.event.valid True if this field is in a valid state\n     * @param {Event} params.params.event.event The triggering DOM event if any\n     * @param {Core.data.Model} params.params.event.record Selected record. Available for fields with records selection functionality\n     * @param {Core.data.Model[]} params.params.event.records Selected records as an array. Available for fields with records selection functionality\n     * @param {boolean} params.params.event.userAction Triggered by user taking an action (`true`) or by setting a value (`false`)\n     * @param {boolean} params.params.event.checked\n     */\n    (e: 'action', params: ((event: { source: Field|any, value: string|number|boolean|any, oldValue: string|number|boolean|any, valid: boolean, event: Event, record: Model, records: Model[], userAction: boolean, checked: boolean }) => void)|string): void\n    /**\n     * Fires before an object is destroyed.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.Base} params.params.event.source The Object that is being destroyed.\n     */\n    (e: 'beforeDestroy', params: ((event: { source: Base }) => void)|string): void\n    /**\n     * Triggered before a widget is hidden. Return `false` to prevent the action.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Widget} params.params.event.source The widget being hidden.\n     */\n    (e: 'beforeHide', params: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void\n    /**\n     * Triggered before a widget is shown. Return `false` to prevent the action.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Widget,any} params.params.event.source The widget being shown\n     */\n    (e: 'beforeShow', params: ((event: { source: Widget|any }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void\n    /**\n     * Fires when any other event is fired from the object.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#event-catchAll)\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {{[key: string]: any, type: string}} params.params.event.event The Object that contains event details\n     * @param {string} params.params.event.event.type The type of the event which is caught by the listener\n     */\n    (e: 'catchAll', params: ((event: {[key: string]: any, type: string}) => void)|string): void\n    /**\n     * Fired when this field's value changes.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Field,any} params.params.event.source This Field\n     * @param {string,number,boolean,any} params.params.event.value This field's value\n     * @param {string,number,boolean,any} params.params.event.oldValue This field's previous value\n     * @param {boolean} params.params.event.valid True if this field is in a valid state\n     * @param {Event} params.params.event.event The triggering DOM event if any\n     * @param {boolean} params.params.event.userAction Triggered by user taking an action (`true`) or by setting a value (`false`)\n     * @param {boolean} params.params.event.checked\n     */\n    (e: 'change', params: ((event: { source: Field|any, value: string|number|boolean|any, oldValue: string|number|boolean|any, valid: boolean, event: Event, userAction: boolean, checked: boolean }) => void)|string): void\n    /**\n     * Fired when this field is [cleared](https://bryntum.com/products/taskboard/docs/api/Core/widget/Field#function-clear).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#event-clear)\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Field,any} params.params.event.source This Field\n     */\n    (e: 'clear', params: ((event: { source: Field|any }) => void)|string): void\n    /**\n     * Fires when an object is destroyed.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.Base} params.params.event.source The Object that is being destroyed.\n     */\n    (e: 'destroy', params: ((event: { source: Base }) => void)|string): void\n    /**\n     * Triggered when a widget's [element](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-element) is available.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {HTMLElement} params.params.event.element The Widget's element.\n     */\n    (e: 'elementCreated', params: ((event: { element: HTMLElement }) => void)|string): void\n    /**\n     * Fired when focus enters this Widget.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Widget} params.params.event.source This Widget\n     * @param {HTMLElement} params.params.event.fromElement The element which lost focus.\n     * @param {HTMLElement} params.params.event.toElement The element which gained focus.\n     * @param {Core.widget.Widget} params.params.event.fromWidget The widget which lost focus.\n     * @param {Core.widget.Widget} params.params.event.toWidget The widget which gained focus.\n     * @param {boolean} params.params.event.backwards `true` if the `toElement` is before the `fromElement` in document order.\n     */\n    (e: 'focusIn', params: ((event: { source: Widget, fromElement: HTMLElement, toElement: HTMLElement, fromWidget: Widget, toWidget: Widget, backwards: boolean }) => void)|string): void\n    /**\n     * Fired when focus exits this Widget's ownership tree. This is different from a `blur` event.\n     * focus moving from within this Widget's ownership tree, even if there are floating widgets\n     * will not trigger this event. This is when focus exits this widget completely.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Widget} params.params.event.source This Widget\n     * @param {HTMLElement} params.params.event.fromElement The element which lost focus.\n     * @param {HTMLElement} params.params.event.toElement The element which gained focus.\n     * @param {Core.widget.Widget} params.params.event.fromWidget The widget which lost focus.\n     * @param {Core.widget.Widget} params.params.event.toWidget The widget which gained focus.\n     * @param {boolean} params.params.event.backwards `true` if the `toElement` is before the `fromElement` in document order.\n     */\n    (e: 'focusOut', params: ((event: { source: Widget, fromElement: HTMLElement, toElement: HTMLElement, fromWidget: Widget, toWidget: Widget, backwards: boolean }) => void)|string): void\n    /**\n     * Triggered after a widget was hidden\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Widget} params.params.event.source The widget\n     */\n    (e: 'hide', params: ((event: { source: Widget }) => void)|string): void\n    /**\n     * Fired when the user types into this field.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Field,any} params.params.event.source This field\n     * @param {string,number,boolean,any} params.params.event.value This field's value\n     * @param {Event} params.params.event.event The triggering DOM event\n     */\n    (e: 'input', params: ((event: { source: Field|any, value: string|number|boolean|any, event: Event }) => void)|string): void\n    /**\n     * Triggered when a widget which had been in a non-visible state for any reason\n     * achieves visibility.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#event-paint)\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Widget} params.params.event.source The widget being painted.\n     * @param {boolean} params.params.event.firstPaint `true` if this is the first paint.\n     */\n    (e: 'paint', params: ((event: { source: Widget, firstPaint: boolean }) => void)|string): void\n    /**\n     * Fired when a Widget's read only state is toggled\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {boolean} params.params.event.readOnly Read only or not\n     */\n    (e: 'readOnly', params: ((event: { readOnly: boolean }) => void)|string): void\n    /**\n     * This event is fired after a widget's elements have been synchronized due to a direct or indirect call\n     * 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.\n     */\n    (e: 'recompose', params: (() => void)|string): void\n    /**\n     * 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`*.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Widget} params.params.event.source This Widget\n     * @param {number} params.params.event.width The new width\n     * @param {number} params.params.event.height The new height\n     * @param {number} params.params.event.oldWidth The old width\n     * @param {number} params.params.event.oldHeight The old height\n     */\n    (e: 'resize', params: ((event: { source: Widget, width: number, height: number, oldWidth: number, oldHeight: number }) => void)|string): void\n    /**\n     * Triggered after a widget is shown.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Widget} params.params.event.source The widget\n     */\n    (e: 'show', params: ((event: { source: Widget }) => void)|string): void\n    /**\n     * User clicked one of this field's [triggers](https://bryntum.com/products/taskboard/docs/api/Core/widget/Field#property-triggers)\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Field,any} params.params.event.source This field\n     * @param {Core.widget.Widget} params.params.event.trigger The trigger activated by click or touch tap.\n     */\n    (e: 'trigger', params: ((event: { source: Field|any, trigger: Widget }) => void)|string): void\n}>();\n\nconst widgetData = {\n    instanceClass : TaskColorCombo,\n    instanceName  : 'TaskColorCombo',\n\n    configNames   : [\n        'adopt',\n        'align',\n        'anchor',\n        'ariaDescription',\n        'ariaLabel',\n        'autoComplete',\n        'autoExpand',\n        'autoSelect',\n        'bubbleEvents',\n        'centered',\n        'clearable',\n        'config',\n        'constrainTo',\n        'container',\n        'containValues',\n        'contentElementCls',\n        'dataField',\n        'defaultBindProperty',\n        'detectCSSCompatibilityIssues',\n        'dock',\n        'draggable',\n        'elementAttributes',\n        'floating',\n        'hideAnimation',\n        'highlightExternalChange',\n        'hint',\n        'hintHtml',\n        'ignoreParentReadOnly',\n        'inline',\n        'inputAlign',\n        'inputAttributes',\n        'inputTag',\n        'inputType',\n        'inputWidth',\n        'keyStrokeChangeDelay',\n        'labelCls',\n        'labelPosition',\n        'labels',\n        'labelWidth',\n        'listeners',\n        'localeClass',\n        'localizable',\n        'localizableProperties',\n        'maskDefaults',\n        'masked',\n        'maxLength',\n        'minLength',\n        'monitorResize',\n        'name',\n        'owner',\n        'pickerAlignElement',\n        'positioned',\n        'preventTooltipOnTouch',\n        'relayStoreEvents',\n        'revertOnEscape',\n        'ripple',\n        'rootElement',\n        'scrollAction',\n        'showAnimation',\n        'showTooltipWhenDisabled',\n        'skipValidation',\n        'spellCheck',\n        'tab',\n        'tabIndex',\n        'textAlign',\n        'title',\n        'type',\n        'ui',\n        'validateOnInput',\n        'weight'\n    ],\n    propertyConfigNames : [\n        'addNoColorItem',\n        'alignSelf',\n        'appendTo',\n        'badge',\n        'callOnFunctions',\n        'catchEventHandlerExceptions',\n        'cls',\n        'colors',\n        'column',\n        'dataset',\n        'disabled',\n        'extraData',\n        'flex',\n        'height',\n        'hidden',\n        'id',\n        'insertBefore',\n        'insertFirst',\n        'keyMap',\n        'label',\n        'margin',\n        'maxHeight',\n        'maximizeOnMobile',\n        'maxWidth',\n        'minHeight',\n        'minWidth',\n        'onAction',\n        'onBeforeDestroy',\n        'onBeforeHide',\n        'onBeforeShow',\n        'onCatchAll',\n        'onChange',\n        'onClear',\n        'onDestroy',\n        'onElementCreated',\n        'onFocusIn',\n        'onFocusOut',\n        'onHide',\n        'onInput',\n        'onPaint',\n        'onReadOnly',\n        'onRecompose',\n        'onResize',\n        'onShow',\n        'onTrigger',\n        'placeholder',\n        'readOnly',\n        'rendition',\n        'required',\n        'rtl',\n        'showRequiredIndicator',\n        'span',\n        'tooltip',\n        'triggers',\n        'value',\n        'width',\n        'x',\n        'y'\n    ],\n    propertyNames : [\n        'anchorSize',\n        'content',\n        'editable',\n        'focusVisible',\n        'formula',\n        'html',\n        'input',\n        'parent',\n        'scrollable'\n    ],\n    eventNames : [\n        'action',\n        'beforeDestroy',\n        'beforeHide',\n        'beforeShow',\n        'catchAll',\n        'change',\n        'clear',\n        'destroy',\n        'elementCreated',\n        'focusIn',\n        'focusOut',\n        'hide',\n        'input',\n        'paint',\n        'readOnly',\n        'recompose',\n        'resize',\n        'show',\n        'trigger'\n    ]\n};\n\nconst instance: {\n    value?: TaskColorCombo\n} = {};\n\nconst refElement = ref<HTMLDivElement>()!;\n// Storage for teleports (in-cell Vue component instances) automatically renderer by template\nconst teleports = ref(new Map());\n\n// Provide teleports for processCellContent\nprovide('teleports', teleports);\n\nonMounted(() => {\n\n    const me = getCurrentInstance()!;\n\n    instance.value = WrapperHelper.createWidget<typeof TaskColorCombo>({\n        me,\n        widgetData,\n        emit,\n        element : refElement.value!,\n        toRaw\n    });\n\n    const watcher = (prop: string, callback: any) => watch(() => me.props[prop], callback);\n    WrapperHelper.watchProps(instance.value, widgetData, watcher);\n});\n\nonBeforeUnmount(() => {\n    // @ts-ignore\n    instance.value?.destroy?.();\n});\n\ndefineExpose({\n    instance,\n    refElement,\n    teleports\n});\n\n</script>\n"],"names":["emit","__emit","widgetData","TaskColorCombo","instance","refElement","ref","teleports","provide","onMounted","me","getCurrentInstance","WrapperHelper","toRaw","watcher","prop","callback","watch","onBeforeUnmount","__expose","_createElementBlock"],"mappings":"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"}
+{"version":3,"file":"CPFlJHkf.js","sources":["../../src/components/BryntumTaskColorCombo.vue"],"sourcesContent":["<!-- Vue 3 wrapper for Bryntum TaskColorCombo -->\n\n<template>\n    <div ref=\"refElement\">\n\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n\nimport { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';\n\nimport type { AlignSpec, Base, ColorDescriptor, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';\nimport type { TaskBoardContainerItemConfig, TaskColorComboListeners } from '@bryntum/taskboard-thin';\nimport { TaskColorCombo } from '@bryntum/taskboard-thin';\n\nimport { WrapperHelper } from '../helper/WrapperHelper';\n\ndefineProps<{\n    // Configs\n    /**\n     * Adds an option in the picker to set no background color\n     */\n    addNoColorItem ? : Boolean\n    /**\n     * Element (or element id) to adopt as this Widget's encapsulating element. The widget's\n     * content will be placed inside this element.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-adopt)\n     */\n    adopt ? : HTMLElement|string\n    /**\n     * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating).*\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-align)\n     */\n    align ? : AlignSpec|string\n    /**\n     * 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\n     * flexbox layout. This config allows you to set this widget's\n     * [align-self](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self) style.\n     */\n    alignSelf ? : string\n    /**\n     * *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).*\n     * `true` to show a connector arrow pointing to the align target.\n     */\n    anchor ? : Boolean\n    /**\n     * Element (or the id of an element) to append this widget's element to. Can be configured, or set once at\n     * runtime. To access the element of a rendered widget, see [element](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-element).\n     */\n    appendTo ? : HTMLElement|string\n    /**\n     * A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject\n     * into an element which will be linked using the `aria-describedby` attribute.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-ariaDescription)\n     */\n    ariaDescription ? : string\n    /**\n     * A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject as\n     * the `aria-label` attribute.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-ariaLabel)\n     */\n    ariaLabel ? : string\n    /**\n     * Sets the native `autocomplete` property of the underlying input element. For more information, please refer to\n     * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)\n     */\n    autoComplete ? : string\n    /**\n     * Configure as `true` to have the picker expand upon focus enter.\n     */\n    autoExpand ? : Boolean\n    /**\n     * Specify `true` to auto select field contents on focus\n     */\n    autoSelect ? : Boolean\n    /**\n     * Initial text to show in badge.\n     */\n    badge ? : string\n    /**\n     * An object where property names with a truthy value indicate which events should bubble up the ownership\n     * hierarchy when triggered.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-bubbleEvents)\n     */\n    bubbleEvents ? : object\n    /**\n     * Set to `false` to not call onXXX method names (e.g. `onShow`, `onClick`), as an easy way to listen for events.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-callOnFunctions)\n     */\n    callOnFunctions ? : Boolean\n    /**\n     * By default, if an event handler throws an exception, the error propagates up the stack and the\n     * application state is undefined. Code which follows the event handler will *not* be executed.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-catchEventHandlerExceptions)\n     */\n    catchEventHandlerExceptions ? : Boolean\n    /**\n     * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating).*\n     * Set to `true` to centre the Widget in browser viewport space.\n     */\n    centered ? : Boolean\n    /**\n     * Show a trigger to clear field, if this field is not [readOnly](https://bryntum.com/products/taskboard/docs/api/Core/widget/Field#config-readOnly). The trigger is available\n     * in the [triggers](https://bryntum.com/products/taskboard/docs/api/Core/widget/Field#property-triggers) object under the name `clear`. May also be an object which\n     * configures the `clear` [trigger](https://bryntum.com/products/taskboard/docs/api/Core/widget/Field#property-triggers).\n     */\n    clearable ? : Boolean|FieldTriggerConfig\n    /**\n     * Custom CSS classes to add to element.\n     * May be specified as a space separated string, or as an object in which property names\n     * with truthy values are used as the class names:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-cls)\n     */\n    cls ? : string|object\n    /**\n     * The `colors` property can be an array of string CSS colors or of objects with `color`\n     * and `text` properties from which the user can chose from. This will override the\n     * [pickers default colors](https://bryntum.com/products/taskboard/docs/api/Core/widget/ColorPicker#config-colors).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-colors)\n     */\n    colors ? : (string|ColorDescriptor)[]\n    /**\n     * Programmatic control over which column to start in when used in a grid layout.\n     */\n    column ? : number\n    config ? : object\n    /**\n     * *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).*\n     * Element, Widget or Rectangle to which this Widget is constrained.\n     */\n    constrainTo ? : HTMLElement|Widget|Rectangle\n    /**\n     * The configuration for additional items associated to this field. This is typically used to add contextual\n     * fields related to a [checkbox](https://bryntum.com/products/taskboard/docs/api/Core/widget/Checkbox) or [radio button](#Core/widget/Radio). See\n     * these classes for examples of nested fields.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-container)\n     */\n    container ? : Record<string, TaskBoardContainerItemConfig>|TaskBoardContainerItemConfig[]|FieldContainerConfig|FieldContainer\n    /**\n     * The config controls how the value of nested items are handled when a parent container gets or sets its\n     * [values](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container#property-values).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-containValues)\n     * @param {Core.widget.Field} field Field instance\n     * @returns {boolean}\n     */\n    containValues ? : Boolean|string|((field: Field) => Boolean)\n    /**\n     * Custom CSS classes to add to the [contentElement](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-contentElement).\n     * May be specified as a space separated string, or as an object in which property names\n     * with truthy values are used as the class names:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-contentElementCls)\n     */\n    contentElementCls ? : string|object\n    /**\n     * When this Widget configuration is used in the Grid's RowExpander feature's `widget` config, provide the\n     * field on the expanded record to use for populating this widget's store (if applicable)\n     */\n    dataField ? : string\n    /**\n     * Object to apply to elements dataset (each key will be used as a data-attribute on the element)\n     */\n    dataset ? : Record<string, string>\n    /**\n     * The name of the property to set when a single value is to be applied to this Widget. Such as when used\n     * in a grid WidgetColumn, this is the property to which the column's `field` is applied.\n     */\n    defaultBindProperty ? : string\n    /**\n     * Check for CSS compatibility issues when upgrading to v7. Performs the following checks:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-detectCSSCompatibilityIssues)\n     */\n    detectCSSCompatibilityIssues ? : Boolean\n    /**\n     * 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\n     * cannot be focused, uses a different rendition (usually greyish) and does not allow selecting its value.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-disabled)\n     */\n    disabled ? : Boolean|'inert'\n    /**\n     * Controls the placement of this widget when it is added to a [panel's ](https://bryntum.com/products/taskboard/docs/api/Core/widget/Panel)\n     * [strips collection](https://bryntum.com/products/taskboard/docs/api/Core/widget/Panel#config-strips). Typical values for this config are `'top'`,\n     * `'bottom'`, `'left'`, or `'right'`, which cause the widget to be placed on that side of the panel's\n     * body. Such widgets are called \"edge strips\".\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-dock)\n     */\n    dock ? : 'top'|'bottom'|'left'|'right'|'start'|'end'|'header'|'pre-header'|object\n    /**\n     * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating).*\n     * Set to `true` to be able to drag a widget freely on the page. Or set to an object with a ´handleSelector´\n     * property which controls when a drag should start.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-draggable)\n     */\n    draggable ? : Boolean|{\n        handleSelector?: string\n    }\n    /**\n     * An object specifying attributes to assign to the root element of this widget.\n     * Set `null` value to attribute to remove it.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-elementAttributes)\n     */\n    elementAttributes ? : Record<string, string|null>\n    extraData ? : any\n    /**\n     * 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\n     * flexbox layout. This config allows you to set this widget's\n     * [flex](https://developer.mozilla.org/en-US/docs/Web/CSS/flex) style.\n     * This may be configured as a single number or a `&lt;flex-grow&gt; &lt;flex-shrink&gt; &lt;flex-basis&gt;` format string.\n     * numeric-only values are interpreted as the `flex-grow` value.\n     */\n    flex ? : number|string\n    /**\n     * Set to `true` to move the widget out of the document flow and position it\n     * absolutely in browser viewport space.\n     */\n    floating ? : Boolean\n    /**\n     * Widget's height, used to set element `style.height`. Either specify a valid height string or a number,\n     * which will get 'px' appended. We recommend using CSS as the primary way to control height, but in some\n     * cases this config is convenient.\n     */\n    height ? : string|number\n    /**\n     * Configure with true to make widget initially hidden.\n     */\n    hidden ? : Boolean\n    /**\n     * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating).*\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-hideAnimation)\n     */\n    hideAnimation ? : Boolean|object\n    /**\n     * Specify `true` to highlight field after external value changes\n     */\n    highlightExternalChange ? : Boolean\n    /**\n     * An optional string to display inside the input field as an overlay. This can be useful for displaying\n     * a field's units.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-hint)\n     * @param {object} data A data object\n     * @param {Core.widget.Field} data.source A reference to the field instance\n     * @param {any} data.value The current value of the field\n     * @returns {string}\n     */\n    hint ? : string|((data: { source: Field, value: any }) => string)\n    /**\n     * This config is similar to [hint](https://bryntum.com/products/taskboard/docs/api/Core/widget/Field#config-hint) except that this config is used to display HTML content.\n     * Since this can allow malicious content to be executed, be sure not to include user-entered data or to\n     * encode such data (see [encodeHtml](https://bryntum.com/products/taskboard/docs/api/Core/helper/StringHelper#function-encodeHtml-static)).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-hintHtml)\n     * @param {object} data A data object\n     * @param {Core.widget.Field} data.source A reference to the field instance\n     * @param {any} data.value The current value of the field\n     * @returns {string}\n     */\n    hintHtml ? : string|((data: { source: Field, value: any }) => string)\n    /**\n     * Widget id, if not specified one will be generated. Also used for lookups through Widget.getById\n     */\n    id ? : string\n    /**\n     * Determines if the widgets read-only state should be controlled by its parent.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-ignoreParentReadOnly)\n     */\n    ignoreParentReadOnly ? : Boolean\n    /**\n     * Set this config to `true` to always display items horizontally along with this field. This assigns an\n     * [hbox](https://bryntum.com/products/taskboard/docs/api/Core/widget/layout/Box) as the [layout](#Core/widget/Container#config-layout) to the\n     * [container](https://bryntum.com/products/taskboard/docs/api/Core/widget/Field#config-container).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-inline)\n     */\n    inline ? : Boolean\n    /**\n     * Text alignment for the input field.\n     */\n    inputAlign ? : string\n    /**\n     * Sets custom attributes of the underlying input element. For more information, please refer to\n     * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes)\n     */\n    inputAttributes ? : Record<string, string>\n    /**\n     * If you need to use something else than a default `input` element, as the input element, provide the tag\n     * name here. Please note that this is used for advanced usage only, for example when using WebComponents\n     * (custom elements), and that the configured element must fulfil the same contract as a regular input\n     * element.\n     */\n    inputTag ? : string\n    /**\n     * Sets the `type` attribute of the underlying input element (password, hidden, date, color, etc.).\n     */\n    inputType ? : string\n    /**\n     * The width to apply to the `.b-field-inner` element, which encompasses the `input` element and any\n     * triggers. If a number is specified, `px` will be used.\n     */\n    inputWidth ? : string|number\n    /**\n     * 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.\n     */\n    insertBefore ? : HTMLElement|string\n    /**\n     * 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.\n     */\n    insertFirst ? : HTMLElement|string\n    /**\n     * An object whose keys are the [key](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key) name\n     * and optional modifier prefixes: `'Ctrl+'`, `'Alt+'`, `'Meta+'`, and `'Shift+'` (case-insensitive). The values\n     * are the name of the instance method to call when the keystroke is received.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-keyMap)\n     */\n    keyMap ? : Record<string, KeyMapConfig>\n    /**\n     * The delay in milliseconds to wait after the last keystroke before triggering a change event.\n     * Set to 0 to not trigger change events from keystrokes (listen for input event instead to have\n     * immediate feedback, change will still be triggered on blur).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-keyStrokeChangeDelay)\n     */\n    keyStrokeChangeDelay ? : number\n    /**\n     * Label, prepended to field\n     */\n    label ? : string\n    /**\n     * CSS class name or class names to add to any configured [label](https://bryntum.com/products/taskboard/docs/api/Core/widget/mixin/Labelable#config-label)\n     */\n    labelCls ? : string|object\n    /**\n     * Label position, either 'before' the field or 'above' the field\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-labelPosition)\n     */\n    labelPosition ? : 'before'|'above'|null\n    /**\n     * The labels to add either before or after the input field.\n     * Each label may have the following properties:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-labels)\n     */\n    labels ? : object[]\n    /**\n     * The width to apply to the `&lt;label&gt;` element. If a number is specified, `px` will be used.\n     */\n    labelWidth ? : string|number\n    /**\n     * The listener set for this object.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-listeners)\n     */\n    listeners ? : TaskColorComboListeners\n    /**\n     * A class translations of which are used for translating this entity.\n     * This is often used when translations of an item are defined on its container class.\n     * For example:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-localeClass)\n     */\n    localeClass ? : typeof Base\n    /**\n     * Set to `false` to disable localization of this object.\n     */\n    localizable ? : Boolean\n    /**\n     * List of properties which values should be translated automatically upon a locale applying.\n     * In case there is a need to localize not typical value (not a String value or a field with re-defined setter/getter),\n     * you could use 'localeKey' meta configuration.\n     * Example:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-localizableProperties)\n     */\n    localizableProperties ? : string[]\n    /**\n     * Widget's margin. This may be configured as a single number or a `TRBL` format string.\n     * numeric-only values are interpreted as pixels.\n     */\n    margin ? : number|string\n    /**\n     * This config object contains the defaults for the [Mask](https://bryntum.com/products/taskboard/docs/api/Core/widget/Mask) created for the\n     * [masked](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-masked) config. Any properties specified in the `masked` config will override these\n     * values.\n     */\n    maskDefaults ? : MaskConfig\n    /**\n     * Set to `true` to apply the default mask to the widget. Alternatively, this can be the mask message or a\n     * [Mask](https://bryntum.com/products/taskboard/docs/api/Core/widget/Mask) config object.\n     */\n    masked ? : Boolean|string|MaskConfig\n    /**\n     * The element's maxHeight. Can be either a String or a Number (which will have 'px' appended). Note that\n     * like [height](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-height), *reading* the value will return the numeric value in pixels.\n     */\n    maxHeight ? : string|number\n    /**\n     * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating).*\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-maximizeOnMobile)\n     */\n    maximizeOnMobile ? : number|string\n    /**\n     * The max number of characters for the input field\n     */\n    maxLength ? : number\n    /**\n     * The elements maxWidth. Can be either a String or a Number (which will have 'px' appended). Note that\n     * like [width](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-width), *reading* the value will return the numeric value in pixels.\n     */\n    maxWidth ? : string|number\n    /**\n     * The element's minHeight. Can be either a String or a Number (which will have 'px' appended). Note that\n     * like [height](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-height), *reading* the value will return the numeric value in pixels.\n     */\n    minHeight ? : string|number\n    /**\n     * The min number of characters for the input field\n     */\n    minLength ? : number\n    /**\n     * The elements minWidth. Can be either a String or a Number (which will have 'px' appended). Note that\n     * like [width](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-width), *reading* the value will return the numeric value in pixels.\n     */\n    minWidth ? : string|number\n    /**\n     * When this is configured as `true` a [ResizeObserver](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver)\n     * is used to monitor this element for size changes caused by either style manipulation, or by CSS\n     * layout.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-monitorResize)\n     */\n    monitorResize ? : Boolean|{\n        immediate?: Boolean\n    }\n    /**\n     * Name of the field which is used as a key to get/set values from/to the field.\n     * Used prior to [ref](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-ref) and [id](#Core/widget/Widget#config-id) in\n     * [Container.values](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container#property-values).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-name)\n     */\n    name ? : string\n    /**\n     * The owning Widget of this Widget. If this Widget is directly contained (that is, it is one of the\n     * [items](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container#property-items) of a Container), this config will be ignored. In this case\n     * the owner is <strong>always</strong> the encapsulating Container.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-owner)\n     */\n    owner ? : Widget|any\n    /**\n     * The name of the element property to which the picker should size and align itself.\n     */\n    pickerAlignElement ? : string\n    /**\n     * Text to display in empty field.\n     */\n    placeholder ? : string\n    /**\n     * 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\n     * not participate in the standard layout of that widget, and must be positioned relatively to that\n     * widget's [contentElement](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-contentElement).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-positioned)\n     */\n    positioned ? : Boolean\n    /**\n     * Prevent tooltip from being displayed on touch devices. Useful for example for buttons that display a\n     * menu on click etc, since the tooltip would be displayed at the same time.\n     */\n    preventTooltipOnTouch ? : Boolean\n    /**\n     * Makes the field unmodifiable by user action. The input area is not editable, and triggers\n     * are unresponsive.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-readOnly)\n     */\n    readOnly ? : Boolean\n    relayStoreEvents ? : Boolean\n    /**\n     * Predefined style to use for the field. Possible values are:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-rendition)\n     */\n    rendition ? : 'outlined'|'filled'|string\n    /**\n     * Configure as `true` to indicate that a `null` field value is to be marked as invalid. This will\n     * optionally append a * to the field label if [showRequiredIndicator](https://bryntum.com/products/taskboard/docs/api/Core/widget/Field#property-showRequiredIndicator) is set.\n     */\n    required ? : Boolean\n    /**\n     * If this field is not [readOnly](https://bryntum.com/products/taskboard/docs/api/Core/widget/Field#config-readOnly), then setting this option means that pressing\n     * the <kbd>Escape</kbd> key after editing the field will revert the field to the value it had when\n     * the user focused the field. If the field is *not* changed from when focused, the [clearable](https://bryntum.com/products/taskboard/docs/api/Core/widget/Field#config-clearable)\n     * behaviour will be activated.\n     */\n    revertOnEscape ? : Boolean\n    /**\n     * Configure as `true` to have the component display a translucent ripple when its\n     * [focusElement](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-focusElement), or [element](#Core/widget/Widget#property-element) is tapped <em>if the\n     * current theme supports ripples</em>. Out of the box, only the Material theme supports ripples.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-ripple)\n     */\n    ripple ? : Boolean|{\n        delegate?: string\n        color?: string\n        radius?: number\n        clip?: string\n    }\n    /**\n     * 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`\n     */\n    rootElement ? : ShadowRoot|HTMLElement\n    /**\n     * This may be configured as `true` to make the widget's element use the `direction:rtl` style.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-rtl)\n     */\n    rtl ? : Boolean\n    /**\n     * Defines what to do if document is scrolled while Widget is visible (only relevant when floating is set to `true`).\n     * Valid values: ´null´: do nothing, ´hide´: hide the widget or ´realign´: realign to the target if possible.\n     */\n    scrollAction ? : 'hide'|'realign'|null\n    /**\n     * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating).*\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-showAnimation)\n     */\n    showAnimation ? : Boolean|object\n    /**\n     * `true` to automatically display a * after the label for this field when it is [required](https://bryntum.com/products/taskboard/docs/api/Core/widget/Field#property-required).\n     */\n    showRequiredIndicator ? : string\n    /**\n     * Set to `false` to not show the tooltip when this widget is [disabled](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-disabled)\n     */\n    showTooltipWhenDisabled ? : Boolean\n    /**\n     * Set to `true`, completely bypasses validation logic (could be userful if your field is not `editable`\n     * to the user).\n     */\n    skipValidation ? : Boolean\n    /**\n     * Programmatic control over how many columns to span when used in a grid layout.\n     */\n    span ? : number\n    /**\n     * Sets the native `spellcheck` property of the underlying input element. For more information, please refer to\n     * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck)\n     */\n    spellCheck ? : Boolean\n    /**\n     * 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\n     * [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\n     * this widget:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-tab)\n     */\n    tab ? : Boolean|TabConfig\n    /**\n     * The tab index of the input field or fields, or `null` for natural tab order (recommended). Setting to `0`\n     * is equivalent to natural tab order, but is unnecessary for fields since they are naturally tabbable\n     * (i.e., accessible via the TAB key). Setting to `-1` disables tabbability but allows for focus to be set\n     * to the element programmatically.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-tabIndex)\n     */\n    tabIndex ? : number\n    /**\n     * Text alignment: 'left', 'center' or 'right'. Also accepts direction neutral 'start' and 'end'.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-textAlign)\n     */\n    textAlign ? : 'left'|'center'|'right'|'start'|'end'\n    /**\n     * A title to display for the widget. Only in effect when inside a container that uses it (such as TabPanel)\n     */\n    title ? : string\n    /**\n     * Tooltip for the widget, either as a string or as a Tooltip config object.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-tooltip)\n     */\n    tooltip ? : string|TooltipConfig|null\n    /**\n     * The triggers to add either before or after the input field. Each property name is the reference by which\n     * an instantiated Trigger Widget may be retrieved from the live `triggers` property.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-triggers)\n     */\n    triggers ? : Record<string, FieldTriggerConfig>|Record<string, Widget>\n    type ? : 'taskcolorcombo'\n    /**\n     * Custom CSS class name suffixes to apply to the elements rendered by this widget. This may be specified\n     * as a space separated string, an array of strings, or as an object in which property names with truthy\n     * values are used as the class names.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-ui)\n     */\n    ui ? : string|object\n    /**\n     * Set to `false` to not highlight a field as invalid while typing, to instead show it on ENTER key press\n     * or similar.\n     */\n    validateOnInput ? : Boolean\n    /**\n     * Default value\n     */\n    value ? : string\n    /**\n     * A widgets weight determines its position among siblings when added to a [Container](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container).\n     * Higher weights go further down.\n     */\n    weight ? : number\n    /**\n     * Widget's width, used to set element `style.width`. Either specify a valid width string or a number, which\n     * will get 'px' appended. We recommend using CSS as the primary way to control width, but in some cases\n     * this config is convenient.\n     */\n    width ? : string|number\n    /**\n     * The x position for the widget.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-x)\n     */\n    x ? : number\n    /**\n     * The y position for the widget.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#config-y)\n     */\n    y ? : number\n\n}>();\n\nconst emit = defineEmits<{\n    /**\n     * User performed default action (typed into this field).\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Field,any} params.params.event.source This Field\n     * @param {string,number,boolean,any} params.params.event.value This field's value\n     * @param {string,number,boolean,any} params.params.event.oldValue This field's previous value\n     * @param {boolean} params.params.event.valid True if this field is in a valid state\n     * @param {Event} params.params.event.event The triggering DOM event if any\n     * @param {Core.data.Model} params.params.event.record Selected record. Available for fields with records selection functionality\n     * @param {Core.data.Model[]} params.params.event.records Selected records as an array. Available for fields with records selection functionality\n     * @param {boolean} params.params.event.userAction Triggered by user taking an action (`true`) or by setting a value (`false`)\n     * @param {boolean} params.params.event.checked\n     */\n    (e: 'action', params: ((event: { source: Field|any, value: string|number|boolean|any, oldValue: string|number|boolean|any, valid: boolean, event: Event, record: Model, records: Model[], userAction: boolean, checked: boolean }) => void)|string): void\n    /**\n     * Fires before an object is destroyed.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.Base} params.params.event.source The Object that is being destroyed.\n     */\n    (e: 'beforeDestroy', params: ((event: { source: Base }) => void)|string): void\n    /**\n     * Triggered before a widget is hidden. Return `false` to prevent the action.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Widget} params.params.event.source The widget being hidden.\n     */\n    (e: 'beforeHide', params: ((event: { source: Widget }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void\n    /**\n     * Triggered before a widget is shown. Return `false` to prevent the action.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Widget,any} params.params.event.source The widget being shown\n     */\n    (e: 'beforeShow', params: ((event: { source: Widget|any }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void\n    /**\n     * Fires when any other event is fired from the object.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#event-catchAll)\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {{[key: string]: any, type: string}} params.params.event.event The Object that contains event details\n     * @param {string} params.params.event.event.type The type of the event which is caught by the listener\n     */\n    (e: 'catchAll', params: ((event: {[key: string]: any, type: string}) => void)|string): void\n    /**\n     * Fired when this field's value changes.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Field,any} params.params.event.source This Field\n     * @param {string,number,boolean,any} params.params.event.value This field's value\n     * @param {string,number,boolean,any} params.params.event.oldValue This field's previous value\n     * @param {boolean} params.params.event.valid True if this field is in a valid state\n     * @param {Event} params.params.event.event The triggering DOM event if any\n     * @param {boolean} params.params.event.userAction Triggered by user taking an action (`true`) or by setting a value (`false`)\n     * @param {boolean} params.params.event.checked\n     */\n    (e: 'change', params: ((event: { source: Field|any, value: string|number|boolean|any, oldValue: string|number|boolean|any, valid: boolean, event: Event, userAction: boolean, checked: boolean }) => void)|string): void\n    /**\n     * Fired when this field is [cleared](https://bryntum.com/products/taskboard/docs/api/Core/widget/Field#function-clear).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#event-clear)\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Field,any} params.params.event.source This Field\n     */\n    (e: 'clear', params: ((event: { source: Field|any }) => void)|string): void\n    /**\n     * Fires when an object is destroyed.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.Base} params.params.event.source The Object that is being destroyed.\n     */\n    (e: 'destroy', params: ((event: { source: Base }) => void)|string): void\n    /**\n     * Triggered when a widget's [element](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-element) is available.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {HTMLElement} params.params.event.element The Widget's element.\n     */\n    (e: 'elementCreated', params: ((event: { element: HTMLElement }) => void)|string): void\n    /**\n     * Fired when focus enters this Widget.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Widget} params.params.event.source This Widget\n     * @param {HTMLElement} params.params.event.fromElement The element which lost focus.\n     * @param {HTMLElement} params.params.event.toElement The element which gained focus.\n     * @param {Core.widget.Widget} params.params.event.fromWidget The widget which lost focus.\n     * @param {Core.widget.Widget} params.params.event.toWidget The widget which gained focus.\n     * @param {boolean} params.params.event.backwards `true` if the `toElement` is before the `fromElement` in document order.\n     */\n    (e: 'focusIn', params: ((event: { source: Widget, fromElement: HTMLElement, toElement: HTMLElement, fromWidget: Widget, toWidget: Widget, backwards: boolean }) => void)|string): void\n    /**\n     * Fired when focus exits this Widget's ownership tree. This is different from a `blur` event.\n     * focus moving from within this Widget's ownership tree, even if there are floating widgets\n     * will not trigger this event. This is when focus exits this widget completely.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Widget} params.params.event.source This Widget\n     * @param {HTMLElement} params.params.event.fromElement The element which lost focus.\n     * @param {HTMLElement} params.params.event.toElement The element which gained focus.\n     * @param {Core.widget.Widget} params.params.event.fromWidget The widget which lost focus.\n     * @param {Core.widget.Widget} params.params.event.toWidget The widget which gained focus.\n     * @param {boolean} params.params.event.backwards `true` if the `toElement` is before the `fromElement` in document order.\n     */\n    (e: 'focusOut', params: ((event: { source: Widget, fromElement: HTMLElement, toElement: HTMLElement, fromWidget: Widget, toWidget: Widget, backwards: boolean }) => void)|string): void\n    /**\n     * Triggered after a widget was hidden\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Widget} params.params.event.source The widget\n     */\n    (e: 'hide', params: ((event: { source: Widget }) => void)|string): void\n    /**\n     * Fired when the user types into this field.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Field,any} params.params.event.source This field\n     * @param {string,number,boolean,any} params.params.event.value This field's value\n     * @param {Event} params.params.event.event The triggering DOM event\n     */\n    (e: 'input', params: ((event: { source: Field|any, value: string|number|boolean|any, event: Event }) => void)|string): void\n    /**\n     * Triggered when a widget which had been in a non-visible state for any reason\n     * achieves visibility.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskColorCombo#event-paint)\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Widget} params.params.event.source The widget being painted.\n     * @param {boolean} params.params.event.firstPaint `true` if this is the first paint.\n     */\n    (e: 'paint', params: ((event: { source: Widget, firstPaint: boolean }) => void)|string): void\n    /**\n     * Fired when a Widget's read only state is toggled\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {boolean} params.params.event.readOnly Read only or not\n     */\n    (e: 'readOnly', params: ((event: { readOnly: boolean }) => void)|string): void\n    /**\n     * This event is fired after a widget's elements have been synchronized due to a direct or indirect call\n     * 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.\n     */\n    (e: 'recompose', params: (() => void)|string): void\n    /**\n     * 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`*.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Widget} params.params.event.source This Widget\n     * @param {number} params.params.event.width The new width\n     * @param {number} params.params.event.height The new height\n     * @param {number} params.params.event.oldWidth The old width\n     * @param {number} params.params.event.oldHeight The old height\n     */\n    (e: 'resize', params: ((event: { source: Widget, width: number, height: number, oldWidth: number, oldHeight: number }) => void)|string): void\n    /**\n     * Triggered after a widget is shown.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Widget} params.params.event.source The widget\n     */\n    (e: 'show', params: ((event: { source: Widget }) => void)|string): void\n    /**\n     * User clicked one of this field's [triggers](https://bryntum.com/products/taskboard/docs/api/Core/widget/Field#property-triggers)\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.widget.Field,any} params.params.event.source This field\n     * @param {Core.widget.Widget} params.params.event.trigger The trigger activated by click or touch tap.\n     */\n    (e: 'trigger', params: ((event: { source: Field|any, trigger: Widget }) => void)|string): void\n}>();\n\nconst widgetData = {\n    instanceClass : TaskColorCombo,\n    instanceName  : 'TaskColorCombo',\n\n    configNames   : [\n        'adopt',\n        'align',\n        'anchor',\n        'ariaDescription',\n        'ariaLabel',\n        'autoComplete',\n        'autoExpand',\n        'autoSelect',\n        'bubbleEvents',\n        'centered',\n        'clearable',\n        'config',\n        'constrainTo',\n        'container',\n        'containValues',\n        'contentElementCls',\n        'dataField',\n        'defaultBindProperty',\n        'detectCSSCompatibilityIssues',\n        'dock',\n        'draggable',\n        'elementAttributes',\n        'floating',\n        'hideAnimation',\n        'highlightExternalChange',\n        'hint',\n        'hintHtml',\n        'ignoreParentReadOnly',\n        'inline',\n        'inputAlign',\n        'inputAttributes',\n        'inputTag',\n        'inputType',\n        'inputWidth',\n        'keyStrokeChangeDelay',\n        'labelCls',\n        'labelPosition',\n        'labels',\n        'labelWidth',\n        'listeners',\n        'localeClass',\n        'localizable',\n        'localizableProperties',\n        'maskDefaults',\n        'masked',\n        'maxLength',\n        'minLength',\n        'monitorResize',\n        'name',\n        'owner',\n        'pickerAlignElement',\n        'positioned',\n        'preventTooltipOnTouch',\n        'relayStoreEvents',\n        'revertOnEscape',\n        'ripple',\n        'rootElement',\n        'scrollAction',\n        'showAnimation',\n        'showTooltipWhenDisabled',\n        'skipValidation',\n        'spellCheck',\n        'tab',\n        'tabIndex',\n        'textAlign',\n        'title',\n        'type',\n        'ui',\n        'validateOnInput',\n        'weight'\n    ],\n    propertyConfigNames : [\n        'addNoColorItem',\n        'alignSelf',\n        'appendTo',\n        'badge',\n        'callOnFunctions',\n        'catchEventHandlerExceptions',\n        'cls',\n        'colors',\n        'column',\n        'dataset',\n        'disabled',\n        'extraData',\n        'flex',\n        'height',\n        'hidden',\n        'id',\n        'insertBefore',\n        'insertFirst',\n        'keyMap',\n        'label',\n        'margin',\n        'maxHeight',\n        'maximizeOnMobile',\n        'maxWidth',\n        'minHeight',\n        'minWidth',\n        'onAction',\n        'onBeforeDestroy',\n        'onBeforeHide',\n        'onBeforeShow',\n        'onCatchAll',\n        'onChange',\n        'onClear',\n        'onDestroy',\n        'onElementCreated',\n        'onFocusIn',\n        'onFocusOut',\n        'onHide',\n        'onInput',\n        'onPaint',\n        'onReadOnly',\n        'onRecompose',\n        'onResize',\n        'onShow',\n        'onTrigger',\n        'placeholder',\n        'readOnly',\n        'rendition',\n        'required',\n        'rtl',\n        'showRequiredIndicator',\n        'span',\n        'tooltip',\n        'triggers',\n        'value',\n        'width',\n        'x',\n        'y'\n    ],\n    propertyNames : [\n        'anchorSize',\n        'content',\n        'editable',\n        'focusVisible',\n        'formula',\n        'html',\n        'input',\n        'parent',\n        'scrollable'\n    ],\n    eventNames : [\n        'action',\n        'beforeDestroy',\n        'beforeHide',\n        'beforeShow',\n        'catchAll',\n        'change',\n        'clear',\n        'destroy',\n        'elementCreated',\n        'focusIn',\n        'focusOut',\n        'hide',\n        'input',\n        'paint',\n        'readOnly',\n        'recompose',\n        'resize',\n        'show',\n        'trigger'\n    ]\n};\n\nconst instance: {\n    value?: TaskColorCombo\n} = {};\n\nconst refElement = ref<HTMLDivElement>()!;\n// Storage for teleports (in-cell Vue component instances) automatically renderer by template\nconst teleports = ref(new Map());\n\n// Provide teleports for processCellContent\nprovide('teleports', teleports);\n\nonMounted(() => {\n\n    const me = getCurrentInstance()!;\n\n    instance.value = WrapperHelper.createWidget<typeof TaskColorCombo>({\n        me,\n        widgetData,\n        emit,\n        element : refElement.value!,\n        toRaw\n    });\n\n    const watcher = (prop: string, callback: any) => watch(() => me.props[prop], callback);\n    WrapperHelper.watchProps(instance.value, widgetData, watcher);\n});\n\nonBeforeUnmount(() => {\n    // @ts-ignore\n    instance.value?.destroy?.();\n});\n\ndefineExpose({\n    instance,\n    refElement,\n    teleports\n});\n\n</script>\n"],"names":["emit","__emit","widgetData","TaskColorCombo","instance","refElement","ref","teleports","provide","onMounted","me","getCurrentInstance","WrapperHelper","toRaw","watcher","prop","callback","watch","onBeforeUnmount","__expose","_createElementBlock"],"mappings":"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"}

package/lib/chunks/CaXNovsW.js.map

@@ -1 +1 @@
-{"version":3,"file":"CaXNovsW.js","sources":["../../src/components/BryntumTaskBoardProjectModel.vue"],"sourcesContent":["<!-- Vue 3 wrapper for Bryntum ProjectModel -->\n\n<template>\n    <div ref=\"refElement\">\n\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n\nimport { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';\n\nimport type { Base, Model, ModelConfig, StateTrackingManager, StateTrackingManagerConfig, Store, StoreConfig } from '@bryntum/core-thin';\nimport type { AbstractCrudManager, AssignmentModel, AssignmentModelConfig, AssignmentStore, AssignmentStoreConfig, CrudManagerStoreDescriptor, DependencyModel, DependencyModelConfig, DependencyStore, DependencyStoreConfig, EventModel, EventModelConfig, EventStore, EventStoreConfig, ProjectModel as SchedulerProjectModel, ProjectModelListeners, ResourceModel, ResourceModelConfig, ResourceStore, ResourceStoreConfig, TaskModel, TaskModelConfig, TaskStore, TaskStoreConfig } from '@bryntum/taskboard-thin';\nimport { ProjectModel } from '@bryntum/taskboard-thin';\n\nimport { WrapperHelper } from '../helper/WrapperHelper';\n\ndefineProps<{\n    // Configs\n    /**\n     * A flag, indicating whether the dates and duration calculations should adjust the result to DST time shift.\n     */\n    adjustDurationToDST ? : Boolean\n    /**\n     * The constructor of the assignment model class, to be used in the project. Will be set as the\n     * [modelClass](https://bryntum.com/products/taskboard/docs/api/Core/data/Store#config-modelClass) property of the [assignmentStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-assignmentStore)\n     */\n    assignmentModelClass ? : typeof AssignmentModel\n    /**\n     * Data use to fill the [assignmentStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-assignmentStore). Should be an array of\n     * [AssignmentModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/AssignmentModel) or its configuration objects.\n     */\n    assignments ? : AssignmentModel[]|AssignmentModelConfig[]\n    /**\n     * The initial data, to fill the [assignmentStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-assignmentStore) with.\n     * Should be an array of [AssignmentModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/AssignmentModel) or its configuration\n     * objects.\n     * @deprecated 6.3.0 Use [assignments](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#config-assignments) instead\n     */\n    assignmentsData ? : AssignmentModel[]|AssignmentModelConfig[]\n    /**\n     * An [AssignmentStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/AssignmentStore) instance or a config object.\n     */\n    assignmentStore ? : AssignmentStore|AssignmentStoreConfig\n    /**\n     * The constructor to create an assignment store instance with. Should be a class, subclassing the\n     * [AssignmentStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/AssignmentStore)\n     */\n    assignmentStoreClass ? : typeof AssignmentStore|object\n    /**\n     * Specify `true` to automatically call [load](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) method on the next frame after creation.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-autoLoad)\n     */\n    autoLoad ? : Boolean\n    /**\n     * `true` to automatically persist store changes after edits are made in any of the stores monitored.\n     * Please note that sync request will not be invoked immediately but only after\n     * [autoSyncTimeout](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#config-autoSyncTimeout) interval.\n     */\n    autoSync ? : Boolean\n    /**\n     * The timeout in milliseconds to wait before persisting changes to the server.\n     * Used when [autoSync](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#config-autoSync) is set to `true`.\n     */\n    autoSyncTimeout ? : number\n    /**\n     * An object where property names with a truthy value indicate which events should bubble up the ownership\n     * hierarchy when triggered.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-bubbleEvents)\n     */\n    bubbleEvents ? : object\n    /**\n     * Set to `true` to call onXXX method names (e.g. `onShow`, `onClick`), as an easy way to listen for events.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-callOnFunctions)\n     */\n    callOnFunctions ? : Boolean\n    /**\n     * By default, if an event handler throws an exception, the error propagates up the stack and the\n     * application state is undefined. Code which follows the event handler will *not* be executed.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-catchEventHandlerExceptions)\n     */\n    catchEventHandlerExceptions ? : Boolean\n    /**\n     * Child nodes. To allow loading children on demand, specify `children : true` in your data. Omit the field for leaf\n     * tasks.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-children)\n     */\n    children ? : Boolean|object[]|Model[]|ModelConfig[]\n    /**\n     * Sets the list of stores controlled by the CRUD manager.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-crudStores)\n     */\n    crudStores ? : Store[]|string[]|CrudManagerStoreDescriptor[]|StoreConfig[]\n    /**\n     * Data use to fill the [dependencyStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-dependencyStore). Should be an array of\n     * [DependencyModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/DependencyModel) or its configuration objects.\n     */\n    dependencies ? : DependencyModel[]|DependencyModelConfig[]\n    /**\n     * The initial data, to fill the [dependencyStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-dependencyStore) with.\n     * Should be an array of [DependencyModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/DependencyModel) or its configuration\n     * objects.\n     * @deprecated 6.3.0 Use [dependencies](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#config-dependencies) instead\n     */\n    dependenciesData ? : DependencyModel[]|DependencyModelConfig[]\n    /**\n     * The constructor of the dependency model class, to be used in the project. Will be set as the\n     * [modelClass](https://bryntum.com/products/taskboard/docs/api/Core/data/Store#config-modelClass) property of the [dependencyStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-dependencyStore)\n     */\n    dependencyModelClass ? : typeof DependencyModel\n    /**\n     * A [DependencyStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/DependencyStore) instance or a config object.\n     */\n    dependencyStore ? : DependencyStore|DependencyStoreConfig\n    /**\n     * The constructor to create a dependency store instance with. Should be a class, subclassing the\n     * [DependencyStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/DependencyStore)\n     */\n    dependencyStoreClass ? : typeof DependencyStore|object\n    /**\n     * Configuration of the JSON encoder used by the *Crud Manager*.\n     */\n    encoder ? : {\n        requestData?: object\n    }\n    /**\n     * Data use to fill the [eventStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-eventStore). Should be an array of\n     * [EventModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/EventModel) or its configuration objects.\n     */\n    events ? : EventModel[]|EventModelConfig[]\n    /**\n     * The initial data, to fill the [eventStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-eventStore) with.\n     * Should be an array of [EventModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/EventModel) or its configuration objects.\n     * @deprecated 6.3.0 Use [events](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#config-events) instead\n     */\n    eventsData ? : EventModel[]|EventModelConfig[]\n    /**\n     * An [EventStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/EventStore) instance or a config object.\n     */\n    eventStore ? : EventStore|EventStoreConfig\n    /**\n     * Start expanded or not (only valid for tree data)\n     */\n    expanded ? : Boolean\n    /**\n     * Specify as `true` to force sync requests to be sent when calling `sync()`, even if there are no local\n     * changes. Useful in a polling scenario, to keep client up to date with the backend.\n     */\n    forceSync ? : Boolean\n    /**\n     * Unique identifier for the record. Might be mapped to another dataSource using idField, but always exposed as\n     * record.id. Will get a generated value if none is specified in records data.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-id)\n     */\n    id ? : string|number\n    /**\n     * Set to `true` to make STM ignore changes coming from the backend. This will allow user to only undo redo\n     * local changes.\n     */\n    ignoreRemoteChangesInSTM ? : Boolean\n    /**\n     * Set to `false` to only include the id of a removed parent node in the request to the backend (also\n     * affects programmatic calls to get [changes](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#property-changes) etc.), and not the ids of its children.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-includeChildrenInRemoveRequest)\n     */\n    includeChildrenInRemoveRequest ? : Boolean\n    /**\n     * Whether to include legacy data properties in the JSON / inlineData output. The legacy data properties are\n     * the `xxData` (`eventsData`, `resourcesData` etc.) properties that are deprecated and will be removed in\n     * the future.\n     * @deprecated 6.3.0 This config will be removed when the eventsData, resourcesData etc. properties are removed in a future release.\n     */\n    includeLegacyDataProperties ? : Boolean\n    /**\n     * This field is added to the class at runtime when the Store is configured with\n     * [lazyLoad](https://bryntum.com/products/taskboard/docs/api/Core/data/Store#config-lazyLoad). If set on a parent record at load time, that parent will not cause any\n     * more child load requests. If omitted, it will be automatically set to `true` when a load request receives fewer\n     * child records than requested.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-isFullyLoaded)\n     */\n    isFullyLoaded ? : Boolean\n    /**\n     * Project data as a JSON string, used to populate its stores.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-json)\n     */\n    json ? : string\n    /**\n     * The listener set for this object.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-listeners)\n     */\n    listeners ? : ProjectModelListeners\n    /**\n     * Convenience shortcut to set only the url to load from, when you do not need to supply any other config\n     * options in the `load` section of the `transport` config.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-loadUrl)\n     */\n    loadUrl ? : string\n    /**\n     * This is a read-only field provided in server synchronization packets to specify\n     * which position the node takes in the parent's ordered children array.\n     * This index is set on load and gets updated on reordering nodes in tree. Sorting and filtering\n     * have no effect on it.\n     */\n    orderedParentIndex ? : number\n    /**\n     * This is a read-only field provided in server synchronization packets to specify\n     * which record id is the parent of the record.\n     */\n    parentId ? : string|number|null\n    /**\n     * This is a read-only field provided in server synchronization packets to specify\n     * which position the node takes in the parent's children array.\n     * This index is set on load and gets updated automatically after row reordering, sorting, etc.\n     * To save the order, need to persist the field on the server and when data is fetched to be loaded,\n     * need to sort by this field.\n     */\n    parentIndex ? : number\n    /**\n     * Field name to be used to transfer a phantom record identifier.\n     */\n    phantomIdField ? : string\n    /**\n     * Field name to be used to transfer a phantom parent record identifier.\n     */\n    phantomParentIdField ? : string\n    /**\n     * Flag the record as read-only on the UI level, preventing the end user from manipulating it using editing\n     * features such as cell editing and event dragging.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-readOnly)\n     */\n    readOnly ? : Boolean\n    /**\n     * This field is added to the class at runtime when the Store is configured with\n     * [lazyLoad](https://bryntum.com/products/taskboard/docs/api/Core/data/Store#config-lazyLoad). The\n     * number specified should reflect the <strong>total</strong> amount of children of a parent node, including nested descendants.\n     * @deprecated This field has been deprecated. Please read the [guide](https://bryntum.com/products/grid/docs/guide/Grid/data/lazyloading) to find out if your app needs to use the new [isFullyLoaded](https://bryntum.com/products/taskboard/docs/api/Core/data/mixin/TreeNode#field-isFullyLoaded) field.\n     */\n    remoteChildCount ? : number\n    /**\n     * `True` to reset identifiers (defined by `idField` config) of phantom records before submitting them\n     * to the server.\n     */\n    resetIdsBeforeSync ? : Boolean\n    /**\n     * The constructor of the resource model class, to be used in the project. Will be set as the\n     * [modelClass](https://bryntum.com/products/taskboard/docs/api/Core/data/Store#config-modelClass) property of the [resourceStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-resourceStore)\n     */\n    resourceModelClass ? : typeof ResourceModel\n    /**\n     * Data use to fill the [resourceStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-resourceStore). Should be an array of\n     * [ResourceModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/ResourceModel) or its configuration objects.\n     */\n    resources ? : ResourceModel[]|ResourceModelConfig[]\n    /**\n     * The initial data, to fill the [resourceStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-resourceStore) with.\n     * Should be an array of [ResourceModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/ResourceModel) or its configuration objects.\n     * @deprecated 6.3.0 Use [resources](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#config-resources) instead\n     */\n    resourcesData ? : ResourceModel[]|ResourceModelConfig[]\n    /**\n     * A [ResourceStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/ResourceStore) instance or a config object.\n     */\n    resourceStore ? : ResourceStore|ResourceStoreConfig\n    /**\n     * The constructor to create a resource store instance with. Should be a class, subclassing the\n     * [ResourceStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/ResourceStore)\n     */\n    resourceStoreClass ? : typeof ResourceStore|object\n    /**\n     * Experimental hook that lets the app determine if a bound dataset needs syncing with the store or not, and\n     * if it does - which records that should be processed. Only called for stores that are configured with\n     * `syncDataOnLoad: true` (which is the default in the React, Angular and Vue wrappers).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-shouldSyncDataOnLoad)\n     * @param {object} options Options passed by the store to this hook\n     * @param {Core.data.Store} options.store Store about to be synced\n     * @param {Core.data.Model} options.records Records currently in the store\n     * @param {object[]} options.data Incoming data\n     * @returns {Set<any>,boolean} Return `false` to prevent the store from syncing, or a set of record ids that need further processing (for records that has some kind of change, eg. an update, removal or addition)\n     */\n    shouldSyncDataOnLoad ? : (options: { store: Store, records: Model, data: object[] }) => Set<any>|Boolean\n    /**\n     * Silences propagations caused by the project loading.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-silenceInitialCommit)\n     */\n    silenceInitialCommit ? : Boolean\n    /**\n     * When `true` treats parsed responses without `success` property as successful.\n     * In this mode a parsed response is treated as invalid if it has explicitly set `success : false`.\n     */\n    skipSuccessProperty ? : Boolean\n    /**\n     * Configuration options to provide to the STM manager\n     */\n    stm ? : StateTrackingManagerConfig|StateTrackingManager\n    /**\n     * Name of a store property to retrieve store identifiers from. Make sure you have an instance of a\n     * store to use it by id. Store identifier is used as a container name holding corresponding store data\n     * while transferring them to/from the server. By default, `id` property is used. And in case a\n     * container identifier has to differ this config can be used:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-storeIdProperty)\n     */\n    storeIdProperty ? : string\n    /**\n     * When `true` the Crud Manager does not require all updated and removed records to be mentioned in the\n     * *sync* response. In this case response should include only server side changes.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-supportShortSyncResponse)\n     */\n    supportShortSyncResponse ? : Boolean\n    /**\n     * An array of store identifiers sets an alternative sync responses apply order.\n     * By default, the order in which sync responses are applied to the stores is the same as they\n     * registered in. But in case of some tricky dependencies between stores this order can be changed:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-syncApplySequence)\n     */\n    syncApplySequence ? : string[]|CrudManagerStoreDescriptor[]\n    /**\n     * Convenience shortcut to set only the url to sync to, when you do not need to supply any other config\n     * options in the `sync` section of the `transport` config.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-syncUrl)\n     */\n    syncUrl ? : string\n    /**\n     * The constructor of the task model class, to be used in the project.\n     * Will be set as the [modelClass](https://bryntum.com/products/taskboard/docs/api/Core/data/Store#config-modelClass)\n     * property of the [taskStore](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#property-taskStore).\n     */\n    taskModelClass ? : typeof TaskModel\n    /**\n     * The initial data, to fill the [taskStore](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#property-taskStore) with. Should be an array of\n     * [TaskModel](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/TaskModel) or its configuration objects.\n     */\n    tasks ? : TaskModel[]|TaskModelConfig[]\n    /**\n     * The initial data, to fill the [taskStore](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#property-taskStore) with.\n     * Should be an array of [TaskModel](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/TaskModel) instances or its configuration objects.\n     * @deprecated 6.3.0 Use [tasks](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-tasks) instead\n     */\n    tasksData ? : TaskModel[]|TaskModelConfig[]\n    /**\n     * An [TaskStore](https://bryntum.com/products/taskboard/docs/api/TaskBoard/store/TaskStore) instance or a config object.\n     */\n    taskStore ? : TaskStoreConfig|TaskStore\n    /**\n     * The constructor to create a task store instance with.\n     * Should be a class, subclassing the [TaskStore](https://bryntum.com/products/taskboard/docs/api/TaskBoard/store/TaskStore).\n     */\n    taskStoreClass ? : typeof TaskStore\n    /**\n     * Set to a IANA time zone (i.e. `Europe/Stockholm`) or a UTC offset in minutes (i.e. `-120`). This will\n     * convert all events, tasks and time ranges to the specified time zone or offset. It will also affect the\n     * displayed timeline's headers as well at the start and end date of it.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-timeZone)\n     */\n    timeZone ? : string|number\n    /**\n     * Specifies the output format of [toJSON](https://bryntum.com/products/scheduler/docs#Scheduler/model/mixin/ProjectModelCommon#function-toJSON).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-toJSONResultFormat)\n     */\n    toJSONResultFormat ? : 'inlineData'|'model'\n    /**\n     * When `true` forces the CRUD manager to process responses depending on their `type` attribute.\n     * So `load` request may be responded with `sync` response for example.\n     * Can be used for smart server logic allowing the server to decide when it's better to respond with a\n     * complete data set (`load` response) or it's enough to return just a delta (`sync` response).\n     */\n    trackResponseType ? : Boolean\n    /**\n     * Configuration of the AJAX requests used by *Crud Manager* to communicate with a server-side.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-transport)\n     */\n    transport ? : {\n        load?: object\n        sync?: object\n    }\n    /**\n     * By default, the stores of a project use the raw data objects passed to them as the data source for their\n     * records if data is loaded remotely (using an `AjaxStore` or a `CrudManager`). For data supplied inline,\n     * the data objects are instead by default cloned to avoid the original data object being modified by the\n     * store.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-useRawData)\n     */\n    useRawData ? : Boolean\n    /**\n     * This config validates the response structure for requests made by the Crud Manager.\n     * When `true`, the Crud Manager checks every parsed response structure for errors\n     * and if the response format is invalid, a warning is logged to the browser console.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-validateResponse)\n     */\n    validateResponse ? : Boolean\n    /**\n     * `true` to write all fields from the record to the server.\n     * If set to `false` it will only send the fields that were modified.\n     * Note that any fields that have [persist](https://bryntum.com/products/taskboard/docs/api/Core/data/field/DataField#config-persist) set to `false` will\n     * still be ignored and fields having [alwaysWrite](https://bryntum.com/products/taskboard/docs/api/Core/data/field/DataField#config-alwaysWrite) set to `true`\n     * will always be included.\n     */\n    writeAllFields ? : Boolean\n\n}>();\n\nconst emit = defineEmits<{\n    /**\n     * Fires before an object is destroyed.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.Base} params.params.event.source The Object that is being destroyed.\n     */\n    (e: 'beforeDestroy', params: ((event: { source: Base }) => void)|string): void\n    /**\n     * Fires before [load request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) is sent. Return `false` to cancel load request.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     * @param {object} params.params.event.pack The data package which contains data for all stores managed by the crud manager.\n     */\n    (e: 'beforeLoad', params: ((event: { source: AbstractCrudManager, pack: object }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void\n    /**\n     * Fires before loaded data get applied to the stores. Return `false` to prevent data applying.\n     * This event can be used for server data preprocessing. To achieve it user can modify the `response` object.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     * @param {object} params.params.event.response The decoded server response object.\n     * @param {object} params.params.event.options Options provided to the [load](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) method.\n     */\n    (e: 'beforeLoadApply', params: ((event: { source: AbstractCrudManager, response: object, options: object }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void\n    /**\n     * Fires before server response gets applied to the stores. Return `false` to prevent data applying.\n     * This event can be used for server data preprocessing. To achieve it user can modify the `response` object.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     * @param {'sync','load'} params.params.event.requestType The request type (`sync` or `load`).\n     * @param {object} params.params.event.response The decoded server response object.\n     */\n    (e: 'beforeResponseApply', params: ((event: { source: AbstractCrudManager, requestType: 'sync'|'load', response: object }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void\n    /**\n     * Fires before a request is sent to the server.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-beforeSend)\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.crudManager The CRUD manager.\n     * @param {object} params.params.event.params HTTP request params to be passed in the request URL.\n     * @param {'sync','load'} params.params.event.requestType CrudManager request type (`load`/`sync`)\n     * @param {object} params.params.event.requestConfig Configuration object for Ajax request call\n     */\n    (e: 'beforeSend', params: ((event: { crudManager: AbstractCrudManager, params: object, requestType: 'sync'|'load', requestConfig: object }) => Promise<void>)|string): Promise<void>\n    /**\n     * Fires before [sync request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) is sent. Return `false` to cancel sync request.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-beforeSync)\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     * @param {object} params.params.event.pack The data package which contains data for all stores managed by the crud manager.\n     */\n    (e: 'beforeSync', params: ((event: { source: AbstractCrudManager, pack: object }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void\n    /**\n     * Fires before sync response data get applied to the stores. Return `false` to prevent data applying.\n     * This event can be used for server data preprocessing. To achieve it user can modify the `response` object.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     * @param {object} params.params.event.response The decoded server response object.\n     */\n    (e: 'beforeSyncApply', params: ((event: { source: AbstractCrudManager, response: object }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void\n    /**\n     * Fires when any other event is fired from the object.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-catchAll)\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {{[key: string]: any, type: string}} params.params.event.event The Object that contains event details\n     * @param {string} params.params.event.event.type The type of the event which is caught by the listener\n     */\n    (e: 'catchAll', params: ((event: {[key: string]: any, type: string}) => void)|string): void\n    /**\n     * Fired when data in any of the projects stores changes.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-change)\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.model.SchedulerProjectModel,any} params.params.event.source This project\n     * @param {Core.data.Store} params.params.event.store Affected store\n     * @param {'remove','removeAll','add','clearchanges','filter','update','dataset','replace'} params.params.event.action Name of action which triggered the change. May be one of:  * `'remove'` * `'removeAll'` * `'add'` * `'clearchanges'` * `'filter'` * `'update'` * `'dataset'` * `'replace'`\n     * @param {Core.data.Model} params.params.event.record Changed record, for actions that affects exactly one record (`'update'`)\n     * @param {Core.data.Model[]} params.params.event.records Changed records, passed for all actions except `'removeAll'`\n     * @param {object} params.params.event.changes Passed for the `'update'` action, info on which record fields changed\n     */\n    (e: 'change', params: ((event: { source: SchedulerProjectModel|any, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void)|string): void\n    /**\n     * Fired when the engine has finished its calculations and the results has been written back to the records.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-dataReady)\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.model.SchedulerProjectModel,any} params.params.event.source The project\n     * @param {boolean} params.params.event.isInitialCommit Flag that shows if this commit is initial\n     * @param {Set<any>} params.params.event.records Set of all [Model](https://bryntum.com/products/taskboard/docs/api/Core/data/Model)s that were modified in the completed transaction. Use the [modifications](https://bryntum.com/products/taskboard/docs/api/Core/data/Model#property-modifications) property of each Model to identify modified fields.\n     */\n    (e: 'dataReady', params: ((event: { source: SchedulerProjectModel|any, isInitialCommit: boolean, records: Set<any> }) => void)|string): void\n    /**\n     * Fires when an object is destroyed.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.Base} params.params.event.source The Object that is being destroyed.\n     */\n    (e: 'destroy', params: ((event: { source: Base }) => void)|string): void\n    /**\n     * Fires when data in any of the registered data stores is changed.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-hasChanges)\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     */\n    (e: 'hasChanges', params: ((event: { source: AbstractCrudManager }) => void)|string): void\n    /**\n     * Fires on successful [load request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) completion after data gets loaded to the stores.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     * @param {object} params.params.event.response The decoded server response object.\n     * @param {object} params.params.event.responseOptions [DEPRECATED] see `requestOptions`\n     * @param {object} params.params.event.requestOptions The request options passed to the request.\n     * @param {Response} params.params.event.rawResponse The native Response object\n     */\n    (e: 'load', params: ((event: { source: AbstractCrudManager, response: object, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string): void\n    /**\n     * Fired after [load request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) was canceled by some [beforeLoad](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#event-beforeLoad)\n     * listener or due to incomplete prior load request.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     * @param {object} params.params.event.pack The data package which contains data for all stores managed by the crud manager.\n     */\n    (e: 'loadCanceled', params: ((event: { source: AbstractCrudManager, pack: object }) => void)|string): void\n    /**\n     * Fires when a [load request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) fails.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager instance.\n     * @param {object} params.params.event.response The decoded server response object.\n     * @param {string} params.params.event.responseText The raw server response text\n     * @param {object} params.params.event.responseOptions [DEPRECATED] see `requestOptions`\n     * @param {object} params.params.event.requestOptions The request options passed to the request.\n     * @param {Response} params.params.event.rawResponse The native Response object\n     */\n    (e: 'loadFail', params: ((event: { source: AbstractCrudManager, response: object, responseText: string, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string): void\n    /**\n     * Fires when registered stores get into state when they don't have any\n     * not persisted change. This happens after [load](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) or [sync](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) request\n     * completion. Or this may happen after a record update which turns its fields back to their original state.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-noChanges)\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     */\n    (e: 'noChanges', params: ((event: { source: AbstractCrudManager }) => void)|string): void\n    /**\n     * Fires on successful request completion after data gets applied to the stores.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     * @param {'sync','load'} params.params.event.requestType The request type (`sync` or `load`).\n     * @param {object} params.params.event.response The decoded server response object.\n     * @param {object} params.params.event.responseOptions [DEPRECATED] see `requestOptions`\n     * @param {object} params.params.event.requestOptions The request options passed to the request.\n     * @param {Response} params.params.event.rawResponse The native Response object\n     */\n    (e: 'requestDone', params: ((event: { source: AbstractCrudManager, requestType: 'sync'|'load', response: object, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string): void\n    /**\n     * Fires when a request fails.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager instance.\n     * @param {'sync','load'} params.params.event.requestType The request type (`sync` or `load`).\n     * @param {object} params.params.event.response The decoded server response object.\n     * @param {string} params.params.event.responseText The raw server response text\n     * @param {object} params.params.event.responseOptions [DEPRECATED] see `requestOptions`\n     * @param {object} params.params.event.requestOptions The request options passed to the request.\n     * @param {Response} params.params.event.rawResponse The native Response object\n     */\n    (e: 'requestFail', params: ((event: { source: AbstractCrudManager, requestType: 'sync'|'load', response: object, responseText: string, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string): void\n    /**\n     * Fires on successful [sync request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) completion.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     * @param {object} params.params.event.response The decoded server response object.\n     * @param {object} params.params.event.responseOptions [DEPRECATED] see `requestOptions`\n     * @param {object} params.params.event.requestOptions The request options passed to the request.\n     * @param {Response} params.params.event.rawResponse The native Response object\n     */\n    (e: 'sync', params: ((event: { source: AbstractCrudManager, response: object, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string): void\n    /**\n     * Fires after [sync request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) was canceled by some [beforeSync](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#event-beforeSync) listener.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     * @param {object} params.params.event.pack The data package which contains data for all stores managed by the crud manager.\n     */\n    (e: 'syncCanceled', params: ((event: { source: AbstractCrudManager, pack: object }) => void)|string): void\n    /**\n     * Fires after [sync request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) was delayed due to incomplete previous one.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     * @param {object} params.params.event.arguments The arguments of [sync](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) call.\n     */\n    (e: 'syncDelayed', params: ((event: { source: AbstractCrudManager, arguments: object }) => void)|string): void\n    /**\n     * Fires when a [sync request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) fails.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager instance.\n     * @param {object} params.params.event.response The decoded server response object.\n     * @param {string} params.params.event.responseText The raw server response text\n     * @param {object} params.params.event.responseOptions [DEPRECATED] see `requestOptions`\n     * @param {object} params.params.event.requestOptions The request options passed to the request.\n     * @param {Response} params.params.event.rawResponse The native Response object\n     */\n    (e: 'syncFail', params: ((event: { source: AbstractCrudManager, response: object, responseText: string, responseOptions: object, requestOptions: object, rawResponse: any }) => void)|string): void\n}>();\n\nconst widgetData = {\n    instanceClass : ProjectModel,\n    instanceName  : 'ProjectModel',\n\n    configNames   : [\n        'adjustDurationToDST',\n        'assignmentModelClass',\n        'assignmentsData',\n        'assignmentStoreClass',\n        'autoLoad',\n        'autoSync',\n        'autoSyncTimeout',\n        'bubbleEvents',\n        'children',\n        'dependenciesData',\n        'dependencyModelClass',\n        'dependencyStoreClass',\n        'encoder',\n        'eventsData',\n        'expanded',\n        'ignoreRemoteChangesInSTM',\n        'includeChildrenInRemoveRequest',\n        'listeners',\n        'orderedParentIndex',\n        'parentIndex',\n        'phantomIdField',\n        'phantomParentIdField',\n        'resetIdsBeforeSync',\n        'resourceModelClass',\n        'resourcesData',\n        'resourceStoreClass',\n        'silenceInitialCommit',\n        'skipSuccessProperty',\n        'storeIdProperty',\n        'supportShortSyncResponse',\n        'taskModelClass',\n        'tasksData',\n        'taskStoreClass',\n        'toJSONResultFormat',\n        'trackResponseType',\n        'transport',\n        'useRawData',\n        'validateResponse',\n        'writeAllFields'\n    ],\n    propertyConfigNames : [\n        'assignments',\n        'assignmentStore',\n        'callOnFunctions',\n        'catchEventHandlerExceptions',\n        'crudStores',\n        'dependencies',\n        'dependencyStore',\n        'events',\n        'eventStore',\n        'forceSync',\n        'id',\n        'includeLegacyDataProperties',\n        'isFullyLoaded',\n        'json',\n        'loadUrl',\n        'onBeforeDestroy',\n        'onBeforeLoad',\n        'onBeforeLoadApply',\n        'onBeforeResponseApply',\n        'onBeforeSend',\n        'onBeforeSync',\n        'onBeforeSyncApply',\n        'onCatchAll',\n        'onChange',\n        'onDataReady',\n        'onDestroy',\n        'onHasChanges',\n        'onLoad',\n        'onLoadCanceled',\n        'onLoadFail',\n        'onNoChanges',\n        'onRequestDone',\n        'onRequestFail',\n        'onSync',\n        'onSyncCanceled',\n        'onSyncDelayed',\n        'onSyncFail',\n        'parentId',\n        'readOnly',\n        'remoteChildCount',\n        'resources',\n        'resourceStore',\n        'shouldSyncDataOnLoad',\n        'stm',\n        'syncApplySequence',\n        'syncUrl',\n        'tasks',\n        'taskStore',\n        'timeZone'\n    ],\n    propertyNames : [\n        'allChildren',\n        'allUnfilteredChildren',\n        'descendantCount',\n        'hasGeneratedId',\n        'inlineData',\n        'internalId',\n        'isCommitting',\n        'isCreating',\n        'isValid',\n        'previousSiblingsTotalCount',\n        'resourceTimeRanges',\n        'timeRanges',\n        'visibleDescendantCount'\n    ],\n    eventNames : [\n        'beforeDestroy',\n        'beforeLoad',\n        'beforeLoadApply',\n        'beforeResponseApply',\n        'beforeSend',\n        'beforeSync',\n        'beforeSyncApply',\n        'catchAll',\n        'change',\n        'dataReady',\n        'destroy',\n        'hasChanges',\n        'load',\n        'loadCanceled',\n        'loadFail',\n        'noChanges',\n        'requestDone',\n        'requestFail',\n        'sync',\n        'syncCanceled',\n        'syncDelayed',\n        'syncFail'\n    ]\n};\n\nconst instance: {\n    value?: ProjectModel\n} = {};\n\nconst refElement = ref<HTMLDivElement>()!;\n// Storage for teleports (in-cell Vue component instances) automatically renderer by template\nconst teleports = ref(new Map());\n\n// Provide teleports for processCellContent\nprovide('teleports', teleports);\n\nonMounted(() => {\n\n    const me = getCurrentInstance()!;\n\n    instance.value = WrapperHelper.createWidget<typeof ProjectModel>({\n        me,\n        widgetData,\n        emit,\n        element : refElement.value!,\n        toRaw\n    });\n\n    const watcher = (prop: string, callback: any) => watch(() => me.props[prop], callback);\n    WrapperHelper.watchProps(instance.value, widgetData, watcher);\n});\n\nonBeforeUnmount(() => {\n    // @ts-ignore\n    instance.value?.destroy?.();\n});\n\ndefineExpose({\n    instance,\n    refElement,\n    teleports\n});\n\n</script>\n"],"names":["emit","__emit","widgetData","ProjectModel","instance","refElement","ref","teleports","provide","onMounted","me","getCurrentInstance","WrapperHelper","toRaw","watcher","prop","callback","watch","onBeforeUnmount","__expose","_createElementBlock"],"mappings":"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"}
+{"version":3,"file":"CaXNovsW.js","sources":["../../src/components/BryntumTaskBoardProjectModel.vue"],"sourcesContent":["<!-- Vue 3 wrapper for Bryntum ProjectModel -->\n\n<template>\n    <div ref=\"refElement\">\n\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n\nimport { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';\n\nimport type { Base, Model, ModelConfig, StateTrackingManager, StateTrackingManagerConfig, Store, StoreConfig } from '@bryntum/core-thin';\nimport type { AbstractCrudManager, AssignmentModel, AssignmentModelConfig, AssignmentStore, AssignmentStoreConfig, CrudManagerStoreDescriptor, DependencyModel, DependencyModelConfig, DependencyStore, DependencyStoreConfig, EventModel, EventModelConfig, EventStore, EventStoreConfig, ProjectModel as SchedulerProjectModel, ProjectModelListeners, ResourceModel, ResourceModelConfig, ResourceStore, ResourceStoreConfig, TaskModel, TaskModelConfig, TaskStore, TaskStoreConfig } from '@bryntum/taskboard-thin';\nimport { ProjectModel } from '@bryntum/taskboard-thin';\n\nimport { WrapperHelper } from '../helper/WrapperHelper';\n\ndefineProps<{\n    // Configs\n    /**\n     * A flag, indicating whether the dates and duration calculations should adjust the result to DST time shift.\n     */\n    adjustDurationToDST ? : Boolean\n    /**\n     * The constructor of the assignment model class, to be used in the project. Will be set as the\n     * [modelClass](https://bryntum.com/products/taskboard/docs/api/Core/data/Store#config-modelClass) property of the [assignmentStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-assignmentStore)\n     */\n    assignmentModelClass ? : typeof AssignmentModel\n    /**\n     * Data use to fill the [assignmentStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-assignmentStore). Should be an array of\n     * [AssignmentModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/AssignmentModel) or its configuration objects.\n     */\n    assignments ? : AssignmentModel[]|AssignmentModelConfig[]\n    /**\n     * The initial data, to fill the [assignmentStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-assignmentStore) with.\n     * Should be an array of [AssignmentModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/AssignmentModel) or its configuration\n     * objects.\n     * @deprecated 6.3.0 Use [assignments](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#config-assignments) instead\n     */\n    assignmentsData ? : AssignmentModel[]|AssignmentModelConfig[]\n    /**\n     * An [AssignmentStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/AssignmentStore) instance or a config object.\n     */\n    assignmentStore ? : AssignmentStore|AssignmentStoreConfig\n    /**\n     * The constructor to create an assignment store instance with. Should be a class, subclassing the\n     * [AssignmentStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/AssignmentStore)\n     */\n    assignmentStoreClass ? : typeof AssignmentStore|object\n    /**\n     * Specify `true` to automatically call [load](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) method on the next frame after creation.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-autoLoad)\n     */\n    autoLoad ? : Boolean\n    /**\n     * `true` to automatically persist store changes after edits are made in any of the stores monitored.\n     * Please note that sync request will not be invoked immediately but only after\n     * [autoSyncTimeout](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#config-autoSyncTimeout) interval.\n     */\n    autoSync ? : Boolean\n    /**\n     * The timeout in milliseconds to wait before persisting changes to the server.\n     * Used when [autoSync](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#config-autoSync) is set to `true`.\n     */\n    autoSyncTimeout ? : number\n    /**\n     * An object where property names with a truthy value indicate which events should bubble up the ownership\n     * hierarchy when triggered.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-bubbleEvents)\n     */\n    bubbleEvents ? : object\n    /**\n     * Set to `true` to call onXXX method names (e.g. `onShow`, `onClick`), as an easy way to listen for events.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-callOnFunctions)\n     */\n    callOnFunctions ? : Boolean\n    /**\n     * By default, if an event handler throws an exception, the error propagates up the stack and the\n     * application state is undefined. Code which follows the event handler will *not* be executed.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-catchEventHandlerExceptions)\n     */\n    catchEventHandlerExceptions ? : Boolean\n    /**\n     * Child nodes. To allow loading children on demand, specify `children : true` in your data. Omit the field for leaf\n     * tasks.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-children)\n     */\n    children ? : Boolean|object[]|Model[]|ModelConfig[]\n    /**\n     * Sets the list of stores controlled by the CRUD manager.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-crudStores)\n     */\n    crudStores ? : Store[]|string[]|CrudManagerStoreDescriptor[]|StoreConfig[]\n    /**\n     * Data use to fill the [dependencyStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-dependencyStore). Should be an array of\n     * [DependencyModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/DependencyModel) or its configuration objects.\n     */\n    dependencies ? : DependencyModel[]|DependencyModelConfig[]\n    /**\n     * The initial data, to fill the [dependencyStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-dependencyStore) with.\n     * Should be an array of [DependencyModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/DependencyModel) or its configuration\n     * objects.\n     * @deprecated 6.3.0 Use [dependencies](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#config-dependencies) instead\n     */\n    dependenciesData ? : DependencyModel[]|DependencyModelConfig[]\n    /**\n     * The constructor of the dependency model class, to be used in the project. Will be set as the\n     * [modelClass](https://bryntum.com/products/taskboard/docs/api/Core/data/Store#config-modelClass) property of the [dependencyStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-dependencyStore)\n     */\n    dependencyModelClass ? : typeof DependencyModel\n    /**\n     * A [DependencyStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/DependencyStore) instance or a config object.\n     */\n    dependencyStore ? : DependencyStore|DependencyStoreConfig\n    /**\n     * The constructor to create a dependency store instance with. Should be a class, subclassing the\n     * [DependencyStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/DependencyStore)\n     */\n    dependencyStoreClass ? : typeof DependencyStore|object\n    /**\n     * Configuration of the JSON encoder used by the *Crud Manager*.\n     */\n    encoder ? : {\n        requestData?: object\n    }\n    /**\n     * Data use to fill the [eventStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-eventStore). Should be an array of\n     * [EventModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/EventModel) or its configuration objects.\n     */\n    events ? : EventModel[]|EventModelConfig[]\n    /**\n     * The initial data, to fill the [eventStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-eventStore) with.\n     * Should be an array of [EventModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/EventModel) or its configuration objects.\n     * @deprecated 6.3.0 Use [events](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#config-events) instead\n     */\n    eventsData ? : EventModel[]|EventModelConfig[]\n    /**\n     * An [EventStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/EventStore) instance or a config object.\n     */\n    eventStore ? : EventStore|EventStoreConfig\n    /**\n     * Start expanded or not (only valid for tree data)\n     */\n    expanded ? : Boolean\n    /**\n     * Specify as `true` to force sync requests to be sent when calling `sync()`, even if there are no local\n     * changes. Useful in a polling scenario, to keep client up to date with the backend.\n     */\n    forceSync ? : Boolean\n    /**\n     * Unique identifier for the record. Might be mapped to another dataSource using idField, but always exposed as\n     * record.id. Will get a generated value if none is specified in records data.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-id)\n     */\n    id ? : string|number\n    /**\n     * Set to `true` to make STM ignore changes coming from the backend. This will allow user to only undo redo\n     * local changes.\n     */\n    ignoreRemoteChangesInSTM ? : Boolean\n    /**\n     * Set to `false` to only include the id of a removed parent node in the request to the backend (also\n     * affects programmatic calls to get [changes](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#property-changes) etc.), and not the ids of its children.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-includeChildrenInRemoveRequest)\n     */\n    includeChildrenInRemoveRequest ? : Boolean\n    /**\n     * Whether to include legacy data properties in the JSON / inlineData output. The legacy data properties are\n     * the `xxData` (`eventsData`, `resourcesData` etc.) properties that are deprecated and will be removed in\n     * the future.\n     * @deprecated 6.3.0 This config will be removed when the eventsData, resourcesData etc. properties are removed in a future release.\n     */\n    includeLegacyDataProperties ? : Boolean\n    /**\n     * This field is added to the class at runtime when the Store is configured with\n     * [lazyLoad](https://bryntum.com/products/taskboard/docs/api/Core/data/Store#config-lazyLoad). If set on a parent record at load time, that parent will not cause any\n     * more child load requests. If omitted, it will be automatically set to `true` when a load request receives fewer\n     * child records than requested.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-isFullyLoaded)\n     */\n    isFullyLoaded ? : Boolean\n    /**\n     * Project data as a JSON string, used to populate its stores.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-json)\n     */\n    json ? : string\n    /**\n     * The listener set for this object.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-listeners)\n     */\n    listeners ? : ProjectModelListeners\n    /**\n     * Convenience shortcut to set only the url to load from, when you do not need to supply any other config\n     * options in the `load` section of the `transport` config.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-loadUrl)\n     */\n    loadUrl ? : string\n    /**\n     * This is a read-only field provided in server synchronization packets to specify\n     * which position the node takes in the parent's ordered children array.\n     * This index is set on load and gets updated on reordering nodes in tree. Sorting and filtering\n     * have no effect on it.\n     */\n    orderedParentIndex ? : number\n    /**\n     * This is a read-only field provided in server synchronization packets to specify\n     * which record id is the parent of the record.\n     */\n    parentId ? : string|number|null\n    /**\n     * This is a read-only field provided in server synchronization packets to specify\n     * which position the node takes in the parent's children array.\n     * This index is set on load and gets updated automatically after row reordering, sorting, etc.\n     * To save the order, need to persist the field on the server and when data is fetched to be loaded,\n     * need to sort by this field.\n     */\n    parentIndex ? : number\n    /**\n     * Field name to be used to transfer a phantom record identifier.\n     */\n    phantomIdField ? : string\n    /**\n     * Field name to be used to transfer a phantom parent record identifier.\n     */\n    phantomParentIdField ? : string\n    /**\n     * Flag the record as read-only on the UI level, preventing the end user from manipulating it using editing\n     * features such as cell editing and event dragging.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-readOnly)\n     */\n    readOnly ? : Boolean\n    /**\n     * This field is added to the class at runtime when the Store is configured with\n     * [lazyLoad](https://bryntum.com/products/taskboard/docs/api/Core/data/Store#config-lazyLoad). The\n     * number specified should reflect the <strong>total</strong> amount of children of a parent node, including nested descendants.\n     * @deprecated This field has been deprecated. Please read the [guide](https://bryntum.com/products/grid/docs/guide/Grid/data/lazyloading) to find out if your app needs to use the new [isFullyLoaded](https://bryntum.com/products/taskboard/docs/api/Core/data/mixin/TreeNode#field-isFullyLoaded) field.\n     */\n    remoteChildCount ? : number\n    /**\n     * `True` to reset identifiers (defined by `idField` config) of phantom records before submitting them\n     * to the server.\n     */\n    resetIdsBeforeSync ? : Boolean\n    /**\n     * The constructor of the resource model class, to be used in the project. Will be set as the\n     * [modelClass](https://bryntum.com/products/taskboard/docs/api/Core/data/Store#config-modelClass) property of the [resourceStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-resourceStore)\n     */\n    resourceModelClass ? : typeof ResourceModel\n    /**\n     * Data use to fill the [resourceStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-resourceStore). Should be an array of\n     * [ResourceModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/ResourceModel) or its configuration objects.\n     */\n    resources ? : ResourceModel[]|ResourceModelConfig[]\n    /**\n     * The initial data, to fill the [resourceStore](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#property-resourceStore) with.\n     * Should be an array of [ResourceModels](https://bryntum.com/products/scheduler/docs#Scheduler/model/ResourceModel) or its configuration objects.\n     * @deprecated 6.3.0 Use [resources](https://bryntum.com/products/scheduler/docs#Scheduler/model/ProjectModel#config-resources) instead\n     */\n    resourcesData ? : ResourceModel[]|ResourceModelConfig[]\n    /**\n     * A [ResourceStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/ResourceStore) instance or a config object.\n     */\n    resourceStore ? : ResourceStore|ResourceStoreConfig\n    /**\n     * The constructor to create a resource store instance with. Should be a class, subclassing the\n     * [ResourceStore](https://bryntum.com/products/scheduler/docs#Scheduler/data/ResourceStore)\n     */\n    resourceStoreClass ? : typeof ResourceStore|object\n    /**\n     * Experimental hook that lets the app determine if a bound dataset needs syncing with the store or not, and\n     * if it does - which records that should be processed. Only called for stores that are configured with\n     * `syncDataOnLoad: true` (which is the default in the React, Angular and Vue wrappers).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-shouldSyncDataOnLoad)\n     * @param {object} options Options passed by the store to this hook\n     * @param {Core.data.Store} options.store Store about to be synced\n     * @param {Core.data.Model} options.records Records currently in the store\n     * @param {object[]} options.data Incoming data\n     * @returns {Set<any>,boolean} Return `false` to prevent the store from syncing, or a set of record ids that need further processing (for records that has some kind of change, eg. an update, removal or addition)\n     */\n    shouldSyncDataOnLoad ? : (options: { store: Store, records: Model, data: object[] }) => Set<any>|Boolean\n    /**\n     * Silences propagations caused by the project loading.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-silenceInitialCommit)\n     */\n    silenceInitialCommit ? : Boolean\n    /**\n     * When `true` treats parsed responses without `success` property as successful.\n     * In this mode a parsed response is treated as invalid if it has explicitly set `success : false`.\n     */\n    skipSuccessProperty ? : Boolean\n    /**\n     * Configuration options to provide to the STM manager\n     */\n    stm ? : StateTrackingManagerConfig|StateTrackingManager\n    /**\n     * Name of a store property to retrieve store identifiers from. Make sure you have an instance of a\n     * store to use it by id. Store identifier is used as a container name holding corresponding store data\n     * while transferring them to/from the server. By default, `id` property is used. And in case a\n     * container identifier has to differ this config can be used:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-storeIdProperty)\n     */\n    storeIdProperty ? : string\n    /**\n     * When `true` the Crud Manager does not require all updated and removed records to be mentioned in the\n     * *sync* response. In this case response should include only server side changes.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-supportShortSyncResponse)\n     */\n    supportShortSyncResponse ? : Boolean\n    /**\n     * An array of store identifiers sets an alternative sync responses apply order.\n     * By default, the order in which sync responses are applied to the stores is the same as they\n     * registered in. But in case of some tricky dependencies between stores this order can be changed:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-syncApplySequence)\n     */\n    syncApplySequence ? : string[]|CrudManagerStoreDescriptor[]\n    /**\n     * Convenience shortcut to set only the url to sync to, when you do not need to supply any other config\n     * options in the `sync` section of the `transport` config.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-syncUrl)\n     */\n    syncUrl ? : string\n    /**\n     * The constructor of the task model class, to be used in the project.\n     * Will be set as the [modelClass](https://bryntum.com/products/taskboard/docs/api/Core/data/Store#config-modelClass)\n     * property of the [taskStore](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#property-taskStore).\n     */\n    taskModelClass ? : typeof TaskModel\n    /**\n     * The initial data, to fill the [taskStore](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#property-taskStore) with. Should be an array of\n     * [TaskModel](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/TaskModel) or its configuration objects.\n     */\n    tasks ? : TaskModel[]|TaskModelConfig[]\n    /**\n     * The initial data, to fill the [taskStore](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#property-taskStore) with.\n     * Should be an array of [TaskModel](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/TaskModel) instances or its configuration objects.\n     * @deprecated 6.3.0 Use [tasks](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-tasks) instead\n     */\n    tasksData ? : TaskModel[]|TaskModelConfig[]\n    /**\n     * An [TaskStore](https://bryntum.com/products/taskboard/docs/api/TaskBoard/store/TaskStore) instance or a config object.\n     */\n    taskStore ? : TaskStoreConfig|TaskStore\n    /**\n     * The constructor to create a task store instance with.\n     * Should be a class, subclassing the [TaskStore](https://bryntum.com/products/taskboard/docs/api/TaskBoard/store/TaskStore).\n     */\n    taskStoreClass ? : typeof TaskStore\n    /**\n     * Set to a IANA time zone (i.e. `Europe/Stockholm`) or a UTC offset in minutes (i.e. `-120`). This will\n     * convert all events, tasks and time ranges to the specified time zone or offset. It will also affect the\n     * displayed timeline's headers as well at the start and end date of it.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-timeZone)\n     */\n    timeZone ? : string|number\n    /**\n     * Specifies the output format of [toJSON](https://bryntum.com/products/scheduler/docs#Scheduler/model/mixin/ProjectModelCommon#function-toJSON).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-toJSONResultFormat)\n     */\n    toJSONResultFormat ? : 'inlineData'|'model'\n    /**\n     * When `true` forces the CRUD manager to process responses depending on their `type` attribute.\n     * So `load` request may be responded with `sync` response for example.\n     * Can be used for smart server logic allowing the server to decide when it's better to respond with a\n     * complete data set (`load` response) or it's enough to return just a delta (`sync` response).\n     */\n    trackResponseType ? : Boolean\n    /**\n     * Configuration of the AJAX requests used by *Crud Manager* to communicate with a server-side.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-transport)\n     */\n    transport ? : {\n        load?: object\n        sync?: object\n    }\n    /**\n     * By default, the stores of a project use the raw data objects passed to them as the data source for their\n     * records if data is loaded remotely (using an `AjaxStore` or a `CrudManager`). For data supplied inline,\n     * the data objects are instead by default cloned to avoid the original data object being modified by the\n     * store.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-useRawData)\n     */\n    useRawData ? : Boolean\n    /**\n     * This config validates the response structure for requests made by the Crud Manager.\n     * When `true`, the Crud Manager checks every parsed response structure for errors\n     * and if the response format is invalid, a warning is logged to the browser console.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#config-validateResponse)\n     */\n    validateResponse ? : Boolean\n    /**\n     * `true` to write all fields from the record to the server.\n     * If set to `false` it will only send the fields that were modified.\n     * Note that any fields that have [persist](https://bryntum.com/products/taskboard/docs/api/Core/data/field/DataField#config-persist) set to `false` will\n     * still be ignored and fields having [alwaysWrite](https://bryntum.com/products/taskboard/docs/api/Core/data/field/DataField#config-alwaysWrite) set to `true`\n     * will always be included.\n     */\n    writeAllFields ? : Boolean\n\n}>();\n\nconst emit = defineEmits<{\n    /**\n     * Fires before an object is destroyed.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.Base} params.params.event.source The Object that is being destroyed.\n     */\n    (e: 'beforeDestroy', params: ((event: { source: Base }) => void)|string): void\n    /**\n     * Fires before [load request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) is sent. Return `false` to cancel load request.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     * @param {object} params.params.event.pack The data package which contains data for all stores managed by the crud manager.\n     */\n    (e: 'beforeLoad', params: ((event: { source: AbstractCrudManager, pack: object }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void\n    /**\n     * Fires before loaded data get applied to the stores. Return `false` to prevent data applying.\n     * This event can be used for server data preprocessing. To achieve it user can modify the `response` object.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     * @param {object} params.params.event.response The decoded server response object.\n     * @param {object} params.params.event.options Options provided to the [load](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) method.\n     */\n    (e: 'beforeLoadApply', params: ((event: { source: AbstractCrudManager, response: object, options: object }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void\n    /**\n     * Fires before server response gets applied to the stores. Return `false` to prevent data applying.\n     * This event can be used for server data preprocessing. To achieve it user can modify the `response` object.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     * @param {'sync','load'} params.params.event.requestType The request type (`sync` or `load`).\n     * @param {object} params.params.event.response The decoded server response object.\n     */\n    (e: 'beforeResponseApply', params: ((event: { source: AbstractCrudManager, requestType: 'sync'|'load', response: object }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void\n    /**\n     * Fires before a request is sent to the server.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-beforeSend)\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.crudManager The CRUD manager.\n     * @param {object} params.params.event.params HTTP request params to be passed in the request URL.\n     * @param {'sync','load'} params.params.event.requestType CrudManager request type (`load`/`sync`)\n     * @param {object} params.params.event.requestConfig Configuration object for Ajax request call\n     */\n    (e: 'beforeSend', params: ((event: { crudManager: AbstractCrudManager, params: object, requestType: 'sync'|'load', requestConfig: object }) => Promise<void>)|string): Promise<void>\n    /**\n     * Fires before [sync request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) is sent. Return `false` to cancel sync request.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-beforeSync)\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     * @param {object} params.params.event.pack The data package which contains data for all stores managed by the crud manager.\n     */\n    (e: 'beforeSync', params: ((event: { source: AbstractCrudManager, pack: object }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void\n    /**\n     * Fires before sync response data get applied to the stores. Return `false` to prevent data applying.\n     * This event can be used for server data preprocessing. To achieve it user can modify the `response` object.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     * @param {object} params.params.event.response The decoded server response object.\n     */\n    (e: 'beforeSyncApply', params: ((event: { source: AbstractCrudManager, response: object }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void\n    /**\n     * Fires when any other event is fired from the object.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-catchAll)\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {{[key: string]: any, type: string}} params.params.event.event The Object that contains event details\n     * @param {string} params.params.event.event.type The type of the event which is caught by the listener\n     */\n    (e: 'catchAll', params: ((event: {[key: string]: any, type: string}) => void)|string): void\n    /**\n     * Fired when data in any of the projects stores changes.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-change)\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.model.SchedulerProjectModel,any} params.params.event.source This project\n     * @param {Core.data.Store} params.params.event.store Affected store\n     * @param {'remove','removeAll','add','clearchanges','filter','update','dataset','replace'} params.params.event.action Name of action which triggered the change. May be one of:  * `'remove'` * `'removeAll'` * `'add'` * `'clearchanges'` * `'filter'` * `'update'` * `'dataset'` * `'replace'`\n     * @param {Core.data.Model} params.params.event.record Changed record, for actions that affects exactly one record (`'update'`)\n     * @param {Core.data.Model[]} params.params.event.records Changed records, passed for all actions except `'removeAll'`\n     * @param {object} params.params.event.changes Passed for the `'update'` action, info on which record fields changed\n     */\n    (e: 'change', params: ((event: { source: SchedulerProjectModel|any, store: Store, action: 'remove'|'removeAll'|'add'|'clearchanges'|'filter'|'update'|'dataset'|'replace', record: Model, records: Model[], changes: object }) => void)|string): void\n    /**\n     * Fired when the engine has finished its calculations and the results has been written back to the records.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-dataReady)\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.model.SchedulerProjectModel,any} params.params.event.source The project\n     * @param {boolean} params.params.event.isInitialCommit Flag that shows if this commit is initial\n     * @param {Set<any>} params.params.event.records Set of all [Model](https://bryntum.com/products/taskboard/docs/api/Core/data/Model)s that were modified in the completed transaction. Use the [modifications](https://bryntum.com/products/taskboard/docs/api/Core/data/Model#property-modifications) property of each Model to identify modified fields.\n     */\n    (e: 'dataReady', params: ((event: { source: SchedulerProjectModel|any, isInitialCommit: boolean, records: Set<any> }) => void)|string): void\n    /**\n     * Fires when an object is destroyed.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Core.Base} params.params.event.source The Object that is being destroyed.\n     */\n    (e: 'destroy', params: ((event: { source: Base }) => void)|string): void\n    /**\n     * Fires when data in any of the registered data stores is changed.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-hasChanges)\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     */\n    (e: 'hasChanges', params: ((event: { source: AbstractCrudManager }) => void)|string): void\n    /**\n     * Fires on successful [load request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) completion after data gets loaded to the stores.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     * @param {object} params.params.event.response The decoded server response object.\n     * @param {object} params.params.event.responseOptions [DEPRECATED] see `requestOptions`\n     * @param {object} params.params.event.requestOptions The request options passed to the request.\n     * @param {Response} params.params.event.rawResponse The native Response object\n     */\n    (e: 'load', params: ((event: { source: AbstractCrudManager, response: object, responseOptions: object, requestOptions: object, rawResponse: Response }) => void)|string): void\n    /**\n     * Fired after [load request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) was canceled by some [beforeLoad](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#event-beforeLoad)\n     * listener or due to incomplete prior load request.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     * @param {object} params.params.event.pack The data package which contains data for all stores managed by the crud manager.\n     */\n    (e: 'loadCanceled', params: ((event: { source: AbstractCrudManager, pack: object }) => void)|string): void\n    /**\n     * Fires when a [load request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) fails.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager instance.\n     * @param {object} params.params.event.response The decoded server response object.\n     * @param {string} params.params.event.responseText The raw server response text\n     * @param {object} params.params.event.responseOptions [DEPRECATED] see `requestOptions`\n     * @param {object} params.params.event.requestOptions The request options passed to the request.\n     * @param {Response} params.params.event.rawResponse The native Response object\n     */\n    (e: 'loadFail', params: ((event: { source: AbstractCrudManager, response: object, responseText: string, responseOptions: object, requestOptions: object, rawResponse: Response }) => void)|string): void\n    /**\n     * Fires when registered stores get into state when they don't have any\n     * not persisted change. This happens after [load](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-load) or [sync](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) request\n     * completion. Or this may happen after a record update which turns its fields back to their original state.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/model/ProjectModel#event-noChanges)\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     */\n    (e: 'noChanges', params: ((event: { source: AbstractCrudManager }) => void)|string): void\n    /**\n     * Fires on successful request completion after data gets applied to the stores.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     * @param {'sync','load'} params.params.event.requestType The request type (`sync` or `load`).\n     * @param {object} params.params.event.response The decoded server response object.\n     * @param {object} params.params.event.responseOptions [DEPRECATED] see `requestOptions`\n     * @param {object} params.params.event.requestOptions The request options passed to the request.\n     * @param {Response} params.params.event.rawResponse The native Response object\n     */\n    (e: 'requestDone', params: ((event: { source: AbstractCrudManager, requestType: 'sync'|'load', response: object, responseOptions: object, requestOptions: object, rawResponse: Response }) => void)|string): void\n    /**\n     * Fires when a request fails.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager instance.\n     * @param {'sync','load'} params.params.event.requestType The request type (`sync` or `load`).\n     * @param {object} params.params.event.response The decoded server response object.\n     * @param {string} params.params.event.responseText The raw server response text\n     * @param {object} params.params.event.responseOptions [DEPRECATED] see `requestOptions`\n     * @param {object} params.params.event.requestOptions The request options passed to the request.\n     * @param {Response} params.params.event.rawResponse The native Response object\n     */\n    (e: 'requestFail', params: ((event: { source: AbstractCrudManager, requestType: 'sync'|'load', response: object, responseText: string, responseOptions: object, requestOptions: object, rawResponse: Response }) => void)|string): void\n    /**\n     * Fires on successful [sync request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) completion.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     * @param {object} params.params.event.response The decoded server response object.\n     * @param {object} params.params.event.responseOptions [DEPRECATED] see `requestOptions`\n     * @param {object} params.params.event.requestOptions The request options passed to the request.\n     * @param {Response} params.params.event.rawResponse The native Response object\n     */\n    (e: 'sync', params: ((event: { source: AbstractCrudManager, response: object, responseOptions: object, requestOptions: object, rawResponse: Response }) => void)|string): void\n    /**\n     * Fires after [sync request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) was canceled by some [beforeSync](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#event-beforeSync) listener.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     * @param {object} params.params.event.pack The data package which contains data for all stores managed by the crud manager.\n     */\n    (e: 'syncCanceled', params: ((event: { source: AbstractCrudManager, pack: object }) => void)|string): void\n    /**\n     * Fires after [sync request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) was delayed due to incomplete previous one.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager.\n     * @param {object} params.params.event.arguments The arguments of [sync](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) call.\n     */\n    (e: 'syncDelayed', params: ((event: { source: AbstractCrudManager, arguments: object }) => void)|string): void\n    /**\n     * Fires when a [sync request](https://bryntum.com/products/scheduler/docs#Scheduler/crud/AbstractCrudManagerMixin#function-sync) fails.\n     * @param {string} e Event name\n     * @param {object} params Event parameters\n     * @param {string} params.e Event name\n     * @param {object} params.params Event parameters\n     * @param {object} params.params.event Event object\n     * @param {Scheduler.crud.AbstractCrudManager} params.params.event.source The CRUD manager instance.\n     * @param {object} params.params.event.response The decoded server response object.\n     * @param {string} params.params.event.responseText The raw server response text\n     * @param {object} params.params.event.responseOptions [DEPRECATED] see `requestOptions`\n     * @param {object} params.params.event.requestOptions The request options passed to the request.\n     * @param {Response} params.params.event.rawResponse The native Response object\n     */\n    (e: 'syncFail', params: ((event: { source: AbstractCrudManager, response: object, responseText: string, responseOptions: object, requestOptions: object, rawResponse: Response }) => void)|string): void\n}>();\n\nconst widgetData = {\n    instanceClass : ProjectModel,\n    instanceName  : 'ProjectModel',\n\n    configNames   : [\n        'adjustDurationToDST',\n        'assignmentModelClass',\n        'assignmentsData',\n        'assignmentStoreClass',\n        'autoLoad',\n        'autoSync',\n        'autoSyncTimeout',\n        'bubbleEvents',\n        'children',\n        'dependenciesData',\n        'dependencyModelClass',\n        'dependencyStoreClass',\n        'encoder',\n        'eventsData',\n        'expanded',\n        'ignoreRemoteChangesInSTM',\n        'includeChildrenInRemoveRequest',\n        'listeners',\n        'orderedParentIndex',\n        'parentIndex',\n        'phantomIdField',\n        'phantomParentIdField',\n        'resetIdsBeforeSync',\n        'resourceModelClass',\n        'resourcesData',\n        'resourceStoreClass',\n        'silenceInitialCommit',\n        'skipSuccessProperty',\n        'storeIdProperty',\n        'supportShortSyncResponse',\n        'taskModelClass',\n        'tasksData',\n        'taskStoreClass',\n        'toJSONResultFormat',\n        'trackResponseType',\n        'transport',\n        'useRawData',\n        'validateResponse',\n        'writeAllFields'\n    ],\n    propertyConfigNames : [\n        'assignments',\n        'assignmentStore',\n        'callOnFunctions',\n        'catchEventHandlerExceptions',\n        'crudStores',\n        'dependencies',\n        'dependencyStore',\n        'events',\n        'eventStore',\n        'forceSync',\n        'id',\n        'includeLegacyDataProperties',\n        'isFullyLoaded',\n        'json',\n        'loadUrl',\n        'onBeforeDestroy',\n        'onBeforeLoad',\n        'onBeforeLoadApply',\n        'onBeforeResponseApply',\n        'onBeforeSend',\n        'onBeforeSync',\n        'onBeforeSyncApply',\n        'onCatchAll',\n        'onChange',\n        'onDataReady',\n        'onDestroy',\n        'onHasChanges',\n        'onLoad',\n        'onLoadCanceled',\n        'onLoadFail',\n        'onNoChanges',\n        'onRequestDone',\n        'onRequestFail',\n        'onSync',\n        'onSyncCanceled',\n        'onSyncDelayed',\n        'onSyncFail',\n        'parentId',\n        'readOnly',\n        'remoteChildCount',\n        'resources',\n        'resourceStore',\n        'shouldSyncDataOnLoad',\n        'stm',\n        'syncApplySequence',\n        'syncUrl',\n        'tasks',\n        'taskStore',\n        'timeZone'\n    ],\n    propertyNames : [\n        'allChildren',\n        'allUnfilteredChildren',\n        'descendantCount',\n        'hasGeneratedId',\n        'inlineData',\n        'internalId',\n        'isCommitting',\n        'isCreating',\n        'isValid',\n        'previousSiblingsTotalCount',\n        'resourceTimeRanges',\n        'timeRanges',\n        'visibleDescendantCount'\n    ],\n    eventNames : [\n        'beforeDestroy',\n        'beforeLoad',\n        'beforeLoadApply',\n        'beforeResponseApply',\n        'beforeSend',\n        'beforeSync',\n        'beforeSyncApply',\n        'catchAll',\n        'change',\n        'dataReady',\n        'destroy',\n        'hasChanges',\n        'load',\n        'loadCanceled',\n        'loadFail',\n        'noChanges',\n        'requestDone',\n        'requestFail',\n        'sync',\n        'syncCanceled',\n        'syncDelayed',\n        'syncFail'\n    ]\n};\n\nconst instance: {\n    value?: ProjectModel\n} = {};\n\nconst refElement = ref<HTMLDivElement>()!;\n// Storage for teleports (in-cell Vue component instances) automatically renderer by template\nconst teleports = ref(new Map());\n\n// Provide teleports for processCellContent\nprovide('teleports', teleports);\n\nonMounted(() => {\n\n    const me = getCurrentInstance()!;\n\n    instance.value = WrapperHelper.createWidget<typeof ProjectModel>({\n        me,\n        widgetData,\n        emit,\n        element : refElement.value!,\n        toRaw\n    });\n\n    const watcher = (prop: string, callback: any) => watch(() => me.props[prop], callback);\n    WrapperHelper.watchProps(instance.value, widgetData, watcher);\n});\n\nonBeforeUnmount(() => {\n    // @ts-ignore\n    instance.value?.destroy?.();\n});\n\ndefineExpose({\n    instance,\n    refElement,\n    teleports\n});\n\n</script>\n"],"names":["emit","__emit","widgetData","ProjectModel","instance","refElement","ref","teleports","provide","onMounted","me","getCurrentInstance","WrapperHelper","toRaw","watcher","prop","callback","watch","onBeforeUnmount","__expose","_createElementBlock"],"mappings":"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"}