Angular 6 анимация вперед (animation-fill-mode в Angular)

У меня есть свойство, которое анимируется с помощью CSS и отлично работает:

animation: collapse1 0.3s forwards;

Но теперь мне нужно переключиться на угловую анимацию. И все работает отлично, за исключением одного: после завершения анимации он возвращается к исходной точке.

Теперь он работает следующим образом:

animation: collapse1 0.3s;

но он должен работать следующим образом:

animation: collapse1 0.3s forwards;

Другими словами, можно ли включить режим анимации-заполнения в Angular? Я использую Angular 6.

Вот демонстрационная версия: https://stackblitz.com/edit/angular-uw3o6u

Демо имеет 2 кнопки.

Он работает, когда пользователь перемещает мышь на кнопку (: hover css). Но мне нужно это поведение, когда пользователь нажимает кнопку (случай 2).

Конечная позиция после щелчка должна быть следующей:

Но он возвращается к началу: