@ngverse/motion/fesm2022/ngverse-motion-generalcss.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-eosin.vercel.app)

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

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

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/flippers/collapse.css
 */
const defaults$3 = createDefaults({
    endHeight: '0px',
});
const name$3 = `collapse`;
/**
 * collapse animation
 */
const collapse = createMotionFromAnimate(keyframes([
    style({
        height: AUTO_STYLE,
        visibility: AUTO_STYLE,
        overflow: 'hidden',
        easing: 'ease-in',
        offset: 0,
    }),
    style({
        height: '{{endHeight}}',
        visibility: 'hidden',
        overflow: 'hidden',
        easing: 'ease-in',
        offset: 1,
    }),
]), defaults$3, getGeneralcssDefaults());
/**
 * collapse animation on :leave
 * @remarks triggerName: `collapseOnLeave`
 */
const collapseOnLeave = createOnLeave(collapse, name$3, defaults$3, getGeneralcssDefaults());
/**
 * collapse animation on :decr
 * @remarks triggerName: `collapseOnDecr`
 */
const collapseOnDecr = createOnDecr(collapse, name$3, defaults$3, getGeneralcssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/flippers/collapseX.css
 */
const defaults$2 = createDefaults({
    endWidth: '0px',
});
const name$2 = `collapseX`;
/**
 * collapseX animation
 */
const collapseX = createMotionFromAnimate(keyframes([
    style({
        width: AUTO_STYLE,
        visibility: AUTO_STYLE,
        overflow: 'hidden',
        easing: 'ease-in',
        offset: 0,
    }),
    style({
        width: '{{endWidth}}',
        visibility: 'hidden',
        overflow: 'hidden',
        easing: 'ease-in',
        offset: 1,
    }),
]), defaults$2, getGeneralcssDefaults());
/**
 * collapseX animation on :leave
 * @remarks triggerName: `collapseXOnLeave`
 */
const collapseXOnLeave = createOnLeave(collapseX, name$2, defaults$2, getGeneralcssDefaults());
/**
 * collapseX animation on :decr
 * @remarks triggerName: `collapseXOnDecr`
 */
const collapseXOnDecr = createOnDecr(collapseX, name$2, defaults$2, getGeneralcssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/flippers/expand.css
 */
const defaults$1 = createDefaults({
    startHeight: '0px',
});
const name$1 = `expand`;
/**
 * expand animation
 */
const expand = createMotionFromAnimate(keyframes([
    style({
        height: '{{startHeight}}',
        offset: 0,
        overflow: 'hidden',
        visibility: 'hidden',
    }),
    style({
        height: AUTO_STYLE,
        visibility: AUTO_STYLE,
        offset: 1,
        overflow: 'hidden',
    }),
]), defaults$1, getGeneralcssDefaults());
/**
 * expand animation on :enter
 * @remarks triggerName: `expandOnEnter`
 */
const expandOnEnter = createOnEnter(expand, name$1, defaults$1, getGeneralcssDefaults());
/**
 * expand animation on :incr
 * @remarks triggerName: `expandOnIncr`
 */
const expandOnIncr = createOnIncr(expand, name$1, defaults$1, getGeneralcssDefaults());

/**
 * ref: https://github.com/animate-css/animate.css/blob/main/source/flippers/expandX.css
 */
const defaults = createDefaults({
    startWidth: '0px',
});
const name = `expandX`;
/**
 * expandX animation
 */
const expandX = createMotionFromAnimate(keyframes([
    style({
        width: '{{startWidth}}',
        visibility: 'hidden',
        overflow: 'hidden',
        easing: 'ease-out',
        offset: 0,
    }),
    style({
        width: AUTO_STYLE,
        visibility: AUTO_STYLE,
        overflow: 'hidden',
        easing: 'ease-out',
        offset: 1,
    }),
]), defaults, getGeneralcssDefaults());
/**
 * expandX animation on :enter
 * @remarks triggerName: `expandXOnEnter`
 */
const expandXOnEnter = createOnEnter(expandX, name, defaults, getGeneralcssDefaults());
/**
 * expandX animation on :incr
 * @remarks triggerName: `expandXOnIncr`
 */
const expandXOnIncr = createOnIncr(expandX, name, defaults, getGeneralcssDefaults());

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

export { collapse, collapseOnDecr, collapseOnLeave, collapseX, collapseXOnDecr, collapseXOnLeave, expand, expandOnEnter, expandOnIncr, expandX, expandXOnEnter, expandXOnIncr, getGeneralcssDefaults as getGeneralDefaults };
//# sourceMappingURL=ngverse-motion-generalcss.mjs.map