@rcarls/rc-range-slider 0.3.2 → 0.4.1

package/CHANGELOG.md

@@ -0,0 +1,48 @@
+# @rcarls/rc-range-slider
+
+## 0.4.1
+
+### Patch Changes
+
+- @rcarls/rc-common@0.4.1
+
+## 0.4.0
+
+### Patch Changes
+
+- fdcf5b1: Document all `rc-range-slider` attributes and the `--rc-range-slider-vertical-size`,
+  `--rc-range-slider-track-size`, and accent-derived range/hover/active/focus CSS
+  custom properties in the generated API reference.
+- Updated dependencies [e57277f]
+- Updated dependencies [ccca8e2]
+- Updated dependencies [037b1b3]
+  - @rcarls/rc-common@0.4.0
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies [88b4086]
+  - @rcarls/rc-common@0.3.2
+
+## 0.3.1
+
+### Patch Changes
+
+- @rcarls/rc-common@0.3.1
+
+## 0.3.0
+
+### Changed
+
+- Update package metadata, README intro, and docs links.
+
+### Dependencies
+
+- Sync internal dependencies to 0.3.0.
+
+## 0.2.0
+
+### Patch Changes
+
+- @rcarls/rc-common@0.2.0

package/dist/custom-elements.json

@@ -64,6 +64,16 @@
               "name": "--rc-range-slider-control-size",
               "default": "var(--rc-control-block-size)"
             },
+            {
+              "description": "Track length when `orientation=\"vertical\"`.",
+              "name": "--rc-range-slider-vertical-size",
+              "default": "12.5rem"
+            },
+            {
+              "description": "Visual track thickness.",
+              "name": "--rc-range-slider-track-size",
+              "default": "0.1875rem"
+            },
             {
               "description": "Unselected track color.",
               "name": "--rc-range-slider-track-background",
@@ -74,6 +84,10 @@
               "name": "--rc-range-slider-track-radius",
               "default": "var(--rc-control-radius)"
             },
+            {
+              "description": "Filled selected-range color. Defaults to `--rc-range-slider-accent` (`GrayText` when `disabled`).",
+              "name": "--rc-range-slider-range-background"
+            },
             {
               "description": "Thumb background color.",
               "name": "--rc-range-slider-thumb-background",
@@ -89,6 +103,26 @@
               "name": "--rc-range-slider-thumb-size",
               "default": "1.125rem"
             },
+            {
+              "description": "Thumb background on hover. Defaults to `--rc-range-slider-accent` (`ButtonFace` when `disabled`).",
+              "name": "--rc-range-slider-thumb-hover-background"
+            },
+            {
+              "description": "Thumb border color on hover. Defaults to `--rc-range-slider-accent` (`GrayText` when `disabled`).",
+              "name": "--rc-range-slider-thumb-hover-border"
+            },
+            {
+              "description": "Thumb background while pressed. Defaults to `--rc-range-slider-accent` (`ButtonFace` when `disabled`).",
+              "name": "--rc-range-slider-thumb-active-background"
+            },
+            {
+              "description": "Thumb border color while pressed. Defaults to `--rc-range-slider-accent` (`GrayText` when `disabled`).",
+              "name": "--rc-range-slider-thumb-active-border"
+            },
+            {
+              "description": "Thumb focus ring color. Defaults to `--rc-range-slider-accent` (`GrayText` when `disabled`).",
+              "name": "--rc-range-slider-focus-outline"
+            },
             {
               "description": "Value display text color.",
               "name": "--rc-range-slider-value-color",
@@ -346,7 +380,7 @@
             },
             {
               "kind": "field",
-              "name": "_lowInput",
+              "name": "_$lowInput",
               "type": {
                 "text": "HTMLInputElement | null"
               },
@@ -355,7 +389,7 @@
             },
             {
               "kind": "field",
-              "name": "_highInput",
+              "name": "_$highInput",
               "type": {
                 "text": "HTMLInputElement | null"
               },
@@ -455,13 +489,13 @@
               },
               "parameters": [
                 {
-                  "name": "lowInput",
+                  "name": "$lowInput",
                   "type": {
                     "text": "HTMLInputElement"
                   }
                 },
                 {
-                  "name": "highInput",
+                  "name": "$highInput",
                   "type": {
                     "text": "HTMLInputElement"
                   }
@@ -515,7 +549,7 @@
               },
               "parameters": [
                 {
-                  "name": "input",
+                  "name": "$input",
                   "type": {
                     "text": "HTMLInputElement"
                   }
@@ -898,7 +932,7 @@
             },
             {
               "kind": "method",
-              "name": "_thumbElement",
+              "name": "_$thumbElement",
               "privacy": "private",
               "return": {
                 "type": {
@@ -975,102 +1009,102 @@
           ],
           "attributes": [
             {
+              "description": "Minimum slider value.",
               "name": "min",
               "type": {
                 "text": "number"
               },
               "default": "0",
-              "description": "Minimum slider value.",
               "fieldName": "min"
             },
             {
+              "description": "Maximum slider value.",
               "name": "max",
               "type": {
                 "text": "number"
               },
               "default": "100",
-              "description": "Maximum slider value.",
               "fieldName": "max"
             },
             {
+              "description": "Slider step.",
               "name": "step",
               "type": {
                 "text": "number"
               },
               "default": "1",
-              "description": "Slider step.",
               "fieldName": "step"
             },
             {
+              "description": "Disable both thumbs and their hidden native input reflectors.",
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disable both thumbs and their hidden native input reflectors.",
               "fieldName": "disabled"
             },
             {
+              "description": "Prevents edits while preserving normal focus and display.",
               "name": "readonly",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Prevents edits while preserving normal focus and display.",
               "fieldName": "readonly"
             },
             {
+              "description": "Accessible label for the low (min) thumb when the input does not provide one.",
               "name": "low-label",
               "type": {
                 "text": "string"
               },
               "default": "\"Minimum\"",
-              "description": "Accessible label for the low (min) thumb when the input does not provide one.",
               "fieldName": "lowLabel"
             },
             {
+              "description": "Accessible label for the high (max) thumb when the input does not provide one.",
               "name": "high-label",
               "type": {
                 "text": "string"
               },
               "default": "\"Maximum\"",
-              "description": "Accessible label for the high (max) thumb when the input does not provide one.",
               "fieldName": "highLabel"
             },
             {
+              "description": "Formatted screen-reader text for the low value. Falls back to the raw number.",
               "name": "low-value-text",
               "type": {
                 "text": "string"
               },
               "default": "\"\"",
-              "description": "Formatted screen-reader text for the low value. Falls back to the raw number.",
               "fieldName": "lowValueText"
             },
             {
+              "description": "Formatted screen-reader text for the high value. Falls back to the raw number.",
               "name": "high-value-text",
               "type": {
                 "text": "string"
               },
               "default": "\"\"",
-              "description": "Formatted screen-reader text for the high value. Falls back to the raw number.",
               "fieldName": "highValueText"
             },
             {
+              "description": "Controls the live value display.\n\n- Absent (default) — no value shown.\n- `display` or `display=\"float\"` — floats each value above its thumb.\n- `display=\"inline-start\"` — renders the value container before the track.\n- `display=\"inline-end\"` — renders the value container after the track.",
               "name": "display",
               "type": {
                 "text": "DisplayValue"
               },
               "default": "null",
-              "description": "Controls the live value display.\n\n- Absent (default) — no value shown.\n- `display` or `display=\"float\"` — floats each value above its thumb.\n- `display=\"inline-start\"` — renders the value container before the track.\n- `display=\"inline-end\"` — renders the value container after the track.",
               "fieldName": "display"
             },
             {
+              "description": "Orientation; reflected as an attribute and forwarded to custom thumbs.",
               "name": "orientation",
               "type": {
                 "text": "\"horizontal\" | \"vertical\""
               },
               "default": "\"horizontal\"",
-              "description": "Orientation; reflected as an attribute and forwarded to custom thumbs.",
               "fieldName": "orientation"
             }
           ],

package/dist/{rc-range-slider-ZmdGXQZw.js → rc-range-slider-45KwZfPx.js}

@@ -1,10 +1,10 @@
-import { LitElement as x, css as k, nothing as u, html as m } from "lit";
-import { property as h, state as I } from "lit/decorators.js";
-import { NativeChildController as T, getDirectChildren as C, snapToStep as _, valueToPercent as b } from "@rcarls/rc-common";
-var $ = Object.defineProperty, z = Object.getOwnPropertyDescriptor, n = (o, t, e, r) => {
+import { LitElement as I, css as x, nothing as u, html as m } from "lit";
+import { property as h, state as $ } from "lit/decorators.js";
+import { NativeChildController as k, getDirectChildren as T, snapToStep as _, valueToPercent as b } from "@rcarls/rc-common";
+var C = Object.defineProperty, z = Object.getOwnPropertyDescriptor, n = (o, t, e, r) => {
   for (var i = r > 1 ? void 0 : r ? z(t, e) : t, a = o.length - 1, l; a >= 0; a--)
     (l = o[a]) && (i = (r ? l(t, e, i) : l(i)) || i);
-  return r && i && $(t, e, i), i;
+  return r && i && C(t, e, i), i;
 };
 const P = {
   fromAttribute(o) {
@@ -19,9 +19,9 @@ function v(o, t) {
   const e = parseFloat(o);
   return isNaN(e) ? t : e;
 }
-const f = class f extends x {
+const f = class f extends I {
   constructor() {
-    super(...arguments), this.min = 0, this.max = 100, this.step = 1, this._valueInitialized = !1, this.disabled = !1, this.readonly = !1, this.lowLabel = "Minimum", this.highLabel = "Maximum", this.lowValueText = "", this.highValueText = "", this.display = null, this.orientation = "horizontal", this._lowValue = 0, this._highValue = 100, this._lowInput = null, this._highInput = null, this._dragThumb = null, this._dragPointerId = null, this._addedHostRole = !1, this._rangeInputController = new T(this, {
+    super(...arguments), this.min = 0, this.max = 100, this.step = 1, this._valueInitialized = !1, this.disabled = !1, this.readonly = !1, this.lowLabel = "Minimum", this.highLabel = "Maximum", this.lowValueText = "", this.highValueText = "", this.display = null, this.orientation = "horizontal", this._lowValue = 0, this._highValue = 100, this._$lowInput = null, this._$highInput = null, this._dragThumb = null, this._dragPointerId = null, this._addedHostRole = !1, this._rangeInputController = new k(this, {
       selector: ':scope > input[type="range"]',
       observe: !0,
       onChange: () => this._resetInputs(),
@@ -87,7 +87,7 @@ const f = class f extends x {
     this._syncInputReflectors();
   }
   render() {
-    const t = this._lowInput, e = this._highInput;
+    const t = this._$lowInput, e = this._$highInput;
     if (!t || !e) return u;
     const r = this.lowValueText || String(this._lowValue), i = this.highValueText || String(this._highValue), a = m`
       <span class="rc-range-slider-values" aria-hidden="true">
@@ -141,7 +141,7 @@ const f = class f extends x {
     `;
   }
   _renderThumb(t) {
-    const e = t === "low", r = e ? this._lowInput : this._highInput, i = e ? this._lowValue : this._highValue, a = e ? this.lowValueText : this.highValueText, l = this._thumbLabel(t), d = r?.getAttribute("aria-labelledby");
+    const e = t === "low", r = e ? this._$lowInput : this._$highInput, i = e ? this._lowValue : this._highValue, a = e ? this.lowValueText : this.highValueText, l = this._thumbLabel(t), d = r?.getAttribute("aria-labelledby");
     return m`
       <span
         part=${e ? "thumb low-thumb" : "thumb high-thumb"}
@@ -169,20 +169,20 @@ const f = class f extends x {
    * reflectors.
    */
   _findInputs() {
-    const t = C(
+    const t = T(
       this,
       ':scope > input[type="range"]'
     ).slice(0, 2);
     if (t.length < 2)
       return;
     const [e, r] = t;
-    !this.hasAttribute("disabled") && (e.disabled || r.disabled) && (this.disabled = !0), this._lowInput = e, this._highInput = r, this._applyInitialValueToInputs(e, r), this._wireInput(e, this._onLowInput, this._onLowChange), this._wireInput(r, this._onHighInput, this._onHighChange), this._syncInputReflectors();
+    !this.hasAttribute("disabled") && (e.disabled || r.disabled) && (this.disabled = !0), this._$lowInput = e, this._$highInput = r, this._applyInitialValueToInputs(e, r), this._wireInput(e, this._onLowInput, this._onLowChange), this._wireInput(r, this._onHighInput, this._onHighChange), this._syncInputReflectors();
   }
   _resetInputs() {
     this._unwireInputs(), this._restoreInputs(), this._findInputs(), this.requestUpdate();
   }
   get _nativeInputValue() {
-    const t = this._lowInput?.valueAsNumber, e = this._highInput?.valueAsNumber;
+    const t = this._$lowInput?.valueAsNumber, e = this._$highInput?.valueAsNumber;
     return [
       t === void 0 || isNaN(t) ? this.min : t,
       e === void 0 || isNaN(e) ? this.max : e
@@ -202,7 +202,7 @@ const f = class f extends x {
   }
   _applyValueToInputs(t) {
     const [e, r] = this._normalizeValue(t);
-    this._lowValue = e, this._highValue = r, this._lowInput && (this._lowInput.value = String(e)), this._highInput && (this._highInput.value = String(r));
+    this._lowValue = e, this._highValue = r, this._$lowInput && (this._$lowInput.value = String(e)), this._$highInput && (this._$highInput.value = String(r));
   }
   _setCurrentValue(t) {
     const [e, r] = this._normalizeValue(t);
@@ -212,14 +212,14 @@ const f = class f extends x {
     t.addEventListener("input", e), t.addEventListener("change", r);
   }
   _unwireInputs() {
-    this._lowInput?.removeEventListener("input", this._onLowInput), this._lowInput?.removeEventListener("change", this._onLowChange), this._highInput?.removeEventListener("input", this._onHighInput), this._highInput?.removeEventListener("change", this._onHighChange);
+    this._$lowInput?.removeEventListener("input", this._onLowInput), this._$lowInput?.removeEventListener("change", this._onLowChange), this._$highInput?.removeEventListener("input", this._onHighInput), this._$highInput?.removeEventListener("change", this._onHighChange);
   }
   _restoreInputs() {
-    for (const t of [this._lowInput, this._highInput])
+    for (const t of [this._$lowInput, this._$highInput])
       t?.removeAttribute("aria-hidden"), t?.removeAttribute("tabindex"), t?.removeAttribute("data-rc-range-slider-reflector"), t?.style.removeProperty("display");
   }
   _syncInputReflectors() {
-    const t = this._lowInput, e = this._highInput;
+    const t = this._$lowInput, e = this._$highInput;
     if (!(!t || !e))
       for (const r of [t, e])
         r.disabled = this.disabled, r.tabIndex = -1, r.setAttribute("aria-hidden", "true"), r.setAttribute("data-rc-range-slider-reflector", "");
@@ -261,7 +261,7 @@ const f = class f extends x {
   }
   _onGroupPointerDown(t) {
     if (this.disabled || this.readonly || t.button !== 0) return;
-    const e = this._nearestThumb(t), r = this._thumbElement(e);
+    const e = this._nearestThumb(t), r = this._$thumbElement(e);
     this._dragThumb = e, this._dragPointerId = t.pointerId, t.preventDefault();
     try {
       t.currentTarget.setPointerCapture(t.pointerId);
@@ -280,7 +280,7 @@ const f = class f extends x {
       t.currentTarget.releasePointerCapture(t.pointerId);
     } catch {
     }
-    this._dispatch("rc-range-slider-change", this.value), this._thumbElement(e)?.focus();
+    this._dispatch("rc-range-slider-change", this.value), this._$thumbElement(e)?.focus();
   }
   _onGroupPointerCancel(t) {
     this._dragPointerId === t.pointerId && (this._dragThumb = null, this._dragPointerId = null);
@@ -331,22 +331,22 @@ const f = class f extends x {
     return [Math.min(a, l), Math.max(a, l)];
   }
   _min() {
-    return v(this._lowInput?.min ?? "", this.min);
+    return v(this._$lowInput?.min ?? "", this.min);
   }
   _max() {
-    return v(this._highInput?.max ?? "", this.max);
+    return v(this._$highInput?.max ?? "", this.max);
   }
   _step() {
-    return v(this._lowInput?.step ?? "", this.step);
+    return v(this._$lowInput?.step ?? "", this.step);
   }
   _groupRect() {
     return this.shadowRoot?.querySelector(".rc-range-slider-group")?.getBoundingClientRect() ?? null;
   }
-  _thumbElement(t) {
+  _$thumbElement(t) {
     return this.shadowRoot?.querySelector(`[data-thumb="${t}"]`) ?? null;
   }
   _thumbLabel(t) {
-    const e = t === "low" ? this._lowInput : this._highInput, r = t === "low" ? this.lowLabel : this.highLabel, i = e?.getAttribute("aria-label");
+    const e = t === "low" ? this._$lowInput : this._$highInput, r = t === "low" ? this.lowLabel : this.highLabel, i = e?.getAttribute("aria-label");
     if (i) return i;
     const a = e?.labels?.[0]?.textContent?.trim();
     return a || r || null;
@@ -361,7 +361,7 @@ const f = class f extends x {
     );
   }
 };
-f.styles = k`
+f.styles = x`
     :host {
       --rc-range-slider-accent: var(--rc-accent, Highlight);
       --rc-range-slider-track-background: color-mix(in srgb, CanvasText 25%, Canvas);
@@ -608,12 +608,12 @@ n([
   h({ reflect: !0 })
 ], s.prototype, "orientation", 2);
 n([
-  I()
+  $()
 ], s.prototype, "_lowValue", 2);
 n([
-  I()
+  $()
 ], s.prototype, "_highValue", 2);
 export {
   s as R
 };
-//# sourceMappingURL=rc-range-slider-ZmdGXQZw.js.map
+//# sourceMappingURL=rc-range-slider-45KwZfPx.js.map

package/dist/rc-range-slider-45KwZfPx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rc-range-slider-45KwZfPx.js","sources":["../src/rc-range-slider.ts"],"sourcesContent":["import { LitElement, css, html, nothing } from \"lit\";\nimport type { ComplexAttributeConverter } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport {\n  NativeChildController,\n  getDirectChildren,\n  snapToStep,\n  valueToPercent,\n  warnMissingDirectChild,\n} from \"@rcarls/rc-common\";\n\nexport interface RCRangeSliderValueEvent {\n  /** Current [low, high] value tuple. */\n  value: [number, number];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"rc-range-slider\": RCRangeSlider;\n  }\n\n  interface HTMLElementEventMap {\n    \"rc-range-slider-input\": CustomEvent<RCRangeSliderValueEvent>;\n    \"rc-range-slider-change\": CustomEvent<RCRangeSliderValueEvent>;\n  }\n}\n\ntype DisplayValue = \"float\" | \"inline-start\" | \"inline-end\" | null;\ntype RangeThumb = \"low\" | \"high\";\n\n/**\n * Normalises the `display` attribute.\n * A bare boolean attribute (`display` with no value) maps to `'float'` so\n * the reflected attribute is always an explicit string, never an empty string.\n */\nconst displayConverter: ComplexAttributeConverter<DisplayValue> = {\n  fromAttribute(v: string | null): DisplayValue {\n    if (v === null) return null;\n    if (v === \"\" || v === \"float\") return \"float\";\n    if (v === \"inline-start\") return \"inline-start\";\n    if (v === \"inline-end\") return \"inline-end\";\n    return null;\n  },\n  toAttribute(v: DisplayValue): string | null {\n    return v;\n  },\n};\n\n/**\n * Returns the numeric value of a range input's `min`, `max`, or `step`\n * attribute string, falling back to `defaultVal` when the attribute is absent\n * (empty string) or not a valid number.\n */\nfunction parseAttr(s: string, defaultVal: number): number {\n  if (s === \"\") return defaultVal;\n\n  const n = parseFloat(s);\n\n  return isNaN(n) ? defaultVal : n;\n}\n\n/**\n * Two-thumb range slider backed by native range inputs for min/max values, following the\n * WAI-ARIA Multi-Thumb Slider pattern.\n *\n * Consumers provide two direct child `<input type=\"range\">` elements. Before\n * upgrade, those inputs are the usable progressive-enhancement fallback. After\n * upgrade, the inputs remain in light DOM as hidden form reflectors while the\n * shadow thumbs become the focusable, accessible interaction surface.\n *\n * Form participation is handled natively by each input's `name` attribute.\n *\n * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-range-slider rc-range-slider docs}\n * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/slider-multithumb/ WAI-ARIA Multi-Thumb Slider pattern}\n *\n * @slot - Consumer-provided native range inputs.\n * @slot track-background - Optional decorative content rendered inside the track before the selected range fill.\n * @slot low-value-display - Optional replacement for the low value text.\n * @slot high-value-display - Optional replacement for the high value text.\n *\n * @fires rc-range-slider-input  - Fires while either thumb moves. Detail: `{ value }`.\n * @fires rc-range-slider-change - Fires when a thumb commits a new value. Detail: `{ value }`.\n *\n * @attr min - Minimum slider value.\n * @attr max - Maximum slider value.\n * @attr step - Slider step.\n * @attr disabled - Disables both thumbs and their hidden native input reflectors.\n * @attr readonly - Prevents edits while preserving normal focus and display.\n * @attr low-label - Accessible label for the low (min) thumb when the input does not provide one.\n * @attr high-label - Accessible label for the high (max) thumb when the input does not provide\n *   one.\n * @attr low-value-text - Formatted screen-reader text for the low value. Falls back to the raw\n *   number.\n * @attr high-value-text - Formatted screen-reader text for the high value. Falls back to the raw\n *   number.\n * @attr display - Controls the live value display: absent (none), `float`, `inline-start`, or\n *   `inline-end`.\n * @attr orientation - Orientation, forwarded to the custom thumbs: `horizontal` or `vertical`.\n *\n * @cssprop [--rc-range-slider-accent=Highlight] - Accent color for selected range, thumb border, focus, hover, and active states.\n * @cssprop [--rc-range-slider-gap=var(--rc-control-gap)] - Gap between track and inline value display.\n * @cssprop [--rc-range-slider-control-size=var(--rc-control-block-size)] - Track hit-area block size.\n * @cssprop [--rc-range-slider-vertical-size=12.5rem] - Track length when `orientation=\"vertical\"`.\n * @cssprop [--rc-range-slider-track-size=0.1875rem] - Visual track thickness.\n * @cssprop [--rc-range-slider-track-background=color-mix(in srgb, CanvasText 25%, Canvas)] - Unselected track color.\n * @cssprop [--rc-range-slider-track-radius=var(--rc-control-radius)] - Track border radius.\n * @cssprop [--rc-range-slider-range-background] - Filled selected-range color. Defaults to\n *   `--rc-range-slider-accent` (`GrayText` when `disabled`).\n * @cssprop [--rc-range-slider-thumb-background=ButtonFace] - Thumb background color.\n * @cssprop [--rc-range-slider-thumb-border=var(--rc-range-slider-accent)] - Thumb border color.\n * @cssprop [--rc-range-slider-thumb-size=1.125rem] - Visual thumb inline/block size.\n * @cssprop [--rc-range-slider-thumb-hover-background] - Thumb background on hover. Defaults to\n *   `--rc-range-slider-accent` (`ButtonFace` when `disabled`).\n * @cssprop [--rc-range-slider-thumb-hover-border] - Thumb border color on hover. Defaults to\n *   `--rc-range-slider-accent` (`GrayText` when `disabled`).\n * @cssprop [--rc-range-slider-thumb-active-background] - Thumb background while pressed. Defaults\n *   to `--rc-range-slider-accent` (`ButtonFace` when `disabled`).\n * @cssprop [--rc-range-slider-thumb-active-border] - Thumb border color while pressed. Defaults to\n *   `--rc-range-slider-accent` (`GrayText` when `disabled`).\n * @cssprop [--rc-range-slider-focus-outline] - Thumb focus ring color. Defaults to\n *   `--rc-range-slider-accent` (`GrayText` when `disabled`).\n * @cssprop [--rc-range-slider-value-color=var(--rc-text-disabled)] - Value display text color.\n * @cssprop [--rc-thumb-radius=9px] - Half the thumb width; used to align float value displays and range fill.\n * @cssprop [--rc-range-slider-float-value-block-offset=-1.4em] - Block-axis offset for horizontal float value displays.\n * @cssprop [--rc-range-slider-float-value-inline-offset=calc(100% + 0.5rem)] - Inline-axis offset for vertical float value displays.\n *\n * @csspart root - Root layout wrapper.\n * @csspart group - Slider group wrapper.\n * @csspart track - Visual slider track.\n * @csspart range - Filled selected range segment.\n * @csspart thumb - Shared custom slider thumb.\n * @csspart low-thumb - Low-value custom slider thumb.\n * @csspart high-thumb - High-value custom slider thumb.\n * @csspart value-display - Shared rendered value text.\n * @csspart low-value-display - Rendered low value text.\n * @csspart high-value-display - Rendered high value text.\n */\nexport class RCRangeSlider extends LitElement {\n  static override styles = css`\n    :host {\n      --rc-range-slider-accent: var(--rc-accent, Highlight);\n      --rc-range-slider-track-background: color-mix(in srgb, CanvasText 25%, Canvas);\n      --rc-range-slider-range-background: var(--rc-range-slider-accent);\n      --rc-range-slider-thumb-background: ButtonFace;\n      --rc-range-slider-thumb-border: var(--rc-range-slider-accent);\n      --rc-range-slider-thumb-hover-background: var(--rc-range-slider-accent);\n      --rc-range-slider-thumb-hover-border: var(--rc-range-slider-accent);\n      --rc-range-slider-thumb-active-background: var(--rc-range-slider-accent);\n      --rc-range-slider-thumb-active-border: var(--rc-range-slider-accent);\n      --rc-range-slider-focus-outline: var(--rc-range-slider-accent);\n      display: block;\n      font-family: var(--rc-font-family, inherit);\n      font-size: var(--rc-font-size, inherit);\n      line-height: var(--rc-line-height, normal);\n    }\n\n    :host([disabled]) {\n      --rc-range-slider-accent: GrayText;\n      --rc-range-slider-track-background: color-mix(in srgb, GrayText 35%, Canvas);\n      --rc-range-slider-range-background: GrayText;\n      --rc-range-slider-thumb-border: GrayText;\n      --rc-range-slider-thumb-hover-background: ButtonFace;\n      --rc-range-slider-thumb-hover-border: GrayText;\n      --rc-range-slider-thumb-active-background: ButtonFace;\n      --rc-range-slider-thumb-active-border: GrayText;\n      --rc-range-slider-focus-outline: GrayText;\n    }\n\n    .rc-range-slider-root {\n      display: grid;\n      gap: var(--rc-range-slider-gap, var(--rc-control-gap, 0.5rem));\n      align-items: center;\n    }\n\n    .rc-range-slider-root[data-display=\"inline-start\"] {\n      grid-template-columns: auto minmax(0, 1fr);\n    }\n\n    .rc-range-slider-root[data-display=\"inline-end\"] {\n      grid-template-columns: minmax(0, 1fr) auto;\n    }\n\n    .rc-range-slider-group {\n      position: relative;\n      display: block;\n      min-width: 0;\n      min-height: var(--rc-range-slider-control-size, var(--rc-control-block-size, 1.5rem));\n      touch-action: none;\n    }\n\n    .rc-range-slider-track,\n    .rc-range-slider-range {\n      position: absolute;\n      pointer-events: none;\n    }\n\n    .rc-range-slider-track {\n      inset-inline: 0;\n      inset-block: calc(50% - var(--rc-range-slider-track-size, 0.1875rem) / 2);\n      block-size: var(--rc-range-slider-track-size, 0.1875rem);\n      background: var(--rc-range-slider-track-background);\n      border-radius: var(--rc-range-slider-track-radius, var(--rc-control-radius, 0));\n      overflow: hidden;\n      z-index: 0;\n    }\n\n    ::slotted([slot=\"track-background\"]) {\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n    }\n\n    .rc-range-slider-range {\n      inset-block: 0;\n      background: var(--rc-range-slider-range-background);\n      border-radius: inherit;\n      z-index: 1;\n    }\n\n    .rc-range-slider-thumb {\n      position: absolute;\n      z-index: 2;\n      inline-size: var(--rc-range-slider-thumb-size, 1.125rem);\n      block-size: var(--rc-range-slider-thumb-size, 1.125rem);\n      background: var(--rc-range-slider-thumb-background);\n      border: 2px solid var(--rc-range-slider-thumb-border);\n      border-radius: 50%;\n      box-sizing: border-box;\n      cursor: grab;\n      transform: translate(-50%, -50%);\n      transition:\n        background-color 120ms ease,\n        border-color 120ms ease,\n        box-shadow 120ms ease,\n        transform var(--rc-motion-duration, 120ms) ease;\n    }\n\n    .rc-range-slider-thumb:focus-visible {\n      outline: var(--rc-focus-ring, 2px solid var(--rc-range-slider-focus-outline));\n      outline-offset: var(--rc-focus-ring-offset, 2px);\n    }\n\n    :host(:not([disabled]):not([readonly])) .rc-range-slider-thumb:hover {\n      background: var(--rc-range-slider-thumb-hover-background);\n      border-color: var(--rc-range-slider-thumb-hover-border);\n      box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--rc-range-slider-accent) 20%, transparent);\n    }\n\n    :host(:not([disabled]):not([readonly])) .rc-range-slider-thumb:active {\n      background: var(--rc-range-slider-thumb-active-background);\n      border-color: var(--rc-range-slider-thumb-active-border);\n      box-shadow: 0 0 0 0.35rem color-mix(in srgb, var(--rc-range-slider-accent) 28%, transparent);\n      cursor: grabbing;\n    }\n\n    :host(:not([disabled]):not([readonly])) .rc-range-slider-group:hover .rc-range-slider-track {\n      background: color-mix(in srgb, var(--rc-range-slider-track-background) 70%, CanvasText);\n    }\n\n    .rc-range-slider-thumb[aria-disabled=\"true\"],\n    .rc-range-slider-thumb[aria-readonly=\"true\"] {\n      cursor: default;\n    }\n\n    :host([disabled]) .rc-range-slider-root {\n      opacity: 0.65;\n    }\n\n    ::slotted(input[type=\"range\"]) {\n      position: absolute;\n      inline-size: 1px;\n      block-size: 1px;\n      margin: 0;\n      padding: 0;\n      border: 0;\n      clip-path: inset(50%);\n      opacity: 0;\n      overflow: hidden;\n      pointer-events: none;\n    }\n\n    .rc-range-slider-values {\n      pointer-events: none;\n      font-variant-numeric: tabular-nums;\n      white-space: nowrap;\n      color: var(--rc-range-slider-value-color, var(--rc-text-disabled, GrayText));\n    }\n\n    .rc-range-slider-root[data-display=\"float\"] .rc-range-slider-values {\n      position: absolute;\n      inset: 0;\n      z-index: 5;\n    }\n\n    .rc-range-slider-root[data-display=\"float\"] .rc-range-slider-value {\n      position: absolute;\n      inset-block-start: var(--rc-range-slider-float-value-block-offset, -1.4em);\n      transform: translateX(-50%);\n    }\n\n    .rc-range-slider-root[data-display=\"inline-start\"] .rc-range-slider-values,\n    .rc-range-slider-root[data-display=\"inline-end\"] .rc-range-slider-values {\n      display: flex;\n      gap: 0.25em;\n      align-items: center;\n    }\n\n    .rc-range-slider-root[data-display=\"inline-start\"] .rc-range-slider-value:first-child::after,\n    .rc-range-slider-root[data-display=\"inline-end\"] .rc-range-slider-value:first-child::after {\n      content: \" -\";\n    }\n\n    :host([orientation=\"vertical\"]) {\n      display: inline-block;\n    }\n\n    :host([orientation=\"vertical\"]) .rc-range-slider-group {\n      inline-size: var(--rc-range-slider-control-size, var(--rc-control-block-size, 1.5rem));\n      block-size: var(--rc-range-slider-vertical-size, 12.5rem);\n    }\n\n    :host([orientation=\"vertical\"]) .rc-range-slider-track {\n      inset-block: 0;\n      inset-inline: calc(50% - var(--rc-range-slider-track-size, 0.1875rem) / 2);\n      inline-size: var(--rc-range-slider-track-size, 0.1875rem);\n      block-size: auto;\n    }\n\n    :host([orientation=\"vertical\"]) .rc-range-slider-range {\n      inset-inline: 0;\n      inset-block-start: auto;\n    }\n\n    :host([orientation=\"vertical\"]) .rc-range-slider-thumb {\n      inset-inline-start: 50%;\n      transform: translate(-50%, 50%);\n    }\n\n    :host([orientation=\"vertical\"]) .rc-range-slider-root[data-display=\"float\"] .rc-range-slider-value {\n      inset-block-start: auto;\n      inset-inline-start: var(--rc-range-slider-float-value-inline-offset, calc(100% + 0.5rem));\n      transform: translateY(50%);\n    }\n  `;\n\n  /** Minimum slider value. */\n  @property({ type: Number }) min = 0;\n\n  /** Maximum slider value. */\n  @property({ type: Number }) max = 100;\n\n  /** Slider step. */\n  @property({ type: Number }) step = 1;\n\n  private _value: [number, number] | undefined;\n  private _defaultValue: [number, number] | undefined;\n  private _valueInitialized = false;\n\n  /** Current [low, high] value. Assign a new tuple reference to trigger a re-render. */\n  @property({ attribute: false })\n  get value(): [number, number] {\n    return this._value ?? this._defaultValue ?? this._nativeInputValue;\n  }\n  set value(v: [number, number]) {\n    const old = this._value;\n    this._value = this._normalizeValue(v);\n    this._valueInitialized = true;\n    this._applyValueToInputs(this._value);\n    if (this._value !== old) {\n      this.requestUpdate(\"value\", old);\n    }\n  }\n\n  /** Initial uncontrolled [low, high] value. Has no effect after the first user interaction or `value` write. */\n  @property({ attribute: false })\n  get defaultValue(): [number, number] | undefined {\n    return this._defaultValue;\n  }\n  set defaultValue(v: [number, number] | undefined) {\n    const old = this._defaultValue;\n    this._defaultValue = v === undefined ? undefined : this._normalizeValue(v);\n    if (\n      !this._valueInitialized &&\n      this._value === undefined &&\n      this._defaultValue !== undefined\n    ) {\n      this._applyValueToInputs(this._defaultValue);\n      this.requestUpdate(\"value\", undefined);\n    }\n    this.requestUpdate(\"defaultValue\", old);\n  }\n\n  /** Disable both thumbs and their hidden native input reflectors. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Prevents edits while preserving normal focus and display. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /** Accessible label for the low (min) thumb when the input does not provide one. */\n  @property({ attribute: \"low-label\" }) lowLabel = \"Minimum\";\n\n  /** Accessible label for the high (max) thumb when the input does not provide one. */\n  @property({ attribute: \"high-label\" }) highLabel = \"Maximum\";\n\n  /** Formatted screen-reader text for the low value. Falls back to the raw number. */\n  @property({ attribute: \"low-value-text\" }) lowValueText = \"\";\n\n  /** Formatted screen-reader text for the high value. Falls back to the raw number. */\n  @property({ attribute: \"high-value-text\" }) highValueText = \"\";\n\n  /**\n   * Controls the live value display.\n   *\n   * - Absent (default) — no value shown.\n   * - `display` or `display=\"float\"` — floats each value above its thumb.\n   * - `display=\"inline-start\"` — renders the value container before the track.\n   * - `display=\"inline-end\"` — renders the value container after the track.\n   */\n  @property({ reflect: true, converter: displayConverter })\n  display: DisplayValue = null;\n\n  /** Orientation; reflected as an attribute and forwarded to custom thumbs. */\n  @property({ reflect: true }) orientation: \"horizontal\" | \"vertical\" =\n    \"horizontal\";\n\n  @state() private _lowValue = 0;\n  @state() private _highValue = 100;\n\n  private _$lowInput: HTMLInputElement | null = null;\n  private _$highInput: HTMLInputElement | null = null;\n  private _dragThumb: RangeThumb | null = null;\n  private _dragPointerId: number | null = null;\n  private _addedHostRole = false;\n  private readonly _rangeInputController = new NativeChildController<HTMLInputElement>(this, {\n    selector: ':scope > input[type=\"range\"]',\n    observe: true,\n    onChange: () => this._resetInputs(),\n    onMissing: () => {\n      if (import.meta.env.DEV) {\n        warnMissingDirectChild(this, {\n          selector: ':scope > input[type=\"range\"]',\n          message: '[rc-range-slider] Requires two child <input type=\"range\"> elements.',\n        });\n      }\n    },\n  });\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._syncHostRole();\n  }\n\n  override disconnectedCallback(): void {\n    this._unwireInputs();\n    this._restoreInputs();\n    if (this._addedHostRole) {\n      this.removeAttribute(\"role\");\n      this._addedHostRole = false;\n    }\n    super.disconnectedCallback();\n  }\n\n  override updated(): void {\n    this._syncInputReflectors();\n  }\n\n  override render() {\n    const $lo = this._$lowInput;\n    const $hi = this._$highInput;\n    if (!$lo || !$hi) return nothing;\n\n    const lowText = this.lowValueText || String(this._lowValue);\n    const highText = this.highValueText || String(this._highValue);\n\n    const valuesContainer = html`\n      <span class=\"rc-range-slider-values\" aria-hidden=\"true\">\n        <span\n          part=\"value-display low-value-display\"\n          class=\"rc-range-slider-value\"\n          style=${this.display === \"float\"\n            ? this._floatStyle(this._lowValue)\n            : nothing}\n          ><slot name=\"low-value-display\">${lowText}</slot></span\n        >\n        <span\n          part=\"value-display high-value-display\"\n          class=\"rc-range-slider-value\"\n          style=${this.display === \"float\"\n            ? this._floatStyle(this._highValue)\n            : nothing}\n          ><slot name=\"high-value-display\">${highText}</slot></span\n        >\n      </span>\n    `;\n\n    return html`\n      <div\n        part=\"root\"\n        class=\"rc-range-slider-root\"\n        data-display=${this.display ?? nothing}\n        data-orientation=${this.orientation}\n      >\n        ${this.display === \"inline-start\" ? valuesContainer : nothing}\n\n        <div\n          part=\"group\"\n          class=\"rc-range-slider-group\"\n          @pointerdown=${this._onGroupPointerDown}\n          @pointermove=${this._onGroupPointerMove}\n          @pointerup=${this._onGroupPointerUp}\n          @pointercancel=${this._onGroupPointerCancel}\n        >\n          <span part=\"track\" class=\"rc-range-slider-track\" aria-hidden=\"true\">\n            <slot name=\"track-background\"></slot>\n            <span\n              part=\"range\"\n              class=\"rc-range-slider-range\"\n              style=${this._rangeStyle()}\n            ></span>\n          </span>\n\n          ${this._renderThumb(\"low\")} ${this._renderThumb(\"high\")}\n          <slot @slotchange=${this._onDefaultSlotChange}></slot>\n          ${this.display === \"float\" ? valuesContainer : nothing}\n        </div>\n\n        ${this.display === \"inline-end\" ? valuesContainer : nothing}\n      </div>\n    `;\n  }\n\n  private _renderThumb(thumb: RangeThumb) {\n    const isLow = thumb === \"low\";\n    const $input = isLow ? this._$lowInput : this._$highInput;\n    const value = isLow ? this._lowValue : this._highValue;\n    const valueText = isLow ? this.lowValueText : this.highValueText;\n    const label = this._thumbLabel(thumb);\n    const labelledBy = $input?.getAttribute(\"aria-labelledby\");\n\n    return html`\n      <span\n        part=${isLow ? \"thumb low-thumb\" : \"thumb high-thumb\"}\n        class=\"rc-range-slider-thumb\"\n        data-thumb=${thumb}\n        role=\"slider\"\n        tabindex=${this.disabled ? \"-1\" : \"0\"}\n        aria-label=${label ?? nothing}\n        aria-labelledby=${labelledBy ?? nothing}\n        aria-valuemin=${String(isLow ? this._min() : this._lowValue)}\n        aria-valuemax=${String(isLow ? this._highValue : this._max())}\n        aria-valuenow=${String(value)}\n        aria-valuetext=${valueText || nothing}\n        aria-orientation=${this.orientation}\n        aria-disabled=${this.disabled ? \"true\" : nothing}\n        aria-readonly=${this.readonly ? \"true\" : nothing}\n        style=${this._thumbStyle(value)}\n        @keydown=${isLow ? this._onLowKeydown : this._onHighKeydown}\n      ></span>\n    `;\n  }\n\n  /**\n   * Finds the first two child `<input type=\"range\">` elements and wires them.\n   * Inputs remain in the DOM permanently as form/progressive-enhancement\n   * reflectors.\n   */\n  private _findInputs(): void {\n    const $inputs = getDirectChildren<HTMLInputElement>(\n      this,\n      ':scope > input[type=\"range\"]',\n    ).slice(0, 2);\n\n    if ($inputs.length < 2) {\n      if (import.meta.env.DEV && $inputs.length > 0) {\n        warnMissingDirectChild(this, {\n          selector: ':scope > input[type=\"range\"]',\n          minimum: 2,\n          message: '[rc-range-slider] Requires two child <input type=\"range\"> elements.',\n        });\n      }\n      return;\n    }\n\n    const [$lo, $hi] = $inputs as [HTMLInputElement, HTMLInputElement];\n\n    if (!this.hasAttribute(\"disabled\") && ($lo.disabled || $hi.disabled)) {\n      this.disabled = true;\n    }\n\n    this._$lowInput = $lo;\n    this._$highInput = $hi;\n    this._applyInitialValueToInputs($lo, $hi);\n\n    this._wireInput($lo, this._onLowInput, this._onLowChange);\n    this._wireInput($hi, this._onHighInput, this._onHighChange);\n    this._syncInputReflectors();\n  }\n\n  private _onDefaultSlotChange = (): void => {\n    this._rangeInputController.sync();\n    this._resetInputs();\n  };\n\n  private _resetInputs(): void {\n    this._unwireInputs();\n    this._restoreInputs();\n    this._findInputs();\n    this.requestUpdate();\n  }\n\n  private get _nativeInputValue(): [number, number] {\n    const low = this._$lowInput?.valueAsNumber;\n    const high = this._$highInput?.valueAsNumber;\n\n    return [\n      low === undefined || isNaN(low) ? this.min : low,\n      high === undefined || isNaN(high) ? this.max : high,\n    ];\n  }\n\n  private _applyInitialValueToInputs(\n    $lowInput: HTMLInputElement,\n    $highInput: HTMLInputElement,\n  ): void {\n    if (this._value !== undefined) {\n      this._applyValueToInputs(this._value);\n      return;\n    }\n\n    if (this._defaultValue !== undefined) {\n      this._applyValueToInputs(this._defaultValue);\n      return;\n    }\n\n    const lowValue = $lowInput.valueAsNumber;\n    const highValue = $highInput.valueAsNumber;\n\n    this._lowValue = isNaN(lowValue) ? this._min() : lowValue;\n    this._highValue = isNaN(highValue) ? this._max() : highValue;\n    this._defaultValue = this._normalizeValue([this._lowValue, this._highValue]);\n    this._applyValueToInputs(this._defaultValue);\n  }\n\n  private _applyValueToInputs(value: [number, number]): void {\n    const [low, high] = this._normalizeValue(value);\n    this._lowValue = low;\n    this._highValue = high;\n\n    if (this._$lowInput) this._$lowInput.value = String(low);\n    if (this._$highInput) this._$highInput.value = String(high);\n  }\n\n  private _setCurrentValue(value: [number, number]): void {\n    const [low, high] = this._normalizeValue(value);\n    this._value = [low, high];\n    this._valueInitialized = true;\n    this._applyValueToInputs(this._value);\n    this.requestUpdate(\"value\");\n  }\n\n  private _wireInput(\n    $input: HTMLInputElement,\n    onInput: (e: Event) => void,\n    onChange: (e: Event) => void,\n  ): void {\n    $input.addEventListener(\"input\", onInput);\n    $input.addEventListener(\"change\", onChange);\n  }\n\n  private _unwireInputs(): void {\n    this._$lowInput?.removeEventListener(\"input\", this._onLowInput);\n    this._$lowInput?.removeEventListener(\"change\", this._onLowChange);\n\n    this._$highInput?.removeEventListener(\"input\", this._onHighInput);\n    this._$highInput?.removeEventListener(\"change\", this._onHighChange);\n  }\n\n  private _restoreInputs(): void {\n    for (const $input of [this._$lowInput, this._$highInput]) {\n      $input?.removeAttribute(\"aria-hidden\");\n      $input?.removeAttribute(\"tabindex\");\n      $input?.removeAttribute(\"data-rc-range-slider-reflector\");\n      $input?.style.removeProperty(\"display\");\n    }\n  }\n\n  private _syncInputReflectors(): void {\n    const $lo = this._$lowInput;\n    const $hi = this._$highInput;\n    if (!$lo || !$hi) return;\n\n    for (const $input of [$lo, $hi]) {\n      $input.disabled = this.disabled;\n      $input.tabIndex = -1;\n      $input.setAttribute(\"aria-hidden\", \"true\");\n      $input.setAttribute(\"data-rc-range-slider-reflector\", \"\");\n    }\n  }\n\n  private _syncHostRole(): void {\n    if (this.hasAttribute(\"role\")) return;\n\n    this.setAttribute(\"role\", \"group\");\n    this._addedHostRole = true;\n  }\n\n  private readonly _onLowInput = (e: Event): void => {\n    if (this.readonly) {\n      this._applyValueToInputs([this._lowValue, this._highValue]);\n      return;\n    }\n\n    const $input = e.currentTarget as HTMLInputElement;\n    this._setCurrentValue([$input.valueAsNumber, this._highValue]);\n    this._dispatch(\"rc-range-slider-input\", this.value);\n  };\n\n  private readonly _onLowChange = (e: Event): void => {\n    if (this.readonly) {\n      this._applyValueToInputs([this._lowValue, this._highValue]);\n      return;\n    }\n\n    const $input = e.currentTarget as HTMLInputElement;\n    this._setCurrentValue([$input.valueAsNumber, this._highValue]);\n    this._dispatch(\"rc-range-slider-change\", this.value);\n  };\n\n  private readonly _onHighInput = (e: Event): void => {\n    if (this.readonly) {\n      this._applyValueToInputs([this._lowValue, this._highValue]);\n      return;\n    }\n\n    const $input = e.currentTarget as HTMLInputElement;\n    this._setCurrentValue([this._lowValue, $input.valueAsNumber]);\n    this._dispatch(\"rc-range-slider-input\", this.value);\n  };\n\n  private readonly _onHighChange = (e: Event): void => {\n    if (this.readonly) {\n      this._applyValueToInputs([this._lowValue, this._highValue]);\n      return;\n    }\n\n    const $input = e.currentTarget as HTMLInputElement;\n    this._setCurrentValue([this._lowValue, $input.valueAsNumber]);\n    this._dispatch(\"rc-range-slider-change\", this.value);\n  };\n\n  /** APG keyboard contract for the low thumb. */\n  private readonly _onLowKeydown = (e: KeyboardEvent): void => {\n    this._handleThumbKeydown(e, \"low\");\n  };\n\n  /** APG keyboard contract for the high thumb. */\n  private readonly _onHighKeydown = (e: KeyboardEvent): void => {\n    this._handleThumbKeydown(e, \"high\");\n  };\n\n  private _handleThumbKeydown(e: KeyboardEvent, thumb: RangeThumb): void {\n    if (this.disabled || this.readonly) return;\n\n    const min = this._min();\n    const max = this._max();\n    const step = this._step();\n    const bigStep = step * 10;\n    const low = this._lowValue;\n    const high = this._highValue;\n    const current = thumb === \"low\" ? low : high;\n    const effectiveMin = thumb === \"low\" ? min : low;\n    const effectiveMax = thumb === \"low\" ? high : max;\n\n    let next: number | null = null;\n\n    switch (e.key) {\n      case \"ArrowRight\":\n      case \"ArrowUp\":\n        next = current + step;\n        break;\n      case \"ArrowLeft\":\n      case \"ArrowDown\":\n        next = current - step;\n        break;\n      case \"PageUp\":\n        next = current + bigStep;\n        break;\n      case \"PageDown\":\n        next = current - bigStep;\n        break;\n      case \"Home\":\n        next = effectiveMin;\n        break;\n      case \"End\":\n        next = effectiveMax;\n        break;\n      default:\n        return;\n    }\n\n    e.preventDefault();\n\n    const nextValue = snapToStep(next, effectiveMin, effectiveMax, step);\n    if (nextValue === current) return;\n\n    this._setThumbValue(thumb, nextValue);\n    this._dispatch(\"rc-range-slider-input\", this.value);\n  }\n\n  private _onGroupPointerDown(e: PointerEvent): void {\n    if (this.disabled || this.readonly || e.button !== 0) return;\n\n    const thumb = this._nearestThumb(e);\n    const $thumbEl = this._$thumbElement(thumb);\n    this._dragThumb = thumb;\n    this._dragPointerId = e.pointerId;\n\n    e.preventDefault();\n    try {\n      (e.currentTarget as HTMLElement).setPointerCapture(e.pointerId);\n    } catch {\n      // Synthetic browser-test PointerEvents are not active pointer streams.\n    }\n    $thumbEl?.focus();\n    this._setThumbValue(thumb, this._valueFromPointer(e, thumb));\n    this._dispatch(\"rc-range-slider-input\", this.value);\n  }\n\n  private _onGroupPointerMove(e: PointerEvent): void {\n    if (this._dragPointerId !== e.pointerId || this._dragThumb === null) return;\n\n    e.preventDefault();\n    this._setThumbValue(this._dragThumb, this._valueFromPointer(e, this._dragThumb));\n    this._dispatch(\"rc-range-slider-input\", this.value);\n  }\n\n  private _onGroupPointerUp(e: PointerEvent): void {\n    if (this._dragPointerId !== e.pointerId || this._dragThumb === null) return;\n\n    const thumb = this._dragThumb;\n    this._dragThumb = null;\n    this._dragPointerId = null;\n    try {\n      (e.currentTarget as HTMLElement).releasePointerCapture(e.pointerId);\n    } catch {\n      // Synthetic browser-test PointerEvents are not active pointer streams.\n    }\n    this._dispatch(\"rc-range-slider-change\", this.value);\n    this._$thumbElement(thumb)?.focus();\n  }\n\n  private _onGroupPointerCancel(e: PointerEvent): void {\n    if (this._dragPointerId !== e.pointerId) return;\n\n    this._dragThumb = null;\n    this._dragPointerId = null;\n  }\n\n  private _setThumbValue(thumb: RangeThumb, value: number): void {\n    if (thumb === \"low\") {\n      this._setCurrentValue([value, this._highValue]);\n      return;\n    }\n\n    this._setCurrentValue([this._lowValue, value]);\n  }\n\n  private _valueFromPointer(e: PointerEvent, thumb: RangeThumb): number {\n    const rect = this._groupRect();\n    if (!rect) return thumb === \"low\" ? this._lowValue : this._highValue;\n\n    const min = thumb === \"low\" ? this._min() : this._lowValue;\n    const max = thumb === \"low\" ? this._highValue : this._max();\n    const span = this._max() - this._min();\n    if (span <= 0) return min;\n\n    const pct =\n      this.orientation === \"vertical\"\n        ? 1 - (e.clientY - rect.top) / rect.height\n        : (e.clientX - rect.left) / rect.width;\n    const raw = pct * span + this._min();\n\n    return snapToStep(raw, min, max, this._step());\n  }\n\n  private _nearestThumb(e: PointerEvent): RangeThumb {\n    const value = this._valueFromPointer(e, \"low\");\n    const lowDistance = Math.abs(value - this._lowValue);\n    const highDistance = Math.abs(value - this._highValue);\n\n    if (lowDistance === highDistance) {\n      return value < this._lowValue ? \"low\" : \"high\";\n    }\n\n    return lowDistance < highDistance ? \"low\" : \"high\";\n  }\n\n  private _rangeStyle(): string {\n    const loPct = valueToPercent(this._lowValue, this._min(), this._max());\n    const hiPct = valueToPercent(this._highValue, this._min(), this._max());\n    const loCenter = this._thumbCenterStyle(loPct);\n    const hiCenter = this._thumbCenterStyle(hiPct);\n\n    if (this.orientation === \"vertical\") {\n      return [\n        `bottom:${loCenter}`,\n        `height:max(0px, calc(${hiCenter} - ${loCenter}))`,\n      ].join(\";\");\n    }\n\n    return [\n      `left:${loCenter}`,\n      `width:max(0px, calc(${hiCenter} - ${loCenter}))`,\n    ].join(\";\");\n  }\n\n  private _thumbStyle(value: number): string {\n    const pct = valueToPercent(value, this._min(), this._max());\n    const center = this._thumbCenterStyle(pct);\n\n    if (this.orientation === \"vertical\") {\n      return `bottom:${center}`;\n    }\n\n    return `left:${center};top:50%`;\n  }\n\n  private _thumbCenterStyle(pct: number): string {\n    const k = (1 - pct * 2).toFixed(4);\n\n    return `calc(${(pct * 100).toFixed(3)}% + ${k} * var(--rc-thumb-radius, 9px))`;\n  }\n\n  private _floatStyle(value: number): string {\n    const pct = valueToPercent(value, this._min(), this._max());\n    const center = this._thumbCenterStyle(pct);\n\n    if (this.orientation === \"vertical\") {\n      return `bottom:${center}`;\n    }\n\n    return `left:${center}`;\n  }\n\n  private _normalizeValue([low, high]: [number, number]): [number, number] {\n    const min = this._min();\n    const max = this._max();\n    const steppedLow = snapToStep(low, min, max, this._step());\n    const steppedHigh = snapToStep(high, min, max, this._step());\n\n    return [Math.min(steppedLow, steppedHigh), Math.max(steppedLow, steppedHigh)];\n  }\n\n  private _min(): number {\n    return parseAttr(this._$lowInput?.min ?? \"\", this.min);\n  }\n\n  private _max(): number {\n    return parseAttr(this._$highInput?.max ?? \"\", this.max);\n  }\n\n  private _step(): number {\n    return parseAttr(this._$lowInput?.step ?? \"\", this.step);\n  }\n\n  private _groupRect(): DOMRect | null {\n    return this.shadowRoot\n      ?.querySelector<HTMLElement>(\".rc-range-slider-group\")\n      ?.getBoundingClientRect() ?? null;\n  }\n\n  private _$thumbElement(thumb: RangeThumb): HTMLElement | null {\n    return (\n      this.shadowRoot?.querySelector<HTMLElement>(`[data-thumb=\"${thumb}\"]`) ??\n      null\n    );\n  }\n\n  private _thumbLabel(thumb: RangeThumb): string | null {\n    const $input = thumb === \"low\" ? this._$lowInput : this._$highInput;\n    const fallback = thumb === \"low\" ? this.lowLabel : this.highLabel;\n    const explicitLabel = $input?.getAttribute(\"aria-label\");\n    if (explicitLabel) return explicitLabel;\n\n    const nativeLabel = $input?.labels?.[0]?.textContent?.trim();\n    if (nativeLabel) return nativeLabel;\n\n    return fallback || null;\n  }\n\n  private _dispatch(\n    type: \"rc-range-slider-input\" | \"rc-range-slider-change\",\n    value: [number, number],\n  ): void {\n    this.dispatchEvent(\n      new CustomEvent<RCRangeSliderValueEvent>(type, {\n        bubbles: true,\n        composed: true,\n        detail: { value },\n      }),\n    );\n  }\n}\n\nexport default RCRangeSlider;\n"],"names":["displayConverter","v","parseAttr","s","defaultVal","n","_RCRangeSlider","LitElement","NativeChildController","e","$input","old","$lo","$hi","nothing","lowText","highText","valuesContainer","html","thumb","isLow","value","valueText","label","labelledBy","$inputs","getDirectChildren","low","high","$lowInput","$highInput","lowValue","highValue","onInput","onChange","min","max","step","bigStep","current","effectiveMin","effectiveMax","next","nextValue","snapToStep","$thumbEl","rect","span","raw","lowDistance","highDistance","loPct","valueToPercent","hiPct","loCenter","hiCenter","pct","center","k","steppedLow","steppedHigh","fallback","explicitLabel","nativeLabel","type","css","RCRangeSlider","__decorateClass","property","state"],"mappings":"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"}

package/dist/rc-range-slider-define.js

@@ -1,4 +1,4 @@
-import { R as e } from "./rc-range-slider-ZmdGXQZw.js";
+import { R as e } from "./rc-range-slider-45KwZfPx.js";
 customElements.get("rc-range-slider") || customElements.define("rc-range-slider", e);
 export {
   e as RCRangeSlider

package/dist/rc-range-slider.js

@@ -1,4 +1,4 @@
-import { R } from "./rc-range-slider-ZmdGXQZw.js";
+import { R } from "./rc-range-slider-45KwZfPx.js";
 export {
   R as RCRangeSlider
 };

package/dist/types/packages/rc-range-slider/src/rc-range-slider.d.ts

@@ -35,14 +35,44 @@ type DisplayValue = "float" | "inline-start" | "inline-end" | null;
  * @fires rc-range-slider-input  - Fires while either thumb moves. Detail: `{ value }`.
  * @fires rc-range-slider-change - Fires when a thumb commits a new value. Detail: `{ value }`.
  *
+ * @attr min - Minimum slider value.
+ * @attr max - Maximum slider value.
+ * @attr step - Slider step.
+ * @attr disabled - Disables both thumbs and their hidden native input reflectors.
+ * @attr readonly - Prevents edits while preserving normal focus and display.
+ * @attr low-label - Accessible label for the low (min) thumb when the input does not provide one.
+ * @attr high-label - Accessible label for the high (max) thumb when the input does not provide
+ *   one.
+ * @attr low-value-text - Formatted screen-reader text for the low value. Falls back to the raw
+ *   number.
+ * @attr high-value-text - Formatted screen-reader text for the high value. Falls back to the raw
+ *   number.
+ * @attr display - Controls the live value display: absent (none), `float`, `inline-start`, or
+ *   `inline-end`.
+ * @attr orientation - Orientation, forwarded to the custom thumbs: `horizontal` or `vertical`.
+ *
  * @cssprop [--rc-range-slider-accent=Highlight] - Accent color for selected range, thumb border, focus, hover, and active states.
  * @cssprop [--rc-range-slider-gap=var(--rc-control-gap)] - Gap between track and inline value display.
  * @cssprop [--rc-range-slider-control-size=var(--rc-control-block-size)] - Track hit-area block size.
+ * @cssprop [--rc-range-slider-vertical-size=12.5rem] - Track length when `orientation="vertical"`.
+ * @cssprop [--rc-range-slider-track-size=0.1875rem] - Visual track thickness.
  * @cssprop [--rc-range-slider-track-background=color-mix(in srgb, CanvasText 25%, Canvas)] - Unselected track color.
  * @cssprop [--rc-range-slider-track-radius=var(--rc-control-radius)] - Track border radius.
+ * @cssprop [--rc-range-slider-range-background] - Filled selected-range color. Defaults to
+ *   `--rc-range-slider-accent` (`GrayText` when `disabled`).
  * @cssprop [--rc-range-slider-thumb-background=ButtonFace] - Thumb background color.
  * @cssprop [--rc-range-slider-thumb-border=var(--rc-range-slider-accent)] - Thumb border color.
  * @cssprop [--rc-range-slider-thumb-size=1.125rem] - Visual thumb inline/block size.
+ * @cssprop [--rc-range-slider-thumb-hover-background] - Thumb background on hover. Defaults to
+ *   `--rc-range-slider-accent` (`ButtonFace` when `disabled`).
+ * @cssprop [--rc-range-slider-thumb-hover-border] - Thumb border color on hover. Defaults to
+ *   `--rc-range-slider-accent` (`GrayText` when `disabled`).
+ * @cssprop [--rc-range-slider-thumb-active-background] - Thumb background while pressed. Defaults
+ *   to `--rc-range-slider-accent` (`ButtonFace` when `disabled`).
+ * @cssprop [--rc-range-slider-thumb-active-border] - Thumb border color while pressed. Defaults to
+ *   `--rc-range-slider-accent` (`GrayText` when `disabled`).
+ * @cssprop [--rc-range-slider-focus-outline] - Thumb focus ring color. Defaults to
+ *   `--rc-range-slider-accent` (`GrayText` when `disabled`).
  * @cssprop [--rc-range-slider-value-color=var(--rc-text-disabled)] - Value display text color.
  * @cssprop [--rc-thumb-radius=9px] - Half the thumb width; used to align float value displays and range fill.
  * @cssprop [--rc-range-slider-float-value-block-offset=-1.4em] - Block-axis offset for horizontal float value displays.
@@ -101,8 +131,8 @@ export declare class RCRangeSlider extends LitElement {
     orientation: "horizontal" | "vertical";
     private _lowValue;
     private _highValue;
-    private _lowInput;
-    private _highInput;
+    private _$lowInput;
+    private _$highInput;
     private _dragThumb;
     private _dragPointerId;
     private _addedHostRole;
@@ -154,7 +184,7 @@ export declare class RCRangeSlider extends LitElement {
     private _max;
     private _step;
     private _groupRect;
-    private _thumbElement;
+    private _$thumbElement;
     private _thumbLabel;
     private _dispatch;
 }

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.3.2",
+  "version": "0.4.1",
   "description": "Two-thumb range slider backed by native range inputs for min/max values.",
   "repository": {
     "type": "git",
@@ -57,9 +57,9 @@
     "vitest-browser-lit": "^1.0.1"
   },
   "dependencies": {
-    "@rcarls/rc-common": "workspace:*"
+    "@rcarls/rc-common": "0.4.1"
   },
   "peerDependencies": {
     "lit": "^3.0.0"
   }
-}
+}

package/dist/rc-range-slider-ZmdGXQZw.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rc-range-slider-ZmdGXQZw.js","sources":["../src/rc-range-slider.ts"],"sourcesContent":["import { LitElement, css, html, nothing } from \"lit\";\nimport type { ComplexAttributeConverter } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport {\n  NativeChildController,\n  getDirectChildren,\n  snapToStep,\n  valueToPercent,\n  warnMissingDirectChild,\n} from \"@rcarls/rc-common\";\n\nexport interface RCRangeSliderValueEvent {\n  /** Current [low, high] value tuple. */\n  value: [number, number];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"rc-range-slider\": RCRangeSlider;\n  }\n\n  interface HTMLElementEventMap {\n    \"rc-range-slider-input\": CustomEvent<RCRangeSliderValueEvent>;\n    \"rc-range-slider-change\": CustomEvent<RCRangeSliderValueEvent>;\n  }\n}\n\ntype DisplayValue = \"float\" | \"inline-start\" | \"inline-end\" | null;\ntype RangeThumb = \"low\" | \"high\";\n\n/**\n * Normalises the `display` attribute.\n * A bare boolean attribute (`display` with no value) maps to `'float'` so\n * the reflected attribute is always an explicit string, never an empty string.\n */\nconst displayConverter: ComplexAttributeConverter<DisplayValue> = {\n  fromAttribute(v: string | null): DisplayValue {\n    if (v === null) return null;\n    if (v === \"\" || v === \"float\") return \"float\";\n    if (v === \"inline-start\") return \"inline-start\";\n    if (v === \"inline-end\") return \"inline-end\";\n    return null;\n  },\n  toAttribute(v: DisplayValue): string | null {\n    return v;\n  },\n};\n\n/**\n * Returns the numeric value of a range input's `min`, `max`, or `step`\n * attribute string, falling back to `defaultVal` when the attribute is absent\n * (empty string) or not a valid number.\n */\nfunction parseAttr(s: string, defaultVal: number): number {\n  if (s === \"\") return defaultVal;\n\n  const n = parseFloat(s);\n\n  return isNaN(n) ? defaultVal : n;\n}\n\n/**\n * Two-thumb range slider backed by native range inputs for min/max values, following the\n * WAI-ARIA Multi-Thumb Slider pattern.\n *\n * Consumers provide two direct child `<input type=\"range\">` elements. Before\n * upgrade, those inputs are the usable progressive-enhancement fallback. After\n * upgrade, the inputs remain in light DOM as hidden form reflectors while the\n * shadow thumbs become the focusable, accessible interaction surface.\n *\n * Form participation is handled natively by each input's `name` attribute.\n *\n * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-range-slider rc-range-slider docs}\n * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/slider-multithumb/ WAI-ARIA Multi-Thumb Slider pattern}\n *\n * @slot - Consumer-provided native range inputs.\n * @slot track-background - Optional decorative content rendered inside the track before the selected range fill.\n * @slot low-value-display - Optional replacement for the low value text.\n * @slot high-value-display - Optional replacement for the high value text.\n *\n * @fires rc-range-slider-input  - Fires while either thumb moves. Detail: `{ value }`.\n * @fires rc-range-slider-change - Fires when a thumb commits a new value. Detail: `{ value }`.\n *\n * @cssprop [--rc-range-slider-accent=Highlight] - Accent color for selected range, thumb border, focus, hover, and active states.\n * @cssprop [--rc-range-slider-gap=var(--rc-control-gap)] - Gap between track and inline value display.\n * @cssprop [--rc-range-slider-control-size=var(--rc-control-block-size)] - Track hit-area block size.\n * @cssprop [--rc-range-slider-track-background=color-mix(in srgb, CanvasText 25%, Canvas)] - Unselected track color.\n * @cssprop [--rc-range-slider-track-radius=var(--rc-control-radius)] - Track border radius.\n * @cssprop [--rc-range-slider-thumb-background=ButtonFace] - Thumb background color.\n * @cssprop [--rc-range-slider-thumb-border=var(--rc-range-slider-accent)] - Thumb border color.\n * @cssprop [--rc-range-slider-thumb-size=1.125rem] - Visual thumb inline/block size.\n * @cssprop [--rc-range-slider-value-color=var(--rc-text-disabled)] - Value display text color.\n * @cssprop [--rc-thumb-radius=9px] - Half the thumb width; used to align float value displays and range fill.\n * @cssprop [--rc-range-slider-float-value-block-offset=-1.4em] - Block-axis offset for horizontal float value displays.\n * @cssprop [--rc-range-slider-float-value-inline-offset=calc(100% + 0.5rem)] - Inline-axis offset for vertical float value displays.\n *\n * @csspart root - Root layout wrapper.\n * @csspart group - Slider group wrapper.\n * @csspart track - Visual slider track.\n * @csspart range - Filled selected range segment.\n * @csspart thumb - Shared custom slider thumb.\n * @csspart low-thumb - Low-value custom slider thumb.\n * @csspart high-thumb - High-value custom slider thumb.\n * @csspart value-display - Shared rendered value text.\n * @csspart low-value-display - Rendered low value text.\n * @csspart high-value-display - Rendered high value text.\n */\nexport class RCRangeSlider extends LitElement {\n  static override styles = css`\n    :host {\n      --rc-range-slider-accent: var(--rc-accent, Highlight);\n      --rc-range-slider-track-background: color-mix(in srgb, CanvasText 25%, Canvas);\n      --rc-range-slider-range-background: var(--rc-range-slider-accent);\n      --rc-range-slider-thumb-background: ButtonFace;\n      --rc-range-slider-thumb-border: var(--rc-range-slider-accent);\n      --rc-range-slider-thumb-hover-background: var(--rc-range-slider-accent);\n      --rc-range-slider-thumb-hover-border: var(--rc-range-slider-accent);\n      --rc-range-slider-thumb-active-background: var(--rc-range-slider-accent);\n      --rc-range-slider-thumb-active-border: var(--rc-range-slider-accent);\n      --rc-range-slider-focus-outline: var(--rc-range-slider-accent);\n      display: block;\n      font-family: var(--rc-font-family, inherit);\n      font-size: var(--rc-font-size, inherit);\n      line-height: var(--rc-line-height, normal);\n    }\n\n    :host([disabled]) {\n      --rc-range-slider-accent: GrayText;\n      --rc-range-slider-track-background: color-mix(in srgb, GrayText 35%, Canvas);\n      --rc-range-slider-range-background: GrayText;\n      --rc-range-slider-thumb-border: GrayText;\n      --rc-range-slider-thumb-hover-background: ButtonFace;\n      --rc-range-slider-thumb-hover-border: GrayText;\n      --rc-range-slider-thumb-active-background: ButtonFace;\n      --rc-range-slider-thumb-active-border: GrayText;\n      --rc-range-slider-focus-outline: GrayText;\n    }\n\n    .rc-range-slider-root {\n      display: grid;\n      gap: var(--rc-range-slider-gap, var(--rc-control-gap, 0.5rem));\n      align-items: center;\n    }\n\n    .rc-range-slider-root[data-display=\"inline-start\"] {\n      grid-template-columns: auto minmax(0, 1fr);\n    }\n\n    .rc-range-slider-root[data-display=\"inline-end\"] {\n      grid-template-columns: minmax(0, 1fr) auto;\n    }\n\n    .rc-range-slider-group {\n      position: relative;\n      display: block;\n      min-width: 0;\n      min-height: var(--rc-range-slider-control-size, var(--rc-control-block-size, 1.5rem));\n      touch-action: none;\n    }\n\n    .rc-range-slider-track,\n    .rc-range-slider-range {\n      position: absolute;\n      pointer-events: none;\n    }\n\n    .rc-range-slider-track {\n      inset-inline: 0;\n      inset-block: calc(50% - var(--rc-range-slider-track-size, 0.1875rem) / 2);\n      block-size: var(--rc-range-slider-track-size, 0.1875rem);\n      background: var(--rc-range-slider-track-background);\n      border-radius: var(--rc-range-slider-track-radius, var(--rc-control-radius, 0));\n      overflow: hidden;\n      z-index: 0;\n    }\n\n    ::slotted([slot=\"track-background\"]) {\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n    }\n\n    .rc-range-slider-range {\n      inset-block: 0;\n      background: var(--rc-range-slider-range-background);\n      border-radius: inherit;\n      z-index: 1;\n    }\n\n    .rc-range-slider-thumb {\n      position: absolute;\n      z-index: 2;\n      inline-size: var(--rc-range-slider-thumb-size, 1.125rem);\n      block-size: var(--rc-range-slider-thumb-size, 1.125rem);\n      background: var(--rc-range-slider-thumb-background);\n      border: 2px solid var(--rc-range-slider-thumb-border);\n      border-radius: 50%;\n      box-sizing: border-box;\n      cursor: grab;\n      transform: translate(-50%, -50%);\n      transition:\n        background-color 120ms ease,\n        border-color 120ms ease,\n        box-shadow 120ms ease,\n        transform var(--rc-motion-duration, 120ms) ease;\n    }\n\n    .rc-range-slider-thumb:focus-visible {\n      outline: var(--rc-focus-ring, 2px solid var(--rc-range-slider-focus-outline));\n      outline-offset: var(--rc-focus-ring-offset, 2px);\n    }\n\n    :host(:not([disabled]):not([readonly])) .rc-range-slider-thumb:hover {\n      background: var(--rc-range-slider-thumb-hover-background);\n      border-color: var(--rc-range-slider-thumb-hover-border);\n      box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--rc-range-slider-accent) 20%, transparent);\n    }\n\n    :host(:not([disabled]):not([readonly])) .rc-range-slider-thumb:active {\n      background: var(--rc-range-slider-thumb-active-background);\n      border-color: var(--rc-range-slider-thumb-active-border);\n      box-shadow: 0 0 0 0.35rem color-mix(in srgb, var(--rc-range-slider-accent) 28%, transparent);\n      cursor: grabbing;\n    }\n\n    :host(:not([disabled]):not([readonly])) .rc-range-slider-group:hover .rc-range-slider-track {\n      background: color-mix(in srgb, var(--rc-range-slider-track-background) 70%, CanvasText);\n    }\n\n    .rc-range-slider-thumb[aria-disabled=\"true\"],\n    .rc-range-slider-thumb[aria-readonly=\"true\"] {\n      cursor: default;\n    }\n\n    :host([disabled]) .rc-range-slider-root {\n      opacity: 0.65;\n    }\n\n    ::slotted(input[type=\"range\"]) {\n      position: absolute;\n      inline-size: 1px;\n      block-size: 1px;\n      margin: 0;\n      padding: 0;\n      border: 0;\n      clip-path: inset(50%);\n      opacity: 0;\n      overflow: hidden;\n      pointer-events: none;\n    }\n\n    .rc-range-slider-values {\n      pointer-events: none;\n      font-variant-numeric: tabular-nums;\n      white-space: nowrap;\n      color: var(--rc-range-slider-value-color, var(--rc-text-disabled, GrayText));\n    }\n\n    .rc-range-slider-root[data-display=\"float\"] .rc-range-slider-values {\n      position: absolute;\n      inset: 0;\n      z-index: 5;\n    }\n\n    .rc-range-slider-root[data-display=\"float\"] .rc-range-slider-value {\n      position: absolute;\n      inset-block-start: var(--rc-range-slider-float-value-block-offset, -1.4em);\n      transform: translateX(-50%);\n    }\n\n    .rc-range-slider-root[data-display=\"inline-start\"] .rc-range-slider-values,\n    .rc-range-slider-root[data-display=\"inline-end\"] .rc-range-slider-values {\n      display: flex;\n      gap: 0.25em;\n      align-items: center;\n    }\n\n    .rc-range-slider-root[data-display=\"inline-start\"] .rc-range-slider-value:first-child::after,\n    .rc-range-slider-root[data-display=\"inline-end\"] .rc-range-slider-value:first-child::after {\n      content: \" -\";\n    }\n\n    :host([orientation=\"vertical\"]) {\n      display: inline-block;\n    }\n\n    :host([orientation=\"vertical\"]) .rc-range-slider-group {\n      inline-size: var(--rc-range-slider-control-size, var(--rc-control-block-size, 1.5rem));\n      block-size: var(--rc-range-slider-vertical-size, 12.5rem);\n    }\n\n    :host([orientation=\"vertical\"]) .rc-range-slider-track {\n      inset-block: 0;\n      inset-inline: calc(50% - var(--rc-range-slider-track-size, 0.1875rem) / 2);\n      inline-size: var(--rc-range-slider-track-size, 0.1875rem);\n      block-size: auto;\n    }\n\n    :host([orientation=\"vertical\"]) .rc-range-slider-range {\n      inset-inline: 0;\n      inset-block-start: auto;\n    }\n\n    :host([orientation=\"vertical\"]) .rc-range-slider-thumb {\n      inset-inline-start: 50%;\n      transform: translate(-50%, 50%);\n    }\n\n    :host([orientation=\"vertical\"]) .rc-range-slider-root[data-display=\"float\"] .rc-range-slider-value {\n      inset-block-start: auto;\n      inset-inline-start: var(--rc-range-slider-float-value-inline-offset, calc(100% + 0.5rem));\n      transform: translateY(50%);\n    }\n  `;\n\n  /** Minimum slider value. */\n  @property({ type: Number }) min = 0;\n\n  /** Maximum slider value. */\n  @property({ type: Number }) max = 100;\n\n  /** Slider step. */\n  @property({ type: Number }) step = 1;\n\n  private _value: [number, number] | undefined;\n  private _defaultValue: [number, number] | undefined;\n  private _valueInitialized = false;\n\n  /** Current [low, high] value. Assign a new tuple reference to trigger a re-render. */\n  @property({ attribute: false })\n  get value(): [number, number] {\n    return this._value ?? this._defaultValue ?? this._nativeInputValue;\n  }\n  set value(v: [number, number]) {\n    const old = this._value;\n    this._value = this._normalizeValue(v);\n    this._valueInitialized = true;\n    this._applyValueToInputs(this._value);\n    if (this._value !== old) {\n      this.requestUpdate(\"value\", old);\n    }\n  }\n\n  /** Initial uncontrolled [low, high] value. Has no effect after the first user interaction or `value` write. */\n  @property({ attribute: false })\n  get defaultValue(): [number, number] | undefined {\n    return this._defaultValue;\n  }\n  set defaultValue(v: [number, number] | undefined) {\n    const old = this._defaultValue;\n    this._defaultValue = v === undefined ? undefined : this._normalizeValue(v);\n    if (\n      !this._valueInitialized &&\n      this._value === undefined &&\n      this._defaultValue !== undefined\n    ) {\n      this._applyValueToInputs(this._defaultValue);\n      this.requestUpdate(\"value\", undefined);\n    }\n    this.requestUpdate(\"defaultValue\", old);\n  }\n\n  /** Disable both thumbs and their hidden native input reflectors. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Prevents edits while preserving normal focus and display. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /** Accessible label for the low (min) thumb when the input does not provide one. */\n  @property({ attribute: \"low-label\" }) lowLabel = \"Minimum\";\n\n  /** Accessible label for the high (max) thumb when the input does not provide one. */\n  @property({ attribute: \"high-label\" }) highLabel = \"Maximum\";\n\n  /** Formatted screen-reader text for the low value. Falls back to the raw number. */\n  @property({ attribute: \"low-value-text\" }) lowValueText = \"\";\n\n  /** Formatted screen-reader text for the high value. Falls back to the raw number. */\n  @property({ attribute: \"high-value-text\" }) highValueText = \"\";\n\n  /**\n   * Controls the live value display.\n   *\n   * - Absent (default) — no value shown.\n   * - `display` or `display=\"float\"` — floats each value above its thumb.\n   * - `display=\"inline-start\"` — renders the value container before the track.\n   * - `display=\"inline-end\"` — renders the value container after the track.\n   */\n  @property({ reflect: true, converter: displayConverter })\n  display: DisplayValue = null;\n\n  /** Orientation; reflected as an attribute and forwarded to custom thumbs. */\n  @property({ reflect: true }) orientation: \"horizontal\" | \"vertical\" =\n    \"horizontal\";\n\n  @state() private _lowValue = 0;\n  @state() private _highValue = 100;\n\n  private _lowInput: HTMLInputElement | null = null;\n  private _highInput: HTMLInputElement | null = null;\n  private _dragThumb: RangeThumb | null = null;\n  private _dragPointerId: number | null = null;\n  private _addedHostRole = false;\n  private readonly _rangeInputController = new NativeChildController<HTMLInputElement>(this, {\n    selector: ':scope > input[type=\"range\"]',\n    observe: true,\n    onChange: () => this._resetInputs(),\n    onMissing: () => {\n      if (import.meta.env.DEV) {\n        warnMissingDirectChild(this, {\n          selector: ':scope > input[type=\"range\"]',\n          message: '[rc-range-slider] Requires two child <input type=\"range\"> elements.',\n        });\n      }\n    },\n  });\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._syncHostRole();\n  }\n\n  override disconnectedCallback(): void {\n    this._unwireInputs();\n    this._restoreInputs();\n    if (this._addedHostRole) {\n      this.removeAttribute(\"role\");\n      this._addedHostRole = false;\n    }\n    super.disconnectedCallback();\n  }\n\n  override updated(): void {\n    this._syncInputReflectors();\n  }\n\n  override render() {\n    const lo = this._lowInput;\n    const hi = this._highInput;\n    if (!lo || !hi) return nothing;\n\n    const lowText = this.lowValueText || String(this._lowValue);\n    const highText = this.highValueText || String(this._highValue);\n\n    const valuesContainer = html`\n      <span class=\"rc-range-slider-values\" aria-hidden=\"true\">\n        <span\n          part=\"value-display low-value-display\"\n          class=\"rc-range-slider-value\"\n          style=${this.display === \"float\"\n            ? this._floatStyle(this._lowValue)\n            : nothing}\n          ><slot name=\"low-value-display\">${lowText}</slot></span\n        >\n        <span\n          part=\"value-display high-value-display\"\n          class=\"rc-range-slider-value\"\n          style=${this.display === \"float\"\n            ? this._floatStyle(this._highValue)\n            : nothing}\n          ><slot name=\"high-value-display\">${highText}</slot></span\n        >\n      </span>\n    `;\n\n    return html`\n      <div\n        part=\"root\"\n        class=\"rc-range-slider-root\"\n        data-display=${this.display ?? nothing}\n        data-orientation=${this.orientation}\n      >\n        ${this.display === \"inline-start\" ? valuesContainer : nothing}\n\n        <div\n          part=\"group\"\n          class=\"rc-range-slider-group\"\n          @pointerdown=${this._onGroupPointerDown}\n          @pointermove=${this._onGroupPointerMove}\n          @pointerup=${this._onGroupPointerUp}\n          @pointercancel=${this._onGroupPointerCancel}\n        >\n          <span part=\"track\" class=\"rc-range-slider-track\" aria-hidden=\"true\">\n            <slot name=\"track-background\"></slot>\n            <span\n              part=\"range\"\n              class=\"rc-range-slider-range\"\n              style=${this._rangeStyle()}\n            ></span>\n          </span>\n\n          ${this._renderThumb(\"low\")} ${this._renderThumb(\"high\")}\n          <slot @slotchange=${this._onDefaultSlotChange}></slot>\n          ${this.display === \"float\" ? valuesContainer : nothing}\n        </div>\n\n        ${this.display === \"inline-end\" ? valuesContainer : nothing}\n      </div>\n    `;\n  }\n\n  private _renderThumb(thumb: RangeThumb) {\n    const isLow = thumb === \"low\";\n    const input = isLow ? this._lowInput : this._highInput;\n    const value = isLow ? this._lowValue : this._highValue;\n    const valueText = isLow ? this.lowValueText : this.highValueText;\n    const label = this._thumbLabel(thumb);\n    const labelledBy = input?.getAttribute(\"aria-labelledby\");\n\n    return html`\n      <span\n        part=${isLow ? \"thumb low-thumb\" : \"thumb high-thumb\"}\n        class=\"rc-range-slider-thumb\"\n        data-thumb=${thumb}\n        role=\"slider\"\n        tabindex=${this.disabled ? \"-1\" : \"0\"}\n        aria-label=${label ?? nothing}\n        aria-labelledby=${labelledBy ?? nothing}\n        aria-valuemin=${String(isLow ? this._min() : this._lowValue)}\n        aria-valuemax=${String(isLow ? this._highValue : this._max())}\n        aria-valuenow=${String(value)}\n        aria-valuetext=${valueText || nothing}\n        aria-orientation=${this.orientation}\n        aria-disabled=${this.disabled ? \"true\" : nothing}\n        aria-readonly=${this.readonly ? \"true\" : nothing}\n        style=${this._thumbStyle(value)}\n        @keydown=${isLow ? this._onLowKeydown : this._onHighKeydown}\n      ></span>\n    `;\n  }\n\n  /**\n   * Finds the first two child `<input type=\"range\">` elements and wires them.\n   * Inputs remain in the DOM permanently as form/progressive-enhancement\n   * reflectors.\n   */\n  private _findInputs(): void {\n    const inputs = getDirectChildren<HTMLInputElement>(\n      this,\n      ':scope > input[type=\"range\"]',\n    ).slice(0, 2);\n\n    if (inputs.length < 2) {\n      if (import.meta.env.DEV && inputs.length > 0) {\n        warnMissingDirectChild(this, {\n          selector: ':scope > input[type=\"range\"]',\n          minimum: 2,\n          message: '[rc-range-slider] Requires two child <input type=\"range\"> elements.',\n        });\n      }\n      return;\n    }\n\n    const [lo, hi] = inputs as [HTMLInputElement, HTMLInputElement];\n\n    if (!this.hasAttribute(\"disabled\") && (lo.disabled || hi.disabled)) {\n      this.disabled = true;\n    }\n\n    this._lowInput = lo;\n    this._highInput = hi;\n    this._applyInitialValueToInputs(lo, hi);\n\n    this._wireInput(lo, this._onLowInput, this._onLowChange);\n    this._wireInput(hi, this._onHighInput, this._onHighChange);\n    this._syncInputReflectors();\n  }\n\n  private _onDefaultSlotChange = (): void => {\n    this._rangeInputController.sync();\n    this._resetInputs();\n  };\n\n  private _resetInputs(): void {\n    this._unwireInputs();\n    this._restoreInputs();\n    this._findInputs();\n    this.requestUpdate();\n  }\n\n  private get _nativeInputValue(): [number, number] {\n    const low = this._lowInput?.valueAsNumber;\n    const high = this._highInput?.valueAsNumber;\n\n    return [\n      low === undefined || isNaN(low) ? this.min : low,\n      high === undefined || isNaN(high) ? this.max : high,\n    ];\n  }\n\n  private _applyInitialValueToInputs(\n    lowInput: HTMLInputElement,\n    highInput: HTMLInputElement,\n  ): void {\n    if (this._value !== undefined) {\n      this._applyValueToInputs(this._value);\n      return;\n    }\n\n    if (this._defaultValue !== undefined) {\n      this._applyValueToInputs(this._defaultValue);\n      return;\n    }\n\n    const lowValue = lowInput.valueAsNumber;\n    const highValue = highInput.valueAsNumber;\n\n    this._lowValue = isNaN(lowValue) ? this._min() : lowValue;\n    this._highValue = isNaN(highValue) ? this._max() : highValue;\n    this._defaultValue = this._normalizeValue([this._lowValue, this._highValue]);\n    this._applyValueToInputs(this._defaultValue);\n  }\n\n  private _applyValueToInputs(value: [number, number]): void {\n    const [low, high] = this._normalizeValue(value);\n    this._lowValue = low;\n    this._highValue = high;\n\n    if (this._lowInput) this._lowInput.value = String(low);\n    if (this._highInput) this._highInput.value = String(high);\n  }\n\n  private _setCurrentValue(value: [number, number]): void {\n    const [low, high] = this._normalizeValue(value);\n    this._value = [low, high];\n    this._valueInitialized = true;\n    this._applyValueToInputs(this._value);\n    this.requestUpdate(\"value\");\n  }\n\n  private _wireInput(\n    input: HTMLInputElement,\n    onInput: (e: Event) => void,\n    onChange: (e: Event) => void,\n  ): void {\n    input.addEventListener(\"input\", onInput);\n    input.addEventListener(\"change\", onChange);\n  }\n\n  private _unwireInputs(): void {\n    this._lowInput?.removeEventListener(\"input\", this._onLowInput);\n    this._lowInput?.removeEventListener(\"change\", this._onLowChange);\n\n    this._highInput?.removeEventListener(\"input\", this._onHighInput);\n    this._highInput?.removeEventListener(\"change\", this._onHighChange);\n  }\n\n  private _restoreInputs(): void {\n    for (const input of [this._lowInput, this._highInput]) {\n      input?.removeAttribute(\"aria-hidden\");\n      input?.removeAttribute(\"tabindex\");\n      input?.removeAttribute(\"data-rc-range-slider-reflector\");\n      input?.style.removeProperty(\"display\");\n    }\n  }\n\n  private _syncInputReflectors(): void {\n    const lo = this._lowInput;\n    const hi = this._highInput;\n    if (!lo || !hi) return;\n\n    for (const input of [lo, hi]) {\n      input.disabled = this.disabled;\n      input.tabIndex = -1;\n      input.setAttribute(\"aria-hidden\", \"true\");\n      input.setAttribute(\"data-rc-range-slider-reflector\", \"\");\n    }\n  }\n\n  private _syncHostRole(): void {\n    if (this.hasAttribute(\"role\")) return;\n\n    this.setAttribute(\"role\", \"group\");\n    this._addedHostRole = true;\n  }\n\n  private readonly _onLowInput = (e: Event): void => {\n    if (this.readonly) {\n      this._applyValueToInputs([this._lowValue, this._highValue]);\n      return;\n    }\n\n    const input = e.currentTarget as HTMLInputElement;\n    this._setCurrentValue([input.valueAsNumber, this._highValue]);\n    this._dispatch(\"rc-range-slider-input\", this.value);\n  };\n\n  private readonly _onLowChange = (e: Event): void => {\n    if (this.readonly) {\n      this._applyValueToInputs([this._lowValue, this._highValue]);\n      return;\n    }\n\n    const input = e.currentTarget as HTMLInputElement;\n    this._setCurrentValue([input.valueAsNumber, this._highValue]);\n    this._dispatch(\"rc-range-slider-change\", this.value);\n  };\n\n  private readonly _onHighInput = (e: Event): void => {\n    if (this.readonly) {\n      this._applyValueToInputs([this._lowValue, this._highValue]);\n      return;\n    }\n\n    const input = e.currentTarget as HTMLInputElement;\n    this._setCurrentValue([this._lowValue, input.valueAsNumber]);\n    this._dispatch(\"rc-range-slider-input\", this.value);\n  };\n\n  private readonly _onHighChange = (e: Event): void => {\n    if (this.readonly) {\n      this._applyValueToInputs([this._lowValue, this._highValue]);\n      return;\n    }\n\n    const input = e.currentTarget as HTMLInputElement;\n    this._setCurrentValue([this._lowValue, input.valueAsNumber]);\n    this._dispatch(\"rc-range-slider-change\", this.value);\n  };\n\n  /** APG keyboard contract for the low thumb. */\n  private readonly _onLowKeydown = (e: KeyboardEvent): void => {\n    this._handleThumbKeydown(e, \"low\");\n  };\n\n  /** APG keyboard contract for the high thumb. */\n  private readonly _onHighKeydown = (e: KeyboardEvent): void => {\n    this._handleThumbKeydown(e, \"high\");\n  };\n\n  private _handleThumbKeydown(e: KeyboardEvent, thumb: RangeThumb): void {\n    if (this.disabled || this.readonly) return;\n\n    const min = this._min();\n    const max = this._max();\n    const step = this._step();\n    const bigStep = step * 10;\n    const low = this._lowValue;\n    const high = this._highValue;\n    const current = thumb === \"low\" ? low : high;\n    const effectiveMin = thumb === \"low\" ? min : low;\n    const effectiveMax = thumb === \"low\" ? high : max;\n\n    let next: number | null = null;\n\n    switch (e.key) {\n      case \"ArrowRight\":\n      case \"ArrowUp\":\n        next = current + step;\n        break;\n      case \"ArrowLeft\":\n      case \"ArrowDown\":\n        next = current - step;\n        break;\n      case \"PageUp\":\n        next = current + bigStep;\n        break;\n      case \"PageDown\":\n        next = current - bigStep;\n        break;\n      case \"Home\":\n        next = effectiveMin;\n        break;\n      case \"End\":\n        next = effectiveMax;\n        break;\n      default:\n        return;\n    }\n\n    e.preventDefault();\n\n    const nextValue = snapToStep(next, effectiveMin, effectiveMax, step);\n    if (nextValue === current) return;\n\n    this._setThumbValue(thumb, nextValue);\n    this._dispatch(\"rc-range-slider-input\", this.value);\n  }\n\n  private _onGroupPointerDown(e: PointerEvent): void {\n    if (this.disabled || this.readonly || e.button !== 0) return;\n\n    const thumb = this._nearestThumb(e);\n    const thumbEl = this._thumbElement(thumb);\n    this._dragThumb = thumb;\n    this._dragPointerId = e.pointerId;\n\n    e.preventDefault();\n    try {\n      (e.currentTarget as HTMLElement).setPointerCapture(e.pointerId);\n    } catch {\n      // Synthetic browser-test PointerEvents are not active pointer streams.\n    }\n    thumbEl?.focus();\n    this._setThumbValue(thumb, this._valueFromPointer(e, thumb));\n    this._dispatch(\"rc-range-slider-input\", this.value);\n  }\n\n  private _onGroupPointerMove(e: PointerEvent): void {\n    if (this._dragPointerId !== e.pointerId || this._dragThumb === null) return;\n\n    e.preventDefault();\n    this._setThumbValue(this._dragThumb, this._valueFromPointer(e, this._dragThumb));\n    this._dispatch(\"rc-range-slider-input\", this.value);\n  }\n\n  private _onGroupPointerUp(e: PointerEvent): void {\n    if (this._dragPointerId !== e.pointerId || this._dragThumb === null) return;\n\n    const thumb = this._dragThumb;\n    this._dragThumb = null;\n    this._dragPointerId = null;\n    try {\n      (e.currentTarget as HTMLElement).releasePointerCapture(e.pointerId);\n    } catch {\n      // Synthetic browser-test PointerEvents are not active pointer streams.\n    }\n    this._dispatch(\"rc-range-slider-change\", this.value);\n    this._thumbElement(thumb)?.focus();\n  }\n\n  private _onGroupPointerCancel(e: PointerEvent): void {\n    if (this._dragPointerId !== e.pointerId) return;\n\n    this._dragThumb = null;\n    this._dragPointerId = null;\n  }\n\n  private _setThumbValue(thumb: RangeThumb, value: number): void {\n    if (thumb === \"low\") {\n      this._setCurrentValue([value, this._highValue]);\n      return;\n    }\n\n    this._setCurrentValue([this._lowValue, value]);\n  }\n\n  private _valueFromPointer(e: PointerEvent, thumb: RangeThumb): number {\n    const rect = this._groupRect();\n    if (!rect) return thumb === \"low\" ? this._lowValue : this._highValue;\n\n    const min = thumb === \"low\" ? this._min() : this._lowValue;\n    const max = thumb === \"low\" ? this._highValue : this._max();\n    const span = this._max() - this._min();\n    if (span <= 0) return min;\n\n    const pct =\n      this.orientation === \"vertical\"\n        ? 1 - (e.clientY - rect.top) / rect.height\n        : (e.clientX - rect.left) / rect.width;\n    const raw = pct * span + this._min();\n\n    return snapToStep(raw, min, max, this._step());\n  }\n\n  private _nearestThumb(e: PointerEvent): RangeThumb {\n    const value = this._valueFromPointer(e, \"low\");\n    const lowDistance = Math.abs(value - this._lowValue);\n    const highDistance = Math.abs(value - this._highValue);\n\n    if (lowDistance === highDistance) {\n      return value < this._lowValue ? \"low\" : \"high\";\n    }\n\n    return lowDistance < highDistance ? \"low\" : \"high\";\n  }\n\n  private _rangeStyle(): string {\n    const loPct = valueToPercent(this._lowValue, this._min(), this._max());\n    const hiPct = valueToPercent(this._highValue, this._min(), this._max());\n    const loCenter = this._thumbCenterStyle(loPct);\n    const hiCenter = this._thumbCenterStyle(hiPct);\n\n    if (this.orientation === \"vertical\") {\n      return [\n        `bottom:${loCenter}`,\n        `height:max(0px, calc(${hiCenter} - ${loCenter}))`,\n      ].join(\";\");\n    }\n\n    return [\n      `left:${loCenter}`,\n      `width:max(0px, calc(${hiCenter} - ${loCenter}))`,\n    ].join(\";\");\n  }\n\n  private _thumbStyle(value: number): string {\n    const pct = valueToPercent(value, this._min(), this._max());\n    const center = this._thumbCenterStyle(pct);\n\n    if (this.orientation === \"vertical\") {\n      return `bottom:${center}`;\n    }\n\n    return `left:${center};top:50%`;\n  }\n\n  private _thumbCenterStyle(pct: number): string {\n    const k = (1 - pct * 2).toFixed(4);\n\n    return `calc(${(pct * 100).toFixed(3)}% + ${k} * var(--rc-thumb-radius, 9px))`;\n  }\n\n  private _floatStyle(value: number): string {\n    const pct = valueToPercent(value, this._min(), this._max());\n    const center = this._thumbCenterStyle(pct);\n\n    if (this.orientation === \"vertical\") {\n      return `bottom:${center}`;\n    }\n\n    return `left:${center}`;\n  }\n\n  private _normalizeValue([low, high]: [number, number]): [number, number] {\n    const min = this._min();\n    const max = this._max();\n    const steppedLow = snapToStep(low, min, max, this._step());\n    const steppedHigh = snapToStep(high, min, max, this._step());\n\n    return [Math.min(steppedLow, steppedHigh), Math.max(steppedLow, steppedHigh)];\n  }\n\n  private _min(): number {\n    return parseAttr(this._lowInput?.min ?? \"\", this.min);\n  }\n\n  private _max(): number {\n    return parseAttr(this._highInput?.max ?? \"\", this.max);\n  }\n\n  private _step(): number {\n    return parseAttr(this._lowInput?.step ?? \"\", this.step);\n  }\n\n  private _groupRect(): DOMRect | null {\n    return this.shadowRoot\n      ?.querySelector<HTMLElement>(\".rc-range-slider-group\")\n      ?.getBoundingClientRect() ?? null;\n  }\n\n  private _thumbElement(thumb: RangeThumb): HTMLElement | null {\n    return (\n      this.shadowRoot?.querySelector<HTMLElement>(`[data-thumb=\"${thumb}\"]`) ??\n      null\n    );\n  }\n\n  private _thumbLabel(thumb: RangeThumb): string | null {\n    const input = thumb === \"low\" ? this._lowInput : this._highInput;\n    const fallback = thumb === \"low\" ? this.lowLabel : this.highLabel;\n    const explicitLabel = input?.getAttribute(\"aria-label\");\n    if (explicitLabel) return explicitLabel;\n\n    const nativeLabel = input?.labels?.[0]?.textContent?.trim();\n    if (nativeLabel) return nativeLabel;\n\n    return fallback || null;\n  }\n\n  private _dispatch(\n    type: \"rc-range-slider-input\" | \"rc-range-slider-change\",\n    value: [number, number],\n  ): void {\n    this.dispatchEvent(\n      new CustomEvent<RCRangeSliderValueEvent>(type, {\n        bubbles: true,\n        composed: true,\n        detail: { value },\n      }),\n    );\n  }\n}\n\nexport default RCRangeSlider;\n"],"names":["displayConverter","v","parseAttr","s","defaultVal","n","_RCRangeSlider","LitElement","NativeChildController","e","input","old","lo","hi","nothing","lowText","highText","valuesContainer","html","thumb","isLow","value","valueText","label","labelledBy","inputs","getDirectChildren","low","high","lowInput","highInput","lowValue","highValue","onInput","onChange","min","max","step","bigStep","current","effectiveMin","effectiveMax","next","nextValue","snapToStep","thumbEl","rect","span","raw","lowDistance","highDistance","loPct","valueToPercent","hiPct","loCenter","hiCenter","pct","center","k","steppedLow","steppedHigh","fallback","explicitLabel","nativeLabel","type","css","RCRangeSlider","__decorateClass","property","state"],"mappings":"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"}