npm - @eui/mobile-core - Versions diffs - 16.10.0-snapshot-1713366109950 → 17.0.0-next.10 - Mend

@eui/mobile-core 16.10.0-snapshot-1713366109950 → 17.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 (436) hide show

package/docs/license.html CHANGED Viewed

@@ -13,6 +13,64 @@
         <link rel="stylesheet" href="./styles/material.css">
     </head>
     <body>
+          <script>
+               // Blocking script to avaoid flickering dark mode
+               // Dark mode toggle button
+               var useDark = window.matchMedia('(prefers-color-scheme: dark)');
+               var darkModeState = useDark.matches;
+               var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
+               var $darkModeToggles = document.querySelectorAll('.dark-mode-switch');
+               var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state');
+               function checkToggle(check) {
+                    for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
+                         $darkModeToggleSwitchers[i].checked = check;
+                    }
+               }
+               function toggleDarkMode(state) {
+                    if (window.localStorage) {
+                         localStorage.setItem('compodoc_darkmode-state', state);
+                    }
+                    checkToggle(state);
+                    const hasClass = document.body.classList.contains('dark');
+                    if (state) {
+                         for (var i = 0; i < $darkModeToggles.length; i++) {
+                              $darkModeToggles[i].classList.add('dark');
+                         }
+                         if (!hasClass) {
+                              document.body.classList.add('dark');
+                         }
+                    } else {
+                         for (var i = 0; i < $darkModeToggles.length; i++) {
+                              $darkModeToggles[i].classList.remove('dark');
+                         }
+                         if (hasClass) {
+                              document.body.classList.remove('dark');
+                         }
+                    }
+               }
+               useDark.addEventListener('change', function (evt) {
+                    toggleDarkMode(evt.matches);
+               });
+               if (darkModeStateLocal) {
+                    darkModeState = darkModeStateLocal === 'true';
+               }
+               toggleDarkMode(darkModeState);
+               if ($darkModeToggles.length > 0) {
+                    for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
+                         $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
+                              darkModeState = !darkModeState;
+                              toggleDarkMode(darkModeState);
+                         });
+                    }
+               }
+          </script>
         <div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
             <a href="./" class="navbar-brand">csdr documentation</a>

package/docs/miscellaneous/typealiases.html CHANGED Viewed

@@ -13,6 +13,64 @@
         <link rel="stylesheet" href="../styles/material.css">
     </head>
     <body>
+          <script>
+               // Blocking script to avaoid flickering dark mode
+               // Dark mode toggle button
+               var useDark = window.matchMedia('(prefers-color-scheme: dark)');
+               var darkModeState = useDark.matches;
+               var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
+               var $darkModeToggles = document.querySelectorAll('.dark-mode-switch');
+               var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state');
+               function checkToggle(check) {
+                    for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
+                         $darkModeToggleSwitchers[i].checked = check;
+                    }
+               }
+               function toggleDarkMode(state) {
+                    if (window.localStorage) {
+                         localStorage.setItem('compodoc_darkmode-state', state);
+                    }
+                    checkToggle(state);
+                    const hasClass = document.body.classList.contains('dark');
+                    if (state) {
+                         for (var i = 0; i < $darkModeToggles.length; i++) {
+                              $darkModeToggles[i].classList.add('dark');
+                         }
+                         if (!hasClass) {
+                              document.body.classList.add('dark');
+                         }
+                    } else {
+                         for (var i = 0; i < $darkModeToggles.length; i++) {
+                              $darkModeToggles[i].classList.remove('dark');
+                         }
+                         if (hasClass) {
+                              document.body.classList.remove('dark');
+                         }
+                    }
+               }
+               useDark.addEventListener('change', function (evt) {
+                    toggleDarkMode(evt.matches);
+               });
+               if (darkModeStateLocal) {
+                    darkModeState = darkModeStateLocal === 'true';
+               }
+               toggleDarkMode(darkModeState);
+               if ($darkModeToggles.length > 0) {
+                    for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
+                         $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
+                              darkModeState = !darkModeState;
+                              toggleDarkMode(darkModeState);
+                         });
+                    }
+               }
+          </script>
         <div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
             <a href="../" class="navbar-brand">csdr documentation</a>
@@ -67,9 +125,6 @@
                         <li>
                             <a href="#VariantTypes" title="packages/eui-mobile/packages/core/src/lib/components/euim-message/euim-message.component.ts" ><b>VariantTypes</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-message.component.ts)</a>
                         </li>
-                        <li>
-                            <a href="#VariantTypesStatus" title="packages/eui-mobile/packages/core/src/lib/components/atoms/euim-control-feedback/euim-control-feedback.component.ts" ><b>VariantTypesStatus</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-control-feedback.component.ts)</a>
-                        </li>
                     </ul>
                 </td>
             </tr>
@@ -113,24 +168,6 @@
             </tr>
         </tbody>
     </table>
-</section>    <h3>packages/eui-mobile/packages/core/src/lib/components/atoms/euim-control-feedback/euim-control-feedback.component.ts</h3>
-    <section data-compodoc="block-typealias">
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="VariantTypesStatus"></a>
-                    <span class="name "><b>VariantTypesStatus</b><a href="#VariantTypesStatus"><span class="icon ion-ios-link"></span></a></span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <code>    <code>&quot;info&quot; | &quot;success&quot; | &quot;warning&quot; | &quot;danger&quot;</code>
-</code>
-                </td>
-            </tr>
-        </tbody>
-    </table>
 </section>

package/docs/miscellaneous/variables.html CHANGED Viewed

@@ -13,6 +13,64 @@
         <link rel="stylesheet" href="../styles/material.css">
     </head>
     <body>
+          <script>
+               // Blocking script to avaoid flickering dark mode
+               // Dark mode toggle button
+               var useDark = window.matchMedia('(prefers-color-scheme: dark)');
+               var darkModeState = useDark.matches;
+               var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
+               var $darkModeToggles = document.querySelectorAll('.dark-mode-switch');
+               var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state');
+               function checkToggle(check) {
+                    for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
+                         $darkModeToggleSwitchers[i].checked = check;
+                    }
+               }
+               function toggleDarkMode(state) {
+                    if (window.localStorage) {
+                         localStorage.setItem('compodoc_darkmode-state', state);
+                    }
+                    checkToggle(state);
+                    const hasClass = document.body.classList.contains('dark');
+                    if (state) {
+                         for (var i = 0; i < $darkModeToggles.length; i++) {
+                              $darkModeToggles[i].classList.add('dark');
+                         }
+                         if (!hasClass) {
+                              document.body.classList.add('dark');
+                         }
+                    } else {
+                         for (var i = 0; i < $darkModeToggles.length; i++) {
+                              $darkModeToggles[i].classList.remove('dark');
+                         }
+                         if (hasClass) {
+                              document.body.classList.remove('dark');
+                         }
+                    }
+               }
+               useDark.addEventListener('change', function (evt) {
+                    toggleDarkMode(evt.matches);
+               });
+               if (darkModeStateLocal) {
+                    darkModeState = darkModeStateLocal === 'true';
+               }
+               toggleDarkMode(darkModeState);
+               if ($darkModeToggles.length > 0) {
+                    for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
+                         $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
+                              darkModeState = !darkModeState;
+                              toggleDarkMode(darkModeState);
+                         });
+                    }
+               }
+          </script>
         <div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
             <a href="../" class="navbar-brand">csdr documentation</a>
@@ -61,6 +119,9 @@
             <tr>
                 <td class="col-md-4">
                     <ul class="index-list">
+                        <li>
+                            <a href="#COMPONENTS" title="packages/eui-mobile/packages/core/src/lib/components/euim-about/euim-about.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-about.module.ts)</a>
+                        </li>
                         <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>
@@ -70,9 +131,6 @@
                         <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>
-                        <li>
-                            <a href="#COMPONENTS" title="packages/eui-mobile/packages/core/src/lib/components/euim-fieldset/euim-fieldset.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-fieldset.module.ts)</a>
-                        </li>
                         <li>
                             <a href="#COMPONENTS" title="packages/eui-mobile/packages/core/src/lib/components/euim-media-header/euim-media-header.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-media-header.module.ts)</a>
                         </li>
@@ -83,13 +141,13 @@
                             <a href="#COMPONENTS" title="packages/eui-mobile/packages/core/src/lib/components/euim-multiselect/euim-multiselect.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-multiselect.module.ts)</a>
                         </li>
                         <li>
-                            <a href="#COMPONENTS" title="packages/eui-mobile/packages/core/src/lib/components/euim-skeleton-list/euim-skeleton-list.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-skeleton-list.module.ts)</a>
+                            <a href="#COMPONENTS" title="packages/eui-mobile/packages/core/src/lib/components/euim-pdf-wrapper/euim-pdf-wrapper.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-pdf-wrapper.module.ts)</a>
                         </li>
                         <li>
-                            <a href="#COMPONENTS" title="packages/eui-mobile/packages/core/src/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-skeleton-list-item.module.ts)</a>
+                            <a href="#COMPONENTS" title="packages/eui-mobile/packages/core/src/lib/components/euim-skeleton-list/euim-skeleton-list.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-skeleton-list.module.ts)</a>
                         </li>
                         <li>
-                            <a href="#COMPONENTS" title="packages/eui-mobile/packages/core/src/lib/components/euim-slider/euim-slider.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-slider.module.ts)</a>
+                            <a href="#COMPONENTS" title="packages/eui-mobile/packages/core/src/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-skeleton-list-item.module.ts)</a>
                         </li>
                         <li>
                             <a href="#COMPONENTS" title="packages/eui-mobile/packages/core/src/lib/components/euim-slider-info-screen/euim-slider-info-screen.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-slider-info-screen.module.ts)</a>
@@ -97,15 +155,9 @@
                         <li>
                             <a href="#COMPONENTS" title="packages/eui-mobile/packages/core/src/lib/components/layout/euim-header-details/euim-header-details.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-header-details.module.ts)</a>
                         </li>
-                        <li>
-                            <a href="#COMPONENTS" title="packages/eui-mobile/packages/core/src/lib/components/layout/euim-info-screen/euim-info-screen.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-info-screen.module.ts)</a>
-                        </li>
                         <li>
                             <a href="#COMPONENTS" title="packages/eui-mobile/packages/core/src/lib/components/layout/euim-user-profile/euim-user-profile.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../euim-user-profile.module.ts)</a>
                         </li>
-                        <li>
-                            <a href="#COMPONENTS" title="packages/eui-mobile/packages/core/src/lib/components/layout/euim-app/euim-app-sidebar/sidebar.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../sidebar.module.ts)</a>
-                        </li>
                         <li>
                             <a href="#context" title="packages/eui-mobile/packages/core/src/test.ts" ><b>context</b>&nbsp;&nbsp;&nbsp;(packages/.../test.ts)</a>
                         </li>
@@ -125,7 +177,7 @@
     </table>
 </section>
-    <h3>packages/eui-mobile/packages/core/src/lib/components/euim-alert-message/euim-alert-message.module.ts</h3>
+    <h3>packages/eui-mobile/packages/core/src/lib/components/euim-about/euim-about.module.ts</h3>
     <section data-compodoc="block-properties">
     <h3></h3>    <table class="table table-sm table-bordered">
         <tbody>
@@ -147,7 +199,12 @@
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
-    EuimAlertMessageComponent,
+    EuimAboutComponent,
+    EuimChangelogComponent,
+    EuimPrivacyStatementComponent,
+    EuimOpenSourceLicencesComponent,
+    EuimLegalNoticeComponent,
+    EuimContactSupportComponent,
 ]</code>
                     </td>
                 </tr>
@@ -156,7 +213,7 @@
         </tbody>
     </table>
 </section>
-    <h3>packages/eui-mobile/packages/core/src/lib/components/euim-avatar/euim-avatar.module.ts</h3>
+    <h3>packages/eui-mobile/packages/core/src/lib/components/euim-alert-message/euim-alert-message.module.ts</h3>
     <section data-compodoc="block-properties">
     <h3></h3>    <table class="table table-sm table-bordered">
         <tbody>
@@ -178,9 +235,7 @@
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
-    EuimAvatarComponent,
-    EuimAvatarSubIconDirective,
-    EuimAvatarMainIconDirective,
+    EuimAlertMessageComponent,
 ]</code>
                     </td>
                 </tr>
@@ -189,7 +244,7 @@
         </tbody>
     </table>
 </section>
-    <h3>packages/eui-mobile/packages/core/src/lib/components/euim-data-summary/euim-data-summary.module.ts</h3>
+    <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>
@@ -211,10 +266,9 @@
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
-    EuimDataSummaryComponent,
-    EuimDataSummaryColComponent,
-    EuimDataSummaryColLabelDirective,
-    EuimDataSummaryColValueDirective,
+    EuimAvatarComponent,
+    EuimAvatarSubIconDirective,
+    EuimAvatarMainIconDirective,
 ]</code>
                     </td>
                 </tr>
@@ -223,7 +277,7 @@
         </tbody>
     </table>
 </section>
-    <h3>packages/eui-mobile/packages/core/src/lib/components/euim-fieldset/euim-fieldset.module.ts</h3>
+    <h3>packages/eui-mobile/packages/core/src/lib/components/euim-data-summary/euim-data-summary.module.ts</h3>
     <section data-compodoc="block-properties">
     <h3></h3>    <table class="table table-sm table-bordered">
         <tbody>
@@ -245,9 +299,10 @@
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
-    EuimFieldSetComponent,
-    EuimFieldsetLegendComponent,
-    EuimFieldsetActionsComponent,
+    EuimDataSummaryComponent,
+    EuimDataSummaryColComponent,
+    EuimDataSummaryColLabelDirective,
+    EuimDataSummaryColValueDirective,
 ]</code>
                     </td>
                 </tr>
@@ -359,7 +414,7 @@
         </tbody>
     </table>
 </section>
-    <h3>packages/eui-mobile/packages/core/src/lib/components/euim-skeleton-list/euim-skeleton-list.module.ts</h3>
+    <h3>packages/eui-mobile/packages/core/src/lib/components/euim-pdf-wrapper/euim-pdf-wrapper.module.ts</h3>
     <section data-compodoc="block-properties">
     <h3></h3>    <table class="table table-sm table-bordered">
         <tbody>
@@ -381,7 +436,7 @@
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
-    EuimSkeletonListComponent,
+    EuimPdfWrapperComponent,
 ]</code>
                     </td>
                 </tr>
@@ -390,7 +445,7 @@
         </tbody>
     </table>
 </section>
-    <h3>packages/eui-mobile/packages/core/src/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.module.ts</h3>
+    <h3>packages/eui-mobile/packages/core/src/lib/components/euim-skeleton-list/euim-skeleton-list.module.ts</h3>
     <section data-compodoc="block-properties">
     <h3></h3>    <table class="table table-sm table-bordered">
         <tbody>
@@ -412,7 +467,7 @@
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
-    EuimSkeletonListItemComponent,
+    EuimSkeletonListComponent,
 ]</code>
                     </td>
                 </tr>
@@ -421,7 +476,7 @@
         </tbody>
     </table>
 </section>
-    <h3>packages/eui-mobile/packages/core/src/lib/components/euim-slider/euim-slider.module.ts</h3>
+    <h3>packages/eui-mobile/packages/core/src/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.module.ts</h3>
     <section data-compodoc="block-properties">
     <h3></h3>    <table class="table table-sm table-bordered">
         <tbody>
@@ -443,8 +498,7 @@
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
-    EuimSliderComponent,
-    EuimSlideComponent,
+    EuimSkeletonListItemComponent,
 ]</code>
                     </td>
                 </tr>
@@ -519,41 +573,6 @@
                 </tr>
-        </tbody>
-    </table>
-</section>
-    <h3>packages/eui-mobile/packages/core/src/lib/components/layout/euim-info-screen/euim-info-screen.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>[
-    EuimInfoScreenComponent,
-    EuimInfoScreenTitleDirective,
-    EuimInfoScreenContentDirective,
-    EuimInfoScreenSubTitleDirective,
-]</code>
-                    </td>
-                </tr>
         </tbody>
     </table>
 </section>
@@ -589,40 +608,6 @@
                 </tr>
-        </tbody>
-    </table>
-</section>
-    <h3>packages/eui-mobile/packages/core/src/lib/components/layout/euim-app/euim-app-sidebar/sidebar.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>[
-    EuimAppSidebarComponent,
-    EuimAppSidebarHeaderComponent,
-    EuimAppSidebarFooterComponent,
-    EuimAppSidebarMenuComponent,
-]</code>
-                    </td>
-                </tr>
         </tbody>
     </table>
 </section>
@@ -725,31 +710,24 @@
                         <i>Default value : </i><code>[
     // Layout
     EuimAppModule,
-    EuimAppSidebarModule,
     // Components
     EuimEmptyListPlaceholderModule,
     EuimLanguageSelectorModule,
-    EuimStepperComponentModule,
     EuimUserProfileModule,
     EuimMessageModule,
     EuimSkeletonListItemModule,
     EuimSkeletonListModule,
     EuimAvatarIconModule,
     EuimLabelModule,
-    EuimMenuModule,
     EuimAlertMessageModule,
-    EuimControlFeedbackModule,
-    EuimFieldsetModule,
+    EuimAboutModule,
     EuimToolbarComponentModule,
     EuimNotificationItemModule,
     EuimMediaHeaderModule,
     EuimDataSummaryModule,
     EuimHeaderDetailsModule,
     EuimAvatarModule,
-    EuimInfoScreenModule,
-    EuimSliderModule,
     EuimSliderInfoScreenModule,
     EuimScrollerXComponentModule,
     EuimChipSelectorComponentModule,
@@ -758,9 +736,7 @@
     EuimMultiselectModule,
     // Directives
-    EuimListHeaderModule,
     EuimSpinnerComponentModule,
-    EuimItemDividerModule, //Deprecated
     EuimDividerModule,
     EuimSkeletonTextAvatarModule,
 ]</code>