dashboard/js/lib/ui.js
function ColorPicker() {
  ui.Emitter.call(this);
  this._colorPos = {};
  this.el = $(html);
  this.main = this.el.find('.main').get(0);
  this.spectrum = this.el.find('.spectrum').get(0);
  $(this.main).bind('selectstart', function(e){ e.preventDefault() });
  $(this.spectrum).bind('selectstart', function(e){ e.preventDefault() });
  this.hue(rgb(255, 0, 0));
  this.spectrumEvents();
  this.mainEvents();
  this.w = 180;
  this.h = 180;
  this.render();
}
function ColorPicker() {
  ui.Emitter.call(this);
  this._colorPos = {};
  this.el = $(html);
  this.main = this.el.find('.main').get(0);
  this.spectrum = this.el.find('.spectrum').get(0);
  $(this.main).bind('selectstart', function(e){ e.preventDefault() });
  $(this.spectrum).bind('selectstart', function(e){ e.preventDefault() });
  this.hue(rgb(255, 0, 0));
  this.spectrumEvents();
  this.mainEvents();
  this.w = 180;
  this.h = 180;
  this.render();
}
function ColorPicker ( ) { ui . Emitter . call ( this ) ; this . _colorPos = { } ; this . el = $ ( html ) ; this . main = this . el . find ( '.main' ) . get ( 0 ) ; this . spectrum = this . el . find ( '.spectrum' ) . get ( 0 ) ; $ ( this . main ) . bind ( 'selectstart' , function ( e ) { e . preventDefault ( ) } ) ; $ ( this . spectrum ) . bind ( 'selectstart' , function ( e ) { e . preventDefault ( ) } ) ; this . hue ( rgb ( 255 , 0 , 0 ) ) ; this . spectrumEvents ( ) ; this . mainEvents ( ) ; this . w = 180 ; this . h = 180 ; this . render ( ) ; }
Initialize a new `ColorPicker`.

Emits:

- `change` with the given color object

@api public
Initialize a new ColorPicker .