clamp

package.json

@@ -13,6 +13,7 @@
   },
   "dependencies": {
     "@tauri-apps/api": "1.5.x",
+    "core-js": "^3.34.0",
     "lodash-es": "4.x",
     "vue": "3.x"
   },

src/components/FeatureSlider.vue

@@ -65,7 +65,7 @@ export default defineComponent({
                 monitorManager.updateFeature(
                     this.monitorId,
                     this.featureName,
-                    Math.max(0, Math.min(this.maximum, Math.round(current + offset * 0.01))),
+                    Math.clamp(Math.round(current + offset * 0.01), 0, this.maximum),
                 );
             }
         },

src/main.ts

@@ -3,6 +3,7 @@ import { watchThrottled } from "./watchers";
 import monitorManager from "./monitor";
 import BrightnessPanel from "./components/BrightnessPanel.vue";
 import panelState from "./wm";
+import "./polyfill";
 import "./style";
 import "./style.global.sass";
 

src/polyfill.d.ts

@@ -0,0 +1,3 @@
+interface Math {
+    clamp(x: number, lower: number, upper: number): number;
+}

src/polyfill.js

@@ -0,0 +1 @@
+import "core-js/full/math/clamp";