@rxap/window-system
Version:
A module for creating and managing windows within an Angular application. It provides components for window containers, toolbars, resizers, action bars, and task bars, along with services for managing window instances and configurations. This library allo
268 lines (264 loc) • 19.3 kB
JavaScript
'use strict';
customElements.define('compodoc-menu', class extends HTMLElement {
constructor() {
super();
this.isNormalMode = this.getAttribute('mode') === 'normal';
}
connectedCallback() {
this.render(this.isNormalMode);
}
render(isNormalMode) {
let tp = lithtml.html(`
<nav>
<ul class="list">
<li class="title">
<a href="index.html" data-type="index-link">angular-window-system</a>
</li>
<li class="divider"></li>
${ isNormalMode ? `<div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>` : '' }
<li class="chapter">
<a data-type="chapter-link" href="index.html"><span class="icon ion-ios-home"></span>Getting started</a>
<ul class="links">
<li class="link">
<a href="overview.html" data-type="chapter-link">
<span class="icon ion-ios-keypad"></span>Overview
</a>
</li>
<li class="link">
<a href="index.html" data-type="chapter-link">
<span class="icon ion-ios-paper"></span>README
</a>
</li>
<li class="link">
<a href="changelog.html" data-type="chapter-link">
<span class="icon ion-ios-paper"></span>CHANGELOG
</a>
</li>
<li class="link">
<a href="license.html" data-type="chapter-link">
<span class="icon ion-ios-paper"></span>LICENSE
</a>
</li>
<li class="link">
<a href="dependencies.html" data-type="chapter-link">
<span class="icon ion-ios-list"></span>Dependencies
</a>
</li>
<li class="link">
<a href="properties.html" data-type="chapter-link">
<span class="icon ion-ios-apps"></span>Properties
</a>
</li>
</ul>
</li>
<li class="chapter modules">
<a data-type="chapter-link" href="modules.html">
<div class="menu-toggler linked" data-bs-toggle="collapse" ${ isNormalMode ?
'data-bs-target="#modules-links"' : 'data-bs-target="#xs-modules-links"' }>
<span class="icon ion-ios-archive"></span>
<span class="link-name">Modules</span>
<span class="icon ion-ios-arrow-down"></span>
</div>
</a>
<ul class="links collapse " ${ isNormalMode ? 'id="modules-links"' : 'id="xs-modules-links"' }>
<li class="link">
<a href="modules/RxapWindowSystemModule.html" data-type="entity-link" >RxapWindowSystemModule</a>
<li class="chapter inner">
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
'data-bs-target="#components-links-module-RxapWindowSystemModule-2d6b2519769d92579ecf8d6e96c2867550ee133b55b280125e7e3864b7d311b02265d76911fd5726fde163c18b44343fc65077e40e613a833cb77581354634b2"' : 'data-bs-target="#xs-components-links-module-RxapWindowSystemModule-2d6b2519769d92579ecf8d6e96c2867550ee133b55b280125e7e3864b7d311b02265d76911fd5726fde163c18b44343fc65077e40e613a833cb77581354634b2"' }>
<span class="icon ion-md-cog"></span>
<span>Components</span>
<span class="icon ion-ios-arrow-down"></span>
</div>
<ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-RxapWindowSystemModule-2d6b2519769d92579ecf8d6e96c2867550ee133b55b280125e7e3864b7d311b02265d76911fd5726fde163c18b44343fc65077e40e613a833cb77581354634b2"' :
'id="xs-components-links-module-RxapWindowSystemModule-2d6b2519769d92579ecf8d6e96c2867550ee133b55b280125e7e3864b7d311b02265d76911fd5726fde163c18b44343fc65077e40e613a833cb77581354634b2"' }>
<li class="link">
<a href="components/DefaultWindowComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >DefaultWindowComponent</a>
</li>
<li class="link">
<a href="components/WindowActionBarComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >WindowActionBarComponent</a>
</li>
<li class="link">
<a href="components/WindowContainerComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >WindowContainerComponent</a>
</li>
<li class="link">
<a href="components/WindowContentComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >WindowContentComponent</a>
</li>
<li class="link">
<a href="components/WindowResizerComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >WindowResizerComponent</a>
</li>
<li class="link">
<a href="components/WindowToolBarComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >WindowToolBarComponent</a>
</li>
</ul>
</li>
</li>
<li class="link">
<a href="modules/WindowTaskBarModule.html" data-type="entity-link" >WindowTaskBarModule</a>
<li class="chapter inner">
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
'data-bs-target="#components-links-module-WindowTaskBarModule-4bf79d795946745a664b443a248f2353b96d86139a08d8995ad41799d352f96d462ddd1c4a01b9a30fbe3af109c8d3cdac1dcada852b21a81737464721e42635"' : 'data-bs-target="#xs-components-links-module-WindowTaskBarModule-4bf79d795946745a664b443a248f2353b96d86139a08d8995ad41799d352f96d462ddd1c4a01b9a30fbe3af109c8d3cdac1dcada852b21a81737464721e42635"' }>
<span class="icon ion-md-cog"></span>
<span>Components</span>
<span class="icon ion-ios-arrow-down"></span>
</div>
<ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-WindowTaskBarModule-4bf79d795946745a664b443a248f2353b96d86139a08d8995ad41799d352f96d462ddd1c4a01b9a30fbe3af109c8d3cdac1dcada852b21a81737464721e42635"' :
'id="xs-components-links-module-WindowTaskBarModule-4bf79d795946745a664b443a248f2353b96d86139a08d8995ad41799d352f96d462ddd1c4a01b9a30fbe3af109c8d3cdac1dcada852b21a81737464721e42635"' }>
<li class="link">
<a href="components/WindowTaskBarComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >WindowTaskBarComponent</a>
</li>
<li class="link">
<a href="components/WindowTaskBarContainerComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >WindowTaskBarContainerComponent</a>
</li>
<li class="link">
<a href="components/WindowTaskComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >WindowTaskComponent</a>
</li>
</ul>
</li>
</li>
</ul>
</li>
<li class="chapter">
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#components-links"' :
'data-bs-target="#xs-components-links"' }>
<span class="icon ion-md-cog"></span>
<span>Components</span>
<span class="icon ion-ios-arrow-down"></span>
</div>
<ul class="links collapse " ${ isNormalMode ? 'id="components-links"' : 'id="xs-components-links"' }>
<li class="link">
<a href="components/DefaultWindowComponent.html" data-type="entity-link" >DefaultWindowComponent</a>
</li>
<li class="link">
<a href="components/WindowActionBarComponent.html" data-type="entity-link" >WindowActionBarComponent</a>
</li>
<li class="link">
<a href="components/WindowContainerComponent.html" data-type="entity-link" >WindowContainerComponent</a>
</li>
<li class="link">
<a href="components/WindowContentComponent.html" data-type="entity-link" >WindowContentComponent</a>
</li>
<li class="link">
<a href="components/WindowResizerComponent.html" data-type="entity-link" >WindowResizerComponent</a>
</li>
<li class="link">
<a href="components/WindowTaskBarComponent.html" data-type="entity-link" >WindowTaskBarComponent</a>
</li>
<li class="link">
<a href="components/WindowTaskBarContainerComponent.html" data-type="entity-link" >WindowTaskBarContainerComponent</a>
</li>
<li class="link">
<a href="components/WindowTaskComponent.html" data-type="entity-link" >WindowTaskComponent</a>
</li>
<li class="link">
<a href="components/WindowToolBarComponent.html" data-type="entity-link" >WindowToolBarComponent</a>
</li>
</ul>
</li>
<li class="chapter">
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#directives-links"' :
'data-bs-target="#xs-directives-links"' }>
<span class="icon ion-md-code-working"></span>
<span>Directives</span>
<span class="icon ion-ios-arrow-down"></span>
</div>
<ul class="links collapse " ${ isNormalMode ? 'id="directives-links"' : 'id="xs-directives-links"' }>
<li class="link">
<a href="directives/WindowFooterDirective.html" data-type="entity-link" >WindowFooterDirective</a>
</li>
<li class="link">
<a href="directives/WindowTitleDirective.html" data-type="entity-link" >WindowTitleDirective</a>
</li>
</ul>
</li>
<li class="chapter">
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#classes-links"' :
'data-bs-target="#xs-classes-links"' }>
<span class="icon ion-ios-paper"></span>
<span>Classes</span>
<span class="icon ion-ios-arrow-down"></span>
</div>
<ul class="links collapse " ${ isNormalMode ? 'id="classes-links"' : 'id="xs-classes-links"' }>
<li class="link">
<a href="classes/WindowRef.html" data-type="entity-link" >WindowRef</a>
</li>
</ul>
</li>
<li class="chapter">
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#injectables-links"' :
'data-bs-target="#xs-injectables-links"' }>
<span class="icon ion-md-arrow-round-down"></span>
<span>Injectables</span>
<span class="icon ion-ios-arrow-down"></span>
</div>
<ul class="links collapse " ${ isNormalMode ? 'id="injectables-links"' : 'id="xs-injectables-links"' }>
<li class="link">
<a href="injectables/WindowInstanceService.html" data-type="entity-link" >WindowInstanceService</a>
</li>
<li class="link">
<a href="injectables/WindowService.html" data-type="entity-link" >WindowService</a>
</li>
</ul>
</li>
<li class="chapter">
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#interfaces-links"' :
'data-bs-target="#xs-interfaces-links"' }>
<span class="icon ion-md-information-circle-outline"></span>
<span>Interfaces</span>
<span class="icon ion-ios-arrow-down"></span>
</div>
<ul class="links collapse " ${ isNormalMode ? ' id="interfaces-links"' : 'id="xs-interfaces-links"' }>
<li class="link">
<a href="interfaces/WindowActions.html" data-type="entity-link" >WindowActions</a>
</li>
<li class="link">
<a href="interfaces/WindowConfig.html" data-type="entity-link" >WindowConfig</a>
</li>
<li class="link">
<a href="interfaces/WindowContainerContext.html" data-type="entity-link" >WindowContainerContext</a>
</li>
<li class="link">
<a href="interfaces/WindowContext.html" data-type="entity-link" >WindowContext</a>
</li>
<li class="link">
<a href="interfaces/WindowFooterTemplateContext.html" data-type="entity-link" >WindowFooterTemplateContext</a>
</li>
<li class="link">
<a href="interfaces/WindowSettings.html" data-type="entity-link" >WindowSettings</a>
</li>
<li class="link">
<a href="interfaces/WindowTaskBarContainerSettings.html" data-type="entity-link" >WindowTaskBarContainerSettings</a>
</li>
<li class="link">
<a href="interfaces/WindowTitleTemplateContext.html" data-type="entity-link" >WindowTitleTemplateContext</a>
</li>
</ul>
</li>
<li class="chapter">
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#miscellaneous-links"'
: 'data-bs-target="#xs-miscellaneous-links"' }>
<span class="icon ion-ios-cube"></span>
<span>Miscellaneous</span>
<span class="icon ion-ios-arrow-down"></span>
</div>
<ul class="links collapse " ${ isNormalMode ? 'id="miscellaneous-links"' : 'id="xs-miscellaneous-links"' }>
<li class="link">
<a href="miscellaneous/functions.html" data-type="entity-link">Functions</a>
</li>
<li class="link">
<a href="miscellaneous/variables.html" data-type="entity-link">Variables</a>
</li>
</ul>
</li>
<li class="divider"></li>
<li class="copyright">
Documentation generated using <a href="https://compodoc.app/" target="_blank" rel="noopener noreferrer">
<img data-src="images/compodoc-vectorise.png" class="img-responsive" data-type="compodoc-logo">
</a>
</li>
</ul>
</nav>
`);
this.innerHTML = tp.strings;
}
});