htmx:before:viewTransition

Когда срабатывает

Перед тем, как операция замены начнёт анимацию перехода представления.

Срабатывает на элементе, инициировавшем замену, или на document, если такого элемента нет.

Данные события

• task — функция обратного вызова перехода. Замените её, чтобы обернуть переход.
• ctx — контекст запроса, управляющий заменой

Пример

htmx.on('htmx:before:viewTransition', (evt) => {
  console.log('Starting view transition');
  // Customize transition behavior
});

Замените detail.task, чтобы выполнить собственные действия вокруг перехода. Вместо исходной функции будет ожидаться выполнение новой:

htmx.on('htmx:before:viewTransition', (evt) => {
  let task = evt.detail.task;
  evt.detail.task = async () => {
    await prepare(evt.detail.ctx);
    await task();
  };
});