@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/EuiGrowlMessage.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
  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,398 +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="#dismissed"
175
- >
176
- dismissed
177
- </a>
178
- </li>
179
- <li>
180
- <span class="modifier">Optional</span>
181
- <a href="#filled"
182
- >
183
- filled
184
- </a>
185
- </li>
186
- <li>
187
- <span class="modifier">Optional</span>
188
- <a href="#life"
189
- >
190
- life
191
- </a>
192
- </li>
193
- <li>
194
- <span class="modifier">Optional</span>
195
- <a href="#severity"
196
- >
197
- severity
198
- </a>
199
- </li>
200
- <li>
201
- <span class="modifier">Optional</span>
202
- <a href="#sticky"
203
- >
204
- sticky
205
- </a>
206
- </li>
207
- <li>
208
- <span class="modifier">Optional</span>
209
- <a href="#summary"
210
- >
211
- summary
212
- </a>
213
- </li>
214
- <li>
215
- <span class="modifier">Optional</span>
216
- <a href="#timeout"
217
- >
218
- timeout
219
- </a>
220
- </li>
221
- </ul>
222
- </td>
223
- </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
+
224
272
  </tbody>
225
273
  </table>
226
- </section>
227
-
228
-
229
-
230
- <section data-compodoc="block-properties">
231
- <h3 id="inputs">Properties</h3>
232
- <table class="table table-sm table-bordered">
233
- <tbody>
234
- <tr>
235
- <td class="col-md-4">
236
- <a name="detail"></a>
237
- <span class="name "><b>detail</b>
238
- <a href="#detail">
239
- <span class="icon ion-ios-link"></span>
240
- </a>
241
- </span>
242
- </td>
243
- </tr>
244
- <tr>
245
- <td class="col-md-4">
246
- <code>detail: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
247
- </code>
248
- </td>
249
- </tr>
250
-
251
-
252
- <tr>
253
- <td class="col-md-4">
254
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
255
-
256
- </td>
257
- </tr>
258
-
259
- <tr>
260
- <td class="col-md-4">
261
- <i>Optional</i>
262
- </td>
263
- </tr>
264
-
265
-
266
-
267
-
268
- </tbody>
269
- </table>
270
- <table class="table table-sm table-bordered">
271
- <tbody>
272
- <tr>
273
- <td class="col-md-4">
274
- <a name="dismissed"></a>
275
- <span class="name "><b>dismissed</b>
276
- <a href="#dismissed">
277
- <span class="icon ion-ios-link"></span>
278
- </a>
279
- </span>
280
- </td>
281
- </tr>
282
- <tr>
283
- <td class="col-md-4">
284
- <code>dismissed: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
285
- </code>
286
- </td>
287
- </tr>
288
-
289
-
290
- <tr>
291
- <td class="col-md-4">
292
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
293
-
294
- </td>
295
- </tr>
296
-
297
- <tr>
298
- <td class="col-md-4">
299
- <i>Optional</i>
300
- </td>
301
- </tr>
302
-
303
-
304
-
305
-
306
- </tbody>
307
- </table>
308
- <table class="table table-sm table-bordered">
309
- <tbody>
310
- <tr>
311
- <td class="col-md-4">
312
- <a name="filled"></a>
313
- <span class="name "><b>filled</b>
314
- <a href="#filled">
315
- <span class="icon ion-ios-link"></span>
316
- </a>
317
- </span>
318
- </td>
319
- </tr>
320
- <tr>
321
- <td class="col-md-4">
322
- <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>
323
289
  </code>
324
- </td>
325
- </tr>
326
-
327
-
328
- <tr>
329
- <td class="col-md-4">
330
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
331
-
332
- </td>
333
- </tr>
334
-
335
- <tr>
336
- <td class="col-md-4">
337
- <i>Optional</i>
338
- </td>
339
- </tr>
340
-
341
-
342
-
343
-
344
- </tbody>
345
- </table>
346
- <table class="table table-sm table-bordered">
347
- <tbody>
348
- <tr>
349
- <td class="col-md-4">
350
- <a name="life"></a>
351
- <span class="name "><b>life</b>
352
- <a href="#life">
353
- <span class="icon ion-ios-link"></span>
354
- </a>
355
- </span>
356
- </td>
357
- </tr>
358
- <tr>
359
- <td class="col-md-4">
360
- <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>
361
328
  </code>
362
- </td>
363
- </tr>
364
-
365
-
366
- <tr>
367
- <td class="col-md-4">
368
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
369
-
370
- </td>
371
- </tr>
372
-
373
- <tr>
374
- <td class="col-md-4">
375
- <i>Optional</i>
376
- </td>
377
- </tr>
378
-
379
-
380
-
381
-
382
- </tbody>
383
- </table>
384
- <table class="table table-sm table-bordered">
385
- <tbody>
386
- <tr>
387
- <td class="col-md-4">
388
- <a name="severity"></a>
389
- <span class="name "><b>severity</b>
390
- <a href="#severity">
391
- <span class="icon ion-ios-link"></span>
392
- </a>
393
- </span>
394
- </td>
395
- </tr>
396
- <tr>
397
- <td class="col-md-4">
398
- <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>
399
367
  </code>
400
- </td>
401
- </tr>
402
-
403
-
404
- <tr>
405
- <td class="col-md-4">
406
- <i>Type : </i> <code>&quot;success&quot; | &quot;warning&quot; | &quot;info&quot; | &quot;danger&quot; | string</code>
407
-
408
- </td>
409
- </tr>
410
-
411
- <tr>
412
- <td class="col-md-4">
413
- <i>Optional</i>
414
- </td>
415
- </tr>
416
-
417
-
418
-
419
-
420
- </tbody>
421
- </table>
422
- <table class="table table-sm table-bordered">
423
- <tbody>
424
- <tr>
425
- <td class="col-md-4">
426
- <a name="sticky"></a>
427
- <span class="name "><b>sticky</b>
428
- <a href="#sticky">
429
- <span class="icon ion-ios-link"></span>
430
- </a>
431
- </span>
432
- </td>
433
- </tr>
434
- <tr>
435
- <td class="col-md-4">
436
- <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>
437
406
  </code>
438
- </td>
439
- </tr>
440
-
441
-
442
- <tr>
443
- <td class="col-md-4">
444
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
445
-
446
- </td>
447
- </tr>
448
-
449
- <tr>
450
- <td class="col-md-4">
451
- <i>Optional</i>
452
- </td>
453
- </tr>
454
-
455
-
456
-
457
-
458
- </tbody>
459
- </table>
460
- <table class="table table-sm table-bordered">
461
- <tbody>
462
- <tr>
463
- <td class="col-md-4">
464
- <a name="summary"></a>
465
- <span class="name "><b>summary</b>
466
- <a href="#summary">
467
- <span class="icon ion-ios-link"></span>
468
- </a>
469
- </span>
470
- </td>
471
- </tr>
472
- <tr>
473
- <td class="col-md-4">
474
- <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>
475
445
  </code>
476
- </td>
477
- </tr>
478
-
479
-
480
- <tr>
481
- <td class="col-md-4">
482
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
483
-
484
- </td>
485
- </tr>
486
-
487
- <tr>
488
- <td class="col-md-4">
489
- <i>Optional</i>
490
- </td>
491
- </tr>
492
-
493
-
494
-
495
-
496
- </tbody>
497
- </table>
498
- <table class="table table-sm table-bordered">
499
- <tbody>
500
- <tr>
501
- <td class="col-md-4">
502
- <a name="timeout"></a>
503
- <span class="name "><b>timeout</b>
504
- <a href="#timeout">
505
- <span class="icon ion-ios-link"></span>
506
- </a>
507
- </span>
508
- </td>
509
- </tr>
510
- <tr>
511
- <td class="col-md-4">
512
- <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>
513
484
  </code>
514
- </td>
515
- </tr>
485
+ </td>
486
+ </tr>
487
+
516
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>
517
492
 
518
- <tr>
519
- <td class="col-md-4">
520
- <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>
521
502
 
522
- </td>
523
- </tr>
524
503
 
525
- <tr>
526
- <td class="col-md-4">
527
- <i>Optional</i>
528
- </td>
529
- </tr>
530
504
 
531
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>
532
526
 
533
527
 
534
528
  <tr>
535
529
  <td class="col-md-4">
536
- <div class="io-description"><p>The timeout property is used to define the time in milliseconds before the message is automatically removed from the
537
- user interface. This property is only used when the sticky property is set to false.</p>
538
- </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
+
539
532
  </td>
540
533
  </tr>
541
- </tbody>
542
- </table>
543
- </section>
544
- </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>
545
556
 
546
557
 
547
558
  </div>
@@ -585,6 +596,24 @@ user interface. This property is only used when the sticky property is set to fa
585
596
 
586
597
  <script>
587
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
+
588
617
  checkToggle(darkModeState);
589
618
  if ($darkModeToggleSwitchers.length > 0) {
590
619
  for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
@@ -600,7 +629,6 @@ user interface. This property is only used when the sticky property is set to fa
600
629
  <script src="../js/libs/lit-html.js"></script>
601
630
 
602
631
  <script src="../js/menu-wc.js" defer></script>
603
- <script nomodule src="../js/menu-wc_es5.js" defer></script>
604
632
 
605
633
  <script src="../js/libs/bootstrap-native.js"></script>
606
634