Devtools Animations: Basic animation inspection & control in Styles pane

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 804b82c245fda9e279f7e38aae925000b931d4fb..39b33de0fc9e566170f071d869312726f856823f 100644
--- a/Source/devtools/front_end/sdk/CSSStyleModel.js
+++ b/Source/devtools/front_end/sdk/CSSStyleModel.js
@@ -257,6 +257,28 @@ WebInspector.CSSStyleModel.prototype = {
     },
 
     /**
+     * @param {!string} id
+     * @param {function(?Array.<!WebInspector.CSSRule>)} userCallback
+     */
+    getKeyframeStylesForNodeAsync: function(id, userCallback)
+    {
+        /**
+         * @param {?Protocol.Error} error
+         * @param {?Array.<!CSSAgent.CSSRule>} payloads
+         * @this {WebInspector.CSSStyleModel}
+         */
+        function callback(error, payloads)
+        {
+            var cssStyleModel = this;
+            userCallback(payloads.map(function (payload) {
+                return WebInspector.CSSRule.parsePayload(cssStyleModel, payload);
+            }));
+        }
+        this._agent.getKeyframeStylesForNode(id, callback.bind(this));
+    },
+
+
+    /**
      * @param {!WebInspector.DOMNode} node
      * @param {string} pseudoClass
      * @param {boolean} enable