Visualizer 
          
{
    "value": "idle",
    "previousValue": "",
    "event": {},
    "previousEvent": {},
    "context": {
        "dir": "ltr",
        "locale": "en-US",
        "focusInputOnChange": true,
        "clampValueOnBlur": true,
        "allowOverflow": false,
        "inputMode": "decimal",
        "pattern": "[0-9]*(.[0-9]+)?",
        "value": "",
        "step": 1,
        "min": 0,
        "max": 100,
        "invalid": false,
        "spinOnPress": true,
        "disabled": false,
        "readOnly": false,
        "id": "1",
        "hint": null,
        "scrubberCursorPoint": null,
        "fieldsetDisabled": false,
        "translations": {
            "incrementLabel": "increment value",
            "decrementLabel": "decrease value"
        },
        "allowMouseWheel": false,
        "formatOptions": {
            "currency": "USD"
        }
    },
    "done": false,
    "tags": [],
    "nextEvents": [
        "TRIGGER.PRESS_DOWN",
        "SCRUBBER.PRESS_DOWN",
        "INPUT.FOCUS",
        "VALUE.SET",
        "VALUE.CLEAR",
        "VALUE.INCREMENT",
        "VALUE.DECREMENT"
    ],
    "changed": false
}