@vaadin/checkbox-group 25.2.0-alpha9 → 25.2.0-beta1
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 +252 -0
- package/package.json +11 -11
- package/src/vaadin-checkbox-group-mixin.js +4 -9
- package/src/vaadin-checkbox-group.js +0 -3
- 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,20 @@
|
|
|
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
|
+
},
|
|
319
481
|
{
|
|
320
482
|
"kind": "field",
|
|
321
483
|
"name": "label",
|
|
@@ -330,6 +492,20 @@
|
|
|
330
492
|
"package": "@vaadin/field-base/src/label-mixin.js"
|
|
331
493
|
}
|
|
332
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
|
+
},
|
|
333
509
|
{
|
|
334
510
|
"kind": "field",
|
|
335
511
|
"name": "readonly",
|
|
@@ -344,6 +520,34 @@
|
|
|
344
520
|
"module": "src/vaadin-checkbox-group-mixin.js"
|
|
345
521
|
}
|
|
346
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
|
+
},
|
|
347
551
|
{
|
|
348
552
|
"kind": "field",
|
|
349
553
|
"name": "value",
|
|
@@ -435,6 +639,18 @@
|
|
|
435
639
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
436
640
|
}
|
|
437
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
|
+
},
|
|
438
654
|
{
|
|
439
655
|
"name": "error-message",
|
|
440
656
|
"type": {
|
|
@@ -459,6 +675,18 @@
|
|
|
459
675
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
460
676
|
}
|
|
461
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
|
+
},
|
|
462
690
|
{
|
|
463
691
|
"name": "label",
|
|
464
692
|
"type": {
|
|
@@ -471,6 +699,18 @@
|
|
|
471
699
|
"package": "@vaadin/field-base/src/label-mixin.js"
|
|
472
700
|
}
|
|
473
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
|
+
},
|
|
474
714
|
{
|
|
475
715
|
"name": "readonly",
|
|
476
716
|
"type": {
|
|
@@ -483,6 +723,18 @@
|
|
|
483
723
|
"module": "src/vaadin-checkbox-group-mixin.js"
|
|
484
724
|
}
|
|
485
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
|
+
},
|
|
486
738
|
{
|
|
487
739
|
"name": "value",
|
|
488
740
|
"type": {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/checkbox-group",
|
|
3
|
-
"version": "25.2.0-
|
|
3
|
+
"version": "25.2.0-beta1",
|
|
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.2.0-
|
|
39
|
-
"@vaadin/checkbox": "25.2.0-
|
|
40
|
-
"@vaadin/component-base": "25.2.0-
|
|
41
|
-
"@vaadin/field-base": "25.2.0-
|
|
42
|
-
"@vaadin/vaadin-themable-mixin": "25.2.0-
|
|
38
|
+
"@vaadin/a11y-base": "25.2.0-beta1",
|
|
39
|
+
"@vaadin/checkbox": "25.2.0-beta1",
|
|
40
|
+
"@vaadin/component-base": "25.2.0-beta1",
|
|
41
|
+
"@vaadin/field-base": "25.2.0-beta1",
|
|
42
|
+
"@vaadin/vaadin-themable-mixin": "25.2.0-beta1",
|
|
43
43
|
"lit": "^3.0.0"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@vaadin/aura": "25.2.0-
|
|
47
|
-
"@vaadin/chai-plugins": "25.2.0-
|
|
48
|
-
"@vaadin/test-runner-commands": "25.2.0-
|
|
46
|
+
"@vaadin/aura": "25.2.0-beta1",
|
|
47
|
+
"@vaadin/chai-plugins": "25.2.0-beta1",
|
|
48
|
+
"@vaadin/test-runner-commands": "25.2.0-beta1",
|
|
49
49
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
50
|
-
"@vaadin/vaadin-lumo-styles": "25.2.0-
|
|
50
|
+
"@vaadin/vaadin-lumo-styles": "25.2.0-beta1",
|
|
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": "471a23f60d1eb725f98a33f62cb9664d9c0a4163"
|
|
59
59
|
}
|
|
@@ -11,11 +11,6 @@ import { FieldMixin } from '@vaadin/field-base/src/field-mixin.js';
|
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* A mixin providing common checkbox-group functionality.
|
|
14
|
-
*
|
|
15
|
-
* @polymerMixin
|
|
16
|
-
* @mixes DisabledMixin
|
|
17
|
-
* @mixes FieldMixin
|
|
18
|
-
* @mixes FocusMixin
|
|
19
14
|
*/
|
|
20
15
|
export const CheckboxGroupMixin = (superclass) =>
|
|
21
16
|
class CheckboxGroupMixinClass extends FieldMixin(FocusMixin(DisabledMixin(superclass))) {
|
|
@@ -60,7 +55,7 @@ export const CheckboxGroupMixin = (superclass) =>
|
|
|
60
55
|
this._tooltipController = new TooltipController(this);
|
|
61
56
|
this._tooltipController.addEventListener('tooltip-changed', (event) => {
|
|
62
57
|
const tooltip = event.detail.node;
|
|
63
|
-
if (tooltip
|
|
58
|
+
if (tooltip?.isConnected) {
|
|
64
59
|
// Tooltip element has been added to the DOM
|
|
65
60
|
const inputs = this.__checkboxes.map((checkbox) => checkbox.inputElement);
|
|
66
61
|
this._tooltipController.setAriaTarget(inputs);
|
|
@@ -250,14 +245,14 @@ export const CheckboxGroupMixin = (superclass) =>
|
|
|
250
245
|
*/
|
|
251
246
|
__valueChanged(value, oldValue) {
|
|
252
247
|
// Setting initial value to empty array, skip validation
|
|
253
|
-
if (value
|
|
248
|
+
if (value?.length === 0 && oldValue === undefined) {
|
|
254
249
|
return;
|
|
255
250
|
}
|
|
256
251
|
|
|
257
|
-
this.toggleAttribute('has-value', value
|
|
252
|
+
this.toggleAttribute('has-value', value?.length > 0);
|
|
258
253
|
|
|
259
254
|
this.__checkboxes.forEach((checkbox) => {
|
|
260
|
-
checkbox.checked = value
|
|
255
|
+
checkbox.checked = value?.includes(checkbox.value);
|
|
261
256
|
});
|
|
262
257
|
|
|
263
258
|
if (oldValue !== undefined) {
|
|
@@ -78,9 +78,6 @@ import { CheckboxGroupMixin } from './vaadin-checkbox-group-mixin.js';
|
|
|
78
78
|
*
|
|
79
79
|
* @customElement vaadin-checkbox-group
|
|
80
80
|
* @extends HTMLElement
|
|
81
|
-
* @mixes ThemableMixin
|
|
82
|
-
* @mixes ElementMixin
|
|
83
|
-
* @mixes CheckboxGroupMixin
|
|
84
81
|
*/
|
|
85
82
|
class CheckboxGroup extends CheckboxGroupMixin(
|
|
86
83
|
ElementMixin(ThemableMixin(PolylitMixin(LumoInjectionMixin(LitElement)))),
|
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.2.0-
|
|
4
|
+
"version": "25.2.0-beta1",
|
|
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.2.0-
|
|
4
|
+
"version": "25.2.0-beta1",
|
|
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
|
}
|