MD History: Use one-way binding for history query state.

chrome/browser/resources/md_history/history_toolbar.js

 // Copyright 2015 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-toolbar',
   properties: {
     // Number of history items currently selected.
     // TODO(calamity): bind this to
     // listContainer.selectedItem.selectedPaths.length.
     count: {
       type: Number,
       value: 0,
       observer: 'changeToolbarView_',
     },
 
     // True if 1 or more history items are selected. When this value changes
     // the background colour changes.
     itemsSelected_: {
       type: Boolean,
       value: false,
       reflectToAttribute: true,
     },
 
     // The most recent term entered in the search field. Updated incrementally
     // as the user types.
     searchTerm: {
       type: String,
       observer: 'searchTermChanged_',
-      notify: true,
     },
 
     // True if the backend is processing and a spinner should be shown in the
     // toolbar.
     spinnerActive: {
       type: Boolean,
       value: false,
     },
 
     hasDrawer: {
       type: Boolean,
       reflectToAttribute: true,
     },
 
     // Whether domain-grouped history is enabled.
     isGroupedMode: {
       type: Boolean,
       reflectToAttribute: true,
     },
 
     // The period to search over. Matches BrowsingHistoryHandler::Range.
     groupedRange: {
       type: Number,
       reflectToAttribute: true,
-      notify: true,
     },
 
-    groupedOffset: {
-      type: Number,
-      notify: true,
-    },
+    groupedOffset: Number,
 
     hasMoreResults: Boolean,
 
     querying: Boolean,
 
     queryInfo: Object,
 
     // Whether to show the menu promo (a tooltip that points at the menu button
     // in narrow mode).
     showMenuPromo: Boolean,
@@ skipping 30 matching lines @@
       this.searchField.showAndFocus();
       this.searchField.setValue(this.searchTerm);
     }
   },
 
   /**
    * @param {!CustomEvent} event
    * @private
    */
   onSearchChanged_: function(event) {
-    this.searchTerm = /** @type {string} */ (event.detail);
+    this.fire('change-query', {search: event.detail});
   },
 
   /** @private */
   onInfoButtonTap_: function() {
     var dropdown = this.$.syncNotice.get();
     dropdown.positionTarget = this.$$('#info-button-icon');
     // It is possible for this listener to trigger while the dialog is
     // closing. Ensure the dialog is fully closed before reopening it.
     if (dropdown.style.display == 'none')
       dropdown.open();
@@ skipping 25 matching lines @@
   /** @private */
   getHistoryInterval_: function() {
     var info = this.queryInfo;
     if (this.groupedRange == HistoryRange.WEEK)
       return info.queryInterval;
 
     if (this.groupedRange == HistoryRange.MONTH)
       return info.queryStartMonth;
   },
 
+  /**
+   * @param {Event} e
+   * @private
+   */
+  onTabSelected_: function(e) {
+    this.fire(
+        'change-query', {range: Number(e.detail.item.getAttribute('value'))});
+  },
+
+  /**
+   * @param {number} newOffset
+   * @private
+   */
+  changeOffset_: function(newOffset) {
+    if (!this.querying)
+      this.fire('change-query', {offset: newOffset});
+  },
+
   /** @private */
   onTodayTap_: function() {
-    if (!this.querying)
-      this.groupedOffset = 0;
+    this.changeOffset_(0);
   },
 
   /** @private */
   onPrevTap_: function() {
-    if (!this.querying)
-      this.groupedOffset = this.groupedOffset + 1;
+    this.changeOffset_(this.groupedOffset + 1);
   },
 
   /** @private */
   onNextTap_: function() {
-    if (!this.querying)
-      this.groupedOffset = this.groupedOffset - 1;
+    this.changeOffset_(this.groupedOffset - 1);
   },
 
   /**
    * @private
    * @return {boolean}
    */
   isToday_: function() {
     return this.groupedOffset == 0;
   },
 });