'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">eui 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="changelog.html"  data-type="chapter-link">
                                <span class="icon ion-ios-paper"></span>CHANGELOG
                            </a>
                        </li>
                        <li class="link">
                            <a href="license.html"  data-type="chapter-link">
                                <span class="icon ion-ios-paper"></span>LICENSE
                            </a>
                        </li>
                                <li class="link">
                                    <a href="properties.html" data-type="chapter-link">
                                        <span class="icon ion-ios-apps"></span>Properties
                                    </a>
                                </li>

                    </ul>
                </li>
                    <li class="chapter">
                        <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#classes-links"' :
                            'data-bs-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/ConsoleAppender.html" data-type="entity-link" >ConsoleAppender</a>
                            </li>
                            <li class="link">
                                <a href="classes/EuiEuLanguages.html" data-type="entity-link" >EuiEuLanguages</a>
                            </li>
                            <li class="link">
                                <a href="classes/EuiLazyService.html" data-type="entity-link" >EuiLazyService</a>
                            </li>
                            <li class="link">
                                <a href="classes/EuiPagination.html" data-type="entity-link" >EuiPagination</a>
                            </li>
                            <li class="link">
                                <a href="classes/EuiService.html" data-type="entity-link" >EuiService</a>
                            </li>
                            <li class="link">
                                <a href="classes/LogAppender.html" data-type="entity-link" >LogAppender</a>
                            </li>
                            <li class="link">
                                <a href="classes/Logger.html" data-type="entity-link" >Logger</a>
                            </li>
                            <li class="link">
                                <a href="classes/LoggerMock.html" data-type="entity-link" >LoggerMock</a>
                            </li>
                            <li class="link">
                                <a href="classes/UrlAppender.html" data-type="entity-link" >UrlAppender</a>
                            </li>
                            <li class="link">
                                <a href="classes/UxBadgeLegacy.html" data-type="entity-link" >UxBadgeLegacy</a>
                            </li>
                            <li class="link">
                                <a href="classes/UxClearErrorFeedbackEvent.html" data-type="entity-link" >UxClearErrorFeedbackEvent</a>
                            </li>
                            <li class="link">
                                <a href="classes/UxErrorGroupOnClickEvent.html" data-type="entity-link" >UxErrorGroupOnClickEvent</a>
                            </li>
                            <li class="link">
                                <a href="classes/UxErrorOutput.html" data-type="entity-link" >UxErrorOutput</a>
                            </li>
                            <li class="link">
                                <a href="classes/UxLinkLegacy.html" data-type="entity-link" >UxLinkLegacy</a>
                            </li>
                            <li class="link">
                                <a href="classes/UxPublishErrorFeedbackEvent.html" data-type="entity-link" >UxPublishErrorFeedbackEvent</a>
                            </li>
                            <li class="link">
                                <a href="classes/UxValidationErrorClass.html" data-type="entity-link" >UxValidationErrorClass</a>
                            </li>
                        </ul>
                    </li>
                    <li class="chapter">
                        <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#interfaces-links"' :
                            'data-bs-target="#xs-interfaces-links"' }>
                            <span class="icon ion-md-information-circle-outline"></span>
                            <span>Interfaces</span>
                            <span class="icon ion-ios-arrow-down"></span>
                        </div>
                        <ul class="links collapse " ${ isNormalMode ? ' id="interfaces-links"' : 'id="xs-interfaces-links"' }>
                            <li class="link">
                                <a href="interfaces/ApiQueue.html" data-type="entity-link" >ApiQueue</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/ApiQueueItem.html" data-type="entity-link" >ApiQueueItem</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/AppState.html" data-type="entity-link" >AppState</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/ConnectionStatus.html" data-type="entity-link" >ConnectionStatus</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/ConsoleAppenderConfig.html" data-type="entity-link" >ConsoleAppenderConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/ConsoleAppenderTypeConfig.html" data-type="entity-link" >ConsoleAppenderTypeConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/CoreState.html" data-type="entity-link" >CoreState</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/EnvDynamicConfig.html" data-type="entity-link" >EnvDynamicConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/EuiAppHandlersConfig.html" data-type="entity-link" >EuiAppHandlersConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/EuiAppJsonConfig.html" data-type="entity-link" >EuiAppJsonConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/EuiAuthConfig.html" data-type="entity-link" >EuiAuthConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/EuiConfig.html" data-type="entity-link" >EuiConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/EuiEnvConfig.html" data-type="entity-link" >EuiEnvConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/EuiGlobalConfig.html" data-type="entity-link" >EuiGlobalConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/EuiGrowlMessage.html" data-type="entity-link" >EuiGrowlMessage</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/EuiLanguage.html" data-type="entity-link" >EuiLanguage</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/EuiMenuItem.html" data-type="entity-link" >EuiMenuItem</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/EuiPaginationConfig.html" data-type="entity-link" >EuiPaginationConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/EuiServiceModel.html" data-type="entity-link" >EuiServiceModel</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/EuiServiceStatus.html" data-type="entity-link" >EuiServiceStatus</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/EuiStoreServiceModel.html" data-type="entity-link" >EuiStoreServiceModel</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/EuiUserRight.html" data-type="entity-link" >EuiUserRight</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/GlobalConfig.html" data-type="entity-link" >GlobalConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/HttpErrorHandlerConfig.html" data-type="entity-link" >HttpErrorHandlerConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/HttpErrorRouteConfig.html" data-type="entity-link" >HttpErrorRouteConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/I18nConfig.html" data-type="entity-link" >I18nConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/I18nLoaderConfig.html" data-type="entity-link" >I18nLoaderConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/I18nResource.html" data-type="entity-link" >I18nResource</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/I18nServiceConfig.html" data-type="entity-link" >I18nServiceConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/I18nState.html" data-type="entity-link" >I18nState</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/LoadedConfigModules.html" data-type="entity-link" >LoadedConfigModules</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/LocaleServiceConfig.html" data-type="entity-link" >LocaleServiceConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/LocaleState.html" data-type="entity-link" >LocaleState</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/LogAppenderConfig.html" data-type="entity-link" >LogAppenderConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/LogAppenderTypeConfig.html" data-type="entity-link" >LogAppenderTypeConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/LogConfig.html" data-type="entity-link" >LogConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/LogEvent.html" data-type="entity-link" >LogEvent</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/LogPosition.html" data-type="entity-link" >LogPosition</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/ModuleConfig.html" data-type="entity-link" >ModuleConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/ModulesConfig.html" data-type="entity-link" >ModulesConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/NotificationsState.html" data-type="entity-link" >NotificationsState</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/UrlAppenderConfig.html" data-type="entity-link" >UrlAppenderConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/UrlAppenderTypeConfig.html" data-type="entity-link" >UrlAppenderTypeConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/UrlLogEvent.html" data-type="entity-link" >UrlLogEvent</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/UserConfig.html" data-type="entity-link" >UserConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/UserDetails.html" data-type="entity-link" >UserDetails</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/UserPreferences.html" data-type="entity-link" >UserPreferences</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/UserState.html" data-type="entity-link" >UserState</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/UxErrorFeedback.html" data-type="entity-link" >UxErrorFeedback</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/UxErrorFollowMap.html" data-type="entity-link" >UxErrorFollowMap</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/UxErrorInfo.html" data-type="entity-link" >UxErrorInfo</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/UxErrorMessage.html" data-type="entity-link" >UxErrorMessage</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/UxFormValidationError.html" data-type="entity-link" >UxFormValidationError</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/UxHttpErrorInfo.html" data-type="entity-link" >UxHttpErrorInfo</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/UxHttpErrorResponse.html" data-type="entity-link" >UxHttpErrorResponse</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/UxModalLegacy.html" data-type="entity-link" >UxModalLegacy</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/UxValidationErrorAttribute.html" data-type="entity-link" >UxValidationErrorAttribute</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/UxValidationErrorFeedback.html" data-type="entity-link" >UxValidationErrorFeedback</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/UxValidationErrorI18nMessage.html" data-type="entity-link" >UxValidationErrorI18nMessage</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/VersionsConfig.html" data-type="entity-link" >VersionsConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/XHRConfig.html" data-type="entity-link" >XHRConfig</a>
                            </li>
                        </ul>
                    </li>
                    <li class="chapter">
                        <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#miscellaneous-links"'
                            : 'data-bs-target="#xs-miscellaneous-links"' }>
                            <span class="icon ion-ios-cube"></span>
                            <span>Miscellaneous</span>
                            <span class="icon ion-ios-arrow-down"></span>
                        </div>
                        <ul class="links collapse " ${ isNormalMode ? 'id="miscellaneous-links"' : 'id="xs-miscellaneous-links"' }>
                            <li class="link">
                                <a href="miscellaneous/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="routes.html"><span class="icon ion-ios-git-branch"></span>Routes</a>
                        </li>
            </ul>
        </nav>
        `);
        this.innerHTML = tp.strings;
    }
});