npm - @eui/mobile-core - Versions diffs - 17.4.2-snapshot-1730191497676 → 18.0.0-next.10 - Mend

@eui/mobile-core 17.4.2-snapshot-1730191497676 → 18.0.0-next.10

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 (319) hide show

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/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">
@@ -119,6 +110,9 @@
             <tr>
                 <td class="col-md-4">
                     <ul class="index-list">
+                        <li>
+                            <a href="#IconColor" title="packages/eui-mobile/packages/core/src/lib/components/layout/euim-sidebar/euim-sidebar-content/euim-sidebar-content.component.ts" ><b>IconColor</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-sidebar-content.component.ts)</a>
+                        </li>
                         <li>
                             <a href="#SkeletonItemInputs" title="packages/eui-mobile/packages/core/src/lib/components/euim-skeleton-list/euim-skeleton-list.component.ts" ><b>SkeletonItemInputs</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-skeleton-list.component.ts)</a>
                         </li>
@@ -132,7 +126,25 @@
     </table>
 </section>
-    <h3>packages/eui-mobile/packages/core/src/lib/components/euim-skeleton-list/euim-skeleton-list.component.ts</h3>
+    <h3>packages/eui-mobile/packages/core/src/lib/components/layout/euim-sidebar/euim-sidebar-content/euim-sidebar-content.component.ts</h3>
+    <section data-compodoc="block-typealias">
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="IconColor"></a>
+                    <span class="name "><b>IconColor</b><a href="#IconColor"><span class="icon ion-ios-link"></span></a></span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+                    <code>    <code>&quot;primary&quot; | &quot;default&quot; | &quot;info&quot; | &quot;success&quot; | &quot;warning&quot; | &quot;danger&quot; | &quot;dark&quot; | &quot;white&quot; | &quot;accent&quot; | &quot;secondary&quot;</code>
+</code>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+</section>    <h3>packages/eui-mobile/packages/core/src/lib/components/euim-skeleton-list/euim-skeleton-list.component.ts</h3>
     <section data-compodoc="block-typealias">
     <table class="table table-sm table-bordered">
         <tbody>
@@ -201,6 +213,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">
@@ -125,9 +116,6 @@
                         <li>
                             <a href="#COMPONENTS" title="packages/eui-mobile/packages/core/src/lib/components/euim-alert-message/euim-alert-message.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-alert-message.module.ts)</a>
                         </li>
-                        <li>
-                            <a href="#COMPONENTS" title="packages/eui-mobile/packages/core/src/lib/components/euim-avatar/euim-avatar.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-avatar.module.ts)</a>
-                        </li>
                         <li>
                             <a href="#COMPONENTS" title="packages/eui-mobile/packages/core/src/lib/components/euim-data-summary/euim-data-summary.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-data-summary.module.ts)</a>
                         </li>
@@ -240,39 +228,6 @@
                 </tr>
-        </tbody>
-    </table>
-</section>
-    <h3>packages/eui-mobile/packages/core/src/lib/components/euim-avatar/euim-avatar.module.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="COMPONENTS"></a>
-                    <span class="name">
-                        <span ><b>COMPONENTS</b></span>
-                        <a href="#COMPONENTS"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>[]</code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>[
-    EuimAvatarComponent,
-    EuimAvatarSubIconDirective,
-    EuimAvatarMainIconDirective,
-]</code>
-                    </td>
-                </tr>
         </tbody>
     </table>
 </section>
@@ -715,11 +670,9 @@
     EuimLanguageSelectorModule,
     EuimUserProfileModule,
     EuimMessageModule,
-    EuimCardModule,
-    EuimCardListModule,
     EuimSkeletonListItemModule,
     EuimSkeletonListModule,
-    EuimAvatarIconModule,
     EuimLabelModule,
     EuimAlertMessageModule,
     EuimAboutModule,
@@ -737,6 +690,8 @@
     EuimPdfViewerModule,
     EuimMultiselectModule,
     EuimToolbarDatepickerModule,
+    EuimCardModule,
+    EuimCardListModule,
     // Directives
     EuimSpinnerComponentModule,
@@ -794,6 +749,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/EuimAboutModule.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">
@@ -153,7 +144,7 @@
                             <a href="../modules/EuimAlertMessageModule.html">EuimAlertMessageModule</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../modules/EuimAvatarIconModule.html">EuimAvatarIconModule</a>
+                            <a href="../modules/EuimAvatarModule.html">EuimAvatarModule</a>
                         </li>
                         <li class="list-group-item">
                             <a href="../modules/EuimHeaderDetailsModule.html">EuimHeaderDetailsModule</a>
@@ -240,6 +231,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/EuimAlertMessageModule.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">
@@ -231,6 +222,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/EuimAllModule.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">
@@ -143,9 +134,6 @@
                         <li class="list-group-item">
                             <a href="../modules/EuimAppModule.html">EuimAppModule</a>
                         </li>
-                        <li class="list-group-item">
-                            <a href="../modules/EuimAvatarIconModule.html">EuimAvatarIconModule</a>
-                        </li>
                         <li class="list-group-item">
                             <a href="../modules/EuimAvatarModule.html">EuimAvatarModule</a>
                         </li>
@@ -273,9 +261,6 @@
                         <li class="list-group-item">
                             <a href="../modules/EuimAppModule.html">EuimAppModule</a>
                         </li>
-                        <li class="list-group-item">
-                            <a href="../modules/EuimAvatarIconModule.html">EuimAvatarIconModule</a>
-                        </li>
                         <li class="list-group-item">
                             <a href="../modules/EuimAvatarModule.html">EuimAvatarModule</a>
                         </li>
@@ -438,6 +423,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/EuimAppModule.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">
@@ -207,6 +198,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/EuimAvatarModule.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">
@@ -128,19 +119,22 @@
                             title="Official documentation about module declarations"><span class="icon ion-ios-information-circle-outline"></span></a></h3>
                     <ul class="list-group">
                         <li class="list-group-item">
-                            <a href="../components/EuimAboutComponent.html">EuimAboutComponent</a>
+                            <a href="../components/EuimAvatarBadgeComponent.html">EuimAvatarBadgeComponent</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../components/EuimAboutContentLoadingComponent.html">EuimAboutContentLoadingComponent</a>
+                            <a href="../components/EuimAvatarComponent.html">EuimAvatarComponent</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../components/EuimChangelogComponent.html">EuimChangelogComponent</a>
+                            <a href="../components/EuimAvatarIconComponent.html">EuimAvatarIconComponent</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../components/EuimHelpSupportComponent.html">EuimHelpSupportComponent</a>
+                            <a href="../components/EuimAvatarIconSubComponent.html">EuimAvatarIconSubComponent</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../components/EuimOpenSourceLicencesComponent.html">EuimOpenSourceLicencesComponent</a>
+                            <a href="../components/EuimAvatarImageComponent.html">EuimAvatarImageComponent</a>
+                        </li>
+                        <li class="list-group-item">
+                            <a href="../components/EuimAvatarTextComponent.html">EuimAvatarTextComponent</a>
                         </li>
                     </ul>
                 </div>
@@ -150,19 +144,22 @@
                                 class="icon ion-ios-information-circle-outline"></a></h3>
                     <ul class="list-group">
                         <li class="list-group-item">
-                            <a href="../components/EuimAboutComponent.html">EuimAboutComponent</a>
+                            <a href="../components/EuimAvatarBadgeComponent.html">EuimAvatarBadgeComponent</a>
+                        </li>
+                        <li class="list-group-item">
+                            <a href="../components/EuimAvatarComponent.html">EuimAvatarComponent</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../components/EuimAboutContentLoadingComponent.html">EuimAboutContentLoadingComponent</a>
+                            <a href="../components/EuimAvatarIconComponent.html">EuimAvatarIconComponent</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../components/EuimChangelogComponent.html">EuimChangelogComponent</a>
+                            <a href="../components/EuimAvatarIconSubComponent.html">EuimAvatarIconSubComponent</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../components/EuimHelpSupportComponent.html">EuimHelpSupportComponent</a>
+                            <a href="../components/EuimAvatarImageComponent.html">EuimAvatarImageComponent</a>
                         </li>
                         <li class="list-group-item">
-                            <a href="../components/EuimOpenSourceLicencesComponent.html">EuimOpenSourceLicencesComponent</a>
+                            <a href="../components/EuimAvatarTextComponent.html">EuimAvatarTextComponent</a>
                         </li>
                     </ul>
                 </div>
@@ -221,6 +218,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/EuimBadgeModule.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">
@@ -197,6 +188,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/EuimCardListModule.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">
@@ -197,6 +188,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/EuimCardModule.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/EuimChipSelectorComponentModule.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/EuimDataSummaryModule.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">
@@ -221,6 +212,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>