import { LitElement } from 'lit'; /** * Navigation is used to display the primary navigation in the sidebar * of an application. Navigation includes a list of links that users * use to move between sections of the application. * * @status ready * @category navigation * @slot - The main section of the sidebar, for holding nav components. * @slot header - The top section of the sidebar. * @slot footer - The bottom section of the sidebar. * * @fires {NordEvent} toggle - Dispatched whenever a nav item's state changes between open and closed. * @fires {NordEvent} activate - Dispatched whenever a nav item has been marked as active * * @cssprop [--n-navigation-background-color=var(--n-color-nav-surface)] - Controls the background color of the navigation element. */ export default class Navigation extends LitElement { static styles: import("lit").CSSResult[]; private headerSlot; private events; private footerObserver; private allowItemsToRemainOpen; /** * Controls whether the navigations's footer has sticky positioning. */ stickyFooter: boolean; connectedCallback(): void; disconnectedCallback(): void; /** * Observe the footer slot element for visibility changes. * Watches style and class attributes on the footer element itself, and * childList on the host to detect footer being added/removed (e.g. v-if). */ private observeFooter; private get isFooterVisible(); render(): import("lit").TemplateResult<1>; private handleActivate; } declare global { interface HTMLElementTagNameMap { 'nord-navigation': Navigation; } }