SolalDR/animate

View on GitHub
docs/classes/animation.html

Summary

Maintainability
Test Coverage
<!doctype html>
<html class="default no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Animation | @solaldr/animate</title>
    <meta name="description" content="Documentation for @solaldr/animate">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../assets/css/main.css">
    <script async src="../assets/js/search.js" id="search-script"></script>
</head>
<body>
<header>
    <div class="tsd-page-toolbar">
        <div class="container">
            <div class="table-wrap">
                <div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
                    <div class="field">
                        <label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
                        <input id="tsd-search-field" type="text" />
                    </div>
                    <ul class="results">
                        <li class="state loading">Preparing search index...</li>
                        <li class="state failure">The search index is not available</li>
                    </ul>
                    <a href="../index.html" class="title">@solaldr/animate</a>
                </div>
                <div class="table-cell" id="tsd-widgets">
                    <div id="tsd-filter">
                        <a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
                        <div class="tsd-filter-group">
                            <div class="tsd-select" id="tsd-filter-visibility">
                                <span class="tsd-select-label">All</span>
                                <ul class="tsd-select-list">
                                    <li data-value="public">Public</li>
                                    <li data-value="protected">Public/Protected</li>
                                    <li data-value="private" class="selected">All</li>
                                </ul>
                            </div>
                            <input type="checkbox" id="tsd-filter-inherited" checked />
                            <label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
                        </div>
                    </div>
                    <a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
                </div>
            </div>
        </div>
    </div>
    <div class="tsd-page-title">
        <div class="container">
            <ul class="tsd-breadcrumb">
                <li>
                    <a href="../modules.html">@solaldr/animate</a>
                </li>
                <li>
                    <a href="animation.html">Animation</a>
                </li>
            </ul>
            <h1>Class Animation</h1>
        </div>
    </div>
</header>
<div class="container container-main">
    <div class="row">
        <div class="col-8 col-content">
            <section class="tsd-panel tsd-hierarchy">
                <h3>Hierarchy</h3>
                <ul class="tsd-hierarchy">
                    <li>
                        <span class="tsd-signature-type">Emitter</span>
                        <ul class="tsd-hierarchy">
                            <li>
                                <span class="target">Animation</span>
                            </li>
                        </ul>
                    </li>
                </ul>
            </section>
            <section class="tsd-panel-group tsd-index-group">
                <h2>Index</h2>
                <section class="tsd-panel tsd-index-panel">
                    <div class="tsd-index-content">
                        <section class="tsd-index-section ">
                            <h3>Constructors</h3>
                            <ul class="tsd-index-list">
                                <li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><a href="animation.html#constructor" class="tsd-kind-icon">constructor</a></li>
                            </ul>
                        </section>
                        <section class="tsd-index-section ">
                            <h3>Properties</h3>
                            <ul class="tsd-index-list">
                                <li class="tsd-kind-property tsd-parent-kind-class"><a href="animation.html#advancement" class="tsd-kind-icon">advancement</a></li>
                                <li class="tsd-kind-property tsd-parent-kind-class"><a href="animation.html#current" class="tsd-kind-icon">current</a></li>
                                <li class="tsd-kind-property tsd-parent-kind-class"><a href="animation.html#delay" class="tsd-kind-icon">delay</a></li>
                                <li class="tsd-kind-property tsd-parent-kind-class"><a href="animation.html#duration" class="tsd-kind-icon">duration</a></li>
                                <li class="tsd-kind-property tsd-parent-kind-class"><a href="animation.html#from" class="tsd-kind-icon">from</a></li>
                                <li class="tsd-kind-property tsd-parent-kind-class"><a href="animation.html#playing" class="tsd-kind-icon">playing</a></li>
                                <li class="tsd-kind-property tsd-parent-kind-class"><a href="animation.html#timeline" class="tsd-kind-icon">timeline</a></li>
                                <li class="tsd-kind-property tsd-parent-kind-class"><a href="animation.html#timingfunction" class="tsd-kind-icon">timing<wbr>Function</a></li>
                                <li class="tsd-kind-property tsd-parent-kind-class"><a href="animation.html#to" class="tsd-kind-icon">to</a></li>
                                <li class="tsd-kind-property tsd-parent-kind-class"><a href="animation.html#value" class="tsd-kind-icon">value</a></li>
                            </ul>
                        </section>
                        <section class="tsd-index-section ">
                            <h3>Methods</h3>
                            <ul class="tsd-index-list">
                                <li class="tsd-kind-method tsd-parent-kind-class"><a href="animation.html#and" class="tsd-kind-icon">and</a></li>
                                <li class="tsd-kind-method tsd-parent-kind-class"><a href="animation.html#promise" class="tsd-kind-icon">promise</a></li>
                                <li class="tsd-kind-method tsd-parent-kind-class"><a href="animation.html#render" class="tsd-kind-icon">render</a></li>
                                <li class="tsd-kind-method tsd-parent-kind-class"><a href="animation.html#start" class="tsd-kind-icon">start</a></li>
                                <li class="tsd-kind-method tsd-parent-kind-class"><a href="animation.html#stop" class="tsd-kind-icon">stop</a></li>
                                <li class="tsd-kind-method tsd-parent-kind-class"><a href="animation.html#then" class="tsd-kind-icon">then</a></li>
                            </ul>
                        </section>
                    </div>
                </section>
            </section>
            <section class="tsd-panel-group tsd-member-group ">
                <h2>Constructors</h2>
                <section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite">
                    <a name="constructor" class="tsd-anchor"></a>
                    <h3>constructor</h3>
                    <ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite">
                        <li class="tsd-signature tsd-kind-icon">new <wbr>Animation<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">{ </span>auto<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>delay<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>duration<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>from<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>timeline<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>timingFunction<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>to<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="animation.html" class="tsd-signature-type" data-tsd-kind="Class">Animation</a></li>
                    </ul>
                    <ul class="tsd-descriptions">
                        <li class="tsd-description">
                            <aside class="tsd-sources">
                                <p>Overrides Emitter.constructor</p>
                                <ul>
                                    <li>Defined in <a href="https://github.com/SolalDR/animate/blob/d54a623/src/Animation.ts#L29">Animation.ts:29</a></li>
                                </ul>
                            </aside>
                            <h4 class="tsd-parameters-title">Parameters</h4>
                            <ul class="tsd-parameters">
                                <li>
                                    <h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>auto<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>delay<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>duration<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>from<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>timeline<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>timingFunction<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>to<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> = {}</span></h5>
                                    <ul class="tsd-parameters">
                                    </ul>
                                </li>
                            </ul>
                            <h4 class="tsd-returns-title">Returns <a href="animation.html" class="tsd-signature-type" data-tsd-kind="Class">Animation</a></h4>
                        </li>
                    </ul>
                </section>
            </section>
            <section class="tsd-panel-group tsd-member-group ">
                <h2>Properties</h2>
                <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
                    <a name="advancement" class="tsd-anchor"></a>
                    <h3>advancement</h3>
                    <div class="tsd-signature tsd-kind-icon">advancement<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 0</span></div>
                    <aside class="tsd-sources">
                        <ul>
                            <li>Defined in <a href="https://github.com/SolalDR/animate/blob/d54a623/src/Animation.ts#L26">Animation.ts:26</a></li>
                        </ul>
                    </aside>
                </section>
                <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
                    <a name="current" class="tsd-anchor"></a>
                    <h3>current</h3>
                    <div class="tsd-signature tsd-kind-icon">current<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 0</span></div>
                    <aside class="tsd-sources">
                        <ul>
                            <li>Defined in <a href="https://github.com/SolalDR/animate/blob/d54a623/src/Animation.ts#L21">Animation.ts:21</a></li>
                        </ul>
                    </aside>
                </section>
                <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
                    <a name="delay" class="tsd-anchor"></a>
                    <h3>delay</h3>
                    <div class="tsd-signature tsd-kind-icon">delay<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 0</span></div>
                    <aside class="tsd-sources">
                        <ul>
                            <li>Defined in <a href="https://github.com/SolalDR/animate/blob/d54a623/src/Animation.ts#L24">Animation.ts:24</a></li>
                        </ul>
                    </aside>
                </section>
                <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
                    <a name="duration" class="tsd-anchor"></a>
                    <h3>duration</h3>
                    <div class="tsd-signature tsd-kind-icon">duration<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 0</span></div>
                    <aside class="tsd-sources">
                        <ul>
                            <li>Defined in <a href="https://github.com/SolalDR/animate/blob/d54a623/src/Animation.ts#L25">Animation.ts:25</a></li>
                        </ul>
                    </aside>
                </section>
                <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
                    <a name="from" class="tsd-anchor"></a>
                    <h3>from</h3>
                    <div class="tsd-signature tsd-kind-icon">from<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 0</span></div>
                    <aside class="tsd-sources">
                        <ul>
                            <li>Defined in <a href="https://github.com/SolalDR/animate/blob/d54a623/src/Animation.ts#L22">Animation.ts:22</a></li>
                        </ul>
                    </aside>
                </section>
                <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
                    <a name="playing" class="tsd-anchor"></a>
                    <h3>playing</h3>
                    <div class="tsd-signature tsd-kind-icon">playing<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></div>
                    <aside class="tsd-sources">
                        <ul>
                            <li>Defined in <a href="https://github.com/SolalDR/animate/blob/d54a623/src/Animation.ts#L20">Animation.ts:20</a></li>
                        </ul>
                    </aside>
                </section>
                <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
                    <a name="timeline" class="tsd-anchor"></a>
                    <h3>timeline</h3>
                    <div class="tsd-signature tsd-kind-icon">timeline<span class="tsd-signature-symbol">:</span> <a href="timeline.html" class="tsd-signature-type" data-tsd-kind="Class">Timeline</a></div>
                    <aside class="tsd-sources">
                        <ul>
                            <li>Defined in <a href="https://github.com/SolalDR/animate/blob/d54a623/src/Animation.ts#L29">Animation.ts:29</a></li>
                        </ul>
                    </aside>
                </section>
                <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
                    <a name="timingfunction" class="tsd-anchor"></a>
                    <h3>timing<wbr>Function</h3>
                    <div class="tsd-signature tsd-kind-icon">timing<wbr>Function<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">EasingFunction</span></div>
                    <aside class="tsd-sources">
                        <ul>
                            <li>Defined in <a href="https://github.com/SolalDR/animate/blob/d54a623/src/Animation.ts#L28">Animation.ts:28</a></li>
                        </ul>
                    </aside>
                </section>
                <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
                    <a name="to" class="tsd-anchor"></a>
                    <h3>to</h3>
                    <div class="tsd-signature tsd-kind-icon">to<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 0</span></div>
                    <aside class="tsd-sources">
                        <ul>
                            <li>Defined in <a href="https://github.com/SolalDR/animate/blob/d54a623/src/Animation.ts#L23">Animation.ts:23</a></li>
                        </ul>
                    </aside>
                </section>
                <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
                    <a name="value" class="tsd-anchor"></a>
                    <h3>value</h3>
                    <div class="tsd-signature tsd-kind-icon">value<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 0</span></div>
                    <aside class="tsd-sources">
                        <ul>
                            <li>Defined in <a href="https://github.com/SolalDR/animate/blob/d54a623/src/Animation.ts#L27">Animation.ts:27</a></li>
                        </ul>
                    </aside>
                </section>
            </section>
            <section class="tsd-panel-group tsd-member-group ">
                <h2>Methods</h2>
                <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
                    <a name="and" class="tsd-anchor"></a>
                    <h3>and</h3>
                    <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
                        <li class="tsd-signature tsd-kind-icon">and<span class="tsd-signature-symbol">(</span>params<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="animation.html" class="tsd-signature-type" data-tsd-kind="Class">Animation</a></li>
                    </ul>
                    <ul class="tsd-descriptions">
                        <li class="tsd-description">
                            <aside class="tsd-sources">
                                <ul>
                                    <li>Defined in <a href="https://github.com/SolalDR/animate/blob/d54a623/src/Animation.ts#L87">Animation.ts:87</a></li>
                                </ul>
                            </aside>
                            <h4 class="tsd-parameters-title">Parameters</h4>
                            <ul class="tsd-parameters">
                                <li>
                                    <h5>params: <span class="tsd-signature-type">any</span></h5>
                                </li>
                            </ul>
                            <h4 class="tsd-returns-title">Returns <a href="animation.html" class="tsd-signature-type" data-tsd-kind="Class">Animation</a></h4>
                        </li>
                    </ul>
                </section>
                <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
                    <a name="promise" class="tsd-anchor"></a>
                    <h3>promise</h3>
                    <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
                        <li class="tsd-signature tsd-kind-icon">promise<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><a href="animation.html" class="tsd-signature-type" data-tsd-kind="Class">Animation</a><span class="tsd-signature-symbol">&gt;</span></li>
                    </ul>
                    <ul class="tsd-descriptions">
                        <li class="tsd-description">
                            <aside class="tsd-sources">
                                <ul>
                                    <li>Defined in <a href="https://github.com/SolalDR/animate/blob/d54a623/src/Animation.ts#L77">Animation.ts:77</a></li>
                                </ul>
                            </aside>
                            <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><a href="animation.html" class="tsd-signature-type" data-tsd-kind="Class">Animation</a><span class="tsd-signature-symbol">&gt;</span></h4>
                        </li>
                    </ul>
                </section>
                <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
                    <a name="render" class="tsd-anchor"></a>
                    <h3>render</h3>
                    <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
                        <li class="tsd-signature tsd-kind-icon">render<span class="tsd-signature-symbol">(</span>delta<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
                    </ul>
                    <ul class="tsd-descriptions">
                        <li class="tsd-description">
                            <aside class="tsd-sources">
                                <ul>
                                    <li>Defined in <a href="https://github.com/SolalDR/animate/blob/d54a623/src/Animation.ts#L126">Animation.ts:126</a></li>
                                </ul>
                            </aside>
                            <h4 class="tsd-parameters-title">Parameters</h4>
                            <ul class="tsd-parameters">
                                <li>
                                    <h5>delta: <span class="tsd-signature-type">number</span></h5>
                                </li>
                            </ul>
                            <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
                        </li>
                    </ul>
                </section>
                <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
                    <a name="start" class="tsd-anchor"></a>
                    <h3>start</h3>
                    <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
                        <li class="tsd-signature tsd-kind-icon">start<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="animation.html" class="tsd-signature-type" data-tsd-kind="Class">Animation</a></li>
                    </ul>
                    <ul class="tsd-descriptions">
                        <li class="tsd-description">
                            <aside class="tsd-sources">
                                <ul>
                                    <li>Defined in <a href="https://github.com/SolalDR/animate/blob/d54a623/src/Animation.ts#L103">Animation.ts:103</a></li>
                                </ul>
                            </aside>
                            <h4 class="tsd-returns-title">Returns <a href="animation.html" class="tsd-signature-type" data-tsd-kind="Class">Animation</a></h4>
                        </li>
                    </ul>
                </section>
                <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
                    <a name="stop" class="tsd-anchor"></a>
                    <h3>stop</h3>
                    <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
                        <li class="tsd-signature tsd-kind-icon">stop<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
                    </ul>
                    <ul class="tsd-descriptions">
                        <li class="tsd-description">
                            <aside class="tsd-sources">
                                <ul>
                                    <li>Defined in <a href="https://github.com/SolalDR/animate/blob/d54a623/src/Animation.ts#L119">Animation.ts:119</a></li>
                                </ul>
                            </aside>
                            <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
                        </li>
                    </ul>
                </section>
                <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
                    <a name="then" class="tsd-anchor"></a>
                    <h3>then</h3>
                    <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
                        <li class="tsd-signature tsd-kind-icon">then<span class="tsd-signature-symbol">(</span>params<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="animation.html" class="tsd-signature-type" data-tsd-kind="Class">Animation</a></li>
                    </ul>
                    <ul class="tsd-descriptions">
                        <li class="tsd-description">
                            <aside class="tsd-sources">
                                <ul>
                                    <li>Defined in <a href="https://github.com/SolalDR/animate/blob/d54a623/src/Animation.ts#L67">Animation.ts:67</a></li>
                                </ul>
                            </aside>
                            <div class="tsd-comment tsd-typography">
                                <div class="lead">
                                    <p>Run the defined animation after the current one</p>
                                </div>
                            </div>
                            <h4 class="tsd-parameters-title">Parameters</h4>
                            <ul class="tsd-parameters">
                                <li>
                                    <h5>params: <span class="tsd-signature-type">any</span></h5>
                                </li>
                            </ul>
                            <h4 class="tsd-returns-title">Returns <a href="animation.html" class="tsd-signature-type" data-tsd-kind="Class">Animation</a></h4>
                        </li>
                    </ul>
                </section>
            </section>
        </div>
        <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
            <nav class="tsd-navigation primary">
                <ul>
                    <li class=" ">
                        <a href="../modules.html">Exports</a>
                    </li>
                </ul>
            </nav>
            <nav class="tsd-navigation secondary menu-sticky">
                <ul class="before-current">
                </ul>
                <ul class="current">
                    <li class="current tsd-kind-class">
                        <a href="animation.html" class="tsd-kind-icon">Animation</a>
                        <ul>
                            <li class=" tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite">
                                <a href="animation.html#constructor" class="tsd-kind-icon">constructor</a>
                            </li>
                            <li class=" tsd-kind-property tsd-parent-kind-class">
                                <a href="animation.html#advancement" class="tsd-kind-icon">advancement</a>
                            </li>
                            <li class=" tsd-kind-property tsd-parent-kind-class">
                                <a href="animation.html#current" class="tsd-kind-icon">current</a>
                            </li>
                            <li class=" tsd-kind-property tsd-parent-kind-class">
                                <a href="animation.html#delay" class="tsd-kind-icon">delay</a>
                            </li>
                            <li class=" tsd-kind-property tsd-parent-kind-class">
                                <a href="animation.html#duration" class="tsd-kind-icon">duration</a>
                            </li>
                            <li class=" tsd-kind-property tsd-parent-kind-class">
                                <a href="animation.html#from" class="tsd-kind-icon">from</a>
                            </li>
                            <li class=" tsd-kind-property tsd-parent-kind-class">
                                <a href="animation.html#playing" class="tsd-kind-icon">playing</a>
                            </li>
                            <li class=" tsd-kind-property tsd-parent-kind-class">
                                <a href="animation.html#timeline" class="tsd-kind-icon">timeline</a>
                            </li>
                            <li class=" tsd-kind-property tsd-parent-kind-class">
                                <a href="animation.html#timingfunction" class="tsd-kind-icon">timing<wbr>Function</a>
                            </li>
                            <li class=" tsd-kind-property tsd-parent-kind-class">
                                <a href="animation.html#to" class="tsd-kind-icon">to</a>
                            </li>
                            <li class=" tsd-kind-property tsd-parent-kind-class">
                                <a href="animation.html#value" class="tsd-kind-icon">value</a>
                            </li>
                            <li class=" tsd-kind-method tsd-parent-kind-class">
                                <a href="animation.html#and" class="tsd-kind-icon">and</a>
                            </li>
                            <li class=" tsd-kind-method tsd-parent-kind-class">
                                <a href="animation.html#promise" class="tsd-kind-icon">promise</a>
                            </li>
                            <li class=" tsd-kind-method tsd-parent-kind-class">
                                <a href="animation.html#render" class="tsd-kind-icon">render</a>
                            </li>
                            <li class=" tsd-kind-method tsd-parent-kind-class">
                                <a href="animation.html#start" class="tsd-kind-icon">start</a>
                            </li>
                            <li class=" tsd-kind-method tsd-parent-kind-class">
                                <a href="animation.html#stop" class="tsd-kind-icon">stop</a>
                            </li>
                            <li class=" tsd-kind-method tsd-parent-kind-class">
                                <a href="animation.html#then" class="tsd-kind-icon">then</a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <ul class="after-current">
                    <li class=" tsd-kind-class">
                        <a href="timeline.html" class="tsd-kind-icon">Timeline</a>
                    </li>
                    <li class=" tsd-kind-property">
                        <a href="../modules.html#default" class="tsd-kind-icon">default</a>
                    </li>
                    <li class=" tsd-kind-variable">
                        <a href="../modules.html#easing" class="tsd-kind-icon">Easing</a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</div>
<footer class="with-border-bottom">
    <div class="container">
        <h2>Legend</h2>
        <div class="tsd-legend-group">
            <ul class="tsd-legend">
                <li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
                <li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li>
                <li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
            </ul>
        </div>
    </div>
</footer>
<div class="container tsd-generator">
    <p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
</div>
<div class="overlay"></div>
<script src="../assets/js/main.js"></script>
</body>
</html>