@bryntum/grid-angular-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/bundles/bryntum-grid-angular-thin.umd.js +761 -230
- package/bundles/bryntum-grid-angular-thin.umd.js.map +1 -1
- package/esm2015/lib/bryntum-a-i-filter-field.component.js +62 -14
- package/esm2015/lib/bryntum-checklist-filter-combo.component.js +62 -14
- package/esm2015/lib/bryntum-grid-base.component.js +78 -35
- package/esm2015/lib/bryntum-grid-chart-designer.component.js +61 -12
- package/esm2015/lib/bryntum-grid-field-filter-picker-group.component.js +65 -21
- package/esm2015/lib/bryntum-grid-field-filter-picker.component.js +65 -21
- package/esm2015/lib/bryntum-grid.component.js +78 -35
- package/esm2015/lib/bryntum-group-bar.component.js +61 -12
- package/esm2015/lib/bryntum-tree-combo.component.js +62 -14
- package/esm2015/lib/bryntum-tree-grid.component.js +78 -35
- package/esm2015/lib/grid.module.js +5 -4
- package/esm2015/lib/shadowdom.helper.js +82 -0
- package/fesm2015/bryntum-grid-angular-thin.js +738 -207
- package/fesm2015/bryntum-grid-angular-thin.js.map +1 -1
- package/lib/bryntum-a-i-filter-field.component.d.ts +87 -133
- package/lib/bryntum-checklist-filter-combo.component.d.ts +106 -166
- package/lib/bryntum-grid-base.component.d.ts +238 -303
- package/lib/bryntum-grid-chart-designer.component.d.ts +71 -108
- package/lib/bryntum-grid-field-filter-picker-group.component.d.ts +93 -143
- package/lib/bryntum-grid-field-filter-picker.component.d.ts +94 -145
- package/lib/bryntum-grid.component.d.ts +238 -303
- package/lib/bryntum-group-bar.component.d.ts +77 -118
- package/lib/bryntum-tree-combo.component.d.ts +107 -168
- package/lib/bryntum-tree-grid.component.d.ts +238 -303
- package/lib/grid.module.d.ts +2 -1
- package/lib/shadowdom.helper.d.ts +3 -0
- package/package.json +1 -1
- package/src/lib/bryntum-a-i-filter-field.component.ts +146 -141
- package/src/lib/bryntum-checklist-filter-combo.component.ts +166 -175
- package/src/lib/bryntum-grid-base.component.ts +275 -319
- package/src/lib/bryntum-grid-chart-designer.component.ts +126 -112
- package/src/lib/bryntum-grid-field-filter-picker-group.component.ts +152 -152
- package/src/lib/bryntum-grid-field-filter-picker.component.ts +152 -153
- package/src/lib/bryntum-grid.component.ts +275 -319
- package/src/lib/bryntum-group-bar.component.ts +132 -122
- package/src/lib/bryntum-theme-combo.component.ts +128 -0
- package/src/lib/bryntum-tree-combo.component.ts +166 -176
- package/src/lib/bryntum-tree-grid.component.ts +275 -319
- package/src/lib/grid.module.ts +2 -1
- 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,
|
|
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
|
|
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
|
|
206
|
-
*
|
|
207
|
-
* [
|
|
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
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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
|
|
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
|
-
*
|
|
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
|
|
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
|
-
* [
|
|
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
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
-
|
|
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) =>
|
|
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"; "
|
|
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
|
}
|