[DevTools] Rework some focus code.

third_party/WebKit/Source/devtools/front_end/platform/DOMExtension.js

 /*
  * Copyright (C) 2007 Apple Inc.  All rights reserved.
  * Copyright (C) 2012 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 884 matching lines @@
 
     this.textContent = text;
     return false;
 }
 
 /**
  * @return {?Node}
  */
 Event.prototype.deepElementFromPoint = function()
 {
-    // 1. climb to the component root.
-    var node = this.target;
-    while (node && node.nodeType !== Node.DOCUMENT_FRAGMENT_NODE && node.nodeType !== Node.DOCUMENT_NODE)
-        node = node.parentNode;
-
-    if (!node)
-        return null;
-
-    // 2. Find deepest node by coordinates.
-    node = node.elementFromPoint(this.pageX, this.pageY);
-    while (node && node.shadowRoot)
-        node = node.shadowRoot.elementFromPoint(this.pageX, this.pageY);
-    return node;
+    var root = this.target && this.target.getComponentRoot();
+    return root ? root.deepElementFromPoint(this.pageX, this.pageY) : null;
 }
 
 /**
  * @return {?Element}
  */
 Event.prototype.deepActiveElement = function()
 {
-    var activeElement = this.target && this.target.ownerDocument ? this.target.ownerDocument.activeElement : null;
-    while (activeElement && activeElement.shadowRoot && activeElement.shadowRoot.activeElement)
-        activeElement = activeElement.shadowRoot.activeElement;
-    return activeElement;
+    var document = this.target && this.target.ownerDocument;
+    return document ? document.deepActiveElement() : null;
 }
 
 /**
  * @param {number} x
  * @param {number} y
  * @return {?Node}
  */
 Document.prototype.deepElementFromPoint = function(x, y)
 {
     var node = this.elementFromPoint(x, y);
     while (node && node.shadowRoot)
         node = node.shadowRoot.elementFromPoint(x, y);
     return node;
 }
 
+DocumentFragment.prototype.deepElementFromPoint = Document.prototype.deepElementFromPoint;
+
+/**
+ * @return {?Element}
+ */
+Document.prototype.deepActiveElement = function()
+{
+    var activeElement = this.activeElement;
+    while (activeElement && activeElement.shadowRoot && activeElement.shadowRoot.activeElement)
+        activeElement = activeElement.shadowRoot.activeElement;
+    return activeElement;
+}
+
+DocumentFragment.prototype.deepActiveElement = Document.prototype.deepActiveElement;
+
+/**
+ * @return {boolean}
+ */
+Element.prototype.hasFocus = function()
+{
+    var root = this.getComponentRoot();
+    return !!root && this.isSelfOrAncestor(root.activeElement);
+}
+
+/**
+ * @return {?Document|?DocumentFragment}
+ */
+Node.prototype.getComponentRoot = function()
+{
+    var node = this;
+    while (node && node.nodeType !== Node.DOCUMENT_FRAGMENT_NODE && node.nodeType !== Node.DOCUMENT_NODE)
+        node = node.parentNode;
+    return /** @type {?Document|?DocumentFragment} */ (node);
+}
+
 /**
  * @param {!Event} event
  * @return {boolean}
  */
 function isEnterKey(event)
 {
     // Check if in IME.
     return event.keyCode !== 229 && event.key === "Enter";
 }
 
@@ skipping 24 matching lines @@
     {
         window.removeEventListener("DOMContentLoaded", windowLoaded, false);
         callback();
     }
 
     if (document.readyState === "complete" || document.readyState === "interactive")
         callback();
     else
         window.addEventListener("DOMContentLoaded", windowLoaded, false);
 }