Visualizer
        
        
{
    "value": "idle",
    "previousValue": "",
    "event": {},
    "previousEvent": {},
    "context": {
        "id": "scroll-area:svelte",
        "virtual": {
            "count": 1000,
            "itemSize": 50,
            "overscan": 5
        },
        "type": "hover",
        "scrollHideDelay": 600,
        "scrollTop": 0,
        "scrollLeft": 0,
        "viewportWidth": 0,
        "viewportHeight": 0,
        "contentWidth": 0,
        "contentHeight": 0,
        "scrollbarXVisible": false,
        "scrollbarYVisible": false,
        "isScrolling": false,
        "isHovering": false,
        "isDragging": false,
        "draggingAxis": null,
        "pointerStartPosition": 0,
        "scrollStartPosition": 0,
        "virtualState": null,
        "itemSizeCache": {},
        "dir": "ltr"
    },
    "done": false,
    "tags": [
        "idle"
    ],
    "nextEvents": [
        "POINTER_ENTER",
        "SCROLL_START",
        "SCROLL",
        "RESIZE",
        "SCROLL_TO",
        "SCROLL_TO_INDEX",
        "MEASURE_ITEM"
    ],
    "changed": false
}