Update Polymer components and re-run reproduce.sh

third_party/polymer/v1_0/components/paper-toolbar/paper-toolbar.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">
 <link rel="import" href="../paper-styles/paper-styles.html">
 
 <!--
 `paper-toolbar` is a horizontal bar containing items that can be used for
 label, navigation, search and actions.  The items place inside the
 `paper-toolbar` are projected into a `class="horizontal center layout"` container inside of
 `paper-toolbar`'s Shadow DOM.  You can use flex attributes to control the items'
 sizing.
 
 Example:
 
     <paper-toolbar>
       <paper-icon-button icon="menu" on-tap="menuAction"></paper-icon-button>
-      <div title>Title</div>
-      <paper-icon-button icon="more" on-tap="moreAction"></paper-icon-button>
+      <div class="title">Title</div>
+      <paper-icon-button icon="more-vert" on-tap="moreAction"></paper-icon-button>
     </paper-toolbar>
 
 `paper-toolbar` has a standard height, but can made be taller by setting `tall`
 class on the `paper-toolbar`.  This will make the toolbar 3x the normal height.
 
     <paper-toolbar class="tall">
       <paper-icon-button icon="menu"></paper-icon-button>
     </paper-toolbar>
 
 Apply `medium-tall` class to make the toolbar medium tall.  This will make the
 toolbar 2x the normal height.
 
     <paper-toolbar class="medium-tall">
       <paper-icon-button icon="menu"></paper-icon-button>
     </paper-toolbar>
 
 When `tall`, items can pin to either the top (default), middle or bottom.  Use
 `middle` class for middle content and `bottom` class for bottom content.
 
     <paper-toolbar class="tall">
       <paper-icon-button icon="menu"></paper-icon-button>
-      <div title class="middle">Middle Title</div>
-      <div title class="bottom">Bottom Title</div>
+      <div class="middle title">Middle Title</div>
+      <div class="bottom title">Bottom Title</div>
     </paper-toolbar>
 
 For `medium-tall` toolbar, the middle and bottom contents overlap and are
 pinned to the bottom.  But `middleJustify` and `bottomJustify` attributes are
 still honored separately.
 
 ### Styling
 
 The following custom properties and mixins are available for styling:
 
 Custom property | Description | Default
 ----------------|-------------|----------
 `--paper-toolbar-background` | Toolbar background color     | `--default-primary-color`
 `--paper-toolbar-color`      | Toolbar foreground color     | `--text-primary-color`
 `--paper-toolbar`            | Mixin applied to the toolbar | `{}`
 
 ### Accessibility
 
-`<paper-toolbar>` has `role="toolbar"` by default. Any elements with the `title` attribute will
+`<paper-toolbar>` has `role="toolbar"` by default. Any elements with the class `title` will
 be used as the label of the toolbar via `aria-labelledby`.
 
 @demo demo/index.html
 -->
 
 <dom-module id="paper-toolbar">
 
   <style>
     :host {
       /* technical */
@@ skipping 48 matching lines @@
         height: 168px;
       }
 
       .toolbar-tools {
         height: 56px;
       }
     }
 
     #topBar {
       position: relative;
-      z-index: 1;
     }
 
     /* middle bar */
     #middleBar {
       position: absolute;
       top: 0;
       right: 0;
       left: 0;
-      z-index: 2;
     }
 
     :host(.tall) #middleBar,
     :host(.medium-tall) #middleBar {
       -webkit-transform: translateY(100%);
       transform: translateY(100%);
     }
 
     /* bottom bar */
     #bottomBar {
       position: absolute;
       right: 0;
       bottom: 0;
       left: 0;
-      z-index: 1;
     }
 
     /*
      * make elements (e.g. buttons) respond to mouse/touch events
      *
      * `.toolbar-tools` disables touch events so multiple toolbars can stack and not
      * absorb events. All children must have pointer events re-enabled to work as
      * expected.
      */
     .toolbar-tools > ::content > *:not([disabled]) {
       pointer-events: auto;
     }
 
-    .toolbar-tools > ::content [title] {
+    .toolbar-tools > ::content .title {
       @apply(--paper-font-title);
       @apply(--layout-flex);
 
+      pointer-events: none;
       text-overflow: ellipsis;
       white-space: nowrap;
       overflow: hidden;
 
       /*
        * Polymer/polymer/issues/1525
        * --paper-font-title defines a `font-weight`
        * let's override its value, but we need `important!`
        * because all mixins are resolved in rule's selector that has higher precedence
        * than the current selector.
        */
       font-weight: 400 !important;
     }
 
     /**
      * TODO: Refactor these selectors
      * Work in progress.
      */
     .toolbar-tools > ::content paper-icon-button[icon=menu] {
-      margin-left: -8px;
       margin-right: 24px;
     }
 
-    .toolbar-tools > ::content paper-icon-button + paper-icon-button {
-      margin-right: -8px;
-    }
-
-    .toolbar-tools > ::content > [title],
-    .toolbar-tools > ::content[select=".middle"] > [title],
-    .toolbar-tools > ::content[select=".bottom"] > [title] {
+    .toolbar-tools > ::content > .title,
+    .toolbar-tools > ::content[select=".middle"] > .title,
+    .toolbar-tools > ::content[select=".bottom"] > .title {
       margin-left: 56px;
     }
 
-    .toolbar-tools > ::content > paper-icon-button + [title],
-    .toolbar-tools > ::content[select=".middle"] paper-icon-button + [title],
-    .toolbar-tools > ::content[select=".bottom"] paper-icon-button + [title] {
+    .toolbar-tools > ::content > paper-icon-button + .title,
+    .toolbar-tools > ::content[select=".middle"] paper-icon-button + .title,
+    .toolbar-tools > ::content[select=".bottom"] paper-icon-button + .title {
       margin-left: 0;
     }
   </style>
 
   <template>
 
     <div id="topBar" class$="[[_computeBarClassName(justify)]]">
       <content select=":not(.middle):not(.bottom)"></content>
     </div>
 
@@ skipping 100 matching lines @@
         });
         return observer;
       },
 
       _updateAriaLabelledBy: function() {
         var labelledBy = [];
         var contents = Polymer.dom(this.root).querySelectorAll('content');
         for (var content, index = 0; content = contents[index]; index++) {
           var nodes = Polymer.dom(content).getDistributedNodes();
           for (var node, jndex = 0; node = nodes[jndex]; jndex++) {
-            if (node.hasAttribute && node.hasAttribute('title')) {
+            if (node.classList && node.classList.contains('title')) {
               if (node.id) {
                 labelledBy.push(node.id);
               } else {
                 var id = 'paper-toolbar-label-' + Math.floor(Math.random() * 10000);
                 node.id = id;
                 labelledBy.push(id);
               }
             }
           }
         }
@@ skipping 21 matching lines @@
         }
 
         return classNames(classObj);
       }
 
     });
 
   }());
 
 </script>