Add material design toggle ripple element.

ui/file_manager/file_manager/foreground/js/ui/file_manager_ui.js

Index: ui/file_manager/file_manager/foreground/js/ui/file_manager_ui.js
diff --git a/ui/file_manager/file_manager/foreground/js/ui/file_manager_ui.js b/ui/file_manager/file_manager/foreground/js/ui/file_manager_ui.js
index 2dd61692875ae837a854754fb89cfd80c5b05612..8e9f3db4a8e379636f43f2d92999edcab1358a03 100644
--- a/ui/file_manager/file_manager/foreground/js/ui/file_manager_ui.js
+++ b/ui/file_manager/file_manager/foreground/js/ui/file_manager_ui.js
@@ -149,9 +149,9 @@ function FileManagerUI(providersModel, element, launchParam) {
    * @const
    */
   this.searchBox = new SearchBox(
-      this.element.querySelector('#search-box'),
-      this.element.querySelector('#search-button'),
-      this.element.querySelector('#no-search-results'));
+      queryRequiredElement(this.element, '#search-box'),
+      queryRequiredElement(this.element, '#search-button'),
+      queryRequiredElement(this.element, '#no-search-results'));
 
   /**
    * Empty folder UI.
@@ -177,6 +177,15 @@ function FileManagerUI(providersModel, element, launchParam) {
       '#sort-button', cr.ui.MenuButton);
 
   /**
+   * Ripple effect of sort button.
+   * @private {!FilesToggleRipple}
+   * @const
+   */
+  this.sortButtonToggleRipple =
+      /** @type {!FilesToggleRipple} */ (queryRequiredElement(
+          this.sortButton, 'files-toggle-ripple'));
+
+  /**
    * The button to open gear menu.
    * @type {!cr.ui.MenuButton}
    * @const
@@ -185,6 +194,15 @@ function FileManagerUI(providersModel, element, launchParam) {
       '#gear-button', cr.ui.MenuButton);
 
   /**
+   * Ripple effect of gear button.
+   * @type {!FilesToggleRipple}
+   * @const
+   */
+  this.gearButtonToggleRipple =
+      /** @type {!FilesToggleRipple} */ (queryRequiredElement(
+          this.gearButton, 'files-toggle-ripple'));
+
+  /**
    * @type {!GearMenu}
    * @const
    */