@vaadin/time-picker 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.
@@ -228,10 +228,6 @@
228
228
  "type": {
229
229
  "text": "boolean"
230
230
  }
231
- },
232
- "inheritedFrom": {
233
- "name": "FieldMixin",
234
- "package": "@vaadin/field-base/src/field-mixin.js"
235
231
  }
236
232
  },
237
233
  {
@@ -239,8 +235,8 @@
239
235
  "name": "clear",
240
236
  "description": "Clear the value of the field.",
241
237
  "inheritedFrom": {
242
- "name": "ClearButtonMixin",
243
- "package": "@vaadin/field-base/src/clear-button-mixin.js"
238
+ "name": "InputMixin",
239
+ "package": "@vaadin/field-base/src/input-mixin.js"
244
240
  }
245
241
  },
246
242
  {
@@ -276,8 +272,8 @@
276
272
  "description": "If true, the user cannot interact with this element.",
277
273
  "attribute": "disabled",
278
274
  "inheritedFrom": {
279
- "name": "DelegateFocusMixin",
280
- "package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
275
+ "name": "DisabledMixin",
276
+ "package": "@vaadin/a11y-base/src/disabled-mixin.js"
281
277
  }
282
278
  },
283
279
  {
@@ -311,16 +307,11 @@
311
307
  {
312
308
  "kind": "field",
313
309
  "name": "i18n",
314
- "privacy": "public",
310
+ "description": "The object used to localize this component. To change the default\nlocalization, set this to an object that provides both the\ntime parsing and formatting functions.\n\nWhen not set, defaults to `undefined`.\n\nThe object has the following JSON structure:\n\n```js\n{\n // A function to format given `Object` as\n // time string. Object is in the format `{ hours: ..., minutes: ..., seconds: ..., milliseconds: ... }`\n formatTime: (time) => {\n // returns a string representation of the given\n // object in `hh` / 'hh:mm' / 'hh:mm:ss' / 'hh:mm:ss.fff' - formats\n },\n\n // A function to parse the given text to an `Object` in the format\n // `{ hours: ..., minutes: ..., seconds: ..., milliseconds: ... }`.\n // Must properly parse (at least) text\n // formatted by `formatTime`.\n parseTime: text => {\n // Parses a string in object/string that can be formatted by`formatTime`.\n }\n}\n```\n\nNOTE: `formatTime` and `parseTime` must be implemented in a\ncompatible manner to ensure the component works properly.\n\nNOTE: these functions only apply to the text shown in the input field and\nin the dropdown. The `value`, `min` and `max` properties always use the\nISO 8601 format, and are never passed to `parseTime`, so implementations\ndo not need to accept ISO 8601 input.",
315
311
  "type": {
316
- "text": "Object | undefined"
312
+ "text": "TimePickerI18n | undefined"
317
313
  },
318
- "description": "The object used to localize this component. To change the default\nlocalization, set this to an object that provides both the\ntime parsing and formatting functions.\n\nWhen not set, defaults to `undefined`.\n\nThe object has the following JSON structure:\n\n```js\n{\n // A function to format given `Object` as\n // time string. Object is in the format `{ hours: ..., minutes: ..., seconds: ..., milliseconds: ... }`\n formatTime: (time) => {\n // returns a string representation of the given\n // object in `hh` / 'hh:mm' / 'hh:mm:ss' / 'hh:mm:ss.fff' - formats\n },\n\n // A function to parse the given text to an `Object` in the format\n // `{ hours: ..., minutes: ..., seconds: ..., milliseconds: ... }`.\n // Must properly parse (at least) text\n // formatted by `formatTime`.\n parseTime: text => {\n // Parses a string in object/string that can be formatted by`formatTime`.\n }\n}\n```\n\nNOTE: `formatTime` and `parseTime` must be implemented in a\ncompatible manner to ensure the component works properly.\n\nNOTE: these functions only apply to the text shown in the input field and\nin the dropdown. The `value`, `min` and `max` properties always use the\nISO 8601 format, and are never passed to `parseTime`, so implementations\ndo not need to accept ISO 8601 input.",
319
- "attribute": "i18n",
320
- "inheritedFrom": {
321
- "name": "I18nMixin",
322
- "package": "@vaadin/component-base/src/i18n-mixin.js"
323
- }
314
+ "privacy": "public"
324
315
  },
325
316
  {
326
317
  "kind": "field",
@@ -332,8 +323,8 @@
332
323
  "description": "Set to true when the field is invalid.",
333
324
  "attribute": "invalid",
334
325
  "inheritedFrom": {
335
- "name": "FieldMixin",
336
- "package": "@vaadin/field-base/src/field-mixin.js"
326
+ "name": "ValidateMixin",
327
+ "package": "@vaadin/field-base/src/validate-mixin.js"
337
328
  }
338
329
  },
339
330
  {
@@ -346,8 +337,8 @@
346
337
  "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
347
338
  "attribute": "label",
348
339
  "inheritedFrom": {
349
- "name": "FieldMixin",
350
- "package": "@vaadin/field-base/src/field-mixin.js"
340
+ "name": "LabelMixin",
341
+ "package": "@vaadin/field-base/src/label-mixin.js"
351
342
  }
352
343
  },
353
344
  {
@@ -360,8 +351,8 @@
360
351
  "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.",
361
352
  "attribute": "manual-validation",
362
353
  "inheritedFrom": {
363
- "name": "FieldMixin",
364
- "package": "@vaadin/field-base/src/field-mixin.js"
354
+ "name": "ValidateMixin",
355
+ "package": "@vaadin/field-base/src/validate-mixin.js"
365
356
  }
366
357
  },
367
358
  {
@@ -459,8 +450,8 @@
459
450
  "description": "When present, it specifies that the field is read-only.",
460
451
  "attribute": "readonly",
461
452
  "inheritedFrom": {
462
- "name": "InputControlMixin",
463
- "package": "@vaadin/field-base/src/input-control-mixin.js"
453
+ "name": "ComboBoxBaseMixin",
454
+ "package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
464
455
  }
465
456
  },
466
457
  {
@@ -473,8 +464,8 @@
473
464
  "description": "Specifies that the user must fill in a value.",
474
465
  "attribute": "required",
475
466
  "inheritedFrom": {
476
- "name": "FieldMixin",
477
- "package": "@vaadin/field-base/src/field-mixin.js"
467
+ "name": "ValidateMixin",
468
+ "package": "@vaadin/field-base/src/validate-mixin.js"
478
469
  }
479
470
  },
480
471
  {
@@ -511,8 +502,8 @@
511
502
  }
512
503
  },
513
504
  "inheritedFrom": {
514
- "name": "FieldMixin",
515
- "package": "@vaadin/field-base/src/field-mixin.js"
505
+ "name": "ValidateMixin",
506
+ "package": "@vaadin/field-base/src/validate-mixin.js"
516
507
  }
517
508
  },
518
509
  {
@@ -523,11 +514,7 @@
523
514
  "text": "string"
524
515
  },
525
516
  "description": "The time value for this element.\n\nSupported time formats are in ISO 8601:\n- `hh:mm` (default)\n- `hh:mm:ss`\n- `hh:mm:ss.fff`",
526
- "attribute": "value",
527
- "inheritedFrom": {
528
- "name": "ClearButtonMixin",
529
- "package": "@vaadin/field-base/src/clear-button-mixin.js"
530
- }
517
+ "attribute": "value"
531
518
  }
532
519
  ],
533
520
  "events": [
@@ -535,10 +522,6 @@
535
522
  "name": "change",
536
523
  "type": {
537
524
  "text": "CustomEvent"
538
- },
539
- "inheritedFrom": {
540
- "name": "InputConstraintsMixin",
541
- "package": "@vaadin/field-base/src/input-constraints-mixin.js"
542
525
  }
543
526
  },
544
527
  {
@@ -553,8 +536,8 @@
553
536
  "text": "CustomEvent"
554
537
  },
555
538
  "inheritedFrom": {
556
- "name": "FieldMixin",
557
- "package": "@vaadin/field-base/src/field-mixin.js"
539
+ "name": "ValidateMixin",
540
+ "package": "@vaadin/field-base/src/validate-mixin.js"
558
541
  }
559
542
  }
560
543
  ],
@@ -663,8 +646,8 @@
663
646
  "description": "If true, the user cannot interact with this element.",
664
647
  "fieldName": "disabled",
665
648
  "inheritedFrom": {
666
- "name": "DelegateFocusMixin",
667
- "package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
649
+ "name": "DisabledMixin",
650
+ "package": "@vaadin/a11y-base/src/disabled-mixin.js"
668
651
  }
669
652
  },
670
653
  {
@@ -691,18 +674,6 @@
691
674
  "package": "@vaadin/field-base/src/field-mixin.js"
692
675
  }
693
676
  },
694
- {
695
- "name": "i18n",
696
- "type": {
697
- "text": "Object | undefined"
698
- },
699
- "description": "The object used to localize this component. To change the default\nlocalization, set this to an object that provides all properties, or\njust the individual properties you want to change.\n\nWhen not set, defaults to `undefined`.\n\nShould be overridden by subclasses to provide a custom JSDoc with the\ndefault I18N properties.",
700
- "fieldName": "i18n",
701
- "inheritedFrom": {
702
- "name": "I18nMixin",
703
- "package": "@vaadin/component-base/src/i18n-mixin.js"
704
- }
705
- },
706
677
  {
707
678
  "name": "invalid",
708
679
  "type": {
@@ -711,8 +682,8 @@
711
682
  "description": "Set to true when the field is invalid.",
712
683
  "fieldName": "invalid",
713
684
  "inheritedFrom": {
714
- "name": "FieldMixin",
715
- "package": "@vaadin/field-base/src/field-mixin.js"
685
+ "name": "ValidateMixin",
686
+ "package": "@vaadin/field-base/src/validate-mixin.js"
716
687
  }
717
688
  },
718
689
  {
@@ -723,8 +694,8 @@
723
694
  "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
724
695
  "fieldName": "label",
725
696
  "inheritedFrom": {
726
- "name": "FieldMixin",
727
- "package": "@vaadin/field-base/src/field-mixin.js"
697
+ "name": "LabelMixin",
698
+ "package": "@vaadin/field-base/src/label-mixin.js"
728
699
  }
729
700
  },
730
701
  {
@@ -735,8 +706,8 @@
735
706
  "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.",
736
707
  "fieldName": "manualValidation",
737
708
  "inheritedFrom": {
738
- "name": "FieldMixin",
739
- "package": "@vaadin/field-base/src/field-mixin.js"
709
+ "name": "ValidateMixin",
710
+ "package": "@vaadin/field-base/src/validate-mixin.js"
740
711
  }
741
712
  },
742
713
  {
@@ -811,8 +782,8 @@
811
782
  "description": "When present, it specifies that the field is read-only.",
812
783
  "fieldName": "readonly",
813
784
  "inheritedFrom": {
814
- "name": "InputControlMixin",
815
- "package": "@vaadin/field-base/src/input-control-mixin.js"
785
+ "name": "ComboBoxBaseMixin",
786
+ "package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
816
787
  }
817
788
  },
818
789
  {
@@ -823,8 +794,8 @@
823
794
  "description": "Specifies that the user must fill in a value.",
824
795
  "fieldName": "required",
825
796
  "inheritedFrom": {
826
- "name": "FieldMixin",
827
- "package": "@vaadin/field-base/src/field-mixin.js"
797
+ "name": "ValidateMixin",
798
+ "package": "@vaadin/field-base/src/validate-mixin.js"
828
799
  }
829
800
  },
830
801
  {
@@ -853,11 +824,7 @@
853
824
  "text": "string"
854
825
  },
855
826
  "description": "The time value for this element.\n\nSupported time formats are in ISO 8601:\n- `hh:mm` (default)\n- `hh:mm:ss`\n- `hh:mm:ss.fff`",
856
- "fieldName": "value",
857
- "inheritedFrom": {
858
- "name": "ClearButtonMixin",
859
- "package": "@vaadin/field-base/src/clear-button-mixin.js"
860
- }
827
+ "fieldName": "value"
861
828
  }
862
829
  ],
863
830
  "mixins": [
@@ -1021,8 +988,8 @@
1021
988
  }
1022
989
  },
1023
990
  "inheritedFrom": {
1024
- "name": "InputConstraintsMixin",
1025
- "package": "@vaadin/field-base/src/input-constraints-mixin.js"
991
+ "name": "TimePickerMixin",
992
+ "module": "src/vaadin-time-picker-mixin.js"
1026
993
  }
1027
994
  },
1028
995
  {
@@ -1030,8 +997,8 @@
1030
997
  "name": "clear",
1031
998
  "description": "Clear the value of the field.",
1032
999
  "inheritedFrom": {
1033
- "name": "ClearButtonMixin",
1034
- "package": "@vaadin/field-base/src/clear-button-mixin.js"
1000
+ "name": "InputMixin",
1001
+ "package": "@vaadin/field-base/src/input-mixin.js"
1035
1002
  }
1036
1003
  },
1037
1004
  {
@@ -1067,8 +1034,8 @@
1067
1034
  "description": "If true, the user cannot interact with this element.",
1068
1035
  "attribute": "disabled",
1069
1036
  "inheritedFrom": {
1070
- "name": "DelegateFocusMixin",
1071
- "package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
1037
+ "name": "DisabledMixin",
1038
+ "package": "@vaadin/a11y-base/src/disabled-mixin.js"
1072
1039
  }
1073
1040
  },
1074
1041
  {
@@ -1102,15 +1069,14 @@
1102
1069
  {
1103
1070
  "kind": "field",
1104
1071
  "name": "i18n",
1105
- "privacy": "public",
1072
+ "description": "The object used to localize this component. To change the default\nlocalization, set this to an object that provides both the\ntime parsing and formatting functions.\n\nWhen not set, defaults to `undefined`.\n\nThe object has the following JSON structure:\n\n```js\n{\n // A function to format given `Object` as\n // time string. Object is in the format `{ hours: ..., minutes: ..., seconds: ..., milliseconds: ... }`\n formatTime: (time) => {\n // returns a string representation of the given\n // object in `hh` / 'hh:mm' / 'hh:mm:ss' / 'hh:mm:ss.fff' - formats\n },\n\n // A function to parse the given text to an `Object` in the format\n // `{ hours: ..., minutes: ..., seconds: ..., milliseconds: ... }`.\n // Must properly parse (at least) text\n // formatted by `formatTime`.\n parseTime: text => {\n // Parses a string in object/string that can be formatted by`formatTime`.\n }\n}\n```\n\nNOTE: `formatTime` and `parseTime` must be implemented in a\ncompatible manner to ensure the component works properly.\n\nNOTE: these functions only apply to the text shown in the input field and\nin the dropdown. The `value`, `min` and `max` properties always use the\nISO 8601 format, and are never passed to `parseTime`, so implementations\ndo not need to accept ISO 8601 input.",
1106
1073
  "type": {
1107
- "text": "Object | undefined"
1074
+ "text": "TimePickerI18n | undefined"
1108
1075
  },
1109
- "description": "The object used to localize this component. To change the default\nlocalization, set this to an object that provides both the\ntime parsing and formatting functions.\n\nWhen not set, defaults to `undefined`.\n\nThe object has the following JSON structure:\n\n```js\n{\n // A function to format given `Object` as\n // time string. Object is in the format `{ hours: ..., minutes: ..., seconds: ..., milliseconds: ... }`\n formatTime: (time) => {\n // returns a string representation of the given\n // object in `hh` / 'hh:mm' / 'hh:mm:ss' / 'hh:mm:ss.fff' - formats\n },\n\n // A function to parse the given text to an `Object` in the format\n // `{ hours: ..., minutes: ..., seconds: ..., milliseconds: ... }`.\n // Must properly parse (at least) text\n // formatted by `formatTime`.\n parseTime: text => {\n // Parses a string in object/string that can be formatted by`formatTime`.\n }\n}\n```\n\nNOTE: `formatTime` and `parseTime` must be implemented in a\ncompatible manner to ensure the component works properly.\n\nNOTE: these functions only apply to the text shown in the input field and\nin the dropdown. The `value`, `min` and `max` properties always use the\nISO 8601 format, and are never passed to `parseTime`, so implementations\ndo not need to accept ISO 8601 input.",
1110
- "attribute": "i18n",
1076
+ "privacy": "public",
1111
1077
  "inheritedFrom": {
1112
- "name": "I18nMixin",
1113
- "package": "@vaadin/component-base/src/i18n-mixin.js"
1078
+ "name": "TimePickerMixin",
1079
+ "module": "src/vaadin-time-picker-mixin.js"
1114
1080
  }
1115
1081
  },
1116
1082
  {
@@ -1123,8 +1089,8 @@
1123
1089
  "description": "Set to true when the field is invalid.",
1124
1090
  "attribute": "invalid",
1125
1091
  "inheritedFrom": {
1126
- "name": "FieldMixin",
1127
- "package": "@vaadin/field-base/src/field-mixin.js"
1092
+ "name": "ValidateMixin",
1093
+ "package": "@vaadin/field-base/src/validate-mixin.js"
1128
1094
  }
1129
1095
  },
1130
1096
  {
@@ -1137,8 +1103,8 @@
1137
1103
  "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
1138
1104
  "attribute": "label",
1139
1105
  "inheritedFrom": {
1140
- "name": "FieldMixin",
1141
- "package": "@vaadin/field-base/src/field-mixin.js"
1106
+ "name": "LabelMixin",
1107
+ "package": "@vaadin/field-base/src/label-mixin.js"
1142
1108
  }
1143
1109
  },
1144
1110
  {
@@ -1151,8 +1117,8 @@
1151
1117
  "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.",
1152
1118
  "attribute": "manual-validation",
1153
1119
  "inheritedFrom": {
1154
- "name": "FieldMixin",
1155
- "package": "@vaadin/field-base/src/field-mixin.js"
1120
+ "name": "ValidateMixin",
1121
+ "package": "@vaadin/field-base/src/validate-mixin.js"
1156
1122
  }
1157
1123
  },
1158
1124
  {
@@ -1258,8 +1224,8 @@
1258
1224
  "description": "When present, it specifies that the field is read-only.",
1259
1225
  "attribute": "readonly",
1260
1226
  "inheritedFrom": {
1261
- "name": "InputControlMixin",
1262
- "package": "@vaadin/field-base/src/input-control-mixin.js"
1227
+ "name": "ComboBoxBaseMixin",
1228
+ "package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
1263
1229
  }
1264
1230
  },
1265
1231
  {
@@ -1272,8 +1238,8 @@
1272
1238
  "description": "Specifies that the user must fill in a value.",
1273
1239
  "attribute": "required",
1274
1240
  "inheritedFrom": {
1275
- "name": "FieldMixin",
1276
- "package": "@vaadin/field-base/src/field-mixin.js"
1241
+ "name": "ValidateMixin",
1242
+ "package": "@vaadin/field-base/src/validate-mixin.js"
1277
1243
  }
1278
1244
  },
1279
1245
  {
@@ -1314,8 +1280,8 @@
1314
1280
  }
1315
1281
  },
1316
1282
  "inheritedFrom": {
1317
- "name": "FieldMixin",
1318
- "package": "@vaadin/field-base/src/field-mixin.js"
1283
+ "name": "ValidateMixin",
1284
+ "package": "@vaadin/field-base/src/validate-mixin.js"
1319
1285
  }
1320
1286
  },
1321
1287
  {
@@ -1335,15 +1301,11 @@
1335
1301
  ],
1336
1302
  "events": [
1337
1303
  {
1338
- "name": "change",
1339
1304
  "type": {
1340
- "text": "CustomEvent"
1305
+ "text": "Event"
1341
1306
  },
1342
1307
  "description": "Fired when the user commits a value change.",
1343
- "inheritedFrom": {
1344
- "name": "InputConstraintsMixin",
1345
- "package": "@vaadin/field-base/src/input-constraints-mixin.js"
1346
- }
1308
+ "name": "change"
1347
1309
  },
1348
1310
  {
1349
1311
  "type": {
@@ -1360,15 +1322,11 @@
1360
1322
  "name": "opened-changed"
1361
1323
  },
1362
1324
  {
1363
- "name": "unparsable-change",
1364
1325
  "type": {
1365
- "text": "CustomEvent"
1326
+ "text": "Event"
1366
1327
  },
1367
1328
  "description": "Fired when the user commits an unparsable value change and there is no change event.",
1368
- "inheritedFrom": {
1369
- "name": "TimePickerMixin",
1370
- "module": "src/vaadin-time-picker-mixin.js"
1371
- }
1329
+ "name": "unparsable-change"
1372
1330
  },
1373
1331
  {
1374
1332
  "type": {
@@ -1490,8 +1448,8 @@
1490
1448
  "description": "If true, the user cannot interact with this element.",
1491
1449
  "fieldName": "disabled",
1492
1450
  "inheritedFrom": {
1493
- "name": "DelegateFocusMixin",
1494
- "package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
1451
+ "name": "DisabledMixin",
1452
+ "package": "@vaadin/a11y-base/src/disabled-mixin.js"
1495
1453
  }
1496
1454
  },
1497
1455
  {
@@ -1518,18 +1476,6 @@
1518
1476
  "package": "@vaadin/field-base/src/field-mixin.js"
1519
1477
  }
1520
1478
  },
1521
- {
1522
- "name": "i18n",
1523
- "type": {
1524
- "text": "Object | undefined"
1525
- },
1526
- "description": "The object used to localize this component. To change the default\nlocalization, set this to an object that provides all properties, or\njust the individual properties you want to change.\n\nWhen not set, defaults to `undefined`.\n\nShould be overridden by subclasses to provide a custom JSDoc with the\ndefault I18N properties.",
1527
- "fieldName": "i18n",
1528
- "inheritedFrom": {
1529
- "name": "I18nMixin",
1530
- "package": "@vaadin/component-base/src/i18n-mixin.js"
1531
- }
1532
- },
1533
1479
  {
1534
1480
  "name": "invalid",
1535
1481
  "type": {
@@ -1538,8 +1484,8 @@
1538
1484
  "description": "Set to true when the field is invalid.",
1539
1485
  "fieldName": "invalid",
1540
1486
  "inheritedFrom": {
1541
- "name": "FieldMixin",
1542
- "package": "@vaadin/field-base/src/field-mixin.js"
1487
+ "name": "ValidateMixin",
1488
+ "package": "@vaadin/field-base/src/validate-mixin.js"
1543
1489
  }
1544
1490
  },
1545
1491
  {
@@ -1550,8 +1496,8 @@
1550
1496
  "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
1551
1497
  "fieldName": "label",
1552
1498
  "inheritedFrom": {
1553
- "name": "FieldMixin",
1554
- "package": "@vaadin/field-base/src/field-mixin.js"
1499
+ "name": "LabelMixin",
1500
+ "package": "@vaadin/field-base/src/label-mixin.js"
1555
1501
  }
1556
1502
  },
1557
1503
  {
@@ -1562,8 +1508,8 @@
1562
1508
  "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.",
1563
1509
  "fieldName": "manualValidation",
1564
1510
  "inheritedFrom": {
1565
- "name": "FieldMixin",
1566
- "package": "@vaadin/field-base/src/field-mixin.js"
1511
+ "name": "ValidateMixin",
1512
+ "package": "@vaadin/field-base/src/validate-mixin.js"
1567
1513
  }
1568
1514
  },
1569
1515
  {
@@ -1646,8 +1592,8 @@
1646
1592
  "description": "When present, it specifies that the field is read-only.",
1647
1593
  "fieldName": "readonly",
1648
1594
  "inheritedFrom": {
1649
- "name": "InputControlMixin",
1650
- "package": "@vaadin/field-base/src/input-control-mixin.js"
1595
+ "name": "ComboBoxBaseMixin",
1596
+ "package": "@vaadin/combo-box/src/vaadin-combo-box-base-mixin.js"
1651
1597
  }
1652
1598
  },
1653
1599
  {
@@ -1658,8 +1604,8 @@
1658
1604
  "description": "Specifies that the user must fill in a value.",
1659
1605
  "fieldName": "required",
1660
1606
  "inheritedFrom": {
1661
- "name": "FieldMixin",
1662
- "package": "@vaadin/field-base/src/field-mixin.js"
1607
+ "name": "ValidateMixin",
1608
+ "package": "@vaadin/field-base/src/validate-mixin.js"
1663
1609
  }
1664
1610
  },
1665
1611
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/time-picker",
3
- "version": "25.4.0-alpha3",
3
+ "version": "25.4.0-alpha4",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -35,22 +35,22 @@
35
35
  ],
36
36
  "dependencies": {
37
37
  "@open-wc/dedupe-mixin": "^1.3.0",
38
- "@vaadin/a11y-base": "25.4.0-alpha3",
39
- "@vaadin/combo-box": "25.4.0-alpha3",
40
- "@vaadin/component-base": "25.4.0-alpha3",
41
- "@vaadin/field-base": "25.4.0-alpha3",
42
- "@vaadin/input-container": "25.4.0-alpha3",
43
- "@vaadin/item": "25.4.0-alpha3",
44
- "@vaadin/overlay": "25.4.0-alpha3",
45
- "@vaadin/vaadin-themable-mixin": "25.4.0-alpha3",
38
+ "@vaadin/a11y-base": "25.4.0-alpha4",
39
+ "@vaadin/combo-box": "25.4.0-alpha4",
40
+ "@vaadin/component-base": "25.4.0-alpha4",
41
+ "@vaadin/field-base": "25.4.0-alpha4",
42
+ "@vaadin/input-container": "25.4.0-alpha4",
43
+ "@vaadin/item": "25.4.0-alpha4",
44
+ "@vaadin/overlay": "25.4.0-alpha4",
45
+ "@vaadin/vaadin-themable-mixin": "25.4.0-alpha4",
46
46
  "lit": "^3.0.0"
47
47
  },
48
48
  "devDependencies": {
49
- "@vaadin/aura": "25.4.0-alpha3",
50
- "@vaadin/chai-plugins": "25.4.0-alpha3",
51
- "@vaadin/test-runner-commands": "25.4.0-alpha3",
49
+ "@vaadin/aura": "25.4.0-alpha4",
50
+ "@vaadin/chai-plugins": "25.4.0-alpha4",
51
+ "@vaadin/test-runner-commands": "25.4.0-alpha4",
52
52
  "@vaadin/testing-helpers": "^2.0.0",
53
- "@vaadin/vaadin-lumo-styles": "25.4.0-alpha3",
53
+ "@vaadin/vaadin-lumo-styles": "25.4.0-alpha4",
54
54
  "sinon": "^22.0.0"
55
55
  },
56
56
  "customElements": "custom-elements.json",
@@ -58,5 +58,5 @@
58
58
  "web-types.json",
59
59
  "web-types.lit.json"
60
60
  ],
61
- "gitHead": "db7e679c1a8af00840cc05ddcbefff68dfed1e45"
61
+ "gitHead": "7809e4c099538333a6dbd11d8da18a0c6ec30dad"
62
62
  }
package/web-types.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/time-picker",
4
- "version": "25.4.0-alpha3",
4
+ "version": "25.4.0-alpha4",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "elements": [
9
9
  {
10
10
  "name": "vaadin-time-picker",
11
- "description": "`<vaadin-time-picker>` is a Web Component providing a time-selection field.\n\n```html\n<vaadin-time-picker></vaadin-time-picker>\n```\n```js\ntimePicker.value = '14:30';\n```\n\nWhen the selected `value` is changed, a `value-changed` event is triggered.\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 buttons\n`field-button` | Set on both clear and toggle buttons\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`toggle-button` | The toggle button\n`overlay` | The overlay container\n`content` | The overlay content\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`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`opened` | Set when the overlay is opened\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-height` |\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-aside-gap` |\n| `--vaadin-input-field-label-aside-text-align` |\n| `--vaadin-input-field-label-aside-width` |\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| `--vaadin-item-overlay-padding` |\n| `--vaadin-time-picker-overlay-max-height` |\n| `--vaadin-time-picker-overlay-width` |\n\n### Internal components\n\nIn addition to `<vaadin-time-picker>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-time-picker-item>` - has the same API as [`<vaadin-item>`](https://cdn.vaadin.com/vaadin-web-components/25.4.0-alpha3/#/elements/vaadin-item).\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Change events\n\nDepending on the nature of the value change that the user attempts to commit e.g. by pressing Enter,\nthe component can fire either a `change` event or an `unparsable-change` event:\n\nValue change | Event\n:------------------------|:------------------\nempty => parsable | change\nempty => unparsable | unparsable-change\nparsable => empty | change\nparsable => parsable | change\nparsable => unparsable | change\nunparsable => empty | unparsable-change\nunparsable => parsable | change\nunparsable => unparsable | unparsable-change",
11
+ "description": "`<vaadin-time-picker>` is a Web Component providing a time-selection field.\n\n```html\n<vaadin-time-picker></vaadin-time-picker>\n```\n```js\ntimePicker.value = '14:30';\n```\n\nWhen the selected `value` is changed, a `value-changed` event is triggered.\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 buttons\n`field-button` | Set on both clear and toggle buttons\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`toggle-button` | The toggle button\n`overlay` | The overlay container\n`content` | The overlay content\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`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`opened` | Set when the overlay is opened\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-height` |\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-aside-gap` |\n| `--vaadin-input-field-label-aside-text-align` |\n| `--vaadin-input-field-label-aside-width` |\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| `--vaadin-item-overlay-padding` |\n| `--vaadin-time-picker-overlay-max-height` |\n| `--vaadin-time-picker-overlay-width` |\n\n### Internal components\n\nIn addition to `<vaadin-time-picker>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-time-picker-item>` - has the same API as [`<vaadin-item>`](https://cdn.vaadin.com/vaadin-web-components/25.4.0-alpha4/#/elements/vaadin-item).\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Change events\n\nDepending on the nature of the value change that the user attempts to commit e.g. by pressing Enter,\nthe component can fire either a `change` event or an `unparsable-change` event:\n\nValue change | Event\n:------------------------|:------------------\nempty => parsable | change\nempty => unparsable | unparsable-change\nparsable => empty | change\nparsable => parsable | change\nparsable => unparsable | change\nunparsable => empty | unparsable-change\nunparsable => parsable | change\nunparsable => unparsable | unparsable-change",
12
12
  "attributes": [
13
13
  {
14
14
  "name": "accessible-description-ref",
@@ -284,8 +284,8 @@
284
284
  }
285
285
  },
286
286
  {
287
- "name": "autofocus",
288
- "description": "Specify that this control should have input focus when the page loads.",
287
+ "name": "autoOpenDisabled",
288
+ "description": "Set true to prevent the overlay from opening automatically.",
289
289
  "value": {
290
290
  "type": [
291
291
  "boolean"
@@ -293,8 +293,8 @@
293
293
  }
294
294
  },
295
295
  {
296
- "name": "autoOpenDisabled",
297
- "description": "Set true to prevent the overlay from opening automatically.",
296
+ "name": "autofocus",
297
+ "description": "Specify that this control should have input focus when the page loads.",
298
298
  "value": {
299
299
  "type": [
300
300
  "boolean"
@@ -351,7 +351,7 @@
351
351
  "description": "The object used to localize this component. To change the default\nlocalization, set this to an object that provides both the\ntime parsing and formatting functions.\n\nWhen not set, defaults to `undefined`.\n\nThe object has the following JSON structure:\n\n```js\n{\n // A function to format given `Object` as\n // time string. Object is in the format `{ hours: ..., minutes: ..., seconds: ..., milliseconds: ... }`\n formatTime: (time) => {\n // returns a string representation of the given\n // object in `hh` / 'hh:mm' / 'hh:mm:ss' / 'hh:mm:ss.fff' - formats\n },\n\n // A function to parse the given text to an `Object` in the format\n // `{ hours: ..., minutes: ..., seconds: ..., milliseconds: ... }`.\n // Must properly parse (at least) text\n // formatted by `formatTime`.\n parseTime: text => {\n // Parses a string in object/string that can be formatted by`formatTime`.\n }\n}\n```\n\nNOTE: `formatTime` and `parseTime` must be implemented in a\ncompatible manner to ensure the component works properly.\n\nNOTE: these functions only apply to the text shown in the input field and\nin the dropdown. The `value`, `min` and `max` properties always use the\nISO 8601 format, and are never passed to `parseTime`, so implementations\ndo not need to accept ISO 8601 input.",
352
352
  "value": {
353
353
  "type": [
354
- "Object",
354
+ "TimePickerI18n",
355
355
  "undefined"
356
356
  ]
357
357
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/time-picker",
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": {
@@ -16,7 +16,7 @@
16
16
  "elements": [
17
17
  {
18
18
  "name": "vaadin-time-picker",
19
- "description": "`<vaadin-time-picker>` is a Web Component providing a time-selection field.\n\n```html\n<vaadin-time-picker></vaadin-time-picker>\n```\n```js\ntimePicker.value = '14:30';\n```\n\nWhen the selected `value` is changed, a `value-changed` event is triggered.\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 buttons\n`field-button` | Set on both clear and toggle buttons\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`toggle-button` | The toggle button\n`overlay` | The overlay container\n`content` | The overlay content\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`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`opened` | Set when the overlay is opened\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-height` |\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-aside-gap` |\n| `--vaadin-input-field-label-aside-text-align` |\n| `--vaadin-input-field-label-aside-width` |\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| `--vaadin-item-overlay-padding` |\n| `--vaadin-time-picker-overlay-max-height` |\n| `--vaadin-time-picker-overlay-width` |\n\n### Internal components\n\nIn addition to `<vaadin-time-picker>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-time-picker-item>` - has the same API as [`<vaadin-item>`](https://cdn.vaadin.com/vaadin-web-components/25.4.0-alpha3/#/elements/vaadin-item).\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Change events\n\nDepending on the nature of the value change that the user attempts to commit e.g. by pressing Enter,\nthe component can fire either a `change` event or an `unparsable-change` event:\n\nValue change | Event\n:------------------------|:------------------\nempty => parsable | change\nempty => unparsable | unparsable-change\nparsable => empty | change\nparsable => parsable | change\nparsable => unparsable | change\nunparsable => empty | unparsable-change\nunparsable => parsable | change\nunparsable => unparsable | unparsable-change",
19
+ "description": "`<vaadin-time-picker>` is a Web Component providing a time-selection field.\n\n```html\n<vaadin-time-picker></vaadin-time-picker>\n```\n```js\ntimePicker.value = '14:30';\n```\n\nWhen the selected `value` is changed, a `value-changed` event is triggered.\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 buttons\n`field-button` | Set on both clear and toggle buttons\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`toggle-button` | The toggle button\n`overlay` | The overlay container\n`content` | The overlay content\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`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`opened` | Set when the overlay is opened\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-height` |\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-aside-gap` |\n| `--vaadin-input-field-label-aside-text-align` |\n| `--vaadin-input-field-label-aside-width` |\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| `--vaadin-item-overlay-padding` |\n| `--vaadin-time-picker-overlay-max-height` |\n| `--vaadin-time-picker-overlay-width` |\n\n### Internal components\n\nIn addition to `<vaadin-time-picker>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-time-picker-item>` - has the same API as [`<vaadin-item>`](https://cdn.vaadin.com/vaadin-web-components/25.4.0-alpha4/#/elements/vaadin-item).\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Change events\n\nDepending on the nature of the value change that the user attempts to commit e.g. by pressing Enter,\nthe component can fire either a `change` event or an `unparsable-change` event:\n\nValue change | Event\n:------------------------|:------------------\nempty => parsable | change\nempty => unparsable | unparsable-change\nparsable => empty | change\nparsable => parsable | change\nparsable => unparsable | change\nunparsable => empty | unparsable-change\nunparsable => parsable | change\nunparsable => unparsable | unparsable-change",
20
20
  "extension": true,
21
21
  "attributes": [
22
22
  {
@@ -48,15 +48,15 @@
48
48
  }
49
49
  },
50
50
  {
51
- "name": "?autofocus",
52
- "description": "Specify that this control should have input focus when the page loads.",
51
+ "name": "?autoOpenDisabled",
52
+ "description": "Set true to prevent the overlay from opening automatically.",
53
53
  "value": {
54
54
  "kind": "expression"
55
55
  }
56
56
  },
57
57
  {
58
- "name": "?autoOpenDisabled",
59
- "description": "Set true to prevent the overlay from opening automatically.",
58
+ "name": "?autofocus",
59
+ "description": "Specify that this control should have input focus when the page loads.",
60
60
  "value": {
61
61
  "kind": "expression"
62
62
  }