MD WebUI: Add shared cr-toolbar element

ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.js

+// Copyright 2016 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.
+
+// TODO(tsergeant): Add tests for cr-toolbar-search-field.
+Polymer({
+  is: 'cr-toolbar-search-field',
+
+  behaviors: [CrSearchFieldBehavior],
+
+  properties: {
+    narrow: {
+      type: Boolean,
+      reflectToAttribute: true,
+    },

[dpapad, 2016/05/26 00:42:52]

Nit: Blank lines between polymer properties.

[tsergeant, 2016/05/26 01:34:52]

Done.

+    // Prompt text to display in the search field.
+    label: String,
+    // Tooltip to display on the clear search button.
+    clearLabel: String,
+  },
+
+  listeners: {
+    'tap': 'showSearch_',
+    'clearSearch.tap': 'hideSearch_',
+    'searchInput.blur': 'onInputBlur_'

[dpapad, 2016/05/26 00:42:52]

This listener is already registered in the HTML template.

[tsergeant, 2016/05/26 01:34:52]

Done (and I moved the one above it back to HTML for more consistency).

+  },
+
+  /** @private */
+  onInputBlur_: function() {
+    if (!this.hasSearchText)
+      this.showingSearch = false;
+  },
+
+  /**
+   * @param {Event} e
+   * @private
+   */
+  showSearch_: function(e) {
+    if (e.target != this.$.clearSearch)
+      this.showingSearch = true;
+  },
+
+  /**
+   * @param {Event} e
+   * @private
+   */
+  hideSearch_: function(e) {
+    this.showingSearch = false;
+    e.stopPropagation();
+  }
+});