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

package/README.md

@@ -1,9 +1,15 @@
-<div style="display: flex; justify-content: space-between; align-items: center; margin: 0 50px;">
-    <a href="https://bryntum.com/" rel="noopener" target="_blank">
-        <img width="350" src="https://bryntum.com/resources/bryntum_logo_blue.svg" alt="Bryntum logo">
-    </a>
-    <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/vue.svg" alt="Vue" width="100">
-</div>
+<br>
+<br>
+
+<p align="center">
+  <a href="https://bryntum.com/" rel="noopener" target="_blank">
+    <img height="50" src="https://bryntum.com/resources/bryntum_logo_blue.svg" alt="Bryntum logo">
+  </a>
+  &emsp;&emsp;&emsp;&emsp;&emsp;
+  <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/vue.svg" alt="Vue" height="55">
+</p>
+
+<br>
 
 # Vue 3 wrapper for Bryntum TaskBoard Thin packages
 
@@ -189,9 +195,9 @@ API packages:
 ```json
 {
   "dependencies": {
-    "@bryntum/core-thin": "7.1.2",
-    "@bryntum/engine-thin": "7.1.2",
-    "@bryntum/taskboard-thin": "7.1.2"
+    "@bryntum/core-thin": "7.2.0",
+    "@bryntum/engine-thin": "7.2.0",
+    "@bryntum/taskboard-thin": "7.2.0"
   }
 }
 ```
@@ -201,8 +207,8 @@ Framework wrapper packages:
 ```json
 {
   "dependencies": {
-    "@bryntum/core-vue-3-thin": "7.1.2",
-    "@bryntum/taskboard-vue-3-thin": "7.1.2"
+    "@bryntum/core-vue-3-thin": "7.2.0",
+    "@bryntum/taskboard-vue-3-thin": "7.2.0"
   }
 }
 ```

package/lib/chunks/-hGMKDT-.js.map

@@ -1 +1 @@
-{"version":3,"file":"-hGMKDT-.js","sources":["../../src/components/BryntumSwimlanePickerButton.vue"],"sourcesContent":["<!-- Vue 3 wrapper for Bryntum SwimlanePickerButton -->\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, Button, DomConfig, KeyMapConfig, MaskConfig, Menu, MenuConfig, MenuItemEntry, PopupConfig, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';\nimport type { TaskBoardContainerItemConfig, SwimlanePickerButtonListeners, TaskBoard } from '@bryntum/taskboard-thin';\nimport { SwimlanePickerButton } from '@bryntum/taskboard-thin';\n\nimport { WrapperHelper } from '../helper/WrapperHelper';\n\ndefineProps<{\n    // Configs\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/SwimlanePickerButton#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/SwimlanePickerButton#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/SwimlanePickerButton#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/SwimlanePickerButton#config-ariaLabel)\n     */\n    ariaLabel ? : string\n    /**\n     * Initial text to show in badge.\n     */\n    badge ? : string\n    /**\n     * The button behavioral type, will be applied as a `type` attribute to this button's element.\n     */\n    behaviorType ? : 'button'|'submit'|'reset'\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/SwimlanePickerButton#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/SwimlanePickerButton#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/SwimlanePickerButton#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     * 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/SwimlanePickerButton#config-cls)\n     */\n    cls ? : string|object\n    /**\n     * Applies the specified color to the widget, by setting the `--b-primary` CSS variable in the widgets\n     * `style` block.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-color)\n     */\n    color ? : string\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 HTML content that coexists with sibling elements which may have been added to the\n     * [contentElement](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-contentElement) by plugins and features.\n     * When specifying html, this widget's element will also have the [htmlCls](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-htmlCls)\n     * class added to its classList, to allow targeted styling.\n     */\n    content ? : string\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/SwimlanePickerButton#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/SwimlanePickerButton#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/SwimlanePickerButton#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/SwimlanePickerButton#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/SwimlanePickerButton#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/SwimlanePickerButton#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/SwimlanePickerButton#config-hideAnimation)\n     */\n    hideAnimation ? : Boolean|object\n    /**\n     * If provided, turns the button into a link.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-href)\n     */\n    href ? : string\n    /**\n     * The HTML to display initially or a function returning the markup (called at widget construction time).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-html)\n     * @param {Core.widget.Widget} widget The calling Widget\n     * @returns {string}\n     */\n    html ? : string|((widget: Widget) => string)|DomConfig|DomConfig[]|VueConfig\n    /**\n     * The CSS class(es) to add when HTML content is being applied to this widget.\n     */\n    htmlCls ? : string|object\n    /**\n     * Button icon class, a developer-defined CSS class string which results in the desired icon.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-icon)\n     */\n    icon ? : string\n    /**\n     * Button icon alignment. May be `'start'` or `'end'`. Defaults to `'start'`\n     */\n    iconAlign ? : 'start'|'end'\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/SwimlanePickerButton#config-ignoreParentReadOnly)\n     */\n    ignoreParentReadOnly ? : Boolean\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/SwimlanePickerButton#config-keyMap)\n     */\n    keyMap ? : Record<string, KeyMapConfig>\n    /**\n     * The listener set for this object.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-listeners)\n     */\n    listeners ? : SwimlanePickerButtonListeners\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/SwimlanePickerButton#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/SwimlanePickerButton#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/SwimlanePickerButton#config-maximizeOnMobile)\n     */\n    maximizeOnMobile ? : number|string\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     * A submenu configuration object, or an array of MenuItem configuration objects from which to create a\n     * submenu which is shown when this button is pressed.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-menu)\n     */\n    menu ? : Record<string, MenuItemEntry|TaskBoardContainerItemConfig>|(MenuItemEntry|TaskBoardContainerItemConfig)[]|MenuConfig|PopupConfig\n    /**\n     * The menu icon class to show when the button has a menu. Set to `null` to not show a menu icon.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-menuIcon)\n     */\n    menuIcon ? : string\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 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/SwimlanePickerButton#config-monitorResize)\n     */\n    monitorResize ? : Boolean|{\n        immediate?: Boolean\n    }\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/SwimlanePickerButton#config-owner)\n     */\n    owner ? : Widget|any\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/SwimlanePickerButton#config-positioned)\n     */\n    positioned ? : Boolean\n    /**\n     * Initially pressed or not. Only applies with `toggleable = true`.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-pressed)\n     */\n    pressed ? : Boolean\n    /**\n     * A CSS class to add to the pressed state of the button. A `b-pressed` CSS class is always added,\n     * when a button is pressed.\n     */\n    pressedCls ? : string\n    /**\n     * Icon class for the buttons pressed state, a developer-defined CSS class string which results in the\n     * desired icon. Only applies to toggle buttons\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-pressedIcon)\n     */\n    pressedIcon ? : string\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     * Whether this widget is read-only.  This is only valid if the widget is an input\n     * field, <strong>or contains input fields at any depth</strong>.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-readOnly)\n     */\n    readOnly ? : Boolean\n    relayStoreEvents ? : Boolean\n    /**\n     * Predefined style to use for the button. Possible values are:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-rendition)\n     */\n    rendition ? : 'elevated'|'filled'|'tonal'|'outlined'|'text'|string\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/SwimlanePickerButton#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/SwimlanePickerButton#config-rtl)\n     */\n    rtl ? : Boolean\n    /**\n     * Specifies whether (and optionally in which axes) a Widget may scroll. `true` means this widget may scroll\n     * in both axes. May be an object containing boolean `overflowX` and `overflowY` properties which are\n     * applied to CSS style properties `overflowX` and `overflowY`. If they are boolean, they are translated to\n     * CSS overflow properties thus:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-scrollable)\n     */\n    scrollable ? : Boolean|ScrollerConfig|Scroller\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/SwimlanePickerButton#config-showAnimation)\n     */\n    showAnimation ? : Boolean|object\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     * Programmatic control over how many columns to span when used in a grid layout.\n     */\n    span ? : number\n    /**\n     * Set to `true` to create a split button. A split button has a main action and a dropdown arrow to show a menu.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-split)\n     */\n    split ? : Boolean|'mouseover'|'hover'\n    /**\n     * Set to `true` to perform action on clicking the button if it's already pressed\n     * and belongs to a [toggleGroup](https://bryntum.com/products/taskboard/docs/api/Core/widget/Button#config-toggleGroup).\n     */\n    supportsPressedClick ? : 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/SwimlanePickerButton#config-tab)\n     */\n    tab ? : Boolean|TabConfig\n    /**\n     * The tab index of the button, or `null` for natural tab order (recommended). Setting to `0` is equivalent\n     * to natural tab order, but is unnecessary for buttons since they are naturally tabbable (i.e., accessible\n     * via the TAB key). Setting to `-1` disables tabbability but allows for focus to be set to the element\n     * programmatically.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-tabIndex)\n     */\n    tabIndex ? : number\n    /**\n     * The tag name of this Widget's root element\n     */\n    tag ? : string\n    /**\n     * The `target` attribute for the [href](https://bryntum.com/products/taskboard/docs/api/Core/widget/Button#config-href) config\n     */\n    target ? : string\n    /**\n     * Auto detected when used within a TaskBoard. If you add the widget elsewhere, it will try to find an instance\n     * of TaskBoard on page. If that fails you have to supply this config to connect it to a TaskBoard manually.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-taskBoard)\n     */\n    taskBoard ? : TaskBoard\n    /**\n     * The button's text. You can also supply a [DomConfig](https://bryntum.com/products/taskboard/docs/api/Core/helper/DomHelper#typedef-DomConfig) or an array of DomConfigs for complex button\n     * content.\n     */\n    text ? : string|DomConfig|DomConfig[]\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/SwimlanePickerButton#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     * Enabled toggling of the button (stays pressed when pressed).\n     */\n    toggleable ? : Boolean\n    /**\n     * Indicates that this button is part of a group where only one button can be pressed. Assigning a value\n     * also sets `toggleable` to `true`.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-toggleGroup)\n     */\n    toggleGroup ? : 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/SwimlanePickerButton#config-tooltip)\n     */\n    tooltip ? : string|TooltipConfig|null\n    type ? : 'swimlanepickerbutton'\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/SwimlanePickerButton#config-ui)\n     */\n    ui ? : string|object\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/SwimlanePickerButton#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/SwimlanePickerButton#config-y)\n     */\n    y ? : number\n\n}>();\n\nconst emit = defineEmits<{\n    /**\n     * Fires when the default action is performed (the button is clicked)\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.Button} params.params.event.source The button\n     * @param {Event} params.params.event.event DEPRECATED - Use domEvent instead.\n     * @param {Event} params.params.event.domEvent The triggering DOM event. Using the `pointerType` property of this event can help determine if it was a mouse, touch or pen action.\n     */\n    (e: 'action', params: ((event: { source: Button, event: Event, domEvent: Event }) => 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     * This event is triggered when the button's menu is about to be 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.Button} params.params.event.source This Button instance.\n     * @param {Core.widget.Menu} params.params.event.menu This button's menu instance.\n     * @param {boolean} params.params.event.userAction `true` if the toggle was triggered by a user action (click), `false` if it was triggered programmatically.\n     * @param {Event} params.params.event.domEvent The original DOM event that triggered the action, if any. Using the `pointerType` property of this event can help determine if it was a mouse, touch or pen action.\n     */\n    (e: 'beforeShowMenu', params: ((event: { source: Button, menu: Menu, userAction: boolean, domEvent: Event }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void\n    /**\n     * Fires before the button is toggled (the [pressed](https://bryntum.com/products/taskboard/docs/api/Core/widget/Button#property-pressed) state is changed). If the button is part of\n     * a [toggleGroup](https://bryntum.com/products/taskboard/docs/api/Core/widget/Button#config-toggleGroup) and you need to process the pressed button only, consider using\n     * [click](https://bryntum.com/products/taskboard/docs/api/Core/widget/Button#event-click) event or [action](#Core/widget/Button#event-action) event.\n     * Return `false` to prevent the toggle to the new pressed state.\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.Button} params.params.event.source Toggled button\n     * @param {boolean} params.params.event.pressed New pressed state\n     * @param {boolean} params.params.event.userAction `true` if the toggle was triggered by a user action (click), `false` if it was triggered programmatically.\n     * @param {Event} params.params.event.domEvent The original DOM event that triggered the action, if any. Using the `pointerType` property of this event can help determine if it was a mouse, touch or pen action.\n     */\n    (e: 'beforeToggle', params: ((event: { source: Button, pressed: boolean, userAction: boolean, domEvent: Event }) => 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/SwimlanePickerButton#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     * Fires when the button is clicked\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.Button} params.params.event.source The button\n     * @param {Event} params.params.event.event DEPRECATED - Use domEvent instead.\n     * @param {Event} params.params.event.domEvent The triggering DOM event. Using the `pointerType` property of this event can help determine if it was a mouse, touch or pen action.\n     */\n    (e: 'click', params: ((event: { source: Button, event: Event, domEvent: Event }) => 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     * 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/SwimlanePickerButton#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     * Fires when the button is toggled via a UI interaction (the [pressed](https://bryntum.com/products/taskboard/docs/api/Core/widget/Button#property-pressed) state is changed). If the button is part of a\n     * [toggleGroup](https://bryntum.com/products/taskboard/docs/api/Core/widget/Button#config-toggleGroup) and you need to process the pressed button only, consider using\n     * [click](https://bryntum.com/products/taskboard/docs/api/Core/widget/Button#event-click) event or [action](#Core/widget/Button#event-action) event.\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.Button} params.params.event.source Toggled button\n     * @param {boolean} params.params.event.pressed New pressed state\n     * @param {boolean} params.params.event.userAction `true` if the toggle was triggered by a user action (click), `false` if it was triggered programmatically.\n     * @param {Event} params.params.event.domEvent The original DOM event that triggered the action, if any. Using the `pointerType` property of this event can help determine if it was a mouse, touch or pen action.\n     */\n    (e: 'toggle', params: ((event: { source: Button, pressed: boolean, userAction: boolean, domEvent: Event }) => void)|string): void\n}>();\n\nconst widgetData = {\n    instanceClass : SwimlanePickerButton,\n    instanceName  : 'SwimlanePickerButton',\n\n    configNames   : [\n        'adopt',\n        'align',\n        'anchor',\n        'ariaDescription',\n        'ariaLabel',\n        'bubbleEvents',\n        'centered',\n        'color',\n        'config',\n        'constrainTo',\n        'contentElementCls',\n        'dataField',\n        'defaultBindProperty',\n        'detectCSSCompatibilityIssues',\n        'dock',\n        'draggable',\n        'elementAttributes',\n        'floating',\n        'hideAnimation',\n        'htmlCls',\n        'ignoreParentReadOnly',\n        'listeners',\n        'localeClass',\n        'localizable',\n        'localizableProperties',\n        'maskDefaults',\n        'masked',\n        'monitorResize',\n        'owner',\n        'positioned',\n        'preventTooltipOnTouch',\n        'relayStoreEvents',\n        'ripple',\n        'rootElement',\n        'scrollAction',\n        'showAnimation',\n        'showTooltipWhenDisabled',\n        'supportsPressedClick',\n        'tab',\n        'tag',\n        'taskBoard',\n        'textAlign',\n        'title',\n        'type',\n        'ui',\n        'weight'\n    ],\n    propertyConfigNames : [\n        'alignSelf',\n        'appendTo',\n        'badge',\n        'behaviorType',\n        'callOnFunctions',\n        'catchEventHandlerExceptions',\n        'cls',\n        'column',\n        'content',\n        'dataset',\n        'disabled',\n        'extraData',\n        'flex',\n        'height',\n        'hidden',\n        'href',\n        'html',\n        'icon',\n        'iconAlign',\n        'id',\n        'insertBefore',\n        'insertFirst',\n        'keyMap',\n        'margin',\n        'maxHeight',\n        'maximizeOnMobile',\n        'maxWidth',\n        'menu',\n        'menuIcon',\n        'minHeight',\n        'minWidth',\n        'onAction',\n        'onBeforeDestroy',\n        'onBeforeHide',\n        'onBeforeShow',\n        'onBeforeShowMenu',\n        'onBeforeToggle',\n        'onCatchAll',\n        'onClick',\n        'onDestroy',\n        'onElementCreated',\n        'onFocusIn',\n        'onFocusOut',\n        'onHide',\n        'onPaint',\n        'onReadOnly',\n        'onRecompose',\n        'onResize',\n        'onShow',\n        'onToggle',\n        'pressed',\n        'pressedCls',\n        'pressedIcon',\n        'readOnly',\n        'rendition',\n        'rtl',\n        'scrollable',\n        'span',\n        'split',\n        'tabIndex',\n        'target',\n        'text',\n        'toggleable',\n        'toggleGroup',\n        'tooltip',\n        'width',\n        'x',\n        'y'\n    ],\n    propertyNames : [\n        'anchorSize',\n        'focusVisible',\n        'parent'\n    ],\n    eventNames : [\n        'action',\n        'beforeDestroy',\n        'beforeHide',\n        'beforeShow',\n        'beforeShowMenu',\n        'beforeToggle',\n        'catchAll',\n        'click',\n        'destroy',\n        'elementCreated',\n        'focusIn',\n        'focusOut',\n        'hide',\n        'paint',\n        'readOnly',\n        'recompose',\n        'resize',\n        'show',\n        'toggle'\n    ]\n};\n\nconst instance: {\n    value?: SwimlanePickerButton\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 SwimlanePickerButton>({\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","SwimlanePickerButton","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":"-hGMKDT-.js","sources":["../../src/components/BryntumSwimlanePickerButton.vue"],"sourcesContent":["<!-- Vue 3 wrapper for Bryntum SwimlanePickerButton -->\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, Button, Color, DomConfig, KeyMapConfig, MaskConfig, Menu, MenuConfig, MenuItemEntry, PopupConfig, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';\nimport type { TaskBoardContainerItemConfig, SwimlanePickerButtonListeners, TaskBoard } from '@bryntum/taskboard-thin';\nimport { SwimlanePickerButton } from '@bryntum/taskboard-thin';\n\nimport { WrapperHelper } from '../helper/WrapperHelper';\n\ndefineProps<{\n    // Configs\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/SwimlanePickerButton#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/SwimlanePickerButton#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/SwimlanePickerButton#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/SwimlanePickerButton#config-ariaLabel)\n     */\n    ariaLabel ? : string\n    /**\n     * Initial text to show in badge.\n     */\n    badge ? : string\n    /**\n     * The button behavioral type, will be applied as a `type` attribute to this button's element.\n     */\n    behaviorType ? : 'button'|'submit'|'reset'\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/SwimlanePickerButton#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/SwimlanePickerButton#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/SwimlanePickerButton#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     * 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/SwimlanePickerButton#config-cls)\n     */\n    cls ? : string|object\n    /**\n     * Applies the specified color to the widget, by setting the `--b-primary` CSS variable in the widgets\n     * `style` block.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-color)\n     */\n    color ? : Color\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 HTML content that coexists with sibling elements which may have been added to the\n     * [contentElement](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-contentElement) by plugins and features.\n     * When specifying html, this widget's element will also have the [htmlCls](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-htmlCls)\n     * class added to its classList, to allow targeted styling.\n     */\n    content ? : string\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/SwimlanePickerButton#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/SwimlanePickerButton#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/SwimlanePickerButton#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/SwimlanePickerButton#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/SwimlanePickerButton#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/SwimlanePickerButton#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/SwimlanePickerButton#config-hideAnimation)\n     */\n    hideAnimation ? : Boolean|object\n    /**\n     * If provided, turns the button into a link.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-href)\n     */\n    href ? : string\n    /**\n     * The HTML to display initially or a function returning the markup (called at widget construction time).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-html)\n     * @param {Core.widget.Widget} widget The calling Widget\n     * @returns {string}\n     */\n    html ? : string|((widget: Widget) => string)|DomConfig|DomConfig[]|VueConfig\n    /**\n     * The CSS class(es) to add when HTML content is being applied to this widget.\n     */\n    htmlCls ? : string|object\n    /**\n     * Button icon class, a developer-defined CSS class string which results in the desired icon.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-icon)\n     */\n    icon ? : string\n    /**\n     * Button icon alignment. May be `'start'` or `'end'`. Defaults to `'start'`\n     */\n    iconAlign ? : 'start'|'end'\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/SwimlanePickerButton#config-ignoreParentReadOnly)\n     */\n    ignoreParentReadOnly ? : Boolean\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/SwimlanePickerButton#config-keyMap)\n     */\n    keyMap ? : Record<string, KeyMapConfig>\n    /**\n     * The listener set for this object.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-listeners)\n     */\n    listeners ? : SwimlanePickerButtonListeners\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/SwimlanePickerButton#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/SwimlanePickerButton#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/SwimlanePickerButton#config-maximizeOnMobile)\n     */\n    maximizeOnMobile ? : number|string\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     * A submenu configuration object, or an array of MenuItem configuration objects from which to create a\n     * submenu which is shown when this button is pressed.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-menu)\n     */\n    menu ? : Record<string, MenuItemEntry|TaskBoardContainerItemConfig>|(MenuItemEntry|TaskBoardContainerItemConfig)[]|MenuConfig|PopupConfig\n    /**\n     * The menu icon class to show when the button has a menu. Set to `null` to not show a menu icon.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-menuIcon)\n     */\n    menuIcon ? : string\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 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/SwimlanePickerButton#config-monitorResize)\n     */\n    monitorResize ? : Boolean|{\n        immediate?: Boolean\n    }\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/SwimlanePickerButton#config-owner)\n     */\n    owner ? : Widget|any\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/SwimlanePickerButton#config-positioned)\n     */\n    positioned ? : Boolean\n    /**\n     * Initially pressed or not. Only applies with `toggleable = true`.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-pressed)\n     */\n    pressed ? : Boolean\n    /**\n     * A CSS class to add to the pressed state of the button. A `b-pressed` CSS class is always added,\n     * when a button is pressed.\n     */\n    pressedCls ? : string\n    /**\n     * Icon class for the buttons pressed state, a developer-defined CSS class string which results in the\n     * desired icon. Only applies to toggle buttons\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-pressedIcon)\n     */\n    pressedIcon ? : string\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     * Whether this widget is read-only.  This is only valid if the widget is an input\n     * field, <strong>or contains input fields at any depth</strong>.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-readOnly)\n     */\n    readOnly ? : Boolean\n    relayStoreEvents ? : Boolean\n    /**\n     * Predefined style to use for the button. Possible values are:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-rendition)\n     */\n    rendition ? : 'elevated'|'filled'|'tonal'|'outlined'|'text'|string\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/SwimlanePickerButton#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/SwimlanePickerButton#config-rtl)\n     */\n    rtl ? : Boolean\n    /**\n     * Specifies whether (and optionally in which axes) a Widget may scroll. `true` means this widget may scroll\n     * in both axes. May be an object containing boolean `overflowX` and `overflowY` properties which are\n     * applied to CSS style properties `overflowX` and `overflowY`. If they are boolean, they are translated to\n     * CSS overflow properties thus:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-scrollable)\n     */\n    scrollable ? : Boolean|ScrollerConfig|Scroller\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/SwimlanePickerButton#config-showAnimation)\n     */\n    showAnimation ? : Boolean|object\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     * Programmatic control over how many columns to span when used in a grid layout.\n     */\n    span ? : number\n    /**\n     * Set to `true` to create a split button. A split button has a main action and a dropdown arrow to show a menu.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-split)\n     */\n    split ? : Boolean|'mouseover'|'hover'\n    /**\n     * Set to `true` to perform action on clicking the button if it's already pressed\n     * and belongs to a [toggleGroup](https://bryntum.com/products/taskboard/docs/api/Core/widget/Button#config-toggleGroup).\n     */\n    supportsPressedClick ? : 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/SwimlanePickerButton#config-tab)\n     */\n    tab ? : Boolean|TabConfig\n    /**\n     * The tab index of the button, or `null` for natural tab order (recommended). Setting to `0` is equivalent\n     * to natural tab order, but is unnecessary for buttons since they are naturally tabbable (i.e., accessible\n     * via the TAB key). Setting to `-1` disables tabbability but allows for focus to be set to the element\n     * programmatically.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-tabIndex)\n     */\n    tabIndex ? : number\n    /**\n     * The tag name of this Widget's root element\n     */\n    tag ? : string\n    /**\n     * The `target` attribute for the [href](https://bryntum.com/products/taskboard/docs/api/Core/widget/Button#config-href) config\n     */\n    target ? : string\n    /**\n     * Auto detected when used within a TaskBoard. If you add the widget elsewhere, it will try to find an instance\n     * of TaskBoard on page. If that fails you have to supply this config to connect it to a TaskBoard manually.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-taskBoard)\n     */\n    taskBoard ? : TaskBoard\n    /**\n     * The button's text. You can also supply a [DomConfig](https://bryntum.com/products/taskboard/docs/api/Core/helper/DomHelper#typedef-DomConfig) or an array of DomConfigs for complex button\n     * content.\n     */\n    text ? : string|DomConfig|DomConfig[]\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/SwimlanePickerButton#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     * Enabled toggling of the button (stays pressed when pressed).\n     */\n    toggleable ? : Boolean\n    /**\n     * Indicates that this button is part of a group where only one button can be pressed. Assigning a value\n     * also sets `toggleable` to `true`.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/SwimlanePickerButton#config-toggleGroup)\n     */\n    toggleGroup ? : 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/SwimlanePickerButton#config-tooltip)\n     */\n    tooltip ? : string|TooltipConfig|null\n    type ? : 'swimlanepickerbutton'\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/SwimlanePickerButton#config-ui)\n     */\n    ui ? : string|object\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/SwimlanePickerButton#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/SwimlanePickerButton#config-y)\n     */\n    y ? : number\n\n}>();\n\nconst emit = defineEmits<{\n    /**\n     * Fires when the default action is performed (the button is clicked)\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.Button} params.params.event.source The button\n     * @param {Event} params.params.event.event DEPRECATED - Use domEvent instead.\n     * @param {Event} params.params.event.domEvent The triggering DOM event. Using the `pointerType` property of this event can help determine if it was a mouse, touch or pen action.\n     */\n    (e: 'action', params: ((event: { source: Button, event: Event, domEvent: Event }) => 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     * This event is triggered when the button's menu is about to be 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.Button} params.params.event.source This Button instance.\n     * @param {Core.widget.Menu} params.params.event.menu This button's menu instance.\n     * @param {boolean} params.params.event.userAction `true` if the toggle was triggered by a user action (click), `false` if it was triggered programmatically.\n     * @param {Event} params.params.event.domEvent The original DOM event that triggered the action, if any. Using the `pointerType` property of this event can help determine if it was a mouse, touch or pen action.\n     */\n    (e: 'beforeShowMenu', params: ((event: { source: Button, menu: Menu, userAction: boolean, domEvent: Event }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void\n    /**\n     * Fires before the button is toggled (the [pressed](https://bryntum.com/products/taskboard/docs/api/Core/widget/Button#property-pressed) state is changed). If the button is part of\n     * a [toggleGroup](https://bryntum.com/products/taskboard/docs/api/Core/widget/Button#config-toggleGroup) and you need to process the pressed button only, consider using\n     * [click](https://bryntum.com/products/taskboard/docs/api/Core/widget/Button#event-click) event or [action](#Core/widget/Button#event-action) event.\n     * Return `false` to prevent the toggle to the new pressed state.\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.Button} params.params.event.source Toggled button\n     * @param {boolean} params.params.event.pressed New pressed state\n     * @param {boolean} params.params.event.userAction `true` if the toggle was triggered by a user action (click), `false` if it was triggered programmatically.\n     * @param {Event} params.params.event.domEvent The original DOM event that triggered the action, if any. Using the `pointerType` property of this event can help determine if it was a mouse, touch or pen action.\n     */\n    (e: 'beforeToggle', params: ((event: { source: Button, pressed: boolean, userAction: boolean, domEvent: Event }) => 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/SwimlanePickerButton#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     * Fires when the button is clicked\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.Button} params.params.event.source The button\n     * @param {Event} params.params.event.event DEPRECATED - Use domEvent instead.\n     * @param {Event} params.params.event.domEvent The triggering DOM event. Using the `pointerType` property of this event can help determine if it was a mouse, touch or pen action.\n     */\n    (e: 'click', params: ((event: { source: Button, event: Event, domEvent: Event }) => 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     * 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/SwimlanePickerButton#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     * Fires when the button is toggled via a UI interaction (the [pressed](https://bryntum.com/products/taskboard/docs/api/Core/widget/Button#property-pressed) state is changed). If the button is part of a\n     * [toggleGroup](https://bryntum.com/products/taskboard/docs/api/Core/widget/Button#config-toggleGroup) and you need to process the pressed button only, consider using\n     * [click](https://bryntum.com/products/taskboard/docs/api/Core/widget/Button#event-click) event or [action](#Core/widget/Button#event-action) event.\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.Button} params.params.event.source Toggled button\n     * @param {boolean} params.params.event.pressed New pressed state\n     * @param {boolean} params.params.event.userAction `true` if the toggle was triggered by a user action (click), `false` if it was triggered programmatically.\n     * @param {Event} params.params.event.domEvent The original DOM event that triggered the action, if any. Using the `pointerType` property of this event can help determine if it was a mouse, touch or pen action.\n     */\n    (e: 'toggle', params: ((event: { source: Button, pressed: boolean, userAction: boolean, domEvent: Event }) => void)|string): void\n}>();\n\nconst widgetData = {\n    instanceClass : SwimlanePickerButton,\n    instanceName  : 'SwimlanePickerButton',\n\n    configNames   : [\n        'adopt',\n        'align',\n        'anchor',\n        'ariaDescription',\n        'ariaLabel',\n        'bubbleEvents',\n        'centered',\n        'color',\n        'config',\n        'constrainTo',\n        'contentElementCls',\n        'dataField',\n        'defaultBindProperty',\n        'detectCSSCompatibilityIssues',\n        'dock',\n        'draggable',\n        'elementAttributes',\n        'floating',\n        'hideAnimation',\n        'htmlCls',\n        'ignoreParentReadOnly',\n        'listeners',\n        'localeClass',\n        'localizable',\n        'localizableProperties',\n        'maskDefaults',\n        'masked',\n        'monitorResize',\n        'owner',\n        'positioned',\n        'preventTooltipOnTouch',\n        'relayStoreEvents',\n        'ripple',\n        'rootElement',\n        'scrollAction',\n        'showAnimation',\n        'showTooltipWhenDisabled',\n        'supportsPressedClick',\n        'tab',\n        'tag',\n        'taskBoard',\n        'textAlign',\n        'title',\n        'type',\n        'ui',\n        'weight'\n    ],\n    propertyConfigNames : [\n        'alignSelf',\n        'appendTo',\n        'badge',\n        'behaviorType',\n        'callOnFunctions',\n        'catchEventHandlerExceptions',\n        'cls',\n        'column',\n        'content',\n        'dataset',\n        'disabled',\n        'extraData',\n        'flex',\n        'height',\n        'hidden',\n        'href',\n        'html',\n        'icon',\n        'iconAlign',\n        'id',\n        'insertBefore',\n        'insertFirst',\n        'keyMap',\n        'margin',\n        'maxHeight',\n        'maximizeOnMobile',\n        'maxWidth',\n        'menu',\n        'menuIcon',\n        'minHeight',\n        'minWidth',\n        'onAction',\n        'onBeforeDestroy',\n        'onBeforeHide',\n        'onBeforeShow',\n        'onBeforeShowMenu',\n        'onBeforeToggle',\n        'onCatchAll',\n        'onClick',\n        'onDestroy',\n        'onElementCreated',\n        'onFocusIn',\n        'onFocusOut',\n        'onHide',\n        'onPaint',\n        'onReadOnly',\n        'onRecompose',\n        'onResize',\n        'onShow',\n        'onToggle',\n        'pressed',\n        'pressedCls',\n        'pressedIcon',\n        'readOnly',\n        'rendition',\n        'rtl',\n        'scrollable',\n        'span',\n        'split',\n        'tabIndex',\n        'target',\n        'text',\n        'toggleable',\n        'toggleGroup',\n        'tooltip',\n        'width',\n        'x',\n        'y'\n    ],\n    propertyNames : [\n        'anchorSize',\n        'focusVisible',\n        'parent'\n    ],\n    eventNames : [\n        'action',\n        'beforeDestroy',\n        'beforeHide',\n        'beforeShow',\n        'beforeShowMenu',\n        'beforeToggle',\n        'catchAll',\n        'click',\n        'destroy',\n        'elementCreated',\n        'focusIn',\n        'focusOut',\n        'hide',\n        'paint',\n        'readOnly',\n        'recompose',\n        'resize',\n        'show',\n        'toggle'\n    ]\n};\n\nconst instance: {\n    value?: SwimlanePickerButton\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 SwimlanePickerButton>({\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","SwimlanePickerButton","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/{2RRMFKHJ.js → 2-KvDhBx.js}

@@ -1,4 +1,4 @@
-import { defineComponent as u, ref as r, provide as h, onMounted as g, getCurrentInstance as f, toRaw as y, onBeforeUnmount as F, openBlock as b, createElementBlock as C, watch as w } from "vue";
+import { defineComponent as u, ref as r, provide as h, onMounted as g, getCurrentInstance as f, toRaw as y, onBeforeUnmount as b, openBlock as F, createElementBlock as C, watch as w } from "vue";
 import { TaskBoardFieldFilterPickerGroup as x } from "@bryntum/taskboard-thin";
 import { WrapperHelper as l } from "../helper/WrapperHelper.js";
 const E = /* @__PURE__ */ u({
@@ -14,6 +14,7 @@ const E = /* @__PURE__ */ u({
     ariaDescription: {},
     ariaLabel: {},
     autoUpdateRecord: {},
+    border: {},
     bubbleEvents: {},
     callOnFunctions: {},
     canDeleteFilter: { type: Function },
@@ -126,6 +127,7 @@ const E = /* @__PURE__ */ u({
         "ariaDescription",
         "ariaLabel",
         "autoUpdateRecord",
+        "border",
         "bubbleEvents",
         "canDeleteFilter",
         "canManageFilter",
@@ -288,13 +290,13 @@ const E = /* @__PURE__ */ u({
       });
       const a = (p, m) => w(() => o.props[p], m);
       l.watchProps(e.value, n, a);
-    }), F(() => {
+    }), b(() => {
       e.value?.destroy?.();
     }), s({
       instance: e,
       refElement: t,
       teleports: i
-    }), (o, a) => (b(), C("div", {
+    }), (o, a) => (F(), C("div", {
       ref_key: "refElement",
       ref: t
     }, null, 512));
@@ -303,4 +305,4 @@ const E = /* @__PURE__ */ u({
 export {
   E as _
 };
-//# sourceMappingURL=2RRMFKHJ.js.map
+//# sourceMappingURL=2-KvDhBx.js.map

package/lib/chunks/2-KvDhBx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"2-KvDhBx.js","sources":["../../src/components/BryntumTaskBoardFieldFilterPickerGroup.vue"],"sourcesContent":["<!-- Vue 3 wrapper for Bryntum TaskBoardFieldFilterPickerGroup -->\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, CollectionFilterConfig, Color, Container, DomConfig, FieldFilterPicker, FieldFilterPickerConfig, FieldFilterPickerGroup, FieldOption, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';\nimport type { TaskBoardContainerItemConfig, TaskBoardContainerLayoutConfig, TaskBoardFieldFilterPickerGroupListeners } from '@bryntum/taskboard-thin';\nimport { TaskBoardFieldFilterPickerGroup } from '@bryntum/taskboard-thin';\n\nimport { WrapperHelper } from '../helper/WrapperHelper';\n\ndefineProps<{\n    // Configs\n    /**\n     * Sets the text displayed in the 'add filter' button if one is present.\n     */\n    addFilterButtonText ? : string\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/TaskBoardFieldFilterPickerGroup#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/TaskBoardFieldFilterPickerGroup#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     * Optional array of field names that are allowed as selectable properties for filters.\n     * This should be a subset of the field names found in the [store](https://bryntum.com/products/taskboard/docs/api/Core/widget/FieldFilterPickerGroup#config-store). When supplied,\n     * only the named fields will be shown in the property selector combo.\n     */\n    allowedFieldNames ? : 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/TaskBoardFieldFilterPickerGroup#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/TaskBoardFieldFilterPickerGroup#config-ariaLabel)\n     */\n    ariaLabel ? : string\n    /**\n     * Update assigned [record](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container#config-record) automatically on field changes\n     */\n    autoUpdateRecord ? : Boolean\n    /**\n     * Set `true` to add a border to this container's element.\n     */\n    border ? : Boolean\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/TaskBoardFieldFilterPickerGroup#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/TaskBoardFieldFilterPickerGroup#config-callOnFunctions)\n     */\n    callOnFunctions ? : Boolean\n    /**\n     * Optional predicate that returns whether a given filter can be deleted. When `canDeleteFilter` is provided,\n     * it will be called for each filter and will not show the delete button for those for which the\n     * function returns `false`.\n     * @param {any} filter filter for checking\n     * @returns {boolean} truthy value if filter can be deleted\n     */\n    canDeleteFilter ? : (filter: any) => Boolean\n    /**\n     * Optional predicate that returns whether a given filter can be managed by this widget. When `canManageFilter`\n     * is provided, it will be used to decide whether to display filters found in the configured\n     * [store](https://bryntum.com/products/taskboard/docs/api/Core/widget/FieldFilterPickerGroup#config-store).\n     * @param {any} filter filter for checking\n     * @returns {boolean} truthy value if filter can be managed\n     */\n    canManageFilter ? : (filter: any) => 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/TaskBoardFieldFilterPickerGroup#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     * 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/TaskBoardFieldFilterPickerGroup#config-cls)\n     */\n    cls ? : string|object\n    /**\n     * Applies the specified color to the widget, by setting the `--b-primary` CSS variable in the widgets\n     * `style` block.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskBoardFieldFilterPickerGroup#config-color)\n     */\n    color ? : Color\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 HTML content that coexists with sibling elements which may have been added to the\n     * [contentElement](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-contentElement) by plugins and features.\n     * When specifying html, this widget's element will also have the [htmlCls](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-htmlCls)\n     * class added to its classList, to allow targeted styling.\n     */\n    content ? : string\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/TaskBoardFieldFilterPickerGroup#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 date format string used to display dates when using the 'is one of' / 'is not one of' operators with a date\n     * field. Defaults to the current locale's `FieldFilterPicker.dateFormat` value.\n     */\n    dateFormat ? : 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     * A [query](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container#function-query) selector function which can identify the descendant widget to which\n     * focus should be directed by default.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskBoardFieldFilterPickerGroup#config-defaultFocus)\n     * @param {Core.widget.Widget} widget Widget passed to method\n     * @returns {boolean} truthy value if widget is the default one\n     */\n    defaultFocus ? : ((widget: Widget) => Boolean)|string\n    /**\n     * A config object containing default settings to apply to all child widgets.\n     */\n    defaults ? : TaskBoardContainerItemConfig\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/TaskBoardFieldFilterPickerGroup#config-detectCSSCompatibilityIssues)\n     */\n    detectCSSCompatibilityIssues ? : Boolean\n    /**\n     * Whether the picker group is disabled.\n     */\n    disabled ? : Boolean\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/TaskBoardFieldFilterPickerGroup#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/TaskBoardFieldFilterPickerGroup#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/TaskBoardFieldFilterPickerGroup#config-elementAttributes)\n     */\n    elementAttributes ? : Record<string, string|null>\n    /**\n     * Pass field names to not be displayed in the `property` dropdown.\n     * In most cases this should include the `{TaskBoard.columnField}`.\n     */\n    excludeFields ? : string[]\n    extraData ? : any\n    /**\n     * Dictionary of [FieldOption](https://bryntum.com/products/taskboard/docs/api/Core/widget/FieldFilterPicker#typedef-FieldOption) representing the fields against which filters can be defined,\n     * keyed by field name.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskBoardFieldFilterPickerGroup#config-fields)\n     */\n    fields ? : Record<string, FieldOption>\n    /**\n     * Array of [CollectionFilter](https://bryntum.com/products/taskboard/docs/api/Core/util/CollectionFilter) configuration objects. One\n     * [FieldFilterPicker](https://bryntum.com/products/taskboard/docs/api/Core/widget/FieldFilterPicker) will be created\n     * for each object in the array.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskBoardFieldFilterPickerGroup#config-filters)\n     */\n    filters ? : CollectionFilterConfig[]\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     * Optional function that returns [FieldFilterPicker](https://bryntum.com/products/taskboard/docs/api/Core/widget/FieldFilterPicker) configuration properties for\n     * a given filter. When `getFieldFilterPickerConfig` is provided, it will be called for each filter and the returned\n     * object will be merged with the configuration properties for the individual\n     * [FieldFilterPicker](https://bryntum.com/products/taskboard/docs/api/Core/widget/FieldFilterPicker) representing that filter.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskBoardFieldFilterPickerGroup#config-getFieldFilterPickerConfig)\n     * @param {CollectionFilterConfig} filter The filter to be displayed in the FieldFilterPicker being configured\n     * @returns {FieldFilterPickerConfig}\n     */\n    getFieldFilterPickerConfig ? : (filter: CollectionFilterConfig) => FieldFilterPickerConfig\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/TaskBoardFieldFilterPickerGroup#config-hideAnimation)\n     */\n    hideAnimation ? : Boolean|object\n    /**\n     * Specify `true` to make this container hide when it has no visible children (Either empty\n     * or all children hidden).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskBoardFieldFilterPickerGroup#config-hideWhenEmpty)\n     */\n    hideWhenEmpty ? : Boolean\n    /**\n     * The HTML to display initially or a function returning the markup (called at widget construction time).\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskBoardFieldFilterPickerGroup#config-html)\n     * @param {Core.widget.Widget} widget The calling Widget\n     * @returns {string}\n     */\n    html ? : string|((widget: Widget) => string)|DomConfig|DomConfig[]|VueConfig\n    /**\n     * The CSS class(es) to add when HTML content is being applied to this widget.\n     */\n    htmlCls ? : string|object\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/TaskBoardFieldFilterPickerGroup#config-ignoreParentReadOnly)\n     */\n    ignoreParentReadOnly ? : Boolean\n    /**\n     * Convenience setting to align input fields of child widgets. By default, the Field input element is\n     * placed immediately following the `label`. If you prefer to have all input fields aligned to the\n     * right, set this config to `'end'`.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskBoardFieldFilterPickerGroup#config-inputFieldAlign)\n     */\n    inputFieldAlign ? : 'start'|'end'\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 optional CSS class to add to child items of this container.\n     */\n    itemCls ? : string\n    /**\n     * An object containing typed child widget config objects or Widgets. May also be specified\n     * as an array.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskBoardFieldFilterPickerGroup#config-items)\n     */\n    items ? : Record<string, TaskBoardContainerItemConfig|MenuItemEntry>|(TaskBoardContainerItemConfig|MenuItemEntry|Widget)[]\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/TaskBoardFieldFilterPickerGroup#config-keyMap)\n     */\n    keyMap ? : Record<string, KeyMapConfig>\n    /**\n     * Convenience setting to use same label placement on all child widgets.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskBoardFieldFilterPickerGroup#config-labelPosition)\n     */\n    labelPosition ? : 'before'|'above'|'align-before'|'auto'|null\n    /**\n     * The short name of a helper class which manages rendering and styling of child items.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskBoardFieldFilterPickerGroup#config-layout)\n     */\n    layout ? : string|TaskBoardContainerLayoutConfig\n    /**\n     * The CSS style properties to apply to the [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/TaskBoardFieldFilterPickerGroup#config-layoutStyle)\n     */\n    layoutStyle ? : object\n    /**\n     * An array of [child item](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container#config-items) *config objects* which is to be converted into\n     * instances only when this Container is rendered, rather than eagerly at construct time.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskBoardFieldFilterPickerGroup#config-lazyItems)\n     */\n    lazyItems ? : Record<string, TaskBoardContainerItemConfig>|TaskBoardContainerItemConfig[]|Widget[]\n    /**\n     * When `limitToProperty` is set to the name of an available field (as specified either\n     * explicitly in [fields](https://bryntum.com/products/taskboard/docs/api/Core/widget/FieldFilterPickerGroup#config-fields) or implicitly in the\n     * [store](https://bryntum.com/products/taskboard/docs/api/Core/widget/FieldFilterPickerGroup#config-store)'s model), it has the following effects:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskBoardFieldFilterPickerGroup#config-limitToProperty)\n     */\n    limitToProperty ? : string\n    /**\n     * The listener set for this object.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskBoardFieldFilterPickerGroup#config-listeners)\n     */\n    listeners ? : TaskBoardFieldFilterPickerGroupListeners\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/TaskBoardFieldFilterPickerGroup#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/TaskBoardFieldFilterPickerGroup#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/TaskBoardFieldFilterPickerGroup#config-maximizeOnMobile)\n     */\n    maximizeOnMobile ? : number|string\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 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/TaskBoardFieldFilterPickerGroup#config-monitorResize)\n     */\n    monitorResize ? : Boolean|{\n        immediate?: Boolean\n    }\n    /**\n     * An object containing default config objects which may be referenced by name in the [items](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container#config-items)\n     * config. For example, a specialized [Menu](https://bryntum.com/products/taskboard/docs/api/Core/widget/Menu) subclass may have a `namedItems` default\n     * value defined like this:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskBoardFieldFilterPickerGroup#config-namedItems)\n     */\n    namedItems ? : Record<string, TaskBoardContainerItemConfig>\n    /**\n     * When specified, overrides the built-in list of available operators. See\n     * [operators](https://bryntum.com/products/taskboard/docs/api/Core/widget/FieldFilterPicker#config-operators).\n     */\n    operators ? : object\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/TaskBoardFieldFilterPickerGroup#config-owner)\n     */\n    owner ? : Widget|any\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/TaskBoardFieldFilterPickerGroup#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     * Whether the picker group is read-only.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskBoardFieldFilterPickerGroup#config-readOnly)\n     */\n    readOnly ? : Boolean\n    /**\n     * [Record](https://bryntum.com/products/taskboard/docs/api/Core/data/Model) whose values will be used to populate fields in the container.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskBoardFieldFilterPickerGroup#config-record)\n     */\n    record ? : Model\n    relayStoreEvents ? : Boolean\n    /**\n     * Either a default `rendition` to apply to all child widgets, or a map of renditions keyed by child widget\n     * `type`.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskBoardFieldFilterPickerGroup#config-rendition)\n     */\n    rendition ? : string|Record<string, string>|null\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/TaskBoardFieldFilterPickerGroup#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/TaskBoardFieldFilterPickerGroup#config-rtl)\n     */\n    rtl ? : Boolean\n    /**\n     * Specifies whether (and optionally in which axes) a Widget may scroll. `true` means this widget may scroll\n     * in both axes. May be an object containing boolean `overflowX` and `overflowY` properties which are\n     * applied to CSS style properties `overflowX` and `overflowY`. If they are boolean, they are translated to\n     * CSS overflow properties thus:\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskBoardFieldFilterPickerGroup#config-scrollable)\n     */\n    scrollable ? : Boolean|ScrollerConfig|Scroller\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     * Show a button at the bottom of the group that adds a new, blank filter to the group.\n     */\n    showAddFilterButton ? : 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/TaskBoardFieldFilterPickerGroup#config-showAnimation)\n     */\n    showAnimation ? : Boolean|object\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     * Programmatic control over how many columns to span when used in a grid layout.\n     */\n    span ? : number\n    /**\n     * The [Store](https://bryntum.com/products/taskboard/docs/api/Core/data/Store) whose records will be filtered. The store's [modelClass](#Core/data/Store#property-modelClass)\n     * will be used to determine field types.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskBoardFieldFilterPickerGroup#config-store)\n     */\n    store ? : Store\n    /**\n     * Specify `true` to match fields by their `name` property only when assigning a [record](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container#config-record),\n     * without falling back to `ref`.\n     */\n    strictRecordMapping ? : 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/TaskBoardFieldFilterPickerGroup#config-tab)\n     */\n    tab ? : Boolean|TabConfig\n    /**\n     * When this container is used as a tab in a TabPanel, these items are added to the\n     * [TabBar](https://bryntum.com/products/taskboard/docs/api/Core/widget/TabBar) when this container is the active tab.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskBoardFieldFilterPickerGroup#config-tabBarItems)\n     */\n    tabBarItems ? : ToolbarItems[]|Widget[]\n    /**\n     * The tag name of this Widget's root element\n     */\n    tag ? : string\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/TaskBoardFieldFilterPickerGroup#config-textAlign)\n     */\n    textAlign ? : 'left'|'center'|'right'|'start'|'end'\n    /**\n     * Specify `true` for a container used to show text markup. It will apply the CSS class `b-text-content`\n     * which specifies a default max-width that makes long text more readable.\n     * ...\n     * [View online docs...](https://bryntum.com/products/taskboard/docs/api/TaskBoard/widget/TaskBoardFieldFilterPickerGroup#config-textContent)\n     */\n    textContent ? : Boolean\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/TaskBoardFieldFilterPickerGroup#config-tooltip)\n     */\n    tooltip ? : string|TooltipConfig|null\n    /**\n     * Whether to raise [change](https://bryntum.com/products/taskboard/docs/api/Core/widget/FieldFilterPickerGroup#event-change) events as the user types into a value field. If `false`,\n     * [change](https://bryntum.com/products/taskboard/docs/api/Core/widget/FieldFilterPickerGroup#event-change) events will be raised only when the value input field's own `change` event\n     * occurs, for example on field blur.\n     */\n    triggerChangeOnInput ? : Boolean\n    type ? : 'taskboardfieldfilterpickergroup'\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/TaskBoardFieldFilterPickerGroup#config-ui)\n     */\n    ui ? : string|object\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/TaskBoardFieldFilterPickerGroup#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/TaskBoardFieldFilterPickerGroup#config-y)\n     */\n    y ? : number\n\n}>();\n\nconst emit = defineEmits<{\n    /**\n     * Fires before a new filter is added to the picker group (and its store, if configured and the filter is valid).\n     * Return `false` from the event handler to prevent the filter being added.\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.FieldFilterPicker} params.params.event.source The FieldFilterPicker instance that fired the event.\n     * @param {CollectionFilterConfig} params.params.event.filter The [CollectionFilter](https://bryntum.com/products/taskboard/docs/api/Core/util/CollectionFilter) configuration object for the filter represented by this [FieldFilterPicker](https://bryntum.com/products/taskboard/docs/api/Core/widget/FieldFilterPicker).\n     */\n    (e: 'beforeAddFilter', params: ((event: { source: FieldFilterPicker, filter: CollectionFilterConfig }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|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     * Fired before this container will load record values into its child fields. This is useful if you\n     * want to modify the UI before data is loaded (e.g. set some input field to be readonly)\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.Container} params.params.event.source The container\n     * @param {Core.data.Model} params.params.event.record The record\n     */\n    (e: 'beforeSetRecord', params: ((event: { source: Container, record: Model }) => void)|string): 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/TaskBoardFieldFilterPickerGroup#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     * Fires when any filter in the group is added, removed, or modified.\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.FieldFilterPickerGroup} params.params.event.source The FieldFilterPickerGroup instance that fired the event.\n     * @param {CollectionFilterConfig[]} params.params.event.filters The array of [CollectionFilter](https://bryntum.com/products/taskboard/docs/api/Core/util/CollectionFilter) configuration objects currently represented by the FieldFilterPickerGroup. <strong>IMPORTANT:</strong> Note that this includes all filters currently present in the UI, including partially completed ones that may not be ready to apply to a Store. To retrieve only valid filters, use the `validFilters` parameter on this event, or filter out incomplete filters in your own code.\n     * @param {CollectionFilterConfig[]} params.params.event.validFilters The subset of [CollectionFilter](https://bryntum.com/products/taskboard/docs/api/Core/util/CollectionFilter) configuration objects in the `filters` parameter on this event that are complete and valid for application to a Store.\n     */\n    (e: 'change', params: ((event: { source: FieldFilterPickerGroup, filters: CollectionFilterConfig[], validFilters: CollectionFilterConfig[] }) => 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 a field is mutated and the state of the [hasChanges](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container#property-hasChanges) property 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.Container} params.params.event.source The container.\n     * @param {boolean} params.params.event.dirty The dirty state of the Container - `true` if there are any fields which have been changed since initial load.\n     */\n    (e: 'dirtyStateChange', params: ((event: { source: Container, dirty: boolean }) => 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     * 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/TaskBoardFieldFilterPickerGroup#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\nconst widgetData = {\n    instanceClass : TaskBoardFieldFilterPickerGroup,\n    instanceName  : 'TaskBoardFieldFilterPickerGroup',\n\n    configNames   : [\n        'addFilterButtonText',\n        'adopt',\n        'align',\n        'allowedFieldNames',\n        'anchor',\n        'ariaDescription',\n        'ariaLabel',\n        'autoUpdateRecord',\n        'border',\n        'bubbleEvents',\n        'canDeleteFilter',\n        'canManageFilter',\n        'centered',\n        'color',\n        'config',\n        'constrainTo',\n        'contentElementCls',\n        'dataField',\n        'dateFormat',\n        'defaultBindProperty',\n        'defaultFocus',\n        'defaults',\n        'detectCSSCompatibilityIssues',\n        'dock',\n        'draggable',\n        'elementAttributes',\n        'excludeFields',\n        'fields',\n        'filters',\n        'floating',\n        'getFieldFilterPickerConfig',\n        'hideAnimation',\n        'hideWhenEmpty',\n        'htmlCls',\n        'ignoreParentReadOnly',\n        'itemCls',\n        'lazyItems',\n        'limitToProperty',\n        'listeners',\n        'localeClass',\n        'localizable',\n        'localizableProperties',\n        'maskDefaults',\n        'masked',\n        'monitorResize',\n        'namedItems',\n        'operators',\n        'owner',\n        'positioned',\n        'preventTooltipOnTouch',\n        'relayStoreEvents',\n        'ripple',\n        'rootElement',\n        'scrollAction',\n        'showAddFilterButton',\n        'showAnimation',\n        'showTooltipWhenDisabled',\n        'store',\n        'tab',\n        'tabBarItems',\n        'tag',\n        'textAlign',\n        'textContent',\n        'title',\n        'triggerChangeOnInput',\n        'type',\n        'ui',\n        'weight'\n    ],\n    propertyConfigNames : [\n        'alignSelf',\n        'appendTo',\n        'callOnFunctions',\n        'catchEventHandlerExceptions',\n        'cls',\n        'column',\n        'content',\n        'dataset',\n        'disabled',\n        'extraData',\n        'flex',\n        'height',\n        'hidden',\n        'html',\n        'id',\n        'inputFieldAlign',\n        'insertBefore',\n        'insertFirst',\n        'items',\n        'keyMap',\n        'labelPosition',\n        'layout',\n        'layoutStyle',\n        'margin',\n        'maxHeight',\n        'maximizeOnMobile',\n        'maxWidth',\n        'minHeight',\n        'minWidth',\n        'onBeforeAddFilter',\n        'onBeforeDestroy',\n        'onBeforeHide',\n        'onBeforeSetRecord',\n        'onBeforeShow',\n        'onCatchAll',\n        'onChange',\n        'onDestroy',\n        'onDirtyStateChange',\n        'onElementCreated',\n        'onFocusIn',\n        'onFocusOut',\n        'onHide',\n        'onPaint',\n        'onReadOnly',\n        'onRecompose',\n        'onResize',\n        'onShow',\n        'readOnly',\n        'record',\n        'rendition',\n        'rtl',\n        'scrollable',\n        'span',\n        'strictRecordMapping',\n        'tooltip',\n        'width',\n        'x',\n        'y'\n    ],\n    propertyNames : [\n        'anchorSize',\n        'focusVisible',\n        'hasChanges',\n        'isSettingValues',\n        'isValid',\n        'parent',\n        'value',\n        'values'\n    ],\n    eventNames : [\n        'beforeAddFilter',\n        'beforeDestroy',\n        'beforeHide',\n        'beforeSetRecord',\n        'beforeShow',\n        'catchAll',\n        'change',\n        'destroy',\n        'dirtyStateChange',\n        'elementCreated',\n        'focusIn',\n        'focusOut',\n        'hide',\n        'paint',\n        'readOnly',\n        'recompose',\n        'resize',\n        'show'\n    ]\n};\n\nconst instance: {\n    value?: TaskBoardFieldFilterPickerGroup\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 TaskBoardFieldFilterPickerGroup>({\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","TaskBoardFieldFilterPickerGroup","instance","refElement","ref","teleports","provide","onMounted","me","getCurrentInstance","WrapperHelper","toRaw","watcher","prop","callback","watch","onBeforeUnmount","__expose","_createElementBlock"],"mappings":"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"}