extensions: allow trash to have a focus outline.

chrome/browser/resources/extensions/extension_list.js

 // Copyright (c) 2012 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.
 
 <include src="extension_error.js">
 
 /**
  * The type of the extension data object. The definition is based on
  * chrome/browser/ui/webui/extensions/extension_basic_info.cc
  * and
@@ skipping 179 matching lines @@
    * Returns true if the element should only be shown in developer mode.
    * @param {Element} element
    * @return {boolean}
    * @private
    */
   isDeveloperOption_: function(element) {
     return /^dev-/.test(element.getAttribute('column-type'));
   },
 };
 
-cr.define('options', function() {
+cr.define('extensions', function() {
   'use strict';
 
   /**
    * Creates a new list of extensions.
    * @param {Object=} opt_propertyBag Optional properties.
    * @constructor
    * @extends {HTMLDivElement}
    */
-  var ExtensionsList = cr.ui.define('div');
+  var ExtensionList = cr.ui.define('div');
 
   /**
    * @type {Object<string, number>} A map from extension id to last reloaded
    *     timestamp. The timestamp is recorded when the user click the 'Reload'
    *     link. It is used to refresh the icon of an unpacked extension.
    *     This persists between calls to decorate.
    */
   var extensionReloadedTimestamp = {};
 
-  ExtensionsList.prototype = {
+  ExtensionList.prototype = {
     __proto__: HTMLDivElement.prototype,
 
     /**
      * Indicates whether an embedded options page that was navigated to through
      * the '?options=' URL query has been shown to the user. This is necessary
      * to prevent showExtensionNodes_ from opening the options more than once.
      * @type {boolean}
      * @private
      */
     optionsShown_: false,
@@ skipping 212 matching lines @@
         e.preventDefault();
       });
 
       // 'Remove' button.
       var trashTemplate = $('template-collection').querySelector('.trash');
       var trash = trashTemplate.cloneNode(true);
       trash.title = loadTimeData.getString('extensionUninstall');
       trash.hidden = extension.managedInstall;
       trash.setAttribute('column-type', 'trash');
       trash.addEventListener('click', function(e) {
+        trash.classList.add('open');
+        trash.classList.toggle('mouse-clicked', e.detail > 0);
         chrome.send('extensionSettingsUninstall', [extension.id]);
       });
       row.querySelector('.enable-controls').appendChild(trash);
 
       // Developer mode ////////////////////////////////////////////////////////
 
       // The path, if provided by unpacked extension.
       row.setupColumn('.load-path a:first-of-type', 'dev-loadPath', 'click',
                       function(e) {
         chrome.send('extensionSettingsShowPath', [String(extension.id)]);
@@ skipping 413 matching lines @@
         self.optionsShown_ = false;
         $('overlay').removeEventListener('cancelOverlay', f);
       });
 
       // TODO(dbeam): why do we need to focus <extensionoptions> before and
       // after its showing animation? Makes very little sense to me.
       overlay.setInitialFocus();
     },
   };
 
+  ExtensionList.uninstallCancel = function() {
+    var trash = document.querySelector('.trash.open');
+    if (trash.classList.contains('mouse-clicked'))
+      trash.blur();
+    trash.classList.remove('open');
+  };
+
   return {
-    ExtensionsList: ExtensionsList
+    ExtensionList: ExtensionList
   };
 });