79472b77ca
This is part of ongoing work to make core platform-independent.
BREAKING CHANGE
All private exports from 'angular2/src/core/facade/{lang,collection,exception_handler}' should be replaced with 'angular2/src/facade/{lang,collection,exception_handler}'.
55 lines
1.7 KiB
TypeScript
55 lines
1.7 KiB
TypeScript
import {Injectable} from 'angular2/src/core/di';
|
|
import {Math} from 'angular2/src/facade/math';
|
|
import {DOM} from 'angular2/src/core/dom/dom_adapter';
|
|
|
|
@Injectable()
|
|
export class BrowserDetails {
|
|
elapsedTimeIncludesDelay = false;
|
|
|
|
constructor() { this.doesElapsedTimeIncludesDelay(); }
|
|
|
|
/**
|
|
* Determines if `event.elapsedTime` includes transition delay in the current browser. At this
|
|
* time, Chrome and Opera seem to be the only browsers that include this.
|
|
*/
|
|
doesElapsedTimeIncludesDelay(): void {
|
|
var div = DOM.createElement('div');
|
|
DOM.setAttribute(div, 'style', `position: absolute; top: -9999px; left: -9999px; width: 1px;
|
|
height: 1px; transition: all 1ms linear 1ms;`);
|
|
// Firefox requires that we wait for 2 frames for some reason
|
|
this.raf(timestamp => {
|
|
DOM.on(div, 'transitionend', (event: any) => {
|
|
var elapsed = Math.round(event.elapsedTime * 1000);
|
|
this.elapsedTimeIncludesDelay = elapsed == 2;
|
|
DOM.remove(div);
|
|
});
|
|
DOM.setStyle(div, 'width', '2px');
|
|
}, 2);
|
|
}
|
|
|
|
raf(callback: Function, frames: number = 1): Function {
|
|
var queue: RafQueue = new RafQueue(callback, frames);
|
|
return () => queue.cancel();
|
|
}
|
|
}
|
|
|
|
class RafQueue {
|
|
currentFrameId: number;
|
|
constructor(public callback: Function, public frames: number) { this._raf(); }
|
|
private _raf() {
|
|
this.currentFrameId = DOM.requestAnimationFrame(timestamp => this._nextFrame(timestamp));
|
|
}
|
|
private _nextFrame(timestamp: number) {
|
|
this.frames--;
|
|
if (this.frames > 0) {
|
|
this._raf();
|
|
} else {
|
|
this.callback(timestamp);
|
|
}
|
|
}
|
|
cancel() {
|
|
DOM.cancelAnimationFrame(this.currentFrameId);
|
|
this.currentFrameId = null;
|
|
}
|
|
}
|