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

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
@@ -421,32 +421,92 @@
421
421
  </tr>
422
422
  <tr>
423
423
  <td class="col-md-4">
424
- &nbsp;EC
424
+ &nbsp;DEFAULT
425
425
  </td>
426
426
  </tr>
427
427
  <tr>
428
428
  <td class="col-md-4">
429
- <i>Value : </i><code>ec</code>
429
+ <i>Value : </i><code>default</code>
430
430
  </td>
431
431
  </tr>
432
432
  <tr>
433
433
  <td class="col-md-4">
434
- &nbsp;EU
434
+ &nbsp;ECL_EC
435
435
  </td>
436
436
  </tr>
437
437
  <tr>
438
438
  <td class="col-md-4">
439
- <i>Value : </i><code>eu</code>
439
+ <i>Value : </i><code>ecl-ec</code>
440
440
  </td>
441
441
  </tr>
442
442
  <tr>
443
443
  <td class="col-md-4">
444
- &nbsp;EUI
444
+ &nbsp;ECL_EC_RTL
445
445
  </td>
446
446
  </tr>
447
447
  <tr>
448
448
  <td class="col-md-4">
449
- <i>Value : </i><code>eui</code>
449
+ <i>Value : </i><code>ecl-ec-rtl</code>
450
+ </td>
451
+ </tr>
452
+ <tr>
453
+ <td class="col-md-4">
454
+ &nbsp;ECL_EU
455
+ </td>
456
+ </tr>
457
+ <tr>
458
+ <td class="col-md-4">
459
+ <i>Value : </i><code>ecl-eu</code>
460
+ </td>
461
+ </tr>
462
+ <tr>
463
+ <td class="col-md-4">
464
+ &nbsp;ECL_EU_RTL
465
+ </td>
466
+ </tr>
467
+ <tr>
468
+ <td class="col-md-4">
469
+ <i>Value : </i><code>ecl-eu-rtl</code>
470
+ </td>
471
+ </tr>
472
+ <tr>
473
+ <td class="col-md-4">
474
+ &nbsp;EUI_LEGACY
475
+ </td>
476
+ </tr>
477
+ <tr>
478
+ <td class="col-md-4">
479
+ <i>Value : </i><code>eui-legacy</code>
480
+ </td>
481
+ </tr>
482
+ <tr>
483
+ <td class="col-md-4">
484
+ &nbsp;EUI_LEGACY_HC
485
+ </td>
486
+ </tr>
487
+ <tr>
488
+ <td class="col-md-4">
489
+ <i>Value : </i><code>eui-legacy-high-contrast</code>
490
+ </td>
491
+ </tr>
492
+ <tr>
493
+ <td class="col-md-4">
494
+ &nbsp;DARK
495
+ </td>
496
+ </tr>
497
+ <tr>
498
+ <td class="col-md-4">
499
+ <i>Value : </i><code>dark</code>
500
+ </td>
501
+ </tr>
502
+ <tr>
503
+ <td class="col-md-4">
504
+ &nbsp;COMPACT
505
+ </td>
506
+ </tr>
507
+ <tr>
508
+ <td class="col-md-4">
509
+ <i>Value : </i><code>compact</code>
450
510
  </td>
451
511
  </tr>
452
512
  </tbody>
@@ -158,6 +158,12 @@
158
158
  <li>
159
159
  <a href="#localStorageSync" title="packages/eui/packages/core/src/lib/services/store/reducers/meta.reducers.ts" ><b>localStorageSync</b>&nbsp;&nbsp;&nbsp;(packages/.../meta.reducers.ts)</a>
160
160
  </li>
161
+ <li>
162
+ <a href="#localStorageSync" title="packages/eui/packages/core/src/lib/services/store/reducers/meta.reducers.ts" ><b>localStorageSync</b>&nbsp;&nbsp;&nbsp;(packages/.../meta.reducers.ts)</a>
163
+ </li>
164
+ <li>
165
+ <a href="#localStorageSync" title="packages/eui/packages/core/src/lib/services/store/reducers/meta.reducers.ts" ><b>localStorageSync</b>&nbsp;&nbsp;&nbsp;(packages/.../meta.reducers.ts)</a>
166
+ </li>
161
167
  <li>
162
168
  <a href="#LogHttpErrorCallbackFn" title="packages/eui/packages/core/src/lib/services/errors/http-error-handler-callback-functions.ts" ><b>LogHttpErrorCallbackFn</b>&nbsp;&nbsp;&nbsp;(packages/.../http-error-handler-callback-functions.ts)</a>
163
169
  </li>
@@ -179,6 +185,12 @@
179
185
  <li>
180
186
  <a href="#sessionStorageSync" title="packages/eui/packages/core/src/lib/services/store/reducers/meta.reducers.ts" ><b>sessionStorageSync</b>&nbsp;&nbsp;&nbsp;(packages/.../meta.reducers.ts)</a>
181
187
  </li>
188
+ <li>
189
+ <a href="#sessionStorageSync" title="packages/eui/packages/core/src/lib/services/store/reducers/meta.reducers.ts" ><b>sessionStorageSync</b>&nbsp;&nbsp;&nbsp;(packages/.../meta.reducers.ts)</a>
190
+ </li>
191
+ <li>
192
+ <a href="#sessionStorageSync" title="packages/eui/packages/core/src/lib/services/store/reducers/meta.reducers.ts" ><b>sessionStorageSync</b>&nbsp;&nbsp;&nbsp;(packages/.../meta.reducers.ts)</a>
193
+ </li>
182
194
  </ul>
183
195
  </td>
184
196
  </tr>
@@ -1658,6 +1670,70 @@ It needs to be added in your application main.ts file.</p>
1658
1670
  </tr>
1659
1671
  <tr>
1660
1672
  <td class="col-md-4">
1673
+ <code>localStorageSync(platformId)</code>
1674
+ </td>
1675
+ </tr>
1676
+
1677
+
1678
+
1679
+
1680
+ <tr>
1681
+ <td class="col-md-4">
1682
+ <div class="io-description"><p>Utility meta-reducer to load the state from the local storage</p>
1683
+ </div>
1684
+
1685
+ <div class="io-description">
1686
+ <b>Parameters :</b>
1687
+
1688
+ <table class="params">
1689
+ <thead>
1690
+ <tr>
1691
+ <td>Name</td>
1692
+ <td>Optional</td>
1693
+ <td>Description</td>
1694
+ </tr>
1695
+ </thead>
1696
+ <tbody>
1697
+ <tr>
1698
+ <td>platformId</td>
1699
+
1700
+ <td>
1701
+ No
1702
+ </td>
1703
+
1704
+
1705
+ <td>
1706
+ <p>the platformId based on PLATFORM_ID token of Angular</p>
1707
+
1708
+ </td>
1709
+ </tr>
1710
+ </tbody>
1711
+ </table>
1712
+ </div>
1713
+ <div class="io-description">
1714
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/function" target="_blank" >function</a></code>
1715
+
1716
+ </div>
1717
+ <div class="io-description">
1718
+
1719
+ </div>
1720
+ </td>
1721
+ </tr>
1722
+ </tbody>
1723
+ </table>
1724
+ <table class="table table-sm table-bordered">
1725
+ <tbody>
1726
+ <tr>
1727
+ <td class="col-md-4">
1728
+ <a name="localStorageSync"></a>
1729
+ <span class="name">
1730
+ <span ><b>localStorageSync</b></span>
1731
+ <a href="#localStorageSync"><span class="icon ion-ios-link"></span></a>
1732
+ </span>
1733
+ </td>
1734
+ </tr>
1735
+ <tr>
1736
+ <td class="col-md-4">
1661
1737
  <code>localStorageSync(reducer: ActionReducer)</code>
1662
1738
  </td>
1663
1739
  </tr>
@@ -1713,6 +1789,142 @@ It needs to be added in your application main.ts file.</p>
1713
1789
  </tr>
1714
1790
  </tbody>
1715
1791
  </table>
1792
+ <table class="table table-sm table-bordered">
1793
+ <tbody>
1794
+ <tr>
1795
+ <td class="col-md-4">
1796
+ <a name="localStorageSync"></a>
1797
+ <span class="name">
1798
+ <span ><b>localStorageSync</b></span>
1799
+ <a href="#localStorageSync"><span class="icon ion-ios-link"></span></a>
1800
+ </span>
1801
+ </td>
1802
+ </tr>
1803
+ <tr>
1804
+ <td class="col-md-4">
1805
+ <code>localStorageSync(reducer: ActionReducer, platformId?)</code>
1806
+ </td>
1807
+ </tr>
1808
+
1809
+
1810
+
1811
+
1812
+ <tr>
1813
+ <td class="col-md-4">
1814
+
1815
+ <div class="io-description">
1816
+ <b>Parameters :</b>
1817
+
1818
+ <table class="params">
1819
+ <thead>
1820
+ <tr>
1821
+ <td>Name</td>
1822
+ <td>Type</td>
1823
+ <td>Optional</td>
1824
+ </tr>
1825
+ </thead>
1826
+ <tbody>
1827
+ <tr>
1828
+ <td>reducer</td>
1829
+ <td>
1830
+ <code>ActionReducer</code>
1831
+ </td>
1832
+
1833
+ <td>
1834
+ No
1835
+ </td>
1836
+
1837
+
1838
+ </tr>
1839
+ <tr>
1840
+ <td>platformId</td>
1841
+ <td>
1842
+ </td>
1843
+
1844
+ <td>
1845
+ Yes
1846
+ </td>
1847
+
1848
+
1849
+ </tr>
1850
+ </tbody>
1851
+ </table>
1852
+ </div>
1853
+ <div class="io-description">
1854
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function" target="_blank" >Function</a></code>
1855
+
1856
+ </div>
1857
+ <div class="io-description">
1858
+
1859
+ </div>
1860
+ </td>
1861
+ </tr>
1862
+ </tbody>
1863
+ </table>
1864
+ <table class="table table-sm table-bordered">
1865
+ <tbody>
1866
+ <tr>
1867
+ <td class="col-md-4">
1868
+ <a name="sessionStorageSync"></a>
1869
+ <span class="name">
1870
+ <span ><b>sessionStorageSync</b></span>
1871
+ <a href="#sessionStorageSync"><span class="icon ion-ios-link"></span></a>
1872
+ </span>
1873
+ </td>
1874
+ </tr>
1875
+ <tr>
1876
+ <td class="col-md-4">
1877
+ <code>sessionStorageSync(platformId)</code>
1878
+ </td>
1879
+ </tr>
1880
+
1881
+
1882
+
1883
+
1884
+ <tr>
1885
+ <td class="col-md-4">
1886
+ <div class="io-description"><p>Utility meta-reducer to load the state from the session storage</p>
1887
+ </div>
1888
+
1889
+ <div class="io-description">
1890
+ <b>Parameters :</b>
1891
+
1892
+ <table class="params">
1893
+ <thead>
1894
+ <tr>
1895
+ <td>Name</td>
1896
+ <td>Optional</td>
1897
+ <td>Description</td>
1898
+ </tr>
1899
+ </thead>
1900
+ <tbody>
1901
+ <tr>
1902
+ <td>platformId</td>
1903
+
1904
+ <td>
1905
+ No
1906
+ </td>
1907
+
1908
+
1909
+ <td>
1910
+ <p>the platformId based on PLATFORM_ID token of Angular</p>
1911
+
1912
+ </td>
1913
+ </tr>
1914
+ </tbody>
1915
+ </table>
1916
+ </div>
1917
+ <div class="io-description">
1918
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/function" target="_blank" >function</a></code>
1919
+
1920
+ </div>
1921
+ <div class="io-description">
1922
+
1923
+ </div>
1924
+ </td>
1925
+ </tr>
1926
+ </tbody>
1927
+ </table>
1716
1928
  <table class="table table-sm table-bordered">
1717
1929
  <tbody>
1718
1930
  <tr>
@@ -1781,6 +1993,78 @@ It needs to be added in your application main.ts file.</p>
1781
1993
  </tr>
1782
1994
  </tbody>
1783
1995
  </table>
1996
+ <table class="table table-sm table-bordered">
1997
+ <tbody>
1998
+ <tr>
1999
+ <td class="col-md-4">
2000
+ <a name="sessionStorageSync"></a>
2001
+ <span class="name">
2002
+ <span ><b>sessionStorageSync</b></span>
2003
+ <a href="#sessionStorageSync"><span class="icon ion-ios-link"></span></a>
2004
+ </span>
2005
+ </td>
2006
+ </tr>
2007
+ <tr>
2008
+ <td class="col-md-4">
2009
+ <code>sessionStorageSync(reducer: ActionReducer, platformId?)</code>
2010
+ </td>
2011
+ </tr>
2012
+
2013
+
2014
+
2015
+
2016
+ <tr>
2017
+ <td class="col-md-4">
2018
+
2019
+ <div class="io-description">
2020
+ <b>Parameters :</b>
2021
+
2022
+ <table class="params">
2023
+ <thead>
2024
+ <tr>
2025
+ <td>Name</td>
2026
+ <td>Type</td>
2027
+ <td>Optional</td>
2028
+ </tr>
2029
+ </thead>
2030
+ <tbody>
2031
+ <tr>
2032
+ <td>reducer</td>
2033
+ <td>
2034
+ <code>ActionReducer</code>
2035
+ </td>
2036
+
2037
+ <td>
2038
+ No
2039
+ </td>
2040
+
2041
+
2042
+ </tr>
2043
+ <tr>
2044
+ <td>platformId</td>
2045
+ <td>
2046
+ </td>
2047
+
2048
+ <td>
2049
+ Yes
2050
+ </td>
2051
+
2052
+
2053
+ </tr>
2054
+ </tbody>
2055
+ </table>
2056
+ </div>
2057
+ <div class="io-description">
2058
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function" target="_blank" >Function</a></code>
2059
+
2060
+ </div>
2061
+ <div class="io-description">
2062
+
2063
+ </div>
2064
+ </td>
2065
+ </tr>
2066
+ </tbody>
2067
+ </table>
1784
2068
  </section>
1785
2069
 
1786
2070
 
@@ -272,6 +272,9 @@
272
272
  <li>
273
273
  <a href="#initialState" title="packages/eui/packages/core/src/lib/services/eui-app-shell.service.ts" ><b>initialState</b>&nbsp;&nbsp;&nbsp;(packages/.../eui-app-shell.service.ts)</a>
274
274
  </li>
275
+ <li>
276
+ <a href="#initialState" title="packages/eui/packages/core/src/lib/services/eui-theme.service.ts" ><b>initialState</b>&nbsp;&nbsp;&nbsp;(packages/.../eui-theme.service.ts)</a>
277
+ </li>
275
278
  <li>
276
279
  <a href="#isDefined" title="packages/eui/packages/core/src/lib/helpers/utils.ts" ><b>isDefined</b>&nbsp;&nbsp;&nbsp;(packages/.../utils.ts)</a>
277
280
  </li>
@@ -326,6 +329,9 @@
326
329
  <li>
327
330
  <a href="#parentOffsetEl" title="packages/eui/packages/core/src/lib/helpers/dom-helpers.ts" ><b>parentOffsetEl</b>&nbsp;&nbsp;&nbsp;(packages/.../dom-helpers.ts)</a>
328
331
  </li>
332
+ <li>
333
+ <a href="#PLATFORM_BROWSER_ID" title="packages/eui/packages/core/src/lib/services/store/store.service.mock.ts" ><b>PLATFORM_BROWSER_ID</b>&nbsp;&nbsp;&nbsp;(packages/.../store.service.mock.ts)</a>
334
+ </li>
329
335
  <li>
330
336
  <a href="#position" title="packages/eui/packages/core/src/lib/helpers/dom-helpers.ts" ><b>position</b>&nbsp;&nbsp;&nbsp;(packages/.../dom-helpers.ts)</a>
331
337
  </li>
@@ -1390,7 +1396,7 @@
1390
1396
  </tr>
1391
1397
  <tr>
1392
1398
  <td class="col-md-4">
1393
- <i>Default value : </i><code>&lt;S extends CoreState&gt;(reducer: ActionReducer&lt;S&gt;, storage: Storage) &#x3D;&gt;
1399
+ <i>Default value : </i><code>&lt;S extends CoreState&gt;(reducer: ActionReducer&lt;S&gt;, storage: Storage | null) &#x3D;&gt;
1394
1400
  (state: S, action: Action): S &#x3D;&gt; {
1395
1401
  if (action.type &#x3D;&#x3D;&#x3D; CoreAppActionTypes.INIT_STORE) {
1396
1402
  // This action must be dispatched from an app initializer
@@ -1398,31 +1404,32 @@
1398
1404
  // If they are the same, we merge the local state into the initial state.
1399
1405
  // If there is a mismatch, we don&#x27;t merge the local state, but update only the initial state.
1400
1406
 
1401
- // load the state from the localStorage
1402
- const localState: S &#x3D; loadState&lt;S&gt;(storage);
1407
+ if (storage) {
1408
+ // load the state from the localStorage
1409
+ const localState: S &#x3D; loadState&lt;S&gt;(storage);
1403
1410
 
1404
- // extract the details about user and app version from the action payload
1405
- const payload &#x3D; (action as InitStoreAction).payload;
1406
- const payloadVersion &#x3D; payload?.version;
1411
+ // extract the details about user and app version from the action payload
1412
+ const payloadVersion &#x3D; (action as InitStoreAction).payload?.version;
1407
1413
 
1408
- if (localState) {
1409
- // TODO: Why all these checks here? What is the purpose of this code?
1410
- // extract the details about user and app version from the storage state
1411
- const localVersion &#x3D; localState?.app?.version;
1412
- // const localUserId &#x3D; localState.user &amp;&amp; localState.user.userId;
1414
+ if (localState) {
1415
+ // TODO: Why all these checks here? What is the purpose of this code?
1416
+ // extract the details about user and app version from the storage state
1417
+ const localVersion &#x3D; localState?.app?.version;
1418
+ // const localUserId &#x3D; localState.user &amp;&amp; localState.user.userId;
1413
1419
 
1414
- const isVersionOK &#x3D; !localVersion || !payloadVersion || localVersion &#x3D;&#x3D;&#x3D; payloadVersion;
1415
- // const isUserIdOK &#x3D; (localUserId &#x3D;&#x3D;&#x3D; payloadUserId);
1420
+ const isVersionOK &#x3D; !localVersion || !payloadVersion || localVersion &#x3D;&#x3D;&#x3D; payloadVersion;
1421
+ // const isUserIdOK &#x3D; (localUserId &#x3D;&#x3D;&#x3D; payloadUserId);
1416
1422
 
1417
- // update the entire state with deep merge of states, if the version and user are the same
1418
- if (isVersionOK) {
1419
- state &#x3D; extend(true, {}, state, localState);
1423
+ // update the entire state with deep merge of states, if the version and user are the same
1424
+ if (isVersionOK) {
1425
+ state &#x3D; extend(true, {}, state, localState);
1426
+ }
1420
1427
  }
1421
- }
1422
1428
 
1423
- // update the app version, if defined
1424
- if (payloadVersion) {
1425
- state &#x3D; { ...state, app: { ...state?.app, version: payloadVersion } };
1429
+ // update the app version, if defined
1430
+ if (payloadVersion) {
1431
+ state &#x3D; { ...state, app: { ...state?.app, version: payloadVersion } };
1432
+ }
1426
1433
  }
1427
1434
  }
1428
1435
 
@@ -1535,7 +1542,11 @@
1535
1542
  </tr>
1536
1543
  <tr>
1537
1544
  <td class="col-md-4">
1538
- <i>Default value : </i><code>&lt;S extends CoreState&gt;(storage: Storage &#x3D; localStorage): S &#x3D;&gt; {
1545
+ <i>Default value : </i><code>&lt;S extends CoreState&gt;(storage: Storage | null &#x3D; localStorage): S &#x3D;&gt; {
1546
+ if (!storage) {
1547
+ return undefined;
1548
+ }
1549
+
1539
1550
  try {
1540
1551
  // by default falls back to localStorage
1541
1552
  const serializedState &#x3D; storage.getItem(&#x27;state&#x27;);
@@ -1609,19 +1620,15 @@
1609
1620
  </tr>
1610
1621
  <tr>
1611
1622
  <td class="col-md-4">
1612
- <i>Default value : </i><code>(nativeEl: any, cssProp: string): CSSStyleDeclaration &#x3D;&gt; {
1613
- // IE
1623
+ <i>Default value : </i><code>(nativeEl: Element, cssProp: keyof CSSStyleDeclaration): string &#x3D;&gt; {
1614
1624
  /* istanbul ignore if */
1615
- if (nativeEl.currentStyle) {
1616
- return nativeEl.currentStyle[cssProp];
1625
+ if (getComputedStyle(nativeEl)) {
1626
+ return getComputedStyle(nativeEl)[cssProp] as string;
1617
1627
  }
1618
1628
 
1619
- if (window.getComputedStyle) {
1620
- return window.getComputedStyle(nativeEl)[cssProp];
1621
- }
1622
1629
  // finally try and get inline style
1623
1630
  /* istanbul ignore next */
1624
- return nativeEl.style[cssProp];
1631
+ return (nativeEl as HTMLElement).style[cssProp] as string;
1625
1632
  }</code>
1626
1633
  </td>
1627
1634
  </tr>
@@ -1642,7 +1649,7 @@
1642
1649
  </tr>
1643
1650
  <tr>
1644
1651
  <td class="col-md-4">
1645
- <i>Default value : </i><code>&lt;F&gt;(fixture: ComponentFixture&lt;F&gt;, componentClass, klass?): {de: DebugElement, el: HTMLElement, domElement: HTMLElement} &#x3D;&gt; {
1652
+ <i>Default value : </i><code>&lt;F&gt;(fixture: ComponentFixture&lt;F&gt;, componentClass: string, klass?: string): {de: DebugElement, el: HTMLElement, domElement: HTMLElement} &#x3D;&gt; {
1646
1653
  let el: HTMLElement, domElement: NodeList | HTMLElement;
1647
1654
 
1648
1655
  const de &#x3D; fixture.debugElement.query(By.css(componentClass));
@@ -1653,7 +1660,7 @@
1653
1660
  domElement &#x3D; el.querySelectorAll(klass);
1654
1661
 
1655
1662
  if (domElement.length &lt;&#x3D; 1) {
1656
- domElement &#x3D; el.querySelector(klass);
1663
+ domElement &#x3D; el.querySelector(klass) as HTMLElement;
1657
1664
  }
1658
1665
  }
1659
1666
  }
@@ -3542,6 +3549,58 @@
3542
3549
  </tr>
3543
3550
 
3544
3551
 
3552
+ </tbody>
3553
+ </table>
3554
+ </section>
3555
+ <h3>packages/eui/packages/core/src/lib/services/eui-theme.service.ts</h3>
3556
+ <section data-compodoc="block-properties">
3557
+ <h3></h3> <table class="table table-sm table-bordered">
3558
+ <tbody>
3559
+ <tr>
3560
+ <td class="col-md-4">
3561
+ <a name="initialState"></a>
3562
+ <span class="name">
3563
+ <span ><b>initialState</b></span>
3564
+ <a href="#initialState"><span class="icon ion-ios-link"></span></a>
3565
+ </span>
3566
+ </td>
3567
+ </tr>
3568
+ <tr>
3569
+ <td class="col-md-4">
3570
+ <i>Type : </i> <code><a href="../interfaces/ThemeState.html" target="_self" >ThemeState</a></code>
3571
+
3572
+ </td>
3573
+ </tr>
3574
+ <tr>
3575
+ <td class="col-md-4">
3576
+ <i>Default value : </i><code>{
3577
+ themes: [
3578
+ { name: EuiTheme.DEFAULT, isActive: false, styleSheet: null, cssClass: null },
3579
+ { name: EuiTheme.ECL_EC, isActive: false, styleSheet: &#x27;eui-ecl-ec.css&#x27;, cssClass: null },
3580
+ { name: EuiTheme.ECL_EC_RTL, isActive: false, styleSheet: &#x27;eui-ecl-ec-rtl.css&#x27;, cssClass: null },
3581
+ { name: EuiTheme.ECL_EU, isActive: false, styleSheet: &#x27;eui-ecl-eu.css&#x27;, cssClass: null },
3582
+ { name: EuiTheme.ECL_EU_RTL, isActive: false, styleSheet: &#x27;eui-ecl-eu-rtl.css&#x27;, cssClass: null },
3583
+ { name: EuiTheme.EUI_LEGACY, isActive: false, styleSheet: null, cssClass: &#x27;eui-t-eui-legacy&#x27; },
3584
+ { name: EuiTheme.EUI_LEGACY_HC, isActive: false, styleSheet: null, cssClass: &#x27;eui-t-high-contrast&#x27; },
3585
+ { name: EuiTheme.DARK, isActive: false, styleSheet: null, cssClass: &#x27;eui-t-dark&#x27; },
3586
+ { name: EuiTheme.COMPACT, isActive: false, styleSheet: null, cssClass: &#x27;eui-t-compact&#x27; },
3587
+ ],
3588
+ theme: {
3589
+ isDefault: false,
3590
+ isEclEc: false,
3591
+ isEclEcRtl: false,
3592
+ isEclEu: false,
3593
+ isEclEuRtl: false,
3594
+ isEuiLegacy: false,
3595
+ isEuiLegacyHc: false,
3596
+ isDark: false,
3597
+ isCompact: false,
3598
+ },
3599
+ }</code>
3600
+ </td>
3601
+ </tr>
3602
+
3603
+
3545
3604
  </tbody>
3546
3605
  </table>
3547
3606
  </section>
@@ -3824,6 +3883,35 @@
3824
3883
  </tr>
3825
3884
 
3826
3885
 
3886
+ </tbody>
3887
+ </table>
3888
+ </section>
3889
+ <h3>packages/eui/packages/core/src/lib/services/store/store.service.mock.ts</h3>
3890
+ <section data-compodoc="block-properties">
3891
+ <h3></h3> <table class="table table-sm table-bordered">
3892
+ <tbody>
3893
+ <tr>
3894
+ <td class="col-md-4">
3895
+ <a name="PLATFORM_BROWSER_ID"></a>
3896
+ <span class="name">
3897
+ <span ><b>PLATFORM_BROWSER_ID</b></span>
3898
+ <a href="#PLATFORM_BROWSER_ID"><span class="icon ion-ios-link"></span></a>
3899
+ </span>
3900
+ </td>
3901
+ </tr>
3902
+ <tr>
3903
+ <td class="col-md-4">
3904
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
3905
+
3906
+ </td>
3907
+ </tr>
3908
+ <tr>
3909
+ <td class="col-md-4">
3910
+ <i>Default value : </i><code>&#x27;browser&#x27;</code>
3911
+ </td>
3912
+ </tr>
3913
+
3914
+
3827
3915
  </tbody>
3828
3916
  </table>
3829
3917
  </section>
package/esm2022/index.mjs CHANGED
@@ -1,3 +1,5 @@
1
+ /* BASE PACKAGE */
2
+ export * from '@eui/base';
1
3
  /* CORE MODULES */
2
4
  export * from './lib/eui-core.module';
3
5
  /* CORE SERVICES */
@@ -8,4 +10,4 @@ export * from './lib/services/index';
8
10
  export * from './lib/interceptors/index';
9
11
  /* CORE HELPERS */
10
12
  export * from './lib/helpers/index';
11
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsa0JBQWtCO0FBQ2xCLGNBQWMsdUJBQXVCLENBQUM7QUFFdEMsbUJBQW1CO0FBQ25CLGNBQWMsc0JBQXNCLENBQUM7QUFFckMsMkJBQTJCO0FBQzNCLGdEQUFnRDtBQUVoRCx1QkFBdUI7QUFDdkIsY0FBYywwQkFBMEIsQ0FBQztBQUV6QyxrQkFBa0I7QUFDbEIsY0FBYyxxQkFBcUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qIENPUkUgTU9EVUxFUyAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZXVpLWNvcmUubW9kdWxlJztcblxuLyogQ09SRSBTRVJWSUNFUyAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvaW5kZXgnO1xuXG4vLyAvKiBDT1JFIENPTkZJRyBUT0tFTlMgKi9cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL2NvbmZpZy90b2tlbnMnO1xuXG4vKiBDT1JFIElOVEVSQ0VQVE9SUyAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvaW50ZXJjZXB0b3JzL2luZGV4JztcblxuLyogQ09SRSBIRUxQRVJTICovXG5leHBvcnQgKiBmcm9tICcuL2xpYi9oZWxwZXJzL2luZGV4JztcbiJdfQ==
13
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsa0JBQWtCO0FBQ2xCLGNBQWMsV0FBVyxDQUFDO0FBRTFCLGtCQUFrQjtBQUNsQixjQUFjLHVCQUF1QixDQUFDO0FBRXRDLG1CQUFtQjtBQUNuQixjQUFjLHNCQUFzQixDQUFDO0FBRXJDLDJCQUEyQjtBQUMzQixnREFBZ0Q7QUFFaEQsdUJBQXVCO0FBQ3ZCLGNBQWMsMEJBQTBCLENBQUM7QUFFekMsa0JBQWtCO0FBQ2xCLGNBQWMscUJBQXFCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBCQVNFIFBBQ0tBR0UgKi9cbmV4cG9ydCAqIGZyb20gJ0BldWkvYmFzZSc7XG5cbi8qIENPUkUgTU9EVUxFUyAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZXVpLWNvcmUubW9kdWxlJztcblxuLyogQ09SRSBTRVJWSUNFUyAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvaW5kZXgnO1xuXG4vLyAvKiBDT1JFIENPTkZJRyBUT0tFTlMgKi9cbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL2NvbmZpZy90b2tlbnMnO1xuXG4vKiBDT1JFIElOVEVSQ0VQVE9SUyAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvaW50ZXJjZXB0b3JzL2luZGV4JztcblxuLyogQ09SRSBIRUxQRVJTICovXG5leHBvcnQgKiBmcm9tICcuL2xpYi9oZWxwZXJzL2luZGV4JztcbiJdfQ==