@rcarls/rc-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 +81 -0
- package/README.md +33 -0
- package/dist/custom-elements.json +640 -0
- package/dist/rc-slider-D_D-Ud3e.js +326 -0
- package/dist/rc-slider-D_D-Ud3e.js.map +1 -0
- package/dist/rc-slider-define.js +6 -0
- package/dist/rc-slider-define.js.map +1 -0
- package/dist/rc-slider.js +5 -0
- package/dist/rc-slider.js.map +1 -0
- package/dist/types/packages/rc-slider/src/define.d.ts +1 -0
- package/dist/types/packages/rc-slider/src/index.d.ts +1 -0
- package/dist/types/packages/rc-slider/src/rc-slider.d.ts +127 -0
- package/package.json +65 -0
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
# @rcarls/rc-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
|
+
- f45b5ec: Document all `rc-slider` attributes and the `--rc-slider-vertical-size` CSS
|
|
48
|
+
custom property in the generated API reference.
|
|
49
|
+
- Updated dependencies [e57277f]
|
|
50
|
+
- Updated dependencies [ccca8e2]
|
|
51
|
+
- Updated dependencies [037b1b3]
|
|
52
|
+
- @rcarls/rc-common@0.4.0
|
|
53
|
+
|
|
54
|
+
## 0.3.2
|
|
55
|
+
|
|
56
|
+
### Patch Changes
|
|
57
|
+
|
|
58
|
+
- Updated dependencies [88b4086]
|
|
59
|
+
- @rcarls/rc-common@0.3.2
|
|
60
|
+
|
|
61
|
+
## 0.3.1
|
|
62
|
+
|
|
63
|
+
### Patch Changes
|
|
64
|
+
|
|
65
|
+
- @rcarls/rc-common@0.3.1
|
|
66
|
+
|
|
67
|
+
## 0.3.0
|
|
68
|
+
|
|
69
|
+
### Changed
|
|
70
|
+
|
|
71
|
+
- Update package metadata, README intro, and docs links.
|
|
72
|
+
|
|
73
|
+
### Dependencies
|
|
74
|
+
|
|
75
|
+
- Sync internal dependencies to 0.3.0.
|
|
76
|
+
|
|
77
|
+
## 0.2.0
|
|
78
|
+
|
|
79
|
+
### Patch Changes
|
|
80
|
+
|
|
81
|
+
- @rcarls/rc-common@0.2.0
|
package/README.md
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
# @rcarls/rc-slider
|
|
2
|
+
|
|
3
|
+
Single-thumb slider backed by a native `<input type="range">` with custom track and value display hooks, following the [WAI-ARIA Slider pattern](https://www.w3.org/WAI/ARIA/apg/patterns/slider/).
|
|
4
|
+
|
|
5
|
+
Docs: [https://richardcarls.github.io/rc-webcomponents/components/rc-slider](https://richardcarls.github.io/rc-webcomponents/components/rc-slider).
|
|
6
|
+
|
|
7
|
+
## Styling Hooks
|
|
8
|
+
|
|
9
|
+
`rc-slider` progressively enhances a direct child `<input type="range">`. The
|
|
10
|
+
input remains consumer-owned light DOM for native form participation and direct
|
|
11
|
+
consumer styling, while the component renders its track and value display in
|
|
12
|
+
shadow DOM.
|
|
13
|
+
|
|
14
|
+
Consumers can decorate the track with a real named slot:
|
|
15
|
+
|
|
16
|
+
```html
|
|
17
|
+
<rc-slider>
|
|
18
|
+
<span slot="track-background" class="threshold-bands"></span>
|
|
19
|
+
<input type="range" min="0" max="100" value="40" />
|
|
20
|
+
</rc-slider>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
The component exposes `root`, `control`, `track`, `progress`, and
|
|
24
|
+
`value-display` CSS parts. The root part reflects `data-readonly`,
|
|
25
|
+
`data-disabled`, and `data-has-value-text`.
|
|
26
|
+
|
|
27
|
+
Native input styling stays with the consumer:
|
|
28
|
+
|
|
29
|
+
```css
|
|
30
|
+
rc-slider > input[type='range'] {
|
|
31
|
+
appearance: auto;
|
|
32
|
+
}
|
|
33
|
+
```
|