MD WebUI: Add shared cr-toolbar element

ui/webui/resources/cr_elements/cr_search_field/cr_search_field.js

Index: ui/webui/resources/cr_elements/cr_search_field/cr_search_field.js
diff --git a/ui/webui/resources/cr_elements/cr_search_field/cr_search_field.js b/ui/webui/resources/cr_elements/cr_search_field/cr_search_field.js
index a507fc34f663939c5889c21c3a7455d533265b6d..03c74d8e5a34b76bda14a937e731634d264d3696 100644
--- a/ui/webui/resources/cr_elements/cr_search_field/cr_search_field.js
+++ b/ui/webui/resources/cr_elements/cr_search_field/cr_search_field.js
@@ -2,121 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-/** @interface */
-var SearchFieldDelegate = function() {};
-
-SearchFieldDelegate.prototype = {
-  /**
-   * @param {string} value
-   */
-  onSearchTermSearch: assertNotReached,
-};
-
 var SearchField = Polymer({
   is: 'cr-search-field',
-
-  properties: {
-    label: {
-      type: String,
-      value: '',
-    },
-
-    clearLabel: {
-      type: String,
-      value: '',
-    },
-
-    showingSearch_: {
-      type: Boolean,
-      value: false,
-      observer: 'showingSearchChanged_',
-    },
-  },
-
-  /**
-   * Returns the value of the search field.
-   * @return {string}
-   */
-  getValue: function() {
-    var searchInput = this.getSearchInput_();
-    return searchInput ? searchInput.value : '';
-  },
-
-  /**
-   * Sets the value of the search field, if it exists.
-   * @param {string} value
-   */
-  setValue: function(value) {
-    var searchInput = this.getSearchInput_();
-    if (searchInput)
-      searchInput.value = value;
-  },
-
-  /** @param {SearchFieldDelegate} delegate */
-  setDelegate: function(delegate) {
-    this.delegate_ = delegate;
-  },
-
-  /** @return {Promise<boolean>} */
-  showAndFocus: function() {
-    this.showingSearch_ = true;
-    return this.focus_();
-  },
-
-  /**
-   * @return {Promise<boolean>}
-   * @private
-   */
-  focus_: function() {
-    return new Promise(function(resolve) {
-      this.async(function() {
-        if (this.showingSearch_) {
-          var searchInput = this.getSearchInput_();
-          if (searchInput)
-            searchInput.focus();
-        }
-        resolve(this.showingSearch_);
-      });
-    }.bind(this));
-  },
-
-  /**
-   * @return {?Element}
-   * @private
-   */
-  getSearchInput_: function() {
-    return this.$$('#search-input');
-  },
-
-  /** @private */
-  onSearchTermSearch_: function() {
-    if (this.delegate_)
-      this.delegate_.onSearchTermSearch(this.getValue());
-  },
-
-  /** @private */
-  onSearchTermKeydown_: function(e) {
-    if (e.keyIdentifier == 'U+001B')  // Escape.
-      this.showingSearch_ = false;
-  },
-
-  /** @private */
-  showingSearchChanged_: function() {
-    if (this.showingSearch_) {
-      this.focus_();
-      return;
-    }
-
-    var searchInput = this.getSearchInput_();
-    if (!searchInput)
-      return;
-
-    searchInput.value = '';
-    this.onSearchTermSearch_();
-  },
-
-  /** @private */
-  toggleShowingSearch_: function() {
-    this.showingSearch_ = !this.showingSearch_;
-  },
+  behaviors: [CrSearchFieldBehavior]
 });