waffle/frontend/src/animations.js

import { fade, fly } from "svelte/transition";
import { cubicInOut } from "svelte/easing";
import { getItem } from "./storage";

export function maybeModalFade(node) {
    return maybeFade(node, { duration: 160, easing: cubicInOut });
}

export function maybeModalFly(node) {
    return maybeFly(node, { duration: 210, easing: cubicInOut, y: 15 });
}

export function maybeFly(...e) {
    if (getItem("ui:doAnimations"))
        return fly(...e);
}

export function maybeFade(...e) {
    if (getItem("ui:doAnimations"))
        return fade(...e);
}