@bryntum/grid-vue-3-thin 7.2.4 → 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.
- package/README.md +4 -4
- package/lib/chunks/{B5DiBj1m.js → BGeNcVH6.js} +5 -5
- package/lib/chunks/BGeNcVH6.js.map +1 -0
- package/lib/chunks/{v3MxzI7J.js → Ba35uKyP.js} +3 -3
- package/lib/chunks/Ba35uKyP.js.map +1 -0
- package/lib/chunks/{MAev_NTD.js → Bc2x_WPR.js} +8 -6
- package/lib/chunks/Bc2x_WPR.js.map +1 -0
- package/lib/chunks/{C3MmNeeF.js → Be7ZZzGW.js} +14 -12
- package/lib/chunks/Be7ZZzGW.js.map +1 -0
- package/lib/chunks/{CnbA4JoC.js → BeyOFZne.js} +6 -6
- package/lib/chunks/BeyOFZne.js.map +1 -0
- package/lib/chunks/{BQkqLHa6.js → BpNo5v3W.js} +9 -10
- package/lib/chunks/BpNo5v3W.js.map +1 -0
- package/lib/chunks/{Da4PP6A-.js → CAlh-Y8B.js} +3 -3
- package/lib/chunks/CAlh-Y8B.js.map +1 -0
- package/lib/chunks/{DkzTNiUv.js → CWYhi4DG.js} +8 -9
- package/lib/chunks/CWYhi4DG.js.map +1 -0
- package/lib/chunks/{D639wy1k.js → CcfDAcJD.js} +9 -9
- package/lib/chunks/CcfDAcJD.js.map +1 -0
- package/lib/chunks/{C8vFKx3Q.js → w2GDktIt.js} +8 -6
- package/lib/chunks/w2GDktIt.js.map +1 -0
- package/lib/components/BryntumAIFilterField.js +1 -1
- package/lib/components/BryntumChecklistFilterCombo.js +1 -1
- package/lib/components/BryntumGrid.js +1 -1
- package/lib/components/BryntumGridBase.js +1 -1
- package/lib/components/BryntumGridChartDesigner.js +1 -1
- package/lib/components/BryntumGridFieldFilterPicker.js +1 -1
- package/lib/components/BryntumGridFieldFilterPickerGroup.js +1 -1
- package/lib/components/BryntumGroupBar.js +1 -1
- package/lib/components/BryntumThemeCombo.js +57 -0
- package/lib/components/BryntumThemeCombo.js.map +1 -0
- package/lib/components/BryntumTreeCombo.js +1 -1
- package/lib/components/BryntumTreeGrid.js +1 -1
- package/lib/index.js +10 -10
- package/package.json +1 -1
- package/src/components/BryntumAIFilterField.vue +73 -118
- package/src/components/BryntumAIFilterFieldProps.ts +69 -110
- package/src/components/BryntumChecklistFilterCombo.vue +90 -149
- package/src/components/BryntumChecklistFilterComboProps.ts +86 -141
- package/src/components/BryntumGrid.vue +203 -290
- package/src/components/BryntumGridBase.vue +203 -290
- package/src/components/BryntumGridBaseProps.ts +186 -261
- package/src/components/BryntumGridChartDesigner.vue +58 -94
- package/src/components/BryntumGridChartDesignerProps.ts +55 -88
- package/src/components/BryntumGridFieldFilterPicker.vue +81 -131
- package/src/components/BryntumGridFieldFilterPickerGroup.vue +80 -129
- package/src/components/BryntumGridFieldFilterPickerGroupProps.ts +76 -120
- package/src/components/BryntumGridFieldFilterPickerProps.ts +77 -122
- package/src/components/BryntumGridProps.ts +186 -261
- package/src/components/BryntumGroupBar.vue +64 -104
- package/src/components/BryntumGroupBarProps.ts +61 -98
- package/src/components/BryntumThemeCombo.vue +60 -0
- package/src/components/BryntumTreeCombo.vue +91 -151
- package/src/components/BryntumTreeComboProps.ts +87 -143
- package/src/components/BryntumTreeGrid.vue +203 -290
- package/src/components/BryntumTreeGridProps.ts +186 -261
- package/lib/chunks/B5DiBj1m.js.map +0 -1
- package/lib/chunks/BQkqLHa6.js.map +0 -1
- package/lib/chunks/C3MmNeeF.js.map +0 -1
- package/lib/chunks/C8vFKx3Q.js.map +0 -1
- package/lib/chunks/CnbA4JoC.js.map +0 -1
- package/lib/chunks/D639wy1k.js.map +0 -1
- package/lib/chunks/Da4PP6A-.js.map +0 -1
- package/lib/chunks/DkzTNiUv.js.map +0 -1
- package/lib/chunks/MAev_NTD.js.map +0 -1
- package/lib/chunks/v3MxzI7J.js.map +0 -1
|
@@ -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, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, List, MaskConfig, Model, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
|
|
13
|
+
import type { AlignSpec, Base, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, List, MaskConfig, Model, ReactJSX, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
|
|
14
14
|
import type { GroupBarListeners } from '@bryntum/grid-thin';
|
|
15
15
|
import { GroupBar } from '@bryntum/grid-thin';
|
|
16
16
|
|
|
@@ -26,14 +26,12 @@ defineProps<{
|
|
|
26
26
|
/**
|
|
27
27
|
* Element (or element id) to adopt as this Widget's encapsulating element. The widget's
|
|
28
28
|
* content will be placed inside this element.
|
|
29
|
-
* ...
|
|
30
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-adopt)
|
|
29
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-adopt)
|
|
31
30
|
*/
|
|
32
31
|
adopt ? : HTMLElement|string
|
|
33
32
|
/**
|
|
34
33
|
* *Only valid if this Widget is [floating](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-floating).*
|
|
35
|
-
* ...
|
|
36
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-align)
|
|
34
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-align)
|
|
37
35
|
*/
|
|
38
36
|
align ? : AlignSpec|string
|
|
39
37
|
/**
|
|
@@ -60,35 +58,30 @@ defineProps<{
|
|
|
60
58
|
/**
|
|
61
59
|
* A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject
|
|
62
60
|
* into an element which will be linked using the `aria-describedby` attribute.
|
|
63
|
-
* ...
|
|
64
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-ariaDescription)
|
|
61
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-ariaDescription)
|
|
65
62
|
*/
|
|
66
63
|
ariaDescription ? : string
|
|
67
64
|
/**
|
|
68
65
|
* A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject as
|
|
69
66
|
* the `aria-label` attribute.
|
|
70
|
-
* ...
|
|
71
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-ariaLabel)
|
|
67
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-ariaLabel)
|
|
72
68
|
*/
|
|
73
69
|
ariaLabel ? : string
|
|
74
70
|
/**
|
|
75
71
|
* An object where property names with a truthy value indicate which events should bubble up the ownership
|
|
76
72
|
* hierarchy when triggered.
|
|
77
|
-
* ...
|
|
78
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-bubbleEvents)
|
|
73
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-bubbleEvents)
|
|
79
74
|
*/
|
|
80
75
|
bubbleEvents ? : object
|
|
81
76
|
/**
|
|
82
77
|
* Set to `false` to not call onXXX method names (e.g. `onShow`, `onClick`), as an easy way to listen for events.
|
|
83
|
-
* ...
|
|
84
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-callOnFunctions)
|
|
78
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-callOnFunctions)
|
|
85
79
|
*/
|
|
86
80
|
callOnFunctions ? : Boolean
|
|
87
81
|
/**
|
|
88
82
|
* By default, if an event handler throws an exception, the error propagates up the stack and the
|
|
89
83
|
* application state is undefined. Code which follows the event handler will *not* be executed.
|
|
90
|
-
* ...
|
|
91
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-catchEventHandlerExceptions)
|
|
84
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-catchEventHandlerExceptions)
|
|
92
85
|
*/
|
|
93
86
|
catchEventHandlerExceptions ? : Boolean
|
|
94
87
|
/**
|
|
@@ -101,10 +94,9 @@ defineProps<{
|
|
|
101
94
|
*/
|
|
102
95
|
clearSelectionOnEmptySpaceClick ? : Boolean
|
|
103
96
|
/**
|
|
104
|
-
* Configure as `true` to display a clickable close icon after the [itemTpl](https://bryntum.com/products/grid/docs/api/Core/widget/
|
|
97
|
+
* Configure as `true` to display a clickable close icon after the [itemTpl](https://bryntum.com/products/grid/docs/api/Core/widget/ChipView#config-itemTpl).
|
|
105
98
|
* When tapped, the configured [closeHandler](https://bryntum.com/products/grid/docs/api/Core/widget/ChipView#config-closeHandler) is called passing the associated record.
|
|
106
|
-
* ...
|
|
107
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-closable)
|
|
99
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-closable)
|
|
108
100
|
*/
|
|
109
101
|
closable ? : Boolean
|
|
110
102
|
/**
|
|
@@ -117,8 +109,7 @@ defineProps<{
|
|
|
117
109
|
* Custom CSS classes to add to element.
|
|
118
110
|
* May be specified as a space separated string, or as an object in which property names
|
|
119
111
|
* with truthy values are used as the class names:
|
|
120
|
-
* ...
|
|
121
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-cls)
|
|
112
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-cls)
|
|
122
113
|
*/
|
|
123
114
|
cls ? : string|object
|
|
124
115
|
/**
|
|
@@ -128,8 +119,7 @@ defineProps<{
|
|
|
128
119
|
/**
|
|
129
120
|
* Applies the specified color to the widget, by setting the `--b-primary` CSS variable in the widgets
|
|
130
121
|
* `style` block.
|
|
131
|
-
* ...
|
|
132
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-color)
|
|
122
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-color)
|
|
133
123
|
*/
|
|
134
124
|
color ? : Color
|
|
135
125
|
/**
|
|
@@ -153,8 +143,7 @@ defineProps<{
|
|
|
153
143
|
* Custom CSS classes to add to the [contentElement](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-contentElement).
|
|
154
144
|
* May be specified as a space separated string, or as an object in which property names
|
|
155
145
|
* with truthy values are used as the class names:
|
|
156
|
-
* ...
|
|
157
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-contentElementCls)
|
|
146
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-contentElementCls)
|
|
158
147
|
*/
|
|
159
148
|
contentElementCls ? : string|object
|
|
160
149
|
/**
|
|
@@ -172,16 +161,15 @@ defineProps<{
|
|
|
172
161
|
*/
|
|
173
162
|
defaultBindProperty ? : string
|
|
174
163
|
/**
|
|
175
|
-
* Check for CSS compatibility issues
|
|
176
|
-
*
|
|
177
|
-
* [
|
|
164
|
+
* Check for CSS compatibility and inclusion related issues and try to auto fix them. Performs the following
|
|
165
|
+
* checks:
|
|
166
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-detectCSSCompatibilityIssues)
|
|
178
167
|
*/
|
|
179
168
|
detectCSSCompatibilityIssues ? : Boolean
|
|
180
169
|
/**
|
|
181
170
|
* 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
|
|
182
171
|
* cannot be focused, uses a different rendition (usually greyish) and does not allow selecting its value.
|
|
183
|
-
* ...
|
|
184
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-disabled)
|
|
172
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-disabled)
|
|
185
173
|
*/
|
|
186
174
|
disabled ? : Boolean|'inert'
|
|
187
175
|
/**
|
|
@@ -193,25 +181,21 @@ defineProps<{
|
|
|
193
181
|
* [strips collection](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#config-strips). Typical values for this config are `'top'`,
|
|
194
182
|
* `'bottom'`, `'left'`, or `'right'`, which cause the widget to be placed on that side of the panel's
|
|
195
183
|
* body. Such widgets are called "edge strips".
|
|
196
|
-
* ...
|
|
197
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-dock)
|
|
184
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-dock)
|
|
198
185
|
*/
|
|
199
186
|
dock ? : 'top'|'bottom'|'left'|'right'|'start'|'end'|'header'|'pre-header'|object
|
|
200
187
|
/**
|
|
201
188
|
* *Only valid if this Widget is [floating](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-floating).*
|
|
202
189
|
* Set to `true` to be able to drag a widget freely on the page. Or set to an object with a ´handleSelector´
|
|
203
190
|
* property which controls when a drag should start.
|
|
204
|
-
* ...
|
|
205
|
-
*
|
|
191
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-draggable)
|
|
192
|
+
* @property {string} handleSelector CSS selector used to determine if drag can be started from a mouse-downed element inside the widget
|
|
206
193
|
*/
|
|
207
|
-
draggable ? : Boolean|
|
|
208
|
-
handleSelector?: string
|
|
209
|
-
}
|
|
194
|
+
draggable ? : Boolean|object
|
|
210
195
|
/**
|
|
211
196
|
* An object specifying attributes to assign to the root element of this widget.
|
|
212
197
|
* Set `null` value to attribute to remove it.
|
|
213
|
-
* ...
|
|
214
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-elementAttributes)
|
|
198
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-elementAttributes)
|
|
215
199
|
*/
|
|
216
200
|
elementAttributes ? : Record<string, string|null>
|
|
217
201
|
/**
|
|
@@ -266,25 +250,22 @@ defineProps<{
|
|
|
266
250
|
hidden ? : Boolean
|
|
267
251
|
/**
|
|
268
252
|
* *Only valid if this Widget is [floating](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-floating).*
|
|
269
|
-
* ...
|
|
270
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-hideAnimation)
|
|
253
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-hideAnimation)
|
|
271
254
|
*/
|
|
272
255
|
hideAnimation ? : Boolean|object
|
|
273
256
|
/**
|
|
274
257
|
* The HTML to display initially or a function returning the markup (called at widget construction time).
|
|
275
|
-
* ...
|
|
276
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-html)
|
|
258
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-html)
|
|
277
259
|
* @param {Core.widget.Widget} widget The calling Widget
|
|
278
|
-
* @returns {string}
|
|
279
260
|
*/
|
|
280
|
-
html ? : string|((widget: Widget) =>
|
|
261
|
+
html ? : string|((widget: Widget) => void)|DomConfig|DomConfig[]|VueConfig|ReactJSX
|
|
281
262
|
/**
|
|
282
263
|
* The CSS class(es) to add when HTML content is being applied to this widget.
|
|
283
264
|
*/
|
|
284
265
|
htmlCls ? : string|object
|
|
285
266
|
/**
|
|
286
267
|
* A template function, which, when passed a record, returns the markup which encapsulates a chip's icon to be
|
|
287
|
-
* placed before the [itemTpl](https://bryntum.com/products/grid/docs/api/Core/widget/
|
|
268
|
+
* placed before the [itemTpl](https://bryntum.com/products/grid/docs/api/Core/widget/ChipView#config-itemTpl).
|
|
288
269
|
* @param {Core.data.Model} record The record to provide an icon for
|
|
289
270
|
* @returns {DomConfig,string,void}
|
|
290
271
|
*/
|
|
@@ -295,8 +276,7 @@ defineProps<{
|
|
|
295
276
|
id ? : string
|
|
296
277
|
/**
|
|
297
278
|
* Determines if the widgets read-only state should be controlled by its parent.
|
|
298
|
-
* ...
|
|
299
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-ignoreParentReadOnly)
|
|
279
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-ignoreParentReadOnly)
|
|
300
280
|
*/
|
|
301
281
|
ignoreParentReadOnly ? : Boolean
|
|
302
282
|
/**
|
|
@@ -330,22 +310,19 @@ defineProps<{
|
|
|
330
310
|
* An object whose keys are the [key](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key) name
|
|
331
311
|
* and optional modifier prefixes: `'Ctrl+'`, `'Alt+'`, `'Meta+'`, and `'Shift+'` (case-insensitive). The values
|
|
332
312
|
* are the name of the instance method to call when the keystroke is received.
|
|
333
|
-
* ...
|
|
334
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-keyMap)
|
|
313
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-keyMap)
|
|
335
314
|
*/
|
|
336
315
|
keyMap ? : Record<string, KeyMapConfig>
|
|
337
316
|
/**
|
|
338
317
|
* The listener set for this object.
|
|
339
|
-
* ...
|
|
340
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-listeners)
|
|
318
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-listeners)
|
|
341
319
|
*/
|
|
342
320
|
listeners ? : GroupBarListeners
|
|
343
321
|
/**
|
|
344
322
|
* A class translations of which are used for translating this entity.
|
|
345
323
|
* This is often used when translations of an item are defined on its container class.
|
|
346
324
|
* For example:
|
|
347
|
-
* ...
|
|
348
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-localeClass)
|
|
325
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-localeClass)
|
|
349
326
|
*/
|
|
350
327
|
localeClass ? : typeof Base
|
|
351
328
|
/**
|
|
@@ -357,8 +334,7 @@ defineProps<{
|
|
|
357
334
|
* In case there is a need to localize not typical value (not a String value or a field with re-defined setter/getter),
|
|
358
335
|
* you could use 'localeKey' meta configuration.
|
|
359
336
|
* Example:
|
|
360
|
-
* ...
|
|
361
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-localizableProperties)
|
|
337
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-localizableProperties)
|
|
362
338
|
*/
|
|
363
339
|
localizableProperties ? : string[]
|
|
364
340
|
/**
|
|
@@ -384,8 +360,7 @@ defineProps<{
|
|
|
384
360
|
maxHeight ? : string|number
|
|
385
361
|
/**
|
|
386
362
|
* *Only valid if this Widget is [floating](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-floating).*
|
|
387
|
-
* ...
|
|
388
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-maximizeOnMobile)
|
|
363
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-maximizeOnMobile)
|
|
389
364
|
*/
|
|
390
365
|
maximizeOnMobile ? : number|string
|
|
391
366
|
/**
|
|
@@ -407,12 +382,10 @@ defineProps<{
|
|
|
407
382
|
* When this is configured as `true` a [ResizeObserver](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver)
|
|
408
383
|
* is used to monitor this element for size changes caused by either style manipulation, or by CSS
|
|
409
384
|
* layout.
|
|
410
|
-
* ...
|
|
411
|
-
*
|
|
385
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-monitorResize)
|
|
386
|
+
* @property {boolean} immediate Set to `true` to receive resize notifications immediately.
|
|
412
387
|
*/
|
|
413
|
-
monitorResize ? : Boolean|
|
|
414
|
-
immediate?: Boolean
|
|
415
|
-
}
|
|
388
|
+
monitorResize ? : Boolean|object
|
|
416
389
|
/**
|
|
417
390
|
* Configure as `true` to allow multi select and allow clicking and key navigation to select multiple chips.
|
|
418
391
|
*/
|
|
@@ -421,8 +394,7 @@ defineProps<{
|
|
|
421
394
|
* 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
|
|
422
395
|
* not participate in the standard layout of that widget, and must be positioned relatively to that
|
|
423
396
|
* widget's [contentElement](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-contentElement).
|
|
424
|
-
* ...
|
|
425
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-positioned)
|
|
397
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-positioned)
|
|
426
398
|
*/
|
|
427
399
|
positioned ? : Boolean
|
|
428
400
|
/**
|
|
@@ -433,8 +405,7 @@ defineProps<{
|
|
|
433
405
|
/**
|
|
434
406
|
* Whether this widget is read-only. This is only valid if the widget is an input
|
|
435
407
|
* field, <strong>or contains input fields at any depth</strong>.
|
|
436
|
-
* ...
|
|
437
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-readOnly)
|
|
408
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-readOnly)
|
|
438
409
|
*/
|
|
439
410
|
readOnly ? : Boolean
|
|
440
411
|
relayStoreEvents ? : Boolean
|
|
@@ -442,23 +413,26 @@ defineProps<{
|
|
|
442
413
|
* Configure as `true` to have the component display a translucent ripple when its
|
|
443
414
|
* [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
|
|
444
415
|
* current theme supports ripples</em>. Out of the box, only the Material theme supports ripples.
|
|
445
|
-
* ...
|
|
446
|
-
* [
|
|
416
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-ripple)
|
|
417
|
+
* @property {string} [delegate] A CSS selector to filter which child elements trigger ripples. By default, the ripple is clipped to the triggering element.
|
|
418
|
+
* @property {string} [color] A CSS color name or specification.
|
|
419
|
+
* @property {number} [radius] The ending radius of the ripple. Note that it will be clipped by the target element by default.
|
|
420
|
+
* @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.
|
|
421
|
+
*/
|
|
422
|
+
ripple ? : Boolean|object
|
|
423
|
+
/**
|
|
424
|
+
* The ARIA role to apply to this widget's element. By default, this is set to `'presentation'` to avoid
|
|
425
|
+
* accidentally applying a role which may interfere with screen readers.
|
|
426
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-role)
|
|
447
427
|
*/
|
|
448
|
-
|
|
449
|
-
delegate?: string
|
|
450
|
-
color?: string
|
|
451
|
-
radius?: number
|
|
452
|
-
clip?: string
|
|
453
|
-
}
|
|
428
|
+
role ? : string
|
|
454
429
|
/**
|
|
455
430
|
* 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`
|
|
456
431
|
*/
|
|
457
432
|
rootElement ? : ShadowRoot|HTMLElement
|
|
458
433
|
/**
|
|
459
434
|
* This may be configured as `true` to make the widget's element use the `direction:rtl` style.
|
|
460
|
-
* ...
|
|
461
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-rtl)
|
|
435
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-rtl)
|
|
462
436
|
*/
|
|
463
437
|
rtl ? : Boolean
|
|
464
438
|
/**
|
|
@@ -466,8 +440,7 @@ defineProps<{
|
|
|
466
440
|
* in both axes. May be an object containing boolean `overflowX` and `overflowY` properties which are
|
|
467
441
|
* applied to CSS style properties `overflowX` and `overflowY`. If they are boolean, they are translated to
|
|
468
442
|
* CSS overflow properties thus:
|
|
469
|
-
* ...
|
|
470
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-scrollable)
|
|
443
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-scrollable)
|
|
471
444
|
*/
|
|
472
445
|
scrollable ? : Boolean|ScrollerConfig|Scroller
|
|
473
446
|
/**
|
|
@@ -483,14 +456,12 @@ defineProps<{
|
|
|
483
456
|
/**
|
|
484
457
|
* A [Collection](https://bryntum.com/products/grid/docs/api/Core/util/Collection), or Collection config object to use to contain this List's selected
|
|
485
458
|
* records.
|
|
486
|
-
* ...
|
|
487
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-selected)
|
|
459
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-selected)
|
|
488
460
|
*/
|
|
489
461
|
selected ? : object[]|number[]|string[]|Collection|CollectionConfig|CollectionConfig[]
|
|
490
462
|
/**
|
|
491
463
|
* *Only valid if this Widget is [floating](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-floating).*
|
|
492
|
-
* ...
|
|
493
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-showAnimation)
|
|
464
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-showAnimation)
|
|
494
465
|
*/
|
|
495
466
|
showAnimation ? : Boolean|object
|
|
496
467
|
/**
|
|
@@ -504,16 +475,14 @@ defineProps<{
|
|
|
504
475
|
/**
|
|
505
476
|
* A [Store](https://bryntum.com/products/grid/docs/api/Core/data/Store) which provides the records which map to List items. Each record is passed through the
|
|
506
477
|
* [itemTpl](https://bryntum.com/products/grid/docs/api/Core/widget/List#config-itemTpl) to produce the DOM structure of the List. May be generated from an array of [items](#Core/widget/List#config-items).
|
|
507
|
-
* ...
|
|
508
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-store)
|
|
478
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-store)
|
|
509
479
|
*/
|
|
510
480
|
store ? : object|object[]|StoreConfig|Store|StoreConfig[]
|
|
511
481
|
/**
|
|
512
482
|
* 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
|
|
513
483
|
* [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
|
|
514
484
|
* this widget:
|
|
515
|
-
* ...
|
|
516
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-tab)
|
|
485
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-tab)
|
|
517
486
|
*/
|
|
518
487
|
tab ? : Boolean|TabConfig
|
|
519
488
|
/**
|
|
@@ -522,8 +491,7 @@ defineProps<{
|
|
|
522
491
|
tag ? : string
|
|
523
492
|
/**
|
|
524
493
|
* Text alignment: 'left', 'center' or 'right'. Also accepts direction neutral 'start' and 'end'.
|
|
525
|
-
* ...
|
|
526
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-textAlign)
|
|
494
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-textAlign)
|
|
527
495
|
*/
|
|
528
496
|
textAlign ? : 'left'|'center'|'right'|'start'|'end'
|
|
529
497
|
/**
|
|
@@ -536,8 +504,7 @@ defineProps<{
|
|
|
536
504
|
toggleAllIfCtrlPressed ? : Boolean
|
|
537
505
|
/**
|
|
538
506
|
* Tooltip for the widget, either as a string or as a Tooltip config object.
|
|
539
|
-
* ...
|
|
540
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-tooltip)
|
|
507
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-tooltip)
|
|
541
508
|
*/
|
|
542
509
|
tooltip ? : string|TooltipConfig|null
|
|
543
510
|
/**
|
|
@@ -551,16 +518,14 @@ defineProps<{
|
|
|
551
518
|
* Custom CSS class name suffixes to apply to the elements rendered by this widget. This may be specified
|
|
552
519
|
* as a space separated string, an array of strings, or as an object in which property names with truthy
|
|
553
520
|
* values are used as the class names.
|
|
554
|
-
* ...
|
|
555
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-ui)
|
|
521
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-ui)
|
|
556
522
|
*/
|
|
557
523
|
ui ? : string|object
|
|
558
524
|
/**
|
|
559
525
|
* Controls virtualization of list items using the `IntersectionObserver` API to render items only when
|
|
560
526
|
* scrolled into view. This is only useful for lists with complex markup, for simple lists it likely adds
|
|
561
527
|
* overhead.
|
|
562
|
-
* ...
|
|
563
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-virtualize)
|
|
528
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-virtualize)
|
|
564
529
|
*/
|
|
565
530
|
virtualize ? : Boolean|number
|
|
566
531
|
/**
|
|
@@ -576,14 +541,12 @@ defineProps<{
|
|
|
576
541
|
width ? : string|number
|
|
577
542
|
/**
|
|
578
543
|
* The x position for the widget.
|
|
579
|
-
* ...
|
|
580
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-x)
|
|
544
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-x)
|
|
581
545
|
*/
|
|
582
546
|
x ? : number
|
|
583
547
|
/**
|
|
584
548
|
* The y position for the widget.
|
|
585
|
-
* ...
|
|
586
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-y)
|
|
549
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-y)
|
|
587
550
|
*/
|
|
588
551
|
y ? : number
|
|
589
552
|
|
|
@@ -638,8 +601,7 @@ const emit = defineEmits<{
|
|
|
638
601
|
(e: 'beforeShow', params: ((event: { source: Widget|any }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
|
|
639
602
|
/**
|
|
640
603
|
* Fires when any other event is fired from the object.
|
|
641
|
-
* ...
|
|
642
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#event-catchAll)
|
|
604
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#event-catchAll)
|
|
643
605
|
* @param {string} e Event name
|
|
644
606
|
* @param {object} params Event parameters
|
|
645
607
|
* @param {string} params.e Event name
|
|
@@ -729,8 +691,7 @@ const emit = defineEmits<{
|
|
|
729
691
|
/**
|
|
730
692
|
* Triggered when a widget which had been in a non-visible state for any reason
|
|
731
693
|
* achieves visibility.
|
|
732
|
-
* ...
|
|
733
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#event-paint)
|
|
694
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#event-paint)
|
|
734
695
|
* @param {string} e Event name
|
|
735
696
|
* @param {object} params Event parameters
|
|
736
697
|
* @param {string} params.e Event name
|
|
@@ -861,6 +822,7 @@ const widgetData = {
|
|
|
861
822
|
'preventTooltipOnTouch',
|
|
862
823
|
'relayStoreEvents',
|
|
863
824
|
'ripple',
|
|
825
|
+
'role',
|
|
864
826
|
'rootElement',
|
|
865
827
|
'scrollAction',
|
|
866
828
|
'selectAllItem',
|
|
@@ -939,8 +901,6 @@ const widgetData = {
|
|
|
939
901
|
'y'
|
|
940
902
|
],
|
|
941
903
|
propertyNames : [
|
|
942
|
-
'anchorSize',
|
|
943
|
-
'focusVisible',
|
|
944
904
|
'parent'
|
|
945
905
|
],
|
|
946
906
|
eventNames : [
|