Describe the problem

Having an element inside a key tag plays both its in and out transition. I feel most of the time you want them to play after each other and not simultaneously. It can easily be done by setting the delay on the in transition for the duration of the out transition, however when the duration varies for example on the text's length a lot of extra steps are needed to overcome this challange and does not scale at all.

Example:

{#key random_text}
    <h3 out:typewriter in:typewriter> {random_text} </h3>
{/key}

Describe the proposed solution

An easy solution would be to add a flag to the in transition to wait for the out transition.

Alternatives considered

Another fix could be to have the old value of the key accessable in the block, then the same calculations could be performed and it would give more flexibility.

Importance

would make my life easier