WebUI: Update Polymer paper-toggle-button version 1.3.0 -> 2.0.0

Bug: 738611
Cq-Include-Trybots: master.tryserver.chromium.linux:closure_compilation
Change-Id: I7da1eb6af56c5a6dbf6c8c6ea73d1e738df26de0
Reviewed-on: https://chromium-review.googlesource.com/898203Reviewed-by: Scott Chen <scottchen@chromium.org>
Commit-Queue: Demetrios Papadopoulos <dpapad@chromium.org>
Cr-Commit-Position: refs/heads/master@{#534223}

third_party/polymer/v1_0/bower.json

@@ -49,7 +49,7 @@
     "paper-spinner": "PolymerElements/paper-spinner#2.0.0",
     "paper-styles": "PolymerElements/paper-styles#1.3.1",
     "paper-tabs": "PolymerElements/paper-tabs#2.0.0",
-    "paper-toggle-button": "PolymerElements/paper-toggle-button#1.3.0",
+    "paper-toggle-button": "PolymerElements/paper-toggle-button#2.0.0",
     "paper-tooltip": "PolymerElements/paper-tooltip#2.0.0",
     "polymer": "Polymer/polymer#1.11.2",
     "web-animations-js": "web-animations/web-animations-js#2.2.2"

third_party/polymer/v1_0/components-chromium/paper-toggle-button/bower.json

 {
   "name": "paper-toggle-button",
-  "version": "1.3.0",
+  "version": "2.0.0",
   "description": "A material design toggle button control",
   "authors": [
     "The Polymer Authors"
@@ -18,21 +18,44 @@
   },
   "license": "http://polymer.github.io/LICENSE.txt",
   "homepage": "https://github.com/PolymerElements/paper-toggle-button",
+  "main": "paper-toggle-button.html",
   "ignore": [],
   "dependencies": {
-    "polymer": "Polymer/polymer#^1.1.0",
-    "iron-checked-element-behavior": "PolymerElements/iron-checked-element-behavior#^1.0.0",
-    "paper-behaviors": "PolymerElements/paper-behaviors#^1.0.0",
-    "paper-styles": "PolymerElements/paper-styles#^1.1.0"
+    "polymer": "Polymer/polymer#1.9 - 2",
+    "iron-checked-element-behavior": "PolymerElements/iron-checked-element-behavior#1 - 2",
+    "paper-behaviors": "PolymerElements/paper-behaviors#1 - 2",
+    "paper-styles": "PolymerElements/paper-styles#1 - 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",
-    "test-fixture": "PolymerElements/test-fixture#^1.0.0",
-    "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"
   },
-  "main": "paper-toggle-button.html"
+  "variants": {
+    "1.x": {
+      "dependencies": {
+        "polymer": "Polymer/polymer#^1.9",
+        "iron-checked-element-behavior": "PolymerElements/iron-checked-element-behavior#^1.0.0",
+        "paper-behaviors": "PolymerElements/paper-behaviors#^1.0.0",
+        "paper-styles": "PolymerElements/paper-styles#^1.1.0"
+      },
+      "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"
+      }
+    }
+  },
+  "resolutions": {
+    "webcomponentsjs": "^1.0.0"
+  }
 }

third_party/polymer/v1_0/components-chromium/paper-toggle-button/paper-toggle-button-extracted.js

@@ -30,7 +30,7 @@ Polymer({
 
       attached: function() {
         Polymer.RenderStatus.afterNextRender(this, function() {
-          this.setScrollDirection('y');
+          Polymer.Gestures.setTouchAction(this, 'pan-y');
         });
       },
 

third_party/polymer/v1_0/components-chromium/paper-toggle-button/paper-toggle-button.html

@@ -61,9 +61,9 @@ In order to apply the `Roboto` font to this element, make sure you've imported `
     <style>
       :host {
         display: inline-block;
-        @apply(--layout-horizontal);
-        @apply(--layout-center);
-        @apply(--paper-font-common-base);
+        @apply --layout-horizontal;
+        @apply --layout-center;
+        @apply --paper-font-common-base;
       }
 
       :host([disabled]) {
@@ -84,7 +84,7 @@ In order to apply the `Roboto` font to this element, make sure you've imported `
         transition: background-color linear .08s;
         background-color: var(--paper-toggle-button-unchecked-bar-color, #000000);
 
-        @apply(--paper-toggle-button-unchecked-bar);
+        @apply --paper-toggle-button-unchecked-bar;
       }
 
       .toggle-button {
@@ -97,9 +97,9 @@ In order to apply the `Roboto` font to this element, make sure you've imported `
         box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);
         transition: transform linear .08s, background-color linear .08s;
         will-change: transform;
-        background-color: var(--paper-toggle-button-unchecked-button-color, --paper-grey-50);
+        background-color: var(--paper-toggle-button-unchecked-button-color, var(--paper-grey-50));
 
-        @apply(--paper-toggle-button-unchecked-button);
+        @apply --paper-toggle-button-unchecked-button;
       }
 
       .toggle-button.dragging {
@@ -108,9 +108,9 @@ In order to apply the `Roboto` font to this element, make sure you've imported `
 
       :host([checked]:not([disabled])) .toggle-bar {
         opacity: 0.5;
-        background-color: var(--paper-toggle-button-checked-bar-color, --primary-color);
+        background-color: var(--paper-toggle-button-checked-bar-color, var(--primary-color));
 
-        @apply(--paper-toggle-button-checked-bar);
+        @apply --paper-toggle-button-checked-bar;
       }
 
       :host([disabled]) .toggle-bar {
@@ -123,9 +123,9 @@ In order to apply the `Roboto` font to this element, make sure you've imported `
       }
 
       :host([checked]:not([disabled])) .toggle-button {
-        background-color: var(--paper-toggle-button-checked-button-color, --primary-color);
+        background-color: var(--paper-toggle-button-checked-button-color, var(--primary-color));
 
-        @apply(--paper-toggle-button-checked-button);
+        @apply --paper-toggle-button-checked-button;
       }
 
       :host([disabled]) .toggle-button {
@@ -143,15 +143,15 @@ In order to apply the `Roboto` font to this element, make sure you've imported `
         height: 48px;
         opacity: 0.5;
         pointer-events: none;
-        color: var(--paper-toggle-button-unchecked-ink-color, --primary-text-color);
+        color: var(--paper-toggle-button-unchecked-ink-color, var(--primary-text-color));
 
-        @apply(--paper-toggle-button-unchecked-ink);
+        @apply --paper-toggle-button-unchecked-ink;
       }
 
       :host([checked]) .toggle-ink {
-        color: var(--paper-toggle-button-checked-ink-color, --primary-color);
+        color: var(--paper-toggle-button-checked-ink-color, var(--primary-color));
 
-        @apply(--paper-toggle-button-checked-ink);
+        @apply --paper-toggle-button-checked-ink;
       }
 
       .toggle-container {
@@ -170,20 +170,20 @@ In order to apply the `Roboto` font to this element, make sure you've imported `
         vertical-align: middle;
         padding-left: var(--paper-toggle-button-label-spacing, 8px);
         pointer-events: none;
-        color: var(--paper-toggle-button-label-color, --primary-text-color);
+        color: var(--paper-toggle-button-label-color, var(--primary-text-color));
       }
 
       /* invalid state */
       :host([invalid]) .toggle-bar {
-        background-color: var(--paper-toggle-button-invalid-bar-color, --error-color);
+        background-color: var(--paper-toggle-button-invalid-bar-color, var(--error-color));
       }
 
       :host([invalid]) .toggle-button {
-        background-color: var(--paper-toggle-button-invalid-button-color, --error-color);
+        background-color: var(--paper-toggle-button-invalid-button-color, var(--error-color));
       }
 
       :host([invalid]) .toggle-ink {
-        color: var(--paper-toggle-button-invalid-ink-color, --error-color);
+        color: var(--paper-toggle-button-invalid-ink-color, var(--error-color));
       }
     </style>
 
@@ -192,7 +192,7 @@ In order to apply the `Roboto` font to this element, make sure you've imported `
       <div id="toggleButton" class="toggle-button"></div>
     </div>
 
-    <div class="toggle-label"><content></content></div>
+    <div class="toggle-label"><slot></slot></div>
 
   </template>
 

third_party/polymer/v1_0/components_summary.txt

@@ -282,9 +282,9 @@ Tree link: https://github.com/PolymerElements/paper-tabs/tree/v2.0.0
 
 Name: paper-toggle-button
 Repository: https://github.com/PolymerElements/paper-toggle-button.git
-Tree: v1.3.0
-Revision: 2f279868a9c8965aba76017c7ee6008ac4879f6a
-Tree link: https://github.com/PolymerElements/paper-toggle-button/tree/v1.3.0
+Tree: v2.0.0
+Revision: 8e3113cf203f287180ef08e990c3edf29961083d
+Tree link: https://github.com/PolymerElements/paper-toggle-button/tree/v2.0.0
 
 Name: paper-tooltip
 Repository: https://github.com/PolymerElements/paper-tooltip.git