|
|
@ -444,15 +444,13 @@ function create_transition(dom, init, direction, effect) {
|
|
|
|
const css_fn = payload.css;
|
|
|
|
const css_fn = payload.css;
|
|
|
|
const easing_fn = payload.easing || linear;
|
|
|
|
const easing_fn = payload.easing || linear;
|
|
|
|
const keyframes = create_keyframes(easing_fn, css_fn, duration, direction, true);
|
|
|
|
const keyframes = create_keyframes(easing_fn, css_fn, duration, direction, true);
|
|
|
|
const current_animation = /** @type {Animation} */ (animation);
|
|
|
|
if (/** @type {Animation} */ (animation).effect != null) {
|
|
|
|
const effect = current_animation.effect;
|
|
|
|
|
|
|
|
if (effect != null) {
|
|
|
|
|
|
|
|
// If we have an existing animation, we need to pause it and create a new animation
|
|
|
|
// If we have an existing animation, we need to pause it and create a new animation
|
|
|
|
// with the new frames.
|
|
|
|
// with the new frames.
|
|
|
|
animation.pause();
|
|
|
|
animation.pause();
|
|
|
|
create_animation();
|
|
|
|
create_animation();
|
|
|
|
// @ts-ignore
|
|
|
|
// @ts-ignore
|
|
|
|
effect.setKeyframes(keyframes);
|
|
|
|
animation.effect.setKeyframes(keyframes);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/** @type {Animation | TickAnimation} */ (animation).reverse();
|
|
|
|
/** @type {Animation | TickAnimation} */ (animation).reverse();
|
|
|
|