@eui/base 21.4.2-snapshot-1787737932680 → 22.0.0-alpha.2

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 +510 -2
  3. package/docs/classes/ConsoleAppender.html +78 -22
  4. package/docs/classes/EuiEuLanguages.html +55 -16
  5. package/docs/classes/EuiLazyService.html +89 -25
  6. package/docs/classes/EuiPagination.html +69 -16
  7. package/docs/classes/EuiService.html +102 -27
  8. package/docs/classes/LogAppender.html +52 -20
  9. package/docs/classes/Logger.html +97 -27
  10. package/docs/classes/LoggerMock.html +141 -29
  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 +27 -3
  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 -335
  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 +2 -2
  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 +2826 -492
  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 +5 -5
  110. package/types/eui-base.d.ts +2 -0
  111. package/types/eui-base.d.ts.map +1 -1
  112. 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">
@@ -120,6 +127,11 @@
120
127
  EuiGrowlMessage</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-growl-message.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,17 +139,16 @@
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-growl-message.model.ts</code>
139
- </p>
140
-
141
152
 
142
153
  <p class="comment">
143
154
  <h3>Description</h3>
@@ -150,353 +161,398 @@ severity, summary, detail, life, and sticky for common message attributes.</p>
150
161
  </p>
151
162
 
152
163
 
153
- <section data-compodoc="block-index">
154
- <h3 id="index">Index</h3>
155
- <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="#detail" class="reference-link ">
179
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">detail</span>
180
+ </a>
181
+ </li>
182
+ <li>
183
+ <span class="modifier">Optional</span>
184
+ <a href="#dismissed" class="reference-link ">
185
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">dismissed</span>
186
+ </a>
187
+ </li>
188
+ <li>
189
+ <span class="modifier">Optional</span>
190
+ <a href="#filled" class="reference-link ">
191
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">filled</span>
192
+ </a>
193
+ </li>
194
+ <li>
195
+ <span class="modifier">Optional</span>
196
+ <a href="#life" class="reference-link ">
197
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">life</span>
198
+ </a>
199
+ </li>
200
+ <li>
201
+ <span class="modifier">Optional</span>
202
+ <a href="#severity" class="reference-link ">
203
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">severity</span>
204
+ </a>
205
+ </li>
206
+ <li>
207
+ <span class="modifier">Optional</span>
208
+ <a href="#sticky" class="reference-link ">
209
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">sticky</span>
210
+ </a>
211
+ </li>
212
+ <li>
213
+ <span class="modifier">Optional</span>
214
+ <a href="#summary" class="reference-link ">
215
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">summary</span>
216
+ </a>
217
+ </li>
218
+ <li>
219
+ <span class="modifier">Optional</span>
220
+ <a href="#timeout" class="reference-link ">
221
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">timeout</span>
222
+ </a>
223
+ </li>
224
+ </ul>
225
+ </td>
226
+ </tr>
227
+ </tbody>
228
+ </table>
229
+ </section>
230
+
231
+
232
+
233
+ <section data-compodoc="block-properties">
234
+ <h3 id="inputs">Properties</h3>
235
+ <table class="table table-sm table-bordered">
156
236
  <tbody>
157
- <tr>
158
- <td class="col-md-4">
159
- <h6><b>Properties</b></h6>
160
- </td>
161
- </tr>
162
- <tr>
163
- <td class="col-md-4">
164
- <ul class="index-list">
165
- <li>
166
- <span class="modifier">Optional</span>
167
- <a href="#detail"
168
- >
169
- detail
170
- </a>
171
- </li>
172
- <li>
173
- <span class="modifier">Optional</span>
174
- <a href="#filled"
175
- >
176
- filled
177
- </a>
178
- </li>
179
- <li>
180
- <span class="modifier">Optional</span>
181
- <a href="#life"
182
- >
183
- life
184
- </a>
185
- </li>
186
- <li>
187
- <span class="modifier">Optional</span>
188
- <a href="#severity"
189
- >
190
- severity
191
- </a>
192
- </li>
193
- <li>
194
- <span class="modifier">Optional</span>
195
- <a href="#sticky"
196
- >
197
- sticky
198
- </a>
199
- </li>
200
- <li>
201
- <span class="modifier">Optional</span>
202
- <a href="#summary"
203
- >
204
- summary
205
- </a>
206
- </li>
207
- <li>
208
- <span class="modifier">Optional</span>
209
- <a href="#timeout"
210
- >
211
- timeout
212
- </a>
213
- </li>
214
- </ul>
215
- </td>
216
- </tr>
237
+ <tr>
238
+ <td class="col-md-4">
239
+ <a name="detail"></a>
240
+ <span class="name "><b>detail</b>
241
+ <a href="#detail">
242
+ <span class="icon ion-ios-link"></span>
243
+ </a>
244
+ </span>
245
+ </td>
246
+ </tr>
247
+ <tr>
248
+ <td class="col-md-4">
249
+ <code>detail: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
250
+ </code>
251
+ </td>
252
+ </tr>
253
+
254
+
255
+ <tr>
256
+ <td class="col-md-4">
257
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
258
+
259
+ </td>
260
+ </tr>
261
+
262
+
263
+ <tr>
264
+ <td class="col-md-4">
265
+ <i>Optional</i>
266
+ </td>
267
+ </tr>
268
+
269
+
270
+
271
+
217
272
  </tbody>
218
273
  </table>
219
- </section>
220
-
221
-
222
-
223
- <section data-compodoc="block-properties">
224
- <h3 id="inputs">Properties</h3>
225
- <table class="table table-sm table-bordered">
226
- <tbody>
227
- <tr>
228
- <td class="col-md-4">
229
- <a name="detail"></a>
230
- <span class="name "><b>detail</b>
231
- <a href="#detail">
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>detail: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
240
- </code>
241
- </td>
242
- </tr>
243
-
244
-
245
- <tr>
246
- <td class="col-md-4">
247
- <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
-
249
- </td>
250
- </tr>
251
-
252
- <tr>
253
- <td class="col-md-4">
254
- <i>Optional</i>
255
- </td>
256
- </tr>
257
-
258
-
259
-
260
-
261
- </tbody>
262
- </table>
263
- <table class="table table-sm table-bordered">
264
- <tbody>
265
- <tr>
266
- <td class="col-md-4">
267
- <a name="filled"></a>
268
- <span class="name "><b>filled</b>
269
- <a href="#filled">
270
- <span class="icon ion-ios-link"></span>
271
- </a>
272
- </span>
273
- </td>
274
- </tr>
275
- <tr>
276
- <td class="col-md-4">
277
- <code>filled: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
274
+ <table class="table table-sm table-bordered">
275
+ <tbody>
276
+ <tr>
277
+ <td class="col-md-4">
278
+ <a name="dismissed"></a>
279
+ <span class="name "><b>dismissed</b>
280
+ <a href="#dismissed">
281
+ <span class="icon ion-ios-link"></span>
282
+ </a>
283
+ </span>
284
+ </td>
285
+ </tr>
286
+ <tr>
287
+ <td class="col-md-4">
288
+ <code>dismissed: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
278
289
  </code>
279
- </td>
280
- </tr>
281
-
282
-
283
- <tr>
284
- <td class="col-md-4">
285
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
286
-
287
- </td>
288
- </tr>
289
-
290
- <tr>
291
- <td class="col-md-4">
292
- <i>Optional</i>
293
- </td>
294
- </tr>
295
-
296
-
297
-
298
-
299
- </tbody>
300
- </table>
301
- <table class="table table-sm table-bordered">
302
- <tbody>
303
- <tr>
304
- <td class="col-md-4">
305
- <a name="life"></a>
306
- <span class="name "><b>life</b>
307
- <a href="#life">
308
- <span class="icon ion-ios-link"></span>
309
- </a>
310
- </span>
311
- </td>
312
- </tr>
313
- <tr>
314
- <td class="col-md-4">
315
- <code>life: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
290
+ </td>
291
+ </tr>
292
+
293
+
294
+ <tr>
295
+ <td class="col-md-4">
296
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
297
+
298
+ </td>
299
+ </tr>
300
+
301
+
302
+ <tr>
303
+ <td class="col-md-4">
304
+ <i>Optional</i>
305
+ </td>
306
+ </tr>
307
+
308
+
309
+
310
+
311
+ </tbody>
312
+ </table>
313
+ <table class="table table-sm table-bordered">
314
+ <tbody>
315
+ <tr>
316
+ <td class="col-md-4">
317
+ <a name="filled"></a>
318
+ <span class="name "><b>filled</b>
319
+ <a href="#filled">
320
+ <span class="icon ion-ios-link"></span>
321
+ </a>
322
+ </span>
323
+ </td>
324
+ </tr>
325
+ <tr>
326
+ <td class="col-md-4">
327
+ <code>filled: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
316
328
  </code>
317
- </td>
318
- </tr>
319
-
320
-
321
- <tr>
322
- <td class="col-md-4">
323
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
324
-
325
- </td>
326
- </tr>
327
-
328
- <tr>
329
- <td class="col-md-4">
330
- <i>Optional</i>
331
- </td>
332
- </tr>
333
-
334
-
335
-
336
-
337
- </tbody>
338
- </table>
339
- <table class="table table-sm table-bordered">
340
- <tbody>
341
- <tr>
342
- <td class="col-md-4">
343
- <a name="severity"></a>
344
- <span class="name "><b>severity</b>
345
- <a href="#severity">
346
- <span class="icon ion-ios-link"></span>
347
- </a>
348
- </span>
349
- </td>
350
- </tr>
351
- <tr>
352
- <td class="col-md-4">
353
- <code>severity: <code>&quot;success&quot; | &quot;warning&quot; | &quot;info&quot; | &quot;danger&quot; | string</code>
329
+ </td>
330
+ </tr>
331
+
332
+
333
+ <tr>
334
+ <td class="col-md-4">
335
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
336
+
337
+ </td>
338
+ </tr>
339
+
340
+
341
+ <tr>
342
+ <td class="col-md-4">
343
+ <i>Optional</i>
344
+ </td>
345
+ </tr>
346
+
347
+
348
+
349
+
350
+ </tbody>
351
+ </table>
352
+ <table class="table table-sm table-bordered">
353
+ <tbody>
354
+ <tr>
355
+ <td class="col-md-4">
356
+ <a name="life"></a>
357
+ <span class="name "><b>life</b>
358
+ <a href="#life">
359
+ <span class="icon ion-ios-link"></span>
360
+ </a>
361
+ </span>
362
+ </td>
363
+ </tr>
364
+ <tr>
365
+ <td class="col-md-4">
366
+ <code>life: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
354
367
  </code>
355
- </td>
356
- </tr>
357
-
358
-
359
- <tr>
360
- <td class="col-md-4">
361
- <i>Type : </i> <code>&quot;success&quot; | &quot;warning&quot; | &quot;info&quot; | &quot;danger&quot; | string</code>
362
-
363
- </td>
364
- </tr>
365
-
366
- <tr>
367
- <td class="col-md-4">
368
- <i>Optional</i>
369
- </td>
370
- </tr>
371
-
372
-
373
-
374
-
375
- </tbody>
376
- </table>
377
- <table class="table table-sm table-bordered">
378
- <tbody>
379
- <tr>
380
- <td class="col-md-4">
381
- <a name="sticky"></a>
382
- <span class="name "><b>sticky</b>
383
- <a href="#sticky">
384
- <span class="icon ion-ios-link"></span>
385
- </a>
386
- </span>
387
- </td>
388
- </tr>
389
- <tr>
390
- <td class="col-md-4">
391
- <code>sticky: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
368
+ </td>
369
+ </tr>
370
+
371
+
372
+ <tr>
373
+ <td class="col-md-4">
374
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
375
+
376
+ </td>
377
+ </tr>
378
+
379
+
380
+ <tr>
381
+ <td class="col-md-4">
382
+ <i>Optional</i>
383
+ </td>
384
+ </tr>
385
+
386
+
387
+
388
+
389
+ </tbody>
390
+ </table>
391
+ <table class="table table-sm table-bordered">
392
+ <tbody>
393
+ <tr>
394
+ <td class="col-md-4">
395
+ <a name="severity"></a>
396
+ <span class="name "><b>severity</b>
397
+ <a href="#severity">
398
+ <span class="icon ion-ios-link"></span>
399
+ </a>
400
+ </span>
401
+ </td>
402
+ </tr>
403
+ <tr>
404
+ <td class="col-md-4">
405
+ <code>severity: <code>&quot;success&quot; | &quot;warning&quot; | &quot;info&quot; | &quot;danger&quot; | string</code>
392
406
  </code>
393
- </td>
394
- </tr>
395
-
396
-
397
- <tr>
398
- <td class="col-md-4">
399
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
400
-
401
- </td>
402
- </tr>
403
-
404
- <tr>
405
- <td class="col-md-4">
406
- <i>Optional</i>
407
- </td>
408
- </tr>
409
-
410
-
411
-
412
-
413
- </tbody>
414
- </table>
415
- <table class="table table-sm table-bordered">
416
- <tbody>
417
- <tr>
418
- <td class="col-md-4">
419
- <a name="summary"></a>
420
- <span class="name "><b>summary</b>
421
- <a href="#summary">
422
- <span class="icon ion-ios-link"></span>
423
- </a>
424
- </span>
425
- </td>
426
- </tr>
427
- <tr>
428
- <td class="col-md-4">
429
- <code>summary: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
407
+ </td>
408
+ </tr>
409
+
410
+
411
+ <tr>
412
+ <td class="col-md-4">
413
+ <i>Type : </i> <code>&quot;success&quot; | &quot;warning&quot; | &quot;info&quot; | &quot;danger&quot; | string</code>
414
+
415
+ </td>
416
+ </tr>
417
+
418
+
419
+ <tr>
420
+ <td class="col-md-4">
421
+ <i>Optional</i>
422
+ </td>
423
+ </tr>
424
+
425
+
426
+
427
+
428
+ </tbody>
429
+ </table>
430
+ <table class="table table-sm table-bordered">
431
+ <tbody>
432
+ <tr>
433
+ <td class="col-md-4">
434
+ <a name="sticky"></a>
435
+ <span class="name "><b>sticky</b>
436
+ <a href="#sticky">
437
+ <span class="icon ion-ios-link"></span>
438
+ </a>
439
+ </span>
440
+ </td>
441
+ </tr>
442
+ <tr>
443
+ <td class="col-md-4">
444
+ <code>sticky: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
430
445
  </code>
431
- </td>
432
- </tr>
433
-
434
-
435
- <tr>
436
- <td class="col-md-4">
437
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
438
-
439
- </td>
440
- </tr>
441
-
442
- <tr>
443
- <td class="col-md-4">
444
- <i>Optional</i>
445
- </td>
446
- </tr>
447
-
448
-
449
-
450
-
451
- </tbody>
452
- </table>
453
- <table class="table table-sm table-bordered">
454
- <tbody>
455
- <tr>
456
- <td class="col-md-4">
457
- <a name="timeout"></a>
458
- <span class="name "><b>timeout</b>
459
- <a href="#timeout">
460
- <span class="icon ion-ios-link"></span>
461
- </a>
462
- </span>
463
- </td>
464
- </tr>
465
- <tr>
466
- <td class="col-md-4">
467
- <code>timeout: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
446
+ </td>
447
+ </tr>
448
+
449
+
450
+ <tr>
451
+ <td class="col-md-4">
452
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
453
+
454
+ </td>
455
+ </tr>
456
+
457
+
458
+ <tr>
459
+ <td class="col-md-4">
460
+ <i>Optional</i>
461
+ </td>
462
+ </tr>
463
+
464
+
465
+
466
+
467
+ </tbody>
468
+ </table>
469
+ <table class="table table-sm table-bordered">
470
+ <tbody>
471
+ <tr>
472
+ <td class="col-md-4">
473
+ <a name="summary"></a>
474
+ <span class="name "><b>summary</b>
475
+ <a href="#summary">
476
+ <span class="icon ion-ios-link"></span>
477
+ </a>
478
+ </span>
479
+ </td>
480
+ </tr>
481
+ <tr>
482
+ <td class="col-md-4">
483
+ <code>summary: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
468
484
  </code>
469
- </td>
470
- </tr>
485
+ </td>
486
+ </tr>
487
+
471
488
 
489
+ <tr>
490
+ <td class="col-md-4">
491
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
472
492
 
473
- <tr>
474
- <td class="col-md-4">
475
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
493
+ </td>
494
+ </tr>
495
+
496
+
497
+ <tr>
498
+ <td class="col-md-4">
499
+ <i>Optional</i>
500
+ </td>
501
+ </tr>
476
502
 
477
- </td>
478
- </tr>
479
503
 
480
- <tr>
481
- <td class="col-md-4">
482
- <i>Optional</i>
483
- </td>
484
- </tr>
485
504
 
486
505
 
506
+ </tbody>
507
+ </table>
508
+ <table class="table table-sm table-bordered">
509
+ <tbody>
510
+ <tr>
511
+ <td class="col-md-4">
512
+ <a name="timeout"></a>
513
+ <span class="name "><b>timeout</b>
514
+ <a href="#timeout">
515
+ <span class="icon ion-ios-link"></span>
516
+ </a>
517
+ </span>
518
+ </td>
519
+ </tr>
520
+ <tr>
521
+ <td class="col-md-4">
522
+ <code>timeout: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
523
+ </code>
524
+ </td>
525
+ </tr>
487
526
 
488
527
 
489
528
  <tr>
490
529
  <td class="col-md-4">
491
- <div class="io-description"><p>The timeout property is used to define the time in milliseconds before the message is automatically removed from the
492
- user interface. This property is only used when the sticky property is set to false.</p>
493
- </div>
530
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
531
+
494
532
  </td>
495
533
  </tr>
496
- </tbody>
497
- </table>
498
- </section>
499
- </div>
534
+
535
+
536
+ <tr>
537
+ <td class="col-md-4">
538
+ <i>Optional</i>
539
+ </td>
540
+ </tr>
541
+
542
+
543
+
544
+
545
+ <tr>
546
+ <td class="col-md-4">
547
+ <div class="io-description"><p>The timeout property is used to define the time in milliseconds before the message is automatically removed from the
548
+ user interface. This property is only used when the sticky property is set to false.</p>
549
+ </div>
550
+ </td>
551
+ </tr>
552
+ </tbody>
553
+ </table>
554
+ </section>
555
+ </div>
500
556
 
501
557
 
502
558
  </div>
@@ -540,6 +596,24 @@ user interface. This property is only used when the sticky property is set to fa
540
596
 
541
597
  <script>
542
598
  $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
599
+ var updateDarkModeSwitchOffset = function () {
600
+ var content = document.querySelector('.content');
601
+ var scrollbarWidth = 0;
602
+
603
+ if (content) {
604
+ scrollbarWidth = Math.max(0, content.offsetWidth - content.clientWidth);
605
+ }
606
+
607
+ document.documentElement.style.setProperty(
608
+ '--content-scrollbar-width',
609
+ scrollbarWidth + 'px'
610
+ );
611
+ };
612
+
613
+ updateDarkModeSwitchOffset();
614
+ requestAnimationFrame(updateDarkModeSwitchOffset);
615
+ window.addEventListener('resize', updateDarkModeSwitchOffset);
616
+
543
617
  checkToggle(darkModeState);
544
618
  if ($darkModeToggleSwitchers.length > 0) {
545
619
  for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
@@ -555,7 +629,6 @@ user interface. This property is only used when the sticky property is set to fa
555
629
  <script src="../js/libs/lit-html.js"></script>
556
630
 
557
631
  <script src="../js/menu-wc.js" defer></script>
558
- <script nomodule src="../js/menu-wc_es5.js" defer></script>
559
632
 
560
633
  <script src="../js/libs/bootstrap-native.js"></script>
561
634