Devtools: [LayoutEditor] highlight changed value in the SSP

Source/devtools/front_end/sdk/CSSStyleModel.js

Index: Source/devtools/front_end/sdk/CSSStyleModel.js
diff --git a/Source/devtools/front_end/sdk/CSSStyleModel.js b/Source/devtools/front_end/sdk/CSSStyleModel.js
index ae2c8f10b1c8b1291c3978f11368f093f10840c4..cb0f0ca51da378addb4ca139db0ce001a5101703 100644
--- a/Source/devtools/front_end/sdk/CSSStyleModel.js
+++ b/Source/devtools/front_end/sdk/CSSStyleModel.js
@@ -64,8 +64,8 @@ WebInspector.CSSStyleModel.parseRuleMatchArrayPayload = function(cssModel, match
         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",
@@ -599,6 +599,15 @@ WebInspector.CSSStyleModel.prototype = {
         }
     },
 
+    /**
+     * @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
 }
 
@@ -1856,6 +1865,16 @@ WebInspector.CSSDispatcher.prototype = {
     {
         this._cssModel._styleSheetRemoved(id);
     },
+
+    /**
+     * @override
+     * @param {!CSSAgent.StyleSheetId} id
+     * @param {!CSSAgent.SourceRange} range
+     */
+    layoutEditorChange: function(id, range)
+    {
+        this._cssModel._layoutEditorChange(id, range);
+    },
 }
 
 /**