{
if ($connectingInput.opened && $connectingInput.hoveredComponent !== id) {
$connectingInput.hoveredComponent = id
}
e.stopPropagation()
}}
on:pointerleave={(e) => {
if ($connectingInput.opened) {
$connectingInput.hoveredComponent = undefined
e.stopPropagation()
}
}}
on:focus={(e) => {
if ($connectingInput.opened) {
e.stopPropagation()
}
}}
on:pointerdown={onPointerDown}
on:click|capture={(event) =>
preventInteraction(event, type === 'tabscomponent' || type === 'steppercomponent')}
on:drag|capture={preventInteraction}
on:pointerup|capture={(event) =>
preventInteraction(event, type === 'tabscomponent' || type === 'steppercomponent')}
>