@vaadin/time-picker 23.3.21 → 23.3.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +9 -9
- package/web-types.json +40 -84
- package/web-types.lit.json +13 -27
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/time-picker",
|
|
3
|
-
"version": "23.3.
|
|
3
|
+
"version": "23.3.23",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -36,13 +36,13 @@
|
|
|
36
36
|
],
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@polymer/polymer": "^3.0.0",
|
|
39
|
-
"@vaadin/combo-box": "~23.3.
|
|
40
|
-
"@vaadin/component-base": "~23.3.
|
|
41
|
-
"@vaadin/field-base": "~23.3.
|
|
42
|
-
"@vaadin/input-container": "~23.3.
|
|
43
|
-
"@vaadin/vaadin-lumo-styles": "~23.3.
|
|
44
|
-
"@vaadin/vaadin-material-styles": "~23.3.
|
|
45
|
-
"@vaadin/vaadin-themable-mixin": "~23.3.
|
|
39
|
+
"@vaadin/combo-box": "~23.3.23",
|
|
40
|
+
"@vaadin/component-base": "~23.3.23",
|
|
41
|
+
"@vaadin/field-base": "~23.3.23",
|
|
42
|
+
"@vaadin/input-container": "~23.3.23",
|
|
43
|
+
"@vaadin/vaadin-lumo-styles": "~23.3.23",
|
|
44
|
+
"@vaadin/vaadin-material-styles": "~23.3.23",
|
|
45
|
+
"@vaadin/vaadin-themable-mixin": "~23.3.23"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"@esm-bundle/chai": "^4.3.4",
|
|
@@ -53,5 +53,5 @@
|
|
|
53
53
|
"web-types.json",
|
|
54
54
|
"web-types.lit.json"
|
|
55
55
|
],
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "0027e59e0405f668a089c10e75bb488da9a665b8"
|
|
57
57
|
}
|
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": "
|
|
4
|
+
"version": "23.3.23",
|
|
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 custom properties are available for styling:\n\nCustom property | Description | Default\n----------------------------------------|----------------------------|---------\n`--vaadin-field-default-width` | Default width of the field | `12em`\n`--vaadin-combo-box-overlay-max-height` | Max height of the overlay | `65vh`\n\n`<vaadin-time-picker>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/
|
|
11
|
+
"description": "`<vaadin-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 custom properties are available for styling:\n\nCustom property | Description | Default\n----------------------------------------|----------------------------|---------\n`--vaadin-field-default-width` | Default width of the field | `12em`\n`--vaadin-combo-box-overlay-max-height` | Max height of the overlay | `65vh`\n\n`<vaadin-time-picker>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/23.3.23/#/elements/vaadin-text-field) for the styling documentation.\n\nIn addition to `<vaadin-text-field>` parts, the following parts are available for theming:\n\nPart name | Description\n----------------|----------------\n`toggle-button` | The toggle button\n\nIn addition to `<vaadin-text-field>` state attributes, the following state attributes are available for theming:\n\nAttribute | Description\n----------|------------------------------------------\n`opened` | Set when the time-picker dropdown is open\n\n### Internal components\n\nIn addition to `<vaadin-time-picker>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-time-picker-combo-box>` - has the same API as [`<vaadin-combo-box-light>`](https://cdn.vaadin.com/vaadin-web-components/23.3.23/#/elements/vaadin-combo-box-light).\n- `<vaadin-time-picker-overlay>` - has the same API as [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/23.3.23/#/elements/vaadin-overlay).\n- `<vaadin-time-picker-item>` - has the same API as [`<vaadin-item>`](https://cdn.vaadin.com/vaadin-web-components/23.3.23/#/elements/vaadin-item).\n- [`<vaadin-input-container>`](https://cdn.vaadin.com/vaadin-web-components/23.3.23/#/elements/vaadin-input-container) - an internal element wrapping the input.\n\nNote: the `theme` attribute value set on `<vaadin-time-picker>` is\npropagated to the internal components listed above.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
14
|
"name": "disabled",
|
|
@@ -87,28 +87,6 @@
|
|
|
87
87
|
]
|
|
88
88
|
}
|
|
89
89
|
},
|
|
90
|
-
{
|
|
91
|
-
"name": "accessible-name",
|
|
92
|
-
"description": "String used to label the component to screen reader users.",
|
|
93
|
-
"value": {
|
|
94
|
-
"type": [
|
|
95
|
-
"string",
|
|
96
|
-
"null",
|
|
97
|
-
"undefined"
|
|
98
|
-
]
|
|
99
|
-
}
|
|
100
|
-
},
|
|
101
|
-
{
|
|
102
|
-
"name": "accessible-name-ref",
|
|
103
|
-
"description": "Id of the element used as label of the component to screen reader users.",
|
|
104
|
-
"value": {
|
|
105
|
-
"type": [
|
|
106
|
-
"string",
|
|
107
|
-
"null",
|
|
108
|
-
"undefined"
|
|
109
|
-
]
|
|
110
|
-
}
|
|
111
|
-
},
|
|
112
90
|
{
|
|
113
91
|
"name": "value",
|
|
114
92
|
"description": "The 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`",
|
|
@@ -119,30 +97,30 @@
|
|
|
119
97
|
}
|
|
120
98
|
},
|
|
121
99
|
{
|
|
122
|
-
"name": "
|
|
123
|
-
"description": "
|
|
100
|
+
"name": "allowed-char-pattern",
|
|
101
|
+
"description": "A pattern matched against individual characters the user inputs.\n\nWhen set, the field will prevent:\n- `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`\n- `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`\n- `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`\n\nFor example, to allow entering only numbers and minus signs, use:\n`allowedCharPattern = \"[\\\\d-]\"`",
|
|
124
102
|
"value": {
|
|
125
103
|
"type": [
|
|
126
|
-
"
|
|
104
|
+
"string",
|
|
127
105
|
"null",
|
|
128
106
|
"undefined"
|
|
129
107
|
]
|
|
130
108
|
}
|
|
131
109
|
},
|
|
132
110
|
{
|
|
133
|
-
"name": "
|
|
134
|
-
"description": "
|
|
111
|
+
"name": "autoselect",
|
|
112
|
+
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
|
|
135
113
|
"value": {
|
|
136
114
|
"type": [
|
|
137
|
-
"
|
|
115
|
+
"boolean",
|
|
138
116
|
"null",
|
|
139
117
|
"undefined"
|
|
140
118
|
]
|
|
141
119
|
}
|
|
142
120
|
},
|
|
143
121
|
{
|
|
144
|
-
"name": "
|
|
145
|
-
"description": "
|
|
122
|
+
"name": "clear-button-visible",
|
|
123
|
+
"description": "Set to true to display the clear icon which clears the input.",
|
|
146
124
|
"value": {
|
|
147
125
|
"type": [
|
|
148
126
|
"boolean",
|
|
@@ -206,6 +184,17 @@
|
|
|
206
184
|
]
|
|
207
185
|
}
|
|
208
186
|
},
|
|
187
|
+
{
|
|
188
|
+
"name": "prevent-invalid-input",
|
|
189
|
+
"description": "When set to true, user is prevented from typing a value that\nconflicts with the given `pattern`.",
|
|
190
|
+
"value": {
|
|
191
|
+
"type": [
|
|
192
|
+
"boolean",
|
|
193
|
+
"null",
|
|
194
|
+
"undefined"
|
|
195
|
+
]
|
|
196
|
+
}
|
|
197
|
+
},
|
|
209
198
|
{
|
|
210
199
|
"name": "opened",
|
|
211
200
|
"description": "True if the dropdown is open, false otherwise.",
|
|
@@ -257,17 +246,6 @@
|
|
|
257
246
|
]
|
|
258
247
|
}
|
|
259
248
|
},
|
|
260
|
-
{
|
|
261
|
-
"name": "overlay-class",
|
|
262
|
-
"description": "A space-delimited list of CSS class names to set on the overlay element.",
|
|
263
|
-
"value": {
|
|
264
|
-
"type": [
|
|
265
|
-
"string",
|
|
266
|
-
"null",
|
|
267
|
-
"undefined"
|
|
268
|
-
]
|
|
269
|
-
}
|
|
270
|
-
},
|
|
271
249
|
{
|
|
272
250
|
"name": "theme",
|
|
273
251
|
"description": "The theme variants to apply to the component.",
|
|
@@ -359,28 +337,6 @@
|
|
|
359
337
|
]
|
|
360
338
|
}
|
|
361
339
|
},
|
|
362
|
-
{
|
|
363
|
-
"name": "accessibleName",
|
|
364
|
-
"description": "String used to label the component to screen reader users.",
|
|
365
|
-
"value": {
|
|
366
|
-
"type": [
|
|
367
|
-
"string",
|
|
368
|
-
"null",
|
|
369
|
-
"undefined"
|
|
370
|
-
]
|
|
371
|
-
}
|
|
372
|
-
},
|
|
373
|
-
{
|
|
374
|
-
"name": "accessibleNameRef",
|
|
375
|
-
"description": "Id of the element used as label of the component to screen reader users.",
|
|
376
|
-
"value": {
|
|
377
|
-
"type": [
|
|
378
|
-
"string",
|
|
379
|
-
"null",
|
|
380
|
-
"undefined"
|
|
381
|
-
]
|
|
382
|
-
}
|
|
383
|
-
},
|
|
384
340
|
{
|
|
385
341
|
"name": "value",
|
|
386
342
|
"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`",
|
|
@@ -391,30 +347,30 @@
|
|
|
391
347
|
}
|
|
392
348
|
},
|
|
393
349
|
{
|
|
394
|
-
"name": "
|
|
395
|
-
"description": "
|
|
350
|
+
"name": "allowedCharPattern",
|
|
351
|
+
"description": "A pattern matched against individual characters the user inputs.\n\nWhen set, the field will prevent:\n- `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`\n- `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`\n- `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`\n\nFor example, to allow entering only numbers and minus signs, use:\n`allowedCharPattern = \"[\\\\d-]\"`",
|
|
396
352
|
"value": {
|
|
397
353
|
"type": [
|
|
398
|
-
"
|
|
354
|
+
"string",
|
|
399
355
|
"null",
|
|
400
356
|
"undefined"
|
|
401
357
|
]
|
|
402
358
|
}
|
|
403
359
|
},
|
|
404
360
|
{
|
|
405
|
-
"name": "
|
|
406
|
-
"description": "
|
|
361
|
+
"name": "autoselect",
|
|
362
|
+
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
|
|
407
363
|
"value": {
|
|
408
364
|
"type": [
|
|
409
|
-
"
|
|
365
|
+
"boolean",
|
|
410
366
|
"null",
|
|
411
367
|
"undefined"
|
|
412
368
|
]
|
|
413
369
|
}
|
|
414
370
|
},
|
|
415
371
|
{
|
|
416
|
-
"name": "
|
|
417
|
-
"description": "
|
|
372
|
+
"name": "clearButtonVisible",
|
|
373
|
+
"description": "Set to true to display the clear icon which clears the input.",
|
|
418
374
|
"value": {
|
|
419
375
|
"type": [
|
|
420
376
|
"boolean",
|
|
@@ -478,6 +434,17 @@
|
|
|
478
434
|
]
|
|
479
435
|
}
|
|
480
436
|
},
|
|
437
|
+
{
|
|
438
|
+
"name": "preventInvalidInput",
|
|
439
|
+
"description": "When set to true, user is prevented from typing a value that\nconflicts with the given `pattern`.",
|
|
440
|
+
"value": {
|
|
441
|
+
"type": [
|
|
442
|
+
"boolean",
|
|
443
|
+
"null",
|
|
444
|
+
"undefined"
|
|
445
|
+
]
|
|
446
|
+
}
|
|
447
|
+
},
|
|
481
448
|
{
|
|
482
449
|
"name": "opened",
|
|
483
450
|
"description": "True if the dropdown is open, false otherwise.",
|
|
@@ -529,17 +496,6 @@
|
|
|
529
496
|
]
|
|
530
497
|
}
|
|
531
498
|
},
|
|
532
|
-
{
|
|
533
|
-
"name": "overlayClass",
|
|
534
|
-
"description": "A space-delimited list of CSS class names to set on the overlay element.",
|
|
535
|
-
"value": {
|
|
536
|
-
"type": [
|
|
537
|
-
"string",
|
|
538
|
-
"null",
|
|
539
|
-
"undefined"
|
|
540
|
-
]
|
|
541
|
-
}
|
|
542
|
-
},
|
|
543
499
|
{
|
|
544
500
|
"name": "i18n",
|
|
545
501
|
"description": "The object used to localize this component.\nTo change the default localization, replace the entire\n_i18n_ object or just the property you want to modify.\n\nThe object has the following JSON structure:\n\n```\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\nBoth `formatTime` and `parseTime` need to be implemented\nto ensure the component works properly.",
|
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/time-picker",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "23.3.23",
|
|
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 custom properties are available for styling:\n\nCustom property | Description | Default\n----------------------------------------|----------------------------|---------\n`--vaadin-field-default-width` | Default width of the field | `12em`\n`--vaadin-combo-box-overlay-max-height` | Max height of the overlay | `65vh`\n\n`<vaadin-time-picker>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/
|
|
19
|
+
"description": "`<vaadin-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 custom properties are available for styling:\n\nCustom property | Description | Default\n----------------------------------------|----------------------------|---------\n`--vaadin-field-default-width` | Default width of the field | `12em`\n`--vaadin-combo-box-overlay-max-height` | Max height of the overlay | `65vh`\n\n`<vaadin-time-picker>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/23.3.23/#/elements/vaadin-text-field) for the styling documentation.\n\nIn addition to `<vaadin-text-field>` parts, the following parts are available for theming:\n\nPart name | Description\n----------------|----------------\n`toggle-button` | The toggle button\n\nIn addition to `<vaadin-text-field>` state attributes, the following state attributes are available for theming:\n\nAttribute | Description\n----------|------------------------------------------\n`opened` | Set when the time-picker dropdown is open\n\n### Internal components\n\nIn addition to `<vaadin-time-picker>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-time-picker-combo-box>` - has the same API as [`<vaadin-combo-box-light>`](https://cdn.vaadin.com/vaadin-web-components/23.3.23/#/elements/vaadin-combo-box-light).\n- `<vaadin-time-picker-overlay>` - has the same API as [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/23.3.23/#/elements/vaadin-overlay).\n- `<vaadin-time-picker-item>` - has the same API as [`<vaadin-item>`](https://cdn.vaadin.com/vaadin-web-components/23.3.23/#/elements/vaadin-item).\n- [`<vaadin-input-container>`](https://cdn.vaadin.com/vaadin-web-components/23.3.23/#/elements/vaadin-input-container) - an internal element wrapping the input.\n\nNote: the `theme` attribute value set on `<vaadin-time-picker>` is\npropagated to the internal components listed above.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.",
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
22
|
{
|
|
@@ -48,15 +48,15 @@
|
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
50
|
{
|
|
51
|
-
"name": "?
|
|
52
|
-
"description": "
|
|
51
|
+
"name": "?autoselect",
|
|
52
|
+
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
|
|
53
53
|
"value": {
|
|
54
54
|
"kind": "expression"
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
57
|
{
|
|
58
|
-
"name": "?
|
|
59
|
-
"description": "
|
|
58
|
+
"name": "?clearButtonVisible",
|
|
59
|
+
"description": "Set to true to display the clear icon which clears the input.",
|
|
60
60
|
"value": {
|
|
61
61
|
"kind": "expression"
|
|
62
62
|
}
|
|
@@ -68,6 +68,13 @@
|
|
|
68
68
|
"kind": "expression"
|
|
69
69
|
}
|
|
70
70
|
},
|
|
71
|
+
{
|
|
72
|
+
"name": "?preventInvalidInput",
|
|
73
|
+
"description": "When set to true, user is prevented from typing a value that\nconflicts with the given `pattern`.",
|
|
74
|
+
"value": {
|
|
75
|
+
"kind": "expression"
|
|
76
|
+
}
|
|
77
|
+
},
|
|
71
78
|
{
|
|
72
79
|
"name": "?opened",
|
|
73
80
|
"description": "True if the dropdown is open, false otherwise.",
|
|
@@ -103,20 +110,6 @@
|
|
|
103
110
|
"kind": "expression"
|
|
104
111
|
}
|
|
105
112
|
},
|
|
106
|
-
{
|
|
107
|
-
"name": ".accessibleName",
|
|
108
|
-
"description": "String used to label the component to screen reader users.",
|
|
109
|
-
"value": {
|
|
110
|
-
"kind": "expression"
|
|
111
|
-
}
|
|
112
|
-
},
|
|
113
|
-
{
|
|
114
|
-
"name": ".accessibleNameRef",
|
|
115
|
-
"description": "Id of the element used as label of the component to screen reader users.",
|
|
116
|
-
"value": {
|
|
117
|
-
"kind": "expression"
|
|
118
|
-
}
|
|
119
|
-
},
|
|
120
113
|
{
|
|
121
114
|
"name": ".value",
|
|
122
115
|
"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`",
|
|
@@ -180,13 +173,6 @@
|
|
|
180
173
|
"kind": "expression"
|
|
181
174
|
}
|
|
182
175
|
},
|
|
183
|
-
{
|
|
184
|
-
"name": ".overlayClass",
|
|
185
|
-
"description": "A space-delimited list of CSS class names to set on the overlay element.",
|
|
186
|
-
"value": {
|
|
187
|
-
"kind": "expression"
|
|
188
|
-
}
|
|
189
|
-
},
|
|
190
176
|
{
|
|
191
177
|
"name": ".i18n",
|
|
192
178
|
"description": "The object used to localize this component.\nTo change the default localization, replace the entire\n_i18n_ object or just the property you want to modify.\n\nThe object has the following JSON structure:\n\n```\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\nBoth `formatTime` and `parseTime` need to be implemented\nto ensure the component works properly.",
|