@eui/eds 23.0.0-alpha.6 → 23.0.0-alpha.8

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 (232) hide show
  1. package/docs/changelog.html +86 -0
  2. package/docs/classes/EdsChipModel.html +6 -6
  3. package/docs/classes/{EuiChipTooltip.html → EdsChipTooltip.html} +2 -2
  4. package/docs/components/EdsAlert.html +27 -226
  5. package/docs/components/EdsAlertTitle.html +2 -2
  6. package/docs/components/EdsAvatar.html +35 -108
  7. package/docs/components/EdsAvatarBadge.html +2 -2
  8. package/docs/components/EdsAvatarContent.html +2 -2
  9. package/docs/components/EdsAvatarContentLabel.html +2 -2
  10. package/docs/components/EdsAvatarContentSublabel.html +2 -2
  11. package/docs/components/EdsAvatarIcon.html +2 -2
  12. package/docs/components/EdsAvatarImage.html +2 -2
  13. package/docs/components/EdsAvatarList.html +2 -2
  14. package/docs/components/EdsAvatarText.html +2 -2
  15. package/docs/components/EdsBadge.html +41 -175
  16. package/docs/components/EdsButton.html +123 -123
  17. package/docs/components/EdsChip.html +135 -254
  18. package/docs/components/EdsIcon.html +93 -145
  19. package/docs/components/EdsIconButton.html +72 -86
  20. package/docs/components/EdsIconImage.html +5 -5
  21. package/docs/components/EdsIconState.html +47 -61
  22. package/docs/components/EdsLanguageSelector.html +870 -0
  23. package/docs/components/EdsMenu.html +631 -0
  24. package/docs/components/EdsMenuItemComponent.html +728 -0
  25. package/docs/components/EdsOverlay.html +804 -0
  26. package/docs/components/EdsOverlayContent.html +315 -0
  27. package/docs/components/EdsOverlayFooter.html +315 -0
  28. package/docs/components/EdsOverlayHeader.html +458 -0
  29. package/docs/components/EdsOverlayHeaderActionItems.html +315 -0
  30. package/docs/components/EdsOverlayHeaderLabel.html +315 -0
  31. package/docs/components/EdsOverlayHeaderSublabel.html +315 -0
  32. package/docs/components/EdsPage.html +315 -0
  33. package/docs/components/EdsPageContent.html +319 -0
  34. package/docs/components/EdsPageFooter.html +387 -0
  35. package/docs/components/EdsPageHeader.html +673 -0
  36. package/docs/components/EdsPageHeaderActionItems.html +315 -0
  37. package/docs/components/EdsPageHeaderBody.html +315 -0
  38. package/docs/components/EdsPageHeaderLabel.html +315 -0
  39. package/docs/components/EdsPageHeaderSublabel.html +315 -0
  40. package/docs/components/EdsShell.html +1078 -0
  41. package/docs/components/EdsShellContent.html +315 -0
  42. package/docs/components/EdsShellFooter.html +383 -0
  43. package/docs/components/EdsShellHeader.html +383 -0
  44. package/docs/components/EdsShellHeaderApp.html +443 -0
  45. package/docs/components/EdsShellHeaderEnd.html +311 -0
  46. package/docs/components/EdsShellHeaderEnvironment.html +315 -0
  47. package/docs/components/EdsShellHeaderLogo.html +561 -0
  48. package/docs/components/EdsShellHeaderStart.html +311 -0
  49. package/docs/components/EdsShellMenuToggle.html +458 -0
  50. package/docs/components/EdsShellSidebar.html +413 -0
  51. package/docs/components/EdsShellSidebarBottomNav.html +624 -0
  52. package/docs/components/EdsShellSidebarFooter.html +315 -0
  53. package/docs/components/EdsShellSidebarHeader.html +508 -0
  54. package/docs/components/EdsShellSidebarNav.html +624 -0
  55. package/docs/components/EdsShellToolbar.html +315 -0
  56. package/docs/components/EdsShellToolbarApp.html +443 -0
  57. package/docs/components/EdsShellToolbarEnd.html +315 -0
  58. package/docs/components/EdsShellToolbarEnvironment.html +315 -0
  59. package/docs/components/EdsShellToolbarLogo.html +315 -0
  60. package/docs/components/EdsShellToolbarStart.html +315 -0
  61. package/docs/components/EdsShellTopMessage.html +574 -0
  62. package/docs/components/EdsTab.html +6 -10
  63. package/docs/components/EdsTabBody.html +6 -10
  64. package/docs/components/EdsTabHeader.html +6 -10
  65. package/docs/components/EdsTabHeaderLabel.html +2 -2
  66. package/docs/components/EdsTabHeaderLeftContent.html +2 -2
  67. package/docs/components/EdsTabHeaderRightContent.html +2 -2
  68. package/docs/components/EdsTabHeaderSublabel.html +2 -2
  69. package/docs/components/EdsTabs.html +61 -126
  70. package/docs/components/EdsTabsRightContent.html +2 -2
  71. package/docs/components/EdsTag.html +82 -182
  72. package/docs/components/EdsTooltipContainer.html +2 -2
  73. package/docs/components/EdsUserProfile.html +1336 -0
  74. package/docs/components/EdsUserProfileMenu.html +315 -0
  75. package/docs/components/EdsUserProfileMenuItem.html +511 -0
  76. package/docs/directives/{EuiBaseColorVariantsDirective.html → EdsBaseColorVariantsDirective.html} +174 -91
  77. package/docs/directives/{EuiBaseSizeVariantsDirective.html → EdsBaseSizeVariantsDirective.html} +107 -107
  78. package/docs/directives/EdsResizable.html +586 -0
  79. package/docs/directives/EdsTooltip.html +21 -21
  80. package/docs/interfaces/EdsLanguage.html +368 -0
  81. package/docs/interfaces/EdsMenuItem.html +731 -0
  82. package/docs/js/menu-wc.js +146 -5
  83. package/docs/js/search/search_index.js +2 -2
  84. package/docs/json/EdsAlert.md +7 -7
  85. package/docs/json/EdsAvatar.md +8 -7
  86. package/docs/json/EdsBadge.md +14 -14
  87. package/docs/json/EdsBaseColorVariantsDirective.md +22 -0
  88. package/docs/json/EdsBaseSizeVariantsDirective.md +23 -0
  89. package/docs/json/EdsButton.md +21 -21
  90. package/docs/json/EdsChip.md +15 -14
  91. package/docs/json/EdsIcon.md +23 -23
  92. package/docs/json/EdsIconButton.md +18 -17
  93. package/docs/json/EdsIconImage.md +10 -10
  94. package/docs/json/EdsIconState.md +12 -12
  95. package/docs/json/EdsLanguageSelector.md +16 -0
  96. package/docs/json/EdsMenu.md +17 -0
  97. package/docs/json/EdsMenuItemComponent.md +18 -0
  98. package/docs/json/EdsOverlay.md +19 -0
  99. package/docs/json/EdsOverlayContent.md +8 -0
  100. package/docs/json/EdsOverlayFooter.md +8 -0
  101. package/docs/json/EdsOverlayHeader.md +11 -0
  102. package/docs/json/EdsOverlayHeaderActionItems.md +8 -0
  103. package/docs/json/EdsOverlayHeaderLabel.md +8 -0
  104. package/docs/json/EdsOverlayHeaderSublabel.md +8 -0
  105. package/docs/json/EdsPage.md +8 -0
  106. package/docs/json/EdsPageContent.md +8 -0
  107. package/docs/json/EdsPageFooter.md +11 -0
  108. package/docs/json/EdsPageHeader.md +18 -0
  109. package/docs/json/EdsPageHeaderActionItems.md +8 -0
  110. package/docs/json/EdsPageHeaderBody.md +8 -0
  111. package/docs/json/EdsPageHeaderLabel.md +8 -0
  112. package/docs/json/EdsPageHeaderSublabel.md +8 -0
  113. package/docs/json/EdsResizable.md +24 -0
  114. package/docs/json/EdsShell.md +14 -0
  115. package/docs/json/EdsShellContent.md +8 -0
  116. package/docs/json/EdsShellFooter.md +11 -0
  117. package/docs/json/EdsShellHeader.md +11 -0
  118. package/docs/json/EdsShellHeaderApp.md +13 -0
  119. package/docs/json/EdsShellHeaderEnd.md +8 -0
  120. package/docs/json/EdsShellHeaderEnvironment.md +8 -0
  121. package/docs/json/EdsShellHeaderLogo.md +15 -0
  122. package/docs/json/EdsShellHeaderStart.md +8 -0
  123. package/docs/json/EdsShellMenuToggle.md +11 -0
  124. package/docs/json/EdsShellSidebar.md +12 -0
  125. package/docs/json/EdsShellSidebarBottomNav.md +17 -0
  126. package/docs/json/EdsShellSidebarFooter.md +8 -0
  127. package/docs/json/EdsShellSidebarHeader.md +15 -0
  128. package/docs/json/EdsShellSidebarNav.md +17 -0
  129. package/docs/json/EdsShellToolbar.md +8 -0
  130. package/docs/json/EdsShellToolbarApp.md +13 -0
  131. package/docs/json/EdsShellToolbarEnd.md +8 -0
  132. package/docs/json/EdsShellToolbarEnvironment.md +8 -0
  133. package/docs/json/EdsShellToolbarLogo.md +8 -0
  134. package/docs/json/EdsShellToolbarStart.md +8 -0
  135. package/docs/json/EdsShellTopMessage.md +19 -0
  136. package/docs/json/EdsTabs.md +4 -4
  137. package/docs/json/EdsTag.md +14 -13
  138. package/docs/json/EdsTooltip.md +7 -7
  139. package/docs/json/EdsUserProfile.md +21 -0
  140. package/docs/json/EdsUserProfileMenu.md +8 -0
  141. package/docs/json/EdsUserProfileMenuItem.md +8 -0
  142. package/docs/json/documentation.json +9649 -5338
  143. package/docs/llms.txt +641 -123
  144. package/docs/miscellaneous/typealiases.html +309 -0
  145. package/docs/miscellaneous/variables.html +342 -0
  146. package/docs/overview.html +3 -3
  147. package/docs/properties.html +1 -1
  148. package/eds-language-selector/package.json +4 -0
  149. package/eds-menu/package.json +4 -0
  150. package/eds-overlay/package.json +4 -0
  151. package/eds-page/package.json +4 -0
  152. package/eds-resizable/package.json +4 -0
  153. package/eds-shell/package.json +4 -0
  154. package/eds-user-profile/package.json +4 -0
  155. package/fesm2022/eui-eds-eds-alert.mjs +33 -61
  156. package/fesm2022/eui-eds-eds-alert.mjs.map +1 -1
  157. package/fesm2022/eui-eds-eds-avatar.mjs +29 -43
  158. package/fesm2022/eui-eds-eds-avatar.mjs.map +1 -1
  159. package/fesm2022/eui-eds-eds-badge.mjs +65 -89
  160. package/fesm2022/eui-eds-eds-badge.mjs.map +1 -1
  161. package/fesm2022/eui-eds-eds-button.mjs +70 -99
  162. package/fesm2022/eui-eds-eds-button.mjs.map +1 -1
  163. package/fesm2022/eui-eds-eds-chip.mjs +118 -111
  164. package/fesm2022/eui-eds-eds-chip.mjs.map +1 -1
  165. package/fesm2022/eui-eds-eds-icon-button.mjs +49 -55
  166. package/fesm2022/eui-eds-eds-icon-button.mjs.map +1 -1
  167. package/fesm2022/eui-eds-eds-icon-state.mjs +38 -34
  168. package/fesm2022/eui-eds-eds-icon-state.mjs.map +1 -1
  169. package/fesm2022/eui-eds-eds-icon.mjs +92 -107
  170. package/fesm2022/eui-eds-eds-icon.mjs.map +1 -1
  171. package/fesm2022/eui-eds-eds-language-selector.mjs +67 -0
  172. package/fesm2022/eui-eds-eds-language-selector.mjs.map +1 -0
  173. package/fesm2022/eui-eds-eds-menu.mjs +90 -0
  174. package/fesm2022/eui-eds-eds-menu.mjs.map +1 -0
  175. package/fesm2022/eui-eds-eds-overlay.mjs +141 -0
  176. package/fesm2022/eui-eds-eds-overlay.mjs.map +1 -0
  177. package/fesm2022/eui-eds-eds-page.mjs +129 -0
  178. package/fesm2022/eui-eds-eds-page.mjs.map +1 -0
  179. package/fesm2022/eui-eds-eds-resizable.mjs +193 -0
  180. package/fesm2022/eui-eds-eds-resizable.mjs.map +1 -0
  181. package/fesm2022/eui-eds-eds-shell.mjs +481 -0
  182. package/fesm2022/eui-eds-eds-shell.mjs.map +1 -0
  183. package/fesm2022/eui-eds-eds-tabs.mjs +71 -101
  184. package/fesm2022/eui-eds-eds-tabs.mjs.map +1 -1
  185. package/fesm2022/eui-eds-eds-tag.mjs +74 -77
  186. package/fesm2022/eui-eds-eds-tag.mjs.map +1 -1
  187. package/fesm2022/eui-eds-eds-tooltip.mjs +23 -23
  188. package/fesm2022/eui-eds-eds-tooltip.mjs.map +1 -1
  189. package/fesm2022/eui-eds-eds-user-profile.mjs +231 -0
  190. package/fesm2022/eui-eds-eds-user-profile.mjs.map +1 -0
  191. package/fesm2022/eui-eds-shared.mjs +255 -243
  192. package/fesm2022/eui-eds-shared.mjs.map +1 -1
  193. package/package.json +29 -1
  194. package/types/eui-eds-eds-alert.d.ts +7 -29
  195. package/types/eui-eds-eds-alert.d.ts.map +1 -1
  196. package/types/eui-eds-eds-avatar.d.ts +11 -12
  197. package/types/eui-eds-eds-avatar.d.ts.map +1 -1
  198. package/types/eui-eds-eds-badge.d.ts +15 -20
  199. package/types/eui-eds-eds-badge.d.ts.map +1 -1
  200. package/types/eui-eds-eds-button.d.ts +22 -30
  201. package/types/eui-eds-eds-button.d.ts.map +1 -1
  202. package/types/eui-eds-eds-chip.d.ts +36 -36
  203. package/types/eui-eds-eds-chip.d.ts.map +1 -1
  204. package/types/eui-eds-eds-icon-button.d.ts +13 -16
  205. package/types/eui-eds-eds-icon-button.d.ts.map +1 -1
  206. package/types/eui-eds-eds-icon-state.d.ts +8 -8
  207. package/types/eui-eds-eds-icon-state.d.ts.map +1 -1
  208. package/types/eui-eds-eds-icon.d.ts +22 -29
  209. package/types/eui-eds-eds-icon.d.ts.map +1 -1
  210. package/types/eui-eds-eds-language-selector.d.ts +34 -0
  211. package/types/eui-eds-eds-language-selector.d.ts.map +1 -0
  212. package/types/eui-eds-eds-menu.d.ts +65 -0
  213. package/types/eui-eds-eds-menu.d.ts.map +1 -0
  214. package/types/eui-eds-eds-overlay.d.ts +64 -0
  215. package/types/eui-eds-eds-overlay.d.ts.map +1 -0
  216. package/types/eui-eds-eds-page.d.ts +63 -0
  217. package/types/eui-eds-eds-page.d.ts.map +1 -0
  218. package/types/eui-eds-eds-resizable.d.ts +49 -0
  219. package/types/eui-eds-eds-resizable.d.ts.map +1 -0
  220. package/types/eui-eds-eds-shell.d.ts +229 -0
  221. package/types/eui-eds-eds-shell.d.ts.map +1 -0
  222. package/types/eui-eds-eds-tabs.d.ts +32 -30
  223. package/types/eui-eds-eds-tabs.d.ts.map +1 -1
  224. package/types/eui-eds-eds-tag.d.ts +22 -25
  225. package/types/eui-eds-eds-tag.d.ts.map +1 -1
  226. package/types/eui-eds-eds-tooltip.d.ts +16 -16
  227. package/types/eui-eds-eds-user-profile.d.ts +78 -0
  228. package/types/eui-eds-eds-user-profile.d.ts.map +1 -0
  229. package/types/eui-eds-shared.d.ts +82 -79
  230. package/types/eui-eds-shared.d.ts.map +1 -1
  231. package/docs/json/EuiBaseColorVariantsDirective.md +0 -21
  232. package/docs/json/EuiBaseSizeVariantsDirective.md +0 -23
package/docs/components/EdsMenuItemComponent.html ADDED
@@ -0,0 +1,728 @@
1
+ <!doctype html>
2
+ <html class="no-js" lang="">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
6
+ <title>eui documentation</title>
7
+ <meta name="description" content="">
8
+ <meta name="viewport" content="width=device-width, initial-scale=1">
9
+
10
+ <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11
+ <link rel="stylesheet" href="../styles/style.css">
12
+ <link rel="stylesheet" href="../styles/dark.css">
13
+ <link rel="stylesheet" href="../styles/material.css">
14
+ </head>
15
+ <body>
16
+ <script>
17
+ // Blocking script to avoid flickering dark mode
18
+ // Dark mode toggle button
19
+ var useDark = window.matchMedia('(prefers-color-scheme: dark)');
20
+ var darkModeState = useDark.matches;
21
+ var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
22
+ var $darkModeToggles = document.querySelectorAll('.dark-mode-switch');
23
+ var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state');
24
+
25
+ function checkToggle(check) {
26
+ for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
27
+ $darkModeToggleSwitchers[i].checked = check;
28
+ }
29
+ }
30
+
31
+ function toggleDarkMode(state) {
32
+ if (window.localStorage) {
33
+ localStorage.setItem('compodoc_darkmode-state', state);
34
+ }
35
+
36
+ checkToggle(state);
37
+
38
+ const hasClass = document.body.classList.contains('dark');
39
+
40
+ if (state) {
41
+ for (var i = 0; i < $darkModeToggles.length; i++) {
42
+ $darkModeToggles[i].classList.add('dark');
43
+ }
44
+ if (!hasClass) {
45
+ document.body.classList.add('dark');
46
+ }
47
+ } else {
48
+ for (var i = 0; i < $darkModeToggles.length; i++) {
49
+ $darkModeToggles[i].classList.remove('dark');
50
+ }
51
+ if (hasClass) {
52
+ document.body.classList.remove('dark');
53
+ }
54
+ }
55
+ }
56
+
57
+ useDark.addEventListener('change', function (evt) {
58
+ toggleDarkMode(evt.matches);
59
+ });
60
+ if (darkModeStateLocal) {
61
+ darkModeState = darkModeStateLocal === 'true';
62
+ }
63
+ toggleDarkMode(darkModeState);
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>
79
+
80
+ <div class="navbar navbar-default navbar-fixed-top d-md-none p-0">
81
+ <div class="d-flex">
82
+ <a href="../" class="navbar-brand">eui documentation</a>
83
+ <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
84
+ </div>
85
+ </div>
86
+
87
+ <div class="xs-menu menu" id="mobile-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>
96
+ </div>
97
+
98
+ <div class="container-fluid main">
99
+ <div class="row main">
100
+ <div class="d-none d-md-block menu">
101
+ <compodoc-menu mode="normal"></compodoc-menu>
102
+ </div>
103
+ <!-- START CONTENT -->
104
+ <div class="content component">
105
+ <div class="content-data">
106
+
107
+
108
+
109
+
110
+
111
+
112
+
113
+
114
+ <ol class="breadcrumb">
115
+ <li class="breadcrumb-item">Components</li>
116
+ <li class="breadcrumb-item"
117
+ >
118
+ EdsMenuItemComponent</li>
119
+ </ol>
120
+
121
+ <div class="io-file io-file-path" data-compodoc="entity-file-path">
122
+ <span class="icon ion-ios-document" aria-hidden="true"></span>
123
+ <code>packages/eds/eds-menu/eds-menu-item.ts</code>
124
+ </div>
125
+
126
+ <ul class="nav nav-tabs" role="tablist">
127
+ <li class="nav-item">
128
+ <a href="#info" class="nav-link active"
129
+ role="tab" id="info-tab" data-bs-toggle="tab" data-link="info">Info</a>
130
+ </li>
131
+ <li class="nav-item">
132
+ <a href="#api" class="nav-link"
133
+ role="tab" id="api-tab" data-bs-toggle="tab" data-link="api">API</a>
134
+ </li>
135
+ </ul>
136
+
137
+ <div class="tab-content">
138
+ <div class="tab-pane fade active in" id="info">
139
+
140
+
141
+
142
+
143
+ <section data-compodoc="block-metadata">
144
+ <h3>Metadata</h3>
145
+ <table class="table table-sm table-hover metadata">
146
+ <tbody>
147
+
148
+
149
+
150
+
151
+
152
+
153
+
154
+
155
+
156
+
157
+
158
+
159
+ <tr>
160
+ <td class="col-md-3">selector</td>
161
+ <td class="col-md-9"><code>eds-menu-item</code></td>
162
+ </tr>
163
+
164
+
165
+ <tr>
166
+ <td class="col-md-3">imports</td>
167
+ <td class="col-md-9">
168
+ <div> <code><a href="https://angular.dev/api/router/RouterModule" target="_blank" >RouterModule</a></code>
169
+ </div>
170
+ <div> <code><a href="../miscellaneous/variables.html#EDS_ICON" target="_self" >EDS_ICON</a></code>
171
+ </div>
172
+ </td>
173
+ </tr>
174
+
175
+ <tr>
176
+ <td class="col-md-3">styleUrls</td>
177
+ <td class="col-md-9"><code>./eds-menu-item.scss</code></td>
178
+ </tr>
179
+
180
+
181
+
182
+
183
+ <tr>
184
+ <td class="col-md-3">templateUrl</td>
185
+ <td class="col-md-9"><code>./eds-menu-item.html</code></td>
186
+ </tr>
187
+
188
+
189
+
190
+ <tr>
191
+ <td class="col-md-3">styleUrl</td>
192
+ <td class="col-md-9"><code>./eds-menu-item.scss</code></td>
193
+ </tr>
194
+
195
+
196
+
197
+
198
+
199
+ </tbody>
200
+ </table>
201
+ </section>
202
+
203
+ <section data-compodoc="block-relationships">
204
+ <h3>Relationships</h3>
205
+
206
+ <div class="row pt-3">
207
+ <div class="col-sm-6">
208
+ <h4>Used by</h4>
209
+ <ul class="list-unstyled relationships-list">
210
+ <li>
211
+ <code><a href="../components/EdsMenu.html" target="_self" >EdsMenu</a></code>
212
+ </li>
213
+ </ul>
214
+ </div>
215
+
216
+ <div class="col-sm-6">
217
+ <h4>Depends on</h4>
218
+ <ul class="list-unstyled relationships-list">
219
+ <li>
220
+ <code><a href="https://angular.dev/api/router/RouterModule" target="_blank" >RouterModule</a></code>
221
+ </li>
222
+ <li>
223
+ <code><a href="../miscellaneous/variables.html#EDS_ICON" target="_self" >EDS_ICON</a></code>
224
+ </li>
225
+ </ul>
226
+ </div>
227
+ </div>
228
+ </section>
229
+ </div>
230
+
231
+ <div class="tab-pane fade " id="api"> <section data-compodoc="block-index">
232
+ <h3 id="index">Index</h3>
233
+
234
+ <table class="table table-sm table-bordered index-table">
235
+ <tbody>
236
+ <tr>
237
+ <td class="col-md-3">
238
+ <h6><b>Methods</b></h6>
239
+ </td>
240
+ <td class="col-md-9">
241
+ <ul class="index-list">
242
+ <li>
243
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
244
+ <a href="#onChildClick" >onChildClick</a>
245
+ </li>
246
+ <li>
247
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
248
+ <a href="#onClick" >onClick</a>
249
+ </li>
250
+ <li>
251
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
252
+ <a href="#toggleExpand" >toggleExpand</a>
253
+ </li>
254
+ </ul>
255
+ </td>
256
+ </tr>
257
+ </tbody>
258
+ </table>
259
+
260
+ <table class="table table-sm table-bordered index-table">
261
+ <tbody>
262
+ <tr>
263
+ <td class="col-md-3">
264
+ <h6><b>Inputs</b></h6>
265
+ </td>
266
+ <td class="col-md-9">
267
+ <ul class="index-list">
268
+ <li>
269
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#hasCollapsedLabel" >hasCollapsedLabel</a>
270
+ </li>
271
+ <li>
272
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#hasIcon" >hasIcon</a>
273
+ </li>
274
+ <li>
275
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#isCollapsed" >isCollapsed</a>
276
+ </li>
277
+ <li>
278
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#item" >item</a>
279
+ </li>
280
+ </ul>
281
+ </td>
282
+ </tr>
283
+ </tbody>
284
+ </table>
285
+
286
+ <table class="table table-sm table-bordered index-table">
287
+ <tbody>
288
+ <tr>
289
+ <td class="col-md-3">
290
+ <h6><b>Outputs</b></h6>
291
+ </td>
292
+ <td class="col-md-9">
293
+ <ul class="index-list">
294
+ <li>
295
+ <span class="reference-badge reference-badge--property" aria-hidden="true">O</span><a href="#childClick" >childClick</a>
296
+ </li>
297
+ <li>
298
+ <span class="reference-badge reference-badge--property" aria-hidden="true">O</span><a href="#itemClick" >itemClick</a>
299
+ </li>
300
+ </ul>
301
+ </td>
302
+ </tr>
303
+ </tbody>
304
+ </table>
305
+
306
+
307
+
308
+ </section>
309
+
310
+
311
+ <section data-compodoc="block-inputs">
312
+ <h3 id="inputs">Inputs</h3>
313
+ <table class="table table-sm table-bordered">
314
+ <tbody>
315
+ <tr>
316
+ <td class="col-md-4">
317
+ <a name="hasCollapsedLabel"></a>
318
+ <b>hasCollapsedLabel</b>
319
+ </td>
320
+ </tr>
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/boolean" target="_blank" >boolean</a></code>
324
+
325
+ </td>
326
+ </tr>
327
+ <tr>
328
+ <td class="col-md-4">
329
+ <i>Default value : </i><code>false</code>
330
+ </td>
331
+ </tr>
332
+ <tr>
333
+ <td class="col-md-4">
334
+ <div class="io-description"><p>Whether to show label under icon in collapsed mode.</p>
335
+ </div>
336
+ </td>
337
+ </tr>
338
+ </tbody>
339
+ </table>
340
+ <table class="table table-sm table-bordered">
341
+ <tbody>
342
+ <tr>
343
+ <td class="col-md-4">
344
+ <a name="hasIcon"></a>
345
+ <b>hasIcon</b>
346
+ </td>
347
+ </tr>
348
+ <tr>
349
+ <td class="col-md-4">
350
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
351
+
352
+ </td>
353
+ </tr>
354
+ <tr>
355
+ <td class="col-md-4">
356
+ <i>Default value : </i><code>false</code>
357
+ </td>
358
+ </tr>
359
+ <tr>
360
+ <td class="col-md-4">
361
+ <div class="io-description"><p>Whether to show icon.</p>
362
+ </div>
363
+ </td>
364
+ </tr>
365
+ </tbody>
366
+ </table>
367
+ <table class="table table-sm table-bordered">
368
+ <tbody>
369
+ <tr>
370
+ <td class="col-md-4">
371
+ <a name="isCollapsed"></a>
372
+ <b>isCollapsed</b>
373
+ </td>
374
+ </tr>
375
+ <tr>
376
+ <td class="col-md-4">
377
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
378
+
379
+ </td>
380
+ </tr>
381
+ <tr>
382
+ <td class="col-md-4">
383
+ <i>Default value : </i><code>false</code>
384
+ </td>
385
+ </tr>
386
+ <tr>
387
+ <td class="col-md-4">
388
+ <div class="io-description"><p>Whether the menu is in collapsed/icon-only mode.</p>
389
+ </div>
390
+ </td>
391
+ </tr>
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="item"></a>
399
+ <b>item</b>
400
+ </td>
401
+ </tr>
402
+ <tr>
403
+ <td class="col-md-4">
404
+ <i>Type : </i> <code><a href="../interfaces/EdsMenuItem.html" target="_self" >EdsMenuItem</a></code>
405
+
406
+ </td>
407
+ </tr>
408
+ <tr>
409
+ <td class="col-md-4">
410
+ <i>Required : </i>&nbsp;<b>true</b>
411
+ </td>
412
+ </tr>
413
+ <tr>
414
+ <td class="col-md-4">
415
+ <div class="io-description"><p>The menu item data.</p>
416
+ </div>
417
+ </td>
418
+ </tr>
419
+ </tbody>
420
+ </table>
421
+ </section>
422
+
423
+ <section data-compodoc="block-outputs">
424
+ <h3 id="outputs">Outputs</h3>
425
+ <table class="table table-sm table-bordered">
426
+ <tbody>
427
+ <tr>
428
+ <td class="col-md-4">
429
+ <a name="childClick"></a>
430
+ <b>childClick</b>
431
+ </td>
432
+ </tr>
433
+ <tr>
434
+ <td class="col-md-4">
435
+ <i>Type : </i> <code><a href="../interfaces/EdsMenuItem.html" target="_self" >EdsMenuItem</a></code>
436
+
437
+ </td>
438
+ </tr>
439
+ <tr>
440
+ <td class="col-md-4">
441
+ <div class="io-description"><p>Emits when a child item is clicked.</p>
442
+ </div>
443
+ </td>
444
+ </tr>
445
+ </tbody>
446
+ </table>
447
+ <table class="table table-sm table-bordered">
448
+ <tbody>
449
+ <tr>
450
+ <td class="col-md-4">
451
+ <a name="itemClick"></a>
452
+ <b>itemClick</b>
453
+ </td>
454
+ </tr>
455
+ <tr>
456
+ <td class="col-md-4">
457
+ <i>Type : </i> <code><a href="../interfaces/EdsMenuItem.html" target="_self" >EdsMenuItem</a></code>
458
+
459
+ </td>
460
+ </tr>
461
+ <tr>
462
+ <td class="col-md-4">
463
+ <div class="io-description"><p>Emits when this item is clicked.</p>
464
+ </div>
465
+ </td>
466
+ </tr>
467
+ </tbody>
468
+ </table>
469
+ </section>
470
+
471
+
472
+
473
+ <section data-compodoc="block-methods">
474
+
475
+ <h3 id="methods">
476
+ Methods
477
+ </h3>
478
+ <table class="table table-sm table-bordered">
479
+ <tbody>
480
+ <tr>
481
+ <td class="col-md-4">
482
+ <a name="onChildClick"></a>
483
+ <span class="name">
484
+ <span ><b>onChildClick</b></span>
485
+ <a href="#onChildClick"><span class="icon ion-ios-link"></span></a>
486
+ </span>
487
+ </td>
488
+ </tr>
489
+ <tr>
490
+ <td class="col-md-4">
491
+ <code>onChildClick(child: <a href="../interfaces/EdsMenuItem.html" target="_self">EdsMenuItem</a>)</code>
492
+ </td>
493
+ </tr>
494
+
495
+
496
+
497
+
498
+ <tr>
499
+ <td class="col-md-4">
500
+
501
+ <div class="io-description">
502
+ <b>Parameters :</b>
503
+
504
+ <table class="params">
505
+ <thead>
506
+ <tr>
507
+ <td>Name</td>
508
+ <td>Type</td>
509
+ <td>Optional</td>
510
+ </tr>
511
+ </thead>
512
+ <tbody>
513
+ <tr>
514
+ <td>child</td>
515
+ <td>
516
+ <code><a href="../interfaces/EdsMenuItem.html" target="_self" >EdsMenuItem</a></code>
517
+ </td>
518
+
519
+ <td>
520
+ No
521
+ </td>
522
+
523
+
524
+ </tr>
525
+ </tbody>
526
+ </table>
527
+ </div>
528
+ <div class="io-description">
529
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
530
+
531
+ </div>
532
+ <div class="io-description">
533
+
534
+ </div>
535
+ </td>
536
+ </tr>
537
+ </tbody>
538
+ </table>
539
+ <table class="table table-sm table-bordered">
540
+ <tbody>
541
+ <tr>
542
+ <td class="col-md-4">
543
+ <a name="onClick"></a>
544
+ <span class="name">
545
+ <span ><b>onClick</b></span>
546
+ <a href="#onClick"><span class="icon ion-ios-link"></span></a>
547
+ </span>
548
+ </td>
549
+ </tr>
550
+ <tr>
551
+ <td class="col-md-4">
552
+ <code>onClick()</code>
553
+ </td>
554
+ </tr>
555
+
556
+
557
+
558
+
559
+ <tr>
560
+ <td class="col-md-4">
561
+
562
+ <div class="io-description">
563
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
564
+
565
+ </div>
566
+ </td>
567
+ </tr>
568
+ </tbody>
569
+ </table>
570
+ <table class="table table-sm table-bordered">
571
+ <tbody>
572
+ <tr>
573
+ <td class="col-md-4">
574
+ <a name="toggleExpand"></a>
575
+ <span class="name">
576
+ <span ><b>toggleExpand</b></span>
577
+ <a href="#toggleExpand"><span class="icon ion-ios-link"></span></a>
578
+ </span>
579
+ </td>
580
+ </tr>
581
+ <tr>
582
+ <td class="col-md-4">
583
+ <code>toggleExpand()</code>
584
+ </td>
585
+ </tr>
586
+
587
+
588
+
589
+
590
+ <tr>
591
+ <td class="col-md-4">
592
+
593
+ <div class="io-description">
594
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
595
+
596
+ </div>
597
+ </td>
598
+ </tr>
599
+ </tbody>
600
+ </table>
601
+ </section>
602
+
603
+
604
+ </div>
605
+
606
+
607
+
608
+
609
+
610
+
611
+
612
+ </div>
613
+
614
+ <script src="../js/libs/vis-network.min.js"></script>
615
+ <script src="../js/libs/htmlparser.js"></script>
616
+ <script src="../js/libs/deep-iterator.js"></script>
617
+ <script>
618
+ var COMPONENT_TEMPLATE = '<div>@if (isCollapsed()) { <!-- Collapsed: parent with children --> @if (item().children && item().children!.length) { <button class="menu-link icon-only" [class.with-label]="hasCollapsedLabel()" [class.disabled]="item().isDisabled" [attr.title]="!hasCollapsedLabel() ? item().label : null" (click)="toggleExpand()"> @if (item().icon) { <eds-icon class="menu-icon" [icon]="item().icon!" /> } @else { <span class="menu-initial">{{ item().label.charAt(0) }}</span> } @if (hasCollapsedLabel()) { <span class="menu-collapsed-label">{{ item().label }}</span> } </button> @if (item().isExpanded) { <div class="collapsed-children"> @for (child of item().children!; track child.label) { @if (child.url && !child.command) { <a class="menu-link icon-only child" [class.with-label]="hasCollapsedLabel()" [class.active]="child.isActive" [class.disabled]="child.isDisabled" [routerLink]="child.url" routerLinkActive="active" [attr.title]="!hasCollapsedLabel() ? child.label : null" (click)="onChildClick(child)"> @if (child.icon) { <eds-icon class="menu-icon" [icon]="child.icon!" edsSizeS /> } @else { <span class="menu-initial child-initial">{{ child.label.charAt(0) }}</span> } @if (hasCollapsedLabel()) { <span class="menu-collapsed-label">{{ child.label }}</span> } </a> } @else { <button class="menu-link icon-only child" [class.with-label]="hasCollapsedLabel()" [class.active]="child.isActive" [class.disabled]="child.isDisabled" [attr.title]="!hasCollapsedLabel() ? child.label : null" (click)="onChildClick(child)"> @if (child.icon) { <eds-icon class="menu-icon" [icon]="child.icon!" edsSizeS /> } @else { <span class="menu-initial child-initial">{{ child.label.charAt(0) }}</span> } @if (hasCollapsedLabel()) { <span class="menu-collapsed-label">{{ child.label }}</span> } </button> } } </div> } } @else { <!-- Collapsed: leaf item --> @if (item().url && !item().command) { <a class="menu-link icon-only" [class.with-label]="hasCollapsedLabel()" [class.active]="item().isActive" [class.disabled]="item().isDisabled" [routerLink]="item().url" routerLinkActive="active" [attr.title]="!hasCollapsedLabel() ? item().label : null" (click)="onClick()"> @if (item().icon) { <eds-icon class="menu-icon" [icon]="item().icon!" /> } @else { <span class="menu-initial">{{ item().label.charAt(0) }}</span> } @if (hasCollapsedLabel()) { <span class="menu-collapsed-label">{{ item().label }}</span> } </a> } @else { <button class="menu-link icon-only" [class.with-label]="hasCollapsedLabel()" [class.active]="item().isActive" [class.disabled]="item().isDisabled" [attr.title]="!hasCollapsedLabel() ? item().label : null" (click)="onClick()"> @if (item().icon) { <eds-icon class="menu-icon" [icon]="item().icon!" /> } @else { <span class="menu-initial">{{ item().label.charAt(0) }}</span> } @if (hasCollapsedLabel()) { <span class="menu-collapsed-label">{{ item().label }}</span> } </button> } }} @else if (item().children && item().children!.length) { <!-- Expanded: Parent item with children --> <button class="menu-link parent" [class.expanded]="item().isExpanded" [class.disabled]="item().isDisabled" (click)="toggleExpand()" [attr.aria-expanded]="item().isExpanded"> @if (hasIcon() && item().icon) { <eds-icon class="menu-icon" [icon]="item().icon!" edsSizeM /> } <span class="menu-label">{{ item().label }}</span> <eds-icon class="menu-chevron" [icon]="item().isExpanded ? \'caret-down\' : \'caret-right\'" edsSizeS /> </button> @if (item().isExpanded) { <ul class="eds-submenu"> @for (child of item().children!; track child.label) { <li> <eds-menu-item [item]="child" [hasIcon]="hasIcon()" [isCollapsed]="false" [hasCollapsedLabel]="false" (itemClick)="onChildClick($event)" (childClick)="onChildClick($event)"> </eds-menu-item> </li> } </ul> }} @else { <!-- Expanded: Leaf item --> @if (item().url && !item().command) { <a class="menu-link" [class.active]="item().isActive" [class.disabled]="item().isDisabled" [routerLink]="item().url" routerLinkActive="active" (click)="onClick()"> @if (hasIcon() && item().icon) { <eds-icon class="menu-icon" [icon]="item().icon!" edsSizeM /> } <span class="menu-label">{{ item().label }}</span> </a> } @else { <button class="menu-link" [class.active]="item().isActive" [class.disabled]="item().isDisabled" (click)="onClick()"> @if (hasIcon() && item().icon) { <eds-icon class="menu-icon" [icon]="item().icon!" edsSizeM /> } <span class="menu-label">{{ item().label }}</span> </button> }}</div>'
619
+ var COMPONENTS = [{'name': 'EdsAlert', 'selector': 'div[edsAlert], eds-alert'},{'name': 'EdsAlertTitle', 'selector': 'eds-alert-title'},{'name': 'EdsAvatar', 'selector': 'div[edsAvatar], span[edsAvatar], eds-avatar'},{'name': 'EdsAvatarBadge', 'selector': 'eds-avatar-badge'},{'name': 'EdsAvatarContent', 'selector': 'eds-avatar-content'},{'name': 'EdsAvatarContentLabel', 'selector': 'eds-avatar-content-label'},{'name': 'EdsAvatarContentSublabel', 'selector': 'eds-avatar-content-sublabel'},{'name': 'EdsAvatarIcon', 'selector': 'eds-avatar-icon'},{'name': 'EdsAvatarImage', 'selector': 'eds-avatar-image'},{'name': 'EdsAvatarList', 'selector': 'eds-avatar-list'},{'name': 'EdsAvatarText', 'selector': 'eds-avatar-text'},{'name': 'EdsBadge', 'selector': 'div[edsBadge], span[edsBadge], eds-badge'},{'name': 'EdsButton', 'selector': 'button[edsButton]'},{'name': 'EdsChip', 'selector': 'eds-chip, span[edsChip], li[edsChip]'},{'name': 'EdsIcon', 'selector': 'eds-icon, span[edsIcon]'},{'name': 'EdsIconButton', 'selector': 'button[edsIconButton]'},{'name': 'EdsIconImage', 'selector': 'eds-icon-image, span[edsIconImage]'},{'name': 'EdsIconState', 'selector': 'eds-icon-state'},{'name': 'EdsLanguageSelector', 'selector': 'eds-language-selector'},{'name': 'EdsMenu', 'selector': 'eds-menu'},{'name': 'EdsMenuItemComponent', 'selector': 'eds-menu-item'},{'name': 'EdsOverlay', 'selector': 'eds-overlay'},{'name': 'EdsOverlayContent', 'selector': 'eds-overlay-content'},{'name': 'EdsOverlayFooter', 'selector': 'eds-overlay-footer'},{'name': 'EdsOverlayHeader', 'selector': 'eds-overlay-header'},{'name': 'EdsOverlayHeaderActionItems', 'selector': 'eds-overlay-header-action-items'},{'name': 'EdsOverlayHeaderLabel', 'selector': 'eds-overlay-header-label'},{'name': 'EdsOverlayHeaderSublabel', 'selector': 'eds-overlay-header-sublabel'},{'name': 'EdsPage', 'selector': 'eds-page'},{'name': 'EdsPageContent', 'selector': 'eds-page-content'},{'name': 'EdsPageFooter', 'selector': 'eds-page-footer'},{'name': 'EdsPageHeader', 'selector': 'eds-page-header'},{'name': 'EdsPageHeaderActionItems', 'selector': 'eds-page-header-action-items'},{'name': 'EdsPageHeaderBody', 'selector': 'eds-page-header-body'},{'name': 'EdsPageHeaderLabel', 'selector': 'eds-page-header-label'},{'name': 'EdsPageHeaderSublabel', 'selector': 'eds-page-header-sublabel'},{'name': 'EdsShell', 'selector': 'eds-shell'},{'name': 'EdsShellContent', 'selector': 'eds-shell-content'},{'name': 'EdsShellFooter', 'selector': 'eds-shell-footer'},{'name': 'EdsShellHeader', 'selector': 'eds-shell-header'},{'name': 'EdsShellHeaderApp', 'selector': 'eds-shell-header-app'},{'name': 'EdsShellHeaderEnd', 'selector': 'eds-shell-header-end'},{'name': 'EdsShellHeaderEnvironment', 'selector': 'eds-shell-header-environment'},{'name': 'EdsShellHeaderLogo', 'selector': 'eds-shell-header-logo'},{'name': 'EdsShellHeaderStart', 'selector': 'eds-shell-header-start'},{'name': 'EdsShellMenuToggle', 'selector': 'eds-shell-menu-toggle'},{'name': 'EdsShellSidebar', 'selector': 'eds-shell-sidebar'},{'name': 'EdsShellSidebarBottomNav', 'selector': 'eds-shell-sidebar-bottom-nav'},{'name': 'EdsShellSidebarFooter', 'selector': 'eds-shell-sidebar-footer'},{'name': 'EdsShellSidebarHeader', 'selector': 'eds-shell-sidebar-header'},{'name': 'EdsShellSidebarNav', 'selector': 'eds-shell-sidebar-nav'},{'name': 'EdsShellToolbar', 'selector': 'eds-shell-toolbar'},{'name': 'EdsShellToolbarApp', 'selector': 'eds-shell-toolbar-app'},{'name': 'EdsShellToolbarEnd', 'selector': 'eds-shell-toolbar-end'},{'name': 'EdsShellToolbarEnvironment', 'selector': 'eds-shell-toolbar-environment'},{'name': 'EdsShellToolbarLogo', 'selector': 'eds-shell-toolbar-logo'},{'name': 'EdsShellToolbarStart', 'selector': 'eds-shell-toolbar-start'},{'name': 'EdsShellTopMessage', 'selector': 'eds-shell-top-message'},{'name': 'EdsTab', 'selector': 'eds-tab'},{'name': 'EdsTabBody', 'selector': 'eds-tab-body'},{'name': 'EdsTabHeader', 'selector': 'eds-tab-header'},{'name': 'EdsTabHeaderLabel', 'selector': 'eds-tab-header-label'},{'name': 'EdsTabHeaderLeftContent', 'selector': 'eds-tab-header-left-content'},{'name': 'EdsTabHeaderRightContent', 'selector': 'eds-tab-header-right-content'},{'name': 'EdsTabHeaderSublabel', 'selector': 'eds-tab-header-sub-label'},{'name': 'EdsTabs', 'selector': 'eds-tabs'},{'name': 'EdsTabsRightContent', 'selector': 'eds-tabs-right-content'},{'name': 'EdsTag', 'selector': 'eds-tag, span[edsTag]'},{'name': 'EdsTooltipContainer', 'selector': 'eds-tooltip-container'},{'name': 'EdsUserProfile', 'selector': 'eds-user-profile'},{'name': 'EdsUserProfileMenu', 'selector': 'eds-user-profile-menu'},{'name': 'EdsUserProfileMenuItem', 'selector': 'eds-user-profile-menu-item'}];
620
+ var DIRECTIVES = [{'name': 'EdsBaseColorVariantsDirective', 'selector': '[edsBaseColorVariants]'},{'name': 'EdsBaseSizeVariantsDirective', 'selector': '[edsBaseSizeVariants]'},{'name': 'EdsResizable', 'selector': '[edsResizable]'},{'name': 'EdsTooltip', 'selector': '[edsTooltip]'}];
621
+ var ACTUAL_COMPONENT = {'name': 'EdsMenuItemComponent'};
622
+ </script>
623
+ <script src="../js/tree.js"></script>
624
+
625
+
626
+
627
+
628
+
629
+
630
+
631
+
632
+
633
+
634
+
635
+
636
+
637
+
638
+
639
+
640
+
641
+ </div><div class="search-results">
642
+ <div class="has-results">
643
+ <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
644
+ <ul class="search-results-list"></ul>
645
+ </div>
646
+ <div class="no-results">
647
+ <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
648
+ </div>
649
+ </div>
650
+ </div>
651
+ <!-- END CONTENT -->
652
+ </div>
653
+ </div>
654
+
655
+ <label class="dark-mode-switch">
656
+ <input type="checkbox">
657
+ <span class="slider">
658
+ <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
659
+ <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
660
+ </svg>
661
+ </span>
662
+ </label>
663
+
664
+ <script>
665
+ var COMPODOC_CURRENT_PAGE_DEPTH = 1;
666
+ var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
667
+ var COMPODOC_CURRENT_PAGE_URL = 'EdsMenuItemComponent.html';
668
+ var MAX_SEARCH_RESULTS = 15;
669
+ </script>
670
+
671
+ <script>
672
+ $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
673
+ var updateDarkModeSwitchOffset = function () {
674
+ var content = document.querySelector('.content');
675
+ var scrollbarWidth = 0;
676
+
677
+ if (content) {
678
+ scrollbarWidth = Math.max(0, content.offsetWidth - content.clientWidth);
679
+ }
680
+
681
+ document.documentElement.style.setProperty(
682
+ '--content-scrollbar-width',
683
+ scrollbarWidth + 'px'
684
+ );
685
+ };
686
+
687
+ updateDarkModeSwitchOffset();
688
+ requestAnimationFrame(updateDarkModeSwitchOffset);
689
+ window.addEventListener('resize', updateDarkModeSwitchOffset);
690
+
691
+ checkToggle(darkModeState);
692
+ if ($darkModeToggleSwitchers.length > 0) {
693
+ for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
694
+ $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
695
+ darkModeState = !darkModeState;
696
+ toggleDarkMode(darkModeState);
697
+ });
698
+ }
699
+ }
700
+ </script>
701
+
702
+ <script src="../js/libs/custom-elements.min.js"></script>
703
+ <script src="../js/libs/lit-html.js"></script>
704
+
705
+ <script src="../js/menu-wc.js" defer></script>
706
+
707
+ <script src="../js/libs/bootstrap-native.js"></script>
708
+
709
+ <script src="../js/libs/es6-shim.min.js"></script>
710
+ <script src="../js/libs/EventDispatcher.js"></script>
711
+ <script src="../js/libs/promise.min.js"></script>
712
+
713
+ <script src="../js/compodoc.js"></script>
714
+
715
+ <script src="../js/tabs.js"></script>
716
+ <script src="../js/menu.js"></script>
717
+ <script src="../js/libs/clipboard.min.js"></script>
718
+ <script src="../js/libs/prism.js"></script>
719
+ <script src="../js/sourceCode.js"></script>
720
+ <script src="../js/search/search.js"></script>
721
+ <script src="../js/search/lunr.min.js"></script>
722
+ <script src="../js/search/search-lunr.js"></script>
723
+ <script src="../js/search/search_index.js"></script>
724
+ <script src="../js/lazy-load-graphs.js"></script>
725
+
726
+
727
+ </body>
728
+ </html>