@rxap/layout 19.0.1-dev.0 → 19.0.1-dev.11

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 (79) hide show
  1. package/CHANGELOG.md +46 -0
  2. package/README.md +1 -1
  3. package/compodoc/changelog.html +25 -0
  4. package/compodoc/components/DefaultHeaderComponent.html +3 -3
  5. package/compodoc/dependencies.html +19 -19
  6. package/compodoc/index.html +1 -1
  7. package/compodoc/js/search/search_index.js +2 -2
  8. package/compodoc/properties.html +1 -1
  9. package/docs/classes/AppsButtonComponent.html +3 -3
  10. package/docs/classes/BaseLayoutComponent.html +1 -1
  11. package/docs/classes/DefaultHeaderComponent.html +2 -2
  12. package/docs/classes/DefaultHeaderService.html +6 -6
  13. package/docs/classes/ExternalAppsService.html +2 -2
  14. package/docs/classes/FooterComponent.html +2 -2
  15. package/docs/classes/FooterDirective.html +2 -2
  16. package/docs/classes/FooterService.html +6 -6
  17. package/docs/classes/HeaderComponent.html +2 -2
  18. package/docs/classes/HeaderDirective.html +2 -2
  19. package/docs/classes/HeaderService.html +6 -6
  20. package/docs/classes/LayoutComponent.html +2 -2
  21. package/docs/classes/LayoutService.html +2 -2
  22. package/docs/classes/LogoService.html +2 -2
  23. package/docs/classes/MinimalLayoutComponent.html +1 -1
  24. package/docs/classes/NavigationComponent.html +2 -2
  25. package/docs/classes/NavigationItemComponent.html +2 -2
  26. package/docs/classes/NavigationProgressBarComponent.html +2 -2
  27. package/docs/classes/NavigationService.html +3 -3
  28. package/docs/classes/ReleaseInfoComponent.html +2 -2
  29. package/docs/classes/SettingsButtonComponent.html +2 -2
  30. package/docs/classes/SidenavComponent.html +2 -2
  31. package/docs/classes/SidenavFooterDirective.html +2 -2
  32. package/docs/classes/SidenavHeaderDirective.html +2 -2
  33. package/docs/classes/SidenavToggleButtonComponent.html +2 -2
  34. package/docs/classes/UserProfileIconComponent.html +2 -2
  35. package/docs/documentation.json +369 -369
  36. package/docs/functions/IsNavigationDividerItem.html +1 -1
  37. package/docs/functions/IsNavigationInsertItem.html +1 -1
  38. package/docs/functions/IsNavigationItem.html +1 -1
  39. package/docs/functions/provideExternalApps.html +1 -1
  40. package/docs/functions/provideLayout.html +1 -1
  41. package/docs/functions/withDefaultHeaderComponent.html +1 -1
  42. package/docs/functions/withDefaultHeaderItems.html +1 -1
  43. package/docs/functions/withFooterComponents.html +1 -1
  44. package/docs/functions/withHeaderComponents.html +1 -1
  45. package/docs/functions/withNavigationConfig.html +1 -1
  46. package/docs/functions/withNavigationInserts.html +1 -1
  47. package/docs/functions/withReleaseInfoModules.html +1 -1
  48. package/docs/functions/withSettingsMenuItems.html +1 -1
  49. package/docs/functions/withUserProfileDataSource.html +1 -1
  50. package/docs/index.html +1 -1
  51. package/docs/interfaces/NavigationDividerItem.html +2 -2
  52. package/docs/interfaces/NavigationInsertItem.html +2 -2
  53. package/docs/interfaces/NavigationItem.html +2 -2
  54. package/docs/interfaces/NavigationStatus.html +2 -2
  55. package/docs/interfaces/ReleaseInfoModule.html +2 -2
  56. package/docs/interfaces/SettingsMenuItem.html +2 -2
  57. package/docs/types/DefaultHeaderItemComponent.html +1 -1
  58. package/docs/types/ExternalApp.html +1 -1
  59. package/docs/types/ExtractUsernameFromProfileFn.html +1 -1
  60. package/docs/types/Navigation.html +1 -1
  61. package/docs/types/NavigationWithInserts.html +1 -1
  62. package/docs/types/SettingsMenuItemComponent.html +1 -1
  63. package/docs/variables/EXTRACT_USERNAME_FROM_PROFILE.html +1 -1
  64. package/docs/variables/RXAP_DEFAULT_HEADER_ITEM_COMPONENT.html +1 -1
  65. package/docs/variables/RXAP_EXTERNAL_APP.html +1 -1
  66. package/docs/variables/RXAP_EXTERNAL_APP_FILTER.html +1 -1
  67. package/docs/variables/RXAP_FOOTER_COMPONENT.html +1 -1
  68. package/docs/variables/RXAP_HEADER_COMPONENT.html +1 -1
  69. package/docs/variables/RXAP_LAYOUT_APPS_GRID.html +1 -1
  70. package/docs/variables/RXAP_LOGO_CONFIG.html +1 -1
  71. package/docs/variables/RXAP_NAVIGATION_CONFIG.html +1 -1
  72. package/docs/variables/RXAP_NAVIGATION_CONFIG_INSERTS.html +1 -1
  73. package/docs/variables/RXAP_RELEASE_INFO_MODULE.html +1 -1
  74. package/docs/variables/RXAP_SETTINGS_MENU_ITEM.html +1 -1
  75. package/docs/variables/RXAP_SETTINGS_MENU_ITEM_COMPONENT.html +1 -1
  76. package/docs/variables/RXAP_USER_PROFILE_DATA_SOURCE.html +1 -1
  77. package/fesm2022/rxap-layout.mjs +79 -79
  78. package/fesm2022/rxap-layout.mjs.map +1 -1
  79. package/package.json +43 -43
package/CHANGELOG.md CHANGED
@@ -3,6 +3,52 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [19.0.1-dev.11](https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.1-dev.10...@rxap/layout@19.0.1-dev.11) (2025-02-10)
7
+
8
+ **Note:** Version bump only for package @rxap/layout
9
+
10
+ ## [19.0.1-dev.10](https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.1-dev.9...@rxap/layout@19.0.1-dev.10) (2025-02-07)
11
+
12
+ **Note:** Version bump only for package @rxap/layout
13
+
14
+ ## [19.0.1-dev.9](https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.1-dev.8...@rxap/layout@19.0.1-dev.9) (2025-01-30)
15
+
16
+ **Note:** Version bump only for package @rxap/layout
17
+
18
+ ## [19.0.1-dev.8](https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.1-dev.7...@rxap/layout@19.0.1-dev.8) (2025-01-29)
19
+
20
+ ### Bug Fixes
21
+
22
+ - header buttons ([624721c](https://gitlab.com/rxap/packages/commit/624721ce05f0eb2d69191e6888727d1c14e2708e))
23
+
24
+ ## [19.0.1-dev.7](https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.1-dev.6...@rxap/layout@19.0.1-dev.7) (2025-01-29)
25
+
26
+ **Note:** Version bump only for package @rxap/layout
27
+
28
+ ## [19.0.1-dev.6](https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.1-dev.5...@rxap/layout@19.0.1-dev.6) (2025-01-29)
29
+
30
+ **Note:** Version bump only for package @rxap/layout
31
+
32
+ ## [19.0.1-dev.5](https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.1-dev.4...@rxap/layout@19.0.1-dev.5) (2025-01-29)
33
+
34
+ **Note:** Version bump only for package @rxap/layout
35
+
36
+ ## [19.0.1-dev.4](https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.1-dev.3...@rxap/layout@19.0.1-dev.4) (2025-01-28)
37
+
38
+ **Note:** Version bump only for package @rxap/layout
39
+
40
+ ## [19.0.1-dev.3](https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.1-dev.2...@rxap/layout@19.0.1-dev.3) (2025-01-28)
41
+
42
+ **Note:** Version bump only for package @rxap/layout
43
+
44
+ ## [19.0.1-dev.2](https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.1-dev.1...@rxap/layout@19.0.1-dev.2) (2025-01-22)
45
+
46
+ **Note:** Version bump only for package @rxap/layout
47
+
48
+ ## [19.0.1-dev.1](https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.1-dev.0...@rxap/layout@19.0.1-dev.1) (2025-01-21)
49
+
50
+ **Note:** Version bump only for package @rxap/layout
51
+
6
52
  ## [19.0.1-dev.0](https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.0...@rxap/layout@19.0.1-dev.0) (2025-01-08)
7
53
 
8
54
  **Note:** Version bump only for package @rxap/layout
package/README.md CHANGED
@@ -19,7 +19,7 @@ yarn add @rxap/layout
19
19
  ```
20
20
  **Install peer dependencies:**
21
21
  ```bash
22
- yarn add @angular/animations@^19.0.3 @angular/cdk@^19.0.2 @angular/common@^19.0.3 @angular/core@^19.0.3 @angular/material@^19.0.2 @angular/router@^19.0.3 @rxap/browser-utilities@^1.1.9 @rxap/config@^19.0.0 @rxap/data-source@^19.0.0 @rxap/environment@^19.0.0 @rxap/material-directives@^19.0.0 @rxap/ngx-pub-sub@^19.0.0 @rxap/ngx-theme@^19.0.0 @rxap/pattern@^1.1.10 @rxap/utilities@^16.4.1 rxjs@^7.8.1
22
+ yarn add @angular/animations@^19.1.3 @angular/cdk@^19.1.1 @angular/common@^19.1.3 @angular/core@^19.1.3 @angular/material@^19.1.1 @angular/router@^19.1.3 @rxap/browser-utilities@^1.1.10-dev.3 @rxap/config@^19.0.1-dev.3 @rxap/data-source@^19.0.1-dev.3 @rxap/environment@^19.0.1-dev.3 @rxap/material-directives@^19.0.1-dev.3 @rxap/ngx-pub-sub@^19.0.1-dev.3 @rxap/ngx-theme@^19.0.1-dev.3 @rxap/pattern@^1.1.11-dev.3 @rxap/utilities@^16.4.2-dev.3 rxjs@^7.8.1
23
23
  ```
24
24
  **Execute the init generator:**
25
25
  ```bash
@@ -85,6 +85,31 @@
85
85
  <h1>Change Log</h1>
86
86
  <p>All notable changes to this project will be documented in this file.
87
87
  See <a href="https://conventionalcommits.org">Conventional Commits</a> for commit guidelines.</p>
88
+ <h2><a href="https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.1-dev.10...@rxap/layout@19.0.1-dev.11">19.0.1-dev.11</a> (2025-02-10)</h2>
89
+ <p><strong>Note:</strong> Version bump only for package @rxap/layout</p>
90
+ <h2><a href="https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.1-dev.9...@rxap/layout@19.0.1-dev.10">19.0.1-dev.10</a> (2025-02-07)</h2>
91
+ <p><strong>Note:</strong> Version bump only for package @rxap/layout</p>
92
+ <h2><a href="https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.1-dev.8...@rxap/layout@19.0.1-dev.9">19.0.1-dev.9</a> (2025-01-30)</h2>
93
+ <p><strong>Note:</strong> Version bump only for package @rxap/layout</p>
94
+ <h2><a href="https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.1-dev.7...@rxap/layout@19.0.1-dev.8">19.0.1-dev.8</a> (2025-01-29)</h2>
95
+ <h3>Bug Fixes</h3>
96
+ <ul>
97
+ <li>header buttons (<a href="https://gitlab.com/rxap/packages/commit/624721ce05f0eb2d69191e6888727d1c14e2708e">624721c</a>)</li>
98
+ </ul>
99
+ <h2><a href="https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.1-dev.6...@rxap/layout@19.0.1-dev.7">19.0.1-dev.7</a> (2025-01-29)</h2>
100
+ <p><strong>Note:</strong> Version bump only for package @rxap/layout</p>
101
+ <h2><a href="https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.1-dev.5...@rxap/layout@19.0.1-dev.6">19.0.1-dev.6</a> (2025-01-29)</h2>
102
+ <p><strong>Note:</strong> Version bump only for package @rxap/layout</p>
103
+ <h2><a href="https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.1-dev.4...@rxap/layout@19.0.1-dev.5">19.0.1-dev.5</a> (2025-01-29)</h2>
104
+ <p><strong>Note:</strong> Version bump only for package @rxap/layout</p>
105
+ <h2><a href="https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.1-dev.3...@rxap/layout@19.0.1-dev.4">19.0.1-dev.4</a> (2025-01-28)</h2>
106
+ <p><strong>Note:</strong> Version bump only for package @rxap/layout</p>
107
+ <h2><a href="https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.1-dev.2...@rxap/layout@19.0.1-dev.3">19.0.1-dev.3</a> (2025-01-28)</h2>
108
+ <p><strong>Note:</strong> Version bump only for package @rxap/layout</p>
109
+ <h2><a href="https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.1-dev.1...@rxap/layout@19.0.1-dev.2">19.0.1-dev.2</a> (2025-01-22)</h2>
110
+ <p><strong>Note:</strong> Version bump only for package @rxap/layout</p>
111
+ <h2><a href="https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.1-dev.0...@rxap/layout@19.0.1-dev.1">19.0.1-dev.1</a> (2025-01-21)</h2>
112
+ <p><strong>Note:</strong> Version bump only for package @rxap/layout</p>
88
113
  <h2><a href="https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.0...@rxap/layout@19.0.1-dev.0">19.0.1-dev.0</a> (2025-01-08)</h2>
89
114
  <p><strong>Note:</strong> Version bump only for package @rxap/layout</p>
90
115
  <h1><a href="https://gitlab.com/rxap/packages/compare/@rxap/layout@19.0.0-dev.3...@rxap/layout@19.0.0">19.0.0</a> (2025-01-08)</h1>
@@ -445,7 +445,7 @@ export class DefaultHeaderComponent {
445
445
 
446
446
  <div class="tab-pane fade " id="templateData">
447
447
  <pre class="line-numbers"><code class="language-html">&lt;div class&#x3D;&quot;w-full flex flex-row gap-x-4 justify-between items-center&quot;&gt;
448
- @if (!collapsable()) {
448
+ @if (collapsable()) {
449
449
  &lt;rxap-sidenav-toggle-button&gt;&lt;/rxap-sidenav-toggle-button&gt;
450
450
  }
451
451
  &lt;div class&#x3D;&quot;grow flex flex-row gap-x-4 items-center&quot;&gt;
@@ -456,7 +456,7 @@ export class DefaultHeaderComponent {
456
456
  &lt;/div&gt;
457
457
  &lt;rxap-apps-button class&#x3D;&quot;grow-0&quot;&gt;&lt;/rxap-apps-button&gt;
458
458
  &lt;rxap-settings-button class&#x3D;&quot;grow-0&quot;&gt;&lt;/rxap-settings-button&gt;
459
- @if (this.profile(); as profile) {
459
+ @if (profile(); as profile) {
460
460
  &lt;rxap-user-profile-icon [profile]&#x3D;&quot;profile&quot; class&#x3D;&quot;grow-0&quot;&gt;&lt;/rxap-user-profile-icon&gt;
461
461
  }
462
462
  &lt;/div&gt;
@@ -489,7 +489,7 @@ export class DefaultHeaderComponent {
489
489
  <script src="../js/libs/htmlparser.js"></script>
490
490
  <script src="../js/libs/deep-iterator.js"></script>
491
491
  <script>
492
- var COMPONENT_TEMPLATE = '<div><div class="w-full flex flex-row gap-x-4 justify-between items-center"> @if (!collapsable()) { <rxap-sidenav-toggle-button></rxap-sidenav-toggle-button> } <div class="grow flex flex-row gap-x-4 items-center"> @for (portal of portals(); track portal) { <ng-template [cdkPortalOutlet]="portal"></ng-template> } <ng-content></ng-content> </div> <rxap-apps-button class="grow-0"></rxap-apps-button> <rxap-settings-button class="grow-0"></rxap-settings-button> @if (this.profile(); as profile) { <rxap-user-profile-icon [profile]="profile" class="grow-0"></rxap-user-profile-icon> }</div></div>'
492
+ var COMPONENT_TEMPLATE = '<div><div class="w-full flex flex-row gap-x-4 justify-between items-center"> @if (collapsable()) { <rxap-sidenav-toggle-button></rxap-sidenav-toggle-button> } <div class="grow flex flex-row gap-x-4 items-center"> @for (portal of portals(); track portal) { <ng-template [cdkPortalOutlet]="portal"></ng-template> } <ng-content></ng-content> </div> <rxap-apps-button class="grow-0"></rxap-apps-button> <rxap-settings-button class="grow-0"></rxap-settings-button> @if (profile(); as profile) { <rxap-user-profile-icon [profile]="profile" class="grow-0"></rxap-user-profile-icon> }</div></div>'
493
493
  var COMPONENTS = [{'name': 'AppsButtonComponent', 'selector': 'rxap-apps-button'},{'name': 'BaseLayoutComponent', 'selector': 'rxap-base-layout'},{'name': 'DefaultHeaderComponent', 'selector': 'rxap-default-header'},{'name': 'FooterComponent', 'selector': 'rxap-footer'},{'name': 'HeaderComponent', 'selector': 'rxap-header'},{'name': 'LayoutComponent', 'selector': 'rxap-layout'},{'name': 'MinimalLayoutComponent', 'selector': 'rxap-minimal-layout'},{'name': 'NavigationComponent', 'selector': 'ul[rxap-navigation]'},{'name': 'NavigationItemComponent', 'selector': 'li[rxap-navigation-item]'},{'name': 'NavigationProgressBarComponent', 'selector': 'rxap-navigation-progress-bar'},{'name': 'ReleaseInfoComponent', 'selector': 'rxap-release-info'},{'name': 'SettingsButtonComponent', 'selector': 'rxap-settings-button'},{'name': 'SidenavComponent', 'selector': 'rxap-sidenav'},{'name': 'SidenavToggleButtonComponent', 'selector': 'rxap-sidenav-toggle-button'},{'name': 'UserProfileIconComponent', 'selector': 'rxap-user-profile-icon'}];
494
494
  var DIRECTIVES = [{'name': 'FooterDirective', 'selector': '[rxapFooter]'},{'name': 'HeaderDirective', 'selector': '[rxapHeader]'},{'name': 'SidenavFooterDirective', 'selector': '[rxapSidenavFooter]'},{'name': 'SidenavHeaderDirective', 'selector': '[rxapSidenavHeader]'}];
495
495
  var ACTUAL_COMPONENT = {'name': 'DefaultHeaderComponent'};
@@ -101,13 +101,13 @@
101
101
  </ol>
102
102
  <ul class="dependencies-list">
103
103
  <li>
104
- <b>@nx/devkit</b> : 20.3.1</li>
104
+ <b>@nx/devkit</b> : 20.4.2</li>
105
105
  <li>
106
- <b>@rxap/ts-morph</b> : ^1.5.3-dev.0</li>
106
+ <b>@rxap/ts-morph</b> : ^1.5.3-dev.5</li>
107
107
  <li>
108
- <b>@rxap/workspace-ts-morph</b> : ^19.1.9-dev.0</li>
108
+ <b>@rxap/workspace-ts-morph</b> : ^19.1.9-dev.10</li>
109
109
  <li>
110
- <b>@rxap/workspace-utilities</b> : ^19.6.1-dev.0</li>
110
+ <b>@rxap/workspace-utilities</b> : ^19.6.1-dev.9</li>
111
111
  <li>
112
112
  <b>tslib</b> : 2.6.2</li>
113
113
  </ul>
@@ -119,35 +119,35 @@
119
119
  </ol>
120
120
  <ul class="dependencies-list">
121
121
  <li>
122
- <b>@angular/animations</b> : ^19.0.3</li>
122
+ <b>@angular/animations</b> : ^19.1.3</li>
123
123
  <li>
124
- <b>@angular/cdk</b> : ^19.0.2</li>
124
+ <b>@angular/cdk</b> : ^19.1.1</li>
125
125
  <li>
126
- <b>@angular/common</b> : ^19.0.3</li>
126
+ <b>@angular/common</b> : ^19.1.3</li>
127
127
  <li>
128
- <b>@angular/core</b> : ^19.0.3</li>
128
+ <b>@angular/core</b> : ^19.1.3</li>
129
129
  <li>
130
- <b>@angular/material</b> : ^19.0.2</li>
130
+ <b>@angular/material</b> : ^19.1.1</li>
131
131
  <li>
132
- <b>@angular/router</b> : ^19.0.3</li>
132
+ <b>@angular/router</b> : ^19.1.3</li>
133
133
  <li>
134
- <b>@rxap/browser-utilities</b> : ^1.1.9</li>
134
+ <b>@rxap/browser-utilities</b> : ^1.1.10-dev.3</li>
135
135
  <li>
136
- <b>@rxap/config</b> : ^19.0.0</li>
136
+ <b>@rxap/config</b> : ^19.0.1-dev.3</li>
137
137
  <li>
138
- <b>@rxap/data-source</b> : ^19.0.0</li>
138
+ <b>@rxap/data-source</b> : ^19.0.1-dev.3</li>
139
139
  <li>
140
- <b>@rxap/environment</b> : ^19.0.0</li>
140
+ <b>@rxap/environment</b> : ^19.0.1-dev.3</li>
141
141
  <li>
142
- <b>@rxap/material-directives</b> : ^19.0.0</li>
142
+ <b>@rxap/material-directives</b> : ^19.0.1-dev.3</li>
143
143
  <li>
144
- <b>@rxap/ngx-pub-sub</b> : ^19.0.0</li>
144
+ <b>@rxap/ngx-pub-sub</b> : ^19.0.1-dev.3</li>
145
145
  <li>
146
- <b>@rxap/ngx-theme</b> : ^19.0.0</li>
146
+ <b>@rxap/ngx-theme</b> : ^19.0.1-dev.3</li>
147
147
  <li>
148
- <b>@rxap/pattern</b> : ^1.1.10</li>
148
+ <b>@rxap/pattern</b> : ^1.1.11-dev.3</li>
149
149
  <li>
150
- <b>@rxap/utilities</b> : ^16.4.1</li>
150
+ <b>@rxap/utilities</b> : ^16.4.2-dev.3</li>
151
151
  <li>
152
152
  <b>rxjs</b> : ^7.8.1</li>
153
153
  </ul>
@@ -97,7 +97,7 @@
97
97
  <h1>Installation</h1>
98
98
  <p><strong>Add the package to your workspace:</strong></p>
99
99
  <b>Example :</b><div><pre class="line-numbers"><code class="language-bash">yarn add &#64;rxap/layout</code></pre></div><p><strong>Install peer dependencies:</strong></p>
100
- <b>Example :</b><div><pre class="line-numbers"><code class="language-bash">yarn add &#64;angular/animations&#64;^19.0.3 &#64;angular/cdk&#64;^19.0.2 &#64;angular/common&#64;^19.0.3 &#64;angular/core&#64;^19.0.3 &#64;angular/material&#64;^19.0.2 &#64;angular/router&#64;^19.0.3 &#64;rxap/browser-utilities&#64;^1.1.9 &#64;rxap/config&#64;^19.0.0 &#64;rxap/data-source&#64;^19.0.0 &#64;rxap/environment&#64;^19.0.0 &#64;rxap/material-directives&#64;^19.0.0 &#64;rxap/ngx-pub-sub&#64;^19.0.0 &#64;rxap/ngx-theme&#64;^19.0.0 &#64;rxap/pattern&#64;^1.1.10 &#64;rxap/utilities&#64;^16.4.1 rxjs&#64;^7.8.1 </code></pre></div><p><strong>Execute the init generator:</strong></p>
100
+ <b>Example :</b><div><pre class="line-numbers"><code class="language-bash">yarn add &#64;angular/animations&#64;^19.1.3 &#64;angular/cdk&#64;^19.1.1 &#64;angular/common&#64;^19.1.3 &#64;angular/core&#64;^19.1.3 &#64;angular/material&#64;^19.1.1 &#64;angular/router&#64;^19.1.3 &#64;rxap/browser-utilities&#64;^1.1.10-dev.3 &#64;rxap/config&#64;^19.0.1-dev.3 &#64;rxap/data-source&#64;^19.0.1-dev.3 &#64;rxap/environment&#64;^19.0.1-dev.3 &#64;rxap/material-directives&#64;^19.0.1-dev.3 &#64;rxap/ngx-pub-sub&#64;^19.0.1-dev.3 &#64;rxap/ngx-theme&#64;^19.0.1-dev.3 &#64;rxap/pattern&#64;^1.1.11-dev.3 &#64;rxap/utilities&#64;^16.4.2-dev.3 rxjs&#64;^7.8.1 </code></pre></div><p><strong>Execute the init generator:</strong></p>
101
101
  <b>Example :</b><div><pre class="line-numbers"><code class="language-bash">yarn nx g &#64;rxap/layout:init</code></pre></div><h1>Get started</h1>
102
102
  <h2>Layout</h2>
103
103
  <p>Create a new file <code>layout.routes.ts</code> in the <code>app</code> folder. This file will contain all child routes that should be loaded within the layout component.</p>