@vaadin/slider 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.
Files changed (7) hide show
  1. package/custom-elements.json +300 -2
  2. package/package.json +11 -11
  3. package/src/vaadin-range-slider.d.ts +1 -1
  4. package/src/vaadin-slider-mixin.js +0 -12
  5. package/src/vaadin-slider.d.ts +1 -1
  6. package/web-types.json +68 -202
  7. package/web-types.lit.json +69 -69
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.2.0-alpha1",
4
+ "version": "25.2.0-alpha10",
5
5
  "description-markup": "markdown",
6
6
  "framework": "lit",
7
7
  "framework-config": {
@@ -20,127 +20,127 @@
20
20
  "extension": true,
21
21
  "attributes": [
22
22
  {
23
- "name": "?disabled",
24
- "description": "If true, the user cannot interact with this element.",
23
+ "name": ".accessibleName",
24
+ "description": "String used to label the component to screen reader users.",
25
25
  "value": {
26
26
  "kind": "expression"
27
27
  }
28
28
  },
29
29
  {
30
- "name": "?invalid",
31
- "description": "Set to true when the field is invalid.",
30
+ "name": ".accessibleNameEnd",
31
+ "description": "Custom accessible name for the end (maximum) input.\nWhen not set, defaults to \"${label} max\" or \"max\" if no label.",
32
32
  "value": {
33
33
  "kind": "expression"
34
34
  }
35
35
  },
36
36
  {
37
- "name": "?manualValidation",
38
- "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.",
37
+ "name": ".accessibleNameRef",
38
+ "description": "Id of the element used as label of the component to screen reader users.",
39
39
  "value": {
40
40
  "kind": "expression"
41
41
  }
42
42
  },
43
43
  {
44
- "name": "?minMaxVisible",
45
- "description": "When true, displays the min and max values below the slider track.",
44
+ "name": ".accessibleNameStart",
45
+ "description": "Custom accessible name for the start (minimum) input.\nWhen not set, defaults to \"${label} min\" or \"min\" if no label.",
46
46
  "value": {
47
47
  "kind": "expression"
48
48
  }
49
49
  },
50
50
  {
51
- "name": "?readonly",
52
- "description": "When true, the user cannot modify the value of the slider.\nThe difference between `disabled` and `readonly` is that the\nread-only slider remains focusable and is announced by screen\nreaders.",
51
+ "name": "?disabled",
52
+ "description": "If true, the user cannot interact with this element.",
53
53
  "value": {
54
54
  "kind": "expression"
55
55
  }
56
56
  },
57
57
  {
58
- "name": "?required",
59
- "description": "Specifies that the user must fill in a value.",
58
+ "name": ".errorMessage",
59
+ "description": "Error to show when the field is invalid.",
60
60
  "value": {
61
61
  "kind": "expression"
62
62
  }
63
63
  },
64
64
  {
65
- "name": "?valueAlwaysVisible",
66
- "description": "When true, the value bubble is always visible,\nregardless of focus or hover state.",
65
+ "name": ".helperText",
66
+ "description": "String used for the helper text.",
67
67
  "value": {
68
68
  "kind": "expression"
69
69
  }
70
70
  },
71
71
  {
72
- "name": ".accessibleName",
73
- "description": "String used to label the component to screen reader users.",
72
+ "name": "?invalid",
73
+ "description": "Set to true when the field is invalid.",
74
74
  "value": {
75
75
  "kind": "expression"
76
76
  }
77
77
  },
78
78
  {
79
- "name": ".accessibleNameEnd",
80
- "description": "Custom accessible name for the end (maximum) input.\nWhen not set, defaults to \"${label} max\" or \"max\" if no label.",
79
+ "name": ".label",
80
+ "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
81
81
  "value": {
82
82
  "kind": "expression"
83
83
  }
84
84
  },
85
85
  {
86
- "name": ".accessibleNameRef",
87
- "description": "Id of the element used as label of the component to screen reader users.",
86
+ "name": "?manualValidation",
87
+ "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.",
88
88
  "value": {
89
89
  "kind": "expression"
90
90
  }
91
91
  },
92
92
  {
93
- "name": ".accessibleNameStart",
94
- "description": "Custom accessible name for the start (minimum) input.\nWhen not set, defaults to \"${label} min\" or \"min\" if no label.",
93
+ "name": ".max",
94
+ "description": "The maximum allowed value.",
95
95
  "value": {
96
96
  "kind": "expression"
97
97
  }
98
98
  },
99
99
  {
100
- "name": ".errorMessage",
101
- "description": "Error to show when the field is invalid.",
100
+ "name": ".min",
101
+ "description": "The minimum allowed value.",
102
102
  "value": {
103
103
  "kind": "expression"
104
104
  }
105
105
  },
106
106
  {
107
- "name": ".helperText",
108
- "description": "String used for the helper text.",
107
+ "name": "?minMaxVisible",
108
+ "description": "When true, displays the min and max values below the slider track.",
109
109
  "value": {
110
110
  "kind": "expression"
111
111
  }
112
112
  },
113
113
  {
114
- "name": ".label",
115
- "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
114
+ "name": "?readonly",
115
+ "description": "When true, the user cannot modify the value of the slider.\nThe difference between `disabled` and `readonly` is that the\nread-only slider remains focusable and is announced by screen\nreaders.",
116
116
  "value": {
117
117
  "kind": "expression"
118
118
  }
119
119
  },
120
120
  {
121
- "name": ".max",
122
- "description": "The maximum allowed value.",
121
+ "name": "?required",
122
+ "description": "Specifies that the user must fill in a value.",
123
123
  "value": {
124
124
  "kind": "expression"
125
125
  }
126
126
  },
127
127
  {
128
- "name": ".min",
129
- "description": "The minimum allowed value.",
128
+ "name": ".step",
129
+ "description": "The stepping interval of the slider.",
130
130
  "value": {
131
131
  "kind": "expression"
132
132
  }
133
133
  },
134
134
  {
135
- "name": ".step",
136
- "description": "The stepping interval of the slider.",
135
+ "name": ".value",
136
+ "description": "The value of the slider.",
137
137
  "value": {
138
138
  "kind": "expression"
139
139
  }
140
140
  },
141
141
  {
142
- "name": ".value",
143
- "description": "The value of the slider.",
142
+ "name": "?valueAlwaysVisible",
143
+ "description": "When true, the value bubble is always visible,\nregardless of focus or hover state.",
144
144
  "value": {
145
145
  "kind": "expression"
146
146
  }
@@ -188,113 +188,113 @@
188
188
  "extension": true,
189
189
  "attributes": [
190
190
  {
191
- "name": "?disabled",
192
- "description": "If true, the user cannot interact with this element.",
191
+ "name": ".accessibleName",
192
+ "description": "String used to label the component to screen reader users.",
193
193
  "value": {
194
194
  "kind": "expression"
195
195
  }
196
196
  },
197
197
  {
198
- "name": "?invalid",
199
- "description": "Set to true when the field is invalid.",
198
+ "name": ".accessibleNameRef",
199
+ "description": "Id of the element used as label of the component to screen reader users.",
200
200
  "value": {
201
201
  "kind": "expression"
202
202
  }
203
203
  },
204
204
  {
205
- "name": "?manualValidation",
206
- "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.",
205
+ "name": "?disabled",
206
+ "description": "If true, the user cannot interact with this element.",
207
207
  "value": {
208
208
  "kind": "expression"
209
209
  }
210
210
  },
211
211
  {
212
- "name": "?minMaxVisible",
213
- "description": "When true, displays the min and max values below the slider track.",
212
+ "name": ".errorMessage",
213
+ "description": "Error to show when the field is invalid.",
214
214
  "value": {
215
215
  "kind": "expression"
216
216
  }
217
217
  },
218
218
  {
219
- "name": "?readonly",
220
- "description": "When true, the user cannot modify the value of the slider.\nThe difference between `disabled` and `readonly` is that the\nread-only slider remains focusable and is announced by screen\nreaders.",
219
+ "name": ".helperText",
220
+ "description": "String used for the helper text.",
221
221
  "value": {
222
222
  "kind": "expression"
223
223
  }
224
224
  },
225
225
  {
226
- "name": "?required",
227
- "description": "Specifies that the user must fill in a value.",
226
+ "name": "?invalid",
227
+ "description": "Set to true when the field is invalid.",
228
228
  "value": {
229
229
  "kind": "expression"
230
230
  }
231
231
  },
232
232
  {
233
- "name": "?valueAlwaysVisible",
234
- "description": "When true, the value bubble is always visible,\nregardless of focus or hover state.",
233
+ "name": ".label",
234
+ "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
235
235
  "value": {
236
236
  "kind": "expression"
237
237
  }
238
238
  },
239
239
  {
240
- "name": ".accessibleName",
241
- "description": "String used to label the component to screen reader users.",
240
+ "name": "?manualValidation",
241
+ "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.",
242
242
  "value": {
243
243
  "kind": "expression"
244
244
  }
245
245
  },
246
246
  {
247
- "name": ".accessibleNameRef",
248
- "description": "Id of the element used as label of the component to screen reader users.",
247
+ "name": ".max",
248
+ "description": "The maximum allowed value.",
249
249
  "value": {
250
250
  "kind": "expression"
251
251
  }
252
252
  },
253
253
  {
254
- "name": ".errorMessage",
255
- "description": "Error to show when the field is invalid.",
254
+ "name": ".min",
255
+ "description": "The minimum allowed value.",
256
256
  "value": {
257
257
  "kind": "expression"
258
258
  }
259
259
  },
260
260
  {
261
- "name": ".helperText",
262
- "description": "String used for the helper text.",
261
+ "name": "?minMaxVisible",
262
+ "description": "When true, displays the min and max values below the slider track.",
263
263
  "value": {
264
264
  "kind": "expression"
265
265
  }
266
266
  },
267
267
  {
268
- "name": ".label",
269
- "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
268
+ "name": "?readonly",
269
+ "description": "When true, the user cannot modify the value of the slider.\nThe difference between `disabled` and `readonly` is that the\nread-only slider remains focusable and is announced by screen\nreaders.",
270
270
  "value": {
271
271
  "kind": "expression"
272
272
  }
273
273
  },
274
274
  {
275
- "name": ".max",
276
- "description": "The maximum allowed value.",
275
+ "name": "?required",
276
+ "description": "Specifies that the user must fill in a value.",
277
277
  "value": {
278
278
  "kind": "expression"
279
279
  }
280
280
  },
281
281
  {
282
- "name": ".min",
283
- "description": "The minimum allowed value.",
282
+ "name": ".step",
283
+ "description": "The stepping interval of the slider.",
284
284
  "value": {
285
285
  "kind": "expression"
286
286
  }
287
287
  },
288
288
  {
289
- "name": ".step",
290
- "description": "The stepping interval of the slider.",
289
+ "name": ".value",
290
+ "description": "The value of the slider.",
291
291
  "value": {
292
292
  "kind": "expression"
293
293
  }
294
294
  },
295
295
  {
296
- "name": ".value",
297
- "description": "The value of the slider.",
296
+ "name": "?valueAlwaysVisible",
297
+ "description": "When true, the value bubble is always visible,\nregardless of focus or hover state.",
298
298
  "value": {
299
299
  "kind": "expression"
300
300
  }