@engie-group/fluid-design-system-angular
Version:
Fluid Design System Angular
9 lines • 1.9 kB
JavaScript
import { animate, state, style, transition, trigger } from '@angular/animations';
export const ProgressAnimation = {
progressFill: trigger('progressFill', [
state('void', style({ transform: 'scaleX(0)' })),
state('*', style({ transform: 'scaleX(1)' })),
transition(':enter', animate('{{duration}}ms cubic-bezier(0.0, 0.0, 0.2, 1)'), { params: { duration: 500 } })
])
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MuYW5pbWF0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJvZ3Jlc3MvcHJvZ3Jlc3MuYW5pbWF0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxPQUFPLEVBQTRCLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBR3pHLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUUxQjtJQUNGLFlBQVksRUFBRSxPQUFPLENBQUMsY0FBYyxFQUFFO1FBQ3BDLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLFdBQVcsRUFBQyxDQUFDLENBQUM7UUFDOUMsS0FBSyxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsV0FBVyxFQUFDLENBQUMsQ0FBQztRQUMzQyxVQUFVLENBQUMsUUFBUSxFQUNqQixPQUFPLENBQUMsK0NBQStDLENBQUMsRUFDeEQsRUFBQyxNQUFNLEVBQUUsRUFBQyxRQUFRLEVBQUUsR0FBRyxFQUFDLEVBQUMsQ0FBQztLQUM3QixDQUFDO0NBQ0gsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7YW5pbWF0ZSwgQW5pbWF0aW9uVHJpZ2dlck1ldGFkYXRhLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXJ9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzc0FuaW1hdGlvbjoge1xuICByZWFkb25seSBwcm9ncmVzc0ZpbGw6IEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YTtcbn0gPSB7XG4gIHByb2dyZXNzRmlsbDogdHJpZ2dlcigncHJvZ3Jlc3NGaWxsJywgW1xuICAgIHN0YXRlKCd2b2lkJywgc3R5bGUoe3RyYW5zZm9ybTogJ3NjYWxlWCgwKSd9KSksXG4gICAgc3RhdGUoJyonLCBzdHlsZSh7dHJhbnNmb3JtOiAnc2NhbGVYKDEpJ30pKSxcbiAgICB0cmFuc2l0aW9uKCc6ZW50ZXInLFxuICAgICAgYW5pbWF0ZSgne3tkdXJhdGlvbn19bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjIsIDEpJyksXG4gICAgICB7cGFyYW1zOiB7ZHVyYXRpb246IDUwMH19KVxuICBdKVxufTtcbiJdfQ==