[Feat]: sp-slider to support working when rotated just like HTML5 range slider does.

[manassinghadobe]

Code of conduct

• [X] I agree to follow this project's code of conduct.

Impacted component(s)

sp-slider

Description of the requested feature

On rotating the sp-slider to any angle, try to slide it doesnt consider work as expected. On trying the same thing with HTML5 range slider is working fine. Looking to achieve similar with sp-slider, when we rotate the sp-slider should work fine.

Mockups or screenshots

66510161

Implementation notes or ideas

No response

[Westbrook]

As you interact with the demo you've provided, if you move directly along the slider, the value stays true to where you are along the slider. However, if you move horizontally or vertically, the value does not and you need to move well past the end in either direct to get to the full value of the slider. Which of the interaction concepts are most important for you when making a rotated slider more usable in this realm.

For reference, sp-slider currently follows full value along the horizontal, follows almost directly along the track, but does not follow vertical movement at all: https://studio.webcomponents.dev/edit/U7LQv7LsAVBwJayJXG3B/src/index.ts?branch=rotated%40wfVpXdsTYhf9mY2slxW4t2Y2SjC3&p=stories

[najikahalsema]

@hunterloftis