[web-animations-1] Use constructor()

Author: birtles

web-animations-1/Overview.bs

@@ -3902,9 +3902,9 @@ dictionary DocumentTimelineOptions {
   DOMHighResTimeStamp originTime = 0;
 };
 
-[Exposed=Window,
- Constructor(optional DocumentTimelineOptions options = {})]
+[Exposed=Window]
 interface DocumentTimeline : AnimationTimeline {
+  constructor(optional DocumentTimelineOptions options = {});
 };
 </pre>
 
@@ -3916,7 +3916,7 @@ interface DocumentTimeline : AnimationTimeline {
 
 </div>
 
-<div class='constructors'>
+<div class=constructors>
 
 :   <dfn constructor for=DocumentTimeline
     lt="DocumentTimeline(options)">DocumentTimeline (options)</dfn>
@@ -3945,10 +3945,10 @@ interface DocumentTimeline : AnimationTimeline {
 API by the {{Animation}} interface.
 
 <pre class='idl'>
-[Exposed=Window,
- Constructor(optional AnimationEffect? effect = null,
-             optional AnimationTimeline? timeline)]
+[Exposed=Window]
 interface Animation : EventTarget {
+    constructor(optional AnimationEffect? effect = null,
+                optional AnimationTimeline? timeline);
              attribute DOMString                id;
              attribute AnimationEffect?         effect;
     readonly attribute AnimationTimeline?       timeline;
@@ -3974,7 +3974,7 @@ interface Animation : EventTarget {
 };
 </pre>
 
-<div class="constructors">
+<div class=constructors>
 
 :   <dfn constructor for=Animation
       lt="Animation(effect, timeline)">Animation (effect, timeline)</dfn>
@@ -4635,20 +4635,20 @@ dictionary ComputedEffectTiming : EffectTiming {
 <a>Keyframe effects</a> are represented by the {{KeyframeEffect}} interface.
 
 <pre class='idl'>
-[Exposed=Window,
- Constructor((Element or CSSPseudoElement)? target,
-             object? keyframes,
-             optional (unrestricted double or KeyframeEffectOptions) options = {}),
- Constructor(KeyframeEffect source)]
+[Exposed=Window]
 interface KeyframeEffect : AnimationEffect {
+    constructor((Element or CSSPseudoElement)? target,
+                object? keyframes,
+                optional (unrestricted double or KeyframeEffectOptions) options = {});
+    constructor(KeyframeEffect source);
     attribute (Element or CSSPseudoElement)? target;
     attribute CompositeOperation             composite;
     sequence&lt;object&gt; getKeyframes();
     void             setKeyframes(object? keyframes);
 };
 </pre>
 
-<div class="constructors">
+<div class=constructors>
 
 :   <dfn constructor for=KeyframeEffect
      lt="KeyframeEffect(target, keyframes, options)">
@@ -4718,7 +4718,7 @@ interface KeyframeEffect : AnimationEffect {
 
 :   <dfn constructor for=KeyframeEffect lt="KeyframeEffect(source)">KeyframeEffect (source)</dfn>
 ::  Creates a new {{KeyframeEffect}} object with the same properties
-    as {{KeyframeEffect/KeyframeEffect(source)/source}}
+    as {{KeyframeEffect/constructor(source)/source}}
     using the following procedure:
 
     1.  Create a new {{KeyframeEffect}} object, <var>effect</var>.
@@ -4739,9 +4739,10 @@ interface KeyframeEffect : AnimationEffect {
              *    [=playback direction=], and
              *    [=timing function=].
 
-        Note: Unlike the {{KeyframeEffect(target, keyframes,
-        options)}} constructor, we do not need to re-throw exceptions since the
-        timing properties specified on |source| can be assumed to be valid.
+        Note: Unlike the
+        {{KeyframeEffect(target, keyframes, options)}} constructor,
+        we do not need to re-throw exceptions since the timing properties
+        specified on |source| can be assumed to be valid.
 
     <div class="parameters">
 
@@ -5829,9 +5830,9 @@ CSSPseudoElement includes Animatable;
 {{AnimationPlaybackEvent}} interface.
 
 <pre class='idl'>
-[Exposed=Window,
- Constructor(DOMString type, optional AnimationPlaybackEventInit eventInitDict = {})]
+[Exposed=Window]
 interface AnimationPlaybackEvent : Event {
+    constructor(DOMString type, optional AnimationPlaybackEventInit eventInitDict = {});
     readonly attribute double? currentTime;
     readonly attribute double? timelineTime;
 };