cleanupExistingElementAnimation(element);
element.style.display = 'block';
animateStyles(element, {
- opacity: ['0', '1']
+ opacity: ['0', '1'],
}, animTime, () => {
if (onComplete) onComplete();
});
export function fadeOut(element, animTime = 400, onComplete = null) {
cleanupExistingElementAnimation(element);
animateStyles(element, {
- opacity: ['1', '0']
+ opacity: ['1', '0'],
}, animTime, () => {
element.style.display = 'none';
if (onComplete) onComplete();
*/
function animateStyles(element, styles, animTime = 400, onComplete = null) {
const styleNames = Object.keys(styles);
- for (let style of styleNames) {
+ for (const style of styleNames) {
element.style[style] = styles[style][0];
}
const cleanup = () => {
- for (let style of styleNames) {
+ for (const style of styleNames) {
element.style[style] = null;
}
element.style.transition = null;
setTimeout(() => {
element.style.transition = `all ease-in-out ${animTime}ms`;
- for (let style of styleNames) {
+ for (const style of styleNames) {
element.style[style] = styles[style][1];
}
const oldCleanup = animateStylesCleanupMap.get(element);
oldCleanup();
}
-}
\ No newline at end of file
+}