console.log('on node click', event)} on:nodemouseenter={(event) => console.log('on node enter', event)} on:nodemouseleave={(event) => console.log('on node leave', event)} on:edgeclick={(event) => console.log('edge click', event)} on:connectstart={(event) => console.log('on connect start', event)} on:connect={(event) => console.log('on connect', event)} on:connectend={(event) => console.log('on connect end', event)} on:paneclick={(event) => console.log('on pane click', event)} on:panecontextmenu={(event) => { console.log('on pane contextmenu', event); }} on:nodedrag={(event) => { console.log('on node drag', event); }} on:nodedragstart={(event) => { console.log('on node drag start', event); }} on:nodedragstop={(event) => { console.log('on node drag stop', event); }} on:nodecontextmenu={(event) => { event.detail.event.preventDefault(); console.log('on node contextmenu', event); }} autoPanOnConnect autoPanOnNodeDrag > update node pos update edge type