Introduce declarative event mapping

Author: cletusw

filter-by-text.html

@@ -8,7 +8,7 @@
 
     <div>{{ matchCount }} matches</div>
 
-    <basic-list-box id="options" class="options">
+    <basic-list-box on-core-select="{{ onListBoxSelect }}" class="options">
       <content></content>
     </basic-list-box>
 

filter-by-text.js

@@ -3,16 +3,9 @@ Polymer('filter-by-text', {
   matchCount: 0,
 
   attached: function() {
-    this.cachedListener = this.onListBoxSelect.bind(this);
-    this.$.options.addEventListener('core-select', this.cachedListener);
-
     this.filterText = this.getAttribute('filterText') || '';
   },
 
-  detached: function() {
-    this.$.options.removeEventListener('core-select', this.cachedListener);
-  },
-
   filter: function(filterText) {
     var matches = 0;