UNPKG

@compodoc/compodoc

Version:

The missing documentation tool for your Angular application

271 lines (265 loc) 21.2 kB
'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">@compodoc/compodoc documentation</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="contributing.html" data-type="chapter-link"> <span class="icon ion-ios-paper"></span>CONTRIBUTING </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/AppModule.html" data-type="entity-link" >AppModule</a> <li class="chapter inner"> <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#components-links-module-AppModule-dc56f8262412f8df33eba175cdc6200ab5cce4608521dd0f6242b9de45c505d7725b7e4cf2e4631b42d759ae86a1aac7f44e1234c398a7c0aef94a1c45e15d29"' : 'data-bs-target="#xs-components-links-module-AppModule-dc56f8262412f8df33eba175cdc6200ab5cce4608521dd0f6242b9de45c505d7725b7e4cf2e4631b42d759ae86a1aac7f44e1234c398a7c0aef94a1c45e15d29"' }> <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-AppModule-dc56f8262412f8df33eba175cdc6200ab5cce4608521dd0f6242b9de45c505d7725b7e4cf2e4631b42d759ae86a1aac7f44e1234c398a7c0aef94a1c45e15d29"' : 'id="xs-components-links-module-AppModule-dc56f8262412f8df33eba175cdc6200ab5cce4608521dd0f6242b9de45c505d7725b7e4cf2e4631b42d759ae86a1aac7f44e1234c398a7c0aef94a1c45e15d29"' }> <li class="link"> <a href="components/BarComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >BarComponent</a> </li> <li class="link"> <a href="components/FooComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >FooComponent</a> </li> </ul> </li> <li class="chapter inner"> <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#directives-links-module-AppModule-dc56f8262412f8df33eba175cdc6200ab5cce4608521dd0f6242b9de45c505d7725b7e4cf2e4631b42d759ae86a1aac7f44e1234c398a7c0aef94a1c45e15d29"' : 'data-bs-target="#xs-directives-links-module-AppModule-dc56f8262412f8df33eba175cdc6200ab5cce4608521dd0f6242b9de45c505d7725b7e4cf2e4631b42d759ae86a1aac7f44e1234c398a7c0aef94a1c45e15d29"' }> <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-module-AppModule-dc56f8262412f8df33eba175cdc6200ab5cce4608521dd0f6242b9de45c505d7725b7e4cf2e4631b42d759ae86a1aac7f44e1234c398a7c0aef94a1c45e15d29"' : 'id="xs-directives-links-module-AppModule-dc56f8262412f8df33eba175cdc6200ab5cce4608521dd0f6242b9de45c505d7725b7e4cf2e4631b42d759ae86a1aac7f44e1234c398a7c0aef94a1c45e15d29"' }> <li class="link"> <a href="directives/FooDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >FooDirective</a> </li> </ul> </li> <li class="chapter inner"> <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#injectables-links-module-AppModule-dc56f8262412f8df33eba175cdc6200ab5cce4608521dd0f6242b9de45c505d7725b7e4cf2e4631b42d759ae86a1aac7f44e1234c398a7c0aef94a1c45e15d29"' : 'data-bs-target="#xs-injectables-links-module-AppModule-dc56f8262412f8df33eba175cdc6200ab5cce4608521dd0f6242b9de45c505d7725b7e4cf2e4631b42d759ae86a1aac7f44e1234c398a7c0aef94a1c45e15d29"' }> <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-module-AppModule-dc56f8262412f8df33eba175cdc6200ab5cce4608521dd0f6242b9de45c505d7725b7e4cf2e4631b42d759ae86a1aac7f44e1234c398a7c0aef94a1c45e15d29"' : 'id="xs-injectables-links-module-AppModule-dc56f8262412f8df33eba175cdc6200ab5cce4608521dd0f6242b9de45c505d7725b7e4cf2e4631b42d759ae86a1aac7f44e1234c398a7c0aef94a1c45e15d29"' }> <li class="link"> <a href="injectables/FooService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >FooService</a> </li> </ul> </li> </li> <li class="link"> <a href="modules/BarModule.html" data-type="entity-link" >BarModule</a> <li class="chapter inner"> <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#components-links-module-BarModule-ac7595c649759b2bcada4ed66f8f81996087f53dc87ead40b39a6c080a6e45cb0377d52d09b0af5b055482e70c2606f72330385dfeec46a9fc08ec295a69ccd0"' : 'data-bs-target="#xs-components-links-module-BarModule-ac7595c649759b2bcada4ed66f8f81996087f53dc87ead40b39a6c080a6e45cb0377d52d09b0af5b055482e70c2606f72330385dfeec46a9fc08ec295a69ccd0"' }> <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-BarModule-ac7595c649759b2bcada4ed66f8f81996087f53dc87ead40b39a6c080a6e45cb0377d52d09b0af5b055482e70c2606f72330385dfeec46a9fc08ec295a69ccd0"' : 'id="xs-components-links-module-BarModule-ac7595c649759b2bcada4ed66f8f81996087f53dc87ead40b39a6c080a6e45cb0377d52d09b0af5b055482e70c2606f72330385dfeec46a9fc08ec295a69ccd0"' }> <li class="link"> <a href="components/BarComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >BarComponent</a> </li> </ul> </li> <li class="chapter inner"> <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#directives-links-module-BarModule-ac7595c649759b2bcada4ed66f8f81996087f53dc87ead40b39a6c080a6e45cb0377d52d09b0af5b055482e70c2606f72330385dfeec46a9fc08ec295a69ccd0"' : 'data-bs-target="#xs-directives-links-module-BarModule-ac7595c649759b2bcada4ed66f8f81996087f53dc87ead40b39a6c080a6e45cb0377d52d09b0af5b055482e70c2606f72330385dfeec46a9fc08ec295a69ccd0"' }> <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-module-BarModule-ac7595c649759b2bcada4ed66f8f81996087f53dc87ead40b39a6c080a6e45cb0377d52d09b0af5b055482e70c2606f72330385dfeec46a9fc08ec295a69ccd0"' : 'id="xs-directives-links-module-BarModule-ac7595c649759b2bcada4ed66f8f81996087f53dc87ead40b39a6c080a6e45cb0377d52d09b0af5b055482e70c2606f72330385dfeec46a9fc08ec295a69ccd0"' }> <li class="link"> <a href="directives/BarDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >BarDirective</a> </li> </ul> </li> <li class="chapter inner"> <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#injectables-links-module-BarModule-ac7595c649759b2bcada4ed66f8f81996087f53dc87ead40b39a6c080a6e45cb0377d52d09b0af5b055482e70c2606f72330385dfeec46a9fc08ec295a69ccd0"' : 'data-bs-target="#xs-injectables-links-module-BarModule-ac7595c649759b2bcada4ed66f8f81996087f53dc87ead40b39a6c080a6e45cb0377d52d09b0af5b055482e70c2606f72330385dfeec46a9fc08ec295a69ccd0"' }> <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-module-BarModule-ac7595c649759b2bcada4ed66f8f81996087f53dc87ead40b39a6c080a6e45cb0377d52d09b0af5b055482e70c2606f72330385dfeec46a9fc08ec295a69ccd0"' : 'id="xs-injectables-links-module-BarModule-ac7595c649759b2bcada4ed66f8f81996087f53dc87ead40b39a6c080a6e45cb0377d52d09b0af5b055482e70c2606f72330385dfeec46a9fc08ec295a69ccd0"' }> <li class="link"> <a href="injectables/BarService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >BarService</a> </li> </ul> </li> </li> <li class="link"> <a href="modules/DeepModule.html" data-type="entity-link" >DeepModule</a> </li> <li class="link"> <a href="modules/EmptyModule.html" data-type="entity-link" >EmptyModule</a> </li> <li class="link"> <a href="modules/EmptyRawModule.html" data-type="entity-link" >EmptyRawModule</a> </li> <li class="link"> <a href="modules/FooModule.html" data-type="entity-link" >FooModule</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/QueryParamNameDirective.html" data-type="entity-link" >QueryParamNameDirective</a> </li> <li class="link"> <a href="directives/TestClass.html" data-type="entity-link" >TestClass</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/NavigationData.html" data-type="entity-link" >NavigationData</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/QueryParamGroupService.html" data-type="entity-link" >QueryParamGroupService</a> </li> </ul> </li> <li class="chapter"> <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#pipes-links"' : 'data-bs-target="#xs-pipes-links"' }> <span class="icon ion-md-add"></span> <span>Pipes</span> <span class="icon ion-ios-arrow-down"></span> </div> <ul class="links collapse " ${ isNormalMode ? 'id="pipes-links"' : 'id="xs-pipes-links"' }> <li class="link"> <a href="pipes/BarPipe.html" data-type="entity-link" >BarPipe</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="chapter"> <a data-type="chapter-link" href="routes.html"><span class="icon ion-ios-git-branch"></span>Routes</a> </li> <li class="chapter"> <a data-type="chapter-link" href="coverage.html"><span class="icon ion-ios-stats"></span>Documentation coverage</a> </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; } });