Devtools Animations: Represent delay and end-delay on the animation timeline

Source/devtools/front_end/sdk/AnimationModel.js

Index: Source/devtools/front_end/sdk/AnimationModel.js
diff --git a/Source/devtools/front_end/sdk/AnimationModel.js b/Source/devtools/front_end/sdk/AnimationModel.js
index b0e8aa71c4aa4870e05612e6676d54fd43cae276..96923241045eec51b81fbc442221089ddcea879a 100644
--- a/Source/devtools/front_end/sdk/AnimationModel.js
+++ b/Source/devtools/front_end/sdk/AnimationModel.js
@@ -152,7 +152,7 @@ WebInspector.AnimationModel.AnimationPlayer.prototype = {
     {
         if (!this.source().iterations)
             return Infinity;
-        return this.startTime() + this.source().duration() * this.source().iterations();
+        return this.startTime() + this.source().delay() + this.source().duration() * this.source().iterations() + this.source().endDelay();
     },
 
     /**
@@ -233,6 +233,14 @@ WebInspector.AnimationModel.AnimationNode.prototype = {
     /**
      * @return {number}
      */
+    endDelay: function()
+    {
+        return this._payload.endDelay;
+    },
+
+    /**
+     * @return {number}
+     */
     playbackRate: function()
     {
         return this._payload.playbackRate;
@@ -251,7 +259,7 @@ WebInspector.AnimationModel.AnimationNode.prototype = {
      */
     iterations: function()
     {
-        return this._payload.iterations;
+        return this._payload.iterations || Infinity;
     },
 
     /**