feat(color-picker): Configurable color string format (HEX,RGB,HSL,HSV)

[motabass]

Implementing #140

Format is only for Output of the color-picker and internal string representations.

As Inputs (selectedColor, addColor, USED_COLORS) ALL formats supported by tinycolor are supported (https://github.com/thebespokepixel/es-tinycolor/blob/master/readme.md). They are then normalized to the selected COLOR_STRING_FORMAT internaly.

[motabass]

@tiaguinho BTW: what do you think about updating the dependencies?

[tiaguinho]

@motabass I think it's a good idea.
Can you open another PR these updates?

[motabass]

Sure.

[tiaguinho]

@motabass can you do a rebase with the master branch?

[motabass]

done

[tiaguinho]

@motabass there is a little bug.
Go to the first color-picker and choose a color.
Open the second color-picker. The icon of the selected color will be placed on the selected color from the first color-picker.
If you select a color in the second color-picker, the icon on the first will point to that color, but the selected color will not change.

[motabass]

I took a look at it.

I think that happens because of the service holding the _selectedColor. All collection components get this value OnInit and when updated.
I think the selectedColor should only exist on a "per color-picker" level.
@tiaguinho Do you know why it is implemented like that? Edit: I just found out myself...its for the custom color-collection added by users.

The solution should be to pass the selectedColor as an @input to color-picker-collection.component.ts

[motabass]

The Problem you described should now be fixed. I moved the selectedColor stuff into another service which is provided by the Component. So every Color-Picker has its own Service only for that

Thanks for the review!

[tiaguinho]

Thanks for fixing the bug.
Can you take a look and fix the tests?

[motabass]

done

[motabass]

I also finally added some event.preventDefault() to help with a strange behaviour i encountered sometimes when dragging the color selectors where the cursor changed to a blocked one and selection was prevented.

...and i changed the version shown in demo to 7.2.0
...and prevented some layout redraws in the browser by using transform instead of top and left positions
...and did some refactorings