com.phloxui
Version:
PhloxUI Ng2+ Framework
813 lines • 50.6 kB
HTML
<!doctype html>
<html class="default no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>AbstractSideSlidePanel | com.phloxui</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">com.phloxui</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>
<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>
<li>
<a href="../modules/_component_abstractsideslidepanel_.html">"component/AbstractSideSlidePanel"</a>
</li>
<li>
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html">AbstractSideSlidePanel</a>
</li>
</ul>
<h1>Class AbstractSideSlidePanel</h1>
</div>
</div>
</header>
<div class="container container-main">
<div class="row">
<div class="col-8 col-content">
<section class="tsd-panel tsd-comment">
<div class="tsd-comment tsd-typography">
<div class="lead">
<p style="text-indent: 2em;">
An abstract base class for side slide panel component. This class will automatically publish <code>hide</code> and <code>
show</code> events to <a href="_service_observablemanager_service_.observablemanager.html">ObservableManager</a> on topic name <code>side-slide-panel.[sub-topic-name].show</code> and <code>
side-slide-panel.[sub-topic-name].hide</code> respectively. You can also control the show/hide state of this component
via <a href="_service_observablemanager_service_.observablemanager.html">ObservableManager</a> by publishing <code>boolean</code> to <code>side-slide-panel.[sub-topic-name].cmd</code> topic.
This class provides the default implementation for method <a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#onlostfocus">onLostFocus</a> to automatically hide this component when focus lost.
</p>
</div>
<dl class="tsd-comment-tags">
<dt>author</dt>
<dd><p>shiorin, tee4cute</p>
</dd>
<dt>see</dt>
<dd><p><a href="_service_observablemanager_service_.observablemanager.html">ObservableManager</a></p>
</dd>
<dt>see</dt>
<dd><p><a href="../interfaces/_component_ineedfocus_.ineedfocus.html">INeedFocus</a></p>
</dd>
</dl>
</div>
</section>
<section class="tsd-panel tsd-hierarchy">
<h3>Hierarchy</h3>
<ul class="tsd-hierarchy">
<li>
<span class="target">AbstractSideSlidePanel</span>
</li>
</ul>
</section>
<section class="tsd-panel">
<h3>Implements</h3>
<ul class="tsd-hierarchy">
<li><a href="../interfaces/_component_iapplicationaware_.iapplicationaware.html" class="tsd-signature-type">IApplicationAware</a></li>
<li><span class="tsd-signature-type">OnInit</span></li>
<li><a href="../interfaces/_component_ineedfocus_.ineedfocus.html" class="tsd-signature-type">INeedFocus</a></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"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.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 tsd-is-protected"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#active" class="tsd-kind-icon">active</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-protected"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#hidesubjects" class="tsd-kind-icon">hide<wbr>Subjects</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-protected"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#needfocusservice" class="tsd-kind-icon">need<wbr>Focus<wbr>Service</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-protected"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#observablemgr" class="tsd-kind-icon">observable<wbr>Mgr</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-protected"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#phloxappservice" class="tsd-kind-icon">phlox<wbr>App<wbr>Service</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-protected"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#showsubjects" class="tsd-kind-icon">show<wbr>Subjects</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-protected"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#subtopicname" class="tsd-kind-icon">sub<wbr>Topic<wbr>Name</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#cmd_topic_name" class="tsd-kind-icon">CMD_<wbr>TOPIC_<wbr>NAME</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#hide_topic_name" class="tsd-kind-icon">HIDE_<wbr>TOPIC_<wbr>NAME</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#show_topic_name" class="tsd-kind-icon">SHOW_<wbr>TOPIC_<wbr>NAME</a></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#sub_topic_name" class="tsd-kind-icon">SUB_<wbr>TOPIC_<wbr>NAME</a></li>
</ul>
</section>
<section class="tsd-index-section tsd-is-private tsd-is-private-protected">
<h3>Accessors</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-private"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#app" class="tsd-kind-icon">app</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="_component_abstractsideslidepanel_.abstractsideslidepanel.html#getapplication" class="tsd-kind-icon">get<wbr>Application</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#getsubtopicname" class="tsd-kind-icon">get<wbr>Sub<wbr>Topic<wbr>Name</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#hide" class="tsd-kind-icon">hide</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#initsideslideeventtopics" class="tsd-kind-icon">init<wbr>Side<wbr>Slide<wbr>Event<wbr>Topics</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#isactive" class="tsd-kind-icon">is<wbr>Active</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#ngoninit" class="tsd-kind-icon">ng<wbr>OnInit</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#onfocus" class="tsd-kind-icon">on<wbr>Focus</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#onlostfocus" class="tsd-kind-icon">on<wbr>Lost<wbr>Focus</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#ontoggle" class="tsd-kind-icon">on<wbr>Toggle</a></li>
<li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#show" class="tsd-kind-icon">show</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-static"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#getcmdtopicname" class="tsd-kind-icon">get<wbr>Cmd<wbr>Topic<wbr>Name</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-static"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#gethidetopicname" class="tsd-kind-icon">get<wbr>Hide<wbr>Topic<wbr>Name</a></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-static"><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#getshowtopicname" class="tsd-kind-icon">get<wbr>Show<wbr>Topic<wbr>Name</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">
<a name="constructor" class="tsd-anchor"></a>
<h3>constructor</h3>
<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">new <wbr>Abstract<wbr>Side<wbr>Slide<wbr>Panel<span class="tsd-signature-symbol">(</span>phloxAppService<span class="tsd-signature-symbol">: </span><a href="_service_phloxappservice_service_.phloxappservice.html" class="tsd-signature-type">PhloxAppService</a>, observableMgr<span class="tsd-signature-symbol">: </span><a href="_service_observablemanager_service_.observablemanager.html" class="tsd-signature-type">ObservableManager</a>, needFocusService<span class="tsd-signature-symbol">: </span><a href="_service_needfocusservice_service_.needfocusservice.html" class="tsd-signature-type">NeedFocusService</a>, subTopicName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html" class="tsd-signature-type">AbstractSideSlidePanel</a></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractSideSlidePanel.ts:111</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>phloxAppService: <a href="_service_phloxappservice_service_.phloxappservice.html" class="tsd-signature-type">PhloxAppService</a></h5>
</li>
<li>
<h5>observableMgr: <a href="_service_observablemanager_service_.observablemanager.html" class="tsd-signature-type">ObservableManager</a></h5>
</li>
<li>
<h5>needFocusService: <a href="_service_needfocusservice_service_.needfocusservice.html" class="tsd-signature-type">NeedFocusService</a></h5>
</li>
<li>
<h5>subTopicName: <span class="tsd-signature-type">string</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html" class="tsd-signature-type">AbstractSideSlidePanel</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 tsd-is-protected">
<a name="active" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> active</h3>
<div class="tsd-signature tsd-kind-icon">active<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractSideSlidePanel.ts:101</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-protected">
<a name="hidesubjects" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> hide<wbr>Subjects</h3>
<div class="tsd-signature tsd-kind-icon">hide<wbr>Subjects<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Subject</span><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></div>
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractSideSlidePanel.ts:104</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-protected">
<a name="needfocusservice" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> need<wbr>Focus<wbr>Service</h3>
<div class="tsd-signature tsd-kind-icon">need<wbr>Focus<wbr>Service<span class="tsd-signature-symbol">:</span> <a href="_service_needfocusservice_service_.needfocusservice.html" class="tsd-signature-type">NeedFocusService</a></div>
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractSideSlidePanel.ts:100</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-protected">
<a name="observablemgr" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> observable<wbr>Mgr</h3>
<div class="tsd-signature tsd-kind-icon">observable<wbr>Mgr<span class="tsd-signature-symbol">:</span> <a href="_service_observablemanager_service_.observablemanager.html" class="tsd-signature-type">ObservableManager</a></div>
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractSideSlidePanel.ts:99</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-protected">
<a name="phloxappservice" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> phlox<wbr>App<wbr>Service</h3>
<div class="tsd-signature tsd-kind-icon">phlox<wbr>App<wbr>Service<span class="tsd-signature-symbol">:</span> <a href="_service_phloxappservice_service_.phloxappservice.html" class="tsd-signature-type">PhloxAppService</a></div>
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractSideSlidePanel.ts:98</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-protected">
<a name="showsubjects" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> show<wbr>Subjects</h3>
<div class="tsd-signature tsd-kind-icon">show<wbr>Subjects<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Subject</span><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></div>
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractSideSlidePanel.ts:103</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-protected">
<a name="subtopicname" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagProtected">Protected</span> sub<wbr>Topic<wbr>Name</h3>
<div class="tsd-signature tsd-kind-icon">sub<wbr>Topic<wbr>Name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractSideSlidePanel.ts:102</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a name="cmd_topic_name" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> CMD_<wbr>TOPIC_<wbr>NAME</h3>
<div class="tsd-signature tsd-kind-icon">CMD_<wbr>TOPIC_<wbr>NAME<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = CMD_TOPIC_NAME</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractSideSlidePanel.ts:36</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a name="hide_topic_name" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> HIDE_<wbr>TOPIC_<wbr>NAME</h3>
<div class="tsd-signature tsd-kind-icon">HIDE_<wbr>TOPIC_<wbr>NAME<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = HIDE_TOPIC_NAME</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractSideSlidePanel.ts:35</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a name="show_topic_name" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> SHOW_<wbr>TOPIC_<wbr>NAME</h3>
<div class="tsd-signature tsd-kind-icon">SHOW_<wbr>TOPIC_<wbr>NAME<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = SHOW_TOPIC_NAME</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractSideSlidePanel.ts:34</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a name="sub_topic_name" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> SUB_<wbr>TOPIC_<wbr>NAME</h3>
<div class="tsd-signature tsd-kind-icon">SUB_<wbr>TOPIC_<wbr>NAME<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = SUB_TOPIC_NAME</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractSideSlidePanel.ts:33</li>
</ul>
</aside>
</section>
</section>
<section class="tsd-panel-group tsd-member-group tsd-is-private tsd-is-private-protected">
<h2>Accessors</h2>
<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-private">
<a name="app" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> app</h3>
<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> app<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_component_phloxapp_component_.phloxapp.html" class="tsd-signature-type">PhloxApp</a></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractSideSlidePanel.ts:106</li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <a href="_component_phloxapp_component_.phloxapp.html" class="tsd-signature-type">PhloxApp</a></h4>
</li>
</ul>
</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="getapplication" class="tsd-anchor"></a>
<h3>get<wbr>Application</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">get<wbr>Application<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_component_phloxapp_component_.phloxapp.html" class="tsd-signature-type">PhloxApp</a></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Implementation of <a href="../interfaces/_component_iapplicationaware_.iapplicationaware.html">IApplicationAware</a>.<a href="../interfaces/_component_iapplicationaware_.iapplicationaware.html#getapplication">getApplication</a></p>
<ul>
<li>Defined in component/AbstractSideSlidePanel.ts:162</li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <a href="_component_phloxapp_component_.phloxapp.html" class="tsd-signature-type">PhloxApp</a></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="getsubtopicname" class="tsd-anchor"></a>
<h3>get<wbr>Sub<wbr>Topic<wbr>Name</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">get<wbr>Sub<wbr>Topic<wbr>Name<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractSideSlidePanel.ts:226</li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="hide" class="tsd-anchor"></a>
<h3>hide</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">hide<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 component/AbstractSideSlidePanel.ts:187</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p style="text-indent: 1em;">
Hide this component. This method also publishes an event to topic <code>side-slide-panel.[sub-topic-name].hide</code>.
</p>
</div>
</div>
<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 tsd-is-private">
<a name="initsideslideeventtopics" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagPrivate">Private</span> init<wbr>Side<wbr>Slide<wbr>Event<wbr>Topics</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
<li class="tsd-signature tsd-kind-icon">init<wbr>Side<wbr>Slide<wbr>Event<wbr>Topics<span class="tsd-signature-symbol">(</span>showTopic<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, hideTopic<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, showCmdTopic<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</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 component/AbstractSideSlidePanel.ts:125</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>showTopic: <span class="tsd-signature-type">string</span></h5>
</li>
<li>
<h5>hideTopic: <span class="tsd-signature-type">string</span></h5>
</li>
<li>
<h5>showCmdTopic: <span class="tsd-signature-type">string</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="isactive" class="tsd-anchor"></a>
<h3>is<wbr>Active</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">is<wbr>Active<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractSideSlidePanel.ts:222</li>
</ul>
</aside>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
<a name="ngoninit" class="tsd-anchor"></a>
<h3>ng<wbr>OnInit</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">ng<wbr>OnInit<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 component/AbstractSideSlidePanel.ts:144</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="onfocus" class="tsd-anchor"></a>
<h3>on<wbr>Focus</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">on<wbr>Focus<span class="tsd-signature-symbol">(</span>event<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-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Implementation of <a href="../interfaces/_component_ineedfocus_.ineedfocus.html">INeedFocus</a>.<a href="../interfaces/_component_ineedfocus_.ineedfocus.html#onfocus">onFocus</a></p>
<ul>
<li>Defined in component/AbstractSideSlidePanel.ts:214</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>event: <span class="tsd-signature-type">any</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="onlostfocus" class="tsd-anchor"></a>
<h3>on<wbr>Lost<wbr>Focus</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">on<wbr>Lost<wbr>Focus<span class="tsd-signature-symbol">(</span>event<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-type">void</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<p>Implementation of <a href="../interfaces/_component_ineedfocus_.ineedfocus.html">INeedFocus</a>.<a href="../interfaces/_component_ineedfocus_.ineedfocus.html#onlostfocus">onLostFocus</a></p>
<ul>
<li>Defined in component/AbstractSideSlidePanel.ts:218</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>event: <span class="tsd-signature-type">any</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="ontoggle" class="tsd-anchor"></a>
<h3>on<wbr>Toggle</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">on<wbr>Toggle<span class="tsd-signature-symbol">(</span>event<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">MouseEvent</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 component/AbstractSideSlidePanel.ts:204</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p style="text-indent: 1em;">
Toggle show/hide this component. This method also publishes an event to topic <code>side-slide-panel.[sub-topic-name].show</code>
and <code>side-slide-panel.[sub-topic-name].hide</code> when the component is shown or hidden respectively.
</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>event: <span class="tsd-signature-type">MouseEvent</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="show" class="tsd-anchor"></a>
<h3>show</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">show<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 component/AbstractSideSlidePanel.ts:171</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p style="text-indent: 1em;">
Show this component. This method also publishes an event to topic <code>side-slide-panel.[sub-topic-name].show</code>.
</p>
</div>
</div>
<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 tsd-is-static">
<a name="getcmdtopicname" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> get<wbr>Cmd<wbr>Topic<wbr>Name</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-static">
<li class="tsd-signature tsd-kind-icon">get<wbr>Cmd<wbr>Topic<wbr>Name<span class="tsd-signature-symbol">(</span>subTopicName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractSideSlidePanel.ts:78</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>subTopicName: <span class="tsd-signature-type">string</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-static">
<a name="gethidetopicname" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> get<wbr>Hide<wbr>Topic<wbr>Name</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-static">
<li class="tsd-signature tsd-kind-icon">get<wbr>Hide<wbr>Topic<wbr>Name<span class="tsd-signature-symbol">(</span>subTopicName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractSideSlidePanel.ts:58</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>subTopicName: <span class="tsd-signature-type">string</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-static">
<a name="getshowtopicname" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> get<wbr>Show<wbr>Topic<wbr>Name</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-static">
<li class="tsd-signature tsd-kind-icon">get<wbr>Show<wbr>Topic<wbr>Name<span class="tsd-signature-symbol">(</span>subTopicName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in component/AbstractSideSlidePanel.ts:38</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>subTopicName: <span class="tsd-signature-type">string</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></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="globals ">
<a href="../globals.html"><em>Globals</em></a>
</li>
<li class="current tsd-kind-external-module">
<a href="../modules/_component_abstractsideslidepanel_.html">"component/<wbr>Abstract<wbr>Side<wbr>Slide<wbr>Panel"</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 tsd-parent-kind-external-module">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html" class="tsd-kind-icon">Abstract<wbr>Side<wbr>Slide<wbr>Panel</a>
<ul>
<li class=" tsd-kind-constructor tsd-parent-kind-class">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#constructor" class="tsd-kind-icon">constructor</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-protected">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#active" class="tsd-kind-icon">active</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-protected">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#hidesubjects" class="tsd-kind-icon">hide<wbr>Subjects</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-protected">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#needfocusservice" class="tsd-kind-icon">need<wbr>Focus<wbr>Service</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-protected">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#observablemgr" class="tsd-kind-icon">observable<wbr>Mgr</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-protected">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#phloxappservice" class="tsd-kind-icon">phlox<wbr>App<wbr>Service</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-protected">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#showsubjects" class="tsd-kind-icon">show<wbr>Subjects</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-protected">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#subtopicname" class="tsd-kind-icon">sub<wbr>Topic<wbr>Name</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#cmd_topic_name" class="tsd-kind-icon">CMD_<wbr>TOPIC_<wbr>NAME</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#hide_topic_name" class="tsd-kind-icon">HIDE_<wbr>TOPIC_<wbr>NAME</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#show_topic_name" class="tsd-kind-icon">SHOW_<wbr>TOPIC_<wbr>NAME</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-static">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#sub_topic_name" class="tsd-kind-icon">SUB_<wbr>TOPIC_<wbr>NAME</a>
</li>
<li class=" tsd-kind-get-signature tsd-parent-kind-class tsd-is-private">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#app" class="tsd-kind-icon">app</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#getapplication" class="tsd-kind-icon">get<wbr>Application</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#getsubtopicname" class="tsd-kind-icon">get<wbr>Sub<wbr>Topic<wbr>Name</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#hide" class="tsd-kind-icon">hide</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#initsideslideeventtopics" class="tsd-kind-icon">init<wbr>Side<wbr>Slide<wbr>Event<wbr>Topics</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#isactive" class="tsd-kind-icon">is<wbr>Active</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#ngoninit" class="tsd-kind-icon">ng<wbr>OnInit</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#onfocus" class="tsd-kind-icon">on<wbr>Focus</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#onlostfocus" class="tsd-kind-icon">on<wbr>Lost<wbr>Focus</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#ontoggle" class="tsd-kind-icon">on<wbr>Toggle</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#show" class="tsd-kind-icon">show</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-static">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#getcmdtopicname" class="tsd-kind-icon">get<wbr>Cmd<wbr>Topic<wbr>Name</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-static">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#gethidetopicname" class="tsd-kind-icon">get<wbr>Hide<wbr>Topic<wbr>Name</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-static">
<a href="_component_abstractsideslidepanel_.abstractsideslidepanel.html#getshowtopicname" class="tsd-kind-icon">get<wbr>Show<wbr>Topic<wbr>Name</a>
</li>
</ul>
</li>
</ul>
<ul class="after-current">
<li class=" tsd-kind-variable tsd-parent-kind-external-module tsd-is-not-exported">
<a href="../modules/_component_abstractsideslidepanel_.html#cmd_suffix" class="tsd-kind-icon">CMD_<wbr>SUFFIX</a>
</li>
<li class=" tsd-kind-variable tsd-parent-kind-external-module tsd-is-not-exported">
<a href="../modules/_component_abstractsideslidepanel_.html#cmd_topic_name" class="tsd-kind-icon">CMD_<wbr>TOPIC_<wbr>NAME</a>
</li>
<li class=" tsd-kind-variable tsd-parent-kind-external-module tsd-is-not-exported">
<a href="../modules/_component_abstractsideslidepanel_.html#hide_suffix" class="tsd-kind-icon">HIDE_<wbr>SUFFIX</a>
</li>
<li class=" tsd-kind-variable tsd-parent-kind-external-module tsd-is-not-exported">
<a href="../modules/_component_abstractsideslidepanel_.html#hide_topic_name" class="tsd-kind-icon">HIDE_<wbr>TOPIC_<wbr>NAME</a>
</li>
<li class=" tsd-kind-variable tsd-parent-kind-external-module tsd-is-not-exported">
<a href="../modules/_component_abstractsideslidepanel_.html#show_suffix" class="tsd-kind-icon">SHOW_<wbr>SUFFIX</a>
</li>
<li class=" tsd-kind-variable tsd-parent-kind-external-module tsd-is-not-exported">
<a href="../modules/_component_abstractsideslidepanel_.html#show_topic_name" class="tsd-kind-icon">SHOW_<wbr>TOPIC_<wbr>NAME</a>
</li>
<li class=" tsd-kind-variable tsd-parent-kind-external-module tsd-is-not-exported">
<a href="../modules/_component_abstractsideslidepanel_.html#sub_topic_name" class="tsd-kind-icon">SUB_<wbr>TOPIC_<wbr>NAME</a>
</li>
<li class=" tsd-kind-variable tsd-parent-kind-external-module tsd-is-not-exported">
<a href="../modules/_component_abstractsideslidepanel_.html#topic_name_prefix" class="tsd-kind-icon">TOPIC_<wbr>NAME_<wbr>PREFIX</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-module"><span class="tsd-kind-icon">Module</span></li>
<li class="tsd-kind-object-literal"><span class="tsd-kind-icon">Object literal</span></li>
<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
<li class="tsd-kind-function tsd-has-type-parameter"><span class="tsd-kind-icon">Function with type parameter</span></li>
<li class="tsd-kind-index-signature"><span class="tsd-kind-icon">Index signature</span></li>
<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-enum"><span class="tsd-kind-icon">Enumeration</span></li>
<li class="tsd-kind-enum-member"><span class="tsd-kind-icon">Enumeration member</span></li>
<li class="tsd-kind-property tsd-parent-kind-enum"><span class="tsd-kind-icon">Property</span></li>
<li class="tsd-kind-method tsd-parent-kind-enum"><span class="tsd-kind-icon">Method</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
<li class="tsd-kind-interface tsd-has-type-parameter"><span class="tsd-kind-icon">Interface with type parameter</span></li>
<li class="tsd-kind-constructor tsd-parent-kind-interface"><span class="tsd-kind-icon">Constructor</span></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li>
<li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li>
<li class="tsd-kind-index-signature tsd-parent-kind-interface"><span class="tsd-kind-icon">Index signature</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
<li class="tsd-kind-class tsd-has-type-parameter"><span class="tsd-kind-icon">Class with type parameter</span></li>
<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>
<li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li>
<li class="tsd-kind-index-signature tsd-parent-kind-class"><span class="tsd-kind-icon">Index signature</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited constructor</span></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited property</span></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li>
<li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected property</span></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected method</span></li>
<li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected accessor</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private property</span></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private method</span></li>
<li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private accessor</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-property tsd-parent-kind-class tsd-