{#if !hidden}
{
onnodedrag?.({ event, targetNode, nodes });
},
onDragStart: (event, _, targetNode, nodes) => {
onnodedragstart?.({ event, targetNode, nodes });
},
onDragStop: (event, _, targetNode, nodes) => {
onnodedragstop?.({ event, targetNode, nodes });
},
store
}}
bind:this={nodeRef}
data-id={id}
class={['svelte-flow__node', `svelte-flow__node-${type}`, className]}
class:dragging
class:selected
class:draggable
class:connectable
class:selectable
class:nopan={draggable}
class:parent={isParent}
style:z-index={zIndex}
style:transform="translate({positionX}px, {positionY}px)"
style:visibility={initialized ? 'visible' : 'hidden'}
style="{style ?? ''};{inlineStyleDimensions.width}{inlineStyleDimensions.height}"
onclick={onSelectNodeHandler}
onpointerenter={onnodepointerenter ? (event) => onnodepointerenter({ node, event }) : undefined}
onpointerleave={onnodepointerleave ? (event) => onnodepointerleave({ node, event }) : undefined}
onpointermove={onnodepointermove ? (event) => onnodepointermove({ node, event }) : undefined}
oncontextmenu={onnodecontextmenu ? (event) => onnodecontextmenu({ node, event }) : undefined}
>
{/if}