@eui/core 14.0.0-beta.2 → 14.0.0-rc.3

package/docs/js/menu-wc_es5.js

@@ -18,15 +18,15 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 function _wrapNativeSuper(Class) { var _cache = typeof Map === "function" ? new Map() : undefined; _wrapNativeSuper = function _wrapNativeSuper(Class) { if (Class === null || !_isNativeFunction(Class)) return Class; if (typeof Class !== "function") { throw new TypeError("Super expression must either be null or a function"); } if (typeof _cache !== "undefined") { if (_cache.has(Class)) return _cache.get(Class); _cache.set(Class, Wrapper); } function Wrapper() { return _construct(Class, arguments, _getPrototypeOf(this).constructor); } Wrapper.prototype = Object.create(Class.prototype, { constructor: { value: Wrapper, enumerable: false, writable: true, configurable: true } }); return _setPrototypeOf(Wrapper, Class); }; return _wrapNativeSuper(Class); }
 
-function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct; } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
+function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct.bind(); } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 function _isNativeFunction(fn) { return Function.toString.call(fn).indexOf("[native code]") !== -1; }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 customElements.define('compodoc-menu', /*#__PURE__*/function (_HTMLElement) {
   _inherits(_class, _HTMLElement);
@@ -51,7 +51,7 @@ customElements.define('compodoc-menu', /*#__PURE__*/function (_HTMLElement) {
   }, {
     key: "render",
     value: function render(isNormalMode) {
-      var tp = lithtml.html("\n        <nav>\n            <ul class=\"list\">\n                <li class=\"title\">\n                    <a href=\"index.html\" data-type=\"index-link\">csdr documentation</a>\n                </li>\n\n                <li class=\"divider\"></li>\n                ".concat(isNormalMode ? "<div id=\"book-search-input\" role=\"search\"><input type=\"text\" placeholder=\"Type to search\"></div>" : '', "\n                <li class=\"chapter\">\n                    <a data-type=\"chapter-link\" href=\"index.html\"><span class=\"icon ion-ios-home\"></span>Getting started</a>\n                    <ul class=\"links\">\n                        <li class=\"link\">\n                            <a href=\"index.html\" data-type=\"chapter-link\">\n                                <span class=\"icon ion-ios-keypad\"></span>Overview\n                            </a>\n                        </li>\n                        <li class=\"link\">\n                            <a href=\"license.html\"  data-type=\"chapter-link\">\n                                <span class=\"icon ion-ios-paper\"></span>LICENSE\n                            </a>\n                        </li>\n                                <li class=\"link\">\n                                    <a href=\"dependencies.html\" data-type=\"chapter-link\">\n                                        <span class=\"icon ion-ios-list\"></span>Dependencies\n                                    </a>\n                                </li>\n                    </ul>\n                </li>\n                    <li class=\"chapter modules\">\n                        <a data-type=\"chapter-link\" href=\"modules.html\">\n                            <div class=\"menu-toggler linked\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#modules-links"' : 'data-target="#xs-modules-links"', ">\n                                <span class=\"icon ion-ios-archive\"></span>\n                                <span class=\"link-name\">Modules</span>\n                                <span class=\"icon ion-ios-arrow-down\"></span>\n                            </div>\n                        </a>\n                        <ul class=\"links collapse \" ").concat(isNormalMode ? 'id="modules-links"' : 'id="xs-modules-links"', ">\n                            <li class=\"link\">\n                                <a href=\"modules/CoreModule.html\" data-type=\"entity-link\" >CoreModule</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"modules/I18nModule.html\" data-type=\"entity-link\" >I18nModule</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"modules/LogModule.html\" data-type=\"entity-link\" >LogModule</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"modules/TranslateMockModule.html\" data-type=\"entity-link\" >TranslateMockModule</a>\n                                <li class=\"chapter inner\">\n                                    <div class=\"simple menu-toggler\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#directives-links-module-TranslateMockModule-fc6e44f0e2065a680103ab3c0926d823"' : 'data-target="#xs-directives-links-module-TranslateMockModule-fc6e44f0e2065a680103ab3c0926d823"', ">\n                                        <span class=\"icon ion-md-code-working\"></span>\n                                        <span>Directives</span>\n                                        <span class=\"icon ion-ios-arrow-down\"></span>\n                                    </div>\n                                    <ul class=\"links collapse\" ").concat(isNormalMode ? 'id="directives-links-module-TranslateMockModule-fc6e44f0e2065a680103ab3c0926d823"' : 'id="xs-directives-links-module-TranslateMockModule-fc6e44f0e2065a680103ab3c0926d823"', ">\n                                        <li class=\"link\">\n                                            <a href=\"directives/TranslateMockDirective.html\" data-type=\"entity-link\" data-context=\"sub-entity\" data-context-id=\"modules\" >TranslateMockDirective</a>\n                                        </li>\n                                    </ul>\n                                </li>\n                                    <li class=\"chapter inner\">\n                                        <div class=\"simple menu-toggler\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#pipes-links-module-TranslateMockModule-fc6e44f0e2065a680103ab3c0926d823"' : 'data-target="#xs-pipes-links-module-TranslateMockModule-fc6e44f0e2065a680103ab3c0926d823"', ">\n                                            <span class=\"icon ion-md-add\"></span>\n                                            <span>Pipes</span>\n                                            <span class=\"icon ion-ios-arrow-down\"></span>\n                                        </div>\n                                        <ul class=\"links collapse\" ").concat(isNormalMode ? 'id="pipes-links-module-TranslateMockModule-fc6e44f0e2065a680103ab3c0926d823"' : 'id="xs-pipes-links-module-TranslateMockModule-fc6e44f0e2065a680103ab3c0926d823"', ">\n                                            <li class=\"link\">\n                                                <a href=\"pipes/TranslateMockPipe.html\" data-type=\"entity-link\" data-context=\"sub-entity\" data-context-id=\"modules\" >TranslateMockPipe</a>\n                                            </li>\n                                        </ul>\n                                    </li>\n                            </li>\n                </ul>\n                </li>\n                    <li class=\"chapter\">\n                        <div class=\"simple menu-toggler\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#classes-links"' : 'data-target="#xs-classes-links"', ">\n                            <span class=\"icon ion-ios-paper\"></span>\n                            <span>Classes</span>\n                            <span class=\"icon ion-ios-arrow-down\"></span>\n                        </div>\n                        <ul class=\"links collapse \" ").concat(isNormalMode ? 'id="classes-links"' : 'id="xs-classes-links"', ">\n                            <li class=\"link\">\n                                <a href=\"classes/ActivatedRouteAction.html\" data-type=\"entity-link\" >ActivatedRouteAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/AddApiQueueItemAction.html\" data-type=\"entity-link\" >AddApiQueueItemAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/AddAppLoadedConfigModulesAction.html\" data-type=\"entity-link\" >AddAppLoadedConfigModulesAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/ApiQueueServiceMock.html\" data-type=\"entity-link\" >ApiQueueServiceMock</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/AsyncStorageService.html\" data-type=\"entity-link\" >AsyncStorageService</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/AsyncStorageServiceMock.html\" data-type=\"entity-link\" >AsyncStorageServiceMock</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/EmptyApiQueueAction.html\" data-type=\"entity-link\" >EmptyApiQueueAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/EuiCoreRootGuardClass.html\" data-type=\"entity-link\" >EuiCoreRootGuardClass</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/EuiError.html\" data-type=\"entity-link\" >EuiError</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/I18nResourceImpl.html\" data-type=\"entity-link\" >I18nResourceImpl</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/InitStoreAction.html\" data-type=\"entity-link\" >InitStoreAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/LogServiceMock.html\" data-type=\"entity-link\" >LogServiceMock</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/OpenIdConnectServiceMock.html\" data-type=\"entity-link\" >OpenIdConnectServiceMock</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/RemoveApiQueueItemAction.html\" data-type=\"entity-link\" >RemoveApiQueueItemAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/RouterMock.html\" data-type=\"entity-link\" >RouterMock</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/StorageService.html\" data-type=\"entity-link\" >StorageService</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/StorageServiceMock.html\" data-type=\"entity-link\" >StorageServiceMock</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/StoreMock.html\" data-type=\"entity-link\" >StoreMock</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/TranslateServiceMock.html\" data-type=\"entity-link\" >TranslateServiceMock</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateAppConnectionAction.html\" data-type=\"entity-link\" >UpdateAppConnectionAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateAppStatusAction.html\" data-type=\"entity-link\" >UpdateAppStatusAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateAppVersionAction.html\" data-type=\"entity-link\" >UpdateAppVersionAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateCurrentModuleAction.html\" data-type=\"entity-link\" >UpdateCurrentModuleAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateI18nStateAction.html\" data-type=\"entity-link\" >UpdateI18nStateAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateLocaleStateAction.html\" data-type=\"entity-link\" >UpdateLocaleStateAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateNotificationsListAction.html\" data-type=\"entity-link\" >UpdateNotificationsListAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateUserDashboardAction.html\" data-type=\"entity-link\" >UpdateUserDashboardAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateUserDetailsAction.html\" data-type=\"entity-link\" >UpdateUserDetailsAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateUserPreferencesAction.html\" data-type=\"entity-link\" >UpdateUserPreferencesAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateUserRightsAction.html\" data-type=\"entity-link\" >UpdateUserRightsAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateUserStateAction.html\" data-type=\"entity-link\" >UpdateUserStateAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UxErrorManager.html\" data-type=\"entity-link\" >UxErrorManager</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UxRootInjectorGuard.html\" data-type=\"entity-link\" >UxRootInjectorGuard</a>\n                            </li>\n                        </ul>\n                    </li>\n                        <li class=\"chapter\">\n                            <div class=\"simple menu-toggler\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#injectables-links"' : 'data-target="#xs-injectables-links"', ">\n                                <span class=\"icon ion-md-arrow-round-down\"></span>\n                                <span>Injectables</span>\n                                <span class=\"icon ion-ios-arrow-down\"></span>\n                            </div>\n                            <ul class=\"links collapse \" ").concat(isNormalMode ? 'id="injectables-links"' : 'id="xs-injectables-links"', ">\n                                <li class=\"link\">\n                                    <a href=\"injectables/ApiQueueService.html\" data-type=\"entity-link\" >ApiQueueService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/CoreAppEffects.html\" data-type=\"entity-link\" >CoreAppEffects</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/EuiPermissionService.html\" data-type=\"entity-link\" >EuiPermissionService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/GlobalErrorHandler.html\" data-type=\"entity-link\" >GlobalErrorHandler</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/I18nLoader.html\" data-type=\"entity-link\" >I18nLoader</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/I18nService.html\" data-type=\"entity-link\" >I18nService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/I18nServiceMock.html\" data-type=\"entity-link\" >I18nServiceMock</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/LocaleService.html\" data-type=\"entity-link\" >LocaleService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/LocaleServiceMock.html\" data-type=\"entity-link\" >LocaleServiceMock</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/LocalForageService.html\" data-type=\"entity-link\" >LocalForageService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/LocalStorageService.html\" data-type=\"entity-link\" >LocalStorageService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/LogService.html\" data-type=\"entity-link\" >LogService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/OpenIdConnectService.html\" data-type=\"entity-link\" >OpenIdConnectService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/SessionStorageService.html\" data-type=\"entity-link\" >SessionStorageService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/StoreService.html\" data-type=\"entity-link\" >StoreService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/StoreServiceMock.html\" data-type=\"entity-link\" >StoreServiceMock</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/UserService.html\" data-type=\"entity-link\" >UserService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/UserServiceMock.html\" data-type=\"entity-link\" >UserServiceMock</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/UxAppShellService.html\" data-type=\"entity-link\" >UxAppShellService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/UxDynamicComponentService.html\" data-type=\"entity-link\" >UxDynamicComponentService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/UxDynamicMenuService.html\" data-type=\"entity-link\" >UxDynamicMenuService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/UxErrorFeedbackService.html\" data-type=\"entity-link\" >UxErrorFeedbackService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/UxTimezoneService.html\" data-type=\"entity-link\" >UxTimezoneService</a>\n                                </li>\n                            </ul>\n                        </li>\n                    <li class=\"chapter\">\n                        <div class=\"simple menu-toggler\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#interceptors-links"' : 'data-target="#xs-interceptors-links"', ">\n                            <span class=\"icon ion-ios-swap\"></span>\n                            <span>Interceptors</span>\n                            <span class=\"icon ion-ios-arrow-down\"></span>\n                        </div>\n                        <ul class=\"links collapse \" ").concat(isNormalMode ? 'id="interceptors-links"' : 'id="xs-interceptors-links"', ">\n                            <li class=\"link\">\n                                <a href=\"interceptors/AddLangParamInterceptor.html\" data-type=\"entity-link\" >AddLangParamInterceptor</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interceptors/CachePreventionInterceptor.html\" data-type=\"entity-link\" >CachePreventionInterceptor</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interceptors/CorsSecurityInterceptor.html\" data-type=\"entity-link\" >CorsSecurityInterceptor</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interceptors/CsrfPreventionInterceptor.html\" data-type=\"entity-link\" >CsrfPreventionInterceptor</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interceptors/EuLoginSessionTimeoutHandlingInterceptor.html\" data-type=\"entity-link\" >EuLoginSessionTimeoutHandlingInterceptor</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interceptors/HttpErrorHandlerInterceptor.html\" data-type=\"entity-link\" >HttpErrorHandlerInterceptor</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interceptors/OpenIdConnectInterceptor.html\" data-type=\"entity-link\" >OpenIdConnectInterceptor</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interceptors/UxRequestErrorModelInterceptor.html\" data-type=\"entity-link\" >UxRequestErrorModelInterceptor</a>\n                            </li>\n                        </ul>\n                    </li>\n                    <li class=\"chapter\">\n                        <div class=\"simple menu-toggler\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#interfaces-links"' : 'data-target="#xs-interfaces-links"', ">\n                            <span class=\"icon ion-md-information-circle-outline\"></span>\n                            <span>Interfaces</span>\n                            <span class=\"icon ion-ios-arrow-down\"></span>\n                        </div>\n                        <ul class=\"links collapse \" ").concat(isNormalMode ? ' id="interfaces-links"' : 'id="xs-interfaces-links"', ">\n                            <li class=\"link\">\n                                <a href=\"interfaces/LoadedResources.html\" data-type=\"entity-link\" >LoadedResources</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/LoadedResourcesError.html\" data-type=\"entity-link\" >LoadedResourcesError</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/ModuleLoadEvent.html\" data-type=\"entity-link\" >ModuleLoadEvent</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/OpenIdConnectUserDetails.html\" data-type=\"entity-link\" >OpenIdConnectUserDetails</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/ResourceError.html\" data-type=\"entity-link\" >ResourceError</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/TimeZone.html\" data-type=\"entity-link\" >TimeZone</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/UIState.html\" data-type=\"entity-link\" >UIState</a>\n                            </li>\n                        </ul>\n                    </li>\n                    <li class=\"chapter\">\n                        <div class=\"simple menu-toggler\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#miscellaneous-links"' : 'data-target="#xs-miscellaneous-links"', ">\n                            <span class=\"icon ion-ios-cube\"></span>\n                            <span>Miscellaneous</span>\n                            <span class=\"icon ion-ios-arrow-down\"></span>\n                        </div>\n                        <ul class=\"links collapse \" ").concat(isNormalMode ? 'id="miscellaneous-links"' : 'id="xs-miscellaneous-links"', ">\n                            <li class=\"link\">\n                                <a href=\"miscellaneous/enumerations.html\" data-type=\"entity-link\">Enums</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"miscellaneous/functions.html\" data-type=\"entity-link\">Functions</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"miscellaneous/typealiases.html\" data-type=\"entity-link\">Type aliases</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"miscellaneous/variables.html\" data-type=\"entity-link\">Variables</a>\n                            </li>\n                        </ul>\n                    </li>\n            </ul>\n        </nav>\n        "));
+      var tp = lithtml.html("\n        <nav>\n            <ul class=\"list\">\n                <li class=\"title\">\n                    <a href=\"index.html\" data-type=\"index-link\">csdr documentation</a>\n                </li>\n\n                <li class=\"divider\"></li>\n                ".concat(isNormalMode ? "<div id=\"book-search-input\" role=\"search\"><input type=\"text\" placeholder=\"Type to search\"></div>" : '', "\n                <li class=\"chapter\">\n                    <a data-type=\"chapter-link\" href=\"index.html\"><span class=\"icon ion-ios-home\"></span>Getting started</a>\n                    <ul class=\"links\">\n                        <li class=\"link\">\n                            <a href=\"index.html\" data-type=\"chapter-link\">\n                                <span class=\"icon ion-ios-keypad\"></span>Overview\n                            </a>\n                        </li>\n                        <li class=\"link\">\n                            <a href=\"license.html\"  data-type=\"chapter-link\">\n                                <span class=\"icon ion-ios-paper\"></span>LICENSE\n                            </a>\n                        </li>\n                                <li class=\"link\">\n                                    <a href=\"dependencies.html\" data-type=\"chapter-link\">\n                                        <span class=\"icon ion-ios-list\"></span>Dependencies\n                                    </a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"properties.html\" data-type=\"chapter-link\">\n                                        <span class=\"icon ion-ios-apps\"></span>Properties\n                                    </a>\n                                </li>\n                    </ul>\n                </li>\n                    <li class=\"chapter modules\">\n                        <a data-type=\"chapter-link\" href=\"modules.html\">\n                            <div class=\"menu-toggler linked\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#modules-links"' : 'data-target="#xs-modules-links"', ">\n                                <span class=\"icon ion-ios-archive\"></span>\n                                <span class=\"link-name\">Modules</span>\n                                <span class=\"icon ion-ios-arrow-down\"></span>\n                            </div>\n                        </a>\n                        <ul class=\"links collapse \" ").concat(isNormalMode ? 'id="modules-links"' : 'id="xs-modules-links"', ">\n                            <li class=\"link\">\n                                <a href=\"modules/CoreModule.html\" data-type=\"entity-link\" >CoreModule</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"modules/I18nModule.html\" data-type=\"entity-link\" >I18nModule</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"modules/LogModule.html\" data-type=\"entity-link\" >LogModule</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"modules/TranslateMockModule.html\" data-type=\"entity-link\" >TranslateMockModule</a>\n                                <li class=\"chapter inner\">\n                                    <div class=\"simple menu-toggler\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#directives-links-module-TranslateMockModule-9da62be54d94cb556a0704e51a9362d123688ae4abe23c3ec0b5d6f1ef09c176b005016b728d326a5f2ba18e3d686b9df3efbe48e0f70b49b5b515e43ecbd8f4"' : 'data-target="#xs-directives-links-module-TranslateMockModule-9da62be54d94cb556a0704e51a9362d123688ae4abe23c3ec0b5d6f1ef09c176b005016b728d326a5f2ba18e3d686b9df3efbe48e0f70b49b5b515e43ecbd8f4"', ">\n                                        <span class=\"icon ion-md-code-working\"></span>\n                                        <span>Directives</span>\n                                        <span class=\"icon ion-ios-arrow-down\"></span>\n                                    </div>\n                                    <ul class=\"links collapse\" ").concat(isNormalMode ? 'id="directives-links-module-TranslateMockModule-9da62be54d94cb556a0704e51a9362d123688ae4abe23c3ec0b5d6f1ef09c176b005016b728d326a5f2ba18e3d686b9df3efbe48e0f70b49b5b515e43ecbd8f4"' : 'id="xs-directives-links-module-TranslateMockModule-9da62be54d94cb556a0704e51a9362d123688ae4abe23c3ec0b5d6f1ef09c176b005016b728d326a5f2ba18e3d686b9df3efbe48e0f70b49b5b515e43ecbd8f4"', ">\n                                        <li class=\"link\">\n                                            <a href=\"directives/TranslateMockDirective.html\" data-type=\"entity-link\" data-context=\"sub-entity\" data-context-id=\"modules\" >TranslateMockDirective</a>\n                                        </li>\n                                    </ul>\n                                </li>\n                                    <li class=\"chapter inner\">\n                                        <div class=\"simple menu-toggler\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#pipes-links-module-TranslateMockModule-9da62be54d94cb556a0704e51a9362d123688ae4abe23c3ec0b5d6f1ef09c176b005016b728d326a5f2ba18e3d686b9df3efbe48e0f70b49b5b515e43ecbd8f4"' : 'data-target="#xs-pipes-links-module-TranslateMockModule-9da62be54d94cb556a0704e51a9362d123688ae4abe23c3ec0b5d6f1ef09c176b005016b728d326a5f2ba18e3d686b9df3efbe48e0f70b49b5b515e43ecbd8f4"', ">\n                                            <span class=\"icon ion-md-add\"></span>\n                                            <span>Pipes</span>\n                                            <span class=\"icon ion-ios-arrow-down\"></span>\n                                        </div>\n                                        <ul class=\"links collapse\" ").concat(isNormalMode ? 'id="pipes-links-module-TranslateMockModule-9da62be54d94cb556a0704e51a9362d123688ae4abe23c3ec0b5d6f1ef09c176b005016b728d326a5f2ba18e3d686b9df3efbe48e0f70b49b5b515e43ecbd8f4"' : 'id="xs-pipes-links-module-TranslateMockModule-9da62be54d94cb556a0704e51a9362d123688ae4abe23c3ec0b5d6f1ef09c176b005016b728d326a5f2ba18e3d686b9df3efbe48e0f70b49b5b515e43ecbd8f4"', ">\n                                            <li class=\"link\">\n                                                <a href=\"pipes/TranslateMockPipe.html\" data-type=\"entity-link\" data-context=\"sub-entity\" data-context-id=\"modules\" >TranslateMockPipe</a>\n                                            </li>\n                                        </ul>\n                                    </li>\n                            </li>\n                </ul>\n                </li>\n                    <li class=\"chapter\">\n                        <div class=\"simple menu-toggler\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#classes-links"' : 'data-target="#xs-classes-links"', ">\n                            <span class=\"icon ion-ios-paper\"></span>\n                            <span>Classes</span>\n                            <span class=\"icon ion-ios-arrow-down\"></span>\n                        </div>\n                        <ul class=\"links collapse \" ").concat(isNormalMode ? 'id="classes-links"' : 'id="xs-classes-links"', ">\n                            <li class=\"link\">\n                                <a href=\"classes/ActivatedRouteAction.html\" data-type=\"entity-link\" >ActivatedRouteAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/AddApiQueueItemAction.html\" data-type=\"entity-link\" >AddApiQueueItemAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/AddAppLoadedConfigModulesAction.html\" data-type=\"entity-link\" >AddAppLoadedConfigModulesAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/ApiQueueServiceMock.html\" data-type=\"entity-link\" >ApiQueueServiceMock</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/AsyncStorageService.html\" data-type=\"entity-link\" >AsyncStorageService</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/AsyncStorageServiceMock.html\" data-type=\"entity-link\" >AsyncStorageServiceMock</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/EmptyApiQueueAction.html\" data-type=\"entity-link\" >EmptyApiQueueAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/EuiCoreRootGuardClass.html\" data-type=\"entity-link\" >EuiCoreRootGuardClass</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/EuiError.html\" data-type=\"entity-link\" >EuiError</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/I18nResourceImpl.html\" data-type=\"entity-link\" >I18nResourceImpl</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/InitStoreAction.html\" data-type=\"entity-link\" >InitStoreAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/LogServiceMock.html\" data-type=\"entity-link\" >LogServiceMock</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/OpenIdConnectServiceMock.html\" data-type=\"entity-link\" >OpenIdConnectServiceMock</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/RemoveApiQueueItemAction.html\" data-type=\"entity-link\" >RemoveApiQueueItemAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/RouterMock.html\" data-type=\"entity-link\" >RouterMock</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/StorageService.html\" data-type=\"entity-link\" >StorageService</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/StorageServiceMock.html\" data-type=\"entity-link\" >StorageServiceMock</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/StoreMock.html\" data-type=\"entity-link\" >StoreMock</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/TranslateServiceMock.html\" data-type=\"entity-link\" >TranslateServiceMock</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateAppConnectionAction.html\" data-type=\"entity-link\" >UpdateAppConnectionAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateAppStatusAction.html\" data-type=\"entity-link\" >UpdateAppStatusAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateAppVersionAction.html\" data-type=\"entity-link\" >UpdateAppVersionAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateCurrentModuleAction.html\" data-type=\"entity-link\" >UpdateCurrentModuleAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateI18nStateAction.html\" data-type=\"entity-link\" >UpdateI18nStateAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateLocaleStateAction.html\" data-type=\"entity-link\" >UpdateLocaleStateAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateNotificationsListAction.html\" data-type=\"entity-link\" >UpdateNotificationsListAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateUserDashboardAction.html\" data-type=\"entity-link\" >UpdateUserDashboardAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateUserDetailsAction.html\" data-type=\"entity-link\" >UpdateUserDetailsAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateUserPreferencesAction.html\" data-type=\"entity-link\" >UpdateUserPreferencesAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateUserRightsAction.html\" data-type=\"entity-link\" >UpdateUserRightsAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UpdateUserStateAction.html\" data-type=\"entity-link\" >UpdateUserStateAction</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UxErrorManager.html\" data-type=\"entity-link\" >UxErrorManager</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"classes/UxRootInjectorGuard.html\" data-type=\"entity-link\" >UxRootInjectorGuard</a>\n                            </li>\n                        </ul>\n                    </li>\n                        <li class=\"chapter\">\n                            <div class=\"simple menu-toggler\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#injectables-links"' : 'data-target="#xs-injectables-links"', ">\n                                <span class=\"icon ion-md-arrow-round-down\"></span>\n                                <span>Injectables</span>\n                                <span class=\"icon ion-ios-arrow-down\"></span>\n                            </div>\n                            <ul class=\"links collapse \" ").concat(isNormalMode ? 'id="injectables-links"' : 'id="xs-injectables-links"', ">\n                                <li class=\"link\">\n                                    <a href=\"injectables/ApiQueueService.html\" data-type=\"entity-link\" >ApiQueueService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/CoreAppEffects.html\" data-type=\"entity-link\" >CoreAppEffects</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/EuiPermissionService.html\" data-type=\"entity-link\" >EuiPermissionService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/GlobalErrorHandler.html\" data-type=\"entity-link\" >GlobalErrorHandler</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/I18nLoader.html\" data-type=\"entity-link\" >I18nLoader</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/I18nService.html\" data-type=\"entity-link\" >I18nService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/I18nServiceMock.html\" data-type=\"entity-link\" >I18nServiceMock</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/LocaleService.html\" data-type=\"entity-link\" >LocaleService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/LocaleServiceMock.html\" data-type=\"entity-link\" >LocaleServiceMock</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/LocalForageService.html\" data-type=\"entity-link\" >LocalForageService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/LocalStorageService.html\" data-type=\"entity-link\" >LocalStorageService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/LogService.html\" data-type=\"entity-link\" >LogService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/OpenIdConnectService.html\" data-type=\"entity-link\" >OpenIdConnectService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/SessionStorageService.html\" data-type=\"entity-link\" >SessionStorageService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/StoreService.html\" data-type=\"entity-link\" >StoreService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/StoreServiceMock.html\" data-type=\"entity-link\" >StoreServiceMock</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/UserService.html\" data-type=\"entity-link\" >UserService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/UserServiceMock.html\" data-type=\"entity-link\" >UserServiceMock</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/UxAppShellService.html\" data-type=\"entity-link\" >UxAppShellService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/UxDynamicComponentService.html\" data-type=\"entity-link\" >UxDynamicComponentService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/UxDynamicMenuService.html\" data-type=\"entity-link\" >UxDynamicMenuService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/UxErrorFeedbackService.html\" data-type=\"entity-link\" >UxErrorFeedbackService</a>\n                                </li>\n                                <li class=\"link\">\n                                    <a href=\"injectables/UxTimezoneService.html\" data-type=\"entity-link\" >UxTimezoneService</a>\n                                </li>\n                            </ul>\n                        </li>\n                    <li class=\"chapter\">\n                        <div class=\"simple menu-toggler\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#interceptors-links"' : 'data-target="#xs-interceptors-links"', ">\n                            <span class=\"icon ion-ios-swap\"></span>\n                            <span>Interceptors</span>\n                            <span class=\"icon ion-ios-arrow-down\"></span>\n                        </div>\n                        <ul class=\"links collapse \" ").concat(isNormalMode ? 'id="interceptors-links"' : 'id="xs-interceptors-links"', ">\n                            <li class=\"link\">\n                                <a href=\"interceptors/AddLangParamInterceptor.html\" data-type=\"entity-link\" >AddLangParamInterceptor</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interceptors/CachePreventionInterceptor.html\" data-type=\"entity-link\" >CachePreventionInterceptor</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interceptors/CorsSecurityInterceptor.html\" data-type=\"entity-link\" >CorsSecurityInterceptor</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interceptors/CsrfPreventionInterceptor.html\" data-type=\"entity-link\" >CsrfPreventionInterceptor</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interceptors/EuLoginSessionTimeoutHandlingInterceptor.html\" data-type=\"entity-link\" >EuLoginSessionTimeoutHandlingInterceptor</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interceptors/HttpErrorHandlerInterceptor.html\" data-type=\"entity-link\" >HttpErrorHandlerInterceptor</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interceptors/OpenIdConnectInterceptor.html\" data-type=\"entity-link\" >OpenIdConnectInterceptor</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interceptors/UxRequestErrorModelInterceptor.html\" data-type=\"entity-link\" >UxRequestErrorModelInterceptor</a>\n                            </li>\n                        </ul>\n                    </li>\n                    <li class=\"chapter\">\n                        <div class=\"simple menu-toggler\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#interfaces-links"' : 'data-target="#xs-interfaces-links"', ">\n                            <span class=\"icon ion-md-information-circle-outline\"></span>\n                            <span>Interfaces</span>\n                            <span class=\"icon ion-ios-arrow-down\"></span>\n                        </div>\n                        <ul class=\"links collapse \" ").concat(isNormalMode ? ' id="interfaces-links"' : 'id="xs-interfaces-links"', ">\n                            <li class=\"link\">\n                                <a href=\"interfaces/LoadedResources.html\" data-type=\"entity-link\" >LoadedResources</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/LoadedResourcesError.html\" data-type=\"entity-link\" >LoadedResourcesError</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/ModuleLoadEvent.html\" data-type=\"entity-link\" >ModuleLoadEvent</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/OpenIdConnectUserDetails.html\" data-type=\"entity-link\" >OpenIdConnectUserDetails</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/ResourceError.html\" data-type=\"entity-link\" >ResourceError</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/TimeZone.html\" data-type=\"entity-link\" >TimeZone</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"interfaces/UIState.html\" data-type=\"entity-link\" >UIState</a>\n                            </li>\n                        </ul>\n                    </li>\n                    <li class=\"chapter\">\n                        <div class=\"simple menu-toggler\" data-toggle=\"collapse\" ").concat(isNormalMode ? 'data-target="#miscellaneous-links"' : 'data-target="#xs-miscellaneous-links"', ">\n                            <span class=\"icon ion-ios-cube\"></span>\n                            <span>Miscellaneous</span>\n                            <span class=\"icon ion-ios-arrow-down\"></span>\n                        </div>\n                        <ul class=\"links collapse \" ").concat(isNormalMode ? 'id="miscellaneous-links"' : 'id="xs-miscellaneous-links"', ">\n                            <li class=\"link\">\n                                <a href=\"miscellaneous/enumerations.html\" data-type=\"entity-link\">Enums</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"miscellaneous/functions.html\" data-type=\"entity-link\">Functions</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"miscellaneous/typealiases.html\" data-type=\"entity-link\">Type aliases</a>\n                            </li>\n                            <li class=\"link\">\n                                <a href=\"miscellaneous/variables.html\" data-type=\"entity-link\">Variables</a>\n                            </li>\n                        </ul>\n                    </li>\n            </ul>\n        </nav>\n        "));
       this.innerHTML = tp.strings;
     }
   }]);

package/docs/js/menu.js

@@ -5,7 +5,6 @@ document.addEventListener('DOMContentLoaded', function () {
     var localContextInUrl = '';
 
     if (COMPODOC_CURRENT_PAGE_CONTEXT !== '') {
-        localContextInUrl = localContextInUrl;
         switch (COMPODOC_CURRENT_PAGE_CONTEXT) {
             case 'additional-page':
                 localContextInUrl = 'additional-documentation';
@@ -78,15 +77,16 @@ document.addEventListener('DOMContentLoaded', function () {
     processMenuLinks(entityLinks);
     var indexLinks = document.querySelectorAll('[data-type="index-link"]');
     processMenuLinks(indexLinks, true);
-    var entityLogos = document.querySelectorAll('[data-type="compodoc-logo"]');
-    var processLogos = function (entityLogo) {
+    var compodocLogos = document.querySelectorAll('[data-type="compodoc-logo"]');
+    var customLogo = document.querySelectorAll('[data-type="custom-logo"]');
+    var processLogos = function (entityLogos) {
         for (var i = 0; i < entityLogos.length; i++) {
             var entityLogo = entityLogos[i];
             if (entityLogo) {
                 var url = entityLogo.getAttribute('data-src');
                 // Dark mode + logo
                 let isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
-                if (isDarkMode) {
+                if (isDarkMode && url.indexOf('compodoc') !== -1) {
                     url = 'images/compodoc-vectorise-inverted.png';
                 }
                 if (url.charAt(0) !== '.') {
@@ -116,7 +116,8 @@ document.addEventListener('DOMContentLoaded', function () {
             }
         }
     };
-    processLogos(entityLogos);
+    processLogos(compodocLogos);
+    processLogos(customLogo);
 
     setTimeout(function () {
         document.getElementById('btn-menu').addEventListener('click', function () {
@@ -137,7 +138,7 @@ document.addEventListener('DOMContentLoaded', function () {
             var collapse = Collapses[o],
                 options = {};
             options.duration = collapse.getAttribute('data-duration');
-            new Collapse(collapse, options);
+            var c = new Collapse(collapse, options);
         }
 
         // collapse menu
@@ -261,5 +262,60 @@ document.addEventListener('DOMContentLoaded', function () {
                 }, 300);
             }
         }
+        // Dark mode toggle button
+        var useDark = window.matchMedia('(prefers-color-scheme: dark)');
+        var darkModeState = useDark.matches;
+        var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
+        var $darkModeToggles = document.querySelectorAll('.dark-mode-switch');
+        var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state');
+
+        function checkToggle(check) {
+            for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
+                $darkModeToggleSwitchers[i].checked = check;
+            }
+        }
+
+        function toggleDarkMode(state) {
+            if (window.localStorage) {
+                localStorage.setItem('compodoc_darkmode-state', state);
+            }
+
+            checkToggle(state);
+
+            const hasClass = document.body.classList.contains('dark');
+
+            if (state) {
+                for (var i = 0; i < $darkModeToggles.length; i++) {
+                    $darkModeToggles[i].classList.add('dark');
+                }
+                if (!hasClass) {
+                    document.body.classList.add('dark');
+                }
+            } else {
+                for (var i = 0; i < $darkModeToggles.length; i++) {
+                    $darkModeToggles[i].classList.remove('dark');
+                }
+                if (hasClass) {
+                    document.body.classList.remove('dark');
+                }
+            }
+        }
+
+        useDark.addEventListener('change', function (evt) {
+            toggleDarkMode(evt.matches);
+        });
+        if (darkModeStateLocal) {
+            darkModeState = darkModeStateLocal === 'true';
+        }
+        toggleDarkMode(darkModeState);
+
+        if ($darkModeToggles.length > 0) {
+            for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
+                $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
+                    darkModeState = !darkModeState;
+                    toggleDarkMode(darkModeState);
+                });
+            }
+        }
     }, 0);
 });