2022-06-08 10:36:39 +00:00
|
|
|
import { Observable } from '../../Observable';
|
|
|
|
import { performanceTimestampProvider } from '../../scheduler/performanceTimestampProvider';
|
|
|
|
import { animationFrameProvider } from '../../scheduler/animationFrameProvider';
|
|
|
|
export function animationFrames(timestampProvider) {
|
|
|
|
return timestampProvider ? animationFramesFactory(timestampProvider) : DEFAULT_ANIMATION_FRAMES;
|
|
|
|
}
|
|
|
|
function animationFramesFactory(timestampProvider) {
|
|
|
|
return new Observable((subscriber) => {
|
|
|
|
const provider = timestampProvider || performanceTimestampProvider;
|
|
|
|
const start = provider.now();
|
2022-09-30 13:48:25 +00:00
|
|
|
let id = 0;
|
|
|
|
const run = () => {
|
2022-06-08 10:36:39 +00:00
|
|
|
if (!subscriber.closed) {
|
2022-09-30 13:48:25 +00:00
|
|
|
id = animationFrameProvider.requestAnimationFrame((timestamp) => {
|
|
|
|
id = 0;
|
|
|
|
const now = provider.now();
|
|
|
|
subscriber.next({
|
|
|
|
timestamp: timestampProvider ? now : timestamp,
|
|
|
|
elapsed: now - start,
|
|
|
|
});
|
|
|
|
run();
|
|
|
|
});
|
|
|
|
}
|
|
|
|
};
|
|
|
|
run();
|
|
|
|
return () => {
|
|
|
|
if (id) {
|
|
|
|
animationFrameProvider.cancelAnimationFrame(id);
|
2022-06-08 10:36:39 +00:00
|
|
|
}
|
|
|
|
};
|
|
|
|
});
|
|
|
|
}
|
|
|
|
const DEFAULT_ANIMATION_FRAMES = animationFramesFactory();
|
|
|
|
//# sourceMappingURL=animationFrames.js.map
|