@vaadin/text-area 25.4.0-alpha3 → 25.4.0-alpha4

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.
Files changed (5) hide show
  1. package/custom-elements.json +62 -70
  2. package/package.json +11 -11
  3. package/src/styles/vaadin-text-area-base-styles.js +4 -1
  4. package/web-types.json +9 -9
  5. package/web-types.lit.json +9 -9
package/custom-elements.json CHANGED
@@ -160,10 +160,6 @@
160
160
  "type": {
161
161
  "text": "boolean"
162
162
  }
163
- },
164
- "inheritedFrom": {
165
- "name": "FieldMixin",
166
- "package": "@vaadin/field-base/src/field-mixin.js"
167
163
  }
168
164
  },
169
165
  {
@@ -171,8 +167,8 @@
171
167
  "name": "clear",
172
168
  "description": "Clear the value of the field.",
173
169
  "inheritedFrom": {
174
- "name": "ClearButtonMixin",
175
- "package": "@vaadin/field-base/src/clear-button-mixin.js"
170
+ "name": "InputMixin",
171
+ "package": "@vaadin/field-base/src/input-mixin.js"
176
172
  }
177
173
  },
178
174
  {
@@ -199,8 +195,8 @@
199
195
  "description": "If true, the user cannot interact with this element.",
200
196
  "attribute": "disabled",
201
197
  "inheritedFrom": {
202
- "name": "DelegateFocusMixin",
203
- "package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
198
+ "name": "DisabledMixin",
199
+ "package": "@vaadin/a11y-base/src/disabled-mixin.js"
204
200
  }
205
201
  },
206
202
  {
@@ -241,8 +237,8 @@
241
237
  "description": "Set to true when the field is invalid.",
242
238
  "attribute": "invalid",
243
239
  "inheritedFrom": {
244
- "name": "FieldMixin",
245
- "package": "@vaadin/field-base/src/field-mixin.js"
240
+ "name": "ValidateMixin",
241
+ "package": "@vaadin/field-base/src/validate-mixin.js"
246
242
  }
247
243
  },
248
244
  {
@@ -255,8 +251,8 @@
255
251
  "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
256
252
  "attribute": "label",
257
253
  "inheritedFrom": {
258
- "name": "FieldMixin",
259
- "package": "@vaadin/field-base/src/field-mixin.js"
254
+ "name": "LabelMixin",
255
+ "package": "@vaadin/field-base/src/label-mixin.js"
260
256
  }
261
257
  },
262
258
  {
@@ -269,8 +265,8 @@
269
265
  "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.",
270
266
  "attribute": "manual-validation",
271
267
  "inheritedFrom": {
272
- "name": "FieldMixin",
273
- "package": "@vaadin/field-base/src/field-mixin.js"
268
+ "name": "ValidateMixin",
269
+ "package": "@vaadin/field-base/src/validate-mixin.js"
274
270
  }
275
271
  },
276
272
  {
@@ -375,8 +371,8 @@
375
371
  "description": "Specifies that the user must fill in a value.",
376
372
  "attribute": "required",
377
373
  "inheritedFrom": {
378
- "name": "FieldMixin",
379
- "package": "@vaadin/field-base/src/field-mixin.js"
374
+ "name": "ValidateMixin",
375
+ "package": "@vaadin/field-base/src/validate-mixin.js"
380
376
  }
381
377
  },
382
378
  {
@@ -413,8 +409,8 @@
413
409
  }
414
410
  },
415
411
  "inheritedFrom": {
416
- "name": "FieldMixin",
417
- "package": "@vaadin/field-base/src/field-mixin.js"
412
+ "name": "ValidateMixin",
413
+ "package": "@vaadin/field-base/src/validate-mixin.js"
418
414
  }
419
415
  },
420
416
  {
@@ -427,8 +423,8 @@
427
423
  "description": "The value of the field.",
428
424
  "attribute": "value",
429
425
  "inheritedFrom": {
430
- "name": "ClearButtonMixin",
431
- "package": "@vaadin/field-base/src/clear-button-mixin.js"
426
+ "name": "InputMixin",
427
+ "package": "@vaadin/field-base/src/input-mixin.js"
432
428
  }
433
429
  }
434
430
  ],
@@ -561,8 +557,8 @@
561
557
  "description": "If true, the user cannot interact with this element.",
562
558
  "fieldName": "disabled",
563
559
  "inheritedFrom": {
564
- "name": "DelegateFocusMixin",
565
- "package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
560
+ "name": "DisabledMixin",
561
+ "package": "@vaadin/a11y-base/src/disabled-mixin.js"
566
562
  }
567
563
  },
568
564
  {
@@ -597,8 +593,8 @@
597
593
  "description": "Set to true when the field is invalid.",
598
594
  "fieldName": "invalid",
599
595
  "inheritedFrom": {
600
- "name": "FieldMixin",
601
- "package": "@vaadin/field-base/src/field-mixin.js"
596
+ "name": "ValidateMixin",
597
+ "package": "@vaadin/field-base/src/validate-mixin.js"
602
598
  }
603
599
  },
604
600
  {
@@ -609,8 +605,8 @@
609
605
  "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
610
606
  "fieldName": "label",
611
607
  "inheritedFrom": {
612
- "name": "FieldMixin",
613
- "package": "@vaadin/field-base/src/field-mixin.js"
608
+ "name": "LabelMixin",
609
+ "package": "@vaadin/field-base/src/label-mixin.js"
614
610
  }
615
611
  },
616
612
  {
@@ -621,8 +617,8 @@
621
617
  "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.",
622
618
  "fieldName": "manualValidation",
623
619
  "inheritedFrom": {
624
- "name": "FieldMixin",
625
- "package": "@vaadin/field-base/src/field-mixin.js"
620
+ "name": "ValidateMixin",
621
+ "package": "@vaadin/field-base/src/validate-mixin.js"
626
622
  }
627
623
  },
628
624
  {
@@ -709,8 +705,8 @@
709
705
  "description": "Specifies that the user must fill in a value.",
710
706
  "fieldName": "required",
711
707
  "inheritedFrom": {
712
- "name": "FieldMixin",
713
- "package": "@vaadin/field-base/src/field-mixin.js"
708
+ "name": "ValidateMixin",
709
+ "package": "@vaadin/field-base/src/validate-mixin.js"
714
710
  }
715
711
  },
716
712
  {
@@ -733,8 +729,8 @@
733
729
  "description": "The value of the field.",
734
730
  "fieldName": "value",
735
731
  "inheritedFrom": {
736
- "name": "ClearButtonMixin",
737
- "package": "@vaadin/field-base/src/clear-button-mixin.js"
732
+ "name": "InputMixin",
733
+ "package": "@vaadin/field-base/src/input-mixin.js"
738
734
  }
739
735
  }
740
736
  ],
@@ -770,8 +766,8 @@
770
766
  "text": "CustomEvent"
771
767
  },
772
768
  "inheritedFrom": {
773
- "name": "FieldMixin",
774
- "package": "@vaadin/field-base/src/field-mixin.js"
769
+ "name": "ValidateMixin",
770
+ "package": "@vaadin/field-base/src/validate-mixin.js"
775
771
  }
776
772
  }
777
773
  ]
@@ -933,8 +929,8 @@
933
929
  }
934
930
  },
935
931
  "inheritedFrom": {
936
- "name": "InputConstraintsMixin",
937
- "package": "@vaadin/field-base/src/input-constraints-mixin.js"
932
+ "name": "TextAreaMixin",
933
+ "module": "src/vaadin-text-area-mixin.js"
938
934
  }
939
935
  },
940
936
  {
@@ -942,8 +938,8 @@
942
938
  "name": "clear",
943
939
  "description": "Clear the value of the field.",
944
940
  "inheritedFrom": {
945
- "name": "ClearButtonMixin",
946
- "package": "@vaadin/field-base/src/clear-button-mixin.js"
941
+ "name": "InputMixin",
942
+ "package": "@vaadin/field-base/src/input-mixin.js"
947
943
  }
948
944
  },
949
945
  {
@@ -970,8 +966,8 @@
970
966
  "description": "If true, the user cannot interact with this element.",
971
967
  "attribute": "disabled",
972
968
  "inheritedFrom": {
973
- "name": "DelegateFocusMixin",
974
- "package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
969
+ "name": "DisabledMixin",
970
+ "package": "@vaadin/a11y-base/src/disabled-mixin.js"
975
971
  }
976
972
  },
977
973
  {
@@ -1012,8 +1008,8 @@
1012
1008
  "description": "Set to true when the field is invalid.",
1013
1009
  "attribute": "invalid",
1014
1010
  "inheritedFrom": {
1015
- "name": "FieldMixin",
1016
- "package": "@vaadin/field-base/src/field-mixin.js"
1011
+ "name": "ValidateMixin",
1012
+ "package": "@vaadin/field-base/src/validate-mixin.js"
1017
1013
  }
1018
1014
  },
1019
1015
  {
@@ -1026,8 +1022,8 @@
1026
1022
  "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
1027
1023
  "attribute": "label",
1028
1024
  "inheritedFrom": {
1029
- "name": "FieldMixin",
1030
- "package": "@vaadin/field-base/src/field-mixin.js"
1025
+ "name": "LabelMixin",
1026
+ "package": "@vaadin/field-base/src/label-mixin.js"
1031
1027
  }
1032
1028
  },
1033
1029
  {
@@ -1040,8 +1036,8 @@
1040
1036
  "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.",
1041
1037
  "attribute": "manual-validation",
1042
1038
  "inheritedFrom": {
1043
- "name": "FieldMixin",
1044
- "package": "@vaadin/field-base/src/field-mixin.js"
1039
+ "name": "ValidateMixin",
1040
+ "package": "@vaadin/field-base/src/validate-mixin.js"
1045
1041
  }
1046
1042
  },
1047
1043
  {
@@ -1166,8 +1162,8 @@
1166
1162
  "description": "Specifies that the user must fill in a value.",
1167
1163
  "attribute": "required",
1168
1164
  "inheritedFrom": {
1169
- "name": "FieldMixin",
1170
- "package": "@vaadin/field-base/src/field-mixin.js"
1165
+ "name": "ValidateMixin",
1166
+ "package": "@vaadin/field-base/src/validate-mixin.js"
1171
1167
  }
1172
1168
  },
1173
1169
  {
@@ -1212,8 +1208,8 @@
1212
1208
  }
1213
1209
  },
1214
1210
  "inheritedFrom": {
1215
- "name": "FieldMixin",
1216
- "package": "@vaadin/field-base/src/field-mixin.js"
1211
+ "name": "ValidateMixin",
1212
+ "package": "@vaadin/field-base/src/validate-mixin.js"
1217
1213
  }
1218
1214
  },
1219
1215
  {
@@ -1226,22 +1222,18 @@
1226
1222
  "description": "The value of the field.",
1227
1223
  "attribute": "value",
1228
1224
  "inheritedFrom": {
1229
- "name": "ClearButtonMixin",
1230
- "package": "@vaadin/field-base/src/clear-button-mixin.js"
1225
+ "name": "InputMixin",
1226
+ "package": "@vaadin/field-base/src/input-mixin.js"
1231
1227
  }
1232
1228
  }
1233
1229
  ],
1234
1230
  "events": [
1235
1231
  {
1236
- "name": "change",
1237
1232
  "type": {
1238
- "text": "CustomEvent"
1233
+ "text": "Event"
1239
1234
  },
1240
1235
  "description": "Fired when the user commits a value change.",
1241
- "inheritedFrom": {
1242
- "name": "InputConstraintsMixin",
1243
- "package": "@vaadin/field-base/src/input-constraints-mixin.js"
1244
- }
1236
+ "name": "change"
1245
1237
  },
1246
1238
  {
1247
1239
  "type": {
@@ -1401,8 +1393,8 @@
1401
1393
  "description": "If true, the user cannot interact with this element.",
1402
1394
  "fieldName": "disabled",
1403
1395
  "inheritedFrom": {
1404
- "name": "DelegateFocusMixin",
1405
- "package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
1396
+ "name": "DisabledMixin",
1397
+ "package": "@vaadin/a11y-base/src/disabled-mixin.js"
1406
1398
  }
1407
1399
  },
1408
1400
  {
@@ -1437,8 +1429,8 @@
1437
1429
  "description": "Set to true when the field is invalid.",
1438
1430
  "fieldName": "invalid",
1439
1431
  "inheritedFrom": {
1440
- "name": "FieldMixin",
1441
- "package": "@vaadin/field-base/src/field-mixin.js"
1432
+ "name": "ValidateMixin",
1433
+ "package": "@vaadin/field-base/src/validate-mixin.js"
1442
1434
  }
1443
1435
  },
1444
1436
  {
@@ -1449,8 +1441,8 @@
1449
1441
  "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
1450
1442
  "fieldName": "label",
1451
1443
  "inheritedFrom": {
1452
- "name": "FieldMixin",
1453
- "package": "@vaadin/field-base/src/field-mixin.js"
1444
+ "name": "LabelMixin",
1445
+ "package": "@vaadin/field-base/src/label-mixin.js"
1454
1446
  }
1455
1447
  },
1456
1448
  {
@@ -1461,8 +1453,8 @@
1461
1453
  "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.",
1462
1454
  "fieldName": "manualValidation",
1463
1455
  "inheritedFrom": {
1464
- "name": "FieldMixin",
1465
- "package": "@vaadin/field-base/src/field-mixin.js"
1456
+ "name": "ValidateMixin",
1457
+ "package": "@vaadin/field-base/src/validate-mixin.js"
1466
1458
  }
1467
1459
  },
1468
1460
  {
@@ -1569,8 +1561,8 @@
1569
1561
  "description": "Specifies that the user must fill in a value.",
1570
1562
  "fieldName": "required",
1571
1563
  "inheritedFrom": {
1572
- "name": "FieldMixin",
1573
- "package": "@vaadin/field-base/src/field-mixin.js"
1564
+ "name": "ValidateMixin",
1565
+ "package": "@vaadin/field-base/src/validate-mixin.js"
1574
1566
  }
1575
1567
  },
1576
1568
  {
@@ -1600,8 +1592,8 @@
1600
1592
  "description": "The value of the field.",
1601
1593
  "fieldName": "value",
1602
1594
  "inheritedFrom": {
1603
- "name": "ClearButtonMixin",
1604
- "package": "@vaadin/field-base/src/clear-button-mixin.js"
1595
+ "name": "InputMixin",
1596
+ "package": "@vaadin/field-base/src/input-mixin.js"
1605
1597
  }
1606
1598
  }
1607
1599
  ],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/text-area",
3
- "version": "25.4.0-alpha3",
3
+ "version": "25.4.0-alpha4",
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.4.0-alpha3",
39
- "@vaadin/component-base": "25.4.0-alpha3",
40
- "@vaadin/field-base": "25.4.0-alpha3",
41
- "@vaadin/input-container": "25.4.0-alpha3",
42
- "@vaadin/vaadin-themable-mixin": "25.4.0-alpha3",
38
+ "@vaadin/a11y-base": "25.4.0-alpha4",
39
+ "@vaadin/component-base": "25.4.0-alpha4",
40
+ "@vaadin/field-base": "25.4.0-alpha4",
41
+ "@vaadin/input-container": "25.4.0-alpha4",
42
+ "@vaadin/vaadin-themable-mixin": "25.4.0-alpha4",
43
43
  "lit": "^3.0.0"
44
44
  },
45
45
  "devDependencies": {
46
- "@vaadin/aura": "25.4.0-alpha3",
47
- "@vaadin/chai-plugins": "25.4.0-alpha3",
48
- "@vaadin/test-runner-commands": "25.4.0-alpha3",
46
+ "@vaadin/aura": "25.4.0-alpha4",
47
+ "@vaadin/chai-plugins": "25.4.0-alpha4",
48
+ "@vaadin/test-runner-commands": "25.4.0-alpha4",
49
49
  "@vaadin/testing-helpers": "^2.0.0",
50
- "@vaadin/vaadin-lumo-styles": "25.4.0-alpha3",
50
+ "@vaadin/vaadin-lumo-styles": "25.4.0-alpha4",
51
51
  "sinon": "^22.0.0"
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": "db7e679c1a8af00840cc05ddcbefff68dfed1e45"
58
+ "gitHead": "7809e4c099538333a6dbd11d8da18a0c6ec30dad"
59
59
  }
package/src/styles/vaadin-text-area-base-styles.js CHANGED
@@ -9,7 +9,10 @@ import { css } from 'lit';
9
9
  export const textAreaStyles = css`
10
10
  :host {
11
11
  height: auto;
12
- /* Content stays at the top, keep the default guide height */
12
+ }
13
+
14
+ /* Content stays at the top, keep the default guide height */
15
+ :host::before {
13
16
  --_field-input-height: var(--_field-input-default-height);
14
17
  }
15
18
 
package/web-types.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": "25.4.0-alpha3",
4
+ "version": "25.4.0-alpha4",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -410,8 +410,8 @@
410
410
  }
411
411
  },
412
412
  {
413
- "name": "maxlength",
414
- "description": "Maximum number of characters (in Unicode code points) that the user can enter.",
413
+ "name": "maxRows",
414
+ "description": "Maximum number of rows to expand to before the text area starts scrolling. This effectively sets a max-height\non the `input-field` part. By default, it is not set, and the text area grows with the content without\nconstraints.\n\nNote, the `--vaadin-input-field-height` custom CSS property sets a minimum height that takes priority\nover `maxRows`: when it is larger, the text area starts scrolling only once the content exceeds it.",
415
415
  "value": {
416
416
  "type": [
417
417
  "number"
@@ -419,8 +419,8 @@
419
419
  }
420
420
  },
421
421
  {
422
- "name": "maxRows",
423
- "description": "Maximum number of rows to expand to before the text area starts scrolling. This effectively sets a max-height\non the `input-field` part. By default, it is not set, and the text area grows with the content without\nconstraints.\n\nNote, the `--vaadin-input-field-height` custom CSS property sets a minimum height that takes priority\nover `maxRows`: when it is larger, the text area starts scrolling only once the content exceeds it.",
422
+ "name": "maxlength",
423
+ "description": "Maximum number of characters (in Unicode code points) that the user can enter.",
424
424
  "value": {
425
425
  "type": [
426
426
  "number"
@@ -428,8 +428,8 @@
428
428
  }
429
429
  },
430
430
  {
431
- "name": "minlength",
432
- "description": "Minimum number of characters (in Unicode code points) that the user can enter.",
431
+ "name": "minRows",
432
+ "description": "Minimum number of rows to show. Default is two rows.\n\nWhen using a custom slotted textarea, the minimum number of rows are not applied for backwards compatibility.",
433
433
  "value": {
434
434
  "type": [
435
435
  "number"
@@ -437,8 +437,8 @@
437
437
  }
438
438
  },
439
439
  {
440
- "name": "minRows",
441
- "description": "Minimum number of rows to show. Default is two rows.\n\nWhen using a custom slotted textarea, the minimum number of rows are not applied for backwards compatibility.",
440
+ "name": "minlength",
441
+ "description": "Minimum number of characters (in Unicode code points) that the user can enter.",
442
442
  "value": {
443
443
  "type": [
444
444
  "number"
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": "25.4.0-alpha3",
4
+ "version": "25.4.0-alpha4",
5
5
  "description-markup": "markdown",
6
6
  "framework": "lit",
7
7
  "framework-config": {
@@ -132,29 +132,29 @@
132
132
  }
133
133
  },
134
134
  {
135
- "name": ".maxlength",
136
- "description": "Maximum number of characters (in Unicode code points) that the user can enter.",
135
+ "name": ".maxRows",
136
+ "description": "Maximum number of rows to expand to before the text area starts scrolling. This effectively sets a max-height\non the `input-field` part. By default, it is not set, and the text area grows with the content without\nconstraints.\n\nNote, the `--vaadin-input-field-height` custom CSS property sets a minimum height that takes priority\nover `maxRows`: when it is larger, the text area starts scrolling only once the content exceeds it.",
137
137
  "value": {
138
138
  "kind": "expression"
139
139
  }
140
140
  },
141
141
  {
142
- "name": ".maxRows",
143
- "description": "Maximum number of rows to expand to before the text area starts scrolling. This effectively sets a max-height\non the `input-field` part. By default, it is not set, and the text area grows with the content without\nconstraints.\n\nNote, the `--vaadin-input-field-height` custom CSS property sets a minimum height that takes priority\nover `maxRows`: when it is larger, the text area starts scrolling only once the content exceeds it.",
142
+ "name": ".maxlength",
143
+ "description": "Maximum number of characters (in Unicode code points) that the user can enter.",
144
144
  "value": {
145
145
  "kind": "expression"
146
146
  }
147
147
  },
148
148
  {
149
- "name": ".minlength",
150
- "description": "Minimum number of characters (in Unicode code points) that the user can enter.",
149
+ "name": ".minRows",
150
+ "description": "Minimum number of rows to show. Default is two rows.\n\nWhen using a custom slotted textarea, the minimum number of rows are not applied for backwards compatibility.",
151
151
  "value": {
152
152
  "kind": "expression"
153
153
  }
154
154
  },
155
155
  {
156
- "name": ".minRows",
157
- "description": "Minimum number of rows to show. Default is two rows.\n\nWhen using a custom slotted textarea, the minimum number of rows are not applied for backwards compatibility.",
156
+ "name": ".minlength",
157
+ "description": "Minimum number of characters (in Unicode code points) that the user can enter.",
158
158
  "value": {
159
159
  "kind": "expression"
160
160
  }