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

package/lib/chunks/OIBqQHze.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OIBqQHze.js","sources":["../../src/components/BryntumGridFieldFilterPickerGroup.vue"],"sourcesContent":["<!-- Vue 3 wrapper for Bryntum GridFieldFilterPickerGroup -->\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, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';\nimport type { GridContainerItemConfig, GridContainerLayoutConfig, Grid, GridFieldFilterPickerGroupListeners } from '@bryntum/grid-thin';\nimport { GridFieldFilterPickerGroup } from '@bryntum/grid-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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-adopt)\n     */\n    adopt ? : HTMLElement|string\n    /**\n     * *Only valid if this Widget is [floating](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-floating).*\n     * ...\n     * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-align)\n     */\n    align ? : AlignSpec|string\n    /**\n     * When this widget is a child of a [Container](https://bryntum.com/products/grid/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/grid/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/grid/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/grid/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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-ariaLabel)\n     */\n    ariaLabel ? : string\n    /**\n     * Update assigned [record](https://bryntum.com/products/grid/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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-catchEventHandlerExceptions)\n     */\n    catchEventHandlerExceptions ? : Boolean\n    /**\n     * *Only valid if this Widget is [floating](https://bryntum.com/products/grid/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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/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/grid/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/grid/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/grid/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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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 ? : GridContainerItemConfig\n    /**\n     * Check for CSS compatibility issues when upgrading to v7. Performs the following checks:\n     * ...\n     * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Core/widget/Panel)\n     * [strips collection](https://bryntum.com/products/grid/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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-elementAttributes)\n     */\n    elementAttributes ? : Record<string, string|null>\n    extraData ? : any\n    /**\n     * Array of [CollectionFilter](https://bryntum.com/products/grid/docs/api/Core/util/CollectionFilter) configuration objects. One\n     * [FieldFilterPicker](https://bryntum.com/products/grid/docs/api/Core/widget/FieldFilterPicker) will be created\n     * for each object in the array.\n     * ...\n     * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-filters)\n     */\n    filters ? : CollectionFilterConfig[]\n    /**\n     * When this widget is a child of a [Container](https://bryntum.com/products/grid/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/grid/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/grid/docs/api/Core/widget/FieldFilterPicker) representing that filter.\n     * ...\n     * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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     * [Grid](https://bryntum.com/products/grid/docs/api/Grid/view/Grid) from which to read the available field list. In order to\n     * appear as a selectable property for a filter, a column must have a `field` property.\n     * If the column has a `text` property, that will be shown as the displayed text in the\n     * selector; otherwise, the `field` property will be shown as-is.\n     * ...\n     * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-grid)\n     */\n    grid ? : Grid\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/grid/docs/api/Core/widget/Widget#config-floating).*\n     * ...\n     * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/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/grid/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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-items)\n     */\n    items ? : Record<string, GridContainerItemConfig|MenuItemEntry>|(GridContainerItemConfig|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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-layout)\n     */\n    layout ? : string|GridContainerLayoutConfig\n    /**\n     * The CSS style properties to apply to the [contentElement](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-contentElement).\n     * ...\n     * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-layoutStyle)\n     */\n    layoutStyle ? : object\n    /**\n     * An array of [child item](https://bryntum.com/products/grid/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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-lazyItems)\n     */\n    lazyItems ? : Record<string, GridContainerItemConfig>|GridContainerItemConfig[]|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/grid/docs/api/Core/widget/FieldFilterPickerGroup#config-fields) or implicitly in the\n     * [store](https://bryntum.com/products/grid/docs/api/Core/widget/FieldFilterPickerGroup#config-store)'s model), it has the following effects:\n     * ...\n     * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-limitToProperty)\n     */\n    limitToProperty ? : string\n    /**\n     * The listener set for this object.\n     * ...\n     * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-listeners)\n     */\n    listeners ? : GridFieldFilterPickerGroupListeners\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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Core/widget/Mask) created for the\n     * [masked](https://bryntum.com/products/grid/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/grid/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/grid/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/grid/docs/api/Core/widget/Widget#config-floating).*\n     * ...\n     * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/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/grid/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/grid/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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Core/widget/Container#config-items)\n     * config. For example, a specialized [Menu](https://bryntum.com/products/grid/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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-namedItems)\n     */\n    namedItems ? : Record<string, GridContainerItemConfig>\n    /**\n     * When specified, overrides the built-in list of available operators. See\n     * [operators](https://bryntum.com/products/grid/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/grid/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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/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/grid/docs/api/Core/widget/Widget#property-contentElement).\n     * ...\n     * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-readOnly)\n     */\n    readOnly ? : Boolean\n    /**\n     * [Record](https://bryntum.com/products/grid/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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Core/widget/Widget#config-floating).*\n     * ...\n     * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/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     * Specify `true` to match fields by their `name` property only when assigning a [record](https://bryntum.com/products/grid/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/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a\n     * [TabPanel](https://bryntum.com/products/grid/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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Core/widget/TabBar) when this container is the active tab.\n     * ...\n     * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-tooltip)\n     */\n    tooltip ? : string|TooltipConfig|null\n    /**\n     * Whether to raise [change](https://bryntum.com/products/grid/docs/api/Core/widget/FieldFilterPickerGroup#event-change) events as the user types into a value field. If `false`,\n     * [change](https://bryntum.com/products/grid/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 ? : 'gridfieldfilterpickergroup'\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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-x)\n     */\n    x ? : number\n    /**\n     * The y position for the widget.\n     * ...\n     * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/docs/api/Core/util/CollectionFilter) configuration object for the filter represented by this [FieldFilterPicker](https://bryntum.com/products/grid/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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/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/grid/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/grid/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/grid/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/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#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/grid/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/grid/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 : GridFieldFilterPickerGroup,\n    instanceName  : 'GridFieldFilterPickerGroup',\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        'filters',\n        'floating',\n        'getFieldFilterPickerConfig',\n        'grid',\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        '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?: GridFieldFilterPickerGroup\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 GridFieldFilterPickerGroup>({\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","GridFieldFilterPickerGroup","instance","refElement","ref","teleports","provide","onMounted","me","getCurrentInstance","WrapperHelper","toRaw","watcher","prop","callback","watch","onBeforeUnmount","__expose","_createElementBlock"],"mappings":"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"}

package/lib/components/BryntumGrid.js

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

package/lib/components/BryntumGridBase.js

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

package/lib/components/BryntumGridFieldFilterPicker.js

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

package/lib/components/BryntumGridFieldFilterPickerGroup.js

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

package/lib/components/BryntumGroupBar.js

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

package/lib/components/BryntumTreeGrid.js

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

package/lib/helper/WrapperHelper.js

@@ -67,8 +67,8 @@ Solution: Use separate parameter for each "${e}" value to enable reactive update
     widgetData: e,
     emit: n,
     element: i,
-    processCellContent: s,
-    processEventContent: o,
+    processCellContent: o,
+    processEventContent: s,
     processWidgetContent: l,
     hasFrameworkRenderer: r,
     toRaw: d
@@ -77,14 +77,14 @@ Solution: Use separate parameter for each "${e}" value to enable reactive update
     for (const a of Object.keys(u))
       f[this.camelize(a)] = u[a];
     const {
-      instanceClass: y,
+      instanceClass: m,
       instanceName: v
-    } = e, m = (a) => f[a] !== void 0, p = (e.configNames || []).filter(m), C = (e.propertyConfigNames || []).filter(m), h = (e.propertyNames || []).filter(m), $ = (e.featureNames || []).filter(m), E = e.eventNames.filter((a) => !m(a) && !f[`on${this.capitalize(a)}`]), g = {
+    } = e, y = (a) => f[a] !== void 0, p = (e.configNames || []).filter(y), C = (e.propertyConfigNames || []).filter(y), h = (e.propertyNames || []).filter(y), $ = (e.featureNames || []).filter(y), E = e.eventNames.filter((a) => !y(a) && !f[`on${this.capitalize(a)}`]), g = {
       vueComponent: t,
       listeners: {},
       features: {},
-      processCellContent: s,
-      processEventContent: o,
+      processCellContent: o,
+      processEventContent: s,
       processWidgetContent: l,
       hasFrameworkRenderer: r
     };
@@ -93,8 +93,8 @@ Solution: Use separate parameter for each "${e}" value to enable reactive update
       ...C,
       ...$
     ].forEach((a) => {
-      c.applyPropValue(g, a, f[a], !0, d), ["features", "config"].includes(a) && c.devWarningConfigProp(y.$name, a);
-    }), g.cls = (g.cls || "") + ` b-vue-${y.$name.toLowerCase()}-container`, e.configNames = p, e.propertyNames = [
+      c.applyPropValue(g, a, f[a], !0, d), ["features", "config"].includes(a) && c.devWarningConfigProp(m.$name, a);
+    }), g.cls = (g.cls || "") + ` b-vue-${m.$name.toLowerCase()}-container`, e.configNames = p, e.propertyNames = [
       ...p,
       ...h,
       ...C,
@@ -106,7 +106,7 @@ Solution: Use separate parameter for each "${e}" value to enable reactive update
       "insertAfter",
       "insertBefore"
     ].find((a) => g[a]);
-    return V ? c.devWarningContainer(y.$name, V) : v === "Button" ? g.appendTo = i : g.adopt = i, g;
+    return V ? c.devWarningContainer(m.$name, V) : v === "Button" ? g.appendTo = i : g.adopt = i, g;
   }
   /**
    * Setup store events relay
@@ -115,9 +115,9 @@ Solution: Use separate parameter for each "${e}" value to enable reactive update
    */
   static relayStores(t, e) {
     const { dataStores: n, projectStores: i } = t;
-    n && (Object.keys(n).forEach((s) => {
-      const o = i ? e.project[s] : e[s];
-      o && (o.syncDataOnLoad == null && !o.readUrl && !o.lazyLoad && (!o.crudManager || !o.crudManager.loadUrl) && (o.syncDataOnLoad = !0), e && e.relayStoreEvents && o.relayAll(e, n[s]));
+    n && (Object.keys(n).forEach((o) => {
+      const s = i ? e.project[o] : e[o];
+      s && (s.syncDataOnLoad == null && !s.readUrl && !s.lazyLoad && (!s.crudManager || !s.crudManager.loadUrl) && (s.syncDataOnLoad = !0), e && e.relayStoreEvents && s.relayAll(e, n[o]));
     }), delete t.dataStores);
   }
   /**
@@ -144,25 +144,25 @@ Solution: Use separate parameter for each "${e}" value to enable reactive update
    * @param {Boolean} [isConfig] config setting mode
    * @param {Function} [toRaw] Vue fn to unwrap reactive object
    */
-  static applyPropValue(t, e, n, i = !0, s) {
+  static applyPropValue(t, e, n, i = !0, o) {
     if (e === "project")
       n && typeof n == "object" && (t[e] = n.instance ? n.instance.value || n.instance : n);
     else if (e === "features" && typeof n == "object")
-      Object.keys(n).forEach((o) => c.applyPropValue(t, `${o}Feature`, n[o], i, s));
+      Object.keys(n).forEach((s) => c.applyPropValue(t, `${s}Feature`, n[s], i, o));
     else if (e === "config" && typeof n == "object")
-      Object.keys(n).forEach((o) => c.applyPropValue(t, o, n[o], i, s));
+      Object.keys(n).forEach((s) => c.applyPropValue(t, s, n[s], i, o));
     else if (e === "columns" && !i)
       t.columns.data = n;
     else if (e.endsWith("Feature")) {
-      const o = t.features, l = e.replace("Feature", "");
+      const s = t.features, l = e.replace("Feature", "");
       if (i)
-        o[l] = n;
+        s[l] = n;
       else {
-        const r = o[l];
+        const r = s[l];
         r && r.setConfig(n);
       }
     } else
-      t[e] = s ? s(n) : n;
+      t[e] = o ? o(n) : n;
   }
   /**
    * Creates watches for vue component properties
@@ -175,12 +175,12 @@ Solution: Use separate parameter for each "${e}" value to enable reactive update
   static watchProps(t, e, n) {
     const {
       configNames: i,
-      propertyNames: s,
-      instanceClass: o
+      propertyNames: o,
+      instanceClass: s
     } = e;
-    s.forEach((l) => n(l, (r) => {
+    o.forEach((l) => n(l, (r) => {
       const d = Array.isArray(r) ? r.slice() : r;
-      c.applyPropValue(t, l, d, !1), i.includes(l) && c.devWarningUpdateProp(o.$name, l);
+      c.applyPropValue(t, l, d, !1), i.includes(l) && c.devWarningUpdateProp(s.$name, l);
     })), e.configNames = [], e.propertyNames = [];
   }
   /**
@@ -190,11 +190,11 @@ Solution: Use separate parameter for each "${e}" value to enable reactive update
    * @param {Object} context.html Object containing the Vue component properties and event listeners
    */
   static processWidgetContent({ widget: t, html: e }) {
-    const { is: n, bind: i = {}, vue: s, on: o = {} } = e, { vueComponent: l } = this, { teleports: { value: r } } = l.provides, { contentElement: d, id: f } = t;
-    if (s) {
+    const { is: n, bind: i = {}, vue: o, on: s = {} } = e, { vueComponent: l } = this, { teleports: { value: r } } = l.provides, { contentElement: d, id: f } = t;
+    if (o) {
       const u = `key-${f}`;
       r.has(u) && r.delete(u), b(() => {
-        r.set(u, { bind: i, on: o, key: u, is: n, to: d });
+        r.set(u, { bind: i, on: s, key: u, is: n, to: d });
       });
     }
   }
@@ -204,7 +204,7 @@ Solution: Use separate parameter for each "${e}" value to enable reactive update
    * @param {String} html The HTML content to be processed
    */
   static handleVueContent(t, e) {
-    const n = (o) => !!o.vueComponent?.provides?.teleports, i = t.closest(n);
+    const n = (s) => !!s.vueComponent?.provides?.teleports, i = t.closest(n);
     (i?.vueComponent ? i : N.query(n))?.processWidgetContent?.({ widget: t, html: e });
   }
   /**
@@ -224,25 +224,25 @@ Solution: Use separate parameter for each "${e}" value to enable reactive update
     targetElement: n,
     isRelease: i
   }) {
-    let s = n, o = !1;
+    let o = n, s = !1;
     const l = this.isVertical ? e?.elementData?.renderData : e?.elementData;
     if (c.isVueConfig(t) && t?.is) {
-      e?.dataset?.isMilestone ? s = n.parentElement.parentElement.parentElement : s = n.parentElement.parentElement;
-      const r = this.isVertical ? s.elementData.renderData : s.elementData, { assignmentRecord: d } = i ? l : r, { eventRecord: f } = r, { vueComponent: u } = this, { teleports: { value: y } } = u.provides, v = f.isRecurring || f.isOccurrence, m = `assignment-${d?.id}${v ? "-" + f.id : ""}`;
-      s.vueKey && y.delete(s.vueKey);
+      e?.dataset?.isMilestone ? o = n.parentElement.parentElement.parentElement : o = n.parentElement.parentElement;
+      const r = this.isVertical ? o.elementData.renderData : o.elementData, { assignmentRecord: d } = i ? l : r, { eventRecord: f } = r, { vueComponent: u } = this, { teleports: { value: m } } = u.provides, v = f.isRecurring || f.isOccurrence, y = `assignment-${d?.id}${v ? "-" + f.id : ""}`;
+      o.vueKey && m.get(o.vueKey)?.to === n && m.delete(o.vueKey);
       const p = { ...t }, { is: C, on: h = {} } = p;
       delete p.is, delete p.on, b(() => {
-        y.set(m, {
+        m.set(y, {
           bind: p,
-          key: m,
+          key: y,
           is: C,
           on: h,
           to: n,
           generation: d.generation
         });
-      }), s.vueKey = m, o = !0;
+      }), o.vueKey = y, s = !0;
     }
-    return o;
+    return s;
   }
   /**
    * Cell renderer method
@@ -252,21 +252,21 @@ Solution: Use separate parameter for each "${e}" value to enable reactive update
    * @returns {Boolean}
    */
   static processCellContent({ rendererData: t, rendererHtml: e }) {
-    const { record: n, column: i, cellElement: s, row: o } = t;
+    const { record: n, column: i, cellElement: o, row: s } = t;
     if (c.isVueConfig(i.data) && i.data?.renderer) {
-      const { vueComponent: l } = this, { teleports: { value: r } } = l.provides, d = `${i.id}-${n.id}`, f = i.tree ? s.querySelector(".b-tree-cell-value") : s;
-      s.vueKey && r.delete(s.vueKey);
-      const u = { ...e }, { is: y, on: v = {} } = u;
+      const { vueComponent: l } = this, { teleports: { value: r } } = l.provides, d = `${i.id}-${n.id}`, f = i.tree ? o.querySelector(".b-tree-cell-value") : o;
+      o.vueKey && r.delete(o.vueKey);
+      const u = { ...e }, { is: m, on: v = {} } = u;
       delete u.is, delete u.on, b(() => {
-        o.id === n.id && r.set(d, {
+        s.id === n.id && r.set(d, {
           bind: u,
           key: d,
-          is: y,
+          is: m,
           on: v,
           to: f,
           generation: n.generation
         });
-      }), s.vueKey = d;
+      }), o.vueKey = d;
     }
   }
   /**

package/lib/helper/WrapperHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"WrapperHelper.js","sources":["../../src/helper/WrapperHelper.ts"],"sourcesContent":["/**\n * Vue 3 widget helper\n */\n\nimport { type ComponentInternalInstance, nextTick } from 'vue';\nimport { type VueConfig, Widget } from '@bryntum/core-thin';\n\ndeclare global {\n    interface Window {\n        bryntum: {\n            isTestEnv?: boolean;\n            vue?: {\n                isVueConfig?: (config: any) => boolean;\n                handleVueContent?: (widget: Widget, html: VueConfig) => void;\n            };\n        };\n    }\n}\n\ninterface RenderElement extends HTMLElement {\n    vueKey: string;\n}\n\nexport type Data = Record<string, unknown>;\n\ntype SuppressNew<T> = { [K in keyof T]: T[ K ] }\n\ntype AnyConstructor<\n    Instance extends object = object,\n    Static extends object = object\n> = (new (...input: any[]) => Instance) & SuppressNew<Static>\n\ntype AnyWidget = AnyConstructor<any, any>;\n\ntype RenderData = {\n    record: any,\n    row: any,\n    column: any,\n    cellElement: RenderElement\n}\n\ntype VueTeleportConfig = {\n    vue: boolean,\n    is: string,\n    bind?: object\n    on?: object\n}\n\nexport type WidgetData<T extends AnyWidget> = {\n    instanceClass: T,\n    instanceName: string\n    isView?: boolean,\n    dataStores?: object,\n    projectStores?: boolean,\n    configNames: string[]\n    propertyConfigNames: string[]\n    propertyNames: string[]\n    eventNames: string[]\n    featureNames?: string[]\n}\n\nexport type WidgetConfig<T extends AnyWidget> = {\n    me?: ComponentInternalInstance;\n    widgetData: WidgetData<T>,\n    emit: (...args: any[]) => any\n    element: HTMLDivElement;\n    processCellContent?: Function;\n    processEventContent?: Function;\n    processWidgetContent?: Function;\n    hasFrameworkRenderer?: Function;\n    toRaw?: Function\n}\n\nexport type BryntumConfig = Record<string, any> & {\n    vueComponent?: Object,\n    listeners: Record<string, Function>,\n    features: {},\n    processCellContent: Function,\n    processEventContent: Function,\n    processWidgetContent: Function;\n    hasFrameworkRenderer: Function\n};\n\nexport class WrapperHelper {\n\n    /**\n     * Development warning. Showed when environment is set to 'development'\n     * @param {String} clsName vue component instance\n     * @param {String} msg console message\n     */\n    static devWarning(clsName: string, msg: string) {\n        // @ts-ignore\n        if (window.bryntum?.isTestEnv || process.env.NODE_ENV === 'development') {\n            console.warn(`Bryntum${clsName}Component development warning!\\n${msg}\\n` +\n                'Please check Vue integration guide: https://bryntum.com/products/grid/docs/guide/Grid/integration/vue/guide'\n            );\n        }\n    }\n\n    static devWarningContainer(clsName: string, containerParam: string) {\n        WrapperHelper.devWarning(clsName,\n            `Using \"${containerParam}\" parameter for configuration is not recommended.\\n` +\n            'Widget is placed automatically inside it\\'s container element.\\n' +\n            `Solution: remove \"${containerParam}\" parameter from configuration.`\n        );\n    }\n\n    static devWarningConfigProp(clsName: string, prop: string) {\n        WrapperHelper.devWarning(clsName,\n            `Using \"${prop}\" parameter for configuration is not recommended.\\n` +\n            `Solution: Use separate parameter for each \"${prop}\" value to enable reactive updates of the API instance`\n        );\n    }\n\n    static devWarningUpdateProp(clsName: string, prop: string) {\n        WrapperHelper.devWarning(clsName,\n            `\"${prop}\" is a static config option for component constructor only. No runtime changes are supported!`\n        );\n    }\n\n    static camelize(str: string) {\n        return str.replace(/-./g, s => (s[1] || '').toUpperCase());\n    }\n\n    static capitalize(str: string) {\n        return str.charAt(0).toUpperCase() + str.slice(1);\n    }\n\n    /**\n     * Returns `true` if the provided configuration object is valid for Vue processing.\n     * @param {*} config\n     * @returns {Boolean}\n     */\n    static isVueConfig(config: any): boolean {\n        return Boolean(config?.vue);\n    }\n\n    /**\n     * Creates bryntum component config from vue component\n     * @param {Object} context\n     * @param {Object} context.me vue component instance\n     * @param {Object} context.widgetData reference to data\n     * @param {Function} context.emit reference to emit\n     * @param {Object} context.element HTML element\n     * @param {Function} context.processCellContent cell renderer method\n     * @param {Function} context.processEventContent event renderer method\n     * @param {Function} context.processWidgetContent widget renderer method\n     * @param {Function} context.hasFrameworkRenderer checks presence of vue renderer\n     * @param {Function} context.toRaw Vue fn to unwrap reactive object\n     * @returns {Object} config object\n     */\n    static createConfig<T extends AnyWidget>({\n        me,\n        widgetData,\n        emit,\n        element,\n        processCellContent,\n        processEventContent,\n        processWidgetContent,\n        hasFrameworkRenderer,\n        toRaw\n    }: WidgetConfig<T>) {\n\n        const\n            props: Record<string, any> = {},\n            vProps                     = me!.vnode!.props! || {};\n\n        for (const key of Object.keys(vProps)) {\n            // Convert possible kebab keys to camelCase\n            props[this.camelize(key)] = vProps[key];\n        }\n\n        const\n            {\n                instanceClass,\n                instanceName\n            }                   = widgetData,\n            isValidProp         = (propName: string) => props[propName] !== undefined,\n            configNames         = (widgetData.configNames || []).filter(isValidProp),\n            propertyConfigNames = (widgetData.propertyConfigNames || []).filter(isValidProp),\n            propertyNames       = (widgetData.propertyNames || []).filter(isValidProp),\n            featureNames        = (widgetData.featureNames || []).filter(isValidProp),\n            // Disable event listeners for onProps, which are duplicating functions with preventable result support\n            eventNames          = widgetData.eventNames.filter(eventName => !isValidProp(eventName) && !props[`on${this.capitalize(eventName)}`]),\n            bryntumConfig       = {\n                vueComponent : me,\n                listeners    : {},\n                features     : {},\n                processCellContent,\n                processEventContent,\n                processWidgetContent,\n                hasFrameworkRenderer\n            } as BryntumConfig;\n\n        // Setup events listeners\n        eventNames.forEach(eventName => bryntumConfig.listeners[eventName] = (params: any) => emit(eventName, params));\n\n        // Setup configs\n        [\n            ...configNames,\n            ...propertyConfigNames,\n            ...featureNames\n        ].forEach(propName => {\n            WrapperHelper.applyPropValue(bryntumConfig, propName, props[propName], true, toRaw);\n            if (['features', 'config'].includes(propName)) {\n                WrapperHelper.devWarningConfigProp(instanceClass.$name, propName);\n            }\n        });\n\n        // Add vue wrapper class name\n        bryntumConfig.cls = (bryntumConfig.cls || '') + ` b-vue-${instanceClass.$name.toLowerCase()}-container`;\n\n        // Prepare watch arrays\n        widgetData.configNames   = configNames;\n        widgetData.propertyNames = [\n            ...configNames,\n            ...propertyNames,\n            ...propertyConfigNames,\n            ...featureNames\n        ];\n\n        // Cleanup unused instance arrays\n        widgetData.eventNames          = [];\n        widgetData.propertyConfigNames = [];\n        widgetData.featureNames        = [];\n\n        // If component has no container specified in config then use adopt to Wrapper's element\n        const\n            containerParam = [\n                'adopt',\n                'appendTo',\n                'insertAfter',\n                'insertBefore'\n            ].find((prop: string) => bryntumConfig[prop]);\n\n        if (!containerParam) {\n            if (instanceName === 'Button') {\n                // Button should always be <a> or <button> inside owner element\n                bryntumConfig.appendTo = element;\n            }\n            else {\n                bryntumConfig.adopt = element;\n            }\n        }\n        else {\n            WrapperHelper.devWarningContainer(instanceClass.$name, containerParam);\n        }\n        return bryntumConfig;\n    }\n\n    /**\n     * Setup store events relay\n     * @param {Object} data reference to data\n     * @param {Object} instance bryntum widget instance\n     */\n    static relayStores(data: any, instance: any) {\n        const { dataStores, projectStores } = data;\n\n        if (dataStores) {\n            Object.keys(dataStores).forEach(storeName => {\n                const store = projectStores ? instance.project[storeName] : instance[storeName];\n                if (store) {\n\n\n                    if (store.syncDataOnLoad == null && !store.readUrl && !store.lazyLoad && (!store.crudManager || !store.crudManager.loadUrl)) {\n                        store.syncDataOnLoad = true;\n                    }\n\n\n\n                    // Makes relaying store events configurable but off by default\n                    if (instance && instance.relayStoreEvents) {\n                        store.relayAll(instance, dataStores[storeName]);\n                    }\n                }\n            });\n            delete data.dataStores;\n        }\n    }\n\n    /**\n     * Creates bryntum Widget from vue component\n     * @param {Object} config\n     * @param {Object} config.me vue component instance\n     * @param {Object} config.widgetData reference to data\n     * @param {Function} config.emit reference to emit\n     * @param {Object} config.element HTML element\n     * @param {Function} config.processCellContent cell renderer method\n     * @param {Function} config.hasFrameworkRenderer check the presence of vue renderer\n     * @param {Function} config.toRaw Vue fn to unwrap reactive object\n     * @returns {Object} widget object\n     */\n    static createWidget<T extends AnyWidget>(config: WidgetConfig<T>): InstanceType<T> {\n        const\n            { instanceClass } = config.widgetData,\n            cfg               = WrapperHelper.createConfig(config);\n        return (instanceClass.$name === 'Widget' ? Widget.create(cfg) : new instanceClass(cfg)) as InstanceType<T>;\n    }\n\n    /**\n     * Applies property value to Bryntum config or instance.\n     * @param {Object} configOrInstance target object\n     * @param {String} prop property name\n     * @param {Object} value value\n     * @param {Boolean} [isConfig] config setting mode\n     * @param {Function} [toRaw] Vue fn to unwrap reactive object\n     */\n    static applyPropValue(configOrInstance: any, prop: string, value: any, isConfig = true, toRaw?: Function) {\n\n        if (prop === 'project') {\n            // Allow use ProjectModel component as project\n            if (value && typeof value === 'object') {\n                configOrInstance[prop] = value.instance ? value.instance.value || value.instance : value;\n            }\n        }\n        else if (prop === 'features' && typeof value === 'object') {\n            Object.keys(value).forEach(key => WrapperHelper.applyPropValue(configOrInstance, `${key}Feature`, value[key], isConfig, toRaw));\n        }\n        else if (prop === 'config' && typeof value === 'object') {\n            Object.keys(value).forEach(key => WrapperHelper.applyPropValue(configOrInstance, key, value[key], isConfig, toRaw));\n        }\n        else if (prop === 'columns' && !isConfig) {\n            configOrInstance['columns'].data = value;\n        }\n        else if (prop.endsWith('Feature')) {\n            const\n                features    = configOrInstance['features'],\n                featureName = prop.replace('Feature', '');\n            if (isConfig) {\n                features[featureName] = value;\n            }\n            else {\n                const feature = features[featureName];\n                if (feature) {\n                    feature.setConfig(value);\n                }\n            }\n        }\n        else {\n            configOrInstance[prop] = toRaw ? toRaw(value) : value;\n        }\n    }\n\n    /**\n     * Creates watches for vue component properties\n     * @param {Object} me vue component instance\n     * @param {Object} instance bryntum widget instance\n     * @param {Object} props reference to props\n     * @param {Object} data reference to data\n     * @param {Function} watcher watch method reference (Accepts: prop and newValue)\n     */\n    static watchProps<T extends AnyWidget>(\n        instance: InstanceType<T>,\n        data: WidgetData<T>,\n        watcher: (prop: string, callback: (value: any) => void) => void) {\n        const\n            {\n                configNames,\n                propertyNames,\n                instanceClass\n            } = data;\n\n        propertyNames.forEach(prop => watcher(prop, newValue => {\n            const value = Array.isArray(newValue) ? newValue.slice() : newValue;\n            WrapperHelper.applyPropValue(instance, prop, value, false);\n\n            // Check if property is a config and notify\n            if (configNames.includes(prop)) {\n                WrapperHelper.devWarningUpdateProp(instanceClass.$name, prop);\n            }\n        }));\n\n        // Cleanup unused instance arrays\n        data.configNames   = [];\n        data.propertyNames = [];\n    }\n\n    /**\n     * Called from Widget.js to add the Vue component to teleports\n     * @param {Object} context\n     * @param {Widget} context.widget Widget which content is rendered by the Vue component\n     * @param {Object} context.html Object containing the Vue component properties and event listeners\n     */\n    static processWidgetContent({ widget, html }: { widget: Widget; html: VueTeleportConfig }) {\n        const\n            { is, bind = {}, vue, on = {} }       = html,\n            // @ts-ignore\n            { vueComponent }                      = this,\n            { teleports : { value : teleports } } = vueComponent.provides,\n            { contentElement : to, id }           = widget;\n\n        if (vue) {\n            const key = `key-${id}`;\n\n            // delete the teleport with the same key if any\n            if (teleports.has(key)) {\n                teleports.delete(key);\n            }\n\n            nextTick(() => {\n                teleports.set(key, { bind, on, key, is, to });\n            });\n        }\n    }\n\n    /**\n     * Handles the content provided by a Vue component for the widget.\n     * @param {Widget} widget Owner widget\n     * @param {String} html The HTML content to be processed\n     */\n    static handleVueContent(widget: Widget, html: VueConfig): void {\n        // Called when a Vue component is to provide the widget content\n        const\n            hasTeleports = (element: any) => Boolean(element.vueComponent?.provides?.teleports),\n            parentView   = widget.closest(hasTeleports) as any,\n            // Find a view (grid, scheduler, etc.) which has `teleports` defined. It also has `processWidgetContent`\n            view         = parentView?.vueComponent ? parentView : Widget.query(hasTeleports);\n\n        view?.processWidgetContent?.({ widget, html });\n    }\n\n    /**\n     * Event renderer method\n     * @param {Object} context\n     * @param {*} context.jsx\n     * @param {DomConfig} context.domConfig\n     * @param {HTMLElement} context.targetElement\n     * @param {Boolean} context.isRelease\n     * @returns {Boolean}\n     */\n    static processEventContent({\n        // Core passes it as jsx for React wrappers.\n        // Let's rename it to a more appropriate name.\n        jsx : rendererConfig,\n        domConfig,\n        targetElement,\n        isRelease\n    }: {\n        jsx: { [key: string]: any },\n        domConfig: any;\n        isRelease: boolean;\n        targetElement: HTMLElement & { vueKey: string }\n        scrolling: boolean\n    }) {\n\n        let wrap: any   = targetElement,\n            returnValue = false;\n\n        // @ts-ignore\n        const domConfigData = this.isVertical ? domConfig?.elementData?.renderData : domConfig?.elementData;\n\n        if (WrapperHelper.isVueConfig(rendererConfig) && rendererConfig?.is) {\n            if (domConfig?.dataset?.isMilestone) {\n                wrap = targetElement.parentElement!.parentElement!.parentElement!;\n            }\n            else {\n                wrap = targetElement.parentElement!.parentElement!;\n            }\n            const\n                // Vertical nests renderData, while horizontal does not\n                // @ts-ignore\n                wrapData                              = this.isVertical ? wrap.elementData.renderData : wrap.elementData,\n                { assignmentRecord }                  = isRelease ? domConfigData : wrapData,\n                { eventRecord }                       = wrapData,\n                { vueComponent }                      = this as any,\n                { teleports : { value : teleports } } = vueComponent.provides,\n\n                // Recurring events are handled a bit differently so get the flag\n                isRecurring = eventRecord.isRecurring || eventRecord.isOccurrence,\n                key         = `assignment-${assignmentRecord?.id}${isRecurring ? '-' + eventRecord.id : ''}`;\n\n            if (wrap.vueKey) {\n                teleports.delete(wrap.vueKey);\n            }\n            const\n                bind            = { ...rendererConfig },\n                { is, on = {} } = bind;\n\n            delete bind.is;\n            delete bind.on;\n\n            nextTick(() => {\n                teleports.set(key, {\n                    bind,\n                    key,\n                    is,\n                    on,\n                    to         : targetElement,\n                    generation : assignmentRecord.generation\n                });\n\n            });\n\n            wrap.vueKey = key;\n            returnValue = true;\n        }\n\n        return returnValue;\n    }\n\n    /**\n     * Cell renderer method\n     * @param {Object} context\n     * @param {RenderData} context.rendererData\n     * @param {*} context.rendererHtml\n     * @returns {Boolean}\n     */\n    static processCellContent({ rendererData, rendererHtml }: { rendererData: RenderData, rendererHtml: any }) {\n        const { record, column, cellElement, row } = rendererData;\n\n        // Only run for cells with vue renderers\n        if (WrapperHelper.isVueConfig(column.data) && column.data?.renderer) {\n            const\n                // `this` is a caller component\n                { vueComponent }                      = this as any,\n                // `teleports` is javascript Map object\n                { teleports : { value : teleports } } = vueComponent.provides,\n                key                                   = `${column.id}-${record.id}`,\n                renderElement                         = column.tree\n                    ? cellElement.querySelector('.b-tree-cell-value')\n                    : cellElement;\n\n            // If the cell already has a teleport, release it\n            if (cellElement.vueKey) {\n                teleports.delete(cellElement.vueKey);\n            }\n\n            const\n                bind            = { ...rendererHtml },\n                { is, on = {} } = bind;\n\n            delete bind.is;\n            delete bind.on;\n\n            // Create new teleport\n            nextTick(() => {\n                // Only teleport if the row is still used for the same record. Since this happens async, we might have\n                // scrolled over the entire block of rows since the render\n                if (row.id === record.id) {\n                    teleports.set(key, {\n                        bind,\n                        key,\n                        is,\n                        on,\n                        to         : renderElement,\n                        generation : record.generation\n                    });\n                }\n            });\n\n            // Link cell to the teleport, to be able to release it above\n            cellElement.vueKey = key;\n        }\n    }\n\n    /**\n     *\n     * @param {Object} context\n     * @param {*} context.cellContent Content to be rendered in cell (set by renderer)\n     * @param {*} context.column Column being rendered\n     * @returns {Boolean} `true` if there is a Vue Renderer in this cell, `false` otherwise\n     */\n    static hasFrameworkRenderer({ cellContent, column }: { cellContent: any, column: any }) {\n        return cellContent && typeof cellContent === 'object' && WrapperHelper.isVueConfig(column?.data);\n    }\n}\n\n// Expose wrapper methods on window.bryntum\nwindow.bryntum     = window.bryntum || {};\nwindow.bryntum.vue = {\n    isVueConfig      : WrapperHelper.isVueConfig,\n    handleVueContent : WrapperHelper.handleVueContent\n};\n"],"names":["WrapperHelper","clsName","msg","containerParam","prop","str","s","config","me","widgetData","emit","element","processCellContent","processEventContent","processWidgetContent","hasFrameworkRenderer","toRaw","props","vProps","key","instanceClass","instanceName","isValidProp","propName","configNames","propertyConfigNames","propertyNames","featureNames","eventNames","eventName","bryntumConfig","params","data","instance","dataStores","projectStores","storeName","store","cfg","Widget","configOrInstance","value","isConfig","features","featureName","feature","watcher","newValue","widget","html","is","bind","vue","on","vueComponent","teleports","to","id","nextTick","hasTeleports","parentView","rendererConfig","domConfig","targetElement","isRelease","wrap","returnValue","domConfigData","wrapData","assignmentRecord","eventRecord","isRecurring","rendererData","rendererHtml","record","column","cellElement","row","renderElement","cellContent"],"mappings":"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"}
+{"version":3,"file":"WrapperHelper.js","sources":["../../src/helper/WrapperHelper.ts"],"sourcesContent":["/**\n * Vue 3 widget helper\n */\n\nimport { type ComponentInternalInstance, nextTick } from 'vue';\nimport { type VueConfig, Widget } from '@bryntum/core-thin';\n\ndeclare global {\n    interface Window {\n        bryntum: {\n            isTestEnv?: boolean;\n            vue?: {\n                isVueConfig?: (config: any) => boolean;\n                handleVueContent?: (widget: Widget, html: VueConfig) => void;\n            };\n        };\n    }\n}\n\ninterface RenderElement extends HTMLElement {\n    vueKey: string;\n}\n\nexport type Data = Record<string, unknown>;\n\ntype SuppressNew<T> = { [K in keyof T]: T[ K ] }\n\ntype AnyConstructor<\n    Instance extends object = object,\n    Static extends object = object\n> = (new (...input: any[]) => Instance) & SuppressNew<Static>\n\ntype AnyWidget = AnyConstructor<any, any>;\n\ntype RenderData = {\n    record: any,\n    row: any,\n    column: any,\n    cellElement: RenderElement\n}\n\ntype VueTeleportConfig = {\n    vue: boolean,\n    is: string,\n    bind?: object\n    on?: object\n}\n\nexport type WidgetData<T extends AnyWidget> = {\n    instanceClass: T,\n    instanceName: string\n    isView?: boolean,\n    dataStores?: object,\n    projectStores?: boolean,\n    configNames: string[]\n    propertyConfigNames: string[]\n    propertyNames: string[]\n    eventNames: string[]\n    featureNames?: string[]\n}\n\nexport type WidgetConfig<T extends AnyWidget> = {\n    me?: ComponentInternalInstance;\n    widgetData: WidgetData<T>,\n    emit: (...args: any[]) => any\n    element: HTMLDivElement;\n    processCellContent?: Function;\n    processEventContent?: Function;\n    processWidgetContent?: Function;\n    hasFrameworkRenderer?: Function;\n    toRaw?: Function\n}\n\nexport type BryntumConfig = Record<string, any> & {\n    vueComponent?: Object,\n    listeners: Record<string, Function>,\n    features: {},\n    processCellContent: Function,\n    processEventContent: Function,\n    processWidgetContent: Function;\n    hasFrameworkRenderer: Function\n};\n\nexport class WrapperHelper {\n\n    /**\n     * Development warning. Showed when environment is set to 'development'\n     * @param {String} clsName vue component instance\n     * @param {String} msg console message\n     */\n    static devWarning(clsName: string, msg: string) {\n        // @ts-ignore\n        if (window.bryntum?.isTestEnv || process.env.NODE_ENV === 'development') {\n            console.warn(`Bryntum${clsName}Component development warning!\\n${msg}\\n` +\n                'Please check Vue integration guide: https://bryntum.com/products/grid/docs/guide/Grid/integration/vue/guide'\n            );\n        }\n    }\n\n    static devWarningContainer(clsName: string, containerParam: string) {\n        WrapperHelper.devWarning(clsName,\n            `Using \"${containerParam}\" parameter for configuration is not recommended.\\n` +\n            'Widget is placed automatically inside it\\'s container element.\\n' +\n            `Solution: remove \"${containerParam}\" parameter from configuration.`\n        );\n    }\n\n    static devWarningConfigProp(clsName: string, prop: string) {\n        WrapperHelper.devWarning(clsName,\n            `Using \"${prop}\" parameter for configuration is not recommended.\\n` +\n            `Solution: Use separate parameter for each \"${prop}\" value to enable reactive updates of the API instance`\n        );\n    }\n\n    static devWarningUpdateProp(clsName: string, prop: string) {\n        WrapperHelper.devWarning(clsName,\n            `\"${prop}\" is a static config option for component constructor only. No runtime changes are supported!`\n        );\n    }\n\n    static camelize(str: string) {\n        return str.replace(/-./g, s => (s[1] || '').toUpperCase());\n    }\n\n    static capitalize(str: string) {\n        return str.charAt(0).toUpperCase() + str.slice(1);\n    }\n\n    /**\n     * Returns `true` if the provided configuration object is valid for Vue processing.\n     * @param {*} config\n     * @returns {Boolean}\n     */\n    static isVueConfig(config: any): boolean {\n        return Boolean(config?.vue);\n    }\n\n    /**\n     * Creates bryntum component config from vue component\n     * @param {Object} context\n     * @param {Object} context.me vue component instance\n     * @param {Object} context.widgetData reference to data\n     * @param {Function} context.emit reference to emit\n     * @param {Object} context.element HTML element\n     * @param {Function} context.processCellContent cell renderer method\n     * @param {Function} context.processEventContent event renderer method\n     * @param {Function} context.processWidgetContent widget renderer method\n     * @param {Function} context.hasFrameworkRenderer checks presence of vue renderer\n     * @param {Function} context.toRaw Vue fn to unwrap reactive object\n     * @returns {Object} config object\n     */\n    static createConfig<T extends AnyWidget>({\n        me,\n        widgetData,\n        emit,\n        element,\n        processCellContent,\n        processEventContent,\n        processWidgetContent,\n        hasFrameworkRenderer,\n        toRaw\n    }: WidgetConfig<T>) {\n\n        const\n            props: Record<string, any> = {},\n            vProps                     = me!.vnode!.props! || {};\n\n        for (const key of Object.keys(vProps)) {\n            // Convert possible kebab keys to camelCase\n            props[this.camelize(key)] = vProps[key];\n        }\n\n        const\n            {\n                instanceClass,\n                instanceName\n            }                   = widgetData,\n            isValidProp         = (propName: string) => props[propName] !== undefined,\n            configNames         = (widgetData.configNames || []).filter(isValidProp),\n            propertyConfigNames = (widgetData.propertyConfigNames || []).filter(isValidProp),\n            propertyNames       = (widgetData.propertyNames || []).filter(isValidProp),\n            featureNames        = (widgetData.featureNames || []).filter(isValidProp),\n            // Disable event listeners for onProps, which are duplicating functions with preventable result support\n            eventNames          = widgetData.eventNames.filter(eventName => !isValidProp(eventName) && !props[`on${this.capitalize(eventName)}`]),\n            bryntumConfig       = {\n                vueComponent : me,\n                listeners    : {},\n                features     : {},\n                processCellContent,\n                processEventContent,\n                processWidgetContent,\n                hasFrameworkRenderer\n            } as BryntumConfig;\n\n        // Setup events listeners\n        eventNames.forEach(eventName => bryntumConfig.listeners[eventName] = (params: any) => emit(eventName, params));\n\n        // Setup configs\n        [\n            ...configNames,\n            ...propertyConfigNames,\n            ...featureNames\n        ].forEach(propName => {\n            WrapperHelper.applyPropValue(bryntumConfig, propName, props[propName], true, toRaw);\n            if (['features', 'config'].includes(propName)) {\n                WrapperHelper.devWarningConfigProp(instanceClass.$name, propName);\n            }\n        });\n\n        // Add vue wrapper class name\n        bryntumConfig.cls = (bryntumConfig.cls || '') + ` b-vue-${instanceClass.$name.toLowerCase()}-container`;\n\n        // Prepare watch arrays\n        widgetData.configNames   = configNames;\n        widgetData.propertyNames = [\n            ...configNames,\n            ...propertyNames,\n            ...propertyConfigNames,\n            ...featureNames\n        ];\n\n        // Cleanup unused instance arrays\n        widgetData.eventNames          = [];\n        widgetData.propertyConfigNames = [];\n        widgetData.featureNames        = [];\n\n        // If component has no container specified in config then use adopt to Wrapper's element\n        const\n            containerParam = [\n                'adopt',\n                'appendTo',\n                'insertAfter',\n                'insertBefore'\n            ].find((prop: string) => bryntumConfig[prop]);\n\n        if (!containerParam) {\n            if (instanceName === 'Button') {\n                // Button should always be <a> or <button> inside owner element\n                bryntumConfig.appendTo = element;\n            }\n            else {\n                bryntumConfig.adopt = element;\n            }\n        }\n        else {\n            WrapperHelper.devWarningContainer(instanceClass.$name, containerParam);\n        }\n        return bryntumConfig;\n    }\n\n    /**\n     * Setup store events relay\n     * @param {Object} data reference to data\n     * @param {Object} instance bryntum widget instance\n     */\n    static relayStores(data: any, instance: any) {\n        const { dataStores, projectStores } = data;\n\n        if (dataStores) {\n            Object.keys(dataStores).forEach(storeName => {\n                const store = projectStores ? instance.project[storeName] : instance[storeName];\n                if (store) {\n\n\n                    if (store.syncDataOnLoad == null && !store.readUrl && !store.lazyLoad && (!store.crudManager || !store.crudManager.loadUrl)) {\n                        store.syncDataOnLoad = true;\n                    }\n\n\n\n                    // Makes relaying store events configurable but off by default\n                    if (instance && instance.relayStoreEvents) {\n                        store.relayAll(instance, dataStores[storeName]);\n                    }\n                }\n            });\n            delete data.dataStores;\n        }\n    }\n\n    /**\n     * Creates bryntum Widget from vue component\n     * @param {Object} config\n     * @param {Object} config.me vue component instance\n     * @param {Object} config.widgetData reference to data\n     * @param {Function} config.emit reference to emit\n     * @param {Object} config.element HTML element\n     * @param {Function} config.processCellContent cell renderer method\n     * @param {Function} config.hasFrameworkRenderer check the presence of vue renderer\n     * @param {Function} config.toRaw Vue fn to unwrap reactive object\n     * @returns {Object} widget object\n     */\n    static createWidget<T extends AnyWidget>(config: WidgetConfig<T>): InstanceType<T> {\n        const\n            { instanceClass } = config.widgetData,\n            cfg               = WrapperHelper.createConfig(config);\n        return (instanceClass.$name === 'Widget' ? Widget.create(cfg) : new instanceClass(cfg)) as InstanceType<T>;\n    }\n\n    /**\n     * Applies property value to Bryntum config or instance.\n     * @param {Object} configOrInstance target object\n     * @param {String} prop property name\n     * @param {Object} value value\n     * @param {Boolean} [isConfig] config setting mode\n     * @param {Function} [toRaw] Vue fn to unwrap reactive object\n     */\n    static applyPropValue(configOrInstance: any, prop: string, value: any, isConfig = true, toRaw?: Function) {\n\n        if (prop === 'project') {\n            // Allow use ProjectModel component as project\n            if (value && typeof value === 'object') {\n                configOrInstance[prop] = value.instance ? value.instance.value || value.instance : value;\n            }\n        }\n        else if (prop === 'features' && typeof value === 'object') {\n            Object.keys(value).forEach(key => WrapperHelper.applyPropValue(configOrInstance, `${key}Feature`, value[key], isConfig, toRaw));\n        }\n        else if (prop === 'config' && typeof value === 'object') {\n            Object.keys(value).forEach(key => WrapperHelper.applyPropValue(configOrInstance, key, value[key], isConfig, toRaw));\n        }\n        else if (prop === 'columns' && !isConfig) {\n            configOrInstance['columns'].data = value;\n        }\n        else if (prop.endsWith('Feature')) {\n            const\n                features    = configOrInstance['features'],\n                featureName = prop.replace('Feature', '');\n            if (isConfig) {\n                features[featureName] = value;\n            }\n            else {\n                const feature = features[featureName];\n                if (feature) {\n                    feature.setConfig(value);\n                }\n            }\n        }\n        else {\n            configOrInstance[prop] = toRaw ? toRaw(value) : value;\n        }\n    }\n\n    /**\n     * Creates watches for vue component properties\n     * @param {Object} me vue component instance\n     * @param {Object} instance bryntum widget instance\n     * @param {Object} props reference to props\n     * @param {Object} data reference to data\n     * @param {Function} watcher watch method reference (Accepts: prop and newValue)\n     */\n    static watchProps<T extends AnyWidget>(\n        instance: InstanceType<T>,\n        data: WidgetData<T>,\n        watcher: (prop: string, callback: (value: any) => void) => void) {\n        const\n            {\n                configNames,\n                propertyNames,\n                instanceClass\n            } = data;\n\n        propertyNames.forEach(prop => watcher(prop, newValue => {\n            const value = Array.isArray(newValue) ? newValue.slice() : newValue;\n            WrapperHelper.applyPropValue(instance, prop, value, false);\n\n            // Check if property is a config and notify\n            if (configNames.includes(prop)) {\n                WrapperHelper.devWarningUpdateProp(instanceClass.$name, prop);\n            }\n        }));\n\n        // Cleanup unused instance arrays\n        data.configNames   = [];\n        data.propertyNames = [];\n    }\n\n    /**\n     * Called from Widget.js to add the Vue component to teleports\n     * @param {Object} context\n     * @param {Widget} context.widget Widget which content is rendered by the Vue component\n     * @param {Object} context.html Object containing the Vue component properties and event listeners\n     */\n    static processWidgetContent({ widget, html }: { widget: Widget; html: VueTeleportConfig }) {\n        const\n            { is, bind = {}, vue, on = {} }       = html,\n            // @ts-ignore\n            { vueComponent }                      = this,\n            { teleports : { value : teleports } } = vueComponent.provides,\n            { contentElement : to, id }           = widget;\n\n        if (vue) {\n            const key = `key-${id}`;\n\n            // delete the teleport with the same key if any\n            if (teleports.has(key)) {\n                teleports.delete(key);\n            }\n\n            nextTick(() => {\n                teleports.set(key, { bind, on, key, is, to });\n            });\n        }\n    }\n\n    /**\n     * Handles the content provided by a Vue component for the widget.\n     * @param {Widget} widget Owner widget\n     * @param {String} html The HTML content to be processed\n     */\n    static handleVueContent(widget: Widget, html: VueConfig): void {\n        // Called when a Vue component is to provide the widget content\n        const\n            hasTeleports = (element: any) => Boolean(element.vueComponent?.provides?.teleports),\n            parentView   = widget.closest(hasTeleports) as any,\n            // Find a view (grid, scheduler, etc.) which has `teleports` defined. It also has `processWidgetContent`\n            view         = parentView?.vueComponent ? parentView : Widget.query(hasTeleports);\n\n        view?.processWidgetContent?.({ widget, html });\n    }\n\n    /**\n     * Event renderer method\n     * @param {Object} context\n     * @param {*} context.jsx\n     * @param {DomConfig} context.domConfig\n     * @param {HTMLElement} context.targetElement\n     * @param {Boolean} context.isRelease\n     * @returns {Boolean}\n     */\n    static processEventContent({\n        // Core passes it as jsx for React wrappers.\n        // Let's rename it to a more appropriate name.\n        jsx : rendererConfig,\n        domConfig,\n        targetElement,\n        isRelease\n    }: {\n        jsx: { [key: string]: any },\n        domConfig: any;\n        isRelease: boolean;\n        targetElement: HTMLElement & { vueKey: string }\n        scrolling: boolean\n    }) {\n\n        let wrap: any   = targetElement,\n            returnValue = false;\n\n        // @ts-ignore\n        const domConfigData = this.isVertical ? domConfig?.elementData?.renderData : domConfig?.elementData;\n\n        if (WrapperHelper.isVueConfig(rendererConfig) && rendererConfig?.is) {\n            if (domConfig?.dataset?.isMilestone) {\n                wrap = targetElement.parentElement!.parentElement!.parentElement!;\n            }\n            else {\n                wrap = targetElement.parentElement!.parentElement!;\n            }\n            const\n                // Vertical nests renderData, while horizontal does not\n                // @ts-ignore\n                wrapData                              = this.isVertical ? wrap.elementData.renderData : wrap.elementData,\n                { assignmentRecord }                  = isRelease ? domConfigData : wrapData,\n                { eventRecord }                       = wrapData,\n                { vueComponent }                      = this as any,\n                { teleports : { value : teleports } } = vueComponent.provides,\n\n                // Recurring events are handled a bit differently so get the flag\n                isRecurring = eventRecord.isRecurring || eventRecord.isOccurrence,\n                key         = `assignment-${assignmentRecord?.id}${isRecurring ? '-' + eventRecord.id : ''}`;\n\n            // Only delete the teleport if it's rendering into this specific targetElement.\n            // Prevents issues when elements are reused during scrolling with LockRows feature.\n            if (wrap.vueKey && teleports.get(wrap.vueKey)?.to === targetElement) {\n                // Only delete if the existing teleport is rendering into this specific targetElement\n                teleports.delete(wrap.vueKey);\n            }\n\n            const\n                bind            = { ...rendererConfig },\n                { is, on = {} } = bind;\n\n            delete bind.is;\n            delete bind.on;\n\n            nextTick(() => {\n                teleports.set(key, {\n                    bind,\n                    key,\n                    is,\n                    on,\n                    to         : targetElement,\n                    generation : assignmentRecord.generation\n                });\n\n            });\n\n            wrap.vueKey = key;\n            returnValue = true;\n        }\n\n        return returnValue;\n    }\n\n    /**\n     * Cell renderer method\n     * @param {Object} context\n     * @param {RenderData} context.rendererData\n     * @param {*} context.rendererHtml\n     * @returns {Boolean}\n     */\n    static processCellContent({ rendererData, rendererHtml }: { rendererData: RenderData, rendererHtml: any }) {\n        const { record, column, cellElement, row } = rendererData;\n\n        // Only run for cells with vue renderers\n        if (WrapperHelper.isVueConfig(column.data) && column.data?.renderer) {\n            const\n                // `this` is a caller component\n                { vueComponent }                      = this as any,\n                // `teleports` is javascript Map object\n                { teleports : { value : teleports } } = vueComponent.provides,\n                key                                   = `${column.id}-${record.id}`,\n                renderElement                         = column.tree\n                    ? cellElement.querySelector('.b-tree-cell-value')\n                    : cellElement;\n\n            // If the cell already has a teleport, release it\n            if (cellElement.vueKey) {\n                teleports.delete(cellElement.vueKey);\n            }\n\n            const\n                bind            = { ...rendererHtml },\n                { is, on = {} } = bind;\n\n            delete bind.is;\n            delete bind.on;\n\n            // Create new teleport\n            nextTick(() => {\n                // Only teleport if the row is still used for the same record. Since this happens async, we might have\n                // scrolled over the entire block of rows since the render\n                if (row.id === record.id) {\n                    teleports.set(key, {\n                        bind,\n                        key,\n                        is,\n                        on,\n                        to         : renderElement,\n                        generation : record.generation\n                    });\n                }\n            });\n\n            // Link cell to the teleport, to be able to release it above\n            cellElement.vueKey = key;\n        }\n    }\n\n    /**\n     *\n     * @param {Object} context\n     * @param {*} context.cellContent Content to be rendered in cell (set by renderer)\n     * @param {*} context.column Column being rendered\n     * @returns {Boolean} `true` if there is a Vue Renderer in this cell, `false` otherwise\n     */\n    static hasFrameworkRenderer({ cellContent, column }: { cellContent: any, column: any }) {\n        return cellContent && typeof cellContent === 'object' && WrapperHelper.isVueConfig(column?.data);\n    }\n}\n\n// Expose wrapper methods on window.bryntum\nwindow.bryntum     = window.bryntum || {};\nwindow.bryntum.vue = {\n    isVueConfig      : WrapperHelper.isVueConfig,\n    handleVueContent : WrapperHelper.handleVueContent\n};\n"],"names":["WrapperHelper","clsName","msg","containerParam","prop","str","s","config","me","widgetData","emit","element","processCellContent","processEventContent","processWidgetContent","hasFrameworkRenderer","toRaw","props","vProps","key","instanceClass","instanceName","isValidProp","propName","configNames","propertyConfigNames","propertyNames","featureNames","eventNames","eventName","bryntumConfig","params","data","instance","dataStores","projectStores","storeName","store","cfg","Widget","configOrInstance","value","isConfig","features","featureName","feature","watcher","newValue","widget","html","is","bind","vue","on","vueComponent","teleports","to","id","nextTick","hasTeleports","parentView","rendererConfig","domConfig","targetElement","isRelease","wrap","returnValue","domConfigData","wrapData","assignmentRecord","eventRecord","isRecurring","rendererData","rendererHtml","record","column","cellElement","row","renderElement","cellContent"],"mappings":"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"}

package/lib/index.js

@@ -1,13 +1,13 @@
 import { _ as o } from "./chunks/CBFPsO1m.js";
 import { _ as m } from "./chunks/BiSBQkoK.js";
-import { _ as a } from "./chunks/COu7hi0l.js";
-import { _ as p } from "./chunks/DGygz4dO.js";
+import { _ as a } from "./chunks/1N5MmU6T.js";
+import { _ as p } from "./chunks/B02B9_9A.js";
 import { _ as B } from "./chunks/Dgq4wGRw.js";
-import { _ as f } from "./chunks/BhovLWj6.js";
-import { _ as y } from "./chunks/CsxXtWQr.js";
-import { _ as d } from "./chunks/BU8UU05k.js";
+import { _ as f } from "./chunks/CMUbwEab.js";
+import { _ as y } from "./chunks/OIBqQHze.js";
+import { _ as d } from "./chunks/CalpnIlY.js";
 import { _ as G } from "./chunks/Dod-SqEN.js";
-import { _ as C } from "./chunks/BddaT4s7.js";
+import { _ as C } from "./chunks/Dos88vME.js";
 export {
   o as BryntumAIFilterField,
   m as BryntumChecklistFilterCombo,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bryntum/grid-vue-3-thin",
-  "version": "7.1.2",
+  "version": "7.2.0",
   "description": "Vue 3 wrappers for Bryntum Grid JavaScript component",
   "keywords": [
     "bryntum",

package/src/components/BryntumAIFilterField.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 import type { AIFilterFieldListeners, GridContainerItemConfig, Grid } from '@bryntum/grid-thin';
 import { AIFilterField } from '@bryntum/grid-thin';
 
@@ -124,7 +124,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumAIFilterFieldProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 import type { AIFilterFieldListeners, GridContainerItemConfig, Grid } from '@bryntum/grid-thin';
 
 export declare type BryntumAIFilterFieldProps = {
@@ -109,7 +109,7 @@ export declare type BryntumAIFilterFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */