@rcarls/rc-slider 0.5.0 → 0.6.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @rcarls/rc-slider
 
+## 0.6.0
+
+### Patch Changes
+
+- 57370e4: Align component metadata, aggregate framework typings, development-time native-child
+  validation, controlled menu state, package declarations, and public documentation before the
+  next release.
+- Updated dependencies [6683eb9]
+- Updated dependencies [ee7ba6c]
+- Updated dependencies [30eb232]
+  - @rcarls/rc-common@0.6.0
+
 ## 0.5.0
 
 ### Patch Changes

package/README.md

@@ -16,7 +16,7 @@ Consumers can decorate the track with a real named slot:
 ```html
 <rc-slider>
   <span slot="track-background" class="threshold-bands"></span>
-  <input type="range" min="0" max="100" value="40">
+  <input type="range" min="0" max="100" value="40" />
 </rc-slider>
 ```
 
@@ -27,7 +27,7 @@ The component exposes `root`, `control`, `track`, `progress`, and
 Native input styling stays with the consumer:
 
 ```css
-rc-slider > input[type="range"] {
+rc-slider > input[type='range'] {
   appearance: auto;
 }
 ```

package/dist/custom-elements.json

@@ -255,7 +255,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"\"",
+              "default": "''",
               "description": "Screen-reader value text. When set, forwarded as `aria-valuetext` on the native input.",
               "attribute": "value-text"
             },
@@ -263,9 +263,9 @@
               "kind": "field",
               "name": "orientation",
               "type": {
-                "text": "\"horizontal\" | \"vertical\""
+                "text": "'horizontal' | 'vertical'"
               },
-              "default": "\"horizontal\"",
+              "default": "'horizontal'",
               "description": "Orientation; reflected as an attribute and forwarded to `aria-orientation`.",
               "attribute": "orientation",
               "reflects": true
@@ -453,7 +453,7 @@
                 {
                   "name": "type",
                   "type": {
-                    "text": "\"rc-slider-input\" | \"rc-slider-change\""
+                    "text": "'rc-slider-input' | 'rc-slider-change'"
                   }
                 }
               ]
@@ -505,18 +505,18 @@
           ],
           "events": [
             {
-              "name": "type",
+              "name": "rc-slider-input",
               "type": {
                 "text": "CustomEvent"
-              }
-            },
-            {
-              "description": "Fires continuously while the value changes. Detail: `{ value }`.",
-              "name": "rc-slider-input"
+              },
+              "description": "Fires continuously while the value changes. Detail: `{ value }`."
             },
             {
-              "description": "Fires when the committed value changes (on release). Detail: `{ value }`.",
-              "name": "rc-slider-change"
+              "name": "rc-slider-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fires when the committed value changes (on release). Detail: `{ value }`."
             }
           ],
           "attributes": [
@@ -596,16 +596,16 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"\"",
+              "default": "''",
               "fieldName": "valueText"
             },
             {
               "description": "Orientation; reflected as an attribute and forwarded to `aria-orientation`.",
               "name": "orientation",
               "type": {
-                "text": "\"horizontal\" | \"vertical\""
+                "text": "'horizontal' | 'vertical'"
               },
-              "default": "\"horizontal\"",
+              "default": "'horizontal'",
               "fieldName": "orientation"
             }
           ],

package/dist/{rc-slider-CRGEKO0W.js → rc-slider-D_D-Ud3e.js}

@@ -74,9 +74,7 @@ const p = class p extends f {
       <span
         part="value-display"
         class="rc-slider-value"
-        style=${y(
-      this.display === "float" ? this._floatStyle() : void 0
-    )}
+        style=${y(this.display === "float" ? this._floatStyle() : void 0)}
         aria-hidden="true"
       >
         <slot name="value-display">${this._displayText}</slot>
@@ -97,11 +95,7 @@ const p = class p extends f {
         <span part="control" class="rc-slider-control">
           <span part="track" class="rc-slider-track" aria-hidden="true">
             <slot name="track-background"></slot>
-            <span
-              part="progress"
-              class="rc-slider-progress"
-              style=${this._progressStyle()}
-            ></span>
+            <span part="progress" class="rc-slider-progress" style=${this._progressStyle()}></span>
           </span>
 
           <slot @slotchange=${this._onDefaultSlotChange}></slot>
@@ -156,13 +150,13 @@ const p = class p extends f {
       s.value = String(this.value);
       return;
     }
-    this._commitInputValue(s), this.dispatchEvent(
-      new CustomEvent(e, {
-        bubbles: !0,
-        composed: !0,
-        detail: { value: this.value }
-      })
-    );
+    this._commitInputValue(s);
+    const i = {
+      bubbles: !0,
+      composed: !0,
+      detail: { value: this.value }
+    };
+    e === "rc-slider-input" ? this.dispatchEvent(new CustomEvent("rc-slider-input", i)) : this.dispatchEvent(new CustomEvent("rc-slider-change", i));
   }
   _commitInputValue(t) {
     const e = this.value;
@@ -195,11 +189,11 @@ p.styles = m`
       line-height: var(--rc-line-height, normal);
     }
 
-    .rc-slider-root[data-display="inline-start"] {
+    .rc-slider-root[data-display='inline-start'] {
       grid-template-columns: auto minmax(0, 1fr);
     }
 
-    .rc-slider-root[data-display="inline-end"] {
+    .rc-slider-root[data-display='inline-end'] {
       grid-template-columns: minmax(0, 1fr) auto;
     }
 
@@ -227,7 +221,7 @@ p.styles = m`
       z-index: 0;
     }
 
-    ::slotted([slot="track-background"]) {
+    ::slotted([slot='track-background']) {
       position: absolute;
       inset: 0;
       pointer-events: none;
@@ -240,7 +234,7 @@ p.styles = m`
       z-index: 1;
     }
 
-    ::slotted(input[type="range"]) {
+    ::slotted(input[type='range']) {
       position: absolute;
       inset: 0;
       inline-size: 100%;
@@ -256,7 +250,7 @@ p.styles = m`
       color: var(--rc-slider-value-color, var(--rc-text-disabled, GrayText));
     }
 
-    .rc-slider-root[data-display="float"] .rc-slider-value {
+    .rc-slider-root[data-display='float'] .rc-slider-value {
       position: absolute;
       inset-block-start: var(--rc-slider-float-value-block-offset, -1.4em);
       transform: translateX(-50%);
@@ -264,32 +258,32 @@ p.styles = m`
       z-index: 3;
     }
 
-    :host([orientation="vertical"]) {
+    :host([orientation='vertical']) {
       display: inline-block;
     }
 
-    :host([orientation="vertical"]) .rc-slider-control {
+    :host([orientation='vertical']) .rc-slider-control {
       inline-size: var(--rc-slider-control-size, var(--rc-control-block-size, 1.5rem));
       block-size: var(--rc-slider-vertical-size, 12.5rem);
     }
 
-    :host([orientation="vertical"]) .rc-slider-track {
+    :host([orientation='vertical']) .rc-slider-track {
       inset-block: 0;
       inset-inline: calc(50% - var(--rc-slider-track-size, 0.1875rem) / 2);
       inline-size: var(--rc-slider-track-size, 0.1875rem);
       block-size: auto;
     }
 
-    :host([orientation="vertical"]) .rc-slider-progress {
+    :host([orientation='vertical']) .rc-slider-progress {
       inset-inline: 0;
     }
 
-    :host([orientation="vertical"]) ::slotted(input[type="range"]) {
+    :host([orientation='vertical']) ::slotted(input[type='range']) {
       writing-mode: vertical-lr;
       direction: rtl;
     }
 
-    :host([orientation="vertical"]) .rc-slider-root[data-display="float"] .rc-slider-value {
+    :host([orientation='vertical']) .rc-slider-root[data-display='float'] .rc-slider-value {
       inset-block-start: auto;
       inset-inline-start: var(--rc-slider-float-value-inline-offset, calc(100% + 0.5rem));
       transform: translateY(50%);
@@ -329,4 +323,4 @@ l([
 export {
   a as R
 };
-//# sourceMappingURL=rc-slider-CRGEKO0W.js.map
+//# sourceMappingURL=rc-slider-D_D-Ud3e.js.map

package/dist/rc-slider-D_D-Ud3e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rc-slider-D_D-Ud3e.js","sources":["../src/rc-slider.ts"],"sourcesContent":["import { LitElement, css, html, nothing } from 'lit';\nimport type { ComplexAttributeConverter } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { NativeChildController, valueToPercent, warnMissingDirectChild } from '@rcarls/rc-common';\n\nexport interface RCSliderValueEvent {\n  /** Current numeric slider value. */\n  value: number;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'rc-slider': RCSlider;\n  }\n\n  interface HTMLElementEventMap {\n    'rc-slider-input': CustomEvent<RCSliderValueEvent>;\n    'rc-slider-change': CustomEvent<RCSliderValueEvent>;\n  }\n}\n\ntype DisplayValue = 'float' | 'inline-start' | 'inline-end' | null;\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  const n = parseFloat(s);\n  return isNaN(n) ? defaultVal : n;\n}\n\n/**\n * Single-thumb slider backed by a native <input type=\"range\"> with custom track and value\n * display hooks, following the WAI-ARIA Slider pattern.\n *\n * Label association:\n * - Explicit `for`/`id`: `<label for=\"vol\">Volume</label><rc-slider><input id=\"vol\" …></rc-slider>`\n * - Direct `aria-label` on the input: `<input aria-label=\"Volume\" …>`\n *\n * These patterns all work without JavaScript. The component does not render a\n * label element itself — the consumer is responsible for accessible naming.\n *\n * Form participation is handled natively by the consumer-provided input's `name`\n * attribute; no `ElementInternals` setup is required.\n *\n * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-slider rc-slider docs}\n * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/slider/ WAI-ARIA Slider pattern}\n *\n * @slot track-background - Optional decorative content rendered inside the track before the progress fill.\n * @slot value-display - Optional replacement for the rendered value text.\n *\n * @fires rc-slider-input  - Fires continuously while the value changes. Detail: `{ value }`.\n * @fires rc-slider-change - Fires when the committed value changes (on release). Detail: `{ value }`.\n *\n * @attr min - Minimum slider value.\n * @attr max - Maximum slider value.\n * @attr step - Slider step.\n * @attr value - Current slider value. Host writes are silent.\n * @attr default-value - Initial uncontrolled slider value. Has no effect after the first user\n *   interaction or `value` write.\n * @attr disabled - Disables the underlying input.\n * @attr readonly - Prevents edits while preserving normal display. Not a native range attribute.\n * @attr display - Controls the live value display: absent (none), `float`, `inline-start`, or\n *   `inline-end`.\n * @attr value-text - Screen-reader value text, forwarded as `aria-valuetext` on the native input.\n * @attr orientation - Orientation, forwarded to `aria-orientation`: `horizontal` or `vertical`.\n *\n * @cssprop [--rc-thumb-radius=9px] - Half the thumb width; used to position the float value display.\n * @cssprop [--rc-slider-gap=var(--rc-control-gap)] - Gap between track and inline value display.\n * @cssprop [--rc-slider-control-size=var(--rc-control-block-size)] - Track hit-area block size.\n * @cssprop [--rc-slider-vertical-size=12.5rem] - Track length when `orientation=\"vertical\"`.\n * @cssprop [--rc-slider-track-size=0.1875rem] - Visual track thickness.\n * @cssprop [--rc-slider-track-background=CanvasText] - Unfilled track color.\n * @cssprop [--rc-slider-track-opacity=0.25] - Unfilled track opacity.\n * @cssprop [--rc-slider-track-radius=var(--rc-control-radius)] - Track border radius.\n * @cssprop [--rc-slider-progress-background=var(--rc-accent)] - Filled track color.\n * @cssprop [--rc-slider-value-color=var(--rc-text-disabled)] - Value display text color.\n * @cssprop [--rc-slider-float-value-block-offset=-1.4em] - Block-axis offset for horizontal float value display.\n * @cssprop [--rc-slider-float-value-inline-offset=calc(100% + 0.5rem)] - Inline-axis offset for vertical float value display.\n *\n * @csspart root - Root layout wrapper.\n * @csspart control - Track/input positioning wrapper.\n * @csspart track - Visual slider track.\n * @csspart progress - Filled progress segment.\n * @csspart value-display - Rendered value text.\n */\nexport class RCSlider extends LitElement {\n  static override styles = css`\n    :host {\n      display: block;\n    }\n\n    .rc-slider-root {\n      display: grid;\n      gap: var(--rc-slider-gap, var(--rc-control-gap, 0.5rem));\n      align-items: center;\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    .rc-slider-root[data-display='inline-start'] {\n      grid-template-columns: auto minmax(0, 1fr);\n    }\n\n    .rc-slider-root[data-display='inline-end'] {\n      grid-template-columns: minmax(0, 1fr) auto;\n    }\n\n    .rc-slider-control {\n      position: relative;\n      display: block;\n      min-width: 0;\n      min-height: var(--rc-slider-control-size, var(--rc-control-block-size, 1.5rem));\n    }\n\n    .rc-slider-track,\n    .rc-slider-progress {\n      position: absolute;\n      pointer-events: none;\n    }\n\n    .rc-slider-track {\n      inset-inline: 0;\n      inset-block: calc(50% - var(--rc-slider-track-size, 0.1875rem) / 2);\n      block-size: var(--rc-slider-track-size, 0.1875rem);\n      background: var(--rc-slider-track-background, CanvasText);\n      opacity: var(--rc-slider-track-opacity, 0.25);\n      border-radius: var(--rc-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-slider-progress {\n      inset-block: 0;\n      background: var(--rc-slider-progress-background, var(--rc-accent, Highlight));\n      border-radius: inherit;\n      z-index: 1;\n    }\n\n    ::slotted(input[type='range']) {\n      position: absolute;\n      inset: 0;\n      inline-size: 100%;\n      block-size: 100%;\n      margin: 0;\n      background: transparent;\n      z-index: 2;\n    }\n\n    .rc-slider-value {\n      font-variant-numeric: tabular-nums;\n      white-space: nowrap;\n      color: var(--rc-slider-value-color, var(--rc-text-disabled, GrayText));\n    }\n\n    .rc-slider-root[data-display='float'] .rc-slider-value {\n      position: absolute;\n      inset-block-start: var(--rc-slider-float-value-block-offset, -1.4em);\n      transform: translateX(-50%);\n      pointer-events: none;\n      z-index: 3;\n    }\n\n    :host([orientation='vertical']) {\n      display: inline-block;\n    }\n\n    :host([orientation='vertical']) .rc-slider-control {\n      inline-size: var(--rc-slider-control-size, var(--rc-control-block-size, 1.5rem));\n      block-size: var(--rc-slider-vertical-size, 12.5rem);\n    }\n\n    :host([orientation='vertical']) .rc-slider-track {\n      inset-block: 0;\n      inset-inline: calc(50% - var(--rc-slider-track-size, 0.1875rem) / 2);\n      inline-size: var(--rc-slider-track-size, 0.1875rem);\n      block-size: auto;\n    }\n\n    :host([orientation='vertical']) .rc-slider-progress {\n      inset-inline: 0;\n    }\n\n    :host([orientation='vertical']) ::slotted(input[type='range']) {\n      writing-mode: vertical-lr;\n      direction: rtl;\n    }\n\n    :host([orientation='vertical']) .rc-slider-root[data-display='float'] .rc-slider-value {\n      inset-block-start: auto;\n      inset-inline-start: var(--rc-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 | undefined;\n  private _defaultValue: number | undefined;\n  private _valueInitialized = false;\n\n  /** Current slider value. */\n  @property({ type: Number })\n  get value(): number {\n    return this._value ?? this._defaultValue ?? this._nativeInputValue;\n  }\n  set value(v: number) {\n    const old = this._value;\n    this._value = v;\n    this._valueInitialized = true;\n    this._applyValueToInput(v);\n    this.requestUpdate('value', old);\n  }\n\n  /** Initial uncontrolled slider value. Has no effect after the first user interaction or `value` write. */\n  @property({ type: Number, attribute: 'default-value' })\n  get defaultValue(): number | undefined {\n    return this._defaultValue;\n  }\n  set defaultValue(v: number | undefined) {\n    const old = this._defaultValue;\n    this._defaultValue = v;\n    if (!this._valueInitialized && this._value === undefined && v !== undefined) {\n      this._applyValueToInput(v);\n      this.requestUpdate('value', undefined);\n    }\n    this.requestUpdate('defaultValue', old);\n  }\n\n  /** Disable the underlying input. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Prevents edits while preserving normal display. Not a native range attribute. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /**\n   * Controls the live value display.\n   *\n   * - Absent (default) — no value shown.\n   * - `display` or `display=\"float\"` — floats above the thumb.\n   * - `display=\"inline-start\"` — rendered before the track, inline in the grid.\n   * - `display=\"inline-end\"` — rendered after the track, inline in the grid.\n   */\n  @property({ reflect: true, converter: displayConverter })\n  display: DisplayValue = null;\n\n  /** Screen-reader value text. When set, forwarded as `aria-valuetext` on the native input. */\n  @property({ attribute: 'value-text' }) valueText = '';\n\n  /** Orientation; reflected as an attribute and forwarded to `aria-orientation`. */\n  @property({ reflect: true }) orientation: 'horizontal' | 'vertical' = 'horizontal';\n\n  private _$nativeInput: HTMLInputElement | null = null;\n\n  private readonly _nativeInputController = new NativeChildController<HTMLInputElement>(this, {\n    selector: ':scope > input[type=\"range\"]',\n    observe: true,\n    onChange: ($input, $previous) => this._setupInput($input, $previous),\n    onMissing: () => {\n      if (import.meta.env.DEV) {\n        warnMissingDirectChild(this, {\n          selector: ':scope > input[type=\"range\"]',\n          message: '[rc-slider] Requires a child <input type=\"range\"> element.',\n        });\n      }\n    },\n  });\n\n  override disconnectedCallback(): void {\n    this._unwireInput();\n    super.disconnectedCallback();\n  }\n\n  override updated(): void {\n    const $input = this._$nativeInput;\n    if (!$input) return;\n\n    $input.disabled = this.disabled;\n    this._syncAriaAttributes($input);\n  }\n\n  override render() {\n    const $input = this._$nativeInput;\n    if (!$input) return nothing;\n\n    const valueDisplay = html`\n      <span\n        part=\"value-display\"\n        class=\"rc-slider-value\"\n        style=${ifDefined(this.display === 'float' ? this._floatStyle() : undefined)}\n        aria-hidden=\"true\"\n      >\n        <slot name=\"value-display\">${this._displayText}</slot>\n      </span>\n    `;\n\n    return html`\n      <div\n        part=\"root\"\n        class=\"rc-slider-root\"\n        data-display=${this.display ?? nothing}\n        data-orientation=${this.orientation}\n        data-readonly=${this.readonly ? '' : nothing}\n        data-disabled=${this.disabled ? '' : nothing}\n        data-has-value-text=${this.valueText ? '' : nothing}\n      >\n        ${this.display === 'inline-start' ? valueDisplay : nothing}\n\n        <span part=\"control\" class=\"rc-slider-control\">\n          <span part=\"track\" class=\"rc-slider-track\" aria-hidden=\"true\">\n            <slot name=\"track-background\"></slot>\n            <span part=\"progress\" class=\"rc-slider-progress\" style=${this._progressStyle()}></span>\n          </span>\n\n          <slot @slotchange=${this._onDefaultSlotChange}></slot>\n          ${this.display === 'float' ? valueDisplay : nothing}\n        </span>\n\n        ${this.display === 'inline-end' ? valueDisplay : nothing}\n      </div>\n    `;\n  }\n\n  private get _displayText(): string {\n    return this.valueText || String(this.value);\n  }\n\n  private get _nativeInputValue(): number {\n    const value = this._$nativeInput?.valueAsNumber;\n    return value === undefined || isNaN(value) ? 0 : value;\n  }\n\n  private _setupInput($input: HTMLInputElement | null, $previous?: HTMLInputElement | null): void {\n    if ($previous && $previous !== $input) {\n      this._unwireInput($previous);\n    }\n\n    if (!$input) {\n      this._$nativeInput = null;\n      return;\n    }\n\n    // Mirror disabled state from the native input if not explicitly set on the host.\n    // Pre-upgrade markup may carry <input disabled> before the component upgrades.\n    if (!this.hasAttribute('disabled') && $input.disabled) {\n      this.disabled = true;\n    }\n\n    this._$nativeInput = $input;\n    this._applyInitialValueToInput($input);\n    this._wireInput($input);\n    this.requestUpdate();\n  }\n\n  private _onDefaultSlotChange = (): void => {\n    this._nativeInputController.sync();\n    this.requestUpdate();\n  };\n\n  private _applyInitialValueToInput($input: HTMLInputElement): void {\n    if (this._value !== undefined) {\n      this._applyValueToInput(this._value);\n      return;\n    }\n\n    if (this._defaultValue !== undefined) {\n      this._applyValueToInput(this._defaultValue);\n      return;\n    }\n\n    const value = $input.valueAsNumber;\n    if (!isNaN(value)) {\n      this._defaultValue = value;\n    }\n  }\n\n  private _applyValueToInput(value: number): void {\n    if (!this._$nativeInput) return;\n\n    this._$nativeInput.value = String(value);\n  }\n\n  private _wireInput($input: HTMLInputElement): void {\n    $input.addEventListener('input', this._onInput);\n    $input.addEventListener('change', this._onChange);\n    $input.addEventListener('keydown', this._onKeydown);\n  }\n\n  private _unwireInput($input = this._$nativeInput): void {\n    $input?.removeEventListener('input', this._onInput);\n    $input?.removeEventListener('change', this._onChange);\n    $input?.removeEventListener('keydown', this._onKeydown);\n  }\n\n  private _syncAriaAttributes($input: HTMLInputElement): void {\n    if (this.valueText) {\n      $input.setAttribute('aria-valuetext', this.valueText);\n    } else {\n      $input.removeAttribute('aria-valuetext');\n    }\n\n    if (this.orientation === 'vertical') {\n      $input.setAttribute('aria-orientation', 'vertical');\n    } else {\n      $input.removeAttribute('aria-orientation');\n    }\n\n    if (this.readonly) {\n      $input.setAttribute('aria-readonly', 'true');\n    } else {\n      $input.removeAttribute('aria-readonly');\n    }\n  }\n\n  private readonly _onInput = (e: Event): void => {\n    this._handleRangeEvent(e, 'rc-slider-input');\n  };\n\n  private readonly _onChange = (e: Event): void => {\n    this._handleRangeEvent(e, 'rc-slider-change');\n  };\n\n  private _handleRangeEvent(e: Event, type: 'rc-slider-input' | 'rc-slider-change'): void {\n    const $input = e.currentTarget as HTMLInputElement;\n\n    if (this.readonly) {\n      $input.value = String(this.value);\n      return;\n    }\n\n    this._commitInputValue($input);\n\n    const init: CustomEventInit<RCSliderValueEvent> = {\n      bubbles: true,\n      composed: true,\n      detail: { value: this.value },\n    };\n\n    if (type === 'rc-slider-input') {\n      this.dispatchEvent(new CustomEvent<RCSliderValueEvent>('rc-slider-input', init));\n    } else {\n      this.dispatchEvent(new CustomEvent<RCSliderValueEvent>('rc-slider-change', init));\n    }\n  }\n\n  private readonly _onKeydown = (e: KeyboardEvent): void => {\n    if (this.disabled || this.readonly) return;\n    if (e.key !== 'PageUp' && e.key !== 'PageDown') return;\n\n    e.preventDefault();\n    const $input = e.currentTarget as HTMLInputElement;\n\n    if (e.key === 'PageUp') $input.stepUp(10);\n    else $input.stepDown(10);\n\n    this._commitInputValue($input);\n\n    this.dispatchEvent(\n      new CustomEvent<RCSliderValueEvent>('rc-slider-input', {\n        bubbles: true,\n        composed: true,\n        detail: { value: this.value },\n      }),\n    );\n  };\n\n  private _commitInputValue($input: HTMLInputElement): void {\n    const old = this.value;\n\n    this._value = $input.valueAsNumber;\n    this._valueInitialized = true;\n\n    this.requestUpdate('value', old);\n  }\n\n  private _progressStyle(): string {\n    const $input = this._$nativeInput;\n    if (!$input) return '';\n\n    const min = parseAttr($input.min, 0);\n    const max = parseAttr($input.max, 100);\n    const pct = valueToPercent($input.valueAsNumber, min, max) * 100;\n\n    if (this.orientation === 'vertical') {\n      return `bottom:0%;height:${pct.toFixed(3)}%`;\n    }\n\n    return `left:0%;width:${pct.toFixed(3)}%`;\n  }\n\n  private _floatStyle(): string {\n    const $input = this._$nativeInput;\n    if (!$input) return '';\n\n    const min = parseAttr($input.min, 0);\n    const max = parseAttr($input.max, 100);\n    const pct = valueToPercent($input.valueAsNumber, min, max);\n    const k = (1 - pct * 2).toFixed(4);\n\n    if (this.orientation === 'vertical') {\n      return `bottom:calc(${(pct * 100).toFixed(3)}% + ${k} * var(--rc-thumb-radius, 9px))`;\n    }\n\n    return `left:calc(${(pct * 100).toFixed(3)}% + ${k} * var(--rc-thumb-radius, 9px))`;\n  }\n}\n\nexport default RCSlider;\n"],"names":["displayConverter","v","parseAttr","s","defaultVal","n","_RCSlider","LitElement","NativeChildController","$input","$previous","e","old","nothing","valueDisplay","html","ifDefined","value","type","init","min","max","pct","valueToPercent","k","css","RCSlider","__decorateClass","property"],"mappings":"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"}

package/dist/rc-slider-define.js

@@ -1,4 +1,4 @@
-import { R as e } from "./rc-slider-CRGEKO0W.js";
+import { R as e } from "./rc-slider-D_D-Ud3e.js";
 customElements.get("rc-slider") || customElements.define("rc-slider", e);
 export {
   e as RCSlider

package/dist/rc-slider.js

@@ -1,4 +1,4 @@
-import { R as o } from "./rc-slider-CRGEKO0W.js";
+import { R as o } from "./rc-slider-D_D-Ud3e.js";
 export {
   o as RCSlider
 };

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

@@ -5,14 +5,14 @@ export interface RCSliderValueEvent {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "rc-slider": RCSlider;
+        'rc-slider': RCSlider;
     }
     interface HTMLElementEventMap {
-        "rc-slider-input": CustomEvent<RCSliderValueEvent>;
-        "rc-slider-change": CustomEvent<RCSliderValueEvent>;
+        'rc-slider-input': CustomEvent<RCSliderValueEvent>;
+        'rc-slider-change': CustomEvent<RCSliderValueEvent>;
     }
 }
-type DisplayValue = "float" | "inline-start" | "inline-end" | null;
+type DisplayValue = 'float' | 'inline-start' | 'inline-end' | null;
 /**
  * Single-thumb slider backed by a native <input type="range"> with custom track and value
  * display hooks, following the WAI-ARIA Slider pattern.
@@ -101,7 +101,7 @@ export declare class RCSlider extends LitElement {
     /** Screen-reader value text. When set, forwarded as `aria-valuetext` on the native input. */
     valueText: string;
     /** Orientation; reflected as an attribute and forwarded to `aria-orientation`. */
-    orientation: "horizontal" | "vertical";
+    orientation: 'horizontal' | 'vertical';
     private _$nativeInput;
     private readonly _nativeInputController;
     disconnectedCallback(): void;

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Single-thumb slider backed by a native <input type=\"range\"> with custom track and value display hooks.",
   "repository": {
     "type": "git",
@@ -57,7 +57,7 @@
     "vitest-browser-lit": "^1.0.1"
   },
   "dependencies": {
-    "@rcarls/rc-common": "0.5.0"
+    "@rcarls/rc-common": "0.6.0"
   },
   "peerDependencies": {
     "lit": "^3.0.0"

package/dist/rc-slider-CRGEKO0W.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rc-slider-CRGEKO0W.js","sources":["../src/rc-slider.ts"],"sourcesContent":["import { LitElement, css, html, nothing } from \"lit\";\nimport type { ComplexAttributeConverter } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { NativeChildController, valueToPercent, warnMissingDirectChild } from \"@rcarls/rc-common\";\n\nexport interface RCSliderValueEvent {\n  /** Current numeric slider value. */\n  value: number;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"rc-slider\": RCSlider;\n  }\n\n  interface HTMLElementEventMap {\n    \"rc-slider-input\": CustomEvent<RCSliderValueEvent>;\n    \"rc-slider-change\": CustomEvent<RCSliderValueEvent>;\n  }\n}\n\ntype DisplayValue = \"float\" | \"inline-start\" | \"inline-end\" | null;\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  const n = parseFloat(s);\n  return isNaN(n) ? defaultVal : n;\n}\n\n/**\n * Single-thumb slider backed by a native <input type=\"range\"> with custom track and value\n * display hooks, following the WAI-ARIA Slider pattern.\n *\n * Label association:\n * - Explicit `for`/`id`: `<label for=\"vol\">Volume</label><rc-slider><input id=\"vol\" …></rc-slider>`\n * - Direct `aria-label` on the input: `<input aria-label=\"Volume\" …>`\n *\n * These patterns all work without JavaScript. The component does not render a\n * label element itself — the consumer is responsible for accessible naming.\n *\n * Form participation is handled natively by the consumer-provided input's `name`\n * attribute; no `ElementInternals` setup is required.\n *\n * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-slider rc-slider docs}\n * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/slider/ WAI-ARIA Slider pattern}\n *\n * @slot track-background - Optional decorative content rendered inside the track before the progress fill.\n * @slot value-display - Optional replacement for the rendered value text.\n *\n * @fires rc-slider-input  - Fires continuously while the value changes. Detail: `{ value }`.\n * @fires rc-slider-change - Fires when the committed value changes (on release). Detail: `{ value }`.\n *\n * @attr min - Minimum slider value.\n * @attr max - Maximum slider value.\n * @attr step - Slider step.\n * @attr value - Current slider value. Host writes are silent.\n * @attr default-value - Initial uncontrolled slider value. Has no effect after the first user\n *   interaction or `value` write.\n * @attr disabled - Disables the underlying input.\n * @attr readonly - Prevents edits while preserving normal display. Not a native range attribute.\n * @attr display - Controls the live value display: absent (none), `float`, `inline-start`, or\n *   `inline-end`.\n * @attr value-text - Screen-reader value text, forwarded as `aria-valuetext` on the native input.\n * @attr orientation - Orientation, forwarded to `aria-orientation`: `horizontal` or `vertical`.\n *\n * @cssprop [--rc-thumb-radius=9px] - Half the thumb width; used to position the float value display.\n * @cssprop [--rc-slider-gap=var(--rc-control-gap)] - Gap between track and inline value display.\n * @cssprop [--rc-slider-control-size=var(--rc-control-block-size)] - Track hit-area block size.\n * @cssprop [--rc-slider-vertical-size=12.5rem] - Track length when `orientation=\"vertical\"`.\n * @cssprop [--rc-slider-track-size=0.1875rem] - Visual track thickness.\n * @cssprop [--rc-slider-track-background=CanvasText] - Unfilled track color.\n * @cssprop [--rc-slider-track-opacity=0.25] - Unfilled track opacity.\n * @cssprop [--rc-slider-track-radius=var(--rc-control-radius)] - Track border radius.\n * @cssprop [--rc-slider-progress-background=var(--rc-accent)] - Filled track color.\n * @cssprop [--rc-slider-value-color=var(--rc-text-disabled)] - Value display text color.\n * @cssprop [--rc-slider-float-value-block-offset=-1.4em] - Block-axis offset for horizontal float value display.\n * @cssprop [--rc-slider-float-value-inline-offset=calc(100% + 0.5rem)] - Inline-axis offset for vertical float value display.\n *\n * @csspart root - Root layout wrapper.\n * @csspart control - Track/input positioning wrapper.\n * @csspart track - Visual slider track.\n * @csspart progress - Filled progress segment.\n * @csspart value-display - Rendered value text.\n */\nexport class RCSlider extends LitElement {\n  static override styles = css`\n    :host {\n      display: block;\n    }\n\n    .rc-slider-root {\n      display: grid;\n      gap: var(--rc-slider-gap, var(--rc-control-gap, 0.5rem));\n      align-items: center;\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    .rc-slider-root[data-display=\"inline-start\"] {\n      grid-template-columns: auto minmax(0, 1fr);\n    }\n\n    .rc-slider-root[data-display=\"inline-end\"] {\n      grid-template-columns: minmax(0, 1fr) auto;\n    }\n\n    .rc-slider-control {\n      position: relative;\n      display: block;\n      min-width: 0;\n      min-height: var(--rc-slider-control-size, var(--rc-control-block-size, 1.5rem));\n    }\n\n    .rc-slider-track,\n    .rc-slider-progress {\n      position: absolute;\n      pointer-events: none;\n    }\n\n    .rc-slider-track {\n      inset-inline: 0;\n      inset-block: calc(50% - var(--rc-slider-track-size, 0.1875rem) / 2);\n      block-size: var(--rc-slider-track-size, 0.1875rem);\n      background: var(--rc-slider-track-background, CanvasText);\n      opacity: var(--rc-slider-track-opacity, 0.25);\n      border-radius: var(--rc-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-slider-progress {\n      inset-block: 0;\n      background: var(--rc-slider-progress-background, var(--rc-accent, Highlight));\n      border-radius: inherit;\n      z-index: 1;\n    }\n\n    ::slotted(input[type=\"range\"]) {\n      position: absolute;\n      inset: 0;\n      inline-size: 100%;\n      block-size: 100%;\n      margin: 0;\n      background: transparent;\n      z-index: 2;\n    }\n\n    .rc-slider-value {\n      font-variant-numeric: tabular-nums;\n      white-space: nowrap;\n      color: var(--rc-slider-value-color, var(--rc-text-disabled, GrayText));\n    }\n\n    .rc-slider-root[data-display=\"float\"] .rc-slider-value {\n      position: absolute;\n      inset-block-start: var(--rc-slider-float-value-block-offset, -1.4em);\n      transform: translateX(-50%);\n      pointer-events: none;\n      z-index: 3;\n    }\n\n    :host([orientation=\"vertical\"]) {\n      display: inline-block;\n    }\n\n    :host([orientation=\"vertical\"]) .rc-slider-control {\n      inline-size: var(--rc-slider-control-size, var(--rc-control-block-size, 1.5rem));\n      block-size: var(--rc-slider-vertical-size, 12.5rem);\n    }\n\n    :host([orientation=\"vertical\"]) .rc-slider-track {\n      inset-block: 0;\n      inset-inline: calc(50% - var(--rc-slider-track-size, 0.1875rem) / 2);\n      inline-size: var(--rc-slider-track-size, 0.1875rem);\n      block-size: auto;\n    }\n\n    :host([orientation=\"vertical\"]) .rc-slider-progress {\n      inset-inline: 0;\n    }\n\n    :host([orientation=\"vertical\"]) ::slotted(input[type=\"range\"]) {\n      writing-mode: vertical-lr;\n      direction: rtl;\n    }\n\n    :host([orientation=\"vertical\"]) .rc-slider-root[data-display=\"float\"] .rc-slider-value {\n      inset-block-start: auto;\n      inset-inline-start: var(--rc-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 | undefined;\n  private _defaultValue: number | undefined;\n  private _valueInitialized = false;\n\n  /** Current slider value. */\n  @property({ type: Number })\n  get value(): number {\n    return this._value ?? this._defaultValue ?? this._nativeInputValue;\n  }\n  set value(v: number) {\n    const old = this._value;\n    this._value = v;\n    this._valueInitialized = true;\n    this._applyValueToInput(v);\n    this.requestUpdate(\"value\", old);\n  }\n\n  /** Initial uncontrolled slider value. Has no effect after the first user interaction or `value` write. */\n  @property({ type: Number, attribute: \"default-value\" })\n  get defaultValue(): number | undefined {\n    return this._defaultValue;\n  }\n  set defaultValue(v: number | undefined) {\n    const old = this._defaultValue;\n    this._defaultValue = v;\n    if (\n      !this._valueInitialized &&\n      this._value === undefined &&\n      v !== undefined\n    ) {\n      this._applyValueToInput(v);\n      this.requestUpdate(\"value\", undefined);\n    }\n    this.requestUpdate(\"defaultValue\", old);\n  }\n\n  /** Disable the underlying input. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Prevents edits while preserving normal display. Not a native range attribute. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /**\n   * Controls the live value display.\n   *\n   * - Absent (default) — no value shown.\n   * - `display` or `display=\"float\"` — floats above the thumb.\n   * - `display=\"inline-start\"` — rendered before the track, inline in the grid.\n   * - `display=\"inline-end\"` — rendered after the track, inline in the grid.\n   */\n  @property({ reflect: true, converter: displayConverter })\n  display: DisplayValue = null;\n\n  /** Screen-reader value text. When set, forwarded as `aria-valuetext` on the native input. */\n  @property({ attribute: \"value-text\" }) valueText = \"\";\n\n  /** Orientation; reflected as an attribute and forwarded to `aria-orientation`. */\n  @property({ reflect: true }) orientation: \"horizontal\" | \"vertical\" =\n    \"horizontal\";\n\n  private _$nativeInput: HTMLInputElement | null = null;\n\n  private readonly _nativeInputController = new NativeChildController<HTMLInputElement>(this, {\n    selector: ':scope > input[type=\"range\"]',\n    observe: true,\n    onChange: ($input, $previous) => this._setupInput($input, $previous),\n    onMissing: () => {\n      if (import.meta.env.DEV) {\n        warnMissingDirectChild(this, {\n          selector: ':scope > input[type=\"range\"]',\n          message: '[rc-slider] Requires a child <input type=\"range\"> element.',\n        });\n      }\n    },\n  });\n\n  override disconnectedCallback(): void {\n    this._unwireInput();\n    super.disconnectedCallback();\n  }\n\n  override updated(): void {\n    const $input = this._$nativeInput;\n    if (!$input) return;\n\n    $input.disabled = this.disabled;\n    this._syncAriaAttributes($input);\n  }\n\n  override render() {\n    const $input = this._$nativeInput;\n    if (!$input) return nothing;\n\n    const valueDisplay = html`\n      <span\n        part=\"value-display\"\n        class=\"rc-slider-value\"\n        style=${ifDefined(\n          this.display === \"float\" ? this._floatStyle() : undefined,\n        )}\n        aria-hidden=\"true\"\n      >\n        <slot name=\"value-display\">${this._displayText}</slot>\n      </span>\n    `;\n\n    return html`\n      <div\n        part=\"root\"\n        class=\"rc-slider-root\"\n        data-display=${this.display ?? nothing}\n        data-orientation=${this.orientation}\n        data-readonly=${this.readonly ? \"\" : nothing}\n        data-disabled=${this.disabled ? \"\" : nothing}\n        data-has-value-text=${this.valueText ? \"\" : nothing}\n      >\n        ${this.display === \"inline-start\" ? valueDisplay : nothing}\n\n        <span part=\"control\" class=\"rc-slider-control\">\n          <span part=\"track\" class=\"rc-slider-track\" aria-hidden=\"true\">\n            <slot name=\"track-background\"></slot>\n            <span\n              part=\"progress\"\n              class=\"rc-slider-progress\"\n              style=${this._progressStyle()}\n            ></span>\n          </span>\n\n          <slot @slotchange=${this._onDefaultSlotChange}></slot>\n          ${this.display === \"float\" ? valueDisplay : nothing}\n        </span>\n\n        ${this.display === \"inline-end\" ? valueDisplay : nothing}\n      </div>\n    `;\n  }\n\n  private get _displayText(): string {\n    return this.valueText || String(this.value);\n  }\n\n  private get _nativeInputValue(): number {\n    const value = this._$nativeInput?.valueAsNumber;\n    return value === undefined || isNaN(value) ? 0 : value;\n  }\n\n  private _setupInput($input: HTMLInputElement | null, $previous?: HTMLInputElement | null): void {\n    if ($previous && $previous !== $input) {\n      this._unwireInput($previous);\n    }\n\n    if (!$input) {\n      this._$nativeInput = null;\n      return;\n    }\n\n    // Mirror disabled state from the native input if not explicitly set on the host.\n    // Pre-upgrade markup may carry <input disabled> before the component upgrades.\n    if (!this.hasAttribute(\"disabled\") && $input.disabled) {\n      this.disabled = true;\n    }\n\n    this._$nativeInput = $input;\n    this._applyInitialValueToInput($input);\n    this._wireInput($input);\n    this.requestUpdate();\n  }\n\n  private _onDefaultSlotChange = (): void => {\n    this._nativeInputController.sync();\n    this.requestUpdate();\n  };\n\n  private _applyInitialValueToInput($input: HTMLInputElement): void {\n    if (this._value !== undefined) {\n      this._applyValueToInput(this._value);\n      return;\n    }\n\n    if (this._defaultValue !== undefined) {\n      this._applyValueToInput(this._defaultValue);\n      return;\n    }\n\n    const value = $input.valueAsNumber;\n    if (!isNaN(value)) {\n      this._defaultValue = value;\n    }\n  }\n\n  private _applyValueToInput(value: number): void {\n    if (!this._$nativeInput) return;\n\n    this._$nativeInput.value = String(value);\n  }\n\n  private _wireInput($input: HTMLInputElement): void {\n    $input.addEventListener(\"input\", this._onInput);\n    $input.addEventListener(\"change\", this._onChange);\n    $input.addEventListener(\"keydown\", this._onKeydown);\n  }\n\n  private _unwireInput($input = this._$nativeInput): void {\n    $input?.removeEventListener(\"input\", this._onInput);\n    $input?.removeEventListener(\"change\", this._onChange);\n    $input?.removeEventListener(\"keydown\", this._onKeydown);\n  }\n\n  private _syncAriaAttributes($input: HTMLInputElement): void {\n    if (this.valueText) {\n      $input.setAttribute(\"aria-valuetext\", this.valueText);\n    } else {\n      $input.removeAttribute(\"aria-valuetext\");\n    }\n\n    if (this.orientation === \"vertical\") {\n      $input.setAttribute(\"aria-orientation\", \"vertical\");\n    } else {\n      $input.removeAttribute(\"aria-orientation\");\n    }\n\n    if (this.readonly) {\n      $input.setAttribute(\"aria-readonly\", \"true\");\n    } else {\n      $input.removeAttribute(\"aria-readonly\");\n    }\n  }\n\n  private readonly _onInput = (e: Event): void => {\n    this._handleRangeEvent(e, \"rc-slider-input\");\n  };\n\n  private readonly _onChange = (e: Event): void => {\n    this._handleRangeEvent(e, \"rc-slider-change\");\n  };\n\n  private _handleRangeEvent(\n    e: Event,\n    type: \"rc-slider-input\" | \"rc-slider-change\",\n  ): void {\n    const $input = e.currentTarget as HTMLInputElement;\n\n    if (this.readonly) {\n      $input.value = String(this.value);\n      return;\n    }\n\n    this._commitInputValue($input);\n\n    this.dispatchEvent(\n      new CustomEvent<RCSliderValueEvent>(type, {\n        bubbles: true,\n        composed: true,\n        detail: { value: this.value },\n      }),\n    );\n  }\n\n  private readonly _onKeydown = (e: KeyboardEvent): void => {\n    if (this.disabled || this.readonly) return;\n    if (e.key !== \"PageUp\" && e.key !== \"PageDown\") return;\n\n    e.preventDefault();\n    const $input = e.currentTarget as HTMLInputElement;\n\n    if (e.key === \"PageUp\") $input.stepUp(10);\n    else $input.stepDown(10);\n\n    this._commitInputValue($input);\n\n    this.dispatchEvent(\n      new CustomEvent<RCSliderValueEvent>(\"rc-slider-input\", {\n        bubbles: true,\n        composed: true,\n        detail: { value: this.value },\n      }),\n    );\n  };\n\n  private _commitInputValue($input: HTMLInputElement): void {\n    const old = this.value;\n\n    this._value = $input.valueAsNumber;\n    this._valueInitialized = true;\n\n    this.requestUpdate(\"value\", old);\n  }\n\n  private _progressStyle(): string {\n    const $input = this._$nativeInput;\n    if (!$input) return \"\";\n\n    const min = parseAttr($input.min, 0);\n    const max = parseAttr($input.max, 100);\n    const pct = valueToPercent($input.valueAsNumber, min, max) * 100;\n\n    if (this.orientation === \"vertical\") {\n      return `bottom:0%;height:${pct.toFixed(3)}%`;\n    }\n\n    return `left:0%;width:${pct.toFixed(3)}%`;\n  }\n\n  private _floatStyle(): string {\n    const $input = this._$nativeInput;\n    if (!$input) return \"\";\n\n    const min = parseAttr($input.min, 0);\n    const max = parseAttr($input.max, 100);\n    const pct = valueToPercent($input.valueAsNumber, min, max);\n    const k = (1 - pct * 2).toFixed(4);\n\n    if (this.orientation === \"vertical\") {\n      return `bottom:calc(${(pct * 100).toFixed(3)}% + ${k} * var(--rc-thumb-radius, 9px))`;\n    }\n\n    return `left:calc(${(pct * 100).toFixed(3)}% + ${k} * var(--rc-thumb-radius, 9px))`;\n  }\n}\n\nexport default RCSlider;\n"],"names":["displayConverter","v","parseAttr","s","defaultVal","n","_RCSlider","LitElement","NativeChildController","$input","$previous","e","old","nothing","valueDisplay","html","ifDefined","value","type","min","max","pct","valueToPercent","k","css","RCSlider","__decorateClass","property"],"mappings":"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"}