@rxap/ngx-error
Version:
This package provides a comprehensive error handling solution for Angular applications, including interceptors, services, and UI components to display different types of errors in a user-friendly dialog. It supports handling of generic errors, HTTP errors
181 lines (177 loc) • 11 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-error</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="#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/AngularErrorComponent.html" data-type="entity-link" >AngularErrorComponent</a>
</li>
<li class="link">
<a href="components/AnyHttpErrorComponent.html" data-type="entity-link" >AnyHttpErrorComponent</a>
</li>
<li class="link">
<a href="components/CodeHttpErrorComponent.html" data-type="entity-link" >CodeHttpErrorComponent</a>
</li>
<li class="link">
<a href="components/ErrorDialogComponent.html" data-type="entity-link" >ErrorDialogComponent</a>
</li>
<li class="link">
<a href="components/MessageHttpErrorComponent.html" data-type="entity-link" >MessageHttpErrorComponent</a>
</li>
<li class="link">
<a href="components/OpenApiHttpResponseErrorComponent.html" data-type="entity-link" >OpenApiHttpResponseErrorComponent</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/AngularErrorService.html" data-type="entity-link" >AngularErrorService</a>
</li>
<li class="link">
<a href="injectables/AnyHttpErrorService.html" data-type="entity-link" >AnyHttpErrorService</a>
</li>
<li class="link">
<a href="injectables/CodeHttpErrorService.html" data-type="entity-link" >CodeHttpErrorService</a>
</li>
<li class="link">
<a href="injectables/ErrorCaptureService.html" data-type="entity-link" >ErrorCaptureService</a>
</li>
<li class="link">
<a href="injectables/MessageHttpErrorService.html" data-type="entity-link" >MessageHttpErrorService</a>
</li>
<li class="link">
<a href="injectables/OpenApiHttpResponseErrorService.html" data-type="entity-link" >OpenApiHttpResponseErrorService</a>
</li>
<li class="link">
<a href="injectables/RxapErrorHandler.html" data-type="entity-link" >RxapErrorHandler</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/AngularErrorDialogData.html" data-type="entity-link" >AngularErrorDialogData</a>
</li>
<li class="link">
<a href="interfaces/AnyHttpErrorDialogData.html" data-type="entity-link" >AnyHttpErrorDialogData</a>
</li>
<li class="link">
<a href="interfaces/CodeHttpErrorDialogData.html" data-type="entity-link" >CodeHttpErrorDialogData</a>
</li>
<li class="link">
<a href="interfaces/ErrorHandlerOptions.html" data-type="entity-link" >ErrorHandlerOptions</a>
</li>
<li class="link">
<a href="interfaces/ErrorInterceptorOptions.html" data-type="entity-link" >ErrorInterceptorOptions</a>
</li>
<li class="link">
<a href="interfaces/IErrorDialogComponent.html" data-type="entity-link" >IErrorDialogComponent</a>
</li>
<li class="link">
<a href="interfaces/MessageHttpErrorDialogData.html" data-type="entity-link" >MessageHttpErrorDialogData</a>
</li>
<li class="link">
<a href="interfaces/OpenApiHttpResponseErrorDialogData.html" data-type="entity-link" >OpenApiHttpResponseErrorDialogData</a>
</li>
<li class="link">
<a href="interfaces/SimplifiedHttpErrorResponse.html" data-type="entity-link" >SimplifiedHttpErrorResponse</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;
}
});