MD WebUI: Add shared cr-toolbar element

chrome/browser/resources/md_history/history_toolbar.js

 // Copyright 2015 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.
 
 /**
  * @constructor
  * @implements {SearchFieldDelegate}
  * @param {!HistoryToolbarElement} toolbar This history-toolbar.
  */
 function ToolbarSearchFieldDelegate(toolbar) {
@@ skipping 70 matching lines @@
   /**
    * When changing the search term externally, update the search field to
    * reflect the new search term.
    * @param {string} search
    */
   setSearchTerm: function(search) {
     if (this.searchTerm == search)
       return;
 
     this.searchTerm = search;
-    var searchField = /** @type {SearchField} */(this.$['search-input']);
+    var searchField = /** @type {!CrToolbarElement} */(this.$['main-toolbar'])
+                          .getSearchField();
     searchField.showAndFocus().then(function(showing) {
       if (showing) searchField.setValue(search);
     });
   },
 
   /**
    * If the search term has changed reload for the new search.
    */
   onSearch: function(searchTerm) {
     if (searchTerm != this.searchTerm)
       this.searchTerm = searchTerm;
   },
 
   attached: function() {
     this.searchFieldDelegate_ = new ToolbarSearchFieldDelegate(this);
-    /** @type {SearchField} */(this.$['search-input'])
+    /** @type {!CrToolbarElement} */(this.$['main-toolbar']).getSearchField()
         .setDelegate(this.searchFieldDelegate_);
   },
 
   onClearSelectionTap_: function() {
     this.fire('unselect-all');
   },
 
   onDeleteTap_: function() {
     this.fire('delete-selected');
   },
 
   /**
    * If the user is a supervised user the delete button is not shown.
    * @private
    */
   deletingAllowed_: function() {
     return loadTimeData.getBoolean('allowDeletingHistory');
   },
 
   numberOfItemsSelected_: function(count) {
     return count > 0 ? loadTimeData.getStringF('itemsSelected', count) : '';
   },
 
   getHistoryInterval_: function(queryStartTime, queryEndTime) {
     // TODO(calamity): Fix the format of these dates.
     return loadTimeData.getStringF(
       'historyInterval', queryStartTime, queryEndTime);
   }
 });