Changes to Saturation/Hue.vue to isolate X/Y Events and Fix #113

[paulm17]

This PR is to fix the issues in #113.

What I have done for both Saturation and Hue X/Y elements is to make them separate from the global colors variable and to use a local data variable.

With this change, the issue of the Hue slider shunting to the left when the pointer goes to the bottom AND the effect that I have seen. Is when the pointer goes near to the bottom, it sometimes itself shunts to the left or right.

Now this is not the case.

Finally, I've only had a limited amount of time to work on this. I'm sure the code could be refactored better. Maybe for 3.0?

Also please test and ensure this does not degrade the color data in anyway!

[linx4200]

I need to merge this into an origin branch, cause somehow I can't pull the branch locally.

[paulm17]

I completely forgot about this.

There is actually a regression that I introduced. The saturation does not change when the preselect colors are changed.

I also didn't fully resolve the issue back when the PR was submitted.

That said. Recently I solved the issues.

The unfortunately reality, is that I've had to fork the code significantly. If you want, I can put up the codebase somewhere for you to look at and then maybe you can figure it out and merge in the changes?

Let me know!

[linx4200]

There is a problem in this PR.
The pointers in the Saturation Panels can't be synced across components, because the position of the pointer is decided in handleChange method.
Need to be decided by the value passed into the Saturation Panel.