@rxap/layout 19.1.0-dev.1 → 19.1.0-dev.3

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [19.1.0-dev.3](https://gitlab.com/rxap/packages/compare/@rxap/layout@19.1.0-dev.2...@rxap/layout@19.1.0-dev.3) (2025-05-12)
+
+### Bug Fixes
+
+- provide the logo service at root ([1b77b42](https://gitlab.com/rxap/packages/commit/1b77b420066f60d036b6bc70cbd841ba88b6e63e))
+
+# [19.1.0-dev.2](https://gitlab.com/rxap/packages/compare/@rxap/layout@19.1.0-dev.1...@rxap/layout@19.1.0-dev.2) (2025-05-09)
+
+### Features
+
+- **layout:** enhance navigation responsiveness for mobile and collapsed states ([0884432](https://gitlab.com/rxap/packages/commit/0884432174dadc54c503535af3c67f1a29dcedb5))
+- **layout:** make mobile query configurable in navigation config ([549eca1](https://gitlab.com/rxap/packages/commit/549eca12a27bb6b12b853e54bcd7408a710c42a6))
+
 # [19.1.0-dev.1](https://gitlab.com/rxap/packages/compare/@rxap/layout@19.1.0-dev.0...@rxap/layout@19.1.0-dev.1) (2025-04-30)
 
 ### Features

package/compodoc/changelog.html

@@ -85,6 +85,17 @@
 <h1>Change Log</h1>
 <p>All notable changes to this project will be documented in this file.
 See <a href="https://conventionalcommits.org">Conventional Commits</a> for commit guidelines.</p>
+<h1><a href="https://gitlab.com/rxap/packages/compare/@rxap/layout@19.1.0-dev.2...@rxap/layout@19.1.0-dev.3">19.1.0-dev.3</a> (2025-05-12)</h1>
+<h3>Bug Fixes</h3>
+<ul>
+<li>provide the logo service at root (<a href="https://gitlab.com/rxap/packages/commit/1b77b420066f60d036b6bc70cbd841ba88b6e63e">1b77b42</a>)</li>
+</ul>
+<h1><a href="https://gitlab.com/rxap/packages/compare/@rxap/layout@19.1.0-dev.1...@rxap/layout@19.1.0-dev.2">19.1.0-dev.2</a> (2025-05-09)</h1>
+<h3>Features</h3>
+<ul>
+<li><strong>layout:</strong> enhance navigation responsiveness for mobile and collapsed states (<a href="https://gitlab.com/rxap/packages/commit/0884432174dadc54c503535af3c67f1a29dcedb5">0884432</a>)</li>
+<li><strong>layout:</strong> make mobile query configurable in navigation config (<a href="https://gitlab.com/rxap/packages/commit/549eca12a27bb6b12b853e54bcd7408a710c42a6">549eca1</a>)</li>
+</ul>
 <h1><a href="https://gitlab.com/rxap/packages/compare/@rxap/layout@19.1.0-dev.0...@rxap/layout@19.1.0-dev.1">19.1.0-dev.1</a> (2025-04-30)</h1>
 <h3>Features</h3>
 <ul>

package/compodoc/components/DefaultHeaderComponent.html

@@ -204,7 +204,7 @@
                             <li>
                                     <span class="modifier">Public</span>
                                     <span class="modifier">Readonly</span>
-                                <a href="#collapsable" >collapsable</a>
+                                <a href="#collapsed" >collapsed</a>
                             </li>
                             <li>
                                     <span class="modifier">Protected</span>
@@ -216,6 +216,11 @@
                                     <span class="modifier">Readonly</span>
                                 <a href="#hasPortals" >hasPortals</a>
                             </li>
+                            <li>
+                                    <span class="modifier">Public</span>
+                                    <span class="modifier">Readonly</span>
+                                <a href="#isMobile" >isMobile</a>
+                            </li>
                             <li>
                                     <span class="modifier">Protected</span>
                                     <span class="modifier">Readonly</span>
@@ -264,18 +269,18 @@
         <tbody>
             <tr>
                 <td class="col-md-4">
-                    <a name="collapsable"></a>
+                    <a name="collapsed"></a>
                     <span class="name">
                             <span class="modifier">Public</span>
                             <span class="modifier">Readonly</span>
-                        <span ><b>collapsable</b></span>
-                        <a href="#collapsable"><span class="icon ion-ios-link"></span></a>
+                        <span ><b>collapsed</b></span>
+                        <a href="#collapsed"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
             </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Default value : </i><code>computed(() &#x3D;&gt; this.layoutComponentService.collapsable())</code>
+                        <i>Default value : </i><code>computed(() &#x3D;&gt; this.layoutComponentService.collapsed())</code>
                     </td>
                 </tr>
                     <tr>
@@ -307,7 +312,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="44" class="link-to-prism">src/lib/default-header/default-header.component.ts:44</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="45" class="link-to-prism">src/lib/default-header/default-header.component.ts:45</a></div>
                         </td>
                     </tr>
 
@@ -334,7 +339,34 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="47" class="link-to-prism">src/lib/default-header/default-header.component.ts:47</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">src/lib/default-header/default-header.component.ts:48</a></div>
+                        </td>
+                    </tr>
+
+
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="isMobile"></a>
+                    <span class="name">
+                            <span class="modifier">Public</span>
+                            <span class="modifier">Readonly</span>
+                        <span ><b>isMobile</b></span>
+                        <a href="#isMobile"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>computed(() &#x3D;&gt; this.layoutComponentService.isMobile())</code>
+                    </td>
+                </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-line">Defined in <a href="" data-line="41" class="link-to-prism">src/lib/default-header/default-header.component.ts:41</a></div>
                         </td>
                     </tr>
 
@@ -388,7 +420,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="41" class="link-to-prism">src/lib/default-header/default-header.component.ts:41</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="42" class="link-to-prism">src/lib/default-header/default-header.component.ts:42</a></div>
                         </td>
                     </tr>
 
@@ -415,7 +447,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="46" class="link-to-prism">src/lib/default-header/default-header.component.ts:46</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="47" class="link-to-prism">src/lib/default-header/default-header.component.ts:47</a></div>
                         </td>
                     </tr>
 
@@ -442,7 +474,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="42" class="link-to-prism">src/lib/default-header/default-header.component.ts:42</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="43" class="link-to-prism">src/lib/default-header/default-header.component.ts:43</a></div>
                         </td>
                     </tr>
 
@@ -494,7 +526,8 @@ export class DefaultHeaderComponent {
 
   protected readonly layoutComponentService &#x3D; inject(LayoutService);
 
-  public readonly collapsable &#x3D; computed(() &#x3D;&gt; this.layoutComponentService.collapsable());
+  public readonly collapsed &#x3D; computed(() &#x3D;&gt; this.layoutComponentService.collapsed());
+  public readonly isMobile &#x3D; computed(() &#x3D;&gt; this.layoutComponentService.isMobile());
   public readonly opened &#x3D; computed(() &#x3D;&gt; this.layoutComponentService.opened());
   public readonly profile &#x3D; toSignal(inject(RXAP_USER_PROFILE_DATA_SOURCE).connect(&#x27;user-profile&#x27;), { initialValue: null });
 
@@ -509,7 +542,7 @@ export class DefaultHeaderComponent {
 
     <div class="tab-pane fade " id="templateData">
         <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;
-  @if (collapsable()) {
+  @if (collapsed() || isMobile()) {
     &lt;rxap-sidenav-toggle-button&gt;&lt;/rxap-sidenav-toggle-button&gt;
   }
   &lt;div class&#x3D;&quot;grow flex flex-row gap-x-4 items-center&quot;&gt;
@@ -553,7 +586,7 @@ export class DefaultHeaderComponent {
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        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>'
+        var COMPONENT_TEMPLATE = '<div><div class="w-full flex flex-row gap-x-4 justify-between items-center">  @if (collapsed() || isMobile()) {    <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>'
     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': 'DefaultHeaderComponent'};

package/compodoc/components/NavigationItemComponent.html

@@ -294,6 +294,9 @@
                                     <span class="modifier">Public</span>
                                 <a href="#isNavigationItem" >isNavigationItem</a>
                             </li>
+                            <li>
+                                <a href="#onClick" >onClick</a>
+                            </li>
                         </ul>
                     </td>
                 </tr>
@@ -397,8 +400,8 @@
 
                     <tr>
                         <td class="col-md-4">
-                            <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>
+                            <div class="io-line">Defined in <a href="" data-line="188"
+                                    class="link-to-prism">src/lib/navigation/navigation-item/navigation-item.component.ts:188</a></div>
                         </td>
                     </tr>
 
@@ -466,8 +469,8 @@
 
                     <tr>
                         <td class="col-md-4">
-                            <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>
+                            <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>
 
@@ -535,8 +538,8 @@
 
                     <tr>
                         <td class="col-md-4">
-                            <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>
+                            <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>
 
@@ -582,6 +585,43 @@
             </tr>
         </tbody>
     </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="onClick"></a>
+                    <span class="name">
+                        <span ><b>onClick</b></span>
+                        <a href="#onClick"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+<code>onClick()</code>
+                </td>
+            </tr>
+
+
+                    <tr>
+                        <td class="col-md-4">
+                            <div class="io-line">Defined in <a href="" data-line="119"
+                                    class="link-to-prism">src/lib/navigation/navigation-item/navigation-item.component.ts:119</a></div>
+                        </td>
+                    </tr>
+
+
+            <tr>
+                <td class="col-md-4">
+
+                        <div class="io-description">
+                            <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
+
+                        </div>
+                </td>
+            </tr>
+        </tbody>
+    </table>
 </section>
     <section data-compodoc="block-properties">
     
@@ -1015,6 +1055,12 @@ export class NavigationItemComponent
   protected readonly elementRef &#x3D; inject(ElementRef);
   protected readonly renderer &#x3D; inject(Renderer2);
 
+  onClick() {
+    if (this.layoutService.isMobile() || this.layoutService.collapsed()) {
+      this.layoutService.opened.set(false);
+    }
+  }
+
   public ngOnChanges(changes: SimpleChanges) {
     if (changes[&#x27;item&#x27;]) {
       const item: NavigationItem &#x3D; changes[&#x27;item&#x27;].currentValue;
@@ -1100,7 +1146,7 @@ export class NavigationItemComponent
      class&#x3D;&quot;h-12 pl-4 pr-5 flex flex-row justify-between items-center gap-x-4&quot;
      matRipple
      routerLinkActive
-
+     (click)&#x3D;&quot;onClick()&quot;
   &gt;
     &lt;span
       [ngClass]&#x3D;&quot;itemClasses()&quot;
@@ -1161,7 +1207,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 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 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     (click)="onClick()"  >    <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/dependencies.html

@@ -133,9 +133,9 @@
         <li>
             <b>@rxap/browser-utilities</b> : ^1.1.13-dev.0</li>
         <li>
-            <b>@rxap/config</b> : ^19.0.4-dev.0</li>
+            <b>@rxap/config</b> : ^19.1.0-dev.1</li>
         <li>
-            <b>@rxap/data-source</b> : ^19.1.0-dev.0</li>
+            <b>@rxap/data-source</b> : ^19.1.0-dev.2</li>
         <li>
             <b>@rxap/environment</b> : ^19.0.4-dev.0</li>
         <li>
@@ -143,7 +143,7 @@
         <li>
             <b>@rxap/ngx-pub-sub</b> : ^19.0.4-dev.0</li>
         <li>
-            <b>@rxap/ngx-theme</b> : ^19.1.0-dev.0</li>
+            <b>@rxap/ngx-theme</b> : ^19.1.0-dev.4</li>
         <li>
             <b>@rxap/pattern</b> : ^1.1.14-dev.0</li>
         <li>

package/compodoc/injectables/LayoutService.html

@@ -228,7 +228,7 @@
             <tbody>
                 <tr>
                     <td class="col-md-4">
-<code>constructor(navigationConfigDefaults: <a href="../undefineds/Navigation.html" target="_self">Omit&lt;NavigationConfig | apps&gt;</a>)</code>
+<code>constructor(navigationConfigDefaults: <a href="../undefineds/Navigation.html" target="_self">Omit&lt;NavigationConfig | apps&gt; | null</a>)</code>
                     </td>
                 </tr>
                         <tr>
@@ -254,7 +254,7 @@
                                                         <td>navigationConfigDefaults</td>
                                                   
                                                         <td>
-                                                                        <code><a href="../miscellaneous/typealiases.html#Navigation" target="_self" >Omit&lt;NavigationConfig | apps&gt;</a></code>
+                                                                        <code><a href="../miscellaneous/typealiases.html#Navigation" target="_self" >Omit&lt;NavigationConfig | apps&gt; | null</a></code>
                                                         </td>
                                                   
                                                     <td>
@@ -766,21 +766,21 @@ export class LayoutService {
   constructor(
     @Inject(RXAP_NAVIGATION_LAYOUT_CONFIG_DEFAULTS)
     @Optional()
-    navigationConfigDefaults: Omit&lt;NavigationConfig, &#x27;apps&#x27;&gt; &#x3D; {},
+    navigationConfigDefaults: Omit&lt;NavigationConfig, &#x27;apps&#x27;&gt; | null &#x3D; null,
   ) {
-    const mobileQuery &#x3D; this.mediaMatcher.matchMedia(&#x27;(max-width: 959px)&#x27;);
+    const mobileQuery &#x3D; this.mediaMatcher.matchMedia(navigationConfigDefaults?.mobileQuery ?? &#x27;(max-width: 959px)&#x27;);
     this.isMobile &#x3D; toSignal(new Observable&lt;boolean&gt;(subscriber &#x3D;&gt; {
       mobileQuery.addEventListener(&#x27;change&#x27;, (event) &#x3D;&gt; {
         subscriber.next(event.matches);
       });
     }), { initialValue: mobileQuery.matches });
 
-    const initialCollapsable &#x3D; this.config.get(&#x27;navigation.collapsable&#x27;, navigationConfigDefaults.collapsable ?? true);
+    const initialCollapsable &#x3D; this.config.get(&#x27;navigation.collapsable&#x27;, navigationConfigDefaults?.collapsable ?? true);
     const collapsable &#x3D; initialCollapsable &amp;&amp; !this.isMobile();
-    const pinned &#x3D; this.config.get(&#x27;navigation.pinned&#x27;, navigationConfigDefaults.pinned ?? false);
-    const mode &#x3D; this.config.get(&#x27;navigation.mode&#x27;, navigationConfigDefaults.mode ?? (pinned || !collapsable ? &#x27;side&#x27; : &#x27;over&#x27;));
-    const opened &#x3D; this.config.get(&#x27;navigation.opened&#x27;, (navigationConfigDefaults.opened ?? (!collapsable || pinned)) &amp;&amp; !this.isMobile());
-    const fixedInViewport &#x3D; this.config.get(&#x27;navigation.fixedInViewport&#x27;, navigationConfigDefaults.fixedInViewport ?? true);
+    const pinned &#x3D; this.config.get(&#x27;navigation.pinned&#x27;, navigationConfigDefaults?.pinned ?? false);
+    const mode &#x3D; this.config.get(&#x27;navigation.mode&#x27;, navigationConfigDefaults?.mode ?? (pinned || !collapsable ? &#x27;side&#x27; : &#x27;over&#x27;));
+    const opened &#x3D; this.config.get(&#x27;navigation.opened&#x27;, (navigationConfigDefaults?.opened ?? (!collapsable || pinned)) &amp;&amp; !this.isMobile());
+    const fixedInViewport &#x3D; this.config.get(&#x27;navigation.fixedInViewport&#x27;, navigationConfigDefaults?.fixedInViewport ?? true);
 
     if (isDevMode()) {
       console.log({

package/compodoc/injectables/LogoService.html

@@ -306,7 +306,7 @@ import {
   RXAP_LOGO_CONFIG_DEFAULTS,
 } from './tokens';
 
-@Injectable()
+@Injectable({ providedIn: 'root' })
 export class LogoService {
 
   private readonly config = inject(ConfigService);