You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP

range-slider-element

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

range-slider-element - npm Package Versions

2
a
andreruffert
published 2.1.0 •
a
andreruffert
published 2.1.0-rc.0 •
a
andreruffert
published 2.0.0 •

Changelog

Source

2.0.0 (2025-03-02)

Features

  • Multi thumb support
  • Vertical orientation support
  • HTML form support

Breaking changes

  • CSS custom properties scoped under the range-slider element

    - --value-percent 
    - --element-height
    - --track-height
    
    /* The track size based on the orientation */
    + --track-size
    

    With v2 the value percent is automatically applied to the track fill and thumbs.

  • DOM selectors

    Track/-fill

    - range-slider::before {}
    
    + range-slider [data-track] {}
    + range-slider [data-track-fill] {}
    
    - range-slider .thumb-wrapper {}
    
    /* Advanced customization */
    + range-slider [data-runnable-track]
    

    Thumb

    - range-slider .thumb {}
    
    + range-slider [data-thumb] {}
    

    Focus state

    - range-slider:focus .thumb {}
    
    + range-slider [data-thumb]:focus {}
    

    Instead of the element itself, the thumb is focusable.

    Active state

    - range-slider.touch-active .thumb-wrapper .thumb {}
    
    + range-slider thumb:active {}
    

Bug fixes

  • Fix disabled state
  • Fix rtl direction track fill
a
andreruffert
published 2.0.0-rc.7 •
a
andreruffert
published 1.1.0 •

Changelog

Source

1.1.0 (2021-05-28)

Features

  • perf: parse html template only once (36a769a)
a
andreruffert
published 2.0.0-rc.6 •
a
andreruffert
published 2.0.0-rc.5 •
a
andreruffert
published 2.0.0-rc.4 •
a
andreruffert
published 2.0.0-rc.3 •
a
andreruffert
published 2.0.0-rc.2 •
2