@eui/base 23.0.0-alpha.1 → 23.0.0-alpha.3

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 (112) hide show
  1. package/docs/architecture.html +223 -0
  2. package/docs/changelog.html +773 -2
  3. package/docs/classes/ConsoleAppender.html +78 -27
  4. package/docs/classes/EuiEuLanguages.html +55 -16
  5. package/docs/classes/EuiLazyService.html +90 -26
  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 +142 -30
  11. package/docs/classes/UrlAppender.html +80 -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 +164 -91
  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 +3314 -573
  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/fesm2022/eui-base.mjs +1 -0
  108. package/fesm2022/eui-base.mjs.map +1 -1
  109. package/package.json +6 -5
  110. package/types/eui-base.d.ts +1 -0
  111. package/types/eui-base.d.ts.map +1 -1
  112. package/docs/js/menu-wc_es5.js +0 -40
package/docs/interfaces/LoadedConfigModules.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
  LoadedConfigModules</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-store/state/app.state.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,136 +139,137 @@
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-store/state/app.state.ts</code>
139
- </p>
140
-
141
152
 
142
153
  <p class="comment">
143
154
  <h3>Description</h3>
144
155
  </p>
145
156
  <p class="comment">
146
- <p>LoadedConfigModules</p>
157
+ <p>LoadedConfigModules
158
+ lastAddedModule - the last module added to the store
159
+ modulesConfig - the modules configuration</p>
147
160
 
148
161
  </p>
149
162
 
150
163
 
151
- <section data-compodoc="block-index">
152
- <h3 id="index">Index</h3>
153
- <table class="table table-sm table-bordered index-table">
164
+ </div>
165
+
166
+ <div class="tab-pane fade " id="api"><section data-compodoc="block-index">
167
+ <h3 id="index">Index</h3>
168
+ <table class="table table-sm table-bordered index-table">
169
+ <tbody>
170
+ <tr>
171
+ <td class="col-md-3">
172
+ <h6><b>Properties</b></h6>
173
+ </td>
174
+ <td class="col-md-9">
175
+ <ul class="index-list">
176
+ <li>
177
+ <span class="modifier">Optional</span>
178
+ <a href="#lastAddedModule" class="reference-link ">
179
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">lastAddedModule</span>
180
+ </a>
181
+ </li>
182
+ <li>
183
+ <a href="#modulesConfig" class="reference-link ">
184
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">modulesConfig</span>
185
+ </a>
186
+ </li>
187
+ </ul>
188
+ </td>
189
+ </tr>
190
+ </tbody>
191
+ </table>
192
+ </section>
193
+
194
+
195
+
196
+ <section data-compodoc="block-properties">
197
+ <h3 id="inputs">Properties</h3>
198
+ <table class="table table-sm table-bordered">
154
199
  <tbody>
155
- <tr>
156
- <td class="col-md-4">
157
- <h6><b>Properties</b></h6>
158
- </td>
159
- </tr>
160
- <tr>
161
- <td class="col-md-4">
162
- <ul class="index-list">
163
- <li>
164
- <span class="modifier">Optional</span>
165
- <a href="#lastAddedModule"
166
- >
167
- lastAddedModule
168
- </a>
169
- </li>
170
- <li>
171
- <a href="#modulesConfig"
172
- >
173
- modulesConfig
174
- </a>
175
- </li>
176
- </ul>
177
- </td>
178
- </tr>
200
+ <tr>
201
+ <td class="col-md-4">
202
+ <a name="lastAddedModule"></a>
203
+ <span class="name "><b>lastAddedModule</b>
204
+ <a href="#lastAddedModule">
205
+ <span class="icon ion-ios-link"></span>
206
+ </a>
207
+ </span>
208
+ </td>
209
+ </tr>
210
+ <tr>
211
+ <td class="col-md-4">
212
+ <code>lastAddedModule: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
213
+ </code>
214
+ </td>
215
+ </tr>
216
+
217
+
218
+ <tr>
219
+ <td class="col-md-4">
220
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
221
+
222
+ </td>
223
+ </tr>
224
+
225
+
226
+ <tr>
227
+ <td class="col-md-4">
228
+ <i>Optional</i>
229
+ </td>
230
+ </tr>
231
+
232
+
233
+
234
+
179
235
  </tbody>
180
236
  </table>
181
- </section>
182
-
183
-
184
-
185
- <section data-compodoc="block-properties">
186
- <h3 id="inputs">Properties</h3>
187
- <table class="table table-sm table-bordered">
188
- <tbody>
189
- <tr>
190
- <td class="col-md-4">
191
- <a name="lastAddedModule"></a>
192
- <span class="name "><b>lastAddedModule</b>
193
- <a href="#lastAddedModule">
194
- <span class="icon ion-ios-link"></span>
195
- </a>
196
- </span>
197
- </td>
198
- </tr>
199
- <tr>
200
- <td class="col-md-4">
201
- <code>lastAddedModule: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
202
- </code>
203
- </td>
204
- </tr>
205
-
206
-
207
- <tr>
208
- <td class="col-md-4">
209
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
210
-
211
- </td>
212
- </tr>
213
-
214
- <tr>
215
- <td class="col-md-4">
216
- <i>Optional</i>
217
- </td>
218
- </tr>
219
-
220
-
221
-
222
-
223
- </tbody>
224
- </table>
225
- <table class="table table-sm table-bordered">
226
- <tbody>
227
- <tr>
228
- <td class="col-md-4">
229
- <a name="modulesConfig"></a>
230
- <span class="name "><b>modulesConfig</b>
231
- <a href="#modulesConfig">
232
- <span class="icon ion-ios-link"></span>
233
- </a>
234
- </span>
235
- </td>
236
- </tr>
237
- <tr>
238
- <td class="col-md-4">
239
- <code>modulesConfig: <code><a href="../interfaces/ModulesConfig.html" target="_self" >ModulesConfig</a></code>
237
+ <table class="table table-sm table-bordered">
238
+ <tbody>
239
+ <tr>
240
+ <td class="col-md-4">
241
+ <a name="modulesConfig"></a>
242
+ <span class="name "><b>modulesConfig</b>
243
+ <a href="#modulesConfig">
244
+ <span class="icon ion-ios-link"></span>
245
+ </a>
246
+ </span>
247
+ </td>
248
+ </tr>
249
+ <tr>
250
+ <td class="col-md-4">
251
+ <code>modulesConfig: <code><a href="../interfaces/ModulesConfig.html" target="_self" >ModulesConfig</a></code>
240
252
  </code>
241
- </td>
242
- </tr>
253
+ </td>
254
+ </tr>
243
255
 
244
256
 
245
- <tr>
246
- <td class="col-md-4">
247
- <i>Type : </i> <code><a href="../interfaces/ModulesConfig.html" target="_self" >ModulesConfig</a></code>
257
+ <tr>
258
+ <td class="col-md-4">
259
+ <i>Type : </i> <code><a href="../interfaces/ModulesConfig.html" target="_self" >ModulesConfig</a></code>
248
260
 
249
- </td>
250
- </tr>
261
+ </td>
262
+ </tr>
251
263
 
252
264
 
253
265
 
254
266
 
255
267
 
256
- </tbody>
257
- </table>
258
- </section>
259
- </div>
268
+
269
+ </tbody>
270
+ </table>
271
+ </section>
272
+ </div>
260
273
 
261
274
 
262
275
  </div>
@@ -300,6 +313,24 @@
300
313
 
301
314
  <script>
302
315
  $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
316
+ var updateDarkModeSwitchOffset = function () {
317
+ var content = document.querySelector('.content');
318
+ var scrollbarWidth = 0;
319
+
320
+ if (content) {
321
+ scrollbarWidth = Math.max(0, content.offsetWidth - content.clientWidth);
322
+ }
323
+
324
+ document.documentElement.style.setProperty(
325
+ '--content-scrollbar-width',
326
+ scrollbarWidth + 'px'
327
+ );
328
+ };
329
+
330
+ updateDarkModeSwitchOffset();
331
+ requestAnimationFrame(updateDarkModeSwitchOffset);
332
+ window.addEventListener('resize', updateDarkModeSwitchOffset);
333
+
303
334
  checkToggle(darkModeState);
304
335
  if ($darkModeToggleSwitchers.length > 0) {
305
336
  for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
@@ -315,7 +346,6 @@
315
346
  <script src="../js/libs/lit-html.js"></script>
316
347
 
317
348
  <script src="../js/menu-wc.js" defer></script>
318
- <script nomodule src="../js/menu-wc_es5.js" defer></script>
319
349
 
320
350
  <script src="../js/libs/bootstrap-native.js"></script>
321
351
 
package/docs/interfaces/LocaleServiceConfig.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
  LocaleServiceConfig</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/locale.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,96 +139,95 @@
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/locale.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">
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="#bindWithTranslate" class="reference-link ">
170
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">bindWithTranslate</span>
171
+ </a>
172
+ </li>
173
+ </ul>
174
+ </td>
175
+ </tr>
176
+ </tbody>
177
+ </table>
178
+ </section>
179
+
180
+
181
+
182
+ <section data-compodoc="block-properties">
183
+ <h3 id="inputs">Properties</h3>
184
+ <table class="table table-sm table-bordered">
147
185
  <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="#bindWithTranslate"
159
- >
160
- bindWithTranslate
161
- </a>
162
- </li>
163
- </ul>
164
- </td>
165
- </tr>
166
- </tbody>
167
- </table>
168
- </section>
169
-
170
-
171
-
172
- <section data-compodoc="block-properties">
173
- <h3 id="inputs">Properties</h3>
174
- <table class="table table-sm table-bordered">
175
- <tbody>
176
- <tr>
177
- <td class="col-md-4">
178
- <a name="bindWithTranslate"></a>
179
- <span class="name "><b>bindWithTranslate</b>
180
- <a href="#bindWithTranslate">
181
- <span class="icon ion-ios-link"></span>
182
- </a>
183
- </span>
184
- </td>
185
- </tr>
186
- <tr>
187
- <td class="col-md-4">
188
- <code>bindWithTranslate: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
186
+ <tr>
187
+ <td class="col-md-4">
188
+ <a name="bindWithTranslate"></a>
189
+ <span class="name "><b>bindWithTranslate</b>
190
+ <a href="#bindWithTranslate">
191
+ <span class="icon ion-ios-link"></span>
192
+ </a>
193
+ </span>
194
+ </td>
195
+ </tr>
196
+ <tr>
197
+ <td class="col-md-4">
198
+ <code>bindWithTranslate: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
189
199
  </code>
190
- </td>
191
- </tr>
200
+ </td>
201
+ </tr>
192
202
 
193
203
 
194
- <tr>
195
- <td class="col-md-4">
196
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
197
-
198
- </td>
199
- </tr>
200
-
201
- <tr>
202
- <td class="col-md-4">
203
- <i>Optional</i>
204
- </td>
205
- </tr>
206
-
204
+ <tr>
205
+ <td class="col-md-4">
206
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
207
207
 
208
+ </td>
209
+ </tr>
208
210
 
209
211
 
210
212
  <tr>
211
213
  <td class="col-md-4">
212
- <div class="io-description"><p>When enabled changes from I18nService will be reflected to locale state</p>
213
- </div>
214
+ <i>Optional</i>
214
215
  </td>
215
216
  </tr>
216
- </tbody>
217
- </table>
218
- </section>
219
- </div>
217
+
218
+
219
+
220
+
221
+ <tr>
222
+ <td class="col-md-4">
223
+ <div class="io-description"><p>When enabled changes from I18nService will be reflected to locale state</p>
224
+ </div>
225
+ </td>
226
+ </tr>
227
+ </tbody>
228
+ </table>
229
+ </section>
230
+ </div>
220
231
 
221
232
 
222
233
  </div>
@@ -260,6 +271,24 @@
260
271
 
261
272
  <script>
262
273
  $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
274
+ var updateDarkModeSwitchOffset = function () {
275
+ var content = document.querySelector('.content');
276
+ var scrollbarWidth = 0;
277
+
278
+ if (content) {
279
+ scrollbarWidth = Math.max(0, content.offsetWidth - content.clientWidth);
280
+ }
281
+
282
+ document.documentElement.style.setProperty(
283
+ '--content-scrollbar-width',
284
+ scrollbarWidth + 'px'
285
+ );
286
+ };
287
+
288
+ updateDarkModeSwitchOffset();
289
+ requestAnimationFrame(updateDarkModeSwitchOffset);
290
+ window.addEventListener('resize', updateDarkModeSwitchOffset);
291
+
263
292
  checkToggle(darkModeState);
264
293
  if ($darkModeToggleSwitchers.length > 0) {
265
294
  for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
@@ -275,7 +304,6 @@
275
304
  <script src="../js/libs/lit-html.js"></script>
276
305
 
277
306
  <script src="../js/menu-wc.js" defer></script>
278
- <script nomodule src="../js/menu-wc_es5.js" defer></script>
279
307
 
280
308
  <script src="../js/libs/bootstrap-native.js"></script>
281
309