text: '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">demo 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="dependencies.html" data-type="chapter-link">
                                  <span class="icon ion-ios-list"></span>Dependencies
                              </a>
                          </li>
                      </ul>
                  </li>
                      <li class="chapter modules">
                          <a data-type="chapter-link" href="modules.html">
                              <div class="menu-toggler linked" data-toggle="collapse" ${ isNormalMode ?
                                  'data-target="#modules-links"' : 'data-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>
                              <li class="link">
                                  <a href="modules/CatsModule.html" data-type="entity-link">CatsModule</a>
                                      <li class="chapter inner">
                                          <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                              'data-target="#controllers-links-module-CatsModule-1546edc013996477077dea239fe41d66"' : 'data-target="#xs-controllers-links-module-CatsModule-1546edc013996477077dea239fe41d66"' }>
                                              <span class="icon ion-md-swap"></span>
                                              <span>Controllers</span>
                                              <span class="icon ion-ios-arrow-down"></span>
                                          </div>
                                          <ul class="links collapse" ${ isNormalMode ? 'id="controllers-links-module-CatsModule-1546edc013996477077dea239fe41d66"' :
                                              'id="xs-controllers-links-module-CatsModule-1546edc013996477077dea239fe41d66"' }>
                                              <li class="link">
                                                  <a href="controllers/CatsController.html"
                                                      data-type="entity-link" data-context="sub-entity" data-context-id="modules">CatsController</a>
                                              </li>
                                          </ul>
                                      </li>
                                  <li class="chapter inner">
                                      <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                          'data-target="#injectables-links-module-CatsModule-1546edc013996477077dea239fe41d66"' : 'data-target="#xs-injectables-links-module-CatsModule-1546edc013996477077dea239fe41d66"' }>
                                          <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-CatsModule-1546edc013996477077dea239fe41d66"' :
                                          'id="xs-injectables-links-module-CatsModule-1546edc013996477077dea239fe41d66"' }>
                                          <li class="link">
                                              <a href="injectables/CatsService.html"
                                                  data-type="entity-link" data-context="sub-entity" data-context-id="modules" }>CatsService</a>
                                          </li>
                                      </ul>
                                  </li>
                              </li>
                              <li class="link">
                                  <a href="modules/DogsModule.html" data-type="entity-link">DogsModule</a>
                              </li>
                  </ul>
                  </li>
                          <li class="chapter">
                              <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ? 'data-target="#controllers-links"' :
                                  'data-target="#xs-controllers-links"' }>
                                  <span class="icon ion-md-swap"></span>
                                  <span>Controllers</span>
                                  <span class="icon ion-ios-arrow-down"></span>
                              </div>
                              <ul class="links collapse" ${ isNormalMode ? 'id="controllers-links"' : 'id="xs-controllers-links"' }>
                                  <li class="link">
                                      <a href="controllers/AppController.html" data-type="entity-link">AppController</a>
                                  </li>
                                  <li class="link">
                                      <a href="controllers/CatsController.html" data-type="entity-link">CatsController</a>
                                  </li>
                              </ul>
                          </li>
                      <li class="chapter">
                          <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ? 'data-target="#classes-links"' :
                              'data-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/CreateCatDto.html" data-type="entity-link">CreateCatDto</a>
                              </li>
                          </ul>
                      </li>
                          <li class="chapter">
                              <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ? 'data-target="#injectables-links"' :
                                  'data-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/AppService.html" data-type="entity-link">AppService</a>
                                  </li>
                                  <li class="link">
                                      <a href="injectables/CatsLoggingInterceptor.html" data-type="entity-link">CatsLoggingInterceptor</a>
                                  </li>
                                  <li class="link">
                                      <a href="injectables/CatsService.html" data-type="entity-link">CatsService</a>
                                  </li>
                              </ul>
                          </li>
                      <li class="chapter">
                          <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ? 'data-target="#guards-links"' :
                              'data-target="#xs-guards-links"' }>
                              <span class="icon ion-ios-lock"></span>
                              <span>Guards</span>
                              <span class="icon ion-ios-arrow-down"></span>
                          </div>
                          <ul class="links collapse" ${ isNormalMode ? 'id="guards-links"' : 'id="xs-guards-links"' }>
                              <li class="link">
                                  <a href="guards/CatsAuthGuard.html" data-type="entity-link">CatsAuthGuard</a>
                              </li>
                          </ul>
                      </li>
                      <li class="chapter">
                          <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ? 'data-target="#miscellaneous-links"'
                              : 'data-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>
                          </ul>
                      </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">
                              <img data-src="images/compodoc-vectorise.png" class="img-responsive" data-type="compodoc-logo">
                          </a>
                      </li>
              </ul>
          </nav>
          `);
          this.innerHTML = tp.strings;
      }
  });