@rxap/layout 18.0.3-dev.0 → 18.1.0-dev.0

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 (210) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/README.md +280 -1
  3. package/compodoc/changelog.html +13 -0
  4. package/compodoc/components/AppsButtonComponent.html +185 -153
  5. package/compodoc/components/BaseLayoutComponent.html +351 -0
  6. package/compodoc/components/DefaultHeaderComponent.html +545 -0
  7. package/compodoc/components/FooterComponent.html +58 -79
  8. package/compodoc/components/HeaderComponent.html +49 -294
  9. package/compodoc/components/LanguageSelectorComponent.html +6 -54
  10. package/compodoc/components/LayoutComponent.html +69 -464
  11. package/compodoc/components/MinimalLayoutComponent.html +349 -0
  12. package/compodoc/components/NavigationComponent.html +116 -312
  13. package/compodoc/components/NavigationItemComponent.html +130 -361
  14. package/compodoc/components/NavigationProgressBarComponent.html +41 -107
  15. package/compodoc/components/ReleaseInfoComponent.html +536 -0
  16. package/compodoc/components/SettingsButtonComponent.html +186 -225
  17. package/compodoc/components/SidenavComponent.html +566 -142
  18. package/compodoc/components/SidenavToggleButtonComponent.html +71 -91
  19. package/compodoc/components/SignOutComponent.html +7 -60
  20. package/compodoc/components/UserProfileIconComponent.html +97 -161
  21. package/compodoc/dependencies.html +11 -25
  22. package/compodoc/directives/FooterDirective-1.html +293 -0
  23. package/compodoc/directives/FooterDirective.html +8 -86
  24. package/compodoc/directives/HeaderDirective.html +293 -0
  25. package/compodoc/index.html +183 -1
  26. package/compodoc/injectables/ExternalAppsService.html +1274 -0
  27. package/compodoc/injectables/FooterService.html +573 -0
  28. package/compodoc/injectables/HeaderService.html +576 -0
  29. package/compodoc/injectables/LayoutService.html +899 -0
  30. package/compodoc/injectables/LogoService.html +411 -0
  31. package/compodoc/injectables/NavigationService.html +46 -57
  32. package/compodoc/interfaces/ReleaseInfoModule.html +385 -0
  33. package/compodoc/interfaces/SettingsMenuItem.html +385 -0
  34. package/compodoc/js/menu-wc.js +24 -40
  35. package/compodoc/js/menu-wc_es5.js +1 -1
  36. package/compodoc/js/search/search_index.js +2 -2
  37. package/compodoc/miscellaneous/functions.html +544 -1
  38. package/compodoc/miscellaneous/typealiases.html +40 -2
  39. package/compodoc/miscellaneous/variables.html +100 -9
  40. package/compodoc/overview.html +2 -10
  41. package/compodoc/properties.html +1 -1
  42. package/docs/assets/highlight.css +42 -0
  43. package/docs/assets/navigation.js +1 -1
  44. package/docs/assets/search.js +1 -1
  45. package/docs/classes/AppsButtonComponent.html +8 -8
  46. package/docs/classes/BaseLayoutComponent.html +2 -0
  47. package/docs/classes/DefaultHeaderComponent.html +7 -0
  48. package/docs/classes/ExternalAppsService.html +18 -0
  49. package/docs/classes/FooterComponent.html +5 -3
  50. package/docs/classes/FooterDirective.html +2 -2
  51. package/docs/classes/FooterService.html +14 -0
  52. package/docs/classes/HeaderComponent.html +6 -8
  53. package/docs/classes/HeaderDirective.html +8 -0
  54. package/docs/classes/HeaderService.html +14 -0
  55. package/docs/classes/LayoutComponent.html +4 -12
  56. package/docs/classes/LayoutService.html +20 -0
  57. package/docs/classes/LogoService.html +7 -0
  58. package/docs/classes/MinimalLayoutComponent.html +2 -0
  59. package/docs/classes/NavigationComponent.html +7 -8
  60. package/docs/classes/NavigationItemComponent.html +6 -9
  61. package/docs/classes/NavigationProgressBarComponent.html +3 -3
  62. package/docs/classes/NavigationService.html +3 -3
  63. package/docs/classes/ReleaseInfoComponent.html +6 -0
  64. package/docs/classes/SettingsButtonComponent.html +6 -11
  65. package/docs/classes/SidenavComponent.html +17 -5
  66. package/docs/classes/SidenavFooterDirective.html +2 -2
  67. package/docs/classes/SidenavHeaderDirective.html +2 -2
  68. package/docs/classes/SidenavToggleButtonComponent.html +4 -3
  69. package/docs/classes/UserProfileIconComponent.html +5 -4
  70. package/docs/documentation.json +8546 -8346
  71. package/docs/functions/IsNavigationDividerItem.html +1 -1
  72. package/docs/functions/IsNavigationInsertItem.html +1 -1
  73. package/docs/functions/IsNavigationItem.html +1 -1
  74. package/docs/functions/provideLayout.html +1 -0
  75. package/docs/functions/widthDefaultHeaderComponent.html +1 -0
  76. package/docs/functions/withFooterComponents.html +1 -0
  77. package/docs/functions/withHeaderComponents.html +1 -0
  78. package/docs/functions/withNavigationConfig.html +1 -0
  79. package/docs/functions/withNavigationInserts.html +1 -0
  80. package/docs/functions/withReleaseInfoModules.html +1 -0
  81. package/docs/functions/withSettingsMenuItems.html +1 -0
  82. package/docs/index.html +74 -2
  83. package/docs/interfaces/NavigationDividerItem.html +2 -2
  84. package/docs/interfaces/NavigationInsertItem.html +2 -2
  85. package/docs/interfaces/NavigationItem.html +2 -2
  86. package/docs/interfaces/NavigationStatus.html +2 -2
  87. package/docs/interfaces/ReleaseInfoModule.html +4 -0
  88. package/docs/interfaces/SettingsMenuItem.html +4 -0
  89. package/docs/modules.html +29 -17
  90. package/docs/types/ExternalApps.html +1 -0
  91. package/docs/types/ExtractUsernameFromProfileFn.html +1 -1
  92. package/docs/types/Navigation.html +1 -1
  93. package/docs/types/NavigationWithInserts.html +1 -1
  94. package/docs/types/SettingsMenuItemComponent.html +1 -0
  95. package/docs/variables/EXTRACT_USERNAME_FROM_PROFILE.html +1 -1
  96. package/docs/variables/RXAP_EXTERNAL_APP_FILTER.html +1 -0
  97. package/docs/variables/RXAP_FOOTER_COMPONENT.html +1 -1
  98. package/docs/variables/RXAP_HEADER_COMPONENT.html +1 -1
  99. package/docs/variables/RXAP_LAYOUT_APPS_GRID.html +1 -1
  100. package/docs/variables/RXAP_LOGO_CONFIG.html +1 -1
  101. package/docs/variables/RXAP_NAVIGATION_CONFIG.html +1 -1
  102. package/docs/variables/RXAP_NAVIGATION_CONFIG_INSERTS.html +1 -1
  103. package/docs/variables/RXAP_RELEASE_INFO_MODULE.html +1 -0
  104. package/docs/variables/RXAP_SETTINGS_MENU_ITEM.html +1 -0
  105. package/docs/variables/RXAP_SETTINGS_MENU_ITEM_COMPONENT.html +1 -0
  106. package/esm2022/index.mjs +35 -40
  107. package/esm2022/lib/base-layout/base-layout.component.mjs +16 -0
  108. package/esm2022/lib/default-header/apps-button/apps-button.component.mjs +38 -0
  109. package/esm2022/lib/default-header/default-header.component.mjs +32 -0
  110. package/esm2022/lib/default-header/settings-button/settings-button.component.mjs +73 -0
  111. package/esm2022/lib/default-header/sidenav-toggle-button/sidenav-toggle-button.component.mjs +24 -0
  112. package/esm2022/lib/default-header/user-profile-icon/user-profile-icon.component.mjs +35 -0
  113. package/esm2022/lib/external-apps.service.mjs +97 -0
  114. package/esm2022/lib/footer/footer.component.mjs +13 -13
  115. package/esm2022/lib/footer/footer.directive.mjs +30 -0
  116. package/esm2022/lib/footer.service.mjs +58 -0
  117. package/esm2022/lib/header/header.component.mjs +17 -65
  118. package/esm2022/lib/header/header.directive.mjs +30 -0
  119. package/esm2022/lib/header.service.mjs +60 -0
  120. package/esm2022/lib/layout/layout.component.mjs +33 -47
  121. package/esm2022/lib/layout.service.mjs +93 -0
  122. package/esm2022/lib/logo.service.mjs +23 -0
  123. package/esm2022/lib/minimal-layout/minimal-layout.component.mjs +14 -0
  124. package/esm2022/lib/navigation/navigation-item/navigation-item.component.mjs +30 -64
  125. package/esm2022/lib/navigation/navigation.component.mjs +22 -48
  126. package/esm2022/lib/navigation-progress-bar/navigation-progress-bar.component.mjs +23 -0
  127. package/esm2022/lib/navigation.service.mjs +141 -0
  128. package/esm2022/lib/provide.mjs +73 -0
  129. package/esm2022/lib/release-info/release-info.component.mjs +28 -0
  130. package/esm2022/lib/sidenav/sidenav.component.mjs +50 -33
  131. package/esm2022/lib/tokens.mjs +9 -1
  132. package/esm2022/lib/types.mjs +1 -1
  133. package/fesm2022/rxap-layout.mjs +845 -833
  134. package/fesm2022/rxap-layout.mjs.map +1 -1
  135. package/index.d.ts +18 -19
  136. package/lib/base-layout/base-layout.component.d.ts +5 -0
  137. package/lib/default-header/apps-button/apps-button.component.d.ts +15 -0
  138. package/lib/default-header/default-header.component.d.ts +11 -0
  139. package/lib/{header → default-header}/settings-button/settings-button.component.d.ts +6 -14
  140. package/lib/{header → default-header}/sidenav-toggle-button/sidenav-toggle-button.component.d.ts +3 -5
  141. package/lib/default-header/user-profile-icon/user-profile-icon.component.d.ts +10 -0
  142. package/lib/external-apps.service.d.ts +25 -0
  143. package/lib/footer/footer.component.d.ts +3 -3
  144. package/lib/{footer.directive.d.ts → footer/footer.directive.d.ts} +2 -4
  145. package/lib/footer.service.d.ts +32 -0
  146. package/lib/header/header.component.d.ts +6 -12
  147. package/lib/header/header.directive.d.ts +12 -0
  148. package/lib/header.service.d.ts +34 -0
  149. package/lib/layout/layout.component.d.ts +4 -17
  150. package/lib/layout.service.d.ts +26 -0
  151. package/lib/logo.service.d.ts +10 -0
  152. package/lib/minimal-layout/minimal-layout.component.d.ts +5 -0
  153. package/lib/navigation/navigation-item/navigation-item.component.d.ts +10 -18
  154. package/lib/navigation/navigation.component.d.ts +10 -15
  155. package/lib/{header/navigation-progress-bar → navigation-progress-bar}/navigation-progress-bar.component.d.ts +1 -3
  156. package/lib/{navigation/navigation.service.d.ts → navigation.service.d.ts} +4 -5
  157. package/lib/provide.d.ts +12 -0
  158. package/lib/release-info/release-info.component.d.ts +9 -0
  159. package/lib/sidenav/sidenav.component.d.ts +18 -6
  160. package/lib/tokens.d.ts +11 -3
  161. package/lib/types.d.ts +15 -4
  162. package/package.json +32 -66
  163. package/theme.css +1 -1
  164. package/docs/classes/AppUrlService.html +0 -13
  165. package/docs/classes/AuthenticationServiceMock.html +0 -3
  166. package/docs/classes/LanguageSelectorComponent.html +0 -3
  167. package/docs/classes/LayoutComponentService.html +0 -15
  168. package/docs/classes/ReplaceRouterPathsPipe.html +0 -4
  169. package/docs/classes/ReplaceRouterPathsService.html +0 -3
  170. package/docs/classes/ResetButtonComponent.html +0 -3
  171. package/docs/classes/SidenavComponentService.html +0 -5
  172. package/docs/classes/SignOutComponent.html +0 -4
  173. package/docs/classes/ToggleWindowSidenavButtonComponent.html +0 -5
  174. package/docs/classes/VersionComponent.html +0 -7
  175. package/docs/classes/WindowContainerSidenavComponent.html +0 -10
  176. package/docs/interfaces/ExternalApps.html +0 -8
  177. package/docs/interfaces/LogoConfig.html +0 -4
  178. package/esm2022/lib/app-url.service.mjs +0 -78
  179. package/esm2022/lib/authentication.service.mock.mjs +0 -13
  180. package/esm2022/lib/footer.directive.mjs +0 -40
  181. package/esm2022/lib/header/apps-button/apps-button.component.mjs +0 -46
  182. package/esm2022/lib/header/language-selector/language-selector.component.mjs +0 -35
  183. package/esm2022/lib/header/navigation-progress-bar/navigation-progress-bar.component.mjs +0 -30
  184. package/esm2022/lib/header/reset-button/reset-button.component.mjs +0 -23
  185. package/esm2022/lib/header/settings-button/settings-button.component.mjs +0 -87
  186. package/esm2022/lib/header/sidenav-toggle-button/sidenav-toggle-button.component.mjs +0 -26
  187. package/esm2022/lib/header/sign-out/sign-out.component.mjs +0 -23
  188. package/esm2022/lib/header/user-profile-icon/user-profile-icon.component.mjs +0 -45
  189. package/esm2022/lib/layout/layout.component.service.mjs +0 -77
  190. package/esm2022/lib/navigation/navigation.service.mjs +0 -145
  191. package/esm2022/lib/navigation/replace-router-paths.pipe.mjs +0 -22
  192. package/esm2022/lib/navigation/replace-router-paths.service.mjs +0 -15
  193. package/esm2022/lib/sidenav/sidenav.component.service.mjs +0 -22
  194. package/esm2022/lib/sidenav/version/version.component.mjs +0 -28
  195. package/esm2022/lib/toggle-window-sidenav-button/toggle-window-sidenav-button.component.mjs +0 -30
  196. package/esm2022/lib/window-container-sidenav/window-container-sidenav.component.mjs +0 -54
  197. package/lib/app-url.service.d.ts +0 -29
  198. package/lib/authentication.service.mock.d.ts +0 -6
  199. package/lib/header/apps-button/apps-button.component.d.ts +0 -16
  200. package/lib/header/language-selector/language-selector.component.d.ts +0 -8
  201. package/lib/header/reset-button/reset-button.component.d.ts +0 -8
  202. package/lib/header/sign-out/sign-out.component.d.ts +0 -9
  203. package/lib/header/user-profile-icon/user-profile-icon.component.d.ts +0 -15
  204. package/lib/layout/layout.component.service.d.ts +0 -25
  205. package/lib/navigation/replace-router-paths.pipe.d.ts +0 -11
  206. package/lib/navigation/replace-router-paths.service.d.ts +0 -7
  207. package/lib/sidenav/sidenav.component.service.d.ts +0 -11
  208. package/lib/sidenav/version/version.component.d.ts +0 -14
  209. package/lib/toggle-window-sidenav-button/toggle-window-sidenav-button.component.d.ts +0 -9
  210. package/lib/window-container-sidenav/window-container-sidenav.component.d.ts +0 -17
package/compodoc/components/DefaultHeaderComponent.html ADDED
@@ -0,0 +1,545 @@
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>angular-layout</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
+ </head>
14
+ <body>
15
+ <script>
16
+ // Blocking script to avoid flickering dark mode
17
+ // Dark mode toggle button
18
+ var useDark = window.matchMedia('(prefers-color-scheme: dark)');
19
+ var darkModeState = useDark.matches;
20
+ var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
21
+ var $darkModeToggles = document.querySelectorAll('.dark-mode-switch');
22
+ var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state');
23
+
24
+ function checkToggle(check) {
25
+ for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
26
+ $darkModeToggleSwitchers[i].checked = check;
27
+ }
28
+ }
29
+
30
+ function toggleDarkMode(state) {
31
+ if (window.localStorage) {
32
+ localStorage.setItem('compodoc_darkmode-state', state);
33
+ }
34
+
35
+ checkToggle(state);
36
+
37
+ const hasClass = document.body.classList.contains('dark');
38
+
39
+ if (state) {
40
+ for (var i = 0; i < $darkModeToggles.length; i++) {
41
+ $darkModeToggles[i].classList.add('dark');
42
+ }
43
+ if (!hasClass) {
44
+ document.body.classList.add('dark');
45
+ }
46
+ } else {
47
+ for (var i = 0; i < $darkModeToggles.length; i++) {
48
+ $darkModeToggles[i].classList.remove('dark');
49
+ }
50
+ if (hasClass) {
51
+ document.body.classList.remove('dark');
52
+ }
53
+ }
54
+ }
55
+
56
+ useDark.addEventListener('change', function (evt) {
57
+ toggleDarkMode(evt.matches);
58
+ });
59
+ if (darkModeStateLocal) {
60
+ darkModeState = darkModeStateLocal === 'true';
61
+ }
62
+ toggleDarkMode(darkModeState);
63
+ </script>
64
+
65
+ <div class="navbar navbar-default navbar-fixed-top d-md-none p-0">
66
+ <div class="d-flex">
67
+ <a href="../" class="navbar-brand">angular-layout</a>
68
+ <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
69
+ </div>
70
+ </div>
71
+
72
+ <div class="xs-menu menu" id="mobile-menu">
73
+ <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div> <compodoc-menu></compodoc-menu>
74
+ </div>
75
+
76
+ <div class="container-fluid main">
77
+ <div class="row main">
78
+ <div class="d-none d-md-block menu">
79
+ <compodoc-menu mode="normal"></compodoc-menu>
80
+ </div>
81
+ <!-- START CONTENT -->
82
+ <div class="content component">
83
+ <div class="content-data">
84
+
85
+
86
+
87
+
88
+ <ol class="breadcrumb">
89
+ <li class="breadcrumb-item">Components</li>
90
+ <li class="breadcrumb-item"
91
+ >
92
+ DefaultHeaderComponent</li>
93
+ </ol>
94
+
95
+ <ul class="nav nav-tabs" role="tablist">
96
+ <li class="nav-item">
97
+ <a href="#info" class="nav-link active"
98
+ role="tab" id="info-tab" data-bs-toggle="tab" data-link="info">Info</a>
99
+ </li>
100
+ <li class="nav-item">
101
+ <a href="#source" class="nav-link"
102
+ role="tab" id="source-tab" data-bs-toggle="tab" data-link="source">Source</a>
103
+ </li>
104
+ <li class="nav-item">
105
+ <a href="#templateData" class="nav-link"
106
+ role="tab" id="templateData-tab" data-bs-toggle="tab" data-link="template">Template</a>
107
+ </li>
108
+ <li class="nav-item">
109
+ <a href="#tree" class="nav-link"
110
+ role="tab" id="tree-tab" data-bs-toggle="tab" data-link="dom-tree">DOM Tree</a>
111
+ </li>
112
+ </ul>
113
+
114
+ <div class="tab-content">
115
+ <div class="tab-pane fade active in" id="info"><p class="comment">
116
+ <h3>File</h3>
117
+ </p>
118
+ <p class="comment">
119
+ <code>src/lib/default-header/default-header.component.ts</code>
120
+ </p>
121
+
122
+
123
+
124
+
125
+
126
+
127
+ <section data-compodoc="block-metadata">
128
+ <h3>Metadata</h3>
129
+ <table class="table table-sm table-hover metadata">
130
+ <tbody>
131
+
132
+ <tr>
133
+ <td class="col-md-3">changeDetection</td>
134
+ <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
135
+ </tr>
136
+
137
+
138
+
139
+
140
+
141
+ <tr>
142
+ <td class="col-md-3">host</td>
143
+ <td class="col-md-9"><code>{<br>}</code></td>
144
+ </tr>
145
+
146
+
147
+
148
+
149
+
150
+
151
+ <tr>
152
+ <td class="col-md-3">selector</td>
153
+ <td class="col-md-9"><code>rxap-default-header</code></td>
154
+ </tr>
155
+
156
+ <tr>
157
+ <td class="col-md-3">standalone</td>
158
+ <td class="col-md-9"><code>true</code></td>
159
+ </tr>
160
+
161
+ <tr>
162
+ <td class="col-md-3">imports</td>
163
+ <td class="col-md-9">
164
+ <code><a href="../components/AppsButtonComponent.html" target="_self" >AppsButtonComponent</a></code>
165
+ <code><a href="../components/SettingsButtonComponent.html" target="_self" >SettingsButtonComponent</a></code>
166
+ <code><a href="../components/SidenavToggleButtonComponent.html" target="_self" >SidenavToggleButtonComponent</a></code>
167
+ <code><a href="../components/UserProfileIconComponent.html" target="_self" >UserProfileIconComponent</a></code>
168
+ </td>
169
+ </tr>
170
+
171
+
172
+
173
+
174
+ <tr>
175
+ <td class="col-md-3">templateUrl</td>
176
+ <td class="col-md-9"><code>./default-header.component.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>./default-header.component.scss</code></td>
184
+ </tr>
185
+
186
+
187
+
188
+
189
+
190
+ </tbody>
191
+ </table>
192
+ </section>
193
+
194
+ <section data-compodoc="block-index">
195
+ <h3 id="index">Index</h3>
196
+ <table class="table table-sm table-bordered index-table">
197
+ <tbody>
198
+ <tr>
199
+ <td class="col-md-4">
200
+ <h6><b>Properties</b></h6>
201
+ </td>
202
+ </tr>
203
+ <tr>
204
+ <td class="col-md-4">
205
+ <ul class="index-list">
206
+ <li>
207
+ <span class="modifier">Public</span>
208
+ <span class="modifier">Readonly</span>
209
+ <a href="#collapsable" >collapsable</a>
210
+ </li>
211
+ <li>
212
+ <span class="modifier">Public</span>
213
+ <span class="modifier">Readonly</span>
214
+ <a href="#layoutComponentService" >layoutComponentService</a>
215
+ </li>
216
+ <li>
217
+ <span class="modifier">Public</span>
218
+ <span class="modifier">Readonly</span>
219
+ <a href="#opened" >opened</a>
220
+ </li>
221
+ <li>
222
+ <span class="modifier">Public</span>
223
+ <span class="modifier">Readonly</span>
224
+ <a href="#profile" >profile</a>
225
+ </li>
226
+ </ul>
227
+ </td>
228
+ </tr>
229
+
230
+
231
+
232
+
233
+
234
+
235
+ </tbody>
236
+ </table>
237
+ </section>
238
+
239
+
240
+
241
+
242
+
243
+
244
+
245
+ <section data-compodoc="block-properties">
246
+
247
+ <h3 id="inputs">
248
+ Properties
249
+ </h3>
250
+ <table class="table table-sm table-bordered">
251
+ <tbody>
252
+ <tr>
253
+ <td class="col-md-4">
254
+ <a name="collapsable"></a>
255
+ <span class="name">
256
+ <span class="modifier">Public</span>
257
+ <span class="modifier">Readonly</span>
258
+ <span ><b>collapsable</b></span>
259
+ <a href="#collapsable"><span class="icon ion-ios-link"></span></a>
260
+ </span>
261
+ </td>
262
+ </tr>
263
+ <tr>
264
+ <td class="col-md-4">
265
+ <i>Default value : </i><code>computed(() &#x3D;&gt; this.layoutComponentService.collapsable())</code>
266
+ </td>
267
+ </tr>
268
+ <tr>
269
+ <td class="col-md-4">
270
+ <div class="io-line">Defined in <a href="" data-line="35" class="link-to-prism">src/lib/default-header/default-header.component.ts:35</a></div>
271
+ </td>
272
+ </tr>
273
+
274
+
275
+ </tbody>
276
+ </table>
277
+ <table class="table table-sm table-bordered">
278
+ <tbody>
279
+ <tr>
280
+ <td class="col-md-4">
281
+ <a name="layoutComponentService"></a>
282
+ <span class="name">
283
+ <span class="modifier">Public</span>
284
+ <span class="modifier">Readonly</span>
285
+ <span ><b>layoutComponentService</b></span>
286
+ <a href="#layoutComponentService"><span class="icon ion-ios-link"></span></a>
287
+ </span>
288
+ </td>
289
+ </tr>
290
+ <tr>
291
+ <td class="col-md-4">
292
+ <i>Default value : </i><code>inject(LayoutService)</code>
293
+ </td>
294
+ </tr>
295
+ <tr>
296
+ <td class="col-md-4">
297
+ <div class="io-line">Defined in <a href="" data-line="33" class="link-to-prism">src/lib/default-header/default-header.component.ts:33</a></div>
298
+ </td>
299
+ </tr>
300
+
301
+
302
+ </tbody>
303
+ </table>
304
+ <table class="table table-sm table-bordered">
305
+ <tbody>
306
+ <tr>
307
+ <td class="col-md-4">
308
+ <a name="opened"></a>
309
+ <span class="name">
310
+ <span class="modifier">Public</span>
311
+ <span class="modifier">Readonly</span>
312
+ <span ><b>opened</b></span>
313
+ <a href="#opened"><span class="icon ion-ios-link"></span></a>
314
+ </span>
315
+ </td>
316
+ </tr>
317
+ <tr>
318
+ <td class="col-md-4">
319
+ <i>Default value : </i><code>computed(() &#x3D;&gt; this.layoutComponentService.opened())</code>
320
+ </td>
321
+ </tr>
322
+ <tr>
323
+ <td class="col-md-4">
324
+ <div class="io-line">Defined in <a href="" data-line="36" class="link-to-prism">src/lib/default-header/default-header.component.ts:36</a></div>
325
+ </td>
326
+ </tr>
327
+
328
+
329
+ </tbody>
330
+ </table>
331
+ <table class="table table-sm table-bordered">
332
+ <tbody>
333
+ <tr>
334
+ <td class="col-md-4">
335
+ <a name="profile"></a>
336
+ <span class="name">
337
+ <span class="modifier">Public</span>
338
+ <span class="modifier">Readonly</span>
339
+ <span ><b>profile</b></span>
340
+ <a href="#profile"><span class="icon ion-ios-link"></span></a>
341
+ </span>
342
+ </td>
343
+ </tr>
344
+ <tr>
345
+ <td class="col-md-4">
346
+ <i>Default value : </i><code>toSignal(this.userProfileService.connect(&#x27;user-profile&#x27;), { initialValue: null })</code>
347
+ </td>
348
+ </tr>
349
+ <tr>
350
+ <td class="col-md-4">
351
+ <div class="io-line">Defined in <a href="" data-line="39" class="link-to-prism">src/lib/default-header/default-header.component.ts:39</a></div>
352
+ </td>
353
+ </tr>
354
+
355
+
356
+ </tbody>
357
+ </table>
358
+ </section>
359
+
360
+ </div>
361
+
362
+
363
+ <div class="tab-pane fade tab-source-code" id="source">
364
+ <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
365
+ ChangeDetectionStrategy,
366
+ Component,
367
+ computed,
368
+ inject,
369
+ } from &#x27;@angular/core&#x27;;
370
+ import { toSignal } from &#x27;@angular/core/rxjs-interop&#x27;;
371
+ import { LayoutService } from &#x27;../layout.service&#x27;;
372
+ import { UserProfileDataSource } from &#x27;@rxap/ngx-user&#x27;;
373
+ import { AppsButtonComponent } from &#x27;./apps-button/apps-button.component&#x27;;
374
+ import { SettingsButtonComponent } from &#x27;./settings-button/settings-button.component&#x27;;
375
+ import { SidenavToggleButtonComponent } from &#x27;./sidenav-toggle-button/sidenav-toggle-button.component&#x27;;
376
+ import { UserProfileIconComponent } from &#x27;./user-profile-icon/user-profile-icon.component&#x27;;
377
+
378
+ @Component({
379
+ selector: &#x27;rxap-default-header&#x27;,
380
+ standalone: true,
381
+ imports: [
382
+ AppsButtonComponent,
383
+ SettingsButtonComponent,
384
+ SidenavToggleButtonComponent,
385
+ UserProfileIconComponent,
386
+ ],
387
+ host: {
388
+ &#x27;class&#x27;: &#x27;grow&#x27;,
389
+ },
390
+ templateUrl: &#x27;./default-header.component.html&#x27;,
391
+ styleUrl: &#x27;./default-header.component.scss&#x27;,
392
+ changeDetection: ChangeDetectionStrategy.OnPush,
393
+ })
394
+ export class DefaultHeaderComponent {
395
+
396
+ public readonly layoutComponentService &#x3D; inject(LayoutService);
397
+
398
+ public readonly collapsable &#x3D; computed(() &#x3D;&gt; this.layoutComponentService.collapsable());
399
+ public readonly opened &#x3D; computed(() &#x3D;&gt; this.layoutComponentService.opened());
400
+
401
+ private readonly userProfileService: UserProfileDataSource &#x3D; inject(UserProfileDataSource);
402
+ public readonly profile &#x3D; toSignal(this.userProfileService.connect(&#x27;user-profile&#x27;), { initialValue: null });
403
+
404
+ }
405
+ </code></pre>
406
+ </div>
407
+
408
+ <div class="tab-pane fade " id="templateData">
409
+ <pre class="line-numbers"><code class="language-html">&lt;div class&#x3D;&quot;w-full flex flex-row gap-x-4 justify-between items-center&quot;&gt;
410
+ @if (!collapsable()) {
411
+ &lt;rxap-sidenav-toggle-button&gt;&lt;/rxap-sidenav-toggle-button&gt;
412
+ }
413
+ &lt;div class&#x3D;&quot;grow&quot;&gt;
414
+ &lt;ng-content&gt;&lt;/ng-content&gt;
415
+ &lt;/div&gt;
416
+ &lt;rxap-apps-button class&#x3D;&quot;grow-0&quot;&gt;&lt;/rxap-apps-button&gt;
417
+ &lt;rxap-settings-button class&#x3D;&quot;grow-0&quot;&gt;&lt;/rxap-settings-button&gt;
418
+ @if (this.profile(); as profile) {
419
+ &lt;rxap-user-profile-icon [profile]&#x3D;&quot;profile&quot; class&#x3D;&quot;grow-0&quot;&gt;&lt;/rxap-user-profile-icon&gt;
420
+ }
421
+ &lt;/div&gt;
422
+ </code></pre>
423
+ </div>
424
+
425
+
426
+ <div class="tab-pane fade " id="tree">
427
+ <div id="tree-container"></div>
428
+ <div class="tree-legend">
429
+ <div class="title">
430
+ <b>Legend</b>
431
+ </div>
432
+ <div>
433
+ <div class="color htmlelement"></div><span>Html element</span>
434
+ </div>
435
+ <div>
436
+ <div class="color component"></div><span>Component</span>
437
+ </div>
438
+ <div>
439
+ <div class="color directive"></div><span>Html element with directive</span>
440
+ </div>
441
+ </div>
442
+ </div>
443
+
444
+
445
+ </div>
446
+
447
+ <script src="../js/libs/vis.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><div class="w-full flex flex-row gap-x-4 justify-between items-center"> @if (!collapsable()) { <rxap-sidenav-toggle-button></rxap-sidenav-toggle-button> } <div class="grow"> <ng-content></ng-content> </div> <rxap-apps-button class="grow-0"></rxap-apps-button> <rxap-settings-button class="grow-0"></rxap-settings-button> @if (this.profile(); as profile) { <rxap-user-profile-icon [profile]="profile" class="grow-0"></rxap-user-profile-icon> }</div></div>'
452
+ var COMPONENTS = [{'name': 'AppsButtonComponent', 'selector': 'rxap-apps-button'},{'name': 'BaseLayoutComponent', 'selector': 'rxap-base-layout'},{'name': 'DefaultHeaderComponent', 'selector': 'rxap-default-header'},{'name': 'FooterComponent', 'selector': 'rxap-footer'},{'name': 'HeaderComponent', 'selector': 'rxap-header'},{'name': 'LayoutComponent', 'selector': 'rxap-layout'},{'name': 'MinimalLayoutComponent', 'selector': 'rxap-minimal-layout'},{'name': 'NavigationComponent', 'selector': 'ul[rxap-navigation]'},{'name': 'NavigationItemComponent', 'selector': 'li[rxap-navigation-item]'},{'name': 'NavigationProgressBarComponent', 'selector': 'rxap-navigation-progress-bar'},{'name': 'ReleaseInfoComponent', 'selector': 'rxap-release-info'},{'name': 'SettingsButtonComponent', 'selector': 'rxap-settings-button'},{'name': 'SidenavComponent', 'selector': 'rxap-sidenav'},{'name': 'SidenavToggleButtonComponent', 'selector': 'rxap-sidenav-toggle-button'},{'name': 'UserProfileIconComponent', 'selector': 'rxap-user-profile-icon'}];
453
+ var DIRECTIVES = [{'name': 'FooterDirective', 'selector': '[rxapFooter]'},{'name': 'HeaderDirective', 'selector': '[rxapHeader]'},{'name': 'SidenavFooterDirective', 'selector': '[rxapSidenavFooter]'},{'name': 'SidenavHeaderDirective', 'selector': '[rxapSidenavHeader]'}];
454
+ var ACTUAL_COMPONENT = {'name': 'DefaultHeaderComponent'};
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 = 'DefaultHeaderComponent.html';
501
+ var MAX_SEARCH_RESULTS = 15;
502
+ </script>
503
+
504
+ <script>
505
+ $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
506
+ checkToggle(darkModeState);
507
+ if ($darkModeToggleSwitchers.length > 0) {
508
+ for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
509
+ $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
510
+ darkModeState = !darkModeState;
511
+ toggleDarkMode(darkModeState);
512
+ });
513
+ }
514
+ }
515
+ </script>
516
+
517
+ <script src="../js/libs/custom-elements.min.js"></script>
518
+ <script src="../js/libs/lit-html.js"></script>
519
+
520
+ <script src="../js/menu-wc.js" defer></script>
521
+ <script nomodule src="../js/menu-wc_es5.js" defer></script>
522
+
523
+ <script src="../js/libs/bootstrap-native.js"></script>
524
+
525
+ <script src="../js/libs/es6-shim.min.js"></script>
526
+ <script src="../js/libs/EventDispatcher.js"></script>
527
+ <script src="../js/libs/promise.min.js"></script>
528
+ <script src="../js/libs/zepto.min.js"></script>
529
+
530
+ <script src="../js/compodoc.js"></script>
531
+
532
+ <script src="../js/tabs.js"></script>
533
+ <script src="../js/menu.js"></script>
534
+ <script src="../js/libs/clipboard.min.js"></script>
535
+ <script src="../js/libs/prism.js"></script>
536
+ <script src="../js/sourceCode.js"></script>
537
+ <script src="../js/search/search.js"></script>
538
+ <script src="../js/search/lunr.min.js"></script>
539
+ <script src="../js/search/search-lunr.js"></script>
540
+ <script src="../js/search/search_index.js"></script>
541
+ <script src="../js/lazy-load-graphs.js"></script>
542
+
543
+
544
+ </body>
545
+ </html>