74 lines
2.2 KiB
TypeScript
74 lines
2.2 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 {AnimationStyles} from '@angular/core';
|
||
|
|
import {AnimateTimings} from './../dsl/animation_metadata';
|
||
|
|
import {StyleData} from './style_data';
|
||
|
|
|
||
|
|
export const ONE_SECOND = 1000;
|
||
|
|
|
||
|
|
export function parseTimeExpression(exp: string | number, errors: string[]): AnimateTimings {
|
||
|
|
const regex = /^([\.\d]+)(m?s)(?:\s+([\.\d]+)(m?s))?(?:\s+([-a-z]+(?:\(.+?\))?))?$/i;
|
||
|
|
let duration: number;
|
||
|
|
let delay: number = 0;
|
||
|
|
let easing: string = null;
|
||
|
|
if (typeof exp === 'string') {
|
||
|
|
const matches = exp.match(regex);
|
||
|
|
if (matches === null) {
|
||
|
|
errors.push(`The provided timing value "${exp}" is invalid.`);
|
||
|
|
return {duration: 0, delay: 0, easing: null};
|
||
|
|
}
|
||
|
|
|
||
|
|
let durationMatch = parseFloat(matches[1]);
|
||
|
|
const durationUnit = matches[2];
|
||
|
|
if (durationUnit == 's') {
|
||
|
|
durationMatch *= ONE_SECOND;
|
||
|
|
}
|
||
|
|
duration = Math.floor(durationMatch);
|
||
|
|
|
||
|
|
const delayMatch = matches[3];
|
||
|
|
const delayUnit = matches[4];
|
||
|
|
if (delayMatch != null) {
|
||
|
|
let delayVal: number = parseFloat(delayMatch);
|
||
|
|
if (delayUnit != null && delayUnit == 's') {
|
||
|
|
delayVal *= ONE_SECOND;
|
||
|
|
}
|
||
|
|
delay = Math.floor(delayVal);
|
||
|
|
}
|
||
|
|
|
||
|
|
const easingVal = matches[5];
|
||
|
|
if (easingVal) {
|
||
|
|
easing = easingVal;
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
duration = <number>exp;
|
||
|
|
}
|
||
|
|
|
||
|
|
return {duration, delay, easing};
|
||
|
|
}
|
||
|
|
|
||
|
|
export function normalizeStyles(styles: AnimationStyles): StyleData {
|
||
|
|
const normalizedStyles: StyleData = {};
|
||
|
|
styles.styles.forEach((styleMap: any) => copyStyles(styleMap, false, normalizedStyles));
|
||
|
|
return normalizedStyles;
|
||
|
|
}
|
||
|
|
|
||
|
|
export function copyStyles(
|
||
|
|
styles: StyleData, readPrototype: boolean, destination: StyleData = {}): StyleData {
|
||
|
|
if (readPrototype) {
|
||
|
|
// we make use of a for-in loop so that the
|
||
|
|
// prototypically inherited properties are
|
||
|
|
// revealed from the backFill map
|
||
|
|
for (let prop in styles) {
|
||
|
|
destination[prop] = styles[prop];
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
Object.keys(styles).forEach(prop => destination[prop] = styles[prop]);
|
||
|
|
}
|
||
|
|
return destination;
|
||
|
|
}
|