'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">@kodmagie/commons 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/AvatarModule.html" data-type="entity-link">AvatarModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-AvatarModule-d3f8de8f6d2ac9087cc62dad7d92914d"' : 'data-target="#xs-components-links-module-AvatarModule-d3f8de8f6d2ac9087cc62dad7d92914d"' }>
                                            <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-AvatarModule-d3f8de8f6d2ac9087cc62dad7d92914d"' :
                                            'id="xs-components-links-module-AvatarModule-d3f8de8f6d2ac9087cc62dad7d92914d"' }>
                                            <li class="link">
                                                <a href="components/AvatarComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">AvatarComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/BadgeModule.html" data-type="entity-link">BadgeModule</a>
                                <li class="chapter inner">
                                    <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                        'data-target="#directives-links-module-BadgeModule-e2bb43db8894b77e7b1fd4e6ba59f968"' : 'data-target="#xs-directives-links-module-BadgeModule-e2bb43db8894b77e7b1fd4e6ba59f968"' }>
                                        <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-BadgeModule-e2bb43db8894b77e7b1fd4e6ba59f968"' :
                                        'id="xs-directives-links-module-BadgeModule-e2bb43db8894b77e7b1fd4e6ba59f968"' }>
                                        <li class="link">
                                            <a href="directives/BadgeDirective.html"
                                                data-type="entity-link" data-context="sub-entity" data-context-id="modules">BadgeDirective</a>
                                        </li>
                                    </ul>
                                </li>
                            </li>
                            <li class="link">
                                <a href="modules/BrandModule.html" data-type="entity-link">BrandModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-BrandModule-d5ab89a9a82e8747a9a5434587ca5bf4"' : 'data-target="#xs-components-links-module-BrandModule-d5ab89a9a82e8747a9a5434587ca5bf4"' }>
                                            <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-BrandModule-d5ab89a9a82e8747a9a5434587ca5bf4"' :
                                            'id="xs-components-links-module-BrandModule-d5ab89a9a82e8747a9a5434587ca5bf4"' }>
                                            <li class="link">
                                                <a href="components/BrandComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">BrandComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/ButtonModule.html" data-type="entity-link">ButtonModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-ButtonModule-d8c999fdc24fa571de814d11120ed6d0"' : 'data-target="#xs-components-links-module-ButtonModule-d8c999fdc24fa571de814d11120ed6d0"' }>
                                            <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-ButtonModule-d8c999fdc24fa571de814d11120ed6d0"' :
                                            'id="xs-components-links-module-ButtonModule-d8c999fdc24fa571de814d11120ed6d0"' }>
                                            <li class="link">
                                                <a href="components/ButtonComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">ButtonComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/CardModule.html" data-type="entity-link">CardModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-CardModule-efc8ec8de8559607a5cd513a6b725bb5"' : 'data-target="#xs-components-links-module-CardModule-efc8ec8de8559607a5cd513a6b725bb5"' }>
                                            <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-CardModule-efc8ec8de8559607a5cd513a6b725bb5"' :
                                            'id="xs-components-links-module-CardModule-efc8ec8de8559607a5cd513a6b725bb5"' }>
                                            <li class="link">
                                                <a href="components/CardComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">CardComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/CarouselModule.html" data-type="entity-link">CarouselModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-CarouselModule-ab25ed397d6bc194b7c4d052ad0c0e4e"' : 'data-target="#xs-components-links-module-CarouselModule-ab25ed397d6bc194b7c4d052ad0c0e4e"' }>
                                            <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-CarouselModule-ab25ed397d6bc194b7c4d052ad0c0e4e"' :
                                            'id="xs-components-links-module-CarouselModule-ab25ed397d6bc194b7c4d052ad0c0e4e"' }>
                                            <li class="link">
                                                <a href="components/CarouselComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">CarouselComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/CheckRadioModule.html" data-type="entity-link">CheckRadioModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-CheckRadioModule-1efdcd41bb93fb15d2c80621589cda1c"' : 'data-target="#xs-components-links-module-CheckRadioModule-1efdcd41bb93fb15d2c80621589cda1c"' }>
                                            <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-CheckRadioModule-1efdcd41bb93fb15d2c80621589cda1c"' :
                                            'id="xs-components-links-module-CheckRadioModule-1efdcd41bb93fb15d2c80621589cda1c"' }>
                                            <li class="link">
                                                <a href="components/CheckRadioComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">CheckRadioComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/CookieModule.html" data-type="entity-link">CookieModule</a>
                                <li class="chapter inner">
                                    <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                        'data-target="#injectables-links-module-CookieModule-8960bd4821ded51e7f2d3e402ef28cf2"' : 'data-target="#xs-injectables-links-module-CookieModule-8960bd4821ded51e7f2d3e402ef28cf2"' }>
                                        <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-CookieModule-8960bd4821ded51e7f2d3e402ef28cf2"' :
                                        'id="xs-injectables-links-module-CookieModule-8960bd4821ded51e7f2d3e402ef28cf2"' }>
                                        <li class="link">
                                            <a href="injectables/CookieService.html"
                                                data-type="entity-link" data-context="sub-entity" data-context-id="modules" }>CookieService</a>
                                        </li>
                                    </ul>
                                </li>
                            </li>
                            <li class="link">
                                <a href="modules/DialogModule.html" data-type="entity-link">DialogModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-DialogModule-a4382ed9b6e5f80db95ea9bf2c7f91ed"' : 'data-target="#xs-components-links-module-DialogModule-a4382ed9b6e5f80db95ea9bf2c7f91ed"' }>
                                            <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-DialogModule-a4382ed9b6e5f80db95ea9bf2c7f91ed"' :
                                            'id="xs-components-links-module-DialogModule-a4382ed9b6e5f80db95ea9bf2c7f91ed"' }>
                                            <li class="link">
                                                <a href="components/DialogComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">DialogComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                                <li class="chapter inner">
                                    <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                        'data-target="#injectables-links-module-DialogModule-a4382ed9b6e5f80db95ea9bf2c7f91ed"' : 'data-target="#xs-injectables-links-module-DialogModule-a4382ed9b6e5f80db95ea9bf2c7f91ed"' }>
                                        <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-DialogModule-a4382ed9b6e5f80db95ea9bf2c7f91ed"' :
                                        'id="xs-injectables-links-module-DialogModule-a4382ed9b6e5f80db95ea9bf2c7f91ed"' }>
                                        <li class="link">
                                            <a href="injectables/DialogService.html"
                                                data-type="entity-link" data-context="sub-entity" data-context-id="modules" }>DialogService</a>
                                        </li>
                                    </ul>
                                </li>
                            </li>
                            <li class="link">
                                <a href="modules/DropdownModule.html" data-type="entity-link">DropdownModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-DropdownModule-722b8c5da187484844f83a96d9545807"' : 'data-target="#xs-components-links-module-DropdownModule-722b8c5da187484844f83a96d9545807"' }>
                                            <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-DropdownModule-722b8c5da187484844f83a96d9545807"' :
                                            'id="xs-components-links-module-DropdownModule-722b8c5da187484844f83a96d9545807"' }>
                                            <li class="link">
                                                <a href="components/DropdownComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">DropdownComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/ElementModule.html" data-type="entity-link">ElementModule</a>
                            </li>
                            <li class="link">
                                <a href="modules/EmailModule.html" data-type="entity-link">EmailModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-EmailModule-cbd6af16df2c9e6d57d636cf65fdf60a"' : 'data-target="#xs-components-links-module-EmailModule-cbd6af16df2c9e6d57d636cf65fdf60a"' }>
                                            <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-EmailModule-cbd6af16df2c9e6d57d636cf65fdf60a"' :
                                            'id="xs-components-links-module-EmailModule-cbd6af16df2c9e6d57d636cf65fdf60a"' }>
                                            <li class="link">
                                                <a href="components/EmailComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">EmailComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/ErrorModule.html" data-type="entity-link">ErrorModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-ErrorModule-2b184520b4d08259c6704f16fd73f466"' : 'data-target="#xs-components-links-module-ErrorModule-2b184520b4d08259c6704f16fd73f466"' }>
                                            <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-ErrorModule-2b184520b4d08259c6704f16fd73f466"' :
                                            'id="xs-components-links-module-ErrorModule-2b184520b4d08259c6704f16fd73f466"' }>
                                            <li class="link">
                                                <a href="components/ErrorComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">ErrorComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/FooterModule.html" data-type="entity-link">FooterModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-FooterModule-1075a538c5f3b0548cfd6707c0852de1"' : 'data-target="#xs-components-links-module-FooterModule-1075a538c5f3b0548cfd6707c0852de1"' }>
                                            <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-FooterModule-1075a538c5f3b0548cfd6707c0852de1"' :
                                            'id="xs-components-links-module-FooterModule-1075a538c5f3b0548cfd6707c0852de1"' }>
                                            <li class="link">
                                                <a href="components/FooterComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">FooterComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/GqlModule.html" data-type="entity-link">GqlModule</a>
                                <li class="chapter inner">
                                    <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                        'data-target="#injectables-links-module-GqlModule-4f861400cf8c5604c5ef304da265d55f"' : 'data-target="#xs-injectables-links-module-GqlModule-4f861400cf8c5604c5ef304da265d55f"' }>
                                        <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-GqlModule-4f861400cf8c5604c5ef304da265d55f"' :
                                        'id="xs-injectables-links-module-GqlModule-4f861400cf8c5604c5ef304da265d55f"' }>
                                        <li class="link">
                                            <a href="injectables/GqlService.html"
                                                data-type="entity-link" data-context="sub-entity" data-context-id="modules" }>GqlService</a>
                                        </li>
                                    </ul>
                                </li>
                            </li>
                            <li class="link">
                                <a href="modules/HeaderModule.html" data-type="entity-link">HeaderModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-HeaderModule-b643c1bbd07b231c0a4710f109a19e82"' : 'data-target="#xs-components-links-module-HeaderModule-b643c1bbd07b231c0a4710f109a19e82"' }>
                                            <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-HeaderModule-b643c1bbd07b231c0a4710f109a19e82"' :
                                            'id="xs-components-links-module-HeaderModule-b643c1bbd07b231c0a4710f109a19e82"' }>
                                            <li class="link">
                                                <a href="components/HeaderComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">HeaderComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/HeroModule.html" data-type="entity-link">HeroModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-HeroModule-b6a35268b21225466cace242f8abb038"' : 'data-target="#xs-components-links-module-HeroModule-b6a35268b21225466cace242f8abb038"' }>
                                            <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-HeroModule-b6a35268b21225466cace242f8abb038"' :
                                            'id="xs-components-links-module-HeroModule-b6a35268b21225466cace242f8abb038"' }>
                                            <li class="link">
                                                <a href="components/HeroComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">HeroComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/HttpClientModule.html" data-type="entity-link">HttpClientModule</a>
                            </li>
                            <li class="link">
                                <a href="modules/InputModule.html" data-type="entity-link">InputModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-InputModule-cc180a4071aa11e0cec9fc2b24948298"' : 'data-target="#xs-components-links-module-InputModule-cc180a4071aa11e0cec9fc2b24948298"' }>
                                            <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-InputModule-cc180a4071aa11e0cec9fc2b24948298"' :
                                            'id="xs-components-links-module-InputModule-cc180a4071aa11e0cec9fc2b24948298"' }>
                                            <li class="link">
                                                <a href="components/InputComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">InputComponent</a>
                                            </li>
                                            <li class="link">
                                                <a href="components/InputTagComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">InputTagComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/JumbotronModule.html" data-type="entity-link">JumbotronModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-JumbotronModule-7c7d02ec28509225deaa5783882c173f"' : 'data-target="#xs-components-links-module-JumbotronModule-7c7d02ec28509225deaa5783882c173f"' }>
                                            <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-JumbotronModule-7c7d02ec28509225deaa5783882c173f"' :
                                            'id="xs-components-links-module-JumbotronModule-7c7d02ec28509225deaa5783882c173f"' }>
                                            <li class="link">
                                                <a href="components/JumbotronComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">JumbotronComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/LangPickerModule.html" data-type="entity-link">LangPickerModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-LangPickerModule-d96ad46874eb7d93b57cb54422587df3"' : 'data-target="#xs-components-links-module-LangPickerModule-d96ad46874eb7d93b57cb54422587df3"' }>
                                            <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-LangPickerModule-d96ad46874eb7d93b57cb54422587df3"' :
                                            'id="xs-components-links-module-LangPickerModule-d96ad46874eb7d93b57cb54422587df3"' }>
                                            <li class="link">
                                                <a href="components/LangPickerComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">LangPickerComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/MetaModule.html" data-type="entity-link">MetaModule</a>
                                <li class="chapter inner">
                                    <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                        'data-target="#injectables-links-module-MetaModule-976dede8fe0c40ca5573ef2f70b0866e"' : 'data-target="#xs-injectables-links-module-MetaModule-976dede8fe0c40ca5573ef2f70b0866e"' }>
                                        <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-MetaModule-976dede8fe0c40ca5573ef2f70b0866e"' :
                                        'id="xs-injectables-links-module-MetaModule-976dede8fe0c40ca5573ef2f70b0866e"' }>
                                        <li class="link">
                                            <a href="injectables/MetaService.html"
                                                data-type="entity-link" data-context="sub-entity" data-context-id="modules" }>MetaService</a>
                                        </li>
                                    </ul>
                                </li>
                            </li>
                            <li class="link">
                                <a href="modules/NavBarModule.html" data-type="entity-link">NavBarModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-NavBarModule-1f286272f60e89adbdaad54a65122a66"' : 'data-target="#xs-components-links-module-NavBarModule-1f286272f60e89adbdaad54a65122a66"' }>
                                            <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-NavBarModule-1f286272f60e89adbdaad54a65122a66"' :
                                            'id="xs-components-links-module-NavBarModule-1f286272f60e89adbdaad54a65122a66"' }>
                                            <li class="link">
                                                <a href="components/NavBarComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">NavBarComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/ParticleModule.html" data-type="entity-link">ParticleModule</a>
                                <li class="chapter inner">
                                    <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                        'data-target="#directives-links-module-ParticleModule-4cbbca5007e1c498903f2417b0926dd8"' : 'data-target="#xs-directives-links-module-ParticleModule-4cbbca5007e1c498903f2417b0926dd8"' }>
                                        <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-ParticleModule-4cbbca5007e1c498903f2417b0926dd8"' :
                                        'id="xs-directives-links-module-ParticleModule-4cbbca5007e1c498903f2417b0926dd8"' }>
                                        <li class="link">
                                            <a href="directives/ParticleBackgroundDirective.html"
                                                data-type="entity-link" data-context="sub-entity" data-context-id="modules">ParticleBackgroundDirective</a>
                                        </li>
                                    </ul>
                                </li>
                            </li>
                            <li class="link">
                                <a href="modules/PasswordModule.html" data-type="entity-link">PasswordModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-PasswordModule-ed229e8f8cce24af460fef9b0a95f714"' : 'data-target="#xs-components-links-module-PasswordModule-ed229e8f8cce24af460fef9b0a95f714"' }>
                                            <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-PasswordModule-ed229e8f8cce24af460fef9b0a95f714"' :
                                            'id="xs-components-links-module-PasswordModule-ed229e8f8cce24af460fef9b0a95f714"' }>
                                            <li class="link">
                                                <a href="components/PasswordComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">PasswordComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/SearchModule.html" data-type="entity-link">SearchModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-SearchModule-48584c253b13da2be81b6e93bd53d6de"' : 'data-target="#xs-components-links-module-SearchModule-48584c253b13da2be81b6e93bd53d6de"' }>
                                            <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-SearchModule-48584c253b13da2be81b6e93bd53d6de"' :
                                            'id="xs-components-links-module-SearchModule-48584c253b13da2be81b6e93bd53d6de"' }>
                                            <li class="link">
                                                <a href="components/SearchComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">SearchComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/SharedModule.html" data-type="entity-link">SharedModule</a>
                                <li class="chapter inner">
                                    <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                        'data-target="#injectables-links-module-SharedModule-5355ae2e794e9df5e4f432e96a56a1e7"' : 'data-target="#xs-injectables-links-module-SharedModule-5355ae2e794e9df5e4f432e96a56a1e7"' }>
                                        <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-SharedModule-5355ae2e794e9df5e4f432e96a56a1e7"' :
                                        'id="xs-injectables-links-module-SharedModule-5355ae2e794e9df5e4f432e96a56a1e7"' }>
                                        <li class="link">
                                            <a href="injectables/DomService.html"
                                                data-type="entity-link" data-context="sub-entity" data-context-id="modules" }>DomService</a>
                                        </li>
                                        <li class="link">
                                            <a href="injectables/OverlayContainer.html"
                                                data-type="entity-link" data-context="sub-entity" data-context-id="modules" }>OverlayContainer</a>
                                        </li>
                                    </ul>
                                </li>
                            </li>
                            <li class="link">
                                <a href="modules/SocialLoginModule.html" data-type="entity-link">SocialLoginModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-SocialLoginModule-169a6d13b9ece2ef3deaa0848a7671fa"' : 'data-target="#xs-components-links-module-SocialLoginModule-169a6d13b9ece2ef3deaa0848a7671fa"' }>
                                            <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-SocialLoginModule-169a6d13b9ece2ef3deaa0848a7671fa"' :
                                            'id="xs-components-links-module-SocialLoginModule-169a6d13b9ece2ef3deaa0848a7671fa"' }>
                                            <li class="link">
                                                <a href="components/SocialLoginComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">SocialLoginComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                                <li class="chapter inner">
                                    <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                        'data-target="#injectables-links-module-SocialLoginModule-169a6d13b9ece2ef3deaa0848a7671fa"' : 'data-target="#xs-injectables-links-module-SocialLoginModule-169a6d13b9ece2ef3deaa0848a7671fa"' }>
                                        <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-SocialLoginModule-169a6d13b9ece2ef3deaa0848a7671fa"' :
                                        'id="xs-injectables-links-module-SocialLoginModule-169a6d13b9ece2ef3deaa0848a7671fa"' }>
                                        <li class="link">
                                            <a href="injectables/SocialLoginService.html"
                                                data-type="entity-link" data-context="sub-entity" data-context-id="modules" }>SocialLoginService</a>
                                        </li>
                                    </ul>
                                </li>
                            </li>
                            <li class="link">
                                <a href="modules/SwitchModule.html" data-type="entity-link">SwitchModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-SwitchModule-4e74b771a17a1ff1f39adc62eedb9bc0"' : 'data-target="#xs-components-links-module-SwitchModule-4e74b771a17a1ff1f39adc62eedb9bc0"' }>
                                            <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-SwitchModule-4e74b771a17a1ff1f39adc62eedb9bc0"' :
                                            'id="xs-components-links-module-SwitchModule-4e74b771a17a1ff1f39adc62eedb9bc0"' }>
                                            <li class="link">
                                                <a href="components/SwitchComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">SwitchComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/TagModule.html" data-type="entity-link">TagModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-TagModule-ac8f1a730ebda1e6eac924d0899f9926"' : 'data-target="#xs-components-links-module-TagModule-ac8f1a730ebda1e6eac924d0899f9926"' }>
                                            <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-TagModule-ac8f1a730ebda1e6eac924d0899f9926"' :
                                            'id="xs-components-links-module-TagModule-ac8f1a730ebda1e6eac924d0899f9926"' }>
                                            <li class="link">
                                                <a href="components/TagComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">TagComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/TimelineModule.html" data-type="entity-link">TimelineModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-TimelineModule-83f7691ebc106cc76a35e491c165585f"' : 'data-target="#xs-components-links-module-TimelineModule-83f7691ebc106cc76a35e491c165585f"' }>
                                            <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-TimelineModule-83f7691ebc106cc76a35e491c165585f"' :
                                            'id="xs-components-links-module-TimelineModule-83f7691ebc106cc76a35e491c165585f"' }>
                                            <li class="link">
                                                <a href="components/TimelineComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">TimelineComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/ToastModule.html" data-type="entity-link">ToastModule</a>
                                <li class="chapter inner">
                                    <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                        'data-target="#injectables-links-module-ToastModule-b2b6f9d452d28edd550aa93ea7a0c4e9"' : 'data-target="#xs-injectables-links-module-ToastModule-b2b6f9d452d28edd550aa93ea7a0c4e9"' }>
                                        <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-ToastModule-b2b6f9d452d28edd550aa93ea7a0c4e9"' :
                                        'id="xs-injectables-links-module-ToastModule-b2b6f9d452d28edd550aa93ea7a0c4e9"' }>
                                        <li class="link">
                                            <a href="injectables/ToastService.html"
                                                data-type="entity-link" data-context="sub-entity" data-context-id="modules" }>ToastService</a>
                                        </li>
                                    </ul>
                                </li>
                            </li>
                            <li class="link">
                                <a href="modules/TooltipModule.html" data-type="entity-link">TooltipModule</a>
                                <li class="chapter inner">
                                    <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                        'data-target="#directives-links-module-TooltipModule-9bcf5ea28b389be518487b8fbebaed2a"' : 'data-target="#xs-directives-links-module-TooltipModule-9bcf5ea28b389be518487b8fbebaed2a"' }>
                                        <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-TooltipModule-9bcf5ea28b389be518487b8fbebaed2a"' :
                                        'id="xs-directives-links-module-TooltipModule-9bcf5ea28b389be518487b8fbebaed2a"' }>
                                        <li class="link">
                                            <a href="directives/TooltipDirective.html"
                                                data-type="entity-link" data-context="sub-entity" data-context-id="modules">TooltipDirective</a>
                                        </li>
                                    </ul>
                                </li>
                            </li>
                            <li class="link">
                                <a href="modules/TranslateLoaderModule.html" data-type="entity-link">TranslateLoaderModule</a>
                            </li>
                            <li class="link">
                                <a href="modules/TranslateModule.html" data-type="entity-link">TranslateModule</a>
                            </li>
                            <li class="link">
                                <a href="modules/UserInfoModule.html" data-type="entity-link">UserInfoModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
                                            'data-target="#components-links-module-UserInfoModule-f2827b87bcf1105d06765f85e42e8654"' : 'data-target="#xs-components-links-module-UserInfoModule-f2827b87bcf1105d06765f85e42e8654"' }>
                                            <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-UserInfoModule-f2827b87bcf1105d06765f85e42e8654"' :
                                            'id="xs-components-links-module-UserInfoModule-f2827b87bcf1105d06765f85e42e8654"' }>
                                            <li class="link">
                                                <a href="components/UserInfoComponent.html"
                                                    data-type="entity-link" data-context="sub-entity" data-context-id="modules">UserInfoComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                </ul>
                </li>
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ? 'data-target="#components-links"' :
                            'data-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/AvatarComponent.html" data-type="entity-link">AvatarComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/BrandComponent.html" data-type="entity-link">BrandComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/ButtonComponent.html" data-type="entity-link">ButtonComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/CardComponent.html" data-type="entity-link">CardComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/CarouselComponent.html" data-type="entity-link">CarouselComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/CheckRadioComponent.html" data-type="entity-link">CheckRadioComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/DialogComponent.html" data-type="entity-link">DialogComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/DropdownComponent.html" data-type="entity-link">DropdownComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/EmailComponent.html" data-type="entity-link">EmailComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/ErrorComponent.html" data-type="entity-link">ErrorComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/FooterComponent.html" data-type="entity-link">FooterComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/HeaderComponent.html" data-type="entity-link">HeaderComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/HeroComponent.html" data-type="entity-link">HeroComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/InputComponent.html" data-type="entity-link">InputComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/InputTagComponent.html" data-type="entity-link">InputTagComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/JumbotronComponent.html" data-type="entity-link">JumbotronComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/LangPickerComponent.html" data-type="entity-link">LangPickerComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/NavBarComponent.html" data-type="entity-link">NavBarComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/PasswordComponent.html" data-type="entity-link">PasswordComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/SearchComponent.html" data-type="entity-link">SearchComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/SocialLoginComponent.html" data-type="entity-link">SocialLoginComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/SwitchComponent.html" data-type="entity-link">SwitchComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/TagComponent.html" data-type="entity-link">TagComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/TimelineComponent.html" data-type="entity-link">TimelineComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/UserInfoComponent.html" data-type="entity-link">UserInfoComponent</a>
                            </li>
                        </ul>
                    </li>
                        <li class="chapter">
                            <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ? 'data-target="#directives-links"' :
                                'data-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/BadgeDirective.html" data-type="entity-link">BadgeDirective</a>
                                </li>
                                <li class="link">
                                    <a href="directives/ParticleBackgroundDirective.html" data-type="entity-link">ParticleBackgroundDirective</a>
                                </li>
                                <li class="link">
                                    <a href="directives/TooltipDirective.html" data-type="entity-link">TooltipDirective</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/Field.html" data-type="entity-link">Field</a>
                            </li>
                            <li class="link">
                                <a href="classes/Form.html" data-type="entity-link">Form</a>
                            </li>
                            <li class="link">
                                <a href="classes/PortalInjector.html" data-type="entity-link">PortalInjector</a>
                            </li>
                            <li class="link">
                                <a href="classes/TranslateFireLoader.html" data-type="entity-link">TranslateFireLoader</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/CookieService.html" data-type="entity-link">CookieService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/DialogService.html" data-type="entity-link">DialogService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/GqlService.html" data-type="entity-link">GqlService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/HttpClientResponseService.html" data-type="entity-link">HttpClientResponseService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/MetaService.html" data-type="entity-link">MetaService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/SocialLoginService.html" data-type="entity-link">SocialLoginService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/ToastService.html" data-type="entity-link">ToastService</a>
                                </li>
                            </ul>
                        </li>
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ? 'data-target="#interceptors-links"' :
                            'data-target="#xs-interceptors-links"' }>
                            <span class="icon ion-ios-swap"></span>
                            <span>Interceptors</span>
                            <span class="icon ion-ios-arrow-down"></span>
                        </div>
                        <ul class="links collapse" ${ isNormalMode ? 'id="interceptors-links"' : 'id="xs-interceptors-links"' }>
                            <li class="link">
                                <a href="interceptors/HttpClientRequestService.html" data-type="entity-link">HttpClientRequestService</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/MetaGuard.html" data-type="entity-link">MetaGuard</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/ComponentType.html" data-type="entity-link">ComponentType</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/ComponentType-1.html" data-type="entity-link">ComponentType</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/IBadge.html" data-type="entity-link">IBadge</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/IDialogConfig.html" data-type="entity-link">IDialogConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/ILangPicker.html" data-type="entity-link">ILangPicker</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/ISocialLoginConfig.html" data-type="entity-link">ISocialLoginConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/ITimeline.html" data-type="entity-link">ITimeline</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/IToastConfig.html" data-type="entity-link">IToastConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/ITooltip.html" data-type="entity-link">ITooltip</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/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="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;
    }
});