codexly-ui 0.10.3 → 0.10.4

package/fesm2022/codexly-ui.mjs

@@ -4,11 +4,11 @@ import { isPlatformBrowser, NgTemplateOutlet, DOCUMENT, NgStyle, CurrencyPipe, D
 import * as i1$1 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormControl, NgControl, ReactiveFormsModule, FormGroup, Validators, FormsModule } from '@angular/forms';
 import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { startWith, map, debounceTime, distinctUntilChanged, switchMap, of, catchError } from 'rxjs';
+import { startWith, map, debounceTime, distinctUntilChanged, switchMap, of, catchError, filter } from 'rxjs';
 import * as i1 from '@angular/cdk/overlay';
 import { ScrollStrategyOptions, OverlayModule } from '@angular/cdk/overlay';
 import { ScrollingModule, CdkScrollable } from '@angular/cdk/scrolling';
-import { RouterLink, RouterLinkActive } from '@angular/router';
+import { Router, NavigationEnd, RouterLink, RouterLinkActive } from '@angular/router';
 
 // ── Parse 'red' | 'red-500' → { color, shade } ───────────────────────────────
 function parseColorInput(input) {
@@ -9442,6 +9442,14 @@ class ClxAppLayoutComponent {
         const zone = inject(NgZone, { optional: true });
         this._zone = zone ?? { run: (fn) => fn(), runOutsideAngular: (fn) => fn() };
         this._document = inject(DOCUMENT);
+        // On mobile the sidebar is an overlay drawer over the page content — leaving it open after
+        // the user picks a menu item would hide the very page they just navigated to. Desktop is
+        // unaffected: there the sidebar is a permanent rail, not an overlay, so it should stay as-is.
+        const router = inject(Router, { optional: true });
+        router?.events.pipe(filter((e) => e instanceof NavigationEnd), takeUntilDestroyed()).subscribe(() => {
+            if (this._isMobile())
+                this._sidebarOpen.set(false);
+        });
     }
     _showBackdrop = computed(() => this._sidebarOpen() && this._isMobile(), ...(ngDevMode ? [{ debugName: "_showBackdrop" }] : /* istanbul ignore next */ []));
     _isExpanded = computed(() => !this.collapsed() || this._hovered(), ...(ngDevMode ? [{ debugName: "_isExpanded" }] : /* istanbul ignore next */ []));