Commit c8709e4d authored by dpapad's avatar dpapad Committed by Commit Bot

Remove paper-icon-button-light from third_party/polymer.

No longer used.

Bug: 960564
Change-Id: I07220d3d1d60cdc013fad1909e96636f2c56ac4f
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1600603
Commit-Queue: Esmael El-Moslimany <aee@chromium.org>
Auto-Submit: Demetrios Papadopoulos <dpapad@chromium.org>
Reviewed-by: default avatarEsmael El-Moslimany <aee@chromium.org>
Cr-Commit-Position: refs/heads/master@{#657546}
parent 2955e4d0
......@@ -12,9 +12,3 @@ js_library("paper-icon-button-extracted") {
"../paper-behaviors:paper-inky-focus-behavior-extracted",
]
}
js_library("paper-icon-button-light-extracted") {
deps = [
"../paper-behaviors:paper-ripple-behavior-extracted",
]
}
Polymer({
is: 'paper-icon-button-light',
behaviors: [
Polymer.PaperRippleBehavior
],
ready: function() {
Polymer.RenderStatus.afterNextRender(this, () => {
// Add lazy host listeners
this.addEventListener('down', this._rippleDown.bind(this));
this.addEventListener('up', this._rippleUp.bind(this));
// Assume the button has already been distributed.
var button = this.getEffectiveChildren()[0];
this._rippleContainer = button;
// We need to set the focus/blur listeners on the distributed button,
// not the host, since the host isn't focusable.
button.addEventListener('focus', this._rippleDown.bind(this));
button.addEventListener('blur', this._rippleUp.bind(this));
});
},
_rippleDown: function() {
this.getRipple().uiDownAction();
},
_rippleUp: function() {
this.getRipple().uiUpAction();
},
/**
* @param {...*} var_args
*/
ensureRipple: function(var_args) {
var lastRipple = this._ripple;
Polymer.PaperRippleBehavior.ensureRipple.apply(this, arguments);
if (this._ripple && this._ripple !== lastRipple) {
this._ripple.center = true;
this._ripple.classList.add('circle');
}
}
});
\ No newline at end of file
<!--
@license
Copyright (c) 2018 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="../paper-behaviors/paper-ripple-behavior.html">
<!--
This is a lighter version of `paper-icon-button`. Its goal is performance, not
developer ergonomics, so as a result it has fewer features than `paper-icon-button`
itself. To use it, you must distribute a `button` containing the `iron-icon` you
want to use:
<link rel="import" href="../iron-icon/iron-icon.html">
<link rel="import" href="../paper-icon-button/paper-icon-button-light.html">
<link rel="import" href="../iron-icons/iron-icons.html">
<paper-icon-button-light>
<button title="heart">
<iron-icon icon="favorite"></iron-icon>
</button>
</paper-icon-button-light>
Note that this button is assumed to be distributed at the startup of
`paper-icon-button-light`. Dynamically adding a `button` to this element is
not supported.
The `title`/`disabled` etc. attributes go on the distributed button, not on the wrapper.
The following custom properties and mixins are also available for styling:
Custom property | Description | Default
----------------|-------------|----------
`--paper-icon-button-light-ripple` | Mixin applied to the paper ripple | `{}`
@group Paper Elements
@element paper-icon-button-light
@demo demo/paper-icon-button-light.html
-->
</head><body><dom-module id="paper-icon-button-light">
<template strip-whitespace="">
<style>
:host {
display: inline-block;
position: relative;
width: 24px;
height: 24px;
}
paper-ripple {
opacity: 0.6;
color: currentColor;
@apply(--paper-icon-button-light-ripple);
}
:host > ::slotted(button) {
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: none;
border: none;
outline: none;
vertical-align: middle;
color: inherit;
cursor: pointer;
/* NOTE: Both values are needed, since some phones require the value to be `transparent`. */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
:host > ::slotted(button[disabled]) {
color: #9b9b9b;
pointer-events: none;
cursor: auto;
}
</style>
<slot></slot>
</template>
</dom-module>
<script src="paper-icon-button-light-extracted.js"></script></body></html>
\ No newline at end of file
......@@ -44,6 +44,9 @@ iron-form-element-behavior/*
# paper-behaviors
paper-behaviors/paper-checked-element-behavior.html
# paper-icon-button
paper-icon-button/paper-icon-button-light.html
# paper-input
paper-input/all-imports.html
paper-input/paper-input-behavior.html
......
......@@ -440,14 +440,6 @@
file="../../../third_party/polymer/v1_0/components-chromium/paper-icon-button/paper-icon-button-extracted.js"
type="chrome_html"
compress="gzip" />
<structure name="IDR_POLYMER_1_0_PAPER_ICON_BUTTON_PAPER_ICON_BUTTON_LIGHT_EXTRACTED_JS"
file="../../../third_party/polymer/v1_0/components-chromium/paper-icon-button/paper-icon-button-light-extracted.js"
type="chrome_html"
compress="gzip" />
<structure name="IDR_POLYMER_1_0_PAPER_ICON_BUTTON_PAPER_ICON_BUTTON_LIGHT_HTML"
file="../../../third_party/polymer/v1_0/components-chromium/paper-icon-button/paper-icon-button-light.html"
type="chrome_html"
compress="gzip" />
<structure name="IDR_POLYMER_1_0_PAPER_ICON_BUTTON_PAPER_ICON_BUTTON_HTML"
file="../../../third_party/polymer/v1_0/components-chromium/paper-icon-button/paper-icon-button.html"
type="chrome_html"
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment