DevTools: introduce dom markers, decorate hidden, forced state and breakpoint elements using marker…

Source/devtools/front_end/components/DOMPresentationUtils.js

Index: Source/devtools/front_end/components/DOMPresentationUtils.js
diff --git a/Source/devtools/front_end/components/DOMPresentationUtils.js b/Source/devtools/front_end/components/DOMPresentationUtils.js
index 178fb284b5ddd2655c23792beabcb7841497fb64..240b25384526a8d29cc722a7bd11f20efc2581cb 100644
--- a/Source/devtools/front_end/components/DOMPresentationUtils.js
+++ b/Source/devtools/front_end/components/DOMPresentationUtils.js
@@ -609,3 +609,23 @@ WebInspector.DOMNodePathStep.prototype = {
         return this.value;
     }
 }
+
+WebInspector.DOMPresentationUtils.GenericMarkers = {
+    PseudoState: "pseudo-state",

[dgozman, 2015/08/07 23:35:05]

These are defined here, but only used in elements module. Move there?

[pfeldman, 2015/08/10 21:25:16]

Done.

+    Hidden: "hidden"
+};
+
+/**
+ * @interface
+ */
+WebInspector.DOMPresentationUtils.MarkerDecorator = function()
+{
+}
+
+WebInspector.DOMPresentationUtils.MarkerDecorator.prototype = {
+    /**
+     * @param {!WebInspector.DOMNode} node
+     * @return {?string}
+     */
+    decorate: function(node) { }
+}