MD History: Move queryState to be managed by history-router

chrome/browser/resources/md_history/app.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/cr/ui.html">
 <link rel="import" href="chrome://resources/html/cr/ui/command.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-media-query/iron-media-query.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-pages/iron-pages.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-scroll-target-behavior/iron-scroll-target-behavior.html">
 <link rel="import" href="chrome://history/history_toolbar.html">
 <link rel="import" href="chrome://history/list_container.html">
+<link rel="import" href="chrome://history/query_manager.html">
 <link rel="import" href="chrome://history/router.html">
 <link rel="import" href="chrome://history/shared_style.html">
 <link rel="import" href="chrome://history/side_bar.html">
 <link rel="stylesheet" href="chrome://resources/css/md_colors.css">
 
 <!-- Lazy loaded: history-synced-device-manager, app-drawer. -->
 
 <dom-module id="history-app">
   <template>
     <style include="shared-style">
@@ skipping 67 matching lines @@
         position: absolute;
         right: 0;
         top: 0;
         transition: opacity 500ms;
       }
 
       :host([toolbar-shadow_]) #drop-shadow {
         opacity: 1;
       }
     </style>
+    <history-query-manager query-state="{{queryState_}}"
+        grouped-range="[[queryState_.range]]"
+        query-result="{{queryResult_}}">

[calamity, 2017/01/17 06:22:10]

This can be 1-way bound.

[tsergeant, 2017/01/18 03:36:00]

Done.

+    </history-query-manager>
     <history-router selected-page="{{selectedPage_}}"
         query-state="{{queryState_}}">
     </history-router>
     <history-toolbar id="toolbar"
         grouped-offset="{{queryState_.groupedOffset}}"
         grouped-range="{{queryState_.range}}"
         has-drawer="[[hasDrawer_]]"
         is-grouped-mode="{{grouped_}}"
         query-end-time="[[queryResult_.info.queryEndTime]]"
         has-more-results="[[!queryResult_.info.finished]]"
@@ skipping 42 matching lines @@
         </history-side-bar>
       </app-drawer>
     </template>
 
     <iron-media-query query="(max-width: 1023px)"
         query-matches="{{hasDrawer_}}">
     </iron-media-query>
   </template>
   <script src="chrome://history/app.js"></script>
 </dom-module>