b2f366b3b7
This patch removes the need to include the Web Animations API Polyfill (web-animations-js) as a dependency. Angular will now fallback to using CSS Keyframes in the event that `element.animate` is no longer supported by the browser. In the event that an application does use `AnimationBuilder` then the web-animations-js polyfill is required to enable programmatic, position-based access to an animation. Closes #17496 PR Close #22143
62 lines
2.0 KiB
TypeScript
62 lines
2.0 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google Inc. All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://angular.io/license
|
|
*/
|
|
import {AnimationPlayer, NoopAnimationPlayer} from '@angular/animations';
|
|
import {Injectable} from '@angular/core';
|
|
|
|
import {containsElement, invokeQuery, matchesElement, validateStyleProperty} from './shared';
|
|
|
|
/**
|
|
* @experimental
|
|
*/
|
|
@Injectable()
|
|
export class NoopAnimationDriver implements AnimationDriver {
|
|
validateStyleProperty(prop: string): boolean { return validateStyleProperty(prop); }
|
|
|
|
matchesElement(element: any, selector: string): boolean {
|
|
return matchesElement(element, selector);
|
|
}
|
|
|
|
containsElement(elm1: any, elm2: any): boolean { return containsElement(elm1, elm2); }
|
|
|
|
query(element: any, selector: string, multi: boolean): any[] {
|
|
return invokeQuery(element, selector, multi);
|
|
}
|
|
|
|
computeStyle(element: any, prop: string, defaultValue?: string): string {
|
|
return defaultValue || '';
|
|
}
|
|
|
|
animate(
|
|
element: any, keyframes: {[key: string]: string | number}[], duration: number, delay: number,
|
|
easing: string, previousPlayers: any[] = [],
|
|
scrubberAccessRequested?: boolean): AnimationPlayer {
|
|
return new NoopAnimationPlayer(duration, delay);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @experimental
|
|
*/
|
|
export abstract class AnimationDriver {
|
|
static NOOP: AnimationDriver = new NoopAnimationDriver();
|
|
|
|
abstract validateStyleProperty(prop: string): boolean;
|
|
|
|
abstract matchesElement(element: any, selector: string): boolean;
|
|
|
|
abstract containsElement(elm1: any, elm2: any): boolean;
|
|
|
|
abstract query(element: any, selector: string, multi: boolean): any[];
|
|
|
|
abstract computeStyle(element: any, prop: string, defaultValue?: string): string;
|
|
|
|
abstract animate(
|
|
element: any, keyframes: {[key: string]: string | number}[], duration: number, delay: number,
|
|
easing?: string|null, previousPlayers?: any[], scrubberAccessRequested?: boolean): any;
|
|
}
|