@vaadin/text-field 25.2.0-alpha8 → 25.2.0-beta1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +415 -3
- package/package.json +11 -11
- package/src/vaadin-text-field-mixin.js +0 -3
- package/src/vaadin-text-field.d.ts +39 -6
- package/src/vaadin-text-field.js +39 -9
- package/web-types.json +51 -147
- package/web-types.lit.json +47 -47
package/custom-elements.json
CHANGED
|
@@ -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": "FieldMixin",
|
|
152
|
+
"package": "@vaadin/field-base/src/field-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,20 @@
|
|
|
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
|
+
},
|
|
169
234
|
{
|
|
170
235
|
"kind": "field",
|
|
171
236
|
"name": "label",
|
|
@@ -180,6 +245,20 @@
|
|
|
180
245
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
181
246
|
}
|
|
182
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
|
+
},
|
|
183
262
|
{
|
|
184
263
|
"kind": "field",
|
|
185
264
|
"name": "maxlength",
|
|
@@ -252,6 +331,20 @@
|
|
|
252
331
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
253
332
|
}
|
|
254
333
|
},
|
|
334
|
+
{
|
|
335
|
+
"kind": "field",
|
|
336
|
+
"name": "required",
|
|
337
|
+
"privacy": "public",
|
|
338
|
+
"type": {
|
|
339
|
+
"text": "boolean"
|
|
340
|
+
},
|
|
341
|
+
"description": "Specifies that the user must fill in a value.",
|
|
342
|
+
"attribute": "required",
|
|
343
|
+
"inheritedFrom": {
|
|
344
|
+
"name": "FieldMixin",
|
|
345
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
346
|
+
}
|
|
347
|
+
},
|
|
255
348
|
{
|
|
256
349
|
"kind": "field",
|
|
257
350
|
"name": "title",
|
|
@@ -265,6 +358,34 @@
|
|
|
265
358
|
"name": "InputControlMixin",
|
|
266
359
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
267
360
|
}
|
|
361
|
+
},
|
|
362
|
+
{
|
|
363
|
+
"kind": "method",
|
|
364
|
+
"name": "validate",
|
|
365
|
+
"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.",
|
|
366
|
+
"return": {
|
|
367
|
+
"type": {
|
|
368
|
+
"text": "boolean"
|
|
369
|
+
}
|
|
370
|
+
},
|
|
371
|
+
"inheritedFrom": {
|
|
372
|
+
"name": "FieldMixin",
|
|
373
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
374
|
+
}
|
|
375
|
+
},
|
|
376
|
+
{
|
|
377
|
+
"kind": "field",
|
|
378
|
+
"name": "value",
|
|
379
|
+
"privacy": "public",
|
|
380
|
+
"type": {
|
|
381
|
+
"text": "string"
|
|
382
|
+
},
|
|
383
|
+
"description": "The value of the field.",
|
|
384
|
+
"attribute": "value",
|
|
385
|
+
"inheritedFrom": {
|
|
386
|
+
"name": "ClearButtonMixin",
|
|
387
|
+
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
388
|
+
}
|
|
268
389
|
}
|
|
269
390
|
],
|
|
270
391
|
"attributes": [
|
|
@@ -340,6 +461,18 @@
|
|
|
340
461
|
"package": "@vaadin/field-base/src/input-field-mixin.js"
|
|
341
462
|
}
|
|
342
463
|
},
|
|
464
|
+
{
|
|
465
|
+
"name": "autofocus",
|
|
466
|
+
"type": {
|
|
467
|
+
"text": "boolean"
|
|
468
|
+
},
|
|
469
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
470
|
+
"fieldName": "autofocus",
|
|
471
|
+
"inheritedFrom": {
|
|
472
|
+
"name": "DelegateFocusMixin",
|
|
473
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
474
|
+
}
|
|
475
|
+
},
|
|
343
476
|
{
|
|
344
477
|
"name": "autoselect",
|
|
345
478
|
"type": {
|
|
@@ -364,6 +497,18 @@
|
|
|
364
497
|
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
365
498
|
}
|
|
366
499
|
},
|
|
500
|
+
{
|
|
501
|
+
"name": "disabled",
|
|
502
|
+
"type": {
|
|
503
|
+
"text": "boolean"
|
|
504
|
+
},
|
|
505
|
+
"description": "If true, the user cannot interact with this element.",
|
|
506
|
+
"fieldName": "disabled",
|
|
507
|
+
"inheritedFrom": {
|
|
508
|
+
"name": "DelegateFocusMixin",
|
|
509
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
510
|
+
}
|
|
511
|
+
},
|
|
367
512
|
{
|
|
368
513
|
"name": "error-message",
|
|
369
514
|
"type": {
|
|
@@ -388,6 +533,18 @@
|
|
|
388
533
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
389
534
|
}
|
|
390
535
|
},
|
|
536
|
+
{
|
|
537
|
+
"name": "invalid",
|
|
538
|
+
"type": {
|
|
539
|
+
"text": "boolean"
|
|
540
|
+
},
|
|
541
|
+
"description": "Set to true when the field is invalid.",
|
|
542
|
+
"fieldName": "invalid",
|
|
543
|
+
"inheritedFrom": {
|
|
544
|
+
"name": "FieldMixin",
|
|
545
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
546
|
+
}
|
|
547
|
+
},
|
|
391
548
|
{
|
|
392
549
|
"name": "label",
|
|
393
550
|
"type": {
|
|
@@ -400,6 +557,18 @@
|
|
|
400
557
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
401
558
|
}
|
|
402
559
|
},
|
|
560
|
+
{
|
|
561
|
+
"name": "manual-validation",
|
|
562
|
+
"type": {
|
|
563
|
+
"text": "boolean"
|
|
564
|
+
},
|
|
565
|
+
"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.",
|
|
566
|
+
"fieldName": "manualValidation",
|
|
567
|
+
"inheritedFrom": {
|
|
568
|
+
"name": "FieldMixin",
|
|
569
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
570
|
+
}
|
|
571
|
+
},
|
|
403
572
|
{
|
|
404
573
|
"name": "maxlength",
|
|
405
574
|
"type": {
|
|
@@ -460,6 +629,18 @@
|
|
|
460
629
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
461
630
|
}
|
|
462
631
|
},
|
|
632
|
+
{
|
|
633
|
+
"name": "required",
|
|
634
|
+
"type": {
|
|
635
|
+
"text": "boolean"
|
|
636
|
+
},
|
|
637
|
+
"description": "Specifies that the user must fill in a value.",
|
|
638
|
+
"fieldName": "required",
|
|
639
|
+
"inheritedFrom": {
|
|
640
|
+
"name": "FieldMixin",
|
|
641
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
642
|
+
}
|
|
643
|
+
},
|
|
463
644
|
{
|
|
464
645
|
"name": "title",
|
|
465
646
|
"type": {
|
|
@@ -471,6 +652,18 @@
|
|
|
471
652
|
"name": "InputControlMixin",
|
|
472
653
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
473
654
|
}
|
|
655
|
+
},
|
|
656
|
+
{
|
|
657
|
+
"name": "value",
|
|
658
|
+
"type": {
|
|
659
|
+
"text": "string"
|
|
660
|
+
},
|
|
661
|
+
"description": "The value of the field.",
|
|
662
|
+
"fieldName": "value",
|
|
663
|
+
"inheritedFrom": {
|
|
664
|
+
"name": "ClearButtonMixin",
|
|
665
|
+
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
666
|
+
}
|
|
474
667
|
}
|
|
475
668
|
],
|
|
476
669
|
"mixins": [
|
|
@@ -483,6 +676,28 @@
|
|
|
483
676
|
{
|
|
484
677
|
"name": "superClass"
|
|
485
678
|
}
|
|
679
|
+
],
|
|
680
|
+
"events": [
|
|
681
|
+
{
|
|
682
|
+
"name": "change",
|
|
683
|
+
"type": {
|
|
684
|
+
"text": "CustomEvent"
|
|
685
|
+
},
|
|
686
|
+
"inheritedFrom": {
|
|
687
|
+
"name": "InputConstraintsMixin",
|
|
688
|
+
"package": "@vaadin/field-base/src/input-constraints-mixin.js"
|
|
689
|
+
}
|
|
690
|
+
},
|
|
691
|
+
{
|
|
692
|
+
"name": "validated",
|
|
693
|
+
"type": {
|
|
694
|
+
"text": "CustomEvent"
|
|
695
|
+
},
|
|
696
|
+
"inheritedFrom": {
|
|
697
|
+
"name": "FieldMixin",
|
|
698
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
699
|
+
}
|
|
700
|
+
}
|
|
486
701
|
]
|
|
487
702
|
}
|
|
488
703
|
],
|
|
@@ -503,7 +718,7 @@
|
|
|
503
718
|
"declarations": [
|
|
504
719
|
{
|
|
505
720
|
"kind": "class",
|
|
506
|
-
"description": "`<vaadin-text-field>` is a web component that allows the user to input and edit text.\n\n```html\n<vaadin-text-field label=\"First Name\"></vaadin-text-field>\n```\n\n### Prefixes and suffixes\n\nThese are child elements of a `<vaadin-text-field>` that are displayed\ninline with the input, before or after.\nIn order for an element to be considered as a prefix, it must have the slot\nattribute set to `prefix` (and similarly for `suffix`).\n\n```html\n<vaadin-text-field label=\"Email address\">\n <div slot=\"prefix\">Sent to:</div>\n <div slot=\"suffix\">@vaadin.com</div>\n</vaadin-text-field>\n```\n\n### Styling\n\nThe following
|
|
721
|
+
"description": "`<vaadin-text-field>` is a web component that allows the user to input and edit text.\n\n```html\n<vaadin-text-field label=\"First Name\"></vaadin-text-field>\n```\n\n### Prefixes and suffixes\n\nThese are child elements of a `<vaadin-text-field>` that are displayed\ninline with the input, before or after.\nIn order for an element to be considered as a prefix, it must have the slot\nattribute set to `prefix` (and similarly for `suffix`).\n\n```html\n<vaadin-text-field label=\"Email address\">\n <div slot=\"prefix\">Sent to:</div>\n <div slot=\"suffix\">@vaadin.com</div>\n</vaadin-text-field>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n---------------------|----------------\n`label` | The label element\n`input-field` | The element that wraps prefix, value and suffix\n`field-button` | Set on the clear button\n`clear-button` | The clear button\n`error-message` | The error message element\n`helper-text` | The helper text element wrapper\n`required-indicator` | The `required` state indicator element\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n---------------------|---------------------------------\n`disabled` | Set when the element is disabled\n`has-value` | Set when the element has a value\n`has-label` | Set when the element has a label\n`has-helper` | Set when the element has helper text or slot\n`has-error-message` | Set when the element has an error message\n`has-tooltip` | Set when the element has a slotted tooltip\n`invalid` | Set when the element is invalid\n`input-prevented` | Temporarily set when invalid input is prevented\n`focused` | Set when the element is focused\n`focus-ring` | Set when the element is keyboard focused\n`readonly` | Set when the element is readonly\n\nNote, the `input-prevented` state attribute is only supported when `allowedCharPattern` is set.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:--------------------------------------------------|\n| `--vaadin-field-default-width` |\n| `--vaadin-input-field-background` |\n| `--vaadin-input-field-border-color` |\n| `--vaadin-input-field-border-radius` |\n| `--vaadin-input-field-border-width` |\n| `--vaadin-input-field-bottom-end-radius` |\n| `--vaadin-input-field-bottom-start-radius` |\n| `--vaadin-input-field-button-text-color` |\n| `--vaadin-input-field-container-gap` |\n| `--vaadin-input-field-disabled-background` |\n| `--vaadin-input-field-disabled-text-color` |\n| `--vaadin-input-field-error-color` |\n| `--vaadin-input-field-error-font-size` |\n| `--vaadin-input-field-error-font-weight` |\n| `--vaadin-input-field-error-line-height` |\n| `--vaadin-input-field-gap` |\n| `--vaadin-input-field-helper-color` |\n| `--vaadin-input-field-helper-font-size` |\n| `--vaadin-input-field-helper-font-weight` |\n| `--vaadin-input-field-helper-line-height` |\n| `--vaadin-input-field-label-color` |\n| `--vaadin-input-field-label-font-size` |\n| `--vaadin-input-field-label-font-weight` |\n| `--vaadin-input-field-label-line-height` |\n| `--vaadin-input-field-padding` |\n| `--vaadin-input-field-placeholder-color` |\n| `--vaadin-input-field-required-indicator` |\n| `--vaadin-input-field-required-indicator-color` |\n| `--vaadin-input-field-top-end-radius` |\n| `--vaadin-input-field-top-start-radius` |\n| `--vaadin-input-field-value-color` |\n| `--vaadin-input-field-value-font-size` |\n| `--vaadin-input-field-value-font-weight` |\n| `--vaadin-input-field-value-line-height` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
507
722
|
"name": "TextField",
|
|
508
723
|
"members": [
|
|
509
724
|
{
|
|
@@ -590,6 +805,20 @@
|
|
|
590
805
|
"package": "@vaadin/field-base/src/input-field-mixin.js"
|
|
591
806
|
}
|
|
592
807
|
},
|
|
808
|
+
{
|
|
809
|
+
"kind": "field",
|
|
810
|
+
"name": "autofocus",
|
|
811
|
+
"privacy": "public",
|
|
812
|
+
"type": {
|
|
813
|
+
"text": "boolean"
|
|
814
|
+
},
|
|
815
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
816
|
+
"attribute": "autofocus",
|
|
817
|
+
"inheritedFrom": {
|
|
818
|
+
"name": "DelegateFocusMixin",
|
|
819
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
820
|
+
}
|
|
821
|
+
},
|
|
593
822
|
{
|
|
594
823
|
"kind": "field",
|
|
595
824
|
"name": "autoselect",
|
|
@@ -604,6 +833,29 @@
|
|
|
604
833
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
605
834
|
}
|
|
606
835
|
},
|
|
836
|
+
{
|
|
837
|
+
"kind": "method",
|
|
838
|
+
"name": "checkValidity",
|
|
839
|
+
"description": "Returns true if the current input value satisfies all constraints (if any).",
|
|
840
|
+
"return": {
|
|
841
|
+
"type": {
|
|
842
|
+
"text": "boolean"
|
|
843
|
+
}
|
|
844
|
+
},
|
|
845
|
+
"inheritedFrom": {
|
|
846
|
+
"name": "InputConstraintsMixin",
|
|
847
|
+
"package": "@vaadin/field-base/src/input-constraints-mixin.js"
|
|
848
|
+
}
|
|
849
|
+
},
|
|
850
|
+
{
|
|
851
|
+
"kind": "method",
|
|
852
|
+
"name": "clear",
|
|
853
|
+
"description": "Clear the value of the field.",
|
|
854
|
+
"inheritedFrom": {
|
|
855
|
+
"name": "ClearButtonMixin",
|
|
856
|
+
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
857
|
+
}
|
|
858
|
+
},
|
|
607
859
|
{
|
|
608
860
|
"kind": "field",
|
|
609
861
|
"name": "clearButtonVisible",
|
|
@@ -618,6 +870,20 @@
|
|
|
618
870
|
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
619
871
|
}
|
|
620
872
|
},
|
|
873
|
+
{
|
|
874
|
+
"kind": "field",
|
|
875
|
+
"name": "disabled",
|
|
876
|
+
"privacy": "public",
|
|
877
|
+
"type": {
|
|
878
|
+
"text": "boolean"
|
|
879
|
+
},
|
|
880
|
+
"description": "If true, the user cannot interact with this element.",
|
|
881
|
+
"attribute": "disabled",
|
|
882
|
+
"inheritedFrom": {
|
|
883
|
+
"name": "DelegateFocusMixin",
|
|
884
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
885
|
+
}
|
|
886
|
+
},
|
|
621
887
|
{
|
|
622
888
|
"kind": "field",
|
|
623
889
|
"name": "errorMessage",
|
|
@@ -646,6 +912,20 @@
|
|
|
646
912
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
647
913
|
}
|
|
648
914
|
},
|
|
915
|
+
{
|
|
916
|
+
"kind": "field",
|
|
917
|
+
"name": "invalid",
|
|
918
|
+
"privacy": "public",
|
|
919
|
+
"type": {
|
|
920
|
+
"text": "boolean"
|
|
921
|
+
},
|
|
922
|
+
"description": "Set to true when the field is invalid.",
|
|
923
|
+
"attribute": "invalid",
|
|
924
|
+
"inheritedFrom": {
|
|
925
|
+
"name": "FieldMixin",
|
|
926
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
927
|
+
}
|
|
928
|
+
},
|
|
649
929
|
{
|
|
650
930
|
"kind": "field",
|
|
651
931
|
"name": "label",
|
|
@@ -660,6 +940,20 @@
|
|
|
660
940
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
661
941
|
}
|
|
662
942
|
},
|
|
943
|
+
{
|
|
944
|
+
"kind": "field",
|
|
945
|
+
"name": "manualValidation",
|
|
946
|
+
"privacy": "public",
|
|
947
|
+
"type": {
|
|
948
|
+
"text": "boolean"
|
|
949
|
+
},
|
|
950
|
+
"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.",
|
|
951
|
+
"attribute": "manual-validation",
|
|
952
|
+
"inheritedFrom": {
|
|
953
|
+
"name": "FieldMixin",
|
|
954
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
955
|
+
}
|
|
956
|
+
},
|
|
663
957
|
{
|
|
664
958
|
"kind": "field",
|
|
665
959
|
"name": "maxlength",
|
|
@@ -744,6 +1038,20 @@
|
|
|
744
1038
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
745
1039
|
}
|
|
746
1040
|
},
|
|
1041
|
+
{
|
|
1042
|
+
"kind": "field",
|
|
1043
|
+
"name": "required",
|
|
1044
|
+
"privacy": "public",
|
|
1045
|
+
"type": {
|
|
1046
|
+
"text": "boolean"
|
|
1047
|
+
},
|
|
1048
|
+
"description": "Specifies that the user must fill in a value.",
|
|
1049
|
+
"attribute": "required",
|
|
1050
|
+
"inheritedFrom": {
|
|
1051
|
+
"name": "FieldMixin",
|
|
1052
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1053
|
+
}
|
|
1054
|
+
},
|
|
747
1055
|
{
|
|
748
1056
|
"kind": "field",
|
|
749
1057
|
"name": "title",
|
|
@@ -757,15 +1065,47 @@
|
|
|
757
1065
|
"name": "InputControlMixin",
|
|
758
1066
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
759
1067
|
}
|
|
1068
|
+
},
|
|
1069
|
+
{
|
|
1070
|
+
"kind": "method",
|
|
1071
|
+
"name": "validate",
|
|
1072
|
+
"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.",
|
|
1073
|
+
"return": {
|
|
1074
|
+
"type": {
|
|
1075
|
+
"text": "boolean"
|
|
1076
|
+
}
|
|
1077
|
+
},
|
|
1078
|
+
"inheritedFrom": {
|
|
1079
|
+
"name": "FieldMixin",
|
|
1080
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1081
|
+
}
|
|
1082
|
+
},
|
|
1083
|
+
{
|
|
1084
|
+
"kind": "field",
|
|
1085
|
+
"name": "value",
|
|
1086
|
+
"privacy": "public",
|
|
1087
|
+
"type": {
|
|
1088
|
+
"text": "string"
|
|
1089
|
+
},
|
|
1090
|
+
"description": "The value of the field.",
|
|
1091
|
+
"attribute": "value",
|
|
1092
|
+
"inheritedFrom": {
|
|
1093
|
+
"name": "ClearButtonMixin",
|
|
1094
|
+
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
1095
|
+
}
|
|
760
1096
|
}
|
|
761
1097
|
],
|
|
762
1098
|
"events": [
|
|
763
1099
|
{
|
|
1100
|
+
"name": "change",
|
|
764
1101
|
"type": {
|
|
765
|
-
"text": "
|
|
1102
|
+
"text": "CustomEvent"
|
|
766
1103
|
},
|
|
767
1104
|
"description": "Fired when the user commits a value change.",
|
|
768
|
-
"
|
|
1105
|
+
"inheritedFrom": {
|
|
1106
|
+
"name": "InputConstraintsMixin",
|
|
1107
|
+
"package": "@vaadin/field-base/src/input-constraints-mixin.js"
|
|
1108
|
+
}
|
|
769
1109
|
},
|
|
770
1110
|
{
|
|
771
1111
|
"type": {
|
|
@@ -897,6 +1237,18 @@
|
|
|
897
1237
|
"package": "@vaadin/field-base/src/input-field-mixin.js"
|
|
898
1238
|
}
|
|
899
1239
|
},
|
|
1240
|
+
{
|
|
1241
|
+
"name": "autofocus",
|
|
1242
|
+
"type": {
|
|
1243
|
+
"text": "boolean"
|
|
1244
|
+
},
|
|
1245
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
1246
|
+
"fieldName": "autofocus",
|
|
1247
|
+
"inheritedFrom": {
|
|
1248
|
+
"name": "DelegateFocusMixin",
|
|
1249
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
1250
|
+
}
|
|
1251
|
+
},
|
|
900
1252
|
{
|
|
901
1253
|
"name": "autoselect",
|
|
902
1254
|
"type": {
|
|
@@ -921,6 +1273,18 @@
|
|
|
921
1273
|
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
922
1274
|
}
|
|
923
1275
|
},
|
|
1276
|
+
{
|
|
1277
|
+
"name": "disabled",
|
|
1278
|
+
"type": {
|
|
1279
|
+
"text": "boolean"
|
|
1280
|
+
},
|
|
1281
|
+
"description": "If true, the user cannot interact with this element.",
|
|
1282
|
+
"fieldName": "disabled",
|
|
1283
|
+
"inheritedFrom": {
|
|
1284
|
+
"name": "DelegateFocusMixin",
|
|
1285
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
1286
|
+
}
|
|
1287
|
+
},
|
|
924
1288
|
{
|
|
925
1289
|
"name": "error-message",
|
|
926
1290
|
"type": {
|
|
@@ -945,6 +1309,18 @@
|
|
|
945
1309
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
946
1310
|
}
|
|
947
1311
|
},
|
|
1312
|
+
{
|
|
1313
|
+
"name": "invalid",
|
|
1314
|
+
"type": {
|
|
1315
|
+
"text": "boolean"
|
|
1316
|
+
},
|
|
1317
|
+
"description": "Set to true when the field is invalid.",
|
|
1318
|
+
"fieldName": "invalid",
|
|
1319
|
+
"inheritedFrom": {
|
|
1320
|
+
"name": "FieldMixin",
|
|
1321
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1322
|
+
}
|
|
1323
|
+
},
|
|
948
1324
|
{
|
|
949
1325
|
"name": "label",
|
|
950
1326
|
"type": {
|
|
@@ -957,6 +1333,18 @@
|
|
|
957
1333
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
958
1334
|
}
|
|
959
1335
|
},
|
|
1336
|
+
{
|
|
1337
|
+
"name": "manual-validation",
|
|
1338
|
+
"type": {
|
|
1339
|
+
"text": "boolean"
|
|
1340
|
+
},
|
|
1341
|
+
"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.",
|
|
1342
|
+
"fieldName": "manualValidation",
|
|
1343
|
+
"inheritedFrom": {
|
|
1344
|
+
"name": "FieldMixin",
|
|
1345
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1346
|
+
}
|
|
1347
|
+
},
|
|
960
1348
|
{
|
|
961
1349
|
"name": "maxlength",
|
|
962
1350
|
"type": {
|
|
@@ -1029,6 +1417,18 @@
|
|
|
1029
1417
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
1030
1418
|
}
|
|
1031
1419
|
},
|
|
1420
|
+
{
|
|
1421
|
+
"name": "required",
|
|
1422
|
+
"type": {
|
|
1423
|
+
"text": "boolean"
|
|
1424
|
+
},
|
|
1425
|
+
"description": "Specifies that the user must fill in a value.",
|
|
1426
|
+
"fieldName": "required",
|
|
1427
|
+
"inheritedFrom": {
|
|
1428
|
+
"name": "FieldMixin",
|
|
1429
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1430
|
+
}
|
|
1431
|
+
},
|
|
1032
1432
|
{
|
|
1033
1433
|
"name": "title",
|
|
1034
1434
|
"type": {
|
|
@@ -1040,6 +1440,18 @@
|
|
|
1040
1440
|
"name": "InputControlMixin",
|
|
1041
1441
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
1042
1442
|
}
|
|
1443
|
+
},
|
|
1444
|
+
{
|
|
1445
|
+
"name": "value",
|
|
1446
|
+
"type": {
|
|
1447
|
+
"text": "string"
|
|
1448
|
+
},
|
|
1449
|
+
"description": "The value of the field.",
|
|
1450
|
+
"fieldName": "value",
|
|
1451
|
+
"inheritedFrom": {
|
|
1452
|
+
"name": "ClearButtonMixin",
|
|
1453
|
+
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
1454
|
+
}
|
|
1043
1455
|
}
|
|
1044
1456
|
]
|
|
1045
1457
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/text-field",
|
|
3
|
-
"version": "25.2.0-
|
|
3
|
+
"version": "25.2.0-beta1",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -35,19 +35,19 @@
|
|
|
35
35
|
],
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
38
|
-
"@vaadin/a11y-base": "25.2.0-
|
|
39
|
-
"@vaadin/component-base": "25.2.0-
|
|
40
|
-
"@vaadin/field-base": "25.2.0-
|
|
41
|
-
"@vaadin/input-container": "25.2.0-
|
|
42
|
-
"@vaadin/vaadin-themable-mixin": "25.2.0-
|
|
38
|
+
"@vaadin/a11y-base": "25.2.0-beta1",
|
|
39
|
+
"@vaadin/component-base": "25.2.0-beta1",
|
|
40
|
+
"@vaadin/field-base": "25.2.0-beta1",
|
|
41
|
+
"@vaadin/input-container": "25.2.0-beta1",
|
|
42
|
+
"@vaadin/vaadin-themable-mixin": "25.2.0-beta1",
|
|
43
43
|
"lit": "^3.0.0"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@vaadin/aura": "25.2.0-
|
|
47
|
-
"@vaadin/chai-plugins": "25.2.0-
|
|
48
|
-
"@vaadin/test-runner-commands": "25.2.0-
|
|
46
|
+
"@vaadin/aura": "25.2.0-beta1",
|
|
47
|
+
"@vaadin/chai-plugins": "25.2.0-beta1",
|
|
48
|
+
"@vaadin/test-runner-commands": "25.2.0-beta1",
|
|
49
49
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
50
|
-
"@vaadin/vaadin-lumo-styles": "25.2.0-
|
|
50
|
+
"@vaadin/vaadin-lumo-styles": "25.2.0-beta1",
|
|
51
51
|
"sinon": "^21.0.2"
|
|
52
52
|
},
|
|
53
53
|
"customElements": "custom-elements.json",
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"web-types.json",
|
|
56
56
|
"web-types.lit.json"
|
|
57
57
|
],
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "471a23f60d1eb725f98a33f62cb9664d9c0a4163"
|
|
59
59
|
}
|
|
@@ -9,9 +9,6 @@ import { LabelledInputController } from '@vaadin/field-base/src/labelled-input-c
|
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
11
|
* A mixin providing common text field functionality.
|
|
12
|
-
*
|
|
13
|
-
* @polymerMixin
|
|
14
|
-
* @mixes InputFieldMixin
|
|
15
12
|
*/
|
|
16
13
|
export const TextFieldMixin = (superClass) =>
|
|
17
14
|
class TextFieldMixinClass extends InputFieldMixin(superClass) {
|