@rxap/layout 18.1.0-dev.0 → 18.1.0-dev.1

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [18.1.0-dev.1](https://gitlab.com/rxap/packages/compare/@rxap/layout@18.1.0-dev.0...@rxap/layout@18.1.0-dev.1) (2024-06-25)
+
+### Features
+
+- support static external apps ([c005399](https://gitlab.com/rxap/packages/commit/c005399314a3d7131d4bee429fc9ce85f92d87d5))
+
 # [18.1.0-dev.0](https://gitlab.com/rxap/packages/compare/@rxap/layout@18.0.3-dev.1...@rxap/layout@18.1.0-dev.0) (2024-06-24)
 
 ### Bug Fixes

package/README.md

@@ -19,7 +19,7 @@ yarn add @rxap/layout
 ```
 **Install peer dependencies:**
 ```bash
-yarn add @angular/animations@^18.0.1 @angular/cdk@^18.0.0 @angular/common@^18.0.1 @angular/core@^18.0.1 @angular/material@^18.0.0 @angular/router@^18.0.1 @rxap/browser-utilities@^1.1.4-dev.1 @rxap/config@^18.1.1-dev.1 @rxap/environment@^18.0.3-dev.1 @rxap/material-directives@^18.0.3-dev.1 @rxap/ngx-pub-sub@^18.0.3-dev.1 @rxap/ngx-theme@^18.0.3-dev.1 @rxap/ngx-user@^18.0.3-dev.1 @rxap/pattern@^1.1.5-dev.1 @rxap/utilities@^16.2.4-dev.1 rxjs@^7.8.1 
+yarn add @angular/animations@^18.0.1 @angular/cdk@^18.0.0 @angular/common@^18.0.1 @angular/core@^18.0.1 @angular/material@^18.0.0 @angular/router@^18.0.1 @rxap/browser-utilities@^1.1.4-dev.1 @rxap/config@^18.1.1-dev.2 @rxap/environment@^18.0.3-dev.2 @rxap/material-directives@^18.0.3-dev.1 @rxap/ngx-pub-sub@^18.0.3-dev.1 @rxap/ngx-theme@^18.0.3-dev.1 @rxap/ngx-user@^18.0.3-dev.1 @rxap/pattern@^1.1.5-dev.1 @rxap/utilities@^16.2.4-dev.1 rxjs@^7.8.1 
 ```
 **Execute the init generator:**
 ```bash

package/compodoc/changelog.html

@@ -85,6 +85,11 @@
 <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@18.1.0-dev.0...@rxap/layout@18.1.0-dev.1">18.1.0-dev.1</a> (2024-06-25)</h1>
+<h3>Features</h3>
+<ul>
+<li>support static external apps (<a href="https://gitlab.com/rxap/packages/commit/c005399314a3d7131d4bee429fc9ce85f92d87d5">c005399</a>)</li>
+</ul>
 <h1><a href="https://gitlab.com/rxap/packages/compare/@rxap/layout@18.0.3-dev.1...@rxap/layout@18.1.0-dev.0">18.1.0-dev.0</a> (2024-06-24)</h1>
 <h3>Bug Fixes</h3>
 <ul>

package/compodoc/components/AppsButtonComponent.html

@@ -173,6 +173,7 @@
                             <code>MatAnchor</code>
                             <code>MatIconButton</code>
                             <code>MatIcon</code>
+                            <code>IconDirective</code>
                 </td>
             </tr>
 
@@ -286,8 +287,8 @@
 
                     <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/apps-button/apps-button.component.ts:44</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="46"
+                                    class="link-to-prism">src/lib/default-header/apps-button/apps-button.component.ts:46</a></div>
                         </td>
                     </tr>
 
@@ -329,7 +330,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/apps-button/apps-button.component.ts:41</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="43" class="link-to-prism">src/lib/default-header/apps-button/apps-button.component.ts:43</a></div>
                         </td>
                     </tr>
 
@@ -356,7 +357,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/apps-button/apps-button.component.ts:42</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="44" class="link-to-prism">src/lib/default-header/apps-button/apps-button.component.ts:44</a></div>
                         </td>
                     </tr>
 
@@ -383,7 +384,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="38" class="link-to-prism">src/lib/default-header/apps-button/apps-button.component.ts:38</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="40" class="link-to-prism">src/lib/default-header/apps-button/apps-button.component.ts:40</a></div>
                         </td>
                     </tr>
 
@@ -418,6 +419,7 @@ import {
 } from &#x27;@angular/material/button&#x27;;
 import { MatIcon } from &#x27;@angular/material/icon&#x27;;
 import { RouterLink } from &#x27;@angular/router&#x27;;
+import { IconDirective } from &#x27;@rxap/material-directives/icon&#x27;;
 import { ExternalAppsService } from &#x27;../../external-apps.service&#x27;;
 
 @Component({
@@ -433,6 +435,7 @@ import { ExternalAppsService } from &#x27;../../external-apps.service&#x27;;
     MatAnchor,
     MatIconButton,
     MatIcon,
+    IconDirective,
   ],
 })
 export class AppsButtonComponent implements OnInit {
@@ -468,6 +471,9 @@ export class AppsButtonComponent implements OnInit {
           @if (app.href) {
             &lt;a [href]&#x3D;&quot;app.href&quot; [target]&#x3D;&quot;app.target ?? &#x27;_self&#x27;&quot; mat-stroked-button&gt;
               &lt;span class&#x3D;&quot;flex flex-row items-center gap-4&quot;&gt;
+                @if (app.icon) {
+                  &lt;mat-icon [rxapIcon]&#x3D;&quot;app.icon&quot;&gt;&lt;/mat-icon&gt;
+                }
                 @if (app.image) {
                   &lt;img [alt]&#x3D;&quot;app.label&quot; [ngSrc]&#x3D;&quot;app.image&quot; height&#x3D;&quot;40&quot; width&#x3D;&quot;40&quot;&gt;
                 }
@@ -477,6 +483,9 @@ export class AppsButtonComponent implements OnInit {
           } @else if (app.routerLink) {
             &lt;a mat-stroked-button [routerLink]&#x3D;&quot;app.routerLink&quot;&gt;
               &lt;span class&#x3D;&quot;flex flex-row items-center gap-4&quot;&gt;
+                @if (app.icon) {
+                  &lt;mat-icon [rxapIcon]&#x3D;&quot;app.icon&quot;&gt;&lt;/mat-icon&gt;
+                }
                 @if (app.image) {
                   &lt;img [alt]&#x3D;&quot;app.label&quot; [ngSrc]&#x3D;&quot;app.image&quot; height&#x3D;&quot;40&quot; width&#x3D;&quot;40&quot;&gt;
                 }
@@ -486,6 +495,9 @@ export class AppsButtonComponent implements OnInit {
           } @else {
             &lt;button mat-stroked-button [disabled]&#x3D;&quot;true&quot;&gt;
               &lt;span class&#x3D;&quot;flex flex-row items-center gap-4&quot;&gt;
+                @if (app.icon) {
+                  &lt;mat-icon [rxapIcon]&#x3D;&quot;app.icon&quot;&gt;&lt;/mat-icon&gt;
+                }
                 @if (app.image) {
                   &lt;img [alt]&#x3D;&quot;app.label&quot; [ngSrc]&#x3D;&quot;app.image&quot; height&#x3D;&quot;40&quot; width&#x3D;&quot;40&quot;&gt;
                 }
@@ -539,7 +551,7 @@ export class AppsButtonComponent implements OnInit {
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div>@if (hasApps()) {  <div class="flex flex-row items-center gap-8">    @if (isOpen()) {      <div class="flex flex-row items-center gap-6 h-10">        @for (app of appList(); track app.label) {          @if (app.href) {            <a [href]="app.href" [target]="app.target ?? \'_self\'" mat-stroked-button>              <span class="flex flex-row items-center gap-4">                @if (app.image) {                  <img [alt]="app.label" [ngSrc]="app.image" height="40" width="40">                }                <span class="label grow-0">{{ app.label }}</span>              </span>            </a>          } @else if (app.routerLink) {            <a mat-stroked-button [routerLink]="app.routerLink">              <span class="flex flex-row items-center gap-4">                @if (app.image) {                  <img [alt]="app.label" [ngSrc]="app.image" height="40" width="40">                }                <span class="label grow-0">{{ app.label }}</span>              </span>            </a>          } @else {            <button mat-stroked-button [disabled]="true">              <span class="flex flex-row items-center gap-4">                @if (app.image) {                  <img [alt]="app.label" [ngSrc]="app.image" height="40" width="40">                }                <span class="label grow-0">{{ app.label }}</span>              </span>            </button>          }        }      </div>    }    <button (click)="toggle()" mat-icon-button>      <mat-icon svgIcon="apps"></mat-icon>    </button>  </div>}</div>'
+        var COMPONENT_TEMPLATE = '<div>@if (hasApps()) {  <div class="flex flex-row items-center gap-8">    @if (isOpen()) {      <div class="flex flex-row items-center gap-6 h-10">        @for (app of appList(); track app.label) {          @if (app.href) {            <a [href]="app.href" [target]="app.target ?? \'_self\'" mat-stroked-button>              <span class="flex flex-row items-center gap-4">                @if (app.icon) {                  <mat-icon [rxapIcon]="app.icon"></mat-icon>                }                @if (app.image) {                  <img [alt]="app.label" [ngSrc]="app.image" height="40" width="40">                }                <span class="label grow-0">{{ app.label }}</span>              </span>            </a>          } @else if (app.routerLink) {            <a mat-stroked-button [routerLink]="app.routerLink">              <span class="flex flex-row items-center gap-4">                @if (app.icon) {                  <mat-icon [rxapIcon]="app.icon"></mat-icon>                }                @if (app.image) {                  <img [alt]="app.label" [ngSrc]="app.image" height="40" width="40">                }                <span class="label grow-0">{{ app.label }}</span>              </span>            </a>          } @else {            <button mat-stroked-button [disabled]="true">              <span class="flex flex-row items-center gap-4">                @if (app.icon) {                  <mat-icon [rxapIcon]="app.icon"></mat-icon>                }                @if (app.image) {                  <img [alt]="app.label" [ngSrc]="app.image" height="40" width="40">                }                <span class="label grow-0">{{ app.label }}</span>              </span>            </button>          }        }      </div>    }    <button (click)="toggle()" mat-icon-button>      <mat-icon svgIcon="apps"></mat-icon>    </button>  </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': 'AppsButtonComponent'};

package/compodoc/dependencies.html

@@ -127,9 +127,9 @@
         <li>
             <b>@rxap/browser-utilities</b> : ^1.1.4-dev.1</li>
         <li>
-            <b>@rxap/config</b> : ^18.1.1-dev.1</li>
+            <b>@rxap/config</b> : ^18.1.1-dev.2</li>
         <li>
-            <b>@rxap/environment</b> : ^18.0.3-dev.1</li>
+            <b>@rxap/environment</b> : ^18.0.3-dev.2</li>
         <li>
             <b>@rxap/material-directives</b> : ^18.0.3-dev.1</li>
         <li>

package/compodoc/index.html

@@ -97,7 +97,7 @@
 <h1>Installation</h1>
 <p><strong>Add the package to your workspace:</strong></p>
 <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>
-<b>Example :</b><div><pre class="line-numbers"><code class="language-bash">yarn add &#64;angular/animations&#64;^18.0.1 &#64;angular/cdk&#64;^18.0.0 &#64;angular/common&#64;^18.0.1 &#64;angular/core&#64;^18.0.1 &#64;angular/material&#64;^18.0.0 &#64;angular/router&#64;^18.0.1 &#64;rxap/browser-utilities&#64;^1.1.4-dev.1 &#64;rxap/config&#64;^18.1.1-dev.1 &#64;rxap/environment&#64;^18.0.3-dev.1 &#64;rxap/material-directives&#64;^18.0.3-dev.1 &#64;rxap/ngx-pub-sub&#64;^18.0.3-dev.1 &#64;rxap/ngx-theme&#64;^18.0.3-dev.1 &#64;rxap/ngx-user&#64;^18.0.3-dev.1 &#64;rxap/pattern&#64;^1.1.5-dev.1 &#64;rxap/utilities&#64;^16.2.4-dev.1 rxjs&#64;^7.8.1 </code></pre></div><p><strong>Execute the init generator:</strong></p>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-bash">yarn add &#64;angular/animations&#64;^18.0.1 &#64;angular/cdk&#64;^18.0.0 &#64;angular/common&#64;^18.0.1 &#64;angular/core&#64;^18.0.1 &#64;angular/material&#64;^18.0.0 &#64;angular/router&#64;^18.0.1 &#64;rxap/browser-utilities&#64;^1.1.4-dev.1 &#64;rxap/config&#64;^18.1.1-dev.2 &#64;rxap/environment&#64;^18.0.3-dev.2 &#64;rxap/material-directives&#64;^18.0.3-dev.1 &#64;rxap/ngx-pub-sub&#64;^18.0.3-dev.1 &#64;rxap/ngx-theme&#64;^18.0.3-dev.1 &#64;rxap/ngx-user&#64;^18.0.3-dev.1 &#64;rxap/pattern&#64;^1.1.5-dev.1 &#64;rxap/utilities&#64;^16.2.4-dev.1 rxjs&#64;^7.8.1 </code></pre></div><p><strong>Execute the init generator:</strong></p>
 <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>
 <h2>Layout</h2>
 <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>

package/compodoc/injectables/ExternalAppsService.html

@@ -159,6 +159,11 @@
                                     <span class="modifier">Readonly</span>
                                 <a href="#environment" >environment</a>
                             </li>
+                            <li>
+                                    <span class="modifier">Protected</span>
+                                    <span class="modifier">Readonly</span>
+                                <a href="#externalApps" >externalApps</a>
+                            </li>
                             <li>
                                     <span class="modifier">Protected</span>
                                     <span class="modifier">Readonly</span>
@@ -253,8 +258,8 @@
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="36"
-                                    class="link-to-prism">src/lib/external-apps.service.ts:36</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="40"
+                                    class="link-to-prism">src/lib/external-apps.service.ts:40</a></div>
                         </td>
                     </tr>
 
@@ -290,7 +295,7 @@
                                 </table>
                             </div>
                         <div class="io-description">
-                            <b>Returns : </b>        <code><a href="../miscellaneous/typealiases.html#ExternalApps" target="_self" >ExternalApps | null</a></code>
+                            <b>Returns : </b>        <code><a href="../miscellaneous/typealiases.html#ExternalApp" target="_self" >ExternalApp | null</a></code>
 
                         </div>
                             <div class="io-description">
@@ -323,8 +328,8 @@
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="96"
-                                    class="link-to-prism">src/lib/external-apps.service.ts:96</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="100"
+                                    class="link-to-prism">src/lib/external-apps.service.ts:100</a></div>
                         </td>
                     </tr>
 
@@ -333,7 +338,7 @@
                 <td class="col-md-4">
 
                         <div class="io-description">
-                            <b>Returns : </b>        <code><a href="../miscellaneous/typealiases.html#ExternalApps" target="_self" >Promise&lt;Array&lt;ExternalApps&gt;&gt;</a></code>
+                            <b>Returns : </b>        <code><a href="../miscellaneous/typealiases.html#ExternalApp" target="_self" >Promise&lt;Array&lt;ExternalApp&gt;&gt;</a></code>
 
                         </div>
                 </td>
@@ -362,8 +367,8 @@
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="59"
-                                    class="link-to-prism">src/lib/external-apps.service.ts:59</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="63"
+                                    class="link-to-prism">src/lib/external-apps.service.ts:63</a></div>
                         </td>
                     </tr>
 
@@ -443,8 +448,8 @@
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="78"
-                                    class="link-to-prism">src/lib/external-apps.service.ts:78</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="82"
+                                    class="link-to-prism">src/lib/external-apps.service.ts:82</a></div>
                         </td>
                     </tr>
 
@@ -524,8 +529,8 @@
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="47"
-                                    class="link-to-prism">src/lib/external-apps.service.ts:47</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="51"
+                                    class="link-to-prism">src/lib/external-apps.service.ts:51</a></div>
                         </td>
                     </tr>
 
@@ -625,8 +630,8 @@
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="70"
-                                    class="link-to-prism">src/lib/external-apps.service.ts:70</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="74"
+                                    class="link-to-prism">src/lib/external-apps.service.ts:74</a></div>
                         </td>
                     </tr>
 
@@ -706,8 +711,8 @@
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="117"
-                                    class="link-to-prism">src/lib/external-apps.service.ts:117</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="122"
+                                    class="link-to-prism">src/lib/external-apps.service.ts:122</a></div>
                         </td>
                     </tr>
 
@@ -745,8 +750,8 @@
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="32"
-                                    class="link-to-prism">src/lib/external-apps.service.ts:32</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="36"
+                                    class="link-to-prism">src/lib/external-apps.service.ts:36</a></div>
                         </td>
                     </tr>
 
@@ -814,8 +819,8 @@
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="86"
-                                    class="link-to-prism">src/lib/external-apps.service.ts:86</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="90"
+                                    class="link-to-prism">src/lib/external-apps.service.ts:90</a></div>
                         </td>
                     </tr>
 
@@ -894,12 +899,12 @@
             </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Default value : </i><code>signal&lt;Array&lt;ExternalApps&gt;&gt;([])</code>
+                        <i>Default value : </i><code>signal&lt;Array&lt;ExternalApp&gt;&gt;([])</code>
                     </td>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="30" class="link-to-prism">src/lib/external-apps.service.ts:30</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">src/lib/external-apps.service.ts:34</a></div>
                         </td>
                     </tr>
 
@@ -927,12 +932,12 @@
             </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Default value : </i><code>coerceArray(inject(RXAP_EXTERNAL_APP_FILTER, { optional: true}))</code>
+                        <i>Default value : </i><code>coerceArray(inject(RXAP_EXTERNAL_APP_FILTER, { optional: true }))</code>
                     </td>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="21" class="link-to-prism">src/lib/external-apps.service.ts:21</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="24" class="link-to-prism">src/lib/external-apps.service.ts:24</a></div>
                         </td>
                     </tr>
 
@@ -954,7 +959,7 @@
             </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../miscellaneous/typealiases.html#ExternalApps" target="_self" >Array&lt;ExternalApps&gt;</a></code>
+                        <i>Type : </i>        <code><a href="../miscellaneous/typealiases.html#ExternalApp" target="_self" >Array&lt;ExternalApp&gt;</a></code>
 
                     </td>
                 </tr>
@@ -965,7 +970,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">src/lib/external-apps.service.ts:25</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="28" class="link-to-prism">src/lib/external-apps.service.ts:28</a></div>
                         </td>
                     </tr>
 
@@ -992,7 +997,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="22" class="link-to-prism">src/lib/external-apps.service.ts:22</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">src/lib/external-apps.service.ts:25</a></div>
                         </td>
                     </tr>
 
@@ -1019,7 +1024,34 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="24" class="link-to-prism">src/lib/external-apps.service.ts:24</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">src/lib/external-apps.service.ts:27</a></div>
+                        </td>
+                    </tr>
+
+
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="externalApps"></a>
+                    <span class="name">
+                            <span class="modifier">Protected</span>
+                            <span class="modifier">Readonly</span>
+                        <span ><b>externalApps</b></span>
+                        <a href="#externalApps"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>coerceArray(inject(RXAP_EXTERNAL_APP, { optional: true }))</code>
+                    </td>
+                </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-line">Defined in <a href="" data-line="29" class="link-to-prism">src/lib/external-apps.service.ts:29</a></div>
                         </td>
                     </tr>
 
@@ -1046,7 +1078,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="23" class="link-to-prism">src/lib/external-apps.service.ts:23</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="26" class="link-to-prism">src/lib/external-apps.service.ts:26</a></div>
                         </td>
                     </tr>
 
@@ -1073,28 +1105,32 @@ import {
   coerceArray,
   JoinPath,
 } from &#x27;@rxap/utilities&#x27;;
-import { RXAP_EXTERNAL_APP_FILTER } from &#x27;./tokens&#x27;;
-import { ExternalApps } from &#x27;./types&#x27;;
+import {
+  RXAP_EXTERNAL_APP,
+  RXAP_EXTERNAL_APP_FILTER,
+} from &#x27;./tokens&#x27;;
+import { ExternalApp } from &#x27;./types&#x27;;
 
 @Injectable()
 export class ExternalAppsService {
 
-  protected readonly appFilterList &#x3D; coerceArray(inject(RXAP_EXTERNAL_APP_FILTER, { optional: true}));
+  protected readonly appFilterList &#x3D; coerceArray(inject(RXAP_EXTERNAL_APP_FILTER, { optional: true }));
   protected readonly config &#x3D; inject(ConfigService);
   protected readonly localeId &#x3D; inject(LOCALE_ID);
   protected readonly environment &#x3D; inject(RXAP_ENVIRONMENT);
-  protected readonly apps: Array&lt;ExternalApps&gt; &#x3D; this.config.get(&#x27;navigation.apps&#x27;, []);
+  protected readonly apps: Array&lt;ExternalApp&gt; &#x3D; this.config.get(&#x27;navigation.apps&#x27;, []);
+  protected readonly externalApps &#x3D; coerceArray(inject(RXAP_EXTERNAL_APP, { optional: true }));
 
   /**
    * The list of active apps that is processed by the getAppList method
    */
-  public readonly activeAppList &#x3D; signal&lt;Array&lt;ExternalApps&gt;&gt;([]);
+  public readonly activeAppList &#x3D; signal&lt;Array&lt;ExternalApp&gt;&gt;([]);
 
   public hasApp(appId: string): boolean {
     return this.apps.some(app &#x3D;&gt; app.id &#x3D;&#x3D;&#x3D; appId);
   }
 
-  public getApp(appId: string): ExternalApps | null {
+  public getApp(appId: string): ExternalApp | null {
     if (!this.hasApp(appId)) {
       return null;
     }
@@ -1125,7 +1161,7 @@ export class ExternalAppsService {
       return null;
     }
 
-    return [...app.routerLink, path];
+    return [ ...app.routerLink, path ];
   }
 
   public getAppUrlOrThrow(appId: string, path: string): string {
@@ -1154,10 +1190,11 @@ export class ExternalAppsService {
 
   }
 
-  public async getAppList(): Promise&lt;Array&lt;ExternalApps&gt;&gt; {
-    let appList: ExternalApps[] &#x3D; this
-      .apps
-      .filter(app &#x3D;&gt; !app.hidden)
+  public async getAppList(): Promise&lt;Array&lt;ExternalApp&gt;&gt; {
+    let appList: ExternalApp[] &#x3D; [
+      ...this.externalApps,
+      ...this.apps,
+    ].filter(app &#x3D;&gt; !app.hidden)
       .map(app &#x3D;&gt; structuredClone(app));
 
     appList.forEach(app &#x3D;&gt; {

package/compodoc/interfaces/ReleaseInfoModule.html

@@ -285,7 +285,7 @@ import { IconConfig } from '@rxap/utilities';
 
 
 
-export type ExternalApps = AppsNavigationConfig;
+export type ExternalApp = AppsNavigationConfig;
 export type ExtractUsernameFromProfileFn<T = unknown> = (profile: T) => string | null;
 export interface ReleaseInfoModule {
   name: string;

package/compodoc/interfaces/SettingsMenuItem.html

@@ -285,7 +285,7 @@ import { IconConfig } from '@rxap/utilities';
 
 
 
-export type ExternalApps = AppsNavigationConfig;
+export type ExternalApp = AppsNavigationConfig;
 export type ExtractUsernameFromProfileFn<T = unknown> = (profile: T) => string | null;
 export interface ReleaseInfoModule {
   name: string;