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

package/docs/miscellaneous/typealiases.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,13 +138,13 @@
                 <td class="col-md-4">
                     <ul class="index-list">
                         <li>
-                            <a href="#IconColor" title="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>
+                            <a href="#IconColor" title="packages/core/src/lib/components/layout/euim-sidebar/euim-sidebar-content/euim-sidebar-content.component.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>IconColor</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-sidebar-content.component.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#SkeletonItemInputs" title="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>
+                            <a href="#SkeletonItemInputs" title="packages/core/src/lib/components/euim-skeleton-list/euim-skeleton-list.component.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>SkeletonItemInputs</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-skeleton-list.component.ts)</span></a>
                         </li>
                         <li>
-                            <a href="#VariantTypes" title="packages/core/src/lib/components/euim-message/euim-message.component.ts" ><b>VariantTypes</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-message.component.ts)</a>
+                            <a href="#VariantTypes" title="packages/core/src/lib/components/euim-message/euim-message.component.ts" class="reference-link "><span class="reference-badge reference-badge--typealias" aria-hidden="true">T</span><span class="reference-link-label"><b>VariantTypes</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-message.component.ts)</span></a>
                         </li>
                     </ul>
                 </td>
@@ -146,7 +171,8 @@
             </tr>
         </tbody>
     </table>
-</section>    <h3>packages/core/src/lib/components/euim-skeleton-list/euim-skeleton-list.component.ts</h3>
+</section>
+    <h3>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>
@@ -158,13 +184,14 @@
             </tr>
             <tr>
                 <td class="col-md-4">
-                    <code>    <code>literal type</code>
+                    <code>    <code>{ hasAvatar?: BooleanInput; hasTitle?: BooleanInput; hasSubtitle?: BooleanInput; hasMetaLine?: BooleanInput; isAnimated?: BooleanInput; avatarType?: string; separator?: string; titleWidth?: string; subTitleWidth?: string; metaLineWidth?: string }</code>
 </code>
                 </td>
             </tr>
         </tbody>
     </table>
-</section>    <h3>packages/core/src/lib/components/euim-message/euim-message.component.ts</h3>
+</section>
+    <h3>packages/core/src/lib/components/euim-message/euim-message.component.ts</h3>
     <section data-compodoc="block-typealias">
     <table class="table table-sm table-bordered">
         <tbody>
@@ -185,6 +212,7 @@
 </section>
 
 
+
                    </div><div class="search-results">
     <div class="has-results">
         <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
@@ -217,6 +245,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++) {
@@ -232,7 +278,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>