text: $.widget( "dawk.colourGenebox", $.dawk.biomorph_genebox, {
      options: {
          hasLeftRight: false,
          hasColor: true,
  		extraClass: null
      },
      _launchPicker: function() {
          $(this.element).tooltip('disable')
          $('<div class="colourGenebox"></div>').colourPicker({
              colourGenebox: this.element,
              colors: this.options.colors,
              title: this.options.title,
              value: this.options.value,
              appendTo: this.element
          })
  
      },
      manipulate: function(event) {
          let value = $(event.target).data("value")
          $(this.element).parents('.colourGeneboxes').eq(0).colour_geneboxes(
                  "manipulate",
                  this.options.geneboxIndex, 
                  value, 0)
                  return false;
  
      },  
      _create: function() {
          this.element.addClass('colourGenebox')
  		if (this.options.extraClass != null) {
  			this.element.addClass(this.options.extraClass)
  		}
          return this._super()
      },    
  } );
  