function ColorGradientChooser(parent)
{
	Component.call(this, parent, "div");

	/**
	 * On change callback function.
	 *
	 * @property onChange
	 * @type {Function}
	 */
	this.onChange = null;

	/**
	 * Color values of the gradient.
	 *
	 * @property values
	 * @type {Array}
	 */
	this.values = [];

	/**
	 * Buttons DOM element. Buttons have a onchange, color and index properties attached to them.
	 *
	 * @property buttons
	 * @type {Array}
	 */
	this.buttons = [];

	this.element.style.overflow = "hidden";
	this.element.style.backgroundColor = "var(--panel-color)";
	this.element.style.borderStyle = "none";
	this.element.style.boxSizing = "border-box";
	this.element.style.borderRadius = "4px";
	this.element.style.zIndex = "2000";

	/**
	 * Canvas DOM element used to draw the gradient.
	 *
	 * @property canvas
	 * @type {Component}
	 */
	this.canvas = document.createElement("canvas");
	this.canvas.style.position = "absolute";
	this.canvas.style.top = "0px";
	this.canvas.style.left = "0px";
	this.canvas.style.width = "100%";
	this.canvas.style.height = "100%";
	this.element.appendChild(this.canvas);
}
Color gradient chooser is used to select and preview a gradient of colors store in an array.

@class ColorGradientChooser
@extends {Component}
@param {Component} parent Parent element.