Svelte-Übergang wird verzögert, bis die Komponente geladen und bereit ist ⇐ CSS

[Anonymous]

Ich habe eine Komponente in Svelte, für die ich einen Übergang verwenden möchte.
Diese Komponente ist jedoch in der Sekunde, in der sie gemountet wird, noch nicht bereit (sie enthält eine Leinwand, die einige Frames benötigt, bevor sie vollständig fertiggestellt ist), was bei mir einige Probleme verursacht.
Idealerweise würde ich die Komponente mounten, den ersten Tick des Übergangs ausführen und dann warten, bis die Komponente bereit ist, bevor ich mit dem Übergang fortfahre.
Ich habe eine kurze Reproduktion erstellt, die das Problem, das ich habe, übertreibt, im Grunde das Folgende:

Code: Select all

In diesem Code wird die grüne Leinwand korrekt eingeblendet.
Die rote Leinwand, die „etwas härter arbeiten“ muss, wird jedoch überhaupt nicht eingeblendet.
Ist es möglich, diese Art von Verzögerung in Svelte durchzuführen?
Beachten Sie, dass ich nicht von einer statischen Verzögerung spreche, da ich in Wirklichkeit nicht genau weiß, wie lange es dauern wird, bis meine Komponente fertig ist