@vaadin/radio-group 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/package.json +10 -10
- package/web-types.json +110 -110
- package/web-types.lit.json +31 -31
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/radio-group",
|
|
3
|
-
"version": "25.1.0-
|
|
3
|
+
"version": "25.1.0-alpha9",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -37,18 +37,18 @@
|
|
|
37
37
|
],
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
40
|
-
"@vaadin/a11y-base": "25.1.0-
|
|
41
|
-
"@vaadin/component-base": "25.1.0-
|
|
42
|
-
"@vaadin/field-base": "25.1.0-
|
|
43
|
-
"@vaadin/vaadin-themable-mixin": "25.1.0-
|
|
40
|
+
"@vaadin/a11y-base": "25.1.0-alpha9",
|
|
41
|
+
"@vaadin/component-base": "25.1.0-alpha9",
|
|
42
|
+
"@vaadin/field-base": "25.1.0-alpha9",
|
|
43
|
+
"@vaadin/vaadin-themable-mixin": "25.1.0-alpha9",
|
|
44
44
|
"lit": "^3.0.0"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@vaadin/aura": "25.1.0-
|
|
48
|
-
"@vaadin/chai-plugins": "25.1.0-
|
|
49
|
-
"@vaadin/test-runner-commands": "25.1.0-
|
|
47
|
+
"@vaadin/aura": "25.1.0-alpha9",
|
|
48
|
+
"@vaadin/chai-plugins": "25.1.0-alpha9",
|
|
49
|
+
"@vaadin/test-runner-commands": "25.1.0-alpha9",
|
|
50
50
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
51
|
-
"@vaadin/vaadin-lumo-styles": "25.1.0-
|
|
51
|
+
"@vaadin/vaadin-lumo-styles": "25.1.0-alpha9",
|
|
52
52
|
"sinon": "^21.0.0"
|
|
53
53
|
},
|
|
54
54
|
"customElements": "custom-elements.json",
|
|
@@ -56,5 +56,5 @@
|
|
|
56
56
|
"web-types.json",
|
|
57
57
|
"web-types.lit.json"
|
|
58
58
|
],
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "ef432311376ba3dac4233cb23d393a49a425e0a4"
|
|
60
60
|
}
|
package/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/radio-group",
|
|
4
|
-
"version": "25.1.0-
|
|
4
|
+
"version": "25.1.0-alpha9",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
"description": "`<vaadin-radio-button>` is a web component representing a choice in a radio group.\nOnly one radio button in the group can be selected at the same time.\n\n```html\n<vaadin-radio-group label=\"Travel class\">\n <vaadin-radio-button value=\"economy\" label=\"Economy\"></vaadin-radio-button>\n <vaadin-radio-button value=\"business\" label=\"Business\"></vaadin-radio-button>\n <vaadin-radio-button value=\"firstClass\" label=\"First Class\"></vaadin-radio-button>\n</vaadin-radio-group>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n------------|----------------\n`radio` | The wrapper element that contains slotted `<input type=\"radio\">`.\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-------------|--------------------------\n`active` | Set when the radio button is pressed, either with a pointer or the keyboard.\n`disabled` | Set when the radio button is disabled.\n`focus-ring` | Set when the radio button is focused using the keyboard.\n`focused` | Set when the radio button is focused.\n`checked` | Set when the radio button is checked.\n`has-label` | Set when the radio button has a label.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:--------------------------------------------|\n| `--vaadin-radio-button-background` |\n| `--vaadin-radio-button-border-color` |\n| `--vaadin-radio-button-border-width` |\n| `--vaadin-radio-button-gap` |\n| `--vaadin-radio-button-label-color` |\n| `--vaadin-radio-button-label-font-size` |\n| `--vaadin-radio-button-label-font-weight` |\n| `--vaadin-radio-button-label-line-height` |\n| `--vaadin-radio-button-marker-color` |\n| `--vaadin-radio-button-marker-size` |\n| `--vaadin-radio-button-size` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
|
-
"name": "
|
|
15
|
-
"description": "
|
|
14
|
+
"name": "autofocus",
|
|
15
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
16
16
|
"value": {
|
|
17
17
|
"type": [
|
|
18
18
|
"boolean",
|
|
@@ -21,17 +21,6 @@
|
|
|
21
21
|
]
|
|
22
22
|
}
|
|
23
23
|
},
|
|
24
|
-
{
|
|
25
|
-
"name": "value",
|
|
26
|
-
"description": "The value of the field.",
|
|
27
|
-
"value": {
|
|
28
|
-
"type": [
|
|
29
|
-
"string",
|
|
30
|
-
"null",
|
|
31
|
-
"undefined"
|
|
32
|
-
]
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
24
|
{
|
|
36
25
|
"name": "checked",
|
|
37
26
|
"description": "True if the element is checked.",
|
|
@@ -42,8 +31,8 @@
|
|
|
42
31
|
}
|
|
43
32
|
},
|
|
44
33
|
{
|
|
45
|
-
"name": "
|
|
46
|
-
"description": "
|
|
34
|
+
"name": "disabled",
|
|
35
|
+
"description": "If true, the user cannot interact with this element.",
|
|
47
36
|
"value": {
|
|
48
37
|
"type": [
|
|
49
38
|
"boolean",
|
|
@@ -82,13 +71,24 @@
|
|
|
82
71
|
"undefined"
|
|
83
72
|
]
|
|
84
73
|
}
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
"name": "value",
|
|
77
|
+
"description": "The value of the field.",
|
|
78
|
+
"value": {
|
|
79
|
+
"type": [
|
|
80
|
+
"string",
|
|
81
|
+
"null",
|
|
82
|
+
"undefined"
|
|
83
|
+
]
|
|
84
|
+
}
|
|
85
85
|
}
|
|
86
86
|
],
|
|
87
87
|
"js": {
|
|
88
88
|
"properties": [
|
|
89
89
|
{
|
|
90
|
-
"name": "
|
|
91
|
-
"description": "
|
|
90
|
+
"name": "autofocus",
|
|
91
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
92
92
|
"value": {
|
|
93
93
|
"type": [
|
|
94
94
|
"boolean",
|
|
@@ -97,17 +97,6 @@
|
|
|
97
97
|
]
|
|
98
98
|
}
|
|
99
99
|
},
|
|
100
|
-
{
|
|
101
|
-
"name": "value",
|
|
102
|
-
"description": "The value of the field.",
|
|
103
|
-
"value": {
|
|
104
|
-
"type": [
|
|
105
|
-
"string",
|
|
106
|
-
"null",
|
|
107
|
-
"undefined"
|
|
108
|
-
]
|
|
109
|
-
}
|
|
110
|
-
},
|
|
111
100
|
{
|
|
112
101
|
"name": "checked",
|
|
113
102
|
"description": "True if the element is checked.",
|
|
@@ -118,8 +107,8 @@
|
|
|
118
107
|
}
|
|
119
108
|
},
|
|
120
109
|
{
|
|
121
|
-
"name": "
|
|
122
|
-
"description": "
|
|
110
|
+
"name": "disabled",
|
|
111
|
+
"description": "If true, the user cannot interact with this element.",
|
|
123
112
|
"value": {
|
|
124
113
|
"type": [
|
|
125
114
|
"boolean",
|
|
@@ -147,16 +136,27 @@
|
|
|
147
136
|
"string"
|
|
148
137
|
]
|
|
149
138
|
}
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
"name": "value",
|
|
142
|
+
"description": "The value of the field.",
|
|
143
|
+
"value": {
|
|
144
|
+
"type": [
|
|
145
|
+
"string",
|
|
146
|
+
"null",
|
|
147
|
+
"undefined"
|
|
148
|
+
]
|
|
149
|
+
}
|
|
150
150
|
}
|
|
151
151
|
],
|
|
152
152
|
"events": [
|
|
153
|
-
{
|
|
154
|
-
"name": "value-changed",
|
|
155
|
-
"description": "Fired when the `value` property changes."
|
|
156
|
-
},
|
|
157
153
|
{
|
|
158
154
|
"name": "checked-changed",
|
|
159
155
|
"description": "Fired when the `checked` property changes."
|
|
156
|
+
},
|
|
157
|
+
{
|
|
158
|
+
"name": "value-changed",
|
|
159
|
+
"description": "Fired when the `value` property changes."
|
|
160
160
|
}
|
|
161
161
|
]
|
|
162
162
|
}
|
|
@@ -166,19 +166,8 @@
|
|
|
166
166
|
"description": "`<vaadin-radio-group>` is a web component that allows the user to choose one item from a group of choices.\n\n```html\n<vaadin-radio-group label=\"Travel class\">\n <vaadin-radio-button value=\"economy\" label=\"Economy\"></vaadin-radio-button>\n <vaadin-radio-button value=\"business\" label=\"Business\"></vaadin-radio-button>\n <vaadin-radio-button value=\"firstClass\" label=\"First Class\"></vaadin-radio-button>\n</vaadin-radio-group>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n---------------------|----------------\n`label` | The slotted label element wrapper\n`group-field` | The radio button elements wrapper\n`helper-text` | The slotted helper text element wrapper\n`error-message` | The slotted error message element wrapper\n`required-indicator` | The `required` state indicator element\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n--------------------|---------------------------------\n`disabled` | Set when the element is disabled\n`readonly` | Set when the element is readonly\n`invalid` | Set when the element is invalid\n`focused` | Set when the element is focused\n`has-label` | Set when the element has a label\n`has-value` | Set when the element has a value\n`has-helper` | Set when the element has helper text\n`has-error-message` | Set when the element has an error message\n`has-tooltip` | Set when the element has a slotted tooltip\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:--------------------------------------------------|\n| `--vaadin-input-field-error-color` |\n| `--vaadin-input-field-error-font-size` |\n| `--vaadin-input-field-error-font-weight` |\n| `--vaadin-input-field-error-line-height` |\n| `--vaadin-input-field-label-color` |\n| `--vaadin-input-field-label-font-size` |\n| `--vaadin-input-field-label-font-weight` |\n| `--vaadin-input-field-label-line-height` |\n| `--vaadin-input-field-helper-color` |\n| `--vaadin-input-field-helper-font-size` |\n| `--vaadin-input-field-helper-font-weight` |\n| `--vaadin-input-field-helper-line-height` |\n| `--vaadin-input-field-required-indicator-color` |\n| `--vaadin-input-field-required-indicator` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
167
167
|
"attributes": [
|
|
168
168
|
{
|
|
169
|
-
"name": "
|
|
170
|
-
"description": "
|
|
171
|
-
"value": {
|
|
172
|
-
"type": [
|
|
173
|
-
"boolean",
|
|
174
|
-
"null",
|
|
175
|
-
"undefined"
|
|
176
|
-
]
|
|
177
|
-
}
|
|
178
|
-
},
|
|
179
|
-
{
|
|
180
|
-
"name": "label",
|
|
181
|
-
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
169
|
+
"name": "accessible-name",
|
|
170
|
+
"description": "String used to label the component to screen reader users.",
|
|
182
171
|
"value": {
|
|
183
172
|
"type": [
|
|
184
173
|
"string",
|
|
@@ -188,19 +177,19 @@
|
|
|
188
177
|
}
|
|
189
178
|
},
|
|
190
179
|
{
|
|
191
|
-
"name": "
|
|
192
|
-
"description": "
|
|
180
|
+
"name": "accessible-name-ref",
|
|
181
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
193
182
|
"value": {
|
|
194
183
|
"type": [
|
|
195
|
-
"
|
|
184
|
+
"string",
|
|
196
185
|
"null",
|
|
197
186
|
"undefined"
|
|
198
187
|
]
|
|
199
188
|
}
|
|
200
189
|
},
|
|
201
190
|
{
|
|
202
|
-
"name": "
|
|
203
|
-
"description": "
|
|
191
|
+
"name": "disabled",
|
|
192
|
+
"description": "If true, the user cannot interact with this element.",
|
|
204
193
|
"value": {
|
|
205
194
|
"type": [
|
|
206
195
|
"boolean",
|
|
@@ -210,19 +199,19 @@
|
|
|
210
199
|
}
|
|
211
200
|
},
|
|
212
201
|
{
|
|
213
|
-
"name": "
|
|
214
|
-
"description": "
|
|
202
|
+
"name": "error-message",
|
|
203
|
+
"description": "Error to show when the field is invalid.",
|
|
215
204
|
"value": {
|
|
216
205
|
"type": [
|
|
217
|
-
"
|
|
206
|
+
"string",
|
|
218
207
|
"null",
|
|
219
208
|
"undefined"
|
|
220
209
|
]
|
|
221
210
|
}
|
|
222
211
|
},
|
|
223
212
|
{
|
|
224
|
-
"name": "
|
|
225
|
-
"description": "
|
|
213
|
+
"name": "helper-text",
|
|
214
|
+
"description": "String used for the helper text.",
|
|
226
215
|
"value": {
|
|
227
216
|
"type": [
|
|
228
217
|
"string",
|
|
@@ -232,19 +221,19 @@
|
|
|
232
221
|
}
|
|
233
222
|
},
|
|
234
223
|
{
|
|
235
|
-
"name": "
|
|
236
|
-
"description": "
|
|
224
|
+
"name": "invalid",
|
|
225
|
+
"description": "Set to true when the field is invalid.",
|
|
237
226
|
"value": {
|
|
238
227
|
"type": [
|
|
239
|
-
"
|
|
228
|
+
"boolean",
|
|
240
229
|
"null",
|
|
241
230
|
"undefined"
|
|
242
231
|
]
|
|
243
232
|
}
|
|
244
233
|
},
|
|
245
234
|
{
|
|
246
|
-
"name": "
|
|
247
|
-
"description": "
|
|
235
|
+
"name": "label",
|
|
236
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
248
237
|
"value": {
|
|
249
238
|
"type": [
|
|
250
239
|
"string",
|
|
@@ -254,11 +243,11 @@
|
|
|
254
243
|
}
|
|
255
244
|
},
|
|
256
245
|
{
|
|
257
|
-
"name": "
|
|
258
|
-
"description": "
|
|
246
|
+
"name": "manual-validation",
|
|
247
|
+
"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.",
|
|
259
248
|
"value": {
|
|
260
249
|
"type": [
|
|
261
|
-
"
|
|
250
|
+
"boolean",
|
|
262
251
|
"null",
|
|
263
252
|
"undefined"
|
|
264
253
|
]
|
|
@@ -276,20 +265,22 @@
|
|
|
276
265
|
}
|
|
277
266
|
},
|
|
278
267
|
{
|
|
279
|
-
"name": "
|
|
280
|
-
"description": "
|
|
268
|
+
"name": "readonly",
|
|
269
|
+
"description": "When present, the user cannot modify the value of the radio group.\nThe property works similarly to the `disabled` property.\nWhile the `disabled` property disables all radio buttons inside the group,\nthe `readonly` property disables only unchecked ones.",
|
|
281
270
|
"value": {
|
|
282
271
|
"type": [
|
|
283
|
-
"
|
|
272
|
+
"boolean"
|
|
284
273
|
]
|
|
285
274
|
}
|
|
286
275
|
},
|
|
287
276
|
{
|
|
288
|
-
"name": "
|
|
289
|
-
"description": "
|
|
277
|
+
"name": "required",
|
|
278
|
+
"description": "Specifies that the user must fill in a value.",
|
|
290
279
|
"value": {
|
|
291
280
|
"type": [
|
|
292
|
-
"boolean"
|
|
281
|
+
"boolean",
|
|
282
|
+
"null",
|
|
283
|
+
"undefined"
|
|
293
284
|
]
|
|
294
285
|
}
|
|
295
286
|
},
|
|
@@ -303,24 +294,33 @@
|
|
|
303
294
|
"undefined"
|
|
304
295
|
]
|
|
305
296
|
}
|
|
297
|
+
},
|
|
298
|
+
{
|
|
299
|
+
"name": "value",
|
|
300
|
+
"description": "The value of the radio group.",
|
|
301
|
+
"value": {
|
|
302
|
+
"type": [
|
|
303
|
+
"string"
|
|
304
|
+
]
|
|
305
|
+
}
|
|
306
306
|
}
|
|
307
307
|
],
|
|
308
308
|
"js": {
|
|
309
309
|
"properties": [
|
|
310
310
|
{
|
|
311
|
-
"name": "
|
|
312
|
-
"description": "
|
|
311
|
+
"name": "accessibleName",
|
|
312
|
+
"description": "String used to label the component to screen reader users.",
|
|
313
313
|
"value": {
|
|
314
314
|
"type": [
|
|
315
|
-
"
|
|
315
|
+
"string",
|
|
316
316
|
"null",
|
|
317
317
|
"undefined"
|
|
318
318
|
]
|
|
319
319
|
}
|
|
320
320
|
},
|
|
321
321
|
{
|
|
322
|
-
"name": "
|
|
323
|
-
"description": "
|
|
322
|
+
"name": "accessibleNameRef",
|
|
323
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
324
324
|
"value": {
|
|
325
325
|
"type": [
|
|
326
326
|
"string",
|
|
@@ -330,8 +330,8 @@
|
|
|
330
330
|
}
|
|
331
331
|
},
|
|
332
332
|
{
|
|
333
|
-
"name": "
|
|
334
|
-
"description": "
|
|
333
|
+
"name": "disabled",
|
|
334
|
+
"description": "If true, the user cannot interact with this element.",
|
|
335
335
|
"value": {
|
|
336
336
|
"type": [
|
|
337
337
|
"boolean",
|
|
@@ -341,41 +341,41 @@
|
|
|
341
341
|
}
|
|
342
342
|
},
|
|
343
343
|
{
|
|
344
|
-
"name": "
|
|
345
|
-
"description": "
|
|
344
|
+
"name": "errorMessage",
|
|
345
|
+
"description": "Error to show when the field is invalid.",
|
|
346
346
|
"value": {
|
|
347
347
|
"type": [
|
|
348
|
-
"
|
|
348
|
+
"string",
|
|
349
349
|
"null",
|
|
350
350
|
"undefined"
|
|
351
351
|
]
|
|
352
352
|
}
|
|
353
353
|
},
|
|
354
354
|
{
|
|
355
|
-
"name": "
|
|
356
|
-
"description": "
|
|
355
|
+
"name": "helperText",
|
|
356
|
+
"description": "String used for the helper text.",
|
|
357
357
|
"value": {
|
|
358
358
|
"type": [
|
|
359
|
-
"
|
|
359
|
+
"string",
|
|
360
360
|
"null",
|
|
361
361
|
"undefined"
|
|
362
362
|
]
|
|
363
363
|
}
|
|
364
364
|
},
|
|
365
365
|
{
|
|
366
|
-
"name": "
|
|
367
|
-
"description": "
|
|
366
|
+
"name": "invalid",
|
|
367
|
+
"description": "Set to true when the field is invalid.",
|
|
368
368
|
"value": {
|
|
369
369
|
"type": [
|
|
370
|
-
"
|
|
370
|
+
"boolean",
|
|
371
371
|
"null",
|
|
372
372
|
"undefined"
|
|
373
373
|
]
|
|
374
374
|
}
|
|
375
375
|
},
|
|
376
376
|
{
|
|
377
|
-
"name": "
|
|
378
|
-
"description": "
|
|
377
|
+
"name": "label",
|
|
378
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
379
379
|
"value": {
|
|
380
380
|
"type": [
|
|
381
381
|
"string",
|
|
@@ -385,19 +385,19 @@
|
|
|
385
385
|
}
|
|
386
386
|
},
|
|
387
387
|
{
|
|
388
|
-
"name": "
|
|
389
|
-
"description": "
|
|
388
|
+
"name": "manualValidation",
|
|
389
|
+
"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.",
|
|
390
390
|
"value": {
|
|
391
391
|
"type": [
|
|
392
|
-
"
|
|
392
|
+
"boolean",
|
|
393
393
|
"null",
|
|
394
394
|
"undefined"
|
|
395
395
|
]
|
|
396
396
|
}
|
|
397
397
|
},
|
|
398
398
|
{
|
|
399
|
-
"name": "
|
|
400
|
-
"description": "
|
|
399
|
+
"name": "name",
|
|
400
|
+
"description": "The name of the control, which is submitted with the form data.",
|
|
401
401
|
"value": {
|
|
402
402
|
"type": [
|
|
403
403
|
"string",
|
|
@@ -407,44 +407,44 @@
|
|
|
407
407
|
}
|
|
408
408
|
},
|
|
409
409
|
{
|
|
410
|
-
"name": "
|
|
411
|
-
"description": "
|
|
410
|
+
"name": "readonly",
|
|
411
|
+
"description": "When present, the user cannot modify the value of the radio group.\nThe property works similarly to the `disabled` property.\nWhile the `disabled` property disables all radio buttons inside the group,\nthe `readonly` property disables only unchecked ones.",
|
|
412
412
|
"value": {
|
|
413
413
|
"type": [
|
|
414
|
-
"
|
|
415
|
-
"null",
|
|
416
|
-
"undefined"
|
|
414
|
+
"boolean"
|
|
417
415
|
]
|
|
418
416
|
}
|
|
419
417
|
},
|
|
420
418
|
{
|
|
421
|
-
"name": "
|
|
422
|
-
"description": "
|
|
419
|
+
"name": "required",
|
|
420
|
+
"description": "Specifies that the user must fill in a value.",
|
|
423
421
|
"value": {
|
|
424
422
|
"type": [
|
|
425
|
-
"
|
|
423
|
+
"boolean",
|
|
424
|
+
"null",
|
|
425
|
+
"undefined"
|
|
426
426
|
]
|
|
427
427
|
}
|
|
428
428
|
},
|
|
429
429
|
{
|
|
430
|
-
"name": "
|
|
431
|
-
"description": "
|
|
430
|
+
"name": "value",
|
|
431
|
+
"description": "The value of the radio group.",
|
|
432
432
|
"value": {
|
|
433
433
|
"type": [
|
|
434
|
-
"
|
|
434
|
+
"string"
|
|
435
435
|
]
|
|
436
436
|
}
|
|
437
437
|
}
|
|
438
438
|
],
|
|
439
439
|
"events": [
|
|
440
|
-
{
|
|
441
|
-
"name": "validated",
|
|
442
|
-
"description": "Fired whenever the field is validated."
|
|
443
|
-
},
|
|
444
440
|
{
|
|
445
441
|
"name": "invalid-changed",
|
|
446
442
|
"description": "Fired when the `invalid` property changes."
|
|
447
443
|
},
|
|
444
|
+
{
|
|
445
|
+
"name": "validated",
|
|
446
|
+
"description": "Fired whenever the field is validated."
|
|
447
|
+
},
|
|
448
448
|
{
|
|
449
449
|
"name": "value-changed",
|
|
450
450
|
"description": "Fired when the `value` property changes."
|
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/radio-group",
|
|
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,8 +20,8 @@
|
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
22
|
{
|
|
23
|
-
"name": "?
|
|
24
|
-
"description": "
|
|
23
|
+
"name": "?autofocus",
|
|
24
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
25
25
|
"value": {
|
|
26
26
|
"kind": "expression"
|
|
27
27
|
}
|
|
@@ -34,15 +34,8 @@
|
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
{
|
|
37
|
-
"name": "?
|
|
38
|
-
"description": "
|
|
39
|
-
"value": {
|
|
40
|
-
"kind": "expression"
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
"name": ".value",
|
|
45
|
-
"description": "The value of the field.",
|
|
37
|
+
"name": "?disabled",
|
|
38
|
+
"description": "If true, the user cannot interact with this element.",
|
|
46
39
|
"value": {
|
|
47
40
|
"kind": "expression"
|
|
48
41
|
}
|
|
@@ -62,8 +55,8 @@
|
|
|
62
55
|
}
|
|
63
56
|
},
|
|
64
57
|
{
|
|
65
|
-
"name": "
|
|
66
|
-
"description": "
|
|
58
|
+
"name": ".value",
|
|
59
|
+
"description": "The value of the field.",
|
|
67
60
|
"value": {
|
|
68
61
|
"kind": "expression"
|
|
69
62
|
}
|
|
@@ -74,6 +67,13 @@
|
|
|
74
67
|
"value": {
|
|
75
68
|
"kind": "expression"
|
|
76
69
|
}
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"name": "@value-changed",
|
|
73
|
+
"description": "Fired when the `value` property changes.",
|
|
74
|
+
"value": {
|
|
75
|
+
"kind": "expression"
|
|
76
|
+
}
|
|
77
77
|
}
|
|
78
78
|
]
|
|
79
79
|
},
|
|
@@ -103,6 +103,13 @@
|
|
|
103
103
|
"kind": "expression"
|
|
104
104
|
}
|
|
105
105
|
},
|
|
106
|
+
{
|
|
107
|
+
"name": "?readonly",
|
|
108
|
+
"description": "When present, the user cannot modify the value of the radio group.\nThe property works similarly to the `disabled` property.\nWhile the `disabled` property disables all radio buttons inside the group,\nthe `readonly` property disables only unchecked ones.",
|
|
109
|
+
"value": {
|
|
110
|
+
"kind": "expression"
|
|
111
|
+
}
|
|
112
|
+
},
|
|
106
113
|
{
|
|
107
114
|
"name": "?required",
|
|
108
115
|
"description": "Specifies that the user must fill in a value.",
|
|
@@ -111,15 +118,15 @@
|
|
|
111
118
|
}
|
|
112
119
|
},
|
|
113
120
|
{
|
|
114
|
-
"name": "
|
|
115
|
-
"description": "
|
|
121
|
+
"name": ".accessibleName",
|
|
122
|
+
"description": "String used to label the component to screen reader users.",
|
|
116
123
|
"value": {
|
|
117
124
|
"kind": "expression"
|
|
118
125
|
}
|
|
119
126
|
},
|
|
120
127
|
{
|
|
121
|
-
"name": ".
|
|
122
|
-
"description": "
|
|
128
|
+
"name": ".accessibleNameRef",
|
|
129
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
123
130
|
"value": {
|
|
124
131
|
"kind": "expression"
|
|
125
132
|
}
|
|
@@ -139,15 +146,8 @@
|
|
|
139
146
|
}
|
|
140
147
|
},
|
|
141
148
|
{
|
|
142
|
-
"name": ".
|
|
143
|
-
"description": "
|
|
144
|
-
"value": {
|
|
145
|
-
"kind": "expression"
|
|
146
|
-
}
|
|
147
|
-
},
|
|
148
|
-
{
|
|
149
|
-
"name": ".accessibleNameRef",
|
|
150
|
-
"description": "Id of the element used as label of the component to screen reader users.",
|
|
149
|
+
"name": ".label",
|
|
150
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
151
151
|
"value": {
|
|
152
152
|
"kind": "expression"
|
|
153
153
|
}
|
|
@@ -167,15 +167,15 @@
|
|
|
167
167
|
}
|
|
168
168
|
},
|
|
169
169
|
{
|
|
170
|
-
"name": "@
|
|
171
|
-
"description": "Fired
|
|
170
|
+
"name": "@invalid-changed",
|
|
171
|
+
"description": "Fired when the `invalid` property changes.",
|
|
172
172
|
"value": {
|
|
173
173
|
"kind": "expression"
|
|
174
174
|
}
|
|
175
175
|
},
|
|
176
176
|
{
|
|
177
|
-
"name": "@
|
|
178
|
-
"description": "Fired
|
|
177
|
+
"name": "@validated",
|
|
178
|
+
"description": "Fired whenever the field is validated.",
|
|
179
179
|
"value": {
|
|
180
180
|
"kind": "expression"
|
|
181
181
|
}
|