Add new colorpicker directive to the canvasdesigner to improve reusability into the canvasdesigner editors

The new colorpicker directive wraps the spectrumcolorpicker directive and embeds it into the dialog