не уверен, можно свою написать очень быстро. там не более чем transform: scale я думаю

странно, что из коробки нельзя задать х и у boolean

странно что такая анимация вообще есть из коробки. дальше можно доработать.

вот весь код этого транзишена: https://github.com/sveltejs/svelte/blob/master/src/runtime/transition/index.ts#L143

о, спасибо!

Странно, что до сих пор все оффсетов не завезли...

хм, что-то я туплю, прошу прощения, если спрашиваю очевидное, но
у меня:

{#if loading}
<Loading />
{:else}
something
{/if}

У лоадинга есть транзишн. Когда переменная loading становится false, и Loading, и something отображаются вместе, потому что у Loading есть out: с анимацией scaleY.  Но анимация схлопывания Loading здесь не добавляет плавности. Когда она заканчивается, something всё равно прыгает наверх. Подскажите, плз, как их подружить. Мне надо либо чтобы something (это список - допустим, с анимацией появления) появлялся после полного исчезновения Loading, либо подъезжал наверх не дёрганно.

ну и хорошо бы анимацию подгрузки айтемов где-нибудь найти, чтобы они снизу быстро по очереди прилетали, сейчас они там по {#each} множатся внутри div'a

(по второму) или айтемам листа просто fly добавить с кумулятивным delay?

{#if loading}
<Loading />
{:else}
something
{/if}

правильно ли я понимаю, что on:introend - это как раз событие завершения анимации на out: ?

{#if loading}
<Loading />
{:else}
something
{/if}

Это вопрос верстки, а не свелта. У вас есть момент, когда оба объекта в доме находятся. Решайте это как хотите. Из очевидного:
1. Навесить анимацию на something с задержкой, равной длительности анимации исчезновения лоадера
2. Навесить на лоадер и текст position:absolute, чтоб они друг друга перекрывали

к свелту тут вопрос по событиям. Да и просто совет нужен.
По 1 - компоненты не знают ничего друг про друга, поэтому хотелось бы независимого поведения. И желательно избежать связи через переменные. По 2 - не уверен, что тут поможет position, потому что мне нужно плавно подтянуть компонент/элемент something. Либо заставить его появиться после исчезновения лоадинга. Короче, нужен красивый паттерн без лишнего бойлерплейта для компонента с загрузкой

в принципе, думаю, может, слот у Loading сделать и туда передать чайлдом something и всё, что угодно. А пропом условие

просто наверняка есть уже какие-то устоявшиеся и изящные паттерны в свелт, потому сюда пишу

хотя я наврал, у меня условие чуть сложнее, потому что лоадинг может закончиться ошибкой

{#if loading}
 <Loading status="primary"/>
{:else if error && error.message}
 <Error>{error.message}</Error>
{:else}
 something

как-то так выглядит, если упростить

в продолжение вчерашней темы — я всё же с нуля написал такую тыкалку в итоге

и доброго вечера всем

круто