@eui/mobile-core 20.0.2 → 22.0.0-alpha.1

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 (196) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/docs/architecture.html +223 -0
  3. package/docs/changelog.html +69 -4
  4. package/docs/components/EuiMUserProfileActionComponent.html +80 -130
  5. package/docs/components/EuiMUserProfileAvatarComponent.html +74 -129
  6. package/docs/components/EuiMUserProfileInfosComponent.html +117 -117
  7. package/docs/components/EuiMUserProfileInfosItemComponent.html +74 -129
  8. package/docs/components/EuimAboutComponent.html +108 -28
  9. package/docs/components/EuimAboutContentLoadingComponent.html +107 -33
  10. package/docs/components/EuimAlertMessageComponent.html +161 -90
  11. package/docs/components/EuimAppComponent.html +105 -27
  12. package/docs/components/EuimAvatarBadgeComponent.html +120 -72
  13. package/docs/components/EuimAvatarComponent.html +123 -121
  14. package/docs/components/EuimAvatarIconComponent.html +74 -129
  15. package/docs/components/EuimAvatarIconSubComponent.html +123 -121
  16. package/docs/components/EuimAvatarImageComponent.html +91 -121
  17. package/docs/components/EuimAvatarTextComponent.html +115 -117
  18. package/docs/components/EuimBadgeComponent.html +121 -43
  19. package/docs/components/EuimCardComponent.html +123 -71
  20. package/docs/components/EuimCardListComponent.html +118 -118
  21. package/docs/components/EuimChangelogComponent.html +131 -128
  22. package/docs/components/EuimChipSelectorComponent.html +257 -184
  23. package/docs/components/EuimDataSummaryColComponent.html +92 -25
  24. package/docs/components/EuimDataSummaryComponent.html +127 -44
  25. package/docs/components/EuimEmptyListPlaceholderComponent.html +176 -156
  26. package/docs/components/EuimHeaderDetailsComponent.html +130 -49
  27. package/docs/components/EuimHelpSupportComponent.html +159 -130
  28. package/docs/components/EuimHelperTextComponent.html +161 -66
  29. package/docs/components/EuimLabelComponent.html +134 -53
  30. package/docs/components/EuimLanguageListComponent.html +185 -31
  31. package/docs/components/EuimLanguageSelectorComponent.html +156 -54
  32. package/docs/components/EuimMediaHeaderComponent.html +137 -52
  33. package/docs/components/EuimMessageComponent.html +130 -47
  34. package/docs/components/EuimMessageTitleComponent.html +92 -25
  35. package/docs/components/EuimMultiselectComponent.html +160 -131
  36. package/docs/components/EuimMultiselectFilterComponent.html +103 -123
  37. package/docs/components/EuimMultiselectInfoComponent.html +91 -125
  38. package/docs/components/EuimMultiselectListComponent.html +85 -122
  39. package/docs/components/EuimMultiselectToolbarComponent.html +126 -134
  40. package/docs/components/EuimNotificationItemComponent.html +121 -43
  41. package/docs/components/EuimOpenSourceLicencesComponent.html +127 -137
  42. package/docs/components/EuimPdfViewerComponent.html +214 -141
  43. package/docs/components/EuimScrollerXComponent.html +78 -130
  44. package/docs/components/EuimSidebarComponent.html +125 -114
  45. package/docs/components/EuimSidebarContentComponent.html +151 -124
  46. package/docs/components/EuimSkeletonListComponent.html +127 -42
  47. package/docs/components/EuimSkeletonListItemComponent.html +159 -56
  48. package/docs/components/EuimSlideInfoScreenComponent.html +74 -129
  49. package/docs/components/EuimSliderInfoScreenComponent.html +247 -174
  50. package/docs/components/EuimSpinnerComponent.html +131 -119
  51. package/docs/components/EuimSpinnerDescriptionComponent.html +74 -129
  52. package/docs/components/EuimSpinnerMessageComponent.html +74 -129
  53. package/docs/components/EuimToolbarActionItemsComponent.html +74 -129
  54. package/docs/components/EuimToolbarComponent.html +150 -140
  55. package/docs/components/EuimToolbarDatepickerComponent.html +291 -114
  56. package/docs/components/EuimToolbarQrcodeComponent.html +100 -32
  57. package/docs/components/EuimToolbarTitleComponent.html +121 -43
  58. package/docs/components/EuimUserProfileComponent.html +117 -117
  59. package/docs/dependencies.html +56 -4
  60. package/docs/directives/BaseStatesDirective.html +175 -62
  61. package/docs/directives/EuimAlignCenterDirective.html +92 -23
  62. package/docs/directives/EuimAlignTopDirective.html +92 -23
  63. package/docs/directives/EuimAvatarMainIconDirective.html +73 -23
  64. package/docs/directives/EuimAvatarSubIconDirective.html +73 -23
  65. package/docs/directives/EuimCardImageDirective.html +86 -118
  66. package/docs/directives/EuimChipSelectorItemDirective.html +104 -108
  67. package/docs/directives/EuimDataSummaryColLabelDirective.html +121 -41
  68. package/docs/directives/EuimDataSummaryColValueDirective.html +117 -41
  69. package/docs/directives/EuimDividerDirective.html +118 -42
  70. package/docs/directives/EuimEmptyListPlaceholderIconDirective.html +92 -23
  71. package/docs/directives/EuimEmptyListPlaceholderSubtitleDirective.html +92 -23
  72. package/docs/directives/EuimEmptyListPlaceholderTitleDirective.html +92 -23
  73. package/docs/directives/EuimFooterTransparentDirective.html +92 -23
  74. package/docs/directives/EuimHeaderDetailsIconDirective.html +66 -126
  75. package/docs/directives/EuimHeaderDetailsMetaDirective.html +66 -126
  76. package/docs/directives/EuimHeaderDetailsTitleDirective.html +66 -126
  77. package/docs/directives/EuimListHeaderDirective.html +118 -42
  78. package/docs/directives/EuimListItemNoPaddingsDirective.html +92 -23
  79. package/docs/directives/EuimMediaHeaderCustomContentDirective.html +95 -23
  80. package/docs/directives/EuimMediaHeaderImageDirective.html +92 -23
  81. package/docs/directives/EuimMediaHeaderSubTitleDirective.html +92 -23
  82. package/docs/directives/EuimMediaHeaderTitleDirective.html +66 -126
  83. package/docs/directives/EuimMinWidthDirective.html +105 -29
  84. package/docs/directives/EuimMultiselectAllDirective.html +138 -101
  85. package/docs/directives/EuimMultiselectSelectFieldDirective.html +102 -127
  86. package/docs/directives/EuimReadOnlyFormDirective.html +66 -126
  87. package/docs/directives/EuimReadOnlyFormLabelDirective.html +92 -23
  88. package/docs/directives/EuimReadOnlyFormValueDirective.html +66 -126
  89. package/docs/directives/EuimSidebarFooterNoBordersDirective.html +92 -23
  90. package/docs/directives/EuimSkeletonTextAvatarDirective.html +92 -23
  91. package/docs/directives/EuimSliderInfoScreenContentDirective.html +112 -114
  92. package/docs/directives/EuimSliderInfoScreenSubTitleDirective.html +66 -126
  93. package/docs/directives/EuimSliderInfoScreenTitleDirective.html +66 -126
  94. package/docs/directives/EuimToolbarDatepickerDatetimeDirective.html +122 -43
  95. package/docs/directives/EuimToolbarTransparentDirective.html +140 -54
  96. package/docs/index.html +54 -2
  97. package/docs/injectables/EuimAppService.html +102 -38
  98. package/docs/interfaces/ActionBtnsIconsNames.html +169 -123
  99. package/docs/interfaces/ActionBtnsNames.html +169 -123
  100. package/docs/interfaces/FilteredData.html +138 -92
  101. package/docs/interfaces/HelpAndSupportItem.html +145 -99
  102. package/docs/interfaces/Item.html +504 -458
  103. package/docs/interfaces/MenuItem.html +408 -362
  104. package/docs/interfaces/UIState.html +109 -63
  105. package/docs/js/architecture-graph.js +288 -0
  106. package/docs/js/libs/bootstrap-native.js +4 -2
  107. package/docs/js/libs/jszip.min.js +13 -0
  108. package/docs/js/libs/svg-pan-zoom.min.js +3 -3
  109. package/docs/js/libs/tablesort.min.js +3 -3
  110. package/docs/js/libs/tablesort.number.min.js +3 -3
  111. package/docs/js/libs/vis-network.min.js +78 -0
  112. package/docs/js/menu-wc.js +25 -13
  113. package/docs/js/routes/routes_index.js +1 -0
  114. package/docs/js/routes.js +142 -34
  115. package/docs/js/search/search.js +62 -0
  116. package/docs/js/search/search_index.js +2 -2
  117. package/docs/js/tabs.js +98 -15
  118. package/docs/js/tree.js +44 -7
  119. package/docs/json/EuimAlertMessageComponent.md +1 -1
  120. package/docs/json/EuimAvatarImageComponent.md +1 -1
  121. package/docs/json/EuimCardListComponent.md +1 -1
  122. package/docs/json/EuimChangelogComponent.md +1 -1
  123. package/docs/json/EuimChipSelectorComponent.md +4 -4
  124. package/docs/json/EuimHeaderDetailsComponent.md +1 -1
  125. package/docs/json/EuimHelperTextComponent.md +1 -0
  126. package/docs/json/EuimMultiselectComponent.md +1 -1
  127. package/docs/json/EuimMultiselectToolbarComponent.md +2 -2
  128. package/docs/json/EuimOpenSourceLicencesComponent.md +2 -2
  129. package/docs/json/EuimPdfViewerComponent.md +0 -1
  130. package/docs/json/EuimSidebarContentComponent.md +3 -4
  131. package/docs/json/EuimSliderInfoScreenComponent.md +3 -3
  132. package/docs/json/EuimToolbarComponent.md +1 -1
  133. package/docs/json/EuimToolbarDatepickerComponent.md +5 -4
  134. package/docs/json/EuimToolbarQrcodeComponent.md +1 -1
  135. package/docs/json/HbsRenderService.md +6 -0
  136. package/docs/json/TemplateEditorService.md +6 -0
  137. package/docs/json/TemplatePlaygroundComponent.md +8 -0
  138. package/docs/json/ZipExportService.md +6 -0
  139. package/docs/json/documentation.json +6868 -3891
  140. package/docs/license.html +46 -4
  141. package/docs/llms.txt +1527 -0
  142. package/docs/miscellaneous/typealiases.html +53 -8
  143. package/docs/miscellaneous/variables.html +320 -36
  144. package/docs/modules/EuimAboutModule.html +87 -10
  145. package/docs/modules/EuimAlertMessageModule.html +75 -10
  146. package/docs/modules/EuimAllModule.html +190 -9
  147. package/docs/modules/EuimAppModule.html +75 -10
  148. package/docs/modules/EuimAvatarModule.html +99 -10
  149. package/docs/modules/EuimBadgeModule.html +75 -10
  150. package/docs/modules/EuimCardListModule.html +75 -10
  151. package/docs/modules/EuimCardModule.html +78 -10
  152. package/docs/modules/EuimChipSelectorComponentModule.html +74 -10
  153. package/docs/modules/EuimDataSummaryModule.html +84 -10
  154. package/docs/modules/EuimDividerModule.html +75 -10
  155. package/docs/modules/EuimEmptyListPlaceholderModule.html +90 -10
  156. package/docs/modules/EuimHeaderDetailsModule.html +84 -10
  157. package/docs/modules/EuimLabelModule.html +87 -10
  158. package/docs/modules/EuimLanguageSelectorModule.html +81 -10
  159. package/docs/modules/EuimListHeaderModule.html +75 -10
  160. package/docs/modules/EuimMediaHeaderModule.html +87 -10
  161. package/docs/modules/EuimMessageModule.html +78 -10
  162. package/docs/modules/EuimMultiselectModule.html +93 -10
  163. package/docs/modules/EuimNotificationItemModule.html +75 -10
  164. package/docs/modules/EuimPdfViewerModule.html +75 -10
  165. package/docs/modules/EuimScrollerXComponentModule.html +75 -10
  166. package/docs/modules/EuimSidebarModule.html +78 -10
  167. package/docs/modules/EuimSkeletonListItemModule.html +75 -10
  168. package/docs/modules/EuimSkeletonListModule.html +75 -10
  169. package/docs/modules/EuimSkeletonTextAvatarModule.html +75 -10
  170. package/docs/modules/EuimSliderInfoScreenModule.html +87 -10
  171. package/docs/modules/EuimSpinnerComponentModule.html +81 -10
  172. package/docs/modules/EuimToolbarComponentModule.html +81 -10
  173. package/docs/modules/EuimToolbarDatepickerModule.html +75 -10
  174. package/docs/modules/EuimToolbarQrcodeModule.html +75 -10
  175. package/docs/modules/EuimUserProfileModule.html +87 -10
  176. package/docs/modules.html +44 -2
  177. package/docs/properties.html +45 -3
  178. package/docs/routes.html +228 -0
  179. package/docs/styles/compodoc.css +365 -44
  180. package/docs/styles/dark.css +16 -0
  181. package/docs/template-playground/default-templates.json +192 -0
  182. package/docs/template-playground/hbs-render.service.ts +217 -0
  183. package/docs/template-playground/main.ts +9 -0
  184. package/docs/template-playground/template-editor.service.ts +173 -0
  185. package/docs/template-playground/template-playground.component.ts +614 -0
  186. package/docs/template-playground/template-playground.module.ts +29 -0
  187. package/docs/template-playground/zip-export.service.ts +86 -0
  188. package/docs/template-playground-app/app.js +1389 -0
  189. package/docs/template-playground-app/index.html +462 -0
  190. package/fesm2022/eui-mobile-core.mjs +870 -1214
  191. package/fesm2022/eui-mobile-core.mjs.map +1 -1
  192. package/package.json +12 -11
  193. package/{index.d.ts → types/eui-mobile-core.d.ts} +143 -215
  194. package/types/eui-mobile-core.d.ts.map +1 -0
  195. package/docs/js/libs/vis.min.js +0 -47
  196. package/docs/js/menu-wc_es5.js +0 -40
@@ -62,6 +62,20 @@
62
62
  }
63
63
  toggleDarkMode(darkModeState);
64
64
  </script>
65
+ <script>
66
+ // --- Iframe navigation tracking for Template Playground ---
67
+ function sendCurrentUrlToParent() {
68
+ if (window.parent && window.parent !== window) {
69
+ window.parent.postMessage({
70
+ type: 'compodoc-iframe-navigate',
71
+ url: window.location.pathname + window.location.hash
72
+ }, '*');
73
+ }
74
+ }
75
+ window.addEventListener('hashchange', sendCurrentUrlToParent, false);
76
+ window.addEventListener('popstate', sendCurrentUrlToParent, false);
77
+ window.addEventListener('DOMContentLoaded', sendCurrentUrlToParent, false);
78
+ </script>
65
79
 
66
80
  <div class="navbar navbar-default navbar-fixed-top d-md-none p-0">
67
81
  <div class="d-flex">
@@ -71,7 +85,14 @@
71
85
  </div>
72
86
 
73
87
  <div class="xs-menu menu" id="mobile-menu">
74
- <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>
75
96
  </div>
76
97
 
77
98
  <div class="container-fluid main">
@@ -95,6 +116,10 @@
95
116
 
96
117
 
97
118
 
119
+
120
+
121
+
122
+
98
123
  <ol class="breadcrumb">
99
124
  <li class="breadcrumb-item">Interfaces</li>
100
125
  <li class="breadcrumb-item"
@@ -102,6 +127,11 @@
102
127
  MenuItem</li>
103
128
  </ol>
104
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/core/src/lib/components/layout/euim-sidebar/euim-sidebar-content/euim-sidebar-content.component.ts</code>
133
+ </div>
134
+
105
135
  <ul class="nav nav-tabs" role="tablist">
106
136
  <li class="nav-item">
107
137
  <a href="#info"
@@ -109,399 +139,398 @@
109
139
  class="nav-link active"
110
140
  role="tab" id="info-tab" data-bs-toggle="tab" data-link="info">Info</a>
111
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>
112
148
  </ul>
113
149
 
114
150
  <div class="tab-content">
115
151
  <div class="tab-pane fade active in" id="info">
116
- <p class="comment">
117
- <h3>File</h3>
118
- </p>
119
- <p class="comment">
120
- <code>packages/core/src/lib/components/layout/euim-sidebar/euim-sidebar-content/euim-sidebar-content.component.ts</code>
121
- </p>
122
-
123
152
 
124
153
 
125
154
 
126
- <section data-compodoc="block-index">
127
- <h3 id="index">Index</h3>
128
- <table class="table table-sm table-bordered index-table">
155
+ </div>
156
+
157
+ <div class="tab-pane fade " id="api"><section data-compodoc="block-index">
158
+ <h3 id="index">Index</h3>
159
+ <table class="table table-sm table-bordered index-table">
160
+ <tbody>
161
+ <tr>
162
+ <td class="col-md-3">
163
+ <h6><b>Properties</b></h6>
164
+ </td>
165
+ <td class="col-md-9">
166
+ <ul class="index-list">
167
+ <li>
168
+ <span class="modifier">Optional</span>
169
+ <a href="#group" class="reference-link ">
170
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">group</span>
171
+ </a>
172
+ </li>
173
+ <li>
174
+ <span class="modifier">Optional</span>
175
+ <a href="#groupHeader" class="reference-link ">
176
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">groupHeader</span>
177
+ </a>
178
+ </li>
179
+ <li>
180
+ <span class="modifier">Optional</span>
181
+ <a href="#icon" class="reference-link ">
182
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">icon</span>
183
+ </a>
184
+ </li>
185
+ <li>
186
+ <span class="modifier">Optional</span>
187
+ <a href="#iconColor" class="reference-link ">
188
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">iconColor</span>
189
+ </a>
190
+ </li>
191
+ <li>
192
+ <span class="modifier">Optional</span>
193
+ <a href="#isSection" class="reference-link ">
194
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">isSection</span>
195
+ </a>
196
+ </li>
197
+ <li>
198
+ <a href="#label" class="reference-link ">
199
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">label</span>
200
+ </a>
201
+ </li>
202
+ <li>
203
+ <span class="modifier">Optional</span>
204
+ <a href="#section" class="reference-link ">
205
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">section</span>
206
+ </a>
207
+ </li>
208
+ <li>
209
+ <span class="modifier">Optional</span>
210
+ <a href="#url" class="reference-link ">
211
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">url</span>
212
+ </a>
213
+ </li>
214
+ </ul>
215
+ </td>
216
+ </tr>
217
+ </tbody>
218
+ </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">
129
226
  <tbody>
130
- <tr>
131
- <td class="col-md-4">
132
- <h6><b>Properties</b></h6>
133
- </td>
134
- </tr>
135
- <tr>
136
- <td class="col-md-4">
137
- <ul class="index-list">
138
- <li>
139
- <span class="modifier">Optional</span>
140
- <a href="#group"
141
- >
142
- group
143
- </a>
144
- </li>
145
- <li>
146
- <span class="modifier">Optional</span>
147
- <a href="#groupHeader"
148
- >
149
- groupHeader
150
- </a>
151
- </li>
152
- <li>
153
- <span class="modifier">Optional</span>
154
- <a href="#icon"
155
- >
156
- icon
157
- </a>
158
- </li>
159
- <li>
160
- <span class="modifier">Optional</span>
161
- <a href="#iconColor"
162
- >
163
- iconColor
164
- </a>
165
- </li>
166
- <li>
167
- <span class="modifier">Optional</span>
168
- <a href="#isSection"
169
- >
170
- isSection
171
- </a>
172
- </li>
173
- <li>
174
- <a href="#label"
175
- >
176
- label
177
- </a>
178
- </li>
179
- <li>
180
- <span class="modifier">Optional</span>
181
- <a href="#section"
182
- >
183
- section
184
- </a>
185
- </li>
186
- <li>
187
- <span class="modifier">Optional</span>
188
- <a href="#url"
189
- >
190
- url
191
- </a>
192
- </li>
193
- </ul>
194
- </td>
195
- </tr>
227
+ <tr>
228
+ <td class="col-md-4">
229
+ <a name="group"></a>
230
+ <span class="name "><b>group</b>
231
+ <a href="#group">
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>group: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</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/number" target="_blank" >number</a></code>
248
+
249
+ </td>
250
+ </tr>
251
+
252
+
253
+ <tr>
254
+ <td class="col-md-4">
255
+ <i>Optional</i>
256
+ </td>
257
+ </tr>
258
+
259
+
260
+
261
+
196
262
  </tbody>
197
263
  </table>
198
- </section>
199
-
200
-
201
-
202
- <section data-compodoc="block-properties">
203
- <h3 id="inputs">Properties</h3>
204
- <table class="table table-sm table-bordered">
205
- <tbody>
206
- <tr>
207
- <td class="col-md-4">
208
- <a name="group"></a>
209
- <span class="name "><b>group</b>
210
- <a href="#group">
211
- <span class="icon ion-ios-link"></span>
212
- </a>
213
- </span>
214
- </td>
215
- </tr>
216
- <tr>
217
- <td class="col-md-4">
218
- <code>group: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
219
- </code>
220
- </td>
221
- </tr>
222
-
223
-
224
- <tr>
225
- <td class="col-md-4">
226
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
227
-
228
- </td>
229
- </tr>
230
-
231
- <tr>
232
- <td class="col-md-4">
233
- <i>Optional</i>
234
- </td>
235
- </tr>
236
-
237
-
238
-
239
-
240
- </tbody>
241
- </table>
242
- <table class="table table-sm table-bordered">
243
- <tbody>
244
- <tr>
245
- <td class="col-md-4">
246
- <a name="groupHeader"></a>
247
- <span class="name "><b>groupHeader</b>
248
- <a href="#groupHeader">
249
- <span class="icon ion-ios-link"></span>
250
- </a>
251
- </span>
252
- </td>
253
- </tr>
254
- <tr>
255
- <td class="col-md-4">
256
- <code>groupHeader: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
264
+ <table class="table table-sm table-bordered">
265
+ <tbody>
266
+ <tr>
267
+ <td class="col-md-4">
268
+ <a name="groupHeader"></a>
269
+ <span class="name "><b>groupHeader</b>
270
+ <a href="#groupHeader">
271
+ <span class="icon ion-ios-link"></span>
272
+ </a>
273
+ </span>
274
+ </td>
275
+ </tr>
276
+ <tr>
277
+ <td class="col-md-4">
278
+ <code>groupHeader: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
257
279
  </code>
258
- </td>
259
- </tr>
260
-
261
-
262
- <tr>
263
- <td class="col-md-4">
264
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
265
-
266
- </td>
267
- </tr>
268
-
269
- <tr>
270
- <td class="col-md-4">
271
- <i>Optional</i>
272
- </td>
273
- </tr>
274
-
275
-
276
-
277
-
278
- </tbody>
279
- </table>
280
- <table class="table table-sm table-bordered">
281
- <tbody>
282
- <tr>
283
- <td class="col-md-4">
284
- <a name="icon"></a>
285
- <span class="name "><b>icon</b>
286
- <a href="#icon">
287
- <span class="icon ion-ios-link"></span>
288
- </a>
289
- </span>
290
- </td>
291
- </tr>
292
- <tr>
293
- <td class="col-md-4">
294
- <code>icon: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
280
+ </td>
281
+ </tr>
282
+
283
+
284
+ <tr>
285
+ <td class="col-md-4">
286
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
287
+
288
+ </td>
289
+ </tr>
290
+
291
+
292
+ <tr>
293
+ <td class="col-md-4">
294
+ <i>Optional</i>
295
+ </td>
296
+ </tr>
297
+
298
+
299
+
300
+
301
+ </tbody>
302
+ </table>
303
+ <table class="table table-sm table-bordered">
304
+ <tbody>
305
+ <tr>
306
+ <td class="col-md-4">
307
+ <a name="icon"></a>
308
+ <span class="name "><b>icon</b>
309
+ <a href="#icon">
310
+ <span class="icon ion-ios-link"></span>
311
+ </a>
312
+ </span>
313
+ </td>
314
+ </tr>
315
+ <tr>
316
+ <td class="col-md-4">
317
+ <code>icon: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
295
318
  </code>
296
- </td>
297
- </tr>
298
-
299
-
300
- <tr>
301
- <td class="col-md-4">
302
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
303
-
304
- </td>
305
- </tr>
306
-
307
- <tr>
308
- <td class="col-md-4">
309
- <i>Optional</i>
310
- </td>
311
- </tr>
312
-
313
-
314
-
315
-
316
- </tbody>
317
- </table>
318
- <table class="table table-sm table-bordered">
319
- <tbody>
320
- <tr>
321
- <td class="col-md-4">
322
- <a name="iconColor"></a>
323
- <span class="name "><b>iconColor</b>
324
- <a href="#iconColor">
325
- <span class="icon ion-ios-link"></span>
326
- </a>
327
- </span>
328
- </td>
329
- </tr>
330
- <tr>
331
- <td class="col-md-4">
332
- <code>iconColor: <code><a href="../miscellaneous/typealiases.html#IconColor" target="_self" >IconColor</a></code>
319
+ </td>
320
+ </tr>
321
+
322
+
323
+ <tr>
324
+ <td class="col-md-4">
325
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
326
+
327
+ </td>
328
+ </tr>
329
+
330
+
331
+ <tr>
332
+ <td class="col-md-4">
333
+ <i>Optional</i>
334
+ </td>
335
+ </tr>
336
+
337
+
338
+
339
+
340
+ </tbody>
341
+ </table>
342
+ <table class="table table-sm table-bordered">
343
+ <tbody>
344
+ <tr>
345
+ <td class="col-md-4">
346
+ <a name="iconColor"></a>
347
+ <span class="name "><b>iconColor</b>
348
+ <a href="#iconColor">
349
+ <span class="icon ion-ios-link"></span>
350
+ </a>
351
+ </span>
352
+ </td>
353
+ </tr>
354
+ <tr>
355
+ <td class="col-md-4">
356
+ <code>iconColor: <code><a href="../miscellaneous/typealiases.html#IconColor" target="_self" >IconColor</a></code>
333
357
  </code>
334
- </td>
335
- </tr>
336
-
337
-
338
- <tr>
339
- <td class="col-md-4">
340
- <i>Type : </i> <code><a href="../miscellaneous/typealiases.html#IconColor" target="_self" >IconColor</a></code>
341
-
342
- </td>
343
- </tr>
344
-
345
- <tr>
346
- <td class="col-md-4">
347
- <i>Optional</i>
348
- </td>
349
- </tr>
350
-
351
-
352
-
353
-
354
- </tbody>
355
- </table>
356
- <table class="table table-sm table-bordered">
357
- <tbody>
358
- <tr>
359
- <td class="col-md-4">
360
- <a name="isSection"></a>
361
- <span class="name "><b>isSection</b>
362
- <a href="#isSection">
363
- <span class="icon ion-ios-link"></span>
364
- </a>
365
- </span>
366
- </td>
367
- </tr>
368
- <tr>
369
- <td class="col-md-4">
370
- <code>isSection: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
358
+ </td>
359
+ </tr>
360
+
361
+
362
+ <tr>
363
+ <td class="col-md-4">
364
+ <i>Type : </i> <code><a href="../miscellaneous/typealiases.html#IconColor" target="_self" >IconColor</a></code>
365
+
366
+ </td>
367
+ </tr>
368
+
369
+
370
+ <tr>
371
+ <td class="col-md-4">
372
+ <i>Optional</i>
373
+ </td>
374
+ </tr>
375
+
376
+
377
+
378
+
379
+ </tbody>
380
+ </table>
381
+ <table class="table table-sm table-bordered">
382
+ <tbody>
383
+ <tr>
384
+ <td class="col-md-4">
385
+ <a name="isSection"></a>
386
+ <span class="name "><b>isSection</b>
387
+ <a href="#isSection">
388
+ <span class="icon ion-ios-link"></span>
389
+ </a>
390
+ </span>
391
+ </td>
392
+ </tr>
393
+ <tr>
394
+ <td class="col-md-4">
395
+ <code>isSection: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
371
396
  </code>
372
- </td>
373
- </tr>
374
-
375
-
376
- <tr>
377
- <td class="col-md-4">
378
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
379
-
380
- </td>
381
- </tr>
382
-
383
- <tr>
384
- <td class="col-md-4">
385
- <i>Optional</i>
386
- </td>
387
- </tr>
388
-
389
-
390
-
391
-
392
- </tbody>
393
- </table>
394
- <table class="table table-sm table-bordered">
395
- <tbody>
396
- <tr>
397
- <td class="col-md-4">
398
- <a name="label"></a>
399
- <span class="name "><b>label</b>
400
- <a href="#label">
401
- <span class="icon ion-ios-link"></span>
402
- </a>
403
- </span>
404
- </td>
405
- </tr>
406
- <tr>
407
- <td class="col-md-4">
408
- <code>label: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
397
+ </td>
398
+ </tr>
399
+
400
+
401
+ <tr>
402
+ <td class="col-md-4">
403
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
404
+
405
+ </td>
406
+ </tr>
407
+
408
+
409
+ <tr>
410
+ <td class="col-md-4">
411
+ <i>Optional</i>
412
+ </td>
413
+ </tr>
414
+
415
+
416
+
417
+
418
+ </tbody>
419
+ </table>
420
+ <table class="table table-sm table-bordered">
421
+ <tbody>
422
+ <tr>
423
+ <td class="col-md-4">
424
+ <a name="label"></a>
425
+ <span class="name "><b>label</b>
426
+ <a href="#label">
427
+ <span class="icon ion-ios-link"></span>
428
+ </a>
429
+ </span>
430
+ </td>
431
+ </tr>
432
+ <tr>
433
+ <td class="col-md-4">
434
+ <code>label: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
409
435
  </code>
410
- </td>
411
- </tr>
436
+ </td>
437
+ </tr>
438
+
412
439
 
440
+ <tr>
441
+ <td class="col-md-4">
442
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
413
443
 
414
- <tr>
415
- <td class="col-md-4">
416
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
444
+ </td>
445
+ </tr>
417
446
 
418
- </td>
419
- </tr>
420
447
 
421
448
 
422
449
 
423
450
 
424
451
 
425
- </tbody>
426
- </table>
427
- <table class="table table-sm table-bordered">
428
- <tbody>
429
- <tr>
430
- <td class="col-md-4">
431
- <a name="section"></a>
432
- <span class="name "><b>section</b>
433
- <a href="#section">
434
- <span class="icon ion-ios-link"></span>
435
- </a>
436
- </span>
437
- </td>
438
- </tr>
439
- <tr>
440
- <td class="col-md-4">
441
- <code>section: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
452
+ </tbody>
453
+ </table>
454
+ <table class="table table-sm table-bordered">
455
+ <tbody>
456
+ <tr>
457
+ <td class="col-md-4">
458
+ <a name="section"></a>
459
+ <span class="name "><b>section</b>
460
+ <a href="#section">
461
+ <span class="icon ion-ios-link"></span>
462
+ </a>
463
+ </span>
464
+ </td>
465
+ </tr>
466
+ <tr>
467
+ <td class="col-md-4">
468
+ <code>section: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
442
469
  </code>
443
- </td>
444
- </tr>
445
-
446
-
447
- <tr>
448
- <td class="col-md-4">
449
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
450
-
451
- </td>
452
- </tr>
453
-
454
- <tr>
455
- <td class="col-md-4">
456
- <i>Optional</i>
457
- </td>
458
- </tr>
459
-
460
-
461
-
462
-
463
- </tbody>
464
- </table>
465
- <table class="table table-sm table-bordered">
466
- <tbody>
467
- <tr>
468
- <td class="col-md-4">
469
- <a name="url"></a>
470
- <span class="name "><b>url</b>
471
- <a href="#url">
472
- <span class="icon ion-ios-link"></span>
473
- </a>
474
- </span>
475
- </td>
476
- </tr>
477
- <tr>
478
- <td class="col-md-4">
479
- <code>url: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
470
+ </td>
471
+ </tr>
472
+
473
+
474
+ <tr>
475
+ <td class="col-md-4">
476
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
477
+
478
+ </td>
479
+ </tr>
480
+
481
+
482
+ <tr>
483
+ <td class="col-md-4">
484
+ <i>Optional</i>
485
+ </td>
486
+ </tr>
487
+
488
+
489
+
490
+
491
+ </tbody>
492
+ </table>
493
+ <table class="table table-sm table-bordered">
494
+ <tbody>
495
+ <tr>
496
+ <td class="col-md-4">
497
+ <a name="url"></a>
498
+ <span class="name "><b>url</b>
499
+ <a href="#url">
500
+ <span class="icon ion-ios-link"></span>
501
+ </a>
502
+ </span>
503
+ </td>
504
+ </tr>
505
+ <tr>
506
+ <td class="col-md-4">
507
+ <code>url: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
480
508
  </code>
481
- </td>
482
- </tr>
509
+ </td>
510
+ </tr>
483
511
 
484
512
 
485
- <tr>
486
- <td class="col-md-4">
487
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
513
+ <tr>
514
+ <td class="col-md-4">
515
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
488
516
 
489
- </td>
490
- </tr>
517
+ </td>
518
+ </tr>
491
519
 
492
- <tr>
493
- <td class="col-md-4">
494
- <i>Optional</i>
495
- </td>
496
- </tr>
497
520
 
521
+ <tr>
522
+ <td class="col-md-4">
523
+ <i>Optional</i>
524
+ </td>
525
+ </tr>
498
526
 
499
527
 
500
528
 
501
- </tbody>
502
- </table>
503
- </section>
504
- </div>
529
+
530
+ </tbody>
531
+ </table>
532
+ </section>
533
+ </div>
505
534
 
506
535
 
507
536
  </div>
@@ -545,6 +574,24 @@
545
574
 
546
575
  <script>
547
576
  $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
577
+ var updateDarkModeSwitchOffset = function () {
578
+ var content = document.querySelector('.content');
579
+ var scrollbarWidth = 0;
580
+
581
+ if (content) {
582
+ scrollbarWidth = Math.max(0, content.offsetWidth - content.clientWidth);
583
+ }
584
+
585
+ document.documentElement.style.setProperty(
586
+ '--content-scrollbar-width',
587
+ scrollbarWidth + 'px'
588
+ );
589
+ };
590
+
591
+ updateDarkModeSwitchOffset();
592
+ requestAnimationFrame(updateDarkModeSwitchOffset);
593
+ window.addEventListener('resize', updateDarkModeSwitchOffset);
594
+
548
595
  checkToggle(darkModeState);
549
596
  if ($darkModeToggleSwitchers.length > 0) {
550
597
  for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
@@ -560,7 +607,6 @@
560
607
  <script src="../js/libs/lit-html.js"></script>
561
608
 
562
609
  <script src="../js/menu-wc.js" defer></script>
563
- <script nomodule src="../js/menu-wc_es5.js" defer></script>
564
610
 
565
611
  <script src="../js/libs/bootstrap-native.js"></script>
566
612