@vaadin/text-area 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 +393 -5
- package/package.json +11 -11
- package/src/vaadin-text-area-mixin.js +9 -5
- package/src/vaadin-text-area.d.ts +39 -6
- package/src/vaadin-text-area.js +39 -9
- package/web-types.json +55 -159
- 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",
|
|
@@ -132,6 +146,19 @@
|
|
|
132
146
|
"type": {
|
|
133
147
|
"text": "boolean"
|
|
134
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"
|
|
135
162
|
}
|
|
136
163
|
},
|
|
137
164
|
{
|
|
@@ -148,6 +175,20 @@
|
|
|
148
175
|
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
149
176
|
}
|
|
150
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
|
+
},
|
|
151
192
|
{
|
|
152
193
|
"kind": "field",
|
|
153
194
|
"name": "errorMessage",
|
|
@@ -176,6 +217,20 @@
|
|
|
176
217
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
177
218
|
}
|
|
178
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
|
+
},
|
|
179
234
|
{
|
|
180
235
|
"kind": "field",
|
|
181
236
|
"name": "label",
|
|
@@ -190,6 +245,20 @@
|
|
|
190
245
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
191
246
|
}
|
|
192
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
|
+
},
|
|
193
262
|
{
|
|
194
263
|
"kind": "field",
|
|
195
264
|
"name": "maxlength",
|
|
@@ -282,6 +351,20 @@
|
|
|
282
351
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
283
352
|
}
|
|
284
353
|
},
|
|
354
|
+
{
|
|
355
|
+
"kind": "field",
|
|
356
|
+
"name": "required",
|
|
357
|
+
"privacy": "public",
|
|
358
|
+
"type": {
|
|
359
|
+
"text": "boolean"
|
|
360
|
+
},
|
|
361
|
+
"description": "Specifies that the user must fill in a value.",
|
|
362
|
+
"attribute": "required",
|
|
363
|
+
"inheritedFrom": {
|
|
364
|
+
"name": "FieldMixin",
|
|
365
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
366
|
+
}
|
|
367
|
+
},
|
|
285
368
|
{
|
|
286
369
|
"kind": "method",
|
|
287
370
|
"name": "scrollToEnd",
|
|
@@ -305,6 +388,34 @@
|
|
|
305
388
|
"name": "InputControlMixin",
|
|
306
389
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
307
390
|
}
|
|
391
|
+
},
|
|
392
|
+
{
|
|
393
|
+
"kind": "method",
|
|
394
|
+
"name": "validate",
|
|
395
|
+
"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.",
|
|
396
|
+
"return": {
|
|
397
|
+
"type": {
|
|
398
|
+
"text": "boolean"
|
|
399
|
+
}
|
|
400
|
+
},
|
|
401
|
+
"inheritedFrom": {
|
|
402
|
+
"name": "FieldMixin",
|
|
403
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
404
|
+
}
|
|
405
|
+
},
|
|
406
|
+
{
|
|
407
|
+
"kind": "field",
|
|
408
|
+
"name": "value",
|
|
409
|
+
"privacy": "public",
|
|
410
|
+
"type": {
|
|
411
|
+
"text": "string"
|
|
412
|
+
},
|
|
413
|
+
"description": "The value of the field.",
|
|
414
|
+
"attribute": "value",
|
|
415
|
+
"inheritedFrom": {
|
|
416
|
+
"name": "ClearButtonMixin",
|
|
417
|
+
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
418
|
+
}
|
|
308
419
|
}
|
|
309
420
|
],
|
|
310
421
|
"attributes": [
|
|
@@ -380,6 +491,18 @@
|
|
|
380
491
|
"package": "@vaadin/field-base/src/input-field-mixin.js"
|
|
381
492
|
}
|
|
382
493
|
},
|
|
494
|
+
{
|
|
495
|
+
"name": "autofocus",
|
|
496
|
+
"type": {
|
|
497
|
+
"text": "boolean"
|
|
498
|
+
},
|
|
499
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
500
|
+
"fieldName": "autofocus",
|
|
501
|
+
"inheritedFrom": {
|
|
502
|
+
"name": "DelegateFocusMixin",
|
|
503
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
504
|
+
}
|
|
505
|
+
},
|
|
383
506
|
{
|
|
384
507
|
"name": "autoselect",
|
|
385
508
|
"type": {
|
|
@@ -404,6 +527,18 @@
|
|
|
404
527
|
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
405
528
|
}
|
|
406
529
|
},
|
|
530
|
+
{
|
|
531
|
+
"name": "disabled",
|
|
532
|
+
"type": {
|
|
533
|
+
"text": "boolean"
|
|
534
|
+
},
|
|
535
|
+
"description": "If true, the user cannot interact with this element.",
|
|
536
|
+
"fieldName": "disabled",
|
|
537
|
+
"inheritedFrom": {
|
|
538
|
+
"name": "DelegateFocusMixin",
|
|
539
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
540
|
+
}
|
|
541
|
+
},
|
|
407
542
|
{
|
|
408
543
|
"name": "error-message",
|
|
409
544
|
"type": {
|
|
@@ -428,6 +563,18 @@
|
|
|
428
563
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
429
564
|
}
|
|
430
565
|
},
|
|
566
|
+
{
|
|
567
|
+
"name": "invalid",
|
|
568
|
+
"type": {
|
|
569
|
+
"text": "boolean"
|
|
570
|
+
},
|
|
571
|
+
"description": "Set to true when the field is invalid.",
|
|
572
|
+
"fieldName": "invalid",
|
|
573
|
+
"inheritedFrom": {
|
|
574
|
+
"name": "FieldMixin",
|
|
575
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
576
|
+
}
|
|
577
|
+
},
|
|
431
578
|
{
|
|
432
579
|
"name": "label",
|
|
433
580
|
"type": {
|
|
@@ -440,6 +587,18 @@
|
|
|
440
587
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
441
588
|
}
|
|
442
589
|
},
|
|
590
|
+
{
|
|
591
|
+
"name": "manual-validation",
|
|
592
|
+
"type": {
|
|
593
|
+
"text": "boolean"
|
|
594
|
+
},
|
|
595
|
+
"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.",
|
|
596
|
+
"fieldName": "manualValidation",
|
|
597
|
+
"inheritedFrom": {
|
|
598
|
+
"name": "FieldMixin",
|
|
599
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
600
|
+
}
|
|
601
|
+
},
|
|
443
602
|
{
|
|
444
603
|
"name": "max-rows",
|
|
445
604
|
"type": {
|
|
@@ -516,6 +675,18 @@
|
|
|
516
675
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
517
676
|
}
|
|
518
677
|
},
|
|
678
|
+
{
|
|
679
|
+
"name": "required",
|
|
680
|
+
"type": {
|
|
681
|
+
"text": "boolean"
|
|
682
|
+
},
|
|
683
|
+
"description": "Specifies that the user must fill in a value.",
|
|
684
|
+
"fieldName": "required",
|
|
685
|
+
"inheritedFrom": {
|
|
686
|
+
"name": "FieldMixin",
|
|
687
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
688
|
+
}
|
|
689
|
+
},
|
|
519
690
|
{
|
|
520
691
|
"name": "title",
|
|
521
692
|
"type": {
|
|
@@ -527,6 +698,18 @@
|
|
|
527
698
|
"name": "InputControlMixin",
|
|
528
699
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
529
700
|
}
|
|
701
|
+
},
|
|
702
|
+
{
|
|
703
|
+
"name": "value",
|
|
704
|
+
"type": {
|
|
705
|
+
"text": "string"
|
|
706
|
+
},
|
|
707
|
+
"description": "The value of the field.",
|
|
708
|
+
"fieldName": "value",
|
|
709
|
+
"inheritedFrom": {
|
|
710
|
+
"name": "ClearButtonMixin",
|
|
711
|
+
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
712
|
+
}
|
|
530
713
|
}
|
|
531
714
|
],
|
|
532
715
|
"mixins": [
|
|
@@ -543,6 +726,28 @@
|
|
|
543
726
|
{
|
|
544
727
|
"name": "superClass"
|
|
545
728
|
}
|
|
729
|
+
],
|
|
730
|
+
"events": [
|
|
731
|
+
{
|
|
732
|
+
"name": "change",
|
|
733
|
+
"type": {
|
|
734
|
+
"text": "CustomEvent"
|
|
735
|
+
},
|
|
736
|
+
"inheritedFrom": {
|
|
737
|
+
"name": "InputConstraintsMixin",
|
|
738
|
+
"package": "@vaadin/field-base/src/input-constraints-mixin.js"
|
|
739
|
+
}
|
|
740
|
+
},
|
|
741
|
+
{
|
|
742
|
+
"name": "validated",
|
|
743
|
+
"type": {
|
|
744
|
+
"text": "CustomEvent"
|
|
745
|
+
},
|
|
746
|
+
"inheritedFrom": {
|
|
747
|
+
"name": "FieldMixin",
|
|
748
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
749
|
+
}
|
|
750
|
+
}
|
|
546
751
|
]
|
|
547
752
|
}
|
|
548
753
|
],
|
|
@@ -563,7 +768,7 @@
|
|
|
563
768
|
"declarations": [
|
|
564
769
|
{
|
|
565
770
|
"kind": "class",
|
|
566
|
-
"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
|
|
771
|
+
"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 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.",
|
|
567
772
|
"name": "TextArea",
|
|
568
773
|
"members": [
|
|
569
774
|
{
|
|
@@ -650,6 +855,20 @@
|
|
|
650
855
|
"package": "@vaadin/field-base/src/input-field-mixin.js"
|
|
651
856
|
}
|
|
652
857
|
},
|
|
858
|
+
{
|
|
859
|
+
"kind": "field",
|
|
860
|
+
"name": "autofocus",
|
|
861
|
+
"privacy": "public",
|
|
862
|
+
"type": {
|
|
863
|
+
"text": "boolean"
|
|
864
|
+
},
|
|
865
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
866
|
+
"attribute": "autofocus",
|
|
867
|
+
"inheritedFrom": {
|
|
868
|
+
"name": "DelegateFocusMixin",
|
|
869
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
870
|
+
}
|
|
871
|
+
},
|
|
653
872
|
{
|
|
654
873
|
"kind": "field",
|
|
655
874
|
"name": "autoselect",
|
|
@@ -674,8 +893,17 @@
|
|
|
674
893
|
}
|
|
675
894
|
},
|
|
676
895
|
"inheritedFrom": {
|
|
677
|
-
"name": "
|
|
678
|
-
"
|
|
896
|
+
"name": "InputConstraintsMixin",
|
|
897
|
+
"package": "@vaadin/field-base/src/input-constraints-mixin.js"
|
|
898
|
+
}
|
|
899
|
+
},
|
|
900
|
+
{
|
|
901
|
+
"kind": "method",
|
|
902
|
+
"name": "clear",
|
|
903
|
+
"description": "Clear the value of the field.",
|
|
904
|
+
"inheritedFrom": {
|
|
905
|
+
"name": "ClearButtonMixin",
|
|
906
|
+
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
679
907
|
}
|
|
680
908
|
},
|
|
681
909
|
{
|
|
@@ -692,6 +920,20 @@
|
|
|
692
920
|
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
693
921
|
}
|
|
694
922
|
},
|
|
923
|
+
{
|
|
924
|
+
"kind": "field",
|
|
925
|
+
"name": "disabled",
|
|
926
|
+
"privacy": "public",
|
|
927
|
+
"type": {
|
|
928
|
+
"text": "boolean"
|
|
929
|
+
},
|
|
930
|
+
"description": "If true, the user cannot interact with this element.",
|
|
931
|
+
"attribute": "disabled",
|
|
932
|
+
"inheritedFrom": {
|
|
933
|
+
"name": "DelegateFocusMixin",
|
|
934
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
935
|
+
}
|
|
936
|
+
},
|
|
695
937
|
{
|
|
696
938
|
"kind": "field",
|
|
697
939
|
"name": "errorMessage",
|
|
@@ -720,6 +962,20 @@
|
|
|
720
962
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
721
963
|
}
|
|
722
964
|
},
|
|
965
|
+
{
|
|
966
|
+
"kind": "field",
|
|
967
|
+
"name": "invalid",
|
|
968
|
+
"privacy": "public",
|
|
969
|
+
"type": {
|
|
970
|
+
"text": "boolean"
|
|
971
|
+
},
|
|
972
|
+
"description": "Set to true when the field is invalid.",
|
|
973
|
+
"attribute": "invalid",
|
|
974
|
+
"inheritedFrom": {
|
|
975
|
+
"name": "FieldMixin",
|
|
976
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
977
|
+
}
|
|
978
|
+
},
|
|
723
979
|
{
|
|
724
980
|
"kind": "field",
|
|
725
981
|
"name": "label",
|
|
@@ -734,6 +990,20 @@
|
|
|
734
990
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
735
991
|
}
|
|
736
992
|
},
|
|
993
|
+
{
|
|
994
|
+
"kind": "field",
|
|
995
|
+
"name": "manualValidation",
|
|
996
|
+
"privacy": "public",
|
|
997
|
+
"type": {
|
|
998
|
+
"text": "boolean"
|
|
999
|
+
},
|
|
1000
|
+
"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.",
|
|
1001
|
+
"attribute": "manual-validation",
|
|
1002
|
+
"inheritedFrom": {
|
|
1003
|
+
"name": "FieldMixin",
|
|
1004
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1005
|
+
}
|
|
1006
|
+
},
|
|
737
1007
|
{
|
|
738
1008
|
"kind": "field",
|
|
739
1009
|
"name": "maxlength",
|
|
@@ -846,6 +1116,20 @@
|
|
|
846
1116
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
847
1117
|
}
|
|
848
1118
|
},
|
|
1119
|
+
{
|
|
1120
|
+
"kind": "field",
|
|
1121
|
+
"name": "required",
|
|
1122
|
+
"privacy": "public",
|
|
1123
|
+
"type": {
|
|
1124
|
+
"text": "boolean"
|
|
1125
|
+
},
|
|
1126
|
+
"description": "Specifies that the user must fill in a value.",
|
|
1127
|
+
"attribute": "required",
|
|
1128
|
+
"inheritedFrom": {
|
|
1129
|
+
"name": "FieldMixin",
|
|
1130
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1131
|
+
}
|
|
1132
|
+
},
|
|
849
1133
|
{
|
|
850
1134
|
"kind": "method",
|
|
851
1135
|
"name": "scrollToEnd",
|
|
@@ -877,15 +1161,47 @@
|
|
|
877
1161
|
"name": "InputControlMixin",
|
|
878
1162
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
879
1163
|
}
|
|
1164
|
+
},
|
|
1165
|
+
{
|
|
1166
|
+
"kind": "method",
|
|
1167
|
+
"name": "validate",
|
|
1168
|
+
"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.",
|
|
1169
|
+
"return": {
|
|
1170
|
+
"type": {
|
|
1171
|
+
"text": "boolean"
|
|
1172
|
+
}
|
|
1173
|
+
},
|
|
1174
|
+
"inheritedFrom": {
|
|
1175
|
+
"name": "FieldMixin",
|
|
1176
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1177
|
+
}
|
|
1178
|
+
},
|
|
1179
|
+
{
|
|
1180
|
+
"kind": "field",
|
|
1181
|
+
"name": "value",
|
|
1182
|
+
"privacy": "public",
|
|
1183
|
+
"type": {
|
|
1184
|
+
"text": "string"
|
|
1185
|
+
},
|
|
1186
|
+
"description": "The value of the field.",
|
|
1187
|
+
"attribute": "value",
|
|
1188
|
+
"inheritedFrom": {
|
|
1189
|
+
"name": "ClearButtonMixin",
|
|
1190
|
+
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
1191
|
+
}
|
|
880
1192
|
}
|
|
881
1193
|
],
|
|
882
1194
|
"events": [
|
|
883
1195
|
{
|
|
1196
|
+
"name": "change",
|
|
884
1197
|
"type": {
|
|
885
|
-
"text": "
|
|
1198
|
+
"text": "CustomEvent"
|
|
886
1199
|
},
|
|
887
1200
|
"description": "Fired when the user commits a value change.",
|
|
888
|
-
"
|
|
1201
|
+
"inheritedFrom": {
|
|
1202
|
+
"name": "InputConstraintsMixin",
|
|
1203
|
+
"package": "@vaadin/field-base/src/input-constraints-mixin.js"
|
|
1204
|
+
}
|
|
889
1205
|
},
|
|
890
1206
|
{
|
|
891
1207
|
"type": {
|
|
@@ -1017,6 +1333,18 @@
|
|
|
1017
1333
|
"package": "@vaadin/field-base/src/input-field-mixin.js"
|
|
1018
1334
|
}
|
|
1019
1335
|
},
|
|
1336
|
+
{
|
|
1337
|
+
"name": "autofocus",
|
|
1338
|
+
"type": {
|
|
1339
|
+
"text": "boolean"
|
|
1340
|
+
},
|
|
1341
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
1342
|
+
"fieldName": "autofocus",
|
|
1343
|
+
"inheritedFrom": {
|
|
1344
|
+
"name": "DelegateFocusMixin",
|
|
1345
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
1346
|
+
}
|
|
1347
|
+
},
|
|
1020
1348
|
{
|
|
1021
1349
|
"name": "autoselect",
|
|
1022
1350
|
"type": {
|
|
@@ -1041,6 +1369,18 @@
|
|
|
1041
1369
|
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
1042
1370
|
}
|
|
1043
1371
|
},
|
|
1372
|
+
{
|
|
1373
|
+
"name": "disabled",
|
|
1374
|
+
"type": {
|
|
1375
|
+
"text": "boolean"
|
|
1376
|
+
},
|
|
1377
|
+
"description": "If true, the user cannot interact with this element.",
|
|
1378
|
+
"fieldName": "disabled",
|
|
1379
|
+
"inheritedFrom": {
|
|
1380
|
+
"name": "DelegateFocusMixin",
|
|
1381
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
1382
|
+
}
|
|
1383
|
+
},
|
|
1044
1384
|
{
|
|
1045
1385
|
"name": "error-message",
|
|
1046
1386
|
"type": {
|
|
@@ -1065,6 +1405,18 @@
|
|
|
1065
1405
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1066
1406
|
}
|
|
1067
1407
|
},
|
|
1408
|
+
{
|
|
1409
|
+
"name": "invalid",
|
|
1410
|
+
"type": {
|
|
1411
|
+
"text": "boolean"
|
|
1412
|
+
},
|
|
1413
|
+
"description": "Set to true when the field is invalid.",
|
|
1414
|
+
"fieldName": "invalid",
|
|
1415
|
+
"inheritedFrom": {
|
|
1416
|
+
"name": "FieldMixin",
|
|
1417
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1418
|
+
}
|
|
1419
|
+
},
|
|
1068
1420
|
{
|
|
1069
1421
|
"name": "label",
|
|
1070
1422
|
"type": {
|
|
@@ -1077,6 +1429,18 @@
|
|
|
1077
1429
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1078
1430
|
}
|
|
1079
1431
|
},
|
|
1432
|
+
{
|
|
1433
|
+
"name": "manual-validation",
|
|
1434
|
+
"type": {
|
|
1435
|
+
"text": "boolean"
|
|
1436
|
+
},
|
|
1437
|
+
"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.",
|
|
1438
|
+
"fieldName": "manualValidation",
|
|
1439
|
+
"inheritedFrom": {
|
|
1440
|
+
"name": "FieldMixin",
|
|
1441
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1442
|
+
}
|
|
1443
|
+
},
|
|
1080
1444
|
{
|
|
1081
1445
|
"name": "max-rows",
|
|
1082
1446
|
"type": {
|
|
@@ -1173,6 +1537,18 @@
|
|
|
1173
1537
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
1174
1538
|
}
|
|
1175
1539
|
},
|
|
1540
|
+
{
|
|
1541
|
+
"name": "required",
|
|
1542
|
+
"type": {
|
|
1543
|
+
"text": "boolean"
|
|
1544
|
+
},
|
|
1545
|
+
"description": "Specifies that the user must fill in a value.",
|
|
1546
|
+
"fieldName": "required",
|
|
1547
|
+
"inheritedFrom": {
|
|
1548
|
+
"name": "FieldMixin",
|
|
1549
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1550
|
+
}
|
|
1551
|
+
},
|
|
1176
1552
|
{
|
|
1177
1553
|
"name": "title",
|
|
1178
1554
|
"type": {
|
|
@@ -1184,6 +1560,18 @@
|
|
|
1184
1560
|
"name": "InputControlMixin",
|
|
1185
1561
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
1186
1562
|
}
|
|
1563
|
+
},
|
|
1564
|
+
{
|
|
1565
|
+
"name": "value",
|
|
1566
|
+
"type": {
|
|
1567
|
+
"text": "string"
|
|
1568
|
+
},
|
|
1569
|
+
"description": "The value of the field.",
|
|
1570
|
+
"fieldName": "value",
|
|
1571
|
+
"inheritedFrom": {
|
|
1572
|
+
"name": "ClearButtonMixin",
|
|
1573
|
+
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
1574
|
+
}
|
|
1187
1575
|
}
|
|
1188
1576
|
]
|
|
1189
1577
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/text-area",
|
|
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
|
}
|
|
@@ -10,10 +10,6 @@ import { TextAreaController } from '@vaadin/field-base/src/text-area-controller.
|
|
|
10
10
|
|
|
11
11
|
/**
|
|
12
12
|
* A mixin providing common text area functionality.
|
|
13
|
-
*
|
|
14
|
-
* @polymerMixin
|
|
15
|
-
* @mixes InputFieldMixin
|
|
16
|
-
* @mixes ResizeMixin
|
|
17
13
|
*/
|
|
18
14
|
export const TextAreaMixin = (superClass) =>
|
|
19
15
|
class TextAreaMixinClass extends ResizeMixin(InputFieldMixin(superClass)) {
|
|
@@ -160,6 +156,7 @@ export const TextAreaMixin = (superClass) =>
|
|
|
160
156
|
}
|
|
161
157
|
|
|
162
158
|
const scrollTop = inputField.scrollTop;
|
|
159
|
+
const previousExplicitHeight = parseFloat(input.style.height);
|
|
163
160
|
|
|
164
161
|
// Only clear the height when the content shortens to minimize scrollbar flickering.
|
|
165
162
|
const valueLength = this.value ? this.value.length : 0;
|
|
@@ -184,7 +181,14 @@ export const TextAreaMixin = (superClass) =>
|
|
|
184
181
|
this._oldValueLength = valueLength;
|
|
185
182
|
|
|
186
183
|
const inputHeight = input.scrollHeight;
|
|
187
|
-
|
|
184
|
+
// Snap to the previous explicit height when the new measurement is
|
|
185
|
+
// within 1 CSS pixel of it. The pin/unpin cycle produces a 1 px
|
|
186
|
+
// asymmetry on low-DPR displays that would otherwise oscillate
|
|
187
|
+
// visibly on every keystroke; real content changes always move
|
|
188
|
+
// scrollHeight by at least one line.
|
|
189
|
+
if (Math.abs(inputHeight - previousExplicitHeight) <= 1) {
|
|
190
|
+
input.style.height = `${previousExplicitHeight}px`;
|
|
191
|
+
} else if (inputHeight > input.clientHeight) {
|
|
188
192
|
input.style.height = `${inputHeight}px`;
|
|
189
193
|
}
|
|
190
194
|
|