[MD Bookmarks] Add search.

chrome/browser/resources/md_bookmarks/list.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.
 
 Polymer({
   is: 'bookmarks-list',
 
   properties: {
     /** @type {BookmarkTreeNode} */
     selectedNode: Object,
+
+    searchTerm: String,

[tsergeant, 2017/01/06 02:43:54]

Is it possible to make it so that the list doesn't need to know about these
things?

Ideally, the store should say "here are the items that need displaying", and the
<bookmark-list> should just go ahead ad display them.

[angelayang, 2017/01/12 05:04:32]

That makes a lot of sense yep

+
+    searchResult: {
+      type: Array,
+    },
+
+    displayedList_: Array,
   },
 
   listeners: {
     'toggle-menu': 'onToggleMenu_'
   },
 
+  observers: [
+    'updateDisplayList_(selectedNode.children, searchResult)',
+  ],
+
   /**
    * @param {Event} e
    * @private
    */
   onToggleMenu_: function(e) {
     var menu = /** @type {!CrActionMenuElement} */ (
         this.$.dropdown);
     menu.showAt(/** @type {!Element} */ (e.detail.target));
   },
 
@@ skipping 11 matching lines @@
   /** @private */
   onDeleteTap_: function() {
     this.closeDropdownMenu_();
   },
 
   /** @private */
   closeDropdownMenu_: function() {
     var menu = /** @type {!CrActionMenuElement} */ (
         this.$.dropdown);
     menu.close();
-  }
+  },
+
+  /** @private */
+  updateDisplayList_: function() {
+    if (this.searchTerm == '') {
+      this.displayedList_ =
+          /** @type {!Array<!BookmarkTreeNode>} */ (this.selectedNode.children);
+    } else {
+      this.displayedList_ = this.searchResult;
+    }
+  },
 });