@eui/core 18.0.0-next.9 → 18.0.0-rc.2

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 (93) hide show
  1. package/docs/classes/ApiQueueServiceMock.html +28 -7
  2. package/docs/classes/AsyncStorageService.html +10 -0
  3. package/docs/classes/AsyncStorageServiceMock.html +8 -2
  4. package/docs/classes/CssUtils.html +734 -0
  5. package/docs/dependencies.html +36 -26
  6. package/docs/index.html +2 -2
  7. package/docs/injectables/CoreAppEffects.html +448 -0
  8. package/docs/injectables/EuiAppShellService.html +108 -1318
  9. package/docs/injectables/EuiThemeService.html +540 -0
  10. package/docs/injectables/GlobalErrorHandler.html +4 -1
  11. package/docs/injectables/LocaleServiceMock.html +12 -3
  12. package/docs/injectables/StoreServiceMock.html +20 -5
  13. package/docs/injectables/UserServiceMock.html +28 -7
  14. package/docs/interfaces/UIState.html +45 -180
  15. package/docs/js/menu-wc.js +9 -0
  16. package/docs/js/menu-wc_es5.js +1 -1
  17. package/docs/js/search/search_index.js +2 -2
  18. package/docs/miscellaneous/enumerations.html +46 -0
  19. package/docs/miscellaneous/variables.html +36 -7
  20. package/esm2022/index.mjs +1 -3
  21. package/esm2022/lib/eui-core.module.mjs +5 -5
  22. package/esm2022/lib/helpers/css-utils.mjs +111 -0
  23. package/esm2022/lib/helpers/index.mjs +2 -1
  24. package/esm2022/lib/interceptors/add-lang-param.interceptor.mjs +4 -4
  25. package/esm2022/lib/interceptors/cache-prevention.interceptor.mjs +4 -4
  26. package/esm2022/lib/interceptors/cors-security.interceptor.mjs +4 -4
  27. package/esm2022/lib/interceptors/csrf-prevention.interceptor.mjs +4 -4
  28. package/esm2022/lib/interceptors/eu-login-session-timeout-handling.interceptor.mjs +4 -4
  29. package/esm2022/lib/interceptors/ux-request-error-model.interceptor.mjs +4 -4
  30. package/esm2022/lib/services/app/eui-init-app.mjs +3 -3
  31. package/esm2022/lib/services/dynamic-component/dynamic-component.service.mjs +4 -4
  32. package/esm2022/lib/services/dynamic-menu/dynamic-menu.service.mjs +4 -4
  33. package/esm2022/lib/services/errors/global-error-handler.mjs +4 -4
  34. package/esm2022/lib/services/errors/http-error-handler.interceptor.mjs +4 -4
  35. package/esm2022/lib/services/eui-app-shell.service.mjs +37 -309
  36. package/esm2022/lib/services/eui-theme.service.mjs +47 -0
  37. package/esm2022/lib/services/eui-timezone.service.mjs +4 -4
  38. package/esm2022/lib/services/growl/eui-growl.service.mjs +4 -4
  39. package/esm2022/lib/services/i18n/i18n.loader.mjs +4 -4
  40. package/esm2022/lib/services/i18n/i18n.service.mjs +4 -4
  41. package/esm2022/lib/services/index.mjs +2 -1
  42. package/esm2022/lib/services/loader/eui-loader.service.mjs +4 -4
  43. package/esm2022/lib/services/locale/locale.service.mjs +5 -5
  44. package/esm2022/lib/services/locale/locale.service.mock.mjs +4 -4
  45. package/esm2022/lib/services/log/log.module.mjs +5 -5
  46. package/esm2022/lib/services/log/log.service.mjs +4 -4
  47. package/esm2022/lib/services/permission/permission.service.mjs +4 -4
  48. package/esm2022/lib/services/queue/api-queue.service.mjs +4 -4
  49. package/esm2022/lib/services/queue/api-queue.service.mock.mjs +1 -1
  50. package/esm2022/lib/services/storage/async-storage.service.mjs +1 -1
  51. package/esm2022/lib/services/storage/async-storage.service.mock.mjs +1 -1
  52. package/esm2022/lib/services/storage/local-forage.service.mjs +4 -4
  53. package/esm2022/lib/services/storage/local-storage.service.mjs +4 -4
  54. package/esm2022/lib/services/storage/session-storage.service.mjs +4 -4
  55. package/esm2022/lib/services/store/effects/app.effects.mjs +55 -0
  56. package/esm2022/lib/services/store/effects/index.mjs +4 -0
  57. package/esm2022/lib/services/store/index.mjs +2 -2
  58. package/esm2022/lib/services/store/reducers/user.reducers.mjs +2 -2
  59. package/esm2022/lib/services/store/store.service.mjs +4 -4
  60. package/esm2022/lib/services/store/store.service.mock.mjs +4 -4
  61. package/esm2022/lib/services/user/user.service.mjs +4 -4
  62. package/esm2022/lib/services/user/user.service.mock.mjs +4 -4
  63. package/fesm2022/eui-core.mjs +4913 -5198
  64. package/fesm2022/eui-core.mjs.map +1 -7
  65. package/index.d.ts +0 -1
  66. package/index.d.ts.map +1 -1
  67. package/lib/helpers/css-utils.d.ts +28 -0
  68. package/lib/helpers/css-utils.d.ts.map +1 -0
  69. package/lib/helpers/form-helpers.d.ts +2 -2
  70. package/lib/helpers/form-helpers.d.ts.map +1 -1
  71. package/lib/helpers/index.d.ts +1 -0
  72. package/lib/helpers/index.d.ts.map +1 -1
  73. package/lib/services/errors/global-error-handler.d.ts.map +1 -1
  74. package/lib/services/eui-app-shell.service.d.ts +6 -70
  75. package/lib/services/eui-app-shell.service.d.ts.map +1 -1
  76. package/lib/services/eui-theme.service.d.ts +24 -0
  77. package/lib/services/eui-theme.service.d.ts.map +1 -0
  78. package/lib/services/index.d.ts +1 -0
  79. package/lib/services/index.d.ts.map +1 -1
  80. package/lib/services/locale/locale.service.mock.d.ts.map +1 -1
  81. package/lib/services/log/log.service.d.ts.map +1 -1
  82. package/lib/services/queue/api-queue.service.mock.d.ts.map +1 -1
  83. package/lib/services/storage/async-storage.service.d.ts.map +1 -1
  84. package/lib/services/storage/async-storage.service.mock.d.ts.map +1 -1
  85. package/lib/services/store/effects/app.effects.d.ts +20 -0
  86. package/lib/services/store/effects/app.effects.d.ts.map +1 -0
  87. package/lib/services/store/effects/index.d.ts +4 -0
  88. package/lib/services/store/effects/index.d.ts.map +1 -0
  89. package/lib/services/store/index.d.ts +1 -0
  90. package/lib/services/store/index.d.ts.map +1 -1
  91. package/lib/services/store/store.service.mock.d.ts.map +1 -1
  92. package/lib/services/user/user.service.mock.d.ts.map +1 -1
  93. package/package.json +11 -11
@@ -136,18 +136,12 @@
136
136
  <tr>
137
137
  <td class="col-md-4">
138
138
  <ul class="index-list">
139
- <li>
140
- <a href="#activeModals" class="deprecated-name">activeModals</a>
141
- </li>
142
139
  <li>
143
140
  <a href="#navigationEndCustomHandler" >navigationEndCustomHandler</a>
144
141
  </li>
145
142
  <li>
146
143
  <a href="#navigationStartCustomHandler" >navigationStartCustomHandler</a>
147
144
  </li>
148
- <li>
149
- <a href="#openModalId" class="deprecated-name">openModalId</a>
150
- </li>
151
145
  </ul>
152
146
  </td>
153
147
  </tr>
@@ -164,58 +158,26 @@
164
158
  <span class="modifier">Public</span>
165
159
  <a href="#activateBreadcrumb" >activateBreadcrumb</a>
166
160
  </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
161
  <li>
180
162
  <span class="modifier">Public</span>
181
163
  <a href="#activateHeader" >activateHeader</a>
182
164
  </li>
183
- <li>
184
- <span class="modifier">Public</span>
185
- <a href="#activateHeaderCssVars" >activateHeaderCssVars</a>
186
- </li>
187
165
  <li>
188
166
  <span class="modifier">Public</span>
189
167
  <a href="#activateSidebar" >activateSidebar</a>
190
168
  </li>
191
- <li>
192
- <span class="modifier">Public</span>
193
- <a href="#activateSidebarCssVars" >activateSidebarCssVars</a>
194
- </li>
195
169
  <li>
196
170
  <span class="modifier">Public</span>
197
171
  <a href="#activateSidebarFooter" >activateSidebarFooter</a>
198
172
  </li>
199
- <li>
200
- <span class="modifier">Public</span>
201
- <a href="#activateSidebarFooterCssVars" >activateSidebarFooterCssVars</a>
202
- </li>
203
173
  <li>
204
174
  <span class="modifier">Public</span>
205
175
  <a href="#activateSidebarHeader" >activateSidebarHeader</a>
206
176
  </li>
207
- <li>
208
- <span class="modifier">Public</span>
209
- <a href="#activateSidebarHeaderCssVars" >activateSidebarHeaderCssVars</a>
210
- </li>
211
177
  <li>
212
178
  <span class="modifier">Public</span>
213
179
  <a href="#activateToolbar" >activateToolbar</a>
214
180
  </li>
215
- <li>
216
- <span class="modifier">Public</span>
217
- <a href="#activateToolbarCssVars" >activateToolbarCssVars</a>
218
- </li>
219
181
  <li>
220
182
  <span class="modifier">Public</span>
221
183
  <a href="#activateToolbarMenu" >activateToolbarMenu</a>
@@ -224,16 +186,6 @@
224
186
  <span class="modifier">Public</span>
225
187
  <a href="#activateTopMessage" >activateTopMessage</a>
226
188
  </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
189
  <li>
238
190
  <span class="modifier">Public</span>
239
191
  <a href="#dimmerActiveToggle" >dimmerActiveToggle</a>
@@ -242,13 +194,6 @@
242
194
  <span class="modifier">Public</span>
243
195
  <a href="#fetchAppMetadata" >fetchAppMetadata</a>
244
196
  </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
197
  <li>
253
198
  <span class="modifier">Public</span>
254
199
  <a href="#getBaseFontSize" >getBaseFontSize</a>
@@ -256,27 +201,6 @@
256
201
  <li>
257
202
  <a href="#getState" >getState</a>
258
203
  </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
204
  <li>
281
205
  <span class="modifier">Public</span>
282
206
  <a href="#setBaseFontSize" >setBaseFontSize</a>
@@ -285,10 +209,6 @@
285
209
  <span class="modifier">Public</span>
286
210
  <a href="#setDimmerActiveState" >setDimmerActiveState</a>
287
211
  </li>
288
- <li>
289
- <span class="modifier">Public</span>
290
- <a href="#setHeaderShrinkCssVar" >setHeaderShrinkCssVar</a>
291
- </li>
292
212
  <li>
293
213
  <a href="#setState" >setState</a>
294
214
  </li>
@@ -327,15 +247,9 @@
327
247
  <li>
328
248
  <a href="#isSidebarOpen" >isSidebarOpen</a>
329
249
  </li>
330
- <li>
331
- <a href="#isSidebarHover" >isSidebarHover</a>
332
- </li>
333
250
  <li>
334
251
  <a href="#isSidebarActive" >isSidebarActive</a>
335
252
  </li>
336
- <li>
337
- <a href="#isSidebarInnerActive" >isSidebarInnerActive</a>
338
- </li>
339
253
  <li>
340
254
  <a href="#sidebarLinks" >sidebarLinks</a>
341
255
  </li>
@@ -489,135 +403,6 @@
489
403
 
490
404
 
491
405
 
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
406
  <tr>
622
407
  <td class="col-md-4">
623
408
 
@@ -666,18 +451,18 @@
666
451
  <tbody>
667
452
  <tr>
668
453
  <td class="col-md-4">
669
- <a name="activateHeaderCssVars"></a>
454
+ <a name="activateSidebar"></a>
670
455
  <span class="name">
671
456
  <span class="modifier">Public</span>
672
- <span ><b>activateHeaderCssVars</b></span>
673
- <a href="#activateHeaderCssVars"><span class="icon ion-ios-link"></span></a>
457
+ <span ><b>activateSidebar</b></span>
458
+ <a href="#activateSidebar"><span class="icon ion-ios-link"></span></a>
674
459
  </span>
675
460
  </td>
676
461
  </tr>
677
462
  <tr>
678
463
  <td class="col-md-4">
679
464
  <span class="modifier-icon icon ion-ios-reset"></span>
680
- <code>activateHeaderCssVars()</code>
465
+ <code>activateSidebar()</code>
681
466
  </td>
682
467
  </tr>
683
468
 
@@ -699,18 +484,18 @@
699
484
  <tbody>
700
485
  <tr>
701
486
  <td class="col-md-4">
702
- <a name="activateSidebar"></a>
487
+ <a name="activateSidebarFooter"></a>
703
488
  <span class="name">
704
489
  <span class="modifier">Public</span>
705
- <span ><b>activateSidebar</b></span>
706
- <a href="#activateSidebar"><span class="icon ion-ios-link"></span></a>
490
+ <span ><b>activateSidebarFooter</b></span>
491
+ <a href="#activateSidebarFooter"><span class="icon ion-ios-link"></span></a>
707
492
  </span>
708
493
  </td>
709
494
  </tr>
710
495
  <tr>
711
496
  <td class="col-md-4">
712
497
  <span class="modifier-icon icon ion-ios-reset"></span>
713
- <code>activateSidebar()</code>
498
+ <code>activateSidebarFooter()</code>
714
499
  </td>
715
500
  </tr>
716
501
 
@@ -732,18 +517,18 @@
732
517
  <tbody>
733
518
  <tr>
734
519
  <td class="col-md-4">
735
- <a name="activateSidebarCssVars"></a>
520
+ <a name="activateSidebarHeader"></a>
736
521
  <span class="name">
737
522
  <span class="modifier">Public</span>
738
- <span ><b>activateSidebarCssVars</b></span>
739
- <a href="#activateSidebarCssVars"><span class="icon ion-ios-link"></span></a>
523
+ <span ><b>activateSidebarHeader</b></span>
524
+ <a href="#activateSidebarHeader"><span class="icon ion-ios-link"></span></a>
740
525
  </span>
741
526
  </td>
742
527
  </tr>
743
528
  <tr>
744
529
  <td class="col-md-4">
745
530
  <span class="modifier-icon icon ion-ios-reset"></span>
746
- <code>activateSidebarCssVars()</code>
531
+ <code>activateSidebarHeader()</code>
747
532
  </td>
748
533
  </tr>
749
534
 
@@ -765,18 +550,18 @@
765
550
  <tbody>
766
551
  <tr>
767
552
  <td class="col-md-4">
768
- <a name="activateSidebarFooter"></a>
553
+ <a name="activateToolbar"></a>
769
554
  <span class="name">
770
555
  <span class="modifier">Public</span>
771
- <span ><b>activateSidebarFooter</b></span>
772
- <a href="#activateSidebarFooter"><span class="icon ion-ios-link"></span></a>
556
+ <span ><b>activateToolbar</b></span>
557
+ <a href="#activateToolbar"><span class="icon ion-ios-link"></span></a>
773
558
  </span>
774
559
  </td>
775
560
  </tr>
776
561
  <tr>
777
562
  <td class="col-md-4">
778
563
  <span class="modifier-icon icon ion-ios-reset"></span>
779
- <code>activateSidebarFooter()</code>
564
+ <code>activateToolbar()</code>
780
565
  </td>
781
566
  </tr>
782
567
 
@@ -798,18 +583,18 @@
798
583
  <tbody>
799
584
  <tr>
800
585
  <td class="col-md-4">
801
- <a name="activateSidebarFooterCssVars"></a>
586
+ <a name="activateToolbarMenu"></a>
802
587
  <span class="name">
803
588
  <span class="modifier">Public</span>
804
- <span ><b>activateSidebarFooterCssVars</b></span>
805
- <a href="#activateSidebarFooterCssVars"><span class="icon ion-ios-link"></span></a>
589
+ <span ><b>activateToolbarMenu</b></span>
590
+ <a href="#activateToolbarMenu"><span class="icon ion-ios-link"></span></a>
806
591
  </span>
807
592
  </td>
808
593
  </tr>
809
594
  <tr>
810
595
  <td class="col-md-4">
811
596
  <span class="modifier-icon icon ion-ios-reset"></span>
812
- <code>activateSidebarFooterCssVars()</code>
597
+ <code>activateToolbarMenu()</code>
813
598
  </td>
814
599
  </tr>
815
600
 
@@ -831,18 +616,18 @@
831
616
  <tbody>
832
617
  <tr>
833
618
  <td class="col-md-4">
834
- <a name="activateSidebarHeader"></a>
619
+ <a name="activateTopMessage"></a>
835
620
  <span class="name">
836
621
  <span class="modifier">Public</span>
837
- <span ><b>activateSidebarHeader</b></span>
838
- <a href="#activateSidebarHeader"><span class="icon ion-ios-link"></span></a>
622
+ <span ><b>activateTopMessage</b></span>
623
+ <a href="#activateTopMessage"><span class="icon ion-ios-link"></span></a>
839
624
  </span>
840
625
  </td>
841
626
  </tr>
842
627
  <tr>
843
628
  <td class="col-md-4">
844
629
  <span class="modifier-icon icon ion-ios-reset"></span>
845
- <code>activateSidebarHeader()</code>
630
+ <code>activateTopMessage(height: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>)</code>
846
631
  </td>
847
632
  </tr>
848
633
 
@@ -852,10 +637,40 @@
852
637
  <tr>
853
638
  <td class="col-md-4">
854
639
 
640
+ <div class="io-description">
641
+ <b>Parameters :</b>
642
+
643
+ <table class="params">
644
+ <thead>
645
+ <tr>
646
+ <td>Name</td>
647
+ <td>Type</td>
648
+ <td>Optional</td>
649
+ </tr>
650
+ </thead>
651
+ <tbody>
652
+ <tr>
653
+ <td>height</td>
654
+ <td>
655
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
656
+ </td>
657
+
658
+ <td>
659
+ No
660
+ </td>
661
+
662
+
663
+ </tr>
664
+ </tbody>
665
+ </table>
666
+ </div>
855
667
  <div class="io-description">
856
668
  <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
857
669
 
858
670
  </div>
671
+ <div class="io-description">
672
+
673
+ </div>
859
674
  </td>
860
675
  </tr>
861
676
  </tbody>
@@ -864,855 +679,31 @@
864
679
  <tbody>
865
680
  <tr>
866
681
  <td class="col-md-4">
867
- <a name="activateSidebarHeaderCssVars"></a>
682
+ <a name="dimmerActiveToggle"></a>
868
683
  <span class="name">
869
684
  <span class="modifier">Public</span>
870
- <span ><b>activateSidebarHeaderCssVars</b></span>
871
- <a href="#activateSidebarHeaderCssVars"><span class="icon ion-ios-link"></span></a>
685
+ <span ><b>dimmerActiveToggle</b></span>
686
+ <a href="#dimmerActiveToggle"><span class="icon ion-ios-link"></span></a>
872
687
  </span>
873
688
  </td>
874
689
  </tr>
875
690
  <tr>
876
691
  <td class="col-md-4">
877
692
  <span class="modifier-icon icon ion-ios-reset"></span>
878
- <code>activateSidebarHeaderCssVars()</code>
879
- </td>
880
- </tr>
881
-
882
-
883
-
884
-
885
- <tr>
886
- <td class="col-md-4">
887
-
888
- <div class="io-description">
889
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
890
-
891
- </div>
892
- </td>
893
- </tr>
894
- </tbody>
895
- </table>
896
- <table class="table table-sm table-bordered">
897
- <tbody>
898
- <tr>
899
- <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>
693
+ <code>dimmerActiveToggle()</code>
694
+ </td>
695
+ </tr>
1699
696
 
1700
- <td>
1701
- Yes
1702
- </td>
1703
697
 
1704
698
 
1705
- </tr>
1706
- </tbody>
1707
- </table>
1708
- </div>
699
+
700
+ <tr>
701
+ <td class="col-md-4">
702
+
1709
703
  <div class="io-description">
1710
704
  <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1711
705
 
1712
706
  </div>
1713
- <div class="io-description">
1714
-
1715
- </div>
1716
707
  </td>
1717
708
  </tr>
1718
709
  </tbody>
@@ -1721,21 +712,18 @@
1721
712
  <tbody>
1722
713
  <tr>
1723
714
  <td class="col-md-4">
1724
- <a name="openModal"></a>
715
+ <a name="fetchAppMetadata"></a>
1725
716
  <span class="name">
1726
- <span class="deprecated-name"><b>openModal</b></span>
1727
- <a href="#openModal"><span class="icon ion-ios-link"></span></a>
717
+ <span class="modifier">Public</span>
718
+ <span ><b>fetchAppMetadata</b></span>
719
+ <a href="#fetchAppMetadata"><span class="icon ion-ios-link"></span></a>
1728
720
  </span>
1729
721
  </td>
1730
722
  </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
723
  <tr>
1737
724
  <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>
725
+ <span class="modifier-icon icon ion-ios-reset"></span>
726
+ <code>fetchAppMetadata(metadataFilePath: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
1739
727
  </td>
1740
728
  </tr>
1741
729
 
@@ -1754,19 +742,23 @@
1754
742
  <td>Name</td>
1755
743
  <td>Type</td>
1756
744
  <td>Optional</td>
745
+ <td>Default value</td>
1757
746
  </tr>
1758
747
  </thead>
1759
748
  <tbody>
1760
749
  <tr>
1761
- <td>modalId</td>
750
+ <td>metadataFilePath</td>
1762
751
  <td>
1763
752
  <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1764
753
  </td>
1765
754
 
1766
755
  <td>
1767
- Yes
756
+ No
1768
757
  </td>
1769
758
 
759
+ <td>
760
+ <code>&#x27;assets/app-metadata.json&#x27;</code>
761
+ </td>
1770
762
 
1771
763
  </tr>
1772
764
  </tbody>
@@ -1787,51 +779,18 @@
1787
779
  <tbody>
1788
780
  <tr>
1789
781
  <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>
782
+ <a name="getBaseFontSize"></a>
1824
783
  <span class="name">
1825
784
  <span class="modifier">Public</span>
1826
- <span ><b>setAppViewportCssVars</b></span>
1827
- <a href="#setAppViewportCssVars"><span class="icon ion-ios-link"></span></a>
785
+ <span ><b>getBaseFontSize</b></span>
786
+ <a href="#getBaseFontSize"><span class="icon ion-ios-link"></span></a>
1828
787
  </span>
1829
788
  </td>
1830
789
  </tr>
1831
790
  <tr>
1832
791
  <td class="col-md-4">
1833
792
  <span class="modifier-icon icon ion-ios-reset"></span>
1834
- <code>setAppViewportCssVars()</code>
793
+ <code>getBaseFontSize()</code>
1835
794
  </td>
1836
795
  </tr>
1837
796
 
@@ -1840,16 +799,11 @@
1840
799
 
1841
800
  <tr>
1842
801
  <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>
802
+ <div class="io-description"><p>Returns the current value of --eui-f-size-base CSS variable</p>
1849
803
  </div>
1850
804
 
1851
805
  <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>
806
+ <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
807
 
1854
808
  </div>
1855
809
  </td>
@@ -1860,18 +814,16 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
1860
814
  <tbody>
1861
815
  <tr>
1862
816
  <td class="col-md-4">
1863
- <a name="setBaseFontSize"></a>
817
+ <a name="getState"></a>
1864
818
  <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>
819
+ <span ><b>getState</b></span>
820
+ <a href="#getState"><span class="icon ion-ios-link"></span></a>
1868
821
  </span>
1869
822
  </td>
1870
823
  </tr>
1871
824
  <tr>
1872
825
  <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>
826
+ <code>getState(key?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
1875
827
  </td>
1876
828
  </tr>
1877
829
 
@@ -1880,7 +832,7 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
1880
832
 
1881
833
  <tr>
1882
834
  <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>
835
+ <div class="io-description"><p>Emits a slice from the state whether that changes</p>
1884
836
  </div>
1885
837
 
1886
838
  <div class="io-description">
@@ -1892,26 +844,31 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
1892
844
  <td>Name</td>
1893
845
  <td>Type</td>
1894
846
  <td>Optional</td>
847
+ <td>Description</td>
1895
848
  </tr>
1896
849
  </thead>
1897
850
  <tbody>
1898
851
  <tr>
1899
- <td>newsize</td>
852
+ <td>key</td>
1900
853
  <td>
1901
854
  <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1902
855
  </td>
1903
856
 
1904
857
  <td>
1905
- No
858
+ Yes
1906
859
  </td>
1907
860
 
1908
861
 
862
+ <td>
863
+ <p>can be &#39;key&#39; or &#39;key.sub.sub&#39;</p>
864
+
865
+ </td>
1909
866
  </tr>
1910
867
  </tbody>
1911
868
  </table>
1912
869
  </div>
1913
870
  <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>
871
+ <b>Returns : </b> <code>Observable&lt;any&gt;</code>
1915
872
 
1916
873
  </div>
1917
874
  <div class="io-description">
@@ -1925,18 +882,18 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
1925
882
  <tbody>
1926
883
  <tr>
1927
884
  <td class="col-md-4">
1928
- <a name="setDimmerActiveState"></a>
885
+ <a name="setBaseFontSize"></a>
1929
886
  <span class="name">
1930
887
  <span class="modifier">Public</span>
1931
- <span ><b>setDimmerActiveState</b></span>
1932
- <a href="#setDimmerActiveState"><span class="icon ion-ios-link"></span></a>
888
+ <span ><b>setBaseFontSize</b></span>
889
+ <a href="#setBaseFontSize"><span class="icon ion-ios-link"></span></a>
1933
890
  </span>
1934
891
  </td>
1935
892
  </tr>
1936
893
  <tr>
1937
894
  <td class="col-md-4">
1938
895
  <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>
896
+ <code>setBaseFontSize(newsize: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
1940
897
  </td>
1941
898
  </tr>
1942
899
 
@@ -1945,6 +902,8 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
1945
902
 
1946
903
  <tr>
1947
904
  <td class="col-md-4">
905
+ <div class="io-description"><p>Updates the current value of --eui-f-size-base CSS variable and the UIState appBaseFontSize</p>
906
+ </div>
1948
907
 
1949
908
  <div class="io-description">
1950
909
  <b>Parameters :</b>
@@ -1959,9 +918,9 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
1959
918
  </thead>
1960
919
  <tbody>
1961
920
  <tr>
1962
- <td>activeState</td>
921
+ <td>newsize</td>
1963
922
  <td>
1964
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
923
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1965
924
  </td>
1966
925
 
1967
926
  <td>
@@ -1988,18 +947,18 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
1988
947
  <tbody>
1989
948
  <tr>
1990
949
  <td class="col-md-4">
1991
- <a name="setHeaderShrinkCssVar"></a>
950
+ <a name="setDimmerActiveState"></a>
1992
951
  <span class="name">
1993
952
  <span class="modifier">Public</span>
1994
- <span ><b>setHeaderShrinkCssVar</b></span>
1995
- <a href="#setHeaderShrinkCssVar"><span class="icon ion-ios-link"></span></a>
953
+ <span ><b>setDimmerActiveState</b></span>
954
+ <a href="#setDimmerActiveState"><span class="icon ion-ios-link"></span></a>
1996
955
  </span>
1997
956
  </td>
1998
957
  </tr>
1999
958
  <tr>
2000
959
  <td class="col-md-4">
2001
960
  <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>
961
+ <code>setDimmerActiveState(activeState: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
2003
962
  </td>
2004
963
  </tr>
2005
964
 
@@ -2022,7 +981,7 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
2022
981
  </thead>
2023
982
  <tbody>
2024
983
  <tr>
2025
- <td>active</td>
984
+ <td>activeState</td>
2026
985
  <td>
2027
986
  <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
2028
987
  </td>
@@ -2164,37 +1123,6 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
2164
1123
  <h3 id="inputs">
2165
1124
  Properties
2166
1125
  </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
1126
  <table class="table table-sm table-bordered">
2199
1127
  <tbody>
2200
1128
  <tr>
@@ -2235,31 +1163,6 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
2235
1163
  </tr>
2236
1164
 
2237
1165
 
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
1166
  </tbody>
2264
1167
  </table>
2265
1168
  </section>
@@ -2395,65 +1298,6 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
2395
1298
  </tr>
2396
1299
  </tbody>
2397
1300
  </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
1301
  <table class="table table-sm table-bordered">
2458
1302
  <tbody>
2459
1303
  <tr>
@@ -2508,60 +1352,6 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
2508
1352
  </tr>
2509
1353
  </tbody>
2510
1354
  </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
1355
  <table class="table table-sm table-bordered">
2566
1356
  <tbody>
2567
1357
  <tr>