DevTools: replace mouseout with mouseleave where possible.

Source/devtools/front_end/timeline/TimelineView.js

 /*
  * Copyright (C) 2013 Google Inc. All rights reserved.
  * Copyright (C) 2012 Intel 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:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
@@ skipping 49 matching lines @@
     this._headerElement.id = "timeline-graph-records-header";
 
     // Create gpu tasks containers.
     this._cpuBarsElement = this._headerElement.createChild("div", "timeline-utilization-strip");
     if (Runtime.experiments.isEnabled("gpuTimeline"))
         this._gpuBarsElement = this._headerElement.createChild("div", "timeline-utilization-strip gpu");
 
     this._popoverHelper = new WebInspector.PopoverHelper(this.element, this._getPopoverAnchor.bind(this), this._showPopover.bind(this));
 
     this.element.addEventListener("mousemove", this._mouseMove.bind(this), false);
-    this.element.addEventListener("mouseout", this._mouseOut.bind(this), false);
+    this.element.addEventListener("mouseleave", this._mouseLeave.bind(this), false);
     this.element.addEventListener("keydown", this._keyDown.bind(this), false);
 
     this._expandOffset = 15;
 }
 
 WebInspector.TimelineView.prototype = {
     /**
      * @param {?WebInspector.TimelineFrameModelBase} frameModel
      */
     setFrameModel: function(frameModel)
@@ skipping 634 matching lines @@
      * @param {!Event} event
      * @return {!Element|!AnchorBox|undefined}
      */
     _getPopoverAnchor: function(element, event)
     {
         var anchor = element.enclosingNodeOrSelfWithClass("timeline-graph-bar");
         if (anchor && anchor._tasksInfo)
             return anchor;
     },
 
-    _mouseOut: function()
+    _mouseLeave: function()
     {
         this._hideQuadHighlight();
     },
 
     /**
      * @param {!Event} e
      */
     _mouseMove: function(e)
     {
         var rowElement = e.target.enclosingNodeOrSelfWithClass("timeline-tree-item");
@@ skipping 292 matching lines @@
  * @param {function(!WebInspector.TimelinePresentationModel.Record)} selectRecord
  * @param {function()} scheduleRefresh
  */
 WebInspector.TimelineRecordListRow = function(linkifier, selectRecord, scheduleRefresh)
 {
     this.element = createElement("div");
     this.element.row = this;
     this.element.style.cursor = "pointer";
     this.element.addEventListener("click", this._onClick.bind(this), false);
     this.element.addEventListener("mouseover", this._onMouseOver.bind(this), false);
-    this.element.addEventListener("mouseout", this._onMouseOut.bind(this), false);
+    this.element.addEventListener("mouseleave", this._onMouseLeave.bind(this), false);
     this._linkifier = linkifier;
 
     // Warning is float right block, it goes first.
     this._warningElement = this.element.createChild("div", "timeline-tree-item-warning hidden");
 
     this._expandArrowElement = this.element.createChild("div", "timeline-tree-item-expand-arrow");
     this._expandArrowElement.addEventListener("click", this._onExpandClick.bind(this), false);
     var iconElement = this.element.createChild("span", "timeline-tree-icon");
     this._typeElement = this.element.createChild("span", "type");
 
@@ skipping 91 matching lines @@
     _onMouseOver: function(event)
     {
         this.element.classList.add("hovered");
         if (this._record.graphRow())
             this._record.graphRow().element.classList.add("hovered");
     },
 
     /**
      * @param {!Event} event
      */
-    _onMouseOut: function(event)
+    _onMouseLeave: function(event)
     {
         this.element.classList.remove("hovered");
-    if (this._record.graphRow())
-        this._record.graphRow().element.classList.remove("hovered");
+        if (this._record.graphRow())
+            this._record.graphRow().element.classList.remove("hovered");
     }
 }
 
 /**
  * @constructor
  * @param {!Element} graphContainer
  * @param {function(!WebInspector.TimelinePresentationModel.Record)} selectRecord
  * @param {function()} scheduleRefresh
  */
 WebInspector.TimelineRecordGraphRow = function(graphContainer, selectRecord, scheduleRefresh)
 {
     this.element = createElement("div");
     this.element.row = this;
     this.element.addEventListener("mouseover", this._onMouseOver.bind(this), false);
-    this.element.addEventListener("mouseout", this._onMouseOut.bind(this), false);
+    this.element.addEventListener("mouseleave", this._onMouseLeave.bind(this), false);
     this.element.addEventListener("click", this._onClick.bind(this), false);
 
     this._barAreaElement = this.element.createChild("div", "timeline-graph-bar-area");
 
     this._barCpuElement = this._barAreaElement.createChild("div", "timeline-graph-bar cpu");
     this._barCpuElement.row = this;
 
     this._barElement = this._barAreaElement.createChild("div", "timeline-graph-bar");
     this._barElement.row = this;
 
@@ skipping 59 matching lines @@
     _onMouseOver: function(event)
     {
         this.element.classList.add("hovered");
         if (this._record.listRow())
             this._record.listRow().element.classList.add("hovered");
     },
 
     /**
      * @param {!Event} event
      */
-    _onMouseOut: function(event)
+    _onMouseLeave: function(event)
     {
         this.element.classList.remove("hovered");
         if (this._record.listRow())
             this._record.listRow().element.classList.remove("hovered");
     },
 
     dispose: function()
     {
         this.element.remove();
         this._expandElement._dispose();
@@ skipping 37 matching lines @@
         } else {
             this._element.classList.add("hidden");
         }
     },
 
     _dispose: function()
     {
         this._element.remove();
     }
 }