Class Sequence

The Sequence trigger allows you to define complex playing scenarios with a simple definition.

Example usage:

<lord-icon trigger="sequence" sequence="state:intro-empty,play,state:hover-empty,play,state:morph-fill,play,state:morph-erase,play,state:intro-empty,delay:first:last:500,play:reverse" src="/trash.json"></lord-icon>

Hierarchy

Sequence

Implements

ITrigger

Index

Constructors

constructor

new Sequence(player, element, targetElement): Sequence
Parameters
- player: IPlayer
- element: HTMLElement
- targetElement: HTMLElement
Returns Sequence
- Defined in packages/element/src/triggers/sequence.ts:22

Accessors

sequence

get sequence(): string
Returns string
- Defined in packages/element/src/triggers/sequence.ts:169

Methods

handleStep

handleStep(action, params): void
Parameters
- action: string
- params: string[]
Returns void
- Defined in packages/element/src/triggers/sequence.ts:89

onComplete

onComplete(): void
The player has completed an animation.

Returns void
Implementation of ITrigger.onComplete
- Defined in packages/element/src/triggers/sequence.ts:41

onConnected

onConnected(): void
The trigger has been connected to the Element.

Returns void
Implementation of ITrigger.onConnected
- Defined in packages/element/src/triggers/sequence.ts:50

onDisconnected

onDisconnected(): void
The trigger has been disconnected from the Element.

Note: Remember to remove any potential event listeners you assigned earlier in this trigger.

Returns void
Implementation of ITrigger.onDisconnected
- Defined in packages/element/src/triggers/sequence.ts:54

onReady

onReady(): void
The player is ready. Now you can control the animation and icon properties with it.

Returns void
Implementation of ITrigger.onReady
- Defined in packages/element/src/triggers/sequence.ts:37

reset

reset(): void
Returns void
- Defined in packages/element/src/triggers/sequence.ts:63

step

step(): void
Returns void
- Defined in packages/element/src/triggers/sequence.ts:159

takeStep

takeStep(): {
action: string;
params: string[];
}
Returns {
action: string;
params: string[];
}
- action: string
- params: string[]
- Defined in packages/element/src/triggers/sequence.ts:74

Class Sequence

Hierarchy

Implements

Index

Constructors

Accessors

Methods

Constructors

constructor

Parameters

player: IPlayer

element: HTMLElement

targetElement: HTMLElement

Returns Sequence

Accessors

sequence

Returns string

Methods

handleStep

Parameters

action: string

params: string[]

Returns void

onComplete

Returns void

onConnected

Returns void

onDisconnected

Returns void

onReady

Returns void

reset

Returns void

step

Returns void

takeStep

Returns { action: string; params: string[]; }

action: string

params: string[]

Settings

Member Visibility

Theme

On This Page

Returns {
action: string;
params: string[];
}