@vaadin/checkbox-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 +278 -0
- package/package.json +11 -11
- package/src/vaadin-checkbox-group-mixin.js +4 -4
- package/web-types.json +22 -64
- package/web-types.lit.json +21 -21
package/custom-elements.json
CHANGED
|
@@ -62,6 +62,24 @@
|
|
|
62
62
|
"type": {
|
|
63
63
|
"text": "boolean"
|
|
64
64
|
}
|
|
65
|
+
},
|
|
66
|
+
"inheritedFrom": {
|
|
67
|
+
"name": "ValidateMixin",
|
|
68
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"kind": "field",
|
|
73
|
+
"name": "disabled",
|
|
74
|
+
"privacy": "public",
|
|
75
|
+
"type": {
|
|
76
|
+
"text": "boolean"
|
|
77
|
+
},
|
|
78
|
+
"description": "If true, the user cannot interact with this element.",
|
|
79
|
+
"attribute": "disabled",
|
|
80
|
+
"inheritedFrom": {
|
|
81
|
+
"name": "DisabledMixin",
|
|
82
|
+
"package": "@vaadin/a11y-base/src/disabled-mixin.js"
|
|
65
83
|
}
|
|
66
84
|
},
|
|
67
85
|
{
|
|
@@ -92,6 +110,20 @@
|
|
|
92
110
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
93
111
|
}
|
|
94
112
|
},
|
|
113
|
+
{
|
|
114
|
+
"kind": "field",
|
|
115
|
+
"name": "invalid",
|
|
116
|
+
"privacy": "public",
|
|
117
|
+
"type": {
|
|
118
|
+
"text": "boolean"
|
|
119
|
+
},
|
|
120
|
+
"description": "Set to true when the field is invalid.",
|
|
121
|
+
"attribute": "invalid",
|
|
122
|
+
"inheritedFrom": {
|
|
123
|
+
"name": "ValidateMixin",
|
|
124
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
125
|
+
}
|
|
126
|
+
},
|
|
95
127
|
{
|
|
96
128
|
"kind": "field",
|
|
97
129
|
"name": "label",
|
|
@@ -106,6 +138,20 @@
|
|
|
106
138
|
"package": "@vaadin/field-base/src/label-mixin.js"
|
|
107
139
|
}
|
|
108
140
|
},
|
|
141
|
+
{
|
|
142
|
+
"kind": "field",
|
|
143
|
+
"name": "manualValidation",
|
|
144
|
+
"privacy": "public",
|
|
145
|
+
"type": {
|
|
146
|
+
"text": "boolean"
|
|
147
|
+
},
|
|
148
|
+
"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.",
|
|
149
|
+
"attribute": "manual-validation",
|
|
150
|
+
"inheritedFrom": {
|
|
151
|
+
"name": "ValidateMixin",
|
|
152
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
153
|
+
}
|
|
154
|
+
},
|
|
109
155
|
{
|
|
110
156
|
"kind": "field",
|
|
111
157
|
"name": "readonly",
|
|
@@ -116,6 +162,34 @@
|
|
|
116
162
|
"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.",
|
|
117
163
|
"attribute": "readonly"
|
|
118
164
|
},
|
|
165
|
+
{
|
|
166
|
+
"kind": "field",
|
|
167
|
+
"name": "required",
|
|
168
|
+
"privacy": "public",
|
|
169
|
+
"type": {
|
|
170
|
+
"text": "boolean"
|
|
171
|
+
},
|
|
172
|
+
"description": "Specifies that the user must fill in a value.",
|
|
173
|
+
"attribute": "required",
|
|
174
|
+
"inheritedFrom": {
|
|
175
|
+
"name": "ValidateMixin",
|
|
176
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
177
|
+
}
|
|
178
|
+
},
|
|
179
|
+
{
|
|
180
|
+
"kind": "method",
|
|
181
|
+
"name": "validate",
|
|
182
|
+
"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.",
|
|
183
|
+
"return": {
|
|
184
|
+
"type": {
|
|
185
|
+
"text": "boolean"
|
|
186
|
+
}
|
|
187
|
+
},
|
|
188
|
+
"inheritedFrom": {
|
|
189
|
+
"name": "ValidateMixin",
|
|
190
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
191
|
+
}
|
|
192
|
+
},
|
|
119
193
|
{
|
|
120
194
|
"kind": "field",
|
|
121
195
|
"name": "value",
|
|
@@ -152,6 +226,18 @@
|
|
|
152
226
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
153
227
|
}
|
|
154
228
|
},
|
|
229
|
+
{
|
|
230
|
+
"name": "disabled",
|
|
231
|
+
"type": {
|
|
232
|
+
"text": "boolean"
|
|
233
|
+
},
|
|
234
|
+
"description": "If true, the user cannot interact with this element.",
|
|
235
|
+
"fieldName": "disabled",
|
|
236
|
+
"inheritedFrom": {
|
|
237
|
+
"name": "DisabledMixin",
|
|
238
|
+
"package": "@vaadin/a11y-base/src/disabled-mixin.js"
|
|
239
|
+
}
|
|
240
|
+
},
|
|
155
241
|
{
|
|
156
242
|
"name": "error-message",
|
|
157
243
|
"type": {
|
|
@@ -176,6 +262,18 @@
|
|
|
176
262
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
177
263
|
}
|
|
178
264
|
},
|
|
265
|
+
{
|
|
266
|
+
"name": "invalid",
|
|
267
|
+
"type": {
|
|
268
|
+
"text": "boolean"
|
|
269
|
+
},
|
|
270
|
+
"description": "Set to true when the field is invalid.",
|
|
271
|
+
"fieldName": "invalid",
|
|
272
|
+
"inheritedFrom": {
|
|
273
|
+
"name": "ValidateMixin",
|
|
274
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
275
|
+
}
|
|
276
|
+
},
|
|
179
277
|
{
|
|
180
278
|
"name": "label",
|
|
181
279
|
"type": {
|
|
@@ -188,6 +286,18 @@
|
|
|
188
286
|
"package": "@vaadin/field-base/src/label-mixin.js"
|
|
189
287
|
}
|
|
190
288
|
},
|
|
289
|
+
{
|
|
290
|
+
"name": "manual-validation",
|
|
291
|
+
"type": {
|
|
292
|
+
"text": "boolean"
|
|
293
|
+
},
|
|
294
|
+
"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.",
|
|
295
|
+
"fieldName": "manualValidation",
|
|
296
|
+
"inheritedFrom": {
|
|
297
|
+
"name": "ValidateMixin",
|
|
298
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
299
|
+
}
|
|
300
|
+
},
|
|
191
301
|
{
|
|
192
302
|
"name": "readonly",
|
|
193
303
|
"type": {
|
|
@@ -196,6 +306,18 @@
|
|
|
196
306
|
"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.",
|
|
197
307
|
"fieldName": "readonly"
|
|
198
308
|
},
|
|
309
|
+
{
|
|
310
|
+
"name": "required",
|
|
311
|
+
"type": {
|
|
312
|
+
"text": "boolean"
|
|
313
|
+
},
|
|
314
|
+
"description": "Specifies that the user must fill in a value.",
|
|
315
|
+
"fieldName": "required",
|
|
316
|
+
"inheritedFrom": {
|
|
317
|
+
"name": "ValidateMixin",
|
|
318
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
319
|
+
}
|
|
320
|
+
},
|
|
199
321
|
{
|
|
200
322
|
"name": "value",
|
|
201
323
|
"type": {
|
|
@@ -223,6 +345,18 @@
|
|
|
223
345
|
{
|
|
224
346
|
"name": "superclass"
|
|
225
347
|
}
|
|
348
|
+
],
|
|
349
|
+
"events": [
|
|
350
|
+
{
|
|
351
|
+
"name": "validated",
|
|
352
|
+
"type": {
|
|
353
|
+
"text": "CustomEvent"
|
|
354
|
+
},
|
|
355
|
+
"inheritedFrom": {
|
|
356
|
+
"name": "ValidateMixin",
|
|
357
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
358
|
+
}
|
|
359
|
+
}
|
|
226
360
|
]
|
|
227
361
|
}
|
|
228
362
|
],
|
|
@@ -288,6 +422,20 @@
|
|
|
288
422
|
"module": "src/vaadin-checkbox-group-mixin.js"
|
|
289
423
|
}
|
|
290
424
|
},
|
|
425
|
+
{
|
|
426
|
+
"kind": "field",
|
|
427
|
+
"name": "disabled",
|
|
428
|
+
"privacy": "public",
|
|
429
|
+
"type": {
|
|
430
|
+
"text": "boolean"
|
|
431
|
+
},
|
|
432
|
+
"description": "If true, the user cannot interact with this element.",
|
|
433
|
+
"attribute": "disabled",
|
|
434
|
+
"inheritedFrom": {
|
|
435
|
+
"name": "DisabledMixin",
|
|
436
|
+
"package": "@vaadin/a11y-base/src/disabled-mixin.js"
|
|
437
|
+
}
|
|
438
|
+
},
|
|
291
439
|
{
|
|
292
440
|
"kind": "field",
|
|
293
441
|
"name": "errorMessage",
|
|
@@ -316,6 +464,48 @@
|
|
|
316
464
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
317
465
|
}
|
|
318
466
|
},
|
|
467
|
+
{
|
|
468
|
+
"kind": "field",
|
|
469
|
+
"name": "invalid",
|
|
470
|
+
"privacy": "public",
|
|
471
|
+
"type": {
|
|
472
|
+
"text": "boolean"
|
|
473
|
+
},
|
|
474
|
+
"description": "Set to true when the field is invalid.",
|
|
475
|
+
"attribute": "invalid",
|
|
476
|
+
"inheritedFrom": {
|
|
477
|
+
"name": "ValidateMixin",
|
|
478
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
479
|
+
}
|
|
480
|
+
},
|
|
481
|
+
{
|
|
482
|
+
"kind": "field",
|
|
483
|
+
"name": "label",
|
|
484
|
+
"privacy": "public",
|
|
485
|
+
"type": {
|
|
486
|
+
"text": "string"
|
|
487
|
+
},
|
|
488
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
489
|
+
"attribute": "label",
|
|
490
|
+
"inheritedFrom": {
|
|
491
|
+
"name": "LabelMixin",
|
|
492
|
+
"package": "@vaadin/field-base/src/label-mixin.js"
|
|
493
|
+
}
|
|
494
|
+
},
|
|
495
|
+
{
|
|
496
|
+
"kind": "field",
|
|
497
|
+
"name": "manualValidation",
|
|
498
|
+
"privacy": "public",
|
|
499
|
+
"type": {
|
|
500
|
+
"text": "boolean"
|
|
501
|
+
},
|
|
502
|
+
"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.",
|
|
503
|
+
"attribute": "manual-validation",
|
|
504
|
+
"inheritedFrom": {
|
|
505
|
+
"name": "ValidateMixin",
|
|
506
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
507
|
+
}
|
|
508
|
+
},
|
|
319
509
|
{
|
|
320
510
|
"kind": "field",
|
|
321
511
|
"name": "readonly",
|
|
@@ -330,6 +520,34 @@
|
|
|
330
520
|
"module": "src/vaadin-checkbox-group-mixin.js"
|
|
331
521
|
}
|
|
332
522
|
},
|
|
523
|
+
{
|
|
524
|
+
"kind": "field",
|
|
525
|
+
"name": "required",
|
|
526
|
+
"privacy": "public",
|
|
527
|
+
"type": {
|
|
528
|
+
"text": "boolean"
|
|
529
|
+
},
|
|
530
|
+
"description": "Specifies that the user must fill in a value.",
|
|
531
|
+
"attribute": "required",
|
|
532
|
+
"inheritedFrom": {
|
|
533
|
+
"name": "ValidateMixin",
|
|
534
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
535
|
+
}
|
|
536
|
+
},
|
|
537
|
+
{
|
|
538
|
+
"kind": "method",
|
|
539
|
+
"name": "validate",
|
|
540
|
+
"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.",
|
|
541
|
+
"return": {
|
|
542
|
+
"type": {
|
|
543
|
+
"text": "boolean"
|
|
544
|
+
}
|
|
545
|
+
},
|
|
546
|
+
"inheritedFrom": {
|
|
547
|
+
"name": "ValidateMixin",
|
|
548
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
549
|
+
}
|
|
550
|
+
},
|
|
333
551
|
{
|
|
334
552
|
"kind": "field",
|
|
335
553
|
"name": "value",
|
|
@@ -421,6 +639,18 @@
|
|
|
421
639
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
422
640
|
}
|
|
423
641
|
},
|
|
642
|
+
{
|
|
643
|
+
"name": "disabled",
|
|
644
|
+
"type": {
|
|
645
|
+
"text": "boolean"
|
|
646
|
+
},
|
|
647
|
+
"description": "If true, the user cannot interact with this element.",
|
|
648
|
+
"fieldName": "disabled",
|
|
649
|
+
"inheritedFrom": {
|
|
650
|
+
"name": "DisabledMixin",
|
|
651
|
+
"package": "@vaadin/a11y-base/src/disabled-mixin.js"
|
|
652
|
+
}
|
|
653
|
+
},
|
|
424
654
|
{
|
|
425
655
|
"name": "error-message",
|
|
426
656
|
"type": {
|
|
@@ -445,6 +675,42 @@
|
|
|
445
675
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
446
676
|
}
|
|
447
677
|
},
|
|
678
|
+
{
|
|
679
|
+
"name": "invalid",
|
|
680
|
+
"type": {
|
|
681
|
+
"text": "boolean"
|
|
682
|
+
},
|
|
683
|
+
"description": "Set to true when the field is invalid.",
|
|
684
|
+
"fieldName": "invalid",
|
|
685
|
+
"inheritedFrom": {
|
|
686
|
+
"name": "ValidateMixin",
|
|
687
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
688
|
+
}
|
|
689
|
+
},
|
|
690
|
+
{
|
|
691
|
+
"name": "label",
|
|
692
|
+
"type": {
|
|
693
|
+
"text": "string"
|
|
694
|
+
},
|
|
695
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
696
|
+
"fieldName": "label",
|
|
697
|
+
"inheritedFrom": {
|
|
698
|
+
"name": "LabelMixin",
|
|
699
|
+
"package": "@vaadin/field-base/src/label-mixin.js"
|
|
700
|
+
}
|
|
701
|
+
},
|
|
702
|
+
{
|
|
703
|
+
"name": "manual-validation",
|
|
704
|
+
"type": {
|
|
705
|
+
"text": "boolean"
|
|
706
|
+
},
|
|
707
|
+
"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.",
|
|
708
|
+
"fieldName": "manualValidation",
|
|
709
|
+
"inheritedFrom": {
|
|
710
|
+
"name": "ValidateMixin",
|
|
711
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
712
|
+
}
|
|
713
|
+
},
|
|
448
714
|
{
|
|
449
715
|
"name": "readonly",
|
|
450
716
|
"type": {
|
|
@@ -457,6 +723,18 @@
|
|
|
457
723
|
"module": "src/vaadin-checkbox-group-mixin.js"
|
|
458
724
|
}
|
|
459
725
|
},
|
|
726
|
+
{
|
|
727
|
+
"name": "required",
|
|
728
|
+
"type": {
|
|
729
|
+
"text": "boolean"
|
|
730
|
+
},
|
|
731
|
+
"description": "Specifies that the user must fill in a value.",
|
|
732
|
+
"fieldName": "required",
|
|
733
|
+
"inheritedFrom": {
|
|
734
|
+
"name": "ValidateMixin",
|
|
735
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
736
|
+
}
|
|
737
|
+
},
|
|
460
738
|
{
|
|
461
739
|
"name": "value",
|
|
462
740
|
"type": {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/checkbox-group",
|
|
3
|
-
"version": "25.
|
|
3
|
+
"version": "25.2.0-alpha10",
|
|
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": "
|
|
39
|
-
"@vaadin/checkbox": "
|
|
40
|
-
"@vaadin/component-base": "
|
|
41
|
-
"@vaadin/field-base": "
|
|
42
|
-
"@vaadin/vaadin-themable-mixin": "
|
|
38
|
+
"@vaadin/a11y-base": "25.2.0-alpha10",
|
|
39
|
+
"@vaadin/checkbox": "25.2.0-alpha10",
|
|
40
|
+
"@vaadin/component-base": "25.2.0-alpha10",
|
|
41
|
+
"@vaadin/field-base": "25.2.0-alpha10",
|
|
42
|
+
"@vaadin/vaadin-themable-mixin": "25.2.0-alpha10",
|
|
43
43
|
"lit": "^3.0.0"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@vaadin/aura": "
|
|
47
|
-
"@vaadin/chai-plugins": "
|
|
48
|
-
"@vaadin/test-runner-commands": "
|
|
46
|
+
"@vaadin/aura": "25.2.0-alpha10",
|
|
47
|
+
"@vaadin/chai-plugins": "25.2.0-alpha10",
|
|
48
|
+
"@vaadin/test-runner-commands": "25.2.0-alpha10",
|
|
49
49
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
50
|
-
"@vaadin/vaadin-lumo-styles": "
|
|
50
|
+
"@vaadin/vaadin-lumo-styles": "25.2.0-alpha10",
|
|
51
51
|
"sinon": "^21.0.2"
|
|
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": "1303b6a3eeecb44a9d26f2b53cb56d9e906febdf"
|
|
59
59
|
}
|
|
@@ -60,7 +60,7 @@ export const CheckboxGroupMixin = (superclass) =>
|
|
|
60
60
|
this._tooltipController = new TooltipController(this);
|
|
61
61
|
this._tooltipController.addEventListener('tooltip-changed', (event) => {
|
|
62
62
|
const tooltip = event.detail.node;
|
|
63
|
-
if (tooltip
|
|
63
|
+
if (tooltip?.isConnected) {
|
|
64
64
|
// Tooltip element has been added to the DOM
|
|
65
65
|
const inputs = this.__checkboxes.map((checkbox) => checkbox.inputElement);
|
|
66
66
|
this._tooltipController.setAriaTarget(inputs);
|
|
@@ -250,14 +250,14 @@ export const CheckboxGroupMixin = (superclass) =>
|
|
|
250
250
|
*/
|
|
251
251
|
__valueChanged(value, oldValue) {
|
|
252
252
|
// Setting initial value to empty array, skip validation
|
|
253
|
-
if (value
|
|
253
|
+
if (value?.length === 0 && oldValue === undefined) {
|
|
254
254
|
return;
|
|
255
255
|
}
|
|
256
256
|
|
|
257
|
-
this.toggleAttribute('has-value', value
|
|
257
|
+
this.toggleAttribute('has-value', value?.length > 0);
|
|
258
258
|
|
|
259
259
|
this.__checkboxes.forEach((checkbox) => {
|
|
260
|
-
checkbox.checked = value
|
|
260
|
+
checkbox.checked = value?.includes(checkbox.value);
|
|
261
261
|
});
|
|
262
262
|
|
|
263
263
|
if (oldValue !== undefined) {
|
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.
|
|
4
|
+
"version": "25.2.0-alpha10",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -15,9 +15,7 @@
|
|
|
15
15
|
"description": "String used to label the component to screen reader users.",
|
|
16
16
|
"value": {
|
|
17
17
|
"type": [
|
|
18
|
-
"string"
|
|
19
|
-
"null",
|
|
20
|
-
"undefined"
|
|
18
|
+
"string"
|
|
21
19
|
]
|
|
22
20
|
}
|
|
23
21
|
},
|
|
@@ -26,9 +24,7 @@
|
|
|
26
24
|
"description": "Id of the element used as label of the component to screen reader users.",
|
|
27
25
|
"value": {
|
|
28
26
|
"type": [
|
|
29
|
-
"string"
|
|
30
|
-
"null",
|
|
31
|
-
"undefined"
|
|
27
|
+
"string"
|
|
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": "Error to show when the field is invalid.",
|
|
49
43
|
"value": {
|
|
50
44
|
"type": [
|
|
51
|
-
"string"
|
|
52
|
-
"null",
|
|
53
|
-
"undefined"
|
|
45
|
+
"string"
|
|
54
46
|
]
|
|
55
47
|
}
|
|
56
48
|
},
|
|
@@ -59,9 +51,7 @@
|
|
|
59
51
|
"description": "String used for the helper text.",
|
|
60
52
|
"value": {
|
|
61
53
|
"type": [
|
|
62
|
-
"string"
|
|
63
|
-
"null",
|
|
64
|
-
"undefined"
|
|
54
|
+
"string"
|
|
65
55
|
]
|
|
66
56
|
}
|
|
67
57
|
},
|
|
@@ -70,9 +60,7 @@
|
|
|
70
60
|
"description": "Set to true when the field is invalid.",
|
|
71
61
|
"value": {
|
|
72
62
|
"type": [
|
|
73
|
-
"boolean"
|
|
74
|
-
"null",
|
|
75
|
-
"undefined"
|
|
63
|
+
"boolean"
|
|
76
64
|
]
|
|
77
65
|
}
|
|
78
66
|
},
|
|
@@ -81,9 +69,7 @@
|
|
|
81
69
|
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
82
70
|
"value": {
|
|
83
71
|
"type": [
|
|
84
|
-
"string"
|
|
85
|
-
"null",
|
|
86
|
-
"undefined"
|
|
72
|
+
"string"
|
|
87
73
|
]
|
|
88
74
|
}
|
|
89
75
|
},
|
|
@@ -92,9 +78,7 @@
|
|
|
92
78
|
"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
79
|
"value": {
|
|
94
80
|
"type": [
|
|
95
|
-
"boolean"
|
|
96
|
-
"null",
|
|
97
|
-
"undefined"
|
|
81
|
+
"boolean"
|
|
98
82
|
]
|
|
99
83
|
}
|
|
100
84
|
},
|
|
@@ -103,9 +87,7 @@
|
|
|
103
87
|
"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
88
|
"value": {
|
|
105
89
|
"type": [
|
|
106
|
-
"boolean"
|
|
107
|
-
"null",
|
|
108
|
-
"undefined"
|
|
90
|
+
"boolean"
|
|
109
91
|
]
|
|
110
92
|
}
|
|
111
93
|
},
|
|
@@ -114,9 +96,7 @@
|
|
|
114
96
|
"description": "Specifies that the user must fill in a value.",
|
|
115
97
|
"value": {
|
|
116
98
|
"type": [
|
|
117
|
-
"boolean"
|
|
118
|
-
"null",
|
|
119
|
-
"undefined"
|
|
99
|
+
"boolean"
|
|
120
100
|
]
|
|
121
101
|
}
|
|
122
102
|
},
|
|
@@ -139,9 +119,7 @@
|
|
|
139
119
|
"description": "String used to label the component to screen reader users.",
|
|
140
120
|
"value": {
|
|
141
121
|
"type": [
|
|
142
|
-
"string"
|
|
143
|
-
"null",
|
|
144
|
-
"undefined"
|
|
122
|
+
"string"
|
|
145
123
|
]
|
|
146
124
|
}
|
|
147
125
|
},
|
|
@@ -150,9 +128,7 @@
|
|
|
150
128
|
"description": "Id of the element used as label of the component to screen reader users.",
|
|
151
129
|
"value": {
|
|
152
130
|
"type": [
|
|
153
|
-
"string"
|
|
154
|
-
"null",
|
|
155
|
-
"undefined"
|
|
131
|
+
"string"
|
|
156
132
|
]
|
|
157
133
|
}
|
|
158
134
|
},
|
|
@@ -161,9 +137,7 @@
|
|
|
161
137
|
"description": "If true, the user cannot interact with this element.",
|
|
162
138
|
"value": {
|
|
163
139
|
"type": [
|
|
164
|
-
"boolean"
|
|
165
|
-
"null",
|
|
166
|
-
"undefined"
|
|
140
|
+
"boolean"
|
|
167
141
|
]
|
|
168
142
|
}
|
|
169
143
|
},
|
|
@@ -172,9 +146,7 @@
|
|
|
172
146
|
"description": "Error to show when the field is invalid.",
|
|
173
147
|
"value": {
|
|
174
148
|
"type": [
|
|
175
|
-
"string"
|
|
176
|
-
"null",
|
|
177
|
-
"undefined"
|
|
149
|
+
"string"
|
|
178
150
|
]
|
|
179
151
|
}
|
|
180
152
|
},
|
|
@@ -183,9 +155,7 @@
|
|
|
183
155
|
"description": "String used for the helper text.",
|
|
184
156
|
"value": {
|
|
185
157
|
"type": [
|
|
186
|
-
"string"
|
|
187
|
-
"null",
|
|
188
|
-
"undefined"
|
|
158
|
+
"string"
|
|
189
159
|
]
|
|
190
160
|
}
|
|
191
161
|
},
|
|
@@ -194,9 +164,7 @@
|
|
|
194
164
|
"description": "Set to true when the field is invalid.",
|
|
195
165
|
"value": {
|
|
196
166
|
"type": [
|
|
197
|
-
"boolean"
|
|
198
|
-
"null",
|
|
199
|
-
"undefined"
|
|
167
|
+
"boolean"
|
|
200
168
|
]
|
|
201
169
|
}
|
|
202
170
|
},
|
|
@@ -205,9 +173,7 @@
|
|
|
205
173
|
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
206
174
|
"value": {
|
|
207
175
|
"type": [
|
|
208
|
-
"string"
|
|
209
|
-
"null",
|
|
210
|
-
"undefined"
|
|
176
|
+
"string"
|
|
211
177
|
]
|
|
212
178
|
}
|
|
213
179
|
},
|
|
@@ -216,9 +182,7 @@
|
|
|
216
182
|
"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
183
|
"value": {
|
|
218
184
|
"type": [
|
|
219
|
-
"boolean"
|
|
220
|
-
"null",
|
|
221
|
-
"undefined"
|
|
185
|
+
"boolean"
|
|
222
186
|
]
|
|
223
187
|
}
|
|
224
188
|
},
|
|
@@ -227,9 +191,7 @@
|
|
|
227
191
|
"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
192
|
"value": {
|
|
229
193
|
"type": [
|
|
230
|
-
"boolean"
|
|
231
|
-
"null",
|
|
232
|
-
"undefined"
|
|
194
|
+
"boolean"
|
|
233
195
|
]
|
|
234
196
|
}
|
|
235
197
|
},
|
|
@@ -238,9 +200,7 @@
|
|
|
238
200
|
"description": "Specifies that the user must fill in a value.",
|
|
239
201
|
"value": {
|
|
240
202
|
"type": [
|
|
241
|
-
"boolean"
|
|
242
|
-
"null",
|
|
243
|
-
"undefined"
|
|
203
|
+
"boolean"
|
|
244
204
|
]
|
|
245
205
|
}
|
|
246
206
|
},
|
|
@@ -249,9 +209,7 @@
|
|
|
249
209
|
"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.",
|
|
250
210
|
"value": {
|
|
251
211
|
"type": [
|
|
252
|
-
"
|
|
253
|
-
"null",
|
|
254
|
-
"undefined"
|
|
212
|
+
"array"
|
|
255
213
|
]
|
|
256
214
|
}
|
|
257
215
|
}
|
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.
|
|
4
|
+
"version": "25.2.0-alpha10",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -20,71 +20,71 @@
|
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
22
|
{
|
|
23
|
-
"name": "
|
|
24
|
-
"description": "
|
|
23
|
+
"name": ".accessibleName",
|
|
24
|
+
"description": "String used to label the component to screen reader users.",
|
|
25
25
|
"value": {
|
|
26
26
|
"kind": "expression"
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
29
|
{
|
|
30
|
-
"name": "
|
|
31
|
-
"description": "
|
|
30
|
+
"name": ".accessibleNameRef",
|
|
31
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
32
32
|
"value": {
|
|
33
33
|
"kind": "expression"
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
{
|
|
37
|
-
"name": "?
|
|
38
|
-
"description": "
|
|
37
|
+
"name": "?disabled",
|
|
38
|
+
"description": "If true, the user cannot interact with this element.",
|
|
39
39
|
"value": {
|
|
40
40
|
"kind": "expression"
|
|
41
41
|
}
|
|
42
42
|
},
|
|
43
43
|
{
|
|
44
|
-
"name": "
|
|
45
|
-
"description": "
|
|
44
|
+
"name": ".errorMessage",
|
|
45
|
+
"description": "Error to show when the field is invalid.",
|
|
46
46
|
"value": {
|
|
47
47
|
"kind": "expression"
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
50
|
{
|
|
51
|
-
"name": "
|
|
52
|
-
"description": "
|
|
51
|
+
"name": ".helperText",
|
|
52
|
+
"description": "String used for the helper text.",
|
|
53
53
|
"value": {
|
|
54
54
|
"kind": "expression"
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
57
|
{
|
|
58
|
-
"name": "
|
|
59
|
-
"description": "
|
|
58
|
+
"name": "?invalid",
|
|
59
|
+
"description": "Set to true when the field is invalid.",
|
|
60
60
|
"value": {
|
|
61
61
|
"kind": "expression"
|
|
62
62
|
}
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
|
-
"name": ".
|
|
66
|
-
"description": "
|
|
65
|
+
"name": ".label",
|
|
66
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
67
67
|
"value": {
|
|
68
68
|
"kind": "expression"
|
|
69
69
|
}
|
|
70
70
|
},
|
|
71
71
|
{
|
|
72
|
-
"name": "
|
|
73
|
-
"description": "
|
|
72
|
+
"name": "?manualValidation",
|
|
73
|
+
"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.",
|
|
74
74
|
"value": {
|
|
75
75
|
"kind": "expression"
|
|
76
76
|
}
|
|
77
77
|
},
|
|
78
78
|
{
|
|
79
|
-
"name": "
|
|
80
|
-
"description": "
|
|
79
|
+
"name": "?readonly",
|
|
80
|
+
"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.",
|
|
81
81
|
"value": {
|
|
82
82
|
"kind": "expression"
|
|
83
83
|
}
|
|
84
84
|
},
|
|
85
85
|
{
|
|
86
|
-
"name": "
|
|
87
|
-
"description": "
|
|
86
|
+
"name": "?required",
|
|
87
|
+
"description": "Specifies that the user must fill in a value.",
|
|
88
88
|
"value": {
|
|
89
89
|
"kind": "expression"
|
|
90
90
|
}
|