@rxap/layout 18.3.4-dev.0 → 19.0.0-dev.2

package/compodoc/components/LayoutComponent.html

@@ -126,13 +126,6 @@
 
 
 
-    <p class="comment">
-        <h3>Implements</h3>
-    </p>
-    <p class="comment">
-                <code>OnInit</code>
-                <code>OnDestroy</code>
-    </p>
 
 
 <section data-compodoc="block-metadata">
@@ -160,10 +153,6 @@
                 <td class="col-md-9"><code>rxap-layout</code></td>
             </tr>
 
-            <tr>
-                <td class="col-md-3">standalone</td>
-                <td class="col-md-9"><code>true</code></td>
-            </tr>
 
             <tr>
                 <td class="col-md-3">imports</td>
@@ -289,7 +278,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="75" class="link-to-prism">src/lib/layout/layout.component.ts:75</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="64" class="link-to-prism">src/lib/layout/layout.component.ts:64</a></div>
                         </td>
                     </tr>
 
@@ -322,7 +311,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">src/lib/layout/layout.component.ts:73</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="62" class="link-to-prism">src/lib/layout/layout.component.ts:62</a></div>
                         </td>
                     </tr>
 
@@ -355,7 +344,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="74" class="link-to-prism">src/lib/layout/layout.component.ts:74</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="63" class="link-to-prism">src/lib/layout/layout.component.ts:63</a></div>
                         </td>
                     </tr>
 
@@ -380,8 +369,6 @@ import {
   Component,
   computed,
   inject,
-  OnDestroy,
-  OnInit,
   Signal,
 } from &#x27;@angular/core&#x27;;
 import { MatButtonModule } from &#x27;@angular/material/button&#x27;;
@@ -392,16 +379,10 @@ import {
   RouterLink,
   RouterOutlet,
 } from &#x27;@angular/router&#x27;;
-import { ThemeService } from &#x27;@rxap/ngx-theme&#x27;;
-import {
-  IsThemeDensity,
-  ThemeDensity,
-  UserSettingsThemeService,
-} from &#x27;@rxap/ngx-user&#x27;;
 import { FooterComponent } from &#x27;../footer/footer.component&#x27;;
 import { HeaderComponent } from &#x27;../header/header.component&#x27;;
-import { NavigationProgressBarComponent } from &#x27;../navigation-progress-bar/navigation-progress-bar.component&#x27;;
 import { LogoService } from &#x27;../logo.service&#x27;;
+import { NavigationProgressBarComponent } from &#x27;../navigation-progress-bar/navigation-progress-bar.component&#x27;;
 import { NavigationComponent } from &#x27;../navigation/navigation.component&#x27;;
 import { ReleaseInfoComponent } from &#x27;../release-info/release-info.component&#x27;;
 import { SidenavFooterDirective } from &#x27;../sidenav/sidenav-footer.directive&#x27;;
@@ -409,62 +390,38 @@ import { SidenavComponent } from &#x27;../sidenav/sidenav.component&#x27;;
 
 
 @Component({
-  selector: &#x27;rxap-layout&#x27;,
-  templateUrl: &#x27;./layout.component.html&#x27;,
-  styleUrls: [ &#x27;./layout.component.scss&#x27; ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
-  imports: [
-    HeaderComponent,
-    MatSidenavModule,
-    AsyncPipe,
-    MatIconModule,
-    MatButtonModule,
-    RouterLink,
-    NgIf,
-    FooterComponent,
-    MatMenuModule,
-    NgOptimizedImage,
-    NavigationComponent,
-    RouterOutlet,
-    NgStyle,
-    NgClass,
-    SidenavComponent,
-    ReleaseInfoComponent,
-    SidenavFooterDirective,
-    NavigationProgressBarComponent,
-  ],
+    selector: &#x27;rxap-layout&#x27;,
+    templateUrl: &#x27;./layout.component.html&#x27;,
+    styleUrls: [&#x27;./layout.component.scss&#x27;],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        HeaderComponent,
+        MatSidenavModule,
+        AsyncPipe,
+        MatIconModule,
+        MatButtonModule,
+        RouterLink,
+        NgIf,
+        FooterComponent,
+        MatMenuModule,
+        NgOptimizedImage,
+        NavigationComponent,
+        RouterOutlet,
+        NgStyle,
+        NgClass,
+        SidenavComponent,
+        ReleaseInfoComponent,
+        SidenavFooterDirective,
+        NavigationProgressBarComponent,
+    ]
 })
-export class LayoutComponent implements OnInit, OnDestroy {
+export class LayoutComponent {
 
-  private readonly userSettingsThemeService &#x3D; inject(UserSettingsThemeService);
-  private readonly themeService &#x3D; inject(ThemeService);
   private readonly logoService &#x3D; inject(LogoService);
   public readonly logoSrc: Signal&lt;string&gt; &#x3D; computed(() &#x3D;&gt; this.logoService.src());
   public readonly logoWidth: Signal&lt;number&gt; &#x3D; computed(() &#x3D;&gt; this.logoService.width());
   public readonly logoHeight: Signal&lt;number&gt; &#x3D; computed(() &#x3D;&gt; this.logoService.height());
 
-
-  ngOnDestroy() {
-    this.userSettingsThemeService.stopSync();
-  }
-
-  ngOnInit() {
-    this.userSettingsThemeService.startSync().then(() &#x3D;&gt; {
-      this.userSettingsThemeService.get().then(theme &#x3D;&gt; {
-        if (theme.preset &amp;&amp; theme.preset !&#x3D;&#x3D; &#x27;default&#x27;) {
-          this.themeService.setTheme(theme.preset, true);
-        }
-        if (theme.density &amp;&amp; IsThemeDensity(theme.density) &amp;&amp; theme.density !&#x3D;&#x3D; ThemeDensity.Normal) {
-          this.themeService.setDensity(theme.density, true);
-        }
-        if (theme.typography &amp;&amp; theme.typography !&#x3D;&#x3D; &#x27;default&#x27;) {
-          this.themeService.setTypography(theme.typography, true);
-        }
-      });
-    });
-  }
-
 }
 </code></pre>
     </div>

package/compodoc/components/MinimalLayoutComponent.html

@@ -149,10 +149,6 @@
                 <td class="col-md-9"><code>rxap-minimal-layout</code></td>
             </tr>
 
-            <tr>
-                <td class="col-md-3">standalone</td>
-                <td class="col-md-9"><code>true</code></td>
-            </tr>
 
             <tr>
                 <td class="col-md-3">imports</td>
@@ -211,12 +207,11 @@ import { HeaderComponent } from &#x27;../header/header.component&#x27;;
 import { NavigationProgressBarComponent } from &#x27;../navigation-progress-bar/navigation-progress-bar.component&#x27;;
 
 @Component({
-  selector: &#x27;rxap-minimal-layout&#x27;,
-  standalone: true,
-  imports: [ RouterOutlet, BaseLayoutComponent, NavigationProgressBarComponent, HeaderComponent, FooterComponent ],
-  templateUrl: &#x27;./minimal-layout.component.html&#x27;,
-  styleUrl: &#x27;./minimal-layout.component.scss&#x27;,
-  changeDetection: ChangeDetectionStrategy.OnPush,
+    selector: &#x27;rxap-minimal-layout&#x27;,
+    imports: [RouterOutlet, BaseLayoutComponent, NavigationProgressBarComponent, HeaderComponent, FooterComponent],
+    templateUrl: &#x27;./minimal-layout.component.html&#x27;,
+    styleUrl: &#x27;./minimal-layout.component.scss&#x27;,
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class MinimalLayoutComponent {}
 </code></pre>

package/compodoc/components/NavigationComponent.html

@@ -167,10 +167,6 @@
                 <td class="col-md-9"><code>ul[rxap-navigation]</code></td>
             </tr>
 
-            <tr>
-                <td class="col-md-3">standalone</td>
-                <td class="col-md-9"><code>true</code></td>
-            </tr>
 
             <tr>
                 <td class="col-md-3">imports</td>
@@ -309,7 +305,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="51" class="link-to-prism">src/lib/navigation/navigation.component.ts:51</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="50" class="link-to-prism">src/lib/navigation/navigation.component.ts:50</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -329,7 +325,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="53" class="link-to-prism">src/lib/navigation/navigation.component.ts:53</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">src/lib/navigation/navigation.component.ts:52</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -349,7 +345,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="63" class="link-to-prism">src/lib/navigation/navigation.component.ts:63</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="62" class="link-to-prism">src/lib/navigation/navigation.component.ts:62</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -385,8 +381,8 @@
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="90"
-                                    class="link-to-prism">src/lib/navigation/navigation.component.ts:90</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="89"
+                                    class="link-to-prism">src/lib/navigation/navigation.component.ts:89</a></div>
                         </td>
                     </tr>
 
@@ -454,8 +450,8 @@
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="78"
-                                    class="link-to-prism">src/lib/navigation/navigation.component.ts:78</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="77"
+                                    class="link-to-prism">src/lib/navigation/navigation.component.ts:77</a></div>
                         </td>
                     </tr>
 
@@ -523,8 +519,8 @@
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="84"
-                                    class="link-to-prism">src/lib/navigation/navigation.component.ts:84</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="83"
+                                    class="link-to-prism">src/lib/navigation/navigation.component.ts:83</a></div>
                         </td>
                     </tr>
 
@@ -596,7 +592,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="59" class="link-to-prism">src/lib/navigation/navigation.component.ts:59</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="58" class="link-to-prism">src/lib/navigation/navigation.component.ts:58</a></div>
                         </td>
                     </tr>
 
@@ -617,7 +613,7 @@
             </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="51" class="link-to-prism">src/lib/navigation/navigation.component.ts:51</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="50" class="link-to-prism">src/lib/navigation/navigation.component.ts:50</a></div>
                         </td>
                     </tr>
 
@@ -643,7 +639,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="53" class="link-to-prism">src/lib/navigation/navigation.component.ts:53</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">src/lib/navigation/navigation.component.ts:52</a></div>
                         </td>
                     </tr>
 
@@ -669,7 +665,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="61" class="link-to-prism">src/lib/navigation/navigation.component.ts:61</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="60" class="link-to-prism">src/lib/navigation/navigation.component.ts:60</a></div>
                         </td>
                     </tr>
 
@@ -696,7 +692,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="63" class="link-to-prism">src/lib/navigation/navigation.component.ts:63</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="62" class="link-to-prism">src/lib/navigation/navigation.component.ts:62</a></div>
                         </td>
                     </tr>
 
@@ -738,24 +734,23 @@ import {
 import { NavigationItemComponent } from &#x27;./navigation-item/navigation-item.component&#x27;;
 
 @Component({
-  // eslint-disable-next-line @angular-eslint/component-selector
-  selector: &#x27;ul[rxap-navigation]&#x27;,
-  templateUrl: &#x27;./navigation.component.html&#x27;,
-  styleUrls: [ &#x27;./navigation.component.scss&#x27; ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  encapsulation: ViewEncapsulation.None,
-  standalone: true,
-  // eslint-disable-next-line @angular-eslint/no-host-metadata-property
-  host: {
-    class: &#x27;list-none dark:text-neutral-400 text-neutral-700&#x27;,
-  },
-  imports: [
-    NgFor,
-    NgIf,
-    MatDividerModule,
-    forwardRef(() &#x3D;&gt; NavigationItemComponent),
-    AsyncPipe,
-  ],
+    // eslint-disable-next-line @angular-eslint/component-selector
+    selector: &#x27;ul[rxap-navigation]&#x27;,
+    templateUrl: &#x27;./navigation.component.html&#x27;,
+    styleUrls: [&#x27;./navigation.component.scss&#x27;],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    encapsulation: ViewEncapsulation.None,
+  
+    host: {
+        class: &#x27;list-none dark:text-neutral-400 text-neutral-700&#x27;,
+    },
+    imports: [
+        NgFor,
+        NgIf,
+        MatDividerModule,
+        forwardRef(() &#x3D;&gt; NavigationItemComponent),
+        AsyncPipe,
+    ]
 })
 export class NavigationComponent implements OnInit {
 

package/compodoc/components/NavigationItemComponent.html

@@ -132,6 +132,7 @@
     <p class="comment">
                 <code>OnChanges</code>
                 <code>OnDestroy</code>
+                <code>AfterViewInit</code>
     </p>
 
 
@@ -164,10 +165,6 @@
                 <td class="col-md-9"><code>li[rxap-navigation-item]</code></td>
             </tr>
 
-            <tr>
-                <td class="col-md-3">standalone</td>
-                <td class="col-md-9"><code>true</code></td>
-            </tr>
 
             <tr>
                 <td class="col-md-3">imports</td>
@@ -375,8 +372,8 @@
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="178"
-                                    class="link-to-prism">src/lib/navigation/navigation-item/navigation-item.component.ts:178</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="182"
+                                    class="link-to-prism">src/lib/navigation/navigation-item/navigation-item.component.ts:182</a></div>
                         </td>
                     </tr>
 
@@ -444,8 +441,8 @@
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="166"
-                                    class="link-to-prism">src/lib/navigation/navigation-item/navigation-item.component.ts:166</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="170"
+                                    class="link-to-prism">src/lib/navigation/navigation-item/navigation-item.component.ts:170</a></div>
                         </td>
                     </tr>
 
@@ -513,8 +510,8 @@
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="172"
-                                    class="link-to-prism">src/lib/navigation/navigation-item/navigation-item.component.ts:172</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="176"
+                                    class="link-to-prism">src/lib/navigation/navigation-item/navigation-item.component.ts:176</a></div>
                         </td>
                     </tr>
 
@@ -764,7 +761,7 @@ import {
   signal,
   SimpleChanges,
   viewChild,
-  ViewEncapsulation,
+  ViewEncapsulation, AfterViewInit,
 } from &#x27;@angular/core&#x27;;
 import { MatRippleModule } from &#x27;@angular/material/core&#x27;;
 import { MatDividerModule } from &#x27;@angular/material/divider&#x27;;
@@ -776,6 +773,7 @@ import {
   RouterLinkActive,
 } from &#x27;@angular/router&#x27;;
 import { IconDirective } from &#x27;@rxap/material-directives/icon&#x27;;
+import { coerceArray } from &#x27;@rxap/utilities&#x27;;
 import {
   debounceTime,
   Subscription,
@@ -794,44 +792,43 @@ import {
 import { NavigationComponent } from &#x27;../navigation.component&#x27;;
 
 @Component({
-  // eslint-disable-next-line @angular-eslint/component-selector
-  selector: &#x27;li[rxap-navigation-item]&#x27;,
-  templateUrl: &#x27;./navigation-item.component.html&#x27;,
-  styleUrls: [ &#x27;./navigation-item.component.scss&#x27; ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  encapsulation: ViewEncapsulation.None,
-  animations: [
-    trigger(&#x27;sub-nav&#x27;, [
-      transition(&#x27;:enter&#x27;, [
-        style({
-          display: &#x27;block&#x27;,
-          height: &#x27;0&#x27;,
-          overflow: &#x27;hidden&#x27;,
-        }),
-        animate(150, style({ height: &#x27;*&#x27; })),
-      ]),
-      transition(&#x27;:leave&#x27;, [
-        style({ overflow: &#x27;hidden&#x27; }),
-        animate(300, style({ height: &#x27;0&#x27; })),
-        style({ display: &#x27;none&#x27; }),
-      ]),
-    ]),
-  ],
-  standalone: true,
-  imports: [
-    RouterLinkActive,
-    RouterLink,
-    NgIf,
-    MatRippleModule,
-    MatIconModule,
-    IconDirective,
-    MatDividerModule,
-    forwardRef(() &#x3D;&gt; NavigationComponent),
-    NgClass,
-  ]
+    // eslint-disable-next-line @angular-eslint/component-selector
+    selector: &#x27;li[rxap-navigation-item]&#x27;,
+    templateUrl: &#x27;./navigation-item.component.html&#x27;,
+    styleUrls: [&#x27;./navigation-item.component.scss&#x27;],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    encapsulation: ViewEncapsulation.None,
+    animations: [
+        trigger(&#x27;sub-nav&#x27;, [
+            transition(&#x27;:enter&#x27;, [
+                style({
+                    display: &#x27;block&#x27;,
+                    height: &#x27;0&#x27;,
+                    overflow: &#x27;hidden&#x27;,
+                }),
+                animate(150, style({ height: &#x27;*&#x27; })),
+            ]),
+            transition(&#x27;:leave&#x27;, [
+                style({ overflow: &#x27;hidden&#x27; }),
+                animate(300, style({ height: &#x27;0&#x27; })),
+                style({ display: &#x27;none&#x27; }),
+            ]),
+        ]),
+    ],
+    imports: [
+        RouterLinkActive,
+        RouterLink,
+        NgIf,
+        MatRippleModule,
+        MatIconModule,
+        IconDirective,
+        MatDividerModule,
+        forwardRef(() &#x3D;&gt; NavigationComponent),
+        NgClass,
+    ]
 })
 export class NavigationItemComponent
-  implements OnChanges, OnDestroy {
+  implements OnChanges, OnDestroy, AfterViewInit {
 
   public readonly level &#x3D; input(0);
 
@@ -879,8 +876,12 @@ export class NavigationItemComponent
               if (urlParts[0] &#x3D;&#x3D;&#x3D; &#x27;&#x27;) {
                 urlParts[0] &#x3D; &#x27;/&#x27;;
               }
-              for (let i &#x3D; 0; i &lt; this.item().routerLink.length; i++) {
-                if (urlParts[i] !&#x3D;&#x3D; this.item().routerLink[i]) {
+              const routerLink &#x3D; coerceArray(this.item().routerLink).map(fragment &#x3D;&gt; fragment.split(&#x27;/&#x27;)).flat();
+              if (routerLink[0] &#x3D;&#x3D;&#x3D; &#x27;&#x27;) {
+                routerLink[0] &#x3D; &#x27;/&#x27;;
+              }
+              for (let i &#x3D; 0; i &lt; routerLink.length; i++) {
+                if (urlParts[i] !&#x3D;&#x3D; routerLink[i]) {
                   isActive &#x3D; false;
                   break;
                 }
@@ -947,7 +948,7 @@ export class NavigationItemComponent
     &gt;
       {{ item().label }}
     &lt;/span&gt;
-    &lt;mat-icon *ngIf&#x3D;&quot;item().icon&quot; [rxapIcon]&#x3D;&quot;item().icon&quot;&gt;&lt;/mat-icon&gt;
+    &lt;mat-icon *ngIf&#x3D;&quot;item().icon as icon&quot; [rxapIcon]&#x3D;&quot;icon&quot;&gt;&lt;/mat-icon&gt;
   &lt;/a&gt;
 
   &lt;ng-container *ngIf&#x3D;&quot;item().children?.length &amp;&amp; active()&quot;&gt;
@@ -1000,7 +1001,7 @@ export class NavigationItemComponent
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div><div [ngClass]="{     \'border-l-4 text-accent-400 border-accent-600\': active(),     }">  <a [routerLink]="item().routerLink"     class="h-12 pl-4 pr-5 flex flex-row justify-between items-center gap-x-4"     matRipple     routerLinkActive  >    <span      [ngClass]="itemClasses()"      class="grow whitespace-nowrap"    >      {{ item().label }}    </span>    <mat-icon *ngIf="item().icon" [rxapIcon]="item().icon"></mat-icon>  </a>  <ng-container *ngIf="item().children?.length && active()">    <mat-divider></mat-divider>    <ul [@sub-nav]        [items]="children ?? []"        [level]="level() + 1"        rxap-navigation    >    </ul>    <mat-divider></mat-divider>  </ng-container></div></div>'
+        var COMPONENT_TEMPLATE = '<div><div [ngClass]="{     \'border-l-4 text-accent-400 border-accent-600\': active(),     }">  <a [routerLink]="item().routerLink"     class="h-12 pl-4 pr-5 flex flex-row justify-between items-center gap-x-4"     matRipple     routerLinkActive  >    <span      [ngClass]="itemClasses()"      class="grow whitespace-nowrap"    >      {{ item().label }}    </span>    <mat-icon *ngIf="item().icon as icon" [rxapIcon]="icon"></mat-icon>  </a>  <ng-container *ngIf="item().children?.length && active()">    <mat-divider></mat-divider>    <ul [@sub-nav]        [items]="children ?? []"        [level]="level() + 1"        rxap-navigation    >    </ul>    <mat-divider></mat-divider>  </ng-container></div></div>'
     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'}];
     var DIRECTIVES = [{'name': 'FooterDirective', 'selector': '[rxapFooter]'},{'name': 'HeaderDirective', 'selector': '[rxapHeader]'},{'name': 'SidenavFooterDirective', 'selector': '[rxapSidenavFooter]'},{'name': 'SidenavHeaderDirective', 'selector': '[rxapSidenavHeader]'}];
     var ACTUAL_COMPONENT = {'name': 'NavigationItemComponent'};

package/compodoc/components/NavigationProgressBarComponent.html

@@ -153,10 +153,6 @@
                 <td class="col-md-9"><code>rxap-navigation-progress-bar</code></td>
             </tr>
 
-            <tr>
-                <td class="col-md-3">standalone</td>
-                <td class="col-md-9"><code>true</code></td>
-            </tr>
 
             <tr>
                 <td class="col-md-3">imports</td>
@@ -262,7 +258,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="33" class="link-to-prism">src/lib/navigation-progress-bar/navigation-progress-bar.component.ts:33</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="32" class="link-to-prism">src/lib/navigation-progress-bar/navigation-progress-bar.component.ts:32</a></div>
                         </td>
                     </tr>
 
@@ -289,7 +285,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="31" class="link-to-prism">src/lib/navigation-progress-bar/navigation-progress-bar.component.ts:31</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="30" class="link-to-prism">src/lib/navigation-progress-bar/navigation-progress-bar.component.ts:30</a></div>
                         </td>
                     </tr>
 
@@ -321,14 +317,13 @@ import {
 } from &#x27;rxjs/operators&#x27;;
 
 @Component({
-  selector: &#x27;rxap-navigation-progress-bar&#x27;,
-  templateUrl: &#x27;./navigation-progress-bar.component.html&#x27;,
-  styleUrls: [ &#x27;./navigation-progress-bar.component.scss&#x27; ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
-  imports: [
-    MatProgressBar,
-  ],
+    selector: &#x27;rxap-navigation-progress-bar&#x27;,
+    templateUrl: &#x27;./navigation-progress-bar.component.html&#x27;,
+    styleUrls: [&#x27;./navigation-progress-bar.component.scss&#x27;],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        MatProgressBar,
+    ]
 })
 export class NavigationProgressBarComponent {
 

package/compodoc/components/ReleaseInfoComponent.html

@@ -149,10 +149,6 @@
                 <td class="col-md-9"><code>rxap-release-info</code></td>
             </tr>
 
-            <tr>
-                <td class="col-md-3">standalone</td>
-                <td class="col-md-9"><code>true</code></td>
-            </tr>
 
             <tr>
                 <td class="col-md-3">imports</td>
@@ -263,8 +259,8 @@
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="33"
-                                    class="link-to-prism">src/lib/release-info/release-info.component.ts:33</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="32"
+                                    class="link-to-prism">src/lib/release-info/release-info.component.ts:32</a></div>
                         </td>
                     </tr>
 
@@ -306,7 +302,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="28" class="link-to-prism">src/lib/release-info/release-info.component.ts:28</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">src/lib/release-info/release-info.component.ts:27</a></div>
                         </td>
                     </tr>
 
@@ -333,7 +329,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="29" class="link-to-prism">src/lib/release-info/release-info.component.ts:29</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="28" class="link-to-prism">src/lib/release-info/release-info.component.ts:28</a></div>
                         </td>
                     </tr>
 
@@ -362,14 +358,13 @@ import { RXAP_RELEASE_INFO_MODULE } from &#x27;../tokens&#x27;;
 import { coerceArray } from &#x27;@rxap/utilities&#x27;;
 
 @Component({
-  selector: &#x27;rxap-release-info&#x27;,
-  standalone: true,
-  imports: [
-    MatButton,
-  ],
-  templateUrl: &#x27;./release-info.component.html&#x27;,
-  styleUrl: &#x27;./release-info.component.scss&#x27;,
-  changeDetection: ChangeDetectionStrategy.OnPush,
+    selector: &#x27;rxap-release-info&#x27;,
+    imports: [
+        MatButton,
+    ],
+    templateUrl: &#x27;./release-info.component.html&#x27;,
+    styleUrl: &#x27;./release-info.component.scss&#x27;,
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class ReleaseInfoComponent {