How do I manage momentum mouse events?

[tansanDOTeth]

    const wheels$ = fromEvent(document, 'wheel');
    const wheelPans$ = wheels$.pipe(
      filter((event) => !event.ctrlKey),
    )
    const wheelZoom$ = wheels$.pipe(
      filter(event => event.ctrlKey)
    )

When I scroll on a trackpad, there's momentum. Even after my fingers are off the trackpad, the mouse events will continue to fire. If I hold control and scroll then let go of the control key, the mouse events will go to from wheelZoom$ to wheelPans$. That is functionally correct given the code above. However, I would like to create a behavior where wheelZoom$ will capture all the events even after the control key is let go. Is there a way for me write the observable in a way to have wheelZoom$ catch the remaining mouse events until it's finished?