@vaadin/radio-group 25.1.2 → 25.2.0-alpha10
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 +467 -8
- package/package.json +10 -10
- package/src/vaadin-radio-group-mixin.js +1 -1
- package/web-types.json +56 -114
- package/web-types.lit.json +29 -29
package/custom-elements.json
CHANGED
|
@@ -41,6 +41,20 @@
|
|
|
41
41
|
"description": "A mixin providing common radio-button functionality.",
|
|
42
42
|
"name": "RadioButtonMixin",
|
|
43
43
|
"members": [
|
|
44
|
+
{
|
|
45
|
+
"kind": "field",
|
|
46
|
+
"name": "autofocus",
|
|
47
|
+
"privacy": "public",
|
|
48
|
+
"type": {
|
|
49
|
+
"text": "boolean"
|
|
50
|
+
},
|
|
51
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
52
|
+
"attribute": "autofocus",
|
|
53
|
+
"inheritedFrom": {
|
|
54
|
+
"name": "DelegateFocusMixin",
|
|
55
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
56
|
+
}
|
|
57
|
+
},
|
|
44
58
|
{
|
|
45
59
|
"kind": "field",
|
|
46
60
|
"name": "checked",
|
|
@@ -55,6 +69,29 @@
|
|
|
55
69
|
"package": "@vaadin/field-base/src/checked-mixin.js"
|
|
56
70
|
}
|
|
57
71
|
},
|
|
72
|
+
{
|
|
73
|
+
"kind": "method",
|
|
74
|
+
"name": "clear",
|
|
75
|
+
"description": "Clear the value of the field.",
|
|
76
|
+
"inheritedFrom": {
|
|
77
|
+
"name": "InputMixin",
|
|
78
|
+
"package": "@vaadin/field-base/src/input-mixin.js"
|
|
79
|
+
}
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
"kind": "field",
|
|
83
|
+
"name": "disabled",
|
|
84
|
+
"privacy": "public",
|
|
85
|
+
"type": {
|
|
86
|
+
"text": "boolean"
|
|
87
|
+
},
|
|
88
|
+
"description": "If true, the user cannot interact with this element.",
|
|
89
|
+
"attribute": "disabled",
|
|
90
|
+
"inheritedFrom": {
|
|
91
|
+
"name": "DisabledMixin",
|
|
92
|
+
"package": "@vaadin/a11y-base/src/disabled-mixin.js"
|
|
93
|
+
}
|
|
94
|
+
},
|
|
58
95
|
{
|
|
59
96
|
"kind": "field",
|
|
60
97
|
"name": "label",
|
|
@@ -79,24 +116,35 @@
|
|
|
79
116
|
"description": "The name of the radio button.",
|
|
80
117
|
"attribute": "name"
|
|
81
118
|
},
|
|
82
|
-
{
|
|
83
|
-
"kind": "field",
|
|
84
|
-
"name": "tabindex",
|
|
85
|
-
"type": {
|
|
86
|
-
"text": "number"
|
|
87
|
-
},
|
|
88
|
-
"default": "0"
|
|
89
|
-
},
|
|
90
119
|
{
|
|
91
120
|
"kind": "field",
|
|
92
121
|
"name": "value",
|
|
122
|
+
"privacy": "public",
|
|
93
123
|
"type": {
|
|
94
124
|
"text": "string"
|
|
95
125
|
},
|
|
126
|
+
"description": "The value of the field.",
|
|
127
|
+
"attribute": "value",
|
|
128
|
+
"inheritedFrom": {
|
|
129
|
+
"name": "InputMixin",
|
|
130
|
+
"package": "@vaadin/field-base/src/input-mixin.js"
|
|
131
|
+
},
|
|
96
132
|
"default": "'on'"
|
|
97
133
|
}
|
|
98
134
|
],
|
|
99
135
|
"attributes": [
|
|
136
|
+
{
|
|
137
|
+
"name": "autofocus",
|
|
138
|
+
"type": {
|
|
139
|
+
"text": "boolean"
|
|
140
|
+
},
|
|
141
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
142
|
+
"fieldName": "autofocus",
|
|
143
|
+
"inheritedFrom": {
|
|
144
|
+
"name": "DelegateFocusMixin",
|
|
145
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
146
|
+
}
|
|
147
|
+
},
|
|
100
148
|
{
|
|
101
149
|
"name": "checked",
|
|
102
150
|
"type": {
|
|
@@ -109,6 +157,18 @@
|
|
|
109
157
|
"package": "@vaadin/field-base/src/checked-mixin.js"
|
|
110
158
|
}
|
|
111
159
|
},
|
|
160
|
+
{
|
|
161
|
+
"name": "disabled",
|
|
162
|
+
"type": {
|
|
163
|
+
"text": "boolean"
|
|
164
|
+
},
|
|
165
|
+
"description": "If true, the user cannot interact with this element.",
|
|
166
|
+
"fieldName": "disabled",
|
|
167
|
+
"inheritedFrom": {
|
|
168
|
+
"name": "DisabledMixin",
|
|
169
|
+
"package": "@vaadin/a11y-base/src/disabled-mixin.js"
|
|
170
|
+
}
|
|
171
|
+
},
|
|
112
172
|
{
|
|
113
173
|
"name": "label",
|
|
114
174
|
"type": {
|
|
@@ -128,6 +188,18 @@
|
|
|
128
188
|
},
|
|
129
189
|
"description": "The name of the radio button.",
|
|
130
190
|
"fieldName": "name"
|
|
191
|
+
},
|
|
192
|
+
{
|
|
193
|
+
"name": "value",
|
|
194
|
+
"type": {
|
|
195
|
+
"text": "string"
|
|
196
|
+
},
|
|
197
|
+
"description": "The value of the field.",
|
|
198
|
+
"fieldName": "value",
|
|
199
|
+
"inheritedFrom": {
|
|
200
|
+
"name": "InputMixin",
|
|
201
|
+
"package": "@vaadin/field-base/src/input-mixin.js"
|
|
202
|
+
}
|
|
131
203
|
}
|
|
132
204
|
],
|
|
133
205
|
"mixins": [
|
|
@@ -179,6 +251,20 @@
|
|
|
179
251
|
"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.",
|
|
180
252
|
"name": "RadioButton",
|
|
181
253
|
"members": [
|
|
254
|
+
{
|
|
255
|
+
"kind": "field",
|
|
256
|
+
"name": "autofocus",
|
|
257
|
+
"privacy": "public",
|
|
258
|
+
"type": {
|
|
259
|
+
"text": "boolean"
|
|
260
|
+
},
|
|
261
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
262
|
+
"attribute": "autofocus",
|
|
263
|
+
"inheritedFrom": {
|
|
264
|
+
"name": "DelegateFocusMixin",
|
|
265
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
266
|
+
}
|
|
267
|
+
},
|
|
182
268
|
{
|
|
183
269
|
"kind": "field",
|
|
184
270
|
"name": "checked",
|
|
@@ -193,6 +279,29 @@
|
|
|
193
279
|
"package": "@vaadin/field-base/src/checked-mixin.js"
|
|
194
280
|
}
|
|
195
281
|
},
|
|
282
|
+
{
|
|
283
|
+
"kind": "method",
|
|
284
|
+
"name": "clear",
|
|
285
|
+
"description": "Clear the value of the field.",
|
|
286
|
+
"inheritedFrom": {
|
|
287
|
+
"name": "InputMixin",
|
|
288
|
+
"package": "@vaadin/field-base/src/input-mixin.js"
|
|
289
|
+
}
|
|
290
|
+
},
|
|
291
|
+
{
|
|
292
|
+
"kind": "field",
|
|
293
|
+
"name": "disabled",
|
|
294
|
+
"privacy": "public",
|
|
295
|
+
"type": {
|
|
296
|
+
"text": "boolean"
|
|
297
|
+
},
|
|
298
|
+
"description": "If true, the user cannot interact with this element.",
|
|
299
|
+
"attribute": "disabled",
|
|
300
|
+
"inheritedFrom": {
|
|
301
|
+
"name": "DisabledMixin",
|
|
302
|
+
"package": "@vaadin/a11y-base/src/disabled-mixin.js"
|
|
303
|
+
}
|
|
304
|
+
},
|
|
196
305
|
{
|
|
197
306
|
"kind": "field",
|
|
198
307
|
"name": "label",
|
|
@@ -284,6 +393,18 @@
|
|
|
284
393
|
"tagName": "vaadin-radio-button",
|
|
285
394
|
"customElement": true,
|
|
286
395
|
"attributes": [
|
|
396
|
+
{
|
|
397
|
+
"name": "autofocus",
|
|
398
|
+
"type": {
|
|
399
|
+
"text": "boolean"
|
|
400
|
+
},
|
|
401
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
402
|
+
"fieldName": "autofocus",
|
|
403
|
+
"inheritedFrom": {
|
|
404
|
+
"name": "DelegateFocusMixin",
|
|
405
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
406
|
+
}
|
|
407
|
+
},
|
|
287
408
|
{
|
|
288
409
|
"name": "checked",
|
|
289
410
|
"type": {
|
|
@@ -296,6 +417,18 @@
|
|
|
296
417
|
"package": "@vaadin/field-base/src/checked-mixin.js"
|
|
297
418
|
}
|
|
298
419
|
},
|
|
420
|
+
{
|
|
421
|
+
"name": "disabled",
|
|
422
|
+
"type": {
|
|
423
|
+
"text": "boolean"
|
|
424
|
+
},
|
|
425
|
+
"description": "If true, the user cannot interact with this element.",
|
|
426
|
+
"fieldName": "disabled",
|
|
427
|
+
"inheritedFrom": {
|
|
428
|
+
"name": "DisabledMixin",
|
|
429
|
+
"package": "@vaadin/a11y-base/src/disabled-mixin.js"
|
|
430
|
+
}
|
|
431
|
+
},
|
|
299
432
|
{
|
|
300
433
|
"name": "label",
|
|
301
434
|
"type": {
|
|
@@ -319,6 +452,30 @@
|
|
|
319
452
|
"name": "RadioButtonMixin",
|
|
320
453
|
"module": "src/vaadin-radio-button-mixin.js"
|
|
321
454
|
}
|
|
455
|
+
},
|
|
456
|
+
{
|
|
457
|
+
"name": "tabindex",
|
|
458
|
+
"type": {
|
|
459
|
+
"text": "number"
|
|
460
|
+
},
|
|
461
|
+
"description": "Indicates whether the element can be focused and where it participates in sequential keyboard navigation.",
|
|
462
|
+
"fieldName": "tabindex",
|
|
463
|
+
"inheritedFrom": {
|
|
464
|
+
"name": "TabindexMixin",
|
|
465
|
+
"package": "@vaadin/a11y-base/src/tabindex-mixin.js"
|
|
466
|
+
}
|
|
467
|
+
},
|
|
468
|
+
{
|
|
469
|
+
"name": "value",
|
|
470
|
+
"type": {
|
|
471
|
+
"text": "string"
|
|
472
|
+
},
|
|
473
|
+
"description": "The value of the field.",
|
|
474
|
+
"fieldName": "value",
|
|
475
|
+
"inheritedFrom": {
|
|
476
|
+
"name": "InputMixin",
|
|
477
|
+
"package": "@vaadin/field-base/src/input-mixin.js"
|
|
478
|
+
}
|
|
322
479
|
}
|
|
323
480
|
]
|
|
324
481
|
}
|
|
@@ -371,6 +528,34 @@
|
|
|
371
528
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
372
529
|
}
|
|
373
530
|
},
|
|
531
|
+
{
|
|
532
|
+
"kind": "method",
|
|
533
|
+
"name": "checkValidity",
|
|
534
|
+
"description": "Returns true if the field value satisfies all constraints (if any).",
|
|
535
|
+
"return": {
|
|
536
|
+
"type": {
|
|
537
|
+
"text": "boolean"
|
|
538
|
+
}
|
|
539
|
+
},
|
|
540
|
+
"inheritedFrom": {
|
|
541
|
+
"name": "ValidateMixin",
|
|
542
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
543
|
+
}
|
|
544
|
+
},
|
|
545
|
+
{
|
|
546
|
+
"kind": "field",
|
|
547
|
+
"name": "disabled",
|
|
548
|
+
"privacy": "public",
|
|
549
|
+
"type": {
|
|
550
|
+
"text": "boolean"
|
|
551
|
+
},
|
|
552
|
+
"description": "If true, the user cannot interact with this element.",
|
|
553
|
+
"attribute": "disabled",
|
|
554
|
+
"inheritedFrom": {
|
|
555
|
+
"name": "DisabledMixin",
|
|
556
|
+
"package": "@vaadin/a11y-base/src/disabled-mixin.js"
|
|
557
|
+
}
|
|
558
|
+
},
|
|
374
559
|
{
|
|
375
560
|
"kind": "field",
|
|
376
561
|
"name": "errorMessage",
|
|
@@ -399,6 +584,20 @@
|
|
|
399
584
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
400
585
|
}
|
|
401
586
|
},
|
|
587
|
+
{
|
|
588
|
+
"kind": "field",
|
|
589
|
+
"name": "invalid",
|
|
590
|
+
"privacy": "public",
|
|
591
|
+
"type": {
|
|
592
|
+
"text": "boolean"
|
|
593
|
+
},
|
|
594
|
+
"description": "Set to true when the field is invalid.",
|
|
595
|
+
"attribute": "invalid",
|
|
596
|
+
"inheritedFrom": {
|
|
597
|
+
"name": "ValidateMixin",
|
|
598
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
599
|
+
}
|
|
600
|
+
},
|
|
402
601
|
{
|
|
403
602
|
"kind": "field",
|
|
404
603
|
"name": "label",
|
|
@@ -413,6 +612,20 @@
|
|
|
413
612
|
"package": "@vaadin/field-base/src/label-mixin.js"
|
|
414
613
|
}
|
|
415
614
|
},
|
|
615
|
+
{
|
|
616
|
+
"kind": "field",
|
|
617
|
+
"name": "manualValidation",
|
|
618
|
+
"privacy": "public",
|
|
619
|
+
"type": {
|
|
620
|
+
"text": "boolean"
|
|
621
|
+
},
|
|
622
|
+
"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.",
|
|
623
|
+
"attribute": "manual-validation",
|
|
624
|
+
"inheritedFrom": {
|
|
625
|
+
"name": "ValidateMixin",
|
|
626
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
627
|
+
}
|
|
628
|
+
},
|
|
416
629
|
{
|
|
417
630
|
"kind": "field",
|
|
418
631
|
"name": "name",
|
|
@@ -433,6 +646,34 @@
|
|
|
433
646
|
"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.",
|
|
434
647
|
"attribute": "readonly"
|
|
435
648
|
},
|
|
649
|
+
{
|
|
650
|
+
"kind": "field",
|
|
651
|
+
"name": "required",
|
|
652
|
+
"privacy": "public",
|
|
653
|
+
"type": {
|
|
654
|
+
"text": "boolean"
|
|
655
|
+
},
|
|
656
|
+
"description": "Specifies that the user must fill in a value.",
|
|
657
|
+
"attribute": "required",
|
|
658
|
+
"inheritedFrom": {
|
|
659
|
+
"name": "ValidateMixin",
|
|
660
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
661
|
+
}
|
|
662
|
+
},
|
|
663
|
+
{
|
|
664
|
+
"kind": "method",
|
|
665
|
+
"name": "validate",
|
|
666
|
+
"description": "Validates the field and sets the `invalid` property based on the result.\n\nThe method fires a `validated` event with the result of the validation.",
|
|
667
|
+
"return": {
|
|
668
|
+
"type": {
|
|
669
|
+
"text": "boolean"
|
|
670
|
+
}
|
|
671
|
+
},
|
|
672
|
+
"inheritedFrom": {
|
|
673
|
+
"name": "ValidateMixin",
|
|
674
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
675
|
+
}
|
|
676
|
+
},
|
|
436
677
|
{
|
|
437
678
|
"kind": "field",
|
|
438
679
|
"name": "value",
|
|
@@ -469,6 +710,18 @@
|
|
|
469
710
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
470
711
|
}
|
|
471
712
|
},
|
|
713
|
+
{
|
|
714
|
+
"name": "disabled",
|
|
715
|
+
"type": {
|
|
716
|
+
"text": "boolean"
|
|
717
|
+
},
|
|
718
|
+
"description": "If true, the user cannot interact with this element.",
|
|
719
|
+
"fieldName": "disabled",
|
|
720
|
+
"inheritedFrom": {
|
|
721
|
+
"name": "DisabledMixin",
|
|
722
|
+
"package": "@vaadin/a11y-base/src/disabled-mixin.js"
|
|
723
|
+
}
|
|
724
|
+
},
|
|
472
725
|
{
|
|
473
726
|
"name": "error-message",
|
|
474
727
|
"type": {
|
|
@@ -493,6 +746,18 @@
|
|
|
493
746
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
494
747
|
}
|
|
495
748
|
},
|
|
749
|
+
{
|
|
750
|
+
"name": "invalid",
|
|
751
|
+
"type": {
|
|
752
|
+
"text": "boolean"
|
|
753
|
+
},
|
|
754
|
+
"description": "Set to true when the field is invalid.",
|
|
755
|
+
"fieldName": "invalid",
|
|
756
|
+
"inheritedFrom": {
|
|
757
|
+
"name": "ValidateMixin",
|
|
758
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
759
|
+
}
|
|
760
|
+
},
|
|
496
761
|
{
|
|
497
762
|
"name": "label",
|
|
498
763
|
"type": {
|
|
@@ -505,6 +770,18 @@
|
|
|
505
770
|
"package": "@vaadin/field-base/src/label-mixin.js"
|
|
506
771
|
}
|
|
507
772
|
},
|
|
773
|
+
{
|
|
774
|
+
"name": "manual-validation",
|
|
775
|
+
"type": {
|
|
776
|
+
"text": "boolean"
|
|
777
|
+
},
|
|
778
|
+
"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.",
|
|
779
|
+
"fieldName": "manualValidation",
|
|
780
|
+
"inheritedFrom": {
|
|
781
|
+
"name": "ValidateMixin",
|
|
782
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
783
|
+
}
|
|
784
|
+
},
|
|
508
785
|
{
|
|
509
786
|
"name": "name",
|
|
510
787
|
"type": {
|
|
@@ -521,6 +798,18 @@
|
|
|
521
798
|
"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.",
|
|
522
799
|
"fieldName": "readonly"
|
|
523
800
|
},
|
|
801
|
+
{
|
|
802
|
+
"name": "required",
|
|
803
|
+
"type": {
|
|
804
|
+
"text": "boolean"
|
|
805
|
+
},
|
|
806
|
+
"description": "Specifies that the user must fill in a value.",
|
|
807
|
+
"fieldName": "required",
|
|
808
|
+
"inheritedFrom": {
|
|
809
|
+
"name": "ValidateMixin",
|
|
810
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
811
|
+
}
|
|
812
|
+
},
|
|
524
813
|
{
|
|
525
814
|
"name": "value",
|
|
526
815
|
"type": {
|
|
@@ -552,6 +841,18 @@
|
|
|
552
841
|
{
|
|
553
842
|
"name": "superclass"
|
|
554
843
|
}
|
|
844
|
+
],
|
|
845
|
+
"events": [
|
|
846
|
+
{
|
|
847
|
+
"name": "validated",
|
|
848
|
+
"type": {
|
|
849
|
+
"text": "CustomEvent"
|
|
850
|
+
},
|
|
851
|
+
"inheritedFrom": {
|
|
852
|
+
"name": "ValidateMixin",
|
|
853
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
854
|
+
}
|
|
855
|
+
}
|
|
555
856
|
]
|
|
556
857
|
}
|
|
557
858
|
],
|
|
@@ -603,6 +904,34 @@
|
|
|
603
904
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
604
905
|
}
|
|
605
906
|
},
|
|
907
|
+
{
|
|
908
|
+
"kind": "method",
|
|
909
|
+
"name": "checkValidity",
|
|
910
|
+
"description": "Returns true if the field value satisfies all constraints (if any).",
|
|
911
|
+
"return": {
|
|
912
|
+
"type": {
|
|
913
|
+
"text": "boolean"
|
|
914
|
+
}
|
|
915
|
+
},
|
|
916
|
+
"inheritedFrom": {
|
|
917
|
+
"name": "ValidateMixin",
|
|
918
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
919
|
+
}
|
|
920
|
+
},
|
|
921
|
+
{
|
|
922
|
+
"kind": "field",
|
|
923
|
+
"name": "disabled",
|
|
924
|
+
"privacy": "public",
|
|
925
|
+
"type": {
|
|
926
|
+
"text": "boolean"
|
|
927
|
+
},
|
|
928
|
+
"description": "If true, the user cannot interact with this element.",
|
|
929
|
+
"attribute": "disabled",
|
|
930
|
+
"inheritedFrom": {
|
|
931
|
+
"name": "DisabledMixin",
|
|
932
|
+
"package": "@vaadin/a11y-base/src/disabled-mixin.js"
|
|
933
|
+
}
|
|
934
|
+
},
|
|
606
935
|
{
|
|
607
936
|
"kind": "field",
|
|
608
937
|
"name": "errorMessage",
|
|
@@ -631,6 +960,48 @@
|
|
|
631
960
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
632
961
|
}
|
|
633
962
|
},
|
|
963
|
+
{
|
|
964
|
+
"kind": "field",
|
|
965
|
+
"name": "invalid",
|
|
966
|
+
"privacy": "public",
|
|
967
|
+
"type": {
|
|
968
|
+
"text": "boolean"
|
|
969
|
+
},
|
|
970
|
+
"description": "Set to true when the field is invalid.",
|
|
971
|
+
"attribute": "invalid",
|
|
972
|
+
"inheritedFrom": {
|
|
973
|
+
"name": "ValidateMixin",
|
|
974
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
975
|
+
}
|
|
976
|
+
},
|
|
977
|
+
{
|
|
978
|
+
"kind": "field",
|
|
979
|
+
"name": "label",
|
|
980
|
+
"privacy": "public",
|
|
981
|
+
"type": {
|
|
982
|
+
"text": "string"
|
|
983
|
+
},
|
|
984
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
985
|
+
"attribute": "label",
|
|
986
|
+
"inheritedFrom": {
|
|
987
|
+
"name": "LabelMixin",
|
|
988
|
+
"package": "@vaadin/field-base/src/label-mixin.js"
|
|
989
|
+
}
|
|
990
|
+
},
|
|
991
|
+
{
|
|
992
|
+
"kind": "field",
|
|
993
|
+
"name": "manualValidation",
|
|
994
|
+
"privacy": "public",
|
|
995
|
+
"type": {
|
|
996
|
+
"text": "boolean"
|
|
997
|
+
},
|
|
998
|
+
"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.",
|
|
999
|
+
"attribute": "manual-validation",
|
|
1000
|
+
"inheritedFrom": {
|
|
1001
|
+
"name": "ValidateMixin",
|
|
1002
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
1003
|
+
}
|
|
1004
|
+
},
|
|
634
1005
|
{
|
|
635
1006
|
"kind": "field",
|
|
636
1007
|
"name": "name",
|
|
@@ -659,6 +1030,34 @@
|
|
|
659
1030
|
"module": "src/vaadin-radio-group-mixin.js"
|
|
660
1031
|
}
|
|
661
1032
|
},
|
|
1033
|
+
{
|
|
1034
|
+
"kind": "field",
|
|
1035
|
+
"name": "required",
|
|
1036
|
+
"privacy": "public",
|
|
1037
|
+
"type": {
|
|
1038
|
+
"text": "boolean"
|
|
1039
|
+
},
|
|
1040
|
+
"description": "Specifies that the user must fill in a value.",
|
|
1041
|
+
"attribute": "required",
|
|
1042
|
+
"inheritedFrom": {
|
|
1043
|
+
"name": "ValidateMixin",
|
|
1044
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
1045
|
+
}
|
|
1046
|
+
},
|
|
1047
|
+
{
|
|
1048
|
+
"kind": "method",
|
|
1049
|
+
"name": "validate",
|
|
1050
|
+
"description": "Validates the field and sets the `invalid` property based on the result.\n\nThe method fires a `validated` event with the result of the validation.",
|
|
1051
|
+
"return": {
|
|
1052
|
+
"type": {
|
|
1053
|
+
"text": "boolean"
|
|
1054
|
+
}
|
|
1055
|
+
},
|
|
1056
|
+
"inheritedFrom": {
|
|
1057
|
+
"name": "ValidateMixin",
|
|
1058
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
1059
|
+
}
|
|
1060
|
+
},
|
|
662
1061
|
{
|
|
663
1062
|
"kind": "field",
|
|
664
1063
|
"name": "value",
|
|
@@ -750,6 +1149,18 @@
|
|
|
750
1149
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
751
1150
|
}
|
|
752
1151
|
},
|
|
1152
|
+
{
|
|
1153
|
+
"name": "disabled",
|
|
1154
|
+
"type": {
|
|
1155
|
+
"text": "boolean"
|
|
1156
|
+
},
|
|
1157
|
+
"description": "If true, the user cannot interact with this element.",
|
|
1158
|
+
"fieldName": "disabled",
|
|
1159
|
+
"inheritedFrom": {
|
|
1160
|
+
"name": "DisabledMixin",
|
|
1161
|
+
"package": "@vaadin/a11y-base/src/disabled-mixin.js"
|
|
1162
|
+
}
|
|
1163
|
+
},
|
|
753
1164
|
{
|
|
754
1165
|
"name": "error-message",
|
|
755
1166
|
"type": {
|
|
@@ -774,6 +1185,42 @@
|
|
|
774
1185
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
775
1186
|
}
|
|
776
1187
|
},
|
|
1188
|
+
{
|
|
1189
|
+
"name": "invalid",
|
|
1190
|
+
"type": {
|
|
1191
|
+
"text": "boolean"
|
|
1192
|
+
},
|
|
1193
|
+
"description": "Set to true when the field is invalid.",
|
|
1194
|
+
"fieldName": "invalid",
|
|
1195
|
+
"inheritedFrom": {
|
|
1196
|
+
"name": "ValidateMixin",
|
|
1197
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
1198
|
+
}
|
|
1199
|
+
},
|
|
1200
|
+
{
|
|
1201
|
+
"name": "label",
|
|
1202
|
+
"type": {
|
|
1203
|
+
"text": "string"
|
|
1204
|
+
},
|
|
1205
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
1206
|
+
"fieldName": "label",
|
|
1207
|
+
"inheritedFrom": {
|
|
1208
|
+
"name": "LabelMixin",
|
|
1209
|
+
"package": "@vaadin/field-base/src/label-mixin.js"
|
|
1210
|
+
}
|
|
1211
|
+
},
|
|
1212
|
+
{
|
|
1213
|
+
"name": "manual-validation",
|
|
1214
|
+
"type": {
|
|
1215
|
+
"text": "boolean"
|
|
1216
|
+
},
|
|
1217
|
+
"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.",
|
|
1218
|
+
"fieldName": "manualValidation",
|
|
1219
|
+
"inheritedFrom": {
|
|
1220
|
+
"name": "ValidateMixin",
|
|
1221
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
1222
|
+
}
|
|
1223
|
+
},
|
|
777
1224
|
{
|
|
778
1225
|
"name": "name",
|
|
779
1226
|
"type": {
|
|
@@ -798,6 +1245,18 @@
|
|
|
798
1245
|
"module": "src/vaadin-radio-group-mixin.js"
|
|
799
1246
|
}
|
|
800
1247
|
},
|
|
1248
|
+
{
|
|
1249
|
+
"name": "required",
|
|
1250
|
+
"type": {
|
|
1251
|
+
"text": "boolean"
|
|
1252
|
+
},
|
|
1253
|
+
"description": "Specifies that the user must fill in a value.",
|
|
1254
|
+
"fieldName": "required",
|
|
1255
|
+
"inheritedFrom": {
|
|
1256
|
+
"name": "ValidateMixin",
|
|
1257
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
1258
|
+
}
|
|
1259
|
+
},
|
|
801
1260
|
{
|
|
802
1261
|
"name": "value",
|
|
803
1262
|
"type": {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/radio-group",
|
|
3
|
-
"version": "25.
|
|
3
|
+
"version": "25.2.0-alpha10",
|
|
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": "
|
|
41
|
-
"@vaadin/component-base": "
|
|
42
|
-
"@vaadin/field-base": "
|
|
43
|
-
"@vaadin/vaadin-themable-mixin": "
|
|
40
|
+
"@vaadin/a11y-base": "25.2.0-alpha10",
|
|
41
|
+
"@vaadin/component-base": "25.2.0-alpha10",
|
|
42
|
+
"@vaadin/field-base": "25.2.0-alpha10",
|
|
43
|
+
"@vaadin/vaadin-themable-mixin": "25.2.0-alpha10",
|
|
44
44
|
"lit": "^3.0.0"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@vaadin/aura": "
|
|
48
|
-
"@vaadin/chai-plugins": "
|
|
49
|
-
"@vaadin/test-runner-commands": "
|
|
47
|
+
"@vaadin/aura": "25.2.0-alpha10",
|
|
48
|
+
"@vaadin/chai-plugins": "25.2.0-alpha10",
|
|
49
|
+
"@vaadin/test-runner-commands": "25.2.0-alpha10",
|
|
50
50
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
51
|
-
"@vaadin/vaadin-lumo-styles": "
|
|
51
|
+
"@vaadin/vaadin-lumo-styles": "25.2.0-alpha10",
|
|
52
52
|
"sinon": "^21.0.2"
|
|
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": "1303b6a3eeecb44a9d26f2b53cb56d9e906febdf"
|
|
60
60
|
}
|
|
@@ -79,7 +79,7 @@ export const RadioGroupMixin = (superclass) =>
|
|
|
79
79
|
this._tooltipController = new TooltipController(this);
|
|
80
80
|
this._tooltipController.addEventListener('tooltip-changed', (event) => {
|
|
81
81
|
const tooltip = event.detail.node;
|
|
82
|
-
if (tooltip
|
|
82
|
+
if (tooltip?.isConnected) {
|
|
83
83
|
// Tooltip element has been added to the DOM
|
|
84
84
|
const inputs = this.__radioButtons.map((radio) => radio.inputElement);
|
|
85
85
|
this._tooltipController.setAriaTarget(inputs);
|
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.
|
|
4
|
+
"version": "25.2.0-alpha10",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -15,9 +15,7 @@
|
|
|
15
15
|
"description": "Specify that this control should have input focus when the page loads.",
|
|
16
16
|
"value": {
|
|
17
17
|
"type": [
|
|
18
|
-
"boolean"
|
|
19
|
-
"null",
|
|
20
|
-
"undefined"
|
|
18
|
+
"boolean"
|
|
21
19
|
]
|
|
22
20
|
}
|
|
23
21
|
},
|
|
@@ -26,9 +24,7 @@
|
|
|
26
24
|
"description": "True if the element is checked.",
|
|
27
25
|
"value": {
|
|
28
26
|
"type": [
|
|
29
|
-
"boolean"
|
|
30
|
-
"null",
|
|
31
|
-
"undefined"
|
|
27
|
+
"boolean"
|
|
32
28
|
]
|
|
33
29
|
}
|
|
34
30
|
},
|
|
@@ -37,9 +33,7 @@
|
|
|
37
33
|
"description": "If true, the user cannot interact with this element.",
|
|
38
34
|
"value": {
|
|
39
35
|
"type": [
|
|
40
|
-
"boolean"
|
|
41
|
-
"null",
|
|
42
|
-
"undefined"
|
|
36
|
+
"boolean"
|
|
43
37
|
]
|
|
44
38
|
}
|
|
45
39
|
},
|
|
@@ -48,9 +42,7 @@
|
|
|
48
42
|
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
49
43
|
"value": {
|
|
50
44
|
"type": [
|
|
51
|
-
"string"
|
|
52
|
-
"null",
|
|
53
|
-
"undefined"
|
|
45
|
+
"string"
|
|
54
46
|
]
|
|
55
47
|
}
|
|
56
48
|
},
|
|
@@ -59,9 +51,16 @@
|
|
|
59
51
|
"description": "The name of the radio button.",
|
|
60
52
|
"value": {
|
|
61
53
|
"type": [
|
|
62
|
-
"string"
|
|
63
|
-
|
|
64
|
-
|
|
54
|
+
"string"
|
|
55
|
+
]
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"name": "tabindex",
|
|
60
|
+
"description": "Indicates whether the element can be focused and where it participates in sequential keyboard navigation.",
|
|
61
|
+
"value": {
|
|
62
|
+
"type": [
|
|
63
|
+
"number"
|
|
65
64
|
]
|
|
66
65
|
}
|
|
67
66
|
},
|
|
@@ -81,9 +80,7 @@
|
|
|
81
80
|
"description": "The value of the field.",
|
|
82
81
|
"value": {
|
|
83
82
|
"type": [
|
|
84
|
-
"string"
|
|
85
|
-
"null",
|
|
86
|
-
"undefined"
|
|
83
|
+
"string"
|
|
87
84
|
]
|
|
88
85
|
}
|
|
89
86
|
}
|
|
@@ -95,9 +92,7 @@
|
|
|
95
92
|
"description": "Specify that this control should have input focus when the page loads.",
|
|
96
93
|
"value": {
|
|
97
94
|
"type": [
|
|
98
|
-
"boolean"
|
|
99
|
-
"null",
|
|
100
|
-
"undefined"
|
|
95
|
+
"boolean"
|
|
101
96
|
]
|
|
102
97
|
}
|
|
103
98
|
},
|
|
@@ -106,9 +101,7 @@
|
|
|
106
101
|
"description": "True if the element is checked.",
|
|
107
102
|
"value": {
|
|
108
103
|
"type": [
|
|
109
|
-
"boolean"
|
|
110
|
-
"null",
|
|
111
|
-
"undefined"
|
|
104
|
+
"boolean"
|
|
112
105
|
]
|
|
113
106
|
}
|
|
114
107
|
},
|
|
@@ -117,9 +110,7 @@
|
|
|
117
110
|
"description": "If true, the user cannot interact with this element.",
|
|
118
111
|
"value": {
|
|
119
112
|
"type": [
|
|
120
|
-
"boolean"
|
|
121
|
-
"null",
|
|
122
|
-
"undefined"
|
|
113
|
+
"boolean"
|
|
123
114
|
]
|
|
124
115
|
}
|
|
125
116
|
},
|
|
@@ -128,9 +119,7 @@
|
|
|
128
119
|
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
129
120
|
"value": {
|
|
130
121
|
"type": [
|
|
131
|
-
"string"
|
|
132
|
-
"null",
|
|
133
|
-
"undefined"
|
|
122
|
+
"string"
|
|
134
123
|
]
|
|
135
124
|
}
|
|
136
125
|
},
|
|
@@ -139,20 +128,25 @@
|
|
|
139
128
|
"description": "The name of the radio button.",
|
|
140
129
|
"value": {
|
|
141
130
|
"type": [
|
|
142
|
-
"string"
|
|
143
|
-
|
|
144
|
-
|
|
131
|
+
"string"
|
|
132
|
+
]
|
|
133
|
+
}
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
"name": "tabindex",
|
|
137
|
+
"description": "",
|
|
138
|
+
"value": {
|
|
139
|
+
"type": [
|
|
140
|
+
"number"
|
|
145
141
|
]
|
|
146
142
|
}
|
|
147
143
|
},
|
|
148
144
|
{
|
|
149
145
|
"name": "value",
|
|
150
|
-
"description": "
|
|
146
|
+
"description": "",
|
|
151
147
|
"value": {
|
|
152
148
|
"type": [
|
|
153
|
-
"string"
|
|
154
|
-
"null",
|
|
155
|
-
"undefined"
|
|
149
|
+
"string"
|
|
156
150
|
]
|
|
157
151
|
}
|
|
158
152
|
}
|
|
@@ -161,10 +155,6 @@
|
|
|
161
155
|
{
|
|
162
156
|
"name": "checked-changed",
|
|
163
157
|
"description": "Fired when the `checked` property changes."
|
|
164
|
-
},
|
|
165
|
-
{
|
|
166
|
-
"name": "value-changed",
|
|
167
|
-
"description": "Fired when the `value` property changes."
|
|
168
158
|
}
|
|
169
159
|
]
|
|
170
160
|
}
|
|
@@ -178,9 +168,7 @@
|
|
|
178
168
|
"description": "String used to label the component to screen reader users.",
|
|
179
169
|
"value": {
|
|
180
170
|
"type": [
|
|
181
|
-
"string"
|
|
182
|
-
"null",
|
|
183
|
-
"undefined"
|
|
171
|
+
"string"
|
|
184
172
|
]
|
|
185
173
|
}
|
|
186
174
|
},
|
|
@@ -189,9 +177,7 @@
|
|
|
189
177
|
"description": "Id of the element used as label of the component to screen reader users.",
|
|
190
178
|
"value": {
|
|
191
179
|
"type": [
|
|
192
|
-
"string"
|
|
193
|
-
"null",
|
|
194
|
-
"undefined"
|
|
180
|
+
"string"
|
|
195
181
|
]
|
|
196
182
|
}
|
|
197
183
|
},
|
|
@@ -200,9 +186,7 @@
|
|
|
200
186
|
"description": "If true, the user cannot interact with this element.",
|
|
201
187
|
"value": {
|
|
202
188
|
"type": [
|
|
203
|
-
"boolean"
|
|
204
|
-
"null",
|
|
205
|
-
"undefined"
|
|
189
|
+
"boolean"
|
|
206
190
|
]
|
|
207
191
|
}
|
|
208
192
|
},
|
|
@@ -211,9 +195,7 @@
|
|
|
211
195
|
"description": "Error to show when the field is invalid.",
|
|
212
196
|
"value": {
|
|
213
197
|
"type": [
|
|
214
|
-
"string"
|
|
215
|
-
"null",
|
|
216
|
-
"undefined"
|
|
198
|
+
"string"
|
|
217
199
|
]
|
|
218
200
|
}
|
|
219
201
|
},
|
|
@@ -222,9 +204,7 @@
|
|
|
222
204
|
"description": "String used for the helper text.",
|
|
223
205
|
"value": {
|
|
224
206
|
"type": [
|
|
225
|
-
"string"
|
|
226
|
-
"null",
|
|
227
|
-
"undefined"
|
|
207
|
+
"string"
|
|
228
208
|
]
|
|
229
209
|
}
|
|
230
210
|
},
|
|
@@ -233,9 +213,7 @@
|
|
|
233
213
|
"description": "Set to true when the field is invalid.",
|
|
234
214
|
"value": {
|
|
235
215
|
"type": [
|
|
236
|
-
"boolean"
|
|
237
|
-
"null",
|
|
238
|
-
"undefined"
|
|
216
|
+
"boolean"
|
|
239
217
|
]
|
|
240
218
|
}
|
|
241
219
|
},
|
|
@@ -244,9 +222,7 @@
|
|
|
244
222
|
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
245
223
|
"value": {
|
|
246
224
|
"type": [
|
|
247
|
-
"string"
|
|
248
|
-
"null",
|
|
249
|
-
"undefined"
|
|
225
|
+
"string"
|
|
250
226
|
]
|
|
251
227
|
}
|
|
252
228
|
},
|
|
@@ -255,9 +231,7 @@
|
|
|
255
231
|
"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.",
|
|
256
232
|
"value": {
|
|
257
233
|
"type": [
|
|
258
|
-
"boolean"
|
|
259
|
-
"null",
|
|
260
|
-
"undefined"
|
|
234
|
+
"boolean"
|
|
261
235
|
]
|
|
262
236
|
}
|
|
263
237
|
},
|
|
@@ -266,9 +240,7 @@
|
|
|
266
240
|
"description": "The name of the control, which is submitted with the form data.",
|
|
267
241
|
"value": {
|
|
268
242
|
"type": [
|
|
269
|
-
"string"
|
|
270
|
-
"null",
|
|
271
|
-
"undefined"
|
|
243
|
+
"string"
|
|
272
244
|
]
|
|
273
245
|
}
|
|
274
246
|
},
|
|
@@ -277,9 +249,7 @@
|
|
|
277
249
|
"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.",
|
|
278
250
|
"value": {
|
|
279
251
|
"type": [
|
|
280
|
-
"boolean"
|
|
281
|
-
"null",
|
|
282
|
-
"undefined"
|
|
252
|
+
"boolean"
|
|
283
253
|
]
|
|
284
254
|
}
|
|
285
255
|
},
|
|
@@ -288,9 +258,7 @@
|
|
|
288
258
|
"description": "Specifies that the user must fill in a value.",
|
|
289
259
|
"value": {
|
|
290
260
|
"type": [
|
|
291
|
-
"boolean"
|
|
292
|
-
"null",
|
|
293
|
-
"undefined"
|
|
261
|
+
"boolean"
|
|
294
262
|
]
|
|
295
263
|
}
|
|
296
264
|
},
|
|
@@ -310,9 +278,7 @@
|
|
|
310
278
|
"description": "The value of the radio group.",
|
|
311
279
|
"value": {
|
|
312
280
|
"type": [
|
|
313
|
-
"string"
|
|
314
|
-
"null",
|
|
315
|
-
"undefined"
|
|
281
|
+
"string"
|
|
316
282
|
]
|
|
317
283
|
}
|
|
318
284
|
}
|
|
@@ -324,9 +290,7 @@
|
|
|
324
290
|
"description": "String used to label the component to screen reader users.",
|
|
325
291
|
"value": {
|
|
326
292
|
"type": [
|
|
327
|
-
"string"
|
|
328
|
-
"null",
|
|
329
|
-
"undefined"
|
|
293
|
+
"string"
|
|
330
294
|
]
|
|
331
295
|
}
|
|
332
296
|
},
|
|
@@ -335,9 +299,7 @@
|
|
|
335
299
|
"description": "Id of the element used as label of the component to screen reader users.",
|
|
336
300
|
"value": {
|
|
337
301
|
"type": [
|
|
338
|
-
"string"
|
|
339
|
-
"null",
|
|
340
|
-
"undefined"
|
|
302
|
+
"string"
|
|
341
303
|
]
|
|
342
304
|
}
|
|
343
305
|
},
|
|
@@ -346,9 +308,7 @@
|
|
|
346
308
|
"description": "If true, the user cannot interact with this element.",
|
|
347
309
|
"value": {
|
|
348
310
|
"type": [
|
|
349
|
-
"boolean"
|
|
350
|
-
"null",
|
|
351
|
-
"undefined"
|
|
311
|
+
"boolean"
|
|
352
312
|
]
|
|
353
313
|
}
|
|
354
314
|
},
|
|
@@ -357,9 +317,7 @@
|
|
|
357
317
|
"description": "Error to show when the field is invalid.",
|
|
358
318
|
"value": {
|
|
359
319
|
"type": [
|
|
360
|
-
"string"
|
|
361
|
-
"null",
|
|
362
|
-
"undefined"
|
|
320
|
+
"string"
|
|
363
321
|
]
|
|
364
322
|
}
|
|
365
323
|
},
|
|
@@ -368,9 +326,7 @@
|
|
|
368
326
|
"description": "String used for the helper text.",
|
|
369
327
|
"value": {
|
|
370
328
|
"type": [
|
|
371
|
-
"string"
|
|
372
|
-
"null",
|
|
373
|
-
"undefined"
|
|
329
|
+
"string"
|
|
374
330
|
]
|
|
375
331
|
}
|
|
376
332
|
},
|
|
@@ -379,9 +335,7 @@
|
|
|
379
335
|
"description": "Set to true when the field is invalid.",
|
|
380
336
|
"value": {
|
|
381
337
|
"type": [
|
|
382
|
-
"boolean"
|
|
383
|
-
"null",
|
|
384
|
-
"undefined"
|
|
338
|
+
"boolean"
|
|
385
339
|
]
|
|
386
340
|
}
|
|
387
341
|
},
|
|
@@ -390,9 +344,7 @@
|
|
|
390
344
|
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
391
345
|
"value": {
|
|
392
346
|
"type": [
|
|
393
|
-
"string"
|
|
394
|
-
"null",
|
|
395
|
-
"undefined"
|
|
347
|
+
"string"
|
|
396
348
|
]
|
|
397
349
|
}
|
|
398
350
|
},
|
|
@@ -401,9 +353,7 @@
|
|
|
401
353
|
"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.",
|
|
402
354
|
"value": {
|
|
403
355
|
"type": [
|
|
404
|
-
"boolean"
|
|
405
|
-
"null",
|
|
406
|
-
"undefined"
|
|
356
|
+
"boolean"
|
|
407
357
|
]
|
|
408
358
|
}
|
|
409
359
|
},
|
|
@@ -412,9 +362,7 @@
|
|
|
412
362
|
"description": "The name of the control, which is submitted with the form data.",
|
|
413
363
|
"value": {
|
|
414
364
|
"type": [
|
|
415
|
-
"string"
|
|
416
|
-
"null",
|
|
417
|
-
"undefined"
|
|
365
|
+
"string"
|
|
418
366
|
]
|
|
419
367
|
}
|
|
420
368
|
},
|
|
@@ -423,9 +371,7 @@
|
|
|
423
371
|
"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.",
|
|
424
372
|
"value": {
|
|
425
373
|
"type": [
|
|
426
|
-
"boolean"
|
|
427
|
-
"null",
|
|
428
|
-
"undefined"
|
|
374
|
+
"boolean"
|
|
429
375
|
]
|
|
430
376
|
}
|
|
431
377
|
},
|
|
@@ -434,9 +380,7 @@
|
|
|
434
380
|
"description": "Specifies that the user must fill in a value.",
|
|
435
381
|
"value": {
|
|
436
382
|
"type": [
|
|
437
|
-
"boolean"
|
|
438
|
-
"null",
|
|
439
|
-
"undefined"
|
|
383
|
+
"boolean"
|
|
440
384
|
]
|
|
441
385
|
}
|
|
442
386
|
},
|
|
@@ -445,9 +389,7 @@
|
|
|
445
389
|
"description": "The value of the radio group.",
|
|
446
390
|
"value": {
|
|
447
391
|
"type": [
|
|
448
|
-
"string"
|
|
449
|
-
"null",
|
|
450
|
-
"undefined"
|
|
392
|
+
"string"
|
|
451
393
|
]
|
|
452
394
|
}
|
|
453
395
|
}
|
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.
|
|
4
|
+
"version": "25.2.0-alpha10",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -55,22 +55,22 @@
|
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
57
|
{
|
|
58
|
-
"name": ".
|
|
59
|
-
"description": "
|
|
58
|
+
"name": ".tabindex",
|
|
59
|
+
"description": "",
|
|
60
60
|
"value": {
|
|
61
61
|
"kind": "expression"
|
|
62
62
|
}
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
|
-
"name": "
|
|
66
|
-
"description": "
|
|
65
|
+
"name": ".value",
|
|
66
|
+
"description": "",
|
|
67
67
|
"value": {
|
|
68
68
|
"kind": "expression"
|
|
69
69
|
}
|
|
70
70
|
},
|
|
71
71
|
{
|
|
72
|
-
"name": "@
|
|
73
|
-
"description": "Fired when the `
|
|
72
|
+
"name": "@checked-changed",
|
|
73
|
+
"description": "Fired when the `checked` property changes.",
|
|
74
74
|
"value": {
|
|
75
75
|
"kind": "expression"
|
|
76
76
|
}
|
|
@@ -83,78 +83,78 @@
|
|
|
83
83
|
"extension": true,
|
|
84
84
|
"attributes": [
|
|
85
85
|
{
|
|
86
|
-
"name": "
|
|
87
|
-
"description": "
|
|
86
|
+
"name": ".accessibleName",
|
|
87
|
+
"description": "String used to label the component to screen reader users.",
|
|
88
88
|
"value": {
|
|
89
89
|
"kind": "expression"
|
|
90
90
|
}
|
|
91
91
|
},
|
|
92
92
|
{
|
|
93
|
-
"name": "
|
|
94
|
-
"description": "
|
|
93
|
+
"name": ".accessibleNameRef",
|
|
94
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
95
95
|
"value": {
|
|
96
96
|
"kind": "expression"
|
|
97
97
|
}
|
|
98
98
|
},
|
|
99
99
|
{
|
|
100
|
-
"name": "?
|
|
101
|
-
"description": "
|
|
100
|
+
"name": "?disabled",
|
|
101
|
+
"description": "If true, the user cannot interact with this element.",
|
|
102
102
|
"value": {
|
|
103
103
|
"kind": "expression"
|
|
104
104
|
}
|
|
105
105
|
},
|
|
106
106
|
{
|
|
107
|
-
"name": "
|
|
108
|
-
"description": "
|
|
107
|
+
"name": ".errorMessage",
|
|
108
|
+
"description": "Error to show when the field is invalid.",
|
|
109
109
|
"value": {
|
|
110
110
|
"kind": "expression"
|
|
111
111
|
}
|
|
112
112
|
},
|
|
113
113
|
{
|
|
114
|
-
"name": "
|
|
115
|
-
"description": "
|
|
114
|
+
"name": ".helperText",
|
|
115
|
+
"description": "String used for the helper text.",
|
|
116
116
|
"value": {
|
|
117
117
|
"kind": "expression"
|
|
118
118
|
}
|
|
119
119
|
},
|
|
120
120
|
{
|
|
121
|
-
"name": "
|
|
122
|
-
"description": "
|
|
121
|
+
"name": "?invalid",
|
|
122
|
+
"description": "Set to true when the field is invalid.",
|
|
123
123
|
"value": {
|
|
124
124
|
"kind": "expression"
|
|
125
125
|
}
|
|
126
126
|
},
|
|
127
127
|
{
|
|
128
|
-
"name": ".
|
|
129
|
-
"description": "
|
|
128
|
+
"name": ".label",
|
|
129
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
130
130
|
"value": {
|
|
131
131
|
"kind": "expression"
|
|
132
132
|
}
|
|
133
133
|
},
|
|
134
134
|
{
|
|
135
|
-
"name": "
|
|
136
|
-
"description": "
|
|
135
|
+
"name": "?manualValidation",
|
|
136
|
+
"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.",
|
|
137
137
|
"value": {
|
|
138
138
|
"kind": "expression"
|
|
139
139
|
}
|
|
140
140
|
},
|
|
141
141
|
{
|
|
142
|
-
"name": ".
|
|
143
|
-
"description": "
|
|
142
|
+
"name": ".name",
|
|
143
|
+
"description": "The name of the control, which is submitted with the form data.",
|
|
144
144
|
"value": {
|
|
145
145
|
"kind": "expression"
|
|
146
146
|
}
|
|
147
147
|
},
|
|
148
148
|
{
|
|
149
|
-
"name": "
|
|
150
|
-
"description": "
|
|
149
|
+
"name": "?readonly",
|
|
150
|
+
"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.",
|
|
151
151
|
"value": {
|
|
152
152
|
"kind": "expression"
|
|
153
153
|
}
|
|
154
154
|
},
|
|
155
155
|
{
|
|
156
|
-
"name": "
|
|
157
|
-
"description": "
|
|
156
|
+
"name": "?required",
|
|
157
|
+
"description": "Specifies that the user must fill in a value.",
|
|
158
158
|
"value": {
|
|
159
159
|
"kind": "expression"
|
|
160
160
|
}
|