Add material design toggle ripple element.

ui/file_manager/file_manager/foreground/js/gear_menu_controller.js

 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @param {!cr.ui.MenuButton} gearButton
+ * @param {!FilesToggleRipple} toggleRipple
  * @param {!GearMenu} gearMenu
  * @param {!DirectoryModel} directoryModel
  * @param {!CommandHandler} commandHandler
  * @constructor
  * @struct
  */
 function GearMenuController(
-    gearButton, gearMenu, directoryModel, commandHandler) {
+    gearButton, toggleRipple, gearMenu, directoryModel, commandHandler) {
+  /**
+   * @type {!FilesToggleRipple}
+   * @const
+   * @private
+   */
+  this.toggleRipple_ = toggleRipple;
+
   /**
    * @type {!GearMenu}
    * @const
    * @private
    */
   this.gearMenu_ = gearMenu;
 
   /**
    * @type {!DirectoryModel}
    * @const
    * @private
    */
   this.directoryModel_ = directoryModel;
 
   /**
    * @type {!CommandHandler}
    * @const
    * @private
    */
   this.commandHandler_ = commandHandler;
 
   gearButton.addEventListener('menushow', this.onShowGearMenu_.bind(this));
+  gearButton.addEventListener('menuhide', this.onHideGearMenu_.bind(this));
   directoryModel.addEventListener(
       'directory-changed', this.onDirectoryChanged_.bind(this));
   chrome.fileManagerPrivate.onPreferencesChanged.addListener(
       this.onPreferencesChanged_.bind(this));
   this.onPreferencesChanged_();
 }
 
 /**
  * @private
  */
 GearMenuController.prototype.onShowGearMenu_ = function() {
+  this.toggleRipple_.activated = true;
   this.refreshRemainingSpace_(false);  /* Without loading caption. */
 
   // Update view of drive-related settings.
   this.commandHandler_.updateAvailability();
 };
 
 /**
+ * @private
+ */
+GearMenuController.prototype.onHideGearMenu_ = function() {
+  this.toggleRipple_.activated = false;
+};
+
+/**
  * @param {Event} event
  * @private
  */
 GearMenuController.prototype.onDirectoryChanged_ = function(event) {
   event = /** @type {DirectoryChangeEvent} */ (event);
   if (event.volumeChanged)
     this.refreshRemainingSpace_(true);  // Show loading caption.
 };
 
 /**
@@ skipping 32 matching lines @@
       this.gearMenu_.syncButton.setAttribute('checked', '');
     else
       this.gearMenu_.syncButton.removeAttribute('checked');
 
     if (!prefs.hostedFilesDisabled)
       this.gearMenu_.hostedButton.setAttribute('checked', '');
     else
       this.gearMenu_.hostedButton.removeAttribute('checked');
   }.bind(this));
 };