@scion-scxml/core

<!doctype html> <html class="default no-js"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>typescript</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="assets/css/main.css"> </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.js" 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">typescript</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"> All <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> <input type="checkbox" id="tsd-filter-externals" checked /> <label class="tsd-widget" for="tsd-filter-externals">Externals</label> <input type="checkbox" id="tsd-filter-only-exported" /> <label class="tsd-widget" for="tsd-filter-only-exported">Only exported</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="globals.html">Globals</a> </li> </ul> <h1> typescript</h1> </div> </div> </header> <div class="container container-main"> <div class="row"> <div class="col-8 col-content"> <div class="tsd-panel tsd-typography"> <h1 id="overview">Overview</h1> scion-core is a small implementation of Statecharts in JavaScript. scion-core lets you program with Statecharts using a simple JavaScript/JSON API. <h1 id="installation">Installation</h1> <h2 id="browser-vanillajs-">Browser (VanillaJS)</h2> scion-core is available on unpkg. Simply add the script tag to your page: <pre><code><script src="https://unpkg.com/@scion-scxml/core@2.6.22/dist/core.min.js"></script></code></pre>scion-core is then available as the global variable <code>scion.core</code>. <h2 id="node-js">Node.js</h2> Install scion-core via npm: <pre><code>npm install @scion-scxml/core</code></pre><h1 id="backwards-compatibility-semantics-">Backwards-compatibility (semantics)</h1> There are many different semantics for Statecharts family of languages (for a good overview of various Statechart semantics, see <a href="https://cs.uwaterloo.ca/~nday/pdf/techreps/2009-05-EsDa-tr.pdf">"Big-Step Semantics"</a> by Shahram Esmaeilsabzali, Nancy A. Day, Joanne M. Atlee, and Jianwei Niu). scion-core implements the semantics described in <a href="https://www.w3.org/TR/scxml/">Appendix D of the SCXML specification</a>. Versions of <a href="mailto:scion-core@1.x">scion-core@1.x</a> implements a slightly different semantics, described <a href="https://github.com/jbeard4/SCION/wiki/SCION-vs.-SCXML-Comparison">here</a>, <a href="https://github.com/jbeard4/SCION/wiki/Scion-Semantics">here</a>, and <a href="http://digitool.library.mcgill.ca/R/-?func=dbin-jump-full&object_id=116899&silo_library=GEN01">here</a>. The semantics of <a href="mailto:scion-core@1.x">scion-core@1.x</a> have been deprecated in <a href="mailto:scion-core@2.x">scion-core@2.x</a> in favor of the SCXML semantics described in Appendix D of the specification. If you are upgrading an existing application, and you require support for <a href="mailto:scion-core@1.x">scion-core@1.x</a> semantics, the <a href="https://github.com/jbeard4/scion-core-legac://github.com/jbeard4/scion-core-legacy">scion-core-legacy</a> module provides a backwards-compatible, drop-in replacement module for <a href="mailto:scion-core@1.5.5">scion-core@1.5.5</a>. <h1 id="api">API</h1> See generated API docs <a href="http://jbeard4.github.io/SCION-CORE/classes/_workspace_scion_scxml_platform_projects_scion_core_tsd_scion_core_d_.statechart.html">here</a>. <h1 id="statecharts-model-schema">Statecharts Model Schema</h1> scion-core is designed to allow you to specify the Statecharts model declaratively as a single JavaScript object literal, or as JSON. This section is intended to describe the schema of the Statecharts object model accepted by scion-core. As of version 2, scion-core implements the semantics defined in Appendix D of the SCXML specification, <a href="https://www.w3.org/TR/scxml/#AlgorithmforSCXMLInterpretation">"Algorithm for SCXML Interpretation"</a>. <h2 id="states">States</h2> A scion-core model is made up of states. States can have id's, which are optional. Here is a scion-core model which is a single state: <pre><code>{ id : 'foo' }</code></pre>States can contain other states hierarchically: <pre><code class="language-javascript">{ id : 'foo' states : [ { id : 'bar' }, { id : 'bat' } ] }</code></pre> By default, a parent state will be an "OR" state, which means it defines an XOR relationship between its children (if the state machine is in 'foo', then the state machine will either be in state 'bar' or 'bat', but will never be in both 'bar' and 'bat' simultaneously). By default, when entering a parent state, the first state in the parent's state array will be entered. So, for example, when the state machine is started with the above model, its configuration (the set of states the state machine is currently in) will be <code>['foo','bar']</code>; There are other types of states, however, including "parallel" states, which defines an "AND" relationship between substates. <pre><code class="language-javascript">{ id : 'foo' $type : 'parallel' states : [ { id : 'bar' }, { id : 'bat' } ] }</code></pre> In this example, if the state machine is in state 'foo', then the state machine will also be in state 'bar' and state 'bat' simultaneously. So when the state machine is started with the above model, its configuration will be <code>['foo','bar','bat']</code>. <h2 id="transitions">Transitions</h2> States are associated with transitions, which target other states. Transitions are optionally associated with an event name. A scion-core event is an object with "name" and "data" properties. When an event is sent to the state machine, the interpreter will inspect the current configuration, and select the set of transitions that matches event name. <pre><code class="language-javascript">{ id : 'foo' states : [ { id : 'bar', transitions : [ { target : 'bat', event : 't' } ] }, { id : 'bat' } ] }</code></pre> In this case, the state machine would start in configuration <code>['foo','bar']</code>. When event <code>{ name : 't' }</code> is sent to the state machine, then the state machine would transition to state 'bat', and the resulting configuration would be <code>['foo','bat']</code>. If the transition does not have an event property, then it is known as a "default transition", and it will be selected regardless of the event's "name" property. A transition can also be associated with a condition, which is an arbitrary JavaScript function that accepts an event as input, and returns a boolean value as output. Boolean true means the transition can be selected, while boolean false means the transition will not be selected. <pre><code class="language-javascript">{ id : 'foo' states : [ { id : 'bar', transitions : [ { target : 'bat', event : 't', cond : function(event){ return event.data % 2; } } ] }, { id : 'bat' } ] }</code></pre> For example, the above model will only transition from 'bar' to 'bat', when <code>event.data</code> contains an odd number. <h2 id="entry-exit-and-transition-actions">Entry, Exit, and Transition Actions</h2> States can be associated with entry and exit actions. These are JavaScript functions which are executed when the state is entered or exited. Transitions can also be associated with actions. Actions are executed in the following order: <ul> <li>State exit actions, ordered first by hierarchy (inner states first), and then by the order in which they appear in the document.</li> <li>Transition actions, based on document order.</li> <li>State entry actions, ordered first by hierarchy (outer states first), and then by the order in which they appear in the document.</li> </ul> <pre><code class="language-javascript">var buffer; var model = { id : 'foo' onEntry : function(event){ buffer = []; //initialize array }, states : [ { id : 'bar', onEntry : function(event){ buffer.push(1); }, onExit : function(event){ buffer.push(2); }, transitions : [ { target : 'bat', event : 't', onTransition : function(event){ buffer.push(3); } } ] }, { id : 'bat', onEntry : function(event){ buffer.push(event.data); } } ] }; var sc = new scion.SCInterpreter(model); sc.start(); //buffer now contains [1] sc.gen('t','x'); //buffer now contains [1,2,3,'x']</code></pre> For the above model, when the state machine is started, 'foo' would be entered, thus initializing variable <code>buffer</code> with a new array; and then state 'bar' would be entered, pushing <code>1</code> to the buffer. After the invocation to <code>sc.start</code>, the buffer would then container <code>[1]</code>. During the call to <code>sc.gen</code>, the exit action of state 'bar' would be executed, pushing <code>2</code> to the buffer, followed by transition action, pushing <code>3</code> to the buffer, followed by the entry action of <code>bat</code>, pushing the event data, string <code>"x"</code>, to the buffer. After the call to <code>sc.gen</code> completes, the buffer would contain [1,2,3,'x']. <h2 id="history">History</h2> A history state is a special pseudo-state that allows the state machine to "remember" what substate it was in last time it was in a particular parent state. There are two types of history states: "deep" and "shallow". The syntax for specifying history states is as follows: <pre><code class="language-javascript">{ states : [ { id : 'foo', transitions : [ { event : 't2' target : 'bif' } ], states : [ { id : 'h', $type : 'history', isDeep : true transitions : [ { target : 'bar' } ] }, { id : 'bar', transitions : [ { event : 't1' target : 'bat2' } ] }, { id : 'bat', substates : [ { id : 'bat1' }, { id : 'bat2' } ] } ] }, { id : 'bif', transitions : [ { target : 'h', event : 't3' } ] } ] }</code></pre> The first time the state machine enters 'h', it it will transition to state 'bar'. After the call to sc.start(), the state machine will reside in ['foo','bar']. After the state machine sends event <code>t1</code>, the state machine will transition to 'bat2', and will reside in configuration <code>['foo','bat','bat2']</code>. After the state machine sends event <code>t2</code>, the state machine will transition to 'bif', and will reside in configuration <code>['bif']</code>. Finally, after the state machine sends event <code>t3</code>, the state machine will transition to back to the history state 'h', which will "remember", the configuration the state machine was in last time it was in 'foo', and the state machine will complete in configuration <code>['foo','bat','bat2']</code>. If property <code>isDeep</code> had not been set on the history state, then the state machine would only have remembered the child substates of <code>foo</code>, and the state machine would have completed in configuration <code>['foo','bat','bat1']</code>. <h2 id="communications">Communications</h2> The context object ("<code>this</code>") of onEntry, onExit, and onTransition functions contains the following methods: <ul> <li><code>send(event)</code>, which adds an event to the interpreter's outer queue</li> <li><code>raise(event)</code>, which adds an event to the interpreter's inner queue </li> </ul> <h1 id="quickstart-and-simple-use-case">Quickstart and Simple Use Case</h1> Let's start with the simple example of drag-and-drop behaviour in the browser. You can run this demo live on jsfiddle <a href="http://jsfiddle.net/jbeard4/MDkLe/11/">here</a>. An entity that can be dragged has two states: idle and dragging. If the entity is in an idle state, and it receives a mousedown event, then it starts dragging. While dragging, if it receives a mousemove event, then it changes its position. Also while dragging, when it receives a mouseup event, it returns to the idle state. This natural-language description of behaviour can be described using the following simple state machine: <img src="http://jbeard4.github.com/SCION/img/drag_and_drop.png" alt="Drag and Drop"> This state machine could be written in scion-core's JSON syntax as follows: <pre><code class="language-javascript">{ "states" : [ { "id" : "idle", "transitions" : [ { "event" : "mousedown", "target" : "dragging", } ] }, { "id" : "dragging", "transitions" : [ { "event" : "mouseup", "target" : "idle", }, { "event" : "mousemove", "target" : "dragging" } ] } ] }</code></pre> One can add action code in order to script an HTML DOM element, so as to change its position on mousemove events: <pre><code class="language-javascript">//declare the your statechart model, same as before var firstEvent, eventStamp, rectNode = document.getElementById('rect'), rectX = 0, rectY = 0; var statechartModel = { states : [ { id : 'idle', onEntry : function(){ rectNode.textContent='idle'; }, transitions : [ { event : 'mousedown', target : 'dragging', onTransition : function(event){ eventStamp = firstEvent = event.data; } } ] }, { id : 'dragging', onEntry : function(){ rectNode.textContent='dragging'; }, transitions : [ { event : 'mouseup', target : 'idle' }, { event : 'mousemove', target : 'dragging', onTransition : function(event){ var dx = eventStamp.clientX - event.data.clientX; var dy = eventStamp.clientY - event.data.clientY; rectNode.style.left = (rectX -= dx) + 'px'; rectNode.style.top = (rectY -= dy) + 'px'; eventStamp = event.data; } } ] } ] };</code></pre> You can then perform the following steps to script web content: <ol> <li>Use the statecharts model object to instantiate the SCXML interpreter.</li> <li>Connect relevant event listeners to the SCXML interpreter.</li> <li>Call the <code>start</code> method on the SCXML interpreter to start execution of the statechart.</li> </ol> <pre><code class="language-html"><html> <head> <script src="https://unpkg.com/@scion-scxml/core@2.6.21/dist/core.min.js"></script> </head> <body> <div id="rect"/> <script> //declare the your statechart model, same as before var firstEvent, eventStamp, rectNode = document.getElementById('rect'), rectX = 0, rectY = 0; var statechartModel = { states : [ { id : 'idle', onEntry : function(){ rectNode.textContent='idle'; }, transitions : [ { event : 'mousedown', target : 'dragging', onTransition : function(event){ eventStamp = firstEvent = event.data; } } ] }, { id : 'dragging', onEntry : function(){ rectNode.textContent='dragging'; }, transitions : [ { event : 'mouseup', target : 'idle' }, { event : 'mousemove', target : 'dragging', onTransition : function(event){ var dx = eventStamp.clientX - event.data.clientX; var dy = eventStamp.clientY - event.data.clientY; rectNode.style.left = (rectX -= dx) + 'px'; rectNode.style.top = (rectY -= dy) + 'px'; eventStamp = event.data; } } ] } ] }; //instantiate the interpreter var interpreter = new scion.core.Statechart(statechartModel); //start the interpreter interpreter.start(); function handleEvent(e){ e.preventDefault(); interpreter.gen({name : e.type,data: e}); } //connect all relevant event listeners rectNode.addEventListener('mousedown',handleEvent,true); document.documentElement.addEventListener('mouseup',handleEvent,true); document.documentElement.addEventListener('mousemove',handleEvent,true); </script> </body> </html></code></pre> <h1 id="build-status">Build Status</h1> <a href="https://gitlab.com/scion-scxml/core"><img src="https://gitlab.com/scion-scxml/core/badges/master/build.svg" alt="Build status"></a> </div> </div> <div class="col-4 col-menu menu-sticky-wrap menu-highlight"> <nav class="tsd-navigation primary"> <ul> <li class="globals "> <a href="globals.html">Globals</a> </li> <li class="label tsd-is-external"> Internals </li> <li class=" tsd-kind-external-module"> <a href="modules/_tsd_scion_core_d_.html">"tsd/scion-core.d"</a> </li> <li class="label tsd-is-external"> Externals </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__scion_scxml_core_base_tsd_scion_core_base_d_.html">"node_modules/@scion-scxml/core-base/tsd/scion-core-base.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__types_events_index_d_.html">"node_modules/@types/events/index.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__types_fs_extra_index_d_.html">"node_modules/@types/fs-extra/index.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__types_glob_index_d_.html">"node_modules/@types/glob/index.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__types_handlebars_index_d_.html">"node_modules/@types/handlebars/index.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__types_highlight_js_index_d_.html">"node_modules/@types/highlight.js/index.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__types_lodash_common_array_d_.html">"node_modules/@types/lodash/common/array.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__types_lodash_common_collection_d_.html">"node_modules/@types/lodash/common/collection.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__types_lodash_common_common_d_.html">"node_modules/@types/lodash/common/common.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__types_lodash_common_date_d_.html">"node_modules/@types/lodash/common/date.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__types_lodash_common_function_d_.html">"node_modules/@types/lodash/common/function.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__types_lodash_common_lang_d_.html">"node_modules/@types/lodash/common/lang.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__types_lodash_common_math_d_.html">"node_modules/@types/lodash/common/math.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__types_lodash_common_number_d_.html">"node_modules/@types/lodash/common/number.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__types_lodash_common_object_d_.html">"node_modules/@types/lodash/common/object.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__types_lodash_common_seq_d_.html">"node_modules/@types/lodash/common/seq.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__types_lodash_common_string_d_.html">"node_modules/@types/lodash/common/string.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__types_lodash_common_util_d_.html">"node_modules/@types/lodash/common/util.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__types_lodash_index_d_.html">"node_modules/@types/lodash/index.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__types_marked_index_d_.html">"node_modules/@types/marked/index.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__types_minimatch_index_d_.html">"node_modules/@types/minimatch/index.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__types_node_index_d_.html">"node_modules/@types/node/index.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__types_node_inspector_d_.html">"node_modules/@types/node/inspector.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules__types_shelljs_index_d_.html">"node_modules/@types/shelljs/index.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules_typescript_lib_lib_es2015_collection_d_.html">"node_modules/typescript/lib/lib.es2015.collection.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules_typescript_lib_lib_es2015_core_d_.html">"node_modules/typescript/lib/lib.es2015.core.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules_typescript_lib_lib_es2015_d_.html">"node_modules/typescript/lib/lib.es2015.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules_typescript_lib_lib_es2015_generator_d_.html">"node_modules/typescript/lib/lib.es2015.generator.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules_typescript_lib_lib_es2015_iterable_d_.html">"node_modules/typescript/lib/lib.es2015.iterable.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules_typescript_lib_lib_es2015_promise_d_.html">"node_modules/typescript/lib/lib.es2015.promise.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules_typescript_lib_lib_es2015_proxy_d_.html">"node_modules/typescript/lib/lib.es2015.proxy.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules_typescript_lib_lib_es2015_reflect_d_.html">"node_modules/typescript/lib/lib.es2015.reflect.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules_typescript_lib_lib_es2015_symbol_d_.html">"node_modules/typescript/lib/lib.es2015.symbol.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules_typescript_lib_lib_es2015_symbol_wellknown_d_.html">"node_modules/typescript/lib/lib.es2015.symbol.wellknown.d"</a> </li> <li class=" tsd-kind-external-module tsd-is-external"> <a href="modules/_node_modules_typescript_lib_lib_es5_d_.html">"node_modules/typescript/lib/lib.es5.d"</a> </li> </ul> </nav> <nav class="tsd-navigation secondary menu-sticky"> <ul class="before-current"> </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-module">Module</li> <li class="tsd-kind-object-literal">Object literal</li> <li class="tsd-kind-variable">Variable</li> <li class="tsd-kind-function">Function</li> <li class="tsd-kind-function tsd-has-type-parameter">Function with type parameter</li> <li class="tsd-kind-index-signature">Index signature</li> <li class="tsd-kind-type-alias">Type alias</li> </ul> <ul class="tsd-legend"> <li class="tsd-kind-enum">Enumeration</li> <li class="tsd-kind-enum-member">Enumeration member</li> <li class="tsd-kind-property tsd-parent-kind-enum">Property</li> <li class="tsd-kind-method tsd-parent-kind-enum">Method</li> </ul> <ul class="tsd-legend"> <li class="tsd-kind-interface">Interface</li> <li class="tsd-kind-interface tsd-has-type-parameter">Interface with type parameter</li> <li class="tsd-kind-constructor tsd-parent-kind-interface">Constructor</li> <li class="tsd-kind-property tsd-parent-kind-interface">Property</li> <li class="tsd-kind-method tsd-parent-kind-interface">Method</li> <li class="tsd-kind-index-signature tsd-parent-kind-interface">Index signature</li> </ul> <ul class="tsd-legend"> <li class="tsd-kind-class">Class</li> <li class="tsd-kind-class tsd-has-type-parameter">Class with type parameter</li> <li class="tsd-kind-constructor tsd-parent-kind-class">Constructor</li> <li class="tsd-kind-property tsd-parent-kind-class">Property</li> <li class="tsd-kind-method tsd-parent-kind-class">Method</li> <li class="tsd-kind-accessor tsd-parent-kind-class">Accessor</li> <li class="tsd-kind-index-signature tsd-parent-kind-class">Index signature</li> </ul> <ul class="tsd-legend"> <li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited">Inherited constructor</li> <li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited">Inherited property</li> <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited">Inherited method</li> <li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited">Inherited accessor</li> </ul> <ul class="tsd-legend"> <li class="tsd-kind-property tsd-parent-kind-class tsd-is-protected">Protected property</li> <li class="tsd-kind-method tsd-parent-kind-class tsd-is-protected">Protected method</li> <li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-protected">Protected accessor</li> </ul> <ul class="tsd-legend"> <li class="tsd-kind-property tsd-parent-kind-class tsd-is-private">Private property</li> <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private">Private method</li> <li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-private">Private accessor</li> </ul> <ul class="tsd-legend"> <li class="tsd-kind-property tsd-parent-kind-class tsd-is-static">Static property</li> <li class="tsd-kind-call-signature tsd-parent-kind-class tsd-is-static">Static method</li> </ul> </div> </div> </footer> <div class="container tsd-generator"> Generated using <a href="http://typedoc.org/" target="_blank">TypeDoc</a> </div> <div class="overlay"></div> <script src="assets/js/main.js"></script> <script>if (location.protocol == 'file:') document.write('<script src="assets/js/search.js"><' + '/script>');</script> </body> </html>