@eui/mobile-core 20.0.2 → 22.0.0-alpha.1

package/docs/miscellaneous/variables.html

@@ -62,6 +62,20 @@
                }
                toggleDarkMode(darkModeState);
           </script>
+          <script>
+              // --- Iframe navigation tracking for Template Playground ---
+              function sendCurrentUrlToParent() {
+                  if (window.parent && window.parent !== window) {
+                      window.parent.postMessage({
+                          type: 'compodoc-iframe-navigate',
+                          url: window.location.pathname + window.location.hash
+                      }, '*');
+                  }
+              }
+              window.addEventListener('hashchange', sendCurrentUrlToParent, false);
+              window.addEventListener('popstate', sendCurrentUrlToParent, false);
+              window.addEventListener('DOMContentLoaded', sendCurrentUrlToParent, false);
+          </script>
 
         <div class="navbar navbar-default navbar-fixed-top d-md-none p-0">
                <div class="d-flex">
@@ -71,7 +85,14 @@
         </div>
 
         <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
+                <div id="book-search-input" role="search">
+    <input type="text" placeholder="Type to search">
+    <button type="button"
+        class="search-input-clear"
+        aria-label="Clear search"
+        data-search-input-clear>&times;</button>
+</div>
+            <compodoc-menu></compodoc-menu>
         </div>
 
         <div class="container-fluid main">
@@ -98,6 +119,10 @@
 
 
 
+
+
+
+
 
 
 <ol class="breadcrumb">
@@ -113,106 +138,112 @@
                 <td class="col-md-4">
                     <ul class="index-list">
                         <li>
-                            <a href="#EUIM_ABOUT" title="packages/core/src/lib/components/euim-about/index.ts" ><b>EUIM_ABOUT</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#context" title="packages/core/src/test.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>context</b>&nbsp;&nbsp;&nbsp;(packages/.../test.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_ALERT_MESSAGE" title="packages/core/src/lib/components/euim-alert-message/index.ts" ><b>EUIM_ALERT_MESSAGE</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_ABOUT" title="packages/core/src/lib/components/euim-about/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_ABOUT</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_APP" title="packages/core/src/lib/components/layout/euim-app/index.ts" ><b>EUIM_APP</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_ALERT_MESSAGE" title="packages/core/src/lib/components/euim-alert-message/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_ALERT_MESSAGE</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_AVATAR" title="packages/core/src/lib/components/euim-avatar/index.ts" ><b>EUIM_AVATAR</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_APP" title="packages/core/src/lib/components/layout/euim-app/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_APP</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_BADGE" title="packages/core/src/lib/components/euim-badge/index.ts" ><b>EUIM_BADGE</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_AVATAR" title="packages/core/src/lib/components/euim-avatar/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_AVATAR</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_CARD" title="packages/core/src/lib/components/euim-card/index.ts" ><b>EUIM_CARD</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_BADGE" title="packages/core/src/lib/components/euim-badge/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_BADGE</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_CARD_LIST" title="packages/core/src/lib/components/euim-card-list/index.ts" ><b>EUIM_CARD_LIST</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_CARD" title="packages/core/src/lib/components/euim-card/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_CARD</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_CHIP_SELECTOR" title="packages/core/src/lib/components/euim-chip-selector/index.ts" ><b>EUIM_CHIP_SELECTOR</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_CARD_LIST" title="packages/core/src/lib/components/euim-card-list/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_CARD_LIST</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_DATA_SUMMARY" title="packages/core/src/lib/components/euim-data-summary/index.ts" ><b>EUIM_DATA_SUMMARY</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_CHIP_SELECTOR" title="packages/core/src/lib/components/euim-chip-selector/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_CHIP_SELECTOR</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_DIVIDER" title="packages/core/src/lib/components/directives/euim-divider/index.ts" ><b>EUIM_DIVIDER</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_DATA_SUMMARY" title="packages/core/src/lib/components/euim-data-summary/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_DATA_SUMMARY</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_EMPTY_LIST_PLACEHOLDER" title="packages/core/src/lib/components/euim-empty-list-placeholder/index.ts" ><b>EUIM_EMPTY_LIST_PLACEHOLDER</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_DIVIDER" title="packages/core/src/lib/components/directives/euim-divider/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_DIVIDER</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_HEADER_DETAILS" title="packages/core/src/lib/components/layout/euim-header-details/index.ts" ><b>EUIM_HEADER_DETAILS</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_EMPTY_LIST_PLACEHOLDER" title="packages/core/src/lib/components/euim-empty-list-placeholder/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_EMPTY_LIST_PLACEHOLDER</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_LABEL" title="packages/core/src/lib/components/atoms/euim-label/index.ts" ><b>EUIM_LABEL</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_HEADER_DETAILS" title="packages/core/src/lib/components/layout/euim-header-details/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_HEADER_DETAILS</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_LANGUAGE_SELECTOR" title="packages/core/src/lib/components/layout/euim-language-selector/index.ts" ><b>EUIM_LANGUAGE_SELECTOR</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_LABEL" title="packages/core/src/lib/components/atoms/euim-label/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_LABEL</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_LIST_HEADER" title="packages/core/src/lib/components/directives/euim-list-header/index.ts" ><b>EUIM_LIST_HEADER</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_LANGUAGE_SELECTOR" title="packages/core/src/lib/components/layout/euim-language-selector/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_LANGUAGE_SELECTOR</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_MEDIA_HEADER" title="packages/core/src/lib/components/euim-media-header/index.ts" ><b>EUIM_MEDIA_HEADER</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_LIST_HEADER" title="packages/core/src/lib/components/directives/euim-list-header/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_LIST_HEADER</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_MESSAGE" title="packages/core/src/lib/components/euim-message/index.ts" ><b>EUIM_MESSAGE</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_MEDIA_HEADER" title="packages/core/src/lib/components/euim-media-header/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_MEDIA_HEADER</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_MULTISELECT" title="packages/core/src/lib/components/euim-multiselect/index.ts" ><b>EUIM_MULTISELECT</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_MESSAGE" title="packages/core/src/lib/components/euim-message/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_MESSAGE</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_NOTIFICATION_ITEM" title="packages/core/src/lib/components/atoms/euim-notification-item/index.ts" ><b>EUIM_NOTIFICATION_ITEM</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_MULTISELECT" title="packages/core/src/lib/components/euim-multiselect/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_MULTISELECT</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_PDF_VIEWER" title="packages/core/src/lib/components/euim-pdf-viewer/index.ts" ><b>EUIM_PDF_VIEWER</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_NOTIFICATION_ITEM" title="packages/core/src/lib/components/atoms/euim-notification-item/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_NOTIFICATION_ITEM</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_SCROLLER_X" title="packages/core/src/lib/components/euim-scroller-x/index.ts" ><b>EUIM_SCROLLER_X</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_PDF_VIEWER" title="packages/core/src/lib/components/euim-pdf-viewer/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_PDF_VIEWER</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_SIDEBAR" title="packages/core/src/lib/components/layout/euim-sidebar/index.ts" ><b>EUIM_SIDEBAR</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_SCROLLER_X" title="packages/core/src/lib/components/euim-scroller-x/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_SCROLLER_X</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_SKELETON_LIST" title="packages/core/src/lib/components/euim-skeleton-list/index.ts" ><b>EUIM_SKELETON_LIST</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_SIDEBAR" title="packages/core/src/lib/components/layout/euim-sidebar/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_SIDEBAR</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_SKELETON_LIST_ITEM" title="packages/core/src/lib/components/euim-skeleton-list-item/index.ts" ><b>EUIM_SKELETON_LIST_ITEM</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_SKELETON_LIST" title="packages/core/src/lib/components/euim-skeleton-list/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_SKELETON_LIST</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_SKELETON_TEXT_AVATAR" title="packages/core/src/lib/components/directives/euim-skeleton-text-avatar/index.ts" ><b>EUIM_SKELETON_TEXT_AVATAR</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_SKELETON_LIST_ITEM" title="packages/core/src/lib/components/euim-skeleton-list-item/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_SKELETON_LIST_ITEM</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_SLIDER_INFO_SCREEN" title="packages/core/src/lib/components/euim-slider-info-screen/index.ts" ><b>EUIM_SLIDER_INFO_SCREEN</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_SKELETON_TEXT_AVATAR" title="packages/core/src/lib/components/directives/euim-skeleton-text-avatar/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_SKELETON_TEXT_AVATAR</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_SPINNER" title="packages/core/src/lib/components/euim-spinner/index.ts" ><b>EUIM_SPINNER</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_SLIDER_INFO_SCREEN" title="packages/core/src/lib/components/euim-slider-info-screen/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_SLIDER_INFO_SCREEN</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_TOOLBAR" title="packages/core/src/lib/components/layout/euim-toolbar/index.ts" ><b>EUIM_TOOLBAR</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_SPINNER" title="packages/core/src/lib/components/euim-spinner/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_SPINNER</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_TOOLBAR_DATEPICKER" title="packages/core/src/lib/components/euim-toolbar-datepicker/index.ts" ><b>EUIM_TOOLBAR_DATEPICKER</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_TOOLBAR" title="packages/core/src/lib/components/layout/euim-toolbar/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_TOOLBAR</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_TOOLBAR_QRCODE" title="packages/core/src/lib/components/euim-toolbar-qrcode/index.ts" ><b>EUIM_TOOLBAR_QRCODE</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_TOOLBAR_DATEPICKER" title="packages/core/src/lib/components/euim-toolbar-datepicker/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_TOOLBAR_DATEPICKER</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#EUIM_USER_PROFILE" title="packages/core/src/lib/components/layout/euim-user-profile/index.ts" ><b>EUIM_USER_PROFILE</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</a>
+                            <a href="#EUIM_TOOLBAR_QRCODE" title="packages/core/src/lib/components/euim-toolbar-qrcode/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_TOOLBAR_QRCODE</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#initialState" title="packages/core/src/lib/services/euim-app.service.ts" ><b>initialState</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-app.service.ts)</a>
+                            <a href="#EUIM_USER_PROFILE" title="packages/core/src/lib/components/layout/euim-user-profile/index.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>EUIM_USER_PROFILE</b>&nbsp;&nbsp;&nbsp;(packages/.../index.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#MODULES" title="packages/core/src/euim-all.module.ts" ><b>MODULES</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-all.module.ts)</a>
+                            <a href="#initialState" title="packages/core/src/lib/services/euim-app.service.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>initialState</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-app.service.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#MODULES" title="packages/core/src/lib/euim-all.module.ts" ><b>MODULES</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-all.module.ts)</a>
+                            <a href="#MODULES" title="packages/core/src/euim-all.module.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>MODULES</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-all.module.ts)</span></a>
+                        </li>
+                        <li>
+                            <a href="#MODULES" title="packages/core/src/lib/euim-all.module.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>MODULES</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-all.module.ts)</span></a>
+                        </li>
+                        <li>
+                            <a href="#require" title="packages/core/src/test.ts" class="reference-link "><span class="reference-badge reference-badge--variable" aria-hidden="true">V</span><span class="reference-link-label"><b>require</b>&nbsp;&nbsp;&nbsp;(packages/.../test.ts)</span></a>
                         </li>
                     </ul>
                 </td>
@@ -221,6 +252,56 @@
     </table>
 </section>
 
+    <h3>packages/core/src/test.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="context"></a>
+                    <span class="name">
+                        <span ><b>context</b></span>
+                        <a href="#context"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>require.context(&#x27;./&#x27;, true, /\.spec\.ts$/)</code>
+                    </td>
+                </tr>
+
+
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="require"></a>
+                    <span class="name">
+                        <span ><b>require</b></span>
+                        <a href="#require"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>        <code><a href="../miscellaneous/variables.html#context" target="_self" >{ context(path: string, deep?: boolean, filter?: RegExp): { keys(): string[] } }</a></code>
+
+                    </td>
+                </tr>
+
+
+        </tbody>
+    </table>
+</section>
     <h3>packages/core/src/lib/components/euim-about/index.ts</h3>
     <section data-compodoc="block-properties">
     <h3></h3>    <table class="table table-sm table-bordered">
@@ -234,6 +315,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -263,6 +350,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -288,6 +381,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -313,6 +412,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -344,6 +449,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -369,6 +480,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -395,6 +512,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -420,6 +543,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -446,6 +575,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -474,6 +609,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -499,6 +640,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -527,6 +674,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -555,6 +708,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -580,6 +739,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -606,6 +771,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -631,6 +802,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -660,6 +837,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -686,6 +869,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -717,6 +906,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -742,6 +937,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -767,6 +968,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -792,6 +999,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -818,6 +1031,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -843,6 +1062,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -868,6 +1093,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -893,6 +1124,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -922,6 +1159,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -949,6 +1192,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -976,6 +1225,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -1001,6 +1256,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -1026,6 +1287,12 @@
                     </span>
                 </td>
             </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>unknown</code>
+
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
@@ -1263,6 +1530,24 @@
 
        <script>
                $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
+               var updateDarkModeSwitchOffset = function () {
+                    var content = document.querySelector('.content');
+                    var scrollbarWidth = 0;
+
+                    if (content) {
+                         scrollbarWidth = Math.max(0, content.offsetWidth - content.clientWidth);
+                    }
+
+                    document.documentElement.style.setProperty(
+                         '--content-scrollbar-width',
+                         scrollbarWidth + 'px'
+                    );
+               };
+
+               updateDarkModeSwitchOffset();
+               requestAnimationFrame(updateDarkModeSwitchOffset);
+               window.addEventListener('resize', updateDarkModeSwitchOffset);
+
                checkToggle(darkModeState);
                if ($darkModeToggleSwitchers.length > 0) {
                     for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
@@ -1278,7 +1563,6 @@
        <script src="../js/libs/lit-html.js"></script>
 
        <script src="../js/menu-wc.js" defer></script>
-       <script nomodule src="../js/menu-wc_es5.js" defer></script>
 
        <script src="../js/libs/bootstrap-native.js"></script>