Devtools: [LayoutEditor] highlight changed value in the SSP

Source/devtools/front_end/sdk/CSSStyleModel.js

 /*
  * Copyright (C) 2010 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:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 46 matching lines @@
 WebInspector.CSSStyleModel.parseRuleMatchArrayPayload = function(cssModel, matchArray)
 {
     if (!matchArray)
         return [];
 
     var result = [];
     for (var i = 0; i < matchArray.length; ++i)
         result.push(WebInspector.CSSRule.parsePayload(cssModel, matchArray[i].rule, matchArray[i].matchingSelectors));
     return result;
 }
-
 WebInspector.CSSStyleModel.Events = {
+    LayoutEditorChange: "LayoutEditorChange",
     MediaQueryResultChanged: "MediaQueryResultChanged",
     ModelWasEnabled: "ModelWasEnabled",
     PseudoStateForced: "PseudoStateForced",
     StyleSheetAdded: "StyleSheetAdded",
     StyleSheetChanged: "StyleSheetChanged",
     StyleSheetRemoved: "StyleSheetRemoved"
 }
 
 WebInspector.CSSStyleModel.MediaTypes = ["all", "braille", "embossed", "handheld", "print", "projection", "screen", "speech", "tty", "tv"];
 
@@ skipping 513 matching lines @@
     {
         if (WebInspector.targetManager.allTargetsSuspended()) {
             this._agent.disable();
             this._isEnabled = false;
         } else {
             this._resetStyleSheets();
             this._agent.enable().then(this._wasEnabled.bind(this));
         }
     },
 
+    /**
+     * @param {!CSSAgent.StyleSheetId} id
+     * @param {!CSSAgent.SourceRange} range
+     */
+    _layoutEditorChange: function(id, range)
+    {
+        this.dispatchEventToListeners(WebInspector.CSSStyleModel.Events.LayoutEditorChange, {id: id, range: range});
+    },
+
     __proto__: WebInspector.SDKModel.prototype
 }
 
 /**
  * @constructor
  * @extends {WebInspector.SDKObject}
  * @param {!WebInspector.CSSStyleModel} cssModel
  * @param {!CSSAgent.StyleSheetId} styleSheetId
  * @param {string} url
  * @param {number} lineNumber
@@ skipping 1237 matching lines @@
     },
 
     /**
      * @override
      * @param {!CSSAgent.StyleSheetId} id
      */
     styleSheetRemoved: function(id)
     {
         this._cssModel._styleSheetRemoved(id);
     },
+
+    /**
+     * @override
+     * @param {!CSSAgent.StyleSheetId} id
+     * @param {!CSSAgent.SourceRange} range
+     */
+    layoutEditorChange: function(id, range)
+    {
+        this._cssModel._layoutEditorChange(id, range);
+    },
 }
 
 /**
  * @constructor
  * @param {!WebInspector.CSSStyleModel} cssModel
  */
 WebInspector.CSSStyleModel.ComputedStyleLoader = function(cssModel)
 {
     this._cssModel = cssModel;
     /** @type {!Map.<!DOMAgent.NodeId, !Promise.<?WebInspector.CSSStyleDeclaration>>} */
@@ skipping 95 matching lines @@
  * @constructor
  * @param {?WebInspector.CSSStyleDeclaration} inlineStyle
  * @param {?WebInspector.CSSStyleDeclaration} attributesStyle
  */
 WebInspector.CSSStyleModel.InlineStyleResult = function(inlineStyle, attributesStyle)
 {
     this.inlineStyle = inlineStyle;
     this.attributesStyle = attributesStyle;
 }