Interface: TransitionDescriptor<T = unknown>
Fluent builder descriptor returned by to(value) for scheduling transitions.
Extended by
Type Parameters
| Type Parameter | Default type |
|---|---|
T | unknown |
Properties
| Property | Type |
|---|---|
__isTransition | true |
curve | EaseCurve |
delayMs | number |
durationMs | number |
target | T |
triggerMilestone? | AnimationMilestone |
triggerProperty? | string |
triggerTarget? | string | ReactiveElementBase |
Methods
after()
after(
elementOrId:string|ReactiveElementBase,property?:string):this
Chains this transition to start after another element completes its animation (alias for .when(element, "end")).
Parameters
| Parameter | Type | Description |
|---|---|---|
elementOrId | string | ReactiveElementBase | Target element or element ID to wait for. |
property? | string | Optional specific property on the target element to wait for. |
Returns
this
delay()
delay(
seconds:number):this
Adds a delay in seconds before animation begins.
Parameters
| Parameter | Type |
|---|---|
seconds | number |
Returns
this
duration()
duration(
seconds:number):this
Sets animation duration in seconds.
Parameters
| Parameter | Type |
|---|---|
seconds | number |
Returns
this
ease()
ease(
curve:BuiltinEase|EaseCurve):this
Sets the easing curve (e.g. "quartOut", "cubicInOut", "smooth").
Parameters
| Parameter | Type |
|---|---|
curve | BuiltinEase | EaseCurve |
Returns
this
when()
when(
elementOrId:string|ReactiveElementBase,milestone?:AnimationMilestone,property?:string):this
Synchronizes this transition to start when another element reaches an animation milestone.
Parameters
| Parameter | Type | Description |
|---|---|---|
elementOrId | string | ReactiveElementBase | Target element or element ID to listen to. |
milestone? | AnimationMilestone | Progress milestone: "start", "halfway", "end" (default), or a fraction (0..1). |
property? | string | Optional specific property on the target element to track. |
Returns
this