RxJs. Как дождаться другого наблюдаемого, если он сработал недавно

В основном у меня есть две подписки, которые время от времени запускают события.

Первый довольно простой, он загружает и отображает некоторые данные:

observableOne$.switchMap(event => {
  return loadData(event);
}).subscribe(data => {
  displayData(data);
});

Второе преобразование отображает данные, и преобразование должно выполняться только один раз:

observableTwo$.subscribe(event => {
  transformDisplayedData(event);
});

Проблема, с которой я столкнулся, заключается в том, что если второе событие запускается сразу после первого, преобразование теряется. И я не могу подать заявку повторно, это одноразовое действие.

Есть ли способ отложить преобразование, если observableOne$ запущен недавно?

Временная последовательность будет выглядеть так:

One      : -a----------a----->
Two      : -----b------b----->
Display  : ---a----------a---> // lag is due to async data loading
Transform: -----b--------b--->

ИЗМЕНИТЬ

Я создал скрипку с демонстрацией. Фактическая временная последовательность может быть записана так:

PageClick      : -x----------x----->
HighlightClick : -----x------x----->
DataRender     : ---x----------x--->
DataHighlight  : -----x------x----->

Когда PageClick и HighlightClick объединяются, данные выделяются и отображаются через секунду. Но я хочу отложить выделение, отсюда желаемая временная последовательность:

PageClick      : -x----------x----->
HighlightClick : -----x------x----->
DataRender     : ---x----------x--->
DataHighlight  : -----x--------x--->