@vaadin/slider 25.3.0-alpha9 → 25.3.0-beta1

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 (8) hide show
  1. package/custom-elements.json +2 -2
  2. package/package.json +11 -11
  3. package/src/vaadin-range-slider.d.ts +45 -43
  4. package/src/vaadin-range-slider.js +45 -43
  5. package/src/vaadin-slider.d.ts +45 -43
  6. package/src/vaadin-slider.js +45 -43
  7. package/web-types.json +3 -3
  8. package/web-types.lit.json +3 -3
package/custom-elements.json CHANGED
@@ -38,7 +38,7 @@
38
38
  "declarations": [
39
39
  {
40
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.",
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-border-radius` |\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-font-size` |\n| `--vaadin-slider-bubble-font-weight` |\n| `--vaadin-slider-bubble-line-height` |\n| `--vaadin-slider-bubble-offset` |\n| `--vaadin-slider-bubble-padding` |\n| `--vaadin-slider-bubble-shadow` |\n| `--vaadin-slider-bubble-text-color` |\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-background` |\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
42
  "name": "RangeSlider",
43
43
  "members": [
44
44
  {
@@ -841,7 +841,7 @@
841
841
  "declarations": [
842
842
  {
843
843
  "kind": "class",
844
- "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.",
844
+ "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-border-radius` |\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-font-size` |\n| `--vaadin-slider-bubble-font-weight` |\n| `--vaadin-slider-bubble-line-height` |\n| `--vaadin-slider-bubble-offset` |\n| `--vaadin-slider-bubble-padding` |\n| `--vaadin-slider-bubble-shadow` |\n| `--vaadin-slider-bubble-text-color` |\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-background` |\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.",
845
845
  "name": "Slider",
846
846
  "members": [
847
847
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/slider",
3
- "version": "25.3.0-alpha9",
3
+ "version": "25.3.0-beta1",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -35,24 +35,24 @@
35
35
  ],
36
36
  "dependencies": {
37
37
  "@open-wc/dedupe-mixin": "^1.3.0",
38
- "@vaadin/a11y-base": "25.3.0-alpha9",
39
- "@vaadin/component-base": "25.3.0-alpha9",
40
- "@vaadin/field-base": "25.3.0-alpha9",
41
- "@vaadin/overlay": "25.3.0-alpha9",
42
- "@vaadin/vaadin-themable-mixin": "25.3.0-alpha9",
38
+ "@vaadin/a11y-base": "25.3.0-beta1",
39
+ "@vaadin/component-base": "25.3.0-beta1",
40
+ "@vaadin/field-base": "25.3.0-beta1",
41
+ "@vaadin/overlay": "25.3.0-beta1",
42
+ "@vaadin/vaadin-themable-mixin": "25.3.0-beta1",
43
43
  "lit": "^3.0.0"
44
44
  },
45
45
  "devDependencies": {
46
- "@vaadin/aura": "25.3.0-alpha9",
47
- "@vaadin/chai-plugins": "25.3.0-alpha9",
48
- "@vaadin/test-runner-commands": "25.3.0-alpha9",
46
+ "@vaadin/aura": "25.3.0-beta1",
47
+ "@vaadin/chai-plugins": "25.3.0-beta1",
48
+ "@vaadin/test-runner-commands": "25.3.0-beta1",
49
49
  "@vaadin/testing-helpers": "^2.0.0",
50
- "@vaadin/vaadin-lumo-styles": "25.3.0-alpha9"
50
+ "@vaadin/vaadin-lumo-styles": "25.3.0-beta1"
51
51
  },
52
52
  "customElements": "custom-elements.json",
53
53
  "web-types": [
54
54
  "web-types.json",
55
55
  "web-types.lit.json"
56
56
  ],
57
- "gitHead": "cb915ebde095ec5b94a87af93dd4530f51984c52"
57
+ "gitHead": "295432e44a6967e1aff36462b2e3e1d0e64eb8cc"
58
58
  }
package/src/vaadin-range-slider.d.ts CHANGED
@@ -94,49 +94,51 @@ export interface RangeSliderEventMap extends HTMLElementEventMap, RangeSliderCus
94
94
  *
95
95
  * The following custom CSS properties are available for styling:
96
96
  *
97
- * Custom CSS property |
98
- * :--------------------------------------------|
99
- * `--vaadin-field-default-width` |
100
- * `--vaadin-input-field-error-color` |
101
- * `--vaadin-input-field-error-font-size` |
102
- * `--vaadin-input-field-error-font-weight` |
103
- * `--vaadin-input-field-helper-color` |
104
- * `--vaadin-input-field-helper-font-size` |
105
- * `--vaadin-input-field-helper-font-weight` |
106
- * `--vaadin-input-field-label-color` |
107
- * `--vaadin-input-field-label-font-size` |
108
- * `--vaadin-input-field-label-font-weight` |
109
- * `--vaadin-input-field-required-indicator` |
110
- * `--vaadin-slider-bubble-arrow-size` |
111
- * `--vaadin-slider-bubble-background` |
112
- * `--vaadin-slider-bubble-border-color` |
113
- * `--vaadin-slider-bubble-border-radius` |
114
- * `--vaadin-slider-bubble-border-width` |
115
- * `--vaadin-slider-bubble-offset` |
116
- * `--vaadin-slider-bubble-padding` |
117
- * `--vaadin-slider-bubble-shadow` |
118
- * `--vaadin-slider-bubble-text-color` |
119
- * `--vaadin-slider-bubble-font-size` |
120
- * `--vaadin-slider-bubble-font-weight` |
121
- * `--vaadin-slider-bubble-line-height` |
122
- * `--vaadin-slider-fill-background` |
123
- * `--vaadin-slider-fill-border-color` |
124
- * `--vaadin-slider-fill-border-width` |
125
- * `--vaadin-slider-marks-color` |
126
- * `--vaadin-slider-marks-font-size` |
127
- * `--vaadin-slider-marks-font-weight` |
128
- * `--vaadin-slider-thumb-border-color` |
129
- * `--vaadin-slider-thumb-border-radius` |
130
- * `--vaadin-slider-thumb-border-width` |
131
- * `--vaadin-slider-thumb-cursor` |
132
- * `--vaadin-slider-thumb-cursor-active` |
133
- * `--vaadin-slider-thumb-height` |
134
- * `--vaadin-slider-thumb-width` |
135
- * `--vaadin-slider-track-background` |
136
- * `--vaadin-slider-track-border-color` |
137
- * `--vaadin-slider-track-border-radius` |
138
- * `--vaadin-slider-track-border-width` |
139
- * `--vaadin-slider-track-height` |
97
+ * Custom CSS property |
98
+ * :------------------------------------------------|
99
+ * | `--vaadin-field-default-width` |
100
+ * | `--vaadin-input-field-error-color` |
101
+ * | `--vaadin-input-field-error-font-size` |
102
+ * | `--vaadin-input-field-error-font-weight` |
103
+ * | `--vaadin-input-field-helper-color` |
104
+ * | `--vaadin-input-field-helper-font-size` |
105
+ * | `--vaadin-input-field-helper-font-weight` |
106
+ * | `--vaadin-input-field-label-color` |
107
+ * | `--vaadin-input-field-label-font-size` |
108
+ * | `--vaadin-input-field-label-font-weight` |
109
+ * | `--vaadin-input-field-required-indicator` |
110
+ * | `--vaadin-slider-bubble-arrow-border-radius` |
111
+ * | `--vaadin-slider-bubble-arrow-size` |
112
+ * | `--vaadin-slider-bubble-background` |
113
+ * | `--vaadin-slider-bubble-border-color` |
114
+ * | `--vaadin-slider-bubble-border-radius` |
115
+ * | `--vaadin-slider-bubble-border-width` |
116
+ * | `--vaadin-slider-bubble-font-size` |
117
+ * | `--vaadin-slider-bubble-font-weight` |
118
+ * | `--vaadin-slider-bubble-line-height` |
119
+ * | `--vaadin-slider-bubble-offset` |
120
+ * | `--vaadin-slider-bubble-padding` |
121
+ * | `--vaadin-slider-bubble-shadow` |
122
+ * | `--vaadin-slider-bubble-text-color` |
123
+ * | `--vaadin-slider-fill-background` |
124
+ * | `--vaadin-slider-fill-border-color` |
125
+ * | `--vaadin-slider-fill-border-width` |
126
+ * | `--vaadin-slider-marks-color` |
127
+ * | `--vaadin-slider-marks-font-size` |
128
+ * | `--vaadin-slider-marks-font-weight` |
129
+ * | `--vaadin-slider-thumb-background` |
130
+ * | `--vaadin-slider-thumb-border-color` |
131
+ * | `--vaadin-slider-thumb-border-radius` |
132
+ * | `--vaadin-slider-thumb-border-width` |
133
+ * | `--vaadin-slider-thumb-cursor` |
134
+ * | `--vaadin-slider-thumb-cursor-active` |
135
+ * | `--vaadin-slider-thumb-height` |
136
+ * | `--vaadin-slider-thumb-width` |
137
+ * | `--vaadin-slider-track-background` |
138
+ * | `--vaadin-slider-track-border-color` |
139
+ * | `--vaadin-slider-track-border-radius` |
140
+ * | `--vaadin-slider-track-border-width` |
141
+ * | `--vaadin-slider-track-height` |
140
142
  *
141
143
  * In order to style the slider bubble, use `<vaadin-slider-bubble>` shadow DOM parts:
142
144
  *
package/src/vaadin-range-slider.js CHANGED
@@ -63,49 +63,51 @@ import { SliderMixin } from './vaadin-slider-mixin.js';
63
63
  *
64
64
  * The following custom CSS properties are available for styling:
65
65
  *
66
- * Custom CSS property |
67
- * :--------------------------------------------|
68
- * `--vaadin-field-default-width` |
69
- * `--vaadin-input-field-error-color` |
70
- * `--vaadin-input-field-error-font-size` |
71
- * `--vaadin-input-field-error-font-weight` |
72
- * `--vaadin-input-field-helper-color` |
73
- * `--vaadin-input-field-helper-font-size` |
74
- * `--vaadin-input-field-helper-font-weight` |
75
- * `--vaadin-input-field-label-color` |
76
- * `--vaadin-input-field-label-font-size` |
77
- * `--vaadin-input-field-label-font-weight` |
78
- * `--vaadin-input-field-required-indicator` |
79
- * `--vaadin-slider-bubble-arrow-size` |
80
- * `--vaadin-slider-bubble-background` |
81
- * `--vaadin-slider-bubble-border-color` |
82
- * `--vaadin-slider-bubble-border-radius` |
83
- * `--vaadin-slider-bubble-border-width` |
84
- * `--vaadin-slider-bubble-offset` |
85
- * `--vaadin-slider-bubble-padding` |
86
- * `--vaadin-slider-bubble-shadow` |
87
- * `--vaadin-slider-bubble-text-color` |
88
- * `--vaadin-slider-bubble-font-size` |
89
- * `--vaadin-slider-bubble-font-weight` |
90
- * `--vaadin-slider-bubble-line-height` |
91
- * `--vaadin-slider-fill-background` |
92
- * `--vaadin-slider-fill-border-color` |
93
- * `--vaadin-slider-fill-border-width` |
94
- * `--vaadin-slider-marks-color` |
95
- * `--vaadin-slider-marks-font-size` |
96
- * `--vaadin-slider-marks-font-weight` |
97
- * `--vaadin-slider-thumb-border-color` |
98
- * `--vaadin-slider-thumb-border-radius` |
99
- * `--vaadin-slider-thumb-border-width` |
100
- * `--vaadin-slider-thumb-cursor` |
101
- * `--vaadin-slider-thumb-cursor-active` |
102
- * `--vaadin-slider-thumb-height` |
103
- * `--vaadin-slider-thumb-width` |
104
- * `--vaadin-slider-track-background` |
105
- * `--vaadin-slider-track-border-color` |
106
- * `--vaadin-slider-track-border-radius` |
107
- * `--vaadin-slider-track-border-width` |
108
- * `--vaadin-slider-track-height` |
66
+ * Custom CSS property |
67
+ * :------------------------------------------------|
68
+ * | `--vaadin-field-default-width` |
69
+ * | `--vaadin-input-field-error-color` |
70
+ * | `--vaadin-input-field-error-font-size` |
71
+ * | `--vaadin-input-field-error-font-weight` |
72
+ * | `--vaadin-input-field-helper-color` |
73
+ * | `--vaadin-input-field-helper-font-size` |
74
+ * | `--vaadin-input-field-helper-font-weight` |
75
+ * | `--vaadin-input-field-label-color` |
76
+ * | `--vaadin-input-field-label-font-size` |
77
+ * | `--vaadin-input-field-label-font-weight` |
78
+ * | `--vaadin-input-field-required-indicator` |
79
+ * | `--vaadin-slider-bubble-arrow-border-radius` |
80
+ * | `--vaadin-slider-bubble-arrow-size` |
81
+ * | `--vaadin-slider-bubble-background` |
82
+ * | `--vaadin-slider-bubble-border-color` |
83
+ * | `--vaadin-slider-bubble-border-radius` |
84
+ * | `--vaadin-slider-bubble-border-width` |
85
+ * | `--vaadin-slider-bubble-font-size` |
86
+ * | `--vaadin-slider-bubble-font-weight` |
87
+ * | `--vaadin-slider-bubble-line-height` |
88
+ * | `--vaadin-slider-bubble-offset` |
89
+ * | `--vaadin-slider-bubble-padding` |
90
+ * | `--vaadin-slider-bubble-shadow` |
91
+ * | `--vaadin-slider-bubble-text-color` |
92
+ * | `--vaadin-slider-fill-background` |
93
+ * | `--vaadin-slider-fill-border-color` |
94
+ * | `--vaadin-slider-fill-border-width` |
95
+ * | `--vaadin-slider-marks-color` |
96
+ * | `--vaadin-slider-marks-font-size` |
97
+ * | `--vaadin-slider-marks-font-weight` |
98
+ * | `--vaadin-slider-thumb-background` |
99
+ * | `--vaadin-slider-thumb-border-color` |
100
+ * | `--vaadin-slider-thumb-border-radius` |
101
+ * | `--vaadin-slider-thumb-border-width` |
102
+ * | `--vaadin-slider-thumb-cursor` |
103
+ * | `--vaadin-slider-thumb-cursor-active` |
104
+ * | `--vaadin-slider-thumb-height` |
105
+ * | `--vaadin-slider-thumb-width` |
106
+ * | `--vaadin-slider-track-background` |
107
+ * | `--vaadin-slider-track-border-color` |
108
+ * | `--vaadin-slider-track-border-radius` |
109
+ * | `--vaadin-slider-track-border-width` |
110
+ * | `--vaadin-slider-track-height` |
109
111
  *
110
112
  * In order to style the slider bubble, use `<vaadin-slider-bubble>` shadow DOM parts:
111
113
  *
package/src/vaadin-slider.d.ts CHANGED
@@ -89,49 +89,51 @@ export interface SliderEventMap extends HTMLElementEventMap, SliderCustomEventMa
89
89
  *
90
90
  * The following custom CSS properties are available for styling:
91
91
  *
92
- * Custom CSS property |
93
- * :--------------------------------------------|
94
- * `--vaadin-field-default-width` |
95
- * `--vaadin-input-field-error-color` |
96
- * `--vaadin-input-field-error-font-size` |
97
- * `--vaadin-input-field-error-font-weight` |
98
- * `--vaadin-input-field-helper-color` |
99
- * `--vaadin-input-field-helper-font-size` |
100
- * `--vaadin-input-field-helper-font-weight` |
101
- * `--vaadin-input-field-label-color` |
102
- * `--vaadin-input-field-label-font-size` |
103
- * `--vaadin-input-field-label-font-weight` |
104
- * `--vaadin-input-field-required-indicator` |
105
- * `--vaadin-slider-bubble-arrow-size` |
106
- * `--vaadin-slider-bubble-background` |
107
- * `--vaadin-slider-bubble-border-color` |
108
- * `--vaadin-slider-bubble-border-radius` |
109
- * `--vaadin-slider-bubble-border-width` |
110
- * `--vaadin-slider-bubble-offset` |
111
- * `--vaadin-slider-bubble-padding` |
112
- * `--vaadin-slider-bubble-shadow` |
113
- * `--vaadin-slider-bubble-text-color` |
114
- * `--vaadin-slider-bubble-font-size` |
115
- * `--vaadin-slider-bubble-font-weight` |
116
- * `--vaadin-slider-bubble-line-height` |
117
- * `--vaadin-slider-fill-background` |
118
- * `--vaadin-slider-fill-border-color` |
119
- * `--vaadin-slider-fill-border-width` |
120
- * `--vaadin-slider-marks-color` |
121
- * `--vaadin-slider-marks-font-size` |
122
- * `--vaadin-slider-marks-font-weight` |
123
- * `--vaadin-slider-thumb-border-color` |
124
- * `--vaadin-slider-thumb-border-radius` |
125
- * `--vaadin-slider-thumb-border-width` |
126
- * `--vaadin-slider-thumb-cursor` |
127
- * `--vaadin-slider-thumb-cursor-active` |
128
- * `--vaadin-slider-thumb-height` |
129
- * `--vaadin-slider-thumb-width` |
130
- * `--vaadin-slider-track-background` |
131
- * `--vaadin-slider-track-border-color` |
132
- * `--vaadin-slider-track-border-radius` |
133
- * `--vaadin-slider-track-border-width` |
134
- * `--vaadin-slider-track-height` |
92
+ * Custom CSS property |
93
+ * :------------------------------------------------|
94
+ * | `--vaadin-field-default-width` |
95
+ * | `--vaadin-input-field-error-color` |
96
+ * | `--vaadin-input-field-error-font-size` |
97
+ * | `--vaadin-input-field-error-font-weight` |
98
+ * | `--vaadin-input-field-helper-color` |
99
+ * | `--vaadin-input-field-helper-font-size` |
100
+ * | `--vaadin-input-field-helper-font-weight` |
101
+ * | `--vaadin-input-field-label-color` |
102
+ * | `--vaadin-input-field-label-font-size` |
103
+ * | `--vaadin-input-field-label-font-weight` |
104
+ * | `--vaadin-input-field-required-indicator` |
105
+ * | `--vaadin-slider-bubble-arrow-border-radius` |
106
+ * | `--vaadin-slider-bubble-arrow-size` |
107
+ * | `--vaadin-slider-bubble-background` |
108
+ * | `--vaadin-slider-bubble-border-color` |
109
+ * | `--vaadin-slider-bubble-border-radius` |
110
+ * | `--vaadin-slider-bubble-border-width` |
111
+ * | `--vaadin-slider-bubble-font-size` |
112
+ * | `--vaadin-slider-bubble-font-weight` |
113
+ * | `--vaadin-slider-bubble-line-height` |
114
+ * | `--vaadin-slider-bubble-offset` |
115
+ * | `--vaadin-slider-bubble-padding` |
116
+ * | `--vaadin-slider-bubble-shadow` |
117
+ * | `--vaadin-slider-bubble-text-color` |
118
+ * | `--vaadin-slider-fill-background` |
119
+ * | `--vaadin-slider-fill-border-color` |
120
+ * | `--vaadin-slider-fill-border-width` |
121
+ * | `--vaadin-slider-marks-color` |
122
+ * | `--vaadin-slider-marks-font-size` |
123
+ * | `--vaadin-slider-marks-font-weight` |
124
+ * | `--vaadin-slider-thumb-background` |
125
+ * | `--vaadin-slider-thumb-border-color` |
126
+ * | `--vaadin-slider-thumb-border-radius` |
127
+ * | `--vaadin-slider-thumb-border-width` |
128
+ * | `--vaadin-slider-thumb-cursor` |
129
+ * | `--vaadin-slider-thumb-cursor-active` |
130
+ * | `--vaadin-slider-thumb-height` |
131
+ * | `--vaadin-slider-thumb-width` |
132
+ * | `--vaadin-slider-track-background` |
133
+ * | `--vaadin-slider-track-border-color` |
134
+ * | `--vaadin-slider-track-border-radius` |
135
+ * | `--vaadin-slider-track-border-width` |
136
+ * | `--vaadin-slider-track-height` |
135
137
  *
136
138
  * In order to style the slider bubble, use `<vaadin-slider-bubble>` shadow DOM parts:
137
139
  *
package/src/vaadin-slider.js CHANGED
@@ -58,49 +58,51 @@ import { SliderMixin } from './vaadin-slider-mixin.js';
58
58
  *
59
59
  * The following custom CSS properties are available for styling:
60
60
  *
61
- * Custom CSS property |
62
- * :--------------------------------------------|
63
- * `--vaadin-field-default-width` |
64
- * `--vaadin-input-field-error-color` |
65
- * `--vaadin-input-field-error-font-size` |
66
- * `--vaadin-input-field-error-font-weight` |
67
- * `--vaadin-input-field-helper-color` |
68
- * `--vaadin-input-field-helper-font-size` |
69
- * `--vaadin-input-field-helper-font-weight` |
70
- * `--vaadin-input-field-label-color` |
71
- * `--vaadin-input-field-label-font-size` |
72
- * `--vaadin-input-field-label-font-weight` |
73
- * `--vaadin-input-field-required-indicator` |
74
- * `--vaadin-slider-bubble-arrow-size` |
75
- * `--vaadin-slider-bubble-background` |
76
- * `--vaadin-slider-bubble-border-color` |
77
- * `--vaadin-slider-bubble-border-radius` |
78
- * `--vaadin-slider-bubble-border-width` |
79
- * `--vaadin-slider-bubble-offset` |
80
- * `--vaadin-slider-bubble-padding` |
81
- * `--vaadin-slider-bubble-shadow` |
82
- * `--vaadin-slider-bubble-text-color` |
83
- * `--vaadin-slider-bubble-font-size` |
84
- * `--vaadin-slider-bubble-font-weight` |
85
- * `--vaadin-slider-bubble-line-height` |
86
- * `--vaadin-slider-fill-background` |
87
- * `--vaadin-slider-fill-border-color` |
88
- * `--vaadin-slider-fill-border-width` |
89
- * `--vaadin-slider-marks-color` |
90
- * `--vaadin-slider-marks-font-size` |
91
- * `--vaadin-slider-marks-font-weight` |
92
- * `--vaadin-slider-thumb-border-color` |
93
- * `--vaadin-slider-thumb-border-radius` |
94
- * `--vaadin-slider-thumb-border-width` |
95
- * `--vaadin-slider-thumb-cursor` |
96
- * `--vaadin-slider-thumb-cursor-active` |
97
- * `--vaadin-slider-thumb-height` |
98
- * `--vaadin-slider-thumb-width` |
99
- * `--vaadin-slider-track-background` |
100
- * `--vaadin-slider-track-border-color` |
101
- * `--vaadin-slider-track-border-radius` |
102
- * `--vaadin-slider-track-border-width` |
103
- * `--vaadin-slider-track-height` |
61
+ * Custom CSS property |
62
+ * :------------------------------------------------|
63
+ * | `--vaadin-field-default-width` |
64
+ * | `--vaadin-input-field-error-color` |
65
+ * | `--vaadin-input-field-error-font-size` |
66
+ * | `--vaadin-input-field-error-font-weight` |
67
+ * | `--vaadin-input-field-helper-color` |
68
+ * | `--vaadin-input-field-helper-font-size` |
69
+ * | `--vaadin-input-field-helper-font-weight` |
70
+ * | `--vaadin-input-field-label-color` |
71
+ * | `--vaadin-input-field-label-font-size` |
72
+ * | `--vaadin-input-field-label-font-weight` |
73
+ * | `--vaadin-input-field-required-indicator` |
74
+ * | `--vaadin-slider-bubble-arrow-border-radius` |
75
+ * | `--vaadin-slider-bubble-arrow-size` |
76
+ * | `--vaadin-slider-bubble-background` |
77
+ * | `--vaadin-slider-bubble-border-color` |
78
+ * | `--vaadin-slider-bubble-border-radius` |
79
+ * | `--vaadin-slider-bubble-border-width` |
80
+ * | `--vaadin-slider-bubble-font-size` |
81
+ * | `--vaadin-slider-bubble-font-weight` |
82
+ * | `--vaadin-slider-bubble-line-height` |
83
+ * | `--vaadin-slider-bubble-offset` |
84
+ * | `--vaadin-slider-bubble-padding` |
85
+ * | `--vaadin-slider-bubble-shadow` |
86
+ * | `--vaadin-slider-bubble-text-color` |
87
+ * | `--vaadin-slider-fill-background` |
88
+ * | `--vaadin-slider-fill-border-color` |
89
+ * | `--vaadin-slider-fill-border-width` |
90
+ * | `--vaadin-slider-marks-color` |
91
+ * | `--vaadin-slider-marks-font-size` |
92
+ * | `--vaadin-slider-marks-font-weight` |
93
+ * | `--vaadin-slider-thumb-background` |
94
+ * | `--vaadin-slider-thumb-border-color` |
95
+ * | `--vaadin-slider-thumb-border-radius` |
96
+ * | `--vaadin-slider-thumb-border-width` |
97
+ * | `--vaadin-slider-thumb-cursor` |
98
+ * | `--vaadin-slider-thumb-cursor-active` |
99
+ * | `--vaadin-slider-thumb-height` |
100
+ * | `--vaadin-slider-thumb-width` |
101
+ * | `--vaadin-slider-track-background` |
102
+ * | `--vaadin-slider-track-border-color` |
103
+ * | `--vaadin-slider-track-border-radius` |
104
+ * | `--vaadin-slider-track-border-width` |
105
+ * | `--vaadin-slider-track-height` |
104
106
  *
105
107
  * In order to style the slider bubble, use `<vaadin-slider-bubble>` shadow DOM parts:
106
108
  *
package/web-types.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/slider",
4
- "version": "25.3.0-alpha9",
4
+ "version": "25.3.0-beta1",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "elements": [
9
9
  {
10
10
  "name": "vaadin-range-slider",
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```\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.",
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```\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-border-radius` |\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-font-size` |\n| `--vaadin-slider-bubble-font-weight` |\n| `--vaadin-slider-bubble-line-height` |\n| `--vaadin-slider-bubble-offset` |\n| `--vaadin-slider-bubble-padding` |\n| `--vaadin-slider-bubble-shadow` |\n| `--vaadin-slider-bubble-text-color` |\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-background` |\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.",
12
12
  "attributes": [
13
13
  {
14
14
  "name": "accessible-description-ref",
@@ -382,7 +382,7 @@
382
382
  },
383
383
  {
384
384
  "name": "vaadin-slider",
385
- "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.",
385
+ "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-border-radius` |\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-font-size` |\n| `--vaadin-slider-bubble-font-weight` |\n| `--vaadin-slider-bubble-line-height` |\n| `--vaadin-slider-bubble-offset` |\n| `--vaadin-slider-bubble-padding` |\n| `--vaadin-slider-bubble-shadow` |\n| `--vaadin-slider-bubble-text-color` |\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-background` |\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.",
386
386
  "attributes": [
387
387
  {
388
388
  "name": "accessible-description-ref",
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.3.0-alpha9",
4
+ "version": "25.3.0-beta1",
5
5
  "description-markup": "markdown",
6
6
  "framework": "lit",
7
7
  "framework-config": {
@@ -16,7 +16,7 @@
16
16
  "elements": [
17
17
  {
18
18
  "name": "vaadin-range-slider",
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```\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.",
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```\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-border-radius` |\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-font-size` |\n| `--vaadin-slider-bubble-font-weight` |\n| `--vaadin-slider-bubble-line-height` |\n| `--vaadin-slider-bubble-offset` |\n| `--vaadin-slider-bubble-padding` |\n| `--vaadin-slider-bubble-shadow` |\n| `--vaadin-slider-bubble-text-color` |\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-background` |\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.",
20
20
  "extension": true,
21
21
  "attributes": [
22
22
  {
@@ -191,7 +191,7 @@
191
191
  },
192
192
  {
193
193
  "name": "vaadin-slider",
194
- "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.",
194
+ "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-border-radius` |\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-font-size` |\n| `--vaadin-slider-bubble-font-weight` |\n| `--vaadin-slider-bubble-line-height` |\n| `--vaadin-slider-bubble-offset` |\n| `--vaadin-slider-bubble-padding` |\n| `--vaadin-slider-bubble-shadow` |\n| `--vaadin-slider-bubble-text-color` |\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-background` |\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.",
195
195
  "extension": true,
196
196
  "attributes": [
197
197
  {