@vaadin/time-picker 25.2.0-alpha1 → 25.2.0-alpha10
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 +503 -11
- package/package.json +14 -14
- package/src/vaadin-time-picker-mixin.js +9 -15
- package/web-types.json +55 -162
- package/web-types.lit.json +52 -52
package/web-types.json
CHANGED
|
@@ -1,23 +1,21 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/time-picker",
|
|
4
|
-
"version": "25.2.0-
|
|
4
|
+
"version": "25.2.0-alpha10",
|
|
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-time-picker-overlay-width` | Width of the overlay | `auto`\n`--vaadin-time-picker-overlay-max-height`| Max height of the overlay | `65vh`\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\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.2.0-
|
|
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-time-picker-overlay-width` | Width of the overlay | `auto`\n`--vaadin-time-picker-overlay-max-height`| Max height of the overlay | `65vh`\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\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.2.0-alpha10/#/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-name",
|
|
15
15
|
"description": "String used to label the component to screen reader users.",
|
|
16
16
|
"value": {
|
|
17
17
|
"type": [
|
|
18
|
-
"string"
|
|
19
|
-
"null",
|
|
20
|
-
"undefined"
|
|
18
|
+
"string"
|
|
21
19
|
]
|
|
22
20
|
}
|
|
23
21
|
},
|
|
@@ -26,9 +24,7 @@
|
|
|
26
24
|
"description": "Id of the element used as label of the component to screen reader users.",
|
|
27
25
|
"value": {
|
|
28
26
|
"type": [
|
|
29
|
-
"string"
|
|
30
|
-
"null",
|
|
31
|
-
"undefined"
|
|
27
|
+
"string"
|
|
32
28
|
]
|
|
33
29
|
}
|
|
34
30
|
},
|
|
@@ -37,9 +33,7 @@
|
|
|
37
33
|
"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-]\"`",
|
|
38
34
|
"value": {
|
|
39
35
|
"type": [
|
|
40
|
-
"string"
|
|
41
|
-
"null",
|
|
42
|
-
"undefined"
|
|
36
|
+
"string"
|
|
43
37
|
]
|
|
44
38
|
}
|
|
45
39
|
},
|
|
@@ -48,9 +42,7 @@
|
|
|
48
42
|
"description": "Set true to prevent the overlay from opening automatically.",
|
|
49
43
|
"value": {
|
|
50
44
|
"type": [
|
|
51
|
-
"boolean"
|
|
52
|
-
"null",
|
|
53
|
-
"undefined"
|
|
45
|
+
"boolean"
|
|
54
46
|
]
|
|
55
47
|
}
|
|
56
48
|
},
|
|
@@ -59,9 +51,7 @@
|
|
|
59
51
|
"description": "Specify that this control should have input focus when the page loads.",
|
|
60
52
|
"value": {
|
|
61
53
|
"type": [
|
|
62
|
-
"boolean"
|
|
63
|
-
"null",
|
|
64
|
-
"undefined"
|
|
54
|
+
"boolean"
|
|
65
55
|
]
|
|
66
56
|
}
|
|
67
57
|
},
|
|
@@ -70,9 +60,7 @@
|
|
|
70
60
|
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
|
|
71
61
|
"value": {
|
|
72
62
|
"type": [
|
|
73
|
-
"boolean"
|
|
74
|
-
"null",
|
|
75
|
-
"undefined"
|
|
63
|
+
"boolean"
|
|
76
64
|
]
|
|
77
65
|
}
|
|
78
66
|
},
|
|
@@ -81,9 +69,7 @@
|
|
|
81
69
|
"description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
|
|
82
70
|
"value": {
|
|
83
71
|
"type": [
|
|
84
|
-
"boolean"
|
|
85
|
-
"null",
|
|
86
|
-
"undefined"
|
|
72
|
+
"boolean"
|
|
87
73
|
]
|
|
88
74
|
}
|
|
89
75
|
},
|
|
@@ -92,9 +78,7 @@
|
|
|
92
78
|
"description": "If true, the user cannot interact with this element.",
|
|
93
79
|
"value": {
|
|
94
80
|
"type": [
|
|
95
|
-
"boolean"
|
|
96
|
-
"null",
|
|
97
|
-
"undefined"
|
|
81
|
+
"boolean"
|
|
98
82
|
]
|
|
99
83
|
}
|
|
100
84
|
},
|
|
@@ -103,9 +87,7 @@
|
|
|
103
87
|
"description": "Error to show when the field is invalid.",
|
|
104
88
|
"value": {
|
|
105
89
|
"type": [
|
|
106
|
-
"string"
|
|
107
|
-
"null",
|
|
108
|
-
"undefined"
|
|
90
|
+
"string"
|
|
109
91
|
]
|
|
110
92
|
}
|
|
111
93
|
},
|
|
@@ -114,20 +96,7 @@
|
|
|
114
96
|
"description": "String used for the helper text.",
|
|
115
97
|
"value": {
|
|
116
98
|
"type": [
|
|
117
|
-
"string"
|
|
118
|
-
"null",
|
|
119
|
-
"undefined"
|
|
120
|
-
]
|
|
121
|
-
}
|
|
122
|
-
},
|
|
123
|
-
{
|
|
124
|
-
"name": "i18n",
|
|
125
|
-
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nShould be overridden by subclasses to provide a custom JSDoc with the\ndefault I18N properties.",
|
|
126
|
-
"value": {
|
|
127
|
-
"type": [
|
|
128
|
-
"Object",
|
|
129
|
-
"null",
|
|
130
|
-
"undefined"
|
|
99
|
+
"string"
|
|
131
100
|
]
|
|
132
101
|
}
|
|
133
102
|
},
|
|
@@ -136,9 +105,7 @@
|
|
|
136
105
|
"description": "Set to true when the field is invalid.",
|
|
137
106
|
"value": {
|
|
138
107
|
"type": [
|
|
139
|
-
"boolean"
|
|
140
|
-
"null",
|
|
141
|
-
"undefined"
|
|
108
|
+
"boolean"
|
|
142
109
|
]
|
|
143
110
|
}
|
|
144
111
|
},
|
|
@@ -147,9 +114,7 @@
|
|
|
147
114
|
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
148
115
|
"value": {
|
|
149
116
|
"type": [
|
|
150
|
-
"string"
|
|
151
|
-
"null",
|
|
152
|
-
"undefined"
|
|
117
|
+
"string"
|
|
153
118
|
]
|
|
154
119
|
}
|
|
155
120
|
},
|
|
@@ -158,9 +123,7 @@
|
|
|
158
123
|
"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.",
|
|
159
124
|
"value": {
|
|
160
125
|
"type": [
|
|
161
|
-
"boolean"
|
|
162
|
-
"null",
|
|
163
|
-
"undefined"
|
|
126
|
+
"boolean"
|
|
164
127
|
]
|
|
165
128
|
}
|
|
166
129
|
},
|
|
@@ -169,9 +132,7 @@
|
|
|
169
132
|
"description": "Maximum time allowed.\n\nSupported time formats are in ISO 8601:\n- `hh:mm`\n- `hh:mm:ss`\n- `hh:mm:ss.fff`",
|
|
170
133
|
"value": {
|
|
171
134
|
"type": [
|
|
172
|
-
"string"
|
|
173
|
-
"null",
|
|
174
|
-
"undefined"
|
|
135
|
+
"string"
|
|
175
136
|
]
|
|
176
137
|
}
|
|
177
138
|
},
|
|
@@ -180,9 +141,7 @@
|
|
|
180
141
|
"description": "Minimum time allowed.\n\nSupported time formats are in ISO 8601:\n- `hh:mm`\n- `hh:mm:ss`\n- `hh:mm:ss.fff`",
|
|
181
142
|
"value": {
|
|
182
143
|
"type": [
|
|
183
|
-
"string"
|
|
184
|
-
"null",
|
|
185
|
-
"undefined"
|
|
144
|
+
"string"
|
|
186
145
|
]
|
|
187
146
|
}
|
|
188
147
|
},
|
|
@@ -191,9 +150,7 @@
|
|
|
191
150
|
"description": "The name of this field.",
|
|
192
151
|
"value": {
|
|
193
152
|
"type": [
|
|
194
|
-
"string"
|
|
195
|
-
"null",
|
|
196
|
-
"undefined"
|
|
153
|
+
"string"
|
|
197
154
|
]
|
|
198
155
|
}
|
|
199
156
|
},
|
|
@@ -202,9 +159,7 @@
|
|
|
202
159
|
"description": "True if the dropdown is open, false otherwise.",
|
|
203
160
|
"value": {
|
|
204
161
|
"type": [
|
|
205
|
-
"boolean"
|
|
206
|
-
"null",
|
|
207
|
-
"undefined"
|
|
162
|
+
"boolean"
|
|
208
163
|
]
|
|
209
164
|
}
|
|
210
165
|
},
|
|
@@ -213,9 +168,7 @@
|
|
|
213
168
|
"description": "A regular expression that the value is checked against.\nThe pattern must match the entire value, not just some subset.",
|
|
214
169
|
"value": {
|
|
215
170
|
"type": [
|
|
216
|
-
"string"
|
|
217
|
-
"null",
|
|
218
|
-
"undefined"
|
|
171
|
+
"string"
|
|
219
172
|
]
|
|
220
173
|
}
|
|
221
174
|
},
|
|
@@ -224,9 +177,7 @@
|
|
|
224
177
|
"description": "A hint to the user of what can be entered in the field.",
|
|
225
178
|
"value": {
|
|
226
179
|
"type": [
|
|
227
|
-
"string"
|
|
228
|
-
"null",
|
|
229
|
-
"undefined"
|
|
180
|
+
"string"
|
|
230
181
|
]
|
|
231
182
|
}
|
|
232
183
|
},
|
|
@@ -235,9 +186,7 @@
|
|
|
235
186
|
"description": "When present, it specifies that the field is read-only.",
|
|
236
187
|
"value": {
|
|
237
188
|
"type": [
|
|
238
|
-
"boolean"
|
|
239
|
-
"null",
|
|
240
|
-
"undefined"
|
|
189
|
+
"boolean"
|
|
241
190
|
]
|
|
242
191
|
}
|
|
243
192
|
},
|
|
@@ -246,9 +195,7 @@
|
|
|
246
195
|
"description": "Specifies that the user must fill in a value.",
|
|
247
196
|
"value": {
|
|
248
197
|
"type": [
|
|
249
|
-
"boolean"
|
|
250
|
-
"null",
|
|
251
|
-
"undefined"
|
|
198
|
+
"boolean"
|
|
252
199
|
]
|
|
253
200
|
}
|
|
254
201
|
},
|
|
@@ -257,9 +204,7 @@
|
|
|
257
204
|
"description": "Defines the time interval (in seconds) between the items displayed\nin the time selection box. The default is 1 hour (i.e. `3600`).\n\nIt also configures the precision of the value string. By default\nthe component formats values as `hh:mm` but setting a step value\nlower than one minute or one second, format resolution changes to\n`hh:mm:ss` and `hh:mm:ss.fff` respectively.\n\nUnit must be set in seconds, and for correctly configuring intervals\nin the dropdown, it need to evenly divide a day.\n\nNote: it is possible to define step that is dividing an hour in inexact\nfragments (i.e. 5760 seconds which equals 1 hour 36 minutes), but it is\nnot recommended to use it for better UX experience.",
|
|
258
205
|
"value": {
|
|
259
206
|
"type": [
|
|
260
|
-
"number"
|
|
261
|
-
"null",
|
|
262
|
-
"undefined"
|
|
207
|
+
"number"
|
|
263
208
|
]
|
|
264
209
|
}
|
|
265
210
|
},
|
|
@@ -279,9 +224,7 @@
|
|
|
279
224
|
"description": "The text usually displayed in a tooltip popup when the mouse is over the field.",
|
|
280
225
|
"value": {
|
|
281
226
|
"type": [
|
|
282
|
-
"string"
|
|
283
|
-
"null",
|
|
284
|
-
"undefined"
|
|
227
|
+
"string"
|
|
285
228
|
]
|
|
286
229
|
}
|
|
287
230
|
},
|
|
@@ -290,9 +233,7 @@
|
|
|
290
233
|
"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`",
|
|
291
234
|
"value": {
|
|
292
235
|
"type": [
|
|
293
|
-
"string"
|
|
294
|
-
"null",
|
|
295
|
-
"undefined"
|
|
236
|
+
"string"
|
|
296
237
|
]
|
|
297
238
|
}
|
|
298
239
|
}
|
|
@@ -304,9 +245,7 @@
|
|
|
304
245
|
"description": "String used to label the component to screen reader users.",
|
|
305
246
|
"value": {
|
|
306
247
|
"type": [
|
|
307
|
-
"string"
|
|
308
|
-
"null",
|
|
309
|
-
"undefined"
|
|
248
|
+
"string"
|
|
310
249
|
]
|
|
311
250
|
}
|
|
312
251
|
},
|
|
@@ -315,9 +254,7 @@
|
|
|
315
254
|
"description": "Id of the element used as label of the component to screen reader users.",
|
|
316
255
|
"value": {
|
|
317
256
|
"type": [
|
|
318
|
-
"string"
|
|
319
|
-
"null",
|
|
320
|
-
"undefined"
|
|
257
|
+
"string"
|
|
321
258
|
]
|
|
322
259
|
}
|
|
323
260
|
},
|
|
@@ -326,9 +263,7 @@
|
|
|
326
263
|
"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-]\"`",
|
|
327
264
|
"value": {
|
|
328
265
|
"type": [
|
|
329
|
-
"string"
|
|
330
|
-
"null",
|
|
331
|
-
"undefined"
|
|
266
|
+
"string"
|
|
332
267
|
]
|
|
333
268
|
}
|
|
334
269
|
},
|
|
@@ -337,9 +272,7 @@
|
|
|
337
272
|
"description": "Specify that this control should have input focus when the page loads.",
|
|
338
273
|
"value": {
|
|
339
274
|
"type": [
|
|
340
|
-
"boolean"
|
|
341
|
-
"null",
|
|
342
|
-
"undefined"
|
|
275
|
+
"boolean"
|
|
343
276
|
]
|
|
344
277
|
}
|
|
345
278
|
},
|
|
@@ -348,9 +281,7 @@
|
|
|
348
281
|
"description": "Set true to prevent the overlay from opening automatically.",
|
|
349
282
|
"value": {
|
|
350
283
|
"type": [
|
|
351
|
-
"boolean"
|
|
352
|
-
"null",
|
|
353
|
-
"undefined"
|
|
284
|
+
"boolean"
|
|
354
285
|
]
|
|
355
286
|
}
|
|
356
287
|
},
|
|
@@ -359,9 +290,7 @@
|
|
|
359
290
|
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
|
|
360
291
|
"value": {
|
|
361
292
|
"type": [
|
|
362
|
-
"boolean"
|
|
363
|
-
"null",
|
|
364
|
-
"undefined"
|
|
293
|
+
"boolean"
|
|
365
294
|
]
|
|
366
295
|
}
|
|
367
296
|
},
|
|
@@ -370,9 +299,7 @@
|
|
|
370
299
|
"description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
|
|
371
300
|
"value": {
|
|
372
301
|
"type": [
|
|
373
|
-
"boolean"
|
|
374
|
-
"null",
|
|
375
|
-
"undefined"
|
|
302
|
+
"boolean"
|
|
376
303
|
]
|
|
377
304
|
}
|
|
378
305
|
},
|
|
@@ -381,9 +308,7 @@
|
|
|
381
308
|
"description": "If true, the user cannot interact with this element.",
|
|
382
309
|
"value": {
|
|
383
310
|
"type": [
|
|
384
|
-
"boolean"
|
|
385
|
-
"null",
|
|
386
|
-
"undefined"
|
|
311
|
+
"boolean"
|
|
387
312
|
]
|
|
388
313
|
}
|
|
389
314
|
},
|
|
@@ -392,9 +317,7 @@
|
|
|
392
317
|
"description": "Error to show when the field is invalid.",
|
|
393
318
|
"value": {
|
|
394
319
|
"type": [
|
|
395
|
-
"string"
|
|
396
|
-
"null",
|
|
397
|
-
"undefined"
|
|
320
|
+
"string"
|
|
398
321
|
]
|
|
399
322
|
}
|
|
400
323
|
},
|
|
@@ -403,9 +326,7 @@
|
|
|
403
326
|
"description": "String used for the helper text.",
|
|
404
327
|
"value": {
|
|
405
328
|
"type": [
|
|
406
|
-
"string"
|
|
407
|
-
"null",
|
|
408
|
-
"undefined"
|
|
329
|
+
"string"
|
|
409
330
|
]
|
|
410
331
|
}
|
|
411
332
|
},
|
|
@@ -414,7 +335,7 @@
|
|
|
414
335
|
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides both the\ntime parsing and formatting functions.\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.",
|
|
415
336
|
"value": {
|
|
416
337
|
"type": [
|
|
417
|
-
"
|
|
338
|
+
"Object"
|
|
418
339
|
]
|
|
419
340
|
}
|
|
420
341
|
},
|
|
@@ -423,9 +344,7 @@
|
|
|
423
344
|
"description": "Set to true when the field is invalid.",
|
|
424
345
|
"value": {
|
|
425
346
|
"type": [
|
|
426
|
-
"boolean"
|
|
427
|
-
"null",
|
|
428
|
-
"undefined"
|
|
347
|
+
"boolean"
|
|
429
348
|
]
|
|
430
349
|
}
|
|
431
350
|
},
|
|
@@ -434,9 +353,7 @@
|
|
|
434
353
|
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
435
354
|
"value": {
|
|
436
355
|
"type": [
|
|
437
|
-
"string"
|
|
438
|
-
"null",
|
|
439
|
-
"undefined"
|
|
356
|
+
"string"
|
|
440
357
|
]
|
|
441
358
|
}
|
|
442
359
|
},
|
|
@@ -445,9 +362,7 @@
|
|
|
445
362
|
"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.",
|
|
446
363
|
"value": {
|
|
447
364
|
"type": [
|
|
448
|
-
"boolean"
|
|
449
|
-
"null",
|
|
450
|
-
"undefined"
|
|
365
|
+
"boolean"
|
|
451
366
|
]
|
|
452
367
|
}
|
|
453
368
|
},
|
|
@@ -456,9 +371,7 @@
|
|
|
456
371
|
"description": "Maximum time allowed.\n\nSupported time formats are in ISO 8601:\n- `hh:mm`\n- `hh:mm:ss`\n- `hh:mm:ss.fff`",
|
|
457
372
|
"value": {
|
|
458
373
|
"type": [
|
|
459
|
-
"string"
|
|
460
|
-
"null",
|
|
461
|
-
"undefined"
|
|
374
|
+
"string"
|
|
462
375
|
]
|
|
463
376
|
}
|
|
464
377
|
},
|
|
@@ -467,9 +380,7 @@
|
|
|
467
380
|
"description": "Minimum time allowed.\n\nSupported time formats are in ISO 8601:\n- `hh:mm`\n- `hh:mm:ss`\n- `hh:mm:ss.fff`",
|
|
468
381
|
"value": {
|
|
469
382
|
"type": [
|
|
470
|
-
"string"
|
|
471
|
-
"null",
|
|
472
|
-
"undefined"
|
|
383
|
+
"string"
|
|
473
384
|
]
|
|
474
385
|
}
|
|
475
386
|
},
|
|
@@ -478,9 +389,7 @@
|
|
|
478
389
|
"description": "The name of this field.",
|
|
479
390
|
"value": {
|
|
480
391
|
"type": [
|
|
481
|
-
"string"
|
|
482
|
-
"null",
|
|
483
|
-
"undefined"
|
|
392
|
+
"string"
|
|
484
393
|
]
|
|
485
394
|
}
|
|
486
395
|
},
|
|
@@ -489,9 +398,7 @@
|
|
|
489
398
|
"description": "True if the dropdown is open, false otherwise.",
|
|
490
399
|
"value": {
|
|
491
400
|
"type": [
|
|
492
|
-
"boolean"
|
|
493
|
-
"null",
|
|
494
|
-
"undefined"
|
|
401
|
+
"boolean"
|
|
495
402
|
]
|
|
496
403
|
}
|
|
497
404
|
},
|
|
@@ -500,9 +407,7 @@
|
|
|
500
407
|
"description": "A regular expression that the value is checked against.\nThe pattern must match the entire value, not just some subset.",
|
|
501
408
|
"value": {
|
|
502
409
|
"type": [
|
|
503
|
-
"string"
|
|
504
|
-
"null",
|
|
505
|
-
"undefined"
|
|
410
|
+
"string"
|
|
506
411
|
]
|
|
507
412
|
}
|
|
508
413
|
},
|
|
@@ -511,9 +416,7 @@
|
|
|
511
416
|
"description": "A hint to the user of what can be entered in the field.",
|
|
512
417
|
"value": {
|
|
513
418
|
"type": [
|
|
514
|
-
"string"
|
|
515
|
-
"null",
|
|
516
|
-
"undefined"
|
|
419
|
+
"string"
|
|
517
420
|
]
|
|
518
421
|
}
|
|
519
422
|
},
|
|
@@ -522,9 +425,7 @@
|
|
|
522
425
|
"description": "When present, it specifies that the field is read-only.",
|
|
523
426
|
"value": {
|
|
524
427
|
"type": [
|
|
525
|
-
"boolean"
|
|
526
|
-
"null",
|
|
527
|
-
"undefined"
|
|
428
|
+
"boolean"
|
|
528
429
|
]
|
|
529
430
|
}
|
|
530
431
|
},
|
|
@@ -533,9 +434,7 @@
|
|
|
533
434
|
"description": "Specifies that the user must fill in a value.",
|
|
534
435
|
"value": {
|
|
535
436
|
"type": [
|
|
536
|
-
"boolean"
|
|
537
|
-
"null",
|
|
538
|
-
"undefined"
|
|
437
|
+
"boolean"
|
|
539
438
|
]
|
|
540
439
|
}
|
|
541
440
|
},
|
|
@@ -544,9 +443,7 @@
|
|
|
544
443
|
"description": "Defines the time interval (in seconds) between the items displayed\nin the time selection box. The default is 1 hour (i.e. `3600`).\n\nIt also configures the precision of the value string. By default\nthe component formats values as `hh:mm` but setting a step value\nlower than one minute or one second, format resolution changes to\n`hh:mm:ss` and `hh:mm:ss.fff` respectively.\n\nUnit must be set in seconds, and for correctly configuring intervals\nin the dropdown, it need to evenly divide a day.\n\nNote: it is possible to define step that is dividing an hour in inexact\nfragments (i.e. 5760 seconds which equals 1 hour 36 minutes), but it is\nnot recommended to use it for better UX experience.",
|
|
545
444
|
"value": {
|
|
546
445
|
"type": [
|
|
547
|
-
"number"
|
|
548
|
-
"null",
|
|
549
|
-
"undefined"
|
|
446
|
+
"number"
|
|
550
447
|
]
|
|
551
448
|
}
|
|
552
449
|
},
|
|
@@ -555,9 +452,7 @@
|
|
|
555
452
|
"description": "The text usually displayed in a tooltip popup when the mouse is over the field.",
|
|
556
453
|
"value": {
|
|
557
454
|
"type": [
|
|
558
|
-
"string"
|
|
559
|
-
"null",
|
|
560
|
-
"undefined"
|
|
455
|
+
"string"
|
|
561
456
|
]
|
|
562
457
|
}
|
|
563
458
|
},
|
|
@@ -566,9 +461,7 @@
|
|
|
566
461
|
"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`",
|
|
567
462
|
"value": {
|
|
568
463
|
"type": [
|
|
569
|
-
"string"
|
|
570
|
-
"null",
|
|
571
|
-
"undefined"
|
|
464
|
+
"string"
|
|
572
465
|
]
|
|
573
466
|
}
|
|
574
467
|
}
|
|
@@ -578,10 +471,6 @@
|
|
|
578
471
|
"name": "change",
|
|
579
472
|
"description": "Fired when the user commits a value change."
|
|
580
473
|
},
|
|
581
|
-
{
|
|
582
|
-
"name": "input",
|
|
583
|
-
"description": "Fired when the value is changed by the user: on every typing keystroke,\nand the value is cleared using the clear button."
|
|
584
|
-
},
|
|
585
474
|
{
|
|
586
475
|
"name": "invalid-changed",
|
|
587
476
|
"description": "Fired when the `invalid` property changes."
|
|
@@ -590,6 +479,10 @@
|
|
|
590
479
|
"name": "opened-changed",
|
|
591
480
|
"description": "Fired when the `opened` property changes."
|
|
592
481
|
},
|
|
482
|
+
{
|
|
483
|
+
"name": "unparsable-change",
|
|
484
|
+
"description": "Fired when the user commits an unparsable value change and there is no change event."
|
|
485
|
+
},
|
|
593
486
|
{
|
|
594
487
|
"name": "validated",
|
|
595
488
|
"description": "Fired whenever the field is validated."
|