Devtools: [LayoutEditor] highlight changed value in the SSP

Source/devtools/front_end/elements/StylesSidebarPane.js

 /*
  * Copyright (C) 2007 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 44 matching lines @@
     this._sectionsContainer = this.element.createChild("div");
 
     this._stylesPopoverHelper = new WebInspector.StylesPopoverHelper();
 
     this._linkifier = new WebInspector.Linkifier(new WebInspector.Linkifier.DefaultCSSFormatter());
 
     this.element.classList.add("styles-pane");
     this.element.addEventListener("mousemove", this._mouseMovedOverElement.bind(this), false);
     this._keyDownBound = this._keyDown.bind(this);
     this._keyUpBound = this._keyUp.bind(this);
+    new WebInspector.PropertyChangeHighlighter(this);
 }
 
 // Keep in sync with ComputedStyleConstants.h PseudoId enum. Array below contains pseudo id names for corresponding enum indexes.
 // First item is empty due to its artificial NOPSEUDO nature in the enum.
 // FIXME: find a way of generating this mapping or getting it from combination of ComputedStyleConstants and CSSSelector.cpp at
 // runtime.
 WebInspector.StylesSidebarPane.PseudoIdNames = [
     "", "first-line", "first-letter", "before", "after", "backdrop", "selection", "", "-webkit-scrollbar",
     "-webkit-scrollbar-thumb", "-webkit-scrollbar-button", "-webkit-scrollbar-track", "-webkit-scrollbar-track-piece",
     "-webkit-scrollbar-corner", "-webkit-resizer"
@@ skipping 765 matching lines @@
             this._currentToolbarPane = this._animatedToolbarPane;
             delete this._animatedToolbarPane;
 
             if (this._pendingWidget !== undefined) {
                 this._startToolbarPaneAnimation(this._pendingWidget);
                 delete this._pendingWidget;
             }
         }
     },
 
+    /**
+     * @return {!Array<!WebInspector.SectionBlock>}
+     */
+    sectionBlocks: function()
+    {
+        return this._sectionBlocks || [];
+    },
+
     __proto__: WebInspector.ElementsSidebarPane.prototype
 }
 
 /**
  * @param {string} placeholder
  * @param {!Element} container
  * @param {function(?RegExp)} filterCallback
  * @return {!Element}
  */
 WebInspector.StylesSidebarPane.createPropertyFilterElement = function(placeholder, container, filterCallback)
@@ skipping 2381 matching lines @@
 
     /**
      * @override
      * @return {?WebInspector.ToolbarItem}
      */
     item: function()
     {
         return this._button;
     }
 }