@bryntum/grid-angular-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 (43) hide show
  1. package/README.md +4 -4
  2. package/bundles/bryntum-grid-angular-thin.umd.js +761 -230
  3. package/bundles/bryntum-grid-angular-thin.umd.js.map +1 -1
  4. package/esm2015/lib/bryntum-a-i-filter-field.component.js +62 -14
  5. package/esm2015/lib/bryntum-checklist-filter-combo.component.js +62 -14
  6. package/esm2015/lib/bryntum-grid-base.component.js +78 -35
  7. package/esm2015/lib/bryntum-grid-chart-designer.component.js +61 -12
  8. package/esm2015/lib/bryntum-grid-field-filter-picker-group.component.js +65 -21
  9. package/esm2015/lib/bryntum-grid-field-filter-picker.component.js +65 -21
  10. package/esm2015/lib/bryntum-grid.component.js +78 -35
  11. package/esm2015/lib/bryntum-group-bar.component.js +61 -12
  12. package/esm2015/lib/bryntum-tree-combo.component.js +62 -14
  13. package/esm2015/lib/bryntum-tree-grid.component.js +78 -35
  14. package/esm2015/lib/grid.module.js +5 -4
  15. package/esm2015/lib/shadowdom.helper.js +82 -0
  16. package/fesm2015/bryntum-grid-angular-thin.js +738 -207
  17. package/fesm2015/bryntum-grid-angular-thin.js.map +1 -1
  18. package/lib/bryntum-a-i-filter-field.component.d.ts +87 -133
  19. package/lib/bryntum-checklist-filter-combo.component.d.ts +106 -166
  20. package/lib/bryntum-grid-base.component.d.ts +238 -303
  21. package/lib/bryntum-grid-chart-designer.component.d.ts +71 -108
  22. package/lib/bryntum-grid-field-filter-picker-group.component.d.ts +93 -143
  23. package/lib/bryntum-grid-field-filter-picker.component.d.ts +94 -145
  24. package/lib/bryntum-grid.component.d.ts +238 -303
  25. package/lib/bryntum-group-bar.component.d.ts +77 -118
  26. package/lib/bryntum-tree-combo.component.d.ts +107 -168
  27. package/lib/bryntum-tree-grid.component.d.ts +238 -303
  28. package/lib/grid.module.d.ts +2 -1
  29. package/lib/shadowdom.helper.d.ts +3 -0
  30. package/package.json +1 -1
  31. package/src/lib/bryntum-a-i-filter-field.component.ts +146 -141
  32. package/src/lib/bryntum-checklist-filter-combo.component.ts +166 -175
  33. package/src/lib/bryntum-grid-base.component.ts +275 -319
  34. package/src/lib/bryntum-grid-chart-designer.component.ts +126 -112
  35. package/src/lib/bryntum-grid-field-filter-picker-group.component.ts +152 -152
  36. package/src/lib/bryntum-grid-field-filter-picker.component.ts +152 -153
  37. package/src/lib/bryntum-grid.component.ts +275 -319
  38. package/src/lib/bryntum-group-bar.component.ts +132 -122
  39. package/src/lib/bryntum-theme-combo.component.ts +128 -0
  40. package/src/lib/bryntum-tree-combo.component.ts +166 -176
  41. package/src/lib/bryntum-tree-grid.component.ts +275 -319
  42. package/src/lib/grid.module.ts +2 -1
  43. package/src/lib/shadowdom.helper.ts +91 -0
@@ -2,21 +2,19 @@
2
2
  * Angular wrapper for Bryntum TreeCombo
3
3
  */
4
4
  import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
5
- import { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, ComboModel, DomConfig, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, Scroller, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
5
+ import { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, DomConfig, Duration, DurationConfig, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, ReactJSX, Rectangle, Scroller, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
6
6
  import { GridContainerItemConfig, TreeCombo, TreeComboListeners } from '@bryntum/grid-thin';
7
7
  import * as i0 from "@angular/core";
8
8
  export declare type BryntumTreeComboProps = {
9
9
  /**
10
10
  * Element (or element id) to adopt as this Widget's encapsulating element. The widget's
11
11
  * content will be placed inside this element.
12
- * ...
13
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-adopt)
12
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-adopt)
14
13
  */
15
14
  adopt?: HTMLElement | string;
16
15
  /**
17
16
  * *Only valid if this Widget is [floating](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-floating).*
18
- * ...
19
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-align)
17
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-align)
20
18
  */
21
19
  align?: AlignSpec | string;
22
20
  /**
@@ -38,15 +36,13 @@ export declare type BryntumTreeComboProps = {
38
36
  /**
39
37
  * A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject
40
38
  * into an element which will be linked using the `aria-describedby` attribute.
41
- * ...
42
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-ariaDescription)
39
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-ariaDescription)
43
40
  */
44
41
  ariaDescription?: string;
45
42
  /**
46
43
  * A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject as
47
44
  * the `aria-label` attribute.
48
- * ...
49
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-ariaLabel)
45
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-ariaLabel)
50
46
  */
51
47
  ariaLabel?: string;
52
48
  /**
@@ -69,20 +65,17 @@ export declare type BryntumTreeComboProps = {
69
65
  /**
70
66
  * An object where property names with a truthy value indicate which events should bubble up the ownership
71
67
  * hierarchy when triggered.
72
- * ...
73
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-bubbleEvents)
68
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-bubbleEvents)
74
69
  */
75
70
  bubbleEvents?: object;
76
71
  /**
77
72
  * Enable caching of the last retrieved result until the timeout is reached.
78
- * ...
79
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-cacheLastResult)
73
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-cacheLastResult)
80
74
  */
81
75
  cacheLastResult?: number | string | Duration | DurationConfig;
82
76
  /**
83
77
  * Set to `false` to not call onXXX method names (e.g. `onShow`, `onClick`), as an easy way to listen for events.
84
- * ...
85
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-callOnFunctions)
78
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-callOnFunctions)
86
79
  */
87
80
  callOnFunctions?: boolean;
88
81
  /**
@@ -92,8 +85,7 @@ export declare type BryntumTreeComboProps = {
92
85
  /**
93
86
  * By default, if an event handler throws an exception, the error propagates up the stack and the
94
87
  * application state is undefined. Code which follows the event handler will *not* be executed.
95
- * ...
96
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-catchEventHandlerExceptions)
88
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-catchEventHandlerExceptions)
97
89
  */
98
90
  catchEventHandlerExceptions?: boolean;
99
91
  /**
@@ -104,8 +96,7 @@ export declare type BryntumTreeComboProps = {
104
96
  /**
105
97
  * A config object to configure the [ChipView](https://bryntum.com/products/grid/docs/api/Core/widget/ChipView) to display the
106
98
  * selected value set when [multiSelect](https://bryntum.com/products/grid/docs/api/Core/widget/Combo#config-multiSelect) is `true`.
107
- * ...
108
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-chipView)
99
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-chipView)
109
100
  */
110
101
  chipView?: ChipViewConfig;
111
102
  /**
@@ -130,15 +121,13 @@ export declare type BryntumTreeComboProps = {
130
121
  * Custom CSS classes to add to element.
131
122
  * May be specified as a space separated string, or as an object in which property names
132
123
  * with truthy values are used as the class names:
133
- * ...
134
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-cls)
124
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-cls)
135
125
  */
136
126
  cls?: string | object;
137
127
  /**
138
128
  * Applies the specified color to the widget, by setting the `--b-primary` CSS variable in the widgets
139
129
  * `style` block.
140
- * ...
141
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-color)
130
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-color)
142
131
  */
143
132
  color?: Color;
144
133
  /**
@@ -155,15 +144,13 @@ export declare type BryntumTreeComboProps = {
155
144
  * The configuration for additional items associated to this field. This is typically used to add contextual
156
145
  * fields related to a [checkbox](https://bryntum.com/products/grid/docs/api/Core/widget/Checkbox) or [radio button](#Core/widget/Radio). See
157
146
  * these classes for examples of nested fields.
158
- * ...
159
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-container)
147
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-container)
160
148
  */
161
- container?: Record<string, GridContainerItemConfig> | GridContainerItemConfig[] | FieldContainerConfig | FieldContainer;
149
+ container?: Record<string, GridContainerItemConfig> | GridContainerItemConfig[] | FieldContainerConfig;
162
150
  /**
163
151
  * The config controls how the value of nested items are handled when a parent container gets or sets its
164
152
  * [values](https://bryntum.com/products/grid/docs/api/Core/widget/Container#property-values).
165
- * ...
166
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-containValues)
153
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-containValues)
167
154
  * @param {Core.widget.Field} field Field instance
168
155
  * @returns {boolean}
169
156
  */
@@ -172,16 +159,14 @@ export declare type BryntumTreeComboProps = {
172
159
  * Custom CSS classes to add to the [contentElement](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-contentElement).
173
160
  * May be specified as a space separated string, or as an object in which property names
174
161
  * with truthy values are used as the class names:
175
- * ...
176
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-contentElementCls)
162
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-contentElementCls)
177
163
  */
178
164
  contentElementCls?: string | object;
179
165
  /**
180
166
  * If configured as `true`, this means that when an unmatched string is typed into the
181
167
  * combo's input field, and <kbd>Enter</kbd>, or the [multiValueSeparator](https://bryntum.com/products/grid/docs/api/Core/widget/Combo#config-multiValueSeparator) is typed,
182
168
  * a new record will be created using the typed string as the [displayField](https://bryntum.com/products/grid/docs/api/Core/widget/Combo#config-displayField).
183
- * ...
184
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-createOnUnmatched)
169
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-createOnUnmatched)
185
170
  * @param {string} name Record name
186
171
  * @param {Core.widget.Combo} combo Combo instance
187
172
  * @returns {Core.data.Model} New record
@@ -202,16 +187,15 @@ export declare type BryntumTreeComboProps = {
202
187
  */
203
188
  defaultBindProperty?: string;
204
189
  /**
205
- * Check for CSS compatibility issues when upgrading to v7. Performs the following checks:
206
- * ...
207
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-detectCSSCompatibilityIssues)
190
+ * Check for CSS compatibility and inclusion related issues and try to auto fix them. Performs the following
191
+ * checks:
192
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-detectCSSCompatibilityIssues)
208
193
  */
209
194
  detectCSSCompatibilityIssues?: boolean;
210
195
  /**
211
196
  * 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
212
197
  * cannot be focused, uses a different rendition (usually greyish) and does not allow selecting its value.
213
- * ...
214
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-disabled)
198
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-disabled)
215
199
  */
216
200
  disabled?: boolean | 'inert';
217
201
  /**
@@ -224,26 +208,23 @@ export declare type BryntumTreeComboProps = {
224
208
  * @param {Core.widget.Combo} combo A reference to this Combo
225
209
  * @returns {string,void}
226
210
  */
227
- displayValueRenderer?: (record: Model | ComboModel, combo: Combo) => string | void;
211
+ displayValueRenderer?: (record: Model, combo: Combo) => string | void;
228
212
  /**
229
213
  * Controls the placement of this widget when it is added to a [panel's ](https://bryntum.com/products/grid/docs/api/Core/widget/Panel)
230
214
  * [strips collection](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#config-strips). Typical values for this config are `'top'`,
231
215
  * `'bottom'`, `'left'`, or `'right'`, which cause the widget to be placed on that side of the panel's
232
216
  * body. Such widgets are called "edge strips".
233
- * ...
234
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-dock)
217
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-dock)
235
218
  */
236
219
  dock?: 'top' | 'bottom' | 'left' | 'right' | 'start' | 'end' | 'header' | 'pre-header' | object;
237
220
  /**
238
221
  * *Only valid if this Widget is [floating](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-floating).*
239
222
  * Set to `true` to be able to drag a widget freely on the page. Or set to an object with a ´handleSelector´
240
223
  * property which controls when a drag should start.
241
- * ...
242
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-draggable)
224
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-draggable)
225
+ * @property {string} handleSelector CSS selector used to determine if drag can be started from a mouse-downed element inside the widget
243
226
  */
244
- draggable?: boolean | {
245
- handleSelector?: string;
246
- };
227
+ draggable?: boolean | object;
247
228
  /**
248
229
  * User can edit text in text field (otherwise only pick from attached picker)
249
230
  */
@@ -251,21 +232,18 @@ export declare type BryntumTreeComboProps = {
251
232
  /**
252
233
  * An object specifying attributes to assign to the root element of this widget.
253
234
  * Set `null` value to attribute to remove it.
254
- * ...
255
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-elementAttributes)
235
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-elementAttributes)
256
236
  */
257
237
  elementAttributes?: Record<string, string | null>;
258
238
  /**
259
239
  * Text to display in the drop down when there are no items in the underlying store.
260
- * ...
261
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-emptyText)
240
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-emptyText)
262
241
  */
263
242
  emptyText?: string;
264
243
  /**
265
244
  * A function which creates an array of values for the [filterParamName](https://bryntum.com/products/grid/docs/api/Core/widget/Combo#config-filterParamName) to pass
266
245
  * any filters to the server upon load.
267
- * ...
268
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-encodeFilterParams)
246
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-encodeFilterParams)
269
247
  * @param {object[]} filters filters
270
248
  * @returns {object[]} array of values
271
249
  */
@@ -279,8 +257,7 @@ export declare type BryntumTreeComboProps = {
279
257
  /**
280
258
  * The name of an operator type as implemented in [operator](https://bryntum.com/products/grid/docs/api/Core/util/CollectionFilter#config-operator)
281
259
  * to use when filtering the dropdown list based upon the typed value.
282
- * ...
283
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-filterOperator)
260
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-filterOperator)
284
261
  */
285
262
  filterOperator?: CollectionCompareOperator;
286
263
  /**
@@ -321,8 +298,7 @@ export declare type BryntumTreeComboProps = {
321
298
  hidden?: boolean;
322
299
  /**
323
300
  * *Only valid if this Widget is [floating](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-floating).*
324
- * ...
325
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-hideAnimation)
301
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-hideAnimation)
326
302
  */
327
303
  hideAnimation?: boolean | object;
328
304
  /**
@@ -343,8 +319,7 @@ export declare type BryntumTreeComboProps = {
343
319
  /**
344
320
  * An optional string to display inside the input field as an overlay. This can be useful for displaying
345
321
  * a field's units.
346
- * ...
347
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-hint)
322
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-hint)
348
323
  * @param {object} data A data object
349
324
  * @param {Core.widget.Field} data.source A reference to the field instance
350
325
  * @param {any} data.value The current value of the field
@@ -358,8 +333,7 @@ export declare type BryntumTreeComboProps = {
358
333
  * 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.
359
334
  * Since this can allow malicious content to be executed, be sure not to include user-entered data or to
360
335
  * encode such data (see [encodeHtml](https://bryntum.com/products/grid/docs/api/Core/helper/StringHelper#function-encodeHtml-static)).
361
- * ...
362
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-hintHtml)
336
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-hintHtml)
363
337
  * @param {object} data A data object
364
338
  * @param {Core.widget.Field} data.source A reference to the field instance
365
339
  * @param {any} data.value The current value of the field
@@ -375,23 +349,20 @@ export declare type BryntumTreeComboProps = {
375
349
  id?: string;
376
350
  /**
377
351
  * Determines if the widgets read-only state should be controlled by its parent.
378
- * ...
379
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-ignoreParentReadOnly)
352
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-ignoreParentReadOnly)
380
353
  */
381
354
  ignoreParentReadOnly?: boolean;
382
355
  /**
383
356
  * Set this config to `true` to always display items horizontally along with this field. This assigns an
384
357
  * [hbox](https://bryntum.com/products/grid/docs/api/Core/widget/layout/Box) as the [layout](#Core/widget/Container#config-layout) to the
385
358
  * [container](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-container).
386
- * ...
387
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-inline)
359
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-inline)
388
360
  */
389
361
  inline?: boolean;
390
362
  /**
391
363
  * Configure this as `true` to render the dropdown list as a permanently visible list
392
364
  * in the document flow immediately below the input area instead of as a popup.
393
- * ...
394
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-inlinePicker)
365
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-inlinePicker)
395
366
  */
396
367
  inlinePicker?: boolean;
397
368
  /**
@@ -429,30 +400,26 @@ export declare type BryntumTreeComboProps = {
429
400
  insertFirst?: HTMLElement | string;
430
401
  /**
431
402
  * Rows to display in the dropdown (list items).
432
- * ...
433
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-items)
403
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-items)
434
404
  */
435
405
  items?: object[] | string[] | object;
436
406
  /**
437
407
  * An object whose keys are the [key](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key) name
438
408
  * and optional modifier prefixes: `'Ctrl+'`, `'Alt+'`, `'Meta+'`, and `'Shift+'` (case-insensitive). The values
439
409
  * are the name of the instance method to call when the keystroke is received.
440
- * ...
441
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-keyMap)
410
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-keyMap)
442
411
  */
443
412
  keyMap?: Record<string, KeyMapConfig>;
444
413
  /**
445
414
  * The delay in milliseconds to wait after the last keystroke before triggering a change event.
446
415
  * Set to 0 to not trigger change events from keystrokes (listen for input event instead to have
447
416
  * immediate feedback, change will still be triggered on blur).
448
- * ...
449
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-keyStrokeChangeDelay)
417
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-keyStrokeChangeDelay)
450
418
  */
451
419
  keyStrokeChangeDelay?: number;
452
420
  /**
453
421
  * The delay in milliseconds to wait after the last keystroke before filtering the list.
454
- * ...
455
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-keyStrokeFilterDelay)
422
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-keyStrokeFilterDelay)
456
423
  */
457
424
  keyStrokeFilterDelay?: number;
458
425
  /**
@@ -465,15 +432,15 @@ export declare type BryntumTreeComboProps = {
465
432
  labelCls?: string | object;
466
433
  /**
467
434
  * Label position, either 'before' the field or 'above' the field
468
- * ...
469
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-labelPosition)
435
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-labelPosition)
470
436
  */
471
437
  labelPosition?: 'before' | 'above' | null;
472
438
  /**
473
439
  * The labels to add either before or after the input field.
474
440
  * Each label may have the following properties:
475
- * ...
476
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-labels)
441
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-labels)
442
+ * @property {string} html Label text
443
+ * @property {'start','end'} align Which end of the file the label should go
477
444
  */
478
445
  labels?: object[];
479
446
  /**
@@ -486,24 +453,21 @@ export declare type BryntumTreeComboProps = {
486
453
  listCls?: string;
487
454
  /**
488
455
  * The listener set for this object.
489
- * ...
490
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-listeners)
456
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-listeners)
491
457
  */
492
458
  listeners?: TreeComboListeners;
493
459
  /**
494
460
  * Template string used to render the list items in the dropdown list
495
- * ...
496
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-listItemTpl)
461
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-listItemTpl)
497
462
  * @param {Core.data.Model} record The record representing the item being rendered
498
463
  * @returns {string,void}
499
464
  */
500
- listItemTpl?: (record: Model | ComboModel) => string | void;
465
+ listItemTpl?: (record: Model) => string | void;
501
466
  /**
502
467
  * A class translations of which are used for translating this entity.
503
468
  * This is often used when translations of an item are defined on its container class.
504
469
  * For example:
505
- * ...
506
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-localeClass)
470
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-localeClass)
507
471
  */
508
472
  localeClass?: typeof Base;
509
473
  /**
@@ -515,8 +479,7 @@ export declare type BryntumTreeComboProps = {
515
479
  * In case there is a need to localize not typical value (not a String value or a field with re-defined setter/getter),
516
480
  * you could use 'localeKey' meta configuration.
517
481
  * Example:
518
- * ...
519
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-localizableProperties)
482
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-localizableProperties)
520
483
  */
521
484
  localizableProperties?: string[];
522
485
  /**
@@ -542,8 +505,7 @@ export declare type BryntumTreeComboProps = {
542
505
  maxHeight?: string | number;
543
506
  /**
544
507
  * *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/TreeCombo#config-maximizeOnMobile)
508
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-maximizeOnMobile)
547
509
  */
548
510
  maximizeOnMobile?: number | string;
549
511
  /**
@@ -557,8 +519,7 @@ export declare type BryntumTreeComboProps = {
557
519
  maxWidth?: string | number;
558
520
  /**
559
521
  * The minimum string length to trigger the filtering, only relevant when [editable](https://bryntum.com/products/grid/docs/api/Core/widget/Combo#config-editable) is `true`.
560
- * ...
561
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-minChars)
522
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-minChars)
562
523
  */
563
524
  minChars?: number;
564
525
  /**
@@ -579,16 +540,13 @@ export declare type BryntumTreeComboProps = {
579
540
  * When this is configured as `true` a [ResizeObserver](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver)
580
541
  * is used to monitor this element for size changes caused by either style manipulation, or by CSS
581
542
  * layout.
582
- * ...
583
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-monitorResize)
543
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-monitorResize)
544
+ * @property {boolean} immediate Set to `true` to receive resize notifications immediately.
584
545
  */
585
- monitorResize?: boolean | {
586
- immediate?: boolean;
587
- };
546
+ monitorResize?: boolean | object;
588
547
  /**
589
548
  * Set to `true` to allow selection of multiple values from the dropdown list.
590
- * ...
591
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-multiSelect)
549
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-multiSelect)
592
550
  */
593
551
  multiSelect?: boolean;
594
552
  /**
@@ -601,8 +559,7 @@ export declare type BryntumTreeComboProps = {
601
559
  * Name of the field which is used as a key to get/set values from/to the field.
602
560
  * Used prior to [ref](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-ref) and [id](#Core/widget/Widget#config-id) in
603
561
  * [Container.values](https://bryntum.com/products/grid/docs/api/Core/widget/Container#property-values).
604
- * ...
605
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-name)
562
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-name)
606
563
  */
607
564
  name?: string;
608
565
  /**
@@ -613,10 +570,9 @@ export declare type BryntumTreeComboProps = {
613
570
  /**
614
571
  * Configuration object for the [picker](https://bryntum.com/products/grid/docs/api/Core/widget/List) on initialization. Returns the
615
572
  * [picker](https://bryntum.com/products/grid/docs/api/Core/widget/List) instance at runtime.
616
- * ...
617
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-picker)
573
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-picker)
618
574
  */
619
- picker?: ListConfig | List;
575
+ picker?: ListConfig;
620
576
  /**
621
577
  * The name of the element property to which the picker should size and align itself.
622
578
  */
@@ -633,8 +589,7 @@ export declare type BryntumTreeComboProps = {
633
589
  * 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
634
590
  * not participate in the standard layout of that widget, and must be positioned relatively to that
635
591
  * widget's [contentElement](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-contentElement).
636
- * ...
637
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-positioned)
592
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-positioned)
638
593
  */
639
594
  positioned?: boolean;
640
595
  /**
@@ -646,22 +601,19 @@ export declare type BryntumTreeComboProps = {
646
601
  * Optionally a [Filter](https://bryntum.com/products/grid/docs/api/Core/util/CollectionFilter) config object which the combo should use for
647
602
  * filtering using the typed value.
648
603
  * This may use a `filterBy` property to test its `value` against any field in the passed record.
649
- * ...
650
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-primaryFilter)
604
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-primaryFilter)
651
605
  */
652
606
  primaryFilter?: CollectionFilterConfig;
653
607
  /**
654
608
  * Makes the field unmodifiable by user action. The input area is not editable, and triggers
655
609
  * are unresponsive.
656
- * ...
657
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-readOnly)
610
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-readOnly)
658
611
  */
659
612
  readOnly?: boolean;
660
613
  relayStoreEvents?: boolean;
661
614
  /**
662
615
  * Predefined style to use for the field. Possible values are:
663
- * ...
664
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-rendition)
616
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-rendition)
665
617
  */
666
618
  rendition?: 'outlined' | 'filled' | string;
667
619
  /**
@@ -680,23 +632,26 @@ export declare type BryntumTreeComboProps = {
680
632
  * Configure as `true` to have the component display a translucent ripple when its
681
633
  * [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
682
634
  * current theme supports ripples</em>. Out of the box, only the Material theme supports ripples.
683
- * ...
684
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-ripple)
635
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-ripple)
636
+ * @property {string} [delegate] A CSS selector to filter which child elements trigger ripples. By default, the ripple is clipped to the triggering element.
637
+ * @property {string} [color] A CSS color name or specification.
638
+ * @property {number} [radius] The ending radius of the ripple. Note that it will be clipped by the target element by default.
639
+ * @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.
685
640
  */
686
- ripple?: boolean | {
687
- delegate?: string;
688
- color?: string;
689
- radius?: number;
690
- clip?: string;
691
- };
641
+ ripple?: boolean | object;
642
+ /**
643
+ * The ARIA role to apply to this widget's element. By default, this is set to `'presentation'` to avoid
644
+ * accidentally applying a role which may interfere with screen readers.
645
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-role)
646
+ */
647
+ role?: string;
692
648
  /**
693
649
  * 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`
694
650
  */
695
651
  rootElement?: ShadowRoot | HTMLElement;
696
652
  /**
697
653
  * This may be configured as `true` to make the widget's element use the `direction:rtl` style.
698
- * ...
699
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-rtl)
654
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-rtl)
700
655
  */
701
656
  rtl?: boolean;
702
657
  /**
@@ -706,8 +661,7 @@ export declare type BryntumTreeComboProps = {
706
661
  scrollAction?: 'hide' | 'realign' | null;
707
662
  /**
708
663
  * *Only valid if this Widget is [floating](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-floating).*
709
- * ...
710
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-showAnimation)
664
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-showAnimation)
711
665
  */
712
666
  showAnimation?: boolean | object;
713
667
  /**
@@ -740,8 +694,7 @@ export declare type BryntumTreeComboProps = {
740
694
  * 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
741
695
  * [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
742
696
  * this widget:
743
- * ...
744
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-tab)
697
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-tab)
745
698
  */
746
699
  tab?: boolean | TabConfig;
747
700
  /**
@@ -749,14 +702,12 @@ export declare type BryntumTreeComboProps = {
749
702
  * is equivalent to natural tab order, but is unnecessary for fields since they are naturally tabbable
750
703
  * (i.e., accessible via the TAB key). Setting to `-1` disables tabbability but allows for focus to be set
751
704
  * to the element programmatically.
752
- * ...
753
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-tabIndex)
705
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-tabIndex)
754
706
  */
755
707
  tabIndex?: number;
756
708
  /**
757
709
  * Text alignment: 'left', 'center' or 'right'. Also accepts direction neutral 'start' and 'end'.
758
- * ...
759
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-textAlign)
710
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-textAlign)
760
711
  */
761
712
  textAlign?: 'left' | 'center' | 'right' | 'start' | 'end';
762
713
  /**
@@ -765,30 +716,26 @@ export declare type BryntumTreeComboProps = {
765
716
  title?: string;
766
717
  /**
767
718
  * Tooltip for the widget, either as a string or as a Tooltip config object.
768
- * ...
769
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-tooltip)
719
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-tooltip)
770
720
  */
771
721
  tooltip?: string | TooltipConfig | null;
772
722
  /**
773
723
  * How to query the store upon click of the expand trigger. Specify one of these values:
774
- * ...
775
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-triggerAction)
724
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-triggerAction)
776
725
  */
777
726
  triggerAction?: 'all' | 'last' | null;
778
727
  /**
779
728
  * The triggers to add either before or after the input field. Each property name is the reference by which
780
729
  * an instantiated Trigger Widget may be retrieved from the live `triggers` property.
781
- * ...
782
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-triggers)
730
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-triggers)
783
731
  */
784
- triggers?: Record<string, FieldTriggerConfig> | Record<string, Widget>;
732
+ triggers?: Record<string, FieldTriggerConfig>;
785
733
  type?: 'treecombo';
786
734
  /**
787
735
  * Custom CSS class name suffixes to apply to the elements rendered by this widget. This may be specified
788
736
  * as a space separated string, an array of strings, or as an object in which property names with truthy
789
737
  * values are used as the class names.
790
- * ...
791
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-ui)
738
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-ui)
792
739
  */
793
740
  ui?: string | object;
794
741
  /**
@@ -808,8 +755,7 @@ export declare type BryntumTreeComboProps = {
808
755
  /**
809
756
  * Field used for item value when populating from store. Setting this to `null` will
810
757
  * yield the selected record as the Combo's [value](https://bryntum.com/products/grid/docs/api/Core/widget/Combo#property-value).
811
- * ...
812
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-valueField)
758
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-valueField)
813
759
  */
814
760
  valueField?: string | null;
815
761
  /**
@@ -825,14 +771,12 @@ export declare type BryntumTreeComboProps = {
825
771
  width?: string | number;
826
772
  /**
827
773
  * The x position for the widget.
828
- * ...
829
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-x)
774
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-x)
830
775
  */
831
776
  x?: number;
832
777
  /**
833
778
  * The y position for the widget.
834
- * ...
835
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-y)
779
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-y)
836
780
  */
837
781
  y?: number;
838
782
  };
@@ -868,7 +812,7 @@ export declare class BryntumTreeComboComponent implements OnInit, OnDestroy {
868
812
  color: Color;
869
813
  config: object;
870
814
  constrainTo: HTMLElement | Widget | Rectangle;
871
- container: Record<string, GridContainerItemConfig> | GridContainerItemConfig[] | FieldContainerConfig | FieldContainer;
815
+ container: Record<string, GridContainerItemConfig> | GridContainerItemConfig[] | FieldContainerConfig;
872
816
  containValues: boolean | string | ((field: Field) => boolean);
873
817
  contentElementCls: string | object;
874
818
  createOnUnmatched: ((name: string, combo: Combo) => Model) | string | boolean;
@@ -876,11 +820,9 @@ export declare class BryntumTreeComboComponent implements OnInit, OnDestroy {
876
820
  defaultBindProperty: string;
877
821
  detectCSSCompatibilityIssues: boolean;
878
822
  displayField: string;
879
- displayValueRenderer: (record: Model | ComboModel, combo: Combo) => string | void;
823
+ displayValueRenderer: (record: Model, combo: Combo) => string | void;
880
824
  dock: 'top' | 'bottom' | 'left' | 'right' | 'start' | 'end' | 'header' | 'pre-header' | object;
881
- draggable: boolean | {
882
- handleSelector?: string;
883
- };
825
+ draggable: boolean | object;
884
826
  elementAttributes: Record<string, string | null>;
885
827
  emptyText: string;
886
828
  encodeFilterParams: (filters: object[]) => object[];
@@ -917,7 +859,7 @@ export declare class BryntumTreeComboComponent implements OnInit, OnDestroy {
917
859
  labelWidth: string | number;
918
860
  listCls: string;
919
861
  listeners: TreeComboListeners;
920
- listItemTpl: (record: Model | ComboModel) => string | void;
862
+ listItemTpl: (record: Model) => string | void;
921
863
  localeClass: typeof Base;
922
864
  localizable: boolean;
923
865
  localizableProperties: string[];
@@ -926,9 +868,7 @@ export declare class BryntumTreeComboComponent implements OnInit, OnDestroy {
926
868
  maxLength: number;
927
869
  minChars: number;
928
870
  minLength: number;
929
- monitorResize: boolean | {
930
- immediate?: boolean;
931
- };
871
+ monitorResize: boolean | object;
932
872
  multiValueSeparator: string;
933
873
  name: string;
934
874
  overlayAnchor: boolean;
@@ -939,12 +879,8 @@ export declare class BryntumTreeComboComponent implements OnInit, OnDestroy {
939
879
  primaryFilter: CollectionFilterConfig;
940
880
  relayStoreEvents: boolean;
941
881
  revertOnEscape: boolean;
942
- ripple: boolean | {
943
- delegate?: string;
944
- color?: string;
945
- radius?: number;
946
- clip?: string;
947
- };
882
+ ripple: boolean | object;
883
+ role: string;
948
884
  rootElement: ShadowRoot | HTMLElement;
949
885
  scrollAction: 'hide' | 'realign' | null;
950
886
  showAnimation: boolean | object;
@@ -1004,11 +940,9 @@ export declare class BryntumTreeComboComponent implements OnInit, OnDestroy {
1004
940
  width: number | string;
1005
941
  x: number;
1006
942
  y: number;
1007
- anchorSize: number[];
1008
943
  content: string;
1009
- focusVisible: boolean;
1010
944
  formula: string;
1011
- html: string | ((widget: Widget) => string) | DomConfig | DomConfig[] | VueConfig;
945
+ html: string | ((widget: Widget) => void) | DomConfig | DomConfig[] | VueConfig | ReactJSX;
1012
946
  input: HTMLElement;
1013
947
  parent: Widget;
1014
948
  scrollable: Scroller;
@@ -1042,8 +976,7 @@ export declare class BryntumTreeComboComponent implements OnInit, OnDestroy {
1042
976
  onBeforeShow: any;
1043
977
  /**
1044
978
  * Fires when any other event is fired from the object.
1045
- * ...
1046
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#event-catchAll)
979
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#event-catchAll)
1047
980
  * @param {object} event Event object
1048
981
  * @param {{[key: string]: any, type: string}} event.event The Object that contains event details
1049
982
  * @param {string} event.event.type The type of the event which is caught by the listener
@@ -1063,8 +996,7 @@ export declare class BryntumTreeComboComponent implements OnInit, OnDestroy {
1063
996
  onChange: any;
1064
997
  /**
1065
998
  * Fired when this field is [cleared](https://bryntum.com/products/grid/docs/api/Core/widget/Field#function-clear).
1066
- * ...
1067
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#event-clear)
999
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#event-clear)
1068
1000
  * @param {object} event Event object
1069
1001
  * @param {Core.widget.Field,any} event.source This Field
1070
1002
  */
@@ -1123,8 +1055,7 @@ export declare class BryntumTreeComboComponent implements OnInit, OnDestroy {
1123
1055
  /**
1124
1056
  * Triggered when a widget which had been in a non-visible state for any reason
1125
1057
  * achieves visibility.
1126
- * ...
1127
- * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#event-paint)
1058
+ * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#event-paint)
1128
1059
  * @param {object} event Event object
1129
1060
  * @param {Core.widget.Widget} event.source The widget being painted.
1130
1061
  * @param {boolean} event.firstPaint `true` if this is the first paint.
@@ -1177,6 +1108,14 @@ export declare class BryntumTreeComboComponent implements OnInit, OnDestroy {
1177
1108
  * Create and append the underlying widget
1178
1109
  */
1179
1110
  ngOnInit(): void;
1111
+ /**
1112
+ * Extracts all @font-face declarations from a shadow root's stylesheets and adds them to
1113
+ * document.head as a single <style> element. This is needed because @font-face rules inside
1114
+ * a shadow root are not reliably included in document.fonts across all browsers, causing
1115
+ * Bryntum's CSS compatibility check to incorrectly report missing fonts.
1116
+ * Safe to call multiple times — the extraction runs only once per page.
1117
+ */
1118
+ private static ensureFontsInDocument;
1180
1119
  /**
1181
1120
  * Watch for changes
1182
1121
  * @param changes
@@ -1187,5 +1126,5 @@ export declare class BryntumTreeComboComponent implements OnInit, OnDestroy {
1187
1126
  */
1188
1127
  ngOnDestroy(): void;
1189
1128
  static ɵfac: i0.ɵɵFactoryDeclaration<BryntumTreeComboComponent, never>;
1190
- static ɵcmp: i0.ɵɵComponentDeclaration<BryntumTreeComboComponent, "bryntum-tree-combo", never, { "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoComplete": "autoComplete"; "autoExpand": "autoExpand"; "autoSelect": "autoSelect"; "bubbleEvents": "bubbleEvents"; "cacheLastResult": "cacheLastResult"; "caseSensitive": "caseSensitive"; "centered": "centered"; "chipView": "chipView"; "clearable": "clearable"; "clearTextOnPickerHide": "clearTextOnPickerHide"; "clearTextOnSelection": "clearTextOnSelection"; "clearWhenInputEmpty": "clearWhenInputEmpty"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "container": "container"; "containValues": "containValues"; "contentElementCls": "contentElementCls"; "createOnUnmatched": "createOnUnmatched"; "dataField": "dataField"; "defaultBindProperty": "defaultBindProperty"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "displayField": "displayField"; "displayValueRenderer": "displayValueRenderer"; "dock": "dock"; "draggable": "draggable"; "elementAttributes": "elementAttributes"; "emptyText": "emptyText"; "encodeFilterParams": "encodeFilterParams"; "filterOnEnter": "filterOnEnter"; "filterParamName": "filterParamName"; "filterSelected": "filterSelected"; "floating": "floating"; "hideAnimation": "hideAnimation"; "hidePickerOnSelect": "hidePickerOnSelect"; "hideTrigger": "hideTrigger"; "highlightExternalChange": "highlightExternalChange"; "hint": "hint"; "hintHtml": "hintHtml"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "inline": "inline"; "inlinePicker": "inlinePicker"; "inputAlign": "inputAlign"; "inputAttributes": "inputAttributes"; "inputTag": "inputTag"; "inputType": "inputType"; "inputWidth": "inputWidth"; "items": "items"; "keyStrokeChangeDelay": "keyStrokeChangeDelay"; "keyStrokeFilterDelay": "keyStrokeFilterDelay"; "labelCls": "labelCls"; "labelPosition": "labelPosition"; "labels": "labels"; "labelWidth": "labelWidth"; "listCls": "listCls"; "listeners": "listeners"; "listItemTpl": "listItemTpl"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "maxLength": "maxLength"; "minChars": "minChars"; "minLength": "minLength"; "monitorResize": "monitorResize"; "multiValueSeparator": "multiValueSeparator"; "name": "name"; "overlayAnchor": "overlayAnchor"; "pickerAlignElement": "pickerAlignElement"; "pickerWidth": "pickerWidth"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "primaryFilter": "primaryFilter"; "relayStoreEvents": "relayStoreEvents"; "revertOnEscape": "revertOnEscape"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "skipValidation": "skipValidation"; "spellCheck": "spellCheck"; "tab": "tab"; "tabIndex": "tabIndex"; "textAlign": "textAlign"; "title": "title"; "triggerAction": "triggerAction"; "type": "type"; "ui": "ui"; "validateFilter": "validateFilter"; "validateOnInput": "validateOnInput"; "valueField": "valueField"; "weight": "weight"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "badge": "badge"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "column": "column"; "dataset": "dataset"; "disabled": "disabled"; "editable": "editable"; "extraData": "extraData"; "filterOperator": "filterOperator"; "flex": "flex"; "height": "height"; "hidden": "hidden"; "id": "id"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "keyMap": "keyMap"; "label": "label"; "margin": "margin"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "multiSelect": "multiSelect"; "picker": "picker"; "placeholder": "placeholder"; "readOnly": "readOnly"; "rendition": "rendition"; "required": "required"; "rtl": "rtl"; "showRequiredIndicator": "showRequiredIndicator"; "span": "span"; "store": "store"; "tooltip": "tooltip"; "triggers": "triggers"; "value": "value"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "content": "content"; "focusVisible": "focusVisible"; "formula": "formula"; "html": "html"; "input": "input"; "parent": "parent"; "scrollable": "scrollable"; }, { "onAction": "onAction"; "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeShow": "onBeforeShow"; "onCatchAll": "onCatchAll"; "onChange": "onChange"; "onClear": "onClear"; "onDestroy": "onDestroy"; "onElementCreated": "onElementCreated"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onInput": "onInput"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onSelect": "onSelect"; "onShow": "onShow"; "onTrigger": "onTrigger"; }, never, never>;
1129
+ static ɵcmp: i0.ɵɵComponentDeclaration<BryntumTreeComboComponent, "bryntum-tree-combo", never, { "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoComplete": "autoComplete"; "autoExpand": "autoExpand"; "autoSelect": "autoSelect"; "bubbleEvents": "bubbleEvents"; "cacheLastResult": "cacheLastResult"; "caseSensitive": "caseSensitive"; "centered": "centered"; "chipView": "chipView"; "clearable": "clearable"; "clearTextOnPickerHide": "clearTextOnPickerHide"; "clearTextOnSelection": "clearTextOnSelection"; "clearWhenInputEmpty": "clearWhenInputEmpty"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "container": "container"; "containValues": "containValues"; "contentElementCls": "contentElementCls"; "createOnUnmatched": "createOnUnmatched"; "dataField": "dataField"; "defaultBindProperty": "defaultBindProperty"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "displayField": "displayField"; "displayValueRenderer": "displayValueRenderer"; "dock": "dock"; "draggable": "draggable"; "elementAttributes": "elementAttributes"; "emptyText": "emptyText"; "encodeFilterParams": "encodeFilterParams"; "filterOnEnter": "filterOnEnter"; "filterParamName": "filterParamName"; "filterSelected": "filterSelected"; "floating": "floating"; "hideAnimation": "hideAnimation"; "hidePickerOnSelect": "hidePickerOnSelect"; "hideTrigger": "hideTrigger"; "highlightExternalChange": "highlightExternalChange"; "hint": "hint"; "hintHtml": "hintHtml"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "inline": "inline"; "inlinePicker": "inlinePicker"; "inputAlign": "inputAlign"; "inputAttributes": "inputAttributes"; "inputTag": "inputTag"; "inputType": "inputType"; "inputWidth": "inputWidth"; "items": "items"; "keyStrokeChangeDelay": "keyStrokeChangeDelay"; "keyStrokeFilterDelay": "keyStrokeFilterDelay"; "labelCls": "labelCls"; "labelPosition": "labelPosition"; "labels": "labels"; "labelWidth": "labelWidth"; "listCls": "listCls"; "listeners": "listeners"; "listItemTpl": "listItemTpl"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "maxLength": "maxLength"; "minChars": "minChars"; "minLength": "minLength"; "monitorResize": "monitorResize"; "multiValueSeparator": "multiValueSeparator"; "name": "name"; "overlayAnchor": "overlayAnchor"; "pickerAlignElement": "pickerAlignElement"; "pickerWidth": "pickerWidth"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "primaryFilter": "primaryFilter"; "relayStoreEvents": "relayStoreEvents"; "revertOnEscape": "revertOnEscape"; "ripple": "ripple"; "role": "role"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "skipValidation": "skipValidation"; "spellCheck": "spellCheck"; "tab": "tab"; "tabIndex": "tabIndex"; "textAlign": "textAlign"; "title": "title"; "triggerAction": "triggerAction"; "type": "type"; "ui": "ui"; "validateFilter": "validateFilter"; "validateOnInput": "validateOnInput"; "valueField": "valueField"; "weight": "weight"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "badge": "badge"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "column": "column"; "dataset": "dataset"; "disabled": "disabled"; "editable": "editable"; "extraData": "extraData"; "filterOperator": "filterOperator"; "flex": "flex"; "height": "height"; "hidden": "hidden"; "id": "id"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "keyMap": "keyMap"; "label": "label"; "margin": "margin"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "multiSelect": "multiSelect"; "picker": "picker"; "placeholder": "placeholder"; "readOnly": "readOnly"; "rendition": "rendition"; "required": "required"; "rtl": "rtl"; "showRequiredIndicator": "showRequiredIndicator"; "span": "span"; "store": "store"; "tooltip": "tooltip"; "triggers": "triggers"; "value": "value"; "width": "width"; "x": "x"; "y": "y"; "content": "content"; "formula": "formula"; "html": "html"; "input": "input"; "parent": "parent"; "scrollable": "scrollable"; }, { "onAction": "onAction"; "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeShow": "onBeforeShow"; "onCatchAll": "onCatchAll"; "onChange": "onChange"; "onClear": "onClear"; "onDestroy": "onDestroy"; "onElementCreated": "onElementCreated"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onInput": "onInput"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onSelect": "onSelect"; "onShow": "onShow"; "onTrigger": "onTrigger"; }, never, never>;
1191
1130
  }