@rxap/ngx-theme
Version:
This package provides an Angular theme service that allows you to manage and customize the look and feel of your application. It includes features such as dark mode support, theme density control, typography settings, and color palette management. The ser
123 lines (119 loc) • 6.75 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-theme</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">
<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/ThemeService.html" data-type="entity-link" >ThemeService</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/ColorPalette.html" data-type="entity-link" >ColorPalette</a>
</li>
<li class="link">
<a href="interfaces/ColorPaletteConfig.html" data-type="entity-link" >ColorPaletteConfig</a>
</li>
<li class="link">
<a href="interfaces/ColorPaletteConfigWithName.html" data-type="entity-link" >ColorPaletteConfigWithName</a>
</li>
<li class="link">
<a href="interfaces/ThemeConfig.html" data-type="entity-link" >ThemeConfig</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/enumerations.html" data-type="entity-link">Enums</a>
</li>
<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;
}
});