/** * Copyright Aquera Inc 2023 * * This source code is licensed under the BSD-3-Clause license found in the * LICENSE file in the root directory of this source tree. */ import { CSSResultArray, TemplateResult } from 'lit'; import NileElement from '../internal/nile-element'; /** * @summary The shell's left region — the navigation track; mirrors the shell's rail state so nav content can style against it. * * @status stable * @since 2.0 * * @tag nile-app-shell-side-nav * * @dependency nile-app-shell * * @slot - The nav body. Scrolls. * @slot header - Pinned above the scroll region — a wordmark or product switcher. * @slot footer - Pinned below it — an account row or help link. * * @csspart header - The pinned header. * @csspart body - The scrolling nav body. * @csspart footer - The pinned footer. * * @cssproperty [--nile-app-shell-side-nav-padding=12px] - Body inset. * @cssproperty [--nile-app-shell-side-nav-bg=transparent] - Surface behind the nav; transparent so the nav and page share one. */ export declare class NileAppShellSideNav extends NileElement { static get styles(): CSSResultArray; private shellLink; /** Mirrors the shell's effective rail state. Set by the shell; treat it as read-only and style against it (`nile-app-shell-side-nav[collapsed] .label`). */ collapsed: boolean; /** Id of the shell to follow. Defaults to the nearest ancestor. */ shell?: string; connectedCallback(): void; protected willUpdate(): void; render(): TemplateResult; } export default NileAppShellSideNav; declare global { interface HTMLElementTagNameMap { 'nile-app-shell-side-nav': NileAppShellSideNav; } }