@rxap/layout 19.1.0-dev.0 → 19.1.0-dev.2

package/compodoc/components/NavigationItemComponent.html

@@ -216,6 +216,11 @@
                 <tr>
                     <td class="col-md-4">
                         <ul class="index-list">
+                            <li>
+                                    <span class="modifier">Protected</span>
+                                    <span class="modifier">Readonly</span>
+                                <a href="#_subscription" >_subscription</a>
+                            </li>
                             <li>
                                     <span class="modifier">Public</span>
                                     <span class="modifier">Readonly</span>
@@ -230,6 +235,11 @@
                                     <span class="modifier">Readonly</span>
                                 <a href="#collapsed" >collapsed</a>
                             </li>
+                            <li>
+                                    <span class="modifier">Protected</span>
+                                    <span class="modifier">Readonly</span>
+                                <a href="#elementRef" >elementRef</a>
+                            </li>
                             <li>
                                     <span class="modifier">Public</span>
                                     <span class="modifier">Readonly</span>
@@ -240,11 +250,26 @@
                                     <span class="modifier">Readonly</span>
                                 <a href="#itemClasses" >itemClasses</a>
                             </li>
+                            <li>
+                                    <span class="modifier">Protected</span>
+                                    <span class="modifier">Readonly</span>
+                                <a href="#layoutService" >layoutService</a>
+                            </li>
                             <li>
                                     <span class="modifier">Public</span>
                                     <span class="modifier">Readonly</span>
                                 <a href="#level" >level</a>
                             </li>
+                            <li>
+                                    <span class="modifier">Protected</span>
+                                    <span class="modifier">Readonly</span>
+                                <a href="#renderer" >renderer</a>
+                            </li>
+                            <li>
+                                    <span class="modifier">Protected</span>
+                                    <span class="modifier">Readonly</span>
+                                <a href="#router" >router</a>
+                            </li>
                         </ul>
                     </td>
                 </tr>
@@ -269,6 +294,9 @@
                                     <span class="modifier">Public</span>
                                 <a href="#isNavigationItem" >isNavigationItem</a>
                             </li>
+                            <li>
+                                <a href="#onClick" >onClick</a>
+                            </li>
                         </ul>
                     </td>
                 </tr>
@@ -372,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>
 
@@ -441,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>
 
@@ -510,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>
 
@@ -557,12 +585,76 @@
             </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">
     
     <h3 id="inputs">
         Properties
     </h3>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="_subscription"></a>
+                    <span class="name">
+                            <span class="modifier">Protected</span>
+                            <span class="modifier">Readonly</span>
+                        <span ><b>_subscription</b></span>
+                        <a href="#_subscription"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>new Subscription()</code>
+                    </td>
+                </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-line">Defined in <a href="" data-line="113" class="link-to-prism">src/lib/navigation/navigation-item/navigation-item.component.ts:113</a></div>
+                        </td>
+                    </tr>
+
+
+        </tbody>
+    </table>
     <table class="table table-sm table-bordered">
         <tbody>
             <tr>
@@ -647,6 +739,33 @@
                     </tr>
 
 
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="elementRef"></a>
+                    <span class="name">
+                            <span class="modifier">Protected</span>
+                            <span class="modifier">Readonly</span>
+                        <span ><b>elementRef</b></span>
+                        <a href="#elementRef"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>inject(ElementRef)</code>
+                    </td>
+                </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-line">Defined in <a href="" data-line="116" class="link-to-prism">src/lib/navigation/navigation-item/navigation-item.component.ts:116</a></div>
+                        </td>
+                    </tr>
+
+
         </tbody>
     </table>
     <table class="table table-sm table-bordered">
@@ -702,6 +821,33 @@
                     </tr>
 
 
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="layoutService"></a>
+                    <span class="name">
+                            <span class="modifier">Protected</span>
+                            <span class="modifier">Readonly</span>
+                        <span ><b>layoutService</b></span>
+                        <a href="#layoutService"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>inject(LayoutService)</code>
+                    </td>
+                </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-line">Defined in <a href="" data-line="109" class="link-to-prism">src/lib/navigation/navigation-item/navigation-item.component.ts:109</a></div>
+                        </td>
+                    </tr>
+
+
         </tbody>
     </table>
     <table class="table table-sm table-bordered">
@@ -729,6 +875,60 @@
                     </tr>
 
 
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="renderer"></a>
+                    <span class="name">
+                            <span class="modifier">Protected</span>
+                            <span class="modifier">Readonly</span>
+                        <span ><b>renderer</b></span>
+                        <a href="#renderer"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>inject(Renderer2)</code>
+                    </td>
+                </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-line">Defined in <a href="" data-line="117" class="link-to-prism">src/lib/navigation/navigation-item/navigation-item.component.ts:117</a></div>
+                        </td>
+                    </tr>
+
+
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="router"></a>
+                    <span class="name">
+                            <span class="modifier">Protected</span>
+                            <span class="modifier">Readonly</span>
+                        <span ><b>router</b></span>
+                        <a href="#router"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>inject(Router)</code>
+                    </td>
+                </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-line">Defined in <a href="" data-line="115" class="link-to-prism">src/lib/navigation/navigation-item/navigation-item.component.ts:115</a></div>
+                        </td>
+                    </tr>
+
+
         </tbody>
     </table>
 </section>
@@ -845,15 +1045,21 @@ export class NavigationItemComponent
     return classes;
   });
 
-  private readonly layoutService &#x3D; inject(LayoutService);
+  protected readonly layoutService &#x3D; inject(LayoutService);
 
   public readonly collapsed &#x3D; computed(() &#x3D;&gt; this.layoutService.collapsed());
 
-  private readonly _subscription &#x3D; new Subscription();
+  protected readonly _subscription &#x3D; new Subscription();
 
-  private readonly router &#x3D; inject(Router);
-  private readonly elementRef &#x3D; inject(ElementRef);
-  private readonly renderer &#x3D; inject(Renderer2);
+  protected readonly router &#x3D; inject(Router);
+  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;]) {
@@ -940,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;
@@ -1001,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/components/ReleaseInfoComponent.html

@@ -192,6 +192,11 @@
                 <tr>
                     <td class="col-md-4">
                         <ul class="index-list">
+                            <li>
+                                    <span class="modifier">Protected</span>
+                                    <span class="modifier">Readonly</span>
+                                <a href="#dialog" >dialog</a>
+                            </li>
                             <li>
                                     <span class="modifier">Public</span>
                                     <span class="modifier">Readonly</span>
@@ -282,6 +287,33 @@
     <h3 id="inputs">
         Properties
     </h3>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="dialog"></a>
+                    <span class="name">
+                            <span class="modifier">Protected</span>
+                            <span class="modifier">Readonly</span>
+                        <span ><b>dialog</b></span>
+                        <a href="#dialog"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>inject(MatDialog)</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/release-info/release-info.component.ts:30</a></div>
+                        </td>
+                    </tr>
+
+
+        </tbody>
+    </table>
     <table class="table table-sm table-bordered">
         <tbody>
             <tr>
@@ -371,7 +403,7 @@ export class ReleaseInfoComponent {
   public readonly modules &#x3D; coerceArray(inject(RXAP_RELEASE_INFO_MODULE, { optional: true }));
   public readonly release &#x3D; DetermineReleaseName(inject(RXAP_ENVIRONMENT));
 
-  private readonly dialog &#x3D; inject(MatDialog);
+  protected readonly dialog &#x3D; inject(MatDialog);
 
   openEnvironmentInfo() {
     this.dialog.open(EnvironmentComponent, {

package/compodoc/components/SettingsButtonComponent.html

@@ -215,6 +215,11 @@
                             <li>
                                 <a href="#customItems" >customItems</a>
                             </li>
+                            <li>
+                                    <span class="modifier">Protected</span>
+                                    <span class="modifier">Readonly</span>
+                                <a href="#injector" >injector</a>
+                            </li>
                             <li>
                                     <span class="modifier">Public</span>
                                 <a href="#isDevMode" >isDevMode</a>
@@ -985,6 +990,33 @@
                     </tr>
 
 
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="injector"></a>
+                    <span class="name">
+                            <span class="modifier">Protected</span>
+                            <span class="modifier">Readonly</span>
+                        <span ><b>injector</b></span>
+                        <a href="#injector"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>inject(Injector)</code>
+                    </td>
+                </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-line">Defined in <a href="" data-line="60" class="link-to-prism">src/lib/default-header/settings-button/settings-button.component.ts:60</a></div>
+                        </td>
+                    </tr>
+
+
         </tbody>
     </table>
     <table class="table table-sm table-bordered">
@@ -1105,7 +1137,7 @@ export class SettingsButtonComponent {
   public isDevMode &#x3D; isDevMode();
 
   public readonly theme &#x3D; inject(ThemeService);
-  private readonly injector &#x3D; inject(Injector);
+  protected readonly injector &#x3D; inject(Injector);
 
   customItemComponents: Signal&lt;ComponentPortal&lt;unknown&gt;[]&gt; &#x3D; toSignal(from(Promise.all(
     coerceArray(inject(RXAP_SETTINGS_MENU_ITEM_COMPONENT, { optional: true }))