@engie-group/fluid-design-system-angular/lib/esm2022/components/sidepanel-layout/sidepanel-layout.animations.mjs

Fluid Design System Angular

import { animate, state, style, transition, trigger } from '@angular/animations';
import { njSemanticMotionEasingFastOutSlowIn } from '@engie-group/fluid-design-tokens';
export const defaultParams = {
    params: { animationDuration: '100ms' },
};
export const sidePanelLayoutAnimation = {
    panelSlideInAndOut: trigger('panelSlideInAndOut', [
        state('void', style({ opacity: 0.9, transform: 'translateX(100%)' })),
        state('*', style({ opacity: 1, transform: 'none' })),
        transition(':enter, :leave', animate(`{{animationDuration}} ${njSemanticMotionEasingFastOutSlowIn}`), defaultParams),
    ]),
    panelOpened: trigger('panelOpened', [
        state('void', style({ paddingRight: 0 })),
        state('false', style({ paddingRight: 0 })),
        state('true', style({ paddingRight: 'var(--nj-sidepanel-final-width)' })),
        transition('* => *', animate(`{{animationDuration}} ${njSemanticMotionEasingFastOutSlowIn}`), defaultParams),
    ]),
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZXBhbmVsLWxheW91dC5hbmltYXRpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2lkZXBhbmVsLWxheW91dC9zaWRlcGFuZWwtbGF5b3V0LmFuaW1hdGlvbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLE9BQU8sRUFBNEIsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDekcsT0FBTyxFQUFDLG1DQUFtQyxFQUFDLE1BQU0sa0NBQWtDLENBQUM7QUFFckYsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHO0lBQzNCLE1BQU0sRUFBRSxFQUFDLGlCQUFpQixFQUFFLE9BQU8sRUFBQztDQUNyQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sd0JBQXdCLEdBR2pDO0lBQ0Ysa0JBQWtCLEVBQUUsT0FBTyxDQUFDLG9CQUFvQixFQUFFO1FBQ2hELEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUMsQ0FBQyxDQUFDO1FBQ25FLEtBQUssQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFDLENBQUMsQ0FBQztRQUNsRCxVQUFVLENBQ1IsZ0JBQWdCLEVBQ2hCLE9BQU8sQ0FBQyx5QkFBeUIsbUNBQW1DLEVBQUUsQ0FBQyxFQUN2RSxhQUFhLENBQ2Q7S0FDRixDQUFDO0lBQ0YsV0FBVyxFQUFFLE9BQU8sQ0FBQyxhQUFhLEVBQUU7UUFDbEMsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsRUFBQyxZQUFZLEVBQUUsQ0FBQyxFQUFDLENBQUMsQ0FBQztRQUN2QyxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFDLFlBQVksRUFBRSxDQUFDLEVBQUMsQ0FBQyxDQUFDO1FBQ3hDLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUMsWUFBWSxFQUFFLGlDQUFpQyxFQUFDLENBQUMsQ0FBQztRQUN2RSxVQUFVLENBQ1IsUUFBUSxFQUNSLE9BQU8sQ0FBQyx5QkFBeUIsbUNBQW1DLEVBQUUsQ0FBQyxFQUN2RSxhQUFhLENBQ2Q7S0FDRixDQUFDO0NBQ0gsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7YW5pbWF0ZSwgQW5pbWF0aW9uVHJpZ2dlck1ldGFkYXRhLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXJ9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHtualNlbWFudGljTW90aW9uRWFzaW5nRmFzdE91dFNsb3dJbn0gZnJvbSAnQGVuZ2llLWdyb3VwL2ZsdWlkLWRlc2lnbi10b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgZGVmYXVsdFBhcmFtcyA9IHtcbiAgcGFyYW1zOiB7YW5pbWF0aW9uRHVyYXRpb246ICcxMDBtcyd9LFxufTtcblxuZXhwb3J0IGNvbnN0IHNpZGVQYW5lbExheW91dEFuaW1hdGlvbjoge1xuICByZWFkb25seSBwYW5lbFNsaWRlSW5BbmRPdXQ6IEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YTtcbiAgcmVhZG9ubHkgcGFuZWxPcGVuZWQ6IEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YTtcbn0gPSB7XG4gIHBhbmVsU2xpZGVJbkFuZE91dDogdHJpZ2dlcigncGFuZWxTbGlkZUluQW5kT3V0JywgW1xuICAgIHN0YXRlKCd2b2lkJywgc3R5bGUoe29wYWNpdHk6IDAuOSwgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgxMDAlKSd9KSksXG4gICAgc3RhdGUoJyonLCBzdHlsZSh7b3BhY2l0eTogMSwgdHJhbnNmb3JtOiAnbm9uZSd9KSksXG4gICAgdHJhbnNpdGlvbihcbiAgICAgICc6ZW50ZXIsIDpsZWF2ZScsXG4gICAgICBhbmltYXRlKGB7e2FuaW1hdGlvbkR1cmF0aW9ufX0gJHtualNlbWFudGljTW90aW9uRWFzaW5nRmFzdE91dFNsb3dJbn1gKSxcbiAgICAgIGRlZmF1bHRQYXJhbXMsXG4gICAgKSxcbiAgXSksXG4gIHBhbmVsT3BlbmVkOiB0cmlnZ2VyKCdwYW5lbE9wZW5lZCcsIFtcbiAgICBzdGF0ZSgndm9pZCcsIHN0eWxlKHtwYWRkaW5nUmlnaHQ6IDB9KSksXG4gICAgc3RhdGUoJ2ZhbHNlJywgc3R5bGUoe3BhZGRpbmdSaWdodDogMH0pKSxcbiAgICBzdGF0ZSgndHJ1ZScsIHN0eWxlKHtwYWRkaW5nUmlnaHQ6ICd2YXIoLS1uai1zaWRlcGFuZWwtZmluYWwtd2lkdGgpJ30pKSxcbiAgICB0cmFuc2l0aW9uKFxuICAgICAgJyogPT4gKicsXG4gICAgICBhbmltYXRlKGB7e2FuaW1hdGlvbkR1cmF0aW9ufX0gJHtualNlbWFudGljTW90aW9uRWFzaW5nRmFzdE91dFNsb3dJbn1gKSxcbiAgICAgIGRlZmF1bHRQYXJhbXMsXG4gICAgKSxcbiAgXSksXG59O1xuIl19