WebUI Polymer: Remove paper-toggle-button from third_party/polymer.

The element is no longer used. All usages have been migrated to cr-toggle.

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

chrome/browser/resources/settings/settings_shared_css.html

@@ -94,13 +94,6 @@
         -webkit-margin-start: calc(var(--cr-button-edge-spacing) * -1);
       }
 
-      paper-toggle-button {
-        @apply --settings-actionable;
-        height: var(--settings-row-min-height);
-        user-select: none;  /* Prevents text selection while dragging. */
-        width: 36px;
-      }
-
       span ~ a {
         -webkit-margin-start: 4px;
       }

third_party/polymer/v1_0/bower.json

@@ -49,7 +49,6 @@
     "paper-spinner": "PolymerElements/paper-spinner#2.0.0",
     "paper-styles": "PolymerElements/paper-styles#2.1.0",
     "paper-tabs": "PolymerElements/paper-tabs#2.0.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/BUILD.gn

-# Copyright 2018 The Chromium Authors. All rights reserved.
-# Use of this source code is governed by a BSD-style license that can be
-# found in the LICENSE file.
-#
-# NOTE: Created with generate_gn.py, please do not edit.
-
-import("//third_party/closure_compiler/compile_js.gni")
-
-js_library("paper-toggle-button-extracted") {
-  deps = [
-    "../paper-behaviors:paper-checked-element-behavior-extracted",
-  ]
-}

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

-{
-  "name": "paper-toggle-button",
-  "version": "2.0.0",
-  "description": "A material design toggle button control",
-  "authors": [
-    "The Polymer Authors"
-  ],
-  "keywords": [
-    "web-components",
-    "polymer",
-    "toggle",
-    "control"
-  ],
-  "private": true,
-  "repository": {
-    "type": "git",
-    "url": "git://github.com/PolymerElements/paper-toggle-button"
-  },
-  "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.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 - 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"
-  },
-  "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/compiled_resources2.gyp

-# Copyright 2018 The Chromium Authors. All rights reserved.
-# Use of this source code is governed by a BSD-style license that can be
-# found in the LICENSE file.
-#
-# NOTE: Created with generate_compiled_resources_gyp.py, please do not edit.
-{
-  'targets': [
-    {
-      'target_name': 'paper-toggle-button-extracted',
-      'dependencies': [
-        '../paper-behaviors/compiled_resources2.gyp:paper-checked-element-behavior-extracted',
-      ],
-      'includes': ['../../../../closure_compiler/compile_js2.gypi'],
-    },
-  ],
-}

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

-Polymer({
-      is: 'paper-toggle-button',
-
-      behaviors: [
-        Polymer.PaperCheckedElementBehavior
-      ],
-
-      hostAttributes: {
-        role: 'button',
-        'aria-pressed': 'false',
-        tabindex: 0
-      },
-
-      properties: {
-        /**
-         * Fired when the checked state changes due to user interaction.
-         *
-         * @event change
-         */
-        /**
-         * Fired when the checked state changes.
-         *
-         * @event iron-change
-         */
-      },
-
-      listeners: {
-        track: '_ontrack'
-      },
-
-      attached: function() {
-        Polymer.RenderStatus.afterNextRender(this, function() {
-          Polymer.Gestures.setTouchAction(this, 'pan-y');
-        });
-      },
-
-      _ontrack: function(event) {
-        var track = event.detail;
-        if (track.state === 'start') {
-          this._trackStart(track);
-        } else if (track.state === 'track') {
-          this._trackMove(track);
-        } else if (track.state === 'end') {
-          this._trackEnd(track);
-        }
-      },
-
-      _trackStart: function(track) {
-        this._width = this.$.toggleBar.offsetWidth / 2;
-        /*
-         * keep an track-only check state to keep the dragging behavior smooth
-         * while toggling activations
-         */
-        this._trackChecked = this.checked;
-        this.$.toggleButton.classList.add('dragging');
-      },
-
-      _trackMove: function(track) {
-        var dx = track.dx;
-        this._x = Math.min(this._width,
-            Math.max(0, this._trackChecked ? this._width + dx : dx));
-        this.translate3d(this._x + 'px', 0, 0, this.$.toggleButton);
-        this._userActivate(this._x > (this._width / 2));
-      },
-
-      _trackEnd: function(track) {
-        this.$.toggleButton.classList.remove('dragging');
-        this.transform('', this.$.toggleButton);
-      },
-
-      // customize the element's ripple
-      _createRipple: function() {
-        this._rippleContainer = this.$.toggleButton;
-        var ripple = Polymer.PaperRippleBehavior._createRipple();
-        ripple.id = 'ink';
-        ripple.setAttribute('recenters', '');
-        ripple.classList.add('circle', 'toggle-ink');
-        return ripple;
-      }
-
-    });
\ No newline at end of file

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

-<!--
-@license
-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
---><html><head><link rel="import" href="../polymer/polymer.html">
-<link rel="import" href="../iron-flex-layout/iron-flex-layout.html">
-<link rel="import" href="../paper-styles/color.html">
-<link rel="import" href="../paper-styles/default-theme.html">
-<link rel="import" href="../paper-behaviors/paper-checked-element-behavior.html">
-
-<!--
-Material design: [Switch](https://www.google.com/design/spec/components/selection-controls.html#selection-controls-switch)
-
-`paper-toggle-button` provides a ON/OFF switch that user can toggle the state
-by tapping or by dragging the switch.
-
-Example:
-
-    <paper-toggle-button></paper-toggle-button>
-
-### Styling
-
-The following custom properties and mixins are available for styling:
-
-Custom property | Description | Default
-----------------|-------------|----------
-`--paper-toggle-button-unchecked-bar-color` | Slider color when the input is not checked | `#000000`
-`--paper-toggle-button-unchecked-button-color` | Button color when the input is not checked | `--paper-grey-50`
-`--paper-toggle-button-unchecked-ink-color` | Selected/focus ripple color when the input is not checked | `--dark-primary-color`
-`--paper-toggle-button-checked-bar-color` | Slider button color when the input is checked | `--primary-color`
-`--paper-toggle-button-checked-button-color` | Button color when the input is checked | `--primary-color`
-`--paper-toggle-button-checked-ink-color` | Selected/focus ripple color when the input is checked | `--primary-color`
-`--paper-toggle-button-invalid-bar-color` | Slider button color when the input is invalid | `--error-color`
-`--paper-toggle-button-invalid-button-color` | Button color when the input is invalid | `--error-color`
-`--paper-toggle-button-invalid-ink-color` | Selected/focus ripple color when the input is invalid | `--error-color`
-`--paper-toggle-button-unchecked-bar` | Mixin applied to the slider when the input is not checked | `{}`
-`--paper-toggle-button-unchecked-button` | Mixin applied to the slider button when the input is not checked | `{}`
-`--paper-toggle-button-unchecked-ink` | Mixin applied to the ripple when the input is not checked | `{}`
-`--paper-toggle-button-checked-bar` | Mixin applied to the slider when the input is checked | `{}`
-`--paper-toggle-button-checked-button` | Mixin applied to the slider button when the input is checked | `{}`
-`--paper-toggle-button-checked-ink` | Mixin applied to the ripple when the input is checked | `{}`
-`--paper-toggle-button-label-color` | Label color | `--primary-text-color`
-`--paper-toggle-button-label-spacing` | Spacing between the label and the button | `8px`
-
-This element applies the mixin `--paper-font-common-base` but does not import `paper-styles/typography.html`.
-In order to apply the `Roboto` font to this element, make sure you've imported `paper-styles/typography.html`.
-
-@group Paper Elements
-@element paper-toggle-button
-@hero hero.svg
-@demo demo/index.html
--->
-
-</head><body><dom-module id="paper-toggle-button">
-  <template strip-whitespace="">
-
-    <style>
-      :host {
-        display: inline-block;
-        @apply --layout-horizontal;
-        @apply --layout-center;
-        @apply --paper-font-common-base;
-      }
-
-      :host([disabled]) {
-        pointer-events: none;
-      }
-
-      :host(:focus) {
-        outline:none;
-      }
-
-      .toggle-bar {
-        position: absolute;
-        height: 100%;
-        width: 100%;
-        border-radius: 8px;
-        pointer-events: none;
-        opacity: 0.4;
-        transition: background-color linear .08s;
-        background-color: var(--paper-toggle-button-unchecked-bar-color, #000000);
-
-        @apply --paper-toggle-button-unchecked-bar;
-      }
-
-      .toggle-button {
-        position: absolute;
-        top: -3px;
-        left: 0;
-        height: 20px;
-        width: 20px;
-        border-radius: 50%;
-        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, var(--paper-grey-50));
-
-        @apply --paper-toggle-button-unchecked-button;
-      }
-
-      .toggle-button.dragging {
-        transition: none;
-      }
-
-      :host([checked]:not([disabled])) .toggle-bar {
-        opacity: 0.5;
-        background-color: var(--paper-toggle-button-checked-bar-color, var(--primary-color));
-
-        @apply --paper-toggle-button-checked-bar;
-      }
-
-      :host([disabled]) .toggle-bar {
-        background-color: #000;
-        opacity: 0.12;
-      }
-
-      :host([checked]) .toggle-button {
-        transform: translate(16px, 0);
-      }
-
-      :host([checked]:not([disabled])) .toggle-button {
-        background-color: var(--paper-toggle-button-checked-button-color, var(--primary-color));
-
-        @apply --paper-toggle-button-checked-button;
-      }
-
-      :host([disabled]) .toggle-button {
-        background-color: #bdbdbd;
-        opacity: 1;
-      }
-
-      .toggle-ink {
-        position: absolute;
-        top: -14px;
-        left: -14px;
-        right: auto;
-        bottom: auto;
-        width: 48px;
-        height: 48px;
-        opacity: 0.5;
-        pointer-events: none;
-        color: var(--paper-toggle-button-unchecked-ink-color, var(--primary-text-color));
-
-        @apply --paper-toggle-button-unchecked-ink;
-      }
-
-      :host([checked]) .toggle-ink {
-        color: var(--paper-toggle-button-checked-ink-color, var(--primary-color));
-
-        @apply --paper-toggle-button-checked-ink;
-      }
-
-      .toggle-container {
-        display: inline-block;
-        position: relative;
-        width: 36px;
-        height: 14px;
-        /* The toggle button has an absolute position of -3px; The extra 1px
-        /* accounts for the toggle button shadow box. */
-        margin: 4px 1px;
-      }
-
-      .toggle-label {
-        position: relative;
-        display: inline-block;
-        vertical-align: middle;
-        padding-left: var(--paper-toggle-button-label-spacing, 8px);
-        pointer-events: none;
-        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, var(--error-color));
-      }
-
-      :host([invalid]) .toggle-button {
-        background-color: var(--paper-toggle-button-invalid-button-color, var(--error-color));
-      }
-
-      :host([invalid]) .toggle-ink {
-        color: var(--paper-toggle-button-invalid-ink-color, var(--error-color));
-      }
-    </style>
-
-    <div class="toggle-container">
-      <div id="toggleBar" class="toggle-bar"></div>
-      <div id="toggleButton" class="toggle-button"></div>
-    </div>
-
-    <div class="toggle-label"><slot></slot></div>
-
-  </template>
-
-  </dom-module>
-<script src="paper-toggle-button-extracted.js"></script></body></html>
\ No newline at end of file

ui/webui/resources/polymer_resources.grdp

@@ -816,14 +816,6 @@
              file="../../../third_party/polymer/v1_0/components-chromium/paper-tabs/paper-tabs.html"
              type="chrome_html"
              compress="gzip" />
-  <structure name="IDR_POLYMER_1_0_PAPER_TOGGLE_BUTTON_PAPER_TOGGLE_BUTTON_EXTRACTED_JS"
-             file="../../../third_party/polymer/v1_0/components-chromium/paper-toggle-button/paper-toggle-button-extracted.js"
-             type="chrome_html"
-             compress="gzip" />
-  <structure name="IDR_POLYMER_1_0_PAPER_TOGGLE_BUTTON_PAPER_TOGGLE_BUTTON_HTML"
-             file="../../../third_party/polymer/v1_0/components-chromium/paper-toggle-button/paper-toggle-button.html"
-             type="chrome_html"
-             compress="gzip" />
   <structure name="IDR_POLYMER_1_0_PAPER_TOOLTIP_PAPER_TOOLTIP_EXTRACTED_JS"
              file="../../../third_party/polymer/v1_0/components-chromium/paper-tooltip/paper-tooltip-extracted.js"
              type="chrome_html"