MD History: Add routing for grouped history mode.

chrome/browser/resources/md_history/list_container.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: 'history-list-container',
 
   properties: {
     // The path of the currently selected page.
     selectedPage_: {
@@ skipping 14 matching lines @@
      * @private {?{
      *   index: number,
      *   item: !HistoryEntry,
      *   path: string,
      *   target: !HTMLElement
      * }}
      */
     actionMenuModel_: Object,
   },
 
-  observers: [
-    'groupedRangeChanged_(queryState.range)',
-  ],
-
   listeners: {
     'open-menu': 'openMenu_',
   },
 
   /**
    * @param {HistoryQuery} info An object containing information about the
    *    query.
    * @param {!Array<!HistoryEntry>} results A list of results.
    */
   historyResult: function(info, results) {
     this.initializeResults_(info, results);
     this.closeMenu_();
 
     if (info.term && !this.queryState.incremental) {
       Polymer.IronA11yAnnouncer.requestAvailability();
       this.fire('iron-announce', {
         text:
             md_history.HistoryItem.searchResultsTitle(results.length, info.term)
       });
     }
 
     var list = /** @type {HistoryListBehavior} */ this.getSelectedList_();
-    list.addNewResults(results, this.queryState.incremental, info.finished);
+    // It is possible for results to arrive for the grouped list before the lazy
+    // load has finished and the <history-grouped-list> element exists. In this
+    // case, add the items to a property on the unresolved element which can be
+    // read when it upgrades and is attached.
+    if (Polymer.isInstance(list))
+      list.addNewResults(results, this.queryState.incremental, info.finished);
+    else
+      list.initialData = results;
   },
 
   historyDeleted: function() {
     // Do not reload the list when there are items checked.
     if (this.getSelectedItemCount() > 0)
       return;
 
     // Reload the list with current search state.
     this.fire('query-history', false);
   },
@@ skipping 35 matching lines @@
   /**
    * @param {HistoryRange} range
    * @return {string}
    * @private
    */
   computeSelectedPage_: function(range) {
     return range == HistoryRange.ALL_TIME ? 'infinite-list' : 'grouped-list';
   },
 
   /**
-   * @param {HistoryRange} range
-   * @private
-   */
-  groupedRangeChanged_: function(range) {
-    // Reset the results on range change to prevent stale results from being
-    // processed into the incoming range's UI.
-    if (range != HistoryRange.ALL_TIME && this.queryResult.info) {
-      this.set('queryResult.results', []);
-      this.historyResult(this.queryResult.info, []);
-    }
-  },
-
-  /**
    * @param {HistoryQuery} info
    * @param {!Array<HistoryEntry>} results
    * @private
    */
   initializeResults_: function(info, results) {
     if (results.length == 0)
       return;
 
     var currentDate = results[0].dateRelativeDay;
 
@@ skipping 104 matching lines @@
    */
   getSelectedList_: function() {
     return this.$$('#' + this.selectedPage_);
   },
 
   /** @private */
   canDeleteHistory_: function() {
     return loadTimeData.getBoolean('allowDeletingHistory');
   }
 });