@htmlbricks/hb-range-slider 0.66.8 → 0.66.9
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/README.md +35 -0
- package/manifest.json +1 -1
- package/package.json +1 -1
package/README.md
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
## `hb-range-slider` — range slider
|
|
2
|
+
|
|
3
|
+
**Category:** inputs
|
|
4
|
+
**Tags:** inputs, slider
|
|
5
|
+
|
|
6
|
+
### What it does
|
|
7
|
+
|
|
8
|
+
Dual-handle range slider mapping a min–max domain to thumb positions, with optional value bubbles and a third handle for a single marker position; emits `changeRangeValues` with real and percentage values on change.
|
|
9
|
+
|
|
10
|
+
### Custom element
|
|
11
|
+
|
|
12
|
+
`hb-range-slider`
|
|
13
|
+
|
|
14
|
+
### Attributes (snake_case; use string values in HTML)
|
|
15
|
+
|
|
16
|
+
- `id`, `style` (optional): strings.
|
|
17
|
+
- `min`, `max` (optional): numbers as strings — domain bounds.
|
|
18
|
+
- `minval`, `maxval` (optional): numbers as strings — selected range endpoints.
|
|
19
|
+
- `position_value` (optional): number as string — marker handle value.
|
|
20
|
+
- `withbubbles` (optional): boolean string — show value bubbles.
|
|
21
|
+
|
|
22
|
+
### Events
|
|
23
|
+
|
|
24
|
+
- `changeRangeValues`: `{ minValue; maxValue; minPercent; maxPercent; positionPercent; positionValReal }`.
|
|
25
|
+
|
|
26
|
+
### Usage notes
|
|
27
|
+
|
|
28
|
+
- **CSS variables:** `--hb-slider-background-color`.
|
|
29
|
+
- **CSS parts:** `inverse`, `the-range`, `the-thumb`, `sign`.
|
|
30
|
+
|
|
31
|
+
### Minimal HTML example
|
|
32
|
+
|
|
33
|
+
```html
|
|
34
|
+
<hb-range-slider min="0" max="100" minval="20" maxval="80" withbubbles="true"></hb-range-slider>
|
|
35
|
+
```
|
package/manifest.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@htmlbricks/hb-range-slider",
|
|
3
|
-
"version": "0.66.
|
|
3
|
+
"version": "0.66.9",
|
|
4
4
|
"contributors": [],
|
|
5
5
|
"description": "Dual-handle range slider mapping a min–max domain to thumb positions, with optional value bubbles and a third handle for a single marker position; emits changeRangeValues with real and percentage values on change.",
|
|
6
6
|
"licenses": [
|