From 14d31b9e1930d3ed476708b353fadd9da9d66bfd Mon Sep 17 00:00:00 2001
From: Andras Schmelczer <andras@schmelczer.dev>
Date: Sat, 27 May 2023 19:50:02 +0100
Subject: [PATCH] Fix slider

---
 src/utils/settings-slider.ts | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/utils/settings-slider.ts b/src/utils/settings-slider.ts
index 4b10a9d..b16262f 100644
--- a/src/utils/settings-slider.ts
+++ b/src/utils/settings-slider.ts
@@ -17,7 +17,7 @@ export interface SliderConfiguration {
 }
 
 export class SettingsSlider<T extends Record<string, number>> {
-  private static readonly DEFAULT_STEP_COUNT = 200;
+  private static readonly DEFAULT_STEP_COUNT = 20000;
 
   private readonly slider: HTMLInputElement;
   private readonly valueDisplay: HTMLSpanElement;
@@ -89,6 +89,7 @@ export class SettingsSlider<T extends Record<string, number>> {
     this.settings[this.settingName] = this.config.rounding(
       this.inverseScaling(Number(this.slider.value))
     ) as any;
+
     this.config.onChangeCallback?.(this.settings[this.settingName]);
     this.valueDisplay.innerText = formatNumber(
       this.settings[this.settingName],
@@ -101,16 +102,14 @@ export class SettingsSlider<T extends Record<string, number>> {
 
     if (this.config.step === undefined) {
       this.config.step =
-        this.scaling(this.config.max - this.scaling(this.config.min)) /
+        (this.scaling(this.config.max) - this.scaling(this.config.min)) /
         SettingsSlider.DEFAULT_STEP_COUNT;
     }
 
-    this.slider.value = this.scaling(this.settings[this.settingName]).toString();
     this.slider.min = this.scaling(this.config.min).toString();
     this.slider.max = this.scaling(this.config.max).toString();
-
     this.slider.step = this.config.step.toString();
-
+    this.slider.value = this.scaling(this.settings[this.settingName]).toString();
     this.onChange();
   }