@ngverse/motion/fesm2022/ngverse-motion-magiccss.mjs

<p align="center"> <img src="https://github.com/ngverse/motion/blob/main/apps/docs/public/logo.png?raw=true" alt="Logo" width="200px" /> </p> `@ngverse/motion` is an Angular animations library, see more info on [link](https://motion.ngverse.dev)

import { keyframes, style } from '@angular/animations';
import { createDefaults, createMotionFromAnimate, createOnEnter, createOnLeave, createOnIncr, createOnDecr } from '@ngverse/motion/core';

let MOTION_DEFAULTS = {
    duration: 1000,
    delay: 0,
    children: 'none',
    easing: 'ease-out',
};
function getMagiccssDefaults() {
    return MOTION_DEFAULTS;
}
function setMagiccssDefaults(options) {
    const defaults = { ...MOTION_DEFAULTS, ...options };
    MOTION_DEFAULTS = defaults;
}

/**
 * ref: https://github.com/motion-css/motion.css/blob/main/source/attention_seekers/twisterInDown.css
 */
const defaults = createDefaults();
const name = `twisterInDown`;
/**
 * twisterInDown animation
 */
const twisterInDown = createMotionFromAnimate(keyframes([
    style({
        opacity: 0,
        transformOrigin: '0 100%',
        transform: 'scale(0, 0) rotate(360deg) translateY(-100%)',
        offset: 0,
    }),
    style({
        transformOrigin: '0 100%',
        transform: 'scale(0, 0) rotate(360deg) translateY(-100%)',
        offset: 0.3,
    }),
    style({
        opacity: 1,
        transformOrigin: '100% 100%',
        transform: 'scale(1, 1) rotate(0deg) translateY(0%)',
        offset: 1,
    }),
]), defaults, getMagiccssDefaults());
/**
 * twisterInDown animation on :enter
 * @remarks triggerName: `twisterInDownOnEnter`
 */
const twisterInDownOnEnter = createOnEnter(twisterInDown, name, defaults, getMagiccssDefaults());
/**
 * twisterInDown animation on :leave
 * @remarks triggerName: `twisterInDownOnLeave`
 */
const twisterInDownOnLeave = createOnLeave(twisterInDown, name, defaults, getMagiccssDefaults());
/**
 * twisterInDown animation on :incr
 * @remarks triggerName: `twisterInDownOnIncr`
 */
const twisterInDownOnIncr = createOnIncr(twisterInDown, name, defaults, getMagiccssDefaults());
/**
 * twisterInDown animation on :decr
 * @remarks triggerName: `twisterInDownOnDecr`
 */
const twisterInDownOnDecr = createOnDecr(twisterInDown, name, defaults, getMagiccssDefaults());

/**
 * Generated bundle index. Do not edit.
 */

export { twisterInDown, twisterInDownOnDecr, twisterInDownOnEnter, twisterInDownOnIncr, twisterInDownOnLeave };
//# sourceMappingURL=ngverse-motion-magiccss.mjs.map