feat(ui5-color-picker): add HSL color selection

[didip1000]

This change introduces the ability to select colors using HSL channels. Users can now toggle between viewing color values as RGB or HSL by selecting the ↔️ button.

Fixes: #10275

[unazko]

There is the following bug:

1. Change to HSL mode from the button
2. Input 30 for H press Tab
3. Input 20 for S press Enter
   Expected:
   The values in the sliders and in the gradient field are updated according to the lastly entered saturation value.

[unazko]

You could return on one line with a ternary operator.

[unazko]

It is not very clear to me which color gets set like this. The relation between the _colorValue internal property and _setColor is vague. It's more like we update the value property according to the current state of the _colorValue. Maybe the function name doesn't fit anymore.

[unazko]

When did this._valid got updated to correspond to the newly given RGB?

[didip1000]

There is the following bug:

1. Change to HSL mode from the button
2. Input 30 for H press Tab
3. Input 20 for S press Enter
   Expected:
   The values in the sliders and in the color pane gets updated.

If your starting color is HSL 0, 0, 100, Changing the hue from the input should update the hue slider to around orange, but since the light is still 100, no matter what you set the saturation or hue to, the color will still be white, so the main color picker wont get updated.

[unazko]

If your starting color is HSL 0, 0, 100, Changing the hue from the input should update the hue slider to around orange, but since the light is still 100, no matter what you set the saturation or hue to, the color will still be white, so the main color picker wont get updated.

• You're right HSL 30, 0, 100 changes the hue slider and the gradient field to orange the first time. However if you change it again to 300 the hue slider and the gradient field should go pink. (I guess the main color also doesn't change with this interaction)
• For the saturation part I get your point as well that the main color won't change. In the openui5 project in this case when you change the saturation the color picking cursor moves vertically in the gradient field (All into the white section with HSL 0, 0, 100). For example if you set HSL 0, 50, 100 then the color picker cursor gets vertically right in the middle of the gradient field.

My point is that even if the main color doesn't change those interactions from the openui5 project do reflect the input values with more detail.