@omicrxn/mercury/dist/mercury/animate-presence.js

Mercury is a Svelte animation library using AnimeJS under the hood. It simplifies complex animations with Svelte actions, provides layout and exit animations, and integrates seamlessly with Svelte features.

import { animate } from 'motion';
export const presence = (element, params, options) => {
    if (options.direction !== 'out') {
        throw new Error('presence must be used as out transition');
    }
    const { transition, popLayout, ...rest } = params;
    animate(element, rest, transition);
    let setMode = false;
    return {
        duration: (params.transition?.duration ?? 0.3) * 1000,
        delay: (params.transition?.delay ?? 0) * 1000,
        tick: (t) => {
            if (t < 1 && !setMode) {
                if (popLayout) {
                    if (element.parentElement) {
                        element.parentElement.style.position = 'relative';
                        element.style.position = 'absolute';
                    }
                }
                setMode = true;
            }
        }
    };
};