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