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">blog-angular 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="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>
                      </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/AboutModule.html" data-type="entity-link">AboutModule</a>
                                      <li class="chapter inner">
                                          <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                              'data-target="#components-links-module-AboutModule-3b34deeca8dc44f1707bab910275d507"' : 'data-target="#xs-components-links-module-AboutModule-3b34deeca8dc44f1707bab910275d507"' }>
                                              <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-module-AboutModule-3b34deeca8dc44f1707bab910275d507"' :
                                              'id="xs-components-links-module-AboutModule-3b34deeca8dc44f1707bab910275d507"' }>
                                              <li class="link">
                                                  <a href="components/AboutComponent.html"
                                                      data-type="entity-link" data-context="sub-entity" data-context-id="modules">AboutComponent</a>
                                              </li>
                                          </ul>
                                      </li>
                              </li>
                              <li class="link">
                                  <a href="modules/AboutRoutingModule.html" data-type="entity-link">AboutRoutingModule</a>
                              </li>
                              <li class="link">
                                  <a href="modules/AppModule.html" data-type="entity-link">AppModule</a>
                                      <li class="chapter inner">
                                          <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                              'data-target="#components-links-module-AppModule-7105f4bd2c980c8b1a3a3ca236d0f00e"' : 'data-target="#xs-components-links-module-AppModule-7105f4bd2c980c8b1a3a3ca236d0f00e"' }>
                                              <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-module-AppModule-7105f4bd2c980c8b1a3a3ca236d0f00e"' :
                                              'id="xs-components-links-module-AppModule-7105f4bd2c980c8b1a3a3ca236d0f00e"' }>
                                              <li class="link">
                                                  <a href="components/AppComponent.html"
                                                      data-type="entity-link" data-context="sub-entity" data-context-id="modules">AppComponent</a>
                                              </li>
                                          </ul>
                                      </li>
                              </li>
                              <li class="link">
                                  <a href="modules/ComponentsModule.html" data-type="entity-link">ComponentsModule</a>
                                      <li class="chapter inner">
                                          <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                              'data-target="#components-links-module-ComponentsModule-9d8723d5f16cc3fd32fd9aad2641dcd6"' : 'data-target="#xs-components-links-module-ComponentsModule-9d8723d5f16cc3fd32fd9aad2641dcd6"' }>
                                              <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-module-ComponentsModule-9d8723d5f16cc3fd32fd9aad2641dcd6"' :
                                              'id="xs-components-links-module-ComponentsModule-9d8723d5f16cc3fd32fd9aad2641dcd6"' }>
                                              <li class="link">
                                                  <a href="components/FooterComponent.html"
                                                      data-type="entity-link" data-context="sub-entity" data-context-id="modules">FooterComponent</a>
                                              </li>
                                              <li class="link">
                                                  <a href="components/HeaderComponent.html"
                                                      data-type="entity-link" data-context="sub-entity" data-context-id="modules">HeaderComponent</a>
                                              </li>
                                              <li class="link">
                                                  <a href="components/NavbarComponent.html"
                                                      data-type="entity-link" data-context="sub-entity" data-context-id="modules">NavbarComponent</a>
                                              </li>
                                              <li class="link">
                                                  <a href="components/NotFoundComponent.html"
                                                      data-type="entity-link" data-context="sub-entity" data-context-id="modules">NotFoundComponent</a>
                                              </li>
                                          </ul>
                                      </li>
                                      <li class="chapter inner">
                                          <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                              'data-target="#pipes-links-module-ComponentsModule-9d8723d5f16cc3fd32fd9aad2641dcd6"' : 'data-target="#xs-pipes-links-module-ComponentsModule-9d8723d5f16cc3fd32fd9aad2641dcd6"' }>
                                              <span class="icon ion-md-add"></span>
                                              <span>Pipes</span>
                                              <span class="icon ion-ios-arrow-down"></span>
                                          </div>
                                          <ul class="links collapse" ${ isNormalMode ? 'id="pipes-links-module-ComponentsModule-9d8723d5f16cc3fd32fd9aad2641dcd6"' :
                                              'id="xs-pipes-links-module-ComponentsModule-9d8723d5f16cc3fd32fd9aad2641dcd6"' }>
                                              <li class="link">
                                                  <a href="pipes/DomSecurePipe.html"
                                                      data-type="entity-link" data-context="sub-entity" data-context-id="modules">DomSecurePipe</a>
                                              </li>
                                              <li class="link">
                                                  <a href="pipes/YoutubePipe.html"
                                                      data-type="entity-link" data-context="sub-entity" data-context-id="modules">YoutubePipe</a>
                                              </li>
                                          </ul>
                                      </li>
                              </li>
                              <li class="link">
                                  <a href="modules/ContactModule.html" data-type="entity-link">ContactModule</a>
                                      <li class="chapter inner">
                                          <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                              'data-target="#components-links-module-ContactModule-77675ea329be328950745a802c022a3a"' : 'data-target="#xs-components-links-module-ContactModule-77675ea329be328950745a802c022a3a"' }>
                                              <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-module-ContactModule-77675ea329be328950745a802c022a3a"' :
                                              'id="xs-components-links-module-ContactModule-77675ea329be328950745a802c022a3a"' }>
                                              <li class="link">
                                                  <a href="components/ContactComponent.html"
                                                      data-type="entity-link" data-context="sub-entity" data-context-id="modules">ContactComponent</a>
                                              </li>
                                          </ul>
                                      </li>
                              </li>
                              <li class="link">
                                  <a href="modules/ContactRoutingModule.html" data-type="entity-link">ContactRoutingModule</a>
                              </li>
                              <li class="link">
                                  <a href="modules/CoursesModule.html" data-type="entity-link">CoursesModule</a>
                                      <li class="chapter inner">
                                          <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                              'data-target="#components-links-module-CoursesModule-e91bf28ecfd78eedc638a2bdb18e1c54"' : 'data-target="#xs-components-links-module-CoursesModule-e91bf28ecfd78eedc638a2bdb18e1c54"' }>
                                              <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-module-CoursesModule-e91bf28ecfd78eedc638a2bdb18e1c54"' :
                                              'id="xs-components-links-module-CoursesModule-e91bf28ecfd78eedc638a2bdb18e1c54"' }>
                                              <li class="link">
                                                  <a href="components/CoursesComponent.html"
                                                      data-type="entity-link" data-context="sub-entity" data-context-id="modules">CoursesComponent</a>
                                              </li>
                                          </ul>
                                      </li>
                              </li>
                              <li class="link">
                                  <a href="modules/CoursesRoutingModule.html" data-type="entity-link">CoursesRoutingModule</a>
                              </li>
                              <li class="link">
                                  <a href="modules/HomeModule.html" data-type="entity-link">HomeModule</a>
                                      <li class="chapter inner">
                                          <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                              'data-target="#components-links-module-HomeModule-3c960c5910e4a40261bec216066f5205"' : 'data-target="#xs-components-links-module-HomeModule-3c960c5910e4a40261bec216066f5205"' }>
                                              <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-module-HomeModule-3c960c5910e4a40261bec216066f5205"' :
                                              'id="xs-components-links-module-HomeModule-3c960c5910e4a40261bec216066f5205"' }>
                                              <li class="link">
                                                  <a href="components/HomeComponent.html"
                                                      data-type="entity-link" data-context="sub-entity" data-context-id="modules">HomeComponent</a>
                                              </li>
                                          </ul>
                                      </li>
                              </li>
                              <li class="link">
                                  <a href="modules/HomeRoutingModule.html" data-type="entity-link">HomeRoutingModule</a>
                              </li>
                              <li class="link">
                                  <a href="modules/PortfolioModule.html" data-type="entity-link">PortfolioModule</a>
                                      <li class="chapter inner">
                                          <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                              'data-target="#components-links-module-PortfolioModule-64c36e27caa18fd64deda624daf7f61e"' : 'data-target="#xs-components-links-module-PortfolioModule-64c36e27caa18fd64deda624daf7f61e"' }>
                                              <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-module-PortfolioModule-64c36e27caa18fd64deda624daf7f61e"' :
                                              'id="xs-components-links-module-PortfolioModule-64c36e27caa18fd64deda624daf7f61e"' }>
                                              <li class="link">
                                                  <a href="components/PortfolioComponent.html"
                                                      data-type="entity-link" data-context="sub-entity" data-context-id="modules">PortfolioComponent</a>
                                              </li>
                                          </ul>
                                      </li>
                              </li>
                              <li class="link">
                                  <a href="modules/PortfolioRoutingModule.html" data-type="entity-link">PortfolioRoutingModule</a>
                              </li>
                              <li class="link">
                                  <a href="modules/PostModule.html" data-type="entity-link">PostModule</a>
                                      <li class="chapter inner">
                                          <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                              'data-target="#components-links-module-PostModule-f385f27e357390faa4beb167f6271fce"' : 'data-target="#xs-components-links-module-PostModule-f385f27e357390faa4beb167f6271fce"' }>
                                              <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-module-PostModule-f385f27e357390faa4beb167f6271fce"' :
                                              'id="xs-components-links-module-PostModule-f385f27e357390faa4beb167f6271fce"' }>
                                              <li class="link">
                                                  <a href="components/PostComponent.html"
                                                      data-type="entity-link" data-context="sub-entity" data-context-id="modules">PostComponent</a>
                                              </li>
                                          </ul>
                                      </li>
                              </li>
                              <li class="link">
                                  <a href="modules/PostRoutingModule.html" data-type="entity-link">PostRoutingModule</a>
                              </li>
                              <li class="link">
                                  <a href="modules/SidebarModule.html" data-type="entity-link">SidebarModule</a>
                                      <li class="chapter inner">
                                          <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                              'data-target="#components-links-module-SidebarModule-79b3956ebebb21f07f489c01fd1f425e"' : 'data-target="#xs-components-links-module-SidebarModule-79b3956ebebb21f07f489c01fd1f425e"' }>
                                              <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-module-SidebarModule-79b3956ebebb21f07f489c01fd1f425e"' :
                                              'id="xs-components-links-module-SidebarModule-79b3956ebebb21f07f489c01fd1f425e"' }>
                                              <li class="link">
                                                  <a href="components/SidebarComponent.html"
                                                      data-type="entity-link" data-context="sub-entity" data-context-id="modules">SidebarComponent</a>
                                              </li>
                                          </ul>
                                      </li>
                              </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/AppPage.html" data-type="entity-link">AppPage</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/ConfigService.html" data-type="entity-link">ConfigService</a>
                                  </li>
                              </ul>
                          </li>
                      <li class="chapter">
                          <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ? 'data-target="#interfaces-links"' :
                              'data-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/SharedElement.html" data-type="entity-link">SharedElement</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/variables.html" data-type="entity-link">Variables</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;
      }
  });