@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/ToggleWindowSidenavButtonComponent.html ADDED
@@ -0,0 +1,549 @@
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
+ ToggleWindowSidenavButtonComponent</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/toggle-window-sidenav-button/toggle-window-sidenav-button.component.ts</code>
124
+ </p>
125
+
126
+
127
+
128
+
129
+
130
+
131
+ <section data-compodoc="block-metadata">
132
+ <h3>Metadata</h3>
133
+ <table class="table table-sm table-hover metadata">
134
+ <tbody>
135
+
136
+ <tr>
137
+ <td class="col-md-3">changeDetection</td>
138
+ <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
139
+ </tr>
140
+
141
+
142
+
143
+
144
+
145
+ <tr>
146
+ <td class="col-md-3">host</td>
147
+ <td class="col-md-9"><code>{<br>}</code></td>
148
+ </tr>
149
+
150
+
151
+
152
+
153
+
154
+
155
+ <tr>
156
+ <td class="col-md-3">selector</td>
157
+ <td class="col-md-9"><code>rxap-toggle-window-sidenav-button</code></td>
158
+ </tr>
159
+
160
+ <tr>
161
+ <td class="col-md-3">standalone</td>
162
+ <td class="col-md-9"><code>true</code></td>
163
+ </tr>
164
+
165
+ <tr>
166
+ <td class="col-md-3">imports</td>
167
+ <td class="col-md-9">
168
+ <code>MatButtonModule</code>
169
+ <code>NgIf</code>
170
+ <code>MatIconModule</code>
171
+ </td>
172
+ </tr>
173
+
174
+ <tr>
175
+ <td class="col-md-3">styleUrls</td>
176
+ <td class="col-md-9"><code>./toggle-window-sidenav-button.component.scss</code></td>
177
+ </tr>
178
+
179
+
180
+
181
+ <tr>
182
+ <td class="col-md-3">templateUrl</td>
183
+ <td class="col-md-9"><code>./toggle-window-sidenav-button.component.html</code></td>
184
+ </tr>
185
+
186
+
187
+
188
+
189
+
190
+
191
+
192
+
193
+ </tbody>
194
+ </table>
195
+ </section>
196
+
197
+ <section data-compodoc="block-index">
198
+ <h3 id="index">Index</h3>
199
+ <table class="table table-sm table-bordered index-table">
200
+ <tbody>
201
+
202
+ <tr>
203
+ <td class="col-md-4">
204
+ <h6><b>Methods</b></h6>
205
+ </td>
206
+ </tr>
207
+ <tr>
208
+ <td class="col-md-4">
209
+ <ul class="index-list">
210
+ <li>
211
+ <span class="modifier">Public</span>
212
+ <a href="#toggle" >toggle</a>
213
+ </li>
214
+ </ul>
215
+ </td>
216
+ </tr>
217
+
218
+ <tr>
219
+ <td class="col-md-4">
220
+ <h6><b>Inputs</b></h6>
221
+ </td>
222
+ </tr>
223
+ <tr>
224
+ <td class="col-md-4">
225
+ <ul class="index-list">
226
+ <li>
227
+ <a href="#openWindowSidenav" >openWindowSidenav</a>
228
+ </li>
229
+ </ul>
230
+ </td>
231
+ </tr>
232
+
233
+ <tr>
234
+ <td class="col-md-4">
235
+ <h6><b>Outputs</b></h6>
236
+ </td>
237
+ </tr>
238
+ <tr>
239
+ <td class="col-md-4">
240
+ <ul class="index-list">
241
+ <li>
242
+ <a href="#openWindowSidenavChange" >openWindowSidenavChange</a>
243
+ </li>
244
+ </ul>
245
+ </td>
246
+ </tr>
247
+
248
+
249
+
250
+ </tbody>
251
+ </table>
252
+ </section>
253
+
254
+
255
+ <section data-compodoc="block-inputs">
256
+ <h3 id="inputs">Inputs</h3>
257
+ <table class="table table-sm table-bordered">
258
+ <tbody>
259
+ <tr>
260
+ <td class="col-md-4">
261
+ <a name="openWindowSidenav"></a>
262
+ <b>openWindowSidenav</b>
263
+ </td>
264
+ </tr>
265
+ <tr>
266
+ <td class="col-md-4">
267
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
268
+
269
+ </td>
270
+ </tr>
271
+ <tr>
272
+ <td class="col-md-4">
273
+ <i>Default value : </i><code>false</code>
274
+ </td>
275
+ </tr>
276
+ <tr>
277
+ <td class="col-md-2" colspan="2">
278
+ <div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">src/lib/toggle-window-sidenav-button/toggle-window-sidenav-button.component.ts:27</a></div>
279
+ </td>
280
+ </tr>
281
+ </tbody>
282
+ </table>
283
+ </section>
284
+ <section data-compodoc="block-outputs">
285
+ <h3 id="outputs">Outputs</h3>
286
+ <table class="table table-sm table-bordered">
287
+ <tbody>
288
+ <tr>
289
+ <td class="col-md-4">
290
+ <a name="openWindowSidenavChange"></a>
291
+ <b>openWindowSidenavChange</b>
292
+ </td>
293
+ </tr>
294
+ <tr>
295
+ <td class="col-md-4">
296
+ <i>Type : </i> <code>EventEmitter</code>
297
+
298
+ </td>
299
+ </tr>
300
+ <tr>
301
+ <td class="col-md-2" colspan="2">
302
+ <div class="io-line">Defined in <a href="" data-line="30" class="link-to-prism">src/lib/toggle-window-sidenav-button/toggle-window-sidenav-button.component.ts:30</a></div>
303
+ </td>
304
+ </tr>
305
+ </tbody>
306
+ </table>
307
+ </section>
308
+
309
+
310
+ <section data-compodoc="block-methods">
311
+
312
+ <h3 id="methods">
313
+ Methods
314
+ </h3>
315
+ <table class="table table-sm table-bordered">
316
+ <tbody>
317
+ <tr>
318
+ <td class="col-md-4">
319
+ <a name="toggle"></a>
320
+ <span class="name">
321
+ <span class="modifier">Public</span>
322
+ <span ><b>toggle</b></span>
323
+ <a href="#toggle"><span class="icon ion-ios-link"></span></a>
324
+ </span>
325
+ </td>
326
+ </tr>
327
+ <tr>
328
+ <td class="col-md-4">
329
+ <span class="modifier-icon icon ion-ios-reset"></span>
330
+ <code>toggle()</code>
331
+ </td>
332
+ </tr>
333
+
334
+
335
+ <tr>
336
+ <td class="col-md-4">
337
+ <div class="io-line">Defined in <a href="" data-line="32"
338
+ class="link-to-prism">src/lib/toggle-window-sidenav-button/toggle-window-sidenav-button.component.ts:32</a></div>
339
+ </td>
340
+ </tr>
341
+
342
+
343
+ <tr>
344
+ <td class="col-md-4">
345
+
346
+ <div class="io-description">
347
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
348
+
349
+ </div>
350
+ </td>
351
+ </tr>
352
+ </tbody>
353
+ </table>
354
+ </section>
355
+
356
+ </div>
357
+
358
+
359
+ <div class="tab-pane fade tab-source-code" id="source">
360
+ <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
361
+ ChangeDetectionStrategy,
362
+ Component,
363
+ EventEmitter,
364
+ Input,
365
+ Output,
366
+ } from &#x27;@angular/core&#x27;;
367
+ import { MatIconModule } from &#x27;@angular/material/icon&#x27;;
368
+ import { NgIf } from &#x27;@angular/common&#x27;;
369
+ import { MatButtonModule } from &#x27;@angular/material/button&#x27;;
370
+
371
+ @Component({
372
+ selector: &#x27;rxap-toggle-window-sidenav-button&#x27;,
373
+ templateUrl: &#x27;./toggle-window-sidenav-button.component.html&#x27;,
374
+ styleUrls: [ &#x27;./toggle-window-sidenav-button.component.scss&#x27; ],
375
+ changeDetection: ChangeDetectionStrategy.OnPush,
376
+ // eslint-disable-next-line @angular-eslint/no-host-metadata-property
377
+ host: {
378
+ class: &#x27;rxap-toggle-window-sidenav-button&#x27;,
379
+ },
380
+ standalone: true,
381
+ imports: [ MatButtonModule, NgIf, MatIconModule ],
382
+ })
383
+ export class ToggleWindowSidenavButtonComponent {
384
+
385
+ @Input()
386
+ public openWindowSidenav &#x3D; false;
387
+
388
+ @Output()
389
+ public openWindowSidenavChange &#x3D; new EventEmitter&lt;boolean&gt;();
390
+
391
+ public toggle() {
392
+ this.openWindowSidenav &#x3D; !this.openWindowSidenav;
393
+ this.openWindowSidenavChange.emit(this.openWindowSidenav);
394
+ }
395
+
396
+ }
397
+ </code></pre>
398
+ </div>
399
+
400
+ <div class="tab-pane fade " id="templateData">
401
+ <pre class="line-numbers"><code class="language-html">&lt;div class&#x3D;&quot;toggle-button&quot;&gt;
402
+ &lt;button (click)&#x3D;&quot;toggle()&quot; mat-icon-button&gt;
403
+ &lt;ng-template [ngIfElse]&#x3D;&quot;hide&quot; [ngIf]&#x3D;&quot;!openWindowSidenav&quot;&gt;
404
+ &lt;mat-icon svgIcon&#x3D;&quot;arrow-left-bold&quot;&gt;&lt;/mat-icon&gt;
405
+ &lt;/ng-template&gt;
406
+ &lt;ng-template #hide&gt;
407
+ &lt;mat-icon svgIcon&#x3D;&quot;arrow-right-bold&quot;&gt;&lt;/mat-icon&gt;
408
+ &lt;/ng-template&gt;
409
+ &lt;/button&gt;
410
+ &lt;/div&gt;
411
+ </code></pre>
412
+ </div>
413
+
414
+ <div class="tab-pane fade " id="styleData">
415
+ <p class="comment">
416
+ <code>./toggle-window-sidenav-button.component.scss</code>
417
+ </p>
418
+ <pre class="line-numbers"><code class="language-scss">.toggle-button {
419
+ position: absolute;
420
+ top: 70px;
421
+ right: 0;
422
+ z-index: 10000;
423
+ border-radius: 15px 0px 0px 15px;
424
+ border: 1px solid black;
425
+ background: black;
426
+ }
427
+ </code></pre>
428
+ </div>
429
+
430
+ <div class="tab-pane fade " id="tree">
431
+ <div id="tree-container"></div>
432
+ <div class="tree-legend">
433
+ <div class="title">
434
+ <b>Legend</b>
435
+ </div>
436
+ <div>
437
+ <div class="color htmlelement"></div><span>Html element</span>
438
+ </div>
439
+ <div>
440
+ <div class="color component"></div><span>Component</span>
441
+ </div>
442
+ <div>
443
+ <div class="color directive"></div><span>Html element with directive</span>
444
+ </div>
445
+ </div>
446
+ </div>
447
+
448
+
449
+ </div>
450
+
451
+ <script src="../js/libs/vis.min.js"></script>
452
+ <script src="../js/libs/htmlparser.js"></script>
453
+ <script src="../js/libs/deep-iterator.js"></script>
454
+ <script>
455
+ var COMPONENT_TEMPLATE = '<div><div class="toggle-button"> <button (click)="toggle()" mat-icon-button> <ng-template [ngIfElse]="hide" [ngIf]="!openWindowSidenav"> <mat-icon svgIcon="arrow-left-bold"></mat-icon> </ng-template> <ng-template #hide> <mat-icon svgIcon="arrow-right-bold"></mat-icon> </ng-template> </button></div></div>'
456
+ 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'}];
457
+ var DIRECTIVES = [{'name': 'FooterDirective', 'selector': '[rxapFooter]'},{'name': 'SidenavFooterDirective', 'selector': '[rxapSidenavFooter]'},{'name': 'SidenavHeaderDirective', 'selector': '[rxapSidenavHeader]'}];
458
+ var ACTUAL_COMPONENT = {'name': 'ToggleWindowSidenavButtonComponent'};
459
+ </script>
460
+ <script src="../js/tree.js"></script>
461
+
462
+
463
+
464
+
465
+
466
+
467
+
468
+
469
+
470
+
471
+
472
+
473
+
474
+
475
+
476
+
477
+
478
+ </div><div class="search-results">
479
+ <div class="has-results">
480
+ <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
481
+ <ul class="search-results-list"></ul>
482
+ </div>
483
+ <div class="no-results">
484
+ <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
485
+ </div>
486
+ </div>
487
+ </div>
488
+ <!-- END CONTENT -->
489
+ </div>
490
+ </div>
491
+
492
+ <label class="dark-mode-switch">
493
+ <input type="checkbox">
494
+ <span class="slider">
495
+ <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">
496
+ <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
497
+ </svg>
498
+ </span>
499
+ </label>
500
+
501
+ <script>
502
+ var COMPODOC_CURRENT_PAGE_DEPTH = 1;
503
+ var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
504
+ var COMPODOC_CURRENT_PAGE_URL = 'ToggleWindowSidenavButtonComponent.html';
505
+ var MAX_SEARCH_RESULTS = 15;
506
+ </script>
507
+
508
+ <script>
509
+ $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
510
+ checkToggle(darkModeState);
511
+ if ($darkModeToggleSwitchers.length > 0) {
512
+ for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
513
+ $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
514
+ darkModeState = !darkModeState;
515
+ toggleDarkMode(darkModeState);
516
+ });
517
+ }
518
+ }
519
+ </script>
520
+
521
+ <script src="../js/libs/custom-elements.min.js"></script>
522
+ <script src="../js/libs/lit-html.js"></script>
523
+
524
+ <script src="../js/menu-wc.js" defer></script>
525
+ <script nomodule src="../js/menu-wc_es5.js" defer></script>
526
+
527
+ <script src="../js/libs/bootstrap-native.js"></script>
528
+
529
+ <script src="../js/libs/es6-shim.min.js"></script>
530
+ <script src="../js/libs/EventDispatcher.js"></script>
531
+ <script src="../js/libs/promise.min.js"></script>
532
+ <script src="../js/libs/zepto.min.js"></script>
533
+
534
+ <script src="../js/compodoc.js"></script>
535
+
536
+ <script src="../js/tabs.js"></script>
537
+ <script src="../js/menu.js"></script>
538
+ <script src="../js/libs/clipboard.min.js"></script>
539
+ <script src="../js/libs/prism.js"></script>
540
+ <script src="../js/sourceCode.js"></script>
541
+ <script src="../js/search/search.js"></script>
542
+ <script src="../js/search/lunr.min.js"></script>
543
+ <script src="../js/search/search-lunr.js"></script>
544
+ <script src="../js/search/search_index.js"></script>
545
+ <script src="../js/lazy-load-graphs.js"></script>
546
+
547
+
548
+ </body>
549
+ </html>