core/dev.fritz2.core/transition

transition

fun Tag<HTMLElement>.transition(transition: Transition)

Applies a transition (enter and/or leave) to a Tag. The enter-transition will be executed right after the Tag is mounted to the DOM. The leave-transition will be executed right before the Tag is removed from the DOM. Further operation of the MountPoint rendering the Tag is suspended until the leave-animation is done.

Receiver

the Tag the transition will be applied to

Parameters

transition

definition of enter- and leave-transition

fun Tag<HTMLElement>.transition(enter: String? = null, enterStart: String? = null, enterEnd: String? = null, leave: String? = null, leaveStart: String? = null, leaveEnd: String? = null)

Applies a transition (enter and/or leave) to a Tag. The enter-transition will be executed right after the Tag is mounted to the DOM. The leave-transition will be executed right before the Tag is removed from the DOM. Further operation of the MountPoint rendering the Tag is suspended until the leave-animation is done.

Receiver

the Tag the transition will be applied to

Parameters

enter

mandatory classes to control the enter-transition.

enterStart

optional classes to define the starting point of the enter-transition

enterEnd

optional classes to define the end point of the enter-transition

leave

mandatory classes to control the leave-transition.

leaveStart

optional classes to define the starting point of the leave-transition

leaveEnd

optional classes to define the end point of the leave-transition

fun Tag<HTMLElement>.transition(on: Flow<Boolean>, transition: Transition)

Applies a transition (enter and/or leave) to a Tag whenever a new value appears on a Flow The enter-transition will be executed when true appears on the Flow The leave-transition will be executed when false appears on the Flow Processing of further operations will not wait for the animation to finish.

Receiver

the Tag the transition will be applied to

Parameters

on

Flow to trigger the transition

transition

definition of enter- and leave-transition

fun Tag<HTMLElement>.transition(on: Flow<Boolean>, enter: String? = null, enterStart: String? = null, enterEnd: String? = null, leave: String? = null, leaveStart: String? = null, leaveEnd: String? = null)

Applies a transition (enter and/or leave) to a Tag whenever a new value appears on a Flow The enter-transition will be executed when true appears on the Flow The leave-transition will be executed when false appears on the Flow Processing of further operations will not wait for the animation to finish.

Receiver

the Tag the transition will be applied to

Parameters

on

Flow to trigger the transition

enter

mandatory classes to control the enter-transition.

enterStart

optional classes to define the starting point of the enter-transition

enterEnd

optional classes to define the end point of the enter-transition

leave

mandatory classes to control the leave-transition.

leaveStart

optional classes to define the starting point of the leave-transition

leaveEnd

optional classes to define the end point of the leave-transition