Revert of [DevTools] Remove methods on Common.Event.

third_party/WebKit/Source/devtools/front_end/components/Spectrum.js

 /*
  * Copyright (C) 2011 Brian Grinstead All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
  * 2.  Redistributions in binary form must reproduce the above copyright
@@ skipping 112 matching lines @@
 
     this._deleteIconToolbar = new UI.Toolbar('delete-color-toolbar');
     this._deleteButton = new UI.ToolbarButton('', 'largeicon-trash-bin');
     this._deleteIconToolbar.appendToolbarItem(this._deleteButton);
 
     var overlay = this.contentElement.createChild('div', 'spectrum-overlay fill');
     overlay.addEventListener('click', this._togglePalettePanel.bind(this, false));
 
     this._addColorToolbar = new UI.Toolbar('add-color-toolbar');
     var addColorButton = new UI.ToolbarButton(Common.UIString('Add to palette'), 'largeicon-add');
-    addColorButton.addEventListener(UI.ToolbarButton.Events.Click, this._addColorToCustomPalette, this);
+    addColorButton.addEventListener('click', this._addColorToCustomPalette.bind(this));
     this._addColorToolbar.appendToolbarItem(addColorButton);
 
     this._loadPalettes();
     new Components.Spectrum.PaletteGenerator(this._generatedPaletteLoaded.bind(this));
 
     /**
      * @param {function(!Event)} callback
      * @param {!Event} event
      * @return {boolean}
      * @this {Components.Spectrum}
@@ skipping 42 matching lines @@
       this._innerSetColor(hsva, '', undefined, Components.Spectrum._ChangeSource.Other);
     }
   }
 
   _updatePalettePanel() {
     this._palettePanel.removeChildren();
     var title = this._palettePanel.createChild('div', 'palette-title');
     title.textContent = Common.UIString('Color Palettes');
     var toolbar = new UI.Toolbar('', this._palettePanel);
     var closeButton = new UI.ToolbarButton('Return to color picker', 'largeicon-delete');
-    closeButton.addEventListener(UI.ToolbarButton.Events.Click, this._togglePalettePanel.bind(this, false));
+    closeButton.addEventListener('click', this._togglePalettePanel.bind(this, false));
     toolbar.appendToolbarItem(closeButton);
     for (var palette of this._palettes.values())
       this._palettePanel.appendChild(this._createPreviewPaletteElement(palette));
   }
 
   /**
    * @param {boolean} show
    */
   _togglePalettePanel(show) {
     if (this._palettePanelShowing === show)
@@ skipping 295 matching lines @@
    */
   _paletteColorSelected(colorText, matchUserFormat) {
     var color = Common.Color.parse(colorText);
     if (!color)
       return;
     this._innerSetColor(
         color.hsva(), colorText, matchUserFormat ? this._colorFormat : color.format(),
         Components.Spectrum._ChangeSource.Other);
   }
 
-  /**
-   * @param {!Common.Event} event
-   */
-  _addColorToCustomPalette(event) {
+  _addColorToCustomPalette() {
     var palette = this._customPaletteSetting.get();
     palette.colors.push(this.colorString());
     this._customPaletteSetting.set(palette);
     this._showPalette(this._customPaletteSetting.get(), false);
   }
 
   /**
    * @param {number} colorIndex
    * @param {!Event} event
    */
@@ skipping 510 matching lines @@
   '#607D8B':
       ['#ECEFF1', '#CFD8DC', '#B0BEC5', '#90A4AE', '#78909C', '#607D8B', '#546E7A', '#455A64', '#37474F', '#263238']
 };
 
 Components.Spectrum.MaterialPalette = {
   title: 'Material',
   mutable: false,
   matchUserFormat: true,
   colors: Object.keys(Components.Spectrum.MaterialPaletteShades)
 };