@duoduo-oba/ng-devui
Version:
DevUI components based on Angular
50 lines • 8.9 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: animations/directionFadeInOut.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { animate, state, style, transition, trigger } from '@angular/animations';
/** @type {?} */
export var directionFadeInOut = trigger('directionFadeInOut', [
state('void', style({ opacity: 0 })),
state('visible', style({ opacity: 1 })),
state('bottom', style({ opacity: 1 })),
state('top', style({ opacity: 1 })),
state('left', style({ opacity: 1 })),
state('right', style({ opacity: 1 })),
transition('* => bottom', [
style({ transform: 'translateY(-5px)', opacity: 0 }),
animate('.3s cubic-bezier(0.23, 1, 0.32, 1)', style({ transform: 'translateY(0)', opacity: 1 }))
]),
transition('bottom => void', [
style({ transform: 'translateY(0)', opacity: 1 }),
animate('.3s cubic-bezier(0.755, 0.05, 0.855, 0.06)', style({ transform: 'translateY(-5px)', opacity: 0 }))
]),
transition('* => top', [
style({ transform: 'translateY(5px)', opacity: 0 }),
animate('.3s cubic-bezier(0.23, 1, 0.32, 1)', style({ transform: 'translateY(0)', opacity: 1 }))
]),
transition('top => void', [
style({ transform: 'translateY(0)', opacity: 1 }),
animate('.3s cubic-bezier(0.755, 0.05, 0.855, 0.06)', style({ transform: 'translateY(5px)', opacity: 0 }))
]),
transition('* => left', [
style({ transform: 'translateX(5px)', opacity: 0 }),
animate('.3s cubic-bezier(0.23, 1, 0.32, 1)', style({ transform: 'translateX(0)', opacity: 1 }))
]),
transition('left => void', [
style({ transform: 'translateX(0)', opacity: 1 }),
animate('.3s cubic-bezier(0.755, 0.05, 0.855, 0.06)', style({ transform: 'translateX(5px)', opacity: 0 }))
]),
transition('* => right', [
style({ transform: 'translateX(-5px)', opacity: 0 }),
animate('.3s cubic-bezier(0.23, 1, 0.32, 1)', style({ transform: 'translateX(0)', opacity: 1 }))
]),
transition('right => void', [
style({ transform: 'translateX(0)', opacity: 1 }),
animate('.3s cubic-bezier(0.755, 0.05, 0.855, 0.06)', style({ transform: 'translateX(-5px)', opacity: 0 }))
]),
transition('void => visible', animate('.15s cubic-bezier(0.0, 0.0, 0.2, 1)')),
transition('visible => void', animate('.15s cubic-bezier(0.0, 0.0, 0.2, 1)'))
]);
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlyZWN0aW9uRmFkZUluT3V0LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmctZGV2dWkvdXRpbHMvIiwic291cmNlcyI6WyJhbmltYXRpb25zL2RpcmVjdGlvbkZhZGVJbk91dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBQyxPQUFPLEVBQTRCLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBQyxNQUFNLHFCQUFxQixDQUFDOztBQUV6RyxNQUFNLEtBQU8sa0JBQWtCLEdBQTZCLE9BQU8sQ0FBQyxvQkFBb0IsRUFBRTtJQUN4RixLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQyxDQUFDO0lBQ2xDLEtBQUssQ0FBQyxTQUFTLEVBQUUsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7SUFDckMsS0FBSyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFDLENBQUMsQ0FBQztJQUNwQyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQyxDQUFDO0lBQ2pDLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7SUFDbEMsS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFDLENBQUMsQ0FBQztJQUNuQyxVQUFVLENBQUMsYUFBYSxFQUFFO1FBQ3hCLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFDLENBQUM7UUFDbEQsT0FBTyxDQUFDLG9DQUFvQyxFQUFFLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxlQUFlLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7S0FDL0YsQ0FBQztJQUNGLFVBQVUsQ0FBQyxnQkFBZ0IsRUFBRTtRQUMzQixLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQztRQUMvQyxPQUFPLENBQUMsNENBQTRDLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGtCQUFrQixFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQyxDQUFDO0tBQzFHLENBQUM7SUFDRixVQUFVLENBQUMsVUFBVSxFQUFFO1FBQ3JCLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFDLENBQUM7UUFDakQsT0FBTyxDQUFDLG9DQUFvQyxFQUFFLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxlQUFlLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7S0FDL0YsQ0FBQztJQUNGLFVBQVUsQ0FBQyxhQUFhLEVBQUU7UUFDeEIsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGVBQWUsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFDLENBQUM7UUFDL0MsT0FBTyxDQUFDLDRDQUE0QyxFQUFFLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFDLENBQUMsQ0FBQztLQUN6RyxDQUFDO0lBQ0YsVUFBVSxDQUFDLFdBQVcsRUFBRTtRQUN0QixLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDO1FBQ2pELE9BQU8sQ0FBQyxvQ0FBb0MsRUFBRSxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQyxDQUFDO0tBQy9GLENBQUM7SUFDRixVQUFVLENBQUMsY0FBYyxFQUFFO1FBQ3pCLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxlQUFlLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDO1FBQy9DLE9BQU8sQ0FBQyw0Q0FBNEMsRUFBRSxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7S0FDekcsQ0FBQztJQUNGLFVBQVUsQ0FBQyxZQUFZLEVBQUU7UUFDdkIsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGtCQUFrQixFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQztRQUNsRCxPQUFPLENBQUMsb0NBQW9DLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGVBQWUsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFDLENBQUMsQ0FBQztLQUMvRixDQUFDO0lBQ0YsVUFBVSxDQUFDLGVBQWUsRUFBRTtRQUMxQixLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQztRQUMvQyxPQUFPLENBQUMsNENBQTRDLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGtCQUFrQixFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQyxDQUFDO0tBQzFHLENBQUM7SUFDRixVQUFVLENBQUMsaUJBQWlCLEVBQUUsT0FBTyxDQUFDLHFDQUFxQyxDQUFDLENBQUM7SUFDN0UsVUFBVSxDQUFDLGlCQUFpQixFQUFFLE9BQU8sQ0FBQyxxQ0FBcUMsQ0FBQyxDQUFDO0NBQzlFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge2FuaW1hdGUsIEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuXHJcbmV4cG9ydCBjb25zdCBkaXJlY3Rpb25GYWRlSW5PdXQ6IEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YSA9IHRyaWdnZXIoJ2RpcmVjdGlvbkZhZGVJbk91dCcsIFtcclxuICBzdGF0ZSgndm9pZCcsIHN0eWxlKHtvcGFjaXR5OiAwfSkpLFxyXG4gIHN0YXRlKCd2aXNpYmxlJywgc3R5bGUoe29wYWNpdHk6IDF9KSksXHJcbiAgc3RhdGUoJ2JvdHRvbScsIHN0eWxlKHtvcGFjaXR5OiAxfSkpLFxyXG4gIHN0YXRlKCd0b3AnLCBzdHlsZSh7b3BhY2l0eTogMX0pKSxcclxuICBzdGF0ZSgnbGVmdCcsIHN0eWxlKHtvcGFjaXR5OiAxfSkpLFxyXG4gIHN0YXRlKCdyaWdodCcsIHN0eWxlKHtvcGFjaXR5OiAxfSkpLFxyXG4gIHRyYW5zaXRpb24oJyogPT4gYm90dG9tJywgW1xyXG4gICAgc3R5bGUoe3RyYW5zZm9ybTogJ3RyYW5zbGF0ZVkoLTVweCknLCBvcGFjaXR5OiAwfSksXHJcbiAgICBhbmltYXRlKCcuM3MgY3ViaWMtYmV6aWVyKDAuMjMsIDEsIDAuMzIsIDEpJywgc3R5bGUoe3RyYW5zZm9ybTogJ3RyYW5zbGF0ZVkoMCknLCBvcGFjaXR5OiAxfSkpXHJcbiAgXSksXHJcbiAgdHJhbnNpdGlvbignYm90dG9tID0+IHZvaWQnLCBbXHJcbiAgICBzdHlsZSh7dHJhbnNmb3JtOiAndHJhbnNsYXRlWSgwKScsIG9wYWNpdHk6IDF9KSxcclxuICAgIGFuaW1hdGUoJy4zcyBjdWJpYy1iZXppZXIoMC43NTUsIDAuMDUsIDAuODU1LCAwLjA2KScsIHN0eWxlKHt0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKC01cHgpJywgb3BhY2l0eTogMH0pKVxyXG4gIF0pLFxyXG4gIHRyYW5zaXRpb24oJyogPT4gdG9wJywgW1xyXG4gICAgc3R5bGUoe3RyYW5zZm9ybTogJ3RyYW5zbGF0ZVkoNXB4KScsIG9wYWNpdHk6IDB9KSxcclxuICAgIGFuaW1hdGUoJy4zcyBjdWJpYy1iZXppZXIoMC4yMywgMSwgMC4zMiwgMSknLCBzdHlsZSh7dHJhbnNmb3JtOiAndHJhbnNsYXRlWSgwKScsIG9wYWNpdHk6IDF9KSlcclxuICBdKSxcclxuICB0cmFuc2l0aW9uKCd0b3AgPT4gdm9pZCcsIFtcclxuICAgIHN0eWxlKHt0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKDApJywgb3BhY2l0eTogMX0pLFxyXG4gICAgYW5pbWF0ZSgnLjNzIGN1YmljLWJlemllcigwLjc1NSwgMC4wNSwgMC44NTUsIDAuMDYpJywgc3R5bGUoe3RyYW5zZm9ybTogJ3RyYW5zbGF0ZVkoNXB4KScsIG9wYWNpdHk6IDB9KSlcclxuICBdKSxcclxuICB0cmFuc2l0aW9uKCcqID0+IGxlZnQnLCBbXHJcbiAgICBzdHlsZSh7dHJhbnNmb3JtOiAndHJhbnNsYXRlWCg1cHgpJywgb3BhY2l0eTogMH0pLFxyXG4gICAgYW5pbWF0ZSgnLjNzIGN1YmljLWJlemllcigwLjIzLCAxLCAwLjMyLCAxKScsIHN0eWxlKHt0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDApJywgb3BhY2l0eTogMX0pKVxyXG4gIF0pLFxyXG4gIHRyYW5zaXRpb24oJ2xlZnQgPT4gdm9pZCcsIFtcclxuICAgIHN0eWxlKHt0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDApJywgb3BhY2l0eTogMX0pLFxyXG4gICAgYW5pbWF0ZSgnLjNzIGN1YmljLWJlemllcigwLjc1NSwgMC4wNSwgMC44NTUsIDAuMDYpJywgc3R5bGUoe3RyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoNXB4KScsIG9wYWNpdHk6IDB9KSlcclxuICBdKSxcclxuICB0cmFuc2l0aW9uKCcqID0+IHJpZ2h0JywgW1xyXG4gICAgc3R5bGUoe3RyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoLTVweCknLCBvcGFjaXR5OiAwfSksXHJcbiAgICBhbmltYXRlKCcuM3MgY3ViaWMtYmV6aWVyKDAuMjMsIDEsIDAuMzIsIDEpJywgc3R5bGUoe3RyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCknLCBvcGFjaXR5OiAxfSkpXHJcbiAgXSksXHJcbiAgdHJhbnNpdGlvbigncmlnaHQgPT4gdm9pZCcsIFtcclxuICAgIHN0eWxlKHt0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDApJywgb3BhY2l0eTogMX0pLFxyXG4gICAgYW5pbWF0ZSgnLjNzIGN1YmljLWJlemllcigwLjc1NSwgMC4wNSwgMC44NTUsIDAuMDYpJywgc3R5bGUoe3RyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoLTVweCknLCBvcGFjaXR5OiAwfSkpXHJcbiAgXSksXHJcbiAgdHJhbnNpdGlvbigndm9pZCA9PiB2aXNpYmxlJywgYW5pbWF0ZSgnLjE1cyBjdWJpYy1iZXppZXIoMC4wLCAwLjAsIDAuMiwgMSknKSksXHJcbiAgdHJhbnNpdGlvbigndmlzaWJsZSA9PiB2b2lkJywgYW5pbWF0ZSgnLjE1cyBjdWJpYy1iZXppZXIoMC4wLCAwLjAsIDAuMiwgMSknKSlcclxuXSk7XHJcbiJdfQ==