Devtools: Pretty print fix for CSS coverage decorations.

third_party/WebKit/Source/devtools/front_end/components_lazy/LineLevelProfile.js

 // Copyright 2016 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.
 /**
  * @unrestricted
  */
 Components.LineLevelProfile = class {
   constructor() {
     this._locationPool = new Bindings.LiveLocationPool();
     this.reset();
@@ skipping 49 matching lines @@
     this._updateTimer = setTimeout(() => {
       this._updateTimer = null;
       this._doUpdate();
     }, 0);
   }
 
   _doUpdate() {
     // TODO(alph): use scriptId instead of urls for the target.
     this._locationPool.disposeAll();
     Workspace.workspace.uiSourceCodes().forEach(
-        uiSourceCode => uiSourceCode.removeAllLineDecorations(Components.LineLevelProfile.LineDecorator.type));
+        uiSourceCode => uiSourceCode.removeDecorationsForType(Components.LineLevelProfile.LineDecorator.type));
     for (var fileInfo of this._files) {
       var url = /** @type {string} */ (fileInfo[0]);
       var uiSourceCode = Workspace.workspace.uiSourceCodeForURL(url);
       if (!uiSourceCode)
         continue;
       var target = Bindings.NetworkProject.targetForUISourceCode(uiSourceCode) || SDK.targetManager.mainTarget();
       var debuggerModel = target ? SDK.DebuggerModel.fromTarget(target) : null;
       if (!debuggerModel)
         continue;
       for (var lineInfo of fileInfo[1]) {
@@ skipping 21 matching lines @@
    */
   constructor(rawLocation, time, locationPool) {
     this._time = time;
     Bindings.debuggerWorkspaceBinding.createLiveLocation(rawLocation, this.updateLocation.bind(this), locationPool);
   }
 
   /**
    * @param {!Bindings.LiveLocation} liveLocation
    */
   updateLocation(liveLocation) {
-    if (this._uiLocation) {
-      this._uiLocation.uiSourceCode.removeLineDecoration(
-          this._uiLocation.lineNumber, Components.LineLevelProfile.LineDecorator.type);
-    }
+    if (this._uiLocation)
+      this._uiLocation.uiSourceCode.removeDecorationsForType(Components.LineLevelProfile.LineDecorator.type);
     this._uiLocation = liveLocation.uiLocation();
     if (this._uiLocation) {
       this._uiLocation.uiSourceCode.addLineDecoration(
           this._uiLocation.lineNumber, Components.LineLevelProfile.LineDecorator.type, this._time);
     }
   }
 };
 
 /**
  * @implements {Sources.UISourceCodeFrame.LineDecorator}
  * @unrestricted
  */
 Components.LineLevelProfile.LineDecorator = class {
   /**
    * @override
    * @param {!Workspace.UISourceCode} uiSourceCode
    * @param {!TextEditor.CodeMirrorTextEditor} textEditor
    */
   decorate(uiSourceCode, textEditor) {
     var gutterType = 'CodeMirror-gutter-performance';
-    var decorations = uiSourceCode.lineDecorations(Components.LineLevelProfile.LineDecorator.type);
+    var decorations = uiSourceCode.decorationsForType(Components.LineLevelProfile.LineDecorator.type);
     textEditor.uninstallGutter(gutterType);
-    if (!decorations)
+    if (!decorations.size)
       return;
     textEditor.installGutter(gutterType, false);
-    for (var decoration of decorations.values()) {
+    for (var decoration of decorations) {
       var time = /** @type {number} */ (decoration.data());
       var text = Common.UIString('%.1f\xa0ms', time);
       var intensity = Number.constrain(Math.log10(1 + 2 * time) / 5, 0.02, 1);
       var element = createElementWithClass('div', 'text-editor-line-marker-performance');
       element.textContent = text;
       element.style.backgroundColor = `hsla(44, 100%, 50%, ${intensity.toFixed(3)})`;
-      textEditor.setGutterDecoration(decoration.line(), gutterType, element);
+      textEditor.setGutterDecoration(decoration.range().startLine, gutterType, element);
     }
   }
 };
 
 Components.LineLevelProfile.LineDecorator.type = 'performance';