@eui/core 13.0.0-rc.38 → 13.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 (156) hide show
  1. package/docs/classes/ActivatedRouteAction.html +10 -1
  2. package/docs/classes/AddApiQueueItemAction.html +10 -1
  3. package/docs/classes/AddAppLoadedConfigModulesAction.html +10 -1
  4. package/docs/classes/ApiQueueServiceMock.html +10 -1
  5. package/docs/classes/AsyncStorageService.html +10 -1
  6. package/docs/classes/AsyncStorageServiceMock.html +10 -1
  7. package/docs/classes/EmptyApiQueueAction.html +10 -1
  8. package/docs/classes/EuiCoreRootGuardClass.html +10 -1
  9. package/docs/classes/EuiError.html +10 -1
  10. package/docs/classes/I18nResourceImpl.html +10 -1
  11. package/docs/classes/InitStoreAction.html +10 -1
  12. package/docs/classes/LogServiceMock.html +10 -1
  13. package/docs/classes/OpenIdConnectServiceMock.html +10 -1
  14. package/docs/classes/RemoveApiQueueItemAction.html +10 -1
  15. package/docs/classes/RouterMock.html +10 -1
  16. package/docs/classes/StorageService.html +10 -1
  17. package/docs/classes/StorageServiceMock.html +10 -1
  18. package/docs/classes/StoreMock.html +10 -1
  19. package/docs/classes/TranslateServiceMock.html +10 -1
  20. package/docs/classes/UpdateAppConnectionAction.html +10 -1
  21. package/docs/classes/UpdateAppStatusAction.html +10 -1
  22. package/docs/classes/UpdateAppVersionAction.html +10 -1
  23. package/docs/classes/UpdateCurrentModuleAction.html +10 -1
  24. package/docs/classes/UpdateI18nStateAction.html +10 -1
  25. package/docs/classes/UpdateLocaleStateAction.html +10 -1
  26. package/docs/classes/UpdateNotificationsListAction.html +10 -1
  27. package/docs/classes/UpdateUserDashboardAction.html +10 -1
  28. package/docs/classes/UpdateUserDetailsAction.html +10 -1
  29. package/docs/classes/UpdateUserPreferencesAction.html +10 -1
  30. package/docs/classes/UpdateUserRightsAction.html +10 -1
  31. package/docs/classes/UpdateUserStateAction.html +10 -1
  32. package/docs/classes/UxErrorManager.html +10 -1
  33. package/docs/classes/UxRootInjectorGuard.html +10 -1
  34. package/docs/dependencies.html +50 -37
  35. package/docs/directives/TranslateMockDirective.html +11 -2
  36. package/docs/index.html +10 -1
  37. package/docs/injectables/ApiQueueService.html +10 -1
  38. package/docs/injectables/CoreAppEffects.html +10 -1
  39. package/docs/injectables/EuiPermissionService.html +10 -1
  40. package/docs/injectables/GlobalErrorHandler.html +10 -1
  41. package/docs/injectables/I18nLoader.html +49 -1
  42. package/docs/injectables/I18nService.html +10 -1
  43. package/docs/injectables/I18nServiceMock.html +10 -1
  44. package/docs/injectables/LocalForageService.html +10 -1
  45. package/docs/injectables/LocalStorageService.html +10 -1
  46. package/docs/injectables/LocaleService.html +10 -1
  47. package/docs/injectables/LocaleServiceMock.html +10 -1
  48. package/docs/injectables/LogService.html +10 -1
  49. package/docs/injectables/OpenIdConnectService.html +10 -1
  50. package/docs/injectables/SessionStorageService.html +10 -1
  51. package/docs/injectables/StoreService.html +10 -1
  52. package/docs/injectables/StoreServiceMock.html +10 -1
  53. package/docs/injectables/UserService.html +10 -1
  54. package/docs/injectables/UserServiceMock.html +10 -1
  55. package/docs/injectables/UxAppShellService.html +76 -3
  56. package/docs/injectables/UxDynamicComponentService.html +11 -2
  57. package/docs/injectables/UxDynamicMenuService.html +11 -2
  58. package/docs/injectables/UxErrorFeedbackService.html +10 -1
  59. package/docs/injectables/UxTimezoneService.html +10 -1
  60. package/docs/interceptors/AddLangParamInterceptor.html +10 -1
  61. package/docs/interceptors/CachePreventionInterceptor.html +10 -1
  62. package/docs/interceptors/CorsSecurityInterceptor.html +10 -1
  63. package/docs/interceptors/CsrfPreventionInterceptor.html +10 -1
  64. package/docs/interceptors/EuLoginSessionTimeoutHandlingInterceptor.html +10 -1
  65. package/docs/interceptors/HttpErrorHandlerInterceptor.html +10 -1
  66. package/docs/interceptors/OpenIdConnectInterceptor.html +10 -1
  67. package/docs/interceptors/UxRequestErrorModelInterceptor.html +10 -1
  68. package/docs/interfaces/LoadedResources.html +10 -1
  69. package/docs/interfaces/LoadedResourcesError.html +10 -1
  70. package/docs/interfaces/ModuleLoadEvent.html +10 -1
  71. package/docs/interfaces/OpenIdConnectUserDetails.html +10 -1
  72. package/docs/interfaces/ResourceError.html +10 -1
  73. package/docs/interfaces/TimeZone.html +10 -1
  74. package/docs/interfaces/UIState.html +55 -1
  75. package/docs/js/menu-wc.js +6 -6
  76. package/docs/js/menu-wc_es5.js +1 -1
  77. package/docs/js/menu.js +48 -2
  78. package/docs/js/search/search_index.js +2 -2
  79. package/docs/license.html +10 -1
  80. package/docs/miscellaneous/enumerations.html +10 -1
  81. package/docs/miscellaneous/functions.html +10 -1
  82. package/docs/miscellaneous/typealiases.html +10 -1
  83. package/docs/miscellaneous/variables.html +13 -1
  84. package/docs/modules/CoreModule.html +10 -1
  85. package/docs/modules/I18nModule.html +10 -1
  86. package/docs/modules/LogModule.html +10 -1
  87. package/docs/modules/TranslateMockModule.html +10 -1
  88. package/docs/modules.html +14 -5
  89. package/docs/pipes/TranslateMockPipe.html +11 -2
  90. package/docs/styles/compodoc.css +71 -1
  91. package/docs/styles/dark.css +37 -33
  92. package/docs/styles/laravel.css +33 -35
  93. package/docs/styles/material.css +15 -17
  94. package/docs/styles/original.css +2 -4
  95. package/docs/styles/postmark.css +12 -14
  96. package/docs/styles/readthedocs.css +6 -8
  97. package/docs/styles/reset.css +115 -34
  98. package/docs/styles/stripe.css +33 -35
  99. package/docs/styles/vagrant.css +26 -28
  100. package/esm2020/lib/eui-core.module.mjs +4 -4
  101. package/esm2020/lib/helpers/dom-helpers.mjs +3 -1
  102. package/esm2020/lib/helpers/format-helpers.mjs +3 -1
  103. package/esm2020/lib/interceptors/add-lang-param.interceptor.mjs +3 -3
  104. package/esm2020/lib/interceptors/cache-prevention.interceptor.mjs +3 -3
  105. package/esm2020/lib/interceptors/cors-security.interceptor.mjs +3 -3
  106. package/esm2020/lib/interceptors/csrf-prevention.interceptor.mjs +3 -3
  107. package/esm2020/lib/interceptors/eu-login-session-timeout-handling.interceptor.mjs +3 -3
  108. package/esm2020/lib/interceptors/openid/openid-connect.interceptor.mjs +3 -3
  109. package/esm2020/lib/interceptors/openid/openid-connect.service.mjs +3 -3
  110. package/esm2020/lib/interceptors/ux-request-error-model.interceptor.mjs +3 -3
  111. package/esm2020/lib/services/app/eui-pre-init-app.mjs +3 -1
  112. package/esm2020/lib/services/app/factories/log.mjs +3 -1
  113. package/esm2020/lib/services/errors/global-error-handler.mjs +3 -3
  114. package/esm2020/lib/services/errors/http-error-handler.interceptor.mjs +3 -3
  115. package/esm2020/lib/services/i18n/i18n.loader.mjs +12 -4
  116. package/esm2020/lib/services/i18n/i18n.service.mjs +10 -4
  117. package/esm2020/lib/services/i18n/i18n.service.mock.mjs +3 -3
  118. package/esm2020/lib/services/locale/locale.service.mjs +8 -6
  119. package/esm2020/lib/services/log/log.module.mjs +4 -4
  120. package/esm2020/lib/services/log/log.service.mjs +3 -3
  121. package/esm2020/lib/services/permission/permission.service.mjs +3 -3
  122. package/esm2020/lib/services/queue/api-queue.service.mjs +3 -3
  123. package/esm2020/lib/services/storage/async-storage.service.mjs +1 -1
  124. package/esm2020/lib/services/storage/local-forage.service.mjs +6 -4
  125. package/esm2020/lib/services/storage/local-storage.service.mjs +3 -3
  126. package/esm2020/lib/services/storage/session-storage.service.mjs +3 -3
  127. package/esm2020/lib/services/storage/storage.service.mjs +1 -1
  128. package/esm2020/lib/services/store/effects/app.effects.mjs +3 -3
  129. package/esm2020/lib/services/store/reducers/meta.reducers.mjs +9 -1
  130. package/esm2020/lib/services/store/store.service.mjs +3 -3
  131. package/esm2020/lib/services/store/store.service.mock.mjs +3 -3
  132. package/esm2020/lib/services/user/user.service.mjs +3 -3
  133. package/esm2020/lib/services/user/user.service.mock.mjs +3 -3
  134. package/esm2020/lib/services/ux-app-shell.service.mjs +15 -12
  135. package/esm2020/lib/services/ux-dynamic-component/ux-dynamic-component.service.mjs +3 -3
  136. package/esm2020/lib/services/ux-dynamic-menu/ux-dynamic-menu.service.mjs +3 -3
  137. package/esm2020/lib/services/ux-error-feedback/ux-error-feedback.service.mjs +3 -3
  138. package/esm2020/lib/services/ux-timezone.service.mjs +3 -3
  139. package/fesm2015/eui-core.mjs +142 -105
  140. package/fesm2015/eui-core.mjs.map +1 -1
  141. package/fesm2020/eui-core.mjs +145 -108
  142. package/fesm2020/eui-core.mjs.map +1 -1
  143. package/lib/helpers/dom-helpers.d.ts.map +1 -1
  144. package/lib/helpers/format-helpers.d.ts.map +1 -1
  145. package/lib/services/app/eui-pre-init-app.d.ts.map +1 -1
  146. package/lib/services/app/factories/log.d.ts.map +1 -1
  147. package/lib/services/i18n/i18n.loader.d.ts +5 -0
  148. package/lib/services/i18n/i18n.loader.d.ts.map +1 -1
  149. package/lib/services/i18n/i18n.service.d.ts.map +1 -1
  150. package/lib/services/locale/locale.service.d.ts.map +1 -1
  151. package/lib/services/storage/async-storage.service.d.ts.map +1 -1
  152. package/lib/services/storage/local-forage.service.d.ts.map +1 -1
  153. package/lib/services/store/reducers/meta.reducers.d.ts.map +1 -1
  154. package/lib/services/ux-app-shell.service.d.ts +3 -2
  155. package/lib/services/ux-app-shell.service.d.ts.map +1 -1
  156. package/package.json +1 -1
package/docs/license.html CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  <link rel="icon" type="image/x-icon" href="./images/favicon.ico">
11
11
  <link rel="stylesheet" href="./styles/style.css">
12
- <link rel="stylesheet" href="./styles/dark.css" media="(prefers-color-scheme: dark)">
12
+ <link rel="stylesheet" href="./styles/dark.css">
13
13
  <link rel="stylesheet" href="./styles/material.css">
14
14
  </head>
15
15
  <body>
@@ -330,6 +330,15 @@ registered office inside a European Union country.</li>
330
330
  </div>
331
331
  </div>
332
332
 
333
+ <label class="dark-mode-switch">
334
+ <input type="checkbox">
335
+ <span class="slider">
336
+ <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">
337
+ <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
338
+ </svg>
339
+ </span>
340
+ </label>
341
+
333
342
  <script>
334
343
  var COMPODOC_CURRENT_PAGE_DEPTH = 0;
335
344
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'getting-started';
package/docs/miscellaneous/enumerations.html CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11
11
  <link rel="stylesheet" href="../styles/style.css">
12
- <link rel="stylesheet" href="../styles/dark.css" media="(prefers-color-scheme: dark)">
12
+ <link rel="stylesheet" href="../styles/dark.css">
13
13
  <link rel="stylesheet" href="../styles/material.css">
14
14
  </head>
15
15
  <body>
@@ -369,6 +369,15 @@
369
369
  </div>
370
370
  </div>
371
371
 
372
+ <label class="dark-mode-switch">
373
+ <input type="checkbox">
374
+ <span class="slider">
375
+ <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">
376
+ <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
377
+ </svg>
378
+ </span>
379
+ </label>
380
+
372
381
  <script>
373
382
  var COMPODOC_CURRENT_PAGE_DEPTH = 1;
374
383
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'miscellaneous-enumerations';
package/docs/miscellaneous/functions.html CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11
11
  <link rel="stylesheet" href="../styles/style.css">
12
- <link rel="stylesheet" href="../styles/dark.css" media="(prefers-color-scheme: dark)">
12
+ <link rel="stylesheet" href="../styles/dark.css">
13
13
  <link rel="stylesheet" href="../styles/material.css">
14
14
  </head>
15
15
  <body>
@@ -2024,6 +2024,15 @@ It needs to be added in your application main.ts file.</p>
2024
2024
  </div>
2025
2025
  </div>
2026
2026
 
2027
+ <label class="dark-mode-switch">
2028
+ <input type="checkbox">
2029
+ <span class="slider">
2030
+ <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">
2031
+ <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
2032
+ </svg>
2033
+ </span>
2034
+ </label>
2035
+
2027
2036
  <script>
2028
2037
  var COMPODOC_CURRENT_PAGE_DEPTH = 1;
2029
2038
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'miscellaneous-functions';
package/docs/miscellaneous/typealiases.html CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11
11
  <link rel="stylesheet" href="../styles/style.css">
12
- <link rel="stylesheet" href="../styles/dark.css" media="(prefers-color-scheme: dark)">
12
+ <link rel="stylesheet" href="../styles/dark.css">
13
13
  <link rel="stylesheet" href="../styles/material.css">
14
14
  </head>
15
15
  <body>
@@ -209,6 +209,15 @@
209
209
  </div>
210
210
  </div>
211
211
 
212
+ <label class="dark-mode-switch">
213
+ <input type="checkbox">
214
+ <span class="slider">
215
+ <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">
216
+ <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
217
+ </svg>
218
+ </span>
219
+ </label>
220
+
212
221
  <script>
213
222
  var COMPODOC_CURRENT_PAGE_DEPTH = 1;
214
223
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'miscellaneous-typealiases';
package/docs/miscellaneous/variables.html CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11
11
  <link rel="stylesheet" href="../styles/style.css">
12
- <link rel="stylesheet" href="../styles/dark.css" media="(prefers-color-scheme: dark)">
12
+ <link rel="stylesheet" href="../styles/dark.css">
13
13
  <link rel="stylesheet" href="../styles/material.css">
14
14
  </head>
15
15
  <body>
@@ -1385,6 +1385,7 @@
1385
1385
  <tr>
1386
1386
  <td class="col-md-4">
1387
1387
  <i>Default value : </i><code>&lt;S extends CoreState&gt;(reducer: ActionReducer&lt;S&gt;, storage: Storage) &#x3D;&gt; {
1388
+ /* tslint:enable */
1388
1389
  return function (state: S, action: Action): S {
1389
1390
  if (action.type &#x3D;&#x3D;&#x3D; CoreAppActionTypes.INIT_STORE) {
1390
1391
  // This action must be dispatched from an app initializer
@@ -1529,6 +1530,7 @@
1529
1530
  <tr>
1530
1531
  <td class="col-md-4">
1531
1532
  <i>Default value : </i><code>&lt;S extends CoreState&gt;(storage: Storage &#x3D; localStorage): S &#x3D;&gt; {
1533
+ /* tslint:enable */
1532
1534
  try {
1533
1535
  // by default falls back to localStorage
1534
1536
  const serializedState &#x3D; storage.getItem(&#x27;state&#x27;);
@@ -2756,6 +2758,7 @@
2756
2758
  isSidebarActive: false,
2757
2759
  isSidebarInnerActive: false,
2758
2760
  isSidebarStateCloseWithIcons: false,
2761
+ isSidebarExpandOnHover: true,
2759
2762
  hasSidebar: false,
2760
2763
  hasHeader: false,
2761
2764
  hasHeaderLogo: false,
@@ -3784,6 +3787,15 @@
3784
3787
  </div>
3785
3788
  </div>
3786
3789
 
3790
+ <label class="dark-mode-switch">
3791
+ <input type="checkbox">
3792
+ <span class="slider">
3793
+ <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">
3794
+ <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
3795
+ </svg>
3796
+ </span>
3797
+ </label>
3798
+
3787
3799
  <script>
3788
3800
  var COMPODOC_CURRENT_PAGE_DEPTH = 1;
3789
3801
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'miscellaneous-variables';
package/docs/modules/CoreModule.html CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11
11
  <link rel="stylesheet" href="../styles/style.css">
12
- <link rel="stylesheet" href="../styles/dark.css" media="(prefers-color-scheme: dark)">
12
+ <link rel="stylesheet" href="../styles/dark.css">
13
13
  <link rel="stylesheet" href="../styles/material.css">
14
14
  </head>
15
15
  <body>
@@ -204,6 +204,15 @@
204
204
  </div>
205
205
  </div>
206
206
 
207
+ <label class="dark-mode-switch">
208
+ <input type="checkbox">
209
+ <span class="slider">
210
+ <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">
211
+ <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
212
+ </svg>
213
+ </span>
214
+ </label>
215
+
207
216
  <script>
208
217
  var COMPODOC_CURRENT_PAGE_DEPTH = 1;
209
218
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'module';
package/docs/modules/I18nModule.html CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11
11
  <link rel="stylesheet" href="../styles/style.css">
12
- <link rel="stylesheet" href="../styles/dark.css" media="(prefers-color-scheme: dark)">
12
+ <link rel="stylesheet" href="../styles/dark.css">
13
13
  <link rel="stylesheet" href="../styles/material.css">
14
14
  </head>
15
15
  <body>
@@ -146,6 +146,15 @@
146
146
  </div>
147
147
  </div>
148
148
 
149
+ <label class="dark-mode-switch">
150
+ <input type="checkbox">
151
+ <span class="slider">
152
+ <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">
153
+ <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
154
+ </svg>
155
+ </span>
156
+ </label>
157
+
149
158
  <script>
150
159
  var COMPODOC_CURRENT_PAGE_DEPTH = 1;
151
160
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'module';
package/docs/modules/LogModule.html CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11
11
  <link rel="stylesheet" href="../styles/style.css">
12
- <link rel="stylesheet" href="../styles/dark.css" media="(prefers-color-scheme: dark)">
12
+ <link rel="stylesheet" href="../styles/dark.css">
13
13
  <link rel="stylesheet" href="../styles/material.css">
14
14
  </head>
15
15
  <body>
@@ -253,6 +253,15 @@
253
253
  </div>
254
254
  </div>
255
255
 
256
+ <label class="dark-mode-switch">
257
+ <input type="checkbox">
258
+ <span class="slider">
259
+ <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">
260
+ <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
261
+ </svg>
262
+ </span>
263
+ </label>
264
+
256
265
  <script>
257
266
  var COMPODOC_CURRENT_PAGE_DEPTH = 1;
258
267
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'module';
package/docs/modules/TranslateMockModule.html CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11
11
  <link rel="stylesheet" href="../styles/style.css">
12
- <link rel="stylesheet" href="../styles/dark.css" media="(prefers-color-scheme: dark)">
12
+ <link rel="stylesheet" href="../styles/dark.css">
13
13
  <link rel="stylesheet" href="../styles/material.css">
14
14
  </head>
15
15
  <body>
@@ -123,6 +123,15 @@
123
123
  </div>
124
124
  </div>
125
125
 
126
+ <label class="dark-mode-switch">
127
+ <input type="checkbox">
128
+ <span class="slider">
129
+ <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">
130
+ <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
131
+ </svg>
132
+ </span>
133
+ </label>
134
+
126
135
  <script>
127
136
  var COMPODOC_CURRENT_PAGE_DEPTH = 1;
128
137
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'module';
package/docs/modules.html CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  <link rel="icon" type="image/x-icon" href="./images/favicon.ico">
11
11
  <link rel="stylesheet" href="./styles/style.css">
12
- <link rel="stylesheet" href="./styles/dark.css" media="(prefers-color-scheme: dark)">
12
+ <link rel="stylesheet" href="./styles/dark.css">
13
13
  <link rel="stylesheet" href="./styles/material.css">
14
14
  </head>
15
15
  <body>
@@ -39,7 +39,7 @@
39
39
  </ol>
40
40
  <div class="container-fluid modules">
41
41
  <div class="row">
42
- <div class="col-sm-4">
42
+ <div class="col-md-6 col-lg-4">
43
43
  <div class="card card-module">
44
44
  <div class="card-header">
45
45
  <h4 class="card-title">CoreModule</h4>
@@ -51,7 +51,7 @@
51
51
  </div>
52
52
  </div>
53
53
  </div>
54
- <div class="col-sm-4">
54
+ <div class="col-md-6 col-lg-4">
55
55
  <div class="card card-module">
56
56
  <div class="card-header">
57
57
  <h4 class="card-title">I18nModule</h4>
@@ -63,7 +63,7 @@
63
63
  </div>
64
64
  </div>
65
65
  </div>
66
- <div class="col-sm-4">
66
+ <div class="col-md-6 col-lg-4">
67
67
  <div class="card card-module">
68
68
  <div class="card-header">
69
69
  <h4 class="card-title">LogModule</h4>
@@ -75,7 +75,7 @@
75
75
  </div>
76
76
  </div>
77
77
  </div>
78
- <div class="col-sm-4">
78
+ <div class="col-md-6 col-lg-4">
79
79
  <div class="card card-module">
80
80
  <div class="card-header">
81
81
  <h4 class="card-title">TranslateMockModule</h4>
@@ -119,6 +119,15 @@
119
119
  </div>
120
120
  </div>
121
121
 
122
+ <label class="dark-mode-switch">
123
+ <input type="checkbox">
124
+ <span class="slider">
125
+ <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">
126
+ <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
127
+ </svg>
128
+ </span>
129
+ </label>
130
+
122
131
  <script>
123
132
  var COMPODOC_CURRENT_PAGE_DEPTH = 0;
124
133
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'modules';
package/docs/pipes/TranslateMockPipe.html CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11
11
  <link rel="stylesheet" href="../styles/style.css">
12
- <link rel="stylesheet" href="../styles/dark.css" media="(prefers-color-scheme: dark)">
12
+ <link rel="stylesheet" href="../styles/dark.css">
13
13
  <link rel="stylesheet" href="../styles/material.css">
14
14
  </head>
15
15
  <body>
@@ -67,7 +67,7 @@
67
67
 
68
68
  <section>
69
69
  <h3>Metadata</h3>
70
- <table class="table table-sm table-hover">
70
+ <table class="table table-sm table-hover metadata">
71
71
  <tbody>
72
72
  <tr>
73
73
  <td class="col-md-3">Name</td>
@@ -175,6 +175,15 @@
175
175
  </div>
176
176
  </div>
177
177
 
178
+ <label class="dark-mode-switch">
179
+ <input type="checkbox">
180
+ <span class="slider">
181
+ <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">
182
+ <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
183
+ </svg>
184
+ </span>
185
+ </label>
186
+
178
187
  <script>
179
188
  var COMPODOC_CURRENT_PAGE_DEPTH = 1;
180
189
  var COMPODOC_CURRENT_PAGE_CONTEXT = 'pipe';
package/docs/styles/compodoc.css CHANGED
@@ -132,7 +132,8 @@ a[href] {
132
132
  }
133
133
 
134
134
  .container-fluid.modules {
135
- overflow-y: scroll;
135
+ width: 100%;
136
+ overflow-y: auto;
136
137
  }
137
138
 
138
139
  .container-fluid.module {
@@ -1002,3 +1003,72 @@ ul.index-list {
1002
1003
  text-decoration: none;
1003
1004
  display: inline-block;
1004
1005
  }
1006
+
1007
+ /**
1008
+ * Dark mode
1009
+ */
1010
+
1011
+ .dark-mode-switch {
1012
+ position: absolute;
1013
+ top: 70px;
1014
+ right: 15px;
1015
+ display: inline-block;
1016
+ width: 60px;
1017
+ height: 34px;
1018
+ }
1019
+
1020
+ .dark-mode-switch input {
1021
+ opacity: 0;
1022
+ width: 0;
1023
+ height: 0;
1024
+ }
1025
+
1026
+ .dark-mode-switch .slider {
1027
+ position: absolute;
1028
+ cursor: pointer;
1029
+ top: 0;
1030
+ left: 0;
1031
+ right: 0;
1032
+ bottom: 0;
1033
+ background-color: #5cc0ae80;
1034
+ border-radius: 34px;
1035
+ transition: 0.6s;
1036
+ }
1037
+
1038
+ .dark-mode-switch .slider:before {
1039
+ position: absolute;
1040
+ content: '';
1041
+ height: 26px;
1042
+ width: 26px;
1043
+ left: 4px;
1044
+ bottom: 4px;
1045
+ background-color: white;
1046
+ border-radius: 50%;
1047
+ transition: 0.4s;
1048
+ }
1049
+
1050
+ .dark-mode-switch input:checked + .slider {
1051
+ background-color: #f1c40fb8;
1052
+ }
1053
+
1054
+ .dark-mode-switch.dark .slider-icon {
1055
+ stroke: black;
1056
+ }
1057
+
1058
+ .dark-mode-switch input:checked + .slider:before {
1059
+ transform: translateX(26px);
1060
+ }
1061
+
1062
+ .dark-mode-switch .slider-icon {
1063
+ transform: rotate(250deg);
1064
+ position: absolute;
1065
+ right: 6px;
1066
+ top: 7px;
1067
+ stroke: white;
1068
+ }
1069
+
1070
+ @media (min-width: 768px) {
1071
+ .dark-mode-switch {
1072
+ top: 15px;
1073
+ }
1074
+ }
package/docs/styles/dark.css CHANGED
@@ -1,113 +1,117 @@
1
- body {
1
+ body.dark {
2
2
  background: #212121;
3
3
  color: #fafafa;
4
4
  }
5
5
 
6
- code {
6
+ .dark code {
7
7
  color: #e09393;
8
8
  }
9
9
 
10
- a,
11
- .menu ul.list li a.active {
10
+ .dark a,
11
+ .dark .menu ul.list li a.active {
12
12
  color: #7fc9ff;
13
13
  }
14
14
 
15
- .menu {
15
+ .dark .menu {
16
16
  background: #212121;
17
17
  border-right: 1px solid #444;
18
18
  }
19
19
 
20
- .menu ul.list li a {
20
+ .dark .menu ul.list li a {
21
21
  color: #fafafa;
22
22
  }
23
23
 
24
- .menu ul.list li.divider {
24
+ .dark .menu ul.list li.divider {
25
25
  background: #444;
26
26
  }
27
27
 
28
- .xs-menu ul.list li:nth-child(2) {
28
+ .dark .xs-menu ul.list li:nth-child(2) {
29
29
  margin: 0;
30
30
  background: none;
31
31
  }
32
32
 
33
- .menu ul.list li:nth-child(2) {
33
+ .dark .menu ul.list li:nth-child(2) {
34
34
  margin: 0;
35
35
  background: none;
36
36
  }
37
37
 
38
- #book-search-input {
38
+ .dark #book-search-input {
39
39
  background: #212121;
40
40
  border-top: 1px solid #444;
41
41
  border-bottom: 1px solid #444;
42
42
  color: #fafafa;
43
43
  }
44
44
 
45
- .table-bordered {
45
+ .dark .table.metadata > tbody > tr:hover {
46
+ color: #555;
47
+ }
48
+
49
+ .dark .table-bordered {
46
50
  border: 1px solid #444;
47
51
  }
48
52
 
49
- .table-bordered > tbody > tr > td,
50
- .table-bordered > tbody > tr > th,
51
- .table-bordered > tfoot > tr > td,
52
- .table-bordered > tfoot > tr > th,
53
- .table-bordered > thead > tr > td,
54
- .table-bordered > thead > tr > th {
53
+ .dark .table-bordered > tbody > tr > td,
54
+ .dark .table-bordered > tbody > tr > th,
55
+ .dark .table-bordered > tfoot > tr > td,
56
+ .dark .table-bordered > tfoot > tr > th,
57
+ .dark .table-bordered > thead > tr > td,
58
+ .dark .table-bordered > thead > tr > th {
55
59
  border: 1px solid #444;
56
60
  }
57
61
 
58
- .coverage a,
59
- .coverage-count {
62
+ .dark .coverage a,
63
+ .dark .coverage-count {
60
64
  color: #fafafa;
61
65
  }
62
66
 
63
- .coverage-header {
67
+ .dark .coverage-header {
64
68
  color: black;
65
69
  }
66
70
 
67
- .routes svg text,
68
- .routes svg a {
71
+ .dark .routes svg text,
72
+ .dark .routes svg a {
69
73
  fill: white;
70
74
  }
71
- .routes svg rect {
75
+ .dark .routes svg rect {
72
76
  fill: #212121 !important;
73
77
  }
74
78
 
75
- .navbar-default,
76
- .btn-default {
79
+ .dark .navbar-default,
80
+ .dark .btn-default {
77
81
  background-color: black;
78
82
  border-color: #444;
79
83
  color: #fafafa;
80
84
  }
81
85
 
82
- .navbar-default .navbar-brand {
86
+ .dark .navbar-default .navbar-brand {
83
87
  color: #fafafa;
84
88
  }
85
89
 
86
- .overview .card,
87
- .modules .card {
90
+ .dark .overview .card,
91
+ .dark .modules .card {
88
92
  background: #171717;
89
93
  color: #fafafa;
90
94
  border: 1px solid #444;
91
95
  }
92
- .overview .card a {
96
+ .dark .overview .card a {
93
97
  color: #fafafa;
94
98
  }
95
99
 
96
- .modules .card-header {
100
+ .dark .modules .card-header {
97
101
  background: none;
98
102
  border-bottom: 1px solid #444;
99
103
  }
100
104
 
101
- .module .list-group-item {
105
+ .dark .module .list-group-item {
102
106
  background: none;
103
107
  border: 1px solid #444;
104
108
  }
105
109
 
106
- .container-fluid.module h3 a {
110
+ .dark .container-fluid.module h3 a {
107
111
  color: #337ab7;
108
112
  }
109
113
 
110
- table.params thead {
114
+ .dark table.params thead {
111
115
  background: #484848;
112
116
  color: #fafafa;
113
117
  }
package/docs/styles/laravel.css CHANGED
@@ -77,39 +77,37 @@ pre {
77
77
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
78
78
  }
79
79
 
80
- @media (prefers-color-scheme: dark) {
81
- body {
82
- color: #fafafa;
83
- }
84
- .content h1,
85
- .content h2,
86
- .content h3,
87
- .content h4,
88
- .content h5 {
89
- color: #fafafa;
90
- }
91
-
92
- code {
93
- background: none;
94
- }
95
-
96
- .content {
97
- color: #fafafa;
98
- }
99
-
100
- .menu ul.list li a[data-type='chapter-link'],
101
- .menu ul.list li.chapter .simple {
102
- color: #fafafa;
103
- }
104
-
105
- .menu ul.list li.title a {
106
- color: #fafafa;
107
- }
108
-
109
- .menu ul.list li a {
110
- color: #fafafa;
111
- }
112
- .menu ul.list li a.active {
113
- color: #7fc9ff;
114
- }
80
+ .dark body {
81
+ color: #fafafa;
82
+ }
83
+ .dark .content h1,
84
+ .dark .content h2,
85
+ .dark .content h3,
86
+ .dark .content h4,
87
+ .dark .content h5 {
88
+ color: #fafafa;
89
+ }
90
+
91
+ .dark code {
92
+ background: none;
93
+ }
94
+
95
+ .dark .content {
96
+ color: #fafafa;
97
+ }
98
+
99
+ .dark .menu ul.list li a[data-type='chapter-link'],
100
+ .dark .menu ul.list li.chapter .simple {
101
+ color: #fafafa;
102
+ }
103
+
104
+ .dark .menu ul.list li.title a {
105
+ color: #fafafa;
106
+ }
107
+
108
+ .dark .menu ul.list li a {
109
+ color: #fafafa;
110
+ }
111
+ .dark .menu ul.list li a.active {
112
+ color: #7fc9ff;
115
113
  }