| Index: third_party/WebKit/Source/devtools/front_end/platform/DOMExtension.js
|
| diff --git a/third_party/WebKit/Source/devtools/front_end/platform/DOMExtension.js b/third_party/WebKit/Source/devtools/front_end/platform/DOMExtension.js
|
| index 3c9d08dd79c5e5e6901638537da4af0c8d806c62..3ae4256b849c6f78674f00bfc621bb2f891db59e 100644
|
| --- a/third_party/WebKit/Source/devtools/front_end/platform/DOMExtension.js
|
| +++ b/third_party/WebKit/Source/devtools/front_end/platform/DOMExtension.js
|
| @@ -29,7 +29,6 @@
|
| * Contains diff method based on Javascript Diff Algorithm By John Resig
|
| * http://ejohn.org/files/jsdiff.js (released under the MIT license).
|
| */
|
| -
|
| /**
|
| * @param {number} offset
|
| * @param {string} stopCharacters
|
| @@ -37,107 +36,106 @@
|
| * @param {string=} direction
|
| * @return {!Range}
|
| */
|
| -Node.prototype.rangeOfWord = function(offset, stopCharacters, stayWithinNode, direction)
|
| -{
|
| - var startNode;
|
| - var startOffset = 0;
|
| - var endNode;
|
| - var endOffset = 0;
|
| -
|
| - if (!stayWithinNode)
|
| - stayWithinNode = this;
|
| -
|
| - if (!direction || direction === "backward" || direction === "both") {
|
| - var node = this;
|
| - while (node) {
|
| - if (node === stayWithinNode) {
|
| - if (!startNode)
|
| - startNode = stayWithinNode;
|
| - break;
|
| - }
|
| -
|
| - if (node.nodeType === Node.TEXT_NODE) {
|
| - var start = (node === this ? (offset - 1) : (node.nodeValue.length - 1));
|
| - for (var i = start; i >= 0; --i) {
|
| - if (stopCharacters.indexOf(node.nodeValue[i]) !== -1) {
|
| - startNode = node;
|
| - startOffset = i + 1;
|
| - break;
|
| - }
|
| - }
|
| - }
|
| -
|
| - if (startNode)
|
| - break;
|
| -
|
| - node = node.traversePreviousNode(stayWithinNode);
|
| - }
|
| +Node.prototype.rangeOfWord = function(offset, stopCharacters, stayWithinNode, direction) {
|
| + var startNode;
|
| + var startOffset = 0;
|
| + var endNode;
|
| + var endOffset = 0;
|
|
|
| - if (!startNode) {
|
| - startNode = stayWithinNode;
|
| - startOffset = 0;
|
| + if (!stayWithinNode)
|
| + stayWithinNode = this;
|
| +
|
| + if (!direction || direction === 'backward' || direction === 'both') {
|
| + var node = this;
|
| + while (node) {
|
| + if (node === stayWithinNode) {
|
| + if (!startNode)
|
| + startNode = stayWithinNode;
|
| + break;
|
| + }
|
| +
|
| + if (node.nodeType === Node.TEXT_NODE) {
|
| + var start = (node === this ? (offset - 1) : (node.nodeValue.length - 1));
|
| + for (var i = start; i >= 0; --i) {
|
| + if (stopCharacters.indexOf(node.nodeValue[i]) !== -1) {
|
| + startNode = node;
|
| + startOffset = i + 1;
|
| + break;
|
| + }
|
| }
|
| - } else {
|
| - startNode = this;
|
| - startOffset = offset;
|
| + }
|
| +
|
| + if (startNode)
|
| + break;
|
| +
|
| + node = node.traversePreviousNode(stayWithinNode);
|
| }
|
|
|
| - if (!direction || direction === "forward" || direction === "both") {
|
| - node = this;
|
| - while (node) {
|
| - if (node === stayWithinNode) {
|
| - if (!endNode)
|
| - endNode = stayWithinNode;
|
| - break;
|
| - }
|
| -
|
| - if (node.nodeType === Node.TEXT_NODE) {
|
| - var start = (node === this ? offset : 0);
|
| - for (var i = start; i < node.nodeValue.length; ++i) {
|
| - if (stopCharacters.indexOf(node.nodeValue[i]) !== -1) {
|
| - endNode = node;
|
| - endOffset = i;
|
| - break;
|
| - }
|
| - }
|
| - }
|
| -
|
| - if (endNode)
|
| - break;
|
| -
|
| - node = node.traverseNextNode(stayWithinNode);
|
| - }
|
| + if (!startNode) {
|
| + startNode = stayWithinNode;
|
| + startOffset = 0;
|
| + }
|
| + } else {
|
| + startNode = this;
|
| + startOffset = offset;
|
| + }
|
|
|
| - if (!endNode) {
|
| - endNode = stayWithinNode;
|
| - endOffset = stayWithinNode.nodeType === Node.TEXT_NODE ? stayWithinNode.nodeValue.length : stayWithinNode.childNodes.length;
|
| + if (!direction || direction === 'forward' || direction === 'both') {
|
| + node = this;
|
| + while (node) {
|
| + if (node === stayWithinNode) {
|
| + if (!endNode)
|
| + endNode = stayWithinNode;
|
| + break;
|
| + }
|
| +
|
| + if (node.nodeType === Node.TEXT_NODE) {
|
| + var start = (node === this ? offset : 0);
|
| + for (var i = start; i < node.nodeValue.length; ++i) {
|
| + if (stopCharacters.indexOf(node.nodeValue[i]) !== -1) {
|
| + endNode = node;
|
| + endOffset = i;
|
| + break;
|
| + }
|
| }
|
| - } else {
|
| - endNode = this;
|
| - endOffset = offset;
|
| + }
|
| +
|
| + if (endNode)
|
| + break;
|
| +
|
| + node = node.traverseNextNode(stayWithinNode);
|
| }
|
|
|
| - var result = this.ownerDocument.createRange();
|
| - result.setStart(startNode, startOffset);
|
| - result.setEnd(endNode, endOffset);
|
| + if (!endNode) {
|
| + endNode = stayWithinNode;
|
| + endOffset = stayWithinNode.nodeType === Node.TEXT_NODE ? stayWithinNode.nodeValue.length :
|
| + stayWithinNode.childNodes.length;
|
| + }
|
| + } else {
|
| + endNode = this;
|
| + endOffset = offset;
|
| + }
|
|
|
| - return result;
|
| + var result = this.ownerDocument.createRange();
|
| + result.setStart(startNode, startOffset);
|
| + result.setEnd(endNode, endOffset);
|
| +
|
| + return result;
|
| };
|
|
|
| /**
|
| * @param {!Node=} stayWithin
|
| * @return {?Node}
|
| */
|
| -Node.prototype.traverseNextTextNode = function(stayWithin)
|
| -{
|
| - var node = this.traverseNextNode(stayWithin);
|
| - if (!node)
|
| - return null;
|
| - var nonTextTags = { "STYLE": 1, "SCRIPT": 1 };
|
| - while (node && (node.nodeType !== Node.TEXT_NODE || nonTextTags[node.parentElement.nodeName]))
|
| - node = node.traverseNextNode(stayWithin);
|
| +Node.prototype.traverseNextTextNode = function(stayWithin) {
|
| + var node = this.traverseNextNode(stayWithin);
|
| + if (!node)
|
| + return null;
|
| + var nonTextTags = {'STYLE': 1, 'SCRIPT': 1};
|
| + while (node && (node.nodeType !== Node.TEXT_NODE || nonTextTags[node.parentElement.nodeName]))
|
| + node = node.traverseNextNode(stayWithin);
|
|
|
| - return node;
|
| + return node;
|
| };
|
|
|
| /**
|
| @@ -145,63 +143,59 @@ Node.prototype.traverseNextTextNode = function(stayWithin)
|
| * @param {number|undefined} y
|
| * @param {!Element=} relativeTo
|
| */
|
| -Element.prototype.positionAt = function(x, y, relativeTo)
|
| -{
|
| - var shift = {x: 0, y: 0};
|
| - if (relativeTo)
|
| - shift = relativeTo.boxInWindow(this.ownerDocument.defaultView);
|
| +Element.prototype.positionAt = function(x, y, relativeTo) {
|
| + var shift = {x: 0, y: 0};
|
| + if (relativeTo)
|
| + shift = relativeTo.boxInWindow(this.ownerDocument.defaultView);
|
|
|
| - if (typeof x === "number")
|
| - this.style.setProperty("left", (shift.x + x) + "px");
|
| - else
|
| - this.style.removeProperty("left");
|
| + if (typeof x === 'number')
|
| + this.style.setProperty('left', (shift.x + x) + 'px');
|
| + else
|
| + this.style.removeProperty('left');
|
|
|
| - if (typeof y === "number")
|
| - this.style.setProperty("top", (shift.y + y) + "px");
|
| - else
|
| - this.style.removeProperty("top");
|
| + if (typeof y === 'number')
|
| + this.style.setProperty('top', (shift.y + y) + 'px');
|
| + else
|
| + this.style.removeProperty('top');
|
|
|
| - if (typeof x === "number" || typeof y === "number")
|
| - this.style.setProperty("position", "absolute");
|
| - else
|
| - this.style.removeProperty("position");
|
| + if (typeof x === 'number' || typeof y === 'number')
|
| + this.style.setProperty('position', 'absolute');
|
| + else
|
| + this.style.removeProperty('position');
|
| };
|
|
|
| /**
|
| * @return {boolean}
|
| */
|
| -Element.prototype.isScrolledToBottom = function()
|
| -{
|
| - // This code works only for 0-width border.
|
| - // The scrollTop, clientHeight and scrollHeight are computed in double values internally.
|
| - // However, they are exposed to javascript differently, each being either rounded (via
|
| - // round, ceil or floor functions) or left intouch.
|
| - // This adds up a total error up to 2.
|
| - return Math.abs(this.scrollTop + this.clientHeight - this.scrollHeight) <= 2;
|
| +Element.prototype.isScrolledToBottom = function() {
|
| + // This code works only for 0-width border.
|
| + // The scrollTop, clientHeight and scrollHeight are computed in double values internally.
|
| + // However, they are exposed to javascript differently, each being either rounded (via
|
| + // round, ceil or floor functions) or left intouch.
|
| + // This adds up a total error up to 2.
|
| + return Math.abs(this.scrollTop + this.clientHeight - this.scrollHeight) <= 2;
|
| };
|
|
|
| /**
|
| * @param {!Array.<string>} nameArray
|
| * @return {?Node}
|
| */
|
| -Node.prototype.enclosingNodeOrSelfWithNodeNameInArray = function(nameArray)
|
| -{
|
| - for (var node = this; node && node !== this.ownerDocument; node = node.parentNodeOrShadowHost()) {
|
| - for (var i = 0; i < nameArray.length; ++i) {
|
| - if (node.nodeName.toLowerCase() === nameArray[i].toLowerCase())
|
| - return node;
|
| - }
|
| +Node.prototype.enclosingNodeOrSelfWithNodeNameInArray = function(nameArray) {
|
| + for (var node = this; node && node !== this.ownerDocument; node = node.parentNodeOrShadowHost()) {
|
| + for (var i = 0; i < nameArray.length; ++i) {
|
| + if (node.nodeName.toLowerCase() === nameArray[i].toLowerCase())
|
| + return node;
|
| }
|
| - return null;
|
| + }
|
| + return null;
|
| };
|
|
|
| /**
|
| * @param {string} nodeName
|
| * @return {?Node}
|
| */
|
| -Node.prototype.enclosingNodeOrSelfWithNodeName = function(nodeName)
|
| -{
|
| - return this.enclosingNodeOrSelfWithNodeNameInArray([nodeName]);
|
| +Node.prototype.enclosingNodeOrSelfWithNodeName = function(nodeName) {
|
| + return this.enclosingNodeOrSelfWithNodeNameInArray([nodeName]);
|
| };
|
|
|
| /**
|
| @@ -209,9 +203,8 @@ Node.prototype.enclosingNodeOrSelfWithNodeName = function(nodeName)
|
| * @param {!Element=} stayWithin
|
| * @return {?Element}
|
| */
|
| -Node.prototype.enclosingNodeOrSelfWithClass = function(className, stayWithin)
|
| -{
|
| - return this.enclosingNodeOrSelfWithClassList([className], stayWithin);
|
| +Node.prototype.enclosingNodeOrSelfWithClass = function(className, stayWithin) {
|
| + return this.enclosingNodeOrSelfWithClassList([className], stayWithin);
|
| };
|
|
|
| /**
|
| @@ -219,105 +212,96 @@ Node.prototype.enclosingNodeOrSelfWithClass = function(className, stayWithin)
|
| * @param {!Element=} stayWithin
|
| * @return {?Element}
|
| */
|
| -Node.prototype.enclosingNodeOrSelfWithClassList = function(classNames, stayWithin)
|
| -{
|
| - for (var node = this; node && node !== stayWithin && node !== this.ownerDocument; node = node.parentNodeOrShadowHost()) {
|
| - if (node.nodeType === Node.ELEMENT_NODE) {
|
| - var containsAll = true;
|
| - for (var i = 0; i < classNames.length && containsAll; ++i) {
|
| - if (!node.classList.contains(classNames[i]))
|
| - containsAll = false;
|
| - }
|
| - if (containsAll)
|
| - return /** @type {!Element} */ (node);
|
| - }
|
| +Node.prototype.enclosingNodeOrSelfWithClassList = function(classNames, stayWithin) {
|
| + for (var node = this; node && node !== stayWithin && node !== this.ownerDocument;
|
| + node = node.parentNodeOrShadowHost()) {
|
| + if (node.nodeType === Node.ELEMENT_NODE) {
|
| + var containsAll = true;
|
| + for (var i = 0; i < classNames.length && containsAll; ++i) {
|
| + if (!node.classList.contains(classNames[i]))
|
| + containsAll = false;
|
| + }
|
| + if (containsAll)
|
| + return /** @type {!Element} */ (node);
|
| }
|
| - return null;
|
| + }
|
| + return null;
|
| };
|
|
|
| /**
|
| * @return {?Element}
|
| */
|
| -Node.prototype.parentElementOrShadowHost = function()
|
| -{
|
| - var node = this.parentNode;
|
| - if (!node)
|
| - return null;
|
| - if (node.nodeType === Node.ELEMENT_NODE)
|
| - return /** @type {!Element} */ (node);
|
| - if (node.nodeType === Node.DOCUMENT_FRAGMENT_NODE)
|
| - return /** @type {!Element} */ (node.host);
|
| +Node.prototype.parentElementOrShadowHost = function() {
|
| + var node = this.parentNode;
|
| + if (!node)
|
| return null;
|
| + if (node.nodeType === Node.ELEMENT_NODE)
|
| + return /** @type {!Element} */ (node);
|
| + if (node.nodeType === Node.DOCUMENT_FRAGMENT_NODE)
|
| + return /** @type {!Element} */ (node.host);
|
| + return null;
|
| };
|
|
|
| /**
|
| * @return {?Node}
|
| */
|
| -Node.prototype.parentNodeOrShadowHost = function()
|
| -{
|
| - return this.parentNode || this.host || null;
|
| +Node.prototype.parentNodeOrShadowHost = function() {
|
| + return this.parentNode || this.host || null;
|
| };
|
|
|
| /**
|
| * @return {?Selection}
|
| */
|
| -Node.prototype.getComponentSelection = function()
|
| -{
|
| - var parent = this.parentNode;
|
| - while (parent && parent.nodeType !== Node.DOCUMENT_FRAGMENT_NODE)
|
| - parent = parent.parentNode;
|
| - return parent instanceof ShadowRoot ? parent.getSelection() : this.window().getSelection();
|
| +Node.prototype.getComponentSelection = function() {
|
| + var parent = this.parentNode;
|
| + while (parent && parent.nodeType !== Node.DOCUMENT_FRAGMENT_NODE)
|
| + parent = parent.parentNode;
|
| + return parent instanceof ShadowRoot ? parent.getSelection() : this.window().getSelection();
|
| };
|
|
|
| -
|
| /**
|
| * @return {boolean}
|
| */
|
| -Node.prototype.isComponentSelectionCollapsed = function()
|
| -{
|
| - // FIXME: crbug.com/447523, use selection.isCollapsed when it is fixed for shadow dom.
|
| - var selection = this.getComponentSelection();
|
| - var range = selection && selection.rangeCount ? selection.getRangeAt(0) : null;
|
| - return range ? range.collapsed : true;
|
| +Node.prototype.isComponentSelectionCollapsed = function() {
|
| + // FIXME: crbug.com/447523, use selection.isCollapsed when it is fixed for shadow dom.
|
| + var selection = this.getComponentSelection();
|
| + var range = selection && selection.rangeCount ? selection.getRangeAt(0) : null;
|
| + return range ? range.collapsed : true;
|
| };
|
|
|
| /**
|
| * @return {boolean}
|
| */
|
| -Node.prototype.hasSelection = function()
|
| -{
|
| - if (this.isComponentSelectionCollapsed())
|
| - return false;
|
| - return this.getComponentSelection().containsNode(this, true);
|
| +Node.prototype.hasSelection = function() {
|
| + if (this.isComponentSelectionCollapsed())
|
| + return false;
|
| + return this.getComponentSelection().containsNode(this, true);
|
| };
|
|
|
| /**
|
| * @return {!Selection}
|
| */
|
| -Node.prototype.getDeepSelection = function()
|
| -{
|
| - var activeElement = this.ownerDocument.activeElement;
|
| - var shadowRoot = null;
|
| - while (activeElement && activeElement.shadowRoot) {
|
| - shadowRoot = activeElement.shadowRoot;
|
| - activeElement = shadowRoot.activeElement;
|
| - }
|
| +Node.prototype.getDeepSelection = function() {
|
| + var activeElement = this.ownerDocument.activeElement;
|
| + var shadowRoot = null;
|
| + while (activeElement && activeElement.shadowRoot) {
|
| + shadowRoot = activeElement.shadowRoot;
|
| + activeElement = shadowRoot.activeElement;
|
| + }
|
|
|
| - return shadowRoot ? shadowRoot.getSelection() : this.window().getSelection();
|
| + return shadowRoot ? shadowRoot.getSelection() : this.window().getSelection();
|
| };
|
|
|
| /**
|
| * @return {!Window}
|
| */
|
| -Node.prototype.window = function()
|
| -{
|
| - return this.ownerDocument.defaultView;
|
| +Node.prototype.window = function() {
|
| + return this.ownerDocument.defaultView;
|
| };
|
|
|
| -Element.prototype.removeChildren = function()
|
| -{
|
| - if (this.firstChild)
|
| - this.textContent = "";
|
| +Element.prototype.removeChildren = function() {
|
| + if (this.firstChild)
|
| + this.textContent = '';
|
| };
|
|
|
| /**
|
| @@ -326,9 +310,8 @@ Element.prototype.removeChildren = function()
|
| * @return {!Element}
|
| * @suppressGlobalPropertiesCheck
|
| */
|
| -function createElement(tagName, customElementType)
|
| -{
|
| - return document.createElement(tagName, customElementType || "");
|
| +function createElement(tagName, customElementType) {
|
| + return document.createElement(tagName, customElementType || '');
|
| }
|
|
|
| /**
|
| @@ -336,9 +319,8 @@ function createElement(tagName, customElementType)
|
| * @return {!Text}
|
| * @suppressGlobalPropertiesCheck
|
| */
|
| -function createTextNode(data)
|
| -{
|
| - return document.createTextNode(data);
|
| +function createTextNode(data) {
|
| + return document.createTextNode(data);
|
| }
|
|
|
| /**
|
| @@ -347,12 +329,11 @@ function createTextNode(data)
|
| * @param {string=} customElementType
|
| * @return {!Element}
|
| */
|
| -Document.prototype.createElementWithClass = function(elementName, className, customElementType)
|
| -{
|
| - var element = this.createElement(elementName, customElementType || "");
|
| - if (className)
|
| - element.className = className;
|
| - return element;
|
| +Document.prototype.createElementWithClass = function(elementName, className, customElementType) {
|
| + var element = this.createElement(elementName, customElementType || '');
|
| + if (className)
|
| + element.className = className;
|
| + return element;
|
| };
|
|
|
| /**
|
| @@ -362,9 +343,8 @@ Document.prototype.createElementWithClass = function(elementName, className, cus
|
| * @return {!Element}
|
| * @suppressGlobalPropertiesCheck
|
| */
|
| -function createElementWithClass(elementName, className, customElementType)
|
| -{
|
| - return document.createElementWithClass(elementName, className, customElementType);
|
| +function createElementWithClass(elementName, className, customElementType) {
|
| + return document.createElementWithClass(elementName, className, customElementType);
|
| }
|
|
|
| /**
|
| @@ -372,12 +352,11 @@ function createElementWithClass(elementName, className, customElementType)
|
| * @param {string=} className
|
| * @return {!Element}
|
| */
|
| -Document.prototype.createSVGElement = function(childType, className)
|
| -{
|
| - var element = this.createElementNS("http://www.w3.org/2000/svg", childType);
|
| - if (className)
|
| - element.setAttribute("class", className);
|
| - return element;
|
| +Document.prototype.createSVGElement = function(childType, className) {
|
| + var element = this.createElementNS('http://www.w3.org/2000/svg', childType);
|
| + if (className)
|
| + element.setAttribute('class', className);
|
| + return element;
|
| };
|
|
|
| /**
|
| @@ -386,18 +365,16 @@ Document.prototype.createSVGElement = function(childType, className)
|
| * @return {!Element}
|
| * @suppressGlobalPropertiesCheck
|
| */
|
| -function createSVGElement(childType, className)
|
| -{
|
| - return document.createSVGElement(childType, className);
|
| +function createSVGElement(childType, className) {
|
| + return document.createSVGElement(childType, className);
|
| }
|
|
|
| /**
|
| * @return {!DocumentFragment}
|
| * @suppressGlobalPropertiesCheck
|
| */
|
| -function createDocumentFragment()
|
| -{
|
| - return document.createDocumentFragment();
|
| +function createDocumentFragment() {
|
| + return document.createDocumentFragment();
|
| }
|
|
|
| /**
|
| @@ -406,11 +383,10 @@ function createDocumentFragment()
|
| * @param {string=} customElementType
|
| * @return {!Element}
|
| */
|
| -Element.prototype.createChild = function(elementName, className, customElementType)
|
| -{
|
| - var element = this.ownerDocument.createElementWithClass(elementName, className, customElementType);
|
| - this.appendChild(element);
|
| - return element;
|
| +Element.prototype.createChild = function(elementName, className, customElementType) {
|
| + var element = this.ownerDocument.createElementWithClass(elementName, className, customElementType);
|
| + this.appendChild(element);
|
| + return element;
|
| };
|
|
|
| DocumentFragment.prototype.createChild = Element.prototype.createChild;
|
| @@ -419,11 +395,10 @@ DocumentFragment.prototype.createChild = Element.prototype.createChild;
|
| * @param {string} text
|
| * @return {!Text}
|
| */
|
| -Element.prototype.createTextChild = function(text)
|
| -{
|
| - var element = this.ownerDocument.createTextNode(text);
|
| - this.appendChild(element);
|
| - return element;
|
| +Element.prototype.createTextChild = function(text) {
|
| + var element = this.ownerDocument.createTextNode(text);
|
| + this.appendChild(element);
|
| + return element;
|
| };
|
|
|
| DocumentFragment.prototype.createTextChild = Element.prototype.createTextChild;
|
| @@ -431,10 +406,9 @@ DocumentFragment.prototype.createTextChild = Element.prototype.createTextChild;
|
| /**
|
| * @param {...string} var_args
|
| */
|
| -Element.prototype.createTextChildren = function(var_args)
|
| -{
|
| - for (var i = 0, n = arguments.length; i < n; ++i)
|
| - this.createTextChild(arguments[i]);
|
| +Element.prototype.createTextChildren = function(var_args) {
|
| + for (var i = 0, n = arguments.length; i < n; ++i)
|
| + this.createTextChild(arguments[i]);
|
| };
|
|
|
| DocumentFragment.prototype.createTextChildren = Element.prototype.createTextChildren;
|
| @@ -442,26 +416,23 @@ DocumentFragment.prototype.createTextChildren = Element.prototype.createTextChil
|
| /**
|
| * @return {number}
|
| */
|
| -Element.prototype.totalOffsetLeft = function()
|
| -{
|
| - return this.totalOffset().left;
|
| +Element.prototype.totalOffsetLeft = function() {
|
| + return this.totalOffset().left;
|
| };
|
|
|
| /**
|
| * @return {number}
|
| */
|
| -Element.prototype.totalOffsetTop = function()
|
| -{
|
| - return this.totalOffset().top;
|
| +Element.prototype.totalOffsetTop = function() {
|
| + return this.totalOffset().top;
|
| };
|
|
|
| /**
|
| * @return {!{left: number, top: number}}
|
| */
|
| -Element.prototype.totalOffset = function()
|
| -{
|
| - var rect = this.getBoundingClientRect();
|
| - return { left: rect.left, top: rect.top };
|
| +Element.prototype.totalOffset = function() {
|
| + var rect = this.getBoundingClientRect();
|
| + return {left: rect.left, top: rect.top};
|
| };
|
|
|
| /**
|
| @@ -469,90 +440,87 @@ Element.prototype.totalOffset = function()
|
| * @param {string=} className
|
| * @return {!Element}
|
| */
|
| -Element.prototype.createSVGChild = function(childType, className)
|
| -{
|
| - var child = this.ownerDocument.createSVGElement(childType, className);
|
| - this.appendChild(child);
|
| - return child;
|
| +Element.prototype.createSVGChild = function(childType, className) {
|
| + var child = this.ownerDocument.createSVGElement(childType, className);
|
| + this.appendChild(child);
|
| + return child;
|
| };
|
|
|
| /**
|
| - * @constructor
|
| - * @param {number=} x
|
| - * @param {number=} y
|
| - * @param {number=} width
|
| - * @param {number=} height
|
| + * @unrestricted
|
| */
|
| -function AnchorBox(x, y, width, height)
|
| -{
|
| +var AnchorBox = class {
|
| + /**
|
| + * @param {number=} x
|
| + * @param {number=} y
|
| + * @param {number=} width
|
| + * @param {number=} height
|
| + */
|
| + constructor(x, y, width, height) {
|
| this.x = x || 0;
|
| this.y = y || 0;
|
| this.width = width || 0;
|
| this.height = height || 0;
|
| -}
|
| + }
|
| +};
|
|
|
| /**
|
| * @param {!AnchorBox} box
|
| * @return {!AnchorBox}
|
| */
|
| -AnchorBox.prototype.relativeTo = function(box)
|
| -{
|
| - return new AnchorBox(
|
| - this.x - box.x, this.y - box.y, this.width, this.height);
|
| +AnchorBox.prototype.relativeTo = function(box) {
|
| + return new AnchorBox(this.x - box.x, this.y - box.y, this.width, this.height);
|
| };
|
|
|
| /**
|
| * @param {!Element} element
|
| * @return {!AnchorBox}
|
| */
|
| -AnchorBox.prototype.relativeToElement = function(element)
|
| -{
|
| - return this.relativeTo(element.boxInWindow(element.ownerDocument.defaultView));
|
| +AnchorBox.prototype.relativeToElement = function(element) {
|
| + return this.relativeTo(element.boxInWindow(element.ownerDocument.defaultView));
|
| };
|
|
|
| /**
|
| * @param {?AnchorBox} anchorBox
|
| * @return {boolean}
|
| */
|
| -AnchorBox.prototype.equals = function(anchorBox)
|
| -{
|
| - return !!anchorBox && this.x === anchorBox.x && this.y === anchorBox.y && this.width === anchorBox.width && this.height === anchorBox.height;
|
| +AnchorBox.prototype.equals = function(anchorBox) {
|
| + return !!anchorBox && this.x === anchorBox.x && this.y === anchorBox.y && this.width === anchorBox.width &&
|
| + this.height === anchorBox.height;
|
| };
|
|
|
| /**
|
| * @param {!Window=} targetWindow
|
| * @return {!AnchorBox}
|
| */
|
| -Element.prototype.boxInWindow = function(targetWindow)
|
| -{
|
| - targetWindow = targetWindow || this.ownerDocument.defaultView;
|
| -
|
| - var anchorBox = new AnchorBox();
|
| - var curElement = this;
|
| - var curWindow = this.ownerDocument.defaultView;
|
| - while (curWindow && curElement) {
|
| - anchorBox.x += curElement.totalOffsetLeft();
|
| - anchorBox.y += curElement.totalOffsetTop();
|
| - if (curWindow === targetWindow)
|
| - break;
|
| - curElement = curWindow.frameElement;
|
| - curWindow = curWindow.parent;
|
| - }
|
| +Element.prototype.boxInWindow = function(targetWindow) {
|
| + targetWindow = targetWindow || this.ownerDocument.defaultView;
|
| +
|
| + var anchorBox = new AnchorBox();
|
| + var curElement = this;
|
| + var curWindow = this.ownerDocument.defaultView;
|
| + while (curWindow && curElement) {
|
| + anchorBox.x += curElement.totalOffsetLeft();
|
| + anchorBox.y += curElement.totalOffsetTop();
|
| + if (curWindow === targetWindow)
|
| + break;
|
| + curElement = curWindow.frameElement;
|
| + curWindow = curWindow.parent;
|
| + }
|
|
|
| - anchorBox.width = Math.min(this.offsetWidth, targetWindow.innerWidth - anchorBox.x);
|
| - anchorBox.height = Math.min(this.offsetHeight, targetWindow.innerHeight - anchorBox.y);
|
| - return anchorBox;
|
| + anchorBox.width = Math.min(this.offsetWidth, targetWindow.innerWidth - anchorBox.x);
|
| + anchorBox.height = Math.min(this.offsetHeight, targetWindow.innerHeight - anchorBox.y);
|
| + return anchorBox;
|
| };
|
|
|
| /**
|
| * @param {boolean=} preventDefault
|
| */
|
| -Event.prototype.consume = function(preventDefault)
|
| -{
|
| - this.stopImmediatePropagation();
|
| - if (preventDefault)
|
| - this.preventDefault();
|
| - this.handled = true;
|
| +Event.prototype.consume = function(preventDefault) {
|
| + this.stopImmediatePropagation();
|
| + if (preventDefault)
|
| + this.preventDefault();
|
| + this.handled = true;
|
| };
|
|
|
| /**
|
| @@ -560,199 +528,190 @@ Event.prototype.consume = function(preventDefault)
|
| * @param {number=} end
|
| * @return {!Text}
|
| */
|
| -Text.prototype.select = function(start, end)
|
| -{
|
| - start = start || 0;
|
| - end = end || this.textContent.length;
|
| +Text.prototype.select = function(start, end) {
|
| + start = start || 0;
|
| + end = end || this.textContent.length;
|
|
|
| - if (start < 0)
|
| - start = end + start;
|
| + if (start < 0)
|
| + start = end + start;
|
|
|
| - var selection = this.getComponentSelection();
|
| - selection.removeAllRanges();
|
| - var range = this.ownerDocument.createRange();
|
| - range.setStart(this, start);
|
| - range.setEnd(this, end);
|
| - selection.addRange(range);
|
| - return this;
|
| + var selection = this.getComponentSelection();
|
| + selection.removeAllRanges();
|
| + var range = this.ownerDocument.createRange();
|
| + range.setStart(this, start);
|
| + range.setEnd(this, end);
|
| + selection.addRange(range);
|
| + return this;
|
| };
|
|
|
| /**
|
| * @return {?number}
|
| */
|
| -Element.prototype.selectionLeftOffset = function()
|
| -{
|
| - // Calculate selection offset relative to the current element.
|
| +Element.prototype.selectionLeftOffset = function() {
|
| + // Calculate selection offset relative to the current element.
|
|
|
| - var selection = this.getComponentSelection();
|
| - if (!selection.containsNode(this, true))
|
| - return null;
|
| + var selection = this.getComponentSelection();
|
| + if (!selection.containsNode(this, true))
|
| + return null;
|
|
|
| - var leftOffset = selection.anchorOffset;
|
| - var node = selection.anchorNode;
|
| + var leftOffset = selection.anchorOffset;
|
| + var node = selection.anchorNode;
|
|
|
| - while (node !== this) {
|
| - while (node.previousSibling) {
|
| - node = node.previousSibling;
|
| - leftOffset += node.textContent.length;
|
| - }
|
| - node = node.parentNodeOrShadowHost();
|
| + while (node !== this) {
|
| + while (node.previousSibling) {
|
| + node = node.previousSibling;
|
| + leftOffset += node.textContent.length;
|
| }
|
| + node = node.parentNodeOrShadowHost();
|
| + }
|
|
|
| - return leftOffset;
|
| + return leftOffset;
|
| };
|
|
|
| /**
|
| * @param {...!Node} var_args
|
| */
|
| -Node.prototype.appendChildren = function(var_args)
|
| -{
|
| - for (var i = 0, n = arguments.length; i < n; ++i)
|
| - this.appendChild(arguments[i]);
|
| +Node.prototype.appendChildren = function(var_args) {
|
| + for (var i = 0, n = arguments.length; i < n; ++i)
|
| + this.appendChild(arguments[i]);
|
| };
|
|
|
| /**
|
| * @return {string}
|
| */
|
| -Node.prototype.deepTextContent = function()
|
| -{
|
| - return this.childTextNodes().map(function(node) { return node.textContent; }).join("");
|
| +Node.prototype.deepTextContent = function() {
|
| + return this.childTextNodes()
|
| + .map(function(node) {
|
| + return node.textContent;
|
| + })
|
| + .join('');
|
| };
|
|
|
| /**
|
| * @return {!Array.<!Node>}
|
| */
|
| -Node.prototype.childTextNodes = function()
|
| -{
|
| - var node = this.traverseNextTextNode(this);
|
| - var result = [];
|
| - var nonTextTags = { "STYLE": 1, "SCRIPT": 1 };
|
| - while (node) {
|
| - if (!nonTextTags[node.parentElement.nodeName])
|
| - result.push(node);
|
| - node = node.traverseNextTextNode(this);
|
| - }
|
| - return result;
|
| +Node.prototype.childTextNodes = function() {
|
| + var node = this.traverseNextTextNode(this);
|
| + var result = [];
|
| + var nonTextTags = {'STYLE': 1, 'SCRIPT': 1};
|
| + while (node) {
|
| + if (!nonTextTags[node.parentElement.nodeName])
|
| + result.push(node);
|
| + node = node.traverseNextTextNode(this);
|
| + }
|
| + return result;
|
| };
|
|
|
| /**
|
| * @param {?Node} node
|
| * @return {boolean}
|
| */
|
| -Node.prototype.isAncestor = function(node)
|
| -{
|
| - if (!node)
|
| - return false;
|
| -
|
| - var currentNode = node.parentNodeOrShadowHost();
|
| - while (currentNode) {
|
| - if (this === currentNode)
|
| - return true;
|
| - currentNode = currentNode.parentNodeOrShadowHost();
|
| - }
|
| +Node.prototype.isAncestor = function(node) {
|
| + if (!node)
|
| return false;
|
| +
|
| + var currentNode = node.parentNodeOrShadowHost();
|
| + while (currentNode) {
|
| + if (this === currentNode)
|
| + return true;
|
| + currentNode = currentNode.parentNodeOrShadowHost();
|
| + }
|
| + return false;
|
| };
|
|
|
| /**
|
| * @param {?Node} descendant
|
| * @return {boolean}
|
| */
|
| -Node.prototype.isDescendant = function(descendant)
|
| -{
|
| - return !!descendant && descendant.isAncestor(this);
|
| +Node.prototype.isDescendant = function(descendant) {
|
| + return !!descendant && descendant.isAncestor(this);
|
| };
|
|
|
| /**
|
| * @param {?Node} node
|
| * @return {boolean}
|
| */
|
| -Node.prototype.isSelfOrAncestor = function(node)
|
| -{
|
| - return !!node && (node === this || this.isAncestor(node));
|
| +Node.prototype.isSelfOrAncestor = function(node) {
|
| + return !!node && (node === this || this.isAncestor(node));
|
| };
|
|
|
| /**
|
| * @param {?Node} node
|
| * @return {boolean}
|
| */
|
| -Node.prototype.isSelfOrDescendant = function(node)
|
| -{
|
| - return !!node && (node === this || this.isDescendant(node));
|
| +Node.prototype.isSelfOrDescendant = function(node) {
|
| + return !!node && (node === this || this.isDescendant(node));
|
| };
|
|
|
| /**
|
| * @param {!Node=} stayWithin
|
| * @return {?Node}
|
| */
|
| -Node.prototype.traverseNextNode = function(stayWithin)
|
| -{
|
| - if (this.shadowRoot)
|
| - return this.shadowRoot;
|
| +Node.prototype.traverseNextNode = function(stayWithin) {
|
| + if (this.shadowRoot)
|
| + return this.shadowRoot;
|
|
|
| - var distributedNodes = this.getDistributedNodes ? this.getDistributedNodes() : [];
|
| + var distributedNodes = this.getDistributedNodes ? this.getDistributedNodes() : [];
|
|
|
| - if (distributedNodes.length)
|
| - return distributedNodes[0];
|
| + if (distributedNodes.length)
|
| + return distributedNodes[0];
|
|
|
| - if (this.firstChild)
|
| - return this.firstChild;
|
| -
|
| - var node = this;
|
| - while (node) {
|
| - if (stayWithin && node === stayWithin)
|
| - return null;
|
| + if (this.firstChild)
|
| + return this.firstChild;
|
|
|
| - var sibling = nextSibling(node);
|
| - if (sibling)
|
| - return sibling;
|
| + var node = this;
|
| + while (node) {
|
| + if (stayWithin && node === stayWithin)
|
| + return null;
|
|
|
| - node = insertionPoint(node) || node.parentNodeOrShadowHost();
|
| - }
|
| + var sibling = nextSibling(node);
|
| + if (sibling)
|
| + return sibling;
|
|
|
| - /**
|
| - * @param {!Node} node
|
| - * @return {?Node}
|
| - */
|
| - function nextSibling(node)
|
| - {
|
| - var parent = insertionPoint(node);
|
| - if (!parent)
|
| - return node.nextSibling;
|
| - var distributedNodes = parent.getDistributedNodes ? parent.getDistributedNodes() : [];
|
| -
|
| - var position = Array.prototype.indexOf.call(distributedNodes, node);
|
| - if (position + 1 < distributedNodes.length)
|
| - return distributedNodes[position + 1];
|
| - return null;
|
| - }
|
| + node = insertionPoint(node) || node.parentNodeOrShadowHost();
|
| + }
|
|
|
| - /**
|
| - * @param {!Node} node
|
| - * @return {?Node}
|
| - */
|
| - function insertionPoint(node)
|
| - {
|
| - var insertionPoints = node.getDestinationInsertionPoints ? node.getDestinationInsertionPoints() : [];
|
| - return insertionPoints.length > 0 ? insertionPoints[insertionPoints.length - 1] : null;
|
| - }
|
| + /**
|
| + * @param {!Node} node
|
| + * @return {?Node}
|
| + */
|
| + function nextSibling(node) {
|
| + var parent = insertionPoint(node);
|
| + if (!parent)
|
| + return node.nextSibling;
|
| + var distributedNodes = parent.getDistributedNodes ? parent.getDistributedNodes() : [];
|
|
|
| + var position = Array.prototype.indexOf.call(distributedNodes, node);
|
| + if (position + 1 < distributedNodes.length)
|
| + return distributedNodes[position + 1];
|
| return null;
|
| + }
|
| +
|
| + /**
|
| + * @param {!Node} node
|
| + * @return {?Node}
|
| + */
|
| + function insertionPoint(node) {
|
| + var insertionPoints = node.getDestinationInsertionPoints ? node.getDestinationInsertionPoints() : [];
|
| + return insertionPoints.length > 0 ? insertionPoints[insertionPoints.length - 1] : null;
|
| + }
|
| +
|
| + return null;
|
| };
|
|
|
| /**
|
| * @param {!Node=} stayWithin
|
| * @return {?Node}
|
| */
|
| -Node.prototype.traversePreviousNode = function(stayWithin)
|
| -{
|
| - if (stayWithin && this === stayWithin)
|
| - return null;
|
| - var node = this.previousSibling;
|
| - while (node && node.lastChild)
|
| - node = node.lastChild;
|
| - if (node)
|
| - return node;
|
| - return this.parentNodeOrShadowHost();
|
| +Node.prototype.traversePreviousNode = function(stayWithin) {
|
| + if (stayWithin && this === stayWithin)
|
| + return null;
|
| + var node = this.previousSibling;
|
| + while (node && node.lastChild)
|
| + node = node.lastChild;
|
| + if (node)
|
| + return node;
|
| + return this.parentNodeOrShadowHost();
|
| };
|
|
|
| /**
|
| @@ -760,29 +719,27 @@ Node.prototype.traversePreviousNode = function(stayWithin)
|
| * @param {string=} placeholder
|
| * @return {boolean} true if was truncated
|
| */
|
| -Node.prototype.setTextContentTruncatedIfNeeded = function(text, placeholder)
|
| -{
|
| - // Huge texts in the UI reduce rendering performance drastically.
|
| - // Moreover, Blink/WebKit uses <unsigned short> internally for storing text content
|
| - // length, so texts longer than 65535 are inherently displayed incorrectly.
|
| - const maxTextContentLength = 10000;
|
| +Node.prototype.setTextContentTruncatedIfNeeded = function(text, placeholder) {
|
| + // Huge texts in the UI reduce rendering performance drastically.
|
| + // Moreover, Blink/WebKit uses <unsigned short> internally for storing text content
|
| + // length, so texts longer than 65535 are inherently displayed incorrectly.
|
| + const maxTextContentLength = 10000;
|
|
|
| - if (typeof text === "string" && text.length > maxTextContentLength) {
|
| - this.textContent = typeof placeholder === "string" ? placeholder : text.trimMiddle(maxTextContentLength);
|
| - return true;
|
| - }
|
| + if (typeof text === 'string' && text.length > maxTextContentLength) {
|
| + this.textContent = typeof placeholder === 'string' ? placeholder : text.trimMiddle(maxTextContentLength);
|
| + return true;
|
| + }
|
|
|
| - this.textContent = text;
|
| - return false;
|
| + this.textContent = text;
|
| + return false;
|
| };
|
|
|
| /**
|
| * @return {?Node}
|
| */
|
| -Event.prototype.deepElementFromPoint = function()
|
| -{
|
| - var root = this.target && this.target.getComponentRoot();
|
| - return root ? root.deepElementFromPoint(this.pageX, this.pageY) : null;
|
| +Event.prototype.deepElementFromPoint = function() {
|
| + var root = this.target && this.target.getComponentRoot();
|
| + return root ? root.deepElementFromPoint(this.pageX, this.pageY) : null;
|
| };
|
|
|
| /**
|
| @@ -790,12 +747,11 @@ Event.prototype.deepElementFromPoint = function()
|
| * @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;
|
| +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;
|
| @@ -803,12 +759,11 @@ DocumentFragment.prototype.deepElementFromPoint = Document.prototype.deepElement
|
| /**
|
| * @return {?Element}
|
| */
|
| -Document.prototype.deepActiveElement = function()
|
| -{
|
| - var activeElement = this.activeElement;
|
| - while (activeElement && activeElement.shadowRoot && activeElement.shadowRoot.activeElement)
|
| - activeElement = activeElement.shadowRoot.activeElement;
|
| - return activeElement;
|
| +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;
|
| @@ -816,59 +771,53 @@ DocumentFragment.prototype.deepActiveElement = Document.prototype.deepActiveElem
|
| /**
|
| * @return {boolean}
|
| */
|
| -Element.prototype.hasFocus = function()
|
| -{
|
| - var root = this.getComponentRoot();
|
| - return !!root && this.isSelfOrAncestor(root.activeElement);
|
| +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);
|
| +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";
|
| +function isEnterKey(event) {
|
| + // Check if in IME.
|
| + return event.keyCode !== 229 && event.key === 'Enter';
|
| }
|
|
|
| /**
|
| * @param {!Event} event
|
| * @return {boolean}
|
| */
|
| -function isEscKey(event)
|
| -{
|
| - return event.keyCode === 27;
|
| +function isEscKey(event) {
|
| + return event.keyCode === 27;
|
| }
|
|
|
| /**
|
| * @param {function()} callback
|
| * @suppressGlobalPropertiesCheck
|
| */
|
| -function runOnWindowLoad(callback)
|
| -{
|
| - /**
|
| - * @suppressGlobalPropertiesCheck
|
| - */
|
| - function windowLoaded()
|
| - {
|
| - window.removeEventListener("DOMContentLoaded", windowLoaded, false);
|
| - callback();
|
| - }
|
| -
|
| - if (document.readyState === "complete" || document.readyState === "interactive")
|
| - callback();
|
| - else
|
| - window.addEventListener("DOMContentLoaded", windowLoaded, false);
|
| +function runOnWindowLoad(callback) {
|
| + /**
|
| + * @suppressGlobalPropertiesCheck
|
| + */
|
| + function windowLoaded() {
|
| + window.removeEventListener('DOMContentLoaded', windowLoaded, false);
|
| + callback();
|
| + }
|
| +
|
| + if (document.readyState === 'complete' || document.readyState === 'interactive')
|
| + callback();
|
| + else
|
| + window.addEventListener('DOMContentLoaded', windowLoaded, false);
|
| }
|
|
|