@rxap/directives
Version:
This package provides a set of Angular directives to simplify common tasks such as setting background images, confirming clicks, making elements contenteditable, and more. It includes directives for handling UI interactions, applying styles, and managing
178 lines (174 loc) • 10.9 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-directives</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="#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/AvatarBackgroundImageDirective.html" data-type="entity-link" >AvatarBackgroundImageDirective</a>
</li>
<li class="link">
<a href="directives/BackgroundImageDirective.html" data-type="entity-link" >BackgroundImageDirective</a>
</li>
<li class="link">
<a href="directives/ContenteditableDirective.html" data-type="entity-link" >ContenteditableDirective</a>
</li>
<li class="link">
<a href="directives/FullWidthDirective.html" data-type="entity-link" >FullWidthDirective</a>
</li>
<li class="link">
<a href="directives/IfTruthyDirective.html" data-type="entity-link" >IfTruthyDirective</a>
</li>
<li class="link">
<a href="directives/IsDevModeDirective.html" data-type="entity-link" >IsDevModeDirective</a>
</li>
<li class="link">
<a href="directives/MethodDirective.html" data-type="entity-link" >MethodDirective</a>
</li>
<li class="link">
<a href="directives/MethodTemplateDirective.html" data-type="entity-link" >MethodTemplateDirective</a>
</li>
<li class="link">
<a href="directives/MovableDividerDirective.html" data-type="entity-link" >MovableDividerDirective</a>
</li>
<li class="link">
<a href="directives/PreventDefaultDirective.html" data-type="entity-link" >PreventDefaultDirective</a>
</li>
<li class="link">
<a href="directives/ShareButtonDirective.html" data-type="entity-link" >ShareButtonDirective</a>
</li>
<li class="link">
<a href="directives/StopImmediatePropagationDirective.html" data-type="entity-link" >StopImmediatePropagationDirective</a>
</li>
<li class="link">
<a href="directives/StopPropagationDirective.html" data-type="entity-link" >StopPropagationDirective</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/ConfirmClick.html" data-type="entity-link" >ConfirmClick</a>
</li>
<li class="link">
<a href="injectables/ShareService.html" data-type="entity-link" >ShareService</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/ContenteditableEvent.html" data-type="entity-link" >ContenteditableEvent</a>
</li>
<li class="link">
<a href="interfaces/IfTruthyDirectiveTemplateContext.html" data-type="entity-link" >IfTruthyDirectiveTemplateContext</a>
</li>
<li class="link">
<a href="interfaces/MethodTemplateDirectiveContext.html" data-type="entity-link" >MethodTemplateDirectiveContext</a>
</li>
<li class="link">
<a href="interfaces/MethodTemplateDirectiveErrorContext.html" data-type="entity-link" >MethodTemplateDirectiveErrorContext</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/typealiases.html" data-type="entity-link">Type aliases</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;
}
});