ng-devui/esm2022/utils/animations/fly-in-out.mjs

DevUI components based on Angular

import { animate, state, style, transition, trigger } from '@angular/animations';
import { AnimationCurves, AnimationDuration } from './animationParameters';
const easeIn = AnimationCurves.EASE_IN;
const easeOut = AnimationCurves.EASE_OUT;
const duration = AnimationDuration.SLOW;
export const flyInOut = trigger('flyInOut', [
    state('left-void', style({ transform: 'translateX(-100%)', opacity: 0 })),
    state('left-in', style({ transform: 'translateX(0)', opacity: 1 })),
    state('right-void', style({ transform: 'translateX(100%)', opacity: 0.8 })),
    state('right-in', style({ transform: 'translateX(0)', opacity: 1 })),
    // 解决初始化动效为'void'而非'left/right-void'
    transition('void => left-in', [
        style({ transform: 'translateX(-100%)', opacity: 0.8 }),
        animate(`${duration} ${easeOut}`, style({ transform: 'translateX(0)', opacity: 1 })),
    ]),
    transition('void => right-in', [
        style({ transform: 'translateX(100%)', opacity: 0.8 }),
        animate(`${duration} ${easeOut}`, style({ transform: 'translateX(0)', opacity: 1 })),
    ]),
    transition('left-void => left-in', [animate(`${duration} ${easeOut}`)]),
    transition('right-void => right-in', [animate(`${duration} ${easeOut}`)]),
    transition('left-in => left-void', [animate(`${duration} ${easeIn}`)]),
    transition('right-in => right-void', [animate(`${duration} ${easeIn}`)]),
]);
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmx5LWluLW91dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2RldnVpL3V0aWxzL2FuaW1hdGlvbnMvZmx5LWluLW91dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUE0QixLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMzRyxPQUFPLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDM0UsTUFBTSxNQUFNLEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQztBQUN2QyxNQUFNLE9BQU8sR0FBRyxlQUFlLENBQUMsUUFBUSxDQUFDO0FBQ3pDLE1BQU0sUUFBUSxHQUFHLGlCQUFpQixDQUFDLElBQUksQ0FBQztBQUV4QyxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQTZCLE9BQU8sQ0FBQyxVQUFVLEVBQUU7SUFDcEUsS0FBSyxDQUFDLFdBQVcsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDekUsS0FBSyxDQUFDLFNBQVMsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ25FLEtBQUssQ0FBQyxZQUFZLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQzNFLEtBQUssQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNwRSxvQ0FBb0M7SUFDcEMsVUFBVSxDQUFDLGlCQUFpQixFQUFFO1FBQzVCLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUM7UUFDdkQsT0FBTyxDQUFDLEdBQUcsUUFBUSxJQUFJLE9BQU8sRUFBRSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7S0FDckYsQ0FBQztJQUNGLFVBQVUsQ0FBQyxrQkFBa0IsRUFBRTtRQUM3QixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDO1FBQ3RELE9BQU8sQ0FBQyxHQUFHLFFBQVEsSUFBSSxPQUFPLEVBQUUsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0tBQ3JGLENBQUM7SUFDRixVQUFVLENBQUMsc0JBQXNCLEVBQUUsQ0FBQyxPQUFPLENBQUMsR0FBRyxRQUFRLElBQUksT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ3ZFLFVBQVUsQ0FBQyx3QkFBd0IsRUFBRSxDQUFDLE9BQU8sQ0FBQyxHQUFHLFFBQVEsSUFBSSxPQUFPLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDekUsVUFBVSxDQUFDLHNCQUFzQixFQUFFLENBQUMsT0FBTyxDQUFDLEdBQUcsUUFBUSxJQUFJLE1BQU0sRUFBRSxDQUFDLENBQUMsQ0FBQztJQUN0RSxVQUFVLENBQUMsd0JBQXdCLEVBQUUsQ0FBQyxPQUFPLENBQUMsR0FBRyxRQUFRLElBQUksTUFBTSxFQUFFLENBQUMsQ0FBQyxDQUFDO0NBQ3pFLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBBbmltYXRpb25DdXJ2ZXMsIEFuaW1hdGlvbkR1cmF0aW9uIH0gZnJvbSAnLi9hbmltYXRpb25QYXJhbWV0ZXJzJztcbmNvbnN0IGVhc2VJbiA9IEFuaW1hdGlvbkN1cnZlcy5FQVNFX0lOO1xuY29uc3QgZWFzZU91dCA9IEFuaW1hdGlvbkN1cnZlcy5FQVNFX09VVDtcbmNvbnN0IGR1cmF0aW9uID0gQW5pbWF0aW9uRHVyYXRpb24uU0xPVztcblxuZXhwb3J0IGNvbnN0IGZseUluT3V0OiBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGEgPSB0cmlnZ2VyKCdmbHlJbk91dCcsIFtcbiAgc3RhdGUoJ2xlZnQtdm9pZCcsIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtMTAwJSknLCBvcGFjaXR5OiAwIH0pKSxcbiAgc3RhdGUoJ2xlZnQtaW4nLCBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCknLCBvcGFjaXR5OiAxIH0pKSxcbiAgc3RhdGUoJ3JpZ2h0LXZvaWQnLCBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMTAwJSknLCBvcGFjaXR5OiAwLjggfSkpLFxuICBzdGF0ZSgncmlnaHQtaW4nLCBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCknLCBvcGFjaXR5OiAxIH0pKSxcbiAgLy8g6Kej5Yaz5Yid5aeL5YyW5Yqo5pWI5Li6J3ZvaWQn6ICM6Z2eJ2xlZnQvcmlnaHQtdm9pZCdcbiAgdHJhbnNpdGlvbigndm9pZCA9PiBsZWZ0LWluJywgW1xuICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtMTAwJSknLCBvcGFjaXR5OiAwLjggfSksXG4gICAgYW5pbWF0ZShgJHtkdXJhdGlvbn0gJHtlYXNlT3V0fWAsIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwKScsIG9wYWNpdHk6IDEgfSkpLFxuICBdKSxcbiAgdHJhbnNpdGlvbigndm9pZCA9PiByaWdodC1pbicsIFtcbiAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMTAwJSknLCBvcGFjaXR5OiAwLjggfSksXG4gICAgYW5pbWF0ZShgJHtkdXJhdGlvbn0gJHtlYXNlT3V0fWAsIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwKScsIG9wYWNpdHk6IDEgfSkpLFxuICBdKSxcbiAgdHJhbnNpdGlvbignbGVmdC12b2lkID0+IGxlZnQtaW4nLCBbYW5pbWF0ZShgJHtkdXJhdGlvbn0gJHtlYXNlT3V0fWApXSksXG4gIHRyYW5zaXRpb24oJ3JpZ2h0LXZvaWQgPT4gcmlnaHQtaW4nLCBbYW5pbWF0ZShgJHtkdXJhdGlvbn0gJHtlYXNlT3V0fWApXSksXG4gIHRyYW5zaXRpb24oJ2xlZnQtaW4gPT4gbGVmdC12b2lkJywgW2FuaW1hdGUoYCR7ZHVyYXRpb259ICR7ZWFzZUlufWApXSksXG4gIHRyYW5zaXRpb24oJ3JpZ2h0LWluID0+IHJpZ2h0LXZvaWQnLCBbYW5pbWF0ZShgJHtkdXJhdGlvbn0gJHtlYXNlSW59YCldKSxcbl0pO1xuIl19