@vaadin/field-base 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 +1141 -13
- package/package.json +7 -7
- package/src/field-mixin.js +1 -1
- package/src/input-constraints-mixin.js +100 -99
- package/src/input-control-mixin.js +0 -13
- package/src/input-mixin.js +208 -207
- package/src/label-mixin.js +1 -1
- package/src/validate-mixin.js +86 -94
package/custom-elements.json
CHANGED
|
@@ -20,6 +20,43 @@
|
|
|
20
20
|
},
|
|
21
21
|
"description": "True if the element is checked.",
|
|
22
22
|
"attribute": "checked"
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"kind": "method",
|
|
26
|
+
"name": "clear",
|
|
27
|
+
"description": "Clear the value of the field.",
|
|
28
|
+
"inheritedFrom": {
|
|
29
|
+
"name": "InputMixin",
|
|
30
|
+
"module": "src/input-mixin.js"
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
"kind": "field",
|
|
35
|
+
"name": "disabled",
|
|
36
|
+
"privacy": "public",
|
|
37
|
+
"type": {
|
|
38
|
+
"text": "boolean"
|
|
39
|
+
},
|
|
40
|
+
"description": "If true, the user cannot interact with this element.",
|
|
41
|
+
"attribute": "disabled",
|
|
42
|
+
"inheritedFrom": {
|
|
43
|
+
"name": "DisabledMixin",
|
|
44
|
+
"package": "@vaadin/a11y-base/src/disabled-mixin.js"
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
"kind": "field",
|
|
49
|
+
"name": "value",
|
|
50
|
+
"privacy": "public",
|
|
51
|
+
"type": {
|
|
52
|
+
"text": "string"
|
|
53
|
+
},
|
|
54
|
+
"description": "The value of the field.",
|
|
55
|
+
"attribute": "value",
|
|
56
|
+
"inheritedFrom": {
|
|
57
|
+
"name": "InputMixin",
|
|
58
|
+
"module": "src/input-mixin.js"
|
|
59
|
+
}
|
|
23
60
|
}
|
|
24
61
|
],
|
|
25
62
|
"attributes": [
|
|
@@ -30,6 +67,30 @@
|
|
|
30
67
|
},
|
|
31
68
|
"description": "True if the element is checked.",
|
|
32
69
|
"fieldName": "checked"
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"name": "disabled",
|
|
73
|
+
"type": {
|
|
74
|
+
"text": "boolean"
|
|
75
|
+
},
|
|
76
|
+
"description": "If true, the user cannot interact with this element.",
|
|
77
|
+
"fieldName": "disabled",
|
|
78
|
+
"inheritedFrom": {
|
|
79
|
+
"name": "DisabledMixin",
|
|
80
|
+
"package": "@vaadin/a11y-base/src/disabled-mixin.js"
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"name": "value",
|
|
85
|
+
"type": {
|
|
86
|
+
"text": "string"
|
|
87
|
+
},
|
|
88
|
+
"description": "The value of the field.",
|
|
89
|
+
"fieldName": "value",
|
|
90
|
+
"inheritedFrom": {
|
|
91
|
+
"name": "InputMixin",
|
|
92
|
+
"module": "src/input-mixin.js"
|
|
93
|
+
}
|
|
33
94
|
}
|
|
34
95
|
],
|
|
35
96
|
"mixins": [
|
|
@@ -73,6 +134,15 @@
|
|
|
73
134
|
"description": "A mixin that manages the clear button.",
|
|
74
135
|
"name": "ClearButtonMixin",
|
|
75
136
|
"members": [
|
|
137
|
+
{
|
|
138
|
+
"kind": "method",
|
|
139
|
+
"name": "clear",
|
|
140
|
+
"description": "Clear the value of the field.",
|
|
141
|
+
"inheritedFrom": {
|
|
142
|
+
"name": "InputMixin",
|
|
143
|
+
"module": "src/input-mixin.js"
|
|
144
|
+
}
|
|
145
|
+
},
|
|
76
146
|
{
|
|
77
147
|
"kind": "field",
|
|
78
148
|
"name": "clearButtonVisible",
|
|
@@ -82,6 +152,20 @@
|
|
|
82
152
|
},
|
|
83
153
|
"description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
|
|
84
154
|
"attribute": "clear-button-visible"
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
"kind": "field",
|
|
158
|
+
"name": "value",
|
|
159
|
+
"privacy": "public",
|
|
160
|
+
"type": {
|
|
161
|
+
"text": "string"
|
|
162
|
+
},
|
|
163
|
+
"description": "The value of the field.",
|
|
164
|
+
"attribute": "value",
|
|
165
|
+
"inheritedFrom": {
|
|
166
|
+
"name": "InputMixin",
|
|
167
|
+
"module": "src/input-mixin.js"
|
|
168
|
+
}
|
|
85
169
|
}
|
|
86
170
|
],
|
|
87
171
|
"attributes": [
|
|
@@ -92,6 +176,18 @@
|
|
|
92
176
|
},
|
|
93
177
|
"description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
|
|
94
178
|
"fieldName": "clearButtonVisible"
|
|
179
|
+
},
|
|
180
|
+
{
|
|
181
|
+
"name": "value",
|
|
182
|
+
"type": {
|
|
183
|
+
"text": "string"
|
|
184
|
+
},
|
|
185
|
+
"description": "The value of the field.",
|
|
186
|
+
"fieldName": "value",
|
|
187
|
+
"inheritedFrom": {
|
|
188
|
+
"name": "InputMixin",
|
|
189
|
+
"module": "src/input-mixin.js"
|
|
190
|
+
}
|
|
95
191
|
}
|
|
96
192
|
],
|
|
97
193
|
"mixins": [
|
|
@@ -151,6 +247,20 @@
|
|
|
151
247
|
"description": "Id of the element used as label of the component to screen reader users.",
|
|
152
248
|
"attribute": "accessible-name-ref"
|
|
153
249
|
},
|
|
250
|
+
{
|
|
251
|
+
"kind": "method",
|
|
252
|
+
"name": "checkValidity",
|
|
253
|
+
"description": "Returns true if the field value satisfies all constraints (if any).",
|
|
254
|
+
"return": {
|
|
255
|
+
"type": {
|
|
256
|
+
"text": "boolean"
|
|
257
|
+
}
|
|
258
|
+
},
|
|
259
|
+
"inheritedFrom": {
|
|
260
|
+
"name": "ValidateMixin",
|
|
261
|
+
"module": "src/validate-mixin.js"
|
|
262
|
+
}
|
|
263
|
+
},
|
|
154
264
|
{
|
|
155
265
|
"kind": "field",
|
|
156
266
|
"name": "errorMessage",
|
|
@@ -171,6 +281,20 @@
|
|
|
171
281
|
"description": "String used for the helper text.",
|
|
172
282
|
"attribute": "helper-text"
|
|
173
283
|
},
|
|
284
|
+
{
|
|
285
|
+
"kind": "field",
|
|
286
|
+
"name": "invalid",
|
|
287
|
+
"privacy": "public",
|
|
288
|
+
"type": {
|
|
289
|
+
"text": "boolean"
|
|
290
|
+
},
|
|
291
|
+
"description": "Set to true when the field is invalid.",
|
|
292
|
+
"attribute": "invalid",
|
|
293
|
+
"inheritedFrom": {
|
|
294
|
+
"name": "ValidateMixin",
|
|
295
|
+
"module": "src/validate-mixin.js"
|
|
296
|
+
}
|
|
297
|
+
},
|
|
174
298
|
{
|
|
175
299
|
"kind": "field",
|
|
176
300
|
"name": "label",
|
|
@@ -184,6 +308,48 @@
|
|
|
184
308
|
"name": "LabelMixin",
|
|
185
309
|
"module": "src/label-mixin.js"
|
|
186
310
|
}
|
|
311
|
+
},
|
|
312
|
+
{
|
|
313
|
+
"kind": "field",
|
|
314
|
+
"name": "manualValidation",
|
|
315
|
+
"privacy": "public",
|
|
316
|
+
"type": {
|
|
317
|
+
"text": "boolean"
|
|
318
|
+
},
|
|
319
|
+
"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.",
|
|
320
|
+
"attribute": "manual-validation",
|
|
321
|
+
"inheritedFrom": {
|
|
322
|
+
"name": "ValidateMixin",
|
|
323
|
+
"module": "src/validate-mixin.js"
|
|
324
|
+
}
|
|
325
|
+
},
|
|
326
|
+
{
|
|
327
|
+
"kind": "field",
|
|
328
|
+
"name": "required",
|
|
329
|
+
"privacy": "public",
|
|
330
|
+
"type": {
|
|
331
|
+
"text": "boolean"
|
|
332
|
+
},
|
|
333
|
+
"description": "Specifies that the user must fill in a value.",
|
|
334
|
+
"attribute": "required",
|
|
335
|
+
"inheritedFrom": {
|
|
336
|
+
"name": "ValidateMixin",
|
|
337
|
+
"module": "src/validate-mixin.js"
|
|
338
|
+
}
|
|
339
|
+
},
|
|
340
|
+
{
|
|
341
|
+
"kind": "method",
|
|
342
|
+
"name": "validate",
|
|
343
|
+
"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.",
|
|
344
|
+
"return": {
|
|
345
|
+
"type": {
|
|
346
|
+
"text": "boolean"
|
|
347
|
+
}
|
|
348
|
+
},
|
|
349
|
+
"inheritedFrom": {
|
|
350
|
+
"name": "ValidateMixin",
|
|
351
|
+
"module": "src/validate-mixin.js"
|
|
352
|
+
}
|
|
187
353
|
}
|
|
188
354
|
],
|
|
189
355
|
"attributes": [
|
|
@@ -219,6 +385,18 @@
|
|
|
219
385
|
"description": "String used for the helper text.",
|
|
220
386
|
"fieldName": "helperText"
|
|
221
387
|
},
|
|
388
|
+
{
|
|
389
|
+
"name": "invalid",
|
|
390
|
+
"type": {
|
|
391
|
+
"text": "boolean"
|
|
392
|
+
},
|
|
393
|
+
"description": "Set to true when the field is invalid.",
|
|
394
|
+
"fieldName": "invalid",
|
|
395
|
+
"inheritedFrom": {
|
|
396
|
+
"name": "ValidateMixin",
|
|
397
|
+
"module": "src/validate-mixin.js"
|
|
398
|
+
}
|
|
399
|
+
},
|
|
222
400
|
{
|
|
223
401
|
"name": "label",
|
|
224
402
|
"type": {
|
|
@@ -230,6 +408,30 @@
|
|
|
230
408
|
"name": "LabelMixin",
|
|
231
409
|
"module": "src/label-mixin.js"
|
|
232
410
|
}
|
|
411
|
+
},
|
|
412
|
+
{
|
|
413
|
+
"name": "manual-validation",
|
|
414
|
+
"type": {
|
|
415
|
+
"text": "boolean"
|
|
416
|
+
},
|
|
417
|
+
"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.",
|
|
418
|
+
"fieldName": "manualValidation",
|
|
419
|
+
"inheritedFrom": {
|
|
420
|
+
"name": "ValidateMixin",
|
|
421
|
+
"module": "src/validate-mixin.js"
|
|
422
|
+
}
|
|
423
|
+
},
|
|
424
|
+
{
|
|
425
|
+
"name": "required",
|
|
426
|
+
"type": {
|
|
427
|
+
"text": "boolean"
|
|
428
|
+
},
|
|
429
|
+
"description": "Specifies that the user must fill in a value.",
|
|
430
|
+
"fieldName": "required",
|
|
431
|
+
"inheritedFrom": {
|
|
432
|
+
"name": "ValidateMixin",
|
|
433
|
+
"module": "src/validate-mixin.js"
|
|
434
|
+
}
|
|
233
435
|
}
|
|
234
436
|
],
|
|
235
437
|
"mixins": [
|
|
@@ -246,6 +448,18 @@
|
|
|
246
448
|
{
|
|
247
449
|
"name": "superclass"
|
|
248
450
|
}
|
|
451
|
+
],
|
|
452
|
+
"events": [
|
|
453
|
+
{
|
|
454
|
+
"name": "validated",
|
|
455
|
+
"type": {
|
|
456
|
+
"text": "CustomEvent"
|
|
457
|
+
},
|
|
458
|
+
"inheritedFrom": {
|
|
459
|
+
"name": "ValidateMixin",
|
|
460
|
+
"module": "src/validate-mixin.js"
|
|
461
|
+
}
|
|
462
|
+
}
|
|
249
463
|
]
|
|
250
464
|
}
|
|
251
465
|
],
|
|
@@ -265,9 +479,195 @@
|
|
|
265
479
|
"path": "src/input-constraints-mixin.js",
|
|
266
480
|
"declarations": [
|
|
267
481
|
{
|
|
268
|
-
"kind": "
|
|
482
|
+
"kind": "mixin",
|
|
483
|
+
"description": "",
|
|
269
484
|
"name": "InputConstraintsMixin",
|
|
270
|
-
"
|
|
485
|
+
"members": [
|
|
486
|
+
{
|
|
487
|
+
"kind": "method",
|
|
488
|
+
"name": "checkValidity",
|
|
489
|
+
"description": "Returns true if the current input value satisfies all constraints (if any).",
|
|
490
|
+
"return": {
|
|
491
|
+
"type": {
|
|
492
|
+
"text": "boolean"
|
|
493
|
+
}
|
|
494
|
+
},
|
|
495
|
+
"inheritedFrom": {
|
|
496
|
+
"name": "ValidateMixin",
|
|
497
|
+
"module": "src/validate-mixin.js"
|
|
498
|
+
}
|
|
499
|
+
},
|
|
500
|
+
{
|
|
501
|
+
"kind": "method",
|
|
502
|
+
"name": "clear",
|
|
503
|
+
"description": "Clear the value of the field.",
|
|
504
|
+
"inheritedFrom": {
|
|
505
|
+
"name": "InputMixin",
|
|
506
|
+
"module": "src/input-mixin.js"
|
|
507
|
+
}
|
|
508
|
+
},
|
|
509
|
+
{
|
|
510
|
+
"kind": "field",
|
|
511
|
+
"name": "invalid",
|
|
512
|
+
"privacy": "public",
|
|
513
|
+
"type": {
|
|
514
|
+
"text": "boolean"
|
|
515
|
+
},
|
|
516
|
+
"description": "Set to true when the field is invalid.",
|
|
517
|
+
"attribute": "invalid",
|
|
518
|
+
"inheritedFrom": {
|
|
519
|
+
"name": "ValidateMixin",
|
|
520
|
+
"module": "src/validate-mixin.js"
|
|
521
|
+
}
|
|
522
|
+
},
|
|
523
|
+
{
|
|
524
|
+
"kind": "field",
|
|
525
|
+
"name": "manualValidation",
|
|
526
|
+
"privacy": "public",
|
|
527
|
+
"type": {
|
|
528
|
+
"text": "boolean"
|
|
529
|
+
},
|
|
530
|
+
"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.",
|
|
531
|
+
"attribute": "manual-validation",
|
|
532
|
+
"inheritedFrom": {
|
|
533
|
+
"name": "ValidateMixin",
|
|
534
|
+
"module": "src/validate-mixin.js"
|
|
535
|
+
}
|
|
536
|
+
},
|
|
537
|
+
{
|
|
538
|
+
"kind": "field",
|
|
539
|
+
"name": "required",
|
|
540
|
+
"privacy": "public",
|
|
541
|
+
"type": {
|
|
542
|
+
"text": "boolean"
|
|
543
|
+
},
|
|
544
|
+
"description": "Specifies that the user must fill in a value.",
|
|
545
|
+
"attribute": "required",
|
|
546
|
+
"inheritedFrom": {
|
|
547
|
+
"name": "ValidateMixin",
|
|
548
|
+
"module": "src/validate-mixin.js"
|
|
549
|
+
}
|
|
550
|
+
},
|
|
551
|
+
{
|
|
552
|
+
"kind": "method",
|
|
553
|
+
"name": "validate",
|
|
554
|
+
"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.",
|
|
555
|
+
"return": {
|
|
556
|
+
"type": {
|
|
557
|
+
"text": "boolean"
|
|
558
|
+
}
|
|
559
|
+
},
|
|
560
|
+
"inheritedFrom": {
|
|
561
|
+
"name": "ValidateMixin",
|
|
562
|
+
"module": "src/validate-mixin.js"
|
|
563
|
+
}
|
|
564
|
+
},
|
|
565
|
+
{
|
|
566
|
+
"kind": "field",
|
|
567
|
+
"name": "value",
|
|
568
|
+
"privacy": "public",
|
|
569
|
+
"type": {
|
|
570
|
+
"text": "string"
|
|
571
|
+
},
|
|
572
|
+
"description": "The value of the field.",
|
|
573
|
+
"attribute": "value",
|
|
574
|
+
"inheritedFrom": {
|
|
575
|
+
"name": "InputMixin",
|
|
576
|
+
"module": "src/input-mixin.js"
|
|
577
|
+
}
|
|
578
|
+
}
|
|
579
|
+
],
|
|
580
|
+
"events": [
|
|
581
|
+
{
|
|
582
|
+
"name": "change",
|
|
583
|
+
"type": {
|
|
584
|
+
"text": "CustomEvent"
|
|
585
|
+
}
|
|
586
|
+
},
|
|
587
|
+
{
|
|
588
|
+
"name": "validated",
|
|
589
|
+
"type": {
|
|
590
|
+
"text": "CustomEvent"
|
|
591
|
+
},
|
|
592
|
+
"inheritedFrom": {
|
|
593
|
+
"name": "ValidateMixin",
|
|
594
|
+
"module": "src/validate-mixin.js"
|
|
595
|
+
}
|
|
596
|
+
}
|
|
597
|
+
],
|
|
598
|
+
"mixins": [
|
|
599
|
+
{
|
|
600
|
+
"name": "DelegateStateMixin",
|
|
601
|
+
"package": "@vaadin/component-base/src/delegate-state-mixin.js"
|
|
602
|
+
},
|
|
603
|
+
{
|
|
604
|
+
"name": "ValidateMixin",
|
|
605
|
+
"module": "src/validate-mixin.js"
|
|
606
|
+
},
|
|
607
|
+
{
|
|
608
|
+
"name": "InputMixin",
|
|
609
|
+
"module": "src/input-mixin.js"
|
|
610
|
+
},
|
|
611
|
+
{
|
|
612
|
+
"name": "dedupeMixin",
|
|
613
|
+
"package": "@open-wc/dedupe-mixin"
|
|
614
|
+
}
|
|
615
|
+
],
|
|
616
|
+
"parameters": [
|
|
617
|
+
{
|
|
618
|
+
"name": "superclass"
|
|
619
|
+
}
|
|
620
|
+
],
|
|
621
|
+
"attributes": [
|
|
622
|
+
{
|
|
623
|
+
"name": "invalid",
|
|
624
|
+
"type": {
|
|
625
|
+
"text": "boolean"
|
|
626
|
+
},
|
|
627
|
+
"description": "Set to true when the field is invalid.",
|
|
628
|
+
"fieldName": "invalid",
|
|
629
|
+
"inheritedFrom": {
|
|
630
|
+
"name": "ValidateMixin",
|
|
631
|
+
"module": "src/validate-mixin.js"
|
|
632
|
+
}
|
|
633
|
+
},
|
|
634
|
+
{
|
|
635
|
+
"name": "manual-validation",
|
|
636
|
+
"type": {
|
|
637
|
+
"text": "boolean"
|
|
638
|
+
},
|
|
639
|
+
"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.",
|
|
640
|
+
"fieldName": "manualValidation",
|
|
641
|
+
"inheritedFrom": {
|
|
642
|
+
"name": "ValidateMixin",
|
|
643
|
+
"module": "src/validate-mixin.js"
|
|
644
|
+
}
|
|
645
|
+
},
|
|
646
|
+
{
|
|
647
|
+
"name": "required",
|
|
648
|
+
"type": {
|
|
649
|
+
"text": "boolean"
|
|
650
|
+
},
|
|
651
|
+
"description": "Specifies that the user must fill in a value.",
|
|
652
|
+
"fieldName": "required",
|
|
653
|
+
"inheritedFrom": {
|
|
654
|
+
"name": "ValidateMixin",
|
|
655
|
+
"module": "src/validate-mixin.js"
|
|
656
|
+
}
|
|
657
|
+
},
|
|
658
|
+
{
|
|
659
|
+
"name": "value",
|
|
660
|
+
"type": {
|
|
661
|
+
"text": "string"
|
|
662
|
+
},
|
|
663
|
+
"description": "The value of the field.",
|
|
664
|
+
"fieldName": "value",
|
|
665
|
+
"inheritedFrom": {
|
|
666
|
+
"name": "InputMixin",
|
|
667
|
+
"module": "src/input-mixin.js"
|
|
668
|
+
}
|
|
669
|
+
}
|
|
670
|
+
]
|
|
271
671
|
}
|
|
272
672
|
],
|
|
273
673
|
"exports": [
|
|
@@ -328,6 +728,20 @@
|
|
|
328
728
|
"description": "A pattern matched against individual characters the user inputs.\n\nWhen set, the field will prevent:\n- `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`\n- `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`\n- `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`\n\nFor example, to allow entering only numbers and minus signs, use:\n`allowedCharPattern = \"[\\\\d-]\"`",
|
|
329
729
|
"attribute": "allowed-char-pattern"
|
|
330
730
|
},
|
|
731
|
+
{
|
|
732
|
+
"kind": "field",
|
|
733
|
+
"name": "autofocus",
|
|
734
|
+
"privacy": "public",
|
|
735
|
+
"type": {
|
|
736
|
+
"text": "boolean"
|
|
737
|
+
},
|
|
738
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
739
|
+
"attribute": "autofocus",
|
|
740
|
+
"inheritedFrom": {
|
|
741
|
+
"name": "DelegateFocusMixin",
|
|
742
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
743
|
+
}
|
|
744
|
+
},
|
|
331
745
|
{
|
|
332
746
|
"kind": "field",
|
|
333
747
|
"name": "autoselect",
|
|
@@ -338,6 +752,29 @@
|
|
|
338
752
|
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
|
|
339
753
|
"attribute": "autoselect"
|
|
340
754
|
},
|
|
755
|
+
{
|
|
756
|
+
"kind": "method",
|
|
757
|
+
"name": "checkValidity",
|
|
758
|
+
"description": "Returns true if the current input value satisfies all constraints (if any).",
|
|
759
|
+
"return": {
|
|
760
|
+
"type": {
|
|
761
|
+
"text": "boolean"
|
|
762
|
+
}
|
|
763
|
+
},
|
|
764
|
+
"inheritedFrom": {
|
|
765
|
+
"name": "ValidateMixin",
|
|
766
|
+
"module": "src/validate-mixin.js"
|
|
767
|
+
}
|
|
768
|
+
},
|
|
769
|
+
{
|
|
770
|
+
"kind": "method",
|
|
771
|
+
"name": "clear",
|
|
772
|
+
"description": "Clear the value of the field.",
|
|
773
|
+
"inheritedFrom": {
|
|
774
|
+
"name": "InputMixin",
|
|
775
|
+
"module": "src/input-mixin.js"
|
|
776
|
+
}
|
|
777
|
+
},
|
|
341
778
|
{
|
|
342
779
|
"kind": "field",
|
|
343
780
|
"name": "clearButtonVisible",
|
|
@@ -352,6 +789,20 @@
|
|
|
352
789
|
"module": "src/clear-button-mixin.js"
|
|
353
790
|
}
|
|
354
791
|
},
|
|
792
|
+
{
|
|
793
|
+
"kind": "field",
|
|
794
|
+
"name": "disabled",
|
|
795
|
+
"privacy": "public",
|
|
796
|
+
"type": {
|
|
797
|
+
"text": "boolean"
|
|
798
|
+
},
|
|
799
|
+
"description": "If true, the user cannot interact with this element.",
|
|
800
|
+
"attribute": "disabled",
|
|
801
|
+
"inheritedFrom": {
|
|
802
|
+
"name": "TabindexMixin",
|
|
803
|
+
"package": "@vaadin/a11y-base/src/tabindex-mixin.js"
|
|
804
|
+
}
|
|
805
|
+
},
|
|
355
806
|
{
|
|
356
807
|
"kind": "field",
|
|
357
808
|
"name": "errorMessage",
|
|
@@ -380,6 +831,20 @@
|
|
|
380
831
|
"module": "src/field-mixin.js"
|
|
381
832
|
}
|
|
382
833
|
},
|
|
834
|
+
{
|
|
835
|
+
"kind": "field",
|
|
836
|
+
"name": "invalid",
|
|
837
|
+
"privacy": "public",
|
|
838
|
+
"type": {
|
|
839
|
+
"text": "boolean"
|
|
840
|
+
},
|
|
841
|
+
"description": "Set to true when the field is invalid.",
|
|
842
|
+
"attribute": "invalid",
|
|
843
|
+
"inheritedFrom": {
|
|
844
|
+
"name": "ValidateMixin",
|
|
845
|
+
"module": "src/validate-mixin.js"
|
|
846
|
+
}
|
|
847
|
+
},
|
|
383
848
|
{
|
|
384
849
|
"kind": "field",
|
|
385
850
|
"name": "label",
|
|
@@ -394,6 +859,20 @@
|
|
|
394
859
|
"module": "src/label-mixin.js"
|
|
395
860
|
}
|
|
396
861
|
},
|
|
862
|
+
{
|
|
863
|
+
"kind": "field",
|
|
864
|
+
"name": "manualValidation",
|
|
865
|
+
"privacy": "public",
|
|
866
|
+
"type": {
|
|
867
|
+
"text": "boolean"
|
|
868
|
+
},
|
|
869
|
+
"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.",
|
|
870
|
+
"attribute": "manual-validation",
|
|
871
|
+
"inheritedFrom": {
|
|
872
|
+
"name": "ValidateMixin",
|
|
873
|
+
"module": "src/validate-mixin.js"
|
|
874
|
+
}
|
|
875
|
+
},
|
|
397
876
|
{
|
|
398
877
|
"kind": "field",
|
|
399
878
|
"name": "name",
|
|
@@ -424,6 +903,20 @@
|
|
|
424
903
|
"description": "When present, it specifies that the field is read-only.",
|
|
425
904
|
"attribute": "readonly"
|
|
426
905
|
},
|
|
906
|
+
{
|
|
907
|
+
"kind": "field",
|
|
908
|
+
"name": "required",
|
|
909
|
+
"privacy": "public",
|
|
910
|
+
"type": {
|
|
911
|
+
"text": "boolean"
|
|
912
|
+
},
|
|
913
|
+
"description": "Specifies that the user must fill in a value.",
|
|
914
|
+
"attribute": "required",
|
|
915
|
+
"inheritedFrom": {
|
|
916
|
+
"name": "ValidateMixin",
|
|
917
|
+
"module": "src/validate-mixin.js"
|
|
918
|
+
}
|
|
919
|
+
},
|
|
427
920
|
{
|
|
428
921
|
"kind": "field",
|
|
429
922
|
"name": "title",
|
|
@@ -433,6 +926,34 @@
|
|
|
433
926
|
},
|
|
434
927
|
"description": "The text usually displayed in a tooltip popup when the mouse is over the field.",
|
|
435
928
|
"attribute": "title"
|
|
929
|
+
},
|
|
930
|
+
{
|
|
931
|
+
"kind": "method",
|
|
932
|
+
"name": "validate",
|
|
933
|
+
"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.",
|
|
934
|
+
"return": {
|
|
935
|
+
"type": {
|
|
936
|
+
"text": "boolean"
|
|
937
|
+
}
|
|
938
|
+
},
|
|
939
|
+
"inheritedFrom": {
|
|
940
|
+
"name": "ValidateMixin",
|
|
941
|
+
"module": "src/validate-mixin.js"
|
|
942
|
+
}
|
|
943
|
+
},
|
|
944
|
+
{
|
|
945
|
+
"kind": "field",
|
|
946
|
+
"name": "value",
|
|
947
|
+
"privacy": "public",
|
|
948
|
+
"type": {
|
|
949
|
+
"text": "string"
|
|
950
|
+
},
|
|
951
|
+
"description": "The value of the field.",
|
|
952
|
+
"attribute": "value",
|
|
953
|
+
"inheritedFrom": {
|
|
954
|
+
"name": "InputMixin",
|
|
955
|
+
"module": "src/input-mixin.js"
|
|
956
|
+
}
|
|
436
957
|
}
|
|
437
958
|
],
|
|
438
959
|
"attributes": [
|
|
@@ -468,6 +989,18 @@
|
|
|
468
989
|
"description": "A pattern matched against individual characters the user inputs.\n\nWhen set, the field will prevent:\n- `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`\n- `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`\n- `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`\n\nFor example, to allow entering only numbers and minus signs, use:\n`allowedCharPattern = \"[\\\\d-]\"`",
|
|
469
990
|
"fieldName": "allowedCharPattern"
|
|
470
991
|
},
|
|
992
|
+
{
|
|
993
|
+
"name": "autofocus",
|
|
994
|
+
"type": {
|
|
995
|
+
"text": "boolean"
|
|
996
|
+
},
|
|
997
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
998
|
+
"fieldName": "autofocus",
|
|
999
|
+
"inheritedFrom": {
|
|
1000
|
+
"name": "DelegateFocusMixin",
|
|
1001
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
1002
|
+
}
|
|
1003
|
+
},
|
|
471
1004
|
{
|
|
472
1005
|
"name": "autoselect",
|
|
473
1006
|
"type": {
|
|
@@ -488,6 +1021,18 @@
|
|
|
488
1021
|
"module": "src/clear-button-mixin.js"
|
|
489
1022
|
}
|
|
490
1023
|
},
|
|
1024
|
+
{
|
|
1025
|
+
"name": "disabled",
|
|
1026
|
+
"type": {
|
|
1027
|
+
"text": "boolean"
|
|
1028
|
+
},
|
|
1029
|
+
"description": "If true, the user cannot interact with this element.",
|
|
1030
|
+
"fieldName": "disabled",
|
|
1031
|
+
"inheritedFrom": {
|
|
1032
|
+
"name": "TabindexMixin",
|
|
1033
|
+
"package": "@vaadin/a11y-base/src/tabindex-mixin.js"
|
|
1034
|
+
}
|
|
1035
|
+
},
|
|
491
1036
|
{
|
|
492
1037
|
"name": "error-message",
|
|
493
1038
|
"type": {
|
|
@@ -512,6 +1057,18 @@
|
|
|
512
1057
|
"module": "src/field-mixin.js"
|
|
513
1058
|
}
|
|
514
1059
|
},
|
|
1060
|
+
{
|
|
1061
|
+
"name": "invalid",
|
|
1062
|
+
"type": {
|
|
1063
|
+
"text": "boolean"
|
|
1064
|
+
},
|
|
1065
|
+
"description": "Set to true when the field is invalid.",
|
|
1066
|
+
"fieldName": "invalid",
|
|
1067
|
+
"inheritedFrom": {
|
|
1068
|
+
"name": "ValidateMixin",
|
|
1069
|
+
"module": "src/validate-mixin.js"
|
|
1070
|
+
}
|
|
1071
|
+
},
|
|
515
1072
|
{
|
|
516
1073
|
"name": "label",
|
|
517
1074
|
"type": {
|
|
@@ -524,6 +1081,18 @@
|
|
|
524
1081
|
"module": "src/label-mixin.js"
|
|
525
1082
|
}
|
|
526
1083
|
},
|
|
1084
|
+
{
|
|
1085
|
+
"name": "manual-validation",
|
|
1086
|
+
"type": {
|
|
1087
|
+
"text": "boolean"
|
|
1088
|
+
},
|
|
1089
|
+
"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.",
|
|
1090
|
+
"fieldName": "manualValidation",
|
|
1091
|
+
"inheritedFrom": {
|
|
1092
|
+
"name": "ValidateMixin",
|
|
1093
|
+
"module": "src/validate-mixin.js"
|
|
1094
|
+
}
|
|
1095
|
+
},
|
|
527
1096
|
{
|
|
528
1097
|
"name": "name",
|
|
529
1098
|
"type": {
|
|
@@ -548,6 +1117,18 @@
|
|
|
548
1117
|
"description": "When present, it specifies that the field is read-only.",
|
|
549
1118
|
"fieldName": "readonly"
|
|
550
1119
|
},
|
|
1120
|
+
{
|
|
1121
|
+
"name": "required",
|
|
1122
|
+
"type": {
|
|
1123
|
+
"text": "boolean"
|
|
1124
|
+
},
|
|
1125
|
+
"description": "Specifies that the user must fill in a value.",
|
|
1126
|
+
"fieldName": "required",
|
|
1127
|
+
"inheritedFrom": {
|
|
1128
|
+
"name": "ValidateMixin",
|
|
1129
|
+
"module": "src/validate-mixin.js"
|
|
1130
|
+
}
|
|
1131
|
+
},
|
|
551
1132
|
{
|
|
552
1133
|
"name": "title",
|
|
553
1134
|
"type": {
|
|
@@ -555,6 +1136,18 @@
|
|
|
555
1136
|
},
|
|
556
1137
|
"description": "The text usually displayed in a tooltip popup when the mouse is over the field.",
|
|
557
1138
|
"fieldName": "title"
|
|
1139
|
+
},
|
|
1140
|
+
{
|
|
1141
|
+
"name": "value",
|
|
1142
|
+
"type": {
|
|
1143
|
+
"text": "string"
|
|
1144
|
+
},
|
|
1145
|
+
"description": "The value of the field.",
|
|
1146
|
+
"fieldName": "value",
|
|
1147
|
+
"inheritedFrom": {
|
|
1148
|
+
"name": "InputMixin",
|
|
1149
|
+
"module": "src/input-mixin.js"
|
|
1150
|
+
}
|
|
558
1151
|
}
|
|
559
1152
|
],
|
|
560
1153
|
"mixins": [
|
|
@@ -587,6 +1180,28 @@
|
|
|
587
1180
|
{
|
|
588
1181
|
"name": "superclass"
|
|
589
1182
|
}
|
|
1183
|
+
],
|
|
1184
|
+
"events": [
|
|
1185
|
+
{
|
|
1186
|
+
"name": "change",
|
|
1187
|
+
"type": {
|
|
1188
|
+
"text": "CustomEvent"
|
|
1189
|
+
},
|
|
1190
|
+
"inheritedFrom": {
|
|
1191
|
+
"name": "InputConstraintsMixin",
|
|
1192
|
+
"module": "src/input-constraints-mixin.js"
|
|
1193
|
+
}
|
|
1194
|
+
},
|
|
1195
|
+
{
|
|
1196
|
+
"name": "validated",
|
|
1197
|
+
"type": {
|
|
1198
|
+
"text": "CustomEvent"
|
|
1199
|
+
},
|
|
1200
|
+
"inheritedFrom": {
|
|
1201
|
+
"name": "ValidateMixin",
|
|
1202
|
+
"module": "src/validate-mixin.js"
|
|
1203
|
+
}
|
|
1204
|
+
}
|
|
590
1205
|
]
|
|
591
1206
|
}
|
|
592
1207
|
],
|
|
@@ -682,6 +1297,20 @@
|
|
|
682
1297
|
"description": "This is a property supported by Safari that is used to control whether\nautocorrection should be enabled when the user is entering/editing the text.\nPossible values are:\non: Enable autocorrection.\noff: Disable autocorrection.",
|
|
683
1298
|
"attribute": "autocorrect"
|
|
684
1299
|
},
|
|
1300
|
+
{
|
|
1301
|
+
"kind": "field",
|
|
1302
|
+
"name": "autofocus",
|
|
1303
|
+
"privacy": "public",
|
|
1304
|
+
"type": {
|
|
1305
|
+
"text": "boolean"
|
|
1306
|
+
},
|
|
1307
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
1308
|
+
"attribute": "autofocus",
|
|
1309
|
+
"inheritedFrom": {
|
|
1310
|
+
"name": "DelegateFocusMixin",
|
|
1311
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
1312
|
+
}
|
|
1313
|
+
},
|
|
685
1314
|
{
|
|
686
1315
|
"kind": "field",
|
|
687
1316
|
"name": "autoselect",
|
|
@@ -696,6 +1325,29 @@
|
|
|
696
1325
|
"module": "src/input-control-mixin.js"
|
|
697
1326
|
}
|
|
698
1327
|
},
|
|
1328
|
+
{
|
|
1329
|
+
"kind": "method",
|
|
1330
|
+
"name": "checkValidity",
|
|
1331
|
+
"description": "Returns true if the current input value satisfies all constraints (if any).",
|
|
1332
|
+
"return": {
|
|
1333
|
+
"type": {
|
|
1334
|
+
"text": "boolean"
|
|
1335
|
+
}
|
|
1336
|
+
},
|
|
1337
|
+
"inheritedFrom": {
|
|
1338
|
+
"name": "FieldMixin",
|
|
1339
|
+
"module": "src/field-mixin.js"
|
|
1340
|
+
}
|
|
1341
|
+
},
|
|
1342
|
+
{
|
|
1343
|
+
"kind": "method",
|
|
1344
|
+
"name": "clear",
|
|
1345
|
+
"description": "Clear the value of the field.",
|
|
1346
|
+
"inheritedFrom": {
|
|
1347
|
+
"name": "ClearButtonMixin",
|
|
1348
|
+
"module": "src/clear-button-mixin.js"
|
|
1349
|
+
}
|
|
1350
|
+
},
|
|
699
1351
|
{
|
|
700
1352
|
"kind": "field",
|
|
701
1353
|
"name": "clearButtonVisible",
|
|
@@ -710,6 +1362,20 @@
|
|
|
710
1362
|
"module": "src/clear-button-mixin.js"
|
|
711
1363
|
}
|
|
712
1364
|
},
|
|
1365
|
+
{
|
|
1366
|
+
"kind": "field",
|
|
1367
|
+
"name": "disabled",
|
|
1368
|
+
"privacy": "public",
|
|
1369
|
+
"type": {
|
|
1370
|
+
"text": "boolean"
|
|
1371
|
+
},
|
|
1372
|
+
"description": "If true, the user cannot interact with this element.",
|
|
1373
|
+
"attribute": "disabled",
|
|
1374
|
+
"inheritedFrom": {
|
|
1375
|
+
"name": "DelegateFocusMixin",
|
|
1376
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
1377
|
+
}
|
|
1378
|
+
},
|
|
713
1379
|
{
|
|
714
1380
|
"kind": "field",
|
|
715
1381
|
"name": "errorMessage",
|
|
@@ -738,6 +1404,20 @@
|
|
|
738
1404
|
"module": "src/field-mixin.js"
|
|
739
1405
|
}
|
|
740
1406
|
},
|
|
1407
|
+
{
|
|
1408
|
+
"kind": "field",
|
|
1409
|
+
"name": "invalid",
|
|
1410
|
+
"privacy": "public",
|
|
1411
|
+
"type": {
|
|
1412
|
+
"text": "boolean"
|
|
1413
|
+
},
|
|
1414
|
+
"description": "Set to true when the field is invalid.",
|
|
1415
|
+
"attribute": "invalid",
|
|
1416
|
+
"inheritedFrom": {
|
|
1417
|
+
"name": "FieldMixin",
|
|
1418
|
+
"module": "src/field-mixin.js"
|
|
1419
|
+
}
|
|
1420
|
+
},
|
|
741
1421
|
{
|
|
742
1422
|
"kind": "field",
|
|
743
1423
|
"name": "label",
|
|
@@ -752,6 +1432,20 @@
|
|
|
752
1432
|
"module": "src/field-mixin.js"
|
|
753
1433
|
}
|
|
754
1434
|
},
|
|
1435
|
+
{
|
|
1436
|
+
"kind": "field",
|
|
1437
|
+
"name": "manualValidation",
|
|
1438
|
+
"privacy": "public",
|
|
1439
|
+
"type": {
|
|
1440
|
+
"text": "boolean"
|
|
1441
|
+
},
|
|
1442
|
+
"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.",
|
|
1443
|
+
"attribute": "manual-validation",
|
|
1444
|
+
"inheritedFrom": {
|
|
1445
|
+
"name": "FieldMixin",
|
|
1446
|
+
"module": "src/field-mixin.js"
|
|
1447
|
+
}
|
|
1448
|
+
},
|
|
755
1449
|
{
|
|
756
1450
|
"kind": "field",
|
|
757
1451
|
"name": "name",
|
|
@@ -790,22 +1484,64 @@
|
|
|
790
1484
|
"description": "When present, it specifies that the field is read-only.",
|
|
791
1485
|
"attribute": "readonly",
|
|
792
1486
|
"inheritedFrom": {
|
|
793
|
-
"name": "InputControlMixin",
|
|
794
|
-
"module": "src/input-control-mixin.js"
|
|
1487
|
+
"name": "InputControlMixin",
|
|
1488
|
+
"module": "src/input-control-mixin.js"
|
|
1489
|
+
}
|
|
1490
|
+
},
|
|
1491
|
+
{
|
|
1492
|
+
"kind": "field",
|
|
1493
|
+
"name": "required",
|
|
1494
|
+
"privacy": "public",
|
|
1495
|
+
"type": {
|
|
1496
|
+
"text": "boolean"
|
|
1497
|
+
},
|
|
1498
|
+
"description": "Specifies that the user must fill in a value.",
|
|
1499
|
+
"attribute": "required",
|
|
1500
|
+
"inheritedFrom": {
|
|
1501
|
+
"name": "FieldMixin",
|
|
1502
|
+
"module": "src/field-mixin.js"
|
|
1503
|
+
}
|
|
1504
|
+
},
|
|
1505
|
+
{
|
|
1506
|
+
"kind": "field",
|
|
1507
|
+
"name": "title",
|
|
1508
|
+
"privacy": "public",
|
|
1509
|
+
"type": {
|
|
1510
|
+
"text": "string"
|
|
1511
|
+
},
|
|
1512
|
+
"description": "The text usually displayed in a tooltip popup when the mouse is over the field.",
|
|
1513
|
+
"attribute": "title",
|
|
1514
|
+
"inheritedFrom": {
|
|
1515
|
+
"name": "InputControlMixin",
|
|
1516
|
+
"module": "src/input-control-mixin.js"
|
|
1517
|
+
}
|
|
1518
|
+
},
|
|
1519
|
+
{
|
|
1520
|
+
"kind": "method",
|
|
1521
|
+
"name": "validate",
|
|
1522
|
+
"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.",
|
|
1523
|
+
"return": {
|
|
1524
|
+
"type": {
|
|
1525
|
+
"text": "boolean"
|
|
1526
|
+
}
|
|
1527
|
+
},
|
|
1528
|
+
"inheritedFrom": {
|
|
1529
|
+
"name": "FieldMixin",
|
|
1530
|
+
"module": "src/field-mixin.js"
|
|
795
1531
|
}
|
|
796
1532
|
},
|
|
797
1533
|
{
|
|
798
1534
|
"kind": "field",
|
|
799
|
-
"name": "
|
|
1535
|
+
"name": "value",
|
|
800
1536
|
"privacy": "public",
|
|
801
1537
|
"type": {
|
|
802
1538
|
"text": "string"
|
|
803
1539
|
},
|
|
804
|
-
"description": "The
|
|
805
|
-
"attribute": "
|
|
1540
|
+
"description": "The value of the field.",
|
|
1541
|
+
"attribute": "value",
|
|
806
1542
|
"inheritedFrom": {
|
|
807
|
-
"name": "
|
|
808
|
-
"module": "src/
|
|
1543
|
+
"name": "ClearButtonMixin",
|
|
1544
|
+
"module": "src/clear-button-mixin.js"
|
|
809
1545
|
}
|
|
810
1546
|
}
|
|
811
1547
|
],
|
|
@@ -870,6 +1606,18 @@
|
|
|
870
1606
|
"description": "This is a property supported by Safari that is used to control whether\nautocorrection should be enabled when the user is entering/editing the text.\nPossible values are:\non: Enable autocorrection.\noff: Disable autocorrection.",
|
|
871
1607
|
"fieldName": "autocorrect"
|
|
872
1608
|
},
|
|
1609
|
+
{
|
|
1610
|
+
"name": "autofocus",
|
|
1611
|
+
"type": {
|
|
1612
|
+
"text": "boolean"
|
|
1613
|
+
},
|
|
1614
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
1615
|
+
"fieldName": "autofocus",
|
|
1616
|
+
"inheritedFrom": {
|
|
1617
|
+
"name": "DelegateFocusMixin",
|
|
1618
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
1619
|
+
}
|
|
1620
|
+
},
|
|
873
1621
|
{
|
|
874
1622
|
"name": "autoselect",
|
|
875
1623
|
"type": {
|
|
@@ -894,6 +1642,18 @@
|
|
|
894
1642
|
"module": "src/clear-button-mixin.js"
|
|
895
1643
|
}
|
|
896
1644
|
},
|
|
1645
|
+
{
|
|
1646
|
+
"name": "disabled",
|
|
1647
|
+
"type": {
|
|
1648
|
+
"text": "boolean"
|
|
1649
|
+
},
|
|
1650
|
+
"description": "If true, the user cannot interact with this element.",
|
|
1651
|
+
"fieldName": "disabled",
|
|
1652
|
+
"inheritedFrom": {
|
|
1653
|
+
"name": "DelegateFocusMixin",
|
|
1654
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
1655
|
+
}
|
|
1656
|
+
},
|
|
897
1657
|
{
|
|
898
1658
|
"name": "error-message",
|
|
899
1659
|
"type": {
|
|
@@ -918,6 +1678,18 @@
|
|
|
918
1678
|
"module": "src/field-mixin.js"
|
|
919
1679
|
}
|
|
920
1680
|
},
|
|
1681
|
+
{
|
|
1682
|
+
"name": "invalid",
|
|
1683
|
+
"type": {
|
|
1684
|
+
"text": "boolean"
|
|
1685
|
+
},
|
|
1686
|
+
"description": "Set to true when the field is invalid.",
|
|
1687
|
+
"fieldName": "invalid",
|
|
1688
|
+
"inheritedFrom": {
|
|
1689
|
+
"name": "FieldMixin",
|
|
1690
|
+
"module": "src/field-mixin.js"
|
|
1691
|
+
}
|
|
1692
|
+
},
|
|
921
1693
|
{
|
|
922
1694
|
"name": "label",
|
|
923
1695
|
"type": {
|
|
@@ -930,6 +1702,18 @@
|
|
|
930
1702
|
"module": "src/field-mixin.js"
|
|
931
1703
|
}
|
|
932
1704
|
},
|
|
1705
|
+
{
|
|
1706
|
+
"name": "manual-validation",
|
|
1707
|
+
"type": {
|
|
1708
|
+
"text": "boolean"
|
|
1709
|
+
},
|
|
1710
|
+
"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.",
|
|
1711
|
+
"fieldName": "manualValidation",
|
|
1712
|
+
"inheritedFrom": {
|
|
1713
|
+
"name": "FieldMixin",
|
|
1714
|
+
"module": "src/field-mixin.js"
|
|
1715
|
+
}
|
|
1716
|
+
},
|
|
933
1717
|
{
|
|
934
1718
|
"name": "name",
|
|
935
1719
|
"type": {
|
|
@@ -966,6 +1750,18 @@
|
|
|
966
1750
|
"module": "src/input-control-mixin.js"
|
|
967
1751
|
}
|
|
968
1752
|
},
|
|
1753
|
+
{
|
|
1754
|
+
"name": "required",
|
|
1755
|
+
"type": {
|
|
1756
|
+
"text": "boolean"
|
|
1757
|
+
},
|
|
1758
|
+
"description": "Specifies that the user must fill in a value.",
|
|
1759
|
+
"fieldName": "required",
|
|
1760
|
+
"inheritedFrom": {
|
|
1761
|
+
"name": "FieldMixin",
|
|
1762
|
+
"module": "src/field-mixin.js"
|
|
1763
|
+
}
|
|
1764
|
+
},
|
|
969
1765
|
{
|
|
970
1766
|
"name": "title",
|
|
971
1767
|
"type": {
|
|
@@ -977,6 +1773,18 @@
|
|
|
977
1773
|
"name": "InputControlMixin",
|
|
978
1774
|
"module": "src/input-control-mixin.js"
|
|
979
1775
|
}
|
|
1776
|
+
},
|
|
1777
|
+
{
|
|
1778
|
+
"name": "value",
|
|
1779
|
+
"type": {
|
|
1780
|
+
"text": "string"
|
|
1781
|
+
},
|
|
1782
|
+
"description": "The value of the field.",
|
|
1783
|
+
"fieldName": "value",
|
|
1784
|
+
"inheritedFrom": {
|
|
1785
|
+
"name": "ClearButtonMixin",
|
|
1786
|
+
"module": "src/clear-button-mixin.js"
|
|
1787
|
+
}
|
|
980
1788
|
}
|
|
981
1789
|
],
|
|
982
1790
|
"mixins": [
|
|
@@ -989,6 +1797,28 @@
|
|
|
989
1797
|
{
|
|
990
1798
|
"name": "superclass"
|
|
991
1799
|
}
|
|
1800
|
+
],
|
|
1801
|
+
"events": [
|
|
1802
|
+
{
|
|
1803
|
+
"name": "change",
|
|
1804
|
+
"type": {
|
|
1805
|
+
"text": "CustomEvent"
|
|
1806
|
+
},
|
|
1807
|
+
"inheritedFrom": {
|
|
1808
|
+
"name": "InputConstraintsMixin",
|
|
1809
|
+
"module": "src/input-constraints-mixin.js"
|
|
1810
|
+
}
|
|
1811
|
+
},
|
|
1812
|
+
{
|
|
1813
|
+
"name": "validated",
|
|
1814
|
+
"type": {
|
|
1815
|
+
"text": "CustomEvent"
|
|
1816
|
+
},
|
|
1817
|
+
"inheritedFrom": {
|
|
1818
|
+
"name": "FieldMixin",
|
|
1819
|
+
"module": "src/field-mixin.js"
|
|
1820
|
+
}
|
|
1821
|
+
}
|
|
992
1822
|
]
|
|
993
1823
|
}
|
|
994
1824
|
],
|
|
@@ -1008,9 +1838,47 @@
|
|
|
1008
1838
|
"path": "src/input-mixin.js",
|
|
1009
1839
|
"declarations": [
|
|
1010
1840
|
{
|
|
1011
|
-
"kind": "
|
|
1841
|
+
"kind": "mixin",
|
|
1842
|
+
"description": "",
|
|
1012
1843
|
"name": "InputMixin",
|
|
1013
|
-
"
|
|
1844
|
+
"members": [
|
|
1845
|
+
{
|
|
1846
|
+
"kind": "method",
|
|
1847
|
+
"name": "clear",
|
|
1848
|
+
"description": "Clear the value of the field."
|
|
1849
|
+
},
|
|
1850
|
+
{
|
|
1851
|
+
"kind": "field",
|
|
1852
|
+
"name": "value",
|
|
1853
|
+
"privacy": "public",
|
|
1854
|
+
"type": {
|
|
1855
|
+
"text": "string"
|
|
1856
|
+
},
|
|
1857
|
+
"description": "The value of the field.",
|
|
1858
|
+
"attribute": "value"
|
|
1859
|
+
}
|
|
1860
|
+
],
|
|
1861
|
+
"attributes": [
|
|
1862
|
+
{
|
|
1863
|
+
"name": "value",
|
|
1864
|
+
"type": {
|
|
1865
|
+
"text": "string"
|
|
1866
|
+
},
|
|
1867
|
+
"description": "The value of the field.",
|
|
1868
|
+
"fieldName": "value"
|
|
1869
|
+
}
|
|
1870
|
+
],
|
|
1871
|
+
"parameters": [
|
|
1872
|
+
{
|
|
1873
|
+
"name": "superclass"
|
|
1874
|
+
}
|
|
1875
|
+
],
|
|
1876
|
+
"mixins": [
|
|
1877
|
+
{
|
|
1878
|
+
"name": "dedupeMixin",
|
|
1879
|
+
"package": "@open-wc/dedupe-mixin"
|
|
1880
|
+
}
|
|
1881
|
+
]
|
|
1014
1882
|
}
|
|
1015
1883
|
],
|
|
1016
1884
|
"exports": [
|
|
@@ -1081,6 +1949,57 @@
|
|
|
1081
1949
|
"description": "A mixin to provide `pattern` property.",
|
|
1082
1950
|
"name": "PatternMixin",
|
|
1083
1951
|
"members": [
|
|
1952
|
+
{
|
|
1953
|
+
"kind": "method",
|
|
1954
|
+
"name": "checkValidity",
|
|
1955
|
+
"description": "Returns true if the current input value satisfies all constraints (if any).",
|
|
1956
|
+
"return": {
|
|
1957
|
+
"type": {
|
|
1958
|
+
"text": "boolean"
|
|
1959
|
+
}
|
|
1960
|
+
},
|
|
1961
|
+
"inheritedFrom": {
|
|
1962
|
+
"name": "ValidateMixin",
|
|
1963
|
+
"module": "src/validate-mixin.js"
|
|
1964
|
+
}
|
|
1965
|
+
},
|
|
1966
|
+
{
|
|
1967
|
+
"kind": "method",
|
|
1968
|
+
"name": "clear",
|
|
1969
|
+
"description": "Clear the value of the field.",
|
|
1970
|
+
"inheritedFrom": {
|
|
1971
|
+
"name": "InputMixin",
|
|
1972
|
+
"module": "src/input-mixin.js"
|
|
1973
|
+
}
|
|
1974
|
+
},
|
|
1975
|
+
{
|
|
1976
|
+
"kind": "field",
|
|
1977
|
+
"name": "invalid",
|
|
1978
|
+
"privacy": "public",
|
|
1979
|
+
"type": {
|
|
1980
|
+
"text": "boolean"
|
|
1981
|
+
},
|
|
1982
|
+
"description": "Set to true when the field is invalid.",
|
|
1983
|
+
"attribute": "invalid",
|
|
1984
|
+
"inheritedFrom": {
|
|
1985
|
+
"name": "ValidateMixin",
|
|
1986
|
+
"module": "src/validate-mixin.js"
|
|
1987
|
+
}
|
|
1988
|
+
},
|
|
1989
|
+
{
|
|
1990
|
+
"kind": "field",
|
|
1991
|
+
"name": "manualValidation",
|
|
1992
|
+
"privacy": "public",
|
|
1993
|
+
"type": {
|
|
1994
|
+
"text": "boolean"
|
|
1995
|
+
},
|
|
1996
|
+
"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.",
|
|
1997
|
+
"attribute": "manual-validation",
|
|
1998
|
+
"inheritedFrom": {
|
|
1999
|
+
"name": "ValidateMixin",
|
|
2000
|
+
"module": "src/validate-mixin.js"
|
|
2001
|
+
}
|
|
2002
|
+
},
|
|
1084
2003
|
{
|
|
1085
2004
|
"kind": "field",
|
|
1086
2005
|
"name": "pattern",
|
|
@@ -1090,9 +2009,75 @@
|
|
|
1090
2009
|
},
|
|
1091
2010
|
"description": "A regular expression that the value is checked against.\nThe pattern must match the entire value, not just some subset.",
|
|
1092
2011
|
"attribute": "pattern"
|
|
2012
|
+
},
|
|
2013
|
+
{
|
|
2014
|
+
"kind": "field",
|
|
2015
|
+
"name": "required",
|
|
2016
|
+
"privacy": "public",
|
|
2017
|
+
"type": {
|
|
2018
|
+
"text": "boolean"
|
|
2019
|
+
},
|
|
2020
|
+
"description": "Specifies that the user must fill in a value.",
|
|
2021
|
+
"attribute": "required",
|
|
2022
|
+
"inheritedFrom": {
|
|
2023
|
+
"name": "ValidateMixin",
|
|
2024
|
+
"module": "src/validate-mixin.js"
|
|
2025
|
+
}
|
|
2026
|
+
},
|
|
2027
|
+
{
|
|
2028
|
+
"kind": "method",
|
|
2029
|
+
"name": "validate",
|
|
2030
|
+
"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.",
|
|
2031
|
+
"return": {
|
|
2032
|
+
"type": {
|
|
2033
|
+
"text": "boolean"
|
|
2034
|
+
}
|
|
2035
|
+
},
|
|
2036
|
+
"inheritedFrom": {
|
|
2037
|
+
"name": "ValidateMixin",
|
|
2038
|
+
"module": "src/validate-mixin.js"
|
|
2039
|
+
}
|
|
2040
|
+
},
|
|
2041
|
+
{
|
|
2042
|
+
"kind": "field",
|
|
2043
|
+
"name": "value",
|
|
2044
|
+
"privacy": "public",
|
|
2045
|
+
"type": {
|
|
2046
|
+
"text": "string"
|
|
2047
|
+
},
|
|
2048
|
+
"description": "The value of the field.",
|
|
2049
|
+
"attribute": "value",
|
|
2050
|
+
"inheritedFrom": {
|
|
2051
|
+
"name": "InputMixin",
|
|
2052
|
+
"module": "src/input-mixin.js"
|
|
2053
|
+
}
|
|
1093
2054
|
}
|
|
1094
2055
|
],
|
|
1095
2056
|
"attributes": [
|
|
2057
|
+
{
|
|
2058
|
+
"name": "invalid",
|
|
2059
|
+
"type": {
|
|
2060
|
+
"text": "boolean"
|
|
2061
|
+
},
|
|
2062
|
+
"description": "Set to true when the field is invalid.",
|
|
2063
|
+
"fieldName": "invalid",
|
|
2064
|
+
"inheritedFrom": {
|
|
2065
|
+
"name": "ValidateMixin",
|
|
2066
|
+
"module": "src/validate-mixin.js"
|
|
2067
|
+
}
|
|
2068
|
+
},
|
|
2069
|
+
{
|
|
2070
|
+
"name": "manual-validation",
|
|
2071
|
+
"type": {
|
|
2072
|
+
"text": "boolean"
|
|
2073
|
+
},
|
|
2074
|
+
"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.",
|
|
2075
|
+
"fieldName": "manualValidation",
|
|
2076
|
+
"inheritedFrom": {
|
|
2077
|
+
"name": "ValidateMixin",
|
|
2078
|
+
"module": "src/validate-mixin.js"
|
|
2079
|
+
}
|
|
2080
|
+
},
|
|
1096
2081
|
{
|
|
1097
2082
|
"name": "pattern",
|
|
1098
2083
|
"type": {
|
|
@@ -1100,6 +2085,30 @@
|
|
|
1100
2085
|
},
|
|
1101
2086
|
"description": "A regular expression that the value is checked against.\nThe pattern must match the entire value, not just some subset.",
|
|
1102
2087
|
"fieldName": "pattern"
|
|
2088
|
+
},
|
|
2089
|
+
{
|
|
2090
|
+
"name": "required",
|
|
2091
|
+
"type": {
|
|
2092
|
+
"text": "boolean"
|
|
2093
|
+
},
|
|
2094
|
+
"description": "Specifies that the user must fill in a value.",
|
|
2095
|
+
"fieldName": "required",
|
|
2096
|
+
"inheritedFrom": {
|
|
2097
|
+
"name": "ValidateMixin",
|
|
2098
|
+
"module": "src/validate-mixin.js"
|
|
2099
|
+
}
|
|
2100
|
+
},
|
|
2101
|
+
{
|
|
2102
|
+
"name": "value",
|
|
2103
|
+
"type": {
|
|
2104
|
+
"text": "string"
|
|
2105
|
+
},
|
|
2106
|
+
"description": "The value of the field.",
|
|
2107
|
+
"fieldName": "value",
|
|
2108
|
+
"inheritedFrom": {
|
|
2109
|
+
"name": "InputMixin",
|
|
2110
|
+
"module": "src/input-mixin.js"
|
|
2111
|
+
}
|
|
1103
2112
|
}
|
|
1104
2113
|
],
|
|
1105
2114
|
"mixins": [
|
|
@@ -1112,6 +2121,28 @@
|
|
|
1112
2121
|
{
|
|
1113
2122
|
"name": "superclass"
|
|
1114
2123
|
}
|
|
2124
|
+
],
|
|
2125
|
+
"events": [
|
|
2126
|
+
{
|
|
2127
|
+
"name": "change",
|
|
2128
|
+
"type": {
|
|
2129
|
+
"text": "CustomEvent"
|
|
2130
|
+
},
|
|
2131
|
+
"inheritedFrom": {
|
|
2132
|
+
"name": "InputConstraintsMixin",
|
|
2133
|
+
"module": "src/input-constraints-mixin.js"
|
|
2134
|
+
}
|
|
2135
|
+
},
|
|
2136
|
+
{
|
|
2137
|
+
"name": "validated",
|
|
2138
|
+
"type": {
|
|
2139
|
+
"text": "CustomEvent"
|
|
2140
|
+
},
|
|
2141
|
+
"inheritedFrom": {
|
|
2142
|
+
"name": "ValidateMixin",
|
|
2143
|
+
"module": "src/validate-mixin.js"
|
|
2144
|
+
}
|
|
2145
|
+
}
|
|
1115
2146
|
]
|
|
1116
2147
|
}
|
|
1117
2148
|
],
|
|
@@ -1131,9 +2162,106 @@
|
|
|
1131
2162
|
"path": "src/validate-mixin.js",
|
|
1132
2163
|
"declarations": [
|
|
1133
2164
|
{
|
|
1134
|
-
"kind": "
|
|
2165
|
+
"kind": "mixin",
|
|
2166
|
+
"description": "A mixin to provide required state and validation logic.",
|
|
1135
2167
|
"name": "ValidateMixin",
|
|
1136
|
-
"
|
|
2168
|
+
"members": [
|
|
2169
|
+
{
|
|
2170
|
+
"kind": "method",
|
|
2171
|
+
"name": "checkValidity",
|
|
2172
|
+
"description": "Returns true if the field value satisfies all constraints (if any).",
|
|
2173
|
+
"return": {
|
|
2174
|
+
"type": {
|
|
2175
|
+
"text": "boolean"
|
|
2176
|
+
}
|
|
2177
|
+
}
|
|
2178
|
+
},
|
|
2179
|
+
{
|
|
2180
|
+
"kind": "field",
|
|
2181
|
+
"name": "invalid",
|
|
2182
|
+
"privacy": "public",
|
|
2183
|
+
"type": {
|
|
2184
|
+
"text": "boolean"
|
|
2185
|
+
},
|
|
2186
|
+
"description": "Set to true when the field is invalid.",
|
|
2187
|
+
"attribute": "invalid"
|
|
2188
|
+
},
|
|
2189
|
+
{
|
|
2190
|
+
"kind": "field",
|
|
2191
|
+
"name": "manualValidation",
|
|
2192
|
+
"privacy": "public",
|
|
2193
|
+
"type": {
|
|
2194
|
+
"text": "boolean"
|
|
2195
|
+
},
|
|
2196
|
+
"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.",
|
|
2197
|
+
"attribute": "manual-validation"
|
|
2198
|
+
},
|
|
2199
|
+
{
|
|
2200
|
+
"kind": "field",
|
|
2201
|
+
"name": "required",
|
|
2202
|
+
"privacy": "public",
|
|
2203
|
+
"type": {
|
|
2204
|
+
"text": "boolean"
|
|
2205
|
+
},
|
|
2206
|
+
"description": "Specifies that the user must fill in a value.",
|
|
2207
|
+
"attribute": "required"
|
|
2208
|
+
},
|
|
2209
|
+
{
|
|
2210
|
+
"kind": "method",
|
|
2211
|
+
"name": "validate",
|
|
2212
|
+
"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.",
|
|
2213
|
+
"return": {
|
|
2214
|
+
"type": {
|
|
2215
|
+
"text": "boolean"
|
|
2216
|
+
}
|
|
2217
|
+
}
|
|
2218
|
+
}
|
|
2219
|
+
],
|
|
2220
|
+
"events": [
|
|
2221
|
+
{
|
|
2222
|
+
"name": "validated",
|
|
2223
|
+
"type": {
|
|
2224
|
+
"text": "CustomEvent"
|
|
2225
|
+
}
|
|
2226
|
+
}
|
|
2227
|
+
],
|
|
2228
|
+
"attributes": [
|
|
2229
|
+
{
|
|
2230
|
+
"name": "invalid",
|
|
2231
|
+
"type": {
|
|
2232
|
+
"text": "boolean"
|
|
2233
|
+
},
|
|
2234
|
+
"description": "Set to true when the field is invalid.",
|
|
2235
|
+
"fieldName": "invalid"
|
|
2236
|
+
},
|
|
2237
|
+
{
|
|
2238
|
+
"name": "manual-validation",
|
|
2239
|
+
"type": {
|
|
2240
|
+
"text": "boolean"
|
|
2241
|
+
},
|
|
2242
|
+
"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.",
|
|
2243
|
+
"fieldName": "manualValidation"
|
|
2244
|
+
},
|
|
2245
|
+
{
|
|
2246
|
+
"name": "required",
|
|
2247
|
+
"type": {
|
|
2248
|
+
"text": "boolean"
|
|
2249
|
+
},
|
|
2250
|
+
"description": "Specifies that the user must fill in a value.",
|
|
2251
|
+
"fieldName": "required"
|
|
2252
|
+
}
|
|
2253
|
+
],
|
|
2254
|
+
"parameters": [
|
|
2255
|
+
{
|
|
2256
|
+
"name": "superclass"
|
|
2257
|
+
}
|
|
2258
|
+
],
|
|
2259
|
+
"mixins": [
|
|
2260
|
+
{
|
|
2261
|
+
"name": "dedupeMixin",
|
|
2262
|
+
"package": "@open-wc/dedupe-mixin"
|
|
2263
|
+
}
|
|
2264
|
+
]
|
|
1137
2265
|
}
|
|
1138
2266
|
],
|
|
1139
2267
|
"exports": [
|