@vaadin/checkbox-group 25.1.0-alpha7 → 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 +11 -11
- package/web-types.json +63 -63
- package/web-types.lit.json +18 -18
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/checkbox-group",
|
|
3
|
-
"version": "25.1.0-
|
|
3
|
+
"version": "25.1.0-alpha9",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -35,19 +35,19 @@
|
|
|
35
35
|
],
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
38
|
-
"@vaadin/a11y-base": "25.1.0-
|
|
39
|
-
"@vaadin/checkbox": "25.1.0-
|
|
40
|
-
"@vaadin/component-base": "25.1.0-
|
|
41
|
-
"@vaadin/field-base": "25.1.0-
|
|
42
|
-
"@vaadin/vaadin-themable-mixin": "25.1.0-
|
|
38
|
+
"@vaadin/a11y-base": "25.1.0-alpha9",
|
|
39
|
+
"@vaadin/checkbox": "25.1.0-alpha9",
|
|
40
|
+
"@vaadin/component-base": "25.1.0-alpha9",
|
|
41
|
+
"@vaadin/field-base": "25.1.0-alpha9",
|
|
42
|
+
"@vaadin/vaadin-themable-mixin": "25.1.0-alpha9",
|
|
43
43
|
"lit": "^3.0.0"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@vaadin/aura": "25.1.0-
|
|
47
|
-
"@vaadin/chai-plugins": "25.1.0-
|
|
48
|
-
"@vaadin/test-runner-commands": "25.1.0-
|
|
46
|
+
"@vaadin/aura": "25.1.0-alpha9",
|
|
47
|
+
"@vaadin/chai-plugins": "25.1.0-alpha9",
|
|
48
|
+
"@vaadin/test-runner-commands": "25.1.0-alpha9",
|
|
49
49
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
50
|
-
"@vaadin/vaadin-lumo-styles": "25.1.0-
|
|
50
|
+
"@vaadin/vaadin-lumo-styles": "25.1.0-alpha9",
|
|
51
51
|
"sinon": "^21.0.0"
|
|
52
52
|
},
|
|
53
53
|
"customElements": "custom-elements.json",
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"web-types.json",
|
|
56
56
|
"web-types.lit.json"
|
|
57
57
|
],
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "ef432311376ba3dac4233cb23d393a49a425e0a4"
|
|
59
59
|
}
|
package/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/checkbox-group",
|
|
4
|
-
"version": "25.1.0-
|
|
4
|
+
"version": "25.1.0-alpha9",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -11,19 +11,19 @@
|
|
|
11
11
|
"description": "`<vaadin-checkbox-group>` is a web component that allows the user to choose several items from a group of binary choices.\n\n```html\n<vaadin-checkbox-group label=\"Export data\">\n <vaadin-checkbox value=\"0\" label=\"Order ID\"></vaadin-checkbox>\n <vaadin-checkbox value=\"1\" label=\"Product name\"></vaadin-checkbox>\n <vaadin-checkbox value=\"2\" label=\"Customer\"></vaadin-checkbox>\n <vaadin-checkbox value=\"3\" label=\"Status\"></vaadin-checkbox>\n</vaadin-checkbox-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 checkbox 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.",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
|
-
"name": "
|
|
15
|
-
"description": "
|
|
14
|
+
"name": "accessible-name",
|
|
15
|
+
"description": "String used to label the component to screen reader users.",
|
|
16
16
|
"value": {
|
|
17
17
|
"type": [
|
|
18
|
-
"
|
|
18
|
+
"string",
|
|
19
19
|
"null",
|
|
20
20
|
"undefined"
|
|
21
21
|
]
|
|
22
22
|
}
|
|
23
23
|
},
|
|
24
24
|
{
|
|
25
|
-
"name": "
|
|
26
|
-
"description": "
|
|
25
|
+
"name": "accessible-name-ref",
|
|
26
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
27
27
|
"value": {
|
|
28
28
|
"type": [
|
|
29
29
|
"string",
|
|
@@ -33,8 +33,8 @@
|
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
{
|
|
36
|
-
"name": "
|
|
37
|
-
"description": "
|
|
36
|
+
"name": "disabled",
|
|
37
|
+
"description": "If true, the user cannot interact with this element.",
|
|
38
38
|
"value": {
|
|
39
39
|
"type": [
|
|
40
40
|
"boolean",
|
|
@@ -44,41 +44,41 @@
|
|
|
44
44
|
}
|
|
45
45
|
},
|
|
46
46
|
{
|
|
47
|
-
"name": "
|
|
48
|
-
"description": "
|
|
47
|
+
"name": "error-message",
|
|
48
|
+
"description": "Error to show when the field is invalid.",
|
|
49
49
|
"value": {
|
|
50
50
|
"type": [
|
|
51
|
-
"
|
|
51
|
+
"string",
|
|
52
52
|
"null",
|
|
53
53
|
"undefined"
|
|
54
54
|
]
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
57
|
{
|
|
58
|
-
"name": "
|
|
59
|
-
"description": "
|
|
58
|
+
"name": "helper-text",
|
|
59
|
+
"description": "String used for the helper text.",
|
|
60
60
|
"value": {
|
|
61
61
|
"type": [
|
|
62
|
-
"
|
|
62
|
+
"string",
|
|
63
63
|
"null",
|
|
64
64
|
"undefined"
|
|
65
65
|
]
|
|
66
66
|
}
|
|
67
67
|
},
|
|
68
68
|
{
|
|
69
|
-
"name": "
|
|
70
|
-
"description": "
|
|
69
|
+
"name": "invalid",
|
|
70
|
+
"description": "Set to true when the field is invalid.",
|
|
71
71
|
"value": {
|
|
72
72
|
"type": [
|
|
73
|
-
"
|
|
73
|
+
"boolean",
|
|
74
74
|
"null",
|
|
75
75
|
"undefined"
|
|
76
76
|
]
|
|
77
77
|
}
|
|
78
78
|
},
|
|
79
79
|
{
|
|
80
|
-
"name": "
|
|
81
|
-
"description": "
|
|
80
|
+
"name": "label",
|
|
81
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
82
82
|
"value": {
|
|
83
83
|
"type": [
|
|
84
84
|
"string",
|
|
@@ -88,30 +88,30 @@
|
|
|
88
88
|
}
|
|
89
89
|
},
|
|
90
90
|
{
|
|
91
|
-
"name": "
|
|
92
|
-
"description": "
|
|
91
|
+
"name": "manual-validation",
|
|
92
|
+
"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.",
|
|
93
93
|
"value": {
|
|
94
94
|
"type": [
|
|
95
|
-
"
|
|
95
|
+
"boolean",
|
|
96
96
|
"null",
|
|
97
97
|
"undefined"
|
|
98
98
|
]
|
|
99
99
|
}
|
|
100
100
|
},
|
|
101
101
|
{
|
|
102
|
-
"name": "
|
|
103
|
-
"description": "
|
|
102
|
+
"name": "readonly",
|
|
103
|
+
"description": "When true, the user cannot modify the value of the checkbox group.\nThe difference between `disabled` and `readonly` is that in the\nread-only checkbox group, all the checkboxes are also read-only,\nand therefore remain focusable and announced by screen readers.",
|
|
104
104
|
"value": {
|
|
105
105
|
"type": [
|
|
106
|
-
"
|
|
106
|
+
"boolean",
|
|
107
107
|
"null",
|
|
108
108
|
"undefined"
|
|
109
109
|
]
|
|
110
110
|
}
|
|
111
111
|
},
|
|
112
112
|
{
|
|
113
|
-
"name": "
|
|
114
|
-
"description": "
|
|
113
|
+
"name": "required",
|
|
114
|
+
"description": "Specifies that the user must fill in a value.",
|
|
115
115
|
"value": {
|
|
116
116
|
"type": [
|
|
117
117
|
"boolean",
|
|
@@ -135,19 +135,19 @@
|
|
|
135
135
|
"js": {
|
|
136
136
|
"properties": [
|
|
137
137
|
{
|
|
138
|
-
"name": "
|
|
139
|
-
"description": "
|
|
138
|
+
"name": "accessibleName",
|
|
139
|
+
"description": "String used to label the component to screen reader users.",
|
|
140
140
|
"value": {
|
|
141
141
|
"type": [
|
|
142
|
-
"
|
|
142
|
+
"string",
|
|
143
143
|
"null",
|
|
144
144
|
"undefined"
|
|
145
145
|
]
|
|
146
146
|
}
|
|
147
147
|
},
|
|
148
148
|
{
|
|
149
|
-
"name": "
|
|
150
|
-
"description": "
|
|
149
|
+
"name": "accessibleNameRef",
|
|
150
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
151
151
|
"value": {
|
|
152
152
|
"type": [
|
|
153
153
|
"string",
|
|
@@ -157,8 +157,8 @@
|
|
|
157
157
|
}
|
|
158
158
|
},
|
|
159
159
|
{
|
|
160
|
-
"name": "
|
|
161
|
-
"description": "
|
|
160
|
+
"name": "disabled",
|
|
161
|
+
"description": "If true, the user cannot interact with this element.",
|
|
162
162
|
"value": {
|
|
163
163
|
"type": [
|
|
164
164
|
"boolean",
|
|
@@ -168,41 +168,41 @@
|
|
|
168
168
|
}
|
|
169
169
|
},
|
|
170
170
|
{
|
|
171
|
-
"name": "
|
|
172
|
-
"description": "
|
|
171
|
+
"name": "errorMessage",
|
|
172
|
+
"description": "Error to show when the field is invalid.",
|
|
173
173
|
"value": {
|
|
174
174
|
"type": [
|
|
175
|
-
"
|
|
175
|
+
"string",
|
|
176
176
|
"null",
|
|
177
177
|
"undefined"
|
|
178
178
|
]
|
|
179
179
|
}
|
|
180
180
|
},
|
|
181
181
|
{
|
|
182
|
-
"name": "
|
|
183
|
-
"description": "
|
|
182
|
+
"name": "helperText",
|
|
183
|
+
"description": "String used for the helper text.",
|
|
184
184
|
"value": {
|
|
185
185
|
"type": [
|
|
186
|
-
"
|
|
186
|
+
"string",
|
|
187
187
|
"null",
|
|
188
188
|
"undefined"
|
|
189
189
|
]
|
|
190
190
|
}
|
|
191
191
|
},
|
|
192
192
|
{
|
|
193
|
-
"name": "
|
|
194
|
-
"description": "
|
|
193
|
+
"name": "invalid",
|
|
194
|
+
"description": "Set to true when the field is invalid.",
|
|
195
195
|
"value": {
|
|
196
196
|
"type": [
|
|
197
|
-
"
|
|
197
|
+
"boolean",
|
|
198
198
|
"null",
|
|
199
199
|
"undefined"
|
|
200
200
|
]
|
|
201
201
|
}
|
|
202
202
|
},
|
|
203
203
|
{
|
|
204
|
-
"name": "
|
|
205
|
-
"description": "
|
|
204
|
+
"name": "label",
|
|
205
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
206
206
|
"value": {
|
|
207
207
|
"type": [
|
|
208
208
|
"string",
|
|
@@ -212,57 +212,57 @@
|
|
|
212
212
|
}
|
|
213
213
|
},
|
|
214
214
|
{
|
|
215
|
-
"name": "
|
|
216
|
-
"description": "
|
|
215
|
+
"name": "manualValidation",
|
|
216
|
+
"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.",
|
|
217
217
|
"value": {
|
|
218
218
|
"type": [
|
|
219
|
-
"
|
|
219
|
+
"boolean",
|
|
220
220
|
"null",
|
|
221
221
|
"undefined"
|
|
222
222
|
]
|
|
223
223
|
}
|
|
224
224
|
},
|
|
225
225
|
{
|
|
226
|
-
"name": "
|
|
227
|
-
"description": "
|
|
226
|
+
"name": "readonly",
|
|
227
|
+
"description": "When true, the user cannot modify the value of the checkbox group.\nThe difference between `disabled` and `readonly` is that in the\nread-only checkbox group, all the checkboxes are also read-only,\nand therefore remain focusable and announced by screen readers.",
|
|
228
228
|
"value": {
|
|
229
229
|
"type": [
|
|
230
|
-
"
|
|
230
|
+
"boolean",
|
|
231
231
|
"null",
|
|
232
232
|
"undefined"
|
|
233
233
|
]
|
|
234
234
|
}
|
|
235
235
|
},
|
|
236
236
|
{
|
|
237
|
-
"name": "
|
|
238
|
-
"description": "
|
|
237
|
+
"name": "required",
|
|
238
|
+
"description": "Specifies that the user must fill in a value.",
|
|
239
239
|
"value": {
|
|
240
240
|
"type": [
|
|
241
|
-
"
|
|
241
|
+
"boolean",
|
|
242
|
+
"null",
|
|
243
|
+
"undefined"
|
|
242
244
|
]
|
|
243
245
|
}
|
|
244
246
|
},
|
|
245
247
|
{
|
|
246
|
-
"name": "
|
|
247
|
-
"description": "
|
|
248
|
+
"name": "value",
|
|
249
|
+
"description": "An array containing values of the currently checked checkboxes.\n\nThe array is immutable so toggling checkboxes always results in\ncreating a new array.",
|
|
248
250
|
"value": {
|
|
249
251
|
"type": [
|
|
250
|
-
"
|
|
251
|
-
"null",
|
|
252
|
-
"undefined"
|
|
252
|
+
"Array.<string>"
|
|
253
253
|
]
|
|
254
254
|
}
|
|
255
255
|
}
|
|
256
256
|
],
|
|
257
257
|
"events": [
|
|
258
|
-
{
|
|
259
|
-
"name": "validated",
|
|
260
|
-
"description": "Fired whenever the field is validated."
|
|
261
|
-
},
|
|
262
258
|
{
|
|
263
259
|
"name": "invalid-changed",
|
|
264
260
|
"description": "Fired when the `invalid` property changes."
|
|
265
261
|
},
|
|
262
|
+
{
|
|
263
|
+
"name": "validated",
|
|
264
|
+
"description": "Fired whenever the field is validated."
|
|
265
|
+
},
|
|
266
266
|
{
|
|
267
267
|
"name": "value-changed",
|
|
268
268
|
"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/checkbox-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": {
|
|
@@ -40,6 +40,13 @@
|
|
|
40
40
|
"kind": "expression"
|
|
41
41
|
}
|
|
42
42
|
},
|
|
43
|
+
{
|
|
44
|
+
"name": "?readonly",
|
|
45
|
+
"description": "When true, the user cannot modify the value of the checkbox group.\nThe difference between `disabled` and `readonly` is that in the\nread-only checkbox group, all the checkboxes are also read-only,\nand therefore remain focusable and announced by screen readers.",
|
|
46
|
+
"value": {
|
|
47
|
+
"kind": "expression"
|
|
48
|
+
}
|
|
49
|
+
},
|
|
43
50
|
{
|
|
44
51
|
"name": "?required",
|
|
45
52
|
"description": "Specifies that the user must fill in a value.",
|
|
@@ -48,15 +55,15 @@
|
|
|
48
55
|
}
|
|
49
56
|
},
|
|
50
57
|
{
|
|
51
|
-
"name": "
|
|
52
|
-
"description": "
|
|
58
|
+
"name": ".accessibleName",
|
|
59
|
+
"description": "String used to label the component to screen reader users.",
|
|
53
60
|
"value": {
|
|
54
61
|
"kind": "expression"
|
|
55
62
|
}
|
|
56
63
|
},
|
|
57
64
|
{
|
|
58
|
-
"name": ".
|
|
59
|
-
"description": "
|
|
65
|
+
"name": ".accessibleNameRef",
|
|
66
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
60
67
|
"value": {
|
|
61
68
|
"kind": "expression"
|
|
62
69
|
}
|
|
@@ -76,15 +83,8 @@
|
|
|
76
83
|
}
|
|
77
84
|
},
|
|
78
85
|
{
|
|
79
|
-
"name": ".
|
|
80
|
-
"description": "
|
|
81
|
-
"value": {
|
|
82
|
-
"kind": "expression"
|
|
83
|
-
}
|
|
84
|
-
},
|
|
85
|
-
{
|
|
86
|
-
"name": ".accessibleNameRef",
|
|
87
|
-
"description": "Id of the element used as label of the component to screen reader users.",
|
|
86
|
+
"name": ".label",
|
|
87
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
88
88
|
"value": {
|
|
89
89
|
"kind": "expression"
|
|
90
90
|
}
|
|
@@ -97,15 +97,15 @@
|
|
|
97
97
|
}
|
|
98
98
|
},
|
|
99
99
|
{
|
|
100
|
-
"name": "@
|
|
101
|
-
"description": "Fired
|
|
100
|
+
"name": "@invalid-changed",
|
|
101
|
+
"description": "Fired when the `invalid` property changes.",
|
|
102
102
|
"value": {
|
|
103
103
|
"kind": "expression"
|
|
104
104
|
}
|
|
105
105
|
},
|
|
106
106
|
{
|
|
107
|
-
"name": "@
|
|
108
|
-
"description": "Fired
|
|
107
|
+
"name": "@validated",
|
|
108
|
+
"description": "Fired whenever the field is validated.",
|
|
109
109
|
"value": {
|
|
110
110
|
"kind": "expression"
|
|
111
111
|
}
|