@visma-swno/vsn-navigation 1.8.0-beta.1 → 1.8.0-beta.2

package/dist/assets/vsn-navigation.d.ts

@@ -160,9 +160,27 @@ export declare class VSNNavigation extends LitElement {
     notificationActive: boolean;
     /** When true, the side bar is opened */
     open: boolean;
+    /** When true, the side bar is pinned */
+    pinned: boolean;
+    /** Enables the Pin/Unpin control in the footer dropdown */
+    pinToggleEnabled: boolean;
     private _resolvedModules;
     private _modulesLoading;
+    private _isMobile;
     private _modulesLoadToken;
+    private _mobileQuery;
+    private _onMobileChange;
+    /** Ensures the persisted pin preference is restored at most once per component
+     instance — from the first render at which the authenticated user is known. */
+    private _pinPreferenceRestored;
+    /** Pinned is only effective on non-mobile viewports — mobile is always overlay. */
+    private get _effectivePinned();
+    /**
+     * The pinned (in-flow) layout is applied only while the pinned side bar is actually shown.
+     */
+    private get _pinnedLayout();
+    /** The Pin/Unpin control is offered only when enabled and not on mobile. */
+    private get _pinControlVisible();
     /** Set at close time: whether focus was inside the side-bar. Gates the focus
      restore so we don't steal focus when the user closed the side-bar by
      clicking a focusable element outside (e.g. a top-bar button). */
@@ -172,6 +190,7 @@ export declare class VSNNavigation extends LitElement {
     private get _sidebarTree();
     private get _topBarTree();
     willUpdate(changed: Map<string, unknown>): void;
+    private _maybeRestorePinPreference;
     private _onTopBarMenuItemChanged;
     private _onSideBarMenuItemChanged;
     private get _resolvedLang();
@@ -184,6 +203,10 @@ export declare class VSNNavigation extends LitElement {
     updated(changed: Map<string, unknown>): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    /**
+     * Toggle the pin state from the footer control.
+     */
+    private _onPinToggle;
     /** Toggles the side-bar: opens and focuses search when closed, closes when open.
      * Shortcut: Cmd+O on Mac (Ctrl+O also accepted as a Safari fallback); Ctrl+O on all other platforms. */
     private _onShortcut;
@@ -216,6 +239,14 @@ export declare type VsnNavigation = {
     feedback?: FeedbackConfig | null;
     /** Keep the module switcher permanently open (non-closable). Default false. */
     moduleSwitcherAlwaysOpen?: boolean;
+    /** When true, the side bar is shown. On its own it opens as an overlay; combined
+     with `pinned` it is shown as a pinned column. Removing it hides the side bar. */
+    open?: boolean;
+    /** When true, the (open) side bar is pinned as part of the layout instead of
+     overlaying the page. Requires `open` to be visible; ignored on mobile. */
+    pinned?: boolean;
+    /** Enable the Pin/Unpin control in the footer dropdown */
+    pinToggleEnabled?: boolean;
 };
 
 export declare class VSNSkipToMain extends LitElement {