MD Downloads: replace <paper-icon-button> with <inky-text-button>

chrome/browser/resources/md_downloads/item.js

 // Copyright 2015 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.
 
 cr.define('downloads', function() {
   var Item = Polymer({
     is: 'downloads-item',
 
     properties: {
       data: {
@@ skipping 74 matching lines @@
     },
 
     observers: [
       // TODO(dbeam): this gets called way more when I observe data.by_ext_id
       // and data.by_ext_name directly. Why?
       'observeControlledBy_(controlledBy_)',
       'observeIsDangerous_(isDangerous_, data.file_path)',
     ],
 
     ready: function() {
+      this.listen(this.$.remove, 'down', 'activateRipple_');
+      this.listen(this.$.remove, 'up', 'deactivateRipple_');
+
       this.content = this.$.content;
     },
 
+    /**
+     * @param {!Event} e
+     * @private
+     */
+    activateRipple_: function(e) {
+      if (!this.removeRipple_) {
+        this.removeRipple_ = document.createElement('paper-ripple');
+        this.removeRipple_.setAttribute('center', '');

[esprehn, 2015/10/15 04:53:20]

.center = true I think is better than going through the attribute

+        this.removeRipple_.classList.add('circle');
+        this.$.remove.appendChild(this.removeRipple_);
+      }
+      this.removeRipple_.downAction(e);
+    },
+
     /** @private */
     computeClass_: function() {
       var classes = [];
 
       if (this.isActive_)
         classes.push('is-active');
 
       if (this.isDangerous_)
         classes.push('dangerous');
 
@@ skipping 127 matching lines @@
           return this.data.last_reason_text;
 
         case downloads.States.COMPLETE:
           return this.data.file_externally_removed ?
               loadTimeData.getString('statusRemoved') : '';
       }
 
       return '';
     },
 
+    /**
+     * @param {!Event} e
+     * @private
+     */
+    deactivateRipple_: function(e) {
+      this.removeRipple_.upAction(e);
+    },
+
     /** @private */
     isIndeterminate_: function() {
       return this.data.percent == -1;
     },
 
     /** @private */
     observeControlledBy_: function() {
       this.$['controlled-by'].innerHTML = this.controlledBy_;
     },
 
@@ skipping 59 matching lines @@
     },
 
     /** @private */
     onShowTap_: function() {
       downloads.ActionService.getInstance().show(this.data.id);
     },
   });
 
   return {Item: Item};
 });