Visualizer 
{
    "value": "idle",
    "previousValue": "",
    "event": {},
    "previousEvent": {},
    "context": {
        "dir": "ltr",
        "value": {
            "h": 0,
            "s": 100,
            "l": 50,
            "a": 1
        },
        "disabled": false,
        "id": ":R1m:",
        "name": "color",
        "activeId": null,
        "activeChannel": null,
        "activeOrientation": null,
        "fieldsetDisabled": false,
        "autoFocus": true,
        "positioning": {
            "placement": "bottom"
        },
        "readOnly": false,
        "isRtl": false,
        "isDisabled": false,
        "isInteractive": true,
        "valueAsString": "hsla(0, 100%, 50%, 1)"
    },
    "done": false,
    "tags": [],
    "nextEvents": [
        "OPEN",
        "TRIGGER.CLICK",
        "CHANNEL_INPUT.FOCUS",
        "VALUE.SET",
        "CHANNEL_INPUT.CHANGE"
    ],
    "changed": false
}