Hylograph.Internal.Transition.Manager

newtype ElementTransitionManager

The Element Transition Manager

newtype TransitionId

Unique identifier for a transition

Instances

• Eq TransitionId
• Ord TransitionId
• Show TransitionId

type TransitionSpec = { delay :: Milliseconds, duration :: Milliseconds, easing :: EasingType, from :: Number, to :: Number }

Specification for a single-value transition

type CompoundTransitionSpec = { delay :: Milliseconds, duration :: Milliseconds, easing :: EasingType, fromValues :: Array Number, generator :: Array Number -> String, toValues :: Array Number }

Specification for a compound transition (multiple values → generated string) Used for paths where we animate sourceX, sourceY, targetX, targetY and regenerate the path string on each frame

type Milliseconds = Number

Milliseconds type alias

create :: Effect ElementTransitionManager

Create a new transition manager

registerTransition :: ElementTransitionManager -> Element -> String -> TransitionSpec -> Effect TransitionId

Register a transition for an element attribute

If a transition already exists for the same element/attribute pair, it will be interrupted (replaced) by this new transition.

Returns the transition ID.

registerAnimatedAttr :: forall datum. ElementTransitionManager -> Element -> datum -> Int -> String -> Maybe (AnimatedValue datum) -> AnimatedValue datum -> AnimationConfig -> Effect Unit -> Effect TransitionId

Register an animated attribute for an element

Evaluates the AnimatedValue specifications with the datum and index, creates a TransitionSpec, and registers the transition.

registerAnimatedCompound :: forall datum. ElementTransitionManager -> Element -> datum -> Int -> String -> Array (AnimatedValue datum) -> Array (AnimatedValue datum) -> (Array Number -> String) -> AnimationConfig -> Effect Unit -> Effect TransitionId

Register a compound animated attribute (for paths and other generated values)

Evaluates the AnimatedValue arrays for from/to values, and registers a compound transition that interpolates all values and calls the generator to produce the final string value on each frame.

toCoordinatorConsumer :: ElementTransitionManager -> Milliseconds -> Effect TickResult

Convert to a Coordinator-compatible consumer tick function

tick :: ElementTransitionManager -> Milliseconds -> Effect (Array TransitionId)

Process a single tick, advancing all transitions

Returns array of completed transition IDs

activeCount :: ElementTransitionManager -> Effect Int

Get the number of active transitions

clear :: ElementTransitionManager -> Effect Unit

Clear all transitions (without calling completion callbacks)