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