@vaadin/slider 25.1.0-alpha6 → 25.1.0-alpha7

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 (15) hide show
  1. package/custom-elements.json +1660 -0
  2. package/package.json +12 -9
  3. package/src/styles/vaadin-slider-base-styles.js +39 -11
  4. package/src/styles/vaadin-slider-bubble-overlay-base-styles.js +124 -0
  5. package/src/vaadin-range-slider.d.ts +60 -10
  6. package/src/vaadin-range-slider.js +258 -23
  7. package/src/vaadin-slider-bubble-overlay.js +97 -0
  8. package/src/vaadin-slider-bubble.d.ts +28 -0
  9. package/src/vaadin-slider-bubble.js +75 -0
  10. package/src/vaadin-slider-mixin.d.ts +13 -0
  11. package/src/vaadin-slider-mixin.js +95 -3
  12. package/src/vaadin-slider.d.ts +43 -7
  13. package/src/vaadin-slider.js +166 -17
  14. package/web-types.json +135 -3
  15. package/web-types.lit.json +45 -3
package/custom-elements.json ADDED
@@ -0,0 +1,1660 @@
1
+ {
2
+ "schemaVersion": "1.0.0",
3
+ "readme": "",
4
+ "modules": [
5
+ {
6
+ "kind": "javascript-module",
7
+ "path": "vaadin-slider.js",
8
+ "declarations": [],
9
+ "exports": [
10
+ {
11
+ "kind": "js",
12
+ "name": "*",
13
+ "declaration": {
14
+ "name": "*",
15
+ "module": "src/vaadin-slider.js"
16
+ }
17
+ }
18
+ ]
19
+ },
20
+ {
21
+ "kind": "javascript-module",
22
+ "path": "vaadin-range-slider.js",
23
+ "declarations": [],
24
+ "exports": [
25
+ {
26
+ "kind": "js",
27
+ "name": "*",
28
+ "declaration": {
29
+ "name": "*",
30
+ "module": "src/vaadin-range-slider.js"
31
+ }
32
+ }
33
+ ]
34
+ },
35
+ {
36
+ "kind": "javascript-module",
37
+ "path": "src/vaadin-range-slider.js",
38
+ "declarations": [
39
+ {
40
+ "kind": "class",
41
+ "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```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n---------------------|-----------------\n`label` | The label element\n`required-indicator` | The required indicator element\n`helper-text` | The helper text element\n`error-message` | The error message element\n`track` | The slider track\n`track-fill` | The filled portion of the track\n`thumb` | The slider thumb (applies to both thumbs)\n`thumb-start` | The start (lower value) thumb\n`thumb-end` | The end (upper value) thumb\n`marks` | Container for min/max labels\n`min` | Minimum value label\n`max` | Maximum value label\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-------------------|-------------\n`disabled` | Set when the slider is disabled\n`readonly` | Set when the slider is read-only\n`focused` | Set when the slider has focus\n`focus-ring` | Set when the slider is focused using the keyboard\n`start-active` | Set when the start thumb is activated with mouse or touch\n`end-active` | Set when the end thumb is activated with mouse or touch\n`start-focused` | Set when the start thumb has focus\n`end-focused` | Set when the end thumb has focus\n`min-max-visible` | Set when the min/max labels are displayed\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:--------------------------------------------|\n`--vaadin-field-default-width` |\n`--vaadin-input-field-error-color` |\n`--vaadin-input-field-error-font-size` |\n`--vaadin-input-field-error-font-weight` |\n`--vaadin-input-field-helper-color` |\n`--vaadin-input-field-helper-font-size` |\n`--vaadin-input-field-helper-font-weight` |\n`--vaadin-input-field-label-color` |\n`--vaadin-input-field-label-font-size` |\n`--vaadin-input-field-label-font-weight` |\n`--vaadin-input-field-required-indicator` |\n`--vaadin-slider-bubble-arrow-size` |\n`--vaadin-slider-bubble-background` |\n`--vaadin-slider-bubble-border-color` |\n`--vaadin-slider-bubble-border-radius` |\n`--vaadin-slider-bubble-border-width` |\n`--vaadin-slider-bubble-offset` |\n`--vaadin-slider-bubble-padding` |\n`--vaadin-slider-bubble-shadow` |\n`--vaadin-slider-bubble-text-color` |\n`--vaadin-slider-bubble-font-size` |\n`--vaadin-slider-bubble-font-weight` |\n`--vaadin-slider-bubble-line-height` |\n`--vaadin-slider-fill-background` |\n`--vaadin-slider-fill-border-color` |\n`--vaadin-slider-fill-border-width` |\n`--vaadin-slider-marks-color` |\n`--vaadin-slider-marks-font-size` |\n`--vaadin-slider-marks-font-weight` |\n`--vaadin-slider-thumb-border-color` |\n`--vaadin-slider-thumb-border-radius` |\n`--vaadin-slider-thumb-border-width` |\n`--vaadin-slider-thumb-cursor` |\n`--vaadin-slider-thumb-cursor-active` |\n`--vaadin-slider-thumb-height` |\n`--vaadin-slider-thumb-width` |\n`--vaadin-slider-track-background` |\n`--vaadin-slider-track-border-color` |\n`--vaadin-slider-track-border-radius` |\n`--vaadin-slider-track-border-width` |\n`--vaadin-slider-track-height` |\n\nIn order to style the slider bubble, use `<vaadin-slider-bubble>` shadow DOM parts:\n\nPart name | Description\n-----------------|----------------------\n`overlay` | The overlay container\n`content` | The overlay content\n`arrow` | Arrow pointing to the thumb\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
42
+ "name": "RangeSlider",
43
+ "members": [
44
+ {
45
+ "kind": "field",
46
+ "name": "accessibleName",
47
+ "privacy": "public",
48
+ "type": {
49
+ "text": "string"
50
+ },
51
+ "description": "String used to label the component to screen reader users.",
52
+ "attribute": "accessible-name",
53
+ "inheritedFrom": {
54
+ "name": "FieldMixin",
55
+ "package": "@vaadin/field-base/src/field-mixin.js"
56
+ }
57
+ },
58
+ {
59
+ "kind": "field",
60
+ "name": "accessibleNameEnd",
61
+ "privacy": "public",
62
+ "type": {
63
+ "text": "string"
64
+ },
65
+ "description": "Custom accessible name for the end (maximum) input.\nWhen not set, defaults to \"${label} max\" or \"max\" if no label.",
66
+ "attribute": "accessible-name-end"
67
+ },
68
+ {
69
+ "kind": "field",
70
+ "name": "accessibleNameRef",
71
+ "privacy": "public",
72
+ "type": {
73
+ "text": "string"
74
+ },
75
+ "description": "Id of the element used as label of the component to screen reader users.",
76
+ "attribute": "accessible-name-ref",
77
+ "inheritedFrom": {
78
+ "name": "FieldMixin",
79
+ "package": "@vaadin/field-base/src/field-mixin.js"
80
+ }
81
+ },
82
+ {
83
+ "kind": "field",
84
+ "name": "accessibleNameStart",
85
+ "privacy": "public",
86
+ "type": {
87
+ "text": "string"
88
+ },
89
+ "description": "Custom accessible name for the start (minimum) input.\nWhen not set, defaults to \"${label} min\" or \"min\" if no label.",
90
+ "attribute": "accessible-name-start"
91
+ },
92
+ {
93
+ "kind": "field",
94
+ "name": "errorMessage",
95
+ "privacy": "public",
96
+ "type": {
97
+ "text": "string"
98
+ },
99
+ "description": "Error to show when the field is invalid.",
100
+ "attribute": "error-message",
101
+ "inheritedFrom": {
102
+ "name": "FieldMixin",
103
+ "package": "@vaadin/field-base/src/field-mixin.js"
104
+ }
105
+ },
106
+ {
107
+ "kind": "field",
108
+ "name": "helperText",
109
+ "privacy": "public",
110
+ "type": {
111
+ "text": "string"
112
+ },
113
+ "description": "String used for the helper text.",
114
+ "attribute": "helper-text",
115
+ "inheritedFrom": {
116
+ "name": "FieldMixin",
117
+ "package": "@vaadin/field-base/src/field-mixin.js"
118
+ }
119
+ },
120
+ {
121
+ "kind": "field",
122
+ "name": "label",
123
+ "privacy": "public",
124
+ "type": {
125
+ "text": "string"
126
+ },
127
+ "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
128
+ "attribute": "label",
129
+ "inheritedFrom": {
130
+ "name": "LabelMixin",
131
+ "package": "@vaadin/field-base/src/label-mixin.js"
132
+ }
133
+ },
134
+ {
135
+ "kind": "field",
136
+ "name": "max",
137
+ "privacy": "public",
138
+ "type": {
139
+ "text": "number"
140
+ },
141
+ "description": "The maximum allowed value.",
142
+ "attribute": "max",
143
+ "inheritedFrom": {
144
+ "name": "SliderMixin",
145
+ "module": "src/vaadin-slider-mixin.js"
146
+ }
147
+ },
148
+ {
149
+ "kind": "field",
150
+ "name": "min",
151
+ "privacy": "public",
152
+ "type": {
153
+ "text": "number"
154
+ },
155
+ "description": "The minimum allowed value.",
156
+ "attribute": "min",
157
+ "inheritedFrom": {
158
+ "name": "SliderMixin",
159
+ "module": "src/vaadin-slider-mixin.js"
160
+ }
161
+ },
162
+ {
163
+ "kind": "field",
164
+ "name": "minMaxVisible",
165
+ "privacy": "public",
166
+ "type": {
167
+ "text": "boolean"
168
+ },
169
+ "description": "When true, displays the min and max values below the slider track.",
170
+ "attribute": "min-max-visible",
171
+ "inheritedFrom": {
172
+ "name": "SliderMixin",
173
+ "module": "src/vaadin-slider-mixin.js"
174
+ }
175
+ },
176
+ {
177
+ "kind": "field",
178
+ "name": "readonly",
179
+ "privacy": "public",
180
+ "type": {
181
+ "text": "boolean"
182
+ },
183
+ "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.",
184
+ "attribute": "readonly",
185
+ "inheritedFrom": {
186
+ "name": "SliderMixin",
187
+ "module": "src/vaadin-slider-mixin.js"
188
+ }
189
+ },
190
+ {
191
+ "kind": "field",
192
+ "name": "step",
193
+ "privacy": "public",
194
+ "type": {
195
+ "text": "number"
196
+ },
197
+ "description": "The stepping interval of the slider.",
198
+ "attribute": "step",
199
+ "inheritedFrom": {
200
+ "name": "SliderMixin",
201
+ "module": "src/vaadin-slider-mixin.js"
202
+ }
203
+ },
204
+ {
205
+ "kind": "field",
206
+ "name": "value",
207
+ "privacy": "public",
208
+ "type": {
209
+ "text": "array"
210
+ },
211
+ "description": "The value of the slider.",
212
+ "attribute": "value"
213
+ },
214
+ {
215
+ "kind": "field",
216
+ "name": "valueAlwaysVisible",
217
+ "privacy": "public",
218
+ "type": {
219
+ "text": "boolean"
220
+ },
221
+ "description": "When true, the value bubble is always visible,\nregardless of focus or hover state.",
222
+ "attribute": "value-always-visible",
223
+ "inheritedFrom": {
224
+ "name": "SliderMixin",
225
+ "module": "src/vaadin-slider-mixin.js"
226
+ }
227
+ }
228
+ ],
229
+ "events": [
230
+ {
231
+ "name": "change",
232
+ "type": {
233
+ "text": "Event"
234
+ },
235
+ "description": "Fired when the user commits a value change.",
236
+ "inheritedFrom": {
237
+ "name": "SliderMixin",
238
+ "module": "src/vaadin-slider-mixin.js"
239
+ }
240
+ },
241
+ {
242
+ "name": "input",
243
+ "type": {
244
+ "text": "Event"
245
+ },
246
+ "description": "Fired when the slider value changes during user interaction.",
247
+ "inheritedFrom": {
248
+ "name": "SliderMixin",
249
+ "module": "src/vaadin-slider-mixin.js"
250
+ }
251
+ },
252
+ {
253
+ "type": {
254
+ "text": "CustomEvent"
255
+ },
256
+ "description": "Fired when the `value` property changes.",
257
+ "name": "value-changed"
258
+ }
259
+ ],
260
+ "attributes": [
261
+ {
262
+ "name": "accessible-name",
263
+ "type": {
264
+ "text": "string"
265
+ },
266
+ "description": "String used to label the component to screen reader users.",
267
+ "fieldName": "accessibleName",
268
+ "inheritedFrom": {
269
+ "name": "FieldMixin",
270
+ "package": "@vaadin/field-base/src/field-mixin.js"
271
+ }
272
+ },
273
+ {
274
+ "name": "accessible-name-end",
275
+ "type": {
276
+ "text": "string"
277
+ },
278
+ "description": "Custom accessible name for the end (maximum) input.\nWhen not set, defaults to \"${label} max\" or \"max\" if no label.",
279
+ "fieldName": "accessibleNameEnd"
280
+ },
281
+ {
282
+ "name": "accessible-name-ref",
283
+ "type": {
284
+ "text": "string"
285
+ },
286
+ "description": "Id of the element used as label of the component to screen reader users.",
287
+ "fieldName": "accessibleNameRef",
288
+ "inheritedFrom": {
289
+ "name": "FieldMixin",
290
+ "package": "@vaadin/field-base/src/field-mixin.js"
291
+ }
292
+ },
293
+ {
294
+ "name": "accessible-name-start",
295
+ "type": {
296
+ "text": "string"
297
+ },
298
+ "description": "Custom accessible name for the start (minimum) input.\nWhen not set, defaults to \"${label} min\" or \"min\" if no label.",
299
+ "fieldName": "accessibleNameStart"
300
+ },
301
+ {
302
+ "name": "end-active",
303
+ "type": {
304
+ "text": "boolean"
305
+ },
306
+ "fieldName": "__endActive"
307
+ },
308
+ {
309
+ "name": "end-focused",
310
+ "type": {
311
+ "text": "boolean"
312
+ },
313
+ "fieldName": "__endFocused"
314
+ },
315
+ {
316
+ "name": "error-message",
317
+ "type": {
318
+ "text": "string"
319
+ },
320
+ "description": "Error to show when the field is invalid.",
321
+ "fieldName": "errorMessage",
322
+ "inheritedFrom": {
323
+ "name": "FieldMixin",
324
+ "package": "@vaadin/field-base/src/field-mixin.js"
325
+ }
326
+ },
327
+ {
328
+ "name": "helper-text",
329
+ "type": {
330
+ "text": "string"
331
+ },
332
+ "description": "String used for the helper text.",
333
+ "fieldName": "helperText",
334
+ "inheritedFrom": {
335
+ "name": "FieldMixin",
336
+ "package": "@vaadin/field-base/src/field-mixin.js"
337
+ }
338
+ },
339
+ {
340
+ "name": "label",
341
+ "type": {
342
+ "text": "string"
343
+ },
344
+ "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
345
+ "fieldName": "label",
346
+ "inheritedFrom": {
347
+ "name": "LabelMixin",
348
+ "package": "@vaadin/field-base/src/label-mixin.js"
349
+ }
350
+ },
351
+ {
352
+ "name": "max",
353
+ "type": {
354
+ "text": "number"
355
+ },
356
+ "description": "The maximum allowed value.",
357
+ "fieldName": "max",
358
+ "inheritedFrom": {
359
+ "name": "SliderMixin",
360
+ "module": "src/vaadin-slider-mixin.js"
361
+ }
362
+ },
363
+ {
364
+ "name": "min",
365
+ "type": {
366
+ "text": "number"
367
+ },
368
+ "description": "The minimum allowed value.",
369
+ "fieldName": "min",
370
+ "inheritedFrom": {
371
+ "name": "SliderMixin",
372
+ "module": "src/vaadin-slider-mixin.js"
373
+ }
374
+ },
375
+ {
376
+ "name": "min-max-visible",
377
+ "type": {
378
+ "text": "boolean"
379
+ },
380
+ "description": "When true, displays the min and max values below the slider track.",
381
+ "fieldName": "minMaxVisible",
382
+ "inheritedFrom": {
383
+ "name": "SliderMixin",
384
+ "module": "src/vaadin-slider-mixin.js"
385
+ }
386
+ },
387
+ {
388
+ "name": "readonly",
389
+ "type": {
390
+ "text": "boolean"
391
+ },
392
+ "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.",
393
+ "fieldName": "readonly",
394
+ "inheritedFrom": {
395
+ "name": "SliderMixin",
396
+ "module": "src/vaadin-slider-mixin.js"
397
+ }
398
+ },
399
+ {
400
+ "name": "start-active",
401
+ "type": {
402
+ "text": "boolean"
403
+ },
404
+ "fieldName": "__startActive"
405
+ },
406
+ {
407
+ "name": "start-focused",
408
+ "type": {
409
+ "text": "boolean"
410
+ },
411
+ "fieldName": "__startFocused"
412
+ },
413
+ {
414
+ "name": "step",
415
+ "type": {
416
+ "text": "number"
417
+ },
418
+ "description": "The stepping interval of the slider.",
419
+ "fieldName": "step",
420
+ "inheritedFrom": {
421
+ "name": "SliderMixin",
422
+ "module": "src/vaadin-slider-mixin.js"
423
+ }
424
+ },
425
+ {
426
+ "name": "value",
427
+ "type": {
428
+ "text": "array"
429
+ },
430
+ "description": "The value of the slider.",
431
+ "fieldName": "value"
432
+ },
433
+ {
434
+ "name": "value-always-visible",
435
+ "type": {
436
+ "text": "boolean"
437
+ },
438
+ "description": "When true, the value bubble is always visible,\nregardless of focus or hover state.",
439
+ "fieldName": "valueAlwaysVisible",
440
+ "inheritedFrom": {
441
+ "name": "SliderMixin",
442
+ "module": "src/vaadin-slider-mixin.js"
443
+ }
444
+ }
445
+ ],
446
+ "mixins": [
447
+ {
448
+ "name": "FieldMixin",
449
+ "package": "@vaadin/field-base/src/field-mixin.js"
450
+ },
451
+ {
452
+ "name": "SliderMixin",
453
+ "module": "src/vaadin-slider-mixin.js"
454
+ },
455
+ {
456
+ "name": "FocusMixin",
457
+ "package": "@vaadin/a11y-base/src/focus-mixin.js"
458
+ },
459
+ {
460
+ "name": "ElementMixin",
461
+ "package": "@vaadin/component-base/src/element-mixin.js"
462
+ },
463
+ {
464
+ "name": "ThemableMixin",
465
+ "package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
466
+ },
467
+ {
468
+ "name": "PolylitMixin",
469
+ "package": "@vaadin/component-base/src/polylit-mixin.js"
470
+ },
471
+ {
472
+ "name": "LumoInjectionMixin",
473
+ "package": "@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js"
474
+ }
475
+ ],
476
+ "superclass": {
477
+ "name": "LitElement",
478
+ "package": "lit"
479
+ },
480
+ "tagName": "vaadin-range-slider",
481
+ "customElement": true
482
+ }
483
+ ],
484
+ "exports": [
485
+ {
486
+ "kind": "js",
487
+ "name": "RangeSlider",
488
+ "declaration": {
489
+ "name": "RangeSlider",
490
+ "module": "src/vaadin-range-slider.js"
491
+ }
492
+ }
493
+ ]
494
+ },
495
+ {
496
+ "kind": "javascript-module",
497
+ "path": "src/vaadin-slider-bubble-overlay.js",
498
+ "declarations": [
499
+ {
500
+ "kind": "class",
501
+ "description": "An element used internally by `<vaadin-slider>`. Not intended to be used separately.",
502
+ "name": "SliderBubbleOverlay",
503
+ "members": [
504
+ {
505
+ "kind": "method",
506
+ "name": "bringToFront",
507
+ "description": "Brings the overlay as visually the frontmost one.",
508
+ "inheritedFrom": {
509
+ "name": "OverlayStackMixin",
510
+ "package": "@vaadin/overlay/src/vaadin-overlay-stack-mixin.js"
511
+ }
512
+ },
513
+ {
514
+ "kind": "method",
515
+ "name": "close",
516
+ "parameters": [
517
+ {
518
+ "name": "sourceEvent",
519
+ "type": {
520
+ "text": "Event="
521
+ }
522
+ }
523
+ ],
524
+ "inheritedFrom": {
525
+ "name": "OverlayMixin",
526
+ "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
527
+ }
528
+ },
529
+ {
530
+ "kind": "field",
531
+ "name": "focusTrap",
532
+ "privacy": "public",
533
+ "type": {
534
+ "text": "boolean"
535
+ },
536
+ "description": "When true, opening the overlay moves focus to the first focusable child,\nor to the overlay part with tabindex if there are no focusable children.",
537
+ "attribute": "focus-trap",
538
+ "inheritedFrom": {
539
+ "name": "OverlayFocusMixin",
540
+ "package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
541
+ }
542
+ },
543
+ {
544
+ "kind": "field",
545
+ "name": "hidden",
546
+ "privacy": "public",
547
+ "type": {
548
+ "text": "boolean"
549
+ },
550
+ "description": "When set to true, the overlay is hidden. This also closes the overlay\nimmediately in case there is a closing animation in progress.",
551
+ "attribute": "hidden",
552
+ "inheritedFrom": {
553
+ "name": "OverlayMixin",
554
+ "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
555
+ }
556
+ },
557
+ {
558
+ "kind": "field",
559
+ "name": "horizontalAlign",
560
+ "privacy": "public",
561
+ "type": {
562
+ "text": "string"
563
+ },
564
+ "description": "When `positionTarget` is set, this property defines whether to align the overlay's\nleft or right side to the target element by default.\nPossible values are `start` and `end`.\nRTL is taken into account when interpreting the value.\nThe overlay is automatically flipped to the opposite side when it doesn't fit into\nthe default side defined by this property.",
565
+ "attribute": "horizontal-align",
566
+ "inheritedFrom": {
567
+ "name": "PositionMixin",
568
+ "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
569
+ }
570
+ },
571
+ {
572
+ "kind": "field",
573
+ "name": "model",
574
+ "privacy": "public",
575
+ "type": {
576
+ "text": "object"
577
+ },
578
+ "description": "Object with properties that is passed to `renderer` function",
579
+ "attribute": "model",
580
+ "inheritedFrom": {
581
+ "name": "OverlayMixin",
582
+ "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
583
+ }
584
+ },
585
+ {
586
+ "kind": "field",
587
+ "name": "modeless",
588
+ "privacy": "public",
589
+ "type": {
590
+ "text": "boolean"
591
+ },
592
+ "description": "When true the overlay won't disable the main content, showing\nit doesn't change the functionality of the user interface.",
593
+ "attribute": "modeless",
594
+ "inheritedFrom": {
595
+ "name": "OverlayMixin",
596
+ "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
597
+ }
598
+ },
599
+ {
600
+ "kind": "field",
601
+ "name": "noHorizontalOverlap",
602
+ "privacy": "public",
603
+ "type": {
604
+ "text": "boolean"
605
+ },
606
+ "description": "When `positionTarget` is set, this property defines whether the overlay should overlap\nthe target element in the x-axis, or be positioned right next to it.",
607
+ "attribute": "no-horizontal-overlap",
608
+ "inheritedFrom": {
609
+ "name": "PositionMixin",
610
+ "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
611
+ }
612
+ },
613
+ {
614
+ "kind": "field",
615
+ "name": "noVerticalOverlap",
616
+ "privacy": "public",
617
+ "type": {
618
+ "text": "boolean"
619
+ },
620
+ "description": "When `positionTarget` is set, this property defines whether the overlay should overlap\nthe target element in the y-axis, or be positioned right above/below it.",
621
+ "attribute": "no-vertical-overlap",
622
+ "inheritedFrom": {
623
+ "name": "PositionMixin",
624
+ "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
625
+ }
626
+ },
627
+ {
628
+ "kind": "field",
629
+ "name": "opened",
630
+ "privacy": "public",
631
+ "type": {
632
+ "text": "boolean"
633
+ },
634
+ "description": "When true, the overlay is visible and attached to body.",
635
+ "attribute": "opened",
636
+ "inheritedFrom": {
637
+ "name": "OverlayMixin",
638
+ "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
639
+ }
640
+ },
641
+ {
642
+ "kind": "field",
643
+ "name": "owner",
644
+ "privacy": "public",
645
+ "type": {
646
+ "text": "HTMLElement"
647
+ },
648
+ "description": "Owner element passed with renderer function",
649
+ "attribute": "owner",
650
+ "inheritedFrom": {
651
+ "name": "OverlayMixin",
652
+ "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
653
+ }
654
+ },
655
+ {
656
+ "kind": "field",
657
+ "name": "positionTarget",
658
+ "privacy": "public",
659
+ "type": {
660
+ "text": "object"
661
+ },
662
+ "description": "The element next to which this overlay should be aligned.\nThe position of the overlay relative to the positionTarget can be adjusted\nwith properties `horizontalAlign`, `verticalAlign`, `noHorizontalOverlap`\nand `noVerticalOverlap`.",
663
+ "attribute": "position-target",
664
+ "inheritedFrom": {
665
+ "name": "PositionMixin",
666
+ "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
667
+ }
668
+ },
669
+ {
670
+ "kind": "field",
671
+ "name": "renderer",
672
+ "privacy": "public",
673
+ "type": {
674
+ "text": "OverlayRenderer | null | undefined"
675
+ },
676
+ "description": "Custom function for rendering the content of the overlay.\nReceives three arguments:\n\n- `root` The root container DOM element. Append your content to it.\n- `owner` The host element of the renderer function.\n- `model` The object with the properties related with rendering.",
677
+ "attribute": "renderer",
678
+ "inheritedFrom": {
679
+ "name": "OverlayMixin",
680
+ "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
681
+ }
682
+ },
683
+ {
684
+ "kind": "method",
685
+ "name": "requestContentUpdate",
686
+ "description": "Requests an update for the content of the overlay.\nWhile performing the update, it invokes the renderer passed in the `renderer` property.\n\nIt is not guaranteed that the update happens immediately (synchronously) after it is requested.",
687
+ "inheritedFrom": {
688
+ "name": "OverlayMixin",
689
+ "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
690
+ }
691
+ },
692
+ {
693
+ "kind": "field",
694
+ "name": "requiredVerticalSpace",
695
+ "privacy": "public",
696
+ "type": {
697
+ "text": "number"
698
+ },
699
+ "description": "If the overlay content has no intrinsic height, this property can be used to set\nthe minimum vertical space (in pixels) required by the overlay. Setting a value to\nthe property effectively disables the content measurement in favor of using this\nfixed value for determining the open direction.",
700
+ "attribute": "required-vertical-space",
701
+ "inheritedFrom": {
702
+ "name": "PositionMixin",
703
+ "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
704
+ }
705
+ },
706
+ {
707
+ "kind": "field",
708
+ "name": "restoreFocusNode",
709
+ "privacy": "public",
710
+ "type": {
711
+ "text": "HTMLElement"
712
+ },
713
+ "description": "Set to specify the element which should be focused on overlay close,\nif `restoreFocusOnClose` is set to true.",
714
+ "attribute": "restore-focus-node",
715
+ "inheritedFrom": {
716
+ "name": "OverlayFocusMixin",
717
+ "package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
718
+ }
719
+ },
720
+ {
721
+ "kind": "field",
722
+ "name": "restoreFocusOnClose",
723
+ "privacy": "public",
724
+ "type": {
725
+ "text": "boolean"
726
+ },
727
+ "description": "Set to true to enable restoring of focus when overlay is closed.",
728
+ "attribute": "restore-focus-on-close",
729
+ "inheritedFrom": {
730
+ "name": "OverlayFocusMixin",
731
+ "package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
732
+ }
733
+ },
734
+ {
735
+ "kind": "method",
736
+ "name": "setBounds",
737
+ "parameters": [
738
+ {
739
+ "name": "bounds",
740
+ "type": {
741
+ "text": "!OverlayBoundsParam"
742
+ }
743
+ },
744
+ {
745
+ "name": "absolute",
746
+ "default": "true",
747
+ "type": {
748
+ "text": "boolean"
749
+ }
750
+ }
751
+ ],
752
+ "description": "Updates the coordinates of the overlay.",
753
+ "inheritedFrom": {
754
+ "name": "OverlayMixin",
755
+ "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
756
+ }
757
+ },
758
+ {
759
+ "kind": "field",
760
+ "name": "verticalAlign",
761
+ "privacy": "public",
762
+ "type": {
763
+ "text": "string"
764
+ },
765
+ "description": "When `positionTarget` is set, this property defines whether to align the overlay's\ntop or bottom side to the target element by default.\nPossible values are `top` and `bottom`.\nThe overlay is automatically flipped to the opposite side when it doesn't fit into\nthe default side defined by this property.",
766
+ "attribute": "vertical-align",
767
+ "inheritedFrom": {
768
+ "name": "PositionMixin",
769
+ "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
770
+ }
771
+ },
772
+ {
773
+ "kind": "field",
774
+ "name": "withBackdrop",
775
+ "privacy": "public",
776
+ "type": {
777
+ "text": "boolean"
778
+ },
779
+ "description": "When true the overlay has backdrop on top of content when opened.",
780
+ "attribute": "with-backdrop",
781
+ "inheritedFrom": {
782
+ "name": "OverlayMixin",
783
+ "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
784
+ }
785
+ }
786
+ ],
787
+ "mixins": [
788
+ {
789
+ "name": "PositionMixin",
790
+ "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
791
+ },
792
+ {
793
+ "name": "OverlayMixin",
794
+ "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
795
+ },
796
+ {
797
+ "name": "DirMixin",
798
+ "package": "@vaadin/component-base/src/dir-mixin.js"
799
+ },
800
+ {
801
+ "name": "ThemableMixin",
802
+ "package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
803
+ },
804
+ {
805
+ "name": "PolylitMixin",
806
+ "package": "@vaadin/component-base/src/polylit-mixin.js"
807
+ },
808
+ {
809
+ "name": "LumoInjectionMixin",
810
+ "package": "@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js"
811
+ }
812
+ ],
813
+ "superclass": {
814
+ "name": "LitElement",
815
+ "package": "lit"
816
+ },
817
+ "tagName": "vaadin-slider-bubble-overlay",
818
+ "customElement": true,
819
+ "attributes": [
820
+ {
821
+ "name": "focus-trap",
822
+ "type": {
823
+ "text": "boolean"
824
+ },
825
+ "description": "When true, opening the overlay moves focus to the first focusable child,\nor to the overlay part with tabindex if there are no focusable children.",
826
+ "fieldName": "focusTrap",
827
+ "inheritedFrom": {
828
+ "name": "OverlayFocusMixin",
829
+ "package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
830
+ }
831
+ },
832
+ {
833
+ "name": "hidden",
834
+ "type": {
835
+ "text": "boolean"
836
+ },
837
+ "description": "When set to true, the overlay is hidden. This also closes the overlay\nimmediately in case there is a closing animation in progress.",
838
+ "fieldName": "hidden",
839
+ "inheritedFrom": {
840
+ "name": "OverlayMixin",
841
+ "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
842
+ }
843
+ },
844
+ {
845
+ "name": "horizontal-align",
846
+ "type": {
847
+ "text": "string"
848
+ },
849
+ "description": "When `positionTarget` is set, this property defines whether to align the overlay's\nleft or right side to the target element by default.\nPossible values are `start` and `end`.\nRTL is taken into account when interpreting the value.\nThe overlay is automatically flipped to the opposite side when it doesn't fit into\nthe default side defined by this property.",
850
+ "fieldName": "horizontalAlign",
851
+ "inheritedFrom": {
852
+ "name": "PositionMixin",
853
+ "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
854
+ }
855
+ },
856
+ {
857
+ "name": "modeless",
858
+ "type": {
859
+ "text": "boolean"
860
+ },
861
+ "description": "When true the overlay won't disable the main content, showing\nit doesn't change the functionality of the user interface.",
862
+ "fieldName": "modeless",
863
+ "inheritedFrom": {
864
+ "name": "OverlayMixin",
865
+ "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
866
+ }
867
+ },
868
+ {
869
+ "name": "no-horizontal-overlap",
870
+ "type": {
871
+ "text": "boolean"
872
+ },
873
+ "description": "When `positionTarget` is set, this property defines whether the overlay should overlap\nthe target element in the x-axis, or be positioned right next to it.",
874
+ "fieldName": "noHorizontalOverlap",
875
+ "inheritedFrom": {
876
+ "name": "PositionMixin",
877
+ "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
878
+ }
879
+ },
880
+ {
881
+ "name": "no-vertical-overlap",
882
+ "type": {
883
+ "text": "boolean"
884
+ },
885
+ "description": "When `positionTarget` is set, this property defines whether the overlay should overlap\nthe target element in the y-axis, or be positioned right above/below it.",
886
+ "fieldName": "noVerticalOverlap",
887
+ "inheritedFrom": {
888
+ "name": "PositionMixin",
889
+ "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
890
+ }
891
+ },
892
+ {
893
+ "name": "opened",
894
+ "type": {
895
+ "text": "boolean"
896
+ },
897
+ "description": "When true, the overlay is visible and attached to body.",
898
+ "fieldName": "opened",
899
+ "inheritedFrom": {
900
+ "name": "OverlayMixin",
901
+ "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
902
+ }
903
+ },
904
+ {
905
+ "name": "owner",
906
+ "type": {
907
+ "text": "HTMLElement"
908
+ },
909
+ "description": "Owner element passed with renderer function",
910
+ "fieldName": "owner",
911
+ "inheritedFrom": {
912
+ "name": "OverlayMixin",
913
+ "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
914
+ }
915
+ },
916
+ {
917
+ "name": "renderer",
918
+ "type": {
919
+ "text": "OverlayRenderer | null | undefined"
920
+ },
921
+ "description": "Custom function for rendering the content of the overlay.\nReceives three arguments:\n\n- `root` The root container DOM element. Append your content to it.\n- `owner` The host element of the renderer function.\n- `model` The object with the properties related with rendering.",
922
+ "fieldName": "renderer",
923
+ "inheritedFrom": {
924
+ "name": "OverlayMixin",
925
+ "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
926
+ }
927
+ },
928
+ {
929
+ "name": "required-vertical-space",
930
+ "type": {
931
+ "text": "number"
932
+ },
933
+ "description": "If the overlay content has no intrinsic height, this property can be used to set\nthe minimum vertical space (in pixels) required by the overlay. Setting a value to\nthe property effectively disables the content measurement in favor of using this\nfixed value for determining the open direction.",
934
+ "fieldName": "requiredVerticalSpace",
935
+ "inheritedFrom": {
936
+ "name": "PositionMixin",
937
+ "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
938
+ }
939
+ },
940
+ {
941
+ "name": "restore-focus-node",
942
+ "type": {
943
+ "text": "HTMLElement"
944
+ },
945
+ "description": "Set to specify the element which should be focused on overlay close,\nif `restoreFocusOnClose` is set to true.",
946
+ "fieldName": "restoreFocusNode",
947
+ "inheritedFrom": {
948
+ "name": "OverlayFocusMixin",
949
+ "package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
950
+ }
951
+ },
952
+ {
953
+ "name": "restore-focus-on-close",
954
+ "type": {
955
+ "text": "boolean"
956
+ },
957
+ "description": "Set to true to enable restoring of focus when overlay is closed.",
958
+ "fieldName": "restoreFocusOnClose",
959
+ "inheritedFrom": {
960
+ "name": "OverlayFocusMixin",
961
+ "package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
962
+ }
963
+ },
964
+ {
965
+ "name": "vertical-align",
966
+ "type": {
967
+ "text": "string"
968
+ },
969
+ "description": "When `positionTarget` is set, this property defines whether to align the overlay's\ntop or bottom side to the target element by default.\nPossible values are `top` and `bottom`.\nThe overlay is automatically flipped to the opposite side when it doesn't fit into\nthe default side defined by this property.",
970
+ "fieldName": "verticalAlign",
971
+ "inheritedFrom": {
972
+ "name": "PositionMixin",
973
+ "package": "@vaadin/overlay/src/vaadin-overlay-position-mixin.js"
974
+ }
975
+ },
976
+ {
977
+ "name": "with-backdrop",
978
+ "type": {
979
+ "text": "boolean"
980
+ },
981
+ "description": "When true the overlay has backdrop on top of content when opened.",
982
+ "fieldName": "withBackdrop",
983
+ "inheritedFrom": {
984
+ "name": "OverlayMixin",
985
+ "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
986
+ }
987
+ }
988
+ ],
989
+ "events": [
990
+ {
991
+ "name": "vaadin-overlay-closed",
992
+ "type": {
993
+ "text": "CustomEvent"
994
+ },
995
+ "inheritedFrom": {
996
+ "name": "OverlayMixin",
997
+ "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
998
+ }
999
+ },
1000
+ {
1001
+ "name": "vaadin-overlay-closing",
1002
+ "type": {
1003
+ "text": "CustomEvent"
1004
+ },
1005
+ "inheritedFrom": {
1006
+ "name": "OverlayMixin",
1007
+ "package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
1008
+ }
1009
+ }
1010
+ ]
1011
+ }
1012
+ ],
1013
+ "exports": [
1014
+ {
1015
+ "kind": "js",
1016
+ "name": "SliderBubbleOverlay",
1017
+ "declaration": {
1018
+ "name": "SliderBubbleOverlay",
1019
+ "module": "src/vaadin-slider-bubble-overlay.js"
1020
+ }
1021
+ }
1022
+ ]
1023
+ },
1024
+ {
1025
+ "kind": "javascript-module",
1026
+ "path": "src/vaadin-slider-bubble.js",
1027
+ "declarations": [
1028
+ {
1029
+ "kind": "class",
1030
+ "description": "An element used internally by `<vaadin-slider>`. Not intended to be used separately.",
1031
+ "name": "SliderBubble",
1032
+ "members": [
1033
+ {
1034
+ "kind": "field",
1035
+ "name": "opened",
1036
+ "privacy": "public",
1037
+ "type": {
1038
+ "text": "boolean"
1039
+ },
1040
+ "description": "Whether the overlay is opened.",
1041
+ "attribute": "opened"
1042
+ },
1043
+ {
1044
+ "kind": "field",
1045
+ "name": "positionTarget",
1046
+ "privacy": "public",
1047
+ "type": {
1048
+ "text": "object"
1049
+ },
1050
+ "description": "The thumb element next to which the overlay should be aligned.",
1051
+ "attribute": "position-target"
1052
+ }
1053
+ ],
1054
+ "attributes": [
1055
+ {
1056
+ "name": "opened",
1057
+ "type": {
1058
+ "text": "boolean"
1059
+ },
1060
+ "description": "Whether the overlay is opened.",
1061
+ "fieldName": "opened"
1062
+ }
1063
+ ],
1064
+ "mixins": [
1065
+ {
1066
+ "name": "ThemePropertyMixin",
1067
+ "package": "@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js"
1068
+ },
1069
+ {
1070
+ "name": "PolylitMixin",
1071
+ "package": "@vaadin/component-base/src/polylit-mixin.js"
1072
+ }
1073
+ ],
1074
+ "superclass": {
1075
+ "name": "LitElement",
1076
+ "package": "lit"
1077
+ },
1078
+ "tagName": "vaadin-slider-bubble",
1079
+ "customElement": true,
1080
+ "events": []
1081
+ }
1082
+ ],
1083
+ "exports": [
1084
+ {
1085
+ "kind": "js",
1086
+ "name": "SliderBubble",
1087
+ "declaration": {
1088
+ "name": "SliderBubble",
1089
+ "module": "src/vaadin-slider-bubble.js"
1090
+ }
1091
+ }
1092
+ ]
1093
+ },
1094
+ {
1095
+ "kind": "javascript-module",
1096
+ "path": "src/vaadin-slider-mixin.js",
1097
+ "declarations": [
1098
+ {
1099
+ "kind": "mixin",
1100
+ "description": "",
1101
+ "name": "SliderMixin",
1102
+ "members": [
1103
+ {
1104
+ "kind": "field",
1105
+ "name": "max",
1106
+ "privacy": "public",
1107
+ "type": {
1108
+ "text": "number"
1109
+ },
1110
+ "description": "The maximum allowed value.",
1111
+ "attribute": "max"
1112
+ },
1113
+ {
1114
+ "kind": "field",
1115
+ "name": "min",
1116
+ "privacy": "public",
1117
+ "type": {
1118
+ "text": "number"
1119
+ },
1120
+ "description": "The minimum allowed value.",
1121
+ "attribute": "min"
1122
+ },
1123
+ {
1124
+ "kind": "field",
1125
+ "name": "minMaxVisible",
1126
+ "privacy": "public",
1127
+ "type": {
1128
+ "text": "boolean"
1129
+ },
1130
+ "description": "When true, displays the min and max values below the slider track.",
1131
+ "attribute": "min-max-visible"
1132
+ },
1133
+ {
1134
+ "kind": "field",
1135
+ "name": "readonly",
1136
+ "privacy": "public",
1137
+ "type": {
1138
+ "text": "boolean"
1139
+ },
1140
+ "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.",
1141
+ "attribute": "readonly"
1142
+ },
1143
+ {
1144
+ "kind": "field",
1145
+ "name": "step",
1146
+ "privacy": "public",
1147
+ "type": {
1148
+ "text": "number"
1149
+ },
1150
+ "description": "The stepping interval of the slider.",
1151
+ "attribute": "step"
1152
+ },
1153
+ {
1154
+ "kind": "field",
1155
+ "name": "valueAlwaysVisible",
1156
+ "privacy": "public",
1157
+ "type": {
1158
+ "text": "boolean"
1159
+ },
1160
+ "description": "When true, the value bubble is always visible,\nregardless of focus or hover state.",
1161
+ "attribute": "value-always-visible"
1162
+ }
1163
+ ],
1164
+ "events": [
1165
+ {
1166
+ "name": "change",
1167
+ "type": {
1168
+ "text": "Event"
1169
+ }
1170
+ },
1171
+ {
1172
+ "name": "input",
1173
+ "type": {
1174
+ "text": "Event"
1175
+ }
1176
+ }
1177
+ ],
1178
+ "attributes": [
1179
+ {
1180
+ "name": "max",
1181
+ "type": {
1182
+ "text": "number"
1183
+ },
1184
+ "description": "The maximum allowed value.",
1185
+ "fieldName": "max"
1186
+ },
1187
+ {
1188
+ "name": "min",
1189
+ "type": {
1190
+ "text": "number"
1191
+ },
1192
+ "description": "The minimum allowed value.",
1193
+ "fieldName": "min"
1194
+ },
1195
+ {
1196
+ "name": "min-max-visible",
1197
+ "type": {
1198
+ "text": "boolean"
1199
+ },
1200
+ "description": "When true, displays the min and max values below the slider track.",
1201
+ "fieldName": "minMaxVisible"
1202
+ },
1203
+ {
1204
+ "name": "readonly",
1205
+ "type": {
1206
+ "text": "boolean"
1207
+ },
1208
+ "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.",
1209
+ "fieldName": "readonly"
1210
+ },
1211
+ {
1212
+ "name": "step",
1213
+ "type": {
1214
+ "text": "number"
1215
+ },
1216
+ "description": "The stepping interval of the slider.",
1217
+ "fieldName": "step"
1218
+ },
1219
+ {
1220
+ "name": "value-always-visible",
1221
+ "type": {
1222
+ "text": "boolean"
1223
+ },
1224
+ "description": "When true, the value bubble is always visible,\nregardless of focus or hover state.",
1225
+ "fieldName": "valueAlwaysVisible"
1226
+ }
1227
+ ],
1228
+ "mixins": [
1229
+ {
1230
+ "name": "SlotStylesMixin",
1231
+ "package": "@vaadin/component-base/src/slot-styles-mixin.js"
1232
+ },
1233
+ {
1234
+ "name": "DisabledMixin",
1235
+ "package": "@vaadin/a11y-base/src/disabled-mixin.js"
1236
+ }
1237
+ ],
1238
+ "parameters": [
1239
+ {
1240
+ "name": "superClass"
1241
+ }
1242
+ ]
1243
+ }
1244
+ ],
1245
+ "exports": [
1246
+ {
1247
+ "kind": "js",
1248
+ "name": "SliderMixin",
1249
+ "declaration": {
1250
+ "name": "SliderMixin",
1251
+ "module": "src/vaadin-slider-mixin.js"
1252
+ }
1253
+ }
1254
+ ]
1255
+ },
1256
+ {
1257
+ "kind": "javascript-module",
1258
+ "path": "src/vaadin-slider.js",
1259
+ "declarations": [
1260
+ {
1261
+ "kind": "class",
1262
+ "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```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n---------------------|-----------------\n`label` | The label element\n`required-indicator` | The required indicator element\n`helper-text` | The helper text element\n`error-message` | The error message element\n`track` | The slider track\n`track-fill` | The filled portion of the track\n`thumb` | The slider thumb\n`marks` | Container for min/max labels\n`min` | Minimum value label\n`max` | Maximum value label\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-------------------|-------------\n`active` | Set when the slider is activated with mouse or touch\n`disabled` | Set when the slider is disabled\n`readonly` | Set when the slider is read-only\n`focused` | Set when the slider has focus\n`focus-ring` | Set when the slider is focused using the keyboard\n`min-max-visible` | Set when the min/max labels are displayed\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:--------------------------------------------|\n`--vaadin-field-default-width` |\n`--vaadin-input-field-error-color` |\n`--vaadin-input-field-error-font-size` |\n`--vaadin-input-field-error-font-weight` |\n`--vaadin-input-field-helper-color` |\n`--vaadin-input-field-helper-font-size` |\n`--vaadin-input-field-helper-font-weight` |\n`--vaadin-input-field-label-color` |\n`--vaadin-input-field-label-font-size` |\n`--vaadin-input-field-label-font-weight` |\n`--vaadin-input-field-required-indicator` |\n`--vaadin-slider-bubble-arrow-size` |\n`--vaadin-slider-bubble-background` |\n`--vaadin-slider-bubble-border-color` |\n`--vaadin-slider-bubble-border-radius` |\n`--vaadin-slider-bubble-border-width` |\n`--vaadin-slider-bubble-offset` |\n`--vaadin-slider-bubble-padding` |\n`--vaadin-slider-bubble-shadow` |\n`--vaadin-slider-bubble-text-color` |\n`--vaadin-slider-bubble-font-size` |\n`--vaadin-slider-bubble-font-weight` |\n`--vaadin-slider-bubble-line-height` |\n`--vaadin-slider-fill-background` |\n`--vaadin-slider-fill-border-color` |\n`--vaadin-slider-fill-border-width` |\n`--vaadin-slider-marks-color` |\n`--vaadin-slider-marks-font-size` |\n`--vaadin-slider-marks-font-weight` |\n`--vaadin-slider-thumb-border-color` |\n`--vaadin-slider-thumb-border-radius` |\n`--vaadin-slider-thumb-border-width` |\n`--vaadin-slider-thumb-cursor` |\n`--vaadin-slider-thumb-cursor-active` |\n`--vaadin-slider-thumb-height` |\n`--vaadin-slider-thumb-width` |\n`--vaadin-slider-track-background` |\n`--vaadin-slider-track-border-color` |\n`--vaadin-slider-track-border-radius` |\n`--vaadin-slider-track-border-width` |\n`--vaadin-slider-track-height` |\n\nIn order to style the slider bubble, use `<vaadin-slider-bubble>` shadow DOM parts:\n\nPart name | Description\n-----------------|----------------------\n`overlay` | The overlay container\n`content` | The overlay content\n`arrow` | Arrow pointing to the thumb\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
1263
+ "name": "Slider",
1264
+ "members": [
1265
+ {
1266
+ "kind": "field",
1267
+ "name": "accessibleName",
1268
+ "privacy": "public",
1269
+ "type": {
1270
+ "text": "string"
1271
+ },
1272
+ "description": "String used to label the component to screen reader users.",
1273
+ "attribute": "accessible-name",
1274
+ "inheritedFrom": {
1275
+ "name": "FieldMixin",
1276
+ "package": "@vaadin/field-base/src/field-mixin.js"
1277
+ }
1278
+ },
1279
+ {
1280
+ "kind": "field",
1281
+ "name": "accessibleNameRef",
1282
+ "privacy": "public",
1283
+ "type": {
1284
+ "text": "string"
1285
+ },
1286
+ "description": "Id of the element used as label of the component to screen reader users.",
1287
+ "attribute": "accessible-name-ref",
1288
+ "inheritedFrom": {
1289
+ "name": "FieldMixin",
1290
+ "package": "@vaadin/field-base/src/field-mixin.js"
1291
+ }
1292
+ },
1293
+ {
1294
+ "kind": "field",
1295
+ "name": "errorMessage",
1296
+ "privacy": "public",
1297
+ "type": {
1298
+ "text": "string"
1299
+ },
1300
+ "description": "Error to show when the field is invalid.",
1301
+ "attribute": "error-message",
1302
+ "inheritedFrom": {
1303
+ "name": "FieldMixin",
1304
+ "package": "@vaadin/field-base/src/field-mixin.js"
1305
+ }
1306
+ },
1307
+ {
1308
+ "kind": "field",
1309
+ "name": "helperText",
1310
+ "privacy": "public",
1311
+ "type": {
1312
+ "text": "string"
1313
+ },
1314
+ "description": "String used for the helper text.",
1315
+ "attribute": "helper-text",
1316
+ "inheritedFrom": {
1317
+ "name": "FieldMixin",
1318
+ "package": "@vaadin/field-base/src/field-mixin.js"
1319
+ }
1320
+ },
1321
+ {
1322
+ "kind": "field",
1323
+ "name": "label",
1324
+ "privacy": "public",
1325
+ "type": {
1326
+ "text": "string"
1327
+ },
1328
+ "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
1329
+ "attribute": "label",
1330
+ "inheritedFrom": {
1331
+ "name": "LabelMixin",
1332
+ "package": "@vaadin/field-base/src/label-mixin.js"
1333
+ }
1334
+ },
1335
+ {
1336
+ "kind": "field",
1337
+ "name": "max",
1338
+ "privacy": "public",
1339
+ "type": {
1340
+ "text": "number"
1341
+ },
1342
+ "description": "The maximum allowed value.",
1343
+ "attribute": "max",
1344
+ "inheritedFrom": {
1345
+ "name": "SliderMixin",
1346
+ "module": "src/vaadin-slider-mixin.js"
1347
+ }
1348
+ },
1349
+ {
1350
+ "kind": "field",
1351
+ "name": "min",
1352
+ "privacy": "public",
1353
+ "type": {
1354
+ "text": "number"
1355
+ },
1356
+ "description": "The minimum allowed value.",
1357
+ "attribute": "min",
1358
+ "inheritedFrom": {
1359
+ "name": "SliderMixin",
1360
+ "module": "src/vaadin-slider-mixin.js"
1361
+ }
1362
+ },
1363
+ {
1364
+ "kind": "field",
1365
+ "name": "minMaxVisible",
1366
+ "privacy": "public",
1367
+ "type": {
1368
+ "text": "boolean"
1369
+ },
1370
+ "description": "When true, displays the min and max values below the slider track.",
1371
+ "attribute": "min-max-visible",
1372
+ "inheritedFrom": {
1373
+ "name": "SliderMixin",
1374
+ "module": "src/vaadin-slider-mixin.js"
1375
+ }
1376
+ },
1377
+ {
1378
+ "kind": "field",
1379
+ "name": "readonly",
1380
+ "privacy": "public",
1381
+ "type": {
1382
+ "text": "boolean"
1383
+ },
1384
+ "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.",
1385
+ "attribute": "readonly",
1386
+ "inheritedFrom": {
1387
+ "name": "SliderMixin",
1388
+ "module": "src/vaadin-slider-mixin.js"
1389
+ }
1390
+ },
1391
+ {
1392
+ "kind": "field",
1393
+ "name": "step",
1394
+ "privacy": "public",
1395
+ "type": {
1396
+ "text": "number"
1397
+ },
1398
+ "description": "The stepping interval of the slider.",
1399
+ "attribute": "step",
1400
+ "inheritedFrom": {
1401
+ "name": "SliderMixin",
1402
+ "module": "src/vaadin-slider-mixin.js"
1403
+ }
1404
+ },
1405
+ {
1406
+ "kind": "field",
1407
+ "name": "value",
1408
+ "privacy": "public",
1409
+ "type": {
1410
+ "text": "number"
1411
+ },
1412
+ "description": "The value of the slider.",
1413
+ "attribute": "value"
1414
+ },
1415
+ {
1416
+ "kind": "field",
1417
+ "name": "valueAlwaysVisible",
1418
+ "privacy": "public",
1419
+ "type": {
1420
+ "text": "boolean"
1421
+ },
1422
+ "description": "When true, the value bubble is always visible,\nregardless of focus or hover state.",
1423
+ "attribute": "value-always-visible",
1424
+ "inheritedFrom": {
1425
+ "name": "SliderMixin",
1426
+ "module": "src/vaadin-slider-mixin.js"
1427
+ }
1428
+ }
1429
+ ],
1430
+ "events": [
1431
+ {
1432
+ "name": "change",
1433
+ "type": {
1434
+ "text": "Event"
1435
+ },
1436
+ "description": "Fired when the user commits a value change.",
1437
+ "inheritedFrom": {
1438
+ "name": "SliderMixin",
1439
+ "module": "src/vaadin-slider-mixin.js"
1440
+ }
1441
+ },
1442
+ {
1443
+ "name": "input",
1444
+ "type": {
1445
+ "text": "Event"
1446
+ },
1447
+ "description": "Fired when the slider value changes during user interaction.",
1448
+ "inheritedFrom": {
1449
+ "name": "SliderMixin",
1450
+ "module": "src/vaadin-slider-mixin.js"
1451
+ }
1452
+ },
1453
+ {
1454
+ "type": {
1455
+ "text": "CustomEvent"
1456
+ },
1457
+ "description": "Fired when the `value` property changes.",
1458
+ "name": "value-changed"
1459
+ }
1460
+ ],
1461
+ "attributes": [
1462
+ {
1463
+ "name": "accessible-name",
1464
+ "type": {
1465
+ "text": "string"
1466
+ },
1467
+ "description": "String used to label the component to screen reader users.",
1468
+ "fieldName": "accessibleName",
1469
+ "inheritedFrom": {
1470
+ "name": "FieldMixin",
1471
+ "package": "@vaadin/field-base/src/field-mixin.js"
1472
+ }
1473
+ },
1474
+ {
1475
+ "name": "accessible-name-ref",
1476
+ "type": {
1477
+ "text": "string"
1478
+ },
1479
+ "description": "Id of the element used as label of the component to screen reader users.",
1480
+ "fieldName": "accessibleNameRef",
1481
+ "inheritedFrom": {
1482
+ "name": "FieldMixin",
1483
+ "package": "@vaadin/field-base/src/field-mixin.js"
1484
+ }
1485
+ },
1486
+ {
1487
+ "name": "active",
1488
+ "type": {
1489
+ "text": "boolean"
1490
+ },
1491
+ "fieldName": "__active"
1492
+ },
1493
+ {
1494
+ "name": "error-message",
1495
+ "type": {
1496
+ "text": "string"
1497
+ },
1498
+ "description": "Error to show when the field is invalid.",
1499
+ "fieldName": "errorMessage",
1500
+ "inheritedFrom": {
1501
+ "name": "FieldMixin",
1502
+ "package": "@vaadin/field-base/src/field-mixin.js"
1503
+ }
1504
+ },
1505
+ {
1506
+ "name": "helper-text",
1507
+ "type": {
1508
+ "text": "string"
1509
+ },
1510
+ "description": "String used for the helper text.",
1511
+ "fieldName": "helperText",
1512
+ "inheritedFrom": {
1513
+ "name": "FieldMixin",
1514
+ "package": "@vaadin/field-base/src/field-mixin.js"
1515
+ }
1516
+ },
1517
+ {
1518
+ "name": "label",
1519
+ "type": {
1520
+ "text": "string"
1521
+ },
1522
+ "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
1523
+ "fieldName": "label",
1524
+ "inheritedFrom": {
1525
+ "name": "LabelMixin",
1526
+ "package": "@vaadin/field-base/src/label-mixin.js"
1527
+ }
1528
+ },
1529
+ {
1530
+ "name": "max",
1531
+ "type": {
1532
+ "text": "number"
1533
+ },
1534
+ "description": "The maximum allowed value.",
1535
+ "fieldName": "max",
1536
+ "inheritedFrom": {
1537
+ "name": "SliderMixin",
1538
+ "module": "src/vaadin-slider-mixin.js"
1539
+ }
1540
+ },
1541
+ {
1542
+ "name": "min",
1543
+ "type": {
1544
+ "text": "number"
1545
+ },
1546
+ "description": "The minimum allowed value.",
1547
+ "fieldName": "min",
1548
+ "inheritedFrom": {
1549
+ "name": "SliderMixin",
1550
+ "module": "src/vaadin-slider-mixin.js"
1551
+ }
1552
+ },
1553
+ {
1554
+ "name": "min-max-visible",
1555
+ "type": {
1556
+ "text": "boolean"
1557
+ },
1558
+ "description": "When true, displays the min and max values below the slider track.",
1559
+ "fieldName": "minMaxVisible",
1560
+ "inheritedFrom": {
1561
+ "name": "SliderMixin",
1562
+ "module": "src/vaadin-slider-mixin.js"
1563
+ }
1564
+ },
1565
+ {
1566
+ "name": "readonly",
1567
+ "type": {
1568
+ "text": "boolean"
1569
+ },
1570
+ "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.",
1571
+ "fieldName": "readonly",
1572
+ "inheritedFrom": {
1573
+ "name": "SliderMixin",
1574
+ "module": "src/vaadin-slider-mixin.js"
1575
+ }
1576
+ },
1577
+ {
1578
+ "name": "step",
1579
+ "type": {
1580
+ "text": "number"
1581
+ },
1582
+ "description": "The stepping interval of the slider.",
1583
+ "fieldName": "step",
1584
+ "inheritedFrom": {
1585
+ "name": "SliderMixin",
1586
+ "module": "src/vaadin-slider-mixin.js"
1587
+ }
1588
+ },
1589
+ {
1590
+ "name": "value",
1591
+ "type": {
1592
+ "text": "number"
1593
+ },
1594
+ "description": "The value of the slider.",
1595
+ "fieldName": "value"
1596
+ },
1597
+ {
1598
+ "name": "value-always-visible",
1599
+ "type": {
1600
+ "text": "boolean"
1601
+ },
1602
+ "description": "When true, the value bubble is always visible,\nregardless of focus or hover state.",
1603
+ "fieldName": "valueAlwaysVisible",
1604
+ "inheritedFrom": {
1605
+ "name": "SliderMixin",
1606
+ "module": "src/vaadin-slider-mixin.js"
1607
+ }
1608
+ }
1609
+ ],
1610
+ "mixins": [
1611
+ {
1612
+ "name": "FieldMixin",
1613
+ "package": "@vaadin/field-base/src/field-mixin.js"
1614
+ },
1615
+ {
1616
+ "name": "SliderMixin",
1617
+ "module": "src/vaadin-slider-mixin.js"
1618
+ },
1619
+ {
1620
+ "name": "FocusMixin",
1621
+ "package": "@vaadin/a11y-base/src/focus-mixin.js"
1622
+ },
1623
+ {
1624
+ "name": "ElementMixin",
1625
+ "package": "@vaadin/component-base/src/element-mixin.js"
1626
+ },
1627
+ {
1628
+ "name": "ThemableMixin",
1629
+ "package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
1630
+ },
1631
+ {
1632
+ "name": "PolylitMixin",
1633
+ "package": "@vaadin/component-base/src/polylit-mixin.js"
1634
+ },
1635
+ {
1636
+ "name": "LumoInjectionMixin",
1637
+ "package": "@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js"
1638
+ }
1639
+ ],
1640
+ "superclass": {
1641
+ "name": "LitElement",
1642
+ "package": "lit"
1643
+ },
1644
+ "tagName": "vaadin-slider",
1645
+ "customElement": true
1646
+ }
1647
+ ],
1648
+ "exports": [
1649
+ {
1650
+ "kind": "js",
1651
+ "name": "Slider",
1652
+ "declaration": {
1653
+ "name": "Slider",
1654
+ "module": "src/vaadin-slider.js"
1655
+ }
1656
+ }
1657
+ ]
1658
+ }
1659
+ ]
1660
+ }