@vaadin/text-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.
- package/custom-elements.json +440 -2
- package/package.json +11 -11
- package/web-types.json +50 -146
- package/web-types.lit.json +46 -46
package/web-types.lit.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/text-field",
|
|
4
|
-
"version": "25.
|
|
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": "
|
|
24
|
-
"description": "
|
|
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": "
|
|
45
|
-
"description": "
|
|
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": "
|
|
52
|
-
"description": "
|
|
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": "
|
|
59
|
-
"description": "
|
|
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": "
|
|
66
|
-
"description": "
|
|
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": "
|
|
73
|
-
"description": "
|
|
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": "
|
|
80
|
-
"description": "
|
|
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": "
|
|
87
|
-
"description": "
|
|
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": "
|
|
94
|
-
"description": "
|
|
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": "
|
|
101
|
-
"description": "
|
|
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": ".
|
|
108
|
-
"description": "
|
|
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": ".
|
|
115
|
-
"description": "
|
|
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": "
|
|
122
|
-
"description": "
|
|
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": ".
|
|
129
|
-
"description": "
|
|
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": "
|
|
136
|
-
"description": "
|
|
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
|
|
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
|
}
|