@eui/core 23.0.0-alpha.2 → 23.0.0-alpha.4

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/CHANGELOG.md +61 -0
  2. package/docs/architecture.html +223 -0
  3. package/docs/changelog.html +126 -2
  4. package/docs/classes/ActivatedRouteAction.html +70 -20
  5. package/docs/classes/AddApiQueueItemAction.html +70 -20
  6. package/docs/classes/AddAppLoadedConfigModulesAction.html +70 -20
  7. package/docs/classes/ApiQueueServiceMock.html +77 -20
  8. package/docs/classes/AsyncStorageService.html +86 -20
  9. package/docs/classes/AsyncStorageServiceMock.html +73 -17
  10. package/docs/classes/CssUtils.html +74 -20
  11. package/docs/classes/EmptyApiQueueAction.html +67 -17
  12. package/docs/classes/ErrorSubClass.html +68 -16
  13. package/docs/classes/EuiAppShellServiceMock.html +58 -20
  14. package/docs/classes/EuiCoreRootGuardClass.html +39 -8
  15. package/docs/classes/EuiError.html +69 -17
  16. package/docs/classes/I18nResourceImpl.html +50 -17
  17. package/docs/classes/InitStoreAction.html +70 -20
  18. package/docs/classes/LogServiceMock.html +67 -17
  19. package/docs/classes/RemoveApiQueueItemAction.html +67 -17
  20. package/docs/classes/StorageService.html +83 -19
  21. package/docs/classes/StorageServiceMock.html +70 -17
  22. package/docs/classes/TranslateServiceMock.html +90 -35
  23. package/docs/classes/UpdateAppConnectionAction.html +67 -17
  24. package/docs/classes/UpdateAppStatusAction.html +67 -17
  25. package/docs/classes/UpdateAppVersionAction.html +67 -17
  26. package/docs/classes/UpdateCurrentModuleAction.html +67 -17
  27. package/docs/classes/UpdateI18nStateAction.html +67 -17
  28. package/docs/classes/UpdateLocaleStateAction.html +67 -17
  29. package/docs/classes/UpdateNotificationsListAction.html +67 -17
  30. package/docs/classes/UpdateUserDashboardAction.html +67 -17
  31. package/docs/classes/UpdateUserDetailsAction.html +67 -17
  32. package/docs/classes/UpdateUserPreferencesAction.html +67 -17
  33. package/docs/classes/UpdateUserRightsAction.html +67 -17
  34. package/docs/classes/UpdateUserStateAction.html +67 -17
  35. package/docs/dependencies.html +38 -4
  36. package/docs/directives/TranslateMockDirective.html +72 -19
  37. package/docs/index.html +26 -2
  38. package/docs/injectables/ApiQueueService.html +97 -20
  39. package/docs/injectables/EuiAppShellService.html +147 -68
  40. package/docs/injectables/EuiDynamicComponentService.html +51 -18
  41. package/docs/injectables/EuiDynamicMenuService.html +67 -20
  42. package/docs/injectables/EuiGrowlService.html +85 -21
  43. package/docs/injectables/EuiLoaderService.html +65 -17
  44. package/docs/injectables/EuiPermissionService.html +95 -20
  45. package/docs/injectables/EuiThemeService.html +89 -34
  46. package/docs/injectables/EuiTimezoneService.html +51 -16
  47. package/docs/injectables/GlobalErrorHandler.html +79 -17
  48. package/docs/injectables/I18nLoader.html +53 -17
  49. package/docs/injectables/I18nService.html +101 -23
  50. package/docs/injectables/I18nServiceMock.html +96 -34
  51. package/docs/injectables/LocalForageService.html +81 -21
  52. package/docs/injectables/LocalStorageService.html +78 -21
  53. package/docs/injectables/LocaleService.html +124 -41
  54. package/docs/injectables/LocaleServiceMock.html +72 -18
  55. package/docs/injectables/LogService.html +68 -17
  56. package/docs/injectables/SessionStorageService.html +78 -21
  57. package/docs/injectables/StoreService.html +91 -22
  58. package/docs/injectables/StoreServiceMock.html +72 -17
  59. package/docs/injectables/UserService.html +97 -23
  60. package/docs/injectables/UserServiceMock.html +81 -23
  61. package/docs/interceptors/AddLangParamInterceptor.html +49 -18
  62. package/docs/interceptors/CachePreventionInterceptor.html +48 -17
  63. package/docs/interceptors/CorsSecurityInterceptor.html +48 -17
  64. package/docs/interceptors/CsrfPreventionInterceptor.html +48 -17
  65. package/docs/interceptors/EuLoginSessionTimeoutHandlingInterceptor.html +48 -17
  66. package/docs/interceptors/HttpErrorHandlerInterceptor.html +48 -17
  67. package/docs/interceptors/UxRequestErrorModelInterceptor.html +48 -17
  68. package/docs/interfaces/Action.html +158 -60
  69. package/docs/interfaces/ActionReducer.html +84 -55
  70. package/docs/interfaces/ComponentInfo.html +151 -123
  71. package/docs/interfaces/Dependency.html +278 -250
  72. package/docs/interfaces/Edit-1.html +151 -123
  73. package/docs/interfaces/Edit-2.html +151 -123
  74. package/docs/interfaces/Edit.html +151 -123
  75. package/docs/interfaces/EuiComponentEntry.html +230 -202
  76. package/docs/interfaces/EuiTimeZone.html +121 -93
  77. package/docs/interfaces/IEuiTheme.html +181 -153
  78. package/docs/interfaces/ImportToAdd.html +164 -136
  79. package/docs/interfaces/ImportsArrayInfo.html +121 -93
  80. package/docs/interfaces/Library.html +169 -137
  81. package/docs/interfaces/LoadedResources.html +164 -136
  82. package/docs/interfaces/LoadedResourcesError.html +121 -93
  83. package/docs/interfaces/MemoizedSelector.html +187 -138
  84. package/docs/interfaces/MemoizedSelectorWithProps.html +188 -139
  85. package/docs/interfaces/MigrateAllSchema.html +228 -200
  86. package/docs/interfaces/MigrationResult.html +151 -123
  87. package/docs/interfaces/ModuleLoadEvent.html +164 -136
  88. package/docs/interfaces/ModuleMapping.html +121 -93
  89. package/docs/interfaces/NgModuleInfo.html +151 -123
  90. package/docs/interfaces/Policy.html +164 -136
  91. package/docs/interfaces/ResourceError.html +170 -142
  92. package/docs/interfaces/Schema-1.html +140 -112
  93. package/docs/interfaces/Schema-10.html +140 -112
  94. package/docs/interfaces/Schema-11.html +140 -112
  95. package/docs/interfaces/Schema-12.html +140 -112
  96. package/docs/interfaces/Schema-13.html +140 -112
  97. package/docs/interfaces/Schema-14.html +140 -112
  98. package/docs/interfaces/Schema-15.html +140 -112
  99. package/docs/interfaces/Schema-16.html +140 -112
  100. package/docs/interfaces/Schema-17.html +140 -112
  101. package/docs/interfaces/Schema-18.html +140 -112
  102. package/docs/interfaces/Schema-19.html +140 -112
  103. package/docs/interfaces/Schema-2.html +141 -113
  104. package/docs/interfaces/Schema-20.html +140 -112
  105. package/docs/interfaces/Schema-3.html +180 -152
  106. package/docs/interfaces/Schema-4.html +140 -112
  107. package/docs/interfaces/Schema-5.html +140 -112
  108. package/docs/interfaces/Schema-6.html +140 -112
  109. package/docs/interfaces/Schema-7.html +140 -112
  110. package/docs/interfaces/Schema-8.html +140 -112
  111. package/docs/interfaces/Schema-9.html +140 -112
  112. package/docs/interfaces/Schema.html +184 -156
  113. package/docs/interfaces/SelectorEntry.html +230 -202
  114. package/docs/interfaces/TextChange.html +151 -123
  115. package/docs/interfaces/ThemeState.html +121 -93
  116. package/docs/interfaces/TranslationKeys.html +41 -11
  117. package/docs/interfaces/UIState.html +1669 -1641
  118. package/docs/interfaces/body.html +181 -153
  119. package/docs/js/architecture-graph.js +288 -0
  120. package/docs/js/libs/bootstrap-native.js +4 -2
  121. package/docs/js/libs/tablesort.min.js +3 -3
  122. package/docs/js/libs/tablesort.number.min.js +2 -2
  123. package/docs/js/libs/vis-network.min.js +7 -7
  124. package/docs/js/menu-wc.js +47 -14
  125. package/docs/js/routes.js +138 -37
  126. package/docs/js/search/search.js +62 -0
  127. package/docs/js/search/search_index.js +2 -2
  128. package/docs/js/tabs.js +98 -15
  129. package/docs/js/tree.js +44 -7
  130. package/docs/json/EuiPermissionService.md +1 -0
  131. package/docs/json/LocaleService.md +1 -0
  132. package/docs/json/documentation.json +6691 -1067
  133. package/docs/license.html +26 -2
  134. package/docs/llms.txt +2282 -0
  135. package/docs/miscellaneous/enumerations.html +34 -10
  136. package/docs/miscellaneous/functions.html +550 -394
  137. package/docs/miscellaneous/typealiases.html +59 -27
  138. package/docs/miscellaneous/variables.html +196 -175
  139. package/docs/modules/CoreModule.html +34 -9
  140. package/docs/modules/I18nModule.html +34 -9
  141. package/docs/modules/LogModule.html +34 -9
  142. package/docs/modules/TranslateMockModule.html +60 -13
  143. package/docs/modules.html +26 -2
  144. package/docs/overview.html +27 -3
  145. package/docs/pipes/TranslateMockPipe.html +87 -9
  146. package/docs/properties.html +27 -3
  147. package/docs/routes.html +26 -2
  148. package/docs/styles/compodoc.css +365 -44
  149. package/docs/styles/dark.css +16 -0
  150. package/docs/template-playground/hbs-render.service.ts +6 -1
  151. package/fesm2022/eui-core.mjs +26 -27
  152. package/fesm2022/eui-core.mjs.map +1 -1
  153. package/package.json +2 -2
  154. package/types/eui-core.d.ts +9 -11
  155. package/types/eui-core.d.ts.map +1 -1
  156. package/docs/js/menu-wc_es5.js +0 -40
@@ -85,7 +85,14 @@
85
85
  </div>
86
86
 
87
87
  <div class="xs-menu menu" id="mobile-menu">
88
- <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div> <compodoc-menu></compodoc-menu>
88
+ <div id="book-search-input" role="search">
89
+ <input type="text" placeholder="Type to search">
90
+ <button type="button"
91
+ class="search-input-clear"
92
+ aria-label="Clear search"
93
+ data-search-input-clear>&times;</button>
94
+ </div>
95
+ <compodoc-menu></compodoc-menu>
89
96
  </div>
90
97
 
91
98
  <div class="container-fluid main">
@@ -113,6 +120,11 @@
113
120
  <li class="breadcrumb-item" >EuiAppShellService</li>
114
121
  </ol>
115
122
 
123
+ <div class="io-file io-file-path" data-compodoc="entity-file-path">
124
+ <span class="icon ion-ios-document" aria-hidden="true"></span>
125
+ <code>packages/core/src/lib/services/eui-app-shell.service.ts</code>
126
+ </div>
127
+
116
128
  <ul class="nav nav-tabs" role="tablist">
117
129
  <li class="nav-item">
118
130
  <a href="#info"
@@ -120,182 +132,231 @@
120
132
  class="nav-link active"
121
133
  role="tab" id="info-tab" data-bs-toggle="tab" data-link="info">Info</a>
122
134
  </li>
135
+ <li class="nav-item">
136
+ <a href="#api"
137
+ class="nav-link"
138
+
139
+ role="tab" id="api-tab" data-bs-toggle="tab" data-link="api">API</a>
140
+ </li>
123
141
  </ul>
124
142
 
125
143
  <div class="tab-content">
126
144
  <div class="tab-pane fade active in" id="info">
127
- <p class="comment">
128
- <h3>File</h3>
129
- </p>
130
- <p class="comment">
131
- <code>packages/core/src/lib/services/eui-app-shell.service.ts</code>
132
- </p>
133
145
 
134
146
 
135
147
 
148
+ <section data-compodoc="block-metadata">
149
+ <h3>Metadata</h3>
150
+ <table class="table table-sm table-hover metadata">
151
+ <tbody>
152
+ <tr>
153
+ <td class="col-md-3">providedIn</td>
154
+ <td class="col-md-9"><code>root</code></td>
155
+ </tr>
156
+ </tbody>
157
+ </table>
158
+ </section>
136
159
 
137
160
 
161
+ </div>
162
+
163
+ <div class="tab-pane fade " id="api">
138
164
  <section data-compodoc="block-index">
139
165
  <h3 id="index">Index</h3>
140
- <table class="table table-sm table-bordered index-table">
141
- <tbody>
166
+ <table class="table table-sm table-bordered index-table">
167
+ <tbody>
142
168
  <tr>
143
- <td class="col-md-4">
169
+ <td class="col-md-3">
144
170
  <h6><b>Properties</b></h6>
145
171
  </td>
146
- </tr>
147
- <tr>
148
- <td class="col-md-4">
172
+ <td class="col-md-9">
149
173
  <ul class="index-list">
150
174
  <li>
175
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
151
176
  <a href="#navigationEndCustomHandler" >navigationEndCustomHandler</a>
152
177
  </li>
153
178
  <li>
179
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
154
180
  <a href="#navigationStartCustomHandler" >navigationStartCustomHandler</a>
155
181
  </li>
156
182
  </ul>
157
183
  </td>
158
184
  </tr>
185
+ </tbody>
186
+ </table>
159
187
 
188
+ <table class="table table-sm table-bordered index-table">
189
+ <tbody>
160
190
  <tr>
161
- <td class="col-md-4">
191
+ <td class="col-md-3">
162
192
  <h6><b>Methods</b></h6>
163
193
  </td>
164
- </tr>
165
- <tr>
166
- <td class="col-md-4">
194
+ <td class="col-md-9">
167
195
  <ul class="index-list">
168
196
  <li>
197
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
169
198
  <span class="modifier">Public</span>
170
199
  <a href="#activateBreadcrumb" >activateBreadcrumb</a>
171
200
  </li>
172
201
  <li>
202
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
173
203
  <span class="modifier">Public</span>
174
204
  <a href="#activateHeader" >activateHeader</a>
175
205
  </li>
176
206
  <li>
207
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
177
208
  <span class="modifier">Public</span>
178
209
  <a href="#activateSidebar" >activateSidebar</a>
179
210
  </li>
180
211
  <li>
212
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
181
213
  <span class="modifier">Public</span>
182
214
  <a href="#activateSidebarFooter" >activateSidebarFooter</a>
183
215
  </li>
184
216
  <li>
217
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
185
218
  <span class="modifier">Public</span>
186
219
  <a href="#activateSidebarHeader" >activateSidebarHeader</a>
187
220
  </li>
188
221
  <li>
222
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
189
223
  <span class="modifier">Public</span>
190
224
  <a href="#activateSideContainer" >activateSideContainer</a>
191
225
  </li>
192
226
  <li>
227
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
193
228
  <span class="modifier">Public</span>
194
229
  <a href="#activateToolbar" >activateToolbar</a>
195
230
  </li>
196
231
  <li>
232
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
197
233
  <span class="modifier">Public</span>
198
234
  <a href="#activateToolbarMegaMenu" >activateToolbarMegaMenu</a>
199
235
  </li>
200
236
  <li>
237
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
201
238
  <span class="modifier">Public</span>
202
239
  <a href="#activateToolbarMenu" >activateToolbarMenu</a>
203
240
  </li>
204
241
  <li>
242
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
205
243
  <span class="modifier">Public</span>
206
244
  <a href="#activateTopMessage" >activateTopMessage</a>
207
245
  </li>
208
246
  <li>
247
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
209
248
  <span class="modifier">Public</span>
210
249
  <a href="#deactivateSideContainer" >deactivateSideContainer</a>
211
250
  </li>
212
251
  <li>
252
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
213
253
  <span class="modifier">Public</span>
214
254
  <a href="#dimmerActiveToggle" >dimmerActiveToggle</a>
215
255
  </li>
216
256
  <li>
257
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
217
258
  <span class="modifier">Public</span>
218
259
  <a href="#fetchAppMetadata" >fetchAppMetadata</a>
219
260
  </li>
220
261
  <li>
262
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
221
263
  <span class="modifier">Public</span>
222
264
  <a href="#getBaseFontSize" >getBaseFontSize</a>
223
265
  </li>
224
266
  <li>
267
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
225
268
  <a href="#getState" >getState</a>
226
269
  </li>
227
270
  <li>
271
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
228
272
  <span class="modifier">Public</span>
229
273
  <a href="#setBaseFontSize" >setBaseFontSize</a>
230
274
  </li>
231
275
  <li>
276
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
232
277
  <span class="modifier">Public</span>
233
278
  <a href="#setDimmerActiveState" >setDimmerActiveState</a>
234
279
  </li>
235
280
  <li>
281
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
236
282
  <a href="#setState" >setState</a>
237
283
  </li>
238
284
  <li>
285
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
239
286
  <span class="modifier">Public</span>
240
287
  <a href="#sidebarToggle" >sidebarToggle</a>
241
288
  </li>
242
289
  </ul>
243
290
  </td>
244
291
  </tr>
292
+ </tbody>
293
+ </table>
245
294
 
246
295
 
247
296
 
248
297
 
249
298
 
250
- <tr>
251
- <td class="col-md-4">
252
- <h6><b>Accessors</b></h6>
253
- </td>
254
- </tr>
255
- <tr>
256
- <td class="col-md-4">
257
- <ul class="index-list">
258
- <li>
259
- <a href="#state$" >state$</a>
260
- </li>
261
- <li>
262
- <a href="#breakpoint$" >breakpoint$</a>
263
- </li>
264
- <li>
265
- <a href="#breakpoints$" >breakpoints$</a>
266
- </li>
267
- <li>
268
- <a href="#state" >state</a>
269
- </li>
270
- <li>
271
- <a href="#isSidebarOpen" >isSidebarOpen</a>
272
- </li>
273
- <li>
274
- <a href="#isSidebarActive" >isSidebarActive</a>
275
- </li>
276
- <li>
277
- <a href="#sidebarLinks" >sidebarLinks</a>
278
- </li>
279
- <li>
280
- <a href="#hasSidebarCollapsedVariant" >hasSidebarCollapsedVariant</a>
281
- </li>
282
- <li>
283
- <a href="#menuLinks" >menuLinks</a>
284
- </li>
285
- <li>
286
- <a href="#isBlockDocumentActive" >isBlockDocumentActive</a>
287
- </li>
288
- <li>
289
- <a href="#hasHeader" >hasHeader</a>
290
- </li>
291
- <li>
292
- <a href="#isDimmerActive" >isDimmerActive</a>
293
- </li>
294
- </ul>
295
- </td>
296
- </tr>
297
- </tbody>
298
- </table>
299
+ <table class="table table-sm table-bordered index-table">
300
+ <tbody>
301
+ <tr>
302
+ <td class="col-md-3">
303
+ <h6><b>Accessors</b></h6>
304
+ </td>
305
+ <td class="col-md-9">
306
+ <ul class="index-list">
307
+ <li>
308
+ <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
309
+ <a href="#state$" >state$</a>
310
+ </li>
311
+ <li>
312
+ <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
313
+ <a href="#breakpoint$" >breakpoint$</a>
314
+ </li>
315
+ <li>
316
+ <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
317
+ <a href="#breakpoints$" >breakpoints$</a>
318
+ </li>
319
+ <li>
320
+ <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
321
+ <a href="#state" >state</a>
322
+ </li>
323
+ <li>
324
+ <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
325
+ <a href="#isSidebarOpen" >isSidebarOpen</a>
326
+ </li>
327
+ <li>
328
+ <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
329
+ <a href="#isSidebarActive" >isSidebarActive</a>
330
+ </li>
331
+ <li>
332
+ <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
333
+ <a href="#sidebarLinks" >sidebarLinks</a>
334
+ </li>
335
+ <li>
336
+ <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
337
+ <a href="#hasSidebarCollapsedVariant" >hasSidebarCollapsedVariant</a>
338
+ </li>
339
+ <li>
340
+ <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
341
+ <a href="#menuLinks" >menuLinks</a>
342
+ </li>
343
+ <li>
344
+ <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
345
+ <a href="#isBlockDocumentActive" >isBlockDocumentActive</a>
346
+ </li>
347
+ <li>
348
+ <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
349
+ <a href="#hasHeader" >hasHeader</a>
350
+ </li>
351
+ <li>
352
+ <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
353
+ <a href="#isDimmerActive" >isDimmerActive</a>
354
+ </li>
355
+ </ul>
356
+ </td>
357
+ </tr>
358
+ </tbody>
359
+ </table>
299
360
  </section>
300
361
 
301
362
  <section data-compodoc="block-constructor">
@@ -858,7 +919,7 @@
858
919
  </tr>
859
920
  <tr>
860
921
  <td class="col-md-4">
861
- <code>getState(key?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
922
+ <code>getState&lt;T&gt;(key?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
862
923
  </td>
863
924
  </tr>
864
925
 
@@ -1162,6 +1223,7 @@
1162
1223
  </tbody>
1163
1224
  </table>
1164
1225
  </section>
1226
+
1165
1227
  <section data-compodoc="block-properties">
1166
1228
 
1167
1229
  <h3 id="inputs">
@@ -1725,6 +1787,24 @@
1725
1787
 
1726
1788
  <script>
1727
1789
  $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
1790
+ var updateDarkModeSwitchOffset = function () {
1791
+ var content = document.querySelector('.content');
1792
+ var scrollbarWidth = 0;
1793
+
1794
+ if (content) {
1795
+ scrollbarWidth = Math.max(0, content.offsetWidth - content.clientWidth);
1796
+ }
1797
+
1798
+ document.documentElement.style.setProperty(
1799
+ '--content-scrollbar-width',
1800
+ scrollbarWidth + 'px'
1801
+ );
1802
+ };
1803
+
1804
+ updateDarkModeSwitchOffset();
1805
+ requestAnimationFrame(updateDarkModeSwitchOffset);
1806
+ window.addEventListener('resize', updateDarkModeSwitchOffset);
1807
+
1728
1808
  checkToggle(darkModeState);
1729
1809
  if ($darkModeToggleSwitchers.length > 0) {
1730
1810
  for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
@@ -1740,7 +1820,6 @@
1740
1820
  <script src="../js/libs/lit-html.js"></script>
1741
1821
 
1742
1822
  <script src="../js/menu-wc.js" defer></script>
1743
- <script nomodule src="../js/menu-wc_es5.js" defer></script>
1744
1823
 
1745
1824
  <script src="../js/libs/bootstrap-native.js"></script>
1746
1825
 
@@ -85,7 +85,14 @@
85
85
  </div>
86
86
 
87
87
  <div class="xs-menu menu" id="mobile-menu">
88
- <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div> <compodoc-menu></compodoc-menu>
88
+ <div id="book-search-input" role="search">
89
+ <input type="text" placeholder="Type to search">
90
+ <button type="button"
91
+ class="search-input-clear"
92
+ aria-label="Clear search"
93
+ data-search-input-clear>&times;</button>
94
+ </div>
95
+ <compodoc-menu></compodoc-menu>
89
96
  </div>
90
97
 
91
98
  <div class="container-fluid main">
@@ -113,6 +120,11 @@
113
120
  <li class="breadcrumb-item" >EuiDynamicComponentService</li>
114
121
  </ol>
115
122
 
123
+ <div class="io-file io-file-path" data-compodoc="entity-file-path">
124
+ <span class="icon ion-ios-document" aria-hidden="true"></span>
125
+ <code>packages/core/src/lib/services/dynamic-component/dynamic-component.service.ts</code>
126
+ </div>
127
+
116
128
  <ul class="nav nav-tabs" role="tablist">
117
129
  <li class="nav-item">
118
130
  <a href="#info"
@@ -120,52 +132,55 @@
120
132
  class="nav-link active"
121
133
  role="tab" id="info-tab" data-bs-toggle="tab" data-link="info">Info</a>
122
134
  </li>
135
+ <li class="nav-item">
136
+ <a href="#api"
137
+ class="nav-link"
138
+
139
+ role="tab" id="api-tab" data-bs-toggle="tab" data-link="api">API</a>
140
+ </li>
123
141
  </ul>
124
142
 
125
143
  <div class="tab-content">
126
144
  <div class="tab-pane fade active in" id="info">
127
- <p class="comment">
128
- <h3>File</h3>
129
- </p>
130
- <p class="comment">
131
- <code>packages/core/src/lib/services/dynamic-component/dynamic-component.service.ts</code>
132
- </p>
133
145
 
134
146
 
135
147
 
136
148
 
137
149
 
150
+ </div>
151
+
152
+ <div class="tab-pane fade " id="api">
138
153
  <section data-compodoc="block-index">
139
154
  <h3 id="index">Index</h3>
140
- <table class="table table-sm table-bordered index-table">
141
- <tbody>
142
155
 
156
+ <table class="table table-sm table-bordered index-table">
157
+ <tbody>
143
158
  <tr>
144
- <td class="col-md-4">
159
+ <td class="col-md-3">
145
160
  <h6><b>Methods</b></h6>
146
161
  </td>
147
- </tr>
148
- <tr>
149
- <td class="col-md-4">
162
+ <td class="col-md-9">
150
163
  <ul class="index-list">
151
164
  <li>
165
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
152
166
  <span class="modifier">Public</span>
153
167
  <a href="#add" >add</a>
154
168
  </li>
155
169
  <li>
170
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
156
171
  <span class="modifier">Public</span>
157
172
  <a href="#remove" >remove</a>
158
173
  </li>
159
174
  </ul>
160
175
  </td>
161
176
  </tr>
177
+ </tbody>
178
+ </table>
162
179
 
163
180
 
164
181
 
165
182
 
166
183
 
167
- </tbody>
168
- </table>
169
184
  </section>
170
185
 
171
186
 
@@ -189,7 +204,7 @@
189
204
  <tr>
190
205
  <td class="col-md-4">
191
206
  <span class="modifier-icon icon ion-ios-reset"></span>
192
- <code>add(component: ComponentType<T>, el?: ElementRef, config?: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
207
+ <code>add&lt;T&gt;(component: ComponentType<T>, el?: <a href="https://angular.dev/api/core/ElementRef" target="_blank">ElementRef</a>, config?: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
193
208
  </td>
194
209
  </tr>
195
210
 
@@ -241,7 +256,7 @@
241
256
  <tr>
242
257
  <td>el</td>
243
258
  <td>
244
- <code>ElementRef</code>
259
+ <code><a href="https://angular.dev/api/core/ElementRef" target="_blank" >ElementRef</a></code>
245
260
  </td>
246
261
 
247
262
  <td>
@@ -356,6 +371,7 @@
356
371
  </table>
357
372
  </section>
358
373
 
374
+
359
375
  </div>
360
376
 
361
377
 
@@ -406,6 +422,24 @@
406
422
 
407
423
  <script>
408
424
  $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
425
+ var updateDarkModeSwitchOffset = function () {
426
+ var content = document.querySelector('.content');
427
+ var scrollbarWidth = 0;
428
+
429
+ if (content) {
430
+ scrollbarWidth = Math.max(0, content.offsetWidth - content.clientWidth);
431
+ }
432
+
433
+ document.documentElement.style.setProperty(
434
+ '--content-scrollbar-width',
435
+ scrollbarWidth + 'px'
436
+ );
437
+ };
438
+
439
+ updateDarkModeSwitchOffset();
440
+ requestAnimationFrame(updateDarkModeSwitchOffset);
441
+ window.addEventListener('resize', updateDarkModeSwitchOffset);
442
+
409
443
  checkToggle(darkModeState);
410
444
  if ($darkModeToggleSwitchers.length > 0) {
411
445
  for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
@@ -421,7 +455,6 @@
421
455
  <script src="../js/libs/lit-html.js"></script>
422
456
 
423
457
  <script src="../js/menu-wc.js" defer></script>
424
- <script nomodule src="../js/menu-wc_es5.js" defer></script>
425
458
 
426
459
  <script src="../js/libs/bootstrap-native.js"></script>
427
460