codexly-ui 0.10.2 → 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 */ []));
@@ -11599,7 +11607,9 @@ class ClxPaginationComponent {
         });
         // Mientras el usuario no haya elegido un pageSize a propósito, si el default provisto por el
         // padre excede totalItems, se ajusta al más pequeño disponible en vez de quedar seleccionado
-        // como si fuera el "más grande elegido".
+        // como si fuera el "más grande elegido". Debe emitir pageChange/sizeChange igual que la
+        // selección manual — si no, el consumidor (ej. clx-table → su padre real) nunca se entera
+        // del nuevo tamaño y sigue pidiendo datos al backend con el size viejo.
         effect(() => {
             if (this._userTouchedPageSize)
                 return;
@@ -11609,6 +11619,9 @@ class ClxPaginationComponent {
             const smallest = this._pageSizeOptions()[0]?.value;
             if (smallest != null && this.pageSize() > total && smallest !== this.pageSize()) {
                 this.pageSize.set(smallest);
+                this.currentPage.set(1);
+                this.sizeChange.emit({ pageSize: smallest });
+                this.pageChange.emit({ page: 1, pageSize: smallest });
             }
         });
         // Sincroniza el FormControl → pageSize model cuando el usuario elige