Visualizer 
{
    "value": "idle",
    "previousValue": "idle",
    "event": {
        "type": "MEASURE_DOM",
        "src": "resize"
    },
    "previousEvent": {
        "type": "machine.init"
    },
    "context": {
        "index": 0,
        "orientation": "horizontal",
        "align": "start",
        "loop": false,
        "slidesPerView": 2,
        "spacing": "20px",
        "id": ":R1m:",
        "scrollSnaps": [
            0,
            -1264,
            -2528
        ],
        "scrollProgress": 0,
        "containerSize": 1264,
        "slideRects": [
            {
                "x": 8,
                "y": 124,
                "width": 612,
                "height": 304,
                "top": 124,
                "right": 620,
                "bottom": 428,
                "left": 8
            },
            {
                "x": 640,
                "y": 124,
                "width": 612,
                "height": 304,
                "top": 124,
                "right": 1252,
                "bottom": 428,
                "left": 640
            },
            {
                "x": 1272,
                "y": 124,
                "width": 612,
                "height": 304,
                "top": 124,
                "right": 1884,
                "bottom": 428,
                "left": 1272
            },
            {
                "x": 1904,
                "y": 124,
                "width": 612,
                "height": 304,
                "top": 124,
                "right": 2516,
                "bottom": 428,
                "left": 1904
            },
            {
                "x": 2536,
                "y": 124,
                "width": 612,
                "height": 304,
                "top": 124,
                "right": 3148,
                "bottom": 428,
                "left": 2536
            }
        ],
        "isRtl": false,
        "isHorizontal": true,
        "isVertical": false,
        "canScrollNext": true,
        "canScrollPrev": false,
        "startEdge": "left",
        "endEdge": "right",
        "translateValue": "translate3d(0px, 0, 0)",
        "containerRect": {
            "x": 8,
            "y": 124,
            "width": 1264,
            "height": 304,
            "top": 124,
            "right": 1272,
            "bottom": 428,
            "left": 8
        }
    },
    "done": false,
    "tags": [],
    "nextEvents": [
        "POINTER_DOWN",
        "NEXT",
        "PREV",
        "GOTO",
        "MEASURE_DOM",
        "PLAY"
    ],
    "changed": false
}