@rxap/table-system
Version:
This package provides a set of Angular directives, components, and services to enhance data tables with features like row expansion, full-text search, and row selection with checkboxes. It includes modules for easy integration of these features into exist
232 lines (228 loc) • 17.6 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-table-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/ExpandRowModule.html" data-type="entity-link" class="deprecated-name">ExpandRowModule</a>
<li class="chapter inner">
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
'data-bs-target="#directives-links-module-ExpandRowModule-ec4185d980c0e7c7f51afd8c04d6e974633b74543280f5e9945f70a02da89cf506d533c6f1997f2a60ec09311ce715392061853a4ca317a0d7cdaf8bffb17b36"' : 'data-bs-target="#xs-directives-links-module-ExpandRowModule-ec4185d980c0e7c7f51afd8c04d6e974633b74543280f5e9945f70a02da89cf506d533c6f1997f2a60ec09311ce715392061853a4ca317a0d7cdaf8bffb17b36"' }>
<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-ExpandRowModule-ec4185d980c0e7c7f51afd8c04d6e974633b74543280f5e9945f70a02da89cf506d533c6f1997f2a60ec09311ce715392061853a4ca317a0d7cdaf8bffb17b36"' :
'id="xs-directives-links-module-ExpandRowModule-ec4185d980c0e7c7f51afd8c04d6e974633b74543280f5e9945f70a02da89cf506d533c6f1997f2a60ec09311ce715392061853a4ca317a0d7cdaf8bffb17b36"' }>
<li class="link">
<a href="directives/ExpandRowDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >ExpandRowDirective</a>
</li>
</ul>
</li>
<li class="chapter inner">
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
'data-bs-target="#injectables-links-module-ExpandRowModule-ec4185d980c0e7c7f51afd8c04d6e974633b74543280f5e9945f70a02da89cf506d533c6f1997f2a60ec09311ce715392061853a4ca317a0d7cdaf8bffb17b36"' : 'data-bs-target="#xs-injectables-links-module-ExpandRowModule-ec4185d980c0e7c7f51afd8c04d6e974633b74543280f5e9945f70a02da89cf506d533c6f1997f2a60ec09311ce715392061853a4ca317a0d7cdaf8bffb17b36"' }>
<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-ExpandRowModule-ec4185d980c0e7c7f51afd8c04d6e974633b74543280f5e9945f70a02da89cf506d533c6f1997f2a60ec09311ce715392061853a4ca317a0d7cdaf8bffb17b36"' :
'id="xs-injectables-links-module-ExpandRowModule-ec4185d980c0e7c7f51afd8c04d6e974633b74543280f5e9945f70a02da89cf506d533c6f1997f2a60ec09311ce715392061853a4ca317a0d7cdaf8bffb17b36"' }>
<li class="link">
<a href="injectables/ExpandRowService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" class="deprecated-name">ExpandRowService</a>
</li>
</ul>
</li>
</li>
<li class="link">
<a href="modules/SelectRowModule.html" data-type="entity-link" >SelectRowModule</a>
<li class="chapter inner">
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
'data-bs-target="#directives-links-module-SelectRowModule-37cf012621f4d2b437ee62ba04798e651b7ed2074294f573fd5b9adac4f6ade28d15c63c7ad7ad64d034f4bdcdf5082845ff46e76b01c7b08ca4a7327b5e0857"' : 'data-bs-target="#xs-directives-links-module-SelectRowModule-37cf012621f4d2b437ee62ba04798e651b7ed2074294f573fd5b9adac4f6ade28d15c63c7ad7ad64d034f4bdcdf5082845ff46e76b01c7b08ca4a7327b5e0857"' }>
<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-SelectRowModule-37cf012621f4d2b437ee62ba04798e651b7ed2074294f573fd5b9adac4f6ade28d15c63c7ad7ad64d034f4bdcdf5082845ff46e76b01c7b08ca4a7327b5e0857"' :
'id="xs-directives-links-module-SelectRowModule-37cf012621f4d2b437ee62ba04798e651b7ed2074294f573fd5b9adac4f6ade28d15c63c7ad7ad64d034f4bdcdf5082845ff46e76b01c7b08ca4a7327b5e0857"' }>
<li class="link">
<a href="directives/AllRowsSelectedDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >AllRowsSelectedDirective</a>
</li>
</ul>
</li>
<li class="chapter inner">
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
'data-bs-target="#injectables-links-module-SelectRowModule-37cf012621f4d2b437ee62ba04798e651b7ed2074294f573fd5b9adac4f6ade28d15c63c7ad7ad64d034f4bdcdf5082845ff46e76b01c7b08ca4a7327b5e0857"' : 'data-bs-target="#xs-injectables-links-module-SelectRowModule-37cf012621f4d2b437ee62ba04798e651b7ed2074294f573fd5b9adac4f6ade28d15c63c7ad7ad64d034f4bdcdf5082845ff46e76b01c7b08ca4a7327b5e0857"' }>
<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-SelectRowModule-37cf012621f4d2b437ee62ba04798e651b7ed2074294f573fd5b9adac4f6ade28d15c63c7ad7ad64d034f4bdcdf5082845ff46e76b01c7b08ca4a7327b5e0857"' :
'id="xs-injectables-links-module-SelectRowModule-37cf012621f4d2b437ee62ba04798e651b7ed2074294f573fd5b9adac4f6ade28d15c63c7ad7ad64d034f4bdcdf5082845ff46e76b01c7b08ca4a7327b5e0857"' }>
<li class="link">
<a href="injectables/SelectRowService.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >SelectRowService</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/CheckboxCellComponent.html" data-type="entity-link" >CheckboxCellComponent</a>
</li>
<li class="link">
<a href="components/CheckboxHeaderCellComponent.html" data-type="entity-link" >CheckboxHeaderCellComponent</a>
</li>
<li class="link">
<a href="components/ExpandControlsCellComponent.html" data-type="entity-link" >ExpandControlsCellComponent</a>
</li>
<li class="link">
<a href="components/ExpandRowContainerComponent.html" data-type="entity-link" >ExpandRowContainerComponent</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/AllRowsSelectedDirective.html" data-type="entity-link" >AllRowsSelectedDirective</a>
</li>
<li class="link">
<a href="directives/ExpandRowContentDirective.html" data-type="entity-link" >ExpandRowContentDirective</a>
</li>
<li class="link">
<a href="directives/ExpandRowDirective.html" data-type="entity-link" >ExpandRowDirective</a>
</li>
<li class="link">
<a href="directives/TableFilterInputDirective.html" data-type="entity-link" >TableFilterInputDirective</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/TableFullTextSearchService.html" data-type="entity-link" >TableFullTextSearchService</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/AllRowsSelectedDirectiveContext.html" data-type="entity-link" >AllRowsSelectedDirectiveContext</a>
</li>
<li class="link">
<a href="interfaces/ExpandCellContentDirectiveContext.html" data-type="entity-link" >ExpandCellContentDirectiveContext</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;
}
});