@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/injectables/LogoService.html ADDED
@@ -0,0 +1,411 @@
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 injectable">
83
+ <div class="content-data">
84
+
85
+
86
+
87
+
88
+
89
+
90
+
91
+
92
+ <ol class="breadcrumb">
93
+ <li class="breadcrumb-item">Injectables</li>
94
+ <li class="breadcrumb-item" >LogoService</li>
95
+ </ol>
96
+
97
+ <ul class="nav nav-tabs" role="tablist">
98
+ <li class="nav-item">
99
+ <a href="#info"
100
+ class="nav-link"
101
+ class="nav-link active"
102
+ role="tab" id="info-tab" data-bs-toggle="tab" data-link="info">Info</a>
103
+ </li>
104
+ <li class="nav-item">
105
+ <a href="#source"
106
+ class="nav-link"
107
+
108
+ role="tab" id="source-tab" data-bs-toggle="tab" data-link="source">Source</a>
109
+ </li>
110
+ </ul>
111
+
112
+ <div class="tab-content">
113
+ <div class="tab-pane fade active in" id="info">
114
+ <p class="comment">
115
+ <h3>File</h3>
116
+ </p>
117
+ <p class="comment">
118
+ <code>src/lib/logo.service.ts</code>
119
+ </p>
120
+
121
+
122
+
123
+
124
+
125
+ <section data-compodoc="block-index">
126
+ <h3 id="index">Index</h3>
127
+ <table class="table table-sm table-bordered index-table">
128
+ <tbody>
129
+ <tr>
130
+ <td class="col-md-4">
131
+ <h6><b>Properties</b></h6>
132
+ </td>
133
+ </tr>
134
+ <tr>
135
+ <td class="col-md-4">
136
+ <ul class="index-list">
137
+ <li>
138
+ <span class="modifier">Public</span>
139
+ <span class="modifier">Readonly</span>
140
+ <a href="#height" >height</a>
141
+ </li>
142
+ <li>
143
+ <span class="modifier">Public</span>
144
+ <span class="modifier">Readonly</span>
145
+ <a href="#logo" >logo</a>
146
+ </li>
147
+ <li>
148
+ <span class="modifier">Public</span>
149
+ <span class="modifier">Readonly</span>
150
+ <a href="#src" >src</a>
151
+ </li>
152
+ <li>
153
+ <span class="modifier">Public</span>
154
+ <span class="modifier">Readonly</span>
155
+ <a href="#width" >width</a>
156
+ </li>
157
+ </ul>
158
+ </td>
159
+ </tr>
160
+
161
+
162
+
163
+
164
+
165
+
166
+ </tbody>
167
+ </table>
168
+ </section>
169
+
170
+
171
+
172
+ <section data-compodoc="block-properties">
173
+
174
+ <h3 id="inputs">
175
+ Properties
176
+ </h3>
177
+ <table class="table table-sm table-bordered">
178
+ <tbody>
179
+ <tr>
180
+ <td class="col-md-4">
181
+ <a name="height"></a>
182
+ <span class="name">
183
+ <span class="modifier">Public</span>
184
+ <span class="modifier">Readonly</span>
185
+ <span ><b>height</b></span>
186
+ <a href="#height"><span class="icon ion-ios-link"></span></a>
187
+ </span>
188
+ </td>
189
+ </tr>
190
+ <tr>
191
+ <td class="col-md-4">
192
+ <i>Default value : </i><code>computed(() &#x3D;&gt; this.logo().height)</code>
193
+ </td>
194
+ </tr>
195
+ <tr>
196
+ <td class="col-md-4">
197
+ <div class="io-line">Defined in <a href="" data-line="24" class="link-to-prism">src/lib/logo.service.ts:24</a></div>
198
+ </td>
199
+ </tr>
200
+
201
+
202
+ </tbody>
203
+ </table>
204
+ <table class="table table-sm table-bordered">
205
+ <tbody>
206
+ <tr>
207
+ <td class="col-md-4">
208
+ <a name="logo"></a>
209
+ <span class="name">
210
+ <span class="modifier">Public</span>
211
+ <span class="modifier">Readonly</span>
212
+ <span ><b>logo</b></span>
213
+ <a href="#logo"><span class="icon ion-ios-link"></span></a>
214
+ </span>
215
+ </td>
216
+ </tr>
217
+ <tr>
218
+ <td class="col-md-4">
219
+ <i>Default value : </i><code>signal(
220
+ inject(RXAP_LOGO_CONFIG, { optional: true }) ??
221
+ this.config.get(&#x27;logo&#x27;, {
222
+ src: &#x27;logo.png&#x27;,
223
+ width: 192,
224
+ }),
225
+ )</code>
226
+ </td>
227
+ </tr>
228
+ <tr>
229
+ <td class="col-md-4">
230
+ <div class="io-line">Defined in <a href="" data-line="14" class="link-to-prism">src/lib/logo.service.ts:14</a></div>
231
+ </td>
232
+ </tr>
233
+
234
+
235
+ </tbody>
236
+ </table>
237
+ <table class="table table-sm table-bordered">
238
+ <tbody>
239
+ <tr>
240
+ <td class="col-md-4">
241
+ <a name="src"></a>
242
+ <span class="name">
243
+ <span class="modifier">Public</span>
244
+ <span class="modifier">Readonly</span>
245
+ <span ><b>src</b></span>
246
+ <a href="#src"><span class="icon ion-ios-link"></span></a>
247
+ </span>
248
+ </td>
249
+ </tr>
250
+ <tr>
251
+ <td class="col-md-4">
252
+ <i>Default value : </i><code>computed(() &#x3D;&gt; this.logo().src)</code>
253
+ </td>
254
+ </tr>
255
+ <tr>
256
+ <td class="col-md-4">
257
+ <div class="io-line">Defined in <a href="" data-line="22" class="link-to-prism">src/lib/logo.service.ts:22</a></div>
258
+ </td>
259
+ </tr>
260
+
261
+
262
+ </tbody>
263
+ </table>
264
+ <table class="table table-sm table-bordered">
265
+ <tbody>
266
+ <tr>
267
+ <td class="col-md-4">
268
+ <a name="width"></a>
269
+ <span class="name">
270
+ <span class="modifier">Public</span>
271
+ <span class="modifier">Readonly</span>
272
+ <span ><b>width</b></span>
273
+ <a href="#width"><span class="icon ion-ios-link"></span></a>
274
+ </span>
275
+ </td>
276
+ </tr>
277
+ <tr>
278
+ <td class="col-md-4">
279
+ <i>Default value : </i><code>computed(() &#x3D;&gt; this.logo().width)</code>
280
+ </td>
281
+ </tr>
282
+ <tr>
283
+ <td class="col-md-4">
284
+ <div class="io-line">Defined in <a href="" data-line="23" class="link-to-prism">src/lib/logo.service.ts:23</a></div>
285
+ </td>
286
+ </tr>
287
+
288
+
289
+ </tbody>
290
+ </table>
291
+ </section>
292
+
293
+ </div>
294
+
295
+
296
+ <div class="tab-pane fade tab-source-code" id="source">
297
+ <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
298
+ computed,
299
+ inject,
300
+ Injectable,
301
+ signal,
302
+ } from &#x27;@angular/core&#x27;;
303
+ import { ConfigService } from &#x27;@rxap/config&#x27;;
304
+ import { RXAP_LOGO_CONFIG } from &#x27;./tokens&#x27;;
305
+
306
+ @Injectable()
307
+ export class LogoService {
308
+
309
+ private readonly config &#x3D; inject(ConfigService);
310
+ public readonly logo &#x3D; signal(
311
+ inject(RXAP_LOGO_CONFIG, { optional: true }) ??
312
+ this.config.get(&#x27;logo&#x27;, {
313
+ src: &#x27;logo.png&#x27;,
314
+ width: 192,
315
+ }),
316
+ );
317
+
318
+ public readonly src &#x3D; computed(() &#x3D;&gt; this.logo().src);
319
+ public readonly width &#x3D; computed(() &#x3D;&gt; this.logo().width);
320
+ public readonly height &#x3D; computed(() &#x3D;&gt; this.logo().height);
321
+
322
+ }
323
+ </code></pre>
324
+ </div>
325
+
326
+ </div>
327
+
328
+
329
+
330
+
331
+
332
+
333
+
334
+
335
+
336
+
337
+
338
+
339
+
340
+ </div><div class="search-results">
341
+ <div class="has-results">
342
+ <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
343
+ <ul class="search-results-list"></ul>
344
+ </div>
345
+ <div class="no-results">
346
+ <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
347
+ </div>
348
+ </div>
349
+ </div>
350
+ <!-- END CONTENT -->
351
+ </div>
352
+ </div>
353
+
354
+ <label class="dark-mode-switch">
355
+ <input type="checkbox">
356
+ <span class="slider">
357
+ <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">
358
+ <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
359
+ </svg>
360
+ </span>
361
+ </label>
362
+
363
+ <script>
364
+ var COMPODOC_CURRENT_PAGE_DEPTH = 1;
365
+ var COMPODOC_CURRENT_PAGE_CONTEXT = 'injectable';
366
+ var COMPODOC_CURRENT_PAGE_URL = 'LogoService.html';
367
+ var MAX_SEARCH_RESULTS = 15;
368
+ </script>
369
+
370
+ <script>
371
+ $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
372
+ checkToggle(darkModeState);
373
+ if ($darkModeToggleSwitchers.length > 0) {
374
+ for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
375
+ $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
376
+ darkModeState = !darkModeState;
377
+ toggleDarkMode(darkModeState);
378
+ });
379
+ }
380
+ }
381
+ </script>
382
+
383
+ <script src="../js/libs/custom-elements.min.js"></script>
384
+ <script src="../js/libs/lit-html.js"></script>
385
+
386
+ <script src="../js/menu-wc.js" defer></script>
387
+ <script nomodule src="../js/menu-wc_es5.js" defer></script>
388
+
389
+ <script src="../js/libs/bootstrap-native.js"></script>
390
+
391
+ <script src="../js/libs/es6-shim.min.js"></script>
392
+ <script src="../js/libs/EventDispatcher.js"></script>
393
+ <script src="../js/libs/promise.min.js"></script>
394
+ <script src="../js/libs/zepto.min.js"></script>
395
+
396
+ <script src="../js/compodoc.js"></script>
397
+
398
+ <script src="../js/tabs.js"></script>
399
+ <script src="../js/menu.js"></script>
400
+ <script src="../js/libs/clipboard.min.js"></script>
401
+ <script src="../js/libs/prism.js"></script>
402
+ <script src="../js/sourceCode.js"></script>
403
+ <script src="../js/search/search.js"></script>
404
+ <script src="../js/search/lunr.min.js"></script>
405
+ <script src="../js/search/search-lunr.js"></script>
406
+ <script src="../js/search/search_index.js"></script>
407
+ <script src="../js/lazy-load-graphs.js"></script>
408
+
409
+
410
+ </body>
411
+ </html>
package/compodoc/injectables/NavigationService.html CHANGED
@@ -115,7 +115,7 @@
115
115
  <h3>File</h3>
116
116
  </p>
117
117
  <p class="comment">
118
- <code>src/lib/navigation/navigation.service.ts</code>
118
+ <code>src/lib/navigation.service.ts</code>
119
119
  </p>
120
120
 
121
121
 
@@ -193,12 +193,12 @@
193
193
  <tbody>
194
194
  <tr>
195
195
  <td class="col-md-4">
196
- <code>constructor(navigation: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>, injector: Injector, inserts: any | null)</code>
196
+ <code>constructor(navigation: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>, inserts: any | null)</code>
197
197
  </td>
198
198
  </tr>
199
199
  <tr>
200
200
  <td class="col-md-4">
201
- <div class="io-line">Defined in <a href="" data-line="42" class="link-to-prism">src/lib/navigation/navigation.service.ts:42</a></div>
201
+ <div class="io-line">Defined in <a href="" data-line="45" class="link-to-prism">src/lib/navigation.service.ts:45</a></div>
202
202
  </td>
203
203
  </tr>
204
204
 
@@ -226,18 +226,6 @@
226
226
  No
227
227
  </td>
228
228
 
229
- </tr>
230
- <tr>
231
- <td>injector</td>
232
-
233
- <td>
234
- <code>Injector</code>
235
- </td>
236
-
237
- <td>
238
- No
239
- </td>
240
-
241
229
  </tr>
242
230
  <tr>
243
231
  <td>inserts</td>
@@ -287,8 +275,8 @@
287
275
 
288
276
  <tr>
289
277
  <td class="col-md-4">
290
- <div class="io-line">Defined in <a href="" data-line="85"
291
- class="link-to-prism">src/lib/navigation/navigation.service.ts:85</a></div>
278
+ <div class="io-line">Defined in <a href="" data-line="86"
279
+ class="link-to-prism">src/lib/navigation.service.ts:86</a></div>
292
280
  </td>
293
281
  </tr>
294
282
 
@@ -387,8 +375,8 @@
387
375
 
388
376
  <tr>
389
377
  <td class="col-md-4">
390
- <div class="io-line">Defined in <a href="" data-line="100"
391
- class="link-to-prism">src/lib/navigation/navigation.service.ts:100</a></div>
378
+ <div class="io-line">Defined in <a href="" data-line="101"
379
+ class="link-to-prism">src/lib/navigation.service.ts:101</a></div>
392
380
  </td>
393
381
  </tr>
394
382
 
@@ -456,8 +444,8 @@
456
444
 
457
445
  <tr>
458
446
  <td class="col-md-4">
459
- <div class="io-line">Defined in <a href="" data-line="96"
460
- class="link-to-prism">src/lib/navigation/navigation.service.ts:96</a></div>
447
+ <div class="io-line">Defined in <a href="" data-line="97"
448
+ class="link-to-prism">src/lib/navigation.service.ts:97</a></div>
461
449
  </td>
462
450
  </tr>
463
451
 
@@ -530,8 +518,8 @@
530
518
 
531
519
  <tr>
532
520
  <td class="col-md-4">
533
- <div class="io-line">Defined in <a href="" data-line="77"
534
- class="link-to-prism">src/lib/navigation/navigation.service.ts:77</a></div>
521
+ <div class="io-line">Defined in <a href="" data-line="78"
522
+ class="link-to-prism">src/lib/navigation.service.ts:78</a></div>
535
523
  </td>
536
524
  </tr>
537
525
 
@@ -630,8 +618,8 @@
630
618
 
631
619
  <tr>
632
620
  <td class="col-md-4">
633
- <div class="io-line">Defined in <a href="" data-line="104"
634
- class="link-to-prism">src/lib/navigation/navigation.service.ts:104</a></div>
621
+ <div class="io-line">Defined in <a href="" data-line="105"
622
+ class="link-to-prism">src/lib/navigation.service.ts:105</a></div>
635
623
  </td>
636
624
  </tr>
637
625
 
@@ -716,8 +704,8 @@
716
704
 
717
705
  <tr>
718
706
  <td class="col-md-4">
719
- <div class="io-line">Defined in <a href="" data-line="111"
720
- class="link-to-prism">src/lib/navigation/navigation.service.ts:111</a></div>
707
+ <div class="io-line">Defined in <a href="" data-line="112"
708
+ class="link-to-prism">src/lib/navigation.service.ts:112</a></div>
721
709
  </td>
722
710
  </tr>
723
711
 
@@ -760,7 +748,7 @@
760
748
  </tr>
761
749
  <tr>
762
750
  <td class="col-md-4">
763
- <div class="io-line">Defined in <a href="" data-line="36" class="link-to-prism">src/lib/navigation/navigation.service.ts:36</a></div>
751
+ <div class="io-line">Defined in <a href="" data-line="37" class="link-to-prism">src/lib/navigation.service.ts:37</a></div>
764
752
  </td>
765
753
  </tr>
766
754
 
@@ -773,10 +761,11 @@
773
761
 
774
762
 
775
763
  <div class="tab-pane fade tab-source-code" id="source">
776
- <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import type { Injector } from &#x27;@angular/core&#x27;;
777
- import {
764
+ <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
765
+ inject,
778
766
  Inject,
779
767
  Injectable,
768
+ Injector,
780
769
  INJECTOR,
781
770
  Optional,
782
771
  } from &#x27;@angular/core&#x27;;
@@ -787,6 +776,11 @@ import {
787
776
  of,
788
777
  ReplaySubject,
789
778
  } from &#x27;rxjs&#x27;;
779
+ import {
780
+ catchError,
781
+ map,
782
+ switchMap,
783
+ } from &#x27;rxjs/operators&#x27;;
790
784
  import {
791
785
  IsNavigationDividerItem,
792
786
  IsNavigationInsertItem,
@@ -795,18 +789,13 @@ import {
795
789
  NavigationDividerItem,
796
790
  NavigationItem,
797
791
  NavigationWithInserts,
798
- } from &#x27;./navigation-item&#x27;;
792
+ } from &#x27;./navigation/navigation-item&#x27;;
799
793
  import {
800
794
  RXAP_NAVIGATION_CONFIG,
801
795
  RXAP_NAVIGATION_CONFIG_INSERTS,
802
- } from &#x27;../tokens&#x27;;
803
- import {
804
- catchError,
805
- map,
806
- switchMap,
807
- } from &#x27;rxjs/operators&#x27;;
796
+ } from &#x27;./tokens&#x27;;
808
797
 
809
- @Injectable({ providedIn: &#x27;root&#x27; })
798
+ @Injectable()
810
799
  export class NavigationService {
811
800
  public readonly config$: Observable&lt;Navigation&gt;;
812
801
 
@@ -816,11 +805,11 @@ export class NavigationService {
816
805
 
817
806
  private readonly navigation$ &#x3D; new ReplaySubject&lt;Navigation&gt;(1);
818
807
 
808
+ private readonly injector: Injector &#x3D; inject(INJECTOR);
809
+
819
810
  constructor(
820
811
  @Inject(RXAP_NAVIGATION_CONFIG)
821
812
  navigation: any,
822
- @Inject(INJECTOR)
823
- private readonly injector: Injector,
824
813
  @Optional()
825
814
  @Inject(RXAP_NAVIGATION_CONFIG_INSERTS)
826
815
  inserts: any | null &#x3D; null,
@@ -897,23 +886,23 @@ export class NavigationService {
897
886
  if (IsNavigationDividerItem(navigationItem) || !navigationItem.status) {
898
887
  return of(navigationItem);
899
888
  }
900
- const isVisibleArray$: Array&lt;Observable&lt;boolean&gt;&gt; &#x3D; navigationItem.status
901
- .map((statusToken) &#x3D;&gt; this.injector.get(
902
- statusToken))
903
- .map((status) &#x3D;&gt; {
904
- const isVisible &#x3D; status.isVisible(
905
- navigationItem);
906
- if (typeof isVisible &#x3D;&#x3D;&#x3D; &#x27;boolean&#x27;) {
907
- return of(isVisible);
908
- } else {
909
- return from(isVisible);
910
- }
911
- })
912
- .map(isVisible$ &#x3D;&gt; isVisible$.pipe(catchError(e &#x3D;&gt; {
913
- console.error(&#x27;isVisible method failed: &#x27; +
914
- e.message);
915
- return of(false);
916
- })));
889
+ const isVisibleArray$: Array&lt;Observable&lt;boolean&gt;&gt; &#x3D; navigationItem
890
+ .status
891
+ .map((statusToken) &#x3D;&gt; this.injector.get(
892
+ statusToken))
893
+ .map((status) &#x3D;&gt; {
894
+ const isVisible &#x3D; status.isVisible(
895
+ navigationItem);
896
+ if (typeof isVisible &#x3D;&#x3D;&#x3D; &#x27;boolean&#x27;) {
897
+ return of(isVisible);
898
+ } else {
899
+ return from(isVisible);
900
+ }
901
+ })
902
+ .map(isVisible$ &#x3D;&gt; isVisible$.pipe(catchError(e &#x3D;&gt; {
903
+ console.error(&#x60;isVisible method failed: ${ e.message }&#x60;);
904
+ return of(false);
905
+ })));
917
906
  // TODO : dont wait for all status services to complete, but cancel waiting if one returns false
918
907
  return combineLatest(isVisibleArray$).pipe(
919
908
  map((isVisibleArray) &#x3D;&gt;