Mike Phares
127634f5ab
Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter Color Sorting
24 lines
829 B
JavaScript
24 lines
829 B
JavaScript
export function animationTo(element, keyframes, options) {
|
|
const animated = element.animate(keyframes, Object.assign(Object.assign({}, options), { fill: 'both' }));
|
|
animated.addEventListener('finish', () => {
|
|
// @ts-ignore
|
|
animated.commitStyles();
|
|
animated.cancel();
|
|
});
|
|
return animated;
|
|
}
|
|
const keyframeDefaults = {
|
|
easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)',
|
|
};
|
|
export const KEYFRAMES = {
|
|
fadeIn: [
|
|
Object.assign(Object.assign({ offset: 0 }, keyframeDefaults), { opacity: 0 }),
|
|
Object.assign(Object.assign({ offset: 1 }, keyframeDefaults), { opacity: 1 }),
|
|
],
|
|
fadeOut: [
|
|
Object.assign(Object.assign({ offset: 0 }, keyframeDefaults), { opacity: 1 }),
|
|
Object.assign(Object.assign({ offset: 1 }, keyframeDefaults), { opacity: 0 }),
|
|
],
|
|
};
|
|
//# sourceMappingURL=animation.js.map
|