From ce32a2cc8ad91b066009ea43caec9d1caadaa1f3 Mon Sep 17 00:00:00 2001
From: Nathan Shively-Sanders <293473+sandersn@users.noreply.github.com>
Date: Fri, 10 Mar 2023 16:30:27 -0800
Subject: [PATCH] Update web-animations-js for TS 5.1 (#64674)

Typescript 5.1's DOM types add some more of the types of
web-animations-js. This PR updates the types to make them agree and removes the duplicate type declarations.
---
 types/web-animations-js/index.d.ts | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/types/web-animations-js/index.d.ts b/types/web-animations-js/index.d.ts
index 1fab30af6ce257..8bd775f488b4f0 100644
--- a/types/web-animations-js/index.d.ts
+++ b/types/web-animations-js/index.d.ts
@@ -2,14 +2,15 @@
 // Project: https://github.com/web-animations/web-animations-js, https://github.com/web-animations
 // Definitions by: Kristian Moerch <https://github.com/kritollm>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// Minimum TypeScript Version: 5.1
 
 type AnimationEffectTimingFillMode = "none" | "forwards" | "backwards" | "both" | "auto";
 type AnimationEffectTimingPlaybackDirection = "normal" | "reverse" | "alternate" | "alternate-reverse";
 
 interface AnimationPlaybackEvent {
     target: Animation;
-    readonly currentTime: number | null;
-    readonly timelineTime: number |  null;
+    readonly currentTime: CSSNumberish | null;
+    readonly timelineTime: CSSNumberish | null;
     type: string;
     bubbles: boolean;
     cancelable: boolean;
@@ -20,8 +21,8 @@ interface AnimationPlaybackEvent {
 }
 
 interface AnimationPlaybackEventInit extends EventInit {
-    currentTime?: number | null | undefined;
-    timelineTime?: number | null | undefined;
+    currentTime?: CSSNumberish | null;
+    timelineTime?: CSSNumberish | null;
 }
 
 declare var AnimationPlaybackEvent: {
@@ -38,7 +39,7 @@ interface AnimationKeyFrame {
 }
 
 interface AnimationTimeline {
-    readonly currentTime: number | null;
+    readonly currentTime: CSSNumberish | null;
     getAnimations(): Animation[];
     play(effect: KeyframeEffect): Animation;
 }
@@ -70,13 +71,13 @@ interface ComputedTimingProperties {
 type AnimationEventListener = ((this: Animation, evt: AnimationPlaybackEvent) => any) | null;
 
 interface Animation extends EventTarget {
-    currentTime: number | null;
+    currentTime: CSSNumberish | null;
     id: string;
     oncancel: AnimationEventListener;
     onfinish: AnimationEventListener;
     readonly playState: AnimationPlayState;
     playbackRate: number;
-    startTime: number | null;
+    startTime: CSSNumberish | null;
     cancel(): void;
     finish(): void;
     pause(): void;