Update paper-drawer-panel to 0.8.4 to pick up some fixes.

third_party/polymer/v0_8/components/paper-drawer-panel/paper-drawer-panel.html

 <!--
 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
 Code distributed by Google as part of the polymer project is also
 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 -->
 
 <link rel="import" href="../polymer/polymer.html">
@@ skipping 221 matching lines @@
 
   <template>
     <iron-media-query
         on-query-matches-changed="onQueryMatchesChanged"
         query="[[_computeMediaQuery(forceNarrow, responsiveWidth)]]">
     </iron-media-query>
 
     <iron-selector
         attr-for-selected="id"
         class$="[[_computeIronSelectorClass(narrow, transition, dragging, rightDrawer)]]"
-        on-iron-activate="onSelect"
+        activate-event=""
         selected="[[selected]]">
 
       <div id="main" style$="[[_computeMainStyle(narrow, rightDrawer, drawerWidth)]]">
         <content select="[main]"></content>
-        <div id="scrim"></div>
+        <div id="scrim" on-tap="closeDrawer"></div>
         <div id="edgeSwipeOverlay"
             hidden$="[[_computeSwipeOverlayHidden(narrow, disableEdgeSwipe)]]">
         </div>
       </div>
 
       <div id="drawer" style$="[[_computeDrawerStyle(drawerWidth)]]">
         <content select="[drawer]"></content>
       </div>
 
     </iron-selector>
@@ skipping 132 matching lines @@
          * Returns true if the panel is in narrow layout.  This is useful if you
          * need to show/hide elements based on the layout.
          *
          * @attribute narrow
          * @type boolean
          * @default false
          */
         narrow: {
           reflectToAttribute: true,
           type: Boolean,
-          value: false
+          value: false,
+          notify: true
         },
 
         // Whether the drawer is peeking out from the edge.
         peeking: {
           type: Boolean,
           value: false
         },
 
         /**
          * Max-width when the panel changes to narrow layout.
@@ skipping 56 matching lines @@
          * @type {?number}
          */
         _startX: {
           type: Number,
           value: null
         }
 
       },
 
       listeners: {
-        click: 'onClick',
-        track: 'onTrack'
+        tap: '_onTap',
+        track: '_onTrack'
 
         // TODO: Implement tap handlers when taps are supported.
         //
         // down: 'downHandler',
         // up: 'upHandler'
       },
 
       _computeIronSelectorClass: function(narrow, transition, dragging, rightDrawer) {
         return classNames({
           dragging: dragging,
@@ skipping 22 matching lines @@
       },
 
       _computeMediaQuery: function(forceNarrow, responsiveWidth) {
         return forceNarrow ? '' : '(max-width: ' + responsiveWidth + ')';
       },
 
       _computeSwipeOverlayHidden: function(narrow, disableEdgeSwipe) {
         return !narrow || disableEdgeSwipe;
       },
 
-      onTrack: function(event) {
+      _onTrack: function(event) {
         switch (event.detail.state) {
           case 'end':
             this.trackEnd(event);
             break;
           case 'move':
             this.trackX(event);
             break;
           case 'start':
             this.trackStart(event);
             break;
@@ skipping 71 matching lines @@
         this.peeking = true;
       },
 
       stopEdgePeek: function() {
         if (this.peeking) {
           this.peeking = false;
           this.moveDrawer(null);
         }
       },
 
-      // TODO: Implement tap handlers when taps are supported.
-      //
-      // downHandler: function(e) {
-      //   if (!this.dragging && this.isMainSelected() && this.isEdgeTouch(e)) {
-      //     this.startEdgePeek();
-      //   }
-      // },
-      //
-      // upHandler: function(e) {
-      //   this.stopEdgePeek();
-      // },
+      _downHandler: function(e) {
+        if (!this.dragging && this._isMainSelected() && this._isEdgeTouch(e)) {
+          this._startEdgePeek();
+        }
+      },
 
-      onClick: function(e) {
-        var isTargetToggleElement = e.target &&
+      _upHandler: function(e) {
+        this._stopEdgePeek();
+      },
+
+      _onTap: function(e) {
+        var targetElement = Polymer.dom(e).localTarget;
+        var isTargetToggleElement = targetElement &&
           this.drawerToggleAttribute &&
-          e.target.hasAttribute(this.drawerToggleAttribute);
+          targetElement.hasAttribute(this.drawerToggleAttribute);
 
         if (isTargetToggleElement) {
           this.togglePanel();
         }
       },
 
       isEdgeTouch: function(event) {
         var x = event.detail.x;
 
         return !this.disableEdgeSwipe && this.swipeAllowed() &&
@@ skipping 76 matching lines @@
       },
 
       moveDrawer: function(translateX) {
         var s = this.$.drawer.style;
 
         if (this.hasTransform) {
           s.transform = this.transformForTranslateX(translateX);
         } else {
           s.webkitTransform = this.transformForTranslateX(translateX);
         }
-      },
-
-      onSelect: function(e) {
-        e.preventDefault();
-        this.selected = e.detail.selected;
       }
 
     });
 
   }());
 
 </script>