fix(slider): fix slider usability on touch devices

[andy-blum]

Related Ticket(s)

Fixes #830

Description

This PR makes several usability improvements to the slider component:

• Converts all mouseevent listeners to pointerevent listeners, and adds an inline style of touch-action: none; to the slider thumb control while this._dragging == true.
• Moves and renames the KeydownThumb event handler to the slider root
• Changes handleMousedownTrack to handleClick and moves listener from track element to slider element to increase the clickable area with a fine pointing device such as a stylus or mouse.
• Adds a pointerleave and pointerup listener to the slider root to cancel the dragging action.

Changelog

Changed

• slider usability improvements

[ibmdotcom-bot]

Deploy preview created for Carbon Web Components:
https://carbon-web-components.s3.us-east.cloud-object-storage.appdomain.cloud/deploy-previews/914/index.html

Built with commit: 89cedb051981b30274cf1d0b2d4c12c97fd590d1

[ibmdotcom-bot]

Deploy preview created for Carbon Web Components - Vue:
https://carbon-web-components-vue.s3.us-east.cloud-object-storage.appdomain.cloud/deploy-previews/914/index.html

Built with commit: 89cedb051981b30274cf1d0b2d4c12c97fd590d1

[emyarod]

looks good to me! slider has much better usability on mobile now

[ibmdotcom-bot]

Deploy preview created for Carbon Web Components - React:
https://carbon-web-components-react.s3.us-east.cloud-object-storage.appdomain.cloud/deploy-previews/914/index.html

Built with commit: 89cedb051981b30274cf1d0b2d4c12c97fd590d1

[ibmdotcom-bot]

Deploy preview created for Carbon Web Components - Angular:
https://carbon-web-components-angular.s3.us-east.cloud-object-storage.appdomain.cloud/deploy-previews/914/index.html

Built with commit: 89cedb051981b30274cf1d0b2d4c12c97fd590d1