@rcarls/rc-range-slider 0.0.0-next-20260921045401
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +82 -0
- package/README.md +50 -0
- package/dist/custom-elements.json +1139 -0
- package/dist/rc-range-slider-define.js +6 -0
- package/dist/rc-range-slider-define.js.map +1 -0
- package/dist/rc-range-slider-saGA_DoJ.js +610 -0
- package/dist/rc-range-slider-saGA_DoJ.js.map +1 -0
- package/dist/rc-range-slider.js +5 -0
- package/dist/rc-range-slider.js.map +1 -0
- package/dist/types/packages/rc-range-slider/src/define.d.ts +1 -0
- package/dist/types/packages/rc-range-slider/src/index.d.ts +1 -0
- package/dist/types/packages/rc-range-slider/src/rc-range-slider.d.ts +191 -0
- package/package.json +65 -0
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
# @rcarls/rc-range-slider
|
|
2
|
+
|
|
3
|
+
## 0.0.0-next-20260921045401
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [50d5610]
|
|
8
|
+
- Updated dependencies [4341311]
|
|
9
|
+
- @rcarls/rc-common@0.0.0-next-20260921045401
|
|
10
|
+
|
|
11
|
+
## 0.6.0
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- 57370e4: Align component metadata, aggregate framework typings, development-time native-child
|
|
16
|
+
validation, controlled menu state, package declarations, and public documentation before the
|
|
17
|
+
next release.
|
|
18
|
+
- Updated dependencies [6683eb9]
|
|
19
|
+
- Updated dependencies [ee7ba6c]
|
|
20
|
+
- Updated dependencies [30eb232]
|
|
21
|
+
- @rcarls/rc-common@0.6.0
|
|
22
|
+
|
|
23
|
+
## 0.5.0
|
|
24
|
+
|
|
25
|
+
### Patch Changes
|
|
26
|
+
|
|
27
|
+
- Updated dependencies [4ae2ef0]
|
|
28
|
+
- Updated dependencies [689340c]
|
|
29
|
+
- @rcarls/rc-common@0.5.0
|
|
30
|
+
|
|
31
|
+
## 0.4.2
|
|
32
|
+
|
|
33
|
+
### Patch Changes
|
|
34
|
+
|
|
35
|
+
- @rcarls/rc-common@0.4.2
|
|
36
|
+
|
|
37
|
+
## 0.4.1
|
|
38
|
+
|
|
39
|
+
### Patch Changes
|
|
40
|
+
|
|
41
|
+
- @rcarls/rc-common@0.4.1
|
|
42
|
+
|
|
43
|
+
## 0.4.0
|
|
44
|
+
|
|
45
|
+
### Patch Changes
|
|
46
|
+
|
|
47
|
+
- fdcf5b1: Document all `rc-range-slider` attributes and the `--rc-range-slider-vertical-size`,
|
|
48
|
+
`--rc-range-slider-track-size`, and accent-derived range/hover/active/focus CSS
|
|
49
|
+
custom properties in the generated API reference.
|
|
50
|
+
- Updated dependencies [e57277f]
|
|
51
|
+
- Updated dependencies [ccca8e2]
|
|
52
|
+
- Updated dependencies [037b1b3]
|
|
53
|
+
- @rcarls/rc-common@0.4.0
|
|
54
|
+
|
|
55
|
+
## 0.3.2
|
|
56
|
+
|
|
57
|
+
### Patch Changes
|
|
58
|
+
|
|
59
|
+
- Updated dependencies [88b4086]
|
|
60
|
+
- @rcarls/rc-common@0.3.2
|
|
61
|
+
|
|
62
|
+
## 0.3.1
|
|
63
|
+
|
|
64
|
+
### Patch Changes
|
|
65
|
+
|
|
66
|
+
- @rcarls/rc-common@0.3.1
|
|
67
|
+
|
|
68
|
+
## 0.3.0
|
|
69
|
+
|
|
70
|
+
### Changed
|
|
71
|
+
|
|
72
|
+
- Update package metadata, README intro, and docs links.
|
|
73
|
+
|
|
74
|
+
### Dependencies
|
|
75
|
+
|
|
76
|
+
- Sync internal dependencies to 0.3.0.
|
|
77
|
+
|
|
78
|
+
## 0.2.0
|
|
79
|
+
|
|
80
|
+
### Patch Changes
|
|
81
|
+
|
|
82
|
+
- @rcarls/rc-common@0.2.0
|
package/README.md
ADDED
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
# @rcarls/rc-range-slider
|
|
2
|
+
|
|
3
|
+
Two-thumb range slider backed by native range inputs for min/max values, following the [WAI-ARIA Multi-Thumb Slider pattern](https://www.w3.org/WAI/ARIA/apg/patterns/slider-multithumb/).
|
|
4
|
+
|
|
5
|
+
Docs: [https://richardcarls.github.io/rc-webcomponents/components/rc-range-slider](https://richardcarls.github.io/rc-webcomponents/components/rc-range-slider).
|
|
6
|
+
|
|
7
|
+
`rc-range-slider` progressively enhances two direct child
|
|
8
|
+
`<input type="range">` elements. Before upgrade, those inputs are the usable
|
|
9
|
+
no-JavaScript fallback. After upgrade, the inputs remain in light DOM as hidden
|
|
10
|
+
form reflectors while custom shadow-DOM thumbs provide the APG slider
|
|
11
|
+
interaction surface.
|
|
12
|
+
|
|
13
|
+
```html
|
|
14
|
+
<rc-range-slider aria-label="Price range">
|
|
15
|
+
<input type="range" name="price-min" min="0" max="100" value="20" aria-label="Minimum" />
|
|
16
|
+
<input type="range" name="price-max" min="0" max="100" value="80" aria-label="Maximum" />
|
|
17
|
+
</rc-range-slider>
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
The custom thumbs expose `role="slider"`, stable tab order, dynamic
|
|
21
|
+
`aria-valuemin` / `aria-valuemax` bounds, keyboard support, and optional
|
|
22
|
+
`aria-valuetext` through `low-value-text` and `high-value-text`. The hidden
|
|
23
|
+
native inputs keep their `name`, current `value`, and disabled state so normal
|
|
24
|
+
form submission keeps working.
|
|
25
|
+
|
|
26
|
+
## Styling Hooks
|
|
27
|
+
|
|
28
|
+
The component exposes `root`, `group`, `track`, `range`, `thumb`, `low-thumb`,
|
|
29
|
+
`high-thumb`, `value-display`, `low-value-display`, and `high-value-display`
|
|
30
|
+
CSS parts.
|
|
31
|
+
|
|
32
|
+
The selected range, thumb border, focus ring, hover, and active states use
|
|
33
|
+
`--rc-range-slider-accent`, which defaults to `var(--rc-accent, Highlight)`.
|
|
34
|
+
Set `--rc-accent` at the app or theme boundary to share one accent color across
|
|
35
|
+
components; without that token, the slider falls back to the system
|
|
36
|
+
`Highlight` color.
|
|
37
|
+
|
|
38
|
+
Consumers can decorate the track with a real named slot:
|
|
39
|
+
|
|
40
|
+
```html
|
|
41
|
+
<rc-range-slider aria-label="Price range">
|
|
42
|
+
<span slot="track-background" class="threshold-bands"></span>
|
|
43
|
+
<input type="range" name="price-min" min="0" max="100" value="20" aria-label="Minimum" />
|
|
44
|
+
<input type="range" name="price-max" min="0" max="100" value="80" aria-label="Maximum" />
|
|
45
|
+
</rc-range-slider>
|
|
46
|
+
```
|
|
47
|
+
|
|
48
|
+
Visual thumb styling belongs to CSS parts, not native input pseudo-elements,
|
|
49
|
+
because the upgraded interaction surface is custom shadow DOM. The fallback
|
|
50
|
+
inputs remain ordinary native range controls before the component upgrades.
|