mockaton 10.3.7 → 10.4.1

package/package.json

@@ -2,7 +2,7 @@
 	"name": "mockaton",
 	"description": "HTTP Mock Server",
 	"type": "module",
-	"version": "10.3.7",
+	"version": "10.4.1",
 	"main": "index.js",
 	"types": "index.d.ts",
 	"license": "MIT",

package/src/Dashboard.css

@@ -642,8 +642,7 @@ table {
 		background: var(--colorAccent);
 		animation-name: _kfProgress;
 		animation-timing-function: linear;
-		animation-delay: 80ms;
-		/*animation-duration: It's in JavaScript */
+		/* duration in JavaScript */
 	}
 }
 @keyframes _kfProgress {

package/src/Dashboard.js

@@ -277,6 +277,12 @@ function GlobalDelayField() {
 			.then(parseError)
 			.catch(onError)
 	}
+	function onWheel(event) {
+		const val = this.valueAsNumber - event.deltaY * 10
+		this.valueAsNumber = Math.max(val, 0)
+		clearTimeout(onWheel.timer)
+		onWheel.timer = setTimeout(onChange.bind(this), 300)
+	}
 	return (
 		r('label', className(CSS.Field, CSS.GlobalDelayField),
 			r('span', null, Strings.delay_ms),
@@ -286,7 +292,8 @@ function GlobalDelayField() {
 				step: 100,
 				autocomplete: 'none',
 				value: delay,
-				onChange
+				onChange,
+				onWheel
 			})))
 }
 
@@ -709,7 +716,12 @@ function PayloadViewer() {
 function PayloadViewerProgressBar() {
 	return (
 		r('div', className(CSS.ProgressBar),
-			r('div', { style: { animationDuration: state.delay + 'ms' } })))
+			r('div', {
+				style: {
+					animationDelay: 80 + 'ms',
+					animationDuration: -80 + state.delay + 'ms'
+				}
+			})))
 }
 
 function PayloadViewerTitle({ file, statusText }) {