npm - @eui/core - Versions diffs - 18.0.0-rc.3 → 18.0.0-rc.30 - Mend

@eui/core 18.0.0-rc.3 → 18.0.0-rc.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (111) hide show

package/docs/classes/ActivatedRouteAction.html +13 -9
package/docs/classes/AddApiQueueItemAction.html +13 -9
package/docs/classes/AddAppLoadedConfigModulesAction.html +13 -9
package/docs/classes/ApiQueueServiceMock.html +13 -9
package/docs/classes/AsyncStorageService.html +13 -9
package/docs/classes/AsyncStorageServiceMock.html +13 -9
package/docs/classes/CssUtils.html +13 -9
package/docs/classes/EmptyApiQueueAction.html +13 -9
package/docs/classes/ErrorSubClass.html +13 -9
package/docs/classes/EuiCoreRootGuardClass.html +13 -9
package/docs/classes/EuiError.html +13 -9
package/docs/classes/I18nResourceImpl.html +13 -9
package/docs/classes/InitStoreAction.html +13 -9
package/docs/classes/LogServiceMock.html +13 -9
package/docs/classes/RemoveApiQueueItemAction.html +13 -9
package/docs/classes/RouterMock.html +13 -9
package/docs/classes/StorageService.html +13 -9
package/docs/classes/StorageServiceMock.html +13 -9
package/docs/classes/StoreMock.html +13 -9
package/docs/classes/TranslateServiceMock.html +13 -9
package/docs/classes/UpdateAppConnectionAction.html +13 -9
package/docs/classes/UpdateAppStatusAction.html +13 -9
package/docs/classes/UpdateAppVersionAction.html +13 -9
package/docs/classes/UpdateCurrentModuleAction.html +13 -9
package/docs/classes/UpdateI18nStateAction.html +13 -9
package/docs/classes/UpdateLocaleStateAction.html +13 -9
package/docs/classes/UpdateNotificationsListAction.html +13 -9
package/docs/classes/UpdateUserDashboardAction.html +13 -9
package/docs/classes/UpdateUserDetailsAction.html +13 -9
package/docs/classes/UpdateUserPreferencesAction.html +13 -9
package/docs/classes/UpdateUserRightsAction.html +13 -9
package/docs/classes/UpdateUserStateAction.html +13 -9
package/docs/dependencies.html +36 -32
package/docs/directives/TranslateMockDirective.html +13 -9
package/docs/index.html +14 -10
package/docs/injectables/ApiQueueService.html +13 -9
package/docs/injectables/CoreAppEffects.html +13 -9
package/docs/injectables/EuiAppShellService.html +13 -9
package/docs/injectables/EuiDynamicComponentService.html +13 -9
package/docs/injectables/EuiDynamicMenuService.html +15 -11
package/docs/injectables/EuiGrowlService.html +13 -9
package/docs/injectables/EuiLoaderService.html +13 -9
package/docs/injectables/EuiPermissionService.html +13 -9
package/docs/injectables/EuiThemeService.html +310 -105
package/docs/injectables/EuiTimezoneService.html +13 -9
package/docs/injectables/GlobalErrorHandler.html +13 -9
package/docs/injectables/I18nLoader.html +13 -9
package/docs/injectables/I18nService.html +13 -9
package/docs/injectables/I18nServiceMock.html +13 -9
package/docs/injectables/LocalForageService.html +13 -9
package/docs/injectables/LocalStorageService.html +13 -9
package/docs/injectables/LocaleService.html +13 -9
package/docs/injectables/LocaleServiceMock.html +13 -9
package/docs/injectables/LogService.html +13 -9
package/docs/injectables/SessionStorageService.html +13 -9
package/docs/injectables/StoreService.html +13 -9
package/docs/injectables/StoreServiceMock.html +13 -9
package/docs/injectables/UserService.html +13 -9
package/docs/injectables/UserServiceMock.html +13 -9
package/docs/interceptors/AddLangParamInterceptor.html +13 -9
package/docs/interceptors/CachePreventionInterceptor.html +13 -9
package/docs/interceptors/CorsSecurityInterceptor.html +13 -9
package/docs/interceptors/CsrfPreventionInterceptor.html +13 -9
package/docs/interceptors/EuLoginSessionTimeoutHandlingInterceptor.html +13 -9
package/docs/interceptors/HttpErrorHandlerInterceptor.html +13 -9
package/docs/interceptors/UxRequestErrorModelInterceptor.html +13 -9
package/docs/interfaces/Dependency.html +13 -9
package/docs/interfaces/EuiTimeZone.html +13 -9
package/docs/interfaces/IEuiTheme.html +387 -0
package/docs/interfaces/Library.html +13 -9
package/docs/interfaces/LoadedResources.html +13 -9
package/docs/interfaces/LoadedResourcesError.html +13 -9
package/docs/interfaces/ModuleLoadEvent.html +13 -9
package/docs/interfaces/Policy.html +13 -9
package/docs/interfaces/ResourceError.html +13 -9
package/docs/interfaces/ThemeState.html +309 -0
package/docs/interfaces/UIState.html +13 -9
package/docs/js/libs/bootstrap-native.js +1 -1
package/docs/js/menu-wc.js +6 -0
package/docs/js/menu-wc_es5.js +1 -1
package/docs/js/search/search_index.js +2 -2
package/docs/license.html +13 -9
package/docs/miscellaneous/enumerations.html +79 -15
package/docs/miscellaneous/functions.html +13 -9
package/docs/miscellaneous/typealiases.html +13 -9
package/docs/miscellaneous/variables.html +68 -9
package/docs/modules/CoreModule.html +13 -9
package/docs/modules/I18nModule.html +13 -9
package/docs/modules/LogModule.html +13 -9
package/docs/modules/TranslateMockModule.html +13 -9
package/docs/modules.html +13 -9
package/docs/pipes/TranslateMockPipe.html +13 -9
package/docs/properties.html +13 -9
package/esm2022/index.mjs +3 -1
package/esm2022/lib/services/dynamic-menu/dynamic-menu.service.mjs +2 -5
package/esm2022/lib/services/eui-theme.service.mjs +186 -26
package/esm2022/lib/services/locale/locale.service.mjs +2 -1
package/fesm2022/eui-core.mjs +203 -46
package/fesm2022/eui-core.mjs.map +1 -1
package/index.d.ts +1 -0
package/index.d.ts.map +1 -1
package/lib/helpers/dom-helpers.d.ts.map +1 -1
package/lib/helpers/form-helpers.d.ts +2 -2
package/lib/helpers/form-helpers.d.ts.map +1 -1
package/lib/services/dynamic-menu/dynamic-menu.service.d.ts +5 -5
package/lib/services/dynamic-menu/dynamic-menu.service.d.ts.map +1 -1
package/lib/services/eui-theme.service.d.ts +41 -15
package/lib/services/eui-theme.service.d.ts.map +1 -1
package/lib/services/locale/locale.service.d.ts +1 -0
package/lib/services/locale/locale.service.d.ts.map +1 -1
package/package.json +4 -4

package/docs/license.html CHANGED Viewed

@@ -61,15 +61,6 @@
                     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);
-                         });
-                    }
-               }
           </script>
         <div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
@@ -406,6 +397,19 @@ registered office inside a European Union country.</li>
             var MAX_SEARCH_RESULTS = 15;
        </script>
+       <script>
+               $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
+               checkToggle(darkModeState);
+               if ($darkModeToggleSwitchers.length > 0) {
+                    for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
+                         $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
+                              darkModeState = !darkModeState;
+                              toggleDarkMode(darkModeState);
+                         });
+                    }
+               }
+          </script>
        <script src="./js/libs/custom-elements.min.js"></script>
        <script src="./js/libs/lit-html.js"></script>

package/docs/miscellaneous/enumerations.html CHANGED Viewed

@@ -61,15 +61,6 @@
                     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);
-                         });
-                    }
-               }
           </script>
         <div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
@@ -430,32 +421,92 @@
                 </tr>
                         <tr>
                             <td class="col-md-4">
-                                &nbsp;EC
+                                &nbsp;DEFAULT
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                <i>Value : </i><code>default</code>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                &nbsp;ECL_EC
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                <i>Value : </i><code>ecl-ec</code>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                &nbsp;ECL_EC_RTL
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                <i>Value : </i><code>ecl-ec-rtl</code>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                &nbsp;ECL_EU
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                <i>Value : </i><code>ecl-eu</code>
                             </td>
                         </tr>
                         <tr>
                             <td class="col-md-4">
-                                <i>Value : </i><code>ec</code>
+                                &nbsp;ECL_EU_RTL
                             </td>
                         </tr>
                         <tr>
                             <td class="col-md-4">
-                                &nbsp;EU
+                                <i>Value : </i><code>ecl-eu-rtl</code>
                             </td>
                         </tr>
                         <tr>
                             <td class="col-md-4">
-                                <i>Value : </i><code>eu</code>
+                                &nbsp;EUI_LEGACY
                             </td>
                         </tr>
                         <tr>
                             <td class="col-md-4">
-                                &nbsp;EUI
+                                <i>Value : </i><code>eui-legacy</code>
                             </td>
                         </tr>
                         <tr>
                             <td class="col-md-4">
-                                <i>Value : </i><code>eui</code>
+                                &nbsp;EUI_LEGACY_HC
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                <i>Value : </i><code>eui-legacy-high-contrast</code>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                &nbsp;DARK
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                <i>Value : </i><code>dark</code>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                &nbsp;COMPACT
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                <i>Value : </i><code>compact</code>
                             </td>
                         </tr>
             </tbody>
@@ -543,6 +594,19 @@
             var MAX_SEARCH_RESULTS = 15;
        </script>
+       <script>
+               $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
+               checkToggle(darkModeState);
+               if ($darkModeToggleSwitchers.length > 0) {
+                    for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
+                         $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
+                              darkModeState = !darkModeState;
+                              toggleDarkMode(darkModeState);
+                         });
+                    }
+               }
+          </script>
        <script src="../js/libs/custom-elements.min.js"></script>
        <script src="../js/libs/lit-html.js"></script>

package/docs/miscellaneous/functions.html CHANGED Viewed

@@ -61,15 +61,6 @@
                     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);
-                         });
-                    }
-               }
           </script>
         <div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
@@ -1823,6 +1814,19 @@ It needs to be added in your application main.ts file.</p>
             var MAX_SEARCH_RESULTS = 15;
        </script>
+       <script>
+               $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
+               checkToggle(darkModeState);
+               if ($darkModeToggleSwitchers.length > 0) {
+                    for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
+                         $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
+                              darkModeState = !darkModeState;
+                              toggleDarkMode(darkModeState);
+                         });
+                    }
+               }
+          </script>
        <script src="../js/libs/custom-elements.min.js"></script>
        <script src="../js/libs/lit-html.js"></script>

package/docs/miscellaneous/typealiases.html CHANGED Viewed

@@ -61,15 +61,6 @@
                     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);
-                         });
-                    }
-               }
           </script>
         <div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
@@ -285,6 +276,19 @@
             var MAX_SEARCH_RESULTS = 15;
        </script>
+       <script>
+               $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
+               checkToggle(darkModeState);
+               if ($darkModeToggleSwitchers.length > 0) {
+                    for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
+                         $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
+                              darkModeState = !darkModeState;
+                              toggleDarkMode(darkModeState);
+                         });
+                    }
+               }
+          </script>
        <script src="../js/libs/custom-elements.min.js"></script>
        <script src="../js/libs/lit-html.js"></script>

package/docs/miscellaneous/variables.html CHANGED Viewed

@@ -61,15 +61,6 @@
                     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);
-                         });
-                    }
-               }
           </script>
         <div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
@@ -281,6 +272,9 @@
                         <li>
                             <a href="#initialState" title="packages/eui/packages/core/src/lib/services/eui-app-shell.service.ts" ><b>initialState</b>&nbsp;&nbsp;&nbsp;(packages/.../eui-app-shell.service.ts)</a>
                         </li>
+                        <li>
+                            <a href="#initialState" title="packages/eui/packages/core/src/lib/services/eui-theme.service.ts" ><b>initialState</b>&nbsp;&nbsp;&nbsp;(packages/.../eui-theme.service.ts)</a>
+                        </li>
                         <li>
                             <a href="#isDefined" title="packages/eui/packages/core/src/lib/helpers/utils.ts" ><b>isDefined</b>&nbsp;&nbsp;&nbsp;(packages/.../utils.ts)</a>
                         </li>
@@ -3551,6 +3545,58 @@
                 </tr>
+        </tbody>
+    </table>
+</section>
+    <h3>packages/eui/packages/core/src/lib/services/eui-theme.service.ts</h3>
+    <section data-compodoc="block-properties">
+    <h3></h3>    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="initialState"></a>
+                    <span class="name">
+                        <span ><b>initialState</b></span>
+                        <a href="#initialState"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>        <code><a href="../interfaces/ThemeState.html" target="_self" >ThemeState</a></code>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>{
+    themes: [
+        { name: EuiTheme.DEFAULT, isActive: false, styleSheet: null, cssClass: null },
+        { name: EuiTheme.ECL_EC, isActive: false, styleSheet: &#x27;eui-ecl-ec.css&#x27;, cssClass: null },
+        { name: EuiTheme.ECL_EC_RTL, isActive: false, styleSheet: &#x27;eui-ecl-ec-rtl.css&#x27;, cssClass: null },
+        { name: EuiTheme.ECL_EU, isActive: false, styleSheet: &#x27;eui-ecl-eu.css&#x27;, cssClass: null },
+        { name: EuiTheme.ECL_EU_RTL, isActive: false, styleSheet: &#x27;eui-ecl-eu-rtl.css&#x27;, cssClass: null },
+        { name: EuiTheme.EUI_LEGACY, isActive: false, styleSheet: null, cssClass: &#x27;eui-t-eui-legacy&#x27; },
+        { name: EuiTheme.EUI_LEGACY_HC, isActive: false, styleSheet: null, cssClass: &#x27;eui-t-high-contrast&#x27; },
+        { name: EuiTheme.DARK, isActive: false, styleSheet: null, cssClass: &#x27;eui-t-dark&#x27; },
+        { name: EuiTheme.COMPACT, isActive: false, styleSheet: null, cssClass: &#x27;eui-t-compact&#x27; },
+    ],
+    theme: {
+        isDefault: false,
+        isEclEc: false,
+        isEclEcRtl: false,
+        isEclEu: false,
+        isEclEuRtl: false,
+        isEuiLegacy: false,
+        isEuiLegacyHc: false,
+        isDark: false,
+        isCompact: false,
+    },
+}</code>
+                    </td>
+                </tr>
         </tbody>
     </table>
 </section>
@@ -3926,6 +3972,19 @@
             var MAX_SEARCH_RESULTS = 15;
        </script>
+       <script>
+               $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
+               checkToggle(darkModeState);
+               if ($darkModeToggleSwitchers.length > 0) {
+                    for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
+                         $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
+                              darkModeState = !darkModeState;
+                              toggleDarkMode(darkModeState);
+                         });
+                    }
+               }
+          </script>
        <script src="../js/libs/custom-elements.min.js"></script>
        <script src="../js/libs/lit-html.js"></script>

package/docs/modules/CoreModule.html CHANGED Viewed

@@ -61,15 +61,6 @@
                     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);
-                         });
-                    }
-               }
           </script>
         <div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
@@ -281,6 +272,19 @@
             var MAX_SEARCH_RESULTS = 15;
        </script>
+       <script>
+               $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
+               checkToggle(darkModeState);
+               if ($darkModeToggleSwitchers.length > 0) {
+                    for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
+                         $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
+                              darkModeState = !darkModeState;
+                              toggleDarkMode(darkModeState);
+                         });
+                    }
+               }
+          </script>
        <script src="../js/libs/custom-elements.min.js"></script>
        <script src="../js/libs/lit-html.js"></script>

package/docs/modules/I18nModule.html CHANGED Viewed

@@ -61,15 +61,6 @@
                     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);
-                         });
-                    }
-               }
           </script>
         <div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
@@ -225,6 +216,19 @@
             var MAX_SEARCH_RESULTS = 15;
        </script>
+       <script>
+               $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
+               checkToggle(darkModeState);
+               if ($darkModeToggleSwitchers.length > 0) {
+                    for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
+                         $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
+                              darkModeState = !darkModeState;
+                              toggleDarkMode(darkModeState);
+                         });
+                    }
+               }
+          </script>
        <script src="../js/libs/custom-elements.min.js"></script>
        <script src="../js/libs/lit-html.js"></script>

package/docs/modules/LogModule.html CHANGED Viewed

@@ -61,15 +61,6 @@
                     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);
-                         });
-                    }
-               }
           </script>
         <div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
@@ -328,6 +319,19 @@
             var MAX_SEARCH_RESULTS = 15;
        </script>
+       <script>
+               $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
+               checkToggle(darkModeState);
+               if ($darkModeToggleSwitchers.length > 0) {
+                    for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
+                         $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
+                              darkModeState = !darkModeState;
+                              toggleDarkMode(darkModeState);
+                         });
+                    }
+               }
+          </script>
        <script src="../js/libs/custom-elements.min.js"></script>
        <script src="../js/libs/lit-html.js"></script>

package/docs/modules/TranslateMockModule.html CHANGED Viewed

@@ -61,15 +61,6 @@
                     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);
-                         });
-                    }
-               }
           </script>
         <div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
@@ -203,6 +194,19 @@
             var MAX_SEARCH_RESULTS = 15;
        </script>
+       <script>
+               $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
+               checkToggle(darkModeState);
+               if ($darkModeToggleSwitchers.length > 0) {
+                    for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
+                         $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
+                              darkModeState = !darkModeState;
+                              toggleDarkMode(darkModeState);
+                         });
+                    }
+               }
+          </script>
        <script src="../js/libs/custom-elements.min.js"></script>
        <script src="../js/libs/lit-html.js"></script>

package/docs/modules.html CHANGED Viewed

@@ -61,15 +61,6 @@
                     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);
-                         });
-                    }
-               }
           </script>
         <div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
@@ -195,6 +186,19 @@
             var MAX_SEARCH_RESULTS = 15;
        </script>
+       <script>
+               $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
+               checkToggle(darkModeState);
+               if ($darkModeToggleSwitchers.length > 0) {
+                    for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
+                         $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
+                              darkModeState = !darkModeState;
+                              toggleDarkMode(darkModeState);
+                         });
+                    }
+               }
+          </script>
        <script src="./js/libs/custom-elements.min.js"></script>
        <script src="./js/libs/lit-html.js"></script>

package/docs/pipes/TranslateMockPipe.html CHANGED Viewed

@@ -61,15 +61,6 @@
                     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);
-                         });
-                    }
-               }
           </script>
         <div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
@@ -252,6 +243,19 @@
             var MAX_SEARCH_RESULTS = 15;
        </script>
+       <script>
+               $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
+               checkToggle(darkModeState);
+               if ($darkModeToggleSwitchers.length > 0) {
+                    for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
+                         $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
+                              darkModeState = !darkModeState;
+                              toggleDarkMode(darkModeState);
+                         });
+                    }
+               }
+          </script>
        <script src="../js/libs/custom-elements.min.js"></script>
        <script src="../js/libs/lit-html.js"></script>

package/docs/properties.html CHANGED Viewed

@@ -61,15 +61,6 @@
                     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);
-                         });
-                    }
-               }
           </script>
         <div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
@@ -151,6 +142,19 @@
             var MAX_SEARCH_RESULTS = 15;
        </script>
+       <script>
+               $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
+               checkToggle(darkModeState);
+               if ($darkModeToggleSwitchers.length > 0) {
+                    for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
+                         $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
+                              darkModeState = !darkModeState;
+                              toggleDarkMode(darkModeState);
+                         });
+                    }
+               }
+          </script>
        <script src="./js/libs/custom-elements.min.js"></script>
        <script src="./js/libs/lit-html.js"></script>

package/esm2022/index.mjs CHANGED Viewed

@@ -1,3 +1,5 @@
+/* BASE PACKAGE */
+export * from '@eui/base';
 /* CORE MODULES */
 export * from './lib/eui-core.module';
 /* CORE SERVICES */
@@ -8,4 +10,4 @@ export * from './lib/services/index';
 export * from './lib/interceptors/index';
 /* CORE HELPERS */
 export * from './lib/helpers/index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsa0JBQWtCO0FBQ2xCLGNBQWMsdUJBQXVCLENBQUM7QUFFdEMsbUJBQW1CO0FBQ25CLGNBQWMsc0JBQXNCLENBQUM7QUFFckMsMkJBQTJCO0FBQzNCLGdEQUFnRDtBQUVoRCx1QkFBdUI7QUFDdkIsY0FBYywwQkFBMEIsQ0FBQztBQUV6QyxrQkFBa0I7QUFDbEIsY0FBYyxxQkFBcUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qIENPUkUgTU9EVUxFUyAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZXVpLWNvcmUubW9kdWxlJztcblxuLyogQ09SRSBTRVJWSUNFUyAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvaW5kZXgnO1xuXG4vLyAvKiBDT1JFIENPTkZJRyBUT0tFTlMgKi9cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL2NvbmZpZy90b2tlbnMnO1xuXG4vKiBDT1JFIElOVEVSQ0VQVE9SUyAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvaW50ZXJjZXB0b3JzL2luZGV4JztcblxuLyogQ09SRSBIRUxQRVJTICovXG5leHBvcnQgKiBmcm9tICcuL2xpYi9oZWxwZXJzL2luZGV4JztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsa0JBQWtCO0FBQ2xCLGNBQWMsV0FBVyxDQUFDO0FBRTFCLGtCQUFrQjtBQUNsQixjQUFjLHVCQUF1QixDQUFDO0FBRXRDLG1CQUFtQjtBQUNuQixjQUFjLHNCQUFzQixDQUFDO0FBRXJDLDJCQUEyQjtBQUMzQixnREFBZ0Q7QUFFaEQsdUJBQXVCO0FBQ3ZCLGNBQWMsMEJBQTBCLENBQUM7QUFFekMsa0JBQWtCO0FBQ2xCLGNBQWMscUJBQXFCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBCQVNFIFBBQ0tBR0UgKi9cbmV4cG9ydCAqIGZyb20gJ0BldWkvYmFzZSc7XG5cbi8qIENPUkUgTU9EVUxFUyAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZXVpLWNvcmUubW9kdWxlJztcblxuLyogQ09SRSBTRVJWSUNFUyAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvaW5kZXgnO1xuXG4vLyAvKiBDT1JFIENPTkZJRyBUT0tFTlMgKi9cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL2NvbmZpZy90b2tlbnMnO1xuXG4vKiBDT1JFIElOVEVSQ0VQVE9SUyAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvaW50ZXJjZXB0b3JzL2luZGV4JztcblxuLyogQ09SRSBIRUxQRVJTICovXG5leHBvcnQgKiBmcm9tICcuL2xpYi9oZWxwZXJzL2luZGV4JztcbiJdfQ==