Interface: PositionTransitionDescriptor<T extends Position = Position>

Position transition. Default route: straight.

Extends

• TransitionDescriptor<T>

Type Parameters

Type Parameter	Default type
T extends Position	Position

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

Inherited from

TransitionDescriptor.after

---

delay()

delay(seconds: number): this

Adds a delay in seconds before animation begins.

Parameters

Parameter	Type
seconds	number

Returns

this

Inherited from

TransitionDescriptor.delay

---

duration()

duration(seconds: number): this

Sets animation duration in seconds.

Parameters

Parameter	Type
seconds	number

Returns

this

Inherited from

TransitionDescriptor.duration

---

ease()

ease(curve: BuiltinEase | EaseCurve): this

Sets the easing curve (e.g. "quartOut", "cubicInOut", "smooth").

Parameters

Parameter	Type
curve	BuiltinEase | EaseCurve

Returns

this

Inherited from

TransitionDescriptor.ease

---

path()

path(path: MotionPath): this

Travel along a motion path. Default: straight.

Parameters

Parameter	Type
path	MotionPath

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

Inherited from

TransitionDescriptor.when