@vaadin/slider 25.1.0-alpha2 → 25.1.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.
- package/package.json +10 -8
- package/src/styles/vaadin-slider-base-styles.js +45 -25
- package/src/vaadin-range-slider.d.ts +2 -1
- package/src/vaadin-range-slider.js +115 -79
- package/src/vaadin-slider-mixin.d.ts +2 -1
- package/src/vaadin-slider-mixin.js +41 -128
- package/src/vaadin-slider.d.ts +2 -1
- package/src/vaadin-slider.js +63 -16
- package/web-types.json +369 -1
- package/web-types.lit.json +141 -1
package/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/slider",
|
|
4
|
-
"version": "25.1.0-
|
|
4
|
+
"version": "25.1.0-alpha4",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -10,6 +10,94 @@
|
|
|
10
10
|
"name": "vaadin-range-slider",
|
|
11
11
|
"description": "`<vaadin-range-slider>` is a web component that represents a range slider\nfor selecting a subset of the given range.\n\n```html\n<vaadin-range-slider min=\"0\" max=\"100\" step=\"1\"></vaadin-range-slider>\n```",
|
|
12
12
|
"attributes": [
|
|
13
|
+
{
|
|
14
|
+
"name": "label",
|
|
15
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
16
|
+
"value": {
|
|
17
|
+
"type": [
|
|
18
|
+
"string",
|
|
19
|
+
"null",
|
|
20
|
+
"undefined"
|
|
21
|
+
]
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"name": "invalid",
|
|
26
|
+
"description": "Set to true when the field is invalid.",
|
|
27
|
+
"value": {
|
|
28
|
+
"type": [
|
|
29
|
+
"boolean",
|
|
30
|
+
"null",
|
|
31
|
+
"undefined"
|
|
32
|
+
]
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
"name": "manual-validation",
|
|
37
|
+
"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.",
|
|
38
|
+
"value": {
|
|
39
|
+
"type": [
|
|
40
|
+
"boolean",
|
|
41
|
+
"null",
|
|
42
|
+
"undefined"
|
|
43
|
+
]
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"name": "required",
|
|
48
|
+
"description": "Specifies that the user must fill in a value.",
|
|
49
|
+
"value": {
|
|
50
|
+
"type": [
|
|
51
|
+
"boolean",
|
|
52
|
+
"null",
|
|
53
|
+
"undefined"
|
|
54
|
+
]
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"name": "error-message",
|
|
59
|
+
"description": "Error to show when the field is invalid.",
|
|
60
|
+
"value": {
|
|
61
|
+
"type": [
|
|
62
|
+
"string",
|
|
63
|
+
"null",
|
|
64
|
+
"undefined"
|
|
65
|
+
]
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
"name": "helper-text",
|
|
70
|
+
"description": "String used for the helper text.",
|
|
71
|
+
"value": {
|
|
72
|
+
"type": [
|
|
73
|
+
"string",
|
|
74
|
+
"null",
|
|
75
|
+
"undefined"
|
|
76
|
+
]
|
|
77
|
+
}
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"name": "accessible-name",
|
|
81
|
+
"description": "String used to label the component to screen reader users.",
|
|
82
|
+
"value": {
|
|
83
|
+
"type": [
|
|
84
|
+
"string",
|
|
85
|
+
"null",
|
|
86
|
+
"undefined"
|
|
87
|
+
]
|
|
88
|
+
}
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
"name": "accessible-name-ref",
|
|
92
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
93
|
+
"value": {
|
|
94
|
+
"type": [
|
|
95
|
+
"string",
|
|
96
|
+
"null",
|
|
97
|
+
"undefined"
|
|
98
|
+
]
|
|
99
|
+
}
|
|
100
|
+
},
|
|
13
101
|
{
|
|
14
102
|
"name": "disabled",
|
|
15
103
|
"description": "If true, the user cannot interact with this element.",
|
|
@@ -79,6 +167,94 @@
|
|
|
79
167
|
],
|
|
80
168
|
"js": {
|
|
81
169
|
"properties": [
|
|
170
|
+
{
|
|
171
|
+
"name": "label",
|
|
172
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
173
|
+
"value": {
|
|
174
|
+
"type": [
|
|
175
|
+
"string",
|
|
176
|
+
"null",
|
|
177
|
+
"undefined"
|
|
178
|
+
]
|
|
179
|
+
}
|
|
180
|
+
},
|
|
181
|
+
{
|
|
182
|
+
"name": "invalid",
|
|
183
|
+
"description": "Set to true when the field is invalid.",
|
|
184
|
+
"value": {
|
|
185
|
+
"type": [
|
|
186
|
+
"boolean",
|
|
187
|
+
"null",
|
|
188
|
+
"undefined"
|
|
189
|
+
]
|
|
190
|
+
}
|
|
191
|
+
},
|
|
192
|
+
{
|
|
193
|
+
"name": "manualValidation",
|
|
194
|
+
"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.",
|
|
195
|
+
"value": {
|
|
196
|
+
"type": [
|
|
197
|
+
"boolean",
|
|
198
|
+
"null",
|
|
199
|
+
"undefined"
|
|
200
|
+
]
|
|
201
|
+
}
|
|
202
|
+
},
|
|
203
|
+
{
|
|
204
|
+
"name": "required",
|
|
205
|
+
"description": "Specifies that the user must fill in a value.",
|
|
206
|
+
"value": {
|
|
207
|
+
"type": [
|
|
208
|
+
"boolean",
|
|
209
|
+
"null",
|
|
210
|
+
"undefined"
|
|
211
|
+
]
|
|
212
|
+
}
|
|
213
|
+
},
|
|
214
|
+
{
|
|
215
|
+
"name": "errorMessage",
|
|
216
|
+
"description": "Error to show when the field is invalid.",
|
|
217
|
+
"value": {
|
|
218
|
+
"type": [
|
|
219
|
+
"string",
|
|
220
|
+
"null",
|
|
221
|
+
"undefined"
|
|
222
|
+
]
|
|
223
|
+
}
|
|
224
|
+
},
|
|
225
|
+
{
|
|
226
|
+
"name": "helperText",
|
|
227
|
+
"description": "String used for the helper text.",
|
|
228
|
+
"value": {
|
|
229
|
+
"type": [
|
|
230
|
+
"string",
|
|
231
|
+
"null",
|
|
232
|
+
"undefined"
|
|
233
|
+
]
|
|
234
|
+
}
|
|
235
|
+
},
|
|
236
|
+
{
|
|
237
|
+
"name": "accessibleName",
|
|
238
|
+
"description": "String used to label the component to screen reader users.",
|
|
239
|
+
"value": {
|
|
240
|
+
"type": [
|
|
241
|
+
"string",
|
|
242
|
+
"null",
|
|
243
|
+
"undefined"
|
|
244
|
+
]
|
|
245
|
+
}
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
"name": "accessibleNameRef",
|
|
249
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
250
|
+
"value": {
|
|
251
|
+
"type": [
|
|
252
|
+
"string",
|
|
253
|
+
"null",
|
|
254
|
+
"undefined"
|
|
255
|
+
]
|
|
256
|
+
}
|
|
257
|
+
},
|
|
82
258
|
{
|
|
83
259
|
"name": "disabled",
|
|
84
260
|
"description": "If true, the user cannot interact with this element.",
|
|
@@ -147,6 +323,10 @@
|
|
|
147
323
|
}
|
|
148
324
|
],
|
|
149
325
|
"events": [
|
|
326
|
+
{
|
|
327
|
+
"name": "validated",
|
|
328
|
+
"description": "Fired whenever the field is validated."
|
|
329
|
+
},
|
|
150
330
|
{
|
|
151
331
|
"name": "change",
|
|
152
332
|
"description": "Fired when the user commits a value change."
|
|
@@ -154,6 +334,10 @@
|
|
|
154
334
|
{
|
|
155
335
|
"name": "value-changed",
|
|
156
336
|
"description": "Fired when the `value` property changes."
|
|
337
|
+
},
|
|
338
|
+
{
|
|
339
|
+
"name": "invalid-changed",
|
|
340
|
+
"description": "Fired when the `invalid` property changes."
|
|
157
341
|
}
|
|
158
342
|
]
|
|
159
343
|
}
|
|
@@ -162,6 +346,94 @@
|
|
|
162
346
|
"name": "vaadin-slider",
|
|
163
347
|
"description": "`<vaadin-slider>` is a web component that represents a range slider\nfor selecting numerical values within a defined range.\n\n```html\n<vaadin-slider min=\"0\" max=\"100\" step=\"1\"></vaadin-slider>\n```",
|
|
164
348
|
"attributes": [
|
|
349
|
+
{
|
|
350
|
+
"name": "label",
|
|
351
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
352
|
+
"value": {
|
|
353
|
+
"type": [
|
|
354
|
+
"string",
|
|
355
|
+
"null",
|
|
356
|
+
"undefined"
|
|
357
|
+
]
|
|
358
|
+
}
|
|
359
|
+
},
|
|
360
|
+
{
|
|
361
|
+
"name": "invalid",
|
|
362
|
+
"description": "Set to true when the field is invalid.",
|
|
363
|
+
"value": {
|
|
364
|
+
"type": [
|
|
365
|
+
"boolean",
|
|
366
|
+
"null",
|
|
367
|
+
"undefined"
|
|
368
|
+
]
|
|
369
|
+
}
|
|
370
|
+
},
|
|
371
|
+
{
|
|
372
|
+
"name": "manual-validation",
|
|
373
|
+
"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.",
|
|
374
|
+
"value": {
|
|
375
|
+
"type": [
|
|
376
|
+
"boolean",
|
|
377
|
+
"null",
|
|
378
|
+
"undefined"
|
|
379
|
+
]
|
|
380
|
+
}
|
|
381
|
+
},
|
|
382
|
+
{
|
|
383
|
+
"name": "required",
|
|
384
|
+
"description": "Specifies that the user must fill in a value.",
|
|
385
|
+
"value": {
|
|
386
|
+
"type": [
|
|
387
|
+
"boolean",
|
|
388
|
+
"null",
|
|
389
|
+
"undefined"
|
|
390
|
+
]
|
|
391
|
+
}
|
|
392
|
+
},
|
|
393
|
+
{
|
|
394
|
+
"name": "error-message",
|
|
395
|
+
"description": "Error to show when the field is invalid.",
|
|
396
|
+
"value": {
|
|
397
|
+
"type": [
|
|
398
|
+
"string",
|
|
399
|
+
"null",
|
|
400
|
+
"undefined"
|
|
401
|
+
]
|
|
402
|
+
}
|
|
403
|
+
},
|
|
404
|
+
{
|
|
405
|
+
"name": "helper-text",
|
|
406
|
+
"description": "String used for the helper text.",
|
|
407
|
+
"value": {
|
|
408
|
+
"type": [
|
|
409
|
+
"string",
|
|
410
|
+
"null",
|
|
411
|
+
"undefined"
|
|
412
|
+
]
|
|
413
|
+
}
|
|
414
|
+
},
|
|
415
|
+
{
|
|
416
|
+
"name": "accessible-name",
|
|
417
|
+
"description": "String used to label the component to screen reader users.",
|
|
418
|
+
"value": {
|
|
419
|
+
"type": [
|
|
420
|
+
"string",
|
|
421
|
+
"null",
|
|
422
|
+
"undefined"
|
|
423
|
+
]
|
|
424
|
+
}
|
|
425
|
+
},
|
|
426
|
+
{
|
|
427
|
+
"name": "accessible-name-ref",
|
|
428
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
429
|
+
"value": {
|
|
430
|
+
"type": [
|
|
431
|
+
"string",
|
|
432
|
+
"null",
|
|
433
|
+
"undefined"
|
|
434
|
+
]
|
|
435
|
+
}
|
|
436
|
+
},
|
|
165
437
|
{
|
|
166
438
|
"name": "disabled",
|
|
167
439
|
"description": "If true, the user cannot interact with this element.",
|
|
@@ -242,6 +514,94 @@
|
|
|
242
514
|
],
|
|
243
515
|
"js": {
|
|
244
516
|
"properties": [
|
|
517
|
+
{
|
|
518
|
+
"name": "label",
|
|
519
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
520
|
+
"value": {
|
|
521
|
+
"type": [
|
|
522
|
+
"string",
|
|
523
|
+
"null",
|
|
524
|
+
"undefined"
|
|
525
|
+
]
|
|
526
|
+
}
|
|
527
|
+
},
|
|
528
|
+
{
|
|
529
|
+
"name": "invalid",
|
|
530
|
+
"description": "Set to true when the field is invalid.",
|
|
531
|
+
"value": {
|
|
532
|
+
"type": [
|
|
533
|
+
"boolean",
|
|
534
|
+
"null",
|
|
535
|
+
"undefined"
|
|
536
|
+
]
|
|
537
|
+
}
|
|
538
|
+
},
|
|
539
|
+
{
|
|
540
|
+
"name": "manualValidation",
|
|
541
|
+
"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.",
|
|
542
|
+
"value": {
|
|
543
|
+
"type": [
|
|
544
|
+
"boolean",
|
|
545
|
+
"null",
|
|
546
|
+
"undefined"
|
|
547
|
+
]
|
|
548
|
+
}
|
|
549
|
+
},
|
|
550
|
+
{
|
|
551
|
+
"name": "required",
|
|
552
|
+
"description": "Specifies that the user must fill in a value.",
|
|
553
|
+
"value": {
|
|
554
|
+
"type": [
|
|
555
|
+
"boolean",
|
|
556
|
+
"null",
|
|
557
|
+
"undefined"
|
|
558
|
+
]
|
|
559
|
+
}
|
|
560
|
+
},
|
|
561
|
+
{
|
|
562
|
+
"name": "errorMessage",
|
|
563
|
+
"description": "Error to show when the field is invalid.",
|
|
564
|
+
"value": {
|
|
565
|
+
"type": [
|
|
566
|
+
"string",
|
|
567
|
+
"null",
|
|
568
|
+
"undefined"
|
|
569
|
+
]
|
|
570
|
+
}
|
|
571
|
+
},
|
|
572
|
+
{
|
|
573
|
+
"name": "helperText",
|
|
574
|
+
"description": "String used for the helper text.",
|
|
575
|
+
"value": {
|
|
576
|
+
"type": [
|
|
577
|
+
"string",
|
|
578
|
+
"null",
|
|
579
|
+
"undefined"
|
|
580
|
+
]
|
|
581
|
+
}
|
|
582
|
+
},
|
|
583
|
+
{
|
|
584
|
+
"name": "accessibleName",
|
|
585
|
+
"description": "String used to label the component to screen reader users.",
|
|
586
|
+
"value": {
|
|
587
|
+
"type": [
|
|
588
|
+
"string",
|
|
589
|
+
"null",
|
|
590
|
+
"undefined"
|
|
591
|
+
]
|
|
592
|
+
}
|
|
593
|
+
},
|
|
594
|
+
{
|
|
595
|
+
"name": "accessibleNameRef",
|
|
596
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
597
|
+
"value": {
|
|
598
|
+
"type": [
|
|
599
|
+
"string",
|
|
600
|
+
"null",
|
|
601
|
+
"undefined"
|
|
602
|
+
]
|
|
603
|
+
}
|
|
604
|
+
},
|
|
245
605
|
{
|
|
246
606
|
"name": "disabled",
|
|
247
607
|
"description": "If true, the user cannot interact with this element.",
|
|
@@ -310,6 +670,10 @@
|
|
|
310
670
|
}
|
|
311
671
|
],
|
|
312
672
|
"events": [
|
|
673
|
+
{
|
|
674
|
+
"name": "validated",
|
|
675
|
+
"description": "Fired whenever the field is validated."
|
|
676
|
+
},
|
|
313
677
|
{
|
|
314
678
|
"name": "change",
|
|
315
679
|
"description": "Fired when the user commits a value change."
|
|
@@ -317,6 +681,10 @@
|
|
|
317
681
|
{
|
|
318
682
|
"name": "value-changed",
|
|
319
683
|
"description": "Fired when the `value` property changes."
|
|
684
|
+
},
|
|
685
|
+
{
|
|
686
|
+
"name": "invalid-changed",
|
|
687
|
+
"description": "Fired when the `invalid` property changes."
|
|
320
688
|
}
|
|
321
689
|
]
|
|
322
690
|
}
|
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/slider",
|
|
4
|
-
"version": "25.1.0-
|
|
4
|
+
"version": "25.1.0-alpha4",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -19,6 +19,27 @@
|
|
|
19
19
|
"description": "`<vaadin-range-slider>` is a web component that represents a range slider\nfor selecting a subset of the given range.\n\n```html\n<vaadin-range-slider min=\"0\" max=\"100\" step=\"1\"></vaadin-range-slider>\n```",
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
|
+
{
|
|
23
|
+
"name": "?invalid",
|
|
24
|
+
"description": "Set to true when the field is invalid.",
|
|
25
|
+
"value": {
|
|
26
|
+
"kind": "expression"
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"name": "?manualValidation",
|
|
31
|
+
"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.",
|
|
32
|
+
"value": {
|
|
33
|
+
"kind": "expression"
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"name": "?required",
|
|
38
|
+
"description": "Specifies that the user must fill in a value.",
|
|
39
|
+
"value": {
|
|
40
|
+
"kind": "expression"
|
|
41
|
+
}
|
|
42
|
+
},
|
|
22
43
|
{
|
|
23
44
|
"name": "?disabled",
|
|
24
45
|
"description": "If true, the user cannot interact with this element.",
|
|
@@ -33,6 +54,41 @@
|
|
|
33
54
|
"kind": "expression"
|
|
34
55
|
}
|
|
35
56
|
},
|
|
57
|
+
{
|
|
58
|
+
"name": ".label",
|
|
59
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
60
|
+
"value": {
|
|
61
|
+
"kind": "expression"
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"name": ".errorMessage",
|
|
66
|
+
"description": "Error to show when the field is invalid.",
|
|
67
|
+
"value": {
|
|
68
|
+
"kind": "expression"
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"name": ".helperText",
|
|
73
|
+
"description": "String used for the helper text.",
|
|
74
|
+
"value": {
|
|
75
|
+
"kind": "expression"
|
|
76
|
+
}
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
"name": ".accessibleName",
|
|
80
|
+
"description": "String used to label the component to screen reader users.",
|
|
81
|
+
"value": {
|
|
82
|
+
"kind": "expression"
|
|
83
|
+
}
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"name": ".accessibleNameRef",
|
|
87
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
88
|
+
"value": {
|
|
89
|
+
"kind": "expression"
|
|
90
|
+
}
|
|
91
|
+
},
|
|
36
92
|
{
|
|
37
93
|
"name": ".min",
|
|
38
94
|
"description": "The minimum allowed value.",
|
|
@@ -61,6 +117,13 @@
|
|
|
61
117
|
"kind": "expression"
|
|
62
118
|
}
|
|
63
119
|
},
|
|
120
|
+
{
|
|
121
|
+
"name": "@validated",
|
|
122
|
+
"description": "Fired whenever the field is validated.",
|
|
123
|
+
"value": {
|
|
124
|
+
"kind": "expression"
|
|
125
|
+
}
|
|
126
|
+
},
|
|
64
127
|
{
|
|
65
128
|
"name": "@change",
|
|
66
129
|
"description": "Fired when the user commits a value change.",
|
|
@@ -74,6 +137,13 @@
|
|
|
74
137
|
"value": {
|
|
75
138
|
"kind": "expression"
|
|
76
139
|
}
|
|
140
|
+
},
|
|
141
|
+
{
|
|
142
|
+
"name": "@invalid-changed",
|
|
143
|
+
"description": "Fired when the `invalid` property changes.",
|
|
144
|
+
"value": {
|
|
145
|
+
"kind": "expression"
|
|
146
|
+
}
|
|
77
147
|
}
|
|
78
148
|
]
|
|
79
149
|
},
|
|
@@ -82,6 +152,27 @@
|
|
|
82
152
|
"description": "`<vaadin-slider>` is a web component that represents a range slider\nfor selecting numerical values within a defined range.\n\n```html\n<vaadin-slider min=\"0\" max=\"100\" step=\"1\"></vaadin-slider>\n```",
|
|
83
153
|
"extension": true,
|
|
84
154
|
"attributes": [
|
|
155
|
+
{
|
|
156
|
+
"name": "?invalid",
|
|
157
|
+
"description": "Set to true when the field is invalid.",
|
|
158
|
+
"value": {
|
|
159
|
+
"kind": "expression"
|
|
160
|
+
}
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
"name": "?manualValidation",
|
|
164
|
+
"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.",
|
|
165
|
+
"value": {
|
|
166
|
+
"kind": "expression"
|
|
167
|
+
}
|
|
168
|
+
},
|
|
169
|
+
{
|
|
170
|
+
"name": "?required",
|
|
171
|
+
"description": "Specifies that the user must fill in a value.",
|
|
172
|
+
"value": {
|
|
173
|
+
"kind": "expression"
|
|
174
|
+
}
|
|
175
|
+
},
|
|
85
176
|
{
|
|
86
177
|
"name": "?disabled",
|
|
87
178
|
"description": "If true, the user cannot interact with this element.",
|
|
@@ -96,6 +187,41 @@
|
|
|
96
187
|
"kind": "expression"
|
|
97
188
|
}
|
|
98
189
|
},
|
|
190
|
+
{
|
|
191
|
+
"name": ".label",
|
|
192
|
+
"description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
|
|
193
|
+
"value": {
|
|
194
|
+
"kind": "expression"
|
|
195
|
+
}
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
"name": ".errorMessage",
|
|
199
|
+
"description": "Error to show when the field is invalid.",
|
|
200
|
+
"value": {
|
|
201
|
+
"kind": "expression"
|
|
202
|
+
}
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
"name": ".helperText",
|
|
206
|
+
"description": "String used for the helper text.",
|
|
207
|
+
"value": {
|
|
208
|
+
"kind": "expression"
|
|
209
|
+
}
|
|
210
|
+
},
|
|
211
|
+
{
|
|
212
|
+
"name": ".accessibleName",
|
|
213
|
+
"description": "String used to label the component to screen reader users.",
|
|
214
|
+
"value": {
|
|
215
|
+
"kind": "expression"
|
|
216
|
+
}
|
|
217
|
+
},
|
|
218
|
+
{
|
|
219
|
+
"name": ".accessibleNameRef",
|
|
220
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
221
|
+
"value": {
|
|
222
|
+
"kind": "expression"
|
|
223
|
+
}
|
|
224
|
+
},
|
|
99
225
|
{
|
|
100
226
|
"name": ".min",
|
|
101
227
|
"description": "The minimum allowed value.",
|
|
@@ -124,6 +250,13 @@
|
|
|
124
250
|
"kind": "expression"
|
|
125
251
|
}
|
|
126
252
|
},
|
|
253
|
+
{
|
|
254
|
+
"name": "@validated",
|
|
255
|
+
"description": "Fired whenever the field is validated.",
|
|
256
|
+
"value": {
|
|
257
|
+
"kind": "expression"
|
|
258
|
+
}
|
|
259
|
+
},
|
|
127
260
|
{
|
|
128
261
|
"name": "@change",
|
|
129
262
|
"description": "Fired when the user commits a value change.",
|
|
@@ -137,6 +270,13 @@
|
|
|
137
270
|
"value": {
|
|
138
271
|
"kind": "expression"
|
|
139
272
|
}
|
|
273
|
+
},
|
|
274
|
+
{
|
|
275
|
+
"name": "@invalid-changed",
|
|
276
|
+
"description": "Fired when the `invalid` property changes.",
|
|
277
|
+
"value": {
|
|
278
|
+
"kind": "expression"
|
|
279
|
+
}
|
|
140
280
|
}
|
|
141
281
|
]
|
|
142
282
|
}
|