refactor(animations): use existing helper methods. (#52441)

JeanMeche · atscott · commit 635c3b4fa8a3 · 2023-12-14T12:33:24.000-08:00
Saving a few bytes. PR Close #52441
diff --git a/packages/animations/browser/src/render/web_animations/web_animations_driver.ts b/packages/animations/browser/src/render/web_animations/web_animations_driver.ts
@@ -7,7 +7,7 @@
  */
 import {AnimationPlayer, ɵStyleDataMap} from '@angular/animations';
 
-import {allowPreviousPlayerStylesMerge, balancePreviousStylesIntoKeyframes, camelCaseToDashCase, copyStyles, normalizeKeyframes} from '../../util';
+import {allowPreviousPlayerStylesMerge, balancePreviousStylesIntoKeyframes, camelCaseToDashCase, computeStyle, copyStyles, normalizeKeyframes} from '../../util';
 import {AnimationDriver} from '../animation_driver';
 import {containsElement, getParentElement, invokeQuery, validateStyleProperty, validateWebAnimatableStyleProperty} from '../shared';
 import {packageNonAnimatableStyles} from '../special_cased_styles';
@@ -50,7 +50,7 @@ export class WebAnimationsDriver implements AnimationDriver {
   }
 
   computeStyle(element: any, prop: string, defaultValue?: string): string {
-    return (window.getComputedStyle(element) as any)[prop] as string;
+    return computeStyle(element, prop);
   }
 
   animate(

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@`
`7`	`7`	`*/`
`8`	`8`	`import {AnimationPlayer, ɵStyleDataMap} from '@angular/animations';`
`9`	`9`
`10`		`-import {allowPreviousPlayerStylesMerge, balancePreviousStylesIntoKeyframes, camelCaseToDashCase, copyStyles, normalizeKeyframes} from '../../util';`
	`10`	`+import {allowPreviousPlayerStylesMerge, balancePreviousStylesIntoKeyframes, camelCaseToDashCase, computeStyle, copyStyles, normalizeKeyframes} from '../../util';`
`11`	`11`	`import {AnimationDriver} from '../animation_driver';`
`12`	`12`	`import {containsElement, getParentElement, invokeQuery, validateStyleProperty, validateWebAnimatableStyleProperty} from '../shared';`
`13`	`13`	`import {packageNonAnimatableStyles} from '../special_cased_styles';`
`@@ -50,7 +50,7 @@ export class WebAnimationsDriver implements AnimationDriver {`
`50`	`50`	`}`
`51`	`51`
`52`	`52`	`computeStyle(element: any, prop: string, defaultValue?: string): string {`
`53`		`- return (window.getComputedStyle(element) as any)[prop] as string;`
	`53`	`+ return computeStyle(element, prop);`
`54`	`54`	`}`
`55`	`55`
`56`	`56`	`animate(`