@vaadin/text-area 23.3.21 → 23.3.22
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/package.json +8 -8
- package/web-types.json +56 -78
- package/web-types.lit.json +19 -26
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/text-area",
|
|
3
|
-
"version": "23.3.
|
|
3
|
+
"version": "23.3.22",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -35,12 +35,12 @@
|
|
|
35
35
|
],
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@polymer/polymer": "^3.0.0",
|
|
38
|
-
"@vaadin/component-base": "~23.3.
|
|
39
|
-
"@vaadin/field-base": "~23.3.
|
|
40
|
-
"@vaadin/input-container": "~23.3.
|
|
41
|
-
"@vaadin/vaadin-lumo-styles": "~23.3.
|
|
42
|
-
"@vaadin/vaadin-material-styles": "~23.3.
|
|
43
|
-
"@vaadin/vaadin-themable-mixin": "~23.3.
|
|
38
|
+
"@vaadin/component-base": "~23.3.22",
|
|
39
|
+
"@vaadin/field-base": "~23.3.22",
|
|
40
|
+
"@vaadin/input-container": "~23.3.22",
|
|
41
|
+
"@vaadin/vaadin-lumo-styles": "~23.3.22",
|
|
42
|
+
"@vaadin/vaadin-material-styles": "~23.3.22",
|
|
43
|
+
"@vaadin/vaadin-themable-mixin": "~23.3.22"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
46
|
"@esm-bundle/chai": "^4.3.4",
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"web-types.json",
|
|
52
52
|
"web-types.lit.json"
|
|
53
53
|
],
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "88ff9ce571e2cb894223e9a8f275c1bd8fd51e3e"
|
|
55
55
|
}
|
package/web-types.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/text-area",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "23.3.22",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"elements": [
|
|
9
9
|
{
|
|
10
10
|
"name": "vaadin-text-area",
|
|
11
|
-
"description": "`<vaadin-text-area>` is a web component for multi-line text input.\n\n```html\n<vaadin-text-area label=\"Comment\"></vaadin-text-area>\n```\n\n### Prefixes and suffixes\n\nThese are child elements of a `<vaadin-text-area>` 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-area label=\"Description\">\n <div slot=\"prefix\">Details:</div>\n <div slot=\"suffix\">The end!</div>\n</vaadin-text-area>\n```\n\n### Styling\n\nThe following custom properties are available for styling:\n\nCustom property | Description | Default\n-------------------------------|----------------------------|---------\n`--vaadin-field-default-width` | Default width of the field | `12em`\n\n`<vaadin-text-area>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/
|
|
11
|
+
"description": "`<vaadin-text-area>` is a web component for multi-line text input.\n\n```html\n<vaadin-text-area label=\"Comment\"></vaadin-text-area>\n```\n\n### Prefixes and suffixes\n\nThese are child elements of a `<vaadin-text-area>` 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-area label=\"Description\">\n <div slot=\"prefix\">Details:</div>\n <div slot=\"suffix\">The end!</div>\n</vaadin-text-area>\n```\n\n### Styling\n\nThe following custom properties are available for styling:\n\nCustom property | Description | Default\n-------------------------------|----------------------------|---------\n`--vaadin-field-default-width` | Default width of the field | `12em`\n\n`<vaadin-text-area>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/23.3.22/#/elements/vaadin-text-field) for the styling documentation.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
14
|
"name": "disabled",
|
|
@@ -87,28 +87,6 @@
|
|
|
87
87
|
]
|
|
88
88
|
}
|
|
89
89
|
},
|
|
90
|
-
{
|
|
91
|
-
"name": "accessible-name",
|
|
92
|
-
"description": "String used to label the component to screen reader users.",
|
|
93
|
-
"value": {
|
|
94
|
-
"type": [
|
|
95
|
-
"string",
|
|
96
|
-
"null",
|
|
97
|
-
"undefined"
|
|
98
|
-
]
|
|
99
|
-
}
|
|
100
|
-
},
|
|
101
|
-
{
|
|
102
|
-
"name": "accessible-name-ref",
|
|
103
|
-
"description": "Id of the element used as label of the component to screen reader users.",
|
|
104
|
-
"value": {
|
|
105
|
-
"type": [
|
|
106
|
-
"string",
|
|
107
|
-
"null",
|
|
108
|
-
"undefined"
|
|
109
|
-
]
|
|
110
|
-
}
|
|
111
|
-
},
|
|
112
90
|
{
|
|
113
91
|
"name": "value",
|
|
114
92
|
"description": "The value of the field.",
|
|
@@ -121,30 +99,30 @@
|
|
|
121
99
|
}
|
|
122
100
|
},
|
|
123
101
|
{
|
|
124
|
-
"name": "
|
|
125
|
-
"description": "
|
|
102
|
+
"name": "allowed-char-pattern",
|
|
103
|
+
"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-]\"`",
|
|
126
104
|
"value": {
|
|
127
105
|
"type": [
|
|
128
|
-
"
|
|
106
|
+
"string",
|
|
129
107
|
"null",
|
|
130
108
|
"undefined"
|
|
131
109
|
]
|
|
132
110
|
}
|
|
133
111
|
},
|
|
134
112
|
{
|
|
135
|
-
"name": "
|
|
136
|
-
"description": "
|
|
113
|
+
"name": "autoselect",
|
|
114
|
+
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
|
|
137
115
|
"value": {
|
|
138
116
|
"type": [
|
|
139
|
-
"
|
|
117
|
+
"boolean",
|
|
140
118
|
"null",
|
|
141
119
|
"undefined"
|
|
142
120
|
]
|
|
143
121
|
}
|
|
144
122
|
},
|
|
145
123
|
{
|
|
146
|
-
"name": "
|
|
147
|
-
"description": "
|
|
124
|
+
"name": "clear-button-visible",
|
|
125
|
+
"description": "Set to true to display the clear icon which clears the input.",
|
|
148
126
|
"value": {
|
|
149
127
|
"type": [
|
|
150
128
|
"boolean",
|
|
@@ -231,19 +209,30 @@
|
|
|
231
209
|
}
|
|
232
210
|
},
|
|
233
211
|
{
|
|
234
|
-
"name": "
|
|
235
|
-
"description": "
|
|
212
|
+
"name": "pattern",
|
|
213
|
+
"description": "A regular expression that the value is checked against.\nThe pattern must match the entire value, not just some subset.",
|
|
236
214
|
"value": {
|
|
237
215
|
"type": [
|
|
238
|
-
"
|
|
216
|
+
"string",
|
|
239
217
|
"null",
|
|
240
218
|
"undefined"
|
|
241
219
|
]
|
|
242
220
|
}
|
|
243
221
|
},
|
|
244
222
|
{
|
|
245
|
-
"name": "
|
|
246
|
-
"description": "
|
|
223
|
+
"name": "prevent-invalid-input",
|
|
224
|
+
"description": "When set to true, user is prevented from typing a value that\nconflicts with the given `pattern`.",
|
|
225
|
+
"value": {
|
|
226
|
+
"type": [
|
|
227
|
+
"boolean",
|
|
228
|
+
"null",
|
|
229
|
+
"undefined"
|
|
230
|
+
]
|
|
231
|
+
}
|
|
232
|
+
},
|
|
233
|
+
{
|
|
234
|
+
"name": "maxlength",
|
|
235
|
+
"description": "Maximum number of characters (in Unicode code points) that the user can enter.",
|
|
247
236
|
"value": {
|
|
248
237
|
"type": [
|
|
249
238
|
"number",
|
|
@@ -253,11 +242,11 @@
|
|
|
253
242
|
}
|
|
254
243
|
},
|
|
255
244
|
{
|
|
256
|
-
"name": "
|
|
257
|
-
"description": "
|
|
245
|
+
"name": "minlength",
|
|
246
|
+
"description": "Minimum number of characters (in Unicode code points) that the user can enter.",
|
|
258
247
|
"value": {
|
|
259
248
|
"type": [
|
|
260
|
-
"
|
|
249
|
+
"number",
|
|
261
250
|
"null",
|
|
262
251
|
"undefined"
|
|
263
252
|
]
|
|
@@ -354,28 +343,6 @@
|
|
|
354
343
|
]
|
|
355
344
|
}
|
|
356
345
|
},
|
|
357
|
-
{
|
|
358
|
-
"name": "accessibleName",
|
|
359
|
-
"description": "String used to label the component to screen reader users.",
|
|
360
|
-
"value": {
|
|
361
|
-
"type": [
|
|
362
|
-
"string",
|
|
363
|
-
"null",
|
|
364
|
-
"undefined"
|
|
365
|
-
]
|
|
366
|
-
}
|
|
367
|
-
},
|
|
368
|
-
{
|
|
369
|
-
"name": "accessibleNameRef",
|
|
370
|
-
"description": "Id of the element used as label of the component to screen reader users.",
|
|
371
|
-
"value": {
|
|
372
|
-
"type": [
|
|
373
|
-
"string",
|
|
374
|
-
"null",
|
|
375
|
-
"undefined"
|
|
376
|
-
]
|
|
377
|
-
}
|
|
378
|
-
},
|
|
379
346
|
{
|
|
380
347
|
"name": "value",
|
|
381
348
|
"description": "The value of the field.",
|
|
@@ -388,30 +355,30 @@
|
|
|
388
355
|
}
|
|
389
356
|
},
|
|
390
357
|
{
|
|
391
|
-
"name": "
|
|
392
|
-
"description": "
|
|
358
|
+
"name": "allowedCharPattern",
|
|
359
|
+
"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-]\"`",
|
|
393
360
|
"value": {
|
|
394
361
|
"type": [
|
|
395
|
-
"
|
|
362
|
+
"string",
|
|
396
363
|
"null",
|
|
397
364
|
"undefined"
|
|
398
365
|
]
|
|
399
366
|
}
|
|
400
367
|
},
|
|
401
368
|
{
|
|
402
|
-
"name": "
|
|
403
|
-
"description": "
|
|
369
|
+
"name": "autoselect",
|
|
370
|
+
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
|
|
404
371
|
"value": {
|
|
405
372
|
"type": [
|
|
406
|
-
"
|
|
373
|
+
"boolean",
|
|
407
374
|
"null",
|
|
408
375
|
"undefined"
|
|
409
376
|
]
|
|
410
377
|
}
|
|
411
378
|
},
|
|
412
379
|
{
|
|
413
|
-
"name": "
|
|
414
|
-
"description": "
|
|
380
|
+
"name": "clearButtonVisible",
|
|
381
|
+
"description": "Set to true to display the clear icon which clears the input.",
|
|
415
382
|
"value": {
|
|
416
383
|
"type": [
|
|
417
384
|
"boolean",
|
|
@@ -498,19 +465,30 @@
|
|
|
498
465
|
}
|
|
499
466
|
},
|
|
500
467
|
{
|
|
501
|
-
"name": "
|
|
502
|
-
"description": "
|
|
468
|
+
"name": "pattern",
|
|
469
|
+
"description": "A regular expression that the value is checked against.\nThe pattern must match the entire value, not just some subset.",
|
|
503
470
|
"value": {
|
|
504
471
|
"type": [
|
|
505
|
-
"
|
|
472
|
+
"string",
|
|
506
473
|
"null",
|
|
507
474
|
"undefined"
|
|
508
475
|
]
|
|
509
476
|
}
|
|
510
477
|
},
|
|
511
478
|
{
|
|
512
|
-
"name": "
|
|
513
|
-
"description": "
|
|
479
|
+
"name": "preventInvalidInput",
|
|
480
|
+
"description": "When set to true, user is prevented from typing a value that\nconflicts with the given `pattern`.",
|
|
481
|
+
"value": {
|
|
482
|
+
"type": [
|
|
483
|
+
"boolean",
|
|
484
|
+
"null",
|
|
485
|
+
"undefined"
|
|
486
|
+
]
|
|
487
|
+
}
|
|
488
|
+
},
|
|
489
|
+
{
|
|
490
|
+
"name": "maxlength",
|
|
491
|
+
"description": "Maximum number of characters (in Unicode code points) that the user can enter.",
|
|
514
492
|
"value": {
|
|
515
493
|
"type": [
|
|
516
494
|
"number",
|
|
@@ -520,11 +498,11 @@
|
|
|
520
498
|
}
|
|
521
499
|
},
|
|
522
500
|
{
|
|
523
|
-
"name": "
|
|
524
|
-
"description": "
|
|
501
|
+
"name": "minlength",
|
|
502
|
+
"description": "Minimum number of characters (in Unicode code points) that the user can enter.",
|
|
525
503
|
"value": {
|
|
526
504
|
"type": [
|
|
527
|
-
"
|
|
505
|
+
"number",
|
|
528
506
|
"null",
|
|
529
507
|
"undefined"
|
|
530
508
|
]
|
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-area",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "23.3.22",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"elements": [
|
|
17
17
|
{
|
|
18
18
|
"name": "vaadin-text-area",
|
|
19
|
-
"description": "`<vaadin-text-area>` is a web component for multi-line text input.\n\n```html\n<vaadin-text-area label=\"Comment\"></vaadin-text-area>\n```\n\n### Prefixes and suffixes\n\nThese are child elements of a `<vaadin-text-area>` 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-area label=\"Description\">\n <div slot=\"prefix\">Details:</div>\n <div slot=\"suffix\">The end!</div>\n</vaadin-text-area>\n```\n\n### Styling\n\nThe following custom properties are available for styling:\n\nCustom property | Description | Default\n-------------------------------|----------------------------|---------\n`--vaadin-field-default-width` | Default width of the field | `12em`\n\n`<vaadin-text-area>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/
|
|
19
|
+
"description": "`<vaadin-text-area>` is a web component for multi-line text input.\n\n```html\n<vaadin-text-area label=\"Comment\"></vaadin-text-area>\n```\n\n### Prefixes and suffixes\n\nThese are child elements of a `<vaadin-text-area>` 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-area label=\"Description\">\n <div slot=\"prefix\">Details:</div>\n <div slot=\"suffix\">The end!</div>\n</vaadin-text-area>\n```\n\n### Styling\n\nThe following custom properties are available for styling:\n\nCustom property | Description | Default\n-------------------------------|----------------------------|---------\n`--vaadin-field-default-width` | Default width of the field | `12em`\n\n`<vaadin-text-area>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/23.3.22/#/elements/vaadin-text-field) for the styling documentation.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.",
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
22
|
{
|
|
@@ -48,15 +48,15 @@
|
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
50
|
{
|
|
51
|
-
"name": "?
|
|
52
|
-
"description": "
|
|
51
|
+
"name": "?autoselect",
|
|
52
|
+
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
|
|
53
53
|
"value": {
|
|
54
54
|
"kind": "expression"
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
57
|
{
|
|
58
|
-
"name": "?
|
|
59
|
-
"description": "
|
|
58
|
+
"name": "?clearButtonVisible",
|
|
59
|
+
"description": "Set to true to display the clear icon which clears the input.",
|
|
60
60
|
"value": {
|
|
61
61
|
"kind": "expression"
|
|
62
62
|
}
|
|
@@ -68,6 +68,13 @@
|
|
|
68
68
|
"kind": "expression"
|
|
69
69
|
}
|
|
70
70
|
},
|
|
71
|
+
{
|
|
72
|
+
"name": "?preventInvalidInput",
|
|
73
|
+
"description": "When set to true, user is prevented from typing a value that\nconflicts with the given `pattern`.",
|
|
74
|
+
"value": {
|
|
75
|
+
"kind": "expression"
|
|
76
|
+
}
|
|
77
|
+
},
|
|
71
78
|
{
|
|
72
79
|
"name": ".label",
|
|
73
80
|
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
@@ -89,20 +96,6 @@
|
|
|
89
96
|
"kind": "expression"
|
|
90
97
|
}
|
|
91
98
|
},
|
|
92
|
-
{
|
|
93
|
-
"name": ".accessibleName",
|
|
94
|
-
"description": "String used to label the component to screen reader users.",
|
|
95
|
-
"value": {
|
|
96
|
-
"kind": "expression"
|
|
97
|
-
}
|
|
98
|
-
},
|
|
99
|
-
{
|
|
100
|
-
"name": ".accessibleNameRef",
|
|
101
|
-
"description": "Id of the element used as label of the component to screen reader users.",
|
|
102
|
-
"value": {
|
|
103
|
-
"kind": "expression"
|
|
104
|
-
}
|
|
105
|
-
},
|
|
106
99
|
{
|
|
107
100
|
"name": ".value",
|
|
108
101
|
"description": "The value of the field.",
|
|
@@ -160,22 +153,22 @@
|
|
|
160
153
|
}
|
|
161
154
|
},
|
|
162
155
|
{
|
|
163
|
-
"name": ".
|
|
164
|
-
"description": "
|
|
156
|
+
"name": ".pattern",
|
|
157
|
+
"description": "A regular expression that the value is checked against.\nThe pattern must match the entire value, not just some subset.",
|
|
165
158
|
"value": {
|
|
166
159
|
"kind": "expression"
|
|
167
160
|
}
|
|
168
161
|
},
|
|
169
162
|
{
|
|
170
|
-
"name": ".
|
|
171
|
-
"description": "
|
|
163
|
+
"name": ".maxlength",
|
|
164
|
+
"description": "Maximum number of characters (in Unicode code points) that the user can enter.",
|
|
172
165
|
"value": {
|
|
173
166
|
"kind": "expression"
|
|
174
167
|
}
|
|
175
168
|
},
|
|
176
169
|
{
|
|
177
|
-
"name": ".
|
|
178
|
-
"description": "
|
|
170
|
+
"name": ".minlength",
|
|
171
|
+
"description": "Minimum number of characters (in Unicode code points) that the user can enter.",
|
|
179
172
|
"value": {
|
|
180
173
|
"kind": "expression"
|
|
181
174
|
}
|