'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">csdr 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="index.html" data-type="chapter-link">
                                <span class="icon ion-ios-keypad"></span>Overview
                            </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/UxCarouselItemComponentModule.html" data-type="entity-link" >UxCarouselItemComponentModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
                                            'data-bs-target="#components-links-module-UxCarouselItemComponentModule-69152ca7a5ad5bdea2edf24d17dc76d92be03f5036cd327d3c2ad903023dd0fe999d88287bee20503e25ae95c722d871d04b9a8b20389a1e4bc19cfc17e97efa"' : 'data-bs-target="#xs-components-links-module-UxCarouselItemComponentModule-69152ca7a5ad5bdea2edf24d17dc76d92be03f5036cd327d3c2ad903023dd0fe999d88287bee20503e25ae95c722d871d04b9a8b20389a1e4bc19cfc17e97efa"' }>
                                            <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-UxCarouselItemComponentModule-69152ca7a5ad5bdea2edf24d17dc76d92be03f5036cd327d3c2ad903023dd0fe999d88287bee20503e25ae95c722d871d04b9a8b20389a1e4bc19cfc17e97efa"' :
                                            'id="xs-components-links-module-UxCarouselItemComponentModule-69152ca7a5ad5bdea2edf24d17dc76d92be03f5036cd327d3c2ad903023dd0fe999d88287bee20503e25ae95c722d871d04b9a8b20389a1e4bc19cfc17e97efa"' }>
                                            <li class="link">
                                                <a href="components/UxCarouselItemComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >UxCarouselItemComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/UxCarouselItemsComponentModule.html" data-type="entity-link" >UxCarouselItemsComponentModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
                                            'data-bs-target="#components-links-module-UxCarouselItemsComponentModule-109986a1f70edfcd256c7fa24a2338c335c5b438f9b56f77cf3b7870fbf941517fb386fc91f0cc17106b4d0302aa45efcfcf725dacba1a13d6cfdc720da498d5"' : 'data-bs-target="#xs-components-links-module-UxCarouselItemsComponentModule-109986a1f70edfcd256c7fa24a2338c335c5b438f9b56f77cf3b7870fbf941517fb386fc91f0cc17106b4d0302aa45efcfcf725dacba1a13d6cfdc720da498d5"' }>
                                            <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-UxCarouselItemsComponentModule-109986a1f70edfcd256c7fa24a2338c335c5b438f9b56f77cf3b7870fbf941517fb386fc91f0cc17106b4d0302aa45efcfcf725dacba1a13d6cfdc720da498d5"' :
                                            'id="xs-components-links-module-UxCarouselItemsComponentModule-109986a1f70edfcd256c7fa24a2338c335c5b438f9b56f77cf3b7870fbf941517fb386fc91f0cc17106b4d0302aa45efcfcf725dacba1a13d6cfdc720da498d5"' }>
                                            <li class="link">
                                                <a href="components/UxCarouselItemsComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >UxCarouselItemsComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/UxDateTagComponentModule.html" data-type="entity-link" >UxDateTagComponentModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
                                            'data-bs-target="#components-links-module-UxDateTagComponentModule-05cb6ebf02cca0a61b0670b8cab284029244ca7c0235dd8bef86ac00baef88c52853d173b2c581279100adfd2faf77941f8ffa7ac9c12cf5395f5b2e325b85ff"' : 'data-bs-target="#xs-components-links-module-UxDateTagComponentModule-05cb6ebf02cca0a61b0670b8cab284029244ca7c0235dd8bef86ac00baef88c52853d173b2c581279100adfd2faf77941f8ffa7ac9c12cf5395f5b2e325b85ff"' }>
                                            <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-UxDateTagComponentModule-05cb6ebf02cca0a61b0670b8cab284029244ca7c0235dd8bef86ac00baef88c52853d173b2c581279100adfd2faf77941f8ffa7ac9c12cf5395f5b2e325b85ff"' :
                                            'id="xs-components-links-module-UxDateTagComponentModule-05cb6ebf02cca0a61b0670b8cab284029244ca7c0235dd8bef86ac00baef88c52853d173b2c581279100adfd2faf77941f8ffa7ac9c12cf5395f5b2e325b85ff"' }>
                                            <li class="link">
                                                <a href="components/UxDateTagComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >UxDateTagComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/UxDeprecatedAllModule.html" data-type="entity-link" >UxDeprecatedAllModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
                                            'data-bs-target="#components-links-module-UxDeprecatedAllModule-ffcbd18a3b2d00332a6bab41024e1e74643f99120c9548455232745513d31cfa13877e0d3c007754447a528a2bc5ba7090a4e074688caec8ac9746e6d5b7156c"' : 'data-bs-target="#xs-components-links-module-UxDeprecatedAllModule-ffcbd18a3b2d00332a6bab41024e1e74643f99120c9548455232745513d31cfa13877e0d3c007754447a528a2bc5ba7090a4e074688caec8ac9746e6d5b7156c"' }>
                                            <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-UxDeprecatedAllModule-ffcbd18a3b2d00332a6bab41024e1e74643f99120c9548455232745513d31cfa13877e0d3c007754447a528a2bc5ba7090a4e074688caec8ac9746e6d5b7156c"' :
                                            'id="xs-components-links-module-UxDeprecatedAllModule-ffcbd18a3b2d00332a6bab41024e1e74643f99120c9548455232745513d31cfa13877e0d3c007754447a528a2bc5ba7090a4e074688caec8ac9746e6d5b7156c"' }>
                                            <li class="link">
                                                <a href="components/UxCarouselItemComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >UxCarouselItemComponent</a>
                                            </li>
                                            <li class="link">
                                                <a href="components/UxCarouselItemsComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >UxCarouselItemsComponent</a>
                                            </li>
                                            <li class="link">
                                                <a href="components/UxDateTagComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >UxDateTagComponent</a>
                                            </li>
                                            <li class="link">
                                                <a href="components/UxIconBoxComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >UxIconBoxComponent</a>
                                            </li>
                                            <li class="link">
                                                <a href="components/UxMarkerComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >UxMarkerComponent</a>
                                            </li>
                                            <li class="link">
                                                <a href="components/UxToolbarFilterComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >UxToolbarFilterComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/UxIconBoxComponentModule.html" data-type="entity-link" >UxIconBoxComponentModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
                                            'data-bs-target="#components-links-module-UxIconBoxComponentModule-f52ed317eef77f60c478c5dc1b89986f95cd90184a369d79a241f7207c94d6ee3e1f03fd00d2365265e5b797c09fea24623358dd33baccccfdca8cea4d8bd3d1"' : 'data-bs-target="#xs-components-links-module-UxIconBoxComponentModule-f52ed317eef77f60c478c5dc1b89986f95cd90184a369d79a241f7207c94d6ee3e1f03fd00d2365265e5b797c09fea24623358dd33baccccfdca8cea4d8bd3d1"' }>
                                            <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-UxIconBoxComponentModule-f52ed317eef77f60c478c5dc1b89986f95cd90184a369d79a241f7207c94d6ee3e1f03fd00d2365265e5b797c09fea24623358dd33baccccfdca8cea4d8bd3d1"' :
                                            'id="xs-components-links-module-UxIconBoxComponentModule-f52ed317eef77f60c478c5dc1b89986f95cd90184a369d79a241f7207c94d6ee3e1f03fd00d2365265e5b797c09fea24623358dd33baccccfdca8cea4d8bd3d1"' }>
                                            <li class="link">
                                                <a href="components/UxIconBoxComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >UxIconBoxComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/UxMarkerComponentModule.html" data-type="entity-link" >UxMarkerComponentModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
                                            'data-bs-target="#components-links-module-UxMarkerComponentModule-f03b571656af0f3e0640a689717fafd59e751866fb04b5081158833bf330936be80efe34ddcf185abaf95977a07b0d6537eafbbce1cc00c7cd992268c5e938c9"' : 'data-bs-target="#xs-components-links-module-UxMarkerComponentModule-f03b571656af0f3e0640a689717fafd59e751866fb04b5081158833bf330936be80efe34ddcf185abaf95977a07b0d6537eafbbce1cc00c7cd992268c5e938c9"' }>
                                            <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-UxMarkerComponentModule-f03b571656af0f3e0640a689717fafd59e751866fb04b5081158833bf330936be80efe34ddcf185abaf95977a07b0d6537eafbbce1cc00c7cd992268c5e938c9"' :
                                            'id="xs-components-links-module-UxMarkerComponentModule-f03b571656af0f3e0640a689717fafd59e751866fb04b5081158833bf330936be80efe34ddcf185abaf95977a07b0d6537eafbbce1cc00c7cd992268c5e938c9"' }>
                                            <li class="link">
                                                <a href="components/UxMarkerComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >UxMarkerComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                            </li>
                            <li class="link">
                                <a href="modules/UxToolbarFilterComponentModule.html" data-type="entity-link" >UxToolbarFilterComponentModule</a>
                                    <li class="chapter inner">
                                        <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
                                            'data-bs-target="#components-links-module-UxToolbarFilterComponentModule-afaf2938ab74c3a9e644a4e98d965032671efdc311a92be230363f8d210351174f260423b8e489a38792b7a5d13e445dab441396376cda9d1d3f755e631da7f5"' : 'data-bs-target="#xs-components-links-module-UxToolbarFilterComponentModule-afaf2938ab74c3a9e644a4e98d965032671efdc311a92be230363f8d210351174f260423b8e489a38792b7a5d13e445dab441396376cda9d1d3f755e631da7f5"' }>
                                            <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-UxToolbarFilterComponentModule-afaf2938ab74c3a9e644a4e98d965032671efdc311a92be230363f8d210351174f260423b8e489a38792b7a5d13e445dab441396376cda9d1d3f755e631da7f5"' :
                                            'id="xs-components-links-module-UxToolbarFilterComponentModule-afaf2938ab74c3a9e644a4e98d965032671efdc311a92be230363f8d210351174f260423b8e489a38792b7a5d13e445dab441396376cda9d1d3f755e631da7f5"' }>
                                            <li class="link">
                                                <a href="components/UxToolbarFilterComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >UxToolbarFilterComponent</a>
                                            </li>
                                        </ul>
                                    </li>
                                <li class="chapter inner">
                                    <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
                                        'data-bs-target="#directives-links-module-UxToolbarFilterComponentModule-afaf2938ab74c3a9e644a4e98d965032671efdc311a92be230363f8d210351174f260423b8e489a38792b7a5d13e445dab441396376cda9d1d3f755e631da7f5"' : 'data-bs-target="#xs-directives-links-module-UxToolbarFilterComponentModule-afaf2938ab74c3a9e644a4e98d965032671efdc311a92be230363f8d210351174f260423b8e489a38792b7a5d13e445dab441396376cda9d1d3f755e631da7f5"' }>
                                        <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-UxToolbarFilterComponentModule-afaf2938ab74c3a9e644a4e98d965032671efdc311a92be230363f8d210351174f260423b8e489a38792b7a5d13e445dab441396376cda9d1d3f755e631da7f5"' :
                                        'id="xs-directives-links-module-UxToolbarFilterComponentModule-afaf2938ab74c3a9e644a4e98d965032671efdc311a92be230363f8d210351174f260423b8e489a38792b7a5d13e445dab441396376cda9d1d3f755e631da7f5"' }>
                                        <li class="link">
                                            <a href="directives/UxToolbarFilterButtonsTagDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >UxToolbarFilterButtonsTagDirective</a>
                                        </li>
                                    </ul>
                                </li>
                            </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/variables.html" data-type="entity-link">Variables</a>
                            </li>
                        </ul>
                    </li>
            </ul>
        </nav>
        `);
        this.innerHTML = tp.strings;
    }
});