@rxap/layout 19.1.0 → 19.1.1-dev.1

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [19.1.1-dev.1](https://gitlab.com/rxap/packages/compare/@rxap/layout@19.1.1-dev.0...@rxap/layout@19.1.1-dev.1) (2025-08-12)
+
+**Note:** Version bump only for package @rxap/layout
+
+## [19.1.1-dev.0](https://gitlab.com/rxap/packages/compare/@rxap/layout@19.1.0...@rxap/layout@19.1.1-dev.0) (2025-05-19)
+
+**Note:** Version bump only for package @rxap/layout
+
 # [19.1.0](https://gitlab.com/rxap/packages/compare/@rxap/layout@19.1.0-dev.4...@rxap/layout@19.1.0) (2025-05-16)
 
 **Note:** Version bump only for package @rxap/layout

package/compodoc/changelog.html

@@ -85,6 +85,10 @@
 <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>
+<h2><a href="https://gitlab.com/rxap/packages/compare/@rxap/layout@19.1.1-dev.0...@rxap/layout@19.1.1-dev.1">19.1.1-dev.1</a> (2025-08-12)</h2>
+<p><strong>Note:</strong> Version bump only for package @rxap/layout</p>
+<h2><a href="https://gitlab.com/rxap/packages/compare/@rxap/layout@19.1.0...@rxap/layout@19.1.1-dev.0">19.1.1-dev.0</a> (2025-05-19)</h2>
+<p><strong>Note:</strong> Version bump only for package @rxap/layout</p>
 <h1><a href="https://gitlab.com/rxap/packages/compare/@rxap/layout@19.1.0-dev.4...@rxap/layout@19.1.0">19.1.0</a> (2025-05-16)</h1>
 <p><strong>Note:</strong> Version bump only for package @rxap/layout</p>
 <h1><a href="https://gitlab.com/rxap/packages/compare/@rxap/layout@19.1.0-dev.3...@rxap/layout@19.1.0-dev.4">19.1.0-dev.4</a> (2025-05-16)</h1>

package/compodoc/components/NavigationComponent.html

@@ -904,21 +904,21 @@ export class NavigationComponent implements OnInit {
     </div>
 
     <div class="tab-pane fade " id="templateData">
-        <pre class="line-numbers"><code class="language-html">&lt;ng-template [ngForOf]&#x3D;&quot;navigationItems()&quot; let-item ngFor&gt;
-  &lt;ng-template [ngIf]&#x3D;&quot;isNavigationDividerItem(item)&quot;&gt;
+        <pre class="line-numbers"><code class="language-html">@for (item of navigationItems(); track item) {
+
+  @if (isNavigationDividerItem(item)) {
     &lt;mat-divider&gt;&lt;/mat-divider&gt;
     &lt;div *ngIf&#x3D;&quot;!collapsed() &amp;&amp; item.title&quot; class&#x3D;&quot;pl-5 h-6&quot;&gt;
       {{item.title}}
     &lt;/div&gt;
-  &lt;/ng-template&gt;
-  &lt;ng-template [ngIf]&#x3D;&quot;isNavigationItem(item)&quot;&gt;
+  } @else if (isNavigationItem(item)) {
     &lt;li [item]&#x3D;&quot;asNavigationItem(item)&quot;
         [level]&#x3D;&quot;level()&quot;
-        class&#x3D;&quot;dark:hover:text-white hover:text-black&quot;
         rxap-navigation-item&gt;
     &lt;/li&gt;
-  &lt;/ng-template&gt;
-&lt;/ng-template&gt;
+  }
+
+}
 </code></pre>
     </div>
 
@@ -954,7 +954,7 @@ export class NavigationComponent implements OnInit {
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div><ng-template [ngForOf]="navigationItems()" let-item ngFor>  <ng-template [ngIf]="isNavigationDividerItem(item)">    <mat-divider></mat-divider>    <div *ngIf="!collapsed() && item.title" class="pl-5 h-6">      {{item.title}}    </div>  </ng-template>  <ng-template [ngIf]="isNavigationItem(item)">    <li [item]="asNavigationItem(item)"        [level]="level()"        class="dark:hover:text-white hover:text-black"        rxap-navigation-item>    </li>  </ng-template></ng-template></div>'
+        var COMPONENT_TEMPLATE = '<div>@for (item of navigationItems(); track item) {  @if (isNavigationDividerItem(item)) {    <mat-divider></mat-divider>    <div *ngIf="!collapsed() && item.title" class="pl-5 h-6">      {{item.title}}    </div>  } @else if (isNavigationItem(item)) {    <li [item]="asNavigationItem(item)"        [level]="level()"        rxap-navigation-item>    </li>  }}</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': 'NavigationComponent'};

package/compodoc/components/NavigationItemComponent.html

@@ -400,8 +400,8 @@
 
                     <tr>
                         <td class="col-md-4">
-                            <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>
+                            <div class="io-line">Defined in <a href="" data-line="190"
+                                    class="link-to-prism">src/lib/navigation/navigation-item/navigation-item.component.ts:190</a></div>
                         </td>
                     </tr>
 
@@ -469,8 +469,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="178"
+                                    class="link-to-prism">src/lib/navigation/navigation-item/navigation-item.component.ts:178</a></div>
                         </td>
                     </tr>
 
@@ -538,8 +538,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="184"
+                                    class="link-to-prism">src/lib/navigation/navigation-item/navigation-item.component.ts:184</a></div>
                         </td>
                     </tr>
 
@@ -1072,35 +1072,37 @@ export class NavigationItemComponent
   public ngAfterViewInit() {
     this._subscription.add(
       this.router.events
-          .pipe(
-            filter((event) &#x3D;&gt; event instanceof NavigationEnd),
-            debounceTime(100),
-            startWith(true),
-            tap(() &#x3D;&gt; {
-              let isActive &#x3D; true;
-              const urlParts &#x3D; this.router.url.split(&#x27;/&#x27;);
-              if (urlParts[0] &#x3D;&#x3D;&#x3D; &#x27;&#x27;) {
-                urlParts[0] &#x3D; &#x27;/&#x27;;
+        .pipe(
+          filter((event) &#x3D;&gt; event instanceof NavigationEnd),
+          debounceTime(100),
+          startWith(true),
+          tap(() &#x3D;&gt; {
+            let isActive &#x3D; true;
+            const urlParts &#x3D; this.router.url.split(&#x27;/&#x27;);
+            console.log({ urlParts, url: this.router.url })
+            if (urlParts[0] &#x3D;&#x3D;&#x3D; &#x27;&#x27;) {
+              urlParts[0] &#x3D; &#x27;/&#x27;;
+            }
+            const routerLink &#x3D; coerceArray(this.item().routerLink).map(fragment &#x3D;&gt; fragment &#x3D;&#x3D;&#x3D; &#x27;/&#x27; ? [&#x27;/&#x27;] : fragment.split(&#x27;/&#x27;)).flat();
+            if (routerLink[0] &#x3D;&#x3D;&#x3D; &#x27;&#x27;) {
+              routerLink[0] &#x3D; &#x27;/&#x27;;
+            }
+            console.log({ urlParts, routerLink })
+            for (let i &#x3D; 0; i &lt; routerLink.length; i++) {
+              if (urlParts[i] !&#x3D;&#x3D; routerLink[i]) {
+                isActive &#x3D; false;
+                break;
               }
-              const routerLink &#x3D; coerceArray(this.item().routerLink).map(fragment &#x3D;&gt; fragment.split(&#x27;/&#x27;)).flat();
-              if (routerLink[0] &#x3D;&#x3D;&#x3D; &#x27;&#x27;) {
-                routerLink[0] &#x3D; &#x27;/&#x27;;
-              }
-              for (let i &#x3D; 0; i &lt; routerLink.length; i++) {
-                if (urlParts[i] !&#x3D;&#x3D; routerLink[i]) {
-                  isActive &#x3D; false;
-                  break;
-                }
-              }
-              this.active.set(isActive);
-              if (isActive) {
-                this.renderer.addClass(this.elementRef.nativeElement, &#x27;active&#x27;);
-              } else {
-                this.renderer.removeClass(this.elementRef.nativeElement, &#x27;active&#x27;);
-              }
-            }),
-          )
-          .subscribe(),
+            }
+            this.active.set(isActive);
+            if (isActive) {
+              this.renderer.addClass(this.elementRef.nativeElement, &#x27;active&#x27;);
+            } else {
+              this.renderer.removeClass(this.elementRef.nativeElement, &#x27;active&#x27;);
+            }
+          }),
+        )
+        .subscribe(),
     );
   }
 
@@ -1143,7 +1145,7 @@ export class NavigationItemComponent
      &#x27;border-l-4 text-accent-400 border-accent-600&#x27;: active(),
      }&quot;&gt;
   &lt;a [routerLink]&#x3D;&quot;item().routerLink&quot;
-     class&#x3D;&quot;h-12 pl-4 pr-5 flex flex-row justify-between items-center gap-x-4&quot;
+     class&#x3D;&quot;h-12 pl-4 pr-5 flex flex-row justify-between items-center gap-x-4 text-black&quot;
      matRipple
      routerLinkActive
      (click)&#x3D;&quot;onClick()&quot;
@@ -1154,11 +1156,12 @@ export class NavigationItemComponent
     &gt;
       {{ item().label }}
     &lt;/span&gt;
-    &lt;mat-icon *ngIf&#x3D;&quot;item().icon as icon&quot; [rxapIcon]&#x3D;&quot;icon&quot;&gt;&lt;/mat-icon&gt;
+    @if (item().icon; as icon) {
+      &lt;mat-icon [rxapIcon]&#x3D;&quot;icon&quot;&gt;&lt;/mat-icon&gt;
+    }
   &lt;/a&gt;
 
-  &lt;ng-container *ngIf&#x3D;&quot;item().children?.length &amp;&amp; active()&quot;&gt;
-
+  @if (item().children?.length &amp;&amp; active()) {
     &lt;mat-divider&gt;&lt;/mat-divider&gt;
 
     &lt;ul [@sub-nav]
@@ -1169,8 +1172,7 @@ export class NavigationItemComponent
     &lt;/ul&gt;
 
     &lt;mat-divider&gt;&lt;/mat-divider&gt;
-
-  &lt;/ng-container&gt;
+  }
 &lt;/div&gt;
 </code></pre>
     </div>
@@ -1207,7 +1209,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     (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 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 text-black"     matRipple     routerLinkActive     (click)="onClick()"  >    <span      [ngClass]="itemClasses()"      class="grow whitespace-nowrap"    >      {{ item().label }}    </span>    @if (item().icon; as icon) {      <mat-icon [rxapIcon]="icon"></mat-icon>    }  </a>  @if (item().children?.length && active()) {    <mat-divider></mat-divider>    <ul [@sub-nav]        [items]="children ?? []"        [level]="level() + 1"        rxap-navigation    >    </ul>    <mat-divider></mat-divider>  }</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

@@ -103,11 +103,11 @@
         <li>
             <b>@nx/devkit</b> : 20.5.0</li>
         <li>
-            <b>@rxap/ts-morph</b> : ^1.5.5</li>
+            <b>@rxap/ts-morph</b> : ^1.5.6-dev.0</li>
         <li>
-            <b>@rxap/workspace-ts-morph</b> : ^19.1.12</li>
+            <b>@rxap/workspace-ts-morph</b> : ^19.1.13-dev.0</li>
         <li>
-            <b>@rxap/workspace-utilities</b> : ^19.8.0</li>
+            <b>@rxap/workspace-utilities</b> : ^19.8.1-dev.0</li>
         <li>
             <b>tslib</b> : 2.6.2</li>
     </ul>
@@ -131,23 +131,23 @@
         <li>
             <b>@angular/router</b> : ^19.2.1</li>
         <li>
-            <b>@rxap/browser-utilities</b> : ^1.1.13-dev.0</li>
+            <b>@rxap/browser-utilities</b> : ^1.1.13</li>
         <li>
-            <b>@rxap/config</b> : ^19.1.0-dev.3</li>
+            <b>@rxap/config</b> : ^19.1.1-dev.0</li>
         <li>
-            <b>@rxap/data-source</b> : ^19.1.0-dev.2</li>
+            <b>@rxap/data-source</b> : ^19.1.1-dev.1</li>
         <li>
-            <b>@rxap/environment</b> : ^19.0.4-dev.1</li>
+            <b>@rxap/environment</b> : ^19.0.4</li>
         <li>
-            <b>@rxap/material-directives</b> : ^19.0.4-dev.0</li>
+            <b>@rxap/material-directives</b> : ^19.0.4</li>
         <li>
-            <b>@rxap/ngx-pub-sub</b> : ^19.0.4-dev.0</li>
+            <b>@rxap/ngx-pub-sub</b> : ^19.0.4</li>
         <li>
-            <b>@rxap/ngx-theme</b> : ^19.1.0-dev.4</li>
+            <b>@rxap/ngx-theme</b> : ^19.1.0</li>
         <li>
-            <b>@rxap/pattern</b> : ^1.1.14-dev.0</li>
+            <b>@rxap/pattern</b> : ^1.1.14</li>
         <li>
-            <b>@rxap/utilities</b> : ^16.4.4-dev.0</li>
+            <b>@rxap/utilities</b> : ^16.4.5-dev.0</li>
         <li>
             <b>rxjs</b> : ^7.8.1</li>
     </ul>