@vaadin/slider 25.1.0-alpha3 → 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.
Files changed (10) hide show
  1. package/package.json +10 -8
  2. package/src/styles/vaadin-slider-base-styles.js +45 -25
  3. package/src/vaadin-range-slider.d.ts +2 -1
  4. package/src/vaadin-range-slider.js +114 -78
  5. package/src/vaadin-slider-mixin.d.ts +2 -1
  6. package/src/vaadin-slider-mixin.js +38 -127
  7. package/src/vaadin-slider.d.ts +2 -1
  8. package/src/vaadin-slider.js +62 -15
  9. package/web-types.json +369 -1
  10. package/web-types.lit.json +141 -1
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-alpha3",
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
  }