Angular animation - поочерёдная анимация элементов на странице

Доброго всем времени суток. Задал этот вопрос на англоязычном форуме, но что то тихо и пчёлы не жужжат.

Вот моя текущая реализация StackBlitz

Должно быть следующее поведение

• все элементы скрыты
• анимируется первый элемент - анимация закончилась, элемент скрывается
• анимируется следующий элемет - анимация закончилась, элемент сохраняет состояние последнего кадра
• анимируется последний элемент - анимация закончилась, элемент сохранияет состояние последнего кадра

Текущее поведение:

• • все элементы скрыты
• анимируется первый элемент - анимация закончилась, элемент скрывается
• запускается анимация для двух последних элементов параллельно, элементы сохраняют состояние последнего кадра.

Буду прям очень рад хоть каким либо подсказкам, как это правильно настроить. Прослушивание - Animation.start, Animation.done - не интересно, нужна реализация в нутри свойства animation декоратора @Component({animation: []})