@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/UxValidationErrorFeedback.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
  UxValidationErrorFeedback</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/ux-models/ux-validation-error.model.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,129 +139,128 @@
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/ux-models/ux-validation-error.model.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
+ <a href="#message" class="reference-link ">
169
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">message</span>
170
+ </a>
171
+ </li>
172
+ <li>
173
+ <a href="#type" class="reference-link ">
174
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">type</span>
175
+ </a>
176
+ </li>
177
+ </ul>
178
+ </td>
179
+ </tr>
180
+ </tbody>
181
+ </table>
182
+ </section>
183
+
184
+
185
+
186
+ <section data-compodoc="block-properties">
187
+ <h3 id="inputs">Properties</h3>
188
+ <table class="table table-sm table-bordered">
147
189
  <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="#message"
158
- >
159
- message
160
- </a>
161
- </li>
162
- <li>
163
- <a href="#type"
164
- >
165
- type
166
- </a>
167
- </li>
168
- </ul>
169
- </td>
170
- </tr>
171
- </tbody>
172
- </table>
173
- </section>
174
-
175
-
176
-
177
- <section data-compodoc="block-properties">
178
- <h3 id="inputs">Properties</h3>
179
- <table class="table table-sm table-bordered">
180
- <tbody>
181
- <tr>
182
- <td class="col-md-4">
183
- <a name="message"></a>
184
- <span class="name "><b>message</b>
185
- <a href="#message">
186
- <span class="icon ion-ios-link"></span>
187
- </a>
188
- </span>
189
- </td>
190
- </tr>
191
- <tr>
192
- <td class="col-md-4">
193
- <code>message: <code><a href="../interfaces/UxValidationErrorI18nMessage.html" target="_self" >string | UxValidationErrorI18nMessage</a></code>
190
+ <tr>
191
+ <td class="col-md-4">
192
+ <a name="message"></a>
193
+ <span class="name "><b>message</b>
194
+ <a href="#message">
195
+ <span class="icon ion-ios-link"></span>
196
+ </a>
197
+ </span>
198
+ </td>
199
+ </tr>
200
+ <tr>
201
+ <td class="col-md-4">
202
+ <code>message: <code><a href="../interfaces/UxValidationErrorI18nMessage.html" target="_self" >string | UxValidationErrorI18nMessage</a></code>
194
203
  </code>
195
- </td>
196
- </tr>
204
+ </td>
205
+ </tr>
206
+
197
207
 
208
+ <tr>
209
+ <td class="col-md-4">
210
+ <i>Type : </i> <code><a href="../interfaces/UxValidationErrorI18nMessage.html" target="_self" >string | UxValidationErrorI18nMessage</a></code>
198
211
 
199
- <tr>
200
- <td class="col-md-4">
201
- <i>Type : </i> <code><a href="../interfaces/UxValidationErrorI18nMessage.html" target="_self" >string | UxValidationErrorI18nMessage</a></code>
212
+ </td>
213
+ </tr>
202
214
 
203
- </td>
204
- </tr>
205
215
 
206
216
 
207
217
 
208
218
 
209
219
 
210
- </tbody>
211
- </table>
212
- <table class="table table-sm table-bordered">
213
- <tbody>
214
- <tr>
215
- <td class="col-md-4">
216
- <a name="type"></a>
217
- <span class="name "><b>type</b>
218
- <a href="#type">
219
- <span class="icon ion-ios-link"></span>
220
- </a>
221
- </span>
222
- </td>
223
- </tr>
224
- <tr>
225
- <td class="col-md-4">
226
- <code>type: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
220
+ </tbody>
221
+ </table>
222
+ <table class="table table-sm table-bordered">
223
+ <tbody>
224
+ <tr>
225
+ <td class="col-md-4">
226
+ <a name="type"></a>
227
+ <span class="name "><b>type</b>
228
+ <a href="#type">
229
+ <span class="icon ion-ios-link"></span>
230
+ </a>
231
+ </span>
232
+ </td>
233
+ </tr>
234
+ <tr>
235
+ <td class="col-md-4">
236
+ <code>type: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
227
237
  </code>
228
- </td>
229
- </tr>
238
+ </td>
239
+ </tr>
230
240
 
231
241
 
232
- <tr>
233
- <td class="col-md-4">
234
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
242
+ <tr>
243
+ <td class="col-md-4">
244
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
235
245
 
236
- </td>
237
- </tr>
246
+ </td>
247
+ </tr>
238
248
 
239
249
 
240
250
 
241
251
 
242
252
 
243
- <tr>
244
- <td class="col-md-4">
245
- <div class="io-description"><p>danger, warning, info</p>
253
+
254
+ <tr>
255
+ <td class="col-md-4">
256
+ <div class="io-description"><p>danger, warning, info</p>
257
+ </div>
258
+ </td>
259
+ </tr>
260
+ </tbody>
261
+ </table>
262
+ </section>
246
263
  </div>
247
- </td>
248
- </tr>
249
- </tbody>
250
- </table>
251
- </section>
252
- </div>
253
264
 
254
265
 
255
266
  </div>
@@ -293,6 +304,24 @@
293
304
 
294
305
  <script>
295
306
  $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
307
+ var updateDarkModeSwitchOffset = function () {
308
+ var content = document.querySelector('.content');
309
+ var scrollbarWidth = 0;
310
+
311
+ if (content) {
312
+ scrollbarWidth = Math.max(0, content.offsetWidth - content.clientWidth);
313
+ }
314
+
315
+ document.documentElement.style.setProperty(
316
+ '--content-scrollbar-width',
317
+ scrollbarWidth + 'px'
318
+ );
319
+ };
320
+
321
+ updateDarkModeSwitchOffset();
322
+ requestAnimationFrame(updateDarkModeSwitchOffset);
323
+ window.addEventListener('resize', updateDarkModeSwitchOffset);
324
+
296
325
  checkToggle(darkModeState);
297
326
  if ($darkModeToggleSwitchers.length > 0) {
298
327
  for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
@@ -308,7 +337,6 @@
308
337
  <script src="../js/libs/lit-html.js"></script>
309
338
 
310
339
  <script src="../js/menu-wc.js" defer></script>
311
- <script nomodule src="../js/menu-wc_es5.js" defer></script>
312
340
 
313
341
  <script src="../js/libs/bootstrap-native.js"></script>
314
342
 
package/docs/interfaces/UxValidationErrorI18nMessage.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
  UxValidationErrorI18nMessage</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/ux-models/ux-validation-error.model.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,129 +139,128 @@
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/ux-models/ux-validation-error.model.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
+ <a href="#id" class="reference-link ">
169
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">id</span>
170
+ </a>
171
+ </li>
172
+ <li>
173
+ <span class="modifier">Optional</span>
174
+ <a href="#params" class="reference-link ">
175
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">params</span>
176
+ </a>
177
+ </li>
178
+ </ul>
179
+ </td>
180
+ </tr>
181
+ </tbody>
182
+ </table>
183
+ </section>
184
+
185
+
186
+
187
+ <section data-compodoc="block-properties">
188
+ <h3 id="inputs">Properties</h3>
189
+ <table class="table table-sm table-bordered">
147
190
  <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="#id"
158
- >
159
- id
160
- </a>
161
- </li>
162
- <li>
163
- <span class="modifier">Optional</span>
164
- <a href="#params"
165
- >
166
- params
167
- </a>
168
- </li>
169
- </ul>
170
- </td>
171
- </tr>
172
- </tbody>
173
- </table>
174
- </section>
175
-
176
-
177
-
178
- <section data-compodoc="block-properties">
179
- <h3 id="inputs">Properties</h3>
180
- <table class="table table-sm table-bordered">
181
- <tbody>
182
- <tr>
183
- <td class="col-md-4">
184
- <a name="id"></a>
185
- <span class="name "><b>id</b>
186
- <a href="#id">
187
- <span class="icon ion-ios-link"></span>
188
- </a>
189
- </span>
190
- </td>
191
- </tr>
192
- <tr>
193
- <td class="col-md-4">
194
- <code>id: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
191
+ <tr>
192
+ <td class="col-md-4">
193
+ <a name="id"></a>
194
+ <span class="name "><b>id</b>
195
+ <a href="#id">
196
+ <span class="icon ion-ios-link"></span>
197
+ </a>
198
+ </span>
199
+ </td>
200
+ </tr>
201
+ <tr>
202
+ <td class="col-md-4">
203
+ <code>id: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
195
204
  </code>
196
- </td>
197
- </tr>
205
+ </td>
206
+ </tr>
198
207
 
199
208
 
200
- <tr>
201
- <td class="col-md-4">
202
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
209
+ <tr>
210
+ <td class="col-md-4">
211
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
203
212
 
204
- </td>
205
- </tr>
213
+ </td>
214
+ </tr>
206
215
 
207
216
 
208
217
 
209
218
 
210
219
 
211
- </tbody>
212
- </table>
213
- <table class="table table-sm table-bordered">
214
- <tbody>
215
- <tr>
216
- <td class="col-md-4">
217
- <a name="params"></a>
218
- <span class="name "><b>params</b>
219
- <a href="#params">
220
- <span class="icon ion-ios-link"></span>
221
- </a>
222
- </span>
223
- </td>
224
- </tr>
225
- <tr>
226
- <td class="col-md-4">
227
- <code>params: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/object" target="_blank" >object</a></code>
220
+
221
+ </tbody>
222
+ </table>
223
+ <table class="table table-sm table-bordered">
224
+ <tbody>
225
+ <tr>
226
+ <td class="col-md-4">
227
+ <a name="params"></a>
228
+ <span class="name "><b>params</b>
229
+ <a href="#params">
230
+ <span class="icon ion-ios-link"></span>
231
+ </a>
232
+ </span>
233
+ </td>
234
+ </tr>
235
+ <tr>
236
+ <td class="col-md-4">
237
+ <code>params: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/object" target="_blank" >object</a></code>
228
238
  </code>
229
- </td>
230
- </tr>
239
+ </td>
240
+ </tr>
231
241
 
232
242
 
233
- <tr>
234
- <td class="col-md-4">
235
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/object" target="_blank" >object</a></code>
243
+ <tr>
244
+ <td class="col-md-4">
245
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/object" target="_blank" >object</a></code>
236
246
 
237
- </td>
238
- </tr>
247
+ </td>
248
+ </tr>
239
249
 
240
- <tr>
241
- <td class="col-md-4">
242
- <i>Optional</i>
243
- </td>
244
- </tr>
245
250
 
251
+ <tr>
252
+ <td class="col-md-4">
253
+ <i>Optional</i>
254
+ </td>
255
+ </tr>
246
256
 
247
257
 
248
258
 
249
- </tbody>
250
- </table>
251
- </section>
252
- </div>
259
+
260
+ </tbody>
261
+ </table>
262
+ </section>
263
+ </div>
253
264
 
254
265
 
255
266
  </div>
@@ -293,6 +304,24 @@
293
304
 
294
305
  <script>
295
306
  $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
307
+ var updateDarkModeSwitchOffset = function () {
308
+ var content = document.querySelector('.content');
309
+ var scrollbarWidth = 0;
310
+
311
+ if (content) {
312
+ scrollbarWidth = Math.max(0, content.offsetWidth - content.clientWidth);
313
+ }
314
+
315
+ document.documentElement.style.setProperty(
316
+ '--content-scrollbar-width',
317
+ scrollbarWidth + 'px'
318
+ );
319
+ };
320
+
321
+ updateDarkModeSwitchOffset();
322
+ requestAnimationFrame(updateDarkModeSwitchOffset);
323
+ window.addEventListener('resize', updateDarkModeSwitchOffset);
324
+
296
325
  checkToggle(darkModeState);
297
326
  if ($darkModeToggleSwitchers.length > 0) {
298
327
  for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
@@ -308,7 +337,6 @@
308
337
  <script src="../js/libs/lit-html.js"></script>
309
338
 
310
339
  <script src="../js/menu-wc.js" defer></script>
311
- <script nomodule src="../js/menu-wc_es5.js" defer></script>
312
340
 
313
341
  <script src="../js/libs/bootstrap-native.js"></script>
314
342