@vaadin/checkbox 25.2.0-alpha1 → 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 +388 -4
- package/package.json +10 -10
- package/src/vaadin-checkbox-mixin.js +0 -6
- package/web-types.json +50 -96
- package/web-types.lit.json +36 -36
package/custom-elements.json
CHANGED
|
@@ -54,6 +54,20 @@
|
|
|
54
54
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
|
+
{
|
|
58
|
+
"kind": "field",
|
|
59
|
+
"name": "autofocus",
|
|
60
|
+
"privacy": "public",
|
|
61
|
+
"type": {
|
|
62
|
+
"text": "boolean"
|
|
63
|
+
},
|
|
64
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
65
|
+
"attribute": "autofocus",
|
|
66
|
+
"inheritedFrom": {
|
|
67
|
+
"name": "DelegateFocusMixin",
|
|
68
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
69
|
+
}
|
|
70
|
+
},
|
|
57
71
|
{
|
|
58
72
|
"kind": "field",
|
|
59
73
|
"name": "checked",
|
|
@@ -71,10 +85,38 @@
|
|
|
71
85
|
{
|
|
72
86
|
"kind": "method",
|
|
73
87
|
"name": "checkValidity",
|
|
88
|
+
"description": "Returns true if the field value satisfies all constraints (if any).",
|
|
74
89
|
"return": {
|
|
75
90
|
"type": {
|
|
76
91
|
"text": "boolean"
|
|
77
92
|
}
|
|
93
|
+
},
|
|
94
|
+
"inheritedFrom": {
|
|
95
|
+
"name": "ValidateMixin",
|
|
96
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
97
|
+
}
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"kind": "method",
|
|
101
|
+
"name": "clear",
|
|
102
|
+
"description": "Clear the value of the field.",
|
|
103
|
+
"inheritedFrom": {
|
|
104
|
+
"name": "InputMixin",
|
|
105
|
+
"package": "@vaadin/field-base/src/input-mixin.js"
|
|
106
|
+
}
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
"kind": "field",
|
|
110
|
+
"name": "disabled",
|
|
111
|
+
"privacy": "public",
|
|
112
|
+
"type": {
|
|
113
|
+
"text": "boolean"
|
|
114
|
+
},
|
|
115
|
+
"description": "If true, the user cannot interact with this element.",
|
|
116
|
+
"attribute": "disabled",
|
|
117
|
+
"inheritedFrom": {
|
|
118
|
+
"name": "DisabledMixin",
|
|
119
|
+
"package": "@vaadin/a11y-base/src/disabled-mixin.js"
|
|
78
120
|
}
|
|
79
121
|
},
|
|
80
122
|
{
|
|
@@ -115,6 +157,20 @@
|
|
|
115
157
|
"description": "True if the checkbox is in the indeterminate state which means\nit is not possible to say whether it is checked or unchecked.\nThe state is reset once the user switches the checkbox by hand.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Indeterminate_state_checkboxes",
|
|
116
158
|
"attribute": "indeterminate"
|
|
117
159
|
},
|
|
160
|
+
{
|
|
161
|
+
"kind": "field",
|
|
162
|
+
"name": "invalid",
|
|
163
|
+
"privacy": "public",
|
|
164
|
+
"type": {
|
|
165
|
+
"text": "boolean"
|
|
166
|
+
},
|
|
167
|
+
"description": "Set to true when the field is invalid.",
|
|
168
|
+
"attribute": "invalid",
|
|
169
|
+
"inheritedFrom": {
|
|
170
|
+
"name": "ValidateMixin",
|
|
171
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
172
|
+
}
|
|
173
|
+
},
|
|
118
174
|
{
|
|
119
175
|
"kind": "field",
|
|
120
176
|
"name": "label",
|
|
@@ -129,6 +185,20 @@
|
|
|
129
185
|
"package": "@vaadin/field-base/src/label-mixin.js"
|
|
130
186
|
}
|
|
131
187
|
},
|
|
188
|
+
{
|
|
189
|
+
"kind": "field",
|
|
190
|
+
"name": "manualValidation",
|
|
191
|
+
"privacy": "public",
|
|
192
|
+
"type": {
|
|
193
|
+
"text": "boolean"
|
|
194
|
+
},
|
|
195
|
+
"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.",
|
|
196
|
+
"attribute": "manual-validation",
|
|
197
|
+
"inheritedFrom": {
|
|
198
|
+
"name": "ValidateMixin",
|
|
199
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
200
|
+
}
|
|
201
|
+
},
|
|
132
202
|
{
|
|
133
203
|
"kind": "field",
|
|
134
204
|
"name": "name",
|
|
@@ -151,19 +221,46 @@
|
|
|
151
221
|
},
|
|
152
222
|
{
|
|
153
223
|
"kind": "field",
|
|
154
|
-
"name": "
|
|
224
|
+
"name": "required",
|
|
225
|
+
"privacy": "public",
|
|
155
226
|
"type": {
|
|
156
|
-
"text": "
|
|
227
|
+
"text": "boolean"
|
|
157
228
|
},
|
|
158
|
-
"
|
|
229
|
+
"description": "Specifies that the user must fill in a value.",
|
|
230
|
+
"attribute": "required",
|
|
231
|
+
"inheritedFrom": {
|
|
232
|
+
"name": "ValidateMixin",
|
|
233
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
234
|
+
}
|
|
235
|
+
},
|
|
236
|
+
{
|
|
237
|
+
"kind": "method",
|
|
238
|
+
"name": "validate",
|
|
239
|
+
"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.",
|
|
240
|
+
"return": {
|
|
241
|
+
"type": {
|
|
242
|
+
"text": "boolean"
|
|
243
|
+
}
|
|
244
|
+
},
|
|
245
|
+
"inheritedFrom": {
|
|
246
|
+
"name": "ValidateMixin",
|
|
247
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
248
|
+
}
|
|
159
249
|
},
|
|
160
250
|
{
|
|
161
251
|
"kind": "field",
|
|
162
252
|
"name": "value",
|
|
253
|
+
"privacy": "public",
|
|
163
254
|
"type": {
|
|
164
255
|
"text": "string"
|
|
165
256
|
},
|
|
166
|
-
"
|
|
257
|
+
"description": "The value of the field.",
|
|
258
|
+
"attribute": "value",
|
|
259
|
+
"default": "'on'",
|
|
260
|
+
"inheritedFrom": {
|
|
261
|
+
"name": "InputMixin",
|
|
262
|
+
"package": "@vaadin/field-base/src/input-mixin.js"
|
|
263
|
+
}
|
|
167
264
|
}
|
|
168
265
|
],
|
|
169
266
|
"attributes": [
|
|
@@ -191,6 +288,18 @@
|
|
|
191
288
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
192
289
|
}
|
|
193
290
|
},
|
|
291
|
+
{
|
|
292
|
+
"name": "autofocus",
|
|
293
|
+
"type": {
|
|
294
|
+
"text": "boolean"
|
|
295
|
+
},
|
|
296
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
297
|
+
"fieldName": "autofocus",
|
|
298
|
+
"inheritedFrom": {
|
|
299
|
+
"name": "DelegateFocusMixin",
|
|
300
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
301
|
+
}
|
|
302
|
+
},
|
|
194
303
|
{
|
|
195
304
|
"name": "checked",
|
|
196
305
|
"type": {
|
|
@@ -203,6 +312,18 @@
|
|
|
203
312
|
"package": "@vaadin/field-base/src/checked-mixin.js"
|
|
204
313
|
}
|
|
205
314
|
},
|
|
315
|
+
{
|
|
316
|
+
"name": "disabled",
|
|
317
|
+
"type": {
|
|
318
|
+
"text": "boolean"
|
|
319
|
+
},
|
|
320
|
+
"description": "If true, the user cannot interact with this element.",
|
|
321
|
+
"fieldName": "disabled",
|
|
322
|
+
"inheritedFrom": {
|
|
323
|
+
"name": "DisabledMixin",
|
|
324
|
+
"package": "@vaadin/a11y-base/src/disabled-mixin.js"
|
|
325
|
+
}
|
|
326
|
+
},
|
|
206
327
|
{
|
|
207
328
|
"name": "error-message",
|
|
208
329
|
"type": {
|
|
@@ -235,6 +356,18 @@
|
|
|
235
356
|
"description": "True if the checkbox is in the indeterminate state which means\nit is not possible to say whether it is checked or unchecked.\nThe state is reset once the user switches the checkbox by hand.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Indeterminate_state_checkboxes",
|
|
236
357
|
"fieldName": "indeterminate"
|
|
237
358
|
},
|
|
359
|
+
{
|
|
360
|
+
"name": "invalid",
|
|
361
|
+
"type": {
|
|
362
|
+
"text": "boolean"
|
|
363
|
+
},
|
|
364
|
+
"description": "Set to true when the field is invalid.",
|
|
365
|
+
"fieldName": "invalid",
|
|
366
|
+
"inheritedFrom": {
|
|
367
|
+
"name": "ValidateMixin",
|
|
368
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
369
|
+
}
|
|
370
|
+
},
|
|
238
371
|
{
|
|
239
372
|
"name": "label",
|
|
240
373
|
"type": {
|
|
@@ -247,6 +380,18 @@
|
|
|
247
380
|
"package": "@vaadin/field-base/src/label-mixin.js"
|
|
248
381
|
}
|
|
249
382
|
},
|
|
383
|
+
{
|
|
384
|
+
"name": "manual-validation",
|
|
385
|
+
"type": {
|
|
386
|
+
"text": "boolean"
|
|
387
|
+
},
|
|
388
|
+
"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.",
|
|
389
|
+
"fieldName": "manualValidation",
|
|
390
|
+
"inheritedFrom": {
|
|
391
|
+
"name": "ValidateMixin",
|
|
392
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
393
|
+
}
|
|
394
|
+
},
|
|
250
395
|
{
|
|
251
396
|
"name": "name",
|
|
252
397
|
"type": {
|
|
@@ -262,6 +407,30 @@
|
|
|
262
407
|
},
|
|
263
408
|
"description": "When true, the user cannot modify the value of the checkbox.\nThe difference between `disabled` and `readonly` is that the\nread-only checkbox remains focusable, is announced by screen\nreaders and its value can be submitted as part of the form.",
|
|
264
409
|
"fieldName": "readonly"
|
|
410
|
+
},
|
|
411
|
+
{
|
|
412
|
+
"name": "required",
|
|
413
|
+
"type": {
|
|
414
|
+
"text": "boolean"
|
|
415
|
+
},
|
|
416
|
+
"description": "Specifies that the user must fill in a value.",
|
|
417
|
+
"fieldName": "required",
|
|
418
|
+
"inheritedFrom": {
|
|
419
|
+
"name": "ValidateMixin",
|
|
420
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
421
|
+
}
|
|
422
|
+
},
|
|
423
|
+
{
|
|
424
|
+
"name": "value",
|
|
425
|
+
"type": {
|
|
426
|
+
"text": "string"
|
|
427
|
+
},
|
|
428
|
+
"description": "The value of the field.",
|
|
429
|
+
"fieldName": "value",
|
|
430
|
+
"inheritedFrom": {
|
|
431
|
+
"name": "InputMixin",
|
|
432
|
+
"package": "@vaadin/field-base/src/input-mixin.js"
|
|
433
|
+
}
|
|
265
434
|
}
|
|
266
435
|
],
|
|
267
436
|
"mixins": [
|
|
@@ -290,6 +459,18 @@
|
|
|
290
459
|
{
|
|
291
460
|
"name": "superclass"
|
|
292
461
|
}
|
|
462
|
+
],
|
|
463
|
+
"events": [
|
|
464
|
+
{
|
|
465
|
+
"name": "validated",
|
|
466
|
+
"type": {
|
|
467
|
+
"text": "CustomEvent"
|
|
468
|
+
},
|
|
469
|
+
"inheritedFrom": {
|
|
470
|
+
"name": "ValidateMixin",
|
|
471
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
472
|
+
}
|
|
473
|
+
}
|
|
293
474
|
]
|
|
294
475
|
}
|
|
295
476
|
],
|
|
@@ -341,6 +522,20 @@
|
|
|
341
522
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
342
523
|
}
|
|
343
524
|
},
|
|
525
|
+
{
|
|
526
|
+
"kind": "field",
|
|
527
|
+
"name": "autofocus",
|
|
528
|
+
"privacy": "public",
|
|
529
|
+
"type": {
|
|
530
|
+
"text": "boolean"
|
|
531
|
+
},
|
|
532
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
533
|
+
"attribute": "autofocus",
|
|
534
|
+
"inheritedFrom": {
|
|
535
|
+
"name": "DelegateFocusMixin",
|
|
536
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
537
|
+
}
|
|
538
|
+
},
|
|
344
539
|
{
|
|
345
540
|
"kind": "field",
|
|
346
541
|
"name": "checked",
|
|
@@ -368,6 +563,29 @@
|
|
|
368
563
|
"module": "src/vaadin-checkbox-mixin.js"
|
|
369
564
|
}
|
|
370
565
|
},
|
|
566
|
+
{
|
|
567
|
+
"kind": "method",
|
|
568
|
+
"name": "clear",
|
|
569
|
+
"description": "Clear the value of the field.",
|
|
570
|
+
"inheritedFrom": {
|
|
571
|
+
"name": "InputMixin",
|
|
572
|
+
"package": "@vaadin/field-base/src/input-mixin.js"
|
|
573
|
+
}
|
|
574
|
+
},
|
|
575
|
+
{
|
|
576
|
+
"kind": "field",
|
|
577
|
+
"name": "disabled",
|
|
578
|
+
"privacy": "public",
|
|
579
|
+
"type": {
|
|
580
|
+
"text": "boolean"
|
|
581
|
+
},
|
|
582
|
+
"description": "If true, the user cannot interact with this element.",
|
|
583
|
+
"attribute": "disabled",
|
|
584
|
+
"inheritedFrom": {
|
|
585
|
+
"name": "DisabledMixin",
|
|
586
|
+
"package": "@vaadin/a11y-base/src/disabled-mixin.js"
|
|
587
|
+
}
|
|
588
|
+
},
|
|
371
589
|
{
|
|
372
590
|
"kind": "field",
|
|
373
591
|
"name": "errorMessage",
|
|
@@ -410,6 +628,48 @@
|
|
|
410
628
|
"module": "src/vaadin-checkbox-mixin.js"
|
|
411
629
|
}
|
|
412
630
|
},
|
|
631
|
+
{
|
|
632
|
+
"kind": "field",
|
|
633
|
+
"name": "invalid",
|
|
634
|
+
"privacy": "public",
|
|
635
|
+
"type": {
|
|
636
|
+
"text": "boolean"
|
|
637
|
+
},
|
|
638
|
+
"description": "Set to true when the field is invalid.",
|
|
639
|
+
"attribute": "invalid",
|
|
640
|
+
"inheritedFrom": {
|
|
641
|
+
"name": "ValidateMixin",
|
|
642
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
643
|
+
}
|
|
644
|
+
},
|
|
645
|
+
{
|
|
646
|
+
"kind": "field",
|
|
647
|
+
"name": "label",
|
|
648
|
+
"privacy": "public",
|
|
649
|
+
"type": {
|
|
650
|
+
"text": "string"
|
|
651
|
+
},
|
|
652
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
653
|
+
"attribute": "label",
|
|
654
|
+
"inheritedFrom": {
|
|
655
|
+
"name": "LabelMixin",
|
|
656
|
+
"package": "@vaadin/field-base/src/label-mixin.js"
|
|
657
|
+
}
|
|
658
|
+
},
|
|
659
|
+
{
|
|
660
|
+
"kind": "field",
|
|
661
|
+
"name": "manualValidation",
|
|
662
|
+
"privacy": "public",
|
|
663
|
+
"type": {
|
|
664
|
+
"text": "boolean"
|
|
665
|
+
},
|
|
666
|
+
"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.",
|
|
667
|
+
"attribute": "manual-validation",
|
|
668
|
+
"inheritedFrom": {
|
|
669
|
+
"name": "ValidateMixin",
|
|
670
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
671
|
+
}
|
|
672
|
+
},
|
|
413
673
|
{
|
|
414
674
|
"kind": "field",
|
|
415
675
|
"name": "name",
|
|
@@ -438,6 +698,20 @@
|
|
|
438
698
|
"module": "src/vaadin-checkbox-mixin.js"
|
|
439
699
|
}
|
|
440
700
|
},
|
|
701
|
+
{
|
|
702
|
+
"kind": "field",
|
|
703
|
+
"name": "required",
|
|
704
|
+
"privacy": "public",
|
|
705
|
+
"type": {
|
|
706
|
+
"text": "boolean"
|
|
707
|
+
},
|
|
708
|
+
"description": "Specifies that the user must fill in a value.",
|
|
709
|
+
"attribute": "required",
|
|
710
|
+
"inheritedFrom": {
|
|
711
|
+
"name": "ValidateMixin",
|
|
712
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
713
|
+
}
|
|
714
|
+
},
|
|
441
715
|
{
|
|
442
716
|
"kind": "field",
|
|
443
717
|
"name": "tabindex",
|
|
@@ -450,6 +724,20 @@
|
|
|
450
724
|
"module": "src/vaadin-checkbox-mixin.js"
|
|
451
725
|
}
|
|
452
726
|
},
|
|
727
|
+
{
|
|
728
|
+
"kind": "method",
|
|
729
|
+
"name": "validate",
|
|
730
|
+
"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.",
|
|
731
|
+
"return": {
|
|
732
|
+
"type": {
|
|
733
|
+
"text": "boolean"
|
|
734
|
+
}
|
|
735
|
+
},
|
|
736
|
+
"inheritedFrom": {
|
|
737
|
+
"name": "ValidateMixin",
|
|
738
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
739
|
+
}
|
|
740
|
+
},
|
|
453
741
|
{
|
|
454
742
|
"kind": "field",
|
|
455
743
|
"name": "value",
|
|
@@ -553,6 +841,18 @@
|
|
|
553
841
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
554
842
|
}
|
|
555
843
|
},
|
|
844
|
+
{
|
|
845
|
+
"name": "autofocus",
|
|
846
|
+
"type": {
|
|
847
|
+
"text": "boolean"
|
|
848
|
+
},
|
|
849
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
850
|
+
"fieldName": "autofocus",
|
|
851
|
+
"inheritedFrom": {
|
|
852
|
+
"name": "DelegateFocusMixin",
|
|
853
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
854
|
+
}
|
|
855
|
+
},
|
|
556
856
|
{
|
|
557
857
|
"name": "checked",
|
|
558
858
|
"type": {
|
|
@@ -565,6 +865,18 @@
|
|
|
565
865
|
"package": "@vaadin/field-base/src/checked-mixin.js"
|
|
566
866
|
}
|
|
567
867
|
},
|
|
868
|
+
{
|
|
869
|
+
"name": "disabled",
|
|
870
|
+
"type": {
|
|
871
|
+
"text": "boolean"
|
|
872
|
+
},
|
|
873
|
+
"description": "If true, the user cannot interact with this element.",
|
|
874
|
+
"fieldName": "disabled",
|
|
875
|
+
"inheritedFrom": {
|
|
876
|
+
"name": "DisabledMixin",
|
|
877
|
+
"package": "@vaadin/a11y-base/src/disabled-mixin.js"
|
|
878
|
+
}
|
|
879
|
+
},
|
|
568
880
|
{
|
|
569
881
|
"name": "error-message",
|
|
570
882
|
"type": {
|
|
@@ -601,6 +913,42 @@
|
|
|
601
913
|
"module": "src/vaadin-checkbox-mixin.js"
|
|
602
914
|
}
|
|
603
915
|
},
|
|
916
|
+
{
|
|
917
|
+
"name": "invalid",
|
|
918
|
+
"type": {
|
|
919
|
+
"text": "boolean"
|
|
920
|
+
},
|
|
921
|
+
"description": "Set to true when the field is invalid.",
|
|
922
|
+
"fieldName": "invalid",
|
|
923
|
+
"inheritedFrom": {
|
|
924
|
+
"name": "ValidateMixin",
|
|
925
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
926
|
+
}
|
|
927
|
+
},
|
|
928
|
+
{
|
|
929
|
+
"name": "label",
|
|
930
|
+
"type": {
|
|
931
|
+
"text": "string"
|
|
932
|
+
},
|
|
933
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
934
|
+
"fieldName": "label",
|
|
935
|
+
"inheritedFrom": {
|
|
936
|
+
"name": "LabelMixin",
|
|
937
|
+
"package": "@vaadin/field-base/src/label-mixin.js"
|
|
938
|
+
}
|
|
939
|
+
},
|
|
940
|
+
{
|
|
941
|
+
"name": "manual-validation",
|
|
942
|
+
"type": {
|
|
943
|
+
"text": "boolean"
|
|
944
|
+
},
|
|
945
|
+
"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.",
|
|
946
|
+
"fieldName": "manualValidation",
|
|
947
|
+
"inheritedFrom": {
|
|
948
|
+
"name": "ValidateMixin",
|
|
949
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
950
|
+
}
|
|
951
|
+
},
|
|
604
952
|
{
|
|
605
953
|
"name": "name",
|
|
606
954
|
"type": {
|
|
@@ -624,6 +972,42 @@
|
|
|
624
972
|
"name": "CheckboxMixin",
|
|
625
973
|
"module": "src/vaadin-checkbox-mixin.js"
|
|
626
974
|
}
|
|
975
|
+
},
|
|
976
|
+
{
|
|
977
|
+
"name": "required",
|
|
978
|
+
"type": {
|
|
979
|
+
"text": "boolean"
|
|
980
|
+
},
|
|
981
|
+
"description": "Specifies that the user must fill in a value.",
|
|
982
|
+
"fieldName": "required",
|
|
983
|
+
"inheritedFrom": {
|
|
984
|
+
"name": "ValidateMixin",
|
|
985
|
+
"package": "@vaadin/field-base/src/validate-mixin.js"
|
|
986
|
+
}
|
|
987
|
+
},
|
|
988
|
+
{
|
|
989
|
+
"name": "tabindex",
|
|
990
|
+
"type": {
|
|
991
|
+
"text": "number"
|
|
992
|
+
},
|
|
993
|
+
"description": "Indicates whether the element can be focused and where it participates in sequential keyboard navigation.",
|
|
994
|
+
"fieldName": "tabindex",
|
|
995
|
+
"inheritedFrom": {
|
|
996
|
+
"name": "TabindexMixin",
|
|
997
|
+
"package": "@vaadin/a11y-base/src/tabindex-mixin.js"
|
|
998
|
+
}
|
|
999
|
+
},
|
|
1000
|
+
{
|
|
1001
|
+
"name": "value",
|
|
1002
|
+
"type": {
|
|
1003
|
+
"text": "string"
|
|
1004
|
+
},
|
|
1005
|
+
"description": "The value of the field.",
|
|
1006
|
+
"fieldName": "value",
|
|
1007
|
+
"inheritedFrom": {
|
|
1008
|
+
"name": "InputMixin",
|
|
1009
|
+
"package": "@vaadin/field-base/src/input-mixin.js"
|
|
1010
|
+
}
|
|
627
1011
|
}
|
|
628
1012
|
]
|
|
629
1013
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/checkbox",
|
|
3
|
-
"version": "25.2.0-
|
|
3
|
+
"version": "25.2.0-alpha10",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -35,18 +35,18 @@
|
|
|
35
35
|
],
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
38
|
-
"@vaadin/a11y-base": "25.2.0-
|
|
39
|
-
"@vaadin/component-base": "25.2.0-
|
|
40
|
-
"@vaadin/field-base": "25.2.0-
|
|
41
|
-
"@vaadin/vaadin-themable-mixin": "25.2.0-
|
|
38
|
+
"@vaadin/a11y-base": "25.2.0-alpha10",
|
|
39
|
+
"@vaadin/component-base": "25.2.0-alpha10",
|
|
40
|
+
"@vaadin/field-base": "25.2.0-alpha10",
|
|
41
|
+
"@vaadin/vaadin-themable-mixin": "25.2.0-alpha10",
|
|
42
42
|
"lit": "^3.0.0"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
|
-
"@vaadin/aura": "25.2.0-
|
|
46
|
-
"@vaadin/chai-plugins": "25.2.0-
|
|
47
|
-
"@vaadin/test-runner-commands": "25.2.0-
|
|
45
|
+
"@vaadin/aura": "25.2.0-alpha10",
|
|
46
|
+
"@vaadin/chai-plugins": "25.2.0-alpha10",
|
|
47
|
+
"@vaadin/test-runner-commands": "25.2.0-alpha10",
|
|
48
48
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
49
|
-
"@vaadin/vaadin-lumo-styles": "25.2.0-
|
|
49
|
+
"@vaadin/vaadin-lumo-styles": "25.2.0-alpha10",
|
|
50
50
|
"sinon": "^21.0.2"
|
|
51
51
|
},
|
|
52
52
|
"customElements": "custom-elements.json",
|
|
@@ -54,5 +54,5 @@
|
|
|
54
54
|
"web-types.json",
|
|
55
55
|
"web-types.lit.json"
|
|
56
56
|
],
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "1303b6a3eeecb44a9d26f2b53cb56d9e906febdf"
|
|
58
58
|
}
|
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",
|
|
4
|
-
"version": "25.2.0-
|
|
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": "Specify that this control should have input focus when the page loads.",
|
|
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": "True if the element is checked.",
|
|
49
43
|
"value": {
|
|
50
44
|
"type": [
|
|
51
|
-
"boolean"
|
|
52
|
-
"null",
|
|
53
|
-
"undefined"
|
|
45
|
+
"boolean"
|
|
54
46
|
]
|
|
55
47
|
}
|
|
56
48
|
},
|
|
@@ -59,9 +51,7 @@
|
|
|
59
51
|
"description": "If true, the user cannot interact with this element.",
|
|
60
52
|
"value": {
|
|
61
53
|
"type": [
|
|
62
|
-
"boolean"
|
|
63
|
-
"null",
|
|
64
|
-
"undefined"
|
|
54
|
+
"boolean"
|
|
65
55
|
]
|
|
66
56
|
}
|
|
67
57
|
},
|
|
@@ -70,9 +60,7 @@
|
|
|
70
60
|
"description": "Error to show when the field is invalid.",
|
|
71
61
|
"value": {
|
|
72
62
|
"type": [
|
|
73
|
-
"string"
|
|
74
|
-
"null",
|
|
75
|
-
"undefined"
|
|
63
|
+
"string"
|
|
76
64
|
]
|
|
77
65
|
}
|
|
78
66
|
},
|
|
@@ -81,9 +69,7 @@
|
|
|
81
69
|
"description": "String used for the helper text.",
|
|
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": "True if the checkbox is in the indeterminate state which means\nit is not possible to say whether it is checked or unchecked.\nThe state is reset once the user switches the checkbox by hand.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Indeterminate_state_checkboxes",
|
|
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": "Set to true when the field is invalid.",
|
|
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": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
115
97
|
"value": {
|
|
116
98
|
"type": [
|
|
117
|
-
"string"
|
|
118
|
-
"null",
|
|
119
|
-
"undefined"
|
|
99
|
+
"string"
|
|
120
100
|
]
|
|
121
101
|
}
|
|
122
102
|
},
|
|
@@ -125,9 +105,7 @@
|
|
|
125
105
|
"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.",
|
|
126
106
|
"value": {
|
|
127
107
|
"type": [
|
|
128
|
-
"boolean"
|
|
129
|
-
"null",
|
|
130
|
-
"undefined"
|
|
108
|
+
"boolean"
|
|
131
109
|
]
|
|
132
110
|
}
|
|
133
111
|
},
|
|
@@ -136,9 +114,7 @@
|
|
|
136
114
|
"description": "The name of the checkbox.",
|
|
137
115
|
"value": {
|
|
138
116
|
"type": [
|
|
139
|
-
"string"
|
|
140
|
-
"null",
|
|
141
|
-
"undefined"
|
|
117
|
+
"string"
|
|
142
118
|
]
|
|
143
119
|
}
|
|
144
120
|
},
|
|
@@ -147,9 +123,7 @@
|
|
|
147
123
|
"description": "When true, the user cannot modify the value of the checkbox.\nThe difference between `disabled` and `readonly` is that the\nread-only checkbox remains focusable, is announced by screen\nreaders and its value can be submitted as part of the form.",
|
|
148
124
|
"value": {
|
|
149
125
|
"type": [
|
|
150
|
-
"boolean"
|
|
151
|
-
"null",
|
|
152
|
-
"undefined"
|
|
126
|
+
"boolean"
|
|
153
127
|
]
|
|
154
128
|
}
|
|
155
129
|
},
|
|
@@ -158,9 +132,16 @@
|
|
|
158
132
|
"description": "Specifies that the user must fill in a value.",
|
|
159
133
|
"value": {
|
|
160
134
|
"type": [
|
|
161
|
-
"boolean"
|
|
162
|
-
|
|
163
|
-
|
|
135
|
+
"boolean"
|
|
136
|
+
]
|
|
137
|
+
}
|
|
138
|
+
},
|
|
139
|
+
{
|
|
140
|
+
"name": "tabindex",
|
|
141
|
+
"description": "Indicates whether the element can be focused and where it participates in sequential keyboard navigation.",
|
|
142
|
+
"value": {
|
|
143
|
+
"type": [
|
|
144
|
+
"number"
|
|
164
145
|
]
|
|
165
146
|
}
|
|
166
147
|
},
|
|
@@ -180,9 +161,7 @@
|
|
|
180
161
|
"description": "The value of the field.",
|
|
181
162
|
"value": {
|
|
182
163
|
"type": [
|
|
183
|
-
"string"
|
|
184
|
-
"null",
|
|
185
|
-
"undefined"
|
|
164
|
+
"string"
|
|
186
165
|
]
|
|
187
166
|
}
|
|
188
167
|
}
|
|
@@ -194,9 +173,7 @@
|
|
|
194
173
|
"description": "String used to label the component to screen reader users.",
|
|
195
174
|
"value": {
|
|
196
175
|
"type": [
|
|
197
|
-
"string"
|
|
198
|
-
"null",
|
|
199
|
-
"undefined"
|
|
176
|
+
"string"
|
|
200
177
|
]
|
|
201
178
|
}
|
|
202
179
|
},
|
|
@@ -205,9 +182,7 @@
|
|
|
205
182
|
"description": "Id of the element used as label of the component to screen reader users.",
|
|
206
183
|
"value": {
|
|
207
184
|
"type": [
|
|
208
|
-
"string"
|
|
209
|
-
"null",
|
|
210
|
-
"undefined"
|
|
185
|
+
"string"
|
|
211
186
|
]
|
|
212
187
|
}
|
|
213
188
|
},
|
|
@@ -216,9 +191,7 @@
|
|
|
216
191
|
"description": "Specify that this control should have input focus when the page loads.",
|
|
217
192
|
"value": {
|
|
218
193
|
"type": [
|
|
219
|
-
"boolean"
|
|
220
|
-
"null",
|
|
221
|
-
"undefined"
|
|
194
|
+
"boolean"
|
|
222
195
|
]
|
|
223
196
|
}
|
|
224
197
|
},
|
|
@@ -227,9 +200,7 @@
|
|
|
227
200
|
"description": "True if the element is checked.",
|
|
228
201
|
"value": {
|
|
229
202
|
"type": [
|
|
230
|
-
"boolean"
|
|
231
|
-
"null",
|
|
232
|
-
"undefined"
|
|
203
|
+
"boolean"
|
|
233
204
|
]
|
|
234
205
|
}
|
|
235
206
|
},
|
|
@@ -238,9 +209,7 @@
|
|
|
238
209
|
"description": "If true, the user cannot interact with this element.",
|
|
239
210
|
"value": {
|
|
240
211
|
"type": [
|
|
241
|
-
"boolean"
|
|
242
|
-
"null",
|
|
243
|
-
"undefined"
|
|
212
|
+
"boolean"
|
|
244
213
|
]
|
|
245
214
|
}
|
|
246
215
|
},
|
|
@@ -249,9 +218,7 @@
|
|
|
249
218
|
"description": "Error to show when the field is invalid.",
|
|
250
219
|
"value": {
|
|
251
220
|
"type": [
|
|
252
|
-
"string"
|
|
253
|
-
"null",
|
|
254
|
-
"undefined"
|
|
221
|
+
"string"
|
|
255
222
|
]
|
|
256
223
|
}
|
|
257
224
|
},
|
|
@@ -260,9 +227,7 @@
|
|
|
260
227
|
"description": "String used for the helper text.",
|
|
261
228
|
"value": {
|
|
262
229
|
"type": [
|
|
263
|
-
"string"
|
|
264
|
-
"null",
|
|
265
|
-
"undefined"
|
|
230
|
+
"string"
|
|
266
231
|
]
|
|
267
232
|
}
|
|
268
233
|
},
|
|
@@ -271,9 +236,7 @@
|
|
|
271
236
|
"description": "True if the checkbox is in the indeterminate state which means\nit is not possible to say whether it is checked or unchecked.\nThe state is reset once the user switches the checkbox by hand.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Indeterminate_state_checkboxes",
|
|
272
237
|
"value": {
|
|
273
238
|
"type": [
|
|
274
|
-
"boolean"
|
|
275
|
-
"null",
|
|
276
|
-
"undefined"
|
|
239
|
+
"boolean"
|
|
277
240
|
]
|
|
278
241
|
}
|
|
279
242
|
},
|
|
@@ -282,9 +245,7 @@
|
|
|
282
245
|
"description": "Set to true when the field is invalid.",
|
|
283
246
|
"value": {
|
|
284
247
|
"type": [
|
|
285
|
-
"boolean"
|
|
286
|
-
"null",
|
|
287
|
-
"undefined"
|
|
248
|
+
"boolean"
|
|
288
249
|
]
|
|
289
250
|
}
|
|
290
251
|
},
|
|
@@ -293,9 +254,7 @@
|
|
|
293
254
|
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
294
255
|
"value": {
|
|
295
256
|
"type": [
|
|
296
|
-
"string"
|
|
297
|
-
"null",
|
|
298
|
-
"undefined"
|
|
257
|
+
"string"
|
|
299
258
|
]
|
|
300
259
|
}
|
|
301
260
|
},
|
|
@@ -304,9 +263,7 @@
|
|
|
304
263
|
"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.",
|
|
305
264
|
"value": {
|
|
306
265
|
"type": [
|
|
307
|
-
"boolean"
|
|
308
|
-
"null",
|
|
309
|
-
"undefined"
|
|
266
|
+
"boolean"
|
|
310
267
|
]
|
|
311
268
|
}
|
|
312
269
|
},
|
|
@@ -315,9 +272,7 @@
|
|
|
315
272
|
"description": "The name of the checkbox.",
|
|
316
273
|
"value": {
|
|
317
274
|
"type": [
|
|
318
|
-
"string"
|
|
319
|
-
"null",
|
|
320
|
-
"undefined"
|
|
275
|
+
"string"
|
|
321
276
|
]
|
|
322
277
|
}
|
|
323
278
|
},
|
|
@@ -326,9 +281,7 @@
|
|
|
326
281
|
"description": "When true, the user cannot modify the value of the checkbox.\nThe difference between `disabled` and `readonly` is that the\nread-only checkbox remains focusable, is announced by screen\nreaders and its value can be submitted as part of the form.",
|
|
327
282
|
"value": {
|
|
328
283
|
"type": [
|
|
329
|
-
"boolean"
|
|
330
|
-
"null",
|
|
331
|
-
"undefined"
|
|
284
|
+
"boolean"
|
|
332
285
|
]
|
|
333
286
|
}
|
|
334
287
|
},
|
|
@@ -337,20 +290,25 @@
|
|
|
337
290
|
"description": "Specifies that the user must fill in a value.",
|
|
338
291
|
"value": {
|
|
339
292
|
"type": [
|
|
340
|
-
"boolean"
|
|
341
|
-
|
|
342
|
-
|
|
293
|
+
"boolean"
|
|
294
|
+
]
|
|
295
|
+
}
|
|
296
|
+
},
|
|
297
|
+
{
|
|
298
|
+
"name": "tabindex",
|
|
299
|
+
"description": "",
|
|
300
|
+
"value": {
|
|
301
|
+
"type": [
|
|
302
|
+
"number"
|
|
343
303
|
]
|
|
344
304
|
}
|
|
345
305
|
},
|
|
346
306
|
{
|
|
347
307
|
"name": "value",
|
|
348
|
-
"description": "
|
|
308
|
+
"description": "",
|
|
349
309
|
"value": {
|
|
350
310
|
"type": [
|
|
351
|
-
"string"
|
|
352
|
-
"null",
|
|
353
|
-
"undefined"
|
|
311
|
+
"string"
|
|
354
312
|
]
|
|
355
313
|
}
|
|
356
314
|
}
|
|
@@ -375,10 +333,6 @@
|
|
|
375
333
|
{
|
|
376
334
|
"name": "validated",
|
|
377
335
|
"description": "Fired whenever the field is validated."
|
|
378
|
-
},
|
|
379
|
-
{
|
|
380
|
-
"name": "value-changed",
|
|
381
|
-
"description": "Fired when the `value` property changes."
|
|
382
336
|
}
|
|
383
337
|
]
|
|
384
338
|
}
|
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",
|
|
4
|
-
"version": "25.2.0-
|
|
4
|
+
"version": "25.2.0-alpha10",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -19,6 +19,20 @@
|
|
|
19
19
|
"description": "`<vaadin-checkbox>` is an input field representing a binary choice.\n\n```html\n<vaadin-checkbox label=\"I accept the terms and conditions\"></vaadin-checkbox>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n---------------------|-------------\n`checkbox` | The element representing a stylable custom checkbox\n`label` | The slotted label element 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`active` | Set when the checkbox is activated with mouse, touch or the keyboard.\n`checked` | Set when the checkbox is checked.\n`disabled` | Set when the checkbox is disabled.\n`readonly` | Set when the checkbox is readonly.\n`focus-ring` | Set when the checkbox is focused using the keyboard.\n`focused` | Set when the checkbox is focused.\n`indeterminate` | Set when the checkbox is in the indeterminate state.\n`invalid` | Set when the checkbox is invalid.\n`has-label` | Set when the checkbox has a label.\n`has-helper` | Set when the checkbox has helper text.\n`has-error-message` | Set when the checkbox has an error message.\n`has-tooltip` | Set when the checkbox has a slotted tooltip.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:----------------------------------------|\n| `--vaadin-checkbox-background` |\n| `--vaadin-checkbox-border-color` |\n| `--vaadin-checkbox-border-radius` |\n| `--vaadin-checkbox-border-width` |\n| `--vaadin-checkbox-gap` |\n| `--vaadin-checkbox-label-color` |\n| `--vaadin-checkbox-label-font-size` |\n| `--vaadin-checkbox-label-font-weight` |\n| `--vaadin-checkbox-label-line-height` |\n| `--vaadin-checkbox-marker-color` |\n| `--vaadin-checkbox-marker-size` |\n| `--vaadin-checkbox-size` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
|
+
{
|
|
23
|
+
"name": ".accessibleName",
|
|
24
|
+
"description": "String used to label the component to screen reader users.",
|
|
25
|
+
"value": {
|
|
26
|
+
"kind": "expression"
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"name": ".accessibleNameRef",
|
|
31
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
32
|
+
"value": {
|
|
33
|
+
"kind": "expression"
|
|
34
|
+
}
|
|
35
|
+
},
|
|
22
36
|
{
|
|
23
37
|
"name": "?autofocus",
|
|
24
38
|
"description": "Specify that this control should have input focus when the page loads.",
|
|
@@ -41,85 +55,78 @@
|
|
|
41
55
|
}
|
|
42
56
|
},
|
|
43
57
|
{
|
|
44
|
-
"name": "
|
|
45
|
-
"description": "
|
|
46
|
-
"value": {
|
|
47
|
-
"kind": "expression"
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
{
|
|
51
|
-
"name": "?invalid",
|
|
52
|
-
"description": "Set to true when the field is invalid.",
|
|
58
|
+
"name": ".errorMessage",
|
|
59
|
+
"description": "Error to show when the field is invalid.",
|
|
53
60
|
"value": {
|
|
54
61
|
"kind": "expression"
|
|
55
62
|
}
|
|
56
63
|
},
|
|
57
64
|
{
|
|
58
|
-
"name": "
|
|
59
|
-
"description": "
|
|
65
|
+
"name": ".helperText",
|
|
66
|
+
"description": "String used for the helper text.",
|
|
60
67
|
"value": {
|
|
61
68
|
"kind": "expression"
|
|
62
69
|
}
|
|
63
70
|
},
|
|
64
71
|
{
|
|
65
|
-
"name": "?
|
|
66
|
-
"description": "
|
|
72
|
+
"name": "?indeterminate",
|
|
73
|
+
"description": "True if the checkbox is in the indeterminate state which means\nit is not possible to say whether it is checked or unchecked.\nThe state is reset once the user switches the checkbox by hand.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Indeterminate_state_checkboxes",
|
|
67
74
|
"value": {
|
|
68
75
|
"kind": "expression"
|
|
69
76
|
}
|
|
70
77
|
},
|
|
71
78
|
{
|
|
72
|
-
"name": "?
|
|
73
|
-
"description": "
|
|
79
|
+
"name": "?invalid",
|
|
80
|
+
"description": "Set to true when the field is invalid.",
|
|
74
81
|
"value": {
|
|
75
82
|
"kind": "expression"
|
|
76
83
|
}
|
|
77
84
|
},
|
|
78
85
|
{
|
|
79
|
-
"name": ".
|
|
80
|
-
"description": "
|
|
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.",
|
|
81
88
|
"value": {
|
|
82
89
|
"kind": "expression"
|
|
83
90
|
}
|
|
84
91
|
},
|
|
85
92
|
{
|
|
86
|
-
"name": "
|
|
87
|
-
"description": "
|
|
93
|
+
"name": "?manualValidation",
|
|
94
|
+
"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.",
|
|
88
95
|
"value": {
|
|
89
96
|
"kind": "expression"
|
|
90
97
|
}
|
|
91
98
|
},
|
|
92
99
|
{
|
|
93
|
-
"name": ".
|
|
94
|
-
"description": "
|
|
100
|
+
"name": ".name",
|
|
101
|
+
"description": "The name of the checkbox.",
|
|
95
102
|
"value": {
|
|
96
103
|
"kind": "expression"
|
|
97
104
|
}
|
|
98
105
|
},
|
|
99
106
|
{
|
|
100
|
-
"name": "
|
|
101
|
-
"description": "
|
|
107
|
+
"name": "?readonly",
|
|
108
|
+
"description": "When true, the user cannot modify the value of the checkbox.\nThe difference between `disabled` and `readonly` is that the\nread-only checkbox remains focusable, is announced by screen\nreaders and its value can be submitted as part of the form.",
|
|
102
109
|
"value": {
|
|
103
110
|
"kind": "expression"
|
|
104
111
|
}
|
|
105
112
|
},
|
|
106
113
|
{
|
|
107
|
-
"name": "
|
|
108
|
-
"description": "
|
|
114
|
+
"name": "?required",
|
|
115
|
+
"description": "Specifies that the user must fill in a value.",
|
|
109
116
|
"value": {
|
|
110
117
|
"kind": "expression"
|
|
111
118
|
}
|
|
112
119
|
},
|
|
113
120
|
{
|
|
114
|
-
"name": ".
|
|
115
|
-
"description": "
|
|
121
|
+
"name": ".tabindex",
|
|
122
|
+
"description": "",
|
|
116
123
|
"value": {
|
|
117
124
|
"kind": "expression"
|
|
118
125
|
}
|
|
119
126
|
},
|
|
120
127
|
{
|
|
121
128
|
"name": ".value",
|
|
122
|
-
"description": "
|
|
129
|
+
"description": "",
|
|
123
130
|
"value": {
|
|
124
131
|
"kind": "expression"
|
|
125
132
|
}
|
|
@@ -158,13 +165,6 @@
|
|
|
158
165
|
"value": {
|
|
159
166
|
"kind": "expression"
|
|
160
167
|
}
|
|
161
|
-
},
|
|
162
|
-
{
|
|
163
|
-
"name": "@value-changed",
|
|
164
|
-
"description": "Fired when the `value` property changes.",
|
|
165
|
-
"value": {
|
|
166
|
-
"kind": "expression"
|
|
167
|
-
}
|
|
168
168
|
}
|
|
169
169
|
]
|
|
170
170
|
}
|