@eui/base 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 (108) hide show
  1. package/docs/architecture.html +223 -0
  2. package/docs/changelog.html +126 -2
  3. package/docs/classes/ConsoleAppender.html +76 -27
  4. package/docs/classes/EuiEuLanguages.html +55 -16
  5. package/docs/classes/EuiLazyService.html +86 -25
  6. package/docs/classes/EuiPagination.html +69 -16
  7. package/docs/classes/EuiService.html +103 -28
  8. package/docs/classes/LogAppender.html +52 -20
  9. package/docs/classes/Logger.html +100 -30
  10. package/docs/classes/LoggerMock.html +92 -22
  11. package/docs/classes/UrlAppender.html +78 -24
  12. package/docs/classes/UxBadgeLegacy.html +47 -16
  13. package/docs/classes/UxClearErrorFeedbackEvent.html +47 -16
  14. package/docs/classes/UxErrorGroupOnClickEvent.html +47 -16
  15. package/docs/classes/UxErrorOutput.html +91 -24
  16. package/docs/classes/UxLinkLegacy.html +105 -31
  17. package/docs/classes/UxPublishErrorFeedbackEvent.html +49 -16
  18. package/docs/classes/UxValidationErrorClass.html +77 -18
  19. package/docs/dependencies.html +38 -4
  20. package/docs/index.html +26 -2
  21. package/docs/interfaces/ApiQueue.html +41 -11
  22. package/docs/interfaces/ApiQueueItem.html +209 -181
  23. package/docs/interfaces/AppState.html +312 -284
  24. package/docs/interfaces/ConnectionStatus.html +134 -93
  25. package/docs/interfaces/ConsoleAppenderConfig.html +206 -104
  26. package/docs/interfaces/ConsoleAppenderTypeConfig.html +253 -53
  27. package/docs/interfaces/CoreState.html +272 -244
  28. package/docs/interfaces/EnvDynamicConfig.html +218 -190
  29. package/docs/interfaces/EuiAppHandlersConfig.html +229 -201
  30. package/docs/interfaces/EuiAppJsonConfig.html +171 -143
  31. package/docs/interfaces/EuiAuthConfig.html +184 -156
  32. package/docs/interfaces/EuiConfig.html +131 -103
  33. package/docs/interfaces/EuiEnvConfig.html +180 -152
  34. package/docs/interfaces/EuiGlobalConfig.html +140 -112
  35. package/docs/interfaces/EuiGrowlMessage.html +408 -380
  36. package/docs/interfaces/EuiLanguage.html +169 -141
  37. package/docs/interfaces/EuiMenuItem.html +1708 -1653
  38. package/docs/interfaces/EuiPaginationConfig.html +228 -200
  39. package/docs/interfaces/EuiServiceModel.html +109 -67
  40. package/docs/interfaces/EuiServiceStatus.html +138 -108
  41. package/docs/interfaces/EuiStoreServiceModel.html +64 -36
  42. package/docs/interfaces/EuiUserRight.html +127 -99
  43. package/docs/interfaces/GlobalConfig.html +268 -240
  44. package/docs/interfaces/HttpErrorHandlerConfig.html +96 -68
  45. package/docs/interfaces/HttpErrorRouteConfig.html +136 -108
  46. package/docs/interfaces/I18nConfig.html +157 -129
  47. package/docs/interfaces/I18nLoaderConfig.html +199 -152
  48. package/docs/interfaces/I18nResource.html +176 -148
  49. package/docs/interfaces/I18nServiceConfig.html +141 -113
  50. package/docs/interfaces/I18nState.html +91 -63
  51. package/docs/interfaces/LoadedConfigModules.html +137 -107
  52. package/docs/interfaces/LocaleServiceConfig.html +102 -74
  53. package/docs/interfaces/LocaleState.html +96 -68
  54. package/docs/interfaces/LogAppenderConfig.html +123 -70
  55. package/docs/interfaces/LogAppenderTypeConfig.html +159 -61
  56. package/docs/interfaces/LogConfig.html +196 -149
  57. package/docs/interfaces/LogEvent.html +246 -199
  58. package/docs/interfaces/LogPosition.html +151 -123
  59. package/docs/interfaces/ModuleConfig.html +236 -12
  60. package/docs/interfaces/ModulesConfig.html +41 -11
  61. package/docs/interfaces/NotificationsState.html +98 -70
  62. package/docs/interfaces/UrlAppenderConfig.html +200 -98
  63. package/docs/interfaces/UrlAppenderTypeConfig.html +247 -53
  64. package/docs/interfaces/UrlLogEvent.html +368 -96
  65. package/docs/interfaces/UserConfig.html +97 -69
  66. package/docs/interfaces/UserDetails.html +237 -190
  67. package/docs/interfaces/UserPreferences.html +141 -113
  68. package/docs/interfaces/UserState.html +326 -279
  69. package/docs/interfaces/UxErrorFeedback.html +373 -235
  70. package/docs/interfaces/UxErrorFollowMap.html +41 -11
  71. package/docs/interfaces/UxErrorInfo.html +201 -151
  72. package/docs/interfaces/UxErrorMessage.html +149 -102
  73. package/docs/interfaces/UxFormValidationError.html +91 -63
  74. package/docs/interfaces/UxHttpErrorInfo.html +112 -65
  75. package/docs/interfaces/UxHttpErrorResponse.html +108 -61
  76. package/docs/interfaces/UxModalLegacy.html +164 -136
  77. package/docs/interfaces/UxValidationErrorAttribute.html +121 -93
  78. package/docs/interfaces/UxValidationErrorFeedback.html +126 -98
  79. package/docs/interfaces/UxValidationErrorI18nMessage.html +127 -99
  80. package/docs/interfaces/VersionsConfig.html +96 -68
  81. package/docs/interfaces/XHRConfig.html +346 -318
  82. package/docs/js/architecture-graph.js +288 -0
  83. package/docs/js/libs/bootstrap-native.js +4 -2
  84. package/docs/js/libs/tablesort.min.js +3 -3
  85. package/docs/js/libs/tablesort.number.min.js +2 -2
  86. package/docs/js/libs/vis-network.min.js +7 -7
  87. package/docs/js/menu-wc.js +30 -23
  88. package/docs/js/routes.js +138 -37
  89. package/docs/js/search/search.js +62 -0
  90. package/docs/js/search/search_index.js +2 -2
  91. package/docs/js/tabs.js +98 -15
  92. package/docs/js/tree.js +44 -7
  93. package/docs/json/documentation.json +3154 -482
  94. package/docs/license.html +26 -2
  95. package/docs/llms.txt +1084 -0
  96. package/docs/miscellaneous/enumerations.html +30 -6
  97. package/docs/miscellaneous/functions.html +138 -27
  98. package/docs/miscellaneous/typealiases.html +62 -29
  99. package/docs/miscellaneous/variables.html +77 -53
  100. package/docs/modules.html +26 -2
  101. package/docs/overview.html +26 -2
  102. package/docs/properties.html +27 -3
  103. package/docs/routes.html +26 -2
  104. package/docs/styles/compodoc.css +365 -44
  105. package/docs/styles/dark.css +16 -0
  106. package/docs/template-playground/hbs-render.service.ts +6 -1
  107. package/package.json +1 -1
  108. package/docs/js/menu-wc_es5.js +0 -40
package/docs/interfaces/HttpErrorHandlerConfig.html CHANGED
@@ -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">
@@ -120,6 +127,11 @@
120
127
  HttpErrorHandlerConfig</li>
121
128
  </ol>
122
129
 
130
+ <div class="io-file io-file-path" data-compodoc="entity-file-path">
131
+ <span class="icon ion-ios-document" aria-hidden="true"></span>
132
+ <code>packages/base/src/lib/eui-models/eui-config/http-error-handler.config.ts</code>
133
+ </div>
134
+
123
135
  <ul class="nav nav-tabs" role="tablist">
124
136
  <li class="nav-item">
125
137
  <a href="#info"
@@ -127,90 +139,89 @@
127
139
  class="nav-link active"
128
140
  role="tab" id="info-tab" data-bs-toggle="tab" data-link="info">Info</a>
129
141
  </li>
142
+ <li class="nav-item">
143
+ <a href="#api"
144
+ class="nav-link"
145
+
146
+ role="tab" id="api-tab" data-bs-toggle="tab" data-link="api">API</a>
147
+ </li>
130
148
  </ul>
131
149
 
132
150
  <div class="tab-content">
133
151
  <div class="tab-pane fade active in" id="info">
134
- <p class="comment">
135
- <h3>File</h3>
136
- </p>
137
- <p class="comment">
138
- <code>packages/base/src/lib/eui-models/eui-config/http-error-handler.config.ts</code>
139
- </p>
140
-
141
152
 
142
153
 
143
154
 
144
- <section data-compodoc="block-index">
145
- <h3 id="index">Index</h3>
146
- <table class="table table-sm table-bordered index-table">
155
+ </div>
156
+
157
+ <div class="tab-pane fade " id="api"><section data-compodoc="block-index">
158
+ <h3 id="index">Index</h3>
159
+ <table class="table table-sm table-bordered index-table">
160
+ <tbody>
161
+ <tr>
162
+ <td class="col-md-3">
163
+ <h6><b>Properties</b></h6>
164
+ </td>
165
+ <td class="col-md-9">
166
+ <ul class="index-list">
167
+ <li>
168
+ <a href="#routes" class="reference-link ">
169
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">routes</span>
170
+ </a>
171
+ </li>
172
+ </ul>
173
+ </td>
174
+ </tr>
175
+ </tbody>
176
+ </table>
177
+ </section>
178
+
179
+
180
+
181
+ <section data-compodoc="block-properties">
182
+ <h3 id="inputs">Properties</h3>
183
+ <table class="table table-sm table-bordered">
147
184
  <tbody>
148
- <tr>
149
- <td class="col-md-4">
150
- <h6><b>Properties</b></h6>
151
- </td>
152
- </tr>
153
- <tr>
154
- <td class="col-md-4">
155
- <ul class="index-list">
156
- <li>
157
- <a href="#routes"
158
- >
159
- routes
160
- </a>
161
- </li>
162
- </ul>
163
- </td>
164
- </tr>
165
- </tbody>
166
- </table>
167
- </section>
168
-
169
-
170
-
171
- <section data-compodoc="block-properties">
172
- <h3 id="inputs">Properties</h3>
173
- <table class="table table-sm table-bordered">
174
- <tbody>
175
- <tr>
176
- <td class="col-md-4">
177
- <a name="routes"></a>
178
- <span class="name "><b>routes</b>
179
- <a href="#routes">
180
- <span class="icon ion-ios-link"></span>
181
- </a>
182
- </span>
183
- </td>
184
- </tr>
185
- <tr>
186
- <td class="col-md-4">
187
- <code>routes: <code><a href="../interfaces/HttpErrorRouteConfig.html" target="_self" >HttpErrorRouteConfig[]</a></code>
185
+ <tr>
186
+ <td class="col-md-4">
187
+ <a name="routes"></a>
188
+ <span class="name "><b>routes</b>
189
+ <a href="#routes">
190
+ <span class="icon ion-ios-link"></span>
191
+ </a>
192
+ </span>
193
+ </td>
194
+ </tr>
195
+ <tr>
196
+ <td class="col-md-4">
197
+ <code>routes: <code><a href="../interfaces/HttpErrorRouteConfig.html" target="_self" >HttpErrorRouteConfig[]</a></code>
188
198
  </code>
189
- </td>
190
- </tr>
199
+ </td>
200
+ </tr>
191
201
 
192
202
 
193
- <tr>
194
- <td class="col-md-4">
195
- <i>Type : </i> <code><a href="../interfaces/HttpErrorRouteConfig.html" target="_self" >HttpErrorRouteConfig[]</a></code>
203
+ <tr>
204
+ <td class="col-md-4">
205
+ <i>Type : </i> <code><a href="../interfaces/HttpErrorRouteConfig.html" target="_self" >HttpErrorRouteConfig[]</a></code>
196
206
 
197
- </td>
198
- </tr>
207
+ </td>
208
+ </tr>
199
209
 
200
210
 
201
211
 
202
212
 
203
213
 
204
- <tr>
205
- <td class="col-md-4">
206
- <div class="io-description"><p>The list of routes, from specific to generic. The first matching one is handled.</p>
214
+
215
+ <tr>
216
+ <td class="col-md-4">
217
+ <div class="io-description"><p>The list of routes, from specific to generic. The first matching one is handled.</p>
218
+ </div>
219
+ </td>
220
+ </tr>
221
+ </tbody>
222
+ </table>
223
+ </section>
207
224
  </div>
208
- </td>
209
- </tr>
210
- </tbody>
211
- </table>
212
- </section>
213
- </div>
214
225
 
215
226
 
216
227
  </div>
@@ -254,6 +265,24 @@
254
265
 
255
266
  <script>
256
267
  $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
268
+ var updateDarkModeSwitchOffset = function () {
269
+ var content = document.querySelector('.content');
270
+ var scrollbarWidth = 0;
271
+
272
+ if (content) {
273
+ scrollbarWidth = Math.max(0, content.offsetWidth - content.clientWidth);
274
+ }
275
+
276
+ document.documentElement.style.setProperty(
277
+ '--content-scrollbar-width',
278
+ scrollbarWidth + 'px'
279
+ );
280
+ };
281
+
282
+ updateDarkModeSwitchOffset();
283
+ requestAnimationFrame(updateDarkModeSwitchOffset);
284
+ window.addEventListener('resize', updateDarkModeSwitchOffset);
285
+
257
286
  checkToggle(darkModeState);
258
287
  if ($darkModeToggleSwitchers.length > 0) {
259
288
  for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
@@ -269,7 +298,6 @@
269
298
  <script src="../js/libs/lit-html.js"></script>
270
299
 
271
300
  <script src="../js/menu-wc.js" defer></script>
272
- <script nomodule src="../js/menu-wc_es5.js" defer></script>
273
301
 
274
302
  <script src="../js/libs/bootstrap-native.js"></script>
275
303
 
package/docs/interfaces/HttpErrorRouteConfig.html CHANGED
@@ -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">
@@ -120,6 +127,11 @@
120
127
  HttpErrorRouteConfig</li>
121
128
  </ol>
122
129
 
130
+ <div class="io-file io-file-path" data-compodoc="entity-file-path">
131
+ <span class="icon ion-ios-document" aria-hidden="true"></span>
132
+ <code>packages/base/src/lib/eui-models/eui-config/http-error-handler.config.ts</code>
133
+ </div>
134
+
123
135
  <ul class="nav nav-tabs" role="tablist">
124
136
  <li class="nav-item">
125
137
  <a href="#info"
@@ -127,54 +139,51 @@
127
139
  class="nav-link active"
128
140
  role="tab" id="info-tab" data-bs-toggle="tab" data-link="info">Info</a>
129
141
  </li>
142
+ <li class="nav-item">
143
+ <a href="#api"
144
+ class="nav-link"
145
+
146
+ role="tab" id="api-tab" data-bs-toggle="tab" data-link="api">API</a>
147
+ </li>
130
148
  </ul>
131
149
 
132
150
  <div class="tab-content">
133
151
  <div class="tab-pane fade active in" id="info">
134
- <p class="comment">
135
- <h3>File</h3>
136
- </p>
137
- <p class="comment">
138
- <code>packages/base/src/lib/eui-models/eui-config/http-error-handler.config.ts</code>
139
- </p>
140
152
 
141
153
 
142
154
 
143
-
144
- <section data-compodoc="block-index">
145
- <h3 id="index">Index</h3>
146
- <table class="table table-sm table-bordered index-table">
147
- <tbody>
148
- <tr>
149
- <td class="col-md-4">
150
- <h6><b>Properties</b></h6>
151
- </td>
152
- </tr>
153
- <tr>
154
- <td class="col-md-4">
155
- <ul class="index-list">
156
- <li>
157
- <span class="modifier">Optional</span>
158
- <a href="#default"
159
- >
160
- default
161
- </a>
162
- </li>
163
- <li>
164
- <a href="#path"
165
- >
166
- path
167
- </a>
168
- </li>
169
- </ul>
170
- </td>
171
- </tr>
172
- </tbody>
173
- </table>
174
- </section>
155
+ </div>
156
+
157
+ <div class="tab-pane fade " id="api"><section data-compodoc="block-index">
158
+ <h3 id="index">Index</h3>
159
+ <table class="table table-sm table-bordered index-table">
160
+ <tbody>
161
+ <tr>
162
+ <td class="col-md-3">
163
+ <h6><b>Properties</b></h6>
164
+ </td>
165
+ <td class="col-md-9">
166
+ <ul class="index-list">
167
+ <li>
168
+ <span class="modifier">Optional</span>
169
+ <a href="#default" class="reference-link ">
170
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">default</span>
171
+ </a>
172
+ </li>
173
+ <li>
174
+ <a href="#path" class="reference-link ">
175
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">path</span>
176
+ </a>
177
+ </li>
178
+ </ul>
179
+ </td>
180
+ </tr>
181
+ </tbody>
182
+ </table>
183
+ </section>
175
184
 
176
185
 
177
- <section data-compodoc="block-indexables">
186
+ <section data-compodoc="block-indexables">
178
187
  <h3 id="inputs">Indexable</h3>
179
188
  <table class="table table-sm table-bordered">
180
189
  <tbody>
@@ -197,93 +206,95 @@ if null, do nothing</p>
197
206
  </table>
198
207
  </section>
199
208
 
200
- <section data-compodoc="block-properties">
201
- <h3 id="inputs">Properties</h3>
202
- <table class="table table-sm table-bordered">
203
- <tbody>
204
- <tr>
205
- <td class="col-md-4">
206
- <a name="default"></a>
207
- <span class="name "><b>default</b>
208
- <a href="#default">
209
- <span class="icon ion-ios-link"></span>
210
- </a>
211
- </span>
212
- </td>
213
- </tr>
214
- <tr>
215
- <td class="col-md-4">
216
- <code>default: <code><a href="../miscellaneous/typealiases.html#HttpErrorCallbackFn" target="_self" >HttpErrorCallbackFn | string | null</a></code>
209
+ <section data-compodoc="block-properties">
210
+ <h3 id="inputs">Properties</h3>
211
+ <table class="table table-sm table-bordered">
212
+ <tbody>
213
+ <tr>
214
+ <td class="col-md-4">
215
+ <a name="default"></a>
216
+ <span class="name "><b>default</b>
217
+ <a href="#default">
218
+ <span class="icon ion-ios-link"></span>
219
+ </a>
220
+ </span>
221
+ </td>
222
+ </tr>
223
+ <tr>
224
+ <td class="col-md-4">
225
+ <code>default: <code><a href="../miscellaneous/typealiases.html#HttpErrorCallbackFn" target="_self" >HttpErrorCallbackFn | string | null</a></code>
217
226
  </code>
218
- </td>
219
- </tr>
227
+ </td>
228
+ </tr>
220
229
 
221
230
 
222
- <tr>
223
- <td class="col-md-4">
224
- <i>Type : </i> <code><a href="../miscellaneous/typealiases.html#HttpErrorCallbackFn" target="_self" >HttpErrorCallbackFn | string | null</a></code>
225
-
226
- </td>
227
- </tr>
228
-
229
- <tr>
230
- <td class="col-md-4">
231
- <i>Optional</i>
232
- </td>
233
- </tr>
234
-
231
+ <tr>
232
+ <td class="col-md-4">
233
+ <i>Type : </i> <code><a href="../miscellaneous/typealiases.html#HttpErrorCallbackFn" target="_self" >HttpErrorCallbackFn | string | null</a></code>
235
234
 
235
+ </td>
236
+ </tr>
236
237
 
237
238
 
238
239
  <tr>
239
240
  <td class="col-md-4">
240
- <div class="io-description"><p>Default behaviour, if error status code does not match</p>
241
- </div>
241
+ <i>Optional</i>
242
242
  </td>
243
243
  </tr>
244
- </tbody>
245
- </table>
246
- <table class="table table-sm table-bordered">
247
- <tbody>
248
- <tr>
249
- <td class="col-md-4">
250
- <a name="path"></a>
251
- <span class="name "><b>path</b>
252
- <a href="#path">
253
- <span class="icon ion-ios-link"></span>
254
- </a>
255
- </span>
256
- </td>
257
- </tr>
258
- <tr>
259
- <td class="col-md-4">
260
- <code>path: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
261
- </code>
262
- </td>
263
- </tr>
264
-
265
-
266
- <tr>
267
- <td class="col-md-4">
268
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
269
244
 
270
- </td>
271
- </tr>
272
245
 
273
246
 
274
247
 
248
+ <tr>
249
+ <td class="col-md-4">
250
+ <div class="io-description"><p>Default behaviour, if error status code does not match</p>
251
+ </div>
252
+ </td>
253
+ </tr>
254
+ </tbody>
255
+ </table>
256
+ <table class="table table-sm table-bordered">
257
+ <tbody>
258
+ <tr>
259
+ <td class="col-md-4">
260
+ <a name="path"></a>
261
+ <span class="name "><b>path</b>
262
+ <a href="#path">
263
+ <span class="icon ion-ios-link"></span>
264
+ </a>
265
+ </span>
266
+ </td>
267
+ </tr>
268
+ <tr>
269
+ <td class="col-md-4">
270
+ <code>path: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
271
+ </code>
272
+ </td>
273
+ </tr>
275
274
 
276
275
 
277
276
  <tr>
278
277
  <td class="col-md-4">
279
- <div class="io-description"><p>The path to match against, a URL string that uses router matching notation. Can include wildcard characters (*).</p>
280
- </div>
278
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
279
+
281
280
  </td>
282
281
  </tr>
283
- </tbody>
284
- </table>
285
- </section>
286
- </div>
282
+
283
+
284
+
285
+
286
+
287
+
288
+ <tr>
289
+ <td class="col-md-4">
290
+ <div class="io-description"><p>The path to match against, a URL string that uses router matching notation. Can include wildcard characters (*).</p>
291
+ </div>
292
+ </td>
293
+ </tr>
294
+ </tbody>
295
+ </table>
296
+ </section>
297
+ </div>
287
298
 
288
299
 
289
300
  </div>
@@ -327,6 +338,24 @@ if null, do nothing</p>
327
338
 
328
339
  <script>
329
340
  $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
341
+ var updateDarkModeSwitchOffset = function () {
342
+ var content = document.querySelector('.content');
343
+ var scrollbarWidth = 0;
344
+
345
+ if (content) {
346
+ scrollbarWidth = Math.max(0, content.offsetWidth - content.clientWidth);
347
+ }
348
+
349
+ document.documentElement.style.setProperty(
350
+ '--content-scrollbar-width',
351
+ scrollbarWidth + 'px'
352
+ );
353
+ };
354
+
355
+ updateDarkModeSwitchOffset();
356
+ requestAnimationFrame(updateDarkModeSwitchOffset);
357
+ window.addEventListener('resize', updateDarkModeSwitchOffset);
358
+
330
359
  checkToggle(darkModeState);
331
360
  if ($darkModeToggleSwitchers.length > 0) {
332
361
  for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
@@ -342,7 +371,6 @@ if null, do nothing</p>
342
371
  <script src="../js/libs/lit-html.js"></script>
343
372
 
344
373
  <script src="../js/menu-wc.js" defer></script>
345
- <script nomodule src="../js/menu-wc_es5.js" defer></script>
346
374
 
347
375
  <script src="../js/libs/bootstrap-native.js"></script>
348
376