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