Visualizer 
          
{
    "value": "idle",
    "previousValue": "",
    "event": {},
    "previousEvent": {},
    "context": {
        "thumbSize": null,
        "thumbAlignment": "contain",
        "min": 0,
        "max": 100,
        "step": 1,
        "value": [
            0
        ],
        "origin": "start",
        "orientation": "horizontal",
        "dir": "ltr",
        "minStepsBetweenThumbs": 0,
        "disabled": false,
        "readOnly": false,
        "id": "1",
        "name": "quantity",
        "focusedIndex": -1,
        "fieldsetDisabled": false
    },
    "done": false,
    "tags": [],
    "nextEvents": [
        "POINTER_DOWN",
        "FOCUS",
        "THUMB_POINTER_DOWN",
        "SET_VALUE",
        "INCREMENT",
        "DECREMENT"
    ],
    "changed": false
}