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

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 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.2](https://gitlab.com/rxap/packages/compare/@rxap/layout@19.1.1-dev.1...@rxap/layout@19.1.1-dev.2) (2025-08-21)
+
+### Bug Fixes
+
+- **navigation-item:** remove unnecessary console logs ([3b808c0](https://gitlab.com/rxap/packages/commit/3b808c05fd6db8c1064d25fa11dbf0539c92c5d7))
+
+## [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

package/compodoc/changelog.html

@@ -85,6 +85,13 @@
 <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.1...@rxap/layout@19.1.1-dev.2">19.1.1-dev.2</a> (2025-08-21)</h2>
+<h3>Bug Fixes</h3>
+<ul>
+<li><strong>navigation-item:</strong> remove unnecessary console logs (<a href="https://gitlab.com/rxap/packages/commit/3b808c05fd6db8c1064d25fa11dbf0539c92c5d7">3b808c0</a>)</li>
+</ul>
+<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>

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

@@ -1072,35 +1072,35 @@ export class NavigationItemComponent
   public ngAfterViewInit() {
     this._subscription.add(
       this.router.events
-          .pipe(
-            filter((event) => event instanceof NavigationEnd),
-            debounceTime(100),
-            startWith(true),
-            tap(() => {
-              let isActive = true;
-              const urlParts = this.router.url.split('/');
-              if (urlParts[0] === '') {
-                urlParts[0] = '/';
+        .pipe(
+          filter((event) => event instanceof NavigationEnd),
+          debounceTime(100),
+          startWith(true),
+          tap(() => {
+            let isActive = true;
+            const urlParts = this.router.url.split('/');
+            if (urlParts[0] === '') {
+              urlParts[0] = '/';
+            }
+            const routerLink = coerceArray(this.item().routerLink).map(fragment => fragment === '/' ? ['/'] : fragment.split('/')).flat();
+            if (routerLink[0] === '') {
+              routerLink[0] = '/';
+            }
+            for (let i = 0; i < routerLink.length; i++) {
+              if (urlParts[i] !== routerLink[i]) {
+                isActive = false;
+                break;
               }
-              const routerLink = coerceArray(this.item().routerLink).map(fragment => fragment.split('/')).flat();
-              if (routerLink[0] === '') {
-                routerLink[0] = '/';
-              }
-              for (let i = 0; i < routerLink.length; i++) {
-                if (urlParts[i] !== routerLink[i]) {
-                  isActive = false;
-                  break;
-                }
-              }
-              this.active.set(isActive);
-              if (isActive) {
-                this.renderer.addClass(this.elementRef.nativeElement, 'active');
-              } else {
-                this.renderer.removeClass(this.elementRef.nativeElement, 'active');
-              }
-            }),
-          )
-          .subscribe(),
+            }
+            this.active.set(isActive);
+            if (isActive) {
+              this.renderer.addClass(this.elementRef.nativeElement, 'active');
+            } else {
+              this.renderer.removeClass(this.elementRef.nativeElement, 'active');
+            }
+          }),
+        )
+        .subscribe(),
     );
   }
 
@@ -1143,7 +1143,7 @@ export class NavigationItemComponent
      '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"
+     class="h-12 pl-4 pr-5 flex flex-row justify-between items-center gap-x-4 text-black"
      matRipple
      routerLinkActive
      (click)="onClick()"
@@ -1154,11 +1154,12 @@ export class NavigationItemComponent
     >
       {{ item().label }}
     </span>
-    <mat-icon *ngIf="item().icon as icon" [rxapIcon]="icon"></mat-icon>
+    @if (item().icon; as icon) {
+      <mat-icon [rxapIcon]="icon"></mat-icon>
+    }
   </a>
 
-  <ng-container *ngIf="item().children?.length && active()">
-
+  @if (item().children?.length && active()) {
     <mat-divider></mat-divider>
 
     <ul [@sub-nav]
@@ -1169,8 +1170,7 @@ export class NavigationItemComponent
     </ul>
 
     <mat-divider></mat-divider>
-
-  </ng-container>
+  }
 </div>
 </code></pre>
     </div>
@@ -1207,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     (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

@@ -133,9 +133,9 @@
         <li>
             <b>@rxap/browser-utilities</b> : ^1.1.13</li>
         <li>
-            <b>@rxap/config</b> : ^19.1.0</li>
+            <b>@rxap/config</b> : ^19.1.1-dev.0</li>
         <li>
-            <b>@rxap/data-source</b> : ^19.1.1-dev.0</li>
+            <b>@rxap/data-source</b> : ^19.1.1-dev.1</li>
         <li>
             <b>@rxap/environment</b> : ^19.0.4</li>
         <li>
@@ -147,7 +147,7 @@
         <li>
             <b>@rxap/pattern</b> : ^1.1.14</li>
         <li>
-            <b>@rxap/utilities</b> : ^16.4.4</li>
+            <b>@rxap/utilities</b> : ^16.4.5-dev.0</li>
         <li>
             <b>rxjs</b> : ^7.8.1</li>
     </ul>