@rxap/layout 18.0.2 → 18.0.3-dev.1

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 (182) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/README.md +14 -1
  3. package/compodoc/changelog.html +732 -0
  4. package/compodoc/components/AppsButtonComponent.html +604 -0
  5. package/compodoc/components/FooterComponent.html +487 -0
  6. package/compodoc/components/HeaderComponent.html +781 -0
  7. package/compodoc/components/LanguageSelectorComponent.html +526 -0
  8. package/compodoc/components/LayoutComponent.html +1035 -0
  9. package/compodoc/components/NavigationComponent.html +1156 -0
  10. package/compodoc/components/NavigationItemComponent.html +1328 -0
  11. package/compodoc/components/NavigationProgressBarComponent.html +550 -0
  12. package/compodoc/components/ResetButtonComponent.html +486 -0
  13. package/compodoc/components/SettingsButtonComponent.html +1416 -0
  14. package/compodoc/components/SidenavComponent.html +689 -0
  15. package/compodoc/components/SidenavToggleButtonComponent.html +517 -0
  16. package/compodoc/components/SignOutComponent.html +493 -0
  17. package/compodoc/components/ToggleWindowSidenavButtonComponent.html +549 -0
  18. package/compodoc/components/UserProfileIconComponent.html +657 -0
  19. package/compodoc/components/VersionComponent.html +524 -0
  20. package/compodoc/components/WindowContainerSidenavComponent.html +687 -0
  21. package/compodoc/dependencies.html +241 -0
  22. package/compodoc/directives/FooterDirective.html +371 -0
  23. package/compodoc/directives/SidenavFooterDirective.html +387 -0
  24. package/compodoc/directives/SidenavHeaderDirective.html +387 -0
  25. package/compodoc/fonts/ionicons.eot +0 -0
  26. package/compodoc/fonts/ionicons.svg +2090 -0
  27. package/compodoc/fonts/ionicons.ttf +0 -0
  28. package/compodoc/fonts/ionicons.woff +0 -0
  29. package/compodoc/fonts/ionicons.woff2 +0 -0
  30. package/compodoc/fonts/roboto-v15-latin-300.eot +0 -0
  31. package/compodoc/fonts/roboto-v15-latin-300.svg +314 -0
  32. package/compodoc/fonts/roboto-v15-latin-300.ttf +0 -0
  33. package/compodoc/fonts/roboto-v15-latin-300.woff +0 -0
  34. package/compodoc/fonts/roboto-v15-latin-300.woff2 +0 -0
  35. package/compodoc/fonts/roboto-v15-latin-700.eot +0 -0
  36. package/compodoc/fonts/roboto-v15-latin-700.svg +310 -0
  37. package/compodoc/fonts/roboto-v15-latin-700.ttf +0 -0
  38. package/compodoc/fonts/roboto-v15-latin-700.woff +0 -0
  39. package/compodoc/fonts/roboto-v15-latin-700.woff2 +0 -0
  40. package/compodoc/fonts/roboto-v15-latin-italic.eot +0 -0
  41. package/compodoc/fonts/roboto-v15-latin-italic.svg +323 -0
  42. package/compodoc/fonts/roboto-v15-latin-italic.ttf +0 -0
  43. package/compodoc/fonts/roboto-v15-latin-italic.woff +0 -0
  44. package/compodoc/fonts/roboto-v15-latin-italic.woff2 +0 -0
  45. package/compodoc/fonts/roboto-v15-latin-regular.eot +0 -0
  46. package/compodoc/fonts/roboto-v15-latin-regular.svg +308 -0
  47. package/compodoc/fonts/roboto-v15-latin-regular.ttf +0 -0
  48. package/compodoc/fonts/roboto-v15-latin-regular.woff +0 -0
  49. package/compodoc/fonts/roboto-v15-latin-regular.woff2 +0 -0
  50. package/compodoc/graph/dependencies.svg +24 -0
  51. package/compodoc/images/compodoc-vectorise-inverted.png +0 -0
  52. package/compodoc/images/compodoc-vectorise-inverted.svg +201 -0
  53. package/compodoc/images/compodoc-vectorise.png +0 -0
  54. package/compodoc/images/compodoc-vectorise.svg +201 -0
  55. package/compodoc/images/favicon.ico +0 -0
  56. package/compodoc/index.html +197 -0
  57. package/compodoc/injectables/AppUrlService.html +829 -0
  58. package/compodoc/injectables/AuthenticationServiceMock.html +303 -0
  59. package/compodoc/injectables/LayoutComponentService.html +848 -0
  60. package/compodoc/injectables/NavigationService.html +1081 -0
  61. package/compodoc/injectables/ReplaceRouterPathsService.html +337 -0
  62. package/compodoc/injectables/SidenavComponentService.html +408 -0
  63. package/compodoc/interfaces/ExternalApps.html +634 -0
  64. package/compodoc/interfaces/LogoConfig.html +381 -0
  65. package/compodoc/interfaces/NavigationDividerItem.html +385 -0
  66. package/compodoc/interfaces/NavigationInsertItem.html +340 -0
  67. package/compodoc/interfaces/NavigationItem.html +520 -0
  68. package/compodoc/interfaces/NavigationStatus.html +376 -0
  69. package/compodoc/js/compodoc.js +14 -0
  70. package/compodoc/js/lazy-load-graphs.js +44 -0
  71. package/compodoc/js/libs/EventDispatcher.js +5 -0
  72. package/compodoc/js/libs/bootstrap-native.js +2 -0
  73. package/compodoc/js/libs/clipboard.min.js +7 -0
  74. package/compodoc/js/libs/custom-elements-es5-adapter.js +15 -0
  75. package/compodoc/js/libs/custom-elements.min.js +38 -0
  76. package/compodoc/js/libs/d3.v3.min.js +2 -0
  77. package/compodoc/js/libs/deep-iterator.js +2 -0
  78. package/compodoc/js/libs/es6-shim.min.js +12 -0
  79. package/compodoc/js/libs/htmlparser.js +23 -0
  80. package/compodoc/js/libs/innersvg.js +9 -0
  81. package/compodoc/js/libs/lit-html.js +1 -0
  82. package/compodoc/js/libs/prism.js +46 -0
  83. package/compodoc/js/libs/promise.min.js +6 -0
  84. package/compodoc/js/libs/svg-pan-zoom.min.js +3 -0
  85. package/compodoc/js/libs/tablesort.min.js +6 -0
  86. package/compodoc/js/libs/tablesort.number.min.js +6 -0
  87. package/compodoc/js/libs/vis.min.js +47 -0
  88. package/compodoc/js/libs/zepto.min.js +2 -0
  89. package/compodoc/js/menu-wc.js +237 -0
  90. package/compodoc/js/menu-wc_es5.js +40 -0
  91. package/compodoc/js/menu.js +270 -0
  92. package/compodoc/js/routes.js +301 -0
  93. package/compodoc/js/search/lunr.min.js +6 -0
  94. package/compodoc/js/search/search-lunr.js +67 -0
  95. package/compodoc/js/search/search.js +283 -0
  96. package/compodoc/js/search/search_index.js +4 -0
  97. package/compodoc/js/sourceCode.js +58 -0
  98. package/compodoc/js/svg-pan-zoom.controls.js +53 -0
  99. package/compodoc/js/tabs.js +21 -0
  100. package/compodoc/js/tree.js +147 -0
  101. package/compodoc/license.html +731 -0
  102. package/compodoc/miscellaneous/functions.html +460 -0
  103. package/compodoc/miscellaneous/typealiases.html +256 -0
  104. package/compodoc/miscellaneous/variables.html +370 -0
  105. package/compodoc/modules.html +183 -0
  106. package/compodoc/overview.html +225 -0
  107. package/compodoc/pipes/ReplaceRouterPathsPipe.html +363 -0
  108. package/compodoc/properties.html +195 -0
  109. package/compodoc/styles/bootstrap-card.css +219 -0
  110. package/compodoc/styles/bootstrap.min.css +6 -0
  111. package/compodoc/styles/compodoc.css +1124 -0
  112. package/compodoc/styles/dark.css +121 -0
  113. package/compodoc/styles/ionicons.min.css +11 -0
  114. package/compodoc/styles/laravel.css +113 -0
  115. package/compodoc/styles/material.css +131 -0
  116. package/compodoc/styles/original.css +51 -0
  117. package/compodoc/styles/postmark.css +238 -0
  118. package/compodoc/styles/prism.css +301 -0
  119. package/compodoc/styles/readthedocs.css +117 -0
  120. package/compodoc/styles/reset.css +129 -0
  121. package/compodoc/styles/stripe.css +106 -0
  122. package/compodoc/styles/style.css +7 -0
  123. package/compodoc/styles/tablesort.css +33 -0
  124. package/compodoc/styles/vagrant.css +130 -0
  125. package/docs/.nojekyll +1 -0
  126. package/docs/assets/highlight.css +43 -0
  127. package/docs/assets/icons.js +15 -0
  128. package/docs/assets/icons.svg +1 -0
  129. package/docs/assets/main.js +59 -0
  130. package/docs/assets/navigation.js +1 -0
  131. package/docs/assets/search.js +1 -0
  132. package/docs/assets/style.css +1412 -0
  133. package/docs/classes/AppUrlService.html +13 -0
  134. package/docs/classes/AppsButtonComponent.html +9 -0
  135. package/docs/classes/AuthenticationServiceMock.html +3 -0
  136. package/docs/classes/FooterComponent.html +3 -0
  137. package/docs/classes/FooterDirective.html +8 -0
  138. package/docs/classes/HeaderComponent.html +8 -0
  139. package/docs/classes/LanguageSelectorComponent.html +3 -0
  140. package/docs/classes/LayoutComponent.html +18 -0
  141. package/docs/classes/LayoutComponentService.html +15 -0
  142. package/docs/classes/NavigationComponent.html +15 -0
  143. package/docs/classes/NavigationItemComponent.html +22 -0
  144. package/docs/classes/NavigationProgressBarComponent.html +4 -0
  145. package/docs/classes/NavigationService.html +17 -0
  146. package/docs/classes/ReplaceRouterPathsPipe.html +4 -0
  147. package/docs/classes/ReplaceRouterPathsService.html +3 -0
  148. package/docs/classes/ResetButtonComponent.html +3 -0
  149. package/docs/classes/SettingsButtonComponent.html +30 -0
  150. package/docs/classes/SidenavComponent.html +5 -0
  151. package/docs/classes/SidenavComponentService.html +5 -0
  152. package/docs/classes/SidenavFooterDirective.html +3 -0
  153. package/docs/classes/SidenavHeaderDirective.html +3 -0
  154. package/docs/classes/SidenavToggleButtonComponent.html +4 -0
  155. package/docs/classes/SignOutComponent.html +4 -0
  156. package/docs/classes/ToggleWindowSidenavButtonComponent.html +5 -0
  157. package/docs/classes/UserProfileIconComponent.html +6 -0
  158. package/docs/classes/VersionComponent.html +7 -0
  159. package/docs/classes/WindowContainerSidenavComponent.html +10 -0
  160. package/docs/documentation.json +13308 -0
  161. package/docs/functions/IsNavigationDividerItem.html +1 -0
  162. package/docs/functions/IsNavigationInsertItem.html +1 -0
  163. package/docs/functions/IsNavigationItem.html +1 -0
  164. package/docs/index.html +25 -0
  165. package/docs/interfaces/ExternalApps.html +8 -0
  166. package/docs/interfaces/LogoConfig.html +4 -0
  167. package/docs/interfaces/NavigationDividerItem.html +3 -0
  168. package/docs/interfaces/NavigationInsertItem.html +2 -0
  169. package/docs/interfaces/NavigationItem.html +6 -0
  170. package/docs/interfaces/NavigationStatus.html +2 -0
  171. package/docs/modules.html +47 -0
  172. package/docs/types/ExtractUsernameFromProfileFn.html +1 -0
  173. package/docs/types/Navigation.html +1 -0
  174. package/docs/types/NavigationWithInserts.html +1 -0
  175. package/docs/variables/EXTRACT_USERNAME_FROM_PROFILE.html +1 -0
  176. package/docs/variables/RXAP_FOOTER_COMPONENT.html +1 -0
  177. package/docs/variables/RXAP_HEADER_COMPONENT.html +1 -0
  178. package/docs/variables/RXAP_LAYOUT_APPS_GRID.html +1 -0
  179. package/docs/variables/RXAP_LOGO_CONFIG.html +1 -0
  180. package/docs/variables/RXAP_NAVIGATION_CONFIG.html +1 -0
  181. package/docs/variables/RXAP_NAVIGATION_CONFIG_INSERTS.html +1 -0
  182. package/package.json +46 -44
package/compodoc/components/NavigationComponent.html ADDED
@@ -0,0 +1,1156 @@
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
+ NavigationComponent</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="#styleData" class="nav-link"
110
+ role="tab" id="styleData-tab" data-bs-toggle="tab" data-link="style">Styles</a>
111
+ </li>
112
+ <li class="nav-item">
113
+ <a href="#tree" class="nav-link"
114
+ role="tab" id="tree-tab" data-bs-toggle="tab" data-link="dom-tree">DOM Tree</a>
115
+ </li>
116
+ </ul>
117
+
118
+ <div class="tab-content">
119
+ <div class="tab-pane fade active in" id="info"><p class="comment">
120
+ <h3>File</h3>
121
+ </p>
122
+ <p class="comment">
123
+ <code>src/lib/navigation/navigation.component.ts</code>
124
+ </p>
125
+
126
+
127
+
128
+
129
+ <p class="comment">
130
+ <h3>Implements</h3>
131
+ </p>
132
+ <p class="comment">
133
+ <code>OnInit</code>
134
+ <code>OnDestroy</code>
135
+ </p>
136
+
137
+
138
+ <section data-compodoc="block-metadata">
139
+ <h3>Metadata</h3>
140
+ <table class="table table-sm table-hover metadata">
141
+ <tbody>
142
+
143
+ <tr>
144
+ <td class="col-md-3">changeDetection</td>
145
+ <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
146
+ </tr>
147
+
148
+ <tr>
149
+ <td class="col-md-3">encapsulation</td>
150
+ <td class="col-md-9"><code>ViewEncapsulation.None</code></td>
151
+ </tr>
152
+
153
+
154
+
155
+
156
+ <tr>
157
+ <td class="col-md-3">host</td>
158
+ <td class="col-md-9"><code>{<br>}</code></td>
159
+ </tr>
160
+
161
+
162
+
163
+
164
+
165
+
166
+ <tr>
167
+ <td class="col-md-3">selector</td>
168
+ <td class="col-md-9"><code>ul[rxap-navigation]</code></td>
169
+ </tr>
170
+
171
+ <tr>
172
+ <td class="col-md-3">standalone</td>
173
+ <td class="col-md-9"><code>true</code></td>
174
+ </tr>
175
+
176
+ <tr>
177
+ <td class="col-md-3">imports</td>
178
+ <td class="col-md-9">
179
+ <code>NgFor</code>
180
+ <code>NgIf</code>
181
+ <code>MatDividerModule</code>
182
+ <code><a href="../interfaces/NavigationItem.html" target="_self" >forwardRef(() &#x3D;&gt; NavigationItemComponent)</a></code>
183
+ <code>AsyncPipe</code>
184
+ </td>
185
+ </tr>
186
+
187
+ <tr>
188
+ <td class="col-md-3">styleUrls</td>
189
+ <td class="col-md-9"><code>./navigation.component.scss</code></td>
190
+ </tr>
191
+
192
+
193
+
194
+ <tr>
195
+ <td class="col-md-3">templateUrl</td>
196
+ <td class="col-md-9"><code>./navigation.component.html</code></td>
197
+ </tr>
198
+
199
+
200
+
201
+
202
+
203
+
204
+
205
+
206
+ </tbody>
207
+ </table>
208
+ </section>
209
+
210
+ <section data-compodoc="block-index">
211
+ <h3 id="index">Index</h3>
212
+ <table class="table table-sm table-bordered index-table">
213
+ <tbody>
214
+ <tr>
215
+ <td class="col-md-4">
216
+ <h6><b>Properties</b></h6>
217
+ </td>
218
+ </tr>
219
+ <tr>
220
+ <td class="col-md-4">
221
+ <ul class="index-list">
222
+ <li>
223
+ <span class="modifier"></span>
224
+ <span class="modifier">Public</span>
225
+ <a href="#_root" >_root</a>
226
+ </li>
227
+ <li>
228
+ <span class="modifier"></span>
229
+ <span class="modifier">Public</span>
230
+ <span class="modifier">Readonly</span>
231
+ <a href="#sidenav" >sidenav</a>
232
+ </li>
233
+ <li>
234
+ <span class="modifier">Public</span>
235
+ <span class="modifier">Optional</span>
236
+ <a href="#subscription" >subscription</a>
237
+ </li>
238
+ </ul>
239
+ </td>
240
+ </tr>
241
+
242
+ <tr>
243
+ <td class="col-md-4">
244
+ <h6><b>Methods</b></h6>
245
+ </td>
246
+ </tr>
247
+ <tr>
248
+ <td class="col-md-4">
249
+ <ul class="index-list">
250
+ <li>
251
+ <span class="modifier">Public</span>
252
+ <a href="#asNavigationItem" >asNavigationItem</a>
253
+ </li>
254
+ <li>
255
+ <span class="modifier">Public</span>
256
+ <a href="#isNavigationDividerItem" >isNavigationDividerItem</a>
257
+ </li>
258
+ <li>
259
+ <span class="modifier">Public</span>
260
+ <a href="#isNavigationItem" >isNavigationItem</a>
261
+ </li>
262
+ </ul>
263
+ </td>
264
+ </tr>
265
+
266
+ <tr>
267
+ <td class="col-md-4">
268
+ <h6><b>Inputs</b></h6>
269
+ </td>
270
+ </tr>
271
+ <tr>
272
+ <td class="col-md-4">
273
+ <ul class="index-list">
274
+ <li>
275
+ <a href="#items" >items</a>
276
+ </li>
277
+ <li>
278
+ <a href="#level" >level</a>
279
+ </li>
280
+ <li>
281
+ <a href="#root" >root</a>
282
+ </li>
283
+ </ul>
284
+ </td>
285
+ </tr>
286
+
287
+
288
+ <tr>
289
+ <td class="col-md-4">
290
+ <h6><b>HostBindings</b></h6>
291
+ </td>
292
+ </tr>
293
+ <tr>
294
+ <td class="col-md-4">
295
+ <ul class="index-list">
296
+ <li>
297
+ <a href="#class.rxap-root-navigation" >class.rxap-root-navigation</a>
298
+ </li>
299
+ </ul>
300
+ </td>
301
+ </tr>
302
+
303
+
304
+ <tr>
305
+ <td class="col-md-4">
306
+ <h6><b>Accessors</b></h6>
307
+ </td>
308
+ </tr>
309
+ <tr>
310
+ <td class="col-md-4">
311
+ <ul class="index-list">
312
+ <li>
313
+ <a href="#root" >root</a>
314
+ </li>
315
+ </ul>
316
+ </td>
317
+ </tr>
318
+ </tbody>
319
+ </table>
320
+ </section>
321
+
322
+ <section data-compodoc="block-constructor">
323
+ <h3 id="constructor">Constructor</h3>
324
+ <table class="table table-sm table-bordered">
325
+ <tbody>
326
+ <tr>
327
+ <td class="col-md-4">
328
+ <code>constructor(navigationService: <a href="../injectables/NavigationService.html" target="_self">NavigationService</a>, cdr: ChangeDetectorRef, sidenav: <a href="../injectables/SidenavComponentService.html" target="_self">SidenavComponentService</a>)</code>
329
+ </td>
330
+ </tr>
331
+ <tr>
332
+ <td class="col-md-4">
333
+ <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">src/lib/navigation/navigation.component.ts:56</a></div>
334
+ </td>
335
+ </tr>
336
+
337
+ <tr>
338
+ <td class="col-md-4">
339
+ <div>
340
+ <b>Parameters :</b>
341
+ <table class="params">
342
+ <thead>
343
+ <tr>
344
+ <td>Name</td>
345
+ <td>Type</td>
346
+ <td>Optional</td>
347
+ </tr>
348
+ </thead>
349
+ <tbody>
350
+ <tr>
351
+ <td>navigationService</td>
352
+
353
+ <td>
354
+ <code><a href="../injectables/NavigationService.html" target="_self" >NavigationService</a></code>
355
+ </td>
356
+
357
+ <td>
358
+ No
359
+ </td>
360
+
361
+ </tr>
362
+ <tr>
363
+ <td>cdr</td>
364
+
365
+ <td>
366
+ <code>ChangeDetectorRef</code>
367
+ </td>
368
+
369
+ <td>
370
+ No
371
+ </td>
372
+
373
+ </tr>
374
+ <tr>
375
+ <td>sidenav</td>
376
+
377
+ <td>
378
+ <code><a href="../injectables/SidenavComponentService.html" target="_self" >SidenavComponentService</a></code>
379
+ </td>
380
+
381
+ <td>
382
+ No
383
+ </td>
384
+
385
+ </tr>
386
+ </tbody>
387
+ </table>
388
+ </div>
389
+ </td>
390
+ </tr>
391
+ </tbody>
392
+ </table>
393
+ </section>
394
+
395
+ <section data-compodoc="block-inputs">
396
+ <h3 id="inputs">Inputs</h3>
397
+ <table class="table table-sm table-bordered">
398
+ <tbody>
399
+ <tr>
400
+ <td class="col-md-4">
401
+ <a name="items"></a>
402
+ <b>items</b>
403
+ </td>
404
+ </tr>
405
+ <tr>
406
+ <td class="col-md-4">
407
+ <i>Type : </i> <code><a href="../miscellaneous/typealiases.html#Navigation" target="_self" >Navigation</a></code>
408
+
409
+ </td>
410
+ </tr>
411
+ <tr>
412
+ <td class="col-md-2" colspan="2">
413
+ <div class="io-line">Defined in <a href="" data-line="53" class="link-to-prism">src/lib/navigation/navigation.component.ts:53</a></div>
414
+ </td>
415
+ </tr>
416
+ </tbody>
417
+ </table>
418
+ <table class="table table-sm table-bordered">
419
+ <tbody>
420
+ <tr>
421
+ <td class="col-md-4">
422
+ <a name="level"></a>
423
+ <b>level</b>
424
+ </td>
425
+ </tr>
426
+ <tr>
427
+ <td class="col-md-4">
428
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
429
+
430
+ </td>
431
+ </tr>
432
+ <tr>
433
+ <td class="col-md-4">
434
+ <i>Default value : </i><code>0</code>
435
+ </td>
436
+ </tr>
437
+ <tr>
438
+ <td class="col-md-2" colspan="2">
439
+ <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">src/lib/navigation/navigation.component.ts:56</a></div>
440
+ </td>
441
+ </tr>
442
+ </tbody>
443
+ </table>
444
+ <table class="table table-sm table-bordered">
445
+ <tbody>
446
+ <tr>
447
+ <td class="col-md-4">
448
+ <a name="root"></a>
449
+ <b>root</b>
450
+ </td>
451
+ </tr>
452
+ <tr>
453
+ <td class="col-md-4">
454
+ <i>Type : </i> <code>boolean | string</code>
455
+
456
+ </td>
457
+ </tr>
458
+ <tr>
459
+ <td class="col-md-2" colspan="2">
460
+ <div class="io-line">Defined in <a href="" data-line="72" class="link-to-prism">src/lib/navigation/navigation.component.ts:72</a></div>
461
+ </td>
462
+ </tr>
463
+ </tbody>
464
+ </table>
465
+ </section>
466
+
467
+ <section data-compodoc="block-properties">
468
+ <h3>HostBindings</h3> <table class="table table-sm table-bordered">
469
+ <tbody>
470
+ <tr>
471
+ <td class="col-md-4">
472
+ <a name="class.rxap-root-navigation"></a>
473
+ <span class="name">
474
+ <span ><b>class.rxap-root-navigation</b></span>
475
+ <a href="#class.rxap-root-navigation"><span class="icon ion-ios-link"></span></a>
476
+ </span>
477
+ </td>
478
+ </tr>
479
+ <tr>
480
+ <td class="col-md-4">
481
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
482
+
483
+ </td>
484
+ </tr>
485
+ <tr>
486
+ <td class="col-md-4">
487
+ <i>Default value : </i><code>false</code>
488
+ </td>
489
+ </tr>
490
+ <tr>
491
+ <td class="col-md-4">
492
+ <div class="io-line">Defined in <a href="" data-line="69" class="link-to-prism">src/lib/navigation/navigation.component.ts:69</a></div>
493
+ </td>
494
+ </tr>
495
+
496
+
497
+ </tbody>
498
+ </table>
499
+ </section>
500
+
501
+
502
+ <section data-compodoc="block-methods">
503
+
504
+ <h3 id="methods">
505
+ Methods
506
+ </h3>
507
+ <table class="table table-sm table-bordered">
508
+ <tbody>
509
+ <tr>
510
+ <td class="col-md-4">
511
+ <a name="asNavigationItem"></a>
512
+ <span class="name">
513
+ <span class="modifier">Public</span>
514
+ <span ><b>asNavigationItem</b></span>
515
+ <a href="#asNavigationItem"><span class="icon ion-ios-link"></span></a>
516
+ </span>
517
+ </td>
518
+ </tr>
519
+ <tr>
520
+ <td class="col-md-4">
521
+ <span class="modifier-icon icon ion-ios-reset"></span>
522
+ <code>asNavigationItem(item: <a href="../undefineds/Navigation.html" target="_self">NavigationItem | NavigationDividerItem</a>)</code>
523
+ </td>
524
+ </tr>
525
+
526
+
527
+ <tr>
528
+ <td class="col-md-4">
529
+ <div class="io-line">Defined in <a href="" data-line="109"
530
+ class="link-to-prism">src/lib/navigation/navigation.component.ts:109</a></div>
531
+ </td>
532
+ </tr>
533
+
534
+
535
+ <tr>
536
+ <td class="col-md-4">
537
+
538
+ <div class="io-description">
539
+ <b>Parameters :</b>
540
+
541
+ <table class="params">
542
+ <thead>
543
+ <tr>
544
+ <td>Name</td>
545
+ <td>Type</td>
546
+ <td>Optional</td>
547
+ </tr>
548
+ </thead>
549
+ <tbody>
550
+ <tr>
551
+ <td>item</td>
552
+ <td>
553
+ <code><a href="../miscellaneous/typealiases.html#Navigation" target="_self" >NavigationItem | NavigationDividerItem</a></code>
554
+ </td>
555
+
556
+ <td>
557
+ No
558
+ </td>
559
+
560
+
561
+ </tr>
562
+ </tbody>
563
+ </table>
564
+ </div>
565
+ <div class="io-description">
566
+ <b>Returns : </b> <code><a href="../interfaces/NavigationItem.html" target="_self" >NavigationItem</a></code>
567
+
568
+ </div>
569
+ <div class="io-description">
570
+
571
+ </div>
572
+ </td>
573
+ </tr>
574
+ </tbody>
575
+ </table>
576
+ <table class="table table-sm table-bordered">
577
+ <tbody>
578
+ <tr>
579
+ <td class="col-md-4">
580
+ <a name="isNavigationDividerItem"></a>
581
+ <span class="name">
582
+ <span class="modifier">Public</span>
583
+ <span ><b>isNavigationDividerItem</b></span>
584
+ <a href="#isNavigationDividerItem"><span class="icon ion-ios-link"></span></a>
585
+ </span>
586
+ </td>
587
+ </tr>
588
+ <tr>
589
+ <td class="col-md-4">
590
+ <span class="modifier-icon icon ion-ios-reset"></span>
591
+ <code>isNavigationDividerItem(item: <a href="../undefineds/Navigation.html" target="_self">NavigationItem | NavigationDividerItem</a>)</code>
592
+ </td>
593
+ </tr>
594
+
595
+
596
+ <tr>
597
+ <td class="col-md-4">
598
+ <div class="io-line">Defined in <a href="" data-line="97"
599
+ class="link-to-prism">src/lib/navigation/navigation.component.ts:97</a></div>
600
+ </td>
601
+ </tr>
602
+
603
+
604
+ <tr>
605
+ <td class="col-md-4">
606
+
607
+ <div class="io-description">
608
+ <b>Parameters :</b>
609
+
610
+ <table class="params">
611
+ <thead>
612
+ <tr>
613
+ <td>Name</td>
614
+ <td>Type</td>
615
+ <td>Optional</td>
616
+ </tr>
617
+ </thead>
618
+ <tbody>
619
+ <tr>
620
+ <td>item</td>
621
+ <td>
622
+ <code><a href="../miscellaneous/typealiases.html#Navigation" target="_self" >NavigationItem | NavigationDividerItem</a></code>
623
+ </td>
624
+
625
+ <td>
626
+ No
627
+ </td>
628
+
629
+
630
+ </tr>
631
+ </tbody>
632
+ </table>
633
+ </div>
634
+ <div class="io-description">
635
+ <b>Returns : </b> <code><a href="../interfaces/NavigationDividerItem.html" target="_self" >NavigationDividerItem</a></code>
636
+
637
+ </div>
638
+ <div class="io-description">
639
+
640
+ </div>
641
+ </td>
642
+ </tr>
643
+ </tbody>
644
+ </table>
645
+ <table class="table table-sm table-bordered">
646
+ <tbody>
647
+ <tr>
648
+ <td class="col-md-4">
649
+ <a name="isNavigationItem"></a>
650
+ <span class="name">
651
+ <span class="modifier">Public</span>
652
+ <span ><b>isNavigationItem</b></span>
653
+ <a href="#isNavigationItem"><span class="icon ion-ios-link"></span></a>
654
+ </span>
655
+ </td>
656
+ </tr>
657
+ <tr>
658
+ <td class="col-md-4">
659
+ <span class="modifier-icon icon ion-ios-reset"></span>
660
+ <code>isNavigationItem(item: <a href="../undefineds/Navigation.html" target="_self">NavigationItem | NavigationDividerItem</a>)</code>
661
+ </td>
662
+ </tr>
663
+
664
+
665
+ <tr>
666
+ <td class="col-md-4">
667
+ <div class="io-line">Defined in <a href="" data-line="103"
668
+ class="link-to-prism">src/lib/navigation/navigation.component.ts:103</a></div>
669
+ </td>
670
+ </tr>
671
+
672
+
673
+ <tr>
674
+ <td class="col-md-4">
675
+
676
+ <div class="io-description">
677
+ <b>Parameters :</b>
678
+
679
+ <table class="params">
680
+ <thead>
681
+ <tr>
682
+ <td>Name</td>
683
+ <td>Type</td>
684
+ <td>Optional</td>
685
+ </tr>
686
+ </thead>
687
+ <tbody>
688
+ <tr>
689
+ <td>item</td>
690
+ <td>
691
+ <code><a href="../miscellaneous/typealiases.html#Navigation" target="_self" >NavigationItem | NavigationDividerItem</a></code>
692
+ </td>
693
+
694
+ <td>
695
+ No
696
+ </td>
697
+
698
+
699
+ </tr>
700
+ </tbody>
701
+ </table>
702
+ </div>
703
+ <div class="io-description">
704
+ <b>Returns : </b> <code><a href="../interfaces/NavigationItem.html" target="_self" >NavigationItem</a></code>
705
+
706
+ </div>
707
+ <div class="io-description">
708
+
709
+ </div>
710
+ </td>
711
+ </tr>
712
+ </tbody>
713
+ </table>
714
+ </section>
715
+ <section data-compodoc="block-properties">
716
+
717
+ <h3 id="inputs">
718
+ Properties
719
+ </h3>
720
+ <table class="table table-sm table-bordered">
721
+ <tbody>
722
+ <tr>
723
+ <td class="col-md-4">
724
+ <a name="_root"></a>
725
+ <span class="name">
726
+ <span class="modifier"></span>
727
+ <span class="modifier">Public</span>
728
+ <span ><b>_root</b></span>
729
+ <a href="#_root"><span class="icon ion-ios-link"></span></a>
730
+ </span>
731
+ </td>
732
+ </tr>
733
+ <tr>
734
+ <td class="col-md-4">
735
+ <i>Default value : </i><code>false</code>
736
+ </td>
737
+ </tr>
738
+ <tr>
739
+ <td class="col-md-4">
740
+ <b>Decorators : </b>
741
+ <br />
742
+ <code>
743
+ @HostBinding(&#x27;class.rxap-root-navigation&#x27;)<br />
744
+ </code>
745
+ </td>
746
+ </tr>
747
+ <tr>
748
+ <td class="col-md-4">
749
+ <div class="io-line">Defined in <a href="" data-line="69" class="link-to-prism">src/lib/navigation/navigation.component.ts:69</a></div>
750
+ </td>
751
+ </tr>
752
+
753
+
754
+ </tbody>
755
+ </table>
756
+ <table class="table table-sm table-bordered">
757
+ <tbody>
758
+ <tr>
759
+ <td class="col-md-4">
760
+ <a name="sidenav"></a>
761
+ <span class="name">
762
+ <span class="modifier"></span>
763
+ <span class="modifier">Public</span>
764
+ <span class="modifier">Readonly</span>
765
+ <span ><b>sidenav</b></span>
766
+ <a href="#sidenav"><span class="icon ion-ios-link"></span></a>
767
+ </span>
768
+ </td>
769
+ </tr>
770
+ <tr>
771
+ <td class="col-md-4">
772
+ <i>Type : </i> <code><a href="../injectables/SidenavComponentService.html" target="_self" >SidenavComponentService</a></code>
773
+
774
+ </td>
775
+ </tr>
776
+ <tr>
777
+ <td class="col-md-4">
778
+ <b>Decorators : </b>
779
+ <br />
780
+ <code>
781
+ @Inject(SidenavComponentService)<br />
782
+ </code>
783
+ </td>
784
+ </tr>
785
+ <tr>
786
+ <td class="col-md-4">
787
+ <div class="io-line">Defined in <a href="" data-line="64" class="link-to-prism">src/lib/navigation/navigation.component.ts:64</a></div>
788
+ </td>
789
+ </tr>
790
+
791
+
792
+ </tbody>
793
+ </table>
794
+ <table class="table table-sm table-bordered">
795
+ <tbody>
796
+ <tr>
797
+ <td class="col-md-4">
798
+ <a name="subscription"></a>
799
+ <span class="name">
800
+ <span class="modifier">Public</span>
801
+ <span class="modifier">Optional</span>
802
+ <span ><b>subscription</b></span>
803
+ <a href="#subscription"><span class="icon ion-ios-link"></span></a>
804
+ </span>
805
+ </td>
806
+ </tr>
807
+ <tr>
808
+ <td class="col-md-4">
809
+ <i>Type : </i> <code>Subscription</code>
810
+
811
+ </td>
812
+ </tr>
813
+ <tr>
814
+ <td class="col-md-4">
815
+ <div class="io-line">Defined in <a href="" data-line="54" class="link-to-prism">src/lib/navigation/navigation.component.ts:54</a></div>
816
+ </td>
817
+ </tr>
818
+
819
+
820
+ </tbody>
821
+ </table>
822
+ </section>
823
+
824
+ <section data-compodoc="block-accessors">
825
+ <h3 id="accessors">
826
+ Accessors
827
+ </h3>
828
+ <table class="table table-sm table-bordered">
829
+ <tbody>
830
+ <tr>
831
+ <td class="col-md-4">
832
+ <a name="root"></a>
833
+ <span class="name"><b>root</b><a href="#root"><span class="icon ion-ios-link"></span></a></span>
834
+ </td>
835
+ </tr>
836
+
837
+
838
+ <tr>
839
+ <td class="col-md-4">
840
+ <span class="accessor"><b>set</b><code>root(value: boolean | string)</code></span>
841
+ </td>
842
+ </tr>
843
+ <tr>
844
+ <td class="col-md-4">
845
+ <div class="io-line">Defined in <a href="" data-line="72" class="link-to-prism">src/lib/navigation/navigation.component.ts:72</a></div>
846
+ </td>
847
+ </tr>
848
+ <tr>
849
+ <td class="col-md-4">
850
+
851
+ <div class="io-description">
852
+ <b>Parameters :</b>
853
+ <table class="params">
854
+ <thead>
855
+ <tr>
856
+ <td>Name</td>
857
+ <td>Type</td>
858
+ <td>Optional</td>
859
+ </tr>
860
+ </thead>
861
+ <tbody>
862
+ <tr>
863
+ <td>value</td>
864
+
865
+ <td>
866
+ <code>boolean | string</code>
867
+ </td>
868
+
869
+ <td>
870
+ No
871
+ </td>
872
+
873
+ </tr>
874
+ </tbody>
875
+ </table>
876
+ </div>
877
+ <div>
878
+ </div>
879
+ <div class="io-description">
880
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
881
+
882
+ </div>
883
+ </td>
884
+ </tr>
885
+ </tbody>
886
+ </table>
887
+ </section>
888
+ </div>
889
+
890
+
891
+ <div class="tab-pane fade tab-source-code" id="source">
892
+ <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
893
+ AsyncPipe,
894
+ NgFor,
895
+ NgIf,
896
+ } from &#x27;@angular/common&#x27;;
897
+ import {
898
+ ChangeDetectionStrategy,
899
+ ChangeDetectorRef,
900
+ Component,
901
+ forwardRef,
902
+ HostBinding,
903
+ Inject,
904
+ Input,
905
+ OnDestroy,
906
+ OnInit,
907
+ ViewEncapsulation,
908
+ } from &#x27;@angular/core&#x27;;
909
+ import { MatDividerModule } from &#x27;@angular/material/divider&#x27;;
910
+ import { coerceBoolean } from &#x27;@rxap/utilities&#x27;;
911
+ import { Subscription } from &#x27;rxjs&#x27;;
912
+ import { tap } from &#x27;rxjs/operators&#x27;;
913
+ import { SidenavComponentService } from &#x27;../sidenav/sidenav.component.service&#x27;;
914
+ import {
915
+ Navigation,
916
+ NavigationDividerItem,
917
+ NavigationItem,
918
+ } from &#x27;./navigation-item&#x27;;
919
+ import { NavigationItemComponent } from &#x27;./navigation-item/navigation-item.component&#x27;;
920
+ import { NavigationService } from &#x27;./navigation.service&#x27;;
921
+
922
+ @Component({
923
+ // eslint-disable-next-line @angular-eslint/component-selector
924
+ selector: &#x27;ul[rxap-navigation]&#x27;,
925
+ templateUrl: &#x27;./navigation.component.html&#x27;,
926
+ styleUrls: [ &#x27;./navigation.component.scss&#x27; ],
927
+ changeDetection: ChangeDetectionStrategy.OnPush,
928
+ encapsulation: ViewEncapsulation.None,
929
+ standalone: true,
930
+ // eslint-disable-next-line @angular-eslint/no-host-metadata-property
931
+ host: {
932
+ class: &#x27;list-none dark:text-neutral-400 text-neutral-700&#x27;,
933
+ },
934
+ imports: [
935
+ NgFor,
936
+ NgIf,
937
+ MatDividerModule,
938
+ forwardRef(() &#x3D;&gt; NavigationItemComponent),
939
+ AsyncPipe,
940
+ ],
941
+ })
942
+ export class NavigationComponent implements OnInit, OnDestroy {
943
+ @Input()
944
+ public items!: Navigation;
945
+ public subscription?: Subscription;
946
+ @Input()
947
+ public level &#x3D; 0;
948
+
949
+ constructor(
950
+ @Inject(NavigationService)
951
+ private readonly navigationService: NavigationService,
952
+ @Inject(ChangeDetectorRef)
953
+ private readonly cdr: ChangeDetectorRef,
954
+ @Inject(SidenavComponentService)
955
+ public readonly sidenav: SidenavComponentService,
956
+ ) {
957
+ }
958
+
959
+ @HostBinding(&#x27;class.rxap-root-navigation&#x27;)
960
+ public _root &#x3D; false;
961
+
962
+ @Input()
963
+ public set root(value: boolean | &#x27;&#x27;) {
964
+ this._root &#x3D; coerceBoolean(value);
965
+ }
966
+
967
+ public ngOnInit(): void {
968
+ if (this._root) {
969
+ this.items &#x3D; [];
970
+ this.subscription &#x3D; this.navigationService.config$
971
+ .pipe(
972
+ tap((navigation) &#x3D;&gt; (this.items &#x3D; navigation)),
973
+ tap(() &#x3D;&gt; this.cdr.detectChanges()),
974
+ )
975
+ .subscribe();
976
+ }
977
+ this.items ??&#x3D; [];
978
+ }
979
+
980
+ public ngOnDestroy() {
981
+ this.subscription?.unsubscribe();
982
+ }
983
+
984
+ // region type save item property
985
+
986
+ // required to check the type of the item property in the ngFor loop
987
+
988
+ public isNavigationDividerItem(
989
+ item: NavigationItem | NavigationDividerItem,
990
+ ): item is NavigationDividerItem {
991
+ return (item as any)[&#x27;divider&#x27;];
992
+ }
993
+
994
+ public isNavigationItem(
995
+ item: NavigationItem | NavigationDividerItem,
996
+ ): item is NavigationItem {
997
+ return !this.isNavigationDividerItem(item);
998
+ }
999
+
1000
+ public asNavigationItem(
1001
+ item: NavigationItem | NavigationDividerItem,
1002
+ ): NavigationItem {
1003
+ if (!this.isNavigationItem(item)) {
1004
+ throw new Error(&#x27;The item is not a NavigationItem&#x27;);
1005
+ }
1006
+ return item;
1007
+ }
1008
+
1009
+ // endregion
1010
+ }
1011
+ </code></pre>
1012
+ </div>
1013
+
1014
+ <div class="tab-pane fade " id="templateData">
1015
+ <pre class="line-numbers"><code class="language-html">&lt;ng-template [ngForOf]&#x3D;&quot;items&quot; let-item ngFor&gt;
1016
+ &lt;ng-template [ngIf]&#x3D;&quot;isNavigationDividerItem(item)&quot;&gt;
1017
+ &lt;mat-divider&gt;&lt;/mat-divider&gt;
1018
+ &lt;div *ngIf&#x3D;&quot;(sidenav.collapsed$ | async) &#x3D;&#x3D;&#x3D; false&quot; class&#x3D;&quot;pl-5 h-6&quot;&gt;
1019
+ &lt;span *ngIf&#x3D;&quot;item.title&quot;&gt;{{item.title}}&lt;/span&gt;
1020
+ &lt;/div&gt;
1021
+ &lt;/ng-template&gt;
1022
+ &lt;ng-template [ngIf]&#x3D;&quot;isNavigationItem(item)&quot;&gt;
1023
+ &lt;li [item]&#x3D;&quot;asNavigationItem(item)&quot; [level]&#x3D;&quot;level&quot; class&#x3D;&quot;dark:hover:text-white hover:text-black&quot;
1024
+ rxap-navigation-item&gt;&lt;/li&gt;
1025
+ &lt;/ng-template&gt;
1026
+ &lt;/ng-template&gt;
1027
+ </code></pre>
1028
+ </div>
1029
+
1030
+ <div class="tab-pane fade " id="styleData">
1031
+ <p class="comment">
1032
+ <code>./navigation.component.scss</code>
1033
+ </p>
1034
+ <pre class="line-numbers"><code class="language-scss"></code></pre>
1035
+ </div>
1036
+
1037
+ <div class="tab-pane fade " id="tree">
1038
+ <div id="tree-container"></div>
1039
+ <div class="tree-legend">
1040
+ <div class="title">
1041
+ <b>Legend</b>
1042
+ </div>
1043
+ <div>
1044
+ <div class="color htmlelement"></div><span>Html element</span>
1045
+ </div>
1046
+ <div>
1047
+ <div class="color component"></div><span>Component</span>
1048
+ </div>
1049
+ <div>
1050
+ <div class="color directive"></div><span>Html element with directive</span>
1051
+ </div>
1052
+ </div>
1053
+ </div>
1054
+
1055
+
1056
+ </div>
1057
+
1058
+ <script src="../js/libs/vis.min.js"></script>
1059
+ <script src="../js/libs/htmlparser.js"></script>
1060
+ <script src="../js/libs/deep-iterator.js"></script>
1061
+ <script>
1062
+ var COMPONENT_TEMPLATE = '<div><ng-template [ngForOf]="items" let-item ngFor> <ng-template [ngIf]="isNavigationDividerItem(item)"> <mat-divider></mat-divider> <div *ngIf="(sidenav.collapsed$ | async) === false" class="pl-5 h-6"> <span *ngIf="item.title">{{item.title}}</span> </div> </ng-template> <ng-template [ngIf]="isNavigationItem(item)"> <li [item]="asNavigationItem(item)" [level]="level" class="dark:hover:text-white hover:text-black" rxap-navigation-item></li> </ng-template></ng-template></div>'
1063
+ var COMPONENTS = [{'name': 'AppsButtonComponent', 'selector': 'rxap-apps-button'},{'name': 'FooterComponent', 'selector': 'rxap-footer'},{'name': 'HeaderComponent', 'selector': 'rxap-header'},{'name': 'LanguageSelectorComponent', 'selector': 'rxap-language-selector'},{'name': 'LayoutComponent', 'selector': 'rxap-layout'},{'name': 'NavigationComponent', 'selector': 'ul[rxap-navigation]'},{'name': 'NavigationItemComponent', 'selector': 'li[rxap-navigation-item]'},{'name': 'NavigationProgressBarComponent', 'selector': 'rxap-navigation-progress-bar'},{'name': 'ResetButtonComponent', 'selector': 'rxap-reset-button'},{'name': 'SettingsButtonComponent', 'selector': 'rxap-settings-button'},{'name': 'SidenavComponent', 'selector': 'rxap-sidenav'},{'name': 'SidenavToggleButtonComponent', 'selector': 'rxap-sidenav-toggle-button'},{'name': 'SignOutComponent', 'selector': 'rxap-sign-out'},{'name': 'ToggleWindowSidenavButtonComponent', 'selector': 'rxap-toggle-window-sidenav-button'},{'name': 'UserProfileIconComponent', 'selector': 'rxap-user-profile-icon'},{'name': 'VersionComponent', 'selector': 'rxap-version'},{'name': 'WindowContainerSidenavComponent', 'selector': 'rxap-window-container-sidenav'}];
1064
+ var DIRECTIVES = [{'name': 'FooterDirective', 'selector': '[rxapFooter]'},{'name': 'SidenavFooterDirective', 'selector': '[rxapSidenavFooter]'},{'name': 'SidenavHeaderDirective', 'selector': '[rxapSidenavHeader]'}];
1065
+ var ACTUAL_COMPONENT = {'name': 'NavigationComponent'};
1066
+ </script>
1067
+ <script src="../js/tree.js"></script>
1068
+
1069
+
1070
+
1071
+
1072
+
1073
+
1074
+
1075
+
1076
+
1077
+
1078
+
1079
+
1080
+
1081
+
1082
+
1083
+
1084
+
1085
+ </div><div class="search-results">
1086
+ <div class="has-results">
1087
+ <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
1088
+ <ul class="search-results-list"></ul>
1089
+ </div>
1090
+ <div class="no-results">
1091
+ <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
1092
+ </div>
1093
+ </div>
1094
+ </div>
1095
+ <!-- END CONTENT -->
1096
+ </div>
1097
+ </div>
1098
+
1099
+ <label class="dark-mode-switch">
1100
+ <input type="checkbox">
1101
+ <span class="slider">
1102
+ <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">
1103
+ <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
1104
+ </svg>
1105
+ </span>
1106
+ </label>
1107
+
1108
+ <script>
1109
+ var COMPODOC_CURRENT_PAGE_DEPTH = 1;
1110
+ var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
1111
+ var COMPODOC_CURRENT_PAGE_URL = 'NavigationComponent.html';
1112
+ var MAX_SEARCH_RESULTS = 15;
1113
+ </script>
1114
+
1115
+ <script>
1116
+ $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
1117
+ checkToggle(darkModeState);
1118
+ if ($darkModeToggleSwitchers.length > 0) {
1119
+ for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
1120
+ $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
1121
+ darkModeState = !darkModeState;
1122
+ toggleDarkMode(darkModeState);
1123
+ });
1124
+ }
1125
+ }
1126
+ </script>
1127
+
1128
+ <script src="../js/libs/custom-elements.min.js"></script>
1129
+ <script src="../js/libs/lit-html.js"></script>
1130
+
1131
+ <script src="../js/menu-wc.js" defer></script>
1132
+ <script nomodule src="../js/menu-wc_es5.js" defer></script>
1133
+
1134
+ <script src="../js/libs/bootstrap-native.js"></script>
1135
+
1136
+ <script src="../js/libs/es6-shim.min.js"></script>
1137
+ <script src="../js/libs/EventDispatcher.js"></script>
1138
+ <script src="../js/libs/promise.min.js"></script>
1139
+ <script src="../js/libs/zepto.min.js"></script>
1140
+
1141
+ <script src="../js/compodoc.js"></script>
1142
+
1143
+ <script src="../js/tabs.js"></script>
1144
+ <script src="../js/menu.js"></script>
1145
+ <script src="../js/libs/clipboard.min.js"></script>
1146
+ <script src="../js/libs/prism.js"></script>
1147
+ <script src="../js/sourceCode.js"></script>
1148
+ <script src="../js/search/search.js"></script>
1149
+ <script src="../js/search/lunr.min.js"></script>
1150
+ <script src="../js/search/search-lunr.js"></script>
1151
+ <script src="../js/search/search_index.js"></script>
1152
+ <script src="../js/lazy-load-graphs.js"></script>
1153
+
1154
+
1155
+ </body>
1156
+ </html>