@vaadin/email-field 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.
@@ -110,6 +110,20 @@
110
110
  "package": "@vaadin/field-base/src/input-field-mixin.js"
111
111
  }
112
112
  },
113
+ {
114
+ "kind": "field",
115
+ "name": "autofocus",
116
+ "privacy": "public",
117
+ "type": {
118
+ "text": "boolean"
119
+ },
120
+ "description": "Specify that this control should have input focus when the page loads.",
121
+ "attribute": "autofocus",
122
+ "inheritedFrom": {
123
+ "name": "DelegateFocusMixin",
124
+ "package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
125
+ }
126
+ },
113
127
  {
114
128
  "kind": "field",
115
129
  "name": "autoselect",
@@ -124,6 +138,29 @@
124
138
  "package": "@vaadin/field-base/src/input-control-mixin.js"
125
139
  }
126
140
  },
141
+ {
142
+ "kind": "method",
143
+ "name": "checkValidity",
144
+ "description": "Returns true if the current input value satisfies all constraints (if any).",
145
+ "return": {
146
+ "type": {
147
+ "text": "boolean"
148
+ }
149
+ },
150
+ "inheritedFrom": {
151
+ "name": "InputConstraintsMixin",
152
+ "package": "@vaadin/field-base/src/input-constraints-mixin.js"
153
+ }
154
+ },
155
+ {
156
+ "kind": "method",
157
+ "name": "clear",
158
+ "description": "Clear the value of the field.",
159
+ "inheritedFrom": {
160
+ "name": "ClearButtonMixin",
161
+ "package": "@vaadin/field-base/src/clear-button-mixin.js"
162
+ }
163
+ },
127
164
  {
128
165
  "kind": "field",
129
166
  "name": "clearButtonVisible",
@@ -138,6 +175,20 @@
138
175
  "package": "@vaadin/field-base/src/clear-button-mixin.js"
139
176
  }
140
177
  },
178
+ {
179
+ "kind": "field",
180
+ "name": "disabled",
181
+ "privacy": "public",
182
+ "type": {
183
+ "text": "boolean"
184
+ },
185
+ "description": "If true, the user cannot interact with this element.",
186
+ "attribute": "disabled",
187
+ "inheritedFrom": {
188
+ "name": "DelegateFocusMixin",
189
+ "package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
190
+ }
191
+ },
141
192
  {
142
193
  "kind": "field",
143
194
  "name": "errorMessage",
@@ -166,6 +217,48 @@
166
217
  "package": "@vaadin/field-base/src/field-mixin.js"
167
218
  }
168
219
  },
220
+ {
221
+ "kind": "field",
222
+ "name": "invalid",
223
+ "privacy": "public",
224
+ "type": {
225
+ "text": "boolean"
226
+ },
227
+ "description": "Set to true when the field is invalid.",
228
+ "attribute": "invalid",
229
+ "inheritedFrom": {
230
+ "name": "FieldMixin",
231
+ "package": "@vaadin/field-base/src/field-mixin.js"
232
+ }
233
+ },
234
+ {
235
+ "kind": "field",
236
+ "name": "label",
237
+ "privacy": "public",
238
+ "type": {
239
+ "text": "string"
240
+ },
241
+ "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
242
+ "attribute": "label",
243
+ "inheritedFrom": {
244
+ "name": "FieldMixin",
245
+ "package": "@vaadin/field-base/src/field-mixin.js"
246
+ }
247
+ },
248
+ {
249
+ "kind": "field",
250
+ "name": "manualValidation",
251
+ "privacy": "public",
252
+ "type": {
253
+ "text": "boolean"
254
+ },
255
+ "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.",
256
+ "attribute": "manual-validation",
257
+ "inheritedFrom": {
258
+ "name": "FieldMixin",
259
+ "package": "@vaadin/field-base/src/field-mixin.js"
260
+ }
261
+ },
169
262
  {
170
263
  "kind": "field",
171
264
  "name": "maxlength",
@@ -251,6 +344,20 @@
251
344
  "package": "@vaadin/field-base/src/input-control-mixin.js"
252
345
  }
253
346
  },
347
+ {
348
+ "kind": "field",
349
+ "name": "required",
350
+ "privacy": "public",
351
+ "type": {
352
+ "text": "boolean"
353
+ },
354
+ "description": "Specifies that the user must fill in a value.",
355
+ "attribute": "required",
356
+ "inheritedFrom": {
357
+ "name": "FieldMixin",
358
+ "package": "@vaadin/field-base/src/field-mixin.js"
359
+ }
360
+ },
254
361
  {
255
362
  "kind": "field",
256
363
  "name": "title",
@@ -264,6 +371,34 @@
264
371
  "name": "InputControlMixin",
265
372
  "package": "@vaadin/field-base/src/input-control-mixin.js"
266
373
  }
374
+ },
375
+ {
376
+ "kind": "method",
377
+ "name": "validate",
378
+ "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.",
379
+ "return": {
380
+ "type": {
381
+ "text": "boolean"
382
+ }
383
+ },
384
+ "inheritedFrom": {
385
+ "name": "FieldMixin",
386
+ "package": "@vaadin/field-base/src/field-mixin.js"
387
+ }
388
+ },
389
+ {
390
+ "kind": "field",
391
+ "name": "value",
392
+ "privacy": "public",
393
+ "type": {
394
+ "text": "string"
395
+ },
396
+ "description": "The value of the field.",
397
+ "attribute": "value",
398
+ "inheritedFrom": {
399
+ "name": "ClearButtonMixin",
400
+ "package": "@vaadin/field-base/src/clear-button-mixin.js"
401
+ }
267
402
  }
268
403
  ],
269
404
  "events": [
@@ -402,6 +537,18 @@
402
537
  "package": "@vaadin/field-base/src/input-field-mixin.js"
403
538
  }
404
539
  },
540
+ {
541
+ "name": "autofocus",
542
+ "type": {
543
+ "text": "boolean"
544
+ },
545
+ "description": "Specify that this control should have input focus when the page loads.",
546
+ "fieldName": "autofocus",
547
+ "inheritedFrom": {
548
+ "name": "DelegateFocusMixin",
549
+ "package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
550
+ }
551
+ },
405
552
  {
406
553
  "name": "autoselect",
407
554
  "type": {
@@ -426,6 +573,18 @@
426
573
  "package": "@vaadin/field-base/src/clear-button-mixin.js"
427
574
  }
428
575
  },
576
+ {
577
+ "name": "disabled",
578
+ "type": {
579
+ "text": "boolean"
580
+ },
581
+ "description": "If true, the user cannot interact with this element.",
582
+ "fieldName": "disabled",
583
+ "inheritedFrom": {
584
+ "name": "DelegateFocusMixin",
585
+ "package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
586
+ }
587
+ },
429
588
  {
430
589
  "name": "error-message",
431
590
  "type": {
@@ -450,6 +609,42 @@
450
609
  "package": "@vaadin/field-base/src/field-mixin.js"
451
610
  }
452
611
  },
612
+ {
613
+ "name": "invalid",
614
+ "type": {
615
+ "text": "boolean"
616
+ },
617
+ "description": "Set to true when the field is invalid.",
618
+ "fieldName": "invalid",
619
+ "inheritedFrom": {
620
+ "name": "FieldMixin",
621
+ "package": "@vaadin/field-base/src/field-mixin.js"
622
+ }
623
+ },
624
+ {
625
+ "name": "label",
626
+ "type": {
627
+ "text": "string"
628
+ },
629
+ "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
630
+ "fieldName": "label",
631
+ "inheritedFrom": {
632
+ "name": "FieldMixin",
633
+ "package": "@vaadin/field-base/src/field-mixin.js"
634
+ }
635
+ },
636
+ {
637
+ "name": "manual-validation",
638
+ "type": {
639
+ "text": "boolean"
640
+ },
641
+ "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.",
642
+ "fieldName": "manualValidation",
643
+ "inheritedFrom": {
644
+ "name": "FieldMixin",
645
+ "package": "@vaadin/field-base/src/field-mixin.js"
646
+ }
647
+ },
453
648
  {
454
649
  "name": "maxlength",
455
650
  "type": {
@@ -522,6 +717,18 @@
522
717
  "package": "@vaadin/field-base/src/input-control-mixin.js"
523
718
  }
524
719
  },
720
+ {
721
+ "name": "required",
722
+ "type": {
723
+ "text": "boolean"
724
+ },
725
+ "description": "Specifies that the user must fill in a value.",
726
+ "fieldName": "required",
727
+ "inheritedFrom": {
728
+ "name": "FieldMixin",
729
+ "package": "@vaadin/field-base/src/field-mixin.js"
730
+ }
731
+ },
525
732
  {
526
733
  "name": "title",
527
734
  "type": {
@@ -533,6 +740,18 @@
533
740
  "name": "InputControlMixin",
534
741
  "package": "@vaadin/field-base/src/input-control-mixin.js"
535
742
  }
743
+ },
744
+ {
745
+ "name": "value",
746
+ "type": {
747
+ "text": "string"
748
+ },
749
+ "description": "The value of the field.",
750
+ "fieldName": "value",
751
+ "inheritedFrom": {
752
+ "name": "ClearButtonMixin",
753
+ "package": "@vaadin/field-base/src/clear-button-mixin.js"
754
+ }
536
755
  }
537
756
  ]
538
757
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/email-field",
3
- "version": "25.1.2",
3
+ "version": "25.2.0-alpha10",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -34,17 +34,17 @@
34
34
  "web-component"
35
35
  ],
36
36
  "dependencies": {
37
- "@vaadin/component-base": "~25.1.2",
38
- "@vaadin/text-field": "~25.1.2",
39
- "@vaadin/vaadin-themable-mixin": "~25.1.2",
37
+ "@vaadin/component-base": "25.2.0-alpha10",
38
+ "@vaadin/text-field": "25.2.0-alpha10",
39
+ "@vaadin/vaadin-themable-mixin": "25.2.0-alpha10",
40
40
  "lit": "^3.0.0"
41
41
  },
42
42
  "devDependencies": {
43
- "@vaadin/aura": "~25.1.2",
44
- "@vaadin/chai-plugins": "~25.1.2",
45
- "@vaadin/test-runner-commands": "~25.1.2",
43
+ "@vaadin/aura": "25.2.0-alpha10",
44
+ "@vaadin/chai-plugins": "25.2.0-alpha10",
45
+ "@vaadin/test-runner-commands": "25.2.0-alpha10",
46
46
  "@vaadin/testing-helpers": "^2.0.0",
47
- "@vaadin/vaadin-lumo-styles": "~25.1.2",
47
+ "@vaadin/vaadin-lumo-styles": "25.2.0-alpha10",
48
48
  "sinon": "^21.0.2"
49
49
  },
50
50
  "customElements": "custom-elements.json",
@@ -52,5 +52,5 @@
52
52
  "web-types.json",
53
53
  "web-types.lit.json"
54
54
  ],
55
- "gitHead": "48e5dc507ac5eb8d34839be06cac652f1635fe1c"
55
+ "gitHead": "1303b6a3eeecb44a9d26f2b53cb56d9e906febdf"
56
56
  }
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/email-field",
4
- "version": "25.1.2",
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": "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-]\"`",
38
34
  "value": {
39
35
  "type": [
40
- "string",
41
- "null",
42
- "undefined"
36
+ "string"
43
37
  ]
44
38
  }
45
39
  },
@@ -48,9 +42,7 @@
48
42
  "description": "This is a property supported by Safari and Chrome that is used to control whether\nautocapitalization should be enabled when the user is entering/editing the text.\nPossible values are:\ncharacters: Characters capitalization.\nwords: Words capitalization.\nsentences: Sentences capitalization.\nnone: No capitalization.",
49
43
  "value": {
50
44
  "type": [
51
- "string",
52
- "null",
53
- "undefined"
45
+ "string"
54
46
  ]
55
47
  }
56
48
  },
@@ -59,9 +51,7 @@
59
51
  "description": "Whether the value of the control can be automatically completed by the browser.\nList of available options at:\nhttps://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-autocomplete",
60
52
  "value": {
61
53
  "type": [
62
- "string",
63
- "null",
64
- "undefined"
54
+ "string"
65
55
  ]
66
56
  }
67
57
  },
@@ -70,9 +60,7 @@
70
60
  "description": "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.",
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": "Specify that this control should have input focus when the page loads.",
82
70
  "value": {
83
71
  "type": [
84
- "boolean",
85
- "null",
86
- "undefined"
72
+ "boolean"
87
73
  ]
88
74
  }
89
75
  },
@@ -92,9 +78,7 @@
92
78
  "description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
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 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.",
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": "If true, the user cannot interact with this element.",
115
97
  "value": {
116
98
  "type": [
117
- "boolean",
118
- "null",
119
- "undefined"
99
+ "boolean"
120
100
  ]
121
101
  }
122
102
  },
@@ -125,9 +105,7 @@
125
105
  "description": "Error to show when the field is invalid.",
126
106
  "value": {
127
107
  "type": [
128
- "string",
129
- "null",
130
- "undefined"
108
+ "string"
131
109
  ]
132
110
  }
133
111
  },
@@ -136,9 +114,7 @@
136
114
  "description": "String used for the helper text.",
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": "Set to true when the field is invalid.",
148
124
  "value": {
149
125
  "type": [
150
- "boolean",
151
- "null",
152
- "undefined"
126
+ "boolean"
153
127
  ]
154
128
  }
155
129
  },
@@ -158,9 +132,7 @@
158
132
  "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
159
133
  "value": {
160
134
  "type": [
161
- "string",
162
- "null",
163
- "undefined"
135
+ "string"
164
136
  ]
165
137
  }
166
138
  },
@@ -169,9 +141,7 @@
169
141
  "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.",
170
142
  "value": {
171
143
  "type": [
172
- "boolean",
173
- "null",
174
- "undefined"
144
+ "boolean"
175
145
  ]
176
146
  }
177
147
  },
@@ -180,9 +150,7 @@
180
150
  "description": "Maximum number of characters (in Unicode code points) that the user can enter.",
181
151
  "value": {
182
152
  "type": [
183
- "number",
184
- "null",
185
- "undefined"
153
+ "number"
186
154
  ]
187
155
  }
188
156
  },
@@ -191,9 +159,7 @@
191
159
  "description": "Minimum number of characters (in Unicode code points) that the user can enter.",
192
160
  "value": {
193
161
  "type": [
194
- "number",
195
- "null",
196
- "undefined"
162
+ "number"
197
163
  ]
198
164
  }
199
165
  },
@@ -202,9 +168,7 @@
202
168
  "description": "The name of this field.",
203
169
  "value": {
204
170
  "type": [
205
- "string",
206
- "null",
207
- "undefined"
171
+ "string"
208
172
  ]
209
173
  }
210
174
  },
@@ -213,9 +177,7 @@
213
177
  "description": "A regular expression that the value is checked against.\nThe pattern must match the entire value, not just some subset.",
214
178
  "value": {
215
179
  "type": [
216
- "string",
217
- "null",
218
- "undefined"
180
+ "string"
219
181
  ]
220
182
  }
221
183
  },
@@ -224,9 +186,7 @@
224
186
  "description": "A hint to the user of what can be entered in the field.",
225
187
  "value": {
226
188
  "type": [
227
- "string",
228
- "null",
229
- "undefined"
189
+ "string"
230
190
  ]
231
191
  }
232
192
  },
@@ -235,9 +195,7 @@
235
195
  "description": "When present, it specifies that the field is read-only.",
236
196
  "value": {
237
197
  "type": [
238
- "boolean",
239
- "null",
240
- "undefined"
198
+ "boolean"
241
199
  ]
242
200
  }
243
201
  },
@@ -246,9 +204,7 @@
246
204
  "description": "Specifies that the user must fill in a value.",
247
205
  "value": {
248
206
  "type": [
249
- "boolean",
250
- "null",
251
- "undefined"
207
+ "boolean"
252
208
  ]
253
209
  }
254
210
  },
@@ -268,9 +224,7 @@
268
224
  "description": "The text usually displayed in a tooltip popup when the mouse is over the field.",
269
225
  "value": {
270
226
  "type": [
271
- "string",
272
- "null",
273
- "undefined"
227
+ "string"
274
228
  ]
275
229
  }
276
230
  },
@@ -279,9 +233,7 @@
279
233
  "description": "The value of the field.",
280
234
  "value": {
281
235
  "type": [
282
- "string",
283
- "null",
284
- "undefined"
236
+ "string"
285
237
  ]
286
238
  }
287
239
  }
@@ -293,9 +245,7 @@
293
245
  "description": "String used to label the component to screen reader users.",
294
246
  "value": {
295
247
  "type": [
296
- "string",
297
- "null",
298
- "undefined"
248
+ "string"
299
249
  ]
300
250
  }
301
251
  },
@@ -304,9 +254,7 @@
304
254
  "description": "Id of the element used as label of the component to screen reader users.",
305
255
  "value": {
306
256
  "type": [
307
- "string",
308
- "null",
309
- "undefined"
257
+ "string"
310
258
  ]
311
259
  }
312
260
  },
@@ -315,9 +263,7 @@
315
263
  "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-]\"`",
316
264
  "value": {
317
265
  "type": [
318
- "string",
319
- "null",
320
- "undefined"
266
+ "string"
321
267
  ]
322
268
  }
323
269
  },
@@ -326,9 +272,7 @@
326
272
  "description": "This is a property supported by Safari and Chrome that is used to control whether\nautocapitalization should be enabled when the user is entering/editing the text.\nPossible values are:\ncharacters: Characters capitalization.\nwords: Words capitalization.\nsentences: Sentences capitalization.\nnone: No capitalization.",
327
273
  "value": {
328
274
  "type": [
329
- "string",
330
- "null",
331
- "undefined"
275
+ "string"
332
276
  ]
333
277
  }
334
278
  },
@@ -337,9 +281,7 @@
337
281
  "description": "Whether the value of the control can be automatically completed by the browser.\nList of available options at:\nhttps://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-autocomplete",
338
282
  "value": {
339
283
  "type": [
340
- "string",
341
- "null",
342
- "undefined"
284
+ "string"
343
285
  ]
344
286
  }
345
287
  },
@@ -348,9 +290,7 @@
348
290
  "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.",
349
291
  "value": {
350
292
  "type": [
351
- "string",
352
- "null",
353
- "undefined"
293
+ "string"
354
294
  ]
355
295
  }
356
296
  },
@@ -359,9 +299,7 @@
359
299
  "description": "Specify that this control should have input focus when the page loads.",
360
300
  "value": {
361
301
  "type": [
362
- "boolean",
363
- "null",
364
- "undefined"
302
+ "boolean"
365
303
  ]
366
304
  }
367
305
  },
@@ -370,9 +308,7 @@
370
308
  "description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
371
309
  "value": {
372
310
  "type": [
373
- "boolean",
374
- "null",
375
- "undefined"
311
+ "boolean"
376
312
  ]
377
313
  }
378
314
  },
@@ -381,9 +317,7 @@
381
317
  "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.",
382
318
  "value": {
383
319
  "type": [
384
- "boolean",
385
- "null",
386
- "undefined"
320
+ "boolean"
387
321
  ]
388
322
  }
389
323
  },
@@ -392,9 +326,7 @@
392
326
  "description": "If true, the user cannot interact with this element.",
393
327
  "value": {
394
328
  "type": [
395
- "boolean",
396
- "null",
397
- "undefined"
329
+ "boolean"
398
330
  ]
399
331
  }
400
332
  },
@@ -403,9 +335,7 @@
403
335
  "description": "Error to show when the field is invalid.",
404
336
  "value": {
405
337
  "type": [
406
- "string",
407
- "null",
408
- "undefined"
338
+ "string"
409
339
  ]
410
340
  }
411
341
  },
@@ -414,9 +344,7 @@
414
344
  "description": "String used for the helper text.",
415
345
  "value": {
416
346
  "type": [
417
- "string",
418
- "null",
419
- "undefined"
347
+ "string"
420
348
  ]
421
349
  }
422
350
  },
@@ -425,9 +353,7 @@
425
353
  "description": "Set to true when the field is invalid.",
426
354
  "value": {
427
355
  "type": [
428
- "boolean",
429
- "null",
430
- "undefined"
356
+ "boolean"
431
357
  ]
432
358
  }
433
359
  },
@@ -436,9 +362,7 @@
436
362
  "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
437
363
  "value": {
438
364
  "type": [
439
- "string",
440
- "null",
441
- "undefined"
365
+ "string"
442
366
  ]
443
367
  }
444
368
  },
@@ -447,9 +371,7 @@
447
371
  "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.",
448
372
  "value": {
449
373
  "type": [
450
- "boolean",
451
- "null",
452
- "undefined"
374
+ "boolean"
453
375
  ]
454
376
  }
455
377
  },
@@ -458,9 +380,7 @@
458
380
  "description": "Maximum number of characters (in Unicode code points) that the user can enter.",
459
381
  "value": {
460
382
  "type": [
461
- "number",
462
- "null",
463
- "undefined"
383
+ "number"
464
384
  ]
465
385
  }
466
386
  },
@@ -469,9 +389,7 @@
469
389
  "description": "Minimum number of characters (in Unicode code points) that the user can enter.",
470
390
  "value": {
471
391
  "type": [
472
- "number",
473
- "null",
474
- "undefined"
392
+ "number"
475
393
  ]
476
394
  }
477
395
  },
@@ -480,9 +398,7 @@
480
398
  "description": "The name of this field.",
481
399
  "value": {
482
400
  "type": [
483
- "string",
484
- "null",
485
- "undefined"
401
+ "string"
486
402
  ]
487
403
  }
488
404
  },
@@ -491,9 +407,7 @@
491
407
  "description": "A regular expression that the value is checked against.\nThe pattern must match the entire value, not just some subset.",
492
408
  "value": {
493
409
  "type": [
494
- "string",
495
- "null",
496
- "undefined"
410
+ "string"
497
411
  ]
498
412
  }
499
413
  },
@@ -502,9 +416,7 @@
502
416
  "description": "A hint to the user of what can be entered in the field.",
503
417
  "value": {
504
418
  "type": [
505
- "string",
506
- "null",
507
- "undefined"
419
+ "string"
508
420
  ]
509
421
  }
510
422
  },
@@ -513,9 +425,7 @@
513
425
  "description": "When present, it specifies that the field is read-only.",
514
426
  "value": {
515
427
  "type": [
516
- "boolean",
517
- "null",
518
- "undefined"
428
+ "boolean"
519
429
  ]
520
430
  }
521
431
  },
@@ -524,9 +434,7 @@
524
434
  "description": "Specifies that the user must fill in a value.",
525
435
  "value": {
526
436
  "type": [
527
- "boolean",
528
- "null",
529
- "undefined"
437
+ "boolean"
530
438
  ]
531
439
  }
532
440
  },
@@ -535,9 +443,7 @@
535
443
  "description": "The text usually displayed in a tooltip popup when the mouse is over the field.",
536
444
  "value": {
537
445
  "type": [
538
- "string",
539
- "null",
540
- "undefined"
446
+ "string"
541
447
  ]
542
448
  }
543
449
  },
@@ -546,9 +452,7 @@
546
452
  "description": "The value of the field.",
547
453
  "value": {
548
454
  "type": [
549
- "string",
550
- "null",
551
- "undefined"
455
+ "string"
552
456
  ]
553
457
  }
554
458
  }
@@ -560,7 +464,7 @@
560
464
  },
561
465
  {
562
466
  "name": "input",
563
- "description": "Fired when the value is changed by the user: on every typing keystroke,\nand the value is cleared using the clear button."
467
+ "description": "Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button."
564
468
  },
565
469
  {
566
470
  "name": "invalid-changed",
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/email-field",
4
- "version": "25.1.2",
4
+ "version": "25.2.0-alpha10",
5
5
  "description-markup": "markdown",
6
6
  "framework": "lit",
7
7
  "framework-config": {
@@ -20,120 +20,106 @@
20
20
  "extension": true,
21
21
  "attributes": [
22
22
  {
23
- "name": "?autofocus",
24
- "description": "Specify that this control should have input focus when the page loads.",
25
- "value": {
26
- "kind": "expression"
27
- }
28
- },
29
- {
30
- "name": "?autoselect",
31
- "description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
32
- "value": {
33
- "kind": "expression"
34
- }
35
- },
36
- {
37
- "name": "?clearButtonVisible",
38
- "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.",
23
+ "name": ".accessibleName",
24
+ "description": "String used to label the component to screen reader users.",
39
25
  "value": {
40
26
  "kind": "expression"
41
27
  }
42
28
  },
43
29
  {
44
- "name": "?disabled",
45
- "description": "If true, the user cannot interact with this element.",
30
+ "name": ".accessibleNameRef",
31
+ "description": "Id of the element used as label of the component to screen reader users.",
46
32
  "value": {
47
33
  "kind": "expression"
48
34
  }
49
35
  },
50
36
  {
51
- "name": "?invalid",
52
- "description": "Set to true when the field is invalid.",
37
+ "name": ".allowedCharPattern",
38
+ "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-]\"`",
53
39
  "value": {
54
40
  "kind": "expression"
55
41
  }
56
42
  },
57
43
  {
58
- "name": "?manualValidation",
59
- "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.",
44
+ "name": ".autocapitalize",
45
+ "description": "This is a property supported by Safari and Chrome that is used to control whether\nautocapitalization should be enabled when the user is entering/editing the text.\nPossible values are:\ncharacters: Characters capitalization.\nwords: Words capitalization.\nsentences: Sentences capitalization.\nnone: No capitalization.",
60
46
  "value": {
61
47
  "kind": "expression"
62
48
  }
63
49
  },
64
50
  {
65
- "name": "?readonly",
66
- "description": "When present, it specifies that the field is read-only.",
51
+ "name": ".autocomplete",
52
+ "description": "Whether the value of the control can be automatically completed by the browser.\nList of available options at:\nhttps://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-autocomplete",
67
53
  "value": {
68
54
  "kind": "expression"
69
55
  }
70
56
  },
71
57
  {
72
- "name": "?required",
73
- "description": "Specifies that the user must fill in a value.",
58
+ "name": ".autocorrect",
59
+ "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.",
74
60
  "value": {
75
61
  "kind": "expression"
76
62
  }
77
63
  },
78
64
  {
79
- "name": ".accessibleName",
80
- "description": "String used to label the component to screen reader users.",
65
+ "name": "?autofocus",
66
+ "description": "Specify that this control should have input focus when the page loads.",
81
67
  "value": {
82
68
  "kind": "expression"
83
69
  }
84
70
  },
85
71
  {
86
- "name": ".accessibleNameRef",
87
- "description": "Id of the element used as label of the component to screen reader users.",
72
+ "name": "?autoselect",
73
+ "description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
88
74
  "value": {
89
75
  "kind": "expression"
90
76
  }
91
77
  },
92
78
  {
93
- "name": ".allowedCharPattern",
94
- "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-]\"`",
79
+ "name": "?clearButtonVisible",
80
+ "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.",
95
81
  "value": {
96
82
  "kind": "expression"
97
83
  }
98
84
  },
99
85
  {
100
- "name": ".autocapitalize",
101
- "description": "This is a property supported by Safari and Chrome that is used to control whether\nautocapitalization should be enabled when the user is entering/editing the text.\nPossible values are:\ncharacters: Characters capitalization.\nwords: Words capitalization.\nsentences: Sentences capitalization.\nnone: No capitalization.",
86
+ "name": "?disabled",
87
+ "description": "If true, the user cannot interact with this element.",
102
88
  "value": {
103
89
  "kind": "expression"
104
90
  }
105
91
  },
106
92
  {
107
- "name": ".autocomplete",
108
- "description": "Whether the value of the control can be automatically completed by the browser.\nList of available options at:\nhttps://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-autocomplete",
93
+ "name": ".errorMessage",
94
+ "description": "Error to show when the field is invalid.",
109
95
  "value": {
110
96
  "kind": "expression"
111
97
  }
112
98
  },
113
99
  {
114
- "name": ".autocorrect",
115
- "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.",
100
+ "name": ".helperText",
101
+ "description": "String used for the helper text.",
116
102
  "value": {
117
103
  "kind": "expression"
118
104
  }
119
105
  },
120
106
  {
121
- "name": ".errorMessage",
122
- "description": "Error to show when the field is invalid.",
107
+ "name": "?invalid",
108
+ "description": "Set to true when the field is invalid.",
123
109
  "value": {
124
110
  "kind": "expression"
125
111
  }
126
112
  },
127
113
  {
128
- "name": ".helperText",
129
- "description": "String used for the helper text.",
114
+ "name": ".label",
115
+ "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
130
116
  "value": {
131
117
  "kind": "expression"
132
118
  }
133
119
  },
134
120
  {
135
- "name": ".label",
136
- "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
121
+ "name": "?manualValidation",
122
+ "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.",
137
123
  "value": {
138
124
  "kind": "expression"
139
125
  }
@@ -173,6 +159,20 @@
173
159
  "kind": "expression"
174
160
  }
175
161
  },
162
+ {
163
+ "name": "?readonly",
164
+ "description": "When present, it specifies that the field is read-only.",
165
+ "value": {
166
+ "kind": "expression"
167
+ }
168
+ },
169
+ {
170
+ "name": "?required",
171
+ "description": "Specifies that the user must fill in a value.",
172
+ "value": {
173
+ "kind": "expression"
174
+ }
175
+ },
176
176
  {
177
177
  "name": ".title",
178
178
  "description": "The text usually displayed in a tooltip popup when the mouse is over the field.",
@@ -196,7 +196,7 @@
196
196
  },
197
197
  {
198
198
  "name": "@input",
199
- "description": "Fired when the value is changed by the user: on every typing keystroke,\nand the value is cleared using the clear button.",
199
+ "description": "Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button.",
200
200
  "value": {
201
201
  "kind": "expression"
202
202
  }