@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/EdsShell.html ADDED
@@ -0,0 +1,1078 @@
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
+ EdsShell</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-shell/eds-shell.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
+ <p class="comment">
142
+ <h3>Implements</h3>
143
+ </p>
144
+ <p class="comment">
145
+ <code><a href="https://angular.dev/api/core/OnInit" target="_blank" >OnInit</a></code>
146
+ <code><a href="https://angular.dev/api/core/OnDestroy" target="_blank" >OnDestroy</a></code>
147
+ </p>
148
+
149
+
150
+ <section data-compodoc="block-metadata">
151
+ <h3>Metadata</h3>
152
+ <table class="table table-sm table-hover metadata">
153
+ <tbody>
154
+
155
+
156
+
157
+
158
+
159
+
160
+
161
+
162
+
163
+
164
+
165
+
166
+ <tr>
167
+ <td class="col-md-3">selector</td>
168
+ <td class="col-md-9"><code>eds-shell</code></td>
169
+ </tr>
170
+
171
+
172
+
173
+ <tr>
174
+ <td class="col-md-3">styleUrls</td>
175
+ <td class="col-md-9"><code>./eds-shell.scss</code></td>
176
+ </tr>
177
+
178
+
179
+
180
+
181
+ <tr>
182
+ <td class="col-md-3">templateUrl</td>
183
+ <td class="col-md-9"><code>./eds-shell.html</code></td>
184
+ </tr>
185
+
186
+
187
+
188
+ <tr>
189
+ <td class="col-md-3">styleUrl</td>
190
+ <td class="col-md-9"><code>./eds-shell.scss</code></td>
191
+ </tr>
192
+
193
+
194
+
195
+
196
+
197
+ </tbody>
198
+ </table>
199
+ </section>
200
+
201
+ <section data-compodoc="block-relationships">
202
+ <h3>Relationships</h3>
203
+
204
+ <div class="row pt-3">
205
+ <div class="col-sm-6">
206
+ <h4>Used by</h4>
207
+ <p class="comment"><i>No results matching.</i></p>
208
+ </div>
209
+
210
+ <div class="col-sm-6">
211
+ <h4>Depends on</h4>
212
+ <ul class="list-unstyled relationships-list">
213
+ <li>
214
+ <code><a href="https://angular.dev/api/core/OnInit" target="_blank" >OnInit</a></code>
215
+ </li>
216
+ <li>
217
+ <code><a href="https://angular.dev/api/core/OnDestroy" target="_blank" >OnDestroy</a></code>
218
+ </li>
219
+ </ul>
220
+ </div>
221
+ </div>
222
+ </section>
223
+ </div>
224
+
225
+ <div class="tab-pane fade " id="api"> <section data-compodoc="block-index">
226
+ <h3 id="index">Index</h3>
227
+ <table class="table table-sm table-bordered index-table">
228
+ <tbody>
229
+ <tr>
230
+ <td class="col-md-3">
231
+ <h6><b>Properties</b></h6>
232
+ </td>
233
+ <td class="col-md-9">
234
+ <ul class="index-list">
235
+ <li>
236
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
237
+ <a href="#hasSidebar" >hasSidebar</a>
238
+ </li>
239
+ <li>
240
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
241
+ <a href="#isHeaderHidden" >isHeaderHidden</a>
242
+ </li>
243
+ <li>
244
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
245
+ <a href="#isOpen" >isOpen</a>
246
+ </li>
247
+ <li>
248
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
249
+ <a href="#isOverlay" >isOverlay</a>
250
+ </li>
251
+ <li>
252
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
253
+ <a href="#isSidebarCollapsed" >isSidebarCollapsed</a>
254
+ </li>
255
+ <li>
256
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
257
+ <a href="#isSidebarCollapsedWithLabels" >isSidebarCollapsedWithLabels</a>
258
+ </li>
259
+ <li>
260
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
261
+ <a href="#sidebarClasses" >sidebarClasses</a>
262
+ </li>
263
+ </ul>
264
+ </td>
265
+ </tr>
266
+ </tbody>
267
+ </table>
268
+
269
+ <table class="table table-sm table-bordered index-table">
270
+ <tbody>
271
+ <tr>
272
+ <td class="col-md-3">
273
+ <h6><b>Methods</b></h6>
274
+ </td>
275
+ <td class="col-md-9">
276
+ <ul class="index-list">
277
+ <li>
278
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
279
+ <a href="#closeSidebar" >closeSidebar</a>
280
+ </li>
281
+ <li>
282
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
283
+ <span class="modifier"></span>
284
+ <a href="#onKeydown" >onKeydown</a>
285
+ </li>
286
+ <li>
287
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
288
+ <span class="modifier"></span>
289
+ <a href="#onResize" >onResize</a>
290
+ </li>
291
+ <li>
292
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
293
+ <a href="#onScroll" >onScroll</a>
294
+ </li>
295
+ <li>
296
+ <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
297
+ <a href="#toggleSidebar" >toggleSidebar</a>
298
+ </li>
299
+ </ul>
300
+ </td>
301
+ </tr>
302
+ </tbody>
303
+ </table>
304
+
305
+ <table class="table table-sm table-bordered index-table">
306
+ <tbody>
307
+ <tr>
308
+ <td class="col-md-3">
309
+ <h6><b>Inputs</b></h6>
310
+ </td>
311
+ <td class="col-md-9">
312
+ <ul class="index-list">
313
+ <li>
314
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#sidebarOpen" >sidebarOpen</a>
315
+ </li>
316
+ </ul>
317
+ </td>
318
+ </tr>
319
+ </tbody>
320
+ </table>
321
+
322
+ <table class="table table-sm table-bordered index-table">
323
+ <tbody>
324
+ <tr>
325
+ <td class="col-md-3">
326
+ <h6><b>Outputs</b></h6>
327
+ </td>
328
+ <td class="col-md-9">
329
+ <ul class="index-list">
330
+ <li>
331
+ <span class="reference-badge reference-badge--property" aria-hidden="true">O</span><a href="#sidebarOpenChange" >sidebarOpenChange</a>
332
+ </li>
333
+ </ul>
334
+ </td>
335
+ </tr>
336
+ </tbody>
337
+ </table>
338
+
339
+
340
+ <table class="table table-sm table-bordered index-table">
341
+ <tbody>
342
+ <tr>
343
+ <td class="col-md-3">
344
+ <h6><b>HostListeners</b></h6>
345
+ </td>
346
+ <td class="col-md-9">
347
+ <ul class="index-list">
348
+ <li>
349
+ <span class="reference-badge reference-badge--method" aria-hidden="true">HL</span><a href="#window:keydown" >window:keydown</a>
350
+ </li>
351
+ <li>
352
+ <span class="reference-badge reference-badge--method" aria-hidden="true">HL</span><a href="#window:resize" >window:resize</a>
353
+ </li>
354
+ </ul>
355
+ </td>
356
+ </tr>
357
+ </tbody>
358
+ </table>
359
+
360
+ </section>
361
+
362
+
363
+ <section data-compodoc="block-inputs">
364
+ <h3 id="inputs">Inputs</h3>
365
+ <table class="table table-sm table-bordered">
366
+ <tbody>
367
+ <tr>
368
+ <td class="col-md-4">
369
+ <a name="sidebarOpen"></a>
370
+ <b>sidebarOpen</b>
371
+ </td>
372
+ </tr>
373
+ <tr>
374
+ <td class="col-md-4">
375
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
376
+
377
+ </td>
378
+ </tr>
379
+ <tr>
380
+ <td class="col-md-4">
381
+ <i>Default value : </i><code>true</code>
382
+ </td>
383
+ </tr>
384
+ <tr>
385
+ <td class="col-md-4">
386
+ <div class="io-description"><p>Whether the sidebar starts open on desktop.</p>
387
+ </div>
388
+ </td>
389
+ </tr>
390
+ </tbody>
391
+ </table>
392
+ </section>
393
+
394
+ <section data-compodoc="block-outputs">
395
+ <h3 id="outputs">Outputs</h3>
396
+ <table class="table table-sm table-bordered">
397
+ <tbody>
398
+ <tr>
399
+ <td class="col-md-4">
400
+ <a name="sidebarOpenChange"></a>
401
+ <b>sidebarOpenChange</b>
402
+ </td>
403
+ </tr>
404
+ <tr>
405
+ <td class="col-md-4">
406
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
407
+
408
+ </td>
409
+ </tr>
410
+ <tr>
411
+ <td class="col-md-4">
412
+ <div class="io-description"><p>Emits when sidebar open state changes.</p>
413
+ </div>
414
+ </td>
415
+ </tr>
416
+ </tbody>
417
+ </table>
418
+ </section>
419
+
420
+
421
+ <section data-compodoc="block-methods">
422
+ <h3>HostListeners</h3> <table class="table table-sm table-bordered">
423
+ <tbody>
424
+ <tr>
425
+ <td class="col-md-4">
426
+ <a name="window:keydown"></a>
427
+ <span class="name">
428
+ <span ><b>window:keydown</b></span>
429
+ <a href="#window:keydown"><span class="icon ion-ios-link"></span></a>
430
+ </span>
431
+ </td>
432
+ </tr>
433
+ <tr>
434
+ <td class="col-md-4">
435
+ <i>Arguments : </i><code>'$event' </code>
436
+ </td>
437
+ </tr>
438
+ <tr>
439
+ <td class="col-md-4">
440
+ <code>window:keydown(event: KeyboardEvent)</code>
441
+ </td>
442
+ </tr>
443
+
444
+
445
+
446
+
447
+ </tbody>
448
+ </table>
449
+ <table class="table table-sm table-bordered">
450
+ <tbody>
451
+ <tr>
452
+ <td class="col-md-4">
453
+ <a name="window:resize"></a>
454
+ <span class="name">
455
+ <span ><b>window:resize</b></span>
456
+ <a href="#window:resize"><span class="icon ion-ios-link"></span></a>
457
+ </span>
458
+ </td>
459
+ </tr>
460
+ <tr>
461
+ <td class="col-md-4">
462
+ <code>window:resize()</code>
463
+ </td>
464
+ </tr>
465
+
466
+
467
+
468
+
469
+ </tbody>
470
+ </table>
471
+ </section>
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="closeSidebar"></a>
483
+ <span class="name">
484
+ <span ><b>closeSidebar</b></span>
485
+ <a href="#closeSidebar"><span class="icon ion-ios-link"></span></a>
486
+ </span>
487
+ </td>
488
+ </tr>
489
+ <tr>
490
+ <td class="col-md-4">
491
+ <code>closeSidebar()</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>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
503
+
504
+ </div>
505
+ </td>
506
+ </tr>
507
+ </tbody>
508
+ </table>
509
+ <table class="table table-sm table-bordered">
510
+ <tbody>
511
+ <tr>
512
+ <td class="col-md-4">
513
+ <a name="onKeydown"></a>
514
+ <span class="name">
515
+ <span class="modifier"></span>
516
+ <span ><b>onKeydown</b></span>
517
+ <a href="#onKeydown"><span class="icon ion-ios-link"></span></a>
518
+ </span>
519
+ </td>
520
+ </tr>
521
+ <tr>
522
+ <td class="col-md-4">
523
+ <span class="modifier-icon icon ion-ios-reset"></span>
524
+ <code>onKeydown(event: KeyboardEvent)</code>
525
+ </td>
526
+ </tr>
527
+
528
+ <tr>
529
+ <td class="col-md-4">
530
+ <b>Decorators : </b>
531
+ <br />
532
+ <code>@HostListener(&#x27;window:keydown&#x27;, [&#x27;$event&#x27;])<br /></code>
533
+ </td>
534
+ </tr>
535
+
536
+
537
+
538
+ <tr>
539
+ <td class="col-md-4">
540
+
541
+ <div class="io-description">
542
+ <b>Parameters :</b>
543
+
544
+ <table class="params">
545
+ <thead>
546
+ <tr>
547
+ <td>Name</td>
548
+ <td>Type</td>
549
+ <td>Optional</td>
550
+ </tr>
551
+ </thead>
552
+ <tbody>
553
+ <tr>
554
+ <td>event</td>
555
+ <td>
556
+ <code>KeyboardEvent</code>
557
+ </td>
558
+
559
+ <td>
560
+ No
561
+ </td>
562
+
563
+
564
+ </tr>
565
+ </tbody>
566
+ </table>
567
+ </div>
568
+ <div class="io-description">
569
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
570
+
571
+ </div>
572
+ <div class="io-description">
573
+
574
+ </div>
575
+ </td>
576
+ </tr>
577
+ </tbody>
578
+ </table>
579
+ <table class="table table-sm table-bordered">
580
+ <tbody>
581
+ <tr>
582
+ <td class="col-md-4">
583
+ <a name="onResize"></a>
584
+ <span class="name">
585
+ <span class="modifier"></span>
586
+ <span ><b>onResize</b></span>
587
+ <a href="#onResize"><span class="icon ion-ios-link"></span></a>
588
+ </span>
589
+ </td>
590
+ </tr>
591
+ <tr>
592
+ <td class="col-md-4">
593
+ <span class="modifier-icon icon ion-ios-reset"></span>
594
+ <code>onResize()</code>
595
+ </td>
596
+ </tr>
597
+
598
+ <tr>
599
+ <td class="col-md-4">
600
+ <b>Decorators : </b>
601
+ <br />
602
+ <code>@HostListener(&#x27;window:resize&#x27;)<br /></code>
603
+ </td>
604
+ </tr>
605
+
606
+
607
+
608
+ <tr>
609
+ <td class="col-md-4">
610
+
611
+ <div class="io-description">
612
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
613
+
614
+ </div>
615
+ </td>
616
+ </tr>
617
+ </tbody>
618
+ </table>
619
+ <table class="table table-sm table-bordered">
620
+ <tbody>
621
+ <tr>
622
+ <td class="col-md-4">
623
+ <a name="onScroll"></a>
624
+ <span class="name">
625
+ <span ><b>onScroll</b></span>
626
+ <a href="#onScroll"><span class="icon ion-ios-link"></span></a>
627
+ </span>
628
+ </td>
629
+ </tr>
630
+ <tr>
631
+ <td class="col-md-4">
632
+ <code>onScroll(event: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
633
+ </td>
634
+ </tr>
635
+
636
+
637
+
638
+
639
+ <tr>
640
+ <td class="col-md-4">
641
+
642
+ <div class="io-description">
643
+ <b>Parameters :</b>
644
+
645
+ <table class="params">
646
+ <thead>
647
+ <tr>
648
+ <td>Name</td>
649
+ <td>Type</td>
650
+ <td>Optional</td>
651
+ </tr>
652
+ </thead>
653
+ <tbody>
654
+ <tr>
655
+ <td>event</td>
656
+ <td>
657
+ <code><a href="https://angular.dev/api/router/Event" target="_blank" >Event</a></code>
658
+ </td>
659
+
660
+ <td>
661
+ No
662
+ </td>
663
+
664
+
665
+ </tr>
666
+ </tbody>
667
+ </table>
668
+ </div>
669
+ <div class="io-description">
670
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
671
+
672
+ </div>
673
+ <div class="io-description">
674
+
675
+ </div>
676
+ </td>
677
+ </tr>
678
+ </tbody>
679
+ </table>
680
+ <table class="table table-sm table-bordered">
681
+ <tbody>
682
+ <tr>
683
+ <td class="col-md-4">
684
+ <a name="toggleSidebar"></a>
685
+ <span class="name">
686
+ <span ><b>toggleSidebar</b></span>
687
+ <a href="#toggleSidebar"><span class="icon ion-ios-link"></span></a>
688
+ </span>
689
+ </td>
690
+ </tr>
691
+ <tr>
692
+ <td class="col-md-4">
693
+ <code>toggleSidebar()</code>
694
+ </td>
695
+ </tr>
696
+
697
+
698
+
699
+
700
+ <tr>
701
+ <td class="col-md-4">
702
+
703
+ <div class="io-description">
704
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
705
+
706
+ </div>
707
+ </td>
708
+ </tr>
709
+ </tbody>
710
+ </table>
711
+ </section>
712
+
713
+ <section data-compodoc="block-properties">
714
+
715
+ <h3 id="inputs">
716
+ Properties
717
+ </h3>
718
+ <table class="table table-sm table-bordered">
719
+ <tbody>
720
+ <tr>
721
+ <td class="col-md-4">
722
+ <a name="hasSidebar"></a>
723
+ <span class="name">
724
+ <span ><b>hasSidebar</b></span>
725
+ <a href="#hasSidebar"><span class="icon ion-ios-link"></span></a>
726
+ </span>
727
+ </td>
728
+ </tr>
729
+ <tr>
730
+ <td class="col-md-4">
731
+ <i>Type : </i> <code>unknown</code>
732
+
733
+ </td>
734
+ </tr>
735
+ <tr>
736
+ <td class="col-md-4">
737
+ <i>Default value : </i><code>computed(() &#x3D;&gt; !!this.sidebarChild())</code>
738
+ </td>
739
+ </tr>
740
+
741
+ <tr>
742
+ <td class="col-md-4">
743
+ <div class="io-description"><p>Whether a sidebar is projected.</p>
744
+ </div>
745
+ </td>
746
+ </tr>
747
+
748
+ </tbody>
749
+ </table>
750
+ <table class="table table-sm table-bordered">
751
+ <tbody>
752
+ <tr>
753
+ <td class="col-md-4">
754
+ <a name="isHeaderHidden"></a>
755
+ <span class="name">
756
+ <span ><b>isHeaderHidden</b></span>
757
+ <a href="#isHeaderHidden"><span class="icon ion-ios-link"></span></a>
758
+ </span>
759
+ </td>
760
+ </tr>
761
+ <tr>
762
+ <td class="col-md-4">
763
+ <i>Type : </i> <code>unknown</code>
764
+
765
+ </td>
766
+ </tr>
767
+ <tr>
768
+ <td class="col-md-4">
769
+ <i>Default value : </i><code>signal(false)</code>
770
+ </td>
771
+ </tr>
772
+
773
+ <tr>
774
+ <td class="col-md-4">
775
+ <div class="io-description"><p>Whether the header is hidden due to scroll.</p>
776
+ </div>
777
+ </td>
778
+ </tr>
779
+
780
+ </tbody>
781
+ </table>
782
+ <table class="table table-sm table-bordered">
783
+ <tbody>
784
+ <tr>
785
+ <td class="col-md-4">
786
+ <a name="isOpen"></a>
787
+ <span class="name">
788
+ <span ><b>isOpen</b></span>
789
+ <a href="#isOpen"><span class="icon ion-ios-link"></span></a>
790
+ </span>
791
+ </td>
792
+ </tr>
793
+ <tr>
794
+ <td class="col-md-4">
795
+ <i>Type : </i> <code>unknown</code>
796
+
797
+ </td>
798
+ </tr>
799
+ <tr>
800
+ <td class="col-md-4">
801
+ <i>Default value : </i><code>signal(window.innerWidth &gt; BREAKPOINT)</code>
802
+ </td>
803
+ </tr>
804
+
805
+ <tr>
806
+ <td class="col-md-4">
807
+ <div class="io-description"><p>Internal open state signal.</p>
808
+ </div>
809
+ </td>
810
+ </tr>
811
+
812
+ </tbody>
813
+ </table>
814
+ <table class="table table-sm table-bordered">
815
+ <tbody>
816
+ <tr>
817
+ <td class="col-md-4">
818
+ <a name="isOverlay"></a>
819
+ <span class="name">
820
+ <span ><b>isOverlay</b></span>
821
+ <a href="#isOverlay"><span class="icon ion-ios-link"></span></a>
822
+ </span>
823
+ </td>
824
+ </tr>
825
+ <tr>
826
+ <td class="col-md-4">
827
+ <i>Type : </i> <code>unknown</code>
828
+
829
+ </td>
830
+ </tr>
831
+ <tr>
832
+ <td class="col-md-4">
833
+ <i>Default value : </i><code>signal(window.innerWidth &lt;&#x3D; BREAKPOINT)</code>
834
+ </td>
835
+ </tr>
836
+
837
+ <tr>
838
+ <td class="col-md-4">
839
+ <div class="io-description"><p>Whether we&#39;re in overlay mode (tablet/mobile).</p>
840
+ </div>
841
+ </td>
842
+ </tr>
843
+
844
+ </tbody>
845
+ </table>
846
+ <table class="table table-sm table-bordered">
847
+ <tbody>
848
+ <tr>
849
+ <td class="col-md-4">
850
+ <a name="isSidebarCollapsed"></a>
851
+ <span class="name">
852
+ <span ><b>isSidebarCollapsed</b></span>
853
+ <a href="#isSidebarCollapsed"><span class="icon ion-ios-link"></span></a>
854
+ </span>
855
+ </td>
856
+ </tr>
857
+ <tr>
858
+ <td class="col-md-4">
859
+ <i>Type : </i> <code>unknown</code>
860
+
861
+ </td>
862
+ </tr>
863
+ <tr>
864
+ <td class="col-md-4">
865
+ <i>Default value : </i><code>computed(() &#x3D;&gt; !this.isOpen() &amp;&amp; !this.isOverlay())</code>
866
+ </td>
867
+ </tr>
868
+
869
+ <tr>
870
+ <td class="col-md-4">
871
+ <div class="io-description"><p>Whether the sidebar nav should render in collapsed/icon-only mode.</p>
872
+ </div>
873
+ </td>
874
+ </tr>
875
+
876
+ </tbody>
877
+ </table>
878
+ <table class="table table-sm table-bordered">
879
+ <tbody>
880
+ <tr>
881
+ <td class="col-md-4">
882
+ <a name="isSidebarCollapsedWithLabels"></a>
883
+ <span class="name">
884
+ <span ><b>isSidebarCollapsedWithLabels</b></span>
885
+ <a href="#isSidebarCollapsedWithLabels"><span class="icon ion-ios-link"></span></a>
886
+ </span>
887
+ </td>
888
+ </tr>
889
+ <tr>
890
+ <td class="col-md-4">
891
+ <i>Type : </i> <code>unknown</code>
892
+
893
+ </td>
894
+ </tr>
895
+ <tr>
896
+ <td class="col-md-4">
897
+ <i>Default value : </i><code>computed(() &#x3D;&gt;
898
+ !this.isOpen() &amp;&amp; !this.isOverlay() &amp;&amp; this.collapseMode() &#x3D;&#x3D;&#x3D; &#x27;icons-labels&#x27;,
899
+ )</code>
900
+ </td>
901
+ </tr>
902
+
903
+ <tr>
904
+ <td class="col-md-4">
905
+ <div class="io-description"><p>Whether collapsed mode should show labels under icons.</p>
906
+ </div>
907
+ </td>
908
+ </tr>
909
+
910
+ </tbody>
911
+ </table>
912
+ <table class="table table-sm table-bordered">
913
+ <tbody>
914
+ <tr>
915
+ <td class="col-md-4">
916
+ <a name="sidebarClasses"></a>
917
+ <span class="name">
918
+ <span ><b>sidebarClasses</b></span>
919
+ <a href="#sidebarClasses"><span class="icon ion-ios-link"></span></a>
920
+ </span>
921
+ </td>
922
+ </tr>
923
+ <tr>
924
+ <td class="col-md-4">
925
+ <i>Type : </i> <code>unknown</code>
926
+
927
+ </td>
928
+ </tr>
929
+ <tr>
930
+ <td class="col-md-4">
931
+ <i>Default value : </i><code>computed(() &#x3D;&gt; {
932
+ const overlay &#x3D; this.isOverlay();
933
+ const open &#x3D; this.isOpen();
934
+ const mode &#x3D; this.collapseMode();
935
+
936
+ if (overlay) {
937
+ return { open, collapsed: false, collapsedIcons: false, collapsedIconsLabels: false };
938
+ }
939
+ return {
940
+ open: false,
941
+ collapsed: !open &amp;&amp; mode &#x3D;&#x3D;&#x3D; &#x27;hidden&#x27;,
942
+ collapsedIcons: !open &amp;&amp; mode &#x3D;&#x3D;&#x3D; &#x27;icons&#x27;,
943
+ collapsedIconsLabels: !open &amp;&amp; mode &#x3D;&#x3D;&#x3D; &#x27;icons-labels&#x27;,
944
+ };
945
+ })</code>
946
+ </td>
947
+ </tr>
948
+
949
+
950
+ </tbody>
951
+ </table>
952
+ </section>
953
+
954
+ </div>
955
+
956
+
957
+
958
+
959
+
960
+
961
+
962
+ </div>
963
+
964
+ <script src="../js/libs/vis-network.min.js"></script>
965
+ <script src="../js/libs/htmlparser.js"></script>
966
+ <script src="../js/libs/deep-iterator.js"></script>
967
+ <script>
968
+ var COMPONENT_TEMPLATE = '<div><!-- Top message slot (above header/toolbar) --><ng-content select="eds-shell-top-message"></ng-content><!-- Header slot (branding bar — collapses on scroll) --><div class="header-wrapper" [class.header-hidden]="isHeaderHidden()"> <ng-content select="eds-shell-header"></ng-content></div><!-- Toolbar slot (navigation bar) --><ng-content select="eds-shell-toolbar"></ng-content><!-- Content area: sidebar + main + footer --><div class="content-area"> <!-- Sidebar slot (only rendered if eds-shell-sidebar is projected) --> @if (hasSidebar()) { <!-- Overlay backdrop for tablet/mobile --> @if (isOverlay()) { <div class="sidebar-overlay" [class.visible]="isOpen()" (click)="closeSidebar()"> </div> } <aside class="sidebar" [class.collapsed]="sidebarClasses().collapsed" [class.collapsed-icons]="sidebarClasses().collapsedIcons" [class.collapsed-icons-labels]="sidebarClasses().collapsedIconsLabels" [class.open]="sidebarClasses().open" [class.overlay-mode]="isOverlay()"> <ng-content select="eds-shell-sidebar"></ng-content> </aside> } <!-- Main content + footer wrapper (scrollable) --> <div class="main-area" (scroll)="onScroll($event)"> <ng-content select="eds-shell-content"></ng-content> <ng-content select="eds-shell-footer"></ng-content> </div></div></div>'
969
+ 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'}];
970
+ var DIRECTIVES = [{'name': 'EdsBaseColorVariantsDirective', 'selector': '[edsBaseColorVariants]'},{'name': 'EdsBaseSizeVariantsDirective', 'selector': '[edsBaseSizeVariants]'},{'name': 'EdsResizable', 'selector': '[edsResizable]'},{'name': 'EdsTooltip', 'selector': '[edsTooltip]'}];
971
+ var ACTUAL_COMPONENT = {'name': 'EdsShell'};
972
+ </script>
973
+ <script src="../js/tree.js"></script>
974
+
975
+
976
+
977
+
978
+
979
+
980
+
981
+
982
+
983
+
984
+
985
+
986
+
987
+
988
+
989
+
990
+
991
+ </div><div class="search-results">
992
+ <div class="has-results">
993
+ <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
994
+ <ul class="search-results-list"></ul>
995
+ </div>
996
+ <div class="no-results">
997
+ <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
998
+ </div>
999
+ </div>
1000
+ </div>
1001
+ <!-- END CONTENT -->
1002
+ </div>
1003
+ </div>
1004
+
1005
+ <label class="dark-mode-switch">
1006
+ <input type="checkbox">
1007
+ <span class="slider">
1008
+ <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">
1009
+ <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
1010
+ </svg>
1011
+ </span>
1012
+ </label>
1013
+
1014
+ <script>
1015
+ var COMPODOC_CURRENT_PAGE_DEPTH = 1;
1016
+ var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
1017
+ var COMPODOC_CURRENT_PAGE_URL = 'EdsShell.html';
1018
+ var MAX_SEARCH_RESULTS = 15;
1019
+ </script>
1020
+
1021
+ <script>
1022
+ $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
1023
+ var updateDarkModeSwitchOffset = function () {
1024
+ var content = document.querySelector('.content');
1025
+ var scrollbarWidth = 0;
1026
+
1027
+ if (content) {
1028
+ scrollbarWidth = Math.max(0, content.offsetWidth - content.clientWidth);
1029
+ }
1030
+
1031
+ document.documentElement.style.setProperty(
1032
+ '--content-scrollbar-width',
1033
+ scrollbarWidth + 'px'
1034
+ );
1035
+ };
1036
+
1037
+ updateDarkModeSwitchOffset();
1038
+ requestAnimationFrame(updateDarkModeSwitchOffset);
1039
+ window.addEventListener('resize', updateDarkModeSwitchOffset);
1040
+
1041
+ checkToggle(darkModeState);
1042
+ if ($darkModeToggleSwitchers.length > 0) {
1043
+ for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
1044
+ $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
1045
+ darkModeState = !darkModeState;
1046
+ toggleDarkMode(darkModeState);
1047
+ });
1048
+ }
1049
+ }
1050
+ </script>
1051
+
1052
+ <script src="../js/libs/custom-elements.min.js"></script>
1053
+ <script src="../js/libs/lit-html.js"></script>
1054
+
1055
+ <script src="../js/menu-wc.js" defer></script>
1056
+
1057
+ <script src="../js/libs/bootstrap-native.js"></script>
1058
+
1059
+ <script src="../js/libs/es6-shim.min.js"></script>
1060
+ <script src="../js/libs/EventDispatcher.js"></script>
1061
+ <script src="../js/libs/promise.min.js"></script>
1062
+
1063
+ <script src="../js/compodoc.js"></script>
1064
+
1065
+ <script src="../js/tabs.js"></script>
1066
+ <script src="../js/menu.js"></script>
1067
+ <script src="../js/libs/clipboard.min.js"></script>
1068
+ <script src="../js/libs/prism.js"></script>
1069
+ <script src="../js/sourceCode.js"></script>
1070
+ <script src="../js/search/search.js"></script>
1071
+ <script src="../js/search/lunr.min.js"></script>
1072
+ <script src="../js/search/search-lunr.js"></script>
1073
+ <script src="../js/search/search_index.js"></script>
1074
+ <script src="../js/lazy-load-graphs.js"></script>
1075
+
1076
+
1077
+ </body>
1078
+ </html>