'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">angular-window-system</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="dependencies.html" data-type="chapter-link">
                                        <span class="icon ion-ios-list"></span>Dependencies
                                    </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/RxapWindowSystemModule.html" data-type="entity-link" >RxapWindowSystemModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
                                            'data-bs-target="#components-links-module-RxapWindowSystemModule-2d6b2519769d92579ecf8d6e96c2867550ee133b55b280125e7e3864b7d311b02265d76911fd5726fde163c18b44343fc65077e40e613a833cb77581354634b2"' : 'data-bs-target="#xs-components-links-module-RxapWindowSystemModule-2d6b2519769d92579ecf8d6e96c2867550ee133b55b280125e7e3864b7d311b02265d76911fd5726fde163c18b44343fc65077e40e613a833cb77581354634b2"' }>
                                            <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-RxapWindowSystemModule-2d6b2519769d92579ecf8d6e96c2867550ee133b55b280125e7e3864b7d311b02265d76911fd5726fde163c18b44343fc65077e40e613a833cb77581354634b2"' :
                                            'id="xs-components-links-module-RxapWindowSystemModule-2d6b2519769d92579ecf8d6e96c2867550ee133b55b280125e7e3864b7d311b02265d76911fd5726fde163c18b44343fc65077e40e613a833cb77581354634b2"' }>
                                            <li class="link">
                                                <a href="components/DefaultWindowComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >DefaultWindowComponent</a>
                                            </li>
                                            <li class="link">
                                                <a href="components/WindowActionBarComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >WindowActionBarComponent</a>
                                            </li>
                                            <li class="link">
                                                <a href="components/WindowContainerComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >WindowContainerComponent</a>
                                            </li>
                                            <li class="link">
                                                <a href="components/WindowContentComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >WindowContentComponent</a>
                                            </li>
                                            <li class="link">
                                                <a href="components/WindowResizerComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >WindowResizerComponent</a>
                                            </li>
                                            <li class="link">
                                                <a href="components/WindowToolBarComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >WindowToolBarComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/WindowTaskBarModule.html" data-type="entity-link" >WindowTaskBarModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
                                            'data-bs-target="#components-links-module-WindowTaskBarModule-4bf79d795946745a664b443a248f2353b96d86139a08d8995ad41799d352f96d462ddd1c4a01b9a30fbe3af109c8d3cdac1dcada852b21a81737464721e42635"' : 'data-bs-target="#xs-components-links-module-WindowTaskBarModule-4bf79d795946745a664b443a248f2353b96d86139a08d8995ad41799d352f96d462ddd1c4a01b9a30fbe3af109c8d3cdac1dcada852b21a81737464721e42635"' }>
                                            <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-WindowTaskBarModule-4bf79d795946745a664b443a248f2353b96d86139a08d8995ad41799d352f96d462ddd1c4a01b9a30fbe3af109c8d3cdac1dcada852b21a81737464721e42635"' :
                                            'id="xs-components-links-module-WindowTaskBarModule-4bf79d795946745a664b443a248f2353b96d86139a08d8995ad41799d352f96d462ddd1c4a01b9a30fbe3af109c8d3cdac1dcada852b21a81737464721e42635"' }>
                                            <li class="link">
                                                <a href="components/WindowTaskBarComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >WindowTaskBarComponent</a>
                                            </li>
                                            <li class="link">
                                                <a href="components/WindowTaskBarContainerComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >WindowTaskBarContainerComponent</a>
                                            </li>
                                            <li class="link">
                                                <a href="components/WindowTaskComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >WindowTaskComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                </ul>
                </li>
                    <li class="chapter">
                        <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#components-links"' :
                            'data-bs-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/DefaultWindowComponent.html" data-type="entity-link" >DefaultWindowComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/WindowActionBarComponent.html" data-type="entity-link" >WindowActionBarComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/WindowContainerComponent.html" data-type="entity-link" >WindowContainerComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/WindowContentComponent.html" data-type="entity-link" >WindowContentComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/WindowResizerComponent.html" data-type="entity-link" >WindowResizerComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/WindowTaskBarComponent.html" data-type="entity-link" >WindowTaskBarComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/WindowTaskBarContainerComponent.html" data-type="entity-link" >WindowTaskBarContainerComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/WindowTaskComponent.html" data-type="entity-link" >WindowTaskComponent</a>
                            </li>
                            <li class="link">
                                <a href="components/WindowToolBarComponent.html" data-type="entity-link" >WindowToolBarComponent</a>
                            </li>
                        </ul>
                    </li>
                        <li class="chapter">
                            <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#directives-links"' :
                                'data-bs-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/WindowFooterDirective.html" data-type="entity-link" >WindowFooterDirective</a>
                                </li>
                                <li class="link">
                                    <a href="directives/WindowTitleDirective.html" data-type="entity-link" >WindowTitleDirective</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/WindowRef.html" data-type="entity-link" >WindowRef</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/WindowInstanceService.html" data-type="entity-link" >WindowInstanceService</a>
                                </li>
                                <li class="link">
                                    <a href="injectables/WindowService.html" data-type="entity-link" >WindowService</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/WindowActions.html" data-type="entity-link" >WindowActions</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/WindowConfig.html" data-type="entity-link" >WindowConfig</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/WindowContainerContext.html" data-type="entity-link" >WindowContainerContext</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/WindowContext.html" data-type="entity-link" >WindowContext</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/WindowFooterTemplateContext.html" data-type="entity-link" >WindowFooterTemplateContext</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/WindowSettings.html" data-type="entity-link" >WindowSettings</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/WindowTaskBarContainerSettings.html" data-type="entity-link" >WindowTaskBarContainerSettings</a>
                            </li>
                            <li class="link">
                                <a href="interfaces/WindowTitleTemplateContext.html" data-type="entity-link" >WindowTitleTemplateContext</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/functions.html" data-type="entity-link">Functions</a>
                            </li>
                            <li class="link">
                                <a href="miscellaneous/variables.html" data-type="entity-link">Variables</a>
                            </li>
                        </ul>
                    </li>
                    <li class="divider"></li>
                    <li class="copyright">
                        Documentation generated using <a href="https://compodoc.app/" target="_blank" rel="noopener noreferrer">
                            <img data-src="images/compodoc-vectorise.png" class="img-responsive" data-type="compodoc-logo">
                        </a>
                    </li>
            </ul>
        </nav>
        `);
        this.innerHTML = tp.strings;
    }
});