@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
@@ -0,0 +1,561 @@
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
+ EdsShellHeaderLogo</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-header-logo.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-shell-header-logo</code></td>
162
+ </tr>
163
+
164
+
165
+
166
+ <tr>
167
+ <td class="col-md-3">styleUrls</td>
168
+ <td class="col-md-9"><code>./eds-shell-header-logo.scss</code></td>
169
+ </tr>
170
+
171
+
172
+
173
+
174
+ <tr>
175
+ <td class="col-md-3">templateUrl</td>
176
+ <td class="col-md-9"><code>./eds-shell-header-logo.html</code></td>
177
+ </tr>
178
+
179
+
180
+
181
+ <tr>
182
+ <td class="col-md-3">styleUrl</td>
183
+ <td class="col-md-9"><code>./eds-shell-header-logo.scss</code></td>
184
+ </tr>
185
+
186
+
187
+
188
+
189
+
190
+ </tbody>
191
+ </table>
192
+ </section>
193
+
194
+ </div>
195
+
196
+ <div class="tab-pane fade " id="api"> <section data-compodoc="block-index">
197
+ <h3 id="index">Index</h3>
198
+ <table class="table table-sm table-bordered index-table">
199
+ <tbody>
200
+ <tr>
201
+ <td class="col-md-3">
202
+ <h6><b>Properties</b></h6>
203
+ </td>
204
+ <td class="col-md-9">
205
+ <ul class="index-list">
206
+ <li>
207
+ <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
208
+ <a href="#resolvedLogoUrl" >resolvedLogoUrl</a>
209
+ </li>
210
+ </ul>
211
+ </td>
212
+ </tr>
213
+ </tbody>
214
+ </table>
215
+
216
+
217
+ <table class="table table-sm table-bordered index-table">
218
+ <tbody>
219
+ <tr>
220
+ <td class="col-md-3">
221
+ <h6><b>Inputs</b></h6>
222
+ </td>
223
+ <td class="col-md-9">
224
+ <ul class="index-list">
225
+ <li>
226
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#homeUrl" >homeUrl</a>
227
+ </li>
228
+ <li>
229
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#language" >language</a>
230
+ </li>
231
+ <li>
232
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#logoHeight" >logoHeight</a>
233
+ </li>
234
+ <li>
235
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#logoUrl" >logoUrl</a>
236
+ </li>
237
+ <li>
238
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#logoWidth" >logoWidth</a>
239
+ </li>
240
+ </ul>
241
+ </td>
242
+ </tr>
243
+ </tbody>
244
+ </table>
245
+
246
+
247
+
248
+
249
+ </section>
250
+
251
+
252
+ <section data-compodoc="block-inputs">
253
+ <h3 id="inputs">Inputs</h3>
254
+ <table class="table table-sm table-bordered">
255
+ <tbody>
256
+ <tr>
257
+ <td class="col-md-4">
258
+ <a name="homeUrl"></a>
259
+ <b>homeUrl</b>
260
+ </td>
261
+ </tr>
262
+ <tr>
263
+ <td class="col-md-4">
264
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
265
+
266
+ </td>
267
+ </tr>
268
+ <tr>
269
+ <td class="col-md-4">
270
+ <i>Default value : </i><code>&#x27;/&#x27;</code>
271
+ </td>
272
+ </tr>
273
+ <tr>
274
+ <td class="col-md-4">
275
+ <div class="io-description"><p>Route to navigate on logo click.</p>
276
+ </div>
277
+ </td>
278
+ </tr>
279
+ </tbody>
280
+ </table>
281
+ <table class="table table-sm table-bordered">
282
+ <tbody>
283
+ <tr>
284
+ <td class="col-md-4">
285
+ <a name="language"></a>
286
+ <b>language</b>
287
+ </td>
288
+ </tr>
289
+ <tr>
290
+ <td class="col-md-4">
291
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
292
+
293
+ </td>
294
+ </tr>
295
+ <tr>
296
+ <td class="col-md-4">
297
+ <i>Default value : </i><code>&#x27;en&#x27;</code>
298
+ </td>
299
+ </tr>
300
+ <tr>
301
+ <td class="col-md-4">
302
+ <div class="io-description"><p>Current language code (used to resolve the EC logo variant). Default: &#39;en&#39;.</p>
303
+ </div>
304
+ </td>
305
+ </tr>
306
+ </tbody>
307
+ </table>
308
+ <table class="table table-sm table-bordered">
309
+ <tbody>
310
+ <tr>
311
+ <td class="col-md-4">
312
+ <a name="logoHeight"></a>
313
+ <b>logoHeight</b>
314
+ </td>
315
+ </tr>
316
+ <tr>
317
+ <td class="col-md-4">
318
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
319
+
320
+ </td>
321
+ </tr>
322
+ <tr>
323
+ <td class="col-md-4">
324
+ <i>Default value : </i><code>&#x27;56px&#x27;</code>
325
+ </td>
326
+ </tr>
327
+ <tr>
328
+ <td class="col-md-4">
329
+ <div class="io-description"><p>Logo height CSS value.</p>
330
+ </div>
331
+ </td>
332
+ </tr>
333
+ </tbody>
334
+ </table>
335
+ <table class="table table-sm table-bordered">
336
+ <tbody>
337
+ <tr>
338
+ <td class="col-md-4">
339
+ <a name="logoUrl"></a>
340
+ <b>logoUrl</b>
341
+ </td>
342
+ </tr>
343
+ <tr>
344
+ <td class="col-md-4">
345
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
346
+
347
+ </td>
348
+ </tr>
349
+ <tr>
350
+ <td class="col-md-4">
351
+ <i>Default value : </i><code>&#x27;&#x27;</code>
352
+ </td>
353
+ </tr>
354
+ <tr>
355
+ <td class="col-md-4">
356
+ <div class="io-description"><p>Custom logo URL. If not provided, uses the EC logo for the given language.</p>
357
+ </div>
358
+ </td>
359
+ </tr>
360
+ </tbody>
361
+ </table>
362
+ <table class="table table-sm table-bordered">
363
+ <tbody>
364
+ <tr>
365
+ <td class="col-md-4">
366
+ <a name="logoWidth"></a>
367
+ <b>logoWidth</b>
368
+ </td>
369
+ </tr>
370
+ <tr>
371
+ <td class="col-md-4">
372
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
373
+
374
+ </td>
375
+ </tr>
376
+ <tr>
377
+ <td class="col-md-4">
378
+ <i>Default value : </i><code>&#x27;auto&#x27;</code>
379
+ </td>
380
+ </tr>
381
+ <tr>
382
+ <td class="col-md-4">
383
+ <div class="io-description"><p>Logo width CSS value.</p>
384
+ </div>
385
+ </td>
386
+ </tr>
387
+ </tbody>
388
+ </table>
389
+ </section>
390
+
391
+
392
+
393
+
394
+
395
+ <section data-compodoc="block-properties">
396
+
397
+ <h3 id="inputs">
398
+ Properties
399
+ </h3>
400
+ <table class="table table-sm table-bordered">
401
+ <tbody>
402
+ <tr>
403
+ <td class="col-md-4">
404
+ <a name="resolvedLogoUrl"></a>
405
+ <span class="name">
406
+ <span ><b>resolvedLogoUrl</b></span>
407
+ <a href="#resolvedLogoUrl"><span class="icon ion-ios-link"></span></a>
408
+ </span>
409
+ </td>
410
+ </tr>
411
+ <tr>
412
+ <td class="col-md-4">
413
+ <i>Type : </i> <code>unknown</code>
414
+
415
+ </td>
416
+ </tr>
417
+ <tr>
418
+ <td class="col-md-4">
419
+ <i>Default value : </i><code>computed(() &#x3D;&gt; {
420
+ if (this.logoUrl()) return this.logoUrl();
421
+ return &#x60;assets/logos/ec/positive/logo-ec--${this.language()}.svg&#x60;;
422
+ })</code>
423
+ </td>
424
+ </tr>
425
+
426
+ <tr>
427
+ <td class="col-md-4">
428
+ <div class="io-description"><p>Resolved logo URL — custom or language-based EC logo.</p>
429
+ </div>
430
+ </td>
431
+ </tr>
432
+
433
+ </tbody>
434
+ </table>
435
+ </section>
436
+
437
+ </div>
438
+
439
+
440
+
441
+
442
+
443
+
444
+
445
+ </div>
446
+
447
+ <script src="../js/libs/vis-network.min.js"></script>
448
+ <script src="../js/libs/htmlparser.js"></script>
449
+ <script src="../js/libs/deep-iterator.js"></script>
450
+ <script>
451
+ var COMPONENT_TEMPLATE = '<div><a [attr.href]="homeUrl()" class="logo-link"> <img [src]="resolvedLogoUrl()" [style.height]="logoHeight()" [style.width]="logoWidth()" alt="European Commission - Home" /></a><ng-content></ng-content></div>'
452
+ 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'}];
453
+ var DIRECTIVES = [{'name': 'EdsBaseColorVariantsDirective', 'selector': '[edsBaseColorVariants]'},{'name': 'EdsBaseSizeVariantsDirective', 'selector': '[edsBaseSizeVariants]'},{'name': 'EdsResizable', 'selector': '[edsResizable]'},{'name': 'EdsTooltip', 'selector': '[edsTooltip]'}];
454
+ var ACTUAL_COMPONENT = {'name': 'EdsShellHeaderLogo'};
455
+ </script>
456
+ <script src="../js/tree.js"></script>
457
+
458
+
459
+
460
+
461
+
462
+
463
+
464
+
465
+
466
+
467
+
468
+
469
+
470
+
471
+
472
+
473
+
474
+ </div><div class="search-results">
475
+ <div class="has-results">
476
+ <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
477
+ <ul class="search-results-list"></ul>
478
+ </div>
479
+ <div class="no-results">
480
+ <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
481
+ </div>
482
+ </div>
483
+ </div>
484
+ <!-- END CONTENT -->
485
+ </div>
486
+ </div>
487
+
488
+ <label class="dark-mode-switch">
489
+ <input type="checkbox">
490
+ <span class="slider">
491
+ <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">
492
+ <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
493
+ </svg>
494
+ </span>
495
+ </label>
496
+
497
+ <script>
498
+ var COMPODOC_CURRENT_PAGE_DEPTH = 1;
499
+ var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
500
+ var COMPODOC_CURRENT_PAGE_URL = 'EdsShellHeaderLogo.html';
501
+ var MAX_SEARCH_RESULTS = 15;
502
+ </script>
503
+
504
+ <script>
505
+ $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
506
+ var updateDarkModeSwitchOffset = function () {
507
+ var content = document.querySelector('.content');
508
+ var scrollbarWidth = 0;
509
+
510
+ if (content) {
511
+ scrollbarWidth = Math.max(0, content.offsetWidth - content.clientWidth);
512
+ }
513
+
514
+ document.documentElement.style.setProperty(
515
+ '--content-scrollbar-width',
516
+ scrollbarWidth + 'px'
517
+ );
518
+ };
519
+
520
+ updateDarkModeSwitchOffset();
521
+ requestAnimationFrame(updateDarkModeSwitchOffset);
522
+ window.addEventListener('resize', updateDarkModeSwitchOffset);
523
+
524
+ checkToggle(darkModeState);
525
+ if ($darkModeToggleSwitchers.length > 0) {
526
+ for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
527
+ $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
528
+ darkModeState = !darkModeState;
529
+ toggleDarkMode(darkModeState);
530
+ });
531
+ }
532
+ }
533
+ </script>
534
+
535
+ <script src="../js/libs/custom-elements.min.js"></script>
536
+ <script src="../js/libs/lit-html.js"></script>
537
+
538
+ <script src="../js/menu-wc.js" defer></script>
539
+
540
+ <script src="../js/libs/bootstrap-native.js"></script>
541
+
542
+ <script src="../js/libs/es6-shim.min.js"></script>
543
+ <script src="../js/libs/EventDispatcher.js"></script>
544
+ <script src="../js/libs/promise.min.js"></script>
545
+
546
+ <script src="../js/compodoc.js"></script>
547
+
548
+ <script src="../js/tabs.js"></script>
549
+ <script src="../js/menu.js"></script>
550
+ <script src="../js/libs/clipboard.min.js"></script>
551
+ <script src="../js/libs/prism.js"></script>
552
+ <script src="../js/sourceCode.js"></script>
553
+ <script src="../js/search/search.js"></script>
554
+ <script src="../js/search/lunr.min.js"></script>
555
+ <script src="../js/search/search-lunr.js"></script>
556
+ <script src="../js/search/search_index.js"></script>
557
+ <script src="../js/lazy-load-graphs.js"></script>
558
+
559
+
560
+ </body>
561
+ </html>