UNPKG

com.phloxui

Version:

PhloxUI Ng2+ Framework

841 lines 95.7 kB
<!doctype html> <html class="default no-js"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>PhloxApp | 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_phloxapp_component_.html">&quot;component/PhloxApp.component&quot;</a> </li> <li> <a href="_component_phloxapp_component_.phloxapp.html">PhloxApp</a> </li> </ul> <h1>Class PhloxApp</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;"> A main bootstrap component class for <code>PhloxUI</code> application. This class implements the <a href="../interfaces/_component_inavigator_.inavigator.html">INavigator</a> interface having pages (<a href="_component_abstractpage_.abstractpage.html">AbstractPage</a>) as <code>navigatee</code> items (<a href="../interfaces/_component_inavigatee_.inavigatee.html">INavigatee</a>). An <code>application</code> may consist of various pages, for example, it may have a login page to allow the user to login, once the user is logged on, it will navigate the user to the main page, etc. </p> </div> <dl class="tsd-comment-tags"> <dt>author</dt> <dd><p>shiorin, tee4cute</p> </dd> </dl> </div> </section> <section class="tsd-panel tsd-hierarchy"> <h3>Hierarchy</h3> <ul class="tsd-hierarchy"> <li> <span class="target">PhloxApp</span> </li> </ul> </section> <section class="tsd-panel"> <h3>Implements</h3> <ul class="tsd-hierarchy"> <li><a href="../interfaces/_component_inavigator_.inavigator.html" class="tsd-signature-type">INavigator</a><span class="tsd-signature-symbol">&lt;</span><a href="_component_abstractpage_.abstractpage.html" class="tsd-signature-type">AbstractPage</a><span class="tsd-signature-symbol">&gt;</span></li> <li><span class="tsd-signature-type">OnInit</span></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_phloxapp_component_.phloxapp.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-private"><a href="_component_phloxapp_component_.phloxapp.html#_showloader" class="tsd-kind-icon">_show<wbr>Loader</a></li> <li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_component_phloxapp_component_.phloxapp.html#appinfo" class="tsd-kind-icon">app<wbr>Info</a></li> <li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_component_phloxapp_component_.phloxapp.html#appinfoservice" class="tsd-kind-icon">app<wbr>Info<wbr>Service</a></li> <li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_component_phloxapp_component_.phloxapp.html#barloader" class="tsd-kind-icon">barloader</a></li> <li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_component_phloxapp_component_.phloxapp.html#bgprocessmgr" class="tsd-kind-icon">bg<wbr>Process<wbr>Mgr</a></li> <li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_component_phloxapp_component_.phloxapp.html#dialogservice" class="tsd-kind-icon">dialog<wbr>Service</a></li> <li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_component_phloxapp_component_.phloxapp.html#needfocusservice" class="tsd-kind-icon">need<wbr>Focus<wbr>Service</a></li> <li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_component_phloxapp_component_.phloxapp.html#observablemgr" class="tsd-kind-icon">observable<wbr>Mgr</a></li> <li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_component_phloxapp_component_.phloxapp.html#pages" class="tsd-kind-icon">pages</a></li> <li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_component_phloxapp_component_.phloxapp.html#phloxdialog" class="tsd-kind-icon">phlox<wbr>Dialog</a></li> <li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="_component_phloxapp_component_.phloxapp.html#router" class="tsd-kind-icon">router</a></li> <li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="_component_phloxapp_component_.phloxapp.html#type_name" class="tsd-kind-icon">TYPE_<wbr>NAME</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_phloxapp_component_.phloxapp.html#additem" class="tsd-kind-icon">add<wbr>Item</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#containsitem" class="tsd-kind-icon">contains<wbr>Item</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#getactiveindex" class="tsd-kind-icon">get<wbr>Active<wbr>Index</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#getactiveitem" class="tsd-kind-icon">get<wbr>Active<wbr>Item</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#getappinfo" class="tsd-kind-icon">get<wbr>App<wbr>Info</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#getfocusingcomponent" class="tsd-kind-icon">get<wbr>Focusing<wbr>Component</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#getitembyindex" class="tsd-kind-icon">get<wbr>Item<wbr>ByIndex</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#getitembyname" class="tsd-kind-icon">get<wbr>Item<wbr>ByName</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#getitemcount" class="tsd-kind-icon">get<wbr>Item<wbr>Count</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#getitemindex" class="tsd-kind-icon">get<wbr>Item<wbr>Index</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#getitemindexbyname" class="tsd-kind-icon">get<wbr>Item<wbr>Index<wbr>ByName</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#getitems" class="tsd-kind-icon">get<wbr>Items</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#getrouter" class="tsd-kind-icon">get<wbr>Router</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#hidedialog" class="tsd-kind-icon">hide<wbr>Dialog</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#isshowloader" class="tsd-kind-icon">is<wbr>Show<wbr>Loader</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#navigateto" class="tsd-kind-icon">navigate<wbr>To</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#navigatetoindex" class="tsd-kind-icon">navigate<wbr>ToIndex</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#navigatetoname" class="tsd-kind-icon">navigate<wbr>ToName</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#ngoninit" class="tsd-kind-icon">ng<wbr>OnInit</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#reloadappinfo" class="tsd-kind-icon">reload<wbr>App<wbr>Info</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#removeitem" class="tsd-kind-icon">remove<wbr>Item</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#reset" class="tsd-kind-icon">reset</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#resetfocusingcomponent" class="tsd-kind-icon">reset<wbr>Focusing<wbr>Component</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#runpageloader" class="tsd-kind-icon">run<wbr>Page<wbr>Loader</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#setfocusingcomponent" class="tsd-kind-icon">set<wbr>Focusing<wbr>Component</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#setitems" class="tsd-kind-icon">set<wbr>Items</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#showcomponentdialog" class="tsd-kind-icon">show<wbr>Component<wbr>Dialog</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#showconfirmdialog" class="tsd-kind-icon">show<wbr>Confirm<wbr>Dialog</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#showmessagedialog" class="tsd-kind-icon">show<wbr>Message<wbr>Dialog</a></li> <li class="tsd-kind-method tsd-parent-kind-class"><a href="_component_phloxapp_component_.phloxapp.html#stoppageloader" class="tsd-kind-icon">stop<wbr>Page<wbr>Loader</a></li> </ul> </section> <section class="tsd-index-section tsd-is-private tsd-is-private-protected"> <h3>Object literals</h3> <ul class="tsd-index-list"> <li class="tsd-kind-object-literal tsd-parent-kind-class tsd-is-private"><a href="_component_phloxapp_component_.phloxapp.html#currouterloading" class="tsd-kind-icon">cur<wbr>Router<wbr>Loading</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>Phlox<wbr>App<span class="tsd-signature-symbol">(</span>router<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Router</span>, appInfoService<span class="tsd-signature-symbol">: </span><a href="_service_phloxappinfoservice_service_.phloxappinfoservice.html" class="tsd-signature-type">PhloxAppInfoService</a>, appSvc<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>, dialogService<span class="tsd-signature-symbol">: </span><a href="_service_dialogservice_service_.dialogservice.html" class="tsd-signature-type">DialogService</a>, bgProcessMgr<span class="tsd-signature-symbol">: </span><a href="_service_backgroundprocessmanager_service_.backgroundprocessmanager.html" class="tsd-signature-type">BackgroundProcessManager</a><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/PhloxApp.component.ts:80</li> </ul> </aside> <h4 class="tsd-parameters-title">Parameters</h4> <ul class="tsd-parameters"> <li> <h5>router: <span class="tsd-signature-type">Router</span></h5> </li> <li> <h5>appInfoService: <a href="_service_phloxappinfoservice_service_.phloxappinfoservice.html" class="tsd-signature-type">PhloxAppInfoService</a></h5> </li> <li> <h5>appSvc: <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>dialogService: <a href="_service_dialogservice_service_.dialogservice.html" class="tsd-signature-type">DialogService</a></h5> </li> <li> <h5>bgProcessMgr: <a href="_service_backgroundprocessmanager_service_.backgroundprocessmanager.html" class="tsd-signature-type">BackgroundProcessManager</a></h5> </li> </ul> <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>Properties</h2> <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private"> <a name="_showloader" class="tsd-anchor"></a> <h3><span class="tsd-flag ts-flagPrivate">Private</span> _show<wbr>Loader</h3> <div class="tsd-signature tsd-kind-icon">_show<wbr>Loader<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div> <aside class="tsd-sources"> <ul> <li>Defined in component/PhloxApp.component.ts:75</li> </ul> </aside> </section> <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private"> <a name="appinfo" class="tsd-anchor"></a> <h3><span class="tsd-flag ts-flagPrivate">Private</span> app<wbr>Info</h3> <div class="tsd-signature tsd-kind-icon">app<wbr>Info<span class="tsd-signature-symbol">:</span> <a href="_component_model_phloxappinfo_.phloxappinfo.html" class="tsd-signature-type">PhloxAppInfo</a></div> <aside class="tsd-sources"> <ul> <li>Defined in component/PhloxApp.component.ts:51</li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p>A field keeping cache for the last successfully loaded <a href="_component_model_phloxappinfo_.phloxappinfo.html">PhloxAppInfo</a> from method <a href="_component_phloxapp_component_.phloxapp.html#reloadappinfo">reloadAppInfo</a>.</p> </div> </div> </section> <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private"> <a name="appinfoservice" class="tsd-anchor"></a> <h3><span class="tsd-flag ts-flagPrivate">Private</span> app<wbr>Info<wbr>Service</h3> <div class="tsd-signature tsd-kind-icon">app<wbr>Info<wbr>Service<span class="tsd-signature-symbol">:</span> <a href="_service_phloxappinfoservice_service_.phloxappinfoservice.html" class="tsd-signature-type">PhloxAppInfoService</a></div> <aside class="tsd-sources"> <ul> <li>Defined in component/PhloxApp.component.ts:39</li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p>This field will be automatically injected by <code>ng</code>.</p> </div> </div> </section> <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private"> <a name="barloader" class="tsd-anchor"></a> <h3><span class="tsd-flag ts-flagPrivate">Private</span> barloader</h3> <div class="tsd-signature tsd-kind-icon">barloader<span class="tsd-signature-symbol">:</span> <a href="_theme_material_component_materialbarloader_component_.materialbarloader.html" class="tsd-signature-type">MaterialBarLoader</a></div> <aside class="tsd-sources"> <ul> <li>Defined in component/PhloxApp.component.ts:74</li> </ul> </aside> </section> <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private"> <a name="bgprocessmgr" class="tsd-anchor"></a> <h3><span class="tsd-flag ts-flagPrivate">Private</span> bg<wbr>Process<wbr>Mgr</h3> <div class="tsd-signature tsd-kind-icon">bg<wbr>Process<wbr>Mgr<span class="tsd-signature-symbol">:</span> <a href="_service_backgroundprocessmanager_service_.backgroundprocessmanager.html" class="tsd-signature-type">BackgroundProcessManager</a></div> <aside class="tsd-sources"> <ul> <li>Defined in component/PhloxApp.component.ts:67</li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p>This field will be automatically injected by <code>ng</code>.</p> </div> </div> </section> <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private"> <a name="dialogservice" class="tsd-anchor"></a> <h3><span class="tsd-flag ts-flagPrivate">Private</span> dialog<wbr>Service</h3> <div class="tsd-signature tsd-kind-icon">dialog<wbr>Service<span class="tsd-signature-symbol">:</span> <a href="_service_dialogservice_service_.dialogservice.html" class="tsd-signature-type">DialogService</a></div> <aside class="tsd-sources"> <ul> <li>Defined in component/PhloxApp.component.ts:63</li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p>This field will be automatically injected by <code>ng</code>.</p> </div> </div> </section> <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private"> <a name="needfocusservice" class="tsd-anchor"></a> <h3><span class="tsd-flag ts-flagPrivate">Private</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/PhloxApp.component.ts:47</li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p>This field will be automatically injected by <code>ng</code>.</p> </div> </div> </section> <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private"> <a name="observablemgr" class="tsd-anchor"></a> <h3><span class="tsd-flag ts-flagPrivate">Private</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/PhloxApp.component.ts:43</li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p>This field will be automatically injected by <code>ng</code>.</p> </div> </div> </section> <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private"> <a name="pages" class="tsd-anchor"></a> <h3><span class="tsd-flag ts-flagPrivate">Private</span> pages</h3> <div class="tsd-signature tsd-kind-icon">pages<span class="tsd-signature-symbol">:</span> <a href="_component_abstractpage_.abstractpage.html" class="tsd-signature-type">AbstractPage</a><span class="tsd-signature-symbol">[]</span></div> <aside class="tsd-sources"> <ul> <li>Defined in component/PhloxApp.component.ts:55</li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p>An array keeping all <code>page</code>s of this <code>application</code>.</p> </div> </div> </section> <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private"> <a name="phloxdialog" class="tsd-anchor"></a> <h3><span class="tsd-flag ts-flagPrivate">Private</span> phlox<wbr>Dialog</h3> <div class="tsd-signature tsd-kind-icon">phlox<wbr>Dialog<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div> <aside class="tsd-sources"> <ul> <li>Defined in component/PhloxApp.component.ts:72</li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p>A <a href="_component_phloxdialog_component_.phloxdialog.html">PhloxDialog</a> child component instance of this component.</p> </div> </div> </section> <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private"> <a name="router" class="tsd-anchor"></a> <h3><span class="tsd-flag ts-flagPrivate">Private</span> router</h3> <div class="tsd-signature tsd-kind-icon">router<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Router</span></div> <aside class="tsd-sources"> <ul> <li>Defined in component/PhloxApp.component.ts:59</li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p>This field will be automatically injected by <code>ng</code>.</p> </div> </div> </section> <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-static"> <a name="type_name" class="tsd-anchor"></a> <h3><span class="tsd-flag ts-flagStatic">Static</span> TYPE_<wbr>NAME</h3> <div class="tsd-signature tsd-kind-icon">TYPE_<wbr>NAME<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> =&nbsp;TYPE_NAME</span></div> <aside class="tsd-sources"> <ul> <li>Defined in component/PhloxApp.component.ts:34</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="additem" class="tsd-anchor"></a> <h3>add<wbr>Item</h3> <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"> <li class="tsd-signature tsd-kind-icon">add<wbr>Item<span class="tsd-signature-symbol">(</span>item<span class="tsd-signature-symbol">: </span><a href="_component_abstractpage_.abstractpage.html" class="tsd-signature-type">AbstractPage</a><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/PhloxApp.component.ts:263</li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p style="text-indent: 1em;"> Add a new <code>page</code> (<a href="_component_abstractpage_.abstractpage.html">AbstractPage</a>) into this <code>application</code>. If the <code>page</code> (<code><b>item</b></code>) being added is the first <code>page</code> of this <code>application</code>, this method will automatically show the given <code>page</code> and set its <code>active</code> flag to <code>true</code>. </p> </div> <dl class="tsd-comment-tags"> <dt>see</dt> <dd><p><a href="../interfaces/_component_inavigator_.inavigator.html#additem">INavigator.addItem</a></p> </dd> </dl> </div> <h4 class="tsd-parameters-title">Parameters</h4> <ul class="tsd-parameters"> <li> <h5>item: <a href="_component_abstractpage_.abstractpage.html" class="tsd-signature-type">AbstractPage</a></h5> </li> </ul> <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="containsitem" class="tsd-anchor"></a> <h3>contains<wbr>Item</h3> <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"> <li class="tsd-signature tsd-kind-icon">contains<wbr>Item<span class="tsd-signature-symbol">(</span>item<span class="tsd-signature-symbol">: </span><a href="_component_abstractpage_.abstractpage.html" class="tsd-signature-type">AbstractPage</a><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/PhloxApp.component.ts:314</li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p style="text-indent: 1em;"> An implementation of <a href="../interfaces/_component_inavigator_.inavigator.html#containsitem">INavigator.containsItem</a> method. Please see the documentation of super class or super interface for more details. </p> </div> <dl class="tsd-comment-tags"> <dt>see</dt> <dd><p><a href="../interfaces/_component_inavigator_.inavigator.html#containsitem">INavigator.containsItem</a></p> </dd> </dl> </div> <h4 class="tsd-parameters-title">Parameters</h4> <ul class="tsd-parameters"> <li> <h5>item: <a href="_component_abstractpage_.abstractpage.html" class="tsd-signature-type">AbstractPage</a></h5> </li> </ul> <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="getactiveindex" class="tsd-anchor"></a> <h3>get<wbr>Active<wbr>Index</h3> <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"> <li class="tsd-signature tsd-kind-icon">get<wbr>Active<wbr>Index<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li> </ul> <ul class="tsd-descriptions"> <li class="tsd-description"> <aside class="tsd-sources"> <p>Implementation of <a href="../interfaces/_component_inavigator_.inavigator.html">INavigator</a>.<a href="../interfaces/_component_inavigator_.inavigator.html#getactiveindex">getActiveIndex</a></p> <ul> <li>Defined in component/PhloxApp.component.ts:215</li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p style="text-indent: 1em;"> Get current active <code>page</code> (<a href="_component_abstractpage_.abstractpage.html">AbstractPage</a>) index in the array returned from <a href="_component_phloxapp_component_.phloxapp.html#getitems">getItems</a> method. </p> </div> <dl class="tsd-comment-tags"> <dt>see</dt> <dd><p><a href="../interfaces/_component_inavigator_.inavigator.html#getactiveindex">INavigator.getActiveIndex</a></p> </dd> </dl> </div> <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4> <p>Returns <code>-1</code> if there is no current active <code>page</code>.</p> </li> </ul> </section> <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"> <a name="getactiveitem" class="tsd-anchor"></a> <h3>get<wbr>Active<wbr>Item</h3> <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"> <li class="tsd-signature tsd-kind-icon">get<wbr>Active<wbr>Item<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_component_abstractpage_.abstractpage.html" class="tsd-signature-type">AbstractPage</a></li> </ul> <ul class="tsd-descriptions"> <li class="tsd-description"> <aside class="tsd-sources"> <p>Implementation of <a href="../interfaces/_component_inavigator_.inavigator.html">INavigator</a>.<a href="../interfaces/_component_inavigator_.inavigator.html#getactiveitem">getActiveItem</a></p> <ul> <li>Defined in component/PhloxApp.component.ts:233</li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p style="text-indent: 1em;"> Get current active <code>page</code> (<a href="_component_abstractpage_.abstractpage.html">AbstractPage</a>) object instance. </p> </div> <dl class="tsd-comment-tags"> <dt>see</dt> <dd><p><a href="../interfaces/_component_inavigator_.inavigator.html#getactiveitem">INavigator.getActiveItem</a></p> </dd> </dl> </div> <h4 class="tsd-returns-title">Returns <a href="_component_abstractpage_.abstractpage.html" class="tsd-signature-type">AbstractPage</a></h4> <p>Returns <code>null</code> if there is no current active <code>page</code>.</p> </li> </ul> </section> <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"> <a name="getappinfo" class="tsd-anchor"></a> <h3>get<wbr>App<wbr>Info</h3> <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"> <li class="tsd-signature tsd-kind-icon">get<wbr>App<wbr>Info<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_component_model_phloxappinfo_.phloxappinfo.html" class="tsd-signature-type">PhloxAppInfo</a></li> </ul> <ul class="tsd-descriptions"> <li class="tsd-description"> <aside class="tsd-sources"> <ul> <li>Defined in component/PhloxApp.component.ts:164</li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p style="text-indent: 1em;"> Get app info of currently opened <code>application</code>. </p> </div> </div> <h4 class="tsd-returns-title">Returns <a href="_component_model_phloxappinfo_.phloxappinfo.html" class="tsd-signature-type">PhloxAppInfo</a></h4> </li> </ul> </section> <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"> <a name="getfocusingcomponent" class="tsd-anchor"></a> <h3>get<wbr>Focusing<wbr>Component</h3> <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"> <li class="tsd-signature tsd-kind-icon">get<wbr>Focusing<wbr>Component<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/_component_ineedfocus_.ineedfocus.html" class="tsd-signature-type">INeedFocus</a></li> </ul> <ul class="tsd-descriptions"> <li class="tsd-description"> <aside class="tsd-sources"> <ul> <li>Defined in component/PhloxApp.component.ts:490</li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p style="text-indent: 1em;"> A delegator method passing method call to <code><a href="_component_phloxapp_component_.phloxapp.html#needfocusservice">needFocusService</a>.getFocusingComponent()</code>. </p> </div> <dl class="tsd-comment-tags"> <dt>see</dt> <dd><p><a href="_service_needfocusservice_service_.needfocusservice.html#getfocusingcomponent">NeedFocusService.getFocusingComponent</a></p> </dd> </dl> </div> <h4 class="tsd-returns-title">Returns <a href="../interfaces/_component_ineedfocus_.ineedfocus.html" class="tsd-signature-type">INeedFocus</a></h4> </li> </ul> </section> <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"> <a name="getitembyindex" class="tsd-anchor"></a> <h3>get<wbr>Item<wbr>ByIndex</h3> <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"> <li class="tsd-signature tsd-kind-icon">get<wbr>Item<wbr>ByIndex<span class="tsd-signature-symbol">(</span>idx<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><a href="_component_abstractpage_.abstractpage.html" class="tsd-signature-type">AbstractPage</a></li> </ul> <ul class="tsd-descriptions"> <li class="tsd-description"> <aside class="tsd-sources"> <p>Implementation of <a href="../interfaces/_component_inavigator_.inavigator.html">INavigator</a>.<a href="../interfaces/_component_inavigator_.inavigator.html#getitembyindex">getItemByIndex</a></p> <ul> <li>Defined in component/PhloxApp.component.ts:325</li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p style="text-indent: 1em;"> An implementation of <a href="../interfaces/_component_inavigator_.inavigator.html#getitembyindex">INavigator.getItemByIndex</a> method. Please see the documentation of super class or super interface for more details. </p> </div> <dl class="tsd-comment-tags"> <dt>see</dt> <dd><p><a href="../interfaces/_component_inavigator_.inavigator.html#getitembyindex">INavigator.getItemByIndex</a></p> </dd> </dl> </div> <h4 class="tsd-parameters-title">Parameters</h4> <ul class="tsd-parameters"> <li> <h5>idx: <span class="tsd-signature-type">number</span></h5> </li> </ul> <h4 class="tsd-returns-title">Returns <a href="_component_abstractpage_.abstractpage.html" class="tsd-signature-type">AbstractPage</a></h4> </li> </ul> </section> <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"> <a name="getitembyname" class="tsd-anchor"></a> <h3>get<wbr>Item<wbr>ByName</h3> <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"> <li class="tsd-signature tsd-kind-icon">get<wbr>Item<wbr>ByName<span class="tsd-signature-symbol">(</span>name<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_abstractpage_.abstractpage.html" class="tsd-signature-type">AbstractPage</a></li> </ul> <ul class="tsd-descriptions"> <li class="tsd-description"> <aside class="tsd-sources"> <p>Implementation of <a href="../interfaces/_component_inavigator_.inavigator.html">INavigator</a>.<a href="../interfaces/_component_inavigator_.inavigator.html#getitembyname">getItemByName</a></p> <ul> <li>Defined in component/PhloxApp.component.ts:340</li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p style="text-indent: 1em;"> An implementation of <a href="../interfaces/_component_inavigator_.inavigator.html#getitembyname">INavigator.getItemByName</a> method. Please see the documentation of super class or super interface for more details. </p> </div> <dl class="tsd-comment-tags"> <dt>see</dt> <dd><p><a href="../interfaces/_component_inavigator_.inavigator.html#getitembyname">INavigator.getItemByName</a></p> </dd> </dl> </div> <h4 class="tsd-parameters-title">Parameters</h4> <ul class="tsd-parameters"> <li> <h5>name: <span class="tsd-signature-type">string</span></h5> </li> </ul> <h4 class="tsd-returns-title">Returns <a href="_component_abstractpage_.abstractpage.html" class="tsd-signature-type">AbstractPage</a></h4> </li> </ul> </section> <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"> <a name="getitemcount" class="tsd-anchor"></a> <h3>get<wbr>Item<wbr>Count</h3> <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"> <li class="tsd-signature tsd-kind-icon">get<wbr>Item<wbr>Count<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li> </ul> <ul class="tsd-descriptions"> <li class="tsd-description"> <aside class="tsd-sources"> <p>Implementation of <a href="../interfaces/_component_inavigator_.inavigator.html">INavigator</a>.<a href="../interfaces/_component_inavigator_.inavigator.html#getitemcount">getItemCount</a></p> <ul> <li>Defined in component/PhloxApp.component.ts:203</li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p style="text-indent: 1em;"> Get all available <code>page</code> count (<a href="_component_abstractpage_.abstractpage.html">AbstractPage</a>) in this <code>application</code>. </p> </div> <dl class="tsd-comment-tags"> <dt>see</dt> <dd><p><a href="../interfaces/_component_inavigator_.inavigator.html#getitemcount">INavigator.getItemCount</a></p> </dd> </dl> </div> <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4> </li> </ul> </section> <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"> <a name="getitemindex" class="tsd-anchor"></a> <h3>get<wbr>Item<wbr>Index</h3> <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"> <li class="tsd-signature tsd-kind-icon">get<wbr>Item<wbr>Index<span class="tsd-signature-symbol">(</span>item<span class="tsd-signature-symbol">: </span><a href="_component_abstractpage_.abstractpage.html" class="tsd-signature-type">AbstractPage</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li> </ul> <ul class="tsd-descriptions"> <li class="tsd-description"> <aside class="tsd-sources"> <ul> <li>Defined in component/PhloxApp.component.ts:357</li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p style="text-indent: 1em;"> An implementation of <a href="../interfaces/_component_inavigator_.inavigator.html#getitemindex">INavigator.getItemIndex</a> method. Please see the documentation of super class or super interface for more details. </p> </div> <dl class="tsd-comment-tags"> <dt>see</dt> <dd><p><a href="../interfaces/_component_inavigator_.inavigator.html#getitemindex">INavigator.getItemIndex</a></p> </dd> </dl> </div> <h4 class="tsd-parameters-title">Parameters</h4> <ul class="tsd-parameters"> <li> <h5>item: <a href="_component_abstractpage_.abstractpage.html" class="tsd-signature-type">AbstractPage</a></h5> </li> </ul> <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4> </li> </ul> </section> <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"> <a name="getitemindexbyname" class="tsd-anchor"></a> <h3>get<wbr>Item<wbr>Index<wbr>ByName</h3> <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"> <li class="tsd-signature tsd-kind-icon">get<wbr>Item<wbr>Index<wbr>ByName<span class="tsd-signature-symbol">(</span>name<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">number</span></li> </ul> <ul class="tsd-descriptions"> <li class="tsd-description"> <aside class="tsd-sources"> <p>Implementation of <a href="../interfaces/_component_inavigator_.inavigator.html">INavigator</a>.<a href="../interfaces/_component_inavigator_.inavigator.html#getitemindexbyname">getItemIndexByName</a></p> <ul> <li>Defined in component/PhloxApp.component.ts:368</li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p style="text-indent: 1em;"> An implementation of <a href="../interfaces/_component_inavigator_.inavigator.html#getitemindexbyname">INavigator.getItemIndexByName</a> method. Please see the documentation of super class or super interface for more details. </p> </div> <dl class="tsd-comment-tags"> <dt>see</dt> <dd><p><a href="../interfaces/_component_inavigator_.inavigator.html#getitemindexbyname">INavigator.getItemIndexByName</a></p> </dd> </dl> </div> <h4 class="tsd-parameters-title">Parameters</h4> <ul class="tsd-parameters"> <li> <h5>name: <span class="tsd-signature-type">string</span></h5> </li> </ul> <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4> </li> </ul> </section> <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"> <a name="getitems" class="tsd-anchor"></a> <h3>get<wbr>Items</h3> <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"> <li class="tsd-signature tsd-kind-icon">get<wbr>Items<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_component_abstractpage_.abstractpage.html" class="tsd-signature-type">AbstractPage</a><span class="tsd-signature-symbol">[]</span></li> </ul> <ul class="tsd-descriptions"> <li class="tsd-description"> <aside class="tsd-sources"> <p>Implementation of <a href="../interfaces/_component_inavigator_.inavigator.html">INavigator</a>.<a href="../interfaces/_component_inavigator_.inavigator.html#getitems">getItems</a></p> <ul> <li>Defined in component/PhloxApp.component.ts:192</li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p style="text-indent: 1em;"> Get all available <code>pages</code> (<a href="_component_abstractpage_.abstractpage.html">AbstractPage</a>) in this <code>application</code>. </p> </div> <dl class="tsd-comment-tags"> <dt>see</dt> <dd><p><a href="../interfaces/_component_inavigator_.inavigator.html#getitems">INavigator.getItems</a></p> </dd> </dl> </div> <h4 class="tsd-returns-title">Returns <a href="_component_abstractpage_.abstractpage.html" class="tsd-signature-type">AbstractPage</a><span class="tsd-signature-symbol">[]</span></h4> </li> </ul> </section> <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"> <a name="getrouter" class="tsd-anchor"></a> <h3>get<wbr>Router</h3> <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"> <li class="tsd-signature tsd-kind-icon">get<wbr>Router<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Router</span></li> </ul> <ul class="tsd-descriptions"> <li class="tsd-description"> <aside class="tsd-sources"> <ul> <li>Defined in component/PhloxApp.component.ts:181</li> </ul> </aside> <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Router</span></h4> </li> </ul> </section> <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"> <a name="hidedialog" class="tsd-anchor"></a> <h3>hide<wbr>Dialog</h3> <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"> <li class="tsd-signature tsd-kind-icon">hide<wbr>Dialog<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/PhloxApp.component.ts:512</li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p style="text-indent: 1em;"> A delegator method passing method call to <code><a href="_component_phloxapp_component_.phloxapp.html#phloxdialog">phloxDialog</a>.hideDialog()</code>. </p> </div> <dl class="tsd-comment-tags"> <dt>see</dt> <dd><p><a href="_component_phloxdialog_component_.phloxdialog.html#hidedialog">PhloxDialog.hideDialog</a></p> </dd> </dl> </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"> <a name="isshowloader" class="tsd-anchor"></a> <h3>is<wbr>Show<wbr>Loader</h3> <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"> <li class="tsd-signature tsd-kind-icon">is<wbr>Show<wbr>Loader<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/PhloxApp.component.ts:155</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-k