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

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 +41 -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
@@ -0,0 +1,731 @@
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 interface">
105
+ <div class="content-data">
106
+
107
+
108
+
109
+
110
+
111
+
112
+
113
+
114
+
115
+
116
+
117
+
118
+
119
+
120
+
121
+
122
+
123
+ <ol class="breadcrumb">
124
+ <li class="breadcrumb-item">Interfaces</li>
125
+ <li class="breadcrumb-item"
126
+ >
127
+ EdsMenuItem</li>
128
+ </ol>
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/eds/eds-menu/eds-menu-item.model.ts</code>
133
+ </div>
134
+
135
+ <ul class="nav nav-tabs" role="tablist">
136
+ <li class="nav-item">
137
+ <a href="#info"
138
+ class="nav-link"
139
+ class="nav-link active"
140
+ role="tab" id="info-tab" data-bs-toggle="tab" data-link="info">Info</a>
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>
148
+ </ul>
149
+
150
+ <div class="tab-content">
151
+ <div class="tab-pane fade active in" id="info">
152
+
153
+
154
+
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="#children" class="reference-link ">
170
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">children</span>
171
+ </a>
172
+ </li>
173
+ <li>
174
+ <span class="modifier">Optional</span>
175
+ <a href="#command" class="reference-link ">
176
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">command</span>
177
+ </a>
178
+ </li>
179
+ <li>
180
+ <span class="modifier">Optional</span>
181
+ <a href="#data" class="reference-link ">
182
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">data</span>
183
+ </a>
184
+ </li>
185
+ <li>
186
+ <span class="modifier">Optional</span>
187
+ <a href="#icon" class="reference-link ">
188
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">icon</span>
189
+ </a>
190
+ </li>
191
+ <li>
192
+ <span class="modifier">Optional</span>
193
+ <a href="#isActive" class="reference-link ">
194
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">isActive</span>
195
+ </a>
196
+ </li>
197
+ <li>
198
+ <span class="modifier">Optional</span>
199
+ <a href="#isDisabled" class="reference-link ">
200
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">isDisabled</span>
201
+ </a>
202
+ </li>
203
+ <li>
204
+ <span class="modifier">Optional</span>
205
+ <a href="#isExpanded" class="reference-link ">
206
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">isExpanded</span>
207
+ </a>
208
+ </li>
209
+ <li>
210
+ <a href="#label" class="reference-link ">
211
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">label</span>
212
+ </a>
213
+ </li>
214
+ <li>
215
+ <span class="modifier">Optional</span>
216
+ <a href="#url" class="reference-link ">
217
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span><span class="reference-link-label">url</span>
218
+ </a>
219
+ </li>
220
+ </ul>
221
+ </td>
222
+ </tr>
223
+ </tbody>
224
+ </table>
225
+ </section>
226
+
227
+
228
+
229
+ <section data-compodoc="block-properties">
230
+ <h3 id="inputs">Properties</h3>
231
+ <table class="table table-sm table-bordered">
232
+ <tbody>
233
+ <tr>
234
+ <td class="col-md-4">
235
+ <a name="children"></a>
236
+ <span class="name "><b>children</b>
237
+ <a href="#children">
238
+ <span class="icon ion-ios-link"></span>
239
+ </a>
240
+ </span>
241
+ </td>
242
+ </tr>
243
+ <tr>
244
+ <td class="col-md-4">
245
+ <code>children: <code><a href="../interfaces/EdsMenuItem.html" target="_self" >EdsMenuItem[]</a></code>
246
+ </code>
247
+ </td>
248
+ </tr>
249
+
250
+
251
+ <tr>
252
+ <td class="col-md-4">
253
+ <i>Type : </i> <code><a href="../interfaces/EdsMenuItem.html" target="_self" >EdsMenuItem[]</a></code>
254
+
255
+ </td>
256
+ </tr>
257
+
258
+
259
+ <tr>
260
+ <td class="col-md-4">
261
+ <i>Optional</i>
262
+ </td>
263
+ </tr>
264
+
265
+
266
+
267
+
268
+ <tr>
269
+ <td class="col-md-4">
270
+ <div class="io-description"><p>Child menu items for hierarchical navigation.</p>
271
+ </div>
272
+ </td>
273
+ </tr>
274
+ </tbody>
275
+ </table>
276
+ <table class="table table-sm table-bordered">
277
+ <tbody>
278
+ <tr>
279
+ <td class="col-md-4">
280
+ <a name="command"></a>
281
+ <span class="name "><b>command</b>
282
+ <a href="#command">
283
+ <span class="icon ion-ios-link"></span>
284
+ </a>
285
+ </span>
286
+ </td>
287
+ </tr>
288
+ <tr>
289
+ <td class="col-md-4">
290
+ <code>command: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/function" target="_blank" >function</a></code>
291
+ </code>
292
+ </td>
293
+ </tr>
294
+
295
+
296
+ <tr>
297
+ <td class="col-md-4">
298
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/function" target="_blank" >function</a></code>
299
+
300
+ </td>
301
+ </tr>
302
+
303
+
304
+ <tr>
305
+ <td class="col-md-4">
306
+ <i>Optional</i>
307
+ </td>
308
+ </tr>
309
+
310
+
311
+
312
+
313
+ <tr>
314
+ <td class="col-md-4">
315
+ <div class="io-description"><p>Callback executed on click instead of navigation.</p>
316
+ </div>
317
+ </td>
318
+ </tr>
319
+ </tbody>
320
+ </table>
321
+ <table class="table table-sm table-bordered">
322
+ <tbody>
323
+ <tr>
324
+ <td class="col-md-4">
325
+ <a name="data"></a>
326
+ <span class="name "><b>data</b>
327
+ <a href="#data">
328
+ <span class="icon ion-ios-link"></span>
329
+ </a>
330
+ </span>
331
+ </td>
332
+ </tr>
333
+ <tr>
334
+ <td class="col-md-4">
335
+ <code>data: <code>unknown</code>
336
+ </code>
337
+ </td>
338
+ </tr>
339
+
340
+
341
+ <tr>
342
+ <td class="col-md-4">
343
+ <i>Type : </i> <code>unknown</code>
344
+
345
+ </td>
346
+ </tr>
347
+
348
+
349
+ <tr>
350
+ <td class="col-md-4">
351
+ <i>Optional</i>
352
+ </td>
353
+ </tr>
354
+
355
+
356
+
357
+
358
+ <tr>
359
+ <td class="col-md-4">
360
+ <div class="io-description"><p>Custom data attached to the item.</p>
361
+ </div>
362
+ </td>
363
+ </tr>
364
+ </tbody>
365
+ </table>
366
+ <table class="table table-sm table-bordered">
367
+ <tbody>
368
+ <tr>
369
+ <td class="col-md-4">
370
+ <a name="icon"></a>
371
+ <span class="name "><b>icon</b>
372
+ <a href="#icon">
373
+ <span class="icon ion-ios-link"></span>
374
+ </a>
375
+ </span>
376
+ </td>
377
+ </tr>
378
+ <tr>
379
+ <td class="col-md-4">
380
+ <code>icon: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
381
+ </code>
382
+ </td>
383
+ </tr>
384
+
385
+
386
+ <tr>
387
+ <td class="col-md-4">
388
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
389
+
390
+ </td>
391
+ </tr>
392
+
393
+
394
+ <tr>
395
+ <td class="col-md-4">
396
+ <i>Optional</i>
397
+ </td>
398
+ </tr>
399
+
400
+
401
+
402
+
403
+ <tr>
404
+ <td class="col-md-4">
405
+ <div class="io-description"><p>Icon name (EDS icon identifier).</p>
406
+ </div>
407
+ </td>
408
+ </tr>
409
+ </tbody>
410
+ </table>
411
+ <table class="table table-sm table-bordered">
412
+ <tbody>
413
+ <tr>
414
+ <td class="col-md-4">
415
+ <a name="isActive"></a>
416
+ <span class="name "><b>isActive</b>
417
+ <a href="#isActive">
418
+ <span class="icon ion-ios-link"></span>
419
+ </a>
420
+ </span>
421
+ </td>
422
+ </tr>
423
+ <tr>
424
+ <td class="col-md-4">
425
+ <code>isActive: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
426
+ </code>
427
+ </td>
428
+ </tr>
429
+
430
+
431
+ <tr>
432
+ <td class="col-md-4">
433
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
434
+
435
+ </td>
436
+ </tr>
437
+
438
+
439
+ <tr>
440
+ <td class="col-md-4">
441
+ <i>Optional</i>
442
+ </td>
443
+ </tr>
444
+
445
+
446
+
447
+
448
+ <tr>
449
+ <td class="col-md-4">
450
+ <div class="io-description"><p>Whether the item is currently active.</p>
451
+ </div>
452
+ </td>
453
+ </tr>
454
+ </tbody>
455
+ </table>
456
+ <table class="table table-sm table-bordered">
457
+ <tbody>
458
+ <tr>
459
+ <td class="col-md-4">
460
+ <a name="isDisabled"></a>
461
+ <span class="name "><b>isDisabled</b>
462
+ <a href="#isDisabled">
463
+ <span class="icon ion-ios-link"></span>
464
+ </a>
465
+ </span>
466
+ </td>
467
+ </tr>
468
+ <tr>
469
+ <td class="col-md-4">
470
+ <code>isDisabled: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
471
+ </code>
472
+ </td>
473
+ </tr>
474
+
475
+
476
+ <tr>
477
+ <td class="col-md-4">
478
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
479
+
480
+ </td>
481
+ </tr>
482
+
483
+
484
+ <tr>
485
+ <td class="col-md-4">
486
+ <i>Optional</i>
487
+ </td>
488
+ </tr>
489
+
490
+
491
+
492
+
493
+ <tr>
494
+ <td class="col-md-4">
495
+ <div class="io-description"><p>Whether the item is disabled.</p>
496
+ </div>
497
+ </td>
498
+ </tr>
499
+ </tbody>
500
+ </table>
501
+ <table class="table table-sm table-bordered">
502
+ <tbody>
503
+ <tr>
504
+ <td class="col-md-4">
505
+ <a name="isExpanded"></a>
506
+ <span class="name "><b>isExpanded</b>
507
+ <a href="#isExpanded">
508
+ <span class="icon ion-ios-link"></span>
509
+ </a>
510
+ </span>
511
+ </td>
512
+ </tr>
513
+ <tr>
514
+ <td class="col-md-4">
515
+ <code>isExpanded: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
516
+ </code>
517
+ </td>
518
+ </tr>
519
+
520
+
521
+ <tr>
522
+ <td class="col-md-4">
523
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
524
+
525
+ </td>
526
+ </tr>
527
+
528
+
529
+ <tr>
530
+ <td class="col-md-4">
531
+ <i>Optional</i>
532
+ </td>
533
+ </tr>
534
+
535
+
536
+
537
+
538
+ <tr>
539
+ <td class="col-md-4">
540
+ <div class="io-description"><p>Whether the item is expanded (for parent items).</p>
541
+ </div>
542
+ </td>
543
+ </tr>
544
+ </tbody>
545
+ </table>
546
+ <table class="table table-sm table-bordered">
547
+ <tbody>
548
+ <tr>
549
+ <td class="col-md-4">
550
+ <a name="label"></a>
551
+ <span class="name "><b>label</b>
552
+ <a href="#label">
553
+ <span class="icon ion-ios-link"></span>
554
+ </a>
555
+ </span>
556
+ </td>
557
+ </tr>
558
+ <tr>
559
+ <td class="col-md-4">
560
+ <code>label: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
561
+ </code>
562
+ </td>
563
+ </tr>
564
+
565
+
566
+ <tr>
567
+ <td class="col-md-4">
568
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
569
+
570
+ </td>
571
+ </tr>
572
+
573
+
574
+
575
+
576
+
577
+
578
+ <tr>
579
+ <td class="col-md-4">
580
+ <div class="io-description"><p>Display label for the menu item.</p>
581
+ </div>
582
+ </td>
583
+ </tr>
584
+ </tbody>
585
+ </table>
586
+ <table class="table table-sm table-bordered">
587
+ <tbody>
588
+ <tr>
589
+ <td class="col-md-4">
590
+ <a name="url"></a>
591
+ <span class="name "><b>url</b>
592
+ <a href="#url">
593
+ <span class="icon ion-ios-link"></span>
594
+ </a>
595
+ </span>
596
+ </td>
597
+ </tr>
598
+ <tr>
599
+ <td class="col-md-4">
600
+ <code>url: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
601
+ </code>
602
+ </td>
603
+ </tr>
604
+
605
+
606
+ <tr>
607
+ <td class="col-md-4">
608
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
609
+
610
+ </td>
611
+ </tr>
612
+
613
+
614
+ <tr>
615
+ <td class="col-md-4">
616
+ <i>Optional</i>
617
+ </td>
618
+ </tr>
619
+
620
+
621
+
622
+
623
+ <tr>
624
+ <td class="col-md-4">
625
+ <div class="io-description"><p>Route URL to navigate to.</p>
626
+ </div>
627
+ </td>
628
+ </tr>
629
+ </tbody>
630
+ </table>
631
+ </section>
632
+ </div>
633
+
634
+
635
+ </div>
636
+
637
+
638
+
639
+
640
+
641
+
642
+
643
+
644
+ </div><div class="search-results">
645
+ <div class="has-results">
646
+ <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
647
+ <ul class="search-results-list"></ul>
648
+ </div>
649
+ <div class="no-results">
650
+ <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
651
+ </div>
652
+ </div>
653
+ </div>
654
+ <!-- END CONTENT -->
655
+ </div>
656
+ </div>
657
+
658
+ <label class="dark-mode-switch">
659
+ <input type="checkbox">
660
+ <span class="slider">
661
+ <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">
662
+ <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
663
+ </svg>
664
+ </span>
665
+ </label>
666
+
667
+ <script>
668
+ var COMPODOC_CURRENT_PAGE_DEPTH = 1;
669
+ var COMPODOC_CURRENT_PAGE_CONTEXT = 'interface';
670
+ var COMPODOC_CURRENT_PAGE_URL = 'EdsMenuItem.html';
671
+ var MAX_SEARCH_RESULTS = 15;
672
+ </script>
673
+
674
+ <script>
675
+ $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
676
+ var updateDarkModeSwitchOffset = function () {
677
+ var content = document.querySelector('.content');
678
+ var scrollbarWidth = 0;
679
+
680
+ if (content) {
681
+ scrollbarWidth = Math.max(0, content.offsetWidth - content.clientWidth);
682
+ }
683
+
684
+ document.documentElement.style.setProperty(
685
+ '--content-scrollbar-width',
686
+ scrollbarWidth + 'px'
687
+ );
688
+ };
689
+
690
+ updateDarkModeSwitchOffset();
691
+ requestAnimationFrame(updateDarkModeSwitchOffset);
692
+ window.addEventListener('resize', updateDarkModeSwitchOffset);
693
+
694
+ checkToggle(darkModeState);
695
+ if ($darkModeToggleSwitchers.length > 0) {
696
+ for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
697
+ $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
698
+ darkModeState = !darkModeState;
699
+ toggleDarkMode(darkModeState);
700
+ });
701
+ }
702
+ }
703
+ </script>
704
+
705
+ <script src="../js/libs/custom-elements.min.js"></script>
706
+ <script src="../js/libs/lit-html.js"></script>
707
+
708
+ <script src="../js/menu-wc.js" defer></script>
709
+
710
+ <script src="../js/libs/bootstrap-native.js"></script>
711
+
712
+ <script src="../js/libs/es6-shim.min.js"></script>
713
+ <script src="../js/libs/EventDispatcher.js"></script>
714
+ <script src="../js/libs/promise.min.js"></script>
715
+
716
+ <script src="../js/compodoc.js"></script>
717
+
718
+ <script src="../js/tabs.js"></script>
719
+ <script src="../js/menu.js"></script>
720
+ <script src="../js/libs/clipboard.min.js"></script>
721
+ <script src="../js/libs/prism.js"></script>
722
+ <script src="../js/sourceCode.js"></script>
723
+ <script src="../js/search/search.js"></script>
724
+ <script src="../js/search/lunr.min.js"></script>
725
+ <script src="../js/search/search-lunr.js"></script>
726
+ <script src="../js/search/search_index.js"></script>
727
+ <script src="../js/lazy-load-graphs.js"></script>
728
+
729
+
730
+ </body>
731
+ </html>