@eui/core 18.0.0-next.5 → 18.0.0-next.50

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 (84) 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/dependencies.html +39 -29
  5. package/docs/index.html +1 -1
  6. package/docs/injectables/CoreAppEffects.html +448 -0
  7. package/docs/injectables/EuiAppShellService.html +2 -2
  8. package/docs/injectables/EuiThemeService.html +540 -0
  9. package/docs/injectables/GlobalErrorHandler.html +4 -1
  10. package/docs/injectables/LocaleServiceMock.html +12 -3
  11. package/docs/injectables/StoreServiceMock.html +20 -5
  12. package/docs/injectables/UserServiceMock.html +28 -7
  13. package/docs/js/menu-wc.js +6 -0
  14. package/docs/js/menu-wc_es5.js +1 -1
  15. package/docs/js/search/search_index.js +2 -2
  16. package/docs/miscellaneous/enumerations.html +46 -0
  17. package/docs/miscellaneous/variables.html +35 -3
  18. package/esm2022/index.mjs +1 -3
  19. package/esm2022/lib/eui-core.module.mjs +5 -5
  20. package/esm2022/lib/interceptors/add-lang-param.interceptor.mjs +4 -4
  21. package/esm2022/lib/interceptors/cache-prevention.interceptor.mjs +4 -4
  22. package/esm2022/lib/interceptors/cors-security.interceptor.mjs +4 -4
  23. package/esm2022/lib/interceptors/csrf-prevention.interceptor.mjs +4 -4
  24. package/esm2022/lib/interceptors/eu-login-session-timeout-handling.interceptor.mjs +4 -4
  25. package/esm2022/lib/interceptors/ux-request-error-model.interceptor.mjs +4 -4
  26. package/esm2022/lib/services/app/eui-init-app.mjs +3 -3
  27. package/esm2022/lib/services/dynamic-component/dynamic-component.service.mjs +4 -4
  28. package/esm2022/lib/services/dynamic-menu/dynamic-menu.service.mjs +4 -4
  29. package/esm2022/lib/services/errors/global-error-handler.mjs +4 -4
  30. package/esm2022/lib/services/errors/http-error-handler.interceptor.mjs +4 -4
  31. package/esm2022/lib/services/eui-app-shell.service.mjs +8 -8
  32. package/esm2022/lib/services/eui-theme.service.mjs +47 -0
  33. package/esm2022/lib/services/eui-timezone.service.mjs +4 -4
  34. package/esm2022/lib/services/growl/eui-growl.service.mjs +4 -4
  35. package/esm2022/lib/services/i18n/i18n.loader.mjs +4 -4
  36. package/esm2022/lib/services/i18n/i18n.service.mjs +4 -4
  37. package/esm2022/lib/services/index.mjs +2 -1
  38. package/esm2022/lib/services/loader/eui-loader.service.mjs +4 -4
  39. package/esm2022/lib/services/locale/locale.service.mjs +5 -5
  40. package/esm2022/lib/services/locale/locale.service.mock.mjs +4 -4
  41. package/esm2022/lib/services/log/log.module.mjs +5 -5
  42. package/esm2022/lib/services/log/log.service.mjs +4 -4
  43. package/esm2022/lib/services/permission/permission.service.mjs +4 -4
  44. package/esm2022/lib/services/queue/api-queue.service.mjs +4 -4
  45. package/esm2022/lib/services/queue/api-queue.service.mock.mjs +1 -1
  46. package/esm2022/lib/services/storage/async-storage.service.mjs +1 -1
  47. package/esm2022/lib/services/storage/async-storage.service.mock.mjs +1 -1
  48. package/esm2022/lib/services/storage/local-forage.service.mjs +4 -4
  49. package/esm2022/lib/services/storage/local-storage.service.mjs +4 -4
  50. package/esm2022/lib/services/storage/session-storage.service.mjs +4 -4
  51. package/esm2022/lib/services/store/effects/app.effects.mjs +55 -0
  52. package/esm2022/lib/services/store/effects/index.mjs +4 -0
  53. package/esm2022/lib/services/store/index.mjs +2 -2
  54. package/esm2022/lib/services/store/reducers/user.reducers.mjs +2 -2
  55. package/esm2022/lib/services/store/store.service.mjs +4 -4
  56. package/esm2022/lib/services/store/store.service.mock.mjs +4 -4
  57. package/esm2022/lib/services/user/user.service.mjs +4 -4
  58. package/esm2022/lib/services/user/user.service.mock.mjs +4 -4
  59. package/fesm2022/eui-core.mjs +448 -632
  60. package/fesm2022/eui-core.mjs.map +4 -4
  61. package/index.d.ts +0 -1
  62. package/index.d.ts.map +1 -1
  63. package/lib/helpers/form-helpers.d.ts +2 -2
  64. package/lib/helpers/form-helpers.d.ts.map +1 -1
  65. package/lib/services/errors/global-error-handler.d.ts.map +1 -1
  66. package/lib/services/eui-app-shell.service.d.ts +2 -2
  67. package/lib/services/eui-theme.service.d.ts +24 -0
  68. package/lib/services/eui-theme.service.d.ts.map +1 -0
  69. package/lib/services/index.d.ts +1 -0
  70. package/lib/services/index.d.ts.map +1 -1
  71. package/lib/services/locale/locale.service.mock.d.ts.map +1 -1
  72. package/lib/services/log/log.service.d.ts.map +1 -1
  73. package/lib/services/queue/api-queue.service.mock.d.ts.map +1 -1
  74. package/lib/services/storage/async-storage.service.d.ts.map +1 -1
  75. package/lib/services/storage/async-storage.service.mock.d.ts.map +1 -1
  76. package/lib/services/store/effects/app.effects.d.ts +20 -0
  77. package/lib/services/store/effects/app.effects.d.ts.map +1 -0
  78. package/lib/services/store/effects/index.d.ts +4 -0
  79. package/lib/services/store/effects/index.d.ts.map +1 -0
  80. package/lib/services/store/index.d.ts +1 -0
  81. package/lib/services/store/index.d.ts.map +1 -1
  82. package/lib/services/store/store.service.mock.d.ts.map +1 -1
  83. package/lib/services/user/user.service.mock.d.ts.map +1 -1
  84. package/package.json +11 -12
@@ -0,0 +1,448 @@
1
+ <!doctype html>
2
+ <html class="no-js" lang="">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
6
+ <title>csdr documentation</title>
7
+ <meta name="description" content="">
8
+ <meta name="viewport" content="width=device-width, initial-scale=1">
9
+
10
+ <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11
+ <link rel="stylesheet" href="../styles/style.css">
12
+ <link rel="stylesheet" href="../styles/dark.css">
13
+ <link rel="stylesheet" href="../styles/material.css">
14
+ </head>
15
+ <body>
16
+ <script>
17
+ // Blocking script to avaoid flickering dark mode
18
+ // Dark mode toggle button
19
+ var useDark = window.matchMedia('(prefers-color-scheme: dark)');
20
+ var darkModeState = useDark.matches;
21
+ var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
22
+ var $darkModeToggles = document.querySelectorAll('.dark-mode-switch');
23
+ var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state');
24
+
25
+ function checkToggle(check) {
26
+ for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
27
+ $darkModeToggleSwitchers[i].checked = check;
28
+ }
29
+ }
30
+
31
+ function toggleDarkMode(state) {
32
+ if (window.localStorage) {
33
+ localStorage.setItem('compodoc_darkmode-state', state);
34
+ }
35
+
36
+ checkToggle(state);
37
+
38
+ const hasClass = document.body.classList.contains('dark');
39
+
40
+ if (state) {
41
+ for (var i = 0; i < $darkModeToggles.length; i++) {
42
+ $darkModeToggles[i].classList.add('dark');
43
+ }
44
+ if (!hasClass) {
45
+ document.body.classList.add('dark');
46
+ }
47
+ } else {
48
+ for (var i = 0; i < $darkModeToggles.length; i++) {
49
+ $darkModeToggles[i].classList.remove('dark');
50
+ }
51
+ if (hasClass) {
52
+ document.body.classList.remove('dark');
53
+ }
54
+ }
55
+ }
56
+
57
+ useDark.addEventListener('change', function (evt) {
58
+ toggleDarkMode(evt.matches);
59
+ });
60
+ if (darkModeStateLocal) {
61
+ darkModeState = darkModeStateLocal === 'true';
62
+ }
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
+ </script>
74
+
75
+ <div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
76
+ <a href="../" class="navbar-brand">csdr documentation</a>
77
+ <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
78
+ </div>
79
+
80
+ <div class="xs-menu menu" id="mobile-menu">
81
+ <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div> <compodoc-menu></compodoc-menu>
82
+ </div>
83
+
84
+ <div class="container-fluid main">
85
+ <div class="row main">
86
+ <div class="hidden-xs menu">
87
+ <compodoc-menu mode="normal"></compodoc-menu>
88
+ </div>
89
+ <!-- START CONTENT -->
90
+ <div class="content injectable">
91
+ <div class="content-data">
92
+
93
+
94
+
95
+
96
+
97
+
98
+
99
+
100
+ <ol class="breadcrumb">
101
+ <li class="breadcrumb-item">Injectables</li>
102
+ <li class="breadcrumb-item" >CoreAppEffects</li>
103
+ </ol>
104
+
105
+ <ul class="nav nav-tabs" role="tablist">
106
+ <li class="nav-item">
107
+ <a href="#info"
108
+ class="nav-link"
109
+ class="nav-link active"
110
+ role="tab" id="info-tab" data-bs-toggle="tab" data-link="info">Info</a>
111
+ </li>
112
+ </ul>
113
+
114
+ <div class="tab-content">
115
+ <div class="tab-pane fade active in" id="info">
116
+ <p class="comment">
117
+ <h3>File</h3>
118
+ </p>
119
+ <p class="comment">
120
+ <code>packages/eui/packages/core/src/lib/services/store/effects/app.effects.ts</code>
121
+ </p>
122
+
123
+
124
+
125
+
126
+
127
+ <section data-compodoc="block-index">
128
+ <h3 id="index">Index</h3>
129
+ <table class="table table-sm table-bordered index-table">
130
+ <tbody>
131
+ <tr>
132
+ <td class="col-md-4">
133
+ <h6><b>Properties</b></h6>
134
+ </td>
135
+ </tr>
136
+ <tr>
137
+ <td class="col-md-4">
138
+ <ul class="index-list">
139
+ <li>
140
+ <a href="#activatedRoute" >activatedRoute</a>
141
+ </li>
142
+ <li>
143
+ <a href="#getAppConnectionInformation" >getAppConnectionInformation</a>
144
+ </li>
145
+ <li>
146
+ <a href="#updateAppConnection" >updateAppConnection</a>
147
+ </li>
148
+ </ul>
149
+ </td>
150
+ </tr>
151
+
152
+
153
+
154
+
155
+
156
+
157
+ </tbody>
158
+ </table>
159
+ </section>
160
+
161
+ <section data-compodoc="block-constructor">
162
+ <h3 id="constructor">Constructor</h3>
163
+ <table class="table table-sm table-bordered">
164
+ <tbody>
165
+ <tr>
166
+ <td class="col-md-4">
167
+ <code>constructor(actions: Actions, showConnectionStatus: <a href="../undefineds/Status.html" target="_self">boolean | ConnectionStatus</a>, translateService: TranslateService, asService: <a href="../injectables/EuiGrowlService.html" target="_self">EuiGrowlService</a>)</code>
168
+ </td>
169
+ </tr>
170
+
171
+ <tr>
172
+ <td class="col-md-4">
173
+ <div>
174
+ <b>Parameters :</b>
175
+ <table class="params">
176
+ <thead>
177
+ <tr>
178
+ <td>Name</td>
179
+ <td>Type</td>
180
+ <td>Optional</td>
181
+ </tr>
182
+ </thead>
183
+ <tbody>
184
+ <tr>
185
+ <td>actions</td>
186
+
187
+ <td>
188
+ <code>Actions</code>
189
+ </td>
190
+
191
+ <td>
192
+ No
193
+ </td>
194
+
195
+ </tr>
196
+ <tr>
197
+ <td>showConnectionStatus</td>
198
+
199
+ <td>
200
+ <code><a href="../miscellaneous/enumerations.html#Status" target="_self" >boolean | ConnectionStatus</a></code>
201
+ </td>
202
+
203
+ <td>
204
+ No
205
+ </td>
206
+
207
+ </tr>
208
+ <tr>
209
+ <td>translateService</td>
210
+
211
+ <td>
212
+ <code>TranslateService</code>
213
+ </td>
214
+
215
+ <td>
216
+ No
217
+ </td>
218
+
219
+ </tr>
220
+ <tr>
221
+ <td>asService</td>
222
+
223
+ <td>
224
+ <code><a href="../injectables/EuiGrowlService.html" target="_self" >EuiGrowlService</a></code>
225
+ </td>
226
+
227
+ <td>
228
+ No
229
+ </td>
230
+
231
+ </tr>
232
+ </tbody>
233
+ </table>
234
+ </div>
235
+ </td>
236
+ </tr>
237
+ </tbody>
238
+ </table>
239
+ </section>
240
+
241
+
242
+ <section data-compodoc="block-properties">
243
+
244
+ <h3 id="inputs">
245
+ Properties
246
+ </h3>
247
+ <table class="table table-sm table-bordered">
248
+ <tbody>
249
+ <tr>
250
+ <td class="col-md-4">
251
+ <a name="activatedRoute"></a>
252
+ <span class="name">
253
+ <span ><b>activatedRoute</b></span>
254
+ <a href="#activatedRoute"><span class="icon ion-ios-link"></span></a>
255
+ </span>
256
+ </td>
257
+ </tr>
258
+ <tr>
259
+ <td class="col-md-4">
260
+ <i>Type : </i> <code>Observable&lt;Action&gt;</code>
261
+
262
+ </td>
263
+ </tr>
264
+ <tr>
265
+ <td class="col-md-4">
266
+ <i>Default value : </i><code>createEffect(() &#x3D;&gt;
267
+ this.actions.pipe(
268
+ ofType(CoreAppActionTypes.ACTIVATED_ROUTE),
269
+ map((action: ActivatedRouteAction) &#x3D;&gt; action.payload),
270
+ mergeMap((route) &#x3D;&gt; {
271
+ // extract the module name, if defined
272
+ const module &#x3D; route.snapshot.data[&#x27;module&#x27;] || &#x27;undefined&#x27;;
273
+ return [new UpdateCurrentModuleAction(module)];
274
+ }),
275
+ ),
276
+ )</code>
277
+ </td>
278
+ </tr>
279
+
280
+
281
+ </tbody>
282
+ </table>
283
+ <table class="table table-sm table-bordered">
284
+ <tbody>
285
+ <tr>
286
+ <td class="col-md-4">
287
+ <a name="getAppConnectionInformation"></a>
288
+ <span class="name">
289
+ <span ><b>getAppConnectionInformation</b></span>
290
+ <a href="#getAppConnectionInformation"><span class="icon ion-ios-link"></span></a>
291
+ </span>
292
+ </td>
293
+ </tr>
294
+ <tr>
295
+ <td class="col-md-4">
296
+ <i>Type : </i> <code>Observable&lt;Action&gt;</code>
297
+
298
+ </td>
299
+ </tr>
300
+ <tr>
301
+ <td class="col-md-4">
302
+ <i>Default value : </i><code>createEffect(() &#x3D;&gt;
303
+ merge(fromEvent(window, &#x27;online&#x27;).pipe(mapTo(true)), fromEvent(window, &#x27;offline&#x27;).pipe(mapTo(false))).pipe(
304
+ map((connected) &#x3D;&gt; new UpdateAppConnectionAction(connected)),
305
+ ),
306
+ )</code>
307
+ </td>
308
+ </tr>
309
+
310
+
311
+ </tbody>
312
+ </table>
313
+ <table class="table table-sm table-bordered">
314
+ <tbody>
315
+ <tr>
316
+ <td class="col-md-4">
317
+ <a name="updateAppConnection"></a>
318
+ <span class="name">
319
+ <span ><b>updateAppConnection</b></span>
320
+ <a href="#updateAppConnection"><span class="icon ion-ios-link"></span></a>
321
+ </span>
322
+ </td>
323
+ </tr>
324
+ <tr>
325
+ <td class="col-md-4">
326
+ <i>Default value : </i><code>createEffect(
327
+ () &#x3D;&gt;
328
+ this.actions.pipe(
329
+ ofType(CoreAppActionTypes.UPDATE_APP_CONNECTION),
330
+ map((action: UpdateAppConnectionAction) &#x3D;&gt; action.payload),
331
+ tap((connected) &#x3D;&gt; {
332
+ // TODO: for eUI 14, drop boolean support and refactor
333
+ // check if feature is enabled
334
+ const isFeatureEnabled &#x3D;
335
+ typeof this.showConnectionStatus !&#x3D;&#x3D; &#x27;boolean&#x27; ? this.showConnectionStatus?.enabled : this.showConnectionStatus;
336
+ // extract lifespan if any
337
+ const lifespan &#x3D;
338
+ typeof this.showConnectionStatus !&#x3D;&#x3D; &#x27;boolean&#x27; ? this.showConnectionStatus?.messageBox?.lifespan || 0 : 0;
339
+
340
+ // if the user needs to be informed about the connection status
341
+ if (isFeatureEnabled) {
342
+ if (connected) {
343
+ this.translateService.get(&#x27;eui.CONNECTED&#x27;).subscribe((translation) &#x3D;&gt; {
344
+ this.asService.growl(
345
+ { severity: &#x27;success&#x27;, summary: &#x27;MESSAGE&#x27;, detail: translation, life: lifespan },
346
+ lifespan &lt; 1,
347
+ false,
348
+ );
349
+ });
350
+ } else {
351
+ this.translateService.get(&#x27;eui.NOTCONNECTED&#x27;).subscribe((translation) &#x3D;&gt; {
352
+ this.asService.growl(
353
+ { severity: &#x27;danger&#x27;, summary: &#x27;ERROR&#x27;, detail: translation, life: lifespan },
354
+ lifespan &lt; 1,
355
+ false,
356
+ );
357
+ });
358
+ }
359
+ }
360
+ }),
361
+ ),
362
+ { dispatch: false },
363
+ )</code>
364
+ </td>
365
+ </tr>
366
+
367
+
368
+ </tbody>
369
+ </table>
370
+ </section>
371
+
372
+ </div>
373
+
374
+
375
+
376
+ </div>
377
+
378
+
379
+
380
+
381
+
382
+
383
+
384
+
385
+
386
+
387
+
388
+
389
+
390
+ </div><div class="search-results">
391
+ <div class="has-results">
392
+ <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
393
+ <ul class="search-results-list"></ul>
394
+ </div>
395
+ <div class="no-results">
396
+ <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
397
+ </div>
398
+ </div>
399
+ </div>
400
+ <!-- END CONTENT -->
401
+ </div>
402
+ </div>
403
+
404
+ <label class="dark-mode-switch">
405
+ <input type="checkbox">
406
+ <span class="slider">
407
+ <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
408
+ <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
409
+ </svg>
410
+ </span>
411
+ </label>
412
+
413
+ <script>
414
+ var COMPODOC_CURRENT_PAGE_DEPTH = 1;
415
+ var COMPODOC_CURRENT_PAGE_CONTEXT = 'injectable';
416
+ var COMPODOC_CURRENT_PAGE_URL = 'CoreAppEffects.html';
417
+ var MAX_SEARCH_RESULTS = 15;
418
+ </script>
419
+
420
+ <script src="../js/libs/custom-elements.min.js"></script>
421
+ <script src="../js/libs/lit-html.js"></script>
422
+
423
+ <script src="../js/menu-wc.js" defer></script>
424
+ <script nomodule src="../js/menu-wc_es5.js" defer></script>
425
+
426
+ <script src="../js/libs/bootstrap-native.js"></script>
427
+
428
+ <script src="../js/libs/es6-shim.min.js"></script>
429
+ <script src="../js/libs/EventDispatcher.js"></script>
430
+ <script src="../js/libs/promise.min.js"></script>
431
+ <script src="../js/libs/zepto.min.js"></script>
432
+
433
+ <script src="../js/compodoc.js"></script>
434
+
435
+ <script src="../js/tabs.js"></script>
436
+ <script src="../js/menu.js"></script>
437
+ <script src="../js/libs/clipboard.min.js"></script>
438
+ <script src="../js/libs/prism.js"></script>
439
+ <script src="../js/sourceCode.js"></script>
440
+ <script src="../js/search/search.js"></script>
441
+ <script src="../js/search/lunr.min.js"></script>
442
+ <script src="../js/search/search-lunr.js"></script>
443
+ <script src="../js/search/search_index.js"></script>
444
+ <script src="../js/lazy-load-graphs.js"></script>
445
+
446
+
447
+ </body>
448
+ </html>
@@ -1473,7 +1473,7 @@
1473
1473
 
1474
1474
  <tr>
1475
1475
  <td class="col-md-4">
1476
- <div class="io-description"><p>Returns the current value of --eui-base-font-size CSS variable</p>
1476
+ <div class="io-description"><p>Returns the current value of --eui-f-size-base CSS variable</p>
1477
1477
  </div>
1478
1478
 
1479
1479
  <div class="io-description">
@@ -1880,7 +1880,7 @@ Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);</p>
1880
1880
 
1881
1881
  <tr>
1882
1882
  <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>
1883
+ <div class="io-description"><p>Updates the current value of --eui-f-size-base CSS variable and the UIState appBaseFontSize</p>
1884
1884
  </div>
1885
1885
 
1886
1886
  <div class="io-description">