MR-1843 Feature : Minimum Swipe Threshold for TP Slider

[Vrishabhsk]

Issue

• https://tuispecialist.atlassian.net/browse/MR-1843
• The swipe on mobile devices occurs even on small swipe events which aren't intentional
• This may occurs while on a select or input which causes bad UX

Feature

• Introduce min-swipe-threshold attribute for the tp-slider element
• Default value is 0 since we don't want to affect the existing behaviour
• Only if the range of the swipe distance falls between the swipeThreshold and minSwipeThreshold for left and right swipe, we register it.

[Copilot]

Pull Request Overview

This PR introduces a minimum swipe threshold feature for the tp-slider component to prevent unintentional swipes on mobile devices. The new min-swipe-threshold attribute allows developers to define a minimum distance required before a swipe gesture is registered, improving UX when users interact with select or input elements within the slider.

Key Changes:

• Added min-swipe-threshold attribute with a default value of 0 to maintain backward compatibility
• Updated swipe detection logic to require swipe distance to fall within both minimum and maximum thresholds
• Documented the new attribute in the slider README

Reviewed Changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

File	Description
src/slider/tp-slider.ts	Implements the minimum swipe threshold property and updates swipe detection logic to enforce both minimum and maximum thresholds
src/slider/README.md	Documents the new min-swipe-threshold attribute with its default value and purpose

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[junaidbhura]

Thanks @Vrishabhsk please test this on a few internal projects before we merge it!