@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/UxModalLegacy.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
  UxModalLegacy</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-modal-legacy.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,168 +139,167 @@
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-modal-legacy.model.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="#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="#isFullHeight" class="reference-link ">
175
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">isFullHeight</span>
176
+ </a>
177
+ </li>
178
+ <li>
179
+ <a href="#isOpen" class="reference-link ">
180
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">isOpen</span>
181
+ </a>
182
+ </li>
183
+ </ul>
184
+ </td>
185
+ </tr>
186
+ </tbody>
187
+ </table>
188
+ </section>
189
+
190
+
191
+
192
+ <section data-compodoc="block-properties">
193
+ <h3 id="inputs">Properties</h3>
194
+ <table class="table table-sm table-bordered">
147
195
  <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="#isFullHeight"
165
- >
166
- isFullHeight
167
- </a>
168
- </li>
169
- <li>
170
- <a href="#isOpen"
171
- >
172
- isOpen
173
- </a>
174
- </li>
175
- </ul>
176
- </td>
177
- </tr>
196
+ <tr>
197
+ <td class="col-md-4">
198
+ <a name="id"></a>
199
+ <span class="name "><b>id</b>
200
+ <a href="#id">
201
+ <span class="icon ion-ios-link"></span>
202
+ </a>
203
+ </span>
204
+ </td>
205
+ </tr>
206
+ <tr>
207
+ <td class="col-md-4">
208
+ <code>id: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
209
+ </code>
210
+ </td>
211
+ </tr>
212
+
213
+
214
+ <tr>
215
+ <td class="col-md-4">
216
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
217
+
218
+ </td>
219
+ </tr>
220
+
221
+
222
+
223
+
224
+
225
+
178
226
  </tbody>
179
227
  </table>
180
- </section>
181
-
182
-
183
-
184
- <section data-compodoc="block-properties">
185
- <h3 id="inputs">Properties</h3>
186
- <table class="table table-sm table-bordered">
187
- <tbody>
188
- <tr>
189
- <td class="col-md-4">
190
- <a name="id"></a>
191
- <span class="name "><b>id</b>
192
- <a href="#id">
193
- <span class="icon ion-ios-link"></span>
194
- </a>
195
- </span>
196
- </td>
197
- </tr>
198
- <tr>
199
- <td class="col-md-4">
200
- <code>id: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
228
+ <table class="table table-sm table-bordered">
229
+ <tbody>
230
+ <tr>
231
+ <td class="col-md-4">
232
+ <a name="isFullHeight"></a>
233
+ <span class="name "><b>isFullHeight</b>
234
+ <a href="#isFullHeight">
235
+ <span class="icon ion-ios-link"></span>
236
+ </a>
237
+ </span>
238
+ </td>
239
+ </tr>
240
+ <tr>
241
+ <td class="col-md-4">
242
+ <code>isFullHeight: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
201
243
  </code>
202
- </td>
203
- </tr>
244
+ </td>
245
+ </tr>
204
246
 
205
247
 
206
- <tr>
207
- <td class="col-md-4">
208
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
248
+ <tr>
249
+ <td class="col-md-4">
250
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
209
251
 
210
- </td>
211
- </tr>
252
+ </td>
253
+ </tr>
212
254
 
213
255
 
256
+ <tr>
257
+ <td class="col-md-4">
258
+ <i>Optional</i>
259
+ </td>
260
+ </tr>
214
261
 
215
262
 
216
263
 
217
- </tbody>
218
- </table>
219
- <table class="table table-sm table-bordered">
220
- <tbody>
221
- <tr>
222
- <td class="col-md-4">
223
- <a name="isFullHeight"></a>
224
- <span class="name "><b>isFullHeight</b>
225
- <a href="#isFullHeight">
226
- <span class="icon ion-ios-link"></span>
227
- </a>
228
- </span>
229
- </td>
230
- </tr>
231
- <tr>
232
- <td class="col-md-4">
233
- <code>isFullHeight: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
234
- </code>
235
- </td>
236
- </tr>
237
-
238
-
239
- <tr>
240
- <td class="col-md-4">
241
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
242
-
243
- </td>
244
- </tr>
245
-
246
- <tr>
247
- <td class="col-md-4">
248
- <i>Optional</i>
249
- </td>
250
- </tr>
251
-
252
-
253
-
254
-
255
- </tbody>
256
- </table>
257
- <table class="table table-sm table-bordered">
258
- <tbody>
259
- <tr>
260
- <td class="col-md-4">
261
- <a name="isOpen"></a>
262
- <span class="name "><b>isOpen</b>
263
- <a href="#isOpen">
264
- <span class="icon ion-ios-link"></span>
265
- </a>
266
- </span>
267
- </td>
268
- </tr>
269
- <tr>
270
- <td class="col-md-4">
271
- <code>isOpen: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
264
+
265
+ </tbody>
266
+ </table>
267
+ <table class="table table-sm table-bordered">
268
+ <tbody>
269
+ <tr>
270
+ <td class="col-md-4">
271
+ <a name="isOpen"></a>
272
+ <span class="name "><b>isOpen</b>
273
+ <a href="#isOpen">
274
+ <span class="icon ion-ios-link"></span>
275
+ </a>
276
+ </span>
277
+ </td>
278
+ </tr>
279
+ <tr>
280
+ <td class="col-md-4">
281
+ <code>isOpen: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
272
282
  </code>
273
- </td>
274
- </tr>
283
+ </td>
284
+ </tr>
275
285
 
276
286
 
277
- <tr>
278
- <td class="col-md-4">
279
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
287
+ <tr>
288
+ <td class="col-md-4">
289
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
280
290
 
281
- </td>
282
- </tr>
291
+ </td>
292
+ </tr>
283
293
 
284
294
 
285
295
 
286
296
 
287
297
 
288
- </tbody>
289
- </table>
290
- </section>
291
- </div>
298
+
299
+ </tbody>
300
+ </table>
301
+ </section>
302
+ </div>
292
303
 
293
304
 
294
305
  </div>
@@ -332,6 +343,24 @@
332
343
 
333
344
  <script>
334
345
  $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
346
+ var updateDarkModeSwitchOffset = function () {
347
+ var content = document.querySelector('.content');
348
+ var scrollbarWidth = 0;
349
+
350
+ if (content) {
351
+ scrollbarWidth = Math.max(0, content.offsetWidth - content.clientWidth);
352
+ }
353
+
354
+ document.documentElement.style.setProperty(
355
+ '--content-scrollbar-width',
356
+ scrollbarWidth + 'px'
357
+ );
358
+ };
359
+
360
+ updateDarkModeSwitchOffset();
361
+ requestAnimationFrame(updateDarkModeSwitchOffset);
362
+ window.addEventListener('resize', updateDarkModeSwitchOffset);
363
+
335
364
  checkToggle(darkModeState);
336
365
  if ($darkModeToggleSwitchers.length > 0) {
337
366
  for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
@@ -347,7 +376,6 @@
347
376
  <script src="../js/libs/lit-html.js"></script>
348
377
 
349
378
  <script src="../js/menu-wc.js" defer></script>
350
- <script nomodule src="../js/menu-wc_es5.js" defer></script>
351
379
 
352
380
  <script src="../js/libs/bootstrap-native.js"></script>
353
381
 
package/docs/interfaces/UxValidationErrorAttribute.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
  UxValidationErrorAttribute</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-error-feedback.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,123 +139,122 @@
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-error-feedback.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="#key" class="reference-link ">
169
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">key</span>
170
+ </a>
171
+ </li>
172
+ <li>
173
+ <a href="#value" class="reference-link ">
174
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">value</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="#key"
158
- >
159
- key
160
- </a>
161
- </li>
162
- <li>
163
- <a href="#value"
164
- >
165
- value
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="key"></a>
184
- <span class="name "><b>key</b>
185
- <a href="#key">
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>key: <code>string | Array&lt;string&gt;</code>
190
+ <tr>
191
+ <td class="col-md-4">
192
+ <a name="key"></a>
193
+ <span class="name "><b>key</b>
194
+ <a href="#key">
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>key: <code>string | Array&lt;string&gt;</code>
194
203
  </code>
195
- </td>
196
- </tr>
204
+ </td>
205
+ </tr>
197
206
 
198
207
 
199
- <tr>
200
- <td class="col-md-4">
201
- <i>Type : </i> <code>string | Array&lt;string&gt;</code>
208
+ <tr>
209
+ <td class="col-md-4">
210
+ <i>Type : </i> <code>string | Array&lt;string&gt;</code>
202
211
 
203
- </td>
204
- </tr>
212
+ </td>
213
+ </tr>
205
214
 
206
215
 
207
216
 
208
217
 
209
218
 
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="value"></a>
217
- <span class="name "><b>value</b>
218
- <a href="#value">
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>value: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
219
+
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="value"></a>
227
+ <span class="name "><b>value</b>
228
+ <a href="#value">
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>value: <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
- </tbody>
244
- </table>
245
- </section>
246
- </div>
253
+
254
+ </tbody>
255
+ </table>
256
+ </section>
257
+ </div>
247
258
 
248
259
 
249
260
  </div>
@@ -287,6 +298,24 @@
287
298
 
288
299
  <script>
289
300
  $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
301
+ var updateDarkModeSwitchOffset = function () {
302
+ var content = document.querySelector('.content');
303
+ var scrollbarWidth = 0;
304
+
305
+ if (content) {
306
+ scrollbarWidth = Math.max(0, content.offsetWidth - content.clientWidth);
307
+ }
308
+
309
+ document.documentElement.style.setProperty(
310
+ '--content-scrollbar-width',
311
+ scrollbarWidth + 'px'
312
+ );
313
+ };
314
+
315
+ updateDarkModeSwitchOffset();
316
+ requestAnimationFrame(updateDarkModeSwitchOffset);
317
+ window.addEventListener('resize', updateDarkModeSwitchOffset);
318
+
290
319
  checkToggle(darkModeState);
291
320
  if ($darkModeToggleSwitchers.length > 0) {
292
321
  for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
@@ -302,7 +331,6 @@
302
331
  <script src="../js/libs/lit-html.js"></script>
303
332
 
304
333
  <script src="../js/menu-wc.js" defer></script>
305
- <script nomodule src="../js/menu-wc_es5.js" defer></script>
306
334
 
307
335
  <script src="../js/libs/bootstrap-native.js"></script>
308
336