@ngverse/motion/fesm2022/ngverse-motion-animatecss.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, AUTO_STYLE } from '@angular/animations';
import { createDefaults, createMotionFromAnimate, setDefaults, createOnEnter, createOnLeave, createOnIncr, createOnDecr } from '@ngverse/motion/core';

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

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/bounce.css
 */
const defaults$1w = createDefaults();
const name$1w = `bounce`;
/**
 * bounce animation
 */
const bounce = createMotionFromAnimate(keyframes([
    style({
        transform: 'translate3d(0, 0, 0)',
        'transform-origin': 'center bottom',
        easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
        offset: 0,
    }),
    style({
        transform: 'translate3d(0, -30px, 0) scaleY(1.1)',
        'transform-origin': 'center bottom',
        easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
        offset: 0.4,
    }),
    style({
        transform: 'translate3d(0, -30px, 0) scaleY(1.1)',
        'transform-origin': 'center bottom',
        offset: 0.43,
    }),
    style({
        transform: 'translate3d(0, -15px, 0) scaleY(1.05)',
        'transform-origin': 'center bottom',
        easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
        offset: 0.7,
    }),
    style({
        transform: 'translate3d(0, 0, 0) scaleY(0.95)',
        'transform-origin': 'center bottom',
        easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
        offset: 0.8,
    }),
    style({
        transform: 'translate3d(0, -4px, 0) scaleY(1.02)',
        'transform-origin': 'center bottom',
        offset: 0.9,
    }),
    style({
        transform: 'translate3d(0, 0, 0)',
        'transform-origin': 'center bottom',
        offset: 1,
    }),
]), defaults$1w, getAnimatecssDefaults());
/**
 * sets default values for the `bounce` animation
 */
const setBounceDefaults = setDefaults(defaults$1w);
/**
 * bounce animation on :enter
 * @remarks triggerName: `bounceOnEnter`
 */
const bounceOnEnter = createOnEnter(bounce, name$1w, defaults$1w, getAnimatecssDefaults());
/**
 * bounce animation on :leave
 * @remarks triggerName: `bounceOnLeave`
 */
const bounceOnLeave = createOnLeave(bounce, name$1w, defaults$1w, getAnimatecssDefaults());
/**
 * bounce animation on :incr
 * @remarks triggerName: `bounceOnIncr`
 */
const bounceOnIncr = createOnIncr(bounce, name$1w, defaults$1w, getAnimatecssDefaults());
/**
 * bounce animation on :decr
 * @remarks triggerName: `bounceOnDecr`
 */
const bounceOnDecr = createOnDecr(bounce, name$1w, defaults$1w, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/flash.css
 */
const defaults$1v = createDefaults();
const name$1v = `flash`;
/**
 * flash animation
 */
const flash = createMotionFromAnimate(keyframes([
    style({ opacity: 1, offset: 0 }),
    style({ opacity: 0, offset: 0.25 }),
    style({ opacity: 1, offset: 0.5 }),
    style({ opacity: 0, offset: 0.75 }),
    style({ opacity: 1, offset: 1 }),
]), defaults$1v, getAnimatecssDefaults());
/**
 * sets default values for the `flash` animation
 */
const setFlashDefaults = setDefaults(defaults$1v);
/**
 * flash animation on :enter
 * @remarks triggerName: `flashOnEnter`
 */
const flashOnEnter = createOnEnter(flash, name$1v, defaults$1v, getAnimatecssDefaults());
/**
 * flash animation on :leave
 * @remarks triggerName: `flashOnLeave`
 */
const flashOnLeave = createOnLeave(flash, name$1v, defaults$1v, getAnimatecssDefaults());
/**
 * flash animation on :incr
 * @remarks triggerName: `flashOnIncr`
 */
const flashOnIncr = createOnIncr(flash, name$1v, defaults$1v, getAnimatecssDefaults());
/**
 * flash animation on :decr
 * @remarks triggerName: `flashOnDecr`
 */
const flashOnDecr = createOnDecr(flash, name$1v, defaults$1v, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/headShake.css
 */
const defaults$1u = createDefaults();
const name$1u = `headShake`;
/**
 * headShake animation
 */
const headShake = createMotionFromAnimate(keyframes([
    style({
        visibility: AUTO_STYLE,
        transform: 'translateX(0)',
        easing: 'ease-in-out',
        offset: 0,
    }),
    style({
        transform: 'translateX(-6px) rotateY(-9deg)',
        easing: 'ease-in-out',
        offset: 0.065,
    }),
    style({
        transform: 'translateX(5px) rotateY(7deg)',
        easing: 'ease-in-out',
        offset: 0.185,
    }),
    style({
        transform: 'translateX(-3px) rotateY(-5deg)',
        easing: 'ease-in-out',
        offset: 0.315,
    }),
    style({
        transform: 'translateX(2px) rotateY(3deg)',
        easing: 'ease-in-out',
        offset: 0.435,
    }),
    style({ transform: 'translateX(0)', easing: 'ease-in-out', offset: 0.5 }),
]), defaults$1u, getAnimatecssDefaults());
/**
 * sets default values for the `headShake` animation
 */
const setHeadShakeDefaults = setDefaults(defaults$1u);
/**
 * headShake animation on :enter
 * @remarks triggerName: `headShakeOnEnter`
 */
const headShakeOnEnter = createOnEnter(headShake, name$1u, defaults$1u, getAnimatecssDefaults());
/**
 * headShake animation on :leave
 * @remarks triggerName: `headShakeOnLeave`
 */
const headShakeOnLeave = createOnLeave(headShake, name$1u, defaults$1u, getAnimatecssDefaults());
/**
 * headShake animation on :incr
 * @remarks triggerName: `headShakeOnIncr`
 */
const headShakeOnIncr = createOnIncr(headShake, name$1u, defaults$1u, getAnimatecssDefaults());
/**
 * headShake animation on :decr
 * @remarks triggerName: `headShakeOnDecr`
 */
const headShakeOnDecr = createOnDecr(headShake, name$1u, defaults$1u, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/heartBeat.css
 */
const defaults$1t = createDefaults();
const name$1t = `heartBeat`;
/**
 * heartBeat animation
 */
const heartBeat = createMotionFromAnimate(keyframes([
    style({
        visibility: AUTO_STYLE,
        transform: 'scale(1)',
        easing: 'ease-in-out',
        offset: 0,
    }),
    style({
        transform: 'scale(1.3)',
        easing: 'ease-in-out',
        offset: 0.14,
    }),
    style({ transform: 'scale(1)', easing: 'ease-in-out', offset: 0.28 }),
    style({
        transform: 'scale(1.3)',
        easing: 'ease-in-out',
        offset: 0.42,
    }),
    style({ transform: 'scale(1)', easing: 'ease-in-out', offset: 0.7 }),
]), defaults$1t, getAnimatecssDefaults());
/**
 * sets default values for the `heartBeat` animation
 */
const setHeartBeatDefaults = setDefaults(defaults$1t);
/**
 * heartBeat animation on :enter
 * @remarks triggerName: `heartBeatOnEnter`
 */
const heartBeatOnEnter = createOnEnter(heartBeat, name$1t, defaults$1t, getAnimatecssDefaults());
/**
 * heartBeat animation on :leave
 * @remarks triggerName: `heartBeatOnLeave`
 */
const heartBeatOnLeave = createOnLeave(heartBeat, name$1t, defaults$1t, getAnimatecssDefaults());
/**
 * heartBeat animation on :incr
 * @remarks triggerName: `heartBeatOnIncr`
 */
const heartBeatOnIncr = createOnIncr(heartBeat, name$1t, defaults$1t, getAnimatecssDefaults());
/**
 * heartBeat animation on :decr
 * @remarks triggerName: `heartBeatOnDecr`
 */
const heartBeatOnDecr = createOnDecr(heartBeat, name$1t, defaults$1t, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/jello.css
 */
const defaults$1s = createDefaults();
const name$1s = `jello`;
/**
 * jello animation
 */
const jello = createMotionFromAnimate(keyframes([
    style({
        visibility: AUTO_STYLE,
        transform: 'translate3d(0, 0, 0)',
        easing: 'ease',
        offset: 0,
    }),
    style({ transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 0.111 }),
    style({
        transform: 'skewX(-12.5deg) skewY(-12.5deg)',
        easing: 'ease',
        offset: 0.222,
    }),
    style({
        transform: 'skewX(6.25deg) skewY(6.25deg)',
        easing: 'ease',
        offset: 0.333,
    }),
    style({
        transform: 'skewX(-3.125deg) skewY(-3.125deg)',
        easing: 'ease',
        offset: 0.444,
    }),
    style({
        transform: 'skewX(1.5625deg) skewY(1.5625deg)',
        easing: 'ease',
        offset: 0.555,
    }),
    style({
        transform: 'skewX(-0.78125deg) skewY(-0.78125deg)',
        easing: 'ease',
        offset: 0.666,
    }),
    style({
        transform: 'skewX(0.390625deg) skewY(0.390625deg)',
        easing: 'ease',
        offset: 0.777,
    }),
    style({
        transform: 'skewX(-0.1953125deg) skewY(-0.1953125deg)',
        easing: 'ease',
        offset: 0.888,
    }),
    style({ transform: 'skewX(0deg) skewY(0deg)', easing: 'ease', offset: 1 }),
]), defaults$1s, getAnimatecssDefaults());
/**
 * sets default values for the `jello` animation
 */
const setJelloDefaults = setDefaults(defaults$1s);
/**
 * jello animation on :enter
 * @remarks triggerName: `jelloOnEnter`
 */
const jelloOnEnter = createOnEnter(jello, name$1s, defaults$1s, getAnimatecssDefaults());
/**
 * jello animation on :leave
 * @remarks triggerName: `jelloOnLeave`
 */
const jelloOnLeave = createOnLeave(jello, name$1s, defaults$1s, getAnimatecssDefaults());
/**
 * jello animation on :incr
 * @remarks triggerName: `jelloOnIncr`
 */
const jelloOnIncr = createOnIncr(jello, name$1s, defaults$1s, getAnimatecssDefaults());
/**
 * jello animation on :decr
 * @remarks triggerName: `jelloOnDecr`
 */
const jelloOnDecr = createOnDecr(jello, name$1s, defaults$1s, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/pulse.css
 */
const defaults$1r = createDefaults();
const name$1r = `pulse`;
/**
 * pulse animation
 */
const pulse = createMotionFromAnimate(keyframes([
    style({ transform: 'scale3d(1, 1, 1)', offset: 0 }),
    style({ transform: 'scale3d(1.05, 1.05, 1.05)', offset: 0.5 }),
    style({ transform: 'scale3d(1, 1, 1)', offset: 1 }),
]), defaults$1r, getAnimatecssDefaults());
/**
 * sets default values for the `pulse` animation
 */
const setPulseDefaults = setDefaults(defaults$1r);
/**
 * pulse animation on :enter
 * @remarks triggerName: `pulseOnEnter`
 */
const pulseOnEnter = createOnEnter(pulse, name$1r, defaults$1r, getAnimatecssDefaults());
/**
 * pulse animation on :leave
 * @remarks triggerName: `pulseOnLeave`
 */
const pulseOnLeave = createOnLeave(pulse, name$1r, defaults$1r, getAnimatecssDefaults());
/**
 * pulse animation on :incr
 * @remarks triggerName: `pulseOnIncr`
 */
const pulseOnIncr = createOnIncr(pulse, name$1r, defaults$1r, getAnimatecssDefaults());
/**
 * pulse animation on :decr
 * @remarks triggerName: `pulseOnDecr`
 */
const pulseOnDecr = createOnDecr(pulse, name$1r, defaults$1r, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/rubberBand.css
 */
const defaults$1q = createDefaults();
const name$1q = `rubberBand`;
/**
 * rubberBand animation
 */
const rubberBand = createMotionFromAnimate(keyframes([
    style({
        visibility: AUTO_STYLE,
        transform: 'scale3d(1, 1, 1)',
        easing: 'ease',
        offset: 0,
    }),
    style({ transform: 'scale3d(1.25, 0.75, 1)', easing: 'ease', offset: 0.3 }),
    style({ transform: 'scale3d(0.75, 1.25, 1)', easing: 'ease', offset: 0.4 }),
    style({ transform: 'scale3d(1.15, 0.85, 1)', easing: 'ease', offset: 0.5 }),
    style({
        transform: 'scale3d(0.95, 1.05, 1)',
        easing: 'ease',
        offset: 0.65,
    }),
    style({
        transform: 'scale3d(1.05, 0.95, 1)',
        easing: 'ease',
        offset: 0.75,
    }),
    style({ transform: 'scale3d(1, 1, 1)', easing: 'ease', offset: 1 }),
]), defaults$1q, getAnimatecssDefaults());
/**
 * sets default values for the `rubberBand` animation
 */
const setRubberBandDefaults = setDefaults(defaults$1q);
/**
 * rubberBand animation on :enter
 * @remarks triggerName: `rubberBandOnEnter`
 */
const rubberBandOnEnter = createOnEnter(rubberBand, name$1q, defaults$1q, getAnimatecssDefaults());
/**
 * rubberBand animation on :leave
 * @remarks triggerName: `rubberBandOnLeave`
 */
const rubberBandOnLeave = createOnLeave(rubberBand, name$1q, defaults$1q, getAnimatecssDefaults());
/**
 * rubberBand animation on :incr
 * @remarks triggerName: `rubberBandOnIncr`
 */
const rubberBandOnIncr = createOnIncr(rubberBand, name$1q, defaults$1q, getAnimatecssDefaults());
/**
 * rubberBand animation on :decr
 * @remarks triggerName: `rubberBandOnDecr`
 */
const rubberBandOnDecr = createOnDecr(rubberBand, name$1q, defaults$1q, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/shakeX.css
 */
const defaults$1p = createDefaults();
const name$1p = `shakeX`;
/**
 * shakeX animation
 */
const shakeX = createMotionFromAnimate(keyframes([
    style({
        visibility: AUTO_STYLE,
        transform: 'translate3d(0, 0, 0)',
        easing: 'ease',
        offset: 0,
    }),
    style({
        transform: 'translate3d(-10px, 0, 0)',
        easing: 'ease',
        offset: 0.1,
    }),
    style({
        transform: 'translate3d(10px, 0, 0)',
        easing: 'ease',
        offset: 0.2,
    }),
    style({
        transform: 'translate3d(-10px, 0, 0)',
        easing: 'ease',
        offset: 0.3,
    }),
    style({
        transform: 'translate3d(10px, 0, 0)',
        easing: 'ease',
        offset: 0.4,
    }),
    style({
        transform: 'translate3d(-10px, 0, 0)',
        easing: 'ease',
        offset: 0.5,
    }),
    style({
        transform: 'translate3d(10px, 0, 0)',
        easing: 'ease',
        offset: 0.6,
    }),
    style({
        transform: 'translate3d(-10px, 0, 0)',
        easing: 'ease',
        offset: 0.7,
    }),
    style({
        transform: 'translate3d(10px, 0, 0)',
        easing: 'ease',
        offset: 0.8,
    }),
    style({
        transform: 'translate3d(-10px, 0, 0)',
        easing: 'ease',
        offset: 0.9,
    }),
    style({ transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 1 }),
]), defaults$1p, getAnimatecssDefaults());
/**
 * sets default values for the `shakeX` animation
 */
const setShakeXDefaults = setDefaults(defaults$1p);
/**
 * shakeX animation on :enter
 * @remarks triggerName: `shakeXOnEnter`
 */
const shakeXOnEnter = createOnEnter(shakeX, name$1p, defaults$1p, getAnimatecssDefaults());
/**
 * shakeX animation on :leave
 * @remarks triggerName: `shakeXOnLeave`
 */
const shakeXOnLeave = createOnLeave(shakeX, name$1p, defaults$1p, getAnimatecssDefaults());
/**
 * shakeX animation on :incr
 * @remarks triggerName: `shakeXOnIncr`
 */
const shakeXOnIncr = createOnIncr(shakeX, name$1p, defaults$1p, getAnimatecssDefaults());
/**
 * shakeX animation on :decr
 * @remarks triggerName: `shakeXOnDecr`
 */
const shakeXOnDecr = createOnDecr(shakeX, name$1p, defaults$1p, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/shakeY.css
 */
const defaults$1o = createDefaults();
const name$1o = `shakeY`;
/**
 * shakeY animation
 */
const shakeY = createMotionFromAnimate(keyframes([
    style({
        visibility: AUTO_STYLE,
        transform: 'translate3d(0, 0, 0)',
        easing: 'ease',
        offset: 0,
    }),
    style({
        transform: 'translate3d(0, -10px, 0)',
        easing: 'ease',
        offset: 0.1,
    }),
    style({
        transform: 'translate3d(0, 10px, 0)',
        easing: 'ease',
        offset: 0.2,
    }),
    style({
        transform: 'translate3d(0, -10px, 0)',
        easing: 'ease',
        offset: 0.3,
    }),
    style({
        transform: 'translate3d(0, 10px, 0)',
        easing: 'ease',
        offset: 0.4,
    }),
    style({
        transform: 'translate3d(0, -10px, 0)',
        easing: 'ease',
        offset: 0.5,
    }),
    style({
        transform: 'translate3d(0, 10px, 0)',
        easing: 'ease',
        offset: 0.6,
    }),
    style({
        transform: 'translate3d(0, -10px, 0)',
        easing: 'ease',
        offset: 0.7,
    }),
    style({
        transform: 'translate3d(0, 10px, 0)',
        easing: 'ease',
        offset: 0.8,
    }),
    style({
        transform: 'translate3d(0, -10px, 0)',
        easing: 'ease',
        offset: 0.9,
    }),
    style({ transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 1 }),
]), defaults$1o, getAnimatecssDefaults());
/**
 * sets default values for the `shakeY` animation
 */
const setShakeYDefaults = setDefaults(defaults$1o);
/**
 * shakeY animation on :enter
 * @remarks triggerName: `shakeYOnEnter`
 */
const shakeYOnEnter = createOnEnter(shakeY, name$1o, defaults$1o, getAnimatecssDefaults());
/**
 * shakeY animation on :leave
 * @remarks triggerName: `shakeYOnLeave`
 */
const shakeYOnLeave = createOnLeave(shakeY, name$1o, defaults$1o, getAnimatecssDefaults());
/**
 * shakeY animation on :incr
 * @remarks triggerName: `shakeYOnIncr`
 */
const shakeYOnIncr = createOnIncr(shakeY, name$1o, defaults$1o, getAnimatecssDefaults());
/**
 * shakeY animation on :decr
 * @remarks triggerName: `shakeYOnDecr`
 */
const shakeYOnDecr = createOnDecr(shakeY, name$1o, defaults$1o, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/swing.css
 */
const defaults$1n = createDefaults();
const name$1n = `swing`;
/**
 * swing animation
 */
const swing = createMotionFromAnimate(keyframes([
    style({ 'transform-origin': 'top center', offset: 0 }),
    style({
        visibility: AUTO_STYLE,
        transform: 'rotate3d(0, 0, 1, 0deg)',
        easing: 'ease',
        offset: 0,
    }),
    style({
        transform: 'rotate3d(0, 0, 1, 15deg)',
        easing: 'ease',
        offset: 0.2,
    }),
    style({
        transform: 'rotate3d(0, 0, 1, -10deg)',
        easing: 'ease',
        offset: 0.4,
    }),
    style({
        transform: 'rotate3d(0, 0, 1, 5deg)',
        easing: 'ease',
        offset: 0.6,
    }),
    style({
        transform: 'rotate3d(0, 0, 1, -5deg)',
        easing: 'ease',
        offset: 0.8,
    }),
    style({ transform: 'rotate3d(0, 0, 1, 0deg)', easing: 'ease', offset: 1 }),
]), defaults$1n, getAnimatecssDefaults());
/**
 * sets default values for the `swing` animation
 */
const setSwingDefaults = setDefaults(defaults$1n);
/**
 * swing animation on :enter
 * @remarks triggerName: `swingOnEnter`
 */
const swingOnEnter = createOnEnter(swing, name$1n, defaults$1n, getAnimatecssDefaults());
/**
 * swing animation on :leave
 * @remarks triggerName: `swingOnLeave`
 */
const swingOnLeave = createOnLeave(swing, name$1n, defaults$1n, getAnimatecssDefaults());
/**
 * swing animation on :incr
 * @remarks triggerName: `swingOnIncr`
 */
const swingOnIncr = createOnIncr(swing, name$1n, defaults$1n, getAnimatecssDefaults());
/**
 * swing animation on :decr
 * @remarks triggerName: `swingOnDecr`
 */
const swingOnDecr = createOnDecr(swing, name$1n, defaults$1n, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/tada.css
 */
const defaults$1m = createDefaults();
const name$1m = `tada`;
/**
 * tada animation
 */
const tada = createMotionFromAnimate(keyframes([
    style({
        visibility: AUTO_STYLE,
        transform: 'scale3d(1, 1, 1)',
        easing: 'ease',
        offset: 0,
    }),
    style({
        transform: 'scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)',
        easing: 'ease',
        offset: 0.1,
    }),
    style({
        transform: 'scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)',
        easing: 'ease',
        offset: 0.2,
    }),
    style({
        transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)',
        easing: 'ease',
        offset: 0.3,
    }),
    style({
        transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)',
        easing: 'ease',
        offset: 0.4,
    }),
    style({
        transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)',
        easing: 'ease',
        offset: 0.5,
    }),
    style({
        transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)',
        easing: 'ease',
        offset: 0.6,
    }),
    style({
        transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)',
        easing: 'ease',
        offset: 0.7,
    }),
    style({
        transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)',
        easing: 'ease',
        offset: 0.8,
    }),
    style({
        transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)',
        easing: 'ease',
        offset: 0.9,
    }),
    style({ transform: 'scale3d(1, 1, 1)', easing: 'ease', offset: 1 }),
]), defaults$1m, getAnimatecssDefaults());
/**
 * sets default values for the `tada` animation
 */
const setTadaDefaults = setDefaults(defaults$1m);
/**
 * tada animation on :enter
 * @remarks triggerName: `tadaOnEnter`
 */
const tadaOnEnter = createOnEnter(tada, name$1m, defaults$1m, getAnimatecssDefaults());
/**
 * tada animation on :leave
 * @remarks triggerName: `tadaOnLeave`
 */
const tadaOnLeave = createOnLeave(tada, name$1m, defaults$1m, getAnimatecssDefaults());
/**
 * tada animation on :incr
 * @remarks triggerName: `tadaOnIncr`
 */
const tadaOnIncr = createOnIncr(tada, name$1m, defaults$1m, getAnimatecssDefaults());
/**
 * tada animation on :decr
 * @remarks triggerName: `tadaOnDecr`
 */
const tadaOnDecr = createOnDecr(tada, name$1m, defaults$1m, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/wobble.css
 */
const defaults$1l = createDefaults();
const name$1l = `wobble`;
/**
 * wobble animation
 */
const wobble = createMotionFromAnimate(keyframes([
    style({
        visibility: AUTO_STYLE,
        transform: 'translate3d(0, 0, 0)',
        easing: 'ease',
        offset: 0,
    }),
    style({
        transform: 'translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)',
        easing: 'ease',
        offset: 0.15,
    }),
    style({
        transform: 'translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)',
        easing: 'ease',
        offset: 0.3,
    }),
    style({
        transform: 'translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)',
        easing: 'ease',
        offset: 0.45,
    }),
    style({
        transform: 'translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)',
        easing: 'ease',
        offset: 0.6,
    }),
    style({
        transform: 'translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)',
        easing: 'ease',
        offset: 0.75,
    }),
    style({ transform: 'translate3d(0, 0, 0)', easing: 'ease', offset: 1 }),
]), defaults$1l, getAnimatecssDefaults());
/**
 * sets default values for the `wobble` animation
 */
const setWobbleDefaults = setDefaults(defaults$1l);
/**
 * wobble animation on :enter
 * @remarks triggerName: `wobbleOnEnter`
 */
const wobbleOnEnter = createOnEnter(wobble, name$1l, defaults$1l, getAnimatecssDefaults());
/**
 * wobble animation on :leave
 * @remarks triggerName: `wobbleOnLeave`
 */
const wobbleOnLeave = createOnLeave(wobble, name$1l, defaults$1l, getAnimatecssDefaults());
/**
 * wobble animation on :incr
 * @remarks triggerName: `wobbleOnIncr`
 */
const wobbleOnIncr = createOnIncr(wobble, name$1l, defaults$1l, getAnimatecssDefaults());
/**
 * wobble animation on :decr
 * @remarks triggerName: `wobbleOnDecr`
 */
const wobbleOnDecr = createOnDecr(wobble, name$1l, defaults$1l, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/back_entrances/backInDown.css
 */
const defaults$1k = createDefaults();
const name$1k = `backInDown`;
/**
 * backInDown animation
 */
const backInDown = createMotionFromAnimate(keyframes([
    style({
        transform: 'translateY(-1200px) scale(0.7)',
        opacity: 0.7,
        offset: 0,
    }),
    style({
        transform: 'translateY(0px) scale(0.7)',
        opacity: 0.7,
        offset: 0.8,
    }),
    style({ transform: 'scale(1)', opacity: 1, offset: 1 }),
]), defaults$1k, getAnimatecssDefaults());
/**
 * sets default values for the `backInDown` animation
 */
const setBackInDownDefaults = setDefaults(defaults$1k);
/**
 * backInDown animation on :enter
 * @remarks triggerName: `backInDownOnEnter`
 */
const backInDownOnEnter = createOnEnter(backInDown, name$1k, defaults$1k, getAnimatecssDefaults());
/**
 * backInDown animation on :incr
 * @remarks triggerName: `backInDownOnIncr`
 */
const backInDownOnIncr = createOnIncr(backInDown, name$1k, defaults$1k, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/back_entrances/backInLeft.css
 */
const defaults$1j = createDefaults();
const name$1j = `backInLeft`;
/**
 * backInLeft animation
 */
const backInLeft = createMotionFromAnimate(keyframes([
    style({
        transform: 'translateX(-2000px) scale(0.7)',
        opacity: 0.7,
        offset: 0,
    }),
    style({
        transform: 'translateX(0px) scale(0.7)',
        opacity: 0.7,
        offset: 0.8,
    }),
    style({ transform: 'scale(1)', opacity: 1, offset: 1 }),
]), defaults$1j, getAnimatecssDefaults());
/**
 * sets default values for the `backInLeft` animation
 */
const setBackInLeftDefaults = setDefaults(defaults$1j);
/**
 * backInLeft animation on :enter
 * @remarks triggerName: `backInLeftOnEnter`
 */
const backInLeftOnEnter = createOnEnter(backInLeft, name$1j, defaults$1j, getAnimatecssDefaults());
/**
 * backInLeft animation on :incr
 * @remarks triggerName: `backInLeftOnIncr`
 */
const backInLeftOnIncr = createOnIncr(backInLeft, name$1j, defaults$1j, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/back_entrances/backInRight.css
 */
const defaults$1i = createDefaults();
const name$1i = `backInRight`;
/**
 * backInRight animation
 */
const backInRight = createMotionFromAnimate(keyframes([
    style({
        transform: 'translateX(2000px) scale(0.7)',
        opacity: 0.7,
        offset: 0,
    }),
    style({
        transform: 'translateX(0px) scale(0.7)',
        opacity: 0.7,
        offset: 0.8,
    }),
    style({ transform: 'scale(1)', opacity: 1, offset: 1 }),
]), defaults$1i, getAnimatecssDefaults());
/**
 * sets default values for the `backInRight` animation
 */
const setBackInRightDefaults = setDefaults(defaults$1i);
/**
 * backInRight animation on :enter
 * @remarks triggerName: `backInRightOnEnter`
 */
const backInRightOnEnter = createOnEnter(backInRight, name$1i, defaults$1i, getAnimatecssDefaults());
/**
 * backInRight animation on :incr
 * @remarks triggerName: `backInRightOnIncr`
 */
const backInRightOnIncr = createOnIncr(backInRight, name$1i, defaults$1i, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/back_entrances/backInUp.css
 */
const defaults$1h = createDefaults();
const name$1h = `backInUp`;
/**
 * backInUp animation
 */
const backInUp = createMotionFromAnimate(keyframes([
    style({
        transform: 'translateY(1200px) scale(0.7)',
        opacity: 0.7,
        offset: 0,
    }),
    style({
        transform: 'translateY(0px) scale(0.7)',
        opacity: 0.7,
        offset: 0.8,
    }),
    style({ transform: 'scale(1)', opacity: 1, offset: 1 }),
]), defaults$1h, getAnimatecssDefaults());
/**
 * sets default values for the `backInUp` animation
 */
const setBackInUpDefaults = setDefaults(defaults$1h);
/**
 * backInUp animation on :enter
 * @remarks triggerName: `backInUpOnEnter`
 */
const backInUpOnEnter = createOnEnter(backInUp, name$1h, defaults$1h, getAnimatecssDefaults());
/**
 * backInUp animation on :incr
 * @remarks triggerName: `backInUpOnIncr`
 */
const backInUpOnIncr = createOnIncr(backInUp, name$1h, defaults$1h, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/back_exits/backOutDown.css
 */
const defaults$1g = createDefaults();
const name$1g = `backOutDown`;
/**
 * backOutDown animation
 */
const backOutDown = createMotionFromAnimate(keyframes([
    style({ transform: 'scale(1)', opacity: 1, offset: 0 }),
    style({
        transform: 'translateY(0px) scale(0.7)',
        opacity: 0.7,
        offset: 0.2,
    }),
    style({
        transform: 'translateY(700px) scale(0.7)',
        opacity: 0.7,
        offset: 1,
    }),
]), defaults$1g, getAnimatecssDefaults());
/**
 * sets default values for the `backOutDown` animation
 */
const setBackOutDownDefaults = setDefaults(defaults$1g);
/**
 * backOutDown animation on :enter
 * @remarks triggerName: `backOutDownOnLeave`
 */
const backOutDownOnLeave = createOnLeave(backOutDown, name$1g, defaults$1g, getAnimatecssDefaults());
/**
 * backOutDown animation on :decr
 * @remarks triggerName: `backOutDownOnDecr`
 */
const backOutDownOnDecr = createOnDecr(backOutDown, name$1g, defaults$1g, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/back_exits/backOutLeft.css
 */
const defaults$1f = createDefaults();
const name$1f = `backOutLeft`;
/**
 * backOutLeft animation
 */
const backOutLeft = createMotionFromAnimate(keyframes([
    style({ transform: 'scale(1)', opacity: 1, offset: 0 }),
    style({
        transform: 'translateX(0px) scale(0.7)',
        opacity: 0.7,
        offset: 0.2,
    }),
    style({
        transform: 'translateX(-2000px) scale(0.7)',
        opacity: 0.7,
        offset: 1,
    }),
]), defaults$1f, getAnimatecssDefaults());
/**
 * sets default values for the `backOutLeft` animation
 */
const setBackOutLeftDefaults = setDefaults(defaults$1f);
/**
 * backOutLeft animation on :enter
 * @remarks triggerName: `backOutLeftOnLeave`
 */
const backOutLeftOnLeave = createOnLeave(backOutLeft, name$1f, defaults$1f, getAnimatecssDefaults());
/**
 * backOutLeft animation on :decr
 * @remarks triggerName: `backOutLeftOnDecr`
 */
const backOutLeftOnDecr = createOnDecr(backOutLeft, name$1f, defaults$1f, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/back_exits/backOutRight.css
 */
const defaults$1e = createDefaults();
const name$1e = `backOutRight`;
/**
 * backOutRight animation
 */
const backOutRight = createMotionFromAnimate(keyframes([
    style({ transform: 'scale(1)', opacity: 1, offset: 0 }),
    style({
        transform: 'translateX(0px) scale(0.7)',
        opacity: 0.7,
        offset: 0.2,
    }),
    style({
        transform: 'translateX(2000px) scale(0.7)',
        opacity: 0.7,
        offset: 1,
    }),
]), defaults$1e, getAnimatecssDefaults());
/**
 * sets default values for the `backOutRight` animation
 */
const setBackOutRightDefaults = setDefaults(defaults$1e);
/**
 * backOutRight animation on :enter
 * @remarks triggerName: `backOutRightOnLeave`
 */
const backOutRightOnLeave = createOnLeave(backOutRight, name$1e, defaults$1e, getAnimatecssDefaults());
/**
 * backOutRight animation on :decr
 * @remarks triggerName: `backOutRightOnDecr`
 */
const backOutRightOnDecr = createOnDecr(backOutRight, name$1e, defaults$1e, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/back_exits/backOutUp.css
 */
const defaults$1d = createDefaults();
const name$1d = `backOutUp`;
/**
 * backOutUp animation
 */
const backOutUp = createMotionFromAnimate(keyframes([
    style({ transform: 'scale(1)', opacity: 1, offset: 0 }),
    style({
        transform: 'translateY(0px) scale(0.7)',
        opacity: 0.7,
        offset: 0.2,
    }),
    style({
        transform: 'translateY(-700px) scale(0.7)',
        opacity: 0.7,
        offset: 1,
    }),
]), defaults$1d, getAnimatecssDefaults());
/**
 * sets default values for the `backOutUp` animation
 */
const setBackOutUpDefaults = setDefaults(defaults$1d);
/**
 * backOutUp animation on :enter
 * @remarks triggerName: `backOutUpOnLeave`
 */
const backOutUpOnLeave = createOnLeave(backOutUp, name$1d, defaults$1d, getAnimatecssDefaults());
/**
 * backOutUp animation on :decr
 * @remarks triggerName: `backOutUpOnDecr`
 */
const backOutUpOnDecr = createOnDecr(backOutUp, name$1d, defaults$1d, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/flippers/flip.css
 */
const defaults$1c = createDefaults();
const name$1c = `flip`;
/**
 * flip animation
 */
const flip = createMotionFromAnimate(keyframes([
    style({
        transform: 'perspective(400px) scale3d(1, 1, 1) rotate3d(0, 1, 0, -360deg)',
        offset: 0,
        easing: 'ease-out',
    }),
    style({
        transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)',
        offset: 0.4,
        easing: 'ease-out',
    }),
    style({
        transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)',
        offset: 0.5,
        easing: 'ease-in',
    }),
    style({
        transform: 'perspective(400px) scale3d(0.95, 0.95, 0.95) rotate3d(0, 1, 0, 0deg)',
        offset: 0.8,
        easing: 'ease-in',
    }),
    style({
        transform: 'perspective(400px) scale3d(1, 1, 1) rotate3d(0, 1, 0, 0deg)',
        offset: 1,
        easing: 'ease-in',
    }),
]), defaults$1c, getAnimatecssDefaults());
/**
 * sets default values for the `flip` animation
 */
const setFlipDefaults = setDefaults(defaults$1c);
/**
 * flip animation on :enter
 * @remarks triggerName: `flipOnEnter`
 */
const flipOnEnter = createOnEnter(flip, name$1c, defaults$1c, getAnimatecssDefaults());
/**
 * flip animation on :leave
 * @remarks triggerName: `flipOnLeave`
 */
const flipOnLeave = createOnLeave(flip, name$1c, defaults$1c, getAnimatecssDefaults());
/**
 * flip animation on :incr
 * @remarks triggerName: `flipOnIncr`
 */
const flipOnIncr = createOnIncr(flip, name$1c, defaults$1c, getAnimatecssDefaults());
/**
 * flip animation on :decr
 * @remarks triggerName: `flipOnDecr`
 */
const flipOnDecr = createOnDecr(flip, name$1c, defaults$1c, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/flippers/flipInX.css
 */
const defaults$1b = createDefaults();
const name$1b = `flipInX`;
/**
 * flipInX animation
 */
const flipInX = createMotionFromAnimate(keyframes([
    style({
        visibility: 'visible',
        transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',
        opacity: 0,
        easing: 'ease-in',
        offset: 0,
    }),
    style({
        transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)',
        opacity: 0.5,
        easing: 'ease-in',
        offset: 0.4,
    }),
    style({
        transform: 'perspective(400px) rotate3d(1, 0, 0, 10deg)',
        opacity: 1,
        easing: 'ease-in',
        offset: 0.6,
    }),
    style({
        transform: 'perspective(400px) rotate3d(1, 0, 0, -5deg)',
        easing: 'ease',
        offset: 0.8,
    }),
    style({ transform: 'perspective(400px)', easing: 'ease', offset: 1 }),
]), defaults$1b, getAnimatecssDefaults());
/**
 * sets default values for the `flipInX` animation
 */
const setFlipInXDefaults = setDefaults(defaults$1b);
/**
 * flipInX animation on :enter
 * @remarks triggerName: `flipInXOnEnter`
 */
const flipInXOnEnter = createOnEnter(flipInX, name$1b, defaults$1b, getAnimatecssDefaults());
/**
 * flipInX animation on :incr
 * @remarks triggerName: `flipInXOnIncr`
 */
const flipInXOnIncr = createOnIncr(flipInX, name$1b, defaults$1b, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/flippers/flipInY.css
 */
const defaults$1a = createDefaults();
const name$1a = `flipInY`;
/**
 * flipInY animation
 */
const flipInY = createMotionFromAnimate(keyframes([
    style({
        visibility: 'visible',
        transform: 'perspective(400px) rotate3d(0, 1, 0, 90deg)',
        opacity: 0,
        easing: 'ease-in',
        offset: 0,
    }),
    style({
        transform: 'perspective(400px) rotate3d(0, 1, 0, -20deg)',
        opacity: 0.5,
        easing: 'ease-in',
        offset: 0.4,
    }),
    style({
        transform: 'perspective(400px) rotate3d(0, 1, 0, 10deg)',
        opacity: 1,
        easing: 'ease-in',
        offset: 0.6,
    }),
    style({
        transform: 'perspective(400px) rotate3d(0, 1, 0, -5deg)',
        easing: 'ease',
        offset: 0.8,
    }),
    style({ transform: 'perspective(400px)', easing: 'ease', offset: 1 }),
]), defaults$1a, getAnimatecssDefaults());
/**
 * sets default values for the `flipInY` animation
 */
const setFlipInYDefaults = setDefaults(defaults$1a);
/**
 * flipInY animation on :enter
 * @remarks triggerName: `flipInYOnEnter`
 */
const flipInYOnEnter = createOnEnter(flipInY, name$1a, defaults$1a, getAnimatecssDefaults());
/**
 * flipInY animation on :incr
 * @remarks triggerName: `flipInYOnIncr`
 */
const flipInYOnIncr = createOnIncr(flipInY, name$1a, defaults$1a, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/flippers/flipOutX.css
 */
const defaults$19 = createDefaults();
const name$19 = `flipOutX`;
/**
 * flipOutX animation
 */
const flipOutX = createMotionFromAnimate(keyframes([
    style({
        transform: 'perspective(400px)',
        opacity: 1,
        easing: 'ease',
        offset: 0,
    }),
    style({
        transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)',
        opacity: 1,
        easing: 'ease',
        offset: 0.3,
    }),
    style({
        transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',
        opacity: 0,
        easing: 'ease',
        offset: 1,
    }),
]), defaults$19, getAnimatecssDefaults());
/**
 * sets default values for the `flipOutX` animation
 */
const setFlipOutXDefaults = setDefaults(defaults$19);
/**
 * flipOutX animation on :leave
 * @remarks triggerName: `flipOutXOnLeave`
 */
const flipOutXOnLeave = createOnLeave(flipOutX, name$19, defaults$19, getAnimatecssDefaults());
/**
 * flipOutX animation on :decr
 * @remarks triggerName: `flipOutXOnDecr`
 */
const flipOutXOnDecr = createOnDecr(flipOutX, name$19, defaults$19, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/flippers/flipOutY.css
 */
const defaults$18 = createDefaults();
const name$18 = `flipOutY`;
/**
 * flipOutY animation
 */
const flipOutY = createMotionFromAnimate(keyframes([
    style({
        transform: 'perspective(400px)',
        opacity: 1,
        easing: 'ease',
        offset: 0,
    }),
    style({
        transform: 'perspective(400px) rotate3d(0, 1, 0, -15deg)',
        opacity: 1,
        easing: 'ease',
        offset: 0.3,
    }),
    style({
        transform: 'perspective(400px) rotate3d(0, 1, 0, 90deg)',
        opacity: 0,
        easing: 'ease',
        offset: 1,
    }),
]), defaults$18, getAnimatecssDefaults());
/**
 * sets default values for the `flipOutY` animation
 */
const setFlipOutYDefaults = setDefaults(defaults$18);
/**
 * flipOutY animation on :leave
 * @remarks triggerName: `flipOutYOnLeave`
 */
const flipOutYOnLeave = createOnLeave(flipOutY, name$18, defaults$18, getAnimatecssDefaults());
/**
 * flipOutY animation on :decr
 * @remarks triggerName: `flipOutYOnDecr`
 */
const flipOutYOnDecr = createOnDecr(flipOutY, name$18, defaults$18, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/hinge.css
 */
const defaults$17 = createDefaults({
    duration: getAnimatecssDefaults().duration * 2,
});
const name$17 = `hinge`;
/**
 * hinge animation
 */
const hinge = createMotionFromAnimate(keyframes([
    style({
        opacity: 1,
        'transform-origin': 'top left',
        transform: 'translate3d(0, 0, 0)',
        easing: 'ease-in-out',
        offset: 0,
    }),
    style({
        opacity: 1,
        'transform-origin': 'top left',
        transform: 'rotate3d(0, 0, 1, 80deg)',
        easing: 'ease-in-out',
        offset: 0.2,
    }),
    style({
        opacity: 1,
        'transform-origin': 'top left',
        transform: 'rotate3d(0, 0, 1, 60deg)',
        easing: 'ease-in-out',
        offset: 0.4,
    }),
    style({
        opacity: 1,
        'transform-origin': 'top left',
        transform: 'rotate3d(0, 0, 1, 80deg)',
        easing: 'ease-in-out',
        offset: 0.6,
    }),
    style({
        opacity: 1,
        'transform-origin': 'top left',
        transform: 'rotate3d(0, 0, 1, 60deg)',
        easing: 'ease-in-out',
        offset: 0.8,
    }),
    style({
        opacity: 0,
        'transform-origin': 'top left',
        transform: 'translate3d(0, 700px, 0)',
        easing: 'ease-in-out',
        offset: 1,
    }),
]), defaults$17, getAnimatecssDefaults());
/**
 * sets default values for the `hinge` animation
 */
const setHingeDefaults = setDefaults(defaults$17);
/**
 * hinge animation on :enter
 * @remarks triggerName: `hingeOnEnter`
 */
const hingeOnEnter = createOnEnter(hinge, name$17, defaults$17, getAnimatecssDefaults());
/**
 * hinge animation on :leave
 * @remarks triggerName: `hingeOnLeave`
 */
const hingeOnLeave = createOnLeave(hinge, name$17, defaults$17, getAnimatecssDefaults());
/**
 * hinge animation on :incr
 * @remarks triggerName: `hingeOnIncr`
 */
const hingeOnIncr = createOnIncr(hinge, name$17, defaults$17, getAnimatecssDefaults());
/**
 * hinge animation on :decr
 * @remarks triggerName: `hingeOnDecr`
 */
const hingeOnDecr = createOnDecr(hinge, name$17, defaults$17, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/attention_seekers/jackInTheBox.css
 */
const defaults$16 = createDefaults();
const name$16 = `jackInTheBox`;
/**
 * jackInTheBox animation
 */
const jackInTheBox = createMotionFromAnimate(keyframes([
    style({
        'transform-origin': 'center bottom',
        transform: 'scale(0.1) rotate(30deg)',
        easing: 'ease',
        offset: 0,
    }),
    style({
        'transform-origin': 'center bottom',
        transform: 'rotate(-10deg)',
        easing: 'ease',
        offset: 0.5,
    }),
    style({
        'transform-origin': 'center bottom',
        transform: 'rotate(3deg)',
        easing: 'ease',
        offset: 0.7,
    }),
    style({
        'transform-origin': 'center bottom',
        transform: 'scale(1)',
        easing: 'ease',
        offset: 1,
    }),
]), defaults$16, getAnimatecssDefaults());
/**
 * sets default values for the `jackInTheBox` animation
 */
const setJackInTheBoxDefaults = setDefaults(defaults$16);
/**
 * jackInTheBox animation on :enter
 * @remarks triggerName: `jackInTheBoxOnEnter`
 */
const jackInTheBoxOnEnter = createOnEnter(jackInTheBox, name$16, defaults$16, getAnimatecssDefaults());
/**
 * jackInTheBox animation on :leave
 * @remarks triggerName: `jackInTheBoxOnLeave`
 */
const jackInTheBoxOnLeave = createOnLeave(jackInTheBox, name$16, defaults$16, getAnimatecssDefaults());
/**
 * jackInTheBox animation on :incr
 * @remarks triggerName: `jackInTheBoxOnIncr`
 */
const jackInTheBoxOnIncr = createOnIncr(jackInTheBox, name$16, defaults$16, getAnimatecssDefaults());
/**
 * jackInTheBox animation on :decr
 * @remarks triggerName: `jackInTheBoxOnDecr`
 */
const jackInTheBoxOnDecr = createOnDecr(jackInTheBox, name$16, defaults$16, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/flippers/rollIn.css
 */
const defaults$15 = createDefaults();
const name$15 = `rollIn`;
/**
 * rollIn animation
 */
const rollIn = createMotionFromAnimate(keyframes([
    style({
        visibilityroll: 'visible',
        opacity: 0,
        transform: 'translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)',
        offset: 0,
    }),
    style({
        opacity: 1,
        transform: 'translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg)',
        offset: 1,
    }),
]), defaults$15, getAnimatecssDefaults());
/**
 * sets default values for the `rollIn` animation
 */
const setRollInDefaults = setDefaults(defaults$15);
/**
 * rollIn animation on :enter
 * @remarks triggerName: `rollInOnEnter`
 */
const rollInOnEnter = createOnEnter(rollIn, name$15, defaults$15, getAnimatecssDefaults());
/**
 * rollIn animation on :incr
 * @remarks triggerName: `rollInOnIncr`
 */
const rollInOnIncr = createOnIncr(rollIn, name$15, defaults$15, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/flippers/rollOut.css
 */
const defaults$14 = createDefaults();
const name$14 = `rollOut`;
/**
 * rollOut animation
 */
const rollOut = createMotionFromAnimate(keyframes([
    style({
        opacity: 1,
        transform: 'translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg)',
        easing: 'ease',
        offset: 0,
    }),
    style({
        opacity: 0,
        transform: 'translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)',
        easing: 'ease',
        offset: 1,
    }),
]), defaults$14, getAnimatecssDefaults());
/**
 * sets default values for the `rollOut` animation
 */
const setRollOutDefaults = setDefaults(defaults$14);
/**
 * rollOut animation on :enter
 * @remarks triggerName: `rollOutOnLeave`
 */
const rollOutOnLeave = createOnLeave(rollOut, name$14, defaults$14, getAnimatecssDefaults());
/**
 * rollOut animation on :decr
 * @remarks triggerName: `rollOutOnDecr`
 */
const rollOutOnDecr = createOnDecr(rollOut, name$14, defaults$14, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/zooming_entrances/zoomIn.css
 */
const defaults$13 = createDefaults();
const name$13 = `zoomIn`;
/**
 * zoomIn animation
 */
const zoomIn = createMotionFromAnimate(keyframes([
    style({ opacity: 0, transform: 'scale3d(0.3, 0.3, 0.3)', offset: 0 }),
    style({ opacity: 1, transform: 'scale3d(1, 1, 1)', offset: 0.5 }),
]), defaults$13, getAnimatecssDefaults());
/**
 * sets default values for the `zoomIn` animation
 */
const setZoomInDefaults = setDefaults(defaults$13);
/**
 * zoomIn animation on :enter
 * @remarks triggerName: `zoomInOnEnter`
 */
const zoomInOnEnter = createOnEnter(zoomIn, name$13, defaults$13, getAnimatecssDefaults());
/**
 * zoomIn animation on :incr
 * @remarks triggerName: `zoomInOnIncr`
 */
const zoomInOnIncr = createOnIncr(zoomIn, name$13, defaults$13, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/zooming_entrances/zoomInDown.css
 */
const defaults$12 = createDefaults();
const name$12 = `zoomInDown`;
/**
 * zoomInDown animation
 */
const zoomInDown = createMotionFromAnimate(keyframes([
    style({
        visibility: 'visible',
        opacity: 0,
        transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)',
        easing: 'ease',
        offset: 0,
    }),
    style({
        opacity: 1,
        transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)',
        easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
        offset: 0.6,
    }),
    style({
        opacity: 1,
        transform: 'scale3d(1, 1, 1) translate3d(0, 0, 0)',
        easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
        offset: 1,
    }),
]), defaults$12, getAnimatecssDefaults());
/**
 * sets default values for the `zoomInDown` animation
 */
const setZoomInDownDefaults = setDefaults(defaults$12);
/**
 * zoomInDown animation on :enter
 * @remarks triggerName: `zoomInDownOnEnter`
 */
const zoomInDownOnEnter = createOnEnter(zoomInDown, name$12, defaults$12, getAnimatecssDefaults());
/**
 * zoomInDown animation on :incr
 * @remarks triggerName: `zoomInDownOnIncr`
 */
const zoomInDownOnIncr = createOnIncr(zoomInDown, name$12, defaults$12, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/zooming_entrances/zoomInLeft.css
 */
const defaults$11 = createDefaults();
const name$11 = `zoomInLeft`;
/**
 * zoomInLeft animation
 */
const zoomInLeft = createMotionFromAnimate(keyframes([
    style({
        visibility: 'visible',
        opacity: 0,
        transform: 'scale3d(0.1, 0.1, 0.1) translate3d(-3000px, 0, 0)',
        easing: 'ease',
        offset: 0,
    }),
    style({
        opacity: 1,
        transform: 'scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)',
        easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
        offset: 0.6,
    }),
    style({
        opacity: 1,
        transform: 'scale3d(1, 1, 1) translate3d(0, 0, 0)',
        easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
        offset: 1,
    }),
]), defaults$11, getAnimatecssDefaults());
/**
 * sets default values for the `zoomInLeft` animation
 */
const setZoomInLeftDefaults = setDefaults(defaults$11);
/**
 * zoomInLeft animation on :enter
 * @remarks triggerName: `zoomInLeftOnEnter`
 */
const zoomInLeftOnEnter = createOnEnter(zoomInLeft, name$11, defaults$11, getAnimatecssDefaults());
/**
 * zoomInLeft animation on :incr
 * @remarks triggerName: `zoomInLeftOnIncr`
 */
const zoomInLeftOnIncr = createOnIncr(zoomInLeft, name$11, defaults$11, getAnimatecssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/zooming_entrances/zoomInRight.css
 */
const defaults$10 = createDefaults();
const name$10 = `zoomInRight`;
/**
 * zoomInRight animation
 */
const zoomInRight = createMotionFromAnimate(keyframes([
    style({
        visibility: 'visible',
        opacity: 0,
        transform: 'scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)',
        easing: 'ease',
        offset: 0,
    }),
    style({
        opacity: 1,
        transform: 'scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)',
        easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
        offset: 0.6,
    }),
    style({
        opacity: 1,
        transform: 'scale3d(1, 1, 1) translate3d(0, 0, 0)',
        easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',
        offset: 1,
    }),
]), defaults$10, getAnimatecssDefaults());
/**
 * sets default values for the `zoomInRight` animation
 */
const setZoomInRi