@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.
- 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 ChecklistFilterCombo
|
|
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 { ChecklistFilterCombo, ChecklistFilterComboListeners, GridContainerItemConfig } from '@bryntum/grid-thin';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export declare type BryntumChecklistFilterComboProps = {
|
|
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/ChecklistFilterCombo#config-adopt)
|
|
12
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#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/ChecklistFilterCombo#config-align)
|
|
17
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-align)
|
|
20
18
|
*/
|
|
21
19
|
align?: AlignSpec | string;
|
|
22
20
|
/**
|
|
@@ -38,15 +36,13 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
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/ChecklistFilterCombo#config-ariaDescription)
|
|
39
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#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/ChecklistFilterCombo#config-ariaLabel)
|
|
45
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-ariaLabel)
|
|
50
46
|
*/
|
|
51
47
|
ariaLabel?: string;
|
|
52
48
|
/**
|
|
@@ -69,20 +65,17 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
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/ChecklistFilterCombo#config-bubbleEvents)
|
|
68
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#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/ChecklistFilterCombo#config-cacheLastResult)
|
|
73
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#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/ChecklistFilterCombo#config-callOnFunctions)
|
|
78
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-callOnFunctions)
|
|
86
79
|
*/
|
|
87
80
|
callOnFunctions?: boolean;
|
|
88
81
|
/**
|
|
@@ -92,8 +85,7 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
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/ChecklistFilterCombo#config-catchEventHandlerExceptions)
|
|
88
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-catchEventHandlerExceptions)
|
|
97
89
|
*/
|
|
98
90
|
catchEventHandlerExceptions?: boolean;
|
|
99
91
|
/**
|
|
@@ -104,8 +96,7 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
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/ChecklistFilterCombo#config-chipView)
|
|
99
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-chipView)
|
|
109
100
|
*/
|
|
110
101
|
chipView?: ChipViewConfig;
|
|
111
102
|
/**
|
|
@@ -130,15 +121,13 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
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/ChecklistFilterCombo#config-cls)
|
|
124
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#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/ChecklistFilterCombo#config-color)
|
|
130
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-color)
|
|
142
131
|
*/
|
|
143
132
|
color?: Color;
|
|
144
133
|
/**
|
|
@@ -155,15 +144,13 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
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/ChecklistFilterCombo#config-container)
|
|
147
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#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/ChecklistFilterCombo#config-containValues)
|
|
153
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-containValues)
|
|
167
154
|
* @param {Core.widget.Field} field Field instance
|
|
168
155
|
* @returns {boolean}
|
|
169
156
|
*/
|
|
@@ -172,16 +159,14 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
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/ChecklistFilterCombo#config-contentElementCls)
|
|
162
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#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/ChecklistFilterCombo#config-createOnUnmatched)
|
|
169
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#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 BryntumChecklistFilterComboProps = {
|
|
|
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/ChecklistFilterCombo#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/ChecklistFilterCombo#config-disabled)
|
|
198
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-disabled)
|
|
215
199
|
*/
|
|
216
200
|
disabled?: boolean | 'inert';
|
|
217
201
|
/**
|
|
@@ -224,26 +208,23 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
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/ChecklistFilterCombo#config-dock)
|
|
217
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#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/ChecklistFilterCombo#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 BryntumChecklistFilterComboProps = {
|
|
|
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/ChecklistFilterCombo#config-elementAttributes)
|
|
235
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#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/ChecklistFilterCombo#config-emptyText)
|
|
240
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#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/ChecklistFilterCombo#config-encodeFilterParams)
|
|
246
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-encodeFilterParams)
|
|
269
247
|
* @param {object[]} filters filters
|
|
270
248
|
* @returns {object[]} array of values
|
|
271
249
|
*/
|
|
@@ -279,8 +257,7 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
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/ChecklistFilterCombo#config-filterOperator)
|
|
260
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-filterOperator)
|
|
284
261
|
*/
|
|
285
262
|
filterOperator?: CollectionCompareOperator;
|
|
286
263
|
/**
|
|
@@ -321,8 +298,7 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
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/ChecklistFilterCombo#config-hideAnimation)
|
|
301
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-hideAnimation)
|
|
326
302
|
*/
|
|
327
303
|
hideAnimation?: boolean | object;
|
|
328
304
|
/**
|
|
@@ -343,8 +319,7 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
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/ChecklistFilterCombo#config-hint)
|
|
322
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#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 BryntumChecklistFilterComboProps = {
|
|
|
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/ChecklistFilterCombo#config-hintHtml)
|
|
336
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#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 BryntumChecklistFilterComboProps = {
|
|
|
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/ChecklistFilterCombo#config-ignoreParentReadOnly)
|
|
352
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#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/ChecklistFilterCombo#config-inline)
|
|
359
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#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/ChecklistFilterCombo#config-inlinePicker)
|
|
365
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-inlinePicker)
|
|
395
366
|
*/
|
|
396
367
|
inlinePicker?: boolean;
|
|
397
368
|
/**
|
|
@@ -429,30 +400,26 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
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/ChecklistFilterCombo#config-items)
|
|
403
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#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/ChecklistFilterCombo#config-keyMap)
|
|
410
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#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/ChecklistFilterCombo#config-keyStrokeChangeDelay)
|
|
417
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#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/ChecklistFilterCombo#config-keyStrokeFilterDelay)
|
|
422
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-keyStrokeFilterDelay)
|
|
456
423
|
*/
|
|
457
424
|
keyStrokeFilterDelay?: number;
|
|
458
425
|
/**
|
|
@@ -465,15 +432,15 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
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/ChecklistFilterCombo#config-labelPosition)
|
|
435
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#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/ChecklistFilterCombo#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,8 +453,7 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
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/ChecklistFilterCombo#config-listeners)
|
|
456
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-listeners)
|
|
491
457
|
*/
|
|
492
458
|
listeners?: ChecklistFilterComboListeners;
|
|
493
459
|
/**
|
|
@@ -498,18 +464,16 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
498
464
|
listItemPillTpl?: (record: Model) => string;
|
|
499
465
|
/**
|
|
500
466
|
* Template string used to render the list items in the dropdown list
|
|
501
|
-
* ...
|
|
502
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-listItemTpl)
|
|
467
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-listItemTpl)
|
|
503
468
|
* @param {Core.data.Model} record The record representing the item being rendered
|
|
504
469
|
* @returns {string,void}
|
|
505
470
|
*/
|
|
506
|
-
listItemTpl?: (record: Model
|
|
471
|
+
listItemTpl?: (record: Model) => string | void;
|
|
507
472
|
/**
|
|
508
473
|
* A class translations of which are used for translating this entity.
|
|
509
474
|
* This is often used when translations of an item are defined on its container class.
|
|
510
475
|
* For example:
|
|
511
|
-
* ...
|
|
512
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-localeClass)
|
|
476
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-localeClass)
|
|
513
477
|
*/
|
|
514
478
|
localeClass?: typeof Base;
|
|
515
479
|
/**
|
|
@@ -521,8 +485,7 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
521
485
|
* In case there is a need to localize not typical value (not a String value or a field with re-defined setter/getter),
|
|
522
486
|
* you could use 'localeKey' meta configuration.
|
|
523
487
|
* Example:
|
|
524
|
-
* ...
|
|
525
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-localizableProperties)
|
|
488
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-localizableProperties)
|
|
526
489
|
*/
|
|
527
490
|
localizableProperties?: string[];
|
|
528
491
|
/**
|
|
@@ -548,8 +511,7 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
548
511
|
maxHeight?: string | number;
|
|
549
512
|
/**
|
|
550
513
|
* *Only valid if this Widget is [floating](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-floating).*
|
|
551
|
-
* ...
|
|
552
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-maximizeOnMobile)
|
|
514
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-maximizeOnMobile)
|
|
553
515
|
*/
|
|
554
516
|
maximizeOnMobile?: number | string;
|
|
555
517
|
/**
|
|
@@ -563,8 +525,7 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
563
525
|
maxWidth?: string | number;
|
|
564
526
|
/**
|
|
565
527
|
* 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`.
|
|
566
|
-
* ...
|
|
567
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-minChars)
|
|
528
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-minChars)
|
|
568
529
|
*/
|
|
569
530
|
minChars?: number;
|
|
570
531
|
/**
|
|
@@ -585,12 +546,10 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
585
546
|
* When this is configured as `true` a [ResizeObserver](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver)
|
|
586
547
|
* is used to monitor this element for size changes caused by either style manipulation, or by CSS
|
|
587
548
|
* layout.
|
|
588
|
-
* ...
|
|
589
|
-
*
|
|
549
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-monitorResize)
|
|
550
|
+
* @property {boolean} immediate Set to `true` to receive resize notifications immediately.
|
|
590
551
|
*/
|
|
591
|
-
monitorResize?: boolean |
|
|
592
|
-
immediate?: boolean;
|
|
593
|
-
};
|
|
552
|
+
monitorResize?: boolean | object;
|
|
594
553
|
/**
|
|
595
554
|
* A key value which, when typed in a [multiSelect](https://bryntum.com/products/grid/docs/api/Core/widget/Combo#config-multiSelect) Combo, selects the
|
|
596
555
|
* currently active item in the picker, and clears the input field ready for another
|
|
@@ -601,8 +560,7 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
601
560
|
* Name of the field which is used as a key to get/set values from/to the field.
|
|
602
561
|
* 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
562
|
* [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/ChecklistFilterCombo#config-name)
|
|
563
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-name)
|
|
606
564
|
*/
|
|
607
565
|
name?: string;
|
|
608
566
|
/**
|
|
@@ -613,10 +571,9 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
613
571
|
/**
|
|
614
572
|
* Configuration object for the [picker](https://bryntum.com/products/grid/docs/api/Core/widget/List) on initialization. Returns the
|
|
615
573
|
* [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/ChecklistFilterCombo#config-picker)
|
|
574
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-picker)
|
|
618
575
|
*/
|
|
619
|
-
picker?: ListConfig
|
|
576
|
+
picker?: ListConfig;
|
|
620
577
|
/**
|
|
621
578
|
* The name of the element property to which the picker should size and align itself.
|
|
622
579
|
*/
|
|
@@ -633,8 +590,7 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
633
590
|
* 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
591
|
* not participate in the standard layout of that widget, and must be positioned relatively to that
|
|
635
592
|
* 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/ChecklistFilterCombo#config-positioned)
|
|
593
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-positioned)
|
|
638
594
|
*/
|
|
639
595
|
positioned?: boolean;
|
|
640
596
|
/**
|
|
@@ -646,22 +602,19 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
646
602
|
* Optionally a [Filter](https://bryntum.com/products/grid/docs/api/Core/util/CollectionFilter) config object which the combo should use for
|
|
647
603
|
* filtering using the typed value.
|
|
648
604
|
* 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/ChecklistFilterCombo#config-primaryFilter)
|
|
605
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-primaryFilter)
|
|
651
606
|
*/
|
|
652
607
|
primaryFilter?: CollectionFilterConfig;
|
|
653
608
|
/**
|
|
654
609
|
* Makes the field unmodifiable by user action. The input area is not editable, and triggers
|
|
655
610
|
* are unresponsive.
|
|
656
|
-
* ...
|
|
657
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-readOnly)
|
|
611
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-readOnly)
|
|
658
612
|
*/
|
|
659
613
|
readOnly?: boolean;
|
|
660
614
|
relayStoreEvents?: boolean;
|
|
661
615
|
/**
|
|
662
616
|
* Predefined style to use for the field. Possible values are:
|
|
663
|
-
* ...
|
|
664
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-rendition)
|
|
617
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-rendition)
|
|
665
618
|
*/
|
|
666
619
|
rendition?: 'outlined' | 'filled' | string;
|
|
667
620
|
/**
|
|
@@ -680,23 +633,26 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
680
633
|
* Configure as `true` to have the component display a translucent ripple when its
|
|
681
634
|
* [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
635
|
* current theme supports ripples</em>. Out of the box, only the Material theme supports ripples.
|
|
683
|
-
* ...
|
|
684
|
-
* [
|
|
636
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-ripple)
|
|
637
|
+
* @property {string} [delegate] A CSS selector to filter which child elements trigger ripples. By default, the ripple is clipped to the triggering element.
|
|
638
|
+
* @property {string} [color] A CSS color name or specification.
|
|
639
|
+
* @property {number} [radius] The ending radius of the ripple. Note that it will be clipped by the target element by default.
|
|
640
|
+
* @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
641
|
*/
|
|
686
|
-
ripple?: boolean |
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
642
|
+
ripple?: boolean | object;
|
|
643
|
+
/**
|
|
644
|
+
* The ARIA role to apply to this widget's element. By default, this is set to `'presentation'` to avoid
|
|
645
|
+
* accidentally applying a role which may interfere with screen readers.
|
|
646
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-role)
|
|
647
|
+
*/
|
|
648
|
+
role?: string;
|
|
692
649
|
/**
|
|
693
650
|
* 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
651
|
*/
|
|
695
652
|
rootElement?: ShadowRoot | HTMLElement;
|
|
696
653
|
/**
|
|
697
654
|
* 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/ChecklistFilterCombo#config-rtl)
|
|
655
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-rtl)
|
|
700
656
|
*/
|
|
701
657
|
rtl?: boolean;
|
|
702
658
|
/**
|
|
@@ -710,8 +666,7 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
710
666
|
searchText?: string;
|
|
711
667
|
/**
|
|
712
668
|
* *Only valid if this Widget is [floating](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-floating).*
|
|
713
|
-
* ...
|
|
714
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-showAnimation)
|
|
669
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-showAnimation)
|
|
715
670
|
*/
|
|
716
671
|
showAnimation?: boolean | object;
|
|
717
672
|
/**
|
|
@@ -749,8 +704,7 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
749
704
|
* 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
|
|
750
705
|
* [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
|
|
751
706
|
* this widget:
|
|
752
|
-
* ...
|
|
753
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-tab)
|
|
707
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-tab)
|
|
754
708
|
*/
|
|
755
709
|
tab?: boolean | TabConfig;
|
|
756
710
|
/**
|
|
@@ -758,14 +712,12 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
758
712
|
* is equivalent to natural tab order, but is unnecessary for fields since they are naturally tabbable
|
|
759
713
|
* (i.e., accessible via the TAB key). Setting to `-1` disables tabbability but allows for focus to be set
|
|
760
714
|
* to the element programmatically.
|
|
761
|
-
* ...
|
|
762
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-tabIndex)
|
|
715
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-tabIndex)
|
|
763
716
|
*/
|
|
764
717
|
tabIndex?: number;
|
|
765
718
|
/**
|
|
766
719
|
* Text alignment: 'left', 'center' or 'right'. Also accepts direction neutral 'start' and 'end'.
|
|
767
|
-
* ...
|
|
768
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-textAlign)
|
|
720
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-textAlign)
|
|
769
721
|
*/
|
|
770
722
|
textAlign?: 'left' | 'center' | 'right' | 'start' | 'end';
|
|
771
723
|
/**
|
|
@@ -774,30 +726,26 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
774
726
|
title?: string;
|
|
775
727
|
/**
|
|
776
728
|
* Tooltip for the widget, either as a string or as a Tooltip config object.
|
|
777
|
-
* ...
|
|
778
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-tooltip)
|
|
729
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-tooltip)
|
|
779
730
|
*/
|
|
780
731
|
tooltip?: string | TooltipConfig | null;
|
|
781
732
|
/**
|
|
782
733
|
* How to query the store upon click of the expand trigger. Specify one of these values:
|
|
783
|
-
* ...
|
|
784
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-triggerAction)
|
|
734
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-triggerAction)
|
|
785
735
|
*/
|
|
786
736
|
triggerAction?: 'all' | 'last' | null;
|
|
787
737
|
/**
|
|
788
738
|
* The triggers to add either before or after the input field. Each property name is the reference by which
|
|
789
739
|
* an instantiated Trigger Widget may be retrieved from the live `triggers` property.
|
|
790
|
-
* ...
|
|
791
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-triggers)
|
|
740
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-triggers)
|
|
792
741
|
*/
|
|
793
|
-
triggers?: Record<string, FieldTriggerConfig
|
|
742
|
+
triggers?: Record<string, FieldTriggerConfig>;
|
|
794
743
|
type?: 'checklistfiltercombo';
|
|
795
744
|
/**
|
|
796
745
|
* Custom CSS class name suffixes to apply to the elements rendered by this widget. This may be specified
|
|
797
746
|
* as a space separated string, an array of strings, or as an object in which property names with truthy
|
|
798
747
|
* values are used as the class names.
|
|
799
|
-
* ...
|
|
800
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-ui)
|
|
748
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-ui)
|
|
801
749
|
*/
|
|
802
750
|
ui?: string | object;
|
|
803
751
|
/**
|
|
@@ -816,8 +764,7 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
816
764
|
/**
|
|
817
765
|
* Field used for item value when populating from store. Setting this to `null` will
|
|
818
766
|
* yield the selected record as the Combo's [value](https://bryntum.com/products/grid/docs/api/Core/widget/Combo#property-value).
|
|
819
|
-
* ...
|
|
820
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-valueField)
|
|
767
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-valueField)
|
|
821
768
|
*/
|
|
822
769
|
valueField?: string | null;
|
|
823
770
|
/**
|
|
@@ -833,14 +780,12 @@ export declare type BryntumChecklistFilterComboProps = {
|
|
|
833
780
|
width?: string | number;
|
|
834
781
|
/**
|
|
835
782
|
* The x position for the widget.
|
|
836
|
-
* ...
|
|
837
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-x)
|
|
783
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-x)
|
|
838
784
|
*/
|
|
839
785
|
x?: number;
|
|
840
786
|
/**
|
|
841
787
|
* The y position for the widget.
|
|
842
|
-
* ...
|
|
843
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-y)
|
|
788
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-y)
|
|
844
789
|
*/
|
|
845
790
|
y?: number;
|
|
846
791
|
};
|
|
@@ -876,7 +821,7 @@ export declare class BryntumChecklistFilterComboComponent implements OnInit, OnD
|
|
|
876
821
|
color: Color;
|
|
877
822
|
config: object;
|
|
878
823
|
constrainTo: HTMLElement | Widget | Rectangle;
|
|
879
|
-
container: Record<string, GridContainerItemConfig> | GridContainerItemConfig[] | FieldContainerConfig
|
|
824
|
+
container: Record<string, GridContainerItemConfig> | GridContainerItemConfig[] | FieldContainerConfig;
|
|
880
825
|
containValues: boolean | string | ((field: Field) => boolean);
|
|
881
826
|
contentElementCls: string | object;
|
|
882
827
|
createOnUnmatched: ((name: string, combo: Combo) => Model) | string | boolean;
|
|
@@ -884,11 +829,9 @@ export declare class BryntumChecklistFilterComboComponent implements OnInit, OnD
|
|
|
884
829
|
defaultBindProperty: string;
|
|
885
830
|
detectCSSCompatibilityIssues: boolean;
|
|
886
831
|
displayField: string;
|
|
887
|
-
displayValueRenderer: (record: Model
|
|
832
|
+
displayValueRenderer: (record: Model, combo: Combo) => string | void;
|
|
888
833
|
dock: 'top' | 'bottom' | 'left' | 'right' | 'start' | 'end' | 'header' | 'pre-header' | object;
|
|
889
|
-
draggable: boolean |
|
|
890
|
-
handleSelector?: string;
|
|
891
|
-
};
|
|
834
|
+
draggable: boolean | object;
|
|
892
835
|
elementAttributes: Record<string, string | null>;
|
|
893
836
|
emptyText: string;
|
|
894
837
|
encodeFilterParams: (filters: object[]) => object[];
|
|
@@ -925,7 +868,7 @@ export declare class BryntumChecklistFilterComboComponent implements OnInit, OnD
|
|
|
925
868
|
labelWidth: string | number;
|
|
926
869
|
listCls: string;
|
|
927
870
|
listeners: ChecklistFilterComboListeners;
|
|
928
|
-
listItemTpl: (record: Model
|
|
871
|
+
listItemTpl: (record: Model) => string | void;
|
|
929
872
|
localeClass: typeof Base;
|
|
930
873
|
localizable: boolean;
|
|
931
874
|
localizableProperties: string[];
|
|
@@ -934,9 +877,7 @@ export declare class BryntumChecklistFilterComboComponent implements OnInit, OnD
|
|
|
934
877
|
maxLength: number;
|
|
935
878
|
minChars: number;
|
|
936
879
|
minLength: number;
|
|
937
|
-
monitorResize: boolean |
|
|
938
|
-
immediate?: boolean;
|
|
939
|
-
};
|
|
880
|
+
monitorResize: boolean | object;
|
|
940
881
|
multiValueSeparator: string;
|
|
941
882
|
name: string;
|
|
942
883
|
overlayAnchor: boolean;
|
|
@@ -947,12 +888,8 @@ export declare class BryntumChecklistFilterComboComponent implements OnInit, OnD
|
|
|
947
888
|
primaryFilter: CollectionFilterConfig;
|
|
948
889
|
relayStoreEvents: boolean;
|
|
949
890
|
revertOnEscape: boolean;
|
|
950
|
-
ripple: boolean |
|
|
951
|
-
|
|
952
|
-
color?: string;
|
|
953
|
-
radius?: number;
|
|
954
|
-
clip?: string;
|
|
955
|
-
};
|
|
891
|
+
ripple: boolean | object;
|
|
892
|
+
role: string;
|
|
956
893
|
rootElement: ShadowRoot | HTMLElement;
|
|
957
894
|
scrollAction: 'hide' | 'realign' | null;
|
|
958
895
|
showAnimation: boolean | object;
|
|
@@ -1014,11 +951,9 @@ export declare class BryntumChecklistFilterComboComponent implements OnInit, OnD
|
|
|
1014
951
|
width: number | string;
|
|
1015
952
|
x: number;
|
|
1016
953
|
y: number;
|
|
1017
|
-
anchorSize: number[];
|
|
1018
954
|
content: string;
|
|
1019
|
-
focusVisible: boolean;
|
|
1020
955
|
formula: string;
|
|
1021
|
-
html: string | ((widget: Widget) =>
|
|
956
|
+
html: string | ((widget: Widget) => void) | DomConfig | DomConfig[] | VueConfig | ReactJSX;
|
|
1022
957
|
input: HTMLElement;
|
|
1023
958
|
multiSelect: boolean;
|
|
1024
959
|
parent: Widget;
|
|
@@ -1053,8 +988,7 @@ export declare class BryntumChecklistFilterComboComponent implements OnInit, OnD
|
|
|
1053
988
|
onBeforeShow: any;
|
|
1054
989
|
/**
|
|
1055
990
|
* Fires when any other event is fired from the object.
|
|
1056
|
-
* ...
|
|
1057
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#event-catchAll)
|
|
991
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#event-catchAll)
|
|
1058
992
|
* @param {object} event Event object
|
|
1059
993
|
* @param {{[key: string]: any, type: string}} event.event The Object that contains event details
|
|
1060
994
|
* @param {string} event.event.type The type of the event which is caught by the listener
|
|
@@ -1074,8 +1008,7 @@ export declare class BryntumChecklistFilterComboComponent implements OnInit, OnD
|
|
|
1074
1008
|
onChange: any;
|
|
1075
1009
|
/**
|
|
1076
1010
|
* Fired when this field is [cleared](https://bryntum.com/products/grid/docs/api/Core/widget/Field#function-clear).
|
|
1077
|
-
* ...
|
|
1078
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#event-clear)
|
|
1011
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#event-clear)
|
|
1079
1012
|
* @param {object} event Event object
|
|
1080
1013
|
* @param {Core.widget.Field,any} event.source This Field
|
|
1081
1014
|
*/
|
|
@@ -1134,8 +1067,7 @@ export declare class BryntumChecklistFilterComboComponent implements OnInit, OnD
|
|
|
1134
1067
|
/**
|
|
1135
1068
|
* Triggered when a widget which had been in a non-visible state for any reason
|
|
1136
1069
|
* achieves visibility.
|
|
1137
|
-
* ...
|
|
1138
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#event-paint)
|
|
1070
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#event-paint)
|
|
1139
1071
|
* @param {object} event Event object
|
|
1140
1072
|
* @param {Core.widget.Widget} event.source The widget being painted.
|
|
1141
1073
|
* @param {boolean} event.firstPaint `true` if this is the first paint.
|
|
@@ -1188,6 +1120,14 @@ export declare class BryntumChecklistFilterComboComponent implements OnInit, OnD
|
|
|
1188
1120
|
* Create and append the underlying widget
|
|
1189
1121
|
*/
|
|
1190
1122
|
ngOnInit(): void;
|
|
1123
|
+
/**
|
|
1124
|
+
* Extracts all @font-face declarations from a shadow root's stylesheets and adds them to
|
|
1125
|
+
* document.head as a single <style> element. This is needed because @font-face rules inside
|
|
1126
|
+
* a shadow root are not reliably included in document.fonts across all browsers, causing
|
|
1127
|
+
* Bryntum's CSS compatibility check to incorrectly report missing fonts.
|
|
1128
|
+
* Safe to call multiple times — the extraction runs only once per page.
|
|
1129
|
+
*/
|
|
1130
|
+
private static ensureFontsInDocument;
|
|
1191
1131
|
/**
|
|
1192
1132
|
* Watch for changes
|
|
1193
1133
|
* @param changes
|
|
@@ -1198,5 +1138,5 @@ export declare class BryntumChecklistFilterComboComponent implements OnInit, OnD
|
|
|
1198
1138
|
*/
|
|
1199
1139
|
ngOnDestroy(): void;
|
|
1200
1140
|
static ɵfac: i0.ɵɵFactoryDeclaration<BryntumChecklistFilterComboComponent, never>;
|
|
1201
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BryntumChecklistFilterComboComponent, "bryntum-checklist-filter-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"; "listItemPillTpl": "listItemPillTpl"; "margin": "margin"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "picker": "picker"; "placeholder": "placeholder"; "readOnly": "readOnly"; "rendition": "rendition"; "required": "required"; "rtl": "rtl"; "searchText": "searchText"; "showApplyButton": "showApplyButton"; "showRequiredIndicator": "showRequiredIndicator"; "span": "span"; "store": "store"; "tooltip": "tooltip"; "triggers": "triggers"; "value": "value"; "width": "width"; "x": "x"; "y": "y"; "
|
|
1141
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BryntumChecklistFilterComboComponent, "bryntum-checklist-filter-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"; "listItemPillTpl": "listItemPillTpl"; "margin": "margin"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "picker": "picker"; "placeholder": "placeholder"; "readOnly": "readOnly"; "rendition": "rendition"; "required": "required"; "rtl": "rtl"; "searchText": "searchText"; "showApplyButton": "showApplyButton"; "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"; "multiSelect": "multiSelect"; "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>;
|
|
1202
1142
|
}
|