@vaadin/multi-select-combo-box 25.1.0-alpha8 → 25.1.0-alpha9
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/custom-elements.json +58 -0
- package/package.json +15 -15
- package/web-types.json +230 -239
- package/web-types.lit.json +88 -88
package/web-types.lit.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/multi-select-combo-box",
|
|
4
|
-
"version": "25.1.0-
|
|
4
|
+
"version": "25.1.0-alpha9",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -20,106 +20,106 @@
|
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
22
|
{
|
|
23
|
-
"name": "?
|
|
24
|
-
"description": "
|
|
23
|
+
"name": "?allowCustomValue",
|
|
24
|
+
"description": "When true, the user can input a value that is not present in the items list.",
|
|
25
25
|
"value": {
|
|
26
26
|
"kind": "expression"
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
29
|
{
|
|
30
|
-
"name": "?
|
|
31
|
-
"description": "
|
|
30
|
+
"name": "?autoExpandHorizontally",
|
|
31
|
+
"description": "Set to true to auto expand horizontally, causing input field to\ngrow until max width is reached.",
|
|
32
32
|
"value": {
|
|
33
33
|
"kind": "expression"
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
{
|
|
37
|
-
"name": "?
|
|
38
|
-
"description": "Set true to
|
|
37
|
+
"name": "?autoExpandVertically",
|
|
38
|
+
"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.",
|
|
39
39
|
"value": {
|
|
40
40
|
"kind": "expression"
|
|
41
41
|
}
|
|
42
42
|
},
|
|
43
43
|
{
|
|
44
|
-
"name": "?
|
|
45
|
-
"description": "
|
|
44
|
+
"name": "?autofocus",
|
|
45
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
46
46
|
"value": {
|
|
47
47
|
"kind": "expression"
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
50
|
{
|
|
51
|
-
"name": "?
|
|
52
|
-
"description": "
|
|
51
|
+
"name": "?autoOpenDisabled",
|
|
52
|
+
"description": "Set true to prevent the overlay from opening automatically.",
|
|
53
53
|
"value": {
|
|
54
54
|
"kind": "expression"
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
57
|
{
|
|
58
|
-
"name": "?
|
|
59
|
-
"description": "
|
|
58
|
+
"name": "?autoselect",
|
|
59
|
+
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
|
|
60
60
|
"value": {
|
|
61
61
|
"kind": "expression"
|
|
62
62
|
}
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
|
-
"name": "?
|
|
66
|
-
"description": "Set to true to
|
|
65
|
+
"name": "?clearButtonVisible",
|
|
66
|
+
"description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
|
|
67
67
|
"value": {
|
|
68
68
|
"kind": "expression"
|
|
69
69
|
}
|
|
70
70
|
},
|
|
71
71
|
{
|
|
72
|
-
"name": "?
|
|
73
|
-
"description": "
|
|
72
|
+
"name": "?disabled",
|
|
73
|
+
"description": "If true, the user cannot interact with this element.",
|
|
74
74
|
"value": {
|
|
75
75
|
"kind": "expression"
|
|
76
76
|
}
|
|
77
77
|
},
|
|
78
78
|
{
|
|
79
|
-
"name": "?
|
|
80
|
-
"description": "Set to true
|
|
79
|
+
"name": "?invalid",
|
|
80
|
+
"description": "Set to true when the field is invalid.",
|
|
81
81
|
"value": {
|
|
82
82
|
"kind": "expression"
|
|
83
83
|
}
|
|
84
84
|
},
|
|
85
85
|
{
|
|
86
|
-
"name": "?
|
|
87
|
-
"description": "
|
|
86
|
+
"name": "?keepFilter",
|
|
87
|
+
"description": "When true, filter string isn't cleared after selecting an item.",
|
|
88
88
|
"value": {
|
|
89
89
|
"kind": "expression"
|
|
90
90
|
}
|
|
91
91
|
},
|
|
92
92
|
{
|
|
93
|
-
"name": "?
|
|
94
|
-
"description": "
|
|
93
|
+
"name": "?loading",
|
|
94
|
+
"description": "True when loading items from the data provider, false otherwise.",
|
|
95
95
|
"value": {
|
|
96
96
|
"kind": "expression"
|
|
97
97
|
}
|
|
98
98
|
},
|
|
99
99
|
{
|
|
100
|
-
"name": "?
|
|
101
|
-
"description": "Set to true to
|
|
100
|
+
"name": "?manualValidation",
|
|
101
|
+
"description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
|
|
102
102
|
"value": {
|
|
103
103
|
"kind": "expression"
|
|
104
104
|
}
|
|
105
105
|
},
|
|
106
106
|
{
|
|
107
|
-
"name": "?
|
|
108
|
-
"description": "
|
|
107
|
+
"name": "?opened",
|
|
108
|
+
"description": "True if the dropdown is open, false otherwise.",
|
|
109
109
|
"value": {
|
|
110
110
|
"kind": "expression"
|
|
111
111
|
}
|
|
112
112
|
},
|
|
113
113
|
{
|
|
114
|
-
"name": "?
|
|
115
|
-
"description": "
|
|
114
|
+
"name": "?readonly",
|
|
115
|
+
"description": "When present, it specifies that the field is read-only.",
|
|
116
116
|
"value": {
|
|
117
117
|
"kind": "expression"
|
|
118
118
|
}
|
|
119
119
|
},
|
|
120
120
|
{
|
|
121
|
-
"name": "?
|
|
122
|
-
"description": "
|
|
121
|
+
"name": "?required",
|
|
122
|
+
"description": "Specifies that the user must fill in a value.",
|
|
123
123
|
"value": {
|
|
124
124
|
"kind": "expression"
|
|
125
125
|
}
|
|
@@ -132,36 +132,36 @@
|
|
|
132
132
|
}
|
|
133
133
|
},
|
|
134
134
|
{
|
|
135
|
-
"name": ".
|
|
136
|
-
"description": "
|
|
135
|
+
"name": ".accessibleName",
|
|
136
|
+
"description": "String used to label the component to screen reader users.",
|
|
137
137
|
"value": {
|
|
138
138
|
"kind": "expression"
|
|
139
139
|
}
|
|
140
140
|
},
|
|
141
141
|
{
|
|
142
|
-
"name": ".
|
|
143
|
-
"description": "
|
|
142
|
+
"name": ".accessibleNameRef",
|
|
143
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
144
144
|
"value": {
|
|
145
145
|
"kind": "expression"
|
|
146
146
|
}
|
|
147
147
|
},
|
|
148
148
|
{
|
|
149
|
-
"name": ".
|
|
150
|
-
"description": "
|
|
149
|
+
"name": ".allowedCharPattern",
|
|
150
|
+
"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-]\"`",
|
|
151
151
|
"value": {
|
|
152
152
|
"kind": "expression"
|
|
153
153
|
}
|
|
154
154
|
},
|
|
155
155
|
{
|
|
156
|
-
"name": ".
|
|
157
|
-
"description": "
|
|
156
|
+
"name": ".dataProvider",
|
|
157
|
+
"description": "Function that provides items lazily. Receives arguments `params`, `callback`\n\n`params.page` Requested page index\n\n`params.pageSize` Current page size\n\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.",
|
|
158
158
|
"value": {
|
|
159
159
|
"kind": "expression"
|
|
160
160
|
}
|
|
161
161
|
},
|
|
162
162
|
{
|
|
163
|
-
"name": ".
|
|
164
|
-
"description": "
|
|
163
|
+
"name": ".errorMessage",
|
|
164
|
+
"description": "Error to show when the field is invalid.",
|
|
165
165
|
"value": {
|
|
166
166
|
"kind": "expression"
|
|
167
167
|
}
|
|
@@ -174,22 +174,15 @@
|
|
|
174
174
|
}
|
|
175
175
|
},
|
|
176
176
|
{
|
|
177
|
-
"name": ".
|
|
178
|
-
"description": "A
|
|
179
|
-
"value": {
|
|
180
|
-
"kind": "expression"
|
|
181
|
-
}
|
|
182
|
-
},
|
|
183
|
-
{
|
|
184
|
-
"name": ".itemLabelPath",
|
|
185
|
-
"description": "Path for label of the item. If `items` is an array of objects, the\n`itemLabelPath` is used to fetch the displayed string label for each\nitem.\n\nThe item label is also used for matching items when processing user\ninput, i.e., for filtering and selecting items.",
|
|
177
|
+
"name": ".filteredItems",
|
|
178
|
+
"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.",
|
|
186
179
|
"value": {
|
|
187
180
|
"kind": "expression"
|
|
188
181
|
}
|
|
189
182
|
},
|
|
190
183
|
{
|
|
191
|
-
"name": ".
|
|
192
|
-
"description": "
|
|
184
|
+
"name": ".helperText",
|
|
185
|
+
"description": "String used for the helper text.",
|
|
193
186
|
"value": {
|
|
194
187
|
"kind": "expression"
|
|
195
188
|
}
|
|
@@ -202,78 +195,78 @@
|
|
|
202
195
|
}
|
|
203
196
|
},
|
|
204
197
|
{
|
|
205
|
-
"name": ".
|
|
206
|
-
"description": "
|
|
198
|
+
"name": ".itemClassNameGenerator",
|
|
199
|
+
"description": "A function used to generate CSS class names for dropdown\nitems and selected chips based on the item. The return\nvalue should be the generated class name as a string, or\nmultiple class names separated by whitespace characters.",
|
|
207
200
|
"value": {
|
|
208
201
|
"kind": "expression"
|
|
209
202
|
}
|
|
210
203
|
},
|
|
211
204
|
{
|
|
212
|
-
"name": ".
|
|
213
|
-
"description": "
|
|
205
|
+
"name": ".itemIdPath",
|
|
206
|
+
"description": "Path for the id of the item, used to detect whether the item is selected.",
|
|
214
207
|
"value": {
|
|
215
208
|
"kind": "expression"
|
|
216
209
|
}
|
|
217
210
|
},
|
|
218
211
|
{
|
|
219
|
-
"name": ".
|
|
220
|
-
"description": "
|
|
212
|
+
"name": ".itemLabelGenerator",
|
|
213
|
+
"description": "A function that is used to generate the label for dropdown\nitems based on the item. Receives one argument:\n- `item` The item to generate the label for.",
|
|
221
214
|
"value": {
|
|
222
215
|
"kind": "expression"
|
|
223
216
|
}
|
|
224
217
|
},
|
|
225
218
|
{
|
|
226
|
-
"name": ".
|
|
227
|
-
"description": "
|
|
219
|
+
"name": ".itemLabelPath",
|
|
220
|
+
"description": "Path for label of the item. If `items` is an array of objects, the\n`itemLabelPath` is used to fetch the displayed string label for each\nitem.\n\nThe item label is also used for matching items when processing user\ninput, i.e., for filtering and selecting items.",
|
|
228
221
|
"value": {
|
|
229
222
|
"kind": "expression"
|
|
230
223
|
}
|
|
231
224
|
},
|
|
232
225
|
{
|
|
233
|
-
"name": ".
|
|
234
|
-
"description": "
|
|
226
|
+
"name": ".items",
|
|
227
|
+
"description": "A full set of items to filter the visible options from.\nThe items can be of either `String` or `Object` type.",
|
|
235
228
|
"value": {
|
|
236
229
|
"kind": "expression"
|
|
237
230
|
}
|
|
238
231
|
},
|
|
239
232
|
{
|
|
240
|
-
"name": ".
|
|
241
|
-
"description": "
|
|
233
|
+
"name": ".itemValuePath",
|
|
234
|
+
"description": "Path for the value of the item. If `items` is an array of objects, the\n`itemValuePath:` is used to fetch the string value for the selected\nitem.\n\nThe item value is used in the `value` property of the combo box,\nto provide the form value.",
|
|
242
235
|
"value": {
|
|
243
236
|
"kind": "expression"
|
|
244
237
|
}
|
|
245
238
|
},
|
|
246
239
|
{
|
|
247
|
-
"name": ".
|
|
248
|
-
"description": "The
|
|
240
|
+
"name": ".label",
|
|
241
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
249
242
|
"value": {
|
|
250
243
|
"kind": "expression"
|
|
251
244
|
}
|
|
252
245
|
},
|
|
253
246
|
{
|
|
254
|
-
"name": ".
|
|
255
|
-
"description": "
|
|
247
|
+
"name": ".name",
|
|
248
|
+
"description": "The name of this field.",
|
|
256
249
|
"value": {
|
|
257
250
|
"kind": "expression"
|
|
258
251
|
}
|
|
259
252
|
},
|
|
260
253
|
{
|
|
261
|
-
"name": ".
|
|
262
|
-
"description": "
|
|
254
|
+
"name": ".pageSize",
|
|
255
|
+
"description": "Number of items fetched at a time from the dataprovider.",
|
|
263
256
|
"value": {
|
|
264
257
|
"kind": "expression"
|
|
265
258
|
}
|
|
266
259
|
},
|
|
267
260
|
{
|
|
268
|
-
"name": ".
|
|
269
|
-
"description": "A
|
|
261
|
+
"name": ".placeholder",
|
|
262
|
+
"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.",
|
|
270
263
|
"value": {
|
|
271
264
|
"kind": "expression"
|
|
272
265
|
}
|
|
273
266
|
},
|
|
274
267
|
{
|
|
275
|
-
"name": ".
|
|
276
|
-
"description": "
|
|
268
|
+
"name": ".renderer",
|
|
269
|
+
"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.",
|
|
277
270
|
"value": {
|
|
278
271
|
"kind": "expression"
|
|
279
272
|
}
|
|
@@ -286,15 +279,15 @@
|
|
|
286
279
|
}
|
|
287
280
|
},
|
|
288
281
|
{
|
|
289
|
-
"name": ".
|
|
290
|
-
"description": "
|
|
282
|
+
"name": ".size",
|
|
283
|
+
"description": "Total number of items.",
|
|
291
284
|
"value": {
|
|
292
285
|
"kind": "expression"
|
|
293
286
|
}
|
|
294
287
|
},
|
|
295
288
|
{
|
|
296
|
-
"name": "
|
|
297
|
-
"description": "
|
|
289
|
+
"name": ".title",
|
|
290
|
+
"description": "The text usually displayed in a tooltip popup when the mouse is over the field.",
|
|
298
291
|
"value": {
|
|
299
292
|
"kind": "expression"
|
|
300
293
|
}
|
|
@@ -307,36 +300,36 @@
|
|
|
307
300
|
}
|
|
308
301
|
},
|
|
309
302
|
{
|
|
310
|
-
"name": "@
|
|
311
|
-
"description": "Fired when the
|
|
303
|
+
"name": "@custom-value-set",
|
|
304
|
+
"description": "Fired when the user sets a custom value.",
|
|
312
305
|
"value": {
|
|
313
306
|
"kind": "expression"
|
|
314
307
|
}
|
|
315
308
|
},
|
|
316
309
|
{
|
|
317
|
-
"name": "@
|
|
318
|
-
"description": "Fired when the
|
|
310
|
+
"name": "@filter-changed",
|
|
311
|
+
"description": "Fired when the `filter` property changes.",
|
|
319
312
|
"value": {
|
|
320
313
|
"kind": "expression"
|
|
321
314
|
}
|
|
322
315
|
},
|
|
323
316
|
{
|
|
324
|
-
"name": "@
|
|
325
|
-
"description": "Fired when the
|
|
317
|
+
"name": "@input",
|
|
318
|
+
"description": "Fired when the value is changed by the user: on every typing keystroke,\nand the value is cleared using the clear button.",
|
|
326
319
|
"value": {
|
|
327
320
|
"kind": "expression"
|
|
328
321
|
}
|
|
329
322
|
},
|
|
330
323
|
{
|
|
331
|
-
"name": "@
|
|
332
|
-
"description": "Fired when the `
|
|
324
|
+
"name": "@invalid-changed",
|
|
325
|
+
"description": "Fired when the `invalid` property changes.",
|
|
333
326
|
"value": {
|
|
334
327
|
"kind": "expression"
|
|
335
328
|
}
|
|
336
329
|
},
|
|
337
330
|
{
|
|
338
|
-
"name": "@
|
|
339
|
-
"description": "Fired when the `
|
|
331
|
+
"name": "@opened-changed",
|
|
332
|
+
"description": "Fired when the `opened` property changes.",
|
|
340
333
|
"value": {
|
|
341
334
|
"kind": "expression"
|
|
342
335
|
}
|
|
@@ -347,6 +340,13 @@
|
|
|
347
340
|
"value": {
|
|
348
341
|
"kind": "expression"
|
|
349
342
|
}
|
|
343
|
+
},
|
|
344
|
+
{
|
|
345
|
+
"name": "@validated",
|
|
346
|
+
"description": "Fired whenever the field is validated.",
|
|
347
|
+
"value": {
|
|
348
|
+
"kind": "expression"
|
|
349
|
+
}
|
|
350
350
|
}
|
|
351
351
|
]
|
|
352
352
|
}
|