@bryntum/grid-vue-3-thin 7.2.3 → 7.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/README.md +4 -4
  2. package/lib/chunks/{B5DiBj1m.js → BGeNcVH6.js} +5 -5
  3. package/lib/chunks/BGeNcVH6.js.map +1 -0
  4. package/lib/chunks/{v3MxzI7J.js → Ba35uKyP.js} +3 -3
  5. package/lib/chunks/Ba35uKyP.js.map +1 -0
  6. package/lib/chunks/{MAev_NTD.js → Bc2x_WPR.js} +8 -6
  7. package/lib/chunks/Bc2x_WPR.js.map +1 -0
  8. package/lib/chunks/{C3MmNeeF.js → Be7ZZzGW.js} +14 -12
  9. package/lib/chunks/Be7ZZzGW.js.map +1 -0
  10. package/lib/chunks/{CnbA4JoC.js → BeyOFZne.js} +6 -6
  11. package/lib/chunks/BeyOFZne.js.map +1 -0
  12. package/lib/chunks/{BQkqLHa6.js → BpNo5v3W.js} +9 -10
  13. package/lib/chunks/BpNo5v3W.js.map +1 -0
  14. package/lib/chunks/{Da4PP6A-.js → CAlh-Y8B.js} +3 -3
  15. package/lib/chunks/CAlh-Y8B.js.map +1 -0
  16. package/lib/chunks/{DkzTNiUv.js → CWYhi4DG.js} +8 -9
  17. package/lib/chunks/CWYhi4DG.js.map +1 -0
  18. package/lib/chunks/{D639wy1k.js → CcfDAcJD.js} +9 -9
  19. package/lib/chunks/CcfDAcJD.js.map +1 -0
  20. package/lib/chunks/{C8vFKx3Q.js → w2GDktIt.js} +8 -6
  21. package/lib/chunks/w2GDktIt.js.map +1 -0
  22. package/lib/components/BryntumAIFilterField.js +1 -1
  23. package/lib/components/BryntumChecklistFilterCombo.js +1 -1
  24. package/lib/components/BryntumGrid.js +1 -1
  25. package/lib/components/BryntumGridBase.js +1 -1
  26. package/lib/components/BryntumGridChartDesigner.js +1 -1
  27. package/lib/components/BryntumGridFieldFilterPicker.js +1 -1
  28. package/lib/components/BryntumGridFieldFilterPickerGroup.js +1 -1
  29. package/lib/components/BryntumGroupBar.js +1 -1
  30. package/lib/components/BryntumThemeCombo.js +57 -0
  31. package/lib/components/BryntumThemeCombo.js.map +1 -0
  32. package/lib/components/BryntumTreeCombo.js +1 -1
  33. package/lib/components/BryntumTreeGrid.js +1 -1
  34. package/lib/index.js +10 -10
  35. package/package.json +1 -1
  36. package/src/components/BryntumAIFilterField.vue +73 -118
  37. package/src/components/BryntumAIFilterFieldProps.ts +69 -110
  38. package/src/components/BryntumChecklistFilterCombo.vue +90 -149
  39. package/src/components/BryntumChecklistFilterComboProps.ts +86 -141
  40. package/src/components/BryntumGrid.vue +203 -290
  41. package/src/components/BryntumGridBase.vue +203 -290
  42. package/src/components/BryntumGridBaseProps.ts +186 -261
  43. package/src/components/BryntumGridChartDesigner.vue +58 -94
  44. package/src/components/BryntumGridChartDesignerProps.ts +55 -88
  45. package/src/components/BryntumGridFieldFilterPicker.vue +81 -131
  46. package/src/components/BryntumGridFieldFilterPickerGroup.vue +80 -129
  47. package/src/components/BryntumGridFieldFilterPickerGroupProps.ts +76 -120
  48. package/src/components/BryntumGridFieldFilterPickerProps.ts +77 -122
  49. package/src/components/BryntumGridProps.ts +186 -261
  50. package/src/components/BryntumGroupBar.vue +64 -104
  51. package/src/components/BryntumGroupBarProps.ts +61 -98
  52. package/src/components/BryntumThemeCombo.vue +60 -0
  53. package/src/components/BryntumTreeCombo.vue +91 -151
  54. package/src/components/BryntumTreeComboProps.ts +87 -143
  55. package/src/components/BryntumTreeGrid.vue +203 -290
  56. package/src/components/BryntumTreeGridProps.ts +186 -261
  57. package/lib/chunks/B5DiBj1m.js.map +0 -1
  58. package/lib/chunks/BQkqLHa6.js.map +0 -1
  59. package/lib/chunks/C3MmNeeF.js.map +0 -1
  60. package/lib/chunks/C8vFKx3Q.js.map +0 -1
  61. package/lib/chunks/CnbA4JoC.js.map +0 -1
  62. package/lib/chunks/D639wy1k.js.map +0 -1
  63. package/lib/chunks/Da4PP6A-.js.map +0 -1
  64. package/lib/chunks/DkzTNiUv.js.map +0 -1
  65. package/lib/chunks/MAev_NTD.js.map +0 -1
  66. package/lib/chunks/v3MxzI7J.js.map +0 -1
package/lib/index.js CHANGED
@@ -1,13 +1,13 @@
1
- import { _ as o } from "./chunks/B5DiBj1m.js";
2
- import { _ as m } from "./chunks/v3MxzI7J.js";
3
- import { _ as a } from "./chunks/C3MmNeeF.js";
4
- import { _ as p } from "./chunks/MAev_NTD.js";
5
- import { _ as B } from "./chunks/Da4PP6A-.js";
6
- import { _ as f } from "./chunks/BQkqLHa6.js";
7
- import { _ as y } from "./chunks/DkzTNiUv.js";
8
- import { _ as d } from "./chunks/D639wy1k.js";
9
- import { _ as G } from "./chunks/CnbA4JoC.js";
10
- import { _ as C } from "./chunks/C8vFKx3Q.js";
1
+ import { _ as o } from "./chunks/BGeNcVH6.js";
2
+ import { _ as m } from "./chunks/Ba35uKyP.js";
3
+ import { _ as a } from "./chunks/Be7ZZzGW.js";
4
+ import { _ as p } from "./chunks/Bc2x_WPR.js";
5
+ import { _ as B } from "./chunks/CAlh-Y8B.js";
6
+ import { _ as f } from "./chunks/BpNo5v3W.js";
7
+ import { _ as y } from "./chunks/CWYhi4DG.js";
8
+ import { _ as d } from "./chunks/CcfDAcJD.js";
9
+ import { _ as G } from "./chunks/BeyOFZne.js";
10
+ import { _ as C } from "./chunks/w2GDktIt.js";
11
11
  export {
12
12
  o as BryntumAIFilterField,
13
13
  m as BryntumChecklistFilterCombo,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bryntum/grid-vue-3-thin",
3
- "version": "7.2.3",
3
+ "version": "7.3.0",
4
4
  "description": "Vue 3 wrappers for Bryntum Grid JavaScript component",
5
5
  "keywords": [
6
6
  "bryntum",
@@ -10,7 +10,7 @@
10
10
 
11
11
  import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
12
12
 
13
- import type { AlignSpec, Base, Color, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
13
+ import type { AlignSpec, Base, Color, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
14
14
  import type { AIFilterFieldListeners, GridContainerItemConfig, Grid } from '@bryntum/grid-thin';
15
15
  import { AIFilterField } from '@bryntum/grid-thin';
16
16
 
@@ -21,14 +21,12 @@ defineProps<{
21
21
  /**
22
22
  * Element (or element id) to adopt as this Widget's encapsulating element. The widget's
23
23
  * content will be placed inside this element.
24
- * ...
25
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-adopt)
24
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-adopt)
26
25
  */
27
26
  adopt ? : HTMLElement|string
28
27
  /**
29
28
  * *Only valid if this Widget is [floating](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-floating).*
30
- * ...
31
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-align)
29
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-align)
32
30
  */
33
31
  align ? : AlignSpec|string
34
32
  /**
@@ -50,15 +48,13 @@ defineProps<{
50
48
  /**
51
49
  * A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject
52
50
  * into an element which will be linked using the `aria-describedby` attribute.
53
- * ...
54
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-ariaDescription)
51
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-ariaDescription)
55
52
  */
56
53
  ariaDescription ? : string
57
54
  /**
58
55
  * A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject as
59
56
  * the `aria-label` attribute.
60
- * ...
61
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-ariaLabel)
57
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-ariaLabel)
62
58
  */
63
59
  ariaLabel ? : string
64
60
  /**
@@ -77,21 +73,18 @@ defineProps<{
77
73
  /**
78
74
  * An object where property names with a truthy value indicate which events should bubble up the ownership
79
75
  * hierarchy when triggered.
80
- * ...
81
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-bubbleEvents)
76
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-bubbleEvents)
82
77
  */
83
78
  bubbleEvents ? : object
84
79
  /**
85
80
  * Set to `false` to not call onXXX method names (e.g. `onShow`, `onClick`), as an easy way to listen for events.
86
- * ...
87
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-callOnFunctions)
81
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-callOnFunctions)
88
82
  */
89
83
  callOnFunctions ? : Boolean
90
84
  /**
91
85
  * By default, if an event handler throws an exception, the error propagates up the stack and the
92
86
  * application state is undefined. Code which follows the event handler will *not* be executed.
93
- * ...
94
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-catchEventHandlerExceptions)
87
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-catchEventHandlerExceptions)
95
88
  */
96
89
  catchEventHandlerExceptions ? : Boolean
97
90
  /**
@@ -114,15 +107,13 @@ defineProps<{
114
107
  * Custom CSS classes to add to element.
115
108
  * May be specified as a space separated string, or as an object in which property names
116
109
  * with truthy values are used as the class names:
117
- * ...
118
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-cls)
110
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-cls)
119
111
  */
120
112
  cls ? : string|object
121
113
  /**
122
114
  * Applies the specified color to the widget, by setting the `--b-primary` CSS variable in the widgets
123
115
  * `style` block.
124
- * ...
125
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-color)
116
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-color)
126
117
  */
127
118
  color ? : Color
128
119
  /**
@@ -139,15 +130,13 @@ defineProps<{
139
130
  * The configuration for additional items associated to this field. This is typically used to add contextual
140
131
  * fields related to a [checkbox](https://bryntum.com/products/grid/docs/api/Core/widget/Checkbox) or [radio button](#Core/widget/Radio). See
141
132
  * these classes for examples of nested fields.
142
- * ...
143
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-container)
133
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-container)
144
134
  */
145
- container ? : Record<string, GridContainerItemConfig>|GridContainerItemConfig[]|FieldContainerConfig|FieldContainer
135
+ container ? : Record<string, GridContainerItemConfig>|GridContainerItemConfig[]|FieldContainerConfig
146
136
  /**
147
137
  * The config controls how the value of nested items are handled when a parent container gets or sets its
148
138
  * [values](https://bryntum.com/products/grid/docs/api/Core/widget/Container#property-values).
149
- * ...
150
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-containValues)
139
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-containValues)
151
140
  * @param {Core.widget.Field} field Field instance
152
141
  * @returns {boolean}
153
142
  */
@@ -156,8 +145,7 @@ defineProps<{
156
145
  * Custom CSS classes to add to the [contentElement](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-contentElement).
157
146
  * May be specified as a space separated string, or as an object in which property names
158
147
  * with truthy values are used as the class names:
159
- * ...
160
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-contentElementCls)
148
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-contentElementCls)
161
149
  */
162
150
  contentElementCls ? : string|object
163
151
  /**
@@ -175,16 +163,15 @@ defineProps<{
175
163
  */
176
164
  defaultBindProperty ? : string
177
165
  /**
178
- * Check for CSS compatibility issues when upgrading to v7. Performs the following checks:
179
- * ...
180
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-detectCSSCompatibilityIssues)
166
+ * Check for CSS compatibility and inclusion related issues and try to auto fix them. Performs the following
167
+ * checks:
168
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-detectCSSCompatibilityIssues)
181
169
  */
182
170
  detectCSSCompatibilityIssues ? : Boolean
183
171
  /**
184
172
  * Disable or enable the widget. It is similar to [readOnly](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-readOnly) except a disabled widget
185
173
  * cannot be focused, uses a different rendition (usually greyish) and does not allow selecting its value.
186
- * ...
187
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-disabled)
174
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-disabled)
188
175
  */
189
176
  disabled ? : Boolean|'inert'
190
177
  /**
@@ -192,33 +179,28 @@ defineProps<{
192
179
  * [strips collection](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#config-strips). Typical values for this config are `'top'`,
193
180
  * `'bottom'`, `'left'`, or `'right'`, which cause the widget to be placed on that side of the panel's
194
181
  * body. Such widgets are called "edge strips".
195
- * ...
196
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-dock)
182
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-dock)
197
183
  */
198
184
  dock ? : 'top'|'bottom'|'left'|'right'|'start'|'end'|'header'|'pre-header'|object
199
185
  /**
200
186
  * *Only valid if this Widget is [floating](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-floating).*
201
187
  * Set to `true` to be able to drag a widget freely on the page. Or set to an object with a ´handleSelector´
202
188
  * property which controls when a drag should start.
203
- * ...
204
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-draggable)
189
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-draggable)
190
+ * @property {string} handleSelector CSS selector used to determine if drag can be started from a mouse-downed element inside the widget
205
191
  */
206
- draggable ? : Boolean|{
207
- handleSelector?: string
208
- }
192
+ draggable ? : Boolean|object
209
193
  /**
210
194
  * Set to `false` to prevent user from editing the field. For TextFields it is basically the same as setting
211
195
  * [readOnly](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-readOnly), but for PickerFields there is a distinction where it allows you to pick a value
212
196
  * but not to type one in the field.
213
- * ...
214
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-editable)
197
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-editable)
215
198
  */
216
199
  editable ? : Boolean
217
200
  /**
218
201
  * An object specifying attributes to assign to the root element of this widget.
219
202
  * Set `null` value to attribute to remove it.
220
- * ...
221
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-elementAttributes)
203
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-elementAttributes)
222
204
  */
223
205
  elementAttributes ? : Record<string, string|null>
224
206
  extraData ? : any
@@ -247,8 +229,7 @@ defineProps<{
247
229
  hidden ? : Boolean
248
230
  /**
249
231
  * *Only valid if this Widget is [floating](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-floating).*
250
- * ...
251
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-hideAnimation)
232
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-hideAnimation)
252
233
  */
253
234
  hideAnimation ? : Boolean|object
254
235
  /**
@@ -258,8 +239,7 @@ defineProps<{
258
239
  /**
259
240
  * An optional string to display inside the input field as an overlay. This can be useful for displaying
260
241
  * a field's units.
261
- * ...
262
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-hint)
242
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-hint)
263
243
  * @param {object} data A data object
264
244
  * @param {Core.widget.Field} data.source A reference to the field instance
265
245
  * @param {any} data.value The current value of the field
@@ -270,8 +250,7 @@ defineProps<{
270
250
  * This config is similar to [hint](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-hint) except that this config is used to display HTML content.
271
251
  * Since this can allow malicious content to be executed, be sure not to include user-entered data or to
272
252
  * encode such data (see [encodeHtml](https://bryntum.com/products/grid/docs/api/Core/helper/StringHelper#function-encodeHtml-static)).
273
- * ...
274
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-hintHtml)
253
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-hintHtml)
275
254
  * @param {object} data A data object
276
255
  * @param {Core.widget.Field} data.source A reference to the field instance
277
256
  * @param {any} data.value The current value of the field
@@ -284,16 +263,14 @@ defineProps<{
284
263
  id ? : string
285
264
  /**
286
265
  * Determines if the widgets read-only state should be controlled by its parent.
287
- * ...
288
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-ignoreParentReadOnly)
266
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-ignoreParentReadOnly)
289
267
  */
290
268
  ignoreParentReadOnly ? : Boolean
291
269
  /**
292
270
  * Set this config to `true` to always display items horizontally along with this field. This assigns an
293
271
  * [hbox](https://bryntum.com/products/grid/docs/api/Core/widget/layout/Box) as the [layout](#Core/widget/Container#config-layout) to the
294
272
  * [container](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-container).
295
- * ...
296
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-inline)
273
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-inline)
297
274
  */
298
275
  inline ? : Boolean
299
276
  /**
@@ -333,16 +310,14 @@ defineProps<{
333
310
  * An object whose keys are the [key](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key) name
334
311
  * and optional modifier prefixes: `'Ctrl+'`, `'Alt+'`, `'Meta+'`, and `'Shift+'` (case-insensitive). The values
335
312
  * are the name of the instance method to call when the keystroke is received.
336
- * ...
337
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-keyMap)
313
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-keyMap)
338
314
  */
339
315
  keyMap ? : Record<string, KeyMapConfig>
340
316
  /**
341
317
  * The delay in milliseconds to wait after the last keystroke before triggering a change event.
342
318
  * Set to 0 to not trigger change events from keystrokes (listen for input event instead to have
343
319
  * immediate feedback, change will still be triggered on blur).
344
- * ...
345
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-keyStrokeChangeDelay)
320
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-keyStrokeChangeDelay)
346
321
  */
347
322
  keyStrokeChangeDelay ? : number
348
323
  /**
@@ -355,15 +330,15 @@ defineProps<{
355
330
  labelCls ? : string|object
356
331
  /**
357
332
  * Label position, either 'before' the field or 'above' the field
358
- * ...
359
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-labelPosition)
333
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-labelPosition)
360
334
  */
361
335
  labelPosition ? : 'before'|'above'|null
362
336
  /**
363
337
  * The labels to add either before or after the input field.
364
338
  * Each label may have the following properties:
365
- * ...
366
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-labels)
339
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-labels)
340
+ * @property {string} html Label text
341
+ * @property {'start','end'} align Which end of the file the label should go
367
342
  */
368
343
  labels ? : object[]
369
344
  /**
@@ -372,16 +347,14 @@ defineProps<{
372
347
  labelWidth ? : string|number
373
348
  /**
374
349
  * The listener set for this object.
375
- * ...
376
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-listeners)
350
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-listeners)
377
351
  */
378
352
  listeners ? : AIFilterFieldListeners
379
353
  /**
380
354
  * A class translations of which are used for translating this entity.
381
355
  * This is often used when translations of an item are defined on its container class.
382
356
  * For example:
383
- * ...
384
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-localeClass)
357
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-localeClass)
385
358
  */
386
359
  localeClass ? : typeof Base
387
360
  /**
@@ -393,8 +366,7 @@ defineProps<{
393
366
  * In case there is a need to localize not typical value (not a String value or a field with re-defined setter/getter),
394
367
  * you could use 'localeKey' meta configuration.
395
368
  * Example:
396
- * ...
397
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-localizableProperties)
369
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-localizableProperties)
398
370
  */
399
371
  localizableProperties ? : string[]
400
372
  /**
@@ -420,8 +392,7 @@ defineProps<{
420
392
  maxHeight ? : string|number
421
393
  /**
422
394
  * *Only valid if this Widget is [floating](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-floating).*
423
- * ...
424
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-maximizeOnMobile)
395
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-maximizeOnMobile)
425
396
  */
426
397
  maximizeOnMobile ? : number|string
427
398
  /**
@@ -451,18 +422,15 @@ defineProps<{
451
422
  * When this is configured as `true` a [ResizeObserver](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver)
452
423
  * is used to monitor this element for size changes caused by either style manipulation, or by CSS
453
424
  * layout.
454
- * ...
455
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-monitorResize)
425
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-monitorResize)
426
+ * @property {boolean} immediate Set to `true` to receive resize notifications immediately.
456
427
  */
457
- monitorResize ? : Boolean|{
458
- immediate?: Boolean
459
- }
428
+ monitorResize ? : Boolean|object
460
429
  /**
461
430
  * Name of the field which is used as a key to get/set values from/to the field.
462
431
  * Used prior to [ref](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-ref) and [id](#Core/widget/Widget#config-id) in
463
432
  * [Container.values](https://bryntum.com/products/grid/docs/api/Core/widget/Container#property-values).
464
- * ...
465
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-name)
433
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-name)
466
434
  */
467
435
  name ? : string
468
436
  /**
@@ -473,8 +441,7 @@ defineProps<{
473
441
  * 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
474
442
  * not participate in the standard layout of that widget, and must be positioned relatively to that
475
443
  * widget's [contentElement](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-contentElement).
476
- * ...
477
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-positioned)
444
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-positioned)
478
445
  */
479
446
  positioned ? : Boolean
480
447
  /**
@@ -489,15 +456,13 @@ defineProps<{
489
456
  /**
490
457
  * Makes the field unmodifiable by user action. The input area is not editable, and triggers
491
458
  * are unresponsive.
492
- * ...
493
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-readOnly)
459
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-readOnly)
494
460
  */
495
461
  readOnly ? : Boolean
496
462
  relayStoreEvents ? : Boolean
497
463
  /**
498
464
  * Predefined style to use for the field. Possible values are:
499
- * ...
500
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-rendition)
465
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-rendition)
501
466
  */
502
467
  rendition ? : 'outlined'|'filled'|string
503
468
  /**
@@ -516,23 +481,26 @@ defineProps<{
516
481
  * Configure as `true` to have the component display a translucent ripple when its
517
482
  * [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
518
483
  * current theme supports ripples</em>. Out of the box, only the Material theme supports ripples.
519
- * ...
520
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-ripple)
484
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-ripple)
485
+ * @property {string} [delegate] A CSS selector to filter which child elements trigger ripples. By default, the ripple is clipped to the triggering element.
486
+ * @property {string} [color] A CSS color name or specification.
487
+ * @property {number} [radius] The ending radius of the ripple. Note that it will be clipped by the target element by default.
488
+ * @property {string} [clip] A string which describes how to clip the ripple if it is not to be clipped to the default element. Either the property of the widget to use as the clipping element, or a selector to allow clipping to the closest matching ancestor to the target element.
521
489
  */
522
- ripple ? : Boolean|{
523
- delegate?: string
524
- color?: string
525
- radius?: number
526
- clip?: string
527
- }
490
+ ripple ? : Boolean|object
491
+ /**
492
+ * The ARIA role to apply to this widget's element. By default, this is set to `'presentation'` to avoid
493
+ * accidentally applying a role which may interfere with screen readers.
494
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-role)
495
+ */
496
+ role ? : string
528
497
  /**
529
498
  * 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`
530
499
  */
531
500
  rootElement ? : ShadowRoot|HTMLElement
532
501
  /**
533
502
  * This may be configured as `true` to make the widget's element use the `direction:rtl` style.
534
- * ...
535
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-rtl)
503
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-rtl)
536
504
  */
537
505
  rtl ? : Boolean
538
506
  /**
@@ -542,8 +510,7 @@ defineProps<{
542
510
  scrollAction ? : 'hide'|'realign'|null
543
511
  /**
544
512
  * *Only valid if this Widget is [floating](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-floating).*
545
- * ...
546
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-showAnimation)
513
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-showAnimation)
547
514
  */
548
515
  showAnimation ? : Boolean|object
549
516
  /**
@@ -572,8 +539,7 @@ defineProps<{
572
539
  * 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
573
540
  * [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
574
541
  * this widget:
575
- * ...
576
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-tab)
542
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-tab)
577
543
  */
578
544
  tab ? : Boolean|TabConfig
579
545
  /**
@@ -581,14 +547,12 @@ defineProps<{
581
547
  * is equivalent to natural tab order, but is unnecessary for fields since they are naturally tabbable
582
548
  * (i.e., accessible via the TAB key). Setting to `-1` disables tabbability but allows for focus to be set
583
549
  * to the element programmatically.
584
- * ...
585
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-tabIndex)
550
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-tabIndex)
586
551
  */
587
552
  tabIndex ? : number
588
553
  /**
589
554
  * Text alignment: 'left', 'center' or 'right'. Also accepts direction neutral 'start' and 'end'.
590
- * ...
591
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-textAlign)
555
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-textAlign)
592
556
  */
593
557
  textAlign ? : 'left'|'center'|'right'|'start'|'end'
594
558
  /**
@@ -597,24 +561,21 @@ defineProps<{
597
561
  title ? : string
598
562
  /**
599
563
  * Tooltip for the widget, either as a string or as a Tooltip config object.
600
- * ...
601
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-tooltip)
564
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-tooltip)
602
565
  */
603
566
  tooltip ? : string|TooltipConfig|null
604
567
  /**
605
568
  * The triggers to add either before or after the input field. Each property name is the reference by which
606
569
  * an instantiated Trigger Widget may be retrieved from the live `triggers` property.
607
- * ...
608
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-triggers)
570
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-triggers)
609
571
  */
610
- triggers ? : Record<string, FieldTriggerConfig>|Record<string, Widget>
572
+ triggers ? : Record<string, FieldTriggerConfig>
611
573
  type ? : 'aifilterfield'
612
574
  /**
613
575
  * Custom CSS class name suffixes to apply to the elements rendered by this widget. This may be specified
614
576
  * as a space separated string, an array of strings, or as an object in which property names with truthy
615
577
  * values are used as the class names.
616
- * ...
617
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-ui)
578
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-ui)
618
579
  */
619
580
  ui ? : string|object
620
581
  /**
@@ -639,14 +600,12 @@ defineProps<{
639
600
  width ? : string|number
640
601
  /**
641
602
  * The x position for the widget.
642
- * ...
643
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-x)
603
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-x)
644
604
  */
645
605
  x ? : number
646
606
  /**
647
607
  * The y position for the widget.
648
- * ...
649
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-y)
608
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-y)
650
609
  */
651
610
  y ? : number
652
611
 
@@ -703,8 +662,7 @@ const emit = defineEmits<{
703
662
  (e: 'beforeShow', params: ((event: { source: Widget|any }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
704
663
  /**
705
664
  * Fires when any other event is fired from the object.
706
- * ...
707
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#event-catchAll)
665
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#event-catchAll)
708
666
  * @param {string} e Event name
709
667
  * @param {object} params Event parameters
710
668
  * @param {string} params.e Event name
@@ -732,8 +690,7 @@ const emit = defineEmits<{
732
690
  (e: 'change', params: ((event: { source: Field|any, value: string|number|boolean|any, oldValue: string|number|boolean|any, valid: boolean, event: Event, userAction: boolean, checked: boolean }) => void)|string): void
733
691
  /**
734
692
  * Fired when this field is [cleared](https://bryntum.com/products/grid/docs/api/Core/widget/Field#function-clear).
735
- * ...
736
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#event-clear)
693
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#event-clear)
737
694
  * @param {string} e Event name
738
695
  * @param {object} params Event parameters
739
696
  * @param {string} params.e Event name
@@ -819,8 +776,7 @@ const emit = defineEmits<{
819
776
  /**
820
777
  * Triggered when a widget which had been in a non-visible state for any reason
821
778
  * achieves visibility.
822
- * ...
823
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#event-paint)
779
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#event-paint)
824
780
  * @param {string} e Event name
825
781
  * @param {object} params Event parameters
826
782
  * @param {string} params.e Event name
@@ -943,6 +899,7 @@ const widgetData = {
943
899
  'relayStoreEvents',
944
900
  'revertOnEscape',
945
901
  'ripple',
902
+ 'role',
946
903
  'rootElement',
947
904
  'scrollAction',
948
905
  'showAnimation',
@@ -1018,9 +975,7 @@ const widgetData = {
1018
975
  'y'
1019
976
  ],
1020
977
  propertyNames : [
1021
- 'anchorSize',
1022
978
  'content',
1023
- 'focusVisible',
1024
979
  'formula',
1025
980
  'html',
1026
981
  'input',