@vaadin/list-box 25.1.0-alpha5 → 25.1.0-alpha7
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 +405 -0
- package/package.json +12 -10
- package/src/vaadin-list-box.js +1 -1
- package/web-types.json +1 -1
- package/web-types.lit.json +1 -1
|
@@ -0,0 +1,405 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"readme": "",
|
|
4
|
+
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "vaadin-list-box.js",
|
|
8
|
+
"declarations": [],
|
|
9
|
+
"exports": [
|
|
10
|
+
{
|
|
11
|
+
"kind": "js",
|
|
12
|
+
"name": "*",
|
|
13
|
+
"declaration": {
|
|
14
|
+
"name": "*",
|
|
15
|
+
"module": "src/vaadin-list-box.js"
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
]
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
"kind": "javascript-module",
|
|
22
|
+
"path": "src/vaadin-list-box.js",
|
|
23
|
+
"declarations": [
|
|
24
|
+
{
|
|
25
|
+
"kind": "class",
|
|
26
|
+
"description": "`<vaadin-list-box>` is a Web Component for creating menus.\n\n```html\n<vaadin-list-box selected=\"2\">\n <vaadin-item>Item 1</vaadin-item>\n <vaadin-item>Item 2</vaadin-item>\n <vaadin-item>Item 3</vaadin-item>\n <vaadin-item>Item 4</vaadin-item>\n</vaadin-list-box>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n------------------|------------------------\n`items` | The items container\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n---------------|---------------------------------\n`has-tooltip` | Set when the element has a slotted tooltip\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
27
|
+
"name": "ListBox",
|
|
28
|
+
"members": [
|
|
29
|
+
{
|
|
30
|
+
"kind": "field",
|
|
31
|
+
"name": "disabled",
|
|
32
|
+
"privacy": "public",
|
|
33
|
+
"type": {
|
|
34
|
+
"text": "boolean"
|
|
35
|
+
},
|
|
36
|
+
"description": "If true, the user cannot interact with this element.\nWhen the element is disabled, the selected item is\nnot updated when `selected` property is changed.",
|
|
37
|
+
"attribute": "disabled",
|
|
38
|
+
"inheritedFrom": {
|
|
39
|
+
"name": "ListMixin",
|
|
40
|
+
"package": "@vaadin/a11y-base/src/list-mixin.js"
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"kind": "field",
|
|
45
|
+
"name": "items",
|
|
46
|
+
"privacy": "public",
|
|
47
|
+
"type": {
|
|
48
|
+
"text": "!Array<!Element> | undefined"
|
|
49
|
+
},
|
|
50
|
+
"description": "A read-only list of items from which a selection can be made.\nIt is populated from the elements passed to the light DOM,\nand updated dynamically when adding or removing items.",
|
|
51
|
+
"attribute": "items",
|
|
52
|
+
"inheritedFrom": {
|
|
53
|
+
"name": "ListMixin",
|
|
54
|
+
"package": "@vaadin/a11y-base/src/list-mixin.js"
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"kind": "field",
|
|
59
|
+
"name": "multiple",
|
|
60
|
+
"privacy": "public",
|
|
61
|
+
"type": {
|
|
62
|
+
"text": "boolean"
|
|
63
|
+
},
|
|
64
|
+
"description": "Specifies that multiple options can be selected at once.",
|
|
65
|
+
"attribute": "multiple",
|
|
66
|
+
"inheritedFrom": {
|
|
67
|
+
"name": "MultiSelectListMixin",
|
|
68
|
+
"module": "src/vaadin-multi-select-list-mixin.js"
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"kind": "field",
|
|
73
|
+
"name": "orientation",
|
|
74
|
+
"privacy": "public",
|
|
75
|
+
"type": {
|
|
76
|
+
"text": "!ListOrientation"
|
|
77
|
+
},
|
|
78
|
+
"description": "Define how items are disposed in the dom.\nPossible values are: `horizontal|vertical`.\nIt also changes navigation keys from left/right to up/down.",
|
|
79
|
+
"attribute": "orientation",
|
|
80
|
+
"inheritedFrom": {
|
|
81
|
+
"name": "ListMixin",
|
|
82
|
+
"package": "@vaadin/a11y-base/src/list-mixin.js"
|
|
83
|
+
}
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"kind": "field",
|
|
87
|
+
"name": "selected",
|
|
88
|
+
"privacy": "public",
|
|
89
|
+
"type": {
|
|
90
|
+
"text": "number"
|
|
91
|
+
},
|
|
92
|
+
"description": "The index of the item selected in the items array.\nNote: Not updated when used in `multiple` selection mode.",
|
|
93
|
+
"attribute": "selected",
|
|
94
|
+
"inheritedFrom": {
|
|
95
|
+
"name": "ListMixin",
|
|
96
|
+
"package": "@vaadin/a11y-base/src/list-mixin.js"
|
|
97
|
+
}
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"kind": "field",
|
|
101
|
+
"name": "selectedValues",
|
|
102
|
+
"privacy": "public",
|
|
103
|
+
"type": {
|
|
104
|
+
"text": "number[] | null | undefined"
|
|
105
|
+
},
|
|
106
|
+
"description": "Array of indexes of the items selected in the items array\nNote: Not updated when used in single selection mode.",
|
|
107
|
+
"attribute": "selected-values",
|
|
108
|
+
"inheritedFrom": {
|
|
109
|
+
"name": "MultiSelectListMixin",
|
|
110
|
+
"module": "src/vaadin-multi-select-list-mixin.js"
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
],
|
|
114
|
+
"events": [
|
|
115
|
+
{
|
|
116
|
+
"type": {
|
|
117
|
+
"text": "CustomEvent"
|
|
118
|
+
},
|
|
119
|
+
"description": "Fired when the `items` property changes.",
|
|
120
|
+
"name": "items-changed"
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
"type": {
|
|
124
|
+
"text": "CustomEvent"
|
|
125
|
+
},
|
|
126
|
+
"description": "Fired when the `selected` property changes.",
|
|
127
|
+
"name": "selected-changed"
|
|
128
|
+
},
|
|
129
|
+
{
|
|
130
|
+
"type": {
|
|
131
|
+
"text": "CustomEvent"
|
|
132
|
+
},
|
|
133
|
+
"description": "Fired when the `selectedValues` property changes.",
|
|
134
|
+
"name": "selected-values-changed"
|
|
135
|
+
}
|
|
136
|
+
],
|
|
137
|
+
"attributes": [
|
|
138
|
+
{
|
|
139
|
+
"name": "disabled",
|
|
140
|
+
"type": {
|
|
141
|
+
"text": "boolean"
|
|
142
|
+
},
|
|
143
|
+
"description": "If true, the user cannot interact with this element.\nWhen the element is disabled, the selected item is\nnot updated when `selected` property is changed.",
|
|
144
|
+
"fieldName": "disabled",
|
|
145
|
+
"inheritedFrom": {
|
|
146
|
+
"name": "ListMixin",
|
|
147
|
+
"package": "@vaadin/a11y-base/src/list-mixin.js"
|
|
148
|
+
}
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
"name": "multiple",
|
|
152
|
+
"type": {
|
|
153
|
+
"text": "boolean"
|
|
154
|
+
},
|
|
155
|
+
"description": "Specifies that multiple options can be selected at once.",
|
|
156
|
+
"fieldName": "multiple",
|
|
157
|
+
"inheritedFrom": {
|
|
158
|
+
"name": "MultiSelectListMixin",
|
|
159
|
+
"module": "src/vaadin-multi-select-list-mixin.js"
|
|
160
|
+
}
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
"name": "orientation",
|
|
164
|
+
"type": {
|
|
165
|
+
"text": "!ListOrientation"
|
|
166
|
+
},
|
|
167
|
+
"description": "Define how items are disposed in the dom.\nPossible values are: `horizontal|vertical`.\nIt also changes navigation keys from left/right to up/down.",
|
|
168
|
+
"fieldName": "orientation",
|
|
169
|
+
"inheritedFrom": {
|
|
170
|
+
"name": "ListMixin",
|
|
171
|
+
"package": "@vaadin/a11y-base/src/list-mixin.js"
|
|
172
|
+
}
|
|
173
|
+
},
|
|
174
|
+
{
|
|
175
|
+
"name": "selected",
|
|
176
|
+
"type": {
|
|
177
|
+
"text": "number"
|
|
178
|
+
},
|
|
179
|
+
"description": "The index of the item selected in the items array.\nNote: Not updated when used in `multiple` selection mode.",
|
|
180
|
+
"fieldName": "selected",
|
|
181
|
+
"inheritedFrom": {
|
|
182
|
+
"name": "ListMixin",
|
|
183
|
+
"package": "@vaadin/a11y-base/src/list-mixin.js"
|
|
184
|
+
}
|
|
185
|
+
},
|
|
186
|
+
{
|
|
187
|
+
"name": "selected-values",
|
|
188
|
+
"type": {
|
|
189
|
+
"text": "number[] | null | undefined"
|
|
190
|
+
},
|
|
191
|
+
"description": "Array of indexes of the items selected in the items array\nNote: Not updated when used in single selection mode.",
|
|
192
|
+
"fieldName": "selectedValues",
|
|
193
|
+
"inheritedFrom": {
|
|
194
|
+
"name": "MultiSelectListMixin",
|
|
195
|
+
"module": "src/vaadin-multi-select-list-mixin.js"
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
],
|
|
199
|
+
"mixins": [
|
|
200
|
+
{
|
|
201
|
+
"name": "ElementMixin",
|
|
202
|
+
"package": "@vaadin/component-base/src/element-mixin.js"
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
"name": "MultiSelectListMixin",
|
|
206
|
+
"module": "src/vaadin-multi-select-list-mixin.js"
|
|
207
|
+
},
|
|
208
|
+
{
|
|
209
|
+
"name": "ThemableMixin",
|
|
210
|
+
"package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
"name": "PolylitMixin",
|
|
214
|
+
"package": "@vaadin/component-base/src/polylit-mixin.js"
|
|
215
|
+
},
|
|
216
|
+
{
|
|
217
|
+
"name": "LumoInjectionMixin",
|
|
218
|
+
"package": "@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js"
|
|
219
|
+
}
|
|
220
|
+
],
|
|
221
|
+
"superclass": {
|
|
222
|
+
"name": "LitElement",
|
|
223
|
+
"package": "lit"
|
|
224
|
+
},
|
|
225
|
+
"tagName": "vaadin-list-box",
|
|
226
|
+
"customElement": true
|
|
227
|
+
}
|
|
228
|
+
],
|
|
229
|
+
"exports": [
|
|
230
|
+
{
|
|
231
|
+
"kind": "js",
|
|
232
|
+
"name": "ListBox",
|
|
233
|
+
"declaration": {
|
|
234
|
+
"name": "ListBox",
|
|
235
|
+
"module": "src/vaadin-list-box.js"
|
|
236
|
+
}
|
|
237
|
+
}
|
|
238
|
+
]
|
|
239
|
+
},
|
|
240
|
+
{
|
|
241
|
+
"kind": "javascript-module",
|
|
242
|
+
"path": "src/vaadin-multi-select-list-mixin.js",
|
|
243
|
+
"declarations": [
|
|
244
|
+
{
|
|
245
|
+
"kind": "mixin",
|
|
246
|
+
"description": "A mixin for `nav` elements, facilitating multiple selection of childNodes.",
|
|
247
|
+
"name": "MultiSelectListMixin",
|
|
248
|
+
"members": [
|
|
249
|
+
{
|
|
250
|
+
"kind": "field",
|
|
251
|
+
"name": "disabled",
|
|
252
|
+
"privacy": "public",
|
|
253
|
+
"type": {
|
|
254
|
+
"text": "boolean"
|
|
255
|
+
},
|
|
256
|
+
"description": "If true, the user cannot interact with this element.\nWhen the element is disabled, the selected item is\nnot updated when `selected` property is changed.",
|
|
257
|
+
"attribute": "disabled",
|
|
258
|
+
"inheritedFrom": {
|
|
259
|
+
"name": "ListMixin",
|
|
260
|
+
"package": "@vaadin/a11y-base/src/list-mixin.js"
|
|
261
|
+
}
|
|
262
|
+
},
|
|
263
|
+
{
|
|
264
|
+
"kind": "field",
|
|
265
|
+
"name": "items",
|
|
266
|
+
"privacy": "public",
|
|
267
|
+
"type": {
|
|
268
|
+
"text": "!Array<!Element> | undefined"
|
|
269
|
+
},
|
|
270
|
+
"description": "A read-only list of items from which a selection can be made.\nIt is populated from the elements passed to the light DOM,\nand updated dynamically when adding or removing items.",
|
|
271
|
+
"attribute": "items",
|
|
272
|
+
"inheritedFrom": {
|
|
273
|
+
"name": "ListMixin",
|
|
274
|
+
"package": "@vaadin/a11y-base/src/list-mixin.js"
|
|
275
|
+
}
|
|
276
|
+
},
|
|
277
|
+
{
|
|
278
|
+
"kind": "field",
|
|
279
|
+
"name": "multiple",
|
|
280
|
+
"privacy": "public",
|
|
281
|
+
"type": {
|
|
282
|
+
"text": "boolean"
|
|
283
|
+
},
|
|
284
|
+
"description": "Specifies that multiple options can be selected at once.",
|
|
285
|
+
"attribute": "multiple"
|
|
286
|
+
},
|
|
287
|
+
{
|
|
288
|
+
"kind": "field",
|
|
289
|
+
"name": "orientation",
|
|
290
|
+
"privacy": "public",
|
|
291
|
+
"type": {
|
|
292
|
+
"text": "!ListOrientation"
|
|
293
|
+
},
|
|
294
|
+
"description": "Define how items are disposed in the dom.\nPossible values are: `horizontal|vertical`.\nIt also changes navigation keys from left/right to up/down.",
|
|
295
|
+
"attribute": "orientation",
|
|
296
|
+
"inheritedFrom": {
|
|
297
|
+
"name": "ListMixin",
|
|
298
|
+
"package": "@vaadin/a11y-base/src/list-mixin.js"
|
|
299
|
+
}
|
|
300
|
+
},
|
|
301
|
+
{
|
|
302
|
+
"kind": "field",
|
|
303
|
+
"name": "selected",
|
|
304
|
+
"privacy": "public",
|
|
305
|
+
"type": {
|
|
306
|
+
"text": "number"
|
|
307
|
+
},
|
|
308
|
+
"description": "The index of the item selected in the items array.\nNote: Not updated when used in `multiple` selection mode.",
|
|
309
|
+
"attribute": "selected",
|
|
310
|
+
"inheritedFrom": {
|
|
311
|
+
"name": "ListMixin",
|
|
312
|
+
"package": "@vaadin/a11y-base/src/list-mixin.js"
|
|
313
|
+
}
|
|
314
|
+
},
|
|
315
|
+
{
|
|
316
|
+
"kind": "field",
|
|
317
|
+
"name": "selectedValues",
|
|
318
|
+
"privacy": "public",
|
|
319
|
+
"type": {
|
|
320
|
+
"text": "number[] | null | undefined"
|
|
321
|
+
},
|
|
322
|
+
"description": "Array of indexes of the items selected in the items array\nNote: Not updated when used in single selection mode.",
|
|
323
|
+
"attribute": "selected-values"
|
|
324
|
+
}
|
|
325
|
+
],
|
|
326
|
+
"attributes": [
|
|
327
|
+
{
|
|
328
|
+
"name": "disabled",
|
|
329
|
+
"type": {
|
|
330
|
+
"text": "boolean"
|
|
331
|
+
},
|
|
332
|
+
"description": "If true, the user cannot interact with this element.\nWhen the element is disabled, the selected item is\nnot updated when `selected` property is changed.",
|
|
333
|
+
"fieldName": "disabled",
|
|
334
|
+
"inheritedFrom": {
|
|
335
|
+
"name": "ListMixin",
|
|
336
|
+
"package": "@vaadin/a11y-base/src/list-mixin.js"
|
|
337
|
+
}
|
|
338
|
+
},
|
|
339
|
+
{
|
|
340
|
+
"name": "multiple",
|
|
341
|
+
"type": {
|
|
342
|
+
"text": "boolean"
|
|
343
|
+
},
|
|
344
|
+
"description": "Specifies that multiple options can be selected at once.",
|
|
345
|
+
"fieldName": "multiple"
|
|
346
|
+
},
|
|
347
|
+
{
|
|
348
|
+
"name": "orientation",
|
|
349
|
+
"type": {
|
|
350
|
+
"text": "!ListOrientation"
|
|
351
|
+
},
|
|
352
|
+
"description": "Define how items are disposed in the dom.\nPossible values are: `horizontal|vertical`.\nIt also changes navigation keys from left/right to up/down.",
|
|
353
|
+
"fieldName": "orientation",
|
|
354
|
+
"inheritedFrom": {
|
|
355
|
+
"name": "ListMixin",
|
|
356
|
+
"package": "@vaadin/a11y-base/src/list-mixin.js"
|
|
357
|
+
}
|
|
358
|
+
},
|
|
359
|
+
{
|
|
360
|
+
"name": "selected",
|
|
361
|
+
"type": {
|
|
362
|
+
"text": "number"
|
|
363
|
+
},
|
|
364
|
+
"description": "The index of the item selected in the items array.\nNote: Not updated when used in `multiple` selection mode.",
|
|
365
|
+
"fieldName": "selected",
|
|
366
|
+
"inheritedFrom": {
|
|
367
|
+
"name": "ListMixin",
|
|
368
|
+
"package": "@vaadin/a11y-base/src/list-mixin.js"
|
|
369
|
+
}
|
|
370
|
+
},
|
|
371
|
+
{
|
|
372
|
+
"name": "selected-values",
|
|
373
|
+
"type": {
|
|
374
|
+
"text": "number[] | null | undefined"
|
|
375
|
+
},
|
|
376
|
+
"description": "Array of indexes of the items selected in the items array\nNote: Not updated when used in single selection mode.",
|
|
377
|
+
"fieldName": "selectedValues"
|
|
378
|
+
}
|
|
379
|
+
],
|
|
380
|
+
"mixins": [
|
|
381
|
+
{
|
|
382
|
+
"name": "ListMixin",
|
|
383
|
+
"package": "@vaadin/a11y-base/src/list-mixin.js"
|
|
384
|
+
}
|
|
385
|
+
],
|
|
386
|
+
"parameters": [
|
|
387
|
+
{
|
|
388
|
+
"name": "superClass"
|
|
389
|
+
}
|
|
390
|
+
]
|
|
391
|
+
}
|
|
392
|
+
],
|
|
393
|
+
"exports": [
|
|
394
|
+
{
|
|
395
|
+
"kind": "js",
|
|
396
|
+
"name": "MultiSelectListMixin",
|
|
397
|
+
"declaration": {
|
|
398
|
+
"name": "MultiSelectListMixin",
|
|
399
|
+
"module": "src/vaadin-multi-select-list-mixin.js"
|
|
400
|
+
}
|
|
401
|
+
}
|
|
402
|
+
]
|
|
403
|
+
}
|
|
404
|
+
]
|
|
405
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/list-box",
|
|
3
|
-
"version": "25.1.0-
|
|
3
|
+
"version": "25.1.0-alpha7",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
"src",
|
|
24
24
|
"vaadin-*.d.ts",
|
|
25
25
|
"vaadin-*.js",
|
|
26
|
+
"custom-elements.json",
|
|
26
27
|
"web-types.json",
|
|
27
28
|
"web-types.lit.json"
|
|
28
29
|
],
|
|
@@ -34,23 +35,24 @@
|
|
|
34
35
|
],
|
|
35
36
|
"dependencies": {
|
|
36
37
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
37
|
-
"@vaadin/a11y-base": "25.1.0-
|
|
38
|
-
"@vaadin/component-base": "25.1.0-
|
|
39
|
-
"@vaadin/item": "25.1.0-
|
|
40
|
-
"@vaadin/vaadin-themable-mixin": "25.1.0-
|
|
38
|
+
"@vaadin/a11y-base": "25.1.0-alpha7",
|
|
39
|
+
"@vaadin/component-base": "25.1.0-alpha7",
|
|
40
|
+
"@vaadin/item": "25.1.0-alpha7",
|
|
41
|
+
"@vaadin/vaadin-themable-mixin": "25.1.0-alpha7",
|
|
41
42
|
"lit": "^3.0.0"
|
|
42
43
|
},
|
|
43
44
|
"devDependencies": {
|
|
44
|
-
"@vaadin/aura": "25.1.0-
|
|
45
|
-
"@vaadin/chai-plugins": "25.1.0-
|
|
46
|
-
"@vaadin/test-runner-commands": "25.1.0-
|
|
45
|
+
"@vaadin/aura": "25.1.0-alpha7",
|
|
46
|
+
"@vaadin/chai-plugins": "25.1.0-alpha7",
|
|
47
|
+
"@vaadin/test-runner-commands": "25.1.0-alpha7",
|
|
47
48
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
48
|
-
"@vaadin/vaadin-lumo-styles": "25.1.0-
|
|
49
|
+
"@vaadin/vaadin-lumo-styles": "25.1.0-alpha7",
|
|
49
50
|
"sinon": "^21.0.0"
|
|
50
51
|
},
|
|
52
|
+
"customElements": "custom-elements.json",
|
|
51
53
|
"web-types": [
|
|
52
54
|
"web-types.json",
|
|
53
55
|
"web-types.lit.json"
|
|
54
56
|
],
|
|
55
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "98c586125f769c8fefd307536965293668fda81d"
|
|
56
58
|
}
|
package/src/vaadin-list-box.js
CHANGED
|
@@ -45,7 +45,7 @@ import { MultiSelectListMixin } from './vaadin-multi-select-list-mixin.js';
|
|
|
45
45
|
* @fires {CustomEvent} selected-changed - Fired when the `selected` property changes.
|
|
46
46
|
* @fires {CustomEvent} selected-values-changed - Fired when the `selectedValues` property changes.
|
|
47
47
|
*
|
|
48
|
-
* @customElement
|
|
48
|
+
* @customElement vaadin-list-box
|
|
49
49
|
* @extends HTMLElement
|
|
50
50
|
* @mixes MultiSelectListMixin
|
|
51
51
|
* @mixes ThemableMixin
|
package/web-types.json
CHANGED