@vaadin/multi-select-combo-box 24.3.2 → 24.4.0-dev.223e39f050
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/package.json +14 -13
- package/src/vaadin-multi-select-combo-box-internal.js +15 -6
- package/src/vaadin-multi-select-combo-box-overlay.d.ts +6 -2
- package/src/vaadin-multi-select-combo-box-overlay.js +35 -36
- package/src/vaadin-multi-select-combo-box.js +2 -24
- package/theme/lumo/vaadin-multi-select-combo-box.js +0 -1
- package/theme/material/vaadin-multi-select-combo-box.js +0 -1
- package/web-types.json +0 -798
- package/web-types.lit.json +0 -328
package/web-types.json
DELETED
|
@@ -1,798 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://json.schemastore.org/web-types",
|
|
3
|
-
"name": "@vaadin/multi-select-combo-box",
|
|
4
|
-
"version": "24.3.2",
|
|
5
|
-
"description-markup": "markdown",
|
|
6
|
-
"contributions": {
|
|
7
|
-
"html": {
|
|
8
|
-
"elements": [
|
|
9
|
-
{
|
|
10
|
-
"name": "vaadin-multi-select-combo-box",
|
|
11
|
-
"description": "`<vaadin-multi-select-combo-box>` is a web component that wraps `<vaadin-combo-box>` and extends\nits functionality to allow selecting multiple items, in addition to basic features.\n\n```html\n<vaadin-multi-select-combo-box id=\"comboBox\"></vaadin-multi-select-combo-box>\n```\n```js\nconst comboBox = document.querySelector('#comboBox');\ncomboBox.items = ['apple', 'banana', 'lemon', 'orange'];\ncomboBox.selectedItems = ['lemon', 'orange'];\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------------|----------------\n`chips` | The element that wraps slotted chips for selected items\n`label` | The label element\n`input-field` | The element that wraps prefix, value and suffix\n`clear-button` | The clear button\n`error-message` | The error message element\n`helper-text` | The helper text element wrapper\n`required-indicator` | The `required` state indicator element\n`toggle-button` | The toggle button\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------------|-----------------\n`disabled` | Set to a disabled element\n`has-value` | Set when the element has a value\n`has-label` | Set when the element has a label\n`has-helper` | Set when the element has helper text or slot\n`has-error-message` | Set when the element has an error message\n`invalid` | Set when the element is invalid\n`focused` | Set when the element is focused\n`focus-ring` | Set when the element is keyboard focused\n`loading` | Set when loading items from the data provider\n`opened` | Set when the dropdown is open\n`readonly` | Set to a readonly element\n\nThe following custom CSS properties are available for styling:\n\nCustom property | Description | Default\n-----------------------------------------------------|----------------------------|--------\n`--vaadin-field-default-width` | Default width of the field | `12em`\n`--vaadin-multi-select-combo-box-overlay-width` | Width of the overlay | `auto`\n`--vaadin-multi-select-combo-box-overlay-max-height` | Max height of the overlay | `65vh`\n`--vaadin-multi-select-combo-box-chip-min-width` | Min width of the chip | `50px`\n`--vaadin-multi-select-combo-box-input-min-width` | Min width of the input | `4em`\n\n### Internal components\n\nIn addition to `<vaadin-multi-select-combo-box>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-multi-select-combo-box-overlay>` - has the same API as `<vaadin-overlay>`.\n- `<vaadin-multi-select-combo-box-item>` - has the same API as `<vaadin-item>`.\n- `<vaadin-multi-select-combo-box-container>` - has the same API as `<vaadin-input-container>`.\n\nNote: the `theme` attribute value set on `<vaadin-multi-select-combo-box>` is\npropagated to these components.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
12
|
-
"attributes": [
|
|
13
|
-
{
|
|
14
|
-
"name": "disabled",
|
|
15
|
-
"description": "If true, the user cannot interact with this element.",
|
|
16
|
-
"value": {
|
|
17
|
-
"type": [
|
|
18
|
-
"boolean",
|
|
19
|
-
"null",
|
|
20
|
-
"undefined"
|
|
21
|
-
]
|
|
22
|
-
}
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
"name": "autofocus",
|
|
26
|
-
"description": "Specify that this control should have input focus when the page loads.",
|
|
27
|
-
"value": {
|
|
28
|
-
"type": [
|
|
29
|
-
"boolean",
|
|
30
|
-
"null",
|
|
31
|
-
"undefined"
|
|
32
|
-
]
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
"name": "label",
|
|
37
|
-
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
38
|
-
"value": {
|
|
39
|
-
"type": [
|
|
40
|
-
"string",
|
|
41
|
-
"null",
|
|
42
|
-
"undefined"
|
|
43
|
-
]
|
|
44
|
-
}
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
"name": "invalid",
|
|
48
|
-
"description": "Set to true when the field is invalid.",
|
|
49
|
-
"value": {
|
|
50
|
-
"type": [
|
|
51
|
-
"boolean",
|
|
52
|
-
"null",
|
|
53
|
-
"undefined"
|
|
54
|
-
]
|
|
55
|
-
}
|
|
56
|
-
},
|
|
57
|
-
{
|
|
58
|
-
"name": "required",
|
|
59
|
-
"description": "Specifies that the user must fill in a value.",
|
|
60
|
-
"value": {
|
|
61
|
-
"type": [
|
|
62
|
-
"boolean",
|
|
63
|
-
"null",
|
|
64
|
-
"undefined"
|
|
65
|
-
]
|
|
66
|
-
}
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
"name": "error-message",
|
|
70
|
-
"description": "Error to show when the field is invalid.",
|
|
71
|
-
"value": {
|
|
72
|
-
"type": [
|
|
73
|
-
"string",
|
|
74
|
-
"null",
|
|
75
|
-
"undefined"
|
|
76
|
-
]
|
|
77
|
-
}
|
|
78
|
-
},
|
|
79
|
-
{
|
|
80
|
-
"name": "helper-text",
|
|
81
|
-
"description": "String used for the helper text.",
|
|
82
|
-
"value": {
|
|
83
|
-
"type": [
|
|
84
|
-
"string",
|
|
85
|
-
"null",
|
|
86
|
-
"undefined"
|
|
87
|
-
]
|
|
88
|
-
}
|
|
89
|
-
},
|
|
90
|
-
{
|
|
91
|
-
"name": "accessible-name",
|
|
92
|
-
"description": "String used to label the component to screen reader users.",
|
|
93
|
-
"value": {
|
|
94
|
-
"type": [
|
|
95
|
-
"string",
|
|
96
|
-
"null",
|
|
97
|
-
"undefined"
|
|
98
|
-
]
|
|
99
|
-
}
|
|
100
|
-
},
|
|
101
|
-
{
|
|
102
|
-
"name": "accessible-name-ref",
|
|
103
|
-
"description": "Id of the element used as label of the component to screen reader users.",
|
|
104
|
-
"value": {
|
|
105
|
-
"type": [
|
|
106
|
-
"string",
|
|
107
|
-
"null",
|
|
108
|
-
"undefined"
|
|
109
|
-
]
|
|
110
|
-
}
|
|
111
|
-
},
|
|
112
|
-
{
|
|
113
|
-
"name": "value",
|
|
114
|
-
"description": "The value of the field.",
|
|
115
|
-
"value": {
|
|
116
|
-
"type": [
|
|
117
|
-
"string",
|
|
118
|
-
"null",
|
|
119
|
-
"undefined"
|
|
120
|
-
]
|
|
121
|
-
}
|
|
122
|
-
},
|
|
123
|
-
{
|
|
124
|
-
"name": "clear-button-visible",
|
|
125
|
-
"description": "Set to true to display the clear icon which clears the input.",
|
|
126
|
-
"value": {
|
|
127
|
-
"type": [
|
|
128
|
-
"boolean",
|
|
129
|
-
"null",
|
|
130
|
-
"undefined"
|
|
131
|
-
]
|
|
132
|
-
}
|
|
133
|
-
},
|
|
134
|
-
{
|
|
135
|
-
"name": "allowed-char-pattern",
|
|
136
|
-
"description": "A pattern matched against individual characters the user inputs.\n\nWhen set, the field will prevent:\n- `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`\n- `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`\n- `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`\n\nFor example, to allow entering only numbers and minus signs, use:\n`allowedCharPattern = \"[\\\\d-]\"`",
|
|
137
|
-
"value": {
|
|
138
|
-
"type": [
|
|
139
|
-
"string",
|
|
140
|
-
"null",
|
|
141
|
-
"undefined"
|
|
142
|
-
]
|
|
143
|
-
}
|
|
144
|
-
},
|
|
145
|
-
{
|
|
146
|
-
"name": "autoselect",
|
|
147
|
-
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
|
|
148
|
-
"value": {
|
|
149
|
-
"type": [
|
|
150
|
-
"boolean",
|
|
151
|
-
"null",
|
|
152
|
-
"undefined"
|
|
153
|
-
]
|
|
154
|
-
}
|
|
155
|
-
},
|
|
156
|
-
{
|
|
157
|
-
"name": "name",
|
|
158
|
-
"description": "The name of this field.",
|
|
159
|
-
"value": {
|
|
160
|
-
"type": [
|
|
161
|
-
"string",
|
|
162
|
-
"null",
|
|
163
|
-
"undefined"
|
|
164
|
-
]
|
|
165
|
-
}
|
|
166
|
-
},
|
|
167
|
-
{
|
|
168
|
-
"name": "placeholder",
|
|
169
|
-
"description": "A hint to the user of what can be entered in the control.\nThe placeholder will be only displayed in the case when\nthere is no item selected.",
|
|
170
|
-
"value": {
|
|
171
|
-
"type": [
|
|
172
|
-
"string",
|
|
173
|
-
"null",
|
|
174
|
-
"undefined"
|
|
175
|
-
]
|
|
176
|
-
}
|
|
177
|
-
},
|
|
178
|
-
{
|
|
179
|
-
"name": "readonly",
|
|
180
|
-
"description": "When present, it specifies that the field is read-only.",
|
|
181
|
-
"value": {
|
|
182
|
-
"type": [
|
|
183
|
-
"boolean",
|
|
184
|
-
"null",
|
|
185
|
-
"undefined"
|
|
186
|
-
]
|
|
187
|
-
}
|
|
188
|
-
},
|
|
189
|
-
{
|
|
190
|
-
"name": "title",
|
|
191
|
-
"description": "The text usually displayed in a tooltip popup when the mouse is over the field.",
|
|
192
|
-
"value": {
|
|
193
|
-
"type": [
|
|
194
|
-
"string",
|
|
195
|
-
"null",
|
|
196
|
-
"undefined"
|
|
197
|
-
]
|
|
198
|
-
}
|
|
199
|
-
},
|
|
200
|
-
{
|
|
201
|
-
"name": "auto-expand-horizontally",
|
|
202
|
-
"description": "Set to true to auto expand horizontally, causing input field to\ngrow until max width is reached.",
|
|
203
|
-
"value": {
|
|
204
|
-
"type": [
|
|
205
|
-
"boolean",
|
|
206
|
-
"null",
|
|
207
|
-
"undefined"
|
|
208
|
-
]
|
|
209
|
-
}
|
|
210
|
-
},
|
|
211
|
-
{
|
|
212
|
-
"name": "auto-expand-vertically",
|
|
213
|
-
"description": "Set to true to not collapse selected items chips into the overflow\nchip and instead always expand vertically, causing input field to\nwrap into multiple lines when width is limited.",
|
|
214
|
-
"value": {
|
|
215
|
-
"type": [
|
|
216
|
-
"boolean",
|
|
217
|
-
"null",
|
|
218
|
-
"undefined"
|
|
219
|
-
]
|
|
220
|
-
}
|
|
221
|
-
},
|
|
222
|
-
{
|
|
223
|
-
"name": "auto-open-disabled",
|
|
224
|
-
"description": "Set true to prevent the overlay from opening automatically.",
|
|
225
|
-
"value": {
|
|
226
|
-
"type": [
|
|
227
|
-
"boolean",
|
|
228
|
-
"null",
|
|
229
|
-
"undefined"
|
|
230
|
-
]
|
|
231
|
-
}
|
|
232
|
-
},
|
|
233
|
-
{
|
|
234
|
-
"name": "item-label-path",
|
|
235
|
-
"description": "The item property used for a visual representation of the item.",
|
|
236
|
-
"value": {
|
|
237
|
-
"type": [
|
|
238
|
-
"string",
|
|
239
|
-
"null",
|
|
240
|
-
"undefined"
|
|
241
|
-
]
|
|
242
|
-
}
|
|
243
|
-
},
|
|
244
|
-
{
|
|
245
|
-
"name": "item-value-path",
|
|
246
|
-
"description": "Path for the value of the item. If `items` is an array of objects,\nthis property is used as a string value for the selected item.",
|
|
247
|
-
"value": {
|
|
248
|
-
"type": [
|
|
249
|
-
"string",
|
|
250
|
-
"null",
|
|
251
|
-
"undefined"
|
|
252
|
-
]
|
|
253
|
-
}
|
|
254
|
-
},
|
|
255
|
-
{
|
|
256
|
-
"name": "item-id-path",
|
|
257
|
-
"description": "Path for the id of the item, used to detect whether the item is selected.",
|
|
258
|
-
"value": {
|
|
259
|
-
"type": [
|
|
260
|
-
"string",
|
|
261
|
-
"null",
|
|
262
|
-
"undefined"
|
|
263
|
-
]
|
|
264
|
-
}
|
|
265
|
-
},
|
|
266
|
-
{
|
|
267
|
-
"name": "loading",
|
|
268
|
-
"description": "True when loading items from the data provider, false otherwise.",
|
|
269
|
-
"value": {
|
|
270
|
-
"type": [
|
|
271
|
-
"boolean",
|
|
272
|
-
"null",
|
|
273
|
-
"undefined"
|
|
274
|
-
]
|
|
275
|
-
}
|
|
276
|
-
},
|
|
277
|
-
{
|
|
278
|
-
"name": "overlay-class",
|
|
279
|
-
"description": "A space-delimited list of CSS class names to set on the overlay element.",
|
|
280
|
-
"value": {
|
|
281
|
-
"type": [
|
|
282
|
-
"string",
|
|
283
|
-
"null",
|
|
284
|
-
"undefined"
|
|
285
|
-
]
|
|
286
|
-
}
|
|
287
|
-
},
|
|
288
|
-
{
|
|
289
|
-
"name": "opened",
|
|
290
|
-
"description": "True if the dropdown is open, false otherwise.",
|
|
291
|
-
"value": {
|
|
292
|
-
"type": [
|
|
293
|
-
"boolean",
|
|
294
|
-
"null",
|
|
295
|
-
"undefined"
|
|
296
|
-
]
|
|
297
|
-
}
|
|
298
|
-
},
|
|
299
|
-
{
|
|
300
|
-
"name": "size",
|
|
301
|
-
"description": "Total number of items.",
|
|
302
|
-
"value": {
|
|
303
|
-
"type": [
|
|
304
|
-
"number",
|
|
305
|
-
"null",
|
|
306
|
-
"undefined"
|
|
307
|
-
]
|
|
308
|
-
}
|
|
309
|
-
},
|
|
310
|
-
{
|
|
311
|
-
"name": "page-size",
|
|
312
|
-
"description": "Number of items fetched at a time from the data provider.",
|
|
313
|
-
"value": {
|
|
314
|
-
"type": [
|
|
315
|
-
"number",
|
|
316
|
-
"null",
|
|
317
|
-
"undefined"
|
|
318
|
-
]
|
|
319
|
-
}
|
|
320
|
-
},
|
|
321
|
-
{
|
|
322
|
-
"name": "allow-custom-value",
|
|
323
|
-
"description": "When true, the user can input a value that is not present in the items list.",
|
|
324
|
-
"value": {
|
|
325
|
-
"type": [
|
|
326
|
-
"boolean",
|
|
327
|
-
"null",
|
|
328
|
-
"undefined"
|
|
329
|
-
]
|
|
330
|
-
}
|
|
331
|
-
},
|
|
332
|
-
{
|
|
333
|
-
"name": "filter",
|
|
334
|
-
"description": "Filtering string the user has typed into the input field.",
|
|
335
|
-
"value": {
|
|
336
|
-
"type": [
|
|
337
|
-
"string",
|
|
338
|
-
"null",
|
|
339
|
-
"undefined"
|
|
340
|
-
]
|
|
341
|
-
}
|
|
342
|
-
},
|
|
343
|
-
{
|
|
344
|
-
"name": "selected-items-on-top",
|
|
345
|
-
"description": "Set to true to group selected items at the top of the overlay.",
|
|
346
|
-
"value": {
|
|
347
|
-
"type": [
|
|
348
|
-
"boolean",
|
|
349
|
-
"null",
|
|
350
|
-
"undefined"
|
|
351
|
-
]
|
|
352
|
-
}
|
|
353
|
-
},
|
|
354
|
-
{
|
|
355
|
-
"name": "theme",
|
|
356
|
-
"description": "The theme variants to apply to the component.",
|
|
357
|
-
"value": {
|
|
358
|
-
"type": [
|
|
359
|
-
"string",
|
|
360
|
-
"null",
|
|
361
|
-
"undefined"
|
|
362
|
-
]
|
|
363
|
-
}
|
|
364
|
-
}
|
|
365
|
-
],
|
|
366
|
-
"js": {
|
|
367
|
-
"properties": [
|
|
368
|
-
{
|
|
369
|
-
"name": "disabled",
|
|
370
|
-
"description": "If true, the user cannot interact with this element.",
|
|
371
|
-
"value": {
|
|
372
|
-
"type": [
|
|
373
|
-
"boolean",
|
|
374
|
-
"null",
|
|
375
|
-
"undefined"
|
|
376
|
-
]
|
|
377
|
-
}
|
|
378
|
-
},
|
|
379
|
-
{
|
|
380
|
-
"name": "autofocus",
|
|
381
|
-
"description": "Specify that this control should have input focus when the page loads.",
|
|
382
|
-
"value": {
|
|
383
|
-
"type": [
|
|
384
|
-
"boolean",
|
|
385
|
-
"null",
|
|
386
|
-
"undefined"
|
|
387
|
-
]
|
|
388
|
-
}
|
|
389
|
-
},
|
|
390
|
-
{
|
|
391
|
-
"name": "label",
|
|
392
|
-
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
393
|
-
"value": {
|
|
394
|
-
"type": [
|
|
395
|
-
"string",
|
|
396
|
-
"null",
|
|
397
|
-
"undefined"
|
|
398
|
-
]
|
|
399
|
-
}
|
|
400
|
-
},
|
|
401
|
-
{
|
|
402
|
-
"name": "invalid",
|
|
403
|
-
"description": "Set to true when the field is invalid.",
|
|
404
|
-
"value": {
|
|
405
|
-
"type": [
|
|
406
|
-
"boolean",
|
|
407
|
-
"null",
|
|
408
|
-
"undefined"
|
|
409
|
-
]
|
|
410
|
-
}
|
|
411
|
-
},
|
|
412
|
-
{
|
|
413
|
-
"name": "required",
|
|
414
|
-
"description": "Specifies that the user must fill in a value.",
|
|
415
|
-
"value": {
|
|
416
|
-
"type": [
|
|
417
|
-
"boolean",
|
|
418
|
-
"null",
|
|
419
|
-
"undefined"
|
|
420
|
-
]
|
|
421
|
-
}
|
|
422
|
-
},
|
|
423
|
-
{
|
|
424
|
-
"name": "errorMessage",
|
|
425
|
-
"description": "Error to show when the field is invalid.",
|
|
426
|
-
"value": {
|
|
427
|
-
"type": [
|
|
428
|
-
"string",
|
|
429
|
-
"null",
|
|
430
|
-
"undefined"
|
|
431
|
-
]
|
|
432
|
-
}
|
|
433
|
-
},
|
|
434
|
-
{
|
|
435
|
-
"name": "helperText",
|
|
436
|
-
"description": "String used for the helper text.",
|
|
437
|
-
"value": {
|
|
438
|
-
"type": [
|
|
439
|
-
"string",
|
|
440
|
-
"null",
|
|
441
|
-
"undefined"
|
|
442
|
-
]
|
|
443
|
-
}
|
|
444
|
-
},
|
|
445
|
-
{
|
|
446
|
-
"name": "accessibleName",
|
|
447
|
-
"description": "String used to label the component to screen reader users.",
|
|
448
|
-
"value": {
|
|
449
|
-
"type": [
|
|
450
|
-
"string",
|
|
451
|
-
"null",
|
|
452
|
-
"undefined"
|
|
453
|
-
]
|
|
454
|
-
}
|
|
455
|
-
},
|
|
456
|
-
{
|
|
457
|
-
"name": "accessibleNameRef",
|
|
458
|
-
"description": "Id of the element used as label of the component to screen reader users.",
|
|
459
|
-
"value": {
|
|
460
|
-
"type": [
|
|
461
|
-
"string",
|
|
462
|
-
"null",
|
|
463
|
-
"undefined"
|
|
464
|
-
]
|
|
465
|
-
}
|
|
466
|
-
},
|
|
467
|
-
{
|
|
468
|
-
"name": "clearButtonVisible",
|
|
469
|
-
"description": "Set to true to display the clear icon which clears the input.",
|
|
470
|
-
"value": {
|
|
471
|
-
"type": [
|
|
472
|
-
"boolean",
|
|
473
|
-
"null",
|
|
474
|
-
"undefined"
|
|
475
|
-
]
|
|
476
|
-
}
|
|
477
|
-
},
|
|
478
|
-
{
|
|
479
|
-
"name": "allowedCharPattern",
|
|
480
|
-
"description": "A pattern matched against individual characters the user inputs.\n\nWhen set, the field will prevent:\n- `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`\n- `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`\n- `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`\n\nFor example, to allow entering only numbers and minus signs, use:\n`allowedCharPattern = \"[\\\\d-]\"`",
|
|
481
|
-
"value": {
|
|
482
|
-
"type": [
|
|
483
|
-
"string",
|
|
484
|
-
"null",
|
|
485
|
-
"undefined"
|
|
486
|
-
]
|
|
487
|
-
}
|
|
488
|
-
},
|
|
489
|
-
{
|
|
490
|
-
"name": "autoselect",
|
|
491
|
-
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
|
|
492
|
-
"value": {
|
|
493
|
-
"type": [
|
|
494
|
-
"boolean",
|
|
495
|
-
"null",
|
|
496
|
-
"undefined"
|
|
497
|
-
]
|
|
498
|
-
}
|
|
499
|
-
},
|
|
500
|
-
{
|
|
501
|
-
"name": "name",
|
|
502
|
-
"description": "The name of this field.",
|
|
503
|
-
"value": {
|
|
504
|
-
"type": [
|
|
505
|
-
"string",
|
|
506
|
-
"null",
|
|
507
|
-
"undefined"
|
|
508
|
-
]
|
|
509
|
-
}
|
|
510
|
-
},
|
|
511
|
-
{
|
|
512
|
-
"name": "placeholder",
|
|
513
|
-
"description": "A hint to the user of what can be entered in the control.\nThe placeholder will be only displayed in the case when\nthere is no item selected.",
|
|
514
|
-
"value": {
|
|
515
|
-
"type": [
|
|
516
|
-
"string",
|
|
517
|
-
"null",
|
|
518
|
-
"undefined"
|
|
519
|
-
]
|
|
520
|
-
}
|
|
521
|
-
},
|
|
522
|
-
{
|
|
523
|
-
"name": "readonly",
|
|
524
|
-
"description": "When present, it specifies that the field is read-only.",
|
|
525
|
-
"value": {
|
|
526
|
-
"type": [
|
|
527
|
-
"boolean",
|
|
528
|
-
"null",
|
|
529
|
-
"undefined"
|
|
530
|
-
]
|
|
531
|
-
}
|
|
532
|
-
},
|
|
533
|
-
{
|
|
534
|
-
"name": "title",
|
|
535
|
-
"description": "The text usually displayed in a tooltip popup when the mouse is over the field.",
|
|
536
|
-
"value": {
|
|
537
|
-
"type": [
|
|
538
|
-
"string",
|
|
539
|
-
"null",
|
|
540
|
-
"undefined"
|
|
541
|
-
]
|
|
542
|
-
}
|
|
543
|
-
},
|
|
544
|
-
{
|
|
545
|
-
"name": "autoExpandHorizontally",
|
|
546
|
-
"description": "Set to true to auto expand horizontally, causing input field to\ngrow until max width is reached.",
|
|
547
|
-
"value": {
|
|
548
|
-
"type": [
|
|
549
|
-
"boolean",
|
|
550
|
-
"null",
|
|
551
|
-
"undefined"
|
|
552
|
-
]
|
|
553
|
-
}
|
|
554
|
-
},
|
|
555
|
-
{
|
|
556
|
-
"name": "autoExpandVertically",
|
|
557
|
-
"description": "Set to true to not collapse selected items chips into the overflow\nchip and instead always expand vertically, causing input field to\nwrap into multiple lines when width is limited.",
|
|
558
|
-
"value": {
|
|
559
|
-
"type": [
|
|
560
|
-
"boolean",
|
|
561
|
-
"null",
|
|
562
|
-
"undefined"
|
|
563
|
-
]
|
|
564
|
-
}
|
|
565
|
-
},
|
|
566
|
-
{
|
|
567
|
-
"name": "autoOpenDisabled",
|
|
568
|
-
"description": "Set true to prevent the overlay from opening automatically.",
|
|
569
|
-
"value": {
|
|
570
|
-
"type": [
|
|
571
|
-
"boolean",
|
|
572
|
-
"null",
|
|
573
|
-
"undefined"
|
|
574
|
-
]
|
|
575
|
-
}
|
|
576
|
-
},
|
|
577
|
-
{
|
|
578
|
-
"name": "items",
|
|
579
|
-
"description": "A full set of items to filter the visible options from.\nThe items can be of either `String` or `Object` type.",
|
|
580
|
-
"value": {
|
|
581
|
-
"type": [
|
|
582
|
-
"Array",
|
|
583
|
-
"null",
|
|
584
|
-
"undefined"
|
|
585
|
-
]
|
|
586
|
-
}
|
|
587
|
-
},
|
|
588
|
-
{
|
|
589
|
-
"name": "itemLabelPath",
|
|
590
|
-
"description": "The item property used for a visual representation of the item.",
|
|
591
|
-
"value": {
|
|
592
|
-
"type": [
|
|
593
|
-
"string",
|
|
594
|
-
"null",
|
|
595
|
-
"undefined"
|
|
596
|
-
]
|
|
597
|
-
}
|
|
598
|
-
},
|
|
599
|
-
{
|
|
600
|
-
"name": "itemValuePath",
|
|
601
|
-
"description": "Path for the value of the item. If `items` is an array of objects,\nthis property is used as a string value for the selected item.",
|
|
602
|
-
"value": {
|
|
603
|
-
"type": [
|
|
604
|
-
"string",
|
|
605
|
-
"null",
|
|
606
|
-
"undefined"
|
|
607
|
-
]
|
|
608
|
-
}
|
|
609
|
-
},
|
|
610
|
-
{
|
|
611
|
-
"name": "itemIdPath",
|
|
612
|
-
"description": "Path for the id of the item, used to detect whether the item is selected.",
|
|
613
|
-
"value": {
|
|
614
|
-
"type": [
|
|
615
|
-
"string",
|
|
616
|
-
"null",
|
|
617
|
-
"undefined"
|
|
618
|
-
]
|
|
619
|
-
}
|
|
620
|
-
},
|
|
621
|
-
{
|
|
622
|
-
"name": "i18n",
|
|
623
|
-
"description": "The object used to localize this component.\nTo change the default localization, replace the entire\n_i18n_ object or just the property you want to modify.\n\nThe object has the following JSON structure and default values:\n```\n{\n // Screen reader announcement on clear button click.\n cleared: 'Selection cleared',\n // Screen reader announcement when a chip is focused.\n focused: ' focused. Press Backspace to remove',\n // Screen reader announcement when item is selected.\n selected: 'added to selection',\n // Screen reader announcement when item is deselected.\n deselected: 'removed from selection',\n // Screen reader announcement of the selected items count.\n // {count} is replaced with the actual count of items.\n total: '{count} items selected',\n}\n```",
|
|
624
|
-
"value": {
|
|
625
|
-
"type": [
|
|
626
|
-
"MultiSelectComboBoxI18n"
|
|
627
|
-
]
|
|
628
|
-
}
|
|
629
|
-
},
|
|
630
|
-
{
|
|
631
|
-
"name": "loading",
|
|
632
|
-
"description": "True when loading items from the data provider, false otherwise.",
|
|
633
|
-
"value": {
|
|
634
|
-
"type": [
|
|
635
|
-
"boolean",
|
|
636
|
-
"null",
|
|
637
|
-
"undefined"
|
|
638
|
-
]
|
|
639
|
-
}
|
|
640
|
-
},
|
|
641
|
-
{
|
|
642
|
-
"name": "overlayClass",
|
|
643
|
-
"description": "A space-delimited list of CSS class names to set on the overlay element.",
|
|
644
|
-
"value": {
|
|
645
|
-
"type": [
|
|
646
|
-
"string",
|
|
647
|
-
"null",
|
|
648
|
-
"undefined"
|
|
649
|
-
]
|
|
650
|
-
}
|
|
651
|
-
},
|
|
652
|
-
{
|
|
653
|
-
"name": "selectedItems",
|
|
654
|
-
"description": "The list of selected items.\nNote: modifying the selected items creates a new array each time.",
|
|
655
|
-
"value": {
|
|
656
|
-
"type": [
|
|
657
|
-
"Array",
|
|
658
|
-
"null",
|
|
659
|
-
"undefined"
|
|
660
|
-
]
|
|
661
|
-
}
|
|
662
|
-
},
|
|
663
|
-
{
|
|
664
|
-
"name": "opened",
|
|
665
|
-
"description": "True if the dropdown is open, false otherwise.",
|
|
666
|
-
"value": {
|
|
667
|
-
"type": [
|
|
668
|
-
"boolean",
|
|
669
|
-
"null",
|
|
670
|
-
"undefined"
|
|
671
|
-
]
|
|
672
|
-
}
|
|
673
|
-
},
|
|
674
|
-
{
|
|
675
|
-
"name": "size",
|
|
676
|
-
"description": "Total number of items.",
|
|
677
|
-
"value": {
|
|
678
|
-
"type": [
|
|
679
|
-
"number",
|
|
680
|
-
"null",
|
|
681
|
-
"undefined"
|
|
682
|
-
]
|
|
683
|
-
}
|
|
684
|
-
},
|
|
685
|
-
{
|
|
686
|
-
"name": "pageSize",
|
|
687
|
-
"description": "Number of items fetched at a time from the data provider.",
|
|
688
|
-
"value": {
|
|
689
|
-
"type": [
|
|
690
|
-
"number",
|
|
691
|
-
"null",
|
|
692
|
-
"undefined"
|
|
693
|
-
]
|
|
694
|
-
}
|
|
695
|
-
},
|
|
696
|
-
{
|
|
697
|
-
"name": "dataProvider",
|
|
698
|
-
"description": "Function that provides items lazily. Receives two arguments:\n\n- `params` - Object with the following properties:\n - `params.page` Requested page index\n - `params.pageSize` Current page size\n - `params.filter` Currently applied filter\n\n- `callback(items, size)` - Callback function with arguments:\n - `items` Current page of items\n - `size` Total number of items.",
|
|
699
|
-
"value": {
|
|
700
|
-
"type": [
|
|
701
|
-
"Object",
|
|
702
|
-
"null",
|
|
703
|
-
"undefined"
|
|
704
|
-
]
|
|
705
|
-
}
|
|
706
|
-
},
|
|
707
|
-
{
|
|
708
|
-
"name": "allowCustomValue",
|
|
709
|
-
"description": "When true, the user can input a value that is not present in the items list.",
|
|
710
|
-
"value": {
|
|
711
|
-
"type": [
|
|
712
|
-
"boolean",
|
|
713
|
-
"null",
|
|
714
|
-
"undefined"
|
|
715
|
-
]
|
|
716
|
-
}
|
|
717
|
-
},
|
|
718
|
-
{
|
|
719
|
-
"name": "renderer",
|
|
720
|
-
"description": "Custom function for rendering the content of every item.\nReceives three arguments:\n\n- `root` The `<vaadin-multi-select-combo-box-item>` internal container DOM element.\n- `comboBox` The reference to the `<vaadin-multi-select-combo-box>` element.\n- `model` The object with the properties related with the rendered\n item, contains:\n - `model.index` The index of the rendered item.\n - `model.item` The item.",
|
|
721
|
-
"value": {
|
|
722
|
-
"type": [
|
|
723
|
-
"Function",
|
|
724
|
-
"null",
|
|
725
|
-
"undefined"
|
|
726
|
-
]
|
|
727
|
-
}
|
|
728
|
-
},
|
|
729
|
-
{
|
|
730
|
-
"name": "filter",
|
|
731
|
-
"description": "Filtering string the user has typed into the input field.",
|
|
732
|
-
"value": {
|
|
733
|
-
"type": [
|
|
734
|
-
"string",
|
|
735
|
-
"null",
|
|
736
|
-
"undefined"
|
|
737
|
-
]
|
|
738
|
-
}
|
|
739
|
-
},
|
|
740
|
-
{
|
|
741
|
-
"name": "filteredItems",
|
|
742
|
-
"description": "A subset of items, filtered based on the user input. Filtered items\ncan be assigned directly to omit the internal filtering functionality.\nThe items can be of either `String` or `Object` type.",
|
|
743
|
-
"value": {
|
|
744
|
-
"type": [
|
|
745
|
-
"Array",
|
|
746
|
-
"null",
|
|
747
|
-
"undefined"
|
|
748
|
-
]
|
|
749
|
-
}
|
|
750
|
-
},
|
|
751
|
-
{
|
|
752
|
-
"name": "selectedItemsOnTop",
|
|
753
|
-
"description": "Set to true to group selected items at the top of the overlay.",
|
|
754
|
-
"value": {
|
|
755
|
-
"type": [
|
|
756
|
-
"boolean",
|
|
757
|
-
"null",
|
|
758
|
-
"undefined"
|
|
759
|
-
]
|
|
760
|
-
}
|
|
761
|
-
}
|
|
762
|
-
],
|
|
763
|
-
"events": [
|
|
764
|
-
{
|
|
765
|
-
"name": "validated",
|
|
766
|
-
"description": "Fired whenever the field is validated."
|
|
767
|
-
},
|
|
768
|
-
{
|
|
769
|
-
"name": "change",
|
|
770
|
-
"description": "Fired when the user commits a value change."
|
|
771
|
-
},
|
|
772
|
-
{
|
|
773
|
-
"name": "input",
|
|
774
|
-
"description": "Fired when the value is changed by the user: on every typing keystroke,\nand the value is cleared using the clear button."
|
|
775
|
-
},
|
|
776
|
-
{
|
|
777
|
-
"name": "selected-items-changed",
|
|
778
|
-
"description": "Fired when the `selectedItems` property changes."
|
|
779
|
-
},
|
|
780
|
-
{
|
|
781
|
-
"name": "opened-changed",
|
|
782
|
-
"description": "Fired when the `opened` property changes."
|
|
783
|
-
},
|
|
784
|
-
{
|
|
785
|
-
"name": "filter-changed",
|
|
786
|
-
"description": "Fired when the `filter` property changes."
|
|
787
|
-
},
|
|
788
|
-
{
|
|
789
|
-
"name": "invalid-changed",
|
|
790
|
-
"description": "Fired when the `invalid` property changes."
|
|
791
|
-
}
|
|
792
|
-
]
|
|
793
|
-
}
|
|
794
|
-
}
|
|
795
|
-
]
|
|
796
|
-
}
|
|
797
|
-
}
|
|
798
|
-
}
|