WebUI: Update Polymer iron-collapse, iron-overlay-behavior to 2.x.

Bug: 738611
Cq-Include-Trybots: master.tryserver.chromium.linux:closure_compilation
Change-Id: I7f3649304443c82c7604d4ba4c9e2ef0b966c5f1
Reviewed-on: https://chromium-review.googlesource.com/919643Reviewed-by: Hector Carmona <hcarmona@chromium.org>
Commit-Queue: Demetrios Papadopoulos <dpapad@chromium.org>
Cr-Commit-Position: refs/heads/master@{#536919}

chrome/browser/resources/settings/printing_page/cups_add_printer_dialog_util.html

@@ -43,7 +43,7 @@
         height: 270px;
       }
 
-      iron-dropdown .dropdown-content {
+      iron-dropdown [slot='dropdown-content'] {
         background-color: white;
         box-shadow: 0 2px 6px var(--paper-grey-500);
         min-width: 128px;
@@ -73,7 +73,7 @@
     </paper-input-container>
     <iron-dropdown horizontal-align="left" vertical-align="top"
         vertical-offset="35">
-      <div class="dropdown-content">
+      <div slot="dropdown-content">
         <template is="dom-repeat" items="[[items]]"
             filter="[[filterItems_(searchTerm_)]]">
           <button class="list-item" on-tap="onSelect_">[[item]]</button>

third_party/polymer/v1_0/bower.json

@@ -10,7 +10,7 @@
     "iron-behaviors": "PolymerElements/iron-behaviors#1.0.17",
     "iron-checked-element-behavior": "PolymerElements/iron-checked-element-behavior#1.0.5",
     "iron-collapse": "PolymerElements/iron-collapse#2.1.0",
-    "iron-dropdown": "PolymerElements/iron-dropdown#1.5.2",
+    "iron-dropdown": "PolymerElements/iron-dropdown#2.1.0",
     "iron-fit-behavior": "PolymerElements/iron-fit-behavior#1.2.5",
     "iron-flex-layout": "PolymerElements/iron-flex-layout#1.3.1",
     "iron-form-element-behavior": "PolymerElements/iron-form-element-behavior#1.0.6",
@@ -23,7 +23,7 @@
     "iron-media-query": "PolymerElements/iron-media-query#2.0.0",
     "iron-menu-behavior": "PolymerElements/iron-menu-behavior#1.3.0",
     "iron-meta": "PolymerElements/iron-meta#1.1.2",
-    "iron-overlay-behavior": "PolymerElements/iron-overlay-behavior#1.10.2",
+    "iron-overlay-behavior": "PolymerElements/iron-overlay-behavior#2.3.2",
     "iron-pages": "PolymerElements/iron-pages#1.0.8",
     "iron-range-behavior": "PolymerElements/iron-range-behavior#1.0.6",
     "iron-resizable-behavior": "PolymerElements/iron-resizable-behavior#1.0.5",

third_party/polymer/v1_0/components-chromium/iron-dropdown/BUILD.gn

@@ -9,14 +9,14 @@ import("//third_party/closure_compiler/compile_js.gni")
 js_library("iron-dropdown-extracted") {
   deps = [
     ":iron-dropdown-scroll-manager-extracted",
-    "../iron-a11y-keys-behavior:iron-a11y-keys-behavior-extracted",
     "../iron-behaviors:iron-control-state-extracted",
     "../iron-overlay-behavior:iron-overlay-behavior-extracted",
-    "../iron-resizable-behavior:iron-resizable-behavior-extracted",
     "../neon-animation:neon-animation-runner-behavior-extracted",
-    "../neon-animation/animations:opaque-animation-extracted",
   ]
 }
 
 js_library("iron-dropdown-scroll-manager-extracted") {
+  deps = [
+    "../iron-overlay-behavior:iron-scroll-manager-extracted",
+  ]
 }

third_party/polymer/v1_0/components-chromium/iron-dropdown/bower.json

 {
   "name": "iron-dropdown",
-  "version": "1.5.2",
+  "version": "2.1.0",
   "description": "An unstyled element that works similarly to a native browser select",
   "authors": [
     "The Polymer Authors"
@@ -19,20 +19,44 @@
   "license": "http://polymer.github.io/LICENSE.txt",
   "homepage": "https://github.com/PolymerElements/iron-dropdown",
   "dependencies": {
-    "polymer": "polymer/polymer#^1.1.0",
-    "iron-behaviors": "polymerelements/iron-behaviors#^1.0.0",
-    "iron-overlay-behavior": "polymerelements/iron-overlay-behavior#^1.8.6",
-    "iron-resizable-behavior": "polymerelements/iron-resizable-behavior#^1.0.0",
-    "neon-animation": "polymerelements/neon-animation#^1.0.0"
+    "polymer": "Polymer/polymer#1.9 - 2",
+    "iron-behaviors": "PolymerElements/iron-behaviors#1 - 2",
+    "iron-overlay-behavior": "PolymerElements/iron-overlay-behavior#^2.2.0",
+    "neon-animation": "PolymerElements/neon-animation#1 - 2"
   },
   "devDependencies": {
-    "iron-component-page": "polymerelements/iron-component-page#^1.0.0",
-    "test-fixture": "polymerelements/test-fixture#^1.0.0",
-    "iron-test-helpers": "polymerelements/iron-test-helpers#^1.0.0",
-    "paper-styles": "polymerelements/paper-styles#^1.0.0",
-    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
-    "web-component-tester": "^4.0.0",
-    "iron-image": "polymerelements/iron-image#^1.0.0"
+    "iron-component-page": "PolymerElements/iron-component-page#1 - 2",
+    "iron-demo-helpers": "PolymerElements/iron-demo-helpers#1 - 2",
+    "iron-test-helpers": "PolymerElements/iron-test-helpers#1 - 2",
+    "web-animations-js": "web-animations/web-animations-js#^2.2.0",
+    "iron-image": "PolymerElements/iron-image#1 - 2",
+    "web-component-tester": "^6.0.0",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^1.0.0"
   },
-  "ignore": []
+  "variants": {
+    "1.x": {
+      "dependencies": {
+        "polymer": "Polymer/polymer#^1.9",
+        "iron-behaviors": "PolymerElements/iron-behaviors#^1.0.0",
+        "iron-overlay-behavior": "PolymerElements/iron-overlay-behavior#^2.2.0",
+        "neon-animation": "PolymerElements/neon-animation#^1.0.0"
+      },
+      "devDependencies": {
+        "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
+        "iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0",
+        "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0",
+        "web-animations-js": "web-animations/web-animations-js#^2.2.0",
+        "iron-image": "PolymerElements/iron-image#^1.0.0",
+        "web-component-tester": "^4.0.0",
+        "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
+      },
+      "resolutions": {
+        "webcomponentsjs": "^0.7"
+      }
+    }
+  },
+  "ignore": [],
+  "resolutions": {
+    "webcomponentsjs": "^1.0.0"
+  }
 }

third_party/polymer/v1_0/components-chromium/iron-dropdown/compiled_resources2.gyp

@@ -8,11 +8,8 @@
     {
       'target_name': 'iron-dropdown-extracted',
       'dependencies': [
-        '../iron-a11y-keys-behavior/compiled_resources2.gyp:iron-a11y-keys-behavior-extracted',
         '../iron-behaviors/compiled_resources2.gyp:iron-control-state-extracted',
         '../iron-overlay-behavior/compiled_resources2.gyp:iron-overlay-behavior-extracted',
-        '../iron-resizable-behavior/compiled_resources2.gyp:iron-resizable-behavior-extracted',
-        '../neon-animation/animations/compiled_resources2.gyp:opaque-animation-extracted',
         '../neon-animation/compiled_resources2.gyp:neon-animation-runner-behavior-extracted',
         'iron-dropdown-scroll-manager-extracted',
       ],
@@ -20,6 +17,9 @@
     },
     {
       'target_name': 'iron-dropdown-scroll-manager-extracted',
+      'dependencies': [
+        '../iron-overlay-behavior/compiled_resources2.gyp:iron-scroll-manager-extracted',
+      ],
       'includes': ['../../../../closure_compiler/compile_js2.gypi'],
     },
   ],

third_party/polymer/v1_0/components-chromium/iron-dropdown/iron-dropdown-extracted.js

@@ -36,7 +36,9 @@
 
           /**
            * An animation config. If provided, this will be used to animate the
-           * opening of the dropdown.
+           * opening of the dropdown. Pass an Array for multiple animations.
+           * See `neon-animation` documentation for more animation configuration
+           * details.
            */
           openAnimationConfig: {
             type: Object
@@ -44,7 +46,9 @@
 
           /**
            * An animation config. If provided, this will be used to animate the
-           * closing of the dropdown.
+           * closing of the dropdown. Pass an Array for multiple animations.
+           * See `neon-animation` documentation for more animation configuration
+           * details.
            */
           closeAnimationConfig: {
             type: Object
@@ -72,22 +76,13 @@
            * to itself when opened.
            * Set to true in order to prevent scroll from being constrained
            * to the dropdown when it opens.
+           * This property is a shortcut to set `scrollAction` to lock or refit.
+           * Prefer directly setting the `scrollAction` property.
            */
           allowOutsideScroll: {
             type: Boolean,
-            value: false
-          },
-
-          /**
-           * Callback for scroll events.
-           * @type {Function}
-           * @private
-           */
-          _boundOnCaptureScroll: {
-            type: Function,
-            value: function() {
-              return this._onCaptureScroll.bind(this);
-            }
+            value: false,
+            observer: '_allowOutsideScrollChanged'
           }
         },
 
@@ -103,35 +98,31 @@
          * The element that is contained by the dropdown, if any.
          */
         get containedElement() {
-          return Polymer.dom(this.$.content).getDistributedNodes()[0];
-        },
-
-        /**
-         * The element that should be focused when the dropdown opens.
-         * @deprecated
-         */
-        get _focusTarget() {
-          return this.focusTarget || this.containedElement;
+          // Polymer 2.x returns slot.assignedNodes which can contain text nodes.
+          var nodes = Polymer.dom(this.$.content).getDistributedNodes();
+          for (var i = 0, l = nodes.length; i < l; i++) {
+            if (nodes[i].nodeType === Node.ELEMENT_NODE) {
+              return nodes[i];
+            }
+          }
         },
 
         ready: function() {
-          // Memoized scrolling position, used to block scrolling outside.
-          this._scrollTop = 0;
-          this._scrollLeft = 0;
-          // Used to perform a non-blocking refit on scroll.
-          this._refitOnScrollRAF = null;
+          // Ensure scrollAction is set.
+          if (!this.scrollAction) {
+            this.scrollAction = this.allowOutsideScroll ? 'refit' : 'lock';
+          }
+          this._readied = true;
         },
 
         attached: function () {
           if (!this.sizingTarget || this.sizingTarget === this) {
-            this.sizingTarget = this.containedElement;
+            this.sizingTarget = this.containedElement || this;
           }
         },
 
         detached: function() {
           this.cancelAnimation();
-          document.removeEventListener('scroll', this._boundOnCaptureScroll);
-          Polymer.IronDropdownScrollManager.removeScrollLock(this);
         },
 
         /**
@@ -144,14 +135,6 @@
           } else {
             this.cancelAnimation();
             this._updateAnimationConfig();
-            this._saveScrollPosition();
-            if (this.opened) {
-              document.addEventListener('scroll', this._boundOnCaptureScroll);
-              !this.allowOutsideScroll && Polymer.IronDropdownScrollManager.pushScrollLock(this);
-            } else {
-              document.removeEventListener('scroll', this._boundOnCaptureScroll);
-              Polymer.IronDropdownScrollManager.removeScrollLock(this);
-            }
             Polymer.IronOverlayBehaviorImpl._openedChanged.apply(this, arguments);
           }
         },
@@ -172,7 +155,6 @@
          * Overridden from `IronOverlayBehavior`.
          */
         _renderClosed: function() {
-
           if (!this.noAnimations && this.animationConfig.close) {
             this.$.contentWrapper.classList.add('animating');
             this.playAnimation('close');
@@ -195,56 +177,17 @@
             this._finishRenderClosed();
           }
         },
-
-        _onCaptureScroll: function() {
-          if (!this.allowOutsideScroll) {
-            this._restoreScrollPosition();
-          } else {
-            this._refitOnScrollRAF && window.cancelAnimationFrame(this._refitOnScrollRAF);
-            this._refitOnScrollRAF = window.requestAnimationFrame(this.refit.bind(this));
-          }
-        },
-
-        /**
-         * Memoizes the scroll position of the outside scrolling element.
-         * @private
-         */
-        _saveScrollPosition: function() {
-          if (document.scrollingElement) {
-            this._scrollTop = document.scrollingElement.scrollTop;
-            this._scrollLeft = document.scrollingElement.scrollLeft;
-          } else {
-            // Since we don't know if is the body or html, get max.
-            this._scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
-            this._scrollLeft = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft);
-          }
-        },
-
-        /**
-         * Resets the scroll position of the outside scrolling element.
-         * @private
-         */
-        _restoreScrollPosition: function() {
-          if (document.scrollingElement) {
-            document.scrollingElement.scrollTop = this._scrollTop;
-            document.scrollingElement.scrollLeft = this._scrollLeft;
-          } else {
-            // Since we don't know if is the body or html, set both.
-            document.documentElement.scrollTop = this._scrollTop;
-            document.documentElement.scrollLeft = this._scrollLeft;
-            document.body.scrollTop = this._scrollTop;
-            document.body.scrollLeft = this._scrollLeft;
-          }
-        },
-
+        
         /**
          * Constructs the final animation config from different properties used
          * to configure specific parts of the opening and closing animations.
          */
         _updateAnimationConfig: function() {
-          var animations = (this.openAnimationConfig || []).concat(this.closeAnimationConfig || []);
+          // Update the animation node to be the containedElement.
+          var animationNode = this.containedElement;
+          var animations = [].concat(this.openAnimationConfig || []).concat(this.closeAnimationConfig || []);
           for (var i = 0; i < animations.length; i++) {
-            animations[i].node = this.containedElement;
+            animations[i].node = animationNode;
           }
           this.animationConfig = {
             open: this.openAnimationConfig,
@@ -263,10 +206,26 @@
           }
         },
 
+        /**
+         * Sets scrollAction according to the value of allowOutsideScroll.
+         * Prefer setting directly scrollAction.
+         */
+        _allowOutsideScrollChanged: function(allowOutsideScroll) {
+          // Wait until initial values are all set.
+          if (!this._readied) {
+            return;
+          }
+          if (!allowOutsideScroll) {
+            this.scrollAction = 'lock';
+          } else if (!this.scrollAction || this.scrollAction === 'lock') {
+            this.scrollAction = 'refit';
+          }
+        },
+
         /**
          * Apply focus to focusTarget or containedElement
          */
-        _applyFocus: function () {
+        _applyFocus: function() {
           var focusTarget = this.focusTarget || this.containedElement;
           if (focusTarget && this.opened && !this.noAutoFocus) {
             focusTarget.focus();

third_party/polymer/v1_0/components-chromium/iron-dropdown/iron-dropdown-scroll-manager.html

@@ -6,6 +6,6 @@ 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
---><html><head><link rel="import" href="../polymer/polymer.html">
+--><html><head><link rel="import" href="../iron-overlay-behavior/iron-scroll-manager.html">
 
 </head><body><script src="iron-dropdown-scroll-manager-extracted.js"></script></body></html>
\ No newline at end of file

third_party/polymer/v1_0/components-chromium/iron-dropdown/iron-dropdown.html

@@ -7,17 +7,15 @@ The complete set of contributors may be found at http://polymer.github.io/CONTRI
 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
 --><html><head><link rel="import" href="../polymer/polymer.html">
-<link rel="import" href="../iron-resizable-behavior/iron-resizable-behavior.html">
-<link rel="import" href="../iron-a11y-keys-behavior/iron-a11y-keys-behavior.html">
 <link rel="import" href="../iron-behaviors/iron-control-state.html">
 <link rel="import" href="../iron-overlay-behavior/iron-overlay-behavior.html">
 <link rel="import" href="../neon-animation/neon-animation-runner-behavior.html">
-<link rel="import" href="../neon-animation/animations/opaque-animation.html">
+<!--TODO remove this import -->
 <link rel="import" href="iron-dropdown-scroll-manager.html">
 
 <!--
 `<iron-dropdown>` is a generalized element that is useful when you have
-hidden content (`.dropdown-content`) that is revealed due to some change in
+hidden content (`dropdown-content`) that is revealed due to some change in
 state that should cause it to do so.
 
 Note that this is a low-level element intended to be used as part of other
@@ -27,14 +25,14 @@ Examples of elements that might be implemented using an `iron-dropdown`
 include comboboxes, menubuttons, selects. The list goes on.
 
 The `<iron-dropdown>` element exposes attributes that allow the position
-of the `.dropdown-content` relative to the `.dropdown-trigger` to be
+of the `dropdown-content` relative to the `dropdown-trigger` to be
 configured.
 
     <iron-dropdown horizontal-align="right" vertical-align="top">
-      <div class="dropdown-content">Hello!</div>
+      <div slot="dropdown-content">Hello!</div>
     </iron-dropdown>
 
-In the above example, the `<div>` with class `.dropdown-content` will be
+In the above example, the `<div>` assigned to the `dropdown-content` slot will be
 hidden until the dropdown element has `opened` set to true, or when the `open`
 method is called on the element.
 
@@ -48,17 +46,17 @@ method is called on the element.
         position: fixed;
       }
 
-      #contentWrapper ::content > * {
+      #contentWrapper ::slotted(*) {
         overflow: auto;
       }
 
-      #contentWrapper.animating ::content > * {
+      #contentWrapper.animating ::slotted(*) {
         overflow: hidden;
       }
     </style>
 
     <div id="contentWrapper">
-      <content id="content" select=".dropdown-content"></content>
+      <slot id="content" name="dropdown-content"></slot>
     </div>
   </template>
 

third_party/polymer/v1_0/components-chromium/iron-overlay-behavior/BUILD.gn

@@ -16,6 +16,7 @@ js_library("iron-overlay-behavior-extracted") {
   deps = [
     ":iron-focusables-helper-extracted",
     ":iron-overlay-manager-extracted",
+    ":iron-scroll-manager-extracted",
     "../iron-fit-behavior:iron-fit-behavior-extracted",
     "../iron-resizable-behavior:iron-resizable-behavior-extracted",
   ]
@@ -27,3 +28,6 @@ js_library("iron-overlay-manager-extracted") {
     "../iron-a11y-keys-behavior:iron-a11y-keys-behavior-extracted",
   ]
 }
+
+js_library("iron-scroll-manager-extracted") {
+}

third_party/polymer/v1_0/components-chromium/iron-overlay-behavior/bower.json

 {
   "name": "iron-overlay-behavior",
-  "version": "1.10.2",
+  "version": "2.3.2",
   "license": "http://polymer.github.io/LICENSE.txt",
   "description": "Provides a behavior for making an element an overlay",
   "private": true,
@@ -19,19 +19,42 @@
     "url": "git://github.com/PolymerElements/iron-overlay-behavior.git"
   },
   "dependencies": {
-    "iron-a11y-keys-behavior": "PolymerElements/iron-a11y-keys-behavior#^1.0.0",
-    "iron-fit-behavior": "PolymerElements/iron-fit-behavior#^1.0.0",
-    "iron-resizable-behavior": "PolymerElements/iron-resizable-behavior#^1.0.0",
-    "polymer": "Polymer/polymer#^1.1.0"
+    "iron-a11y-keys-behavior": "PolymerElements/iron-a11y-keys-behavior#1 - 2",
+    "iron-fit-behavior": "PolymerElements/iron-fit-behavior#1 - 2",
+    "iron-resizable-behavior": "PolymerElements/iron-resizable-behavior#1 - 2",
+    "polymer": "Polymer/polymer#1.9 - 2"
   },
   "devDependencies": {
-    "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
-    "iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0",
-    "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0",
-    "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0",
-    "paper-styles": "PolymerElements/paper-styles#^1.0.2",
-    "web-component-tester": "^4.0.0",
-    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
+    "iron-component-page": "PolymerElements/iron-component-page#1 - 2",
+    "iron-demo-helpers": "PolymerElements/iron-demo-helpers#1 - 2",
+    "iron-flex-layout": "PolymerElements/iron-flex-layout#1 - 2",
+    "iron-test-helpers": "PolymerElements/iron-test-helpers#1 - 2",
+    "web-component-tester": "^6.0.0",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^1.0.0"
   },
-  "ignore": []
+  "variants": {
+    "1.x": {
+      "dependencies": {
+        "iron-a11y-keys-behavior": "PolymerElements/iron-a11y-keys-behavior#^1.0.0",
+        "iron-fit-behavior": "PolymerElements/iron-fit-behavior#^1.0.0",
+        "iron-resizable-behavior": "PolymerElements/iron-resizable-behavior#^1.0.0",
+        "polymer": "Polymer/polymer#^1.9"
+      },
+      "devDependencies": {
+        "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
+        "iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0",
+        "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0",
+        "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0",
+        "web-component-tester": "^4.0.0",
+        "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
+      },
+      "resolutions": {
+        "webcomponentsjs": "^0.7"
+      }
+    }
+  },
+  "ignore": [],
+  "resolutions": {
+    "webcomponentsjs": "^1.0.0"
+  }
 }

third_party/polymer/v1_0/components-chromium/iron-overlay-behavior/compiled_resources2.gyp

@@ -20,6 +20,7 @@
         '../iron-resizable-behavior/compiled_resources2.gyp:iron-resizable-behavior-extracted',
         'iron-focusables-helper-extracted',
         'iron-overlay-manager-extracted',
+        'iron-scroll-manager-extracted',
       ],
       'includes': ['../../../../closure_compiler/compile_js2.gypi'],
     },
@@ -31,5 +32,9 @@
       ],
       'includes': ['../../../../closure_compiler/compile_js2.gypi'],
     },
+    {
+      'target_name': 'iron-scroll-manager-extracted',
+      'includes': ['../../../../closure_compiler/compile_js2.gypi'],
+    },
   ],
 }

third_party/polymer/v1_0/components-chromium/iron-overlay-behavior/iron-focusables-helper-extracted.js

@@ -12,7 +12,7 @@
        * It searches the tabbable nodes in the light and shadow dom of the chidren,
        * sorting the result by tabindex.
        * @param {!Node} node
-       * @return {Array<HTMLElement>}
+       * @return {!Array<!HTMLElement>}
        */
       getTabbableNodes: function(node) {
         var result = [];
@@ -84,7 +84,7 @@
        * Returns if the `result` array needs to be sorted by tabindex.
        * @param {!Node} node The starting point for the search; added to `result`
        * if tabbable.
-       * @param {!Array<HTMLElement>} result
+       * @param {!Array<!HTMLElement>} result
        * @return {boolean}
        * @private
        */
@@ -93,9 +93,9 @@
         if (node.nodeType !== Node.ELEMENT_NODE || !this._isVisible(node)) {
           return false;
         }
-        var element = /** @type {HTMLElement} */ (node);
+        var element = /** @type {!HTMLElement} */ (node);
         var tabIndex = this._normalizedTabIndex(element);
-        var needsSortByTabIndex = tabIndex > 0;
+        var needsSort = tabIndex > 0;
         if (tabIndex >= 0) {
           result.push(element);
         }
@@ -114,7 +114,7 @@
         //  </div>
         // TODO(valdrin) support ShadowDOM v1 when upgrading to Polymer v2.0.
         var children;
-        if (element.localName === 'content') {
+        if (element.localName === 'content' || element.localName === 'slot') {
           children = Polymer.dom(element).getDistributedNodes();
         } else {
           // Use shadow root if possible, will check for distributed nodes.
@@ -122,10 +122,9 @@
         }
         for (var i = 0; i < children.length; i++) {
           // Ensure method is always invoked to collect tabbable children.
-          var needsSort = this._collectTabbableNodes(children[i], result);
-          needsSortByTabIndex = needsSortByTabIndex || needsSort;
+          needsSort = this._collectTabbableNodes(children[i], result) || needsSort;
         }
-        return needsSortByTabIndex;
+        return needsSort;
       },
 
       /**
@@ -147,8 +146,8 @@
 
       /**
        * Sorts an array of tabbable elements by tabindex. Returns a new array.
-       * @param {!Array<HTMLElement>} tabbables
-       * @return {Array<HTMLElement>}
+       * @param {!Array<!HTMLElement>} tabbables
+       * @return {!Array<!HTMLElement>}
        * @private
        */
       _sortByTabIndex: function(tabbables) {
@@ -166,9 +165,9 @@
 
       /**
        * Merge sort iterator, merges the two arrays into one, sorted by tab index.
-       * @param {!Array<HTMLElement>} left
-       * @param {!Array<HTMLElement>} right
-       * @return {Array<HTMLElement>}
+       * @param {!Array<!HTMLElement>} left
+       * @param {!Array<!HTMLElement>} right
+       * @return {!Array<!HTMLElement>}
        * @private
        */
       _mergeSortByTabIndex: function(left, right) {

third_party/polymer/v1_0/components-chromium/iron-overlay-behavior/iron-overlay-backdrop.html

@@ -38,17 +38,17 @@ Custom property | Description | Default
         opacity: 0;
         transition: opacity 0.2s;
         pointer-events: none;
-        @apply(--iron-overlay-backdrop);
+        @apply --iron-overlay-backdrop;
       }
 
       :host(.opened) {
         opacity: var(--iron-overlay-backdrop-opacity, 0.6);
         pointer-events: auto;
-        @apply(--iron-overlay-backdrop-opened);
+        @apply --iron-overlay-backdrop-opened;
       }
     </style>
 
-    <content></content>
+    <slot></slot>
   </template>
 
 </dom-module>

third_party/polymer/v1_0/components-chromium/iron-overlay-behavior/iron-overlay-behavior.html

@@ -10,6 +10,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
 <link rel="import" href="../iron-fit-behavior/iron-fit-behavior.html">
 <link rel="import" href="../iron-resizable-behavior/iron-resizable-behavior.html">
 <link rel="import" href="iron-overlay-manager.html">
+<link rel="import" href="iron-scroll-manager.html">
 <link rel="import" href="iron-focusables-helper.html">
 
 </head><body><script src="iron-overlay-behavior-extracted.js"></script></body></html>
\ No newline at end of file

third_party/polymer/v1_0/components-chromium/iron-overlay-behavior/iron-overlay-manager-extracted.js

@@ -6,7 +6,7 @@
   Polymer.IronOverlayManagerClass = function() {
     /**
      * Used to keep track of the opened overlays.
-     * @private {Array<Element>}
+     * @private {!Array<!Element>}
      */
     this._overlays = [];
 
@@ -24,8 +24,14 @@
     this._backdropElement = null;
 
     // Enable document-wide tap recognizer.
-    Polymer.Gestures.add(document, 'tap', this._onCaptureClick.bind(this));
-
+    // NOTE: Use useCapture=true to avoid accidentally prevention of the closing
+    // of an overlay via event.stopPropagation(). The only way to prevent
+    // closing of an overlay should be through its APIs.
+    // NOTE: enable tap on <html> to workaround Polymer/polymer#4459
+    // Pass no-op function because MSEdge 15 doesn't handle null as 2nd argument
+    // https://github.com/Microsoft/ChakraCore/issues/3863
+    Polymer.Gestures.add(document.documentElement, 'tap', function() {});
+    document.addEventListener('tap', this._onCaptureClick.bind(this), true);
     document.addEventListener('focus', this._onCaptureFocus.bind(this), true);
     document.addEventListener('keydown', this._onCaptureKeyDown.bind(this), true);
   };
@@ -36,7 +42,7 @@
 
     /**
      * The shared backdrop element.
-     * @type {!Element} backdropElement
+     * @return {!Element} backdropElement
      */
     get backdropElement() {
       if (!this._backdropElement) {
@@ -47,13 +53,17 @@
 
     /**
      * The deepest active element.
-     * @type {!Element} activeElement the active element
+     * @return {!Element} activeElement the active element
      */
     get deepActiveElement() {
+      var active = document.activeElement;
       // document.activeElement can be null
       // https://developer.mozilla.org/en-US/docs/Web/API/Document/activeElement
-      // In case of null, default it to document.body.
-      var active = document.activeElement || document.body;
+      // In IE 11, it can also be an object when operating in iframes.
+      // In these cases, default it to document.body.
+      if (!active || active instanceof Element === false) {
+        active = document.body;
+      }
       while (active.root && Polymer.dom(active.root).activeElement) {
         active = Polymer.dom(active.root).activeElement;
       }
@@ -158,7 +168,7 @@
 
     /**
      * Returns the current overlay.
-     * @return {Element|undefined}
+     * @return {!Element|undefined}
      */
     currentOverlay: function() {
       var i = this._overlays.length - 1;
@@ -200,10 +210,14 @@
       }
       this.backdropElement.style.zIndex = this._getZ(overlay) - 1;
       this.backdropElement.opened = !!overlay;
+      // Property observers are not fired until element is attached
+      // in Polymer 2.x, so we ensure element is attached if needed.
+      // https://github.com/Polymer/polymer/issues/4526
+      this.backdropElement.prepare();
     },
 
     /**
-     * @return {Array<Element>}
+     * @return {!Array<!Element>}
      */
     getBackdrops: function() {
       var backdrops = [];
@@ -224,12 +238,12 @@
     },
 
     /**
-     * Returns the first opened overlay that has a backdrop.
-     * @return {Element|undefined}
+     * Returns the top opened overlay that has a backdrop.
+     * @return {!Element|undefined}
      * @private
      */
     _overlayWithBackdrop: function() {
-      for (var i = 0; i < this._overlays.length; i++) {
+      for (var i = this._overlays.length - 1; i >= 0; i--) {
         if (this._overlays[i].withBackdrop) {
           return this._overlays[i];
         }
@@ -274,8 +288,8 @@
 
     /**
      * Returns the deepest overlay in the path.
-     * @param {Array<Element>=} path
-     * @return {Element|undefined}
+     * @param {!Array<!Element>=} path
+     * @return {!Element|undefined}
      * @suppress {missingProperties}
      * @private
      */
@@ -294,10 +308,18 @@
      * @private
      */
     _onCaptureClick: function(event) {
-      var overlay = /** @type {?} */ (this.currentOverlay());
-      // Check if clicked outside of top overlay.
-      if (overlay && this._overlayInPath(Polymer.dom(event).path) !== overlay) {
+      var i = this._overlays.length - 1;
+      if (i === -1) return;
+      var path = /** @type {!Array<!EventTarget>} */ (Polymer.dom(event).path);
+      var overlay;
+      // Check if clicked outside of overlay.
+      while ((overlay = /** @type {?} */ (this._overlays[i])) && this._overlayInPath(path) !== overlay) {
         overlay._onCaptureClick(event);
+        if (overlay.allowClickThrough) {
+          i--;
+        } else {
+          break;
+        }
       }
     },
 

third_party/polymer/v1_0/components-chromium/iron-overlay-behavior/iron-scroll-manager.html

+<!--
+@license
+Copyright (c) 2017 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
+--><html><head><link rel="import" href="../polymer/polymer.html">
+
+</head><body><script src="iron-scroll-manager-extracted.js"></script></body></html>
\ No newline at end of file

third_party/polymer/v1_0/components_summary.txt

@@ -48,9 +48,9 @@ Tree link: https://github.com/PolymerElements/iron-collapse/tree/v2.1.0
 
 Name: iron-dropdown
 Repository: https://github.com/PolymerElements/iron-dropdown.git
-Tree: v1.5.2
-Revision: c5dbb9404ee56e00a0e893b95b1253be5181ae2b
-Tree link: https://github.com/PolymerElements/iron-dropdown/tree/v1.5.2
+Tree: v2.1.0
+Revision: ec46c453782484d8fbee7b299a486a389699fdf2
+Tree link: https://github.com/PolymerElements/iron-dropdown/tree/v2.1.0
 
 Name: iron-fit-behavior
 Repository: https://github.com/PolymerElements/iron-fit-behavior.git
@@ -126,9 +126,9 @@ Tree link: https://github.com/PolymerElements/iron-meta/tree/v1.1.2
 
 Name: iron-overlay-behavior
 Repository: https://github.com/PolymerElements/iron-overlay-behavior.git
-Tree: v1.10.2
-Revision: 27558b9ceeba7c670999818fc50eebe7e044ed5c
-Tree link: https://github.com/PolymerElements/iron-overlay-behavior/tree/v1.10.2
+Tree: v2.3.2
+Revision: 7431ea3da852adec26f5d8d58d6f4727c280a1f4
+Tree link: https://github.com/PolymerElements/iron-overlay-behavior/tree/v2.3.2
 
 Name: iron-pages
 Repository: https://github.com/PolymerElements/iron-pages.git

third_party/polymer/v1_0/rsync_exclude.txt

@@ -14,9 +14,11 @@ index.html
 *.md
 metadata.html
 package.json
+package-lock.json
 */test/
 */tests/
 .travis.yml
+*.d.ts
 
 # app-layout specific
 */patterns/

ui/webui/resources/polymer_resources.grdp

@@ -276,6 +276,14 @@
              file="../../../third_party/polymer/v1_0/components-chromium/iron-overlay-behavior/iron-overlay-manager.html"
              type="chrome_html"
              compress="gzip" />
+  <structure name="IDR_POLYMER_1_0_IRON_OVERLAY_BEHAVIOR_IRON_SCROLL_MANAGER_EXTRACTED_JS"
+             file="../../../third_party/polymer/v1_0/components-chromium/iron-overlay-behavior/iron-scroll-manager-extracted.js"
+             type="chrome_html"
+             compress="gzip" />
+  <structure name="IDR_POLYMER_1_0_IRON_OVERLAY_BEHAVIOR_IRON_SCROLL_MANAGER_HTML"
+             file="../../../third_party/polymer/v1_0/components-chromium/iron-overlay-behavior/iron-scroll-manager.html"
+             type="chrome_html"
+             compress="gzip" />
   <structure name="IDR_POLYMER_1_0_IRON_PAGES_IRON_PAGES_EXTRACTED_JS"
              file="../../../third_party/polymer/v1_0/components-chromium/iron-pages/iron-pages-extracted.js"
              type="chrome_html"