2.0.0

Author: andreruffert

CHANGELOG.md

@@ -1,94 +1,69 @@
-# [2.0.0-rc.7](https://github.com/andreruffert/range-slider-element/compare/v1.1.0...v2.0.0-rc.7) (2025-02-21)
-
-
-### Bug Fixes
-
-* disabled setter ([31d011f](https://github.com/andreruffert/range-slider-element/commit/31d011fe92a7cc617faee4a9fc19f93f3a6e5352))
-* disabled setter element tabindex attribute ([65ec79b](https://github.com/andreruffert/range-slider-element/commit/65ec79b2abd649ccb09c89f938c451e8db254a74))
-* disabled state ([ddf2010](https://github.com/andreruffert/range-slider-element/commit/ddf201000cc771ece8e92727ae5f525b103625fa))
-* do not send "input" event for initial value ([b462a5b](https://github.com/andreruffert/range-slider-element/commit/b462a5bb32742aab6984f702298d3ccf23669224))
-* rtl direction track value fill ([b41c32a](https://github.com/andreruffert/range-slider-element/commit/b41c32a94d758c78373b83f1ef23915a25bce1a8))
-* send "change" event only if value has changed ([7b5257d](https://github.com/andreruffert/range-slider-element/commit/7b5257d31ffd3975d4f3a3daeef98b18fcbd56eb))
-* thumb move flicker glitch seen on iOS ([39a2b9c](https://github.com/andreruffert/range-slider-element/commit/39a2b9c941c615cb26bc014d3a34caade8c1a79a))
-
-
-### Features
-
-* add vertical orientation support ([42d6ef3](https://github.com/andreruffert/range-slider-element/commit/42d6ef3c206b252c4e1c478ecafa9d8c7aa3f61e))
-* ensure thumb always covers the fill ([e9efe89](https://github.com/andreruffert/range-slider-element/commit/e9efe893bb5e51704c33d517a8c0f9d31606791d))
-* improved focus behaviour ([9c15420](https://github.com/andreruffert/range-slider-element/commit/9c154202fc1ba708bb987b2ed1761dca8c25fbab))
-* introduce form data support ([1bf5263](https://github.com/andreruffert/range-slider-element/commit/1bf5263ec0e8b66658f3ead5c9c994b369a81d7c))
-* introduce multi thumb support ([aa927ef](https://github.com/andreruffert/range-slider-element/commit/aa927efc9be417750eea5719c9a70dc5d01ea96f))
-* **style:** default box-sizing border-box ([f52dcc5](https://github.com/andreruffert/range-slider-element/commit/f52dcc5f5efb63b30538fa5ab397def572bf7223))
-* **style:** element *-size instead of min-*-size ([9322518](https://github.com/andreruffert/range-slider-element/commit/93225184b3407cc135630ecaaa8854b4fece7560))
-* **style:** introduce [@layer](https://github.com/layer) range-slider-element ([4fe86d3](https://github.com/andreruffert/range-slider-element/commit/4fe86d38ae410ea226933bb4f6be14d4206b73bb))
-* v2 iteration ([75a3183](https://github.com/andreruffert/range-slider-element/commit/75a31834aca2667e5a28eacb4e0143d89d4b0c0d))
-* v2 iteration ([abf6864](https://github.com/andreruffert/range-slider-element/commit/abf6864caaa3a159eb719fa5065ab17bb3b5d44b))
-* v2 iteration ([d1a51c0](https://github.com/andreruffert/range-slider-element/commit/d1a51c0035f0e02aa21278a53b36cdcd335f8546))
-* v2 iteration ([6ec9afb](https://github.com/andreruffert/range-slider-element/commit/6ec9afb5081dda1e6cd0e1637487c8b10a7afa51))
-* v2 iteration ([5bb309d](https://github.com/andreruffert/range-slider-element/commit/5bb309d6e9b4f0a5a0e970ae9bc8ef923e271d60))
-
-
-
-# [2.0.0-rc.6](https://github.com/andreruffert/range-slider-element/compare/v2.0.0-rc.5...v2.0.0-rc.6) (2025-02-19)
-
-
-### Bug Fixes
-
-* thumb move flicker glitch seen on iOS ([17b6af1](https://github.com/andreruffert/range-slider-element/commit/17b6af119f10e7137e9af6383857cbdb96065063))
-
-
-### Features
-
-* **style:** default box-sizing border-box ([ba11741](https://github.com/andreruffert/range-slider-element/commit/ba117417322ab4ba4be602e681f8f2697e236960))
-
-
-
-# [2.0.0-rc.5](https://github.com/andreruffert/range-slider-element/compare/v2.0.0-rc.4...v2.0.0-rc.5) (2025-02-18)
-
+# [2.0.0](https://github.com/andreruffert/range-slider-element/compare/v1.1.0...v2.0.0) (2025-03-02)
 
 ### Features
 
-* ensure thumb always covers the fill ([2f0e0a7](https://github.com/andreruffert/range-slider-element/commit/2f0e0a783033dc3ac2aa30e5122d7de124a36b4c))
-* **style:** element *-size instead of min-*-size ([dba7626](https://github.com/andreruffert/range-slider-element/commit/dba7626e46b7c9c27254d7f8bc4a15ff25274c86))
-* **style:** introduce [@layer](https://github.com/layer) range-slider-element ([25e5b34](https://github.com/andreruffert/range-slider-element/commit/25e5b34b26a428ecb1b7f637ad39ea84f90e2046))
-
-
-
-# [2.0.0-rc.4](https://github.com/andreruffert/range-slider-element/compare/v2.0.0-rc.0...v2.0.0-rc.4) (2025-02-17)
+- Multi thumb support
+- Vertical orientation support
+- HTML form support
 
 
-### Bug Fixes
+### Breaking changes
 
-* disabled setter ([0b9cf8d](https://github.com/andreruffert/range-slider-element/commit/0b9cf8d899c5f748bb4f69d102c1cb66cfacaa7f))
-* disabled setter element tabindex attribute ([3576040](https://github.com/andreruffert/range-slider-element/commit/3576040f7e537a1aa8efef92b4a9f3945fb43682))
+* **CSS custom properties** scoped under the range-slider element
+  ```diff
+  - --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.
 
-### Features
-
-* improved focus behaviour ([ef56e4e](https://github.com/andreruffert/range-slider-element/commit/ef56e4e70d8a45bf5d9e00960e6afca0141608e8))
-* introduce multi thumb support ([36d3051](https://github.com/andreruffert/range-slider-element/commit/36d3051cb6ee5bb8846a7d538c077e33348ebf51))
-* v2 iteration ([c3d1cc8](https://github.com/andreruffert/range-slider-element/commit/c3d1cc844983700dfaf7577aa1e78b91d07e4c04))
-* v2 iteration ([73875a6](https://github.com/andreruffert/range-slider-element/commit/73875a67056ad40f79d85ae8de7e8a792939e52b))
-* v2 iteration ([86072dc](https://github.com/andreruffert/range-slider-element/commit/86072dcda041a3afda67469f179000a75ad44395))
-* v2 iteration ([f8098c8](https://github.com/andreruffert/range-slider-element/commit/f8098c8e9bc73411305e59ecc8b8a2c44af70c45))
+* **DOM selectors**
+  
+  Track/-fill
+  ```diff
+  - range-slider::before {}
+  
+  + range-slider [data-track] {}
+  + range-slider [data-track-fill] {}
+  ```
 
+  ```diff
+  - range-slider .thumb-wrapper {}
 
+  /* Advanced customization */
+  + range-slider [data-runnable-track]
+  ```
 
-# [2.0.0-rc.0](https://github.com/andreruffert/range-slider-element/compare/v1.1.0...v2.0.0-rc.0) (2025-02-06)
+  Thumb
+  ```diff
+  - range-slider .thumb {}
+  
+  + range-slider [data-thumb] {}
+  ```
 
+  Focus state
+  ```diff
+  - range-slider:focus .thumb {}
+  
+  + range-slider [data-thumb]:focus {}
+  ```
+  Instead of the element itself, the thumb is focusable.
 
-### Bug Fixes
+  Active state
+  ```diff
+  - range-slider.touch-active .thumb-wrapper .thumb {}
+  
+  + range-slider thumb:active {}
+  ````
 
-* disabled state ([1764069](https://github.com/andreruffert/range-slider-element/commit/17640693b6ce82c0717c9d689eca52d453984134))
-* rtl direction track value fill ([6423940](https://github.com/andreruffert/range-slider-element/commit/64239404c95e1cc320fdc30889380f02663d5fc2))
 
+### Bug fixes
 
-### Features
-
-* add vertical orientation support ([7c3a768](https://github.com/andreruffert/range-slider-element/commit/7c3a768b5331e5e8487bd75ae80f501b11bc9ab0))
-* introduce form data support ([e153c6f](https://github.com/andreruffert/range-slider-element/commit/e153c6f3c5ed68bcbd817284649405938f37e452))
-* v2 iteration ([5a6cce4](https://github.com/andreruffert/range-slider-element/commit/5a6cce41c0b785374b2d86af2aafbd6134a069ed))
+* Fix disabled state
+* Fix rtl direction track fill
 
 
 
@@ -101,63 +76,7 @@
 
 
 
-# [1.0.0](https://github.com/andreruffert/range-slider-element/compare/v1.0.0-beta.7...v1.0.0) (2020-12-21)
-
-
-### Features
-
-* introduce .defaultValue ([#31](https://github.com/andreruffert/range-slider-element/issues/31)) ([e29b00c](https://github.com/andreruffert/range-slider-element/commit/e29b00c77c1f657c6f374ceaf0f49b3a21afe77c))
-
-
-
-# [1.0.0-beta.7](https://github.com/andreruffert/range-slider-element/compare/v1.0.0-beta.6...v1.0.0-beta.7) (2020-04-14)
-
-
-
-# [1.0.0-beta.6](https://github.com/andreruffert/range-slider-element/compare/v1.0.0-beta.5...v1.0.0-beta.6) (2019-10-14)
-
-
-### Features
-
-* update example to fetch files from cdn (unpkg) ([bc7016c](https://github.com/andreruffert/range-slider-element/commit/bc7016c2a8726cf0e6569b52b4b33e48e500ad4c))
-
-
-
-# [1.0.0-beta.5](https://github.com/andreruffert/range-slider-element/compare/v1.0.0-beta.4...v1.0.0-beta.5) (2019-10-08)
-
-
-
-# [1.0.0-beta.4](https://github.com/andreruffert/range-slider-element/compare/v1.0.0-beta.3...v1.0.0-beta.4) (2019-10-07)
-
-
-### Bug Fixes
-
-* document.createElement('range-slider') ([024ceee](https://github.com/andreruffert/range-slider-element/commit/024ceeed817af08cd191df82050248eca1a0e5a1))
-* style imports ([aee83ca](https://github.com/andreruffert/range-slider-element/commit/aee83ca4613e8abe8bb815c04f07bf5fde0781b3))
-
-
-
-# [1.0.0-beta.3](https://github.com/andreruffert/range-slider-element/compare/v1.0.0-beta.2...v1.0.0-beta.3) (2019-10-06)
-
-
-
-# [1.0.0-beta.2](https://github.com/andreruffert/range-slider-element/compare/91b540507e36986853e0702a09724e9c0904c584...v1.0.0-beta.2) (2019-10-06)
-
-
-### Bug Fixes
-
-* keyboard support + stepUp / stepDown methods ([67717f1](https://github.com/andreruffert/range-slider-element/commit/67717f1c6d06f64870344796bbb87cc9067444fd))
-
-
-### Features
-
-* add keyboard & a11y support  + refactoring ([1433680](https://github.com/andreruffert/range-slider-element/commit/143368053306f01db2a5813cd3a6a1a9b03bf5e1))
-* basic pointer capture version ([91b5405](https://github.com/andreruffert/range-slider-element/commit/91b540507e36986853e0702a09724e9c0904c584))
-* compute value optimizations ([f3341dd](https://github.com/andreruffert/range-slider-element/commit/f3341dd1cb1e9bcf28f8de59a9199191a311731a))
-* dir attribute rtl support ([accb30a](https://github.com/andreruffert/range-slider-element/commit/accb30a23469cbf006063219c86367ac5caebd23))
-* support floating point + negative numbers ([91db9eb](https://github.com/andreruffert/range-slider-element/commit/91db9eb3754742eb057db33f62c0f3fa70e4bfa6))
-* ui improvements ([bd6a83c](https://github.com/andreruffert/range-slider-element/commit/bd6a83cf2fbf156ed0907ec0ac1f64e20f82e1c1))
-* value display example ([f0774a4](https://github.com/andreruffert/range-slider-element/commit/f0774a41eac937d6c64179620bcff64f03fec28c))
+# [1.0.0](https://github.com/andreruffert/range-slider-element/compare/593d4a4478bfb2d8ec272ca2ba2b98943400a861...v1.0.0) (2020-12-21)
 
 
 

README.md

@@ -1,10 +1,3 @@
-> [!IMPORTANT]  
-> This is the documentation for the **v2 Release Candidate**.
-> 
-> You can install it using the @next tag.
-> 
-> `npm i range-slider-element@next`
-
 # <range-slider> element
 
 > A cross browser customizable and accessible <range-slider> web component.

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "range-slider-element",
-  "version": "2.0.0-rc.7",
+  "version": "2.0.0",
   "description": "A cross browser customizable and accessible <range-slider> web component",
   "license": "MIT",
   "funding": "https://github.com/andreruffert/range-slider-element?sponsor=1",