@eui/core 18.0.0-rc.4 → 18.0.0-rc.40

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 (56) hide show
  1. package/docs/classes/CssUtils.html +59 -2
  2. package/docs/dependencies.html +3 -3
  3. package/docs/index.html +1 -1
  4. package/docs/injectables/CoreAppEffects.html +24 -5
  5. package/docs/injectables/EuiAppShellService.html +13 -1
  6. package/docs/injectables/EuiDynamicMenuService.html +2 -2
  7. package/docs/injectables/EuiThemeService.html +297 -96
  8. package/docs/injectables/LocalStorageService.html +12 -1
  9. package/docs/injectables/StoreService.html +12 -1
  10. package/docs/interfaces/IEuiTheme.html +387 -0
  11. package/docs/interfaces/ThemeState.html +309 -0
  12. package/docs/js/menu-wc.js +6 -0
  13. package/docs/js/menu-wc_es5.js +1 -1
  14. package/docs/js/search/search_index.js +2 -2
  15. package/docs/miscellaneous/enumerations.html +66 -6
  16. package/docs/miscellaneous/functions.html +284 -0
  17. package/docs/miscellaneous/variables.html +119 -31
  18. package/esm2022/index.mjs +3 -1
  19. package/esm2022/lib/helpers/css-utils.mjs +74 -60
  20. package/esm2022/lib/helpers/dom-helpers.mjs +3 -9
  21. package/esm2022/lib/services/dynamic-menu/dynamic-menu.service.mjs +2 -5
  22. package/esm2022/lib/services/eui-app-shell.service.mjs +20 -16
  23. package/esm2022/lib/services/eui-theme.service.mjs +186 -26
  24. package/esm2022/lib/services/locale/locale.service.mjs +2 -1
  25. package/esm2022/lib/services/storage/local-storage.service.mjs +36 -25
  26. package/esm2022/lib/services/store/effects/app.effects.mjs +19 -7
  27. package/esm2022/lib/services/store/reducers/meta.reducers.mjs +46 -32
  28. package/esm2022/lib/services/store/store.service.mjs +17 -9
  29. package/esm2022/lib/services/store/store.service.mock.mjs +3 -2
  30. package/fesm2022/eui-core.mjs +403 -194
  31. package/fesm2022/eui-core.mjs.map +1 -1
  32. package/index.d.ts +1 -0
  33. package/index.d.ts.map +1 -1
  34. package/lib/helpers/css-utils.d.ts +24 -18
  35. package/lib/helpers/css-utils.d.ts.map +1 -1
  36. package/lib/helpers/dom-helpers.d.ts +1 -1
  37. package/lib/helpers/dom-helpers.d.ts.map +1 -1
  38. package/lib/services/dynamic-menu/dynamic-menu.service.d.ts +5 -5
  39. package/lib/services/dynamic-menu/dynamic-menu.service.d.ts.map +1 -1
  40. package/lib/services/eui-app-shell.service.d.ts +3 -2
  41. package/lib/services/eui-app-shell.service.d.ts.map +1 -1
  42. package/lib/services/eui-theme.service.d.ts +41 -15
  43. package/lib/services/eui-theme.service.d.ts.map +1 -1
  44. package/lib/services/locale/locale.service.d.ts +1 -0
  45. package/lib/services/locale/locale.service.d.ts.map +1 -1
  46. package/lib/services/storage/local-storage.service.d.ts +3 -2
  47. package/lib/services/storage/local-storage.service.d.ts.map +1 -1
  48. package/lib/services/store/effects/app.effects.d.ts +2 -1
  49. package/lib/services/store/effects/app.effects.d.ts.map +1 -1
  50. package/lib/services/store/reducers/meta.reducers.d.ts +11 -1
  51. package/lib/services/store/reducers/meta.reducers.d.ts.map +1 -1
  52. package/lib/services/store/store.service.d.ts +3 -2
  53. package/lib/services/store/store.service.d.ts.map +1 -1
  54. package/lib/services/store/store.service.mock.d.ts +1 -0
  55. package/lib/services/store/store.service.mock.d.ts.map +1 -1
  56. package/package.json +4 -4
package/docs/injectables/EuiThemeService.html CHANGED
@@ -119,49 +119,44 @@
119
119
  <h3 id="index">Index</h3>
120
120
  <table class="table table-sm table-bordered index-table">
121
121
  <tbody>
122
+
122
123
  <tr>
123
124
  <td class="col-md-4">
124
- <h6><b>Properties</b></h6>
125
+ <h6><b>Methods</b></h6>
125
126
  </td>
126
127
  </tr>
127
128
  <tr>
128
129
  <td class="col-md-4">
129
130
  <ul class="index-list">
130
131
  <li>
131
- <span class="modifier">Public</span>
132
- <a href="#isEC$" >isEC$</a>
132
+ <a href="#isCompact" >isCompact</a>
133
133
  </li>
134
134
  <li>
135
- <span class="modifier">Public</span>
136
- <a href="#isEU$" >isEU$</a>
135
+ <a href="#isDark" >isDark</a>
137
136
  </li>
138
137
  <li>
139
- <span class="modifier">Public</span>
140
- <a href="#theme$" >theme$</a>
138
+ <a href="#isDefault" >isDefault</a>
139
+ </li>
140
+ <li>
141
+ <a href="#isEclEc" >isEclEc</a>
141
142
  </li>
142
- </ul>
143
- </td>
144
- </tr>
145
-
146
- <tr>
147
- <td class="col-md-4">
148
- <h6><b>Methods</b></h6>
149
- </td>
150
- </tr>
151
- <tr>
152
- <td class="col-md-4">
153
- <ul class="index-list">
154
143
  <li>
155
- <a href="#getTheme" >getTheme</a>
144
+ <a href="#isEclEcRtl" >isEclEcRtl</a>
156
145
  </li>
157
146
  <li>
158
- <a href="#isECTheme" >isECTheme</a>
147
+ <a href="#isEclEu" >isEclEu</a>
159
148
  </li>
160
149
  <li>
161
- <a href="#isEUTheme" >isEUTheme</a>
150
+ <a href="#isEclEuRtl" >isEclEuRtl</a>
162
151
  </li>
163
152
  <li>
164
- <a href="#setTheme" >setTheme</a>
153
+ <a href="#isEuiLegacy" >isEuiLegacy</a>
154
+ </li>
155
+ <li>
156
+ <a href="#isEuiLegacyHc" >isEuiLegacyHc</a>
157
+ </li>
158
+ <li>
159
+ <a href="#setActiveTheme" >setActiveTheme</a>
165
160
  </li>
166
161
  </ul>
167
162
  </td>
@@ -171,6 +166,23 @@
171
166
 
172
167
 
173
168
 
169
+ <tr>
170
+ <td class="col-md-4">
171
+ <h6><b>Accessors</b></h6>
172
+ </td>
173
+ </tr>
174
+ <tr>
175
+ <td class="col-md-4">
176
+ <ul class="index-list">
177
+ <li>
178
+ <a href="#state$" >state$</a>
179
+ </li>
180
+ <li>
181
+ <a href="#state" >state</a>
182
+ </li>
183
+ </ul>
184
+ </td>
185
+ </tr>
174
186
  </tbody>
175
187
  </table>
176
188
  </section>
@@ -181,7 +193,7 @@
181
193
  <tbody>
182
194
  <tr>
183
195
  <td class="col-md-4">
184
- <code>constructor(config: GlobalConfig)</code>
196
+ <code>constructor(document: Document, config: GlobalConfig, asService: <a href="../injectables/EuiAppShellService.html" target="_self">EuiAppShellService</a>)</code>
185
197
  </td>
186
198
  </tr>
187
199
 
@@ -198,6 +210,18 @@
198
210
  </tr>
199
211
  </thead>
200
212
  <tbody>
213
+ <tr>
214
+ <td>document</td>
215
+
216
+ <td>
217
+ <code>Document</code>
218
+ </td>
219
+
220
+ <td>
221
+ No
222
+ </td>
223
+
224
+ </tr>
201
225
  <tr>
202
226
  <td>config</td>
203
227
 
@@ -210,6 +234,18 @@
210
234
  </td>
211
235
 
212
236
  </tr>
237
+ <tr>
238
+ <td>asService</td>
239
+
240
+ <td>
241
+ <code><a href="../injectables/EuiAppShellService.html" target="_self" >EuiAppShellService</a></code>
242
+ </td>
243
+
244
+ <td>
245
+ No
246
+ </td>
247
+
248
+ </tr>
213
249
  </tbody>
214
250
  </table>
215
251
  </div>
@@ -228,16 +264,109 @@
228
264
  <tbody>
229
265
  <tr>
230
266
  <td class="col-md-4">
231
- <a name="getTheme"></a>
267
+ <a name="isCompact"></a>
268
+ <span class="name">
269
+ <span ><b>isCompact</b></span>
270
+ <a href="#isCompact"><span class="icon ion-ios-link"></span></a>
271
+ </span>
272
+ </td>
273
+ </tr>
274
+ <tr>
275
+ <td class="col-md-4">
276
+ <code>isCompact()</code>
277
+ </td>
278
+ </tr>
279
+
280
+
281
+
282
+
283
+ <tr>
284
+ <td class="col-md-4">
285
+
286
+ <div class="io-description">
287
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
288
+
289
+ </div>
290
+ </td>
291
+ </tr>
292
+ </tbody>
293
+ </table>
294
+ <table class="table table-sm table-bordered">
295
+ <tbody>
296
+ <tr>
297
+ <td class="col-md-4">
298
+ <a name="isDark"></a>
299
+ <span class="name">
300
+ <span ><b>isDark</b></span>
301
+ <a href="#isDark"><span class="icon ion-ios-link"></span></a>
302
+ </span>
303
+ </td>
304
+ </tr>
305
+ <tr>
306
+ <td class="col-md-4">
307
+ <code>isDark()</code>
308
+ </td>
309
+ </tr>
310
+
311
+
312
+
313
+
314
+ <tr>
315
+ <td class="col-md-4">
316
+
317
+ <div class="io-description">
318
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
319
+
320
+ </div>
321
+ </td>
322
+ </tr>
323
+ </tbody>
324
+ </table>
325
+ <table class="table table-sm table-bordered">
326
+ <tbody>
327
+ <tr>
328
+ <td class="col-md-4">
329
+ <a name="isDefault"></a>
330
+ <span class="name">
331
+ <span ><b>isDefault</b></span>
332
+ <a href="#isDefault"><span class="icon ion-ios-link"></span></a>
333
+ </span>
334
+ </td>
335
+ </tr>
336
+ <tr>
337
+ <td class="col-md-4">
338
+ <code>isDefault()</code>
339
+ </td>
340
+ </tr>
341
+
342
+
343
+
344
+
345
+ <tr>
346
+ <td class="col-md-4">
347
+
348
+ <div class="io-description">
349
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
350
+
351
+ </div>
352
+ </td>
353
+ </tr>
354
+ </tbody>
355
+ </table>
356
+ <table class="table table-sm table-bordered">
357
+ <tbody>
358
+ <tr>
359
+ <td class="col-md-4">
360
+ <a name="isEclEc"></a>
232
361
  <span class="name">
233
- <span ><b>getTheme</b></span>
234
- <a href="#getTheme"><span class="icon ion-ios-link"></span></a>
362
+ <span ><b>isEclEc</b></span>
363
+ <a href="#isEclEc"><span class="icon ion-ios-link"></span></a>
235
364
  </span>
236
365
  </td>
237
366
  </tr>
238
367
  <tr>
239
368
  <td class="col-md-4">
240
- <code>getTheme()</code>
369
+ <code>isEclEc()</code>
241
370
  </td>
242
371
  </tr>
243
372
 
@@ -248,7 +377,7 @@
248
377
  <td class="col-md-4">
249
378
 
250
379
  <div class="io-description">
251
- <b>Returns : </b> <code><a href="../miscellaneous/enumerations.html#EuiTheme" target="_self" >EuiTheme</a></code>
380
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
252
381
 
253
382
  </div>
254
383
  </td>
@@ -259,16 +388,16 @@
259
388
  <tbody>
260
389
  <tr>
261
390
  <td class="col-md-4">
262
- <a name="isECTheme"></a>
391
+ <a name="isEclEcRtl"></a>
263
392
  <span class="name">
264
- <span ><b>isECTheme</b></span>
265
- <a href="#isECTheme"><span class="icon ion-ios-link"></span></a>
393
+ <span ><b>isEclEcRtl</b></span>
394
+ <a href="#isEclEcRtl"><span class="icon ion-ios-link"></span></a>
266
395
  </span>
267
396
  </td>
268
397
  </tr>
269
398
  <tr>
270
399
  <td class="col-md-4">
271
- <code>isECTheme()</code>
400
+ <code>isEclEcRtl()</code>
272
401
  </td>
273
402
  </tr>
274
403
 
@@ -290,16 +419,16 @@
290
419
  <tbody>
291
420
  <tr>
292
421
  <td class="col-md-4">
293
- <a name="isEUTheme"></a>
422
+ <a name="isEclEu"></a>
294
423
  <span class="name">
295
- <span ><b>isEUTheme</b></span>
296
- <a href="#isEUTheme"><span class="icon ion-ios-link"></span></a>
424
+ <span ><b>isEclEu</b></span>
425
+ <a href="#isEclEu"><span class="icon ion-ios-link"></span></a>
297
426
  </span>
298
427
  </td>
299
428
  </tr>
300
429
  <tr>
301
430
  <td class="col-md-4">
302
- <code>isEUTheme()</code>
431
+ <code>isEclEu()</code>
303
432
  </td>
304
433
  </tr>
305
434
 
@@ -321,16 +450,109 @@
321
450
  <tbody>
322
451
  <tr>
323
452
  <td class="col-md-4">
324
- <a name="setTheme"></a>
453
+ <a name="isEclEuRtl"></a>
325
454
  <span class="name">
326
- <span ><b>setTheme</b></span>
327
- <a href="#setTheme"><span class="icon ion-ios-link"></span></a>
455
+ <span ><b>isEclEuRtl</b></span>
456
+ <a href="#isEclEuRtl"><span class="icon ion-ios-link"></span></a>
328
457
  </span>
329
458
  </td>
330
459
  </tr>
331
460
  <tr>
332
461
  <td class="col-md-4">
333
- <code>setTheme(theme: <a href="../undefineds/EuiTheme.html" target="_self">EuiTheme</a>)</code>
462
+ <code>isEclEuRtl()</code>
463
+ </td>
464
+ </tr>
465
+
466
+
467
+
468
+
469
+ <tr>
470
+ <td class="col-md-4">
471
+
472
+ <div class="io-description">
473
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
474
+
475
+ </div>
476
+ </td>
477
+ </tr>
478
+ </tbody>
479
+ </table>
480
+ <table class="table table-sm table-bordered">
481
+ <tbody>
482
+ <tr>
483
+ <td class="col-md-4">
484
+ <a name="isEuiLegacy"></a>
485
+ <span class="name">
486
+ <span ><b>isEuiLegacy</b></span>
487
+ <a href="#isEuiLegacy"><span class="icon ion-ios-link"></span></a>
488
+ </span>
489
+ </td>
490
+ </tr>
491
+ <tr>
492
+ <td class="col-md-4">
493
+ <code>isEuiLegacy()</code>
494
+ </td>
495
+ </tr>
496
+
497
+
498
+
499
+
500
+ <tr>
501
+ <td class="col-md-4">
502
+
503
+ <div class="io-description">
504
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
505
+
506
+ </div>
507
+ </td>
508
+ </tr>
509
+ </tbody>
510
+ </table>
511
+ <table class="table table-sm table-bordered">
512
+ <tbody>
513
+ <tr>
514
+ <td class="col-md-4">
515
+ <a name="isEuiLegacyHc"></a>
516
+ <span class="name">
517
+ <span ><b>isEuiLegacyHc</b></span>
518
+ <a href="#isEuiLegacyHc"><span class="icon ion-ios-link"></span></a>
519
+ </span>
520
+ </td>
521
+ </tr>
522
+ <tr>
523
+ <td class="col-md-4">
524
+ <code>isEuiLegacyHc()</code>
525
+ </td>
526
+ </tr>
527
+
528
+
529
+
530
+
531
+ <tr>
532
+ <td class="col-md-4">
533
+
534
+ <div class="io-description">
535
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
536
+
537
+ </div>
538
+ </td>
539
+ </tr>
540
+ </tbody>
541
+ </table>
542
+ <table class="table table-sm table-bordered">
543
+ <tbody>
544
+ <tr>
545
+ <td class="col-md-4">
546
+ <a name="setActiveTheme"></a>
547
+ <span class="name">
548
+ <span ><b>setActiveTheme</b></span>
549
+ <a href="#setActiveTheme"><span class="icon ion-ios-link"></span></a>
550
+ </span>
551
+ </td>
552
+ </tr>
553
+ <tr>
554
+ <td class="col-md-4">
555
+ <code>setActiveTheme(theme: <a href="../undefineds/EuiTheme.html" target="_self">EuiTheme</a>, isActive: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
334
556
  </td>
335
557
  </tr>
336
558
 
@@ -363,6 +585,18 @@
363
585
  </td>
364
586
 
365
587
 
588
+ </tr>
589
+ <tr>
590
+ <td>isActive</td>
591
+ <td>
592
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
593
+ </td>
594
+
595
+ <td>
596
+ No
597
+ </td>
598
+
599
+
366
600
  </tr>
367
601
  </tbody>
368
602
  </table>
@@ -379,79 +613,46 @@
379
613
  </tbody>
380
614
  </table>
381
615
  </section>
382
- <section data-compodoc="block-properties">
383
-
384
- <h3 id="inputs">
385
- Properties
616
+
617
+ <section data-compodoc="block-accessors">
618
+ <h3 id="accessors">
619
+ Accessors
386
620
  </h3>
387
- <table class="table table-sm table-bordered">
388
- <tbody>
389
- <tr>
390
- <td class="col-md-4">
391
- <a name="isEC$"></a>
392
- <span class="name">
393
- <span class="modifier">Public</span>
394
- <span ><b>isEC$</b></span>
395
- <a href="#isEC$"><span class="icon ion-ios-link"></span></a>
396
- </span>
397
- </td>
398
- </tr>
621
+ <table class="table table-sm table-bordered">
622
+ <tbody>
399
623
  <tr>
400
624
  <td class="col-md-4">
401
- <i>Type : </i> <code>Observable&lt;boolean&gt;</code>
402
-
625
+ <a name="state$"></a>
626
+ <span class="name"><b>state$</b><a href="#state$"><span class="icon ion-ios-link"></span></a></span>
403
627
  </td>
404
628
  </tr>
405
629
 
406
-
407
- </tbody>
408
- </table>
409
- <table class="table table-sm table-bordered">
410
- <tbody>
411
- <tr>
412
- <td class="col-md-4">
413
- <a name="isEU$"></a>
414
- <span class="name">
415
- <span class="modifier">Public</span>
416
- <span ><b>isEU$</b></span>
417
- <a href="#isEU$"><span class="icon ion-ios-link"></span></a>
418
- </span>
419
- </td>
420
- </tr>
421
630
  <tr>
422
631
  <td class="col-md-4">
423
- <i>Type : </i> <code>Observable&lt;boolean&gt;</code>
424
-
632
+ <span class="accessor"><b>get</b><code>state$()</code></span>
425
633
  </td>
426
634
  </tr>
427
635
 
428
-
429
- </tbody>
430
- </table>
431
- <table class="table table-sm table-bordered">
432
- <tbody>
433
- <tr>
434
- <td class="col-md-4">
435
- <a name="theme$"></a>
436
- <span class="name">
437
- <span class="modifier">Public</span>
438
- <span ><b>theme$</b></span>
439
- <a href="#theme$"><span class="icon ion-ios-link"></span></a>
440
- </span>
441
- </td>
442
- </tr>
636
+ </tbody>
637
+ </table>
638
+ <table class="table table-sm table-bordered">
639
+ <tbody>
443
640
  <tr>
444
641
  <td class="col-md-4">
445
- <i>Type : </i> <code><a href="../miscellaneous/enumerations.html#EuiTheme" target="_self" >Observable&lt;EuiTheme&gt;</a></code>
446
-
642
+ <a name="state"></a>
643
+ <span class="name"><b>state</b><a href="#state"><span class="icon ion-ios-link"></span></a></span>
447
644
  </td>
448
645
  </tr>
449
646
 
647
+ <tr>
648
+ <td class="col-md-4">
649
+ <span class="accessor"><b>get</b><code>state()</code></span>
650
+ </td>
651
+ </tr>
450
652
 
451
- </tbody>
452
- </table>
653
+ </tbody>
654
+ </table>
453
655
  </section>
454
-
455
656
  </div>
456
657
 
457
658
 
package/docs/injectables/LocalStorageService.html CHANGED
@@ -186,7 +186,7 @@
186
186
  <tbody>
187
187
  <tr>
188
188
  <td class="col-md-4">
189
- <code>constructor(log: <a href="../injectables/LogService.html" target="_self">LogService</a>)</code>
189
+ <code>constructor(log: <a href="../injectables/LogService.html" target="_self">LogService</a>, platformId)</code>
190
190
  </td>
191
191
  </tr>
192
192
 
@@ -215,6 +215,17 @@
215
215
  </td>
216
216
 
217
217
  </tr>
218
+ <tr>
219
+ <td>platformId</td>
220
+
221
+ <td>
222
+ </td>
223
+
224
+ <td>
225
+ No
226
+ </td>
227
+
228
+ </tr>
218
229
  </tbody>
219
230
  </table>
220
231
  </div>
package/docs/injectables/StoreService.html CHANGED
@@ -164,7 +164,7 @@
164
164
  <tbody>
165
165
  <tr>
166
166
  <td class="col-md-4">
167
- <code>constructor(store: Store<T>, logService: <a href="../injectables/LogService.html" target="_self">LogService</a>)</code>
167
+ <code>constructor(store: Store<T>, logService: <a href="../injectables/LogService.html" target="_self">LogService</a>, platformId)</code>
168
168
  </td>
169
169
  </tr>
170
170
 
@@ -205,6 +205,17 @@
205
205
  </td>
206
206
 
207
207
  </tr>
208
+ <tr>
209
+ <td>platformId</td>
210
+
211
+ <td>
212
+ </td>
213
+
214
+ <td>
215
+ No
216
+ </td>
217
+
218
+ </tr>
208
219
  </tbody>
209
220
  </table>
210
221
  </div>