Using HAMMER.JS and PAN with All Directions frog dragstart using Josh Morony's example

We saw this great tutorial from Josh Morony and it works great!

We do this

let hammer = new window['Hammer'](this.srcElement);
hammer.get('pan').set({ direction: window['Hammer'].DIRECTION_ALL });
hammer.on('pan', (ev) => {
       if (this.isDragging) {
to enable bidrectional pan gestures, but now we can not scroll over the components where we handle pan.

We would like to enable DRAG only after a press of 500ms or something like that.

Have someone an idea, how we can handle DRAG after 500ms and SCROLL together?