Allow negative numbers

Author: erimicel

index.html

@@ -103,6 +103,15 @@ <h2 class="mb-6 text-2xl font-semibold text-gray-800">
         <input type="text" data-range-slider-target="inputMin" value="5">
       </div>
 
+      <!-- Single Range Slider with Labels, negavtive numbers and markers -->
+      <div data-controller="range-slider" data-range-slider-values-value="-5..5" data-range-slider-labels-value="true"
+        data-range-slider-markers-value="true">
+        <label class="block mb-2 text-sm font-medium text-gray-700">Example of single range slider with
+          labels and markers</label>
+      
+        <input type="text" data-range-slider-target="inputMin" value="0">
+      </div>
+
       <!-- Single Range Slider with Labels and Step -->
       <div data-controller="range-slider" data-range-slider-values-value="0..150" data-range-slider-labels-value="true"
         data-range-slider-step-value="10">

src/range_slider.js

@@ -452,10 +452,8 @@ export default class extends Controller {
   parseRange(min, max, step) {
     if (!max || !step) return null;
 
-    return Array.from(
-      { length: Math.ceil((max - min + 1) / step) },
-      (_, i) => min + i * step
-    );
+    const count = Math.floor((max - min) / step) + 1;
+    return Array.from({ length: count }, (_, i) => min + i * step);
   }
 
   createElement(el, klass, dataAttr) {