@eui/core 18.0.0-next.9 → 18.0.0-rc.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 (163) hide show
  1. package/docs/classes/ActivatedRouteAction.html +13 -9
  2. package/docs/classes/AddApiQueueItemAction.html +13 -9
  3. package/docs/classes/AddAppLoadedConfigModulesAction.html +13 -9
  4. package/docs/classes/ApiQueueServiceMock.html +41 -16
  5. package/docs/classes/AsyncStorageService.html +23 -9
  6. package/docs/classes/AsyncStorageServiceMock.html +21 -11
  7. package/docs/classes/CssUtils.html +738 -0
  8. package/docs/classes/EmptyApiQueueAction.html +13 -9
  9. package/docs/classes/ErrorSubClass.html +13 -9
  10. package/docs/classes/EuiCoreRootGuardClass.html +13 -9
  11. package/docs/classes/EuiError.html +13 -9
  12. package/docs/classes/I18nResourceImpl.html +13 -9
  13. package/docs/classes/InitStoreAction.html +13 -9
  14. package/docs/classes/LogServiceMock.html +13 -9
  15. package/docs/classes/RemoveApiQueueItemAction.html +13 -9
  16. package/docs/classes/RouterMock.html +13 -9
  17. package/docs/classes/StorageService.html +13 -9
  18. package/docs/classes/StorageServiceMock.html +13 -9
  19. package/docs/classes/StoreMock.html +13 -9
  20. package/docs/classes/TranslateServiceMock.html +13 -9
  21. package/docs/classes/UpdateAppConnectionAction.html +13 -9
  22. package/docs/classes/UpdateAppStatusAction.html +13 -9
  23. package/docs/classes/UpdateAppVersionAction.html +13 -9
  24. package/docs/classes/UpdateCurrentModuleAction.html +13 -9
  25. package/docs/classes/UpdateI18nStateAction.html +13 -9
  26. package/docs/classes/UpdateLocaleStateAction.html +13 -9
  27. package/docs/classes/UpdateNotificationsListAction.html +13 -9
  28. package/docs/classes/UpdateUserDashboardAction.html +13 -9
  29. package/docs/classes/UpdateUserDetailsAction.html +13 -9
  30. package/docs/classes/UpdateUserPreferencesAction.html +13 -9
  31. package/docs/classes/UpdateUserRightsAction.html +13 -9
  32. package/docs/classes/UpdateUserStateAction.html +13 -9
  33. package/docs/dependencies.html +71 -57
  34. package/docs/directives/TranslateMockDirective.html +13 -9
  35. package/docs/index.html +15 -11
  36. package/docs/injectables/ApiQueueService.html +13 -9
  37. package/docs/injectables/CoreAppEffects.html +452 -0
  38. package/docs/injectables/EuiAppShellService.html +115 -1321
  39. package/docs/injectables/EuiDynamicComponentService.html +13 -9
  40. package/docs/injectables/EuiDynamicMenuService.html +13 -9
  41. package/docs/injectables/EuiGrowlService.html +13 -9
  42. package/docs/injectables/EuiLoaderService.html +13 -9
  43. package/docs/injectables/EuiPermissionService.html +13 -9
  44. package/docs/injectables/EuiThemeService.html +544 -0
  45. package/docs/injectables/EuiTimezoneService.html +13 -9
  46. package/docs/injectables/GlobalErrorHandler.html +17 -10
  47. package/docs/injectables/I18nLoader.html +13 -9
  48. package/docs/injectables/I18nService.html +13 -9
  49. package/docs/injectables/I18nServiceMock.html +13 -9
  50. package/docs/injectables/LocalForageService.html +13 -9
  51. package/docs/injectables/LocalStorageService.html +13 -9
  52. package/docs/injectables/LocaleService.html +13 -9
  53. package/docs/injectables/LocaleServiceMock.html +25 -12
  54. package/docs/injectables/LogService.html +13 -9
  55. package/docs/injectables/SessionStorageService.html +13 -9
  56. package/docs/injectables/StoreService.html +13 -9
  57. package/docs/injectables/StoreServiceMock.html +33 -14
  58. package/docs/injectables/UserService.html +13 -9
  59. package/docs/injectables/UserServiceMock.html +41 -16
  60. package/docs/interceptors/AddLangParamInterceptor.html +13 -9
  61. package/docs/interceptors/CachePreventionInterceptor.html +13 -9
  62. package/docs/interceptors/CorsSecurityInterceptor.html +13 -9
  63. package/docs/interceptors/CsrfPreventionInterceptor.html +13 -9
  64. package/docs/interceptors/EuLoginSessionTimeoutHandlingInterceptor.html +13 -9
  65. package/docs/interceptors/HttpErrorHandlerInterceptor.html +13 -9
  66. package/docs/interceptors/UxRequestErrorModelInterceptor.html +13 -9
  67. package/docs/interfaces/Dependency.html +13 -9
  68. package/docs/interfaces/EuiTimeZone.html +13 -9
  69. package/docs/interfaces/Library.html +13 -9
  70. package/docs/interfaces/LoadedResources.html +13 -9
  71. package/docs/interfaces/LoadedResourcesError.html +13 -9
  72. package/docs/interfaces/ModuleLoadEvent.html +13 -9
  73. package/docs/interfaces/Policy.html +13 -9
  74. package/docs/interfaces/ResourceError.html +13 -9
  75. package/docs/interfaces/UIState.html +58 -189
  76. package/docs/js/libs/bootstrap-native.js +1 -1
  77. package/docs/js/menu-wc.js +9 -0
  78. package/docs/js/menu-wc_es5.js +1 -1
  79. package/docs/js/search/search_index.js +2 -2
  80. package/docs/license.html +13 -9
  81. package/docs/miscellaneous/enumerations.html +59 -9
  82. package/docs/miscellaneous/functions.html +13 -9
  83. package/docs/miscellaneous/typealiases.html +13 -9
  84. package/docs/miscellaneous/variables.html +49 -16
  85. package/docs/modules/CoreModule.html +13 -9
  86. package/docs/modules/I18nModule.html +13 -9
  87. package/docs/modules/LogModule.html +13 -9
  88. package/docs/modules/TranslateMockModule.html +13 -9
  89. package/docs/modules.html +13 -9
  90. package/docs/pipes/TranslateMockPipe.html +13 -9
  91. package/docs/properties.html +13 -9
  92. package/esm2022/lib/eui-core.module.mjs +5 -5
  93. package/esm2022/lib/helpers/css-utils.mjs +111 -0
  94. package/esm2022/lib/helpers/index.mjs +2 -1
  95. package/esm2022/lib/interceptors/add-lang-param.interceptor.mjs +4 -4
  96. package/esm2022/lib/interceptors/cache-prevention.interceptor.mjs +4 -4
  97. package/esm2022/lib/interceptors/cors-security.interceptor.mjs +4 -4
  98. package/esm2022/lib/interceptors/csrf-prevention.interceptor.mjs +4 -4
  99. package/esm2022/lib/interceptors/eu-login-session-timeout-handling.interceptor.mjs +4 -4
  100. package/esm2022/lib/interceptors/ux-request-error-model.interceptor.mjs +4 -4
  101. package/esm2022/lib/services/app/eui-init-app.mjs +3 -3
  102. package/esm2022/lib/services/dynamic-component/dynamic-component.service.mjs +4 -4
  103. package/esm2022/lib/services/dynamic-menu/dynamic-menu.service.mjs +4 -4
  104. package/esm2022/lib/services/errors/global-error-handler.mjs +4 -4
  105. package/esm2022/lib/services/errors/http-error-handler.interceptor.mjs +4 -4
  106. package/esm2022/lib/services/eui-app-shell.service.mjs +37 -309
  107. package/esm2022/lib/services/eui-theme.service.mjs +47 -0
  108. package/esm2022/lib/services/eui-timezone.service.mjs +4 -4
  109. package/esm2022/lib/services/growl/eui-growl.service.mjs +4 -4
  110. package/esm2022/lib/services/i18n/i18n.loader.mjs +4 -4
  111. package/esm2022/lib/services/i18n/i18n.service.mjs +4 -4
  112. package/esm2022/lib/services/index.mjs +2 -1
  113. package/esm2022/lib/services/loader/eui-loader.service.mjs +4 -4
  114. package/esm2022/lib/services/locale/locale.service.mjs +5 -5
  115. package/esm2022/lib/services/locale/locale.service.mock.mjs +4 -4
  116. package/esm2022/lib/services/log/log.module.mjs +5 -5
  117. package/esm2022/lib/services/log/log.service.mjs +4 -4
  118. package/esm2022/lib/services/permission/permission.service.mjs +4 -4
  119. package/esm2022/lib/services/queue/api-queue.service.mjs +4 -4
  120. package/esm2022/lib/services/queue/api-queue.service.mock.mjs +1 -1
  121. package/esm2022/lib/services/storage/async-storage.service.mjs +1 -1
  122. package/esm2022/lib/services/storage/async-storage.service.mock.mjs +1 -1
  123. package/esm2022/lib/services/storage/local-forage.service.mjs +4 -4
  124. package/esm2022/lib/services/storage/local-storage.service.mjs +4 -4
  125. package/esm2022/lib/services/storage/session-storage.service.mjs +4 -4
  126. package/esm2022/lib/services/store/effects/app.effects.mjs +55 -0
  127. package/esm2022/lib/services/store/effects/index.mjs +4 -0
  128. package/esm2022/lib/services/store/index.mjs +2 -2
  129. package/esm2022/lib/services/store/reducers/user.reducers.mjs +2 -2
  130. package/esm2022/lib/services/store/store.service.mjs +4 -4
  131. package/esm2022/lib/services/store/store.service.mock.mjs +4 -4
  132. package/esm2022/lib/services/user/user.service.mjs +4 -4
  133. package/esm2022/lib/services/user/user.service.mock.mjs +4 -4
  134. package/fesm2022/eui-core.mjs +4914 -5198
  135. package/fesm2022/eui-core.mjs.map +1 -7
  136. package/lib/helpers/css-utils.d.ts +28 -0
  137. package/lib/helpers/css-utils.d.ts.map +1 -0
  138. package/lib/helpers/dom-helpers.d.ts.map +1 -1
  139. package/lib/helpers/form-helpers.d.ts +3 -3
  140. package/lib/helpers/form-helpers.d.ts.map +1 -1
  141. package/lib/helpers/index.d.ts +1 -0
  142. package/lib/helpers/index.d.ts.map +1 -1
  143. package/lib/services/errors/global-error-handler.d.ts.map +1 -1
  144. package/lib/services/eui-app-shell.service.d.ts +6 -70
  145. package/lib/services/eui-app-shell.service.d.ts.map +1 -1
  146. package/lib/services/eui-theme.service.d.ts +24 -0
  147. package/lib/services/eui-theme.service.d.ts.map +1 -0
  148. package/lib/services/index.d.ts +1 -0
  149. package/lib/services/index.d.ts.map +1 -1
  150. package/lib/services/locale/locale.service.mock.d.ts.map +1 -1
  151. package/lib/services/log/log.service.d.ts.map +1 -1
  152. package/lib/services/queue/api-queue.service.mock.d.ts.map +1 -1
  153. package/lib/services/storage/async-storage.service.d.ts.map +1 -1
  154. package/lib/services/storage/async-storage.service.mock.d.ts.map +1 -1
  155. package/lib/services/store/effects/app.effects.d.ts +20 -0
  156. package/lib/services/store/effects/app.effects.d.ts.map +1 -0
  157. package/lib/services/store/effects/index.d.ts +4 -0
  158. package/lib/services/store/effects/index.d.ts.map +1 -0
  159. package/lib/services/store/index.d.ts +1 -0
  160. package/lib/services/store/index.d.ts.map +1 -1
  161. package/lib/services/store/store.service.mock.d.ts.map +1 -1
  162. package/lib/services/user/user.service.mock.d.ts.map +1 -1
  163. package/package.json +13 -12
package/docs/injectables/EuiAppShellService.html CHANGED
@@ -61,15 +61,6 @@
61
61
  darkModeState = darkModeStateLocal === 'true';
62
62
  }
63
63
  toggleDarkMode(darkModeState);
64
-
65
- if ($darkModeToggles.length > 0) {
66
- for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
67
- $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
68
- darkModeState = !darkModeState;
69
- toggleDarkMode(darkModeState);
70
- });
71
- }
72
- }
73
64
  </script>
74
65
 
75
66
  <div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
@@ -136,18 +127,12 @@
136
127
  <tr>
137
128
  <td class="col-md-4">
138
129
  <ul class="index-list">
139
- <li>
140
- <a href="#activeModals" class="deprecated-name">activeModals</a>
141
- </li>
142
130
  <li>
143
131
  <a href="#navigationEndCustomHandler" >navigationEndCustomHandler</a>
144
132
  </li>
145
133
  <li>
146
134
  <a href="#navigationStartCustomHandler" >navigationStartCustomHandler</a>
147
135
  </li>
148
- <li>
149
- <a href="#openModalId" class="deprecated-name">openModalId</a>
150
- </li>
151
136
  </ul>
152
137
  </td>
153
138
  </tr>
@@ -164,58 +149,26 @@
164
149
  <span class="modifier">Public</span>
165
150
  <a href="#activateBreadcrumb" >activateBreadcrumb</a>
166
151
  </li>
167
- <li>
168
- <span class="modifier">Public</span>
169
- <a href="#activateBreadcrumbCssVars" >activateBreadcrumbCssVars</a>
170
- </li>
171
- <li>
172
- <span class="modifier">Public</span>
173
- <a href="#activateEditModeCssVars" >activateEditModeCssVars</a>
174
- </li>
175
- <li>
176
- <span class="modifier">Public</span>
177
- <a href="#activateFooterCssVars" >activateFooterCssVars</a>
178
- </li>
179
152
  <li>
180
153
  <span class="modifier">Public</span>
181
154
  <a href="#activateHeader" >activateHeader</a>
182
155
  </li>
183
- <li>
184
- <span class="modifier">Public</span>
185
- <a href="#activateHeaderCssVars" >activateHeaderCssVars</a>
186
- </li>
187
156
  <li>
188
157
  <span class="modifier">Public</span>
189
158
  <a href="#activateSidebar" >activateSidebar</a>
190
159
  </li>
191
- <li>
192
- <span class="modifier">Public</span>
193
- <a href="#activateSidebarCssVars" >activateSidebarCssVars</a>
194
- </li>
195
160
  <li>
196
161
  <span class="modifier">Public</span>
197
162
  <a href="#activateSidebarFooter" >activateSidebarFooter</a>
198
163
  </li>
199
- <li>
200
- <span class="modifier">Public</span>
201
- <a href="#activateSidebarFooterCssVars" >activateSidebarFooterCssVars</a>
202
- </li>
203
164
  <li>
204
165
  <span class="modifier">Public</span>
205
166
  <a href="#activateSidebarHeader" >activateSidebarHeader</a>
206
167
  </li>
207
- <li>
208
- <span class="modifier">Public</span>
209
- <a href="#activateSidebarHeaderCssVars" >activateSidebarHeaderCssVars</a>
210
- </li>
211
168
  <li>
212
169
  <span class="modifier">Public</span>
213
170
  <a href="#activateToolbar" >activateToolbar</a>
214
171
  </li>
215
- <li>
216
- <span class="modifier">Public</span>
217
- <a href="#activateToolbarCssVars" >activateToolbarCssVars</a>
218
- </li>
219
172
  <li>
220
173
  <span class="modifier">Public</span>
221
174
  <a href="#activateToolbarMenu" >activateToolbarMenu</a>
@@ -224,16 +177,6 @@
224
177
  <span class="modifier">Public</span>
225
178
  <a href="#activateTopMessage" >activateTopMessage</a>
226
179
  </li>
227
- <li>
228
- <span class="modifier">Public</span>
229
- <a href="#activateTopMessageCssVars" >activateTopMessageCssVars</a>
230
- </li>
231
- <li>
232
- <a href="#closeMessageBox" class="deprecated-name">closeMessageBox</a>
233
- </li>
234
- <li>
235
- <a href="#closeModal" class="deprecated-name">closeModal</a>
236
- </li>
237
180
  <li>
238
181
  <span class="modifier">Public</span>
239
182
  <a href="#dimmerActiveToggle" >dimmerActiveToggle</a>
@@ -242,13 +185,6 @@
242
185
  <span class="modifier">Public</span>
243
186
  <a href="#fetchAppMetadata" >fetchAppMetadata</a>
244
187
  </li>
245
- <li>
246
- <span class="modifier">Public</span>
247
- <a href="#fetchCssVars" >fetchCssVars</a>
248
- </li>
249
- <li>
250
- <a href="#findModalIndex" class="deprecated-name">findModalIndex</a>
251
- </li>
252
188
  <li>
253
189
  <span class="modifier">Public</span>
254
190
  <a href="#getBaseFontSize" >getBaseFontSize</a>
@@ -256,27 +192,6 @@
256
192
  <li>
257
193
  <a href="#getState" >getState</a>
258
194
  </li>
259
- <li>
260
- <span class="modifier">Public</span>
261
- <a href="#initCssVars" >initCssVars</a>
262
- </li>
263
- <li>
264
- <a href="#isModalOpen" class="deprecated-name">isModalOpen</a>
265
- </li>
266
- <li>
267
- <a href="#openMessageBox" class="deprecated-name">openMessageBox</a>
268
- </li>
269
- <li>
270
- <a href="#openModal" class="deprecated-name">openModal</a>
271
- </li>
272
- <li>
273
- <span class="modifier">Public</span>
274
- <a href="#removeSidebarCssVars" >removeSidebarCssVars</a>
275
- </li>
276
- <li>
277
- <span class="modifier">Public</span>
278
- <a href="#setAppViewportCssVars" >setAppViewportCssVars</a>
279
- </li>
280
195
  <li>
281
196
  <span class="modifier">Public</span>
282
197
  <a href="#setBaseFontSize" >setBaseFontSize</a>
@@ -285,10 +200,6 @@
285
200
  <span class="modifier">Public</span>
286
201
  <a href="#setDimmerActiveState" >setDimmerActiveState</a>
287
202
  </li>
288
- <li>
289
- <span class="modifier">Public</span>
290
- <a href="#setHeaderShrinkCssVar" >setHeaderShrinkCssVar</a>
291
- </li>
292
203
  <li>
293
204
  <a href="#setState" >setState</a>
294
205
  </li>
@@ -327,15 +238,9 @@
327
238
  <li>
328
239
  <a href="#isSidebarOpen" >isSidebarOpen</a>
329
240
  </li>
330
- <li>
331
- <a href="#isSidebarHover" >isSidebarHover</a>
332
- </li>
333
241
  <li>
334
242
  <a href="#isSidebarActive" >isSidebarActive</a>
335
243
  </li>
336
- <li>
337
- <a href="#isSidebarInnerActive" >isSidebarInnerActive</a>
338
- </li>
339
244
  <li>
340
245
  <a href="#sidebarLinks" >sidebarLinks</a>
341
246
  </li>
@@ -489,135 +394,6 @@
489
394
 
490
395
 
491
396
 
492
- <tr>
493
- <td class="col-md-4">
494
-
495
- <div class="io-description">
496
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
497
-
498
- </div>
499
- </td>
500
- </tr>
501
- </tbody>
502
- </table>
503
- <table class="table table-sm table-bordered">
504
- <tbody>
505
- <tr>
506
- <td class="col-md-4">
507
- <a name="activateBreadcrumbCssVars"></a>
508
- <span class="name">
509
- <span class="modifier">Public</span>
510
- <span ><b>activateBreadcrumbCssVars</b></span>
511
- <a href="#activateBreadcrumbCssVars"><span class="icon ion-ios-link"></span></a>
512
- </span>
513
- </td>
514
- </tr>
515
- <tr>
516
- <td class="col-md-4">
517
- <span class="modifier-icon icon ion-ios-reset"></span>
518
- <code>activateBreadcrumbCssVars()</code>
519
- </td>
520
- </tr>
521
-
522
-
523
-
524
-
525
- <tr>
526
- <td class="col-md-4">
527
-
528
- <div class="io-description">
529
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
530
-
531
- </div>
532
- </td>
533
- </tr>
534
- </tbody>
535
- </table>
536
- <table class="table table-sm table-bordered">
537
- <tbody>
538
- <tr>
539
- <td class="col-md-4">
540
- <a name="activateEditModeCssVars"></a>
541
- <span class="name">
542
- <span class="modifier">Public</span>
543
- <span ><b>activateEditModeCssVars</b></span>
544
- <a href="#activateEditModeCssVars"><span class="icon ion-ios-link"></span></a>
545
- </span>
546
- </td>
547
- </tr>
548
- <tr>
549
- <td class="col-md-4">
550
- <span class="modifier-icon icon ion-ios-reset"></span>
551
- <code>activateEditModeCssVars(isActive: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
552
- </td>
553
- </tr>
554
-
555
-
556
-
557
-
558
- <tr>
559
- <td class="col-md-4">
560
-
561
- <div class="io-description">
562
- <b>Parameters :</b>
563
-
564
- <table class="params">
565
- <thead>
566
- <tr>
567
- <td>Name</td>
568
- <td>Type</td>
569
- <td>Optional</td>
570
- </tr>
571
- </thead>
572
- <tbody>
573
- <tr>
574
- <td>isActive</td>
575
- <td>
576
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
577
- </td>
578
-
579
- <td>
580
- No
581
- </td>
582
-
583
-
584
- </tr>
585
- </tbody>
586
- </table>
587
- </div>
588
- <div class="io-description">
589
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
590
-
591
- </div>
592
- <div class="io-description">
593
-
594
- </div>
595
- </td>
596
- </tr>
597
- </tbody>
598
- </table>
599
- <table class="table table-sm table-bordered">
600
- <tbody>
601
- <tr>
602
- <td class="col-md-4">
603
- <a name="activateFooterCssVars"></a>
604
- <span class="name">
605
- <span class="modifier">Public</span>
606
- <span ><b>activateFooterCssVars</b></span>
607
- <a href="#activateFooterCssVars"><span class="icon ion-ios-link"></span></a>
608
- </span>
609
- </td>
610
- </tr>
611
- <tr>
612
- <td class="col-md-4">
613
- <span class="modifier-icon icon ion-ios-reset"></span>
614
- <code>activateFooterCssVars()</code>
615
- </td>
616
- </tr>
617
-
618
-
619
-
620
-
621
397
  <tr>
622
398
  <td class="col-md-4">
623
399
 
@@ -666,18 +442,18 @@
666
442
  <tbody>
667
443
  <tr>
668
444
  <td class="col-md-4">
669
- <a name="activateHeaderCssVars"></a>
445
+ <a name="activateSidebar"></a>
670
446
  <span class="name">
671
447
  <span class="modifier">Public</span>
672
- <span ><b>activateHeaderCssVars</b></span>
673
- <a href="#activateHeaderCssVars"><span class="icon ion-ios-link"></span></a>
448
+ <span ><b>activateSidebar</b></span>
449
+ <a href="#activateSidebar"><span class="icon ion-ios-link"></span></a>
674
450
  </span>
675
451
  </td>
676
452
  </tr>
677
453
  <tr>
678
454
  <td class="col-md-4">
679
455
  <span class="modifier-icon icon ion-ios-reset"></span>
680
- <code>activateHeaderCssVars()</code>
456
+ <code>activateSidebar()</code>
681
457
  </td>
682
458
  </tr>
683
459
 
@@ -699,18 +475,18 @@
699
475
  <tbody>
700
476
  <tr>
701
477
  <td class="col-md-4">
702
- <a name="activateSidebar"></a>
478
+ <a name="activateSidebarFooter"></a>
703
479
  <span class="name">
704
480
  <span class="modifier">Public</span>
705
- <span ><b>activateSidebar</b></span>
706
- <a href="#activateSidebar"><span class="icon ion-ios-link"></span></a>
481
+ <span ><b>activateSidebarFooter</b></span>
482
+ <a href="#activateSidebarFooter"><span class="icon ion-ios-link"></span></a>
707
483
  </span>
708
484
  </td>
709
485
  </tr>
710
486
  <tr>
711
487
  <td class="col-md-4">
712
488
  <span class="modifier-icon icon ion-ios-reset"></span>
713
- <code>activateSidebar()</code>
489
+ <code>activateSidebarFooter()</code>
714
490
  </td>
715
491
  </tr>
716
492
 
@@ -732,18 +508,18 @@
732
508
  <tbody>
733
509
  <tr>
734
510
  <td class="col-md-4">
735
- <a name="activateSidebarCssVars"></a>
511
+ <a name="activateSidebarHeader"></a>
736
512
  <span class="name">
737
513
  <span class="modifier">Public</span>
738
- <span ><b>activateSidebarCssVars</b></span>
739
- <a href="#activateSidebarCssVars"><span class="icon ion-ios-link"></span></a>
514
+ <span ><b>activateSidebarHeader</b></span>
515
+ <a href="#activateSidebarHeader"><span class="icon ion-ios-link"></span></a>
740
516
  </span>
741
517
  </td>
742
518
  </tr>
743
519
  <tr>
744
520
  <td class="col-md-4">
745
521
  <span class="modifier-icon icon ion-ios-reset"></span>
746
- <code>activateSidebarCssVars()</code>
522
+ <code>activateSidebarHeader()</code>
747
523
  </td>
748
524
  </tr>
749
525
 
@@ -765,18 +541,18 @@
765
541
  <tbody>
766
542
  <tr>
767
543
  <td class="col-md-4">
768
- <a name="activateSidebarFooter"></a>
544
+ <a name="activateToolbar"></a>
769
545
  <span class="name">
770
546
  <span class="modifier">Public</span>
771
- <span ><b>activateSidebarFooter</b></span>
772
- <a href="#activateSidebarFooter"><span class="icon ion-ios-link"></span></a>
547
+ <span ><b>activateToolbar</b></span>
548
+ <a href="#activateToolbar"><span class="icon ion-ios-link"></span></a>
773
549
  </span>
774
550
  </td>
775
551
  </tr>
776
552
  <tr>
777
553
  <td class="col-md-4">
778
554
  <span class="modifier-icon icon ion-ios-reset"></span>
779
- <code>activateSidebarFooter()</code>
555
+ <code>activateToolbar()</code>
780
556
  </td>
781
557
  </tr>
782
558
 
@@ -798,18 +574,18 @@
798
574
  <tbody>
799
575
  <tr>
800
576
  <td class="col-md-4">
801
- <a name="activateSidebarFooterCssVars"></a>
577
+ <a name="activateToolbarMenu"></a>
802
578
  <span class="name">
803
579
  <span class="modifier">Public</span>
804
- <span ><b>activateSidebarFooterCssVars</b></span>
805
- <a href="#activateSidebarFooterCssVars"><span class="icon ion-ios-link"></span></a>
580
+ <span ><b>activateToolbarMenu</b></span>
581
+ <a href="#activateToolbarMenu"><span class="icon ion-ios-link"></span></a>
806
582
  </span>
807
583
  </td>
808
584
  </tr>
809
585
  <tr>
810
586
  <td class="col-md-4">
811
587
  <span class="modifier-icon icon ion-ios-reset"></span>
812
- <code>activateSidebarFooterCssVars()</code>
588
+ <code>activateToolbarMenu()</code>
813
589
  </td>
814
590
  </tr>
815
591
 
@@ -831,18 +607,18 @@
831
607
  <tbody>
832
608
  <tr>
833
609
  <td class="col-md-4">
834
- <a name="activateSidebarHeader"></a>
610
+ <a name="activateTopMessage"></a>
835
611
  <span class="name">
836
612
  <span class="modifier">Public</span>
837
- <span ><b>activateSidebarHeader</b></span>
838
- <a href="#activateSidebarHeader"><span class="icon ion-ios-link"></span></a>
613
+ <span ><b>activateTopMessage</b></span>
614
+ <a href="#activateTopMessage"><span class="icon ion-ios-link"></span></a>
839
615
  </span>
840
616
  </td>
841
617
  </tr>
842
618
  <tr>
843
619
  <td class="col-md-4">
844
620
  <span class="modifier-icon icon ion-ios-reset"></span>
845
- <code>activateSidebarHeader()</code>
621
+ <code>activateTopMessage(height: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>)</code>
846
622
  </td>
847
623
  </tr>
848
624
 
@@ -852,10 +628,40 @@
852
628
  <tr>
853
629
  <td class="col-md-4">
854
630
 
631
+ <div class="io-description">
632
+ <b>Parameters :</b>
633
+
634
+ <table class="params">
635
+ <thead>
636
+ <tr>
637
+ <td>Name</td>
638
+ <td>Type</td>
639
+ <td>Optional</td>
640
+ </tr>
641
+ </thead>
642
+ <tbody>
643
+ <tr>
644
+ <td>height</td>
645
+ <td>
646
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
647
+ </td>
648
+
649
+ <td>
650
+ No
651
+ </td>
652
+
653
+
654
+ </tr>
655
+ </tbody>
656
+ </table>
657
+ </div>
855
658
  <div class="io-description">
856
659
  <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
857
660
 
858
661
  </div>
662
+ <div class="io-description">
663
+
664
+ </div>
859
665
  </td>
860
666
  </tr>
861
667
  </tbody>
@@ -864,18 +670,18 @@
864
670
  <tbody>
865
671
  <tr>
866
672
  <td class="col-md-4">
867
- <a name="activateSidebarHeaderCssVars"></a>
673
+ <a name="dimmerActiveToggle"></a>
868
674
  <span class="name">
869
675
  <span class="modifier">Public</span>
870
- <span ><b>activateSidebarHeaderCssVars</b></span>
871
- <a href="#activateSidebarHeaderCssVars"><span class="icon ion-ios-link"></span></a>
676
+ <span ><b>dimmerActiveToggle</b></span>
677
+ <a href="#dimmerActiveToggle"><span class="icon ion-ios-link"></span></a>
872
678
  </span>
873
679
  </td>
874
680
  </tr>
875
681
  <tr>
876
682
  <td class="col-md-4">
877
683
  <span class="modifier-icon icon ion-ios-reset"></span>
878
- <code>activateSidebarHeaderCssVars()</code>
684
+ <code>dimmerActiveToggle()</code>
879
685
  </td>
880
686
  </tr>
881
687
 
@@ -897,845 +703,18 @@
897
703
  <tbody>
898
704
  <tr>
899
705
  <td class="col-md-4">
900
- <a name="activateToolbar"></a>
901
- <span class="name">
902
- <span class="modifier">Public</span>
903
- <span ><b>activateToolbar</b></span>
904
- <a href="#activateToolbar"><span class="icon ion-ios-link"></span></a>
905
- </span>
906
- </td>
907
- </tr>
908
- <tr>
909
- <td class="col-md-4">
910
- <span class="modifier-icon icon ion-ios-reset"></span>
911
- <code>activateToolbar()</code>
912
- </td>
913
- </tr>
914
-
915
-
916
-
917
-
918
- <tr>
919
- <td class="col-md-4">
920
-
921
- <div class="io-description">
922
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
923
-
924
- </div>
925
- </td>
926
- </tr>
927
- </tbody>
928
- </table>
929
- <table class="table table-sm table-bordered">
930
- <tbody>
931
- <tr>
932
- <td class="col-md-4">
933
- <a name="activateToolbarCssVars"></a>
934
- <span class="name">
935
- <span class="modifier">Public</span>
936
- <span ><b>activateToolbarCssVars</b></span>
937
- <a href="#activateToolbarCssVars"><span class="icon ion-ios-link"></span></a>
938
- </span>
939
- </td>
940
- </tr>
941
- <tr>
942
- <td class="col-md-4">
943
- <span class="modifier-icon icon ion-ios-reset"></span>
944
- <code>activateToolbarCssVars()</code>
945
- </td>
946
- </tr>
947
-
948
-
949
-
950
-
951
- <tr>
952
- <td class="col-md-4">
953
-
954
- <div class="io-description">
955
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
956
-
957
- </div>
958
- </td>
959
- </tr>
960
- </tbody>
961
- </table>
962
- <table class="table table-sm table-bordered">
963
- <tbody>
964
- <tr>
965
- <td class="col-md-4">
966
- <a name="activateToolbarMenu"></a>
967
- <span class="name">
968
- <span class="modifier">Public</span>
969
- <span ><b>activateToolbarMenu</b></span>
970
- <a href="#activateToolbarMenu"><span class="icon ion-ios-link"></span></a>
971
- </span>
972
- </td>
973
- </tr>
974
- <tr>
975
- <td class="col-md-4">
976
- <span class="modifier-icon icon ion-ios-reset"></span>
977
- <code>activateToolbarMenu()</code>
978
- </td>
979
- </tr>
980
-
981
-
982
-
983
-
984
- <tr>
985
- <td class="col-md-4">
986
-
987
- <div class="io-description">
988
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
989
-
990
- </div>
991
- </td>
992
- </tr>
993
- </tbody>
994
- </table>
995
- <table class="table table-sm table-bordered">
996
- <tbody>
997
- <tr>
998
- <td class="col-md-4">
999
- <a name="activateTopMessage"></a>
1000
- <span class="name">
1001
- <span class="modifier">Public</span>
1002
- <span ><b>activateTopMessage</b></span>
1003
- <a href="#activateTopMessage"><span class="icon ion-ios-link"></span></a>
1004
- </span>
1005
- </td>
1006
- </tr>
1007
- <tr>
1008
- <td class="col-md-4">
1009
- <span class="modifier-icon icon ion-ios-reset"></span>
1010
- <code>activateTopMessage(height: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>)</code>
1011
- </td>
1012
- </tr>
1013
-
1014
-
1015
-
1016
-
1017
- <tr>
1018
- <td class="col-md-4">
1019
-
1020
- <div class="io-description">
1021
- <b>Parameters :</b>
1022
-
1023
- <table class="params">
1024
- <thead>
1025
- <tr>
1026
- <td>Name</td>
1027
- <td>Type</td>
1028
- <td>Optional</td>
1029
- </tr>
1030
- </thead>
1031
- <tbody>
1032
- <tr>
1033
- <td>height</td>
1034
- <td>
1035
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
1036
- </td>
1037
-
1038
- <td>
1039
- No
1040
- </td>
1041
-
1042
-
1043
- </tr>
1044
- </tbody>
1045
- </table>
1046
- </div>
1047
- <div class="io-description">
1048
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1049
-
1050
- </div>
1051
- <div class="io-description">
1052
-
1053
- </div>
1054
- </td>
1055
- </tr>
1056
- </tbody>
1057
- </table>
1058
- <table class="table table-sm table-bordered">
1059
- <tbody>
1060
- <tr>
1061
- <td class="col-md-4">
1062
- <a name="activateTopMessageCssVars"></a>
1063
- <span class="name">
1064
- <span class="modifier">Public</span>
1065
- <span ><b>activateTopMessageCssVars</b></span>
1066
- <a href="#activateTopMessageCssVars"><span class="icon ion-ios-link"></span></a>
1067
- </span>
1068
- </td>
1069
- </tr>
1070
- <tr>
1071
- <td class="col-md-4">
1072
- <span class="modifier-icon icon ion-ios-reset"></span>
1073
- <code>activateTopMessageCssVars(height: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>)</code>
1074
- </td>
1075
- </tr>
1076
-
1077
-
1078
-
1079
-
1080
- <tr>
1081
- <td class="col-md-4">
1082
-
1083
- <div class="io-description">
1084
- <b>Parameters :</b>
1085
-
1086
- <table class="params">
1087
- <thead>
1088
- <tr>
1089
- <td>Name</td>
1090
- <td>Type</td>
1091
- <td>Optional</td>
1092
- </tr>
1093
- </thead>
1094
- <tbody>
1095
- <tr>
1096
- <td>height</td>
1097
- <td>
1098
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
1099
- </td>
1100
-
1101
- <td>
1102
- No
1103
- </td>
1104
-
1105
-
1106
- </tr>
1107
- </tbody>
1108
- </table>
1109
- </div>
1110
- <div class="io-description">
1111
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1112
-
1113
- </div>
1114
- <div class="io-description">
1115
-
1116
- </div>
1117
- </td>
1118
- </tr>
1119
- </tbody>
1120
- </table>
1121
- <table class="table table-sm table-bordered">
1122
- <tbody>
1123
- <tr>
1124
- <td class="col-md-4">
1125
- <a name="closeMessageBox"></a>
1126
- <span class="name">
1127
- <span class="deprecated-name"><b>closeMessageBox</b></span>
1128
- <a href="#closeMessageBox"><span class="icon ion-ios-link"></span></a>
1129
- </span>
1130
- </td>
1131
- </tr>
1132
- <tr>
1133
- <td class="col-md-4 deprecated">
1134
- don't remove as it's used for external legacy project under v17 (csdr-eui-legacy) to support MWP transition
1135
- </td>
1136
- </tr>
1137
- <tr>
1138
- <td class="col-md-4">
1139
- <code>closeMessageBox(messageBoxId?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
1140
- </td>
1141
- </tr>
1142
-
1143
-
1144
-
1145
-
1146
- <tr>
1147
- <td class="col-md-4">
1148
-
1149
- <div class="io-description">
1150
- <b>Parameters :</b>
1151
-
1152
- <table class="params">
1153
- <thead>
1154
- <tr>
1155
- <td>Name</td>
1156
- <td>Type</td>
1157
- <td>Optional</td>
1158
- </tr>
1159
- </thead>
1160
- <tbody>
1161
- <tr>
1162
- <td>messageBoxId</td>
1163
- <td>
1164
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1165
- </td>
1166
-
1167
- <td>
1168
- Yes
1169
- </td>
1170
-
1171
-
1172
- </tr>
1173
- </tbody>
1174
- </table>
1175
- </div>
1176
- <div class="io-description">
1177
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1178
-
1179
- </div>
1180
- <div class="io-description">
1181
-
1182
- </div>
1183
- </td>
1184
- </tr>
1185
- </tbody>
1186
- </table>
1187
- <table class="table table-sm table-bordered">
1188
- <tbody>
1189
- <tr>
1190
- <td class="col-md-4">
1191
- <a name="closeModal"></a>
1192
- <span class="name">
1193
- <span class="deprecated-name"><b>closeModal</b></span>
1194
- <a href="#closeModal"><span class="icon ion-ios-link"></span></a>
1195
- </span>
1196
- </td>
1197
- </tr>
1198
- <tr>
1199
- <td class="col-md-4 deprecated">
1200
- don't remove as it's used for external legacy project under v17 (csdr-eui-legacy) to support MWP transition
1201
- </td>
1202
- </tr>
1203
- <tr>
1204
- <td class="col-md-4">
1205
- <code>closeModal(modalId?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
1206
- </td>
1207
- </tr>
1208
-
1209
-
1210
-
1211
-
1212
- <tr>
1213
- <td class="col-md-4">
1214
-
1215
- <div class="io-description">
1216
- <b>Parameters :</b>
1217
-
1218
- <table class="params">
1219
- <thead>
1220
- <tr>
1221
- <td>Name</td>
1222
- <td>Type</td>
1223
- <td>Optional</td>
1224
- </tr>
1225
- </thead>
1226
- <tbody>
1227
- <tr>
1228
- <td>modalId</td>
1229
- <td>
1230
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1231
- </td>
1232
-
1233
- <td>
1234
- Yes
1235
- </td>
1236
-
1237
-
1238
- </tr>
1239
- </tbody>
1240
- </table>
1241
- </div>
1242
- <div class="io-description">
1243
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1244
-
1245
- </div>
1246
- <div class="io-description">
1247
-
1248
- </div>
1249
- </td>
1250
- </tr>
1251
- </tbody>
1252
- </table>
1253
- <table class="table table-sm table-bordered">
1254
- <tbody>
1255
- <tr>
1256
- <td class="col-md-4">
1257
- <a name="dimmerActiveToggle"></a>
1258
- <span class="name">
1259
- <span class="modifier">Public</span>
1260
- <span ><b>dimmerActiveToggle</b></span>
1261
- <a href="#dimmerActiveToggle"><span class="icon ion-ios-link"></span></a>
1262
- </span>
1263
- </td>
1264
- </tr>
1265
- <tr>
1266
- <td class="col-md-4">
1267
- <span class="modifier-icon icon ion-ios-reset"></span>
1268
- <code>dimmerActiveToggle()</code>
1269
- </td>
1270
- </tr>
1271
-
1272
-
1273
-
1274
-
1275
- <tr>
1276
- <td class="col-md-4">
1277
-
1278
- <div class="io-description">
1279
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1280
-
1281
- </div>
1282
- </td>
1283
- </tr>
1284
- </tbody>
1285
- </table>
1286
- <table class="table table-sm table-bordered">
1287
- <tbody>
1288
- <tr>
1289
- <td class="col-md-4">
1290
- <a name="fetchAppMetadata"></a>
1291
- <span class="name">
1292
- <span class="modifier">Public</span>
1293
- <span ><b>fetchAppMetadata</b></span>
1294
- <a href="#fetchAppMetadata"><span class="icon ion-ios-link"></span></a>
1295
- </span>
1296
- </td>
1297
- </tr>
1298
- <tr>
1299
- <td class="col-md-4">
1300
- <span class="modifier-icon icon ion-ios-reset"></span>
1301
- <code>fetchAppMetadata(metadataFilePath: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
1302
- </td>
1303
- </tr>
1304
-
1305
-
1306
-
1307
-
1308
- <tr>
1309
- <td class="col-md-4">
1310
-
1311
- <div class="io-description">
1312
- <b>Parameters :</b>
1313
-
1314
- <table class="params">
1315
- <thead>
1316
- <tr>
1317
- <td>Name</td>
1318
- <td>Type</td>
1319
- <td>Optional</td>
1320
- <td>Default value</td>
1321
- </tr>
1322
- </thead>
1323
- <tbody>
1324
- <tr>
1325
- <td>metadataFilePath</td>
1326
- <td>
1327
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1328
- </td>
1329
-
1330
- <td>
1331
- No
1332
- </td>
1333
-
1334
- <td>
1335
- <code>&#x27;assets/app-metadata.json&#x27;</code>
1336
- </td>
1337
-
1338
- </tr>
1339
- </tbody>
1340
- </table>
1341
- </div>
1342
- <div class="io-description">
1343
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1344
-
1345
- </div>
1346
- <div class="io-description">
1347
-
1348
- </div>
1349
- </td>
1350
- </tr>
1351
- </tbody>
1352
- </table>
1353
- <table class="table table-sm table-bordered">
1354
- <tbody>
1355
- <tr>
1356
- <td class="col-md-4">
1357
- <a name="fetchCssVars"></a>
1358
- <span class="name">
1359
- <span class="modifier">Public</span>
1360
- <span ><b>fetchCssVars</b></span>
1361
- <a href="#fetchCssVars"><span class="icon ion-ios-link"></span></a>
1362
- </span>
1363
- </td>
1364
- </tr>
1365
- <tr>
1366
- <td class="col-md-4">
1367
- <span class="modifier-icon icon ion-ios-reset"></span>
1368
- <code>fetchCssVars()</code>
1369
- </td>
1370
- </tr>
1371
-
1372
-
1373
-
1374
-
1375
- <tr>
1376
- <td class="col-md-4">
1377
-
1378
- <div class="io-description">
1379
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1380
-
1381
- </div>
1382
- </td>
1383
- </tr>
1384
- </tbody>
1385
- </table>
1386
- <table class="table table-sm table-bordered">
1387
- <tbody>
1388
- <tr>
1389
- <td class="col-md-4">
1390
- <a name="findModalIndex"></a>
1391
- <span class="name">
1392
- <span class="deprecated-name"><b>findModalIndex</b></span>
1393
- <a href="#findModalIndex"><span class="icon ion-ios-link"></span></a>
1394
- </span>
1395
- </td>
1396
- </tr>
1397
- <tr>
1398
- <td class="col-md-4 deprecated">
1399
- don't remove as it's used for external legacy project under v17 (csdr-eui-legacy) to support MWP transition
1400
- </td>
1401
- </tr>
1402
- <tr>
1403
- <td class="col-md-4">
1404
- <code>findModalIndex(modalId: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
1405
- </td>
1406
- </tr>
1407
-
1408
-
1409
-
1410
-
1411
- <tr>
1412
- <td class="col-md-4">
1413
-
1414
- <div class="io-description">
1415
- <b>Parameters :</b>
1416
-
1417
- <table class="params">
1418
- <thead>
1419
- <tr>
1420
- <td>Name</td>
1421
- <td>Type</td>
1422
- <td>Optional</td>
1423
- </tr>
1424
- </thead>
1425
- <tbody>
1426
- <tr>
1427
- <td>modalId</td>
1428
- <td>
1429
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1430
- </td>
1431
-
1432
- <td>
1433
- No
1434
- </td>
1435
-
1436
-
1437
- </tr>
1438
- </tbody>
1439
- </table>
1440
- </div>
1441
- <div class="io-description">
1442
- <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
1443
-
1444
- </div>
1445
- <div class="io-description">
1446
-
1447
- </div>
1448
- </td>
1449
- </tr>
1450
- </tbody>
1451
- </table>
1452
- <table class="table table-sm table-bordered">
1453
- <tbody>
1454
- <tr>
1455
- <td class="col-md-4">
1456
- <a name="getBaseFontSize"></a>
1457
- <span class="name">
1458
- <span class="modifier">Public</span>
1459
- <span ><b>getBaseFontSize</b></span>
1460
- <a href="#getBaseFontSize"><span class="icon ion-ios-link"></span></a>
1461
- </span>
1462
- </td>
1463
- </tr>
1464
- <tr>
1465
- <td class="col-md-4">
1466
- <span class="modifier-icon icon ion-ios-reset"></span>
1467
- <code>getBaseFontSize()</code>
1468
- </td>
1469
- </tr>
1470
-
1471
-
1472
-
1473
-
1474
- <tr>
1475
- <td class="col-md-4">
1476
- <div class="io-description"><p>Returns the current value of --eui-base-font-size CSS variable</p>
1477
- </div>
1478
-
1479
- <div class="io-description">
1480
- <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1481
-
1482
- </div>
1483
- </td>
1484
- </tr>
1485
- </tbody>
1486
- </table>
1487
- <table class="table table-sm table-bordered">
1488
- <tbody>
1489
- <tr>
1490
- <td class="col-md-4">
1491
- <a name="getState"></a>
1492
- <span class="name">
1493
- <span ><b>getState</b></span>
1494
- <a href="#getState"><span class="icon ion-ios-link"></span></a>
1495
- </span>
1496
- </td>
1497
- </tr>
1498
- <tr>
1499
- <td class="col-md-4">
1500
- <code>getState(key?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
1501
- </td>
1502
- </tr>
1503
-
1504
-
1505
-
1506
-
1507
- <tr>
1508
- <td class="col-md-4">
1509
- <div class="io-description"><p>Emits a slice from the state whether that changes</p>
1510
- </div>
1511
-
1512
- <div class="io-description">
1513
- <b>Parameters :</b>
1514
-
1515
- <table class="params">
1516
- <thead>
1517
- <tr>
1518
- <td>Name</td>
1519
- <td>Type</td>
1520
- <td>Optional</td>
1521
- <td>Description</td>
1522
- </tr>
1523
- </thead>
1524
- <tbody>
1525
- <tr>
1526
- <td>key</td>
1527
- <td>
1528
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1529
- </td>
1530
-
1531
- <td>
1532
- Yes
1533
- </td>
1534
-
1535
-
1536
- <td>
1537
- <p>can be &#39;key&#39; or &#39;key.sub.sub&#39;</p>
1538
-
1539
- </td>
1540
- </tr>
1541
- </tbody>
1542
- </table>
1543
- </div>
1544
- <div class="io-description">
1545
- <b>Returns : </b> <code>Observable&lt;any&gt;</code>
1546
-
1547
- </div>
1548
- <div class="io-description">
1549
-
1550
- </div>
1551
- </td>
1552
- </tr>
1553
- </tbody>
1554
- </table>
1555
- <table class="table table-sm table-bordered">
1556
- <tbody>
1557
- <tr>
1558
- <td class="col-md-4">
1559
- <a name="initCssVars"></a>
1560
- <span class="name">
1561
- <span class="modifier">Public</span>
1562
- <span ><b>initCssVars</b></span>
1563
- <a href="#initCssVars"><span class="icon ion-ios-link"></span></a>
1564
- </span>
1565
- </td>
1566
- </tr>
1567
- <tr>
1568
- <td class="col-md-4">
1569
- <span class="modifier-icon icon ion-ios-reset"></span>
1570
- <code>initCssVars()</code>
1571
- </td>
1572
- </tr>
1573
-
1574
-
1575
-
1576
-
1577
- <tr>
1578
- <td class="col-md-4">
1579
-
1580
- <div class="io-description">
1581
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1582
-
1583
- </div>
1584
- </td>
1585
- </tr>
1586
- </tbody>
1587
- </table>
1588
- <table class="table table-sm table-bordered">
1589
- <tbody>
1590
- <tr>
1591
- <td class="col-md-4">
1592
- <a name="isModalOpen"></a>
1593
- <span class="name">
1594
- <span class="deprecated-name"><b>isModalOpen</b></span>
1595
- <a href="#isModalOpen"><span class="icon ion-ios-link"></span></a>
1596
- </span>
1597
- </td>
1598
- </tr>
1599
- <tr>
1600
- <td class="col-md-4 deprecated">
1601
- don't remove as it's used for external legacy project under v17 (csdr-eui-legacy) to support MWP transition
1602
- </td>
1603
- </tr>
1604
- <tr>
1605
- <td class="col-md-4">
1606
- <code>isModalOpen(modalId?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
1607
- </td>
1608
- </tr>
1609
-
1610
-
1611
-
1612
-
1613
- <tr>
1614
- <td class="col-md-4">
1615
-
1616
- <div class="io-description">
1617
- <b>Parameters :</b>
1618
-
1619
- <table class="params">
1620
- <thead>
1621
- <tr>
1622
- <td>Name</td>
1623
- <td>Type</td>
1624
- <td>Optional</td>
1625
- </tr>
1626
- </thead>
1627
- <tbody>
1628
- <tr>
1629
- <td>modalId</td>
1630
- <td>
1631
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1632
- </td>
1633
-
1634
- <td>
1635
- Yes
1636
- </td>
1637
-
1638
-
1639
- </tr>
1640
- </tbody>
1641
- </table>
1642
- </div>
1643
- <div class="io-description">
1644
- <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1645
-
1646
- </div>
1647
- <div class="io-description">
1648
-
1649
- </div>
1650
- </td>
1651
- </tr>
1652
- </tbody>
1653
- </table>
1654
- <table class="table table-sm table-bordered">
1655
- <tbody>
1656
- <tr>
1657
- <td class="col-md-4">
1658
- <a name="openMessageBox"></a>
1659
- <span class="name">
1660
- <span class="deprecated-name"><b>openMessageBox</b></span>
1661
- <a href="#openMessageBox"><span class="icon ion-ios-link"></span></a>
1662
- </span>
1663
- </td>
1664
- </tr>
1665
- <tr>
1666
- <td class="col-md-4 deprecated">
1667
- don't remove as it's used for external legacy project under v17 (csdr-eui-legacy) to support MWP transition
1668
- </td>
1669
- </tr>
1670
- <tr>
1671
- <td class="col-md-4">
1672
- <code>openMessageBox(messageBoxId?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
1673
- </td>
1674
- </tr>
1675
-
1676
-
1677
-
1678
-
1679
- <tr>
1680
- <td class="col-md-4">
1681
-
1682
- <div class="io-description">
1683
- <b>Parameters :</b>
1684
-
1685
- <table class="params">
1686
- <thead>
1687
- <tr>
1688
- <td>Name</td>
1689
- <td>Type</td>
1690
- <td>Optional</td>
1691
- </tr>
1692
- </thead>
1693
- <tbody>
1694
- <tr>
1695
- <td>messageBoxId</td>
1696
- <td>
1697
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1698
- </td>
1699
-
1700
- <td>
1701
- Yes
1702
- </td>
1703
-
1704
-
1705
- </tr>
1706
- </tbody>
1707
- </table>
1708
- </div>
1709
- <div class="io-description">
1710
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1711
-
1712
- </div>
1713
- <div class="io-description">
1714
-
1715
- </div>
1716
- </td>
1717
- </tr>
1718
- </tbody>
1719
- </table>
1720
- <table class="table table-sm table-bordered">
1721
- <tbody>
1722
- <tr>
1723
- <td class="col-md-4">
1724
- <a name="openModal"></a>
706
+ <a name="fetchAppMetadata"></a>
1725
707
  <span class="name">
1726
- <span class="deprecated-name"><b>openModal</b></span>
1727
- <a href="#openModal"><span class="icon ion-ios-link"></span></a>
708
+ <span class="modifier">Public</span>
709
+ <span ><b>fetchAppMetadata</b></span>
710
+ <a href="#fetchAppMetadata"><span class="icon ion-ios-link"></span></a>
1728
711
  </span>
1729
712
  </td>
1730
713
  </tr>
1731
- <tr>
1732
- <td class="col-md-4 deprecated">
1733
- don't remove as it's used for external legacy project under v17 (csdr-eui-legacy) to support MWP transition
1734
- </td>
1735
- </tr>
1736
714
  <tr>
1737
715
  <td class="col-md-4">
1738
- <code>openModal(modalId?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
716
+ <span class="modifier-icon icon ion-ios-reset"></span>
717
+ <code>fetchAppMetadata(metadataFilePath: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
1739
718
  </td>
1740
719
  </tr>
1741
720
 
@@ -1754,19 +733,23 @@
1754
733
  <td>Name</td>
1755
734
  <td>Type</td>
1756
735
  <td>Optional</td>
736
+ <td>Default value</td>
1757
737
  </tr>
1758
738
  </thead>
1759
739
  <tbody>
1760
740
  <tr>
1761
- <td>modalId</td>
741
+ <td>metadataFilePath</td>
1762
742
  <td>
1763
743
  <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1764
744
  </td>
1765
745
 
1766
746
  <td>
1767
- Yes
747
+ No
1768
748
  </td>
1769
749
 
750
+ <td>
751
+ <code>&#x27;assets/app-metadata.json&#x27;</code>
752
+ </td>
1770
753
 
1771
754
  </tr>
1772
755
  </tbody>
@@ -1787,51 +770,18 @@
1787
770
  <tbody>
1788
771
  <tr>
1789
772
  <td class="col-md-4">
1790
- <a name="removeSidebarCssVars"></a>
1791
- <span class="name">
1792
- <span class="modifier">Public</span>
1793
- <span ><b>removeSidebarCssVars</b></span>
1794
- <a href="#removeSidebarCssVars"><span class="icon ion-ios-link"></span></a>
1795
- </span>
1796
- </td>
1797
- </tr>
1798
- <tr>
1799
- <td class="col-md-4">
1800
- <span class="modifier-icon icon ion-ios-reset"></span>
1801
- <code>removeSidebarCssVars()</code>
1802
- </td>
1803
- </tr>
1804
-
1805
-
1806
-
1807
-
1808
- <tr>
1809
- <td class="col-md-4">
1810
-
1811
- <div class="io-description">
1812
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1813
-
1814
- </div>
1815
- </td>
1816
- </tr>
1817
- </tbody>
1818
- </table>
1819
- <table class="table table-sm table-bordered">
1820
- <tbody>
1821
- <tr>
1822
- <td class="col-md-4">
1823
- <a name="setAppViewportCssVars"></a>
773
+ <a name="getBaseFontSize"></a>
1824
774
  <span class="name">
1825
775
  <span class="modifier">Public</span>
1826
- <span ><b>setAppViewportCssVars</b></span>
1827
- <a href="#setAppViewportCssVars"><span class="icon ion-ios-link"></span></a>
776
+ <span ><b>getBaseFontSize</b></span>
777
+ <a href="#getBaseFontSize"><span class="icon ion-ios-link"></span></a>
1828
778
  </span>
1829
779
  </td>
1830
780
  </tr>
1831
781
  <tr>
1832
782
  <td class="col-md-4">
1833
783
  <span class="modifier-icon icon ion-ios-reset"></span>
1834
- <code>setAppViewportCssVars()</code>
784
+ <code>getBaseFontSize()</code>
1835
785
  </td>
1836
786
  </tr>
1837
787
 
@@ -1840,16 +790,11 @@
1840
790
 
1841
791
  <tr>
1842
792
  <td class="col-md-4">
1843
- <div class="io-description"><p>Gets the viewport height and width and multiple it by 1% to get a value for a vh/vw unit
1844
- Sets the value in the --eui-app-vh custom property to the root of the document
1845
- Sets the value in the --eui-app-vw custom property to the root of the document
1846
- Example for 100% height: calc(var(--eui-app-vh, 1vh) * 100);
1847
- Example for 50% height: calc(var(--eui-app-vh, 1vh) * 50);
1848
- Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
793
+ <div class="io-description"><p>Returns the current value of --eui-f-size-base CSS variable</p>
1849
794
  </div>
1850
795
 
1851
796
  <div class="io-description">
1852
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
797
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1853
798
 
1854
799
  </div>
1855
800
  </td>
@@ -1860,18 +805,16 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
1860
805
  <tbody>
1861
806
  <tr>
1862
807
  <td class="col-md-4">
1863
- <a name="setBaseFontSize"></a>
808
+ <a name="getState"></a>
1864
809
  <span class="name">
1865
- <span class="modifier">Public</span>
1866
- <span ><b>setBaseFontSize</b></span>
1867
- <a href="#setBaseFontSize"><span class="icon ion-ios-link"></span></a>
810
+ <span ><b>getState</b></span>
811
+ <a href="#getState"><span class="icon ion-ios-link"></span></a>
1868
812
  </span>
1869
813
  </td>
1870
814
  </tr>
1871
815
  <tr>
1872
816
  <td class="col-md-4">
1873
- <span class="modifier-icon icon ion-ios-reset"></span>
1874
- <code>setBaseFontSize(newsize: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
817
+ <code>getState(key?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
1875
818
  </td>
1876
819
  </tr>
1877
820
 
@@ -1880,7 +823,7 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
1880
823
 
1881
824
  <tr>
1882
825
  <td class="col-md-4">
1883
- <div class="io-description"><p>Updates the current value of --eui-base-font-size CSS variable and the UIState appBaseFontSize</p>
826
+ <div class="io-description"><p>Emits a slice from the state whether that changes</p>
1884
827
  </div>
1885
828
 
1886
829
  <div class="io-description">
@@ -1892,26 +835,31 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
1892
835
  <td>Name</td>
1893
836
  <td>Type</td>
1894
837
  <td>Optional</td>
838
+ <td>Description</td>
1895
839
  </tr>
1896
840
  </thead>
1897
841
  <tbody>
1898
842
  <tr>
1899
- <td>newsize</td>
843
+ <td>key</td>
1900
844
  <td>
1901
845
  <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1902
846
  </td>
1903
847
 
1904
848
  <td>
1905
- No
849
+ Yes
1906
850
  </td>
1907
851
 
1908
852
 
853
+ <td>
854
+ <p>can be &#39;key&#39; or &#39;key.sub.sub&#39;</p>
855
+
856
+ </td>
1909
857
  </tr>
1910
858
  </tbody>
1911
859
  </table>
1912
860
  </div>
1913
861
  <div class="io-description">
1914
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
862
+ <b>Returns : </b> <code>Observable&lt;any&gt;</code>
1915
863
 
1916
864
  </div>
1917
865
  <div class="io-description">
@@ -1925,18 +873,18 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
1925
873
  <tbody>
1926
874
  <tr>
1927
875
  <td class="col-md-4">
1928
- <a name="setDimmerActiveState"></a>
876
+ <a name="setBaseFontSize"></a>
1929
877
  <span class="name">
1930
878
  <span class="modifier">Public</span>
1931
- <span ><b>setDimmerActiveState</b></span>
1932
- <a href="#setDimmerActiveState"><span class="icon ion-ios-link"></span></a>
879
+ <span ><b>setBaseFontSize</b></span>
880
+ <a href="#setBaseFontSize"><span class="icon ion-ios-link"></span></a>
1933
881
  </span>
1934
882
  </td>
1935
883
  </tr>
1936
884
  <tr>
1937
885
  <td class="col-md-4">
1938
886
  <span class="modifier-icon icon ion-ios-reset"></span>
1939
- <code>setDimmerActiveState(activeState: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
887
+ <code>setBaseFontSize(newsize: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
1940
888
  </td>
1941
889
  </tr>
1942
890
 
@@ -1945,6 +893,8 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
1945
893
 
1946
894
  <tr>
1947
895
  <td class="col-md-4">
896
+ <div class="io-description"><p>Updates the current value of --eui-f-size-base CSS variable and the UIState appBaseFontSize</p>
897
+ </div>
1948
898
 
1949
899
  <div class="io-description">
1950
900
  <b>Parameters :</b>
@@ -1959,9 +909,9 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
1959
909
  </thead>
1960
910
  <tbody>
1961
911
  <tr>
1962
- <td>activeState</td>
912
+ <td>newsize</td>
1963
913
  <td>
1964
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
914
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1965
915
  </td>
1966
916
 
1967
917
  <td>
@@ -1988,18 +938,18 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
1988
938
  <tbody>
1989
939
  <tr>
1990
940
  <td class="col-md-4">
1991
- <a name="setHeaderShrinkCssVar"></a>
941
+ <a name="setDimmerActiveState"></a>
1992
942
  <span class="name">
1993
943
  <span class="modifier">Public</span>
1994
- <span ><b>setHeaderShrinkCssVar</b></span>
1995
- <a href="#setHeaderShrinkCssVar"><span class="icon ion-ios-link"></span></a>
944
+ <span ><b>setDimmerActiveState</b></span>
945
+ <a href="#setDimmerActiveState"><span class="icon ion-ios-link"></span></a>
1996
946
  </span>
1997
947
  </td>
1998
948
  </tr>
1999
949
  <tr>
2000
950
  <td class="col-md-4">
2001
951
  <span class="modifier-icon icon ion-ios-reset"></span>
2002
- <code>setHeaderShrinkCssVar(active: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
952
+ <code>setDimmerActiveState(activeState: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
2003
953
  </td>
2004
954
  </tr>
2005
955
 
@@ -2022,7 +972,7 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
2022
972
  </thead>
2023
973
  <tbody>
2024
974
  <tr>
2025
- <td>active</td>
975
+ <td>activeState</td>
2026
976
  <td>
2027
977
  <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
2028
978
  </td>
@@ -2164,37 +1114,6 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
2164
1114
  <h3 id="inputs">
2165
1115
  Properties
2166
1116
  </h3>
2167
- <table class="table table-sm table-bordered">
2168
- <tbody>
2169
- <tr>
2170
- <td class="col-md-4">
2171
- <a name="activeModals"></a>
2172
- <span class="name">
2173
- <span class="deprecated-name"><b>activeModals</b></span>
2174
- <a href="#activeModals"><span class="icon ion-ios-link"></span></a>
2175
- </span>
2176
- </td>
2177
- </tr>
2178
- <tr>
2179
- <td class="col-md-4 deprecated">
2180
- don't remove as it's used for external legacy project under v17 (csdr-eui-legacy) to support MWP transition
2181
- </td>
2182
- </tr>
2183
- <tr>
2184
- <td class="col-md-4">
2185
- <i>Type : </i> <code>UxModalLegacy[]</code>
2186
-
2187
- </td>
2188
- </tr>
2189
- <tr>
2190
- <td class="col-md-4">
2191
- <i>Default value : </i><code>[]</code>
2192
- </td>
2193
- </tr>
2194
-
2195
-
2196
- </tbody>
2197
- </table>
2198
1117
  <table class="table table-sm table-bordered">
2199
1118
  <tbody>
2200
1119
  <tr>
@@ -2235,31 +1154,6 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
2235
1154
  </tr>
2236
1155
 
2237
1156
 
2238
- </tbody>
2239
- </table>
2240
- <table class="table table-sm table-bordered">
2241
- <tbody>
2242
- <tr>
2243
- <td class="col-md-4">
2244
- <a name="openModalId"></a>
2245
- <span class="name">
2246
- <span class="deprecated-name"><b>openModalId</b></span>
2247
- <a href="#openModalId"><span class="icon ion-ios-link"></span></a>
2248
- </span>
2249
- </td>
2250
- </tr>
2251
- <tr>
2252
- <td class="col-md-4 deprecated">
2253
- don't remove as it's used for external legacy project under v17 (csdr-eui-legacy) to support MWP transition
2254
- </td>
2255
- </tr>
2256
- <tr>
2257
- <td class="col-md-4">
2258
- <i>Default value : </i><code>new BehaviorSubject&lt;string&gt;(&#x27;&#x27;)</code>
2259
- </td>
2260
- </tr>
2261
-
2262
-
2263
1157
  </tbody>
2264
1158
  </table>
2265
1159
  </section>
@@ -2395,65 +1289,6 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
2395
1289
  </tr>
2396
1290
  </tbody>
2397
1291
  </table>
2398
- <table class="table table-sm table-bordered">
2399
- <tbody>
2400
- <tr>
2401
- <td class="col-md-4">
2402
- <a name="isSidebarHover"></a>
2403
- <span class="name"><b>isSidebarHover</b><a href="#isSidebarHover"><span class="icon ion-ios-link"></span></a></span>
2404
- </td>
2405
- </tr>
2406
-
2407
- <tr>
2408
- <td class="col-md-4">
2409
- <span class="accessor"><b>get</b><code>isSidebarHover()</code></span>
2410
- </td>
2411
- </tr>
2412
-
2413
- <tr>
2414
- <td class="col-md-4">
2415
- <span class="accessor"><b>set</b><code>isSidebarHover(isHover: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code></span>
2416
- </td>
2417
- </tr>
2418
- <tr>
2419
- <td class="col-md-4">
2420
-
2421
- <div class="io-description">
2422
- <b>Parameters :</b>
2423
- <table class="params">
2424
- <thead>
2425
- <tr>
2426
- <td>Name</td>
2427
- <td>Type</td>
2428
- <td>Optional</td>
2429
- </tr>
2430
- </thead>
2431
- <tbody>
2432
- <tr>
2433
- <td>isHover</td>
2434
-
2435
- <td>
2436
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
2437
- </td>
2438
-
2439
- <td>
2440
- No
2441
- </td>
2442
-
2443
- </tr>
2444
- </tbody>
2445
- </table>
2446
- </div>
2447
- <div>
2448
- </div>
2449
- <div class="io-description">
2450
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
2451
-
2452
- </div>
2453
- </td>
2454
- </tr>
2455
- </tbody>
2456
- </table>
2457
1292
  <table class="table table-sm table-bordered">
2458
1293
  <tbody>
2459
1294
  <tr>
@@ -2508,60 +1343,6 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
2508
1343
  </tr>
2509
1344
  </tbody>
2510
1345
  </table>
2511
- <table class="table table-sm table-bordered">
2512
- <tbody>
2513
- <tr>
2514
- <td class="col-md-4">
2515
- <a name="isSidebarInnerActive"></a>
2516
- <span class="name"><b>isSidebarInnerActive</b><a href="#isSidebarInnerActive"><span class="icon ion-ios-link"></span></a></span>
2517
- </td>
2518
- </tr>
2519
-
2520
-
2521
- <tr>
2522
- <td class="col-md-4">
2523
- <span class="accessor"><b>set</b><code>isSidebarInnerActive(isOpen: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code></span>
2524
- </td>
2525
- </tr>
2526
- <tr>
2527
- <td class="col-md-4">
2528
-
2529
- <div class="io-description">
2530
- <b>Parameters :</b>
2531
- <table class="params">
2532
- <thead>
2533
- <tr>
2534
- <td>Name</td>
2535
- <td>Type</td>
2536
- <td>Optional</td>
2537
- </tr>
2538
- </thead>
2539
- <tbody>
2540
- <tr>
2541
- <td>isOpen</td>
2542
-
2543
- <td>
2544
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
2545
- </td>
2546
-
2547
- <td>
2548
- No
2549
- </td>
2550
-
2551
- </tr>
2552
- </tbody>
2553
- </table>
2554
- </div>
2555
- <div>
2556
- </div>
2557
- <div class="io-description">
2558
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
2559
-
2560
- </div>
2561
- </td>
2562
- </tr>
2563
- </tbody>
2564
- </table>
2565
1346
  <table class="table table-sm table-bordered">
2566
1347
  <tbody>
2567
1348
  <tr>
@@ -2849,6 +1630,19 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
2849
1630
  var MAX_SEARCH_RESULTS = 15;
2850
1631
  </script>
2851
1632
 
1633
+ <script>
1634
+ $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
1635
+ checkToggle(darkModeState);
1636
+ if ($darkModeToggleSwitchers.length > 0) {
1637
+ for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
1638
+ $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
1639
+ darkModeState = !darkModeState;
1640
+ toggleDarkMode(darkModeState);
1641
+ });
1642
+ }
1643
+ }
1644
+ </script>
1645
+
2852
1646
  <script src="../js/libs/custom-elements.min.js"></script>
2853
1647
  <script src="../js/libs/lit-html.js"></script>
2854
1648