'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 modules">
                        <a data-type="chapter-link" href="modules.html">
                            <div class="menu-toggler linked" data-bs-toggle="collapse" ${ isNormalMode ?
                                'data-bs-target="#modules-links"' : 'data-bs-target="#xs-modules-links"' }>
                                <span class="icon ion-ios-archive"></span>
                                <span class="link-name">Modules</span>
                                <span class="icon ion-ios-arrow-down"></span>
                            </div>
                        </a>
                        <ul class="links collapse " ${ isNormalMode ? 'id="modules-links"' : 'id="xs-modules-links"' }>
                            <li class="link">
                                <a href="modules/CoreModule.html" data-type="entity-link" >CoreModule</a>
                            </li>
                            <li class="link">
                                <a href="modules/I18nModule.html" data-type="entity-link" >I18nModule</a>
                            </li>
                            <li class="link">
                                <a href="modules/LogModule.html" data-type="entity-link" >LogModule</a>
                            </li>
                            <li class="link">
                                <a href="modules/TranslateMockModule.html" data-type="entity-link" >TranslateMockModule</a>
                                <li class="chapter inner">
                                    <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
                                        'data-bs-target="#directives-links-module-TranslateMockModule-eec6297f1f1ae191bbb1201554ba7a136a865bf32065bbbcdb2248787a067444dc6c4e8a95f112a7b1a3efd7b5db21ce79350f47f40a1165aa740417439313be"' : 'data-bs-target="#xs-directives-links-module-TranslateMockModule-eec6297f1f1ae191bbb1201554ba7a136a865bf32065bbbcdb2248787a067444dc6c4e8a95f112a7b1a3efd7b5db21ce79350f47f40a1165aa740417439313be"' }>
                                        <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-TranslateMockModule-eec6297f1f1ae191bbb1201554ba7a136a865bf32065bbbcdb2248787a067444dc6c4e8a95f112a7b1a3efd7b5db21ce79350f47f40a1165aa740417439313be"' :
                                        'id="xs-directives-links-module-TranslateMockModule-eec6297f1f1ae191bbb1201554ba7a136a865bf32065bbbcdb2248787a067444dc6c4e8a95f112a7b1a3efd7b5db21ce79350f47f40a1165aa740417439313be"' }>
                                        <li class="link">
                                            <a href="directives/TranslateMockDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >TranslateMockDirective</a>
                                        </li>
                                    </ul>
                                </li>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
                                            'data-bs-target="#pipes-links-module-TranslateMockModule-eec6297f1f1ae191bbb1201554ba7a136a865bf32065bbbcdb2248787a067444dc6c4e8a95f112a7b1a3efd7b5db21ce79350f47f40a1165aa740417439313be"' : 'data-bs-target="#xs-pipes-links-module-TranslateMockModule-eec6297f1f1ae191bbb1201554ba7a136a865bf32065bbbcdb2248787a067444dc6c4e8a95f112a7b1a3efd7b5db21ce79350f47f40a1165aa740417439313be"' }>
                                            <span class="icon ion-md-add"></span>
                                            <span>Pipes</span>
                                            <span class="icon ion-ios-arrow-down"></span>
                                        </div>
                                        <ul class="links collapse" ${ isNormalMode ? 'id="pipes-links-module-TranslateMockModule-eec6297f1f1ae191bbb1201554ba7a136a865bf32065bbbcdb2248787a067444dc6c4e8a95f112a7b1a3efd7b5db21ce79350f47f40a1165aa740417439313be"' :
                                            'id="xs-pipes-links-module-TranslateMockModule-eec6297f1f1ae191bbb1201554ba7a136a865bf32065bbbcdb2248787a067444dc6c4e8a95f112a7b1a3efd7b5db21ce79350f47f40a1165aa740417439313be"' }>
                                            <li class="link">
                                                <a href="pipes/TranslateMockPipe.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >TranslateMockPipe</a>
                                            </li>
                                        </ul>
                                    </li>
                            </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/ActivatedRouteAction.html" data-type="entity-link" class="deprecated-name">ActivatedRouteAction</a>
                            </li>
                            <li class="link">
                                <a href="classes/AddApiQueueItemAction.html" data-type="entity-link" class="deprecated-name">AddApiQueueItemAction</a>
                            </li>
                            <li class="link">
                                <a href="classes/AddAppLoadedConfigModulesAction.html" data-type="entity-link" class="deprecated-name">AddAppLoadedConfigModulesAction</a>
                            </li>
                            <li class="link">
                                <a href="classes/ApiQueueServiceMock.html" data-type="entity-link" >ApiQueueServiceMock</a>
                            </li>
                            <li class="link">
                                <a href="classes/AsyncStorageService.html" data-type="entity-link" >AsyncStorageService</a>
                            </li>
                            <li class="link">
                                <a href="classes/AsyncStorageServiceMock.html" data-type="entity-link" >AsyncStorageServiceMock</a>
                            </li>
                            <li class="link">
                                <a href="classes/CssUtils.html" data-type="entity-link" >CssUtils</a>
                            </li>
                            <li class="link">
                                <a href="classes/EmptyApiQueueAction.html" data-type="entity-link" class="deprecated-name">EmptyApiQueueAction</a>
                            </li>
                            <li class="link">
                                <a href="classes/ErrorSubClass.html" data-type="entity-link" >ErrorSubClass</a>
                            </li>
                            <li class="link">
                                <a href="classes/EuiCoreRootGuardClass.html" data-type="entity-link" >EuiCoreRootGuardClass</a>
                            </li>
                            <li class="link">
                                <a href="classes/EuiError.html" data-type="entity-link" >EuiError</a>
                            </li>
                            <li class="link">
                                <a href="classes/I18nResourceImpl.html" data-type="entity-link" >I18nResourceImpl</a>
                            </li>
                            <li class="link">
                                <a href="classes/InitStoreAction.html" data-type="entity-link" class="deprecated-name">InitStoreAction</a>
                            </li>
                            <li class="link">
                                <a href="classes/LogServiceMock.html" data-type="entity-link" >LogServiceMock</a>
                            </li>
                            <li class="link">
                                <a href="classes/RemoveApiQueueItemAction.html" data-type="entity-link" class="deprecated-name">RemoveApiQueueItemAction</a>
                            </li>
                            <li class="link">
                                <a href="classes/StorageService.html" data-type="entity-link" >StorageService</a>
                            </li>
                            <li class="link">
                                <a href="classes/StorageServiceMock.html" data-type="entity-link" >StorageServiceMock</a>
                            </li>
                            <li class="link">
                                <a href="classes/TranslateServiceMock.html" data-type="entity-link" >TranslateServiceMock</a>
                            </li>
                            <li class="link">
                                <a href="classes/UpdateAppConnectionAction.html" data-type="entity-link" class="deprecated-name">UpdateAppConnectionAction</a>
                            </li>
                            <li class="link">
                                <a href="classes/UpdateAppStatusAction.html" data-type="entity-link" class="deprecated-name">UpdateAppStatusAction</a>
                            </li>
                            <li class="link">
                                <a href="classes/UpdateAppVersionAction.html" data-type="entity-link" class="deprecated-name">UpdateAppVersionAction</a>
                            </li>
                            <li class="link">
                                <a href="classes/UpdateCurrentModuleAction.html" data-type="entity-link" class="deprecated-name">UpdateCurrentModuleAction</a>
                            </li>
                            <li class="link">
                                <a href="classes/UpdateI18nStateAction.html" data-type="entity-link" class="deprecated-name">UpdateI18nStateAction</a>
                            </li>
                            <li class="link">
                                <a href="classes/UpdateLocaleStateAction.html" data-type="entity-link" class="deprecated-name">UpdateLocaleStateAction</a>
                            </li>
                            <li class="link">
                                <a href="classes/UpdateNotificationsListAction.html" data-type="entity-link" class="deprecated-name">UpdateNotificationsListAction</a>
                            </li>
                            <li class="link">
                                <a href="classes/UpdateUserDashboardAction.html" data-type="entity-link" class="deprecated-name">UpdateUserDashboardAction</a>
                            </li>
                            <li class="link">
                                <a href="classes/UpdateUserDetailsAction.html" data-type="entity-link" class="deprecated-name">UpdateUserDetailsAction</a>
                            </li>
                            <li class="link">
                                <a href="classes/UpdateUserPreferencesAction.html" data-type="entity-link" class="deprecated-name">UpdateUserPreferencesAction</a>
                            </li>
                            <li class="link">
                                <a href="classes/UpdateUserRightsAction.html" data-type="entity-link" class="deprecated-name">UpdateUserRightsAction</a>
                            </li>
                            <li class="link">
                                <a href="classes/UpdateUserStateAction.html" data-type="entity-link" class="deprecated-name">UpdateUserStateAction</a>
                            </li>
                        </ul>
                    </li>
                        <li class="chapter">
                            <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#injectables-links"' :
                                'data-bs-target="#xs-injectables-links"' }>
                                <span class="icon ion-md-arrow-round-down"></span>
                                <span>Injectables</span>
                                <span class="icon ion-ios-arrow-down"></span>
                            </div>
                            <ul class="links collapse " ${ isNormalMode ? 'id="injectables-links"' : 'id="xs-injectables-links"' }>
                                <li class="link">
                                    <a href="injectables/ApiQueueService.html" data-type="entity-link" >ApiQueueService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/EuiAppShellService.html" data-type="entity-link" >EuiAppShellService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/EuiDynamicComponentService.html" data-type="entity-link" >EuiDynamicComponentService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/EuiDynamicMenuService.html" data-type="entity-link" >EuiDynamicMenuService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/EuiGrowlService.html" data-type="entity-link" >EuiGrowlService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/EuiLoaderService.html" data-type="entity-link" >EuiLoaderService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/EuiPermissionService.html" data-type="entity-link" >EuiPermissionService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/EuiThemeService.html" data-type="entity-link" >EuiThemeService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/EuiTimezoneService.html" data-type="entity-link" >EuiTimezoneService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/GlobalErrorHandler.html" data-type="entity-link" >GlobalErrorHandler</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/I18nLoader.html" data-type="entity-link" >I18nLoader</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/I18nService.html" data-type="entity-link" >I18nService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/I18nServiceMock.html" data-type="entity-link" >I18nServiceMock</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/LocaleService.html" data-type="entity-link" >LocaleService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/LocaleServiceMock.html" data-type="entity-link" >LocaleServiceMock</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/LocalForageService.html" data-type="entity-link" >LocalForageService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/LocalStorageService.html" data-type="entity-link" >LocalStorageService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/LogService.html" data-type="entity-link" >LogService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/SessionStorageService.html" data-type="entity-link" >SessionStorageService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/StoreService.html" data-type="entity-link" >StoreService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/StoreServiceMock.html" data-type="entity-link" >StoreServiceMock</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/UserService.html" data-type="entity-link" >UserService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/UserServiceMock.html" data-type="entity-link" >UserServiceMock</a>
                                </li>
                            </ul>
                        </li>
                    <li class="chapter">
                        <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#interceptors-links"' :
                            'data-bs-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/AddLangParamInterceptor.html" data-type="entity-link" >AddLangParamInterceptor</a>
                            </li>
                            <li class="link">
                                <a href="interceptors/CachePreventionInterceptor.html" data-type="entity-link" >CachePreventionInterceptor</a>
                            </li>
                            <li class="link">
                                <a href="interceptors/CorsSecurityInterceptor.html" data-type="entity-link" >CorsSecurityInterceptor</a>
                            </li>
                            <li class="link">
                                <a href="interceptors/CsrfPreventionInterceptor.html" data-type="entity-link" >CsrfPreventionInterceptor</a>
                            </li>
                            <li class="link">
                                <a href="interceptors/EuLoginSessionTimeoutHandlingInterceptor.html" data-type="entity-link" >EuLoginSessionTimeoutHandlingInterceptor</a>
                            </li>
                            <li class="link">
                                <a href="interceptors/HttpErrorHandlerInterceptor.html" data-type="entity-link" >HttpErrorHandlerInterceptor</a>
                            </li>
                            <li class="link">
                                <a href="interceptors/UxRequestErrorModelInterceptor.html" data-type="entity-link" >UxRequestErrorModelInterceptor</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/Action.html" data-type="entity-link" >Action</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/ActionReducer.html" data-type="entity-link" >ActionReducer</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/body.html" data-type="entity-link" >body</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/Dependency.html" data-type="entity-link" >Dependency</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/EuiTimeZone.html" data-type="entity-link" >EuiTimeZone</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/IEuiTheme.html" data-type="entity-link" >IEuiTheme</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/Library.html" data-type="entity-link" >Library</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/LoadedResources.html" data-type="entity-link" >LoadedResources</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/LoadedResourcesError.html" data-type="entity-link" >LoadedResourcesError</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/MemoizedSelector.html" data-type="entity-link" >MemoizedSelector</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/MemoizedSelectorWithProps.html" data-type="entity-link" class="deprecated-name">MemoizedSelectorWithProps</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/ModuleLoadEvent.html" data-type="entity-link" >ModuleLoadEvent</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/Policy.html" data-type="entity-link" >Policy</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/ResourceError.html" data-type="entity-link" >ResourceError</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/ThemeState.html" data-type="entity-link" >ThemeState</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/TranslationKeys.html" data-type="entity-link" >TranslationKeys</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/UIState.html" data-type="entity-link" >UIState</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;
    }
});