feat: Added simple swipe right/left

[Nionor]

#128
Quick and easy solution to add swipe functionality for smartphones to change column.
The swipeThreshold maybe should be changeable from some setting but seems to work quite well overall as is.

[Muxutruk2]

Overall good code but I think this if statement allows angles near 90º to trigger it, I suggest multiplying Math.abs(touchendY - touchstartY) by 2.

Also refactoring those 2 checks into variables is also a good Idea

[Nionor]

I never played around with touch stuff before so I might be wrong how they work but my thinking was that since the length of x must be greater then y the angle has to be less then 45º which I thought was ok.

[Muxutruk2]

I understand, the thing is that the code will trigger with a long swipe whose start and endpoints are in a cone of 90° from eachother. 60° makes more sense and maybe a time limit

[Nionor]

Ok I think I understand what you mean, we just have different ways to look at triangles 😃 But I added the Y*2 so we get a shallower angle.

[Muxutruk2]

I approve of this

[ralphocdol]

I like this. But it has issues with the navigation when you have a bunch of them and the horizontal videos, scrolling through them would also trigger the swipe.

Edit:
Here's the additional script I tested that seems to fix the issues mentioned

const excludedClass = [
    'carousel-container',
    'mobile-navigation-page-links',
    // did I miss something?
];
document.addEventListener('touchend', function (event) {
    let targetElement = event.target;
    while (targetElement && targetElement.tagName !== 'IFRAME' && !excludedClass.some(c => targetElement.classList.contains(c))) {
      targetElement = targetElement.parentElement;
    }
    if (targetElement) return;

   // continue

}, false);

[Nionor]

Ok I added some more checks for when to trigger the left and right swipes, hope that helps.
@ralphocdol that seems like a good idea to add too 👍