ng-hub-ui-nav 22.11.1 → 22.11.2

package/README.md

@@ -187,7 +187,7 @@ A toggle button ships on the outer edge of the primary column: an arrow inside a
 | `config` | `Partial<HubNavConfig>` | `{}` | Per-instance config merged with global defaults. |
 | `navClass` | `string` | `''` | Additional class applied to the internal `<nav>`. |
 | `itemTemplate` | `TemplateRef<unknown> \| null` | `null` | Optional custom item template. |
-| `autoOpenFromRoute` | `boolean` | `false` | Opens matching dropdowns/panels from the current route. |
+| `autoOpenFromRoute` | `boolean` | `false` | Opens matching dropdowns/panels from the current route. It also re-derives the stack when the viewport comes back above `collapseBreakpoint`; with the input off, a stack opened by hand survives that round trip. |
 | `rail` | `boolean` (two-way `model`) | `false` | Desktop-only icon rail for vertical navs. Ignored below `collapseBreakpoint`. Bind with `[(rail)]`. |
 | `variant` | `'primary' \| 'success' \| 'danger' \| 'warning' \| 'info' \| string` | `'primary'` | Semantic accent for the hover/active affordances. Built-in values render with the design-system tints; any custom string resolves through `--hub-sys-color-<variant>`. |
 

package/fesm2022/ng-hub-ui-nav.mjs

@@ -3188,9 +3188,36 @@ class HubNavComponent {
         this.state.setCollapsed(belowBreakpoint);
         if (!belowBreakpoint) {
             this.state.closeAllDropdowns();
-            this.state.closeAllPanels();
             this.mobileToggle.emit(false);
+            this.restorePanelsAfterExpand();
+        }
+    }
+    /**
+     * Rebuilds the panel stack when the viewport comes back above the breakpoint.
+     *
+     * Crossing back up used to empty the stack, and nothing refilled it: panels are derived from
+     * the route only on navigation, so a sidebar that had been narrowed to mobile came back
+     * expanded but with no section panel until the user navigated somewhere else. Host apps key
+     * their own layout off that panel — hiding their in-page section index while the nav shows
+     * one — so its absence unfolds a full-height menu over the page the user was reading.
+     *
+     * Rebuilding rather than simply not clearing, because the stack can be stale: while collapsed
+     * the offcanvas menu navigates without touching the panels (they are not rendered in that
+     * mode), so a surviving stack would describe the page the user left. Deriving it again from
+     * the current URL is the only answer that holds whether or not the route moved meanwhile.
+     *
+     * Only when the route owns the panels. Without `autoOpenFromRoute` the stack is whatever the
+     * user opened by hand and nothing can re-derive it, so it is left untouched — which is also
+     * what makes the narrow/widen round trip end exactly where it started.
+     */
+    restorePanelsAfterExpand() {
+        if (!this.autoOpenFromRoute()) {
+            return;
         }
+        // Forget the last synced path first: its guard would otherwise read a stack built for
+        // another URL as one already in sync with this one, and skip the rebuild.
+        this._lastSyncedPath = '';
+        this.syncFromRoute(this.items(), this.currentUrl());
     }
     /**
      * Recomputes the collapsed state from the current viewport width.