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

package/compodoc/components/SidenavToggleButtonComponent.html

@@ -120,7 +120,7 @@
     <h3>File</h3>
 </p>
 <p class="comment">
-    <code>src/lib/header/sidenav-toggle-button/sidenav-toggle-button.component.ts</code>
+    <code>src/lib/default-header/sidenav-toggle-button/sidenav-toggle-button.component.ts</code>
 </p>
 
 
@@ -161,9 +161,8 @@
             <tr>
                 <td class="col-md-3">imports</td>
                 <td class="col-md-9">
-                            <code>MatButtonModule</code>
-                            <code>NgIf</code>
-                            <code>MatIconModule</code>
+                            <code>MatIcon</code>
+                            <code>MatIconButton</code>
                 </td>
             </tr>
 
@@ -202,11 +201,6 @@
                 <tr>
                     <td class="col-md-4">
                         <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Public</span>
-                                    <span class="modifier">Readonly</span>
-                                <a href="#layoutComponentService" >layoutComponentService</a>
-                            </li>
                             <li>
                                     <span class="modifier">Public</span>
                                     <span class="modifier">Readonly</span>
@@ -216,62 +210,28 @@
                     </td>
                 </tr>
 
-
-
-
-
-
-        </tbody>
-    </table>
-</section>
-
-    <section data-compodoc="block-constructor">
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
                 <tr>
                     <td class="col-md-4">
-<code>constructor(layoutComponentService: <a href="../injectables/LayoutComponentService.html" target="_self">LayoutComponentService</a>)</code>
+                        <h6><b>Methods</b></h6>
                     </td>
                 </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">src/lib/header/sidenav-toggle-button/sidenav-toggle-button.component.ts:25</a></div>
-                            </td>
-                        </tr>
-
                 <tr>
                     <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>layoutComponentService</td>
-                                                  
-                                                        <td>
-                                                                        <code><a href="../injectables/LayoutComponentService.html" target="_self" >LayoutComponentService</a></code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
+                        <ul class="index-list">
+                            <li>
+                                    <span class="modifier">Public</span>
+                                <a href="#toggle" >toggle</a>
+                            </li>
+                        </ul>
                     </td>
                 </tr>
-            </tbody>
-        </table>
+
+
+
+
+
+        </tbody>
+    </table>
 </section>
 
 
@@ -279,39 +239,56 @@
 
 
 
-    <section data-compodoc="block-properties">
+    <section data-compodoc="block-methods">
     
-    <h3 id="inputs">
-        Properties
+    <h3 id="methods">
+        Methods
     </h3>
     <table class="table table-sm table-bordered">
         <tbody>
             <tr>
                 <td class="col-md-4">
-                    <a name="layoutComponentService"></a>
+                    <a name="toggle"></a>
                     <span class="name">
                             <span class="modifier">Public</span>
-                            <span class="modifier">Readonly</span>
-                        <span ><b>layoutComponentService</b></span>
-                        <a href="#layoutComponentService"><span class="icon ion-ios-link"></span></a>
+                        <span ><b>toggle</b></span>
+                        <a href="#toggle"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
             </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="../injectables/LayoutComponentService.html" target="_self" >LayoutComponentService</a></code>
+            <tr>
+                <td class="col-md-4">
+                        <span class="modifier-icon icon ion-ios-reset"></span>
+                    <code>toggle()</code>
+                </td>
+            </tr>
+
 
-                    </td>
-                </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">src/lib/header/sidenav-toggle-button/sidenav-toggle-button.component.ts:27</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="28"
+                                    class="link-to-prism">src/lib/default-header/sidenav-toggle-button/sidenav-toggle-button.component.ts:28</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">
+    
+    <h3 id="inputs">
+        Properties
+    </h3>
     <table class="table table-sm table-bordered">
         <tbody>
             <tr>
@@ -327,13 +304,12 @@
             </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Type : </i>    <code>Signal&lt;boolean&gt;</code>
-
+                        <i>Default value : </i><code>computed(() &#x3D;&gt; this.layoutComponentService.opened())</code>
                     </td>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">src/lib/header/sidenav-toggle-button/sidenav-toggle-button.component.ts:25</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="26" class="link-to-prism">src/lib/default-header/sidenav-toggle-button/sidenav-toggle-button.component.ts:26</a></div>
                         </td>
                     </tr>
 
@@ -346,15 +322,15 @@
 
 
     <div class="tab-pane fade  tab-source-code" id="source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { NgIf } from &#x27;@angular/common&#x27;;
-import {
+        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
   ChangeDetectionStrategy,
   Component,
-  Signal,
+  computed,
+  inject,
 } from &#x27;@angular/core&#x27;;
-import { MatButtonModule } from &#x27;@angular/material/button&#x27;;
-import { MatIconModule } from &#x27;@angular/material/icon&#x27;;
-import { LayoutComponentService } from &#x27;../../layout/layout.component.service&#x27;;
+import { MatIconButton } from &#x27;@angular/material/button&#x27;;
+import { MatIcon } from &#x27;@angular/material/icon&#x27;;
+import { LayoutService } from &#x27;../../layout.service&#x27;;
 
 @Component({
   selector: &#x27;rxap-sidenav-toggle-button&#x27;,
@@ -363,17 +339,18 @@ import { LayoutComponentService } from &#x27;../../layout/layout.component.servi
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
   imports: [
-    MatButtonModule,
-    NgIf,
-    MatIconModule,
+    MatIcon,
+    MatIconButton,
   ],
 })
 export class SidenavToggleButtonComponent {
 
-  public readonly opened: Signal&lt;boolean&gt;;
+  private readonly layoutComponentService &#x3D; inject(LayoutService);
+
+  public readonly opened &#x3D; computed(() &#x3D;&gt; this.layoutComponentService.opened());
 
-  constructor(public readonly layoutComponentService: LayoutComponentService) {
-    this.opened &#x3D; layoutComponentService.opened;
+  public toggle() {
+    this.layoutComponentService.toggleOpened();
   }
 
 }
@@ -381,9 +358,12 @@ export class SidenavToggleButtonComponent {
     </div>
 
     <div class="tab-pane fade " id="templateData">
-        <pre class="line-numbers"><code class="language-html">&lt;button (click)&#x3D;&quot;layoutComponentService.toggleOpened()&quot; mat-icon-button&gt;
-  &lt;mat-icon *ngIf&#x3D;&quot;!opened()&quot;&gt;menu&lt;/mat-icon&gt;
-  &lt;mat-icon *ngIf&#x3D;&quot;opened()&quot;&gt;menu_open&lt;/mat-icon&gt;
+        <pre class="line-numbers"><code class="language-html">&lt;button (click)&#x3D;&quot;toggle()&quot; mat-icon-button&gt;
+  @if (opened()) {
+    &lt;mat-icon&gt;menu_open&lt;/mat-icon&gt;
+  } @else {
+    &lt;mat-icon&gt;menu&lt;/mat-icon&gt;
+  }
 &lt;/button&gt;
 </code></pre>
     </div>
@@ -420,9 +400,9 @@ export class SidenavToggleButtonComponent {
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div><button (click)="layoutComponentService.toggleOpened()" mat-icon-button>  <mat-icon *ngIf="!opened()">menu</mat-icon>  <mat-icon *ngIf="opened()">menu_open</mat-icon></button></div>'
-    var COMPONENTS = [{'name': 'AppsButtonComponent', 'selector': 'rxap-apps-button'},{'name': 'FooterComponent', 'selector': 'rxap-footer'},{'name': 'HeaderComponent', 'selector': 'rxap-header'},{'name': 'LanguageSelectorComponent', 'selector': 'rxap-language-selector'},{'name': 'LayoutComponent', 'selector': 'rxap-layout'},{'name': 'NavigationComponent', 'selector': 'ul[rxap-navigation]'},{'name': 'NavigationItemComponent', 'selector': 'li[rxap-navigation-item]'},{'name': 'NavigationProgressBarComponent', 'selector': 'rxap-navigation-progress-bar'},{'name': 'ResetButtonComponent', 'selector': 'rxap-reset-button'},{'name': 'SettingsButtonComponent', 'selector': 'rxap-settings-button'},{'name': 'SidenavComponent', 'selector': 'rxap-sidenav'},{'name': 'SidenavToggleButtonComponent', 'selector': 'rxap-sidenav-toggle-button'},{'name': 'SignOutComponent', 'selector': 'rxap-sign-out'},{'name': 'ToggleWindowSidenavButtonComponent', 'selector': 'rxap-toggle-window-sidenav-button'},{'name': 'UserProfileIconComponent', 'selector': 'rxap-user-profile-icon'},{'name': 'VersionComponent', 'selector': 'rxap-version'},{'name': 'WindowContainerSidenavComponent', 'selector': 'rxap-window-container-sidenav'}];
-    var DIRECTIVES = [{'name': 'FooterDirective', 'selector': '[rxapFooter]'},{'name': 'SidenavFooterDirective', 'selector': '[rxapSidenavFooter]'},{'name': 'SidenavHeaderDirective', 'selector': '[rxapSidenavHeader]'}];
+        var COMPONENT_TEMPLATE = '<div><button (click)="toggle()" mat-icon-button>  @if (opened()) {    <mat-icon>menu_open</mat-icon>  } @else {    <mat-icon>menu</mat-icon>  }</button></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': 'SidenavToggleButtonComponent'};
 </script>
 <script src="../js/tree.js"></script>

package/compodoc/components/SignOutComponent.html

@@ -219,54 +219,6 @@
     </table>
 </section>
 
-    <section data-compodoc="block-constructor">
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(authenticationService: RxapAuthenticationService)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="17" class="link-to-prism">src/lib/header/sign-out/sign-out.component.ts:17</a></div>
-                            </td>
-                        </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>authenticationService</td>
-                                                  
-                                                        <td>
-                                                                    <code>RxapAuthenticationService</code>
-                                                        </td>
-                                                  
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                    
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
 
 
 
@@ -300,8 +252,8 @@
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="24"
-                                    class="link-to-prism">src/lib/header/sign-out/sign-out.component.ts:24</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="22"
+                                    class="link-to-prism">src/lib/header/sign-out/sign-out.component.ts:22</a></div>
                         </td>
                     </tr>
 
@@ -326,6 +278,7 @@
         <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
   ChangeDetectionStrategy,
   Component,
+  inject,
 } from &#x27;@angular/core&#x27;;
 import { RxapAuthenticationService } from &#x27;@rxap/authentication&#x27;;
 import { MatIconModule } from &#x27;@angular/material/icon&#x27;;
@@ -341,10 +294,7 @@ import { MatButtonModule } from &#x27;@angular/material/button&#x27;;
 })
 export class SignOutComponent {
 
-  constructor(
-    private readonly authenticationService: RxapAuthenticationService,
-  ) {
-  }
+  private readonly authenticationService &#x3D; inject(RxapAuthenticationService);
 
   public async logout() {
     await this.authenticationService.signOut();
@@ -355,10 +305,7 @@ export class SignOutComponent {
     </div>
 
     <div class="tab-pane fade " id="templateData">
-        <pre class="line-numbers"><code class="language-html">&lt;button
-  mat-icon-button
-  (click)&#x3D;&quot;logout()&quot;
-&gt;
+        <pre class="line-numbers"><code class="language-html">&lt;button mat-icon-button (click)&#x3D;&quot;logout()&quot;&gt;
   &lt;mat-icon svgIcon&#x3D;&quot;logout&quot;&gt;&lt;/mat-icon&gt;
 &lt;/button&gt;
 </code></pre>
@@ -396,8 +343,8 @@ export class SignOutComponent {
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div><button  mat-icon-button  (click)="logout()">  <mat-icon svgIcon="logout"></mat-icon></button></div>'
-    var COMPONENTS = [{'name': 'AppsButtonComponent', 'selector': 'rxap-apps-button'},{'name': 'FooterComponent', 'selector': 'rxap-footer'},{'name': 'HeaderComponent', 'selector': 'rxap-header'},{'name': 'LanguageSelectorComponent', 'selector': 'rxap-language-selector'},{'name': 'LayoutComponent', 'selector': 'rxap-layout'},{'name': 'NavigationComponent', 'selector': 'ul[rxap-navigation]'},{'name': 'NavigationItemComponent', 'selector': 'li[rxap-navigation-item]'},{'name': 'NavigationProgressBarComponent', 'selector': 'rxap-navigation-progress-bar'},{'name': 'ResetButtonComponent', 'selector': 'rxap-reset-button'},{'name': 'SettingsButtonComponent', 'selector': 'rxap-settings-button'},{'name': 'SidenavComponent', 'selector': 'rxap-sidenav'},{'name': 'SidenavToggleButtonComponent', 'selector': 'rxap-sidenav-toggle-button'},{'name': 'SignOutComponent', 'selector': 'rxap-sign-out'},{'name': 'ToggleWindowSidenavButtonComponent', 'selector': 'rxap-toggle-window-sidenav-button'},{'name': 'UserProfileIconComponent', 'selector': 'rxap-user-profile-icon'},{'name': 'VersionComponent', 'selector': 'rxap-version'},{'name': 'WindowContainerSidenavComponent', 'selector': 'rxap-window-container-sidenav'}];
+        var COMPONENT_TEMPLATE = '<div><button mat-icon-button (click)="logout()">  <mat-icon svgIcon="logout"></mat-icon></button></div>'
+    var COMPONENTS = [{'name': 'AppsButtonComponent', 'selector': 'rxap-apps-button'},{'name': 'BaseLayoutComponent', 'selector': 'rxap-base-layout'},{'name': 'FooterComponent', 'selector': 'rxap-footer'},{'name': 'HeaderComponent', 'selector': 'rxap-header'},{'name': 'LanguageSelectorComponent', 'selector': 'rxap-language-selector'},{'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': 'SignOutComponent', 'selector': 'rxap-sign-out'},{'name': 'UserProfileIconComponent', 'selector': 'rxap-user-profile-icon'}];
     var DIRECTIVES = [{'name': 'FooterDirective', 'selector': '[rxapFooter]'},{'name': 'SidenavFooterDirective', 'selector': '[rxapSidenavFooter]'},{'name': 'SidenavHeaderDirective', 'selector': '[rxapSidenavHeader]'}];
     var ACTUAL_COMPONENT = {'name': 'SignOutComponent'};
 </script>