@sandlada/mdc/build/components/navigation-bar/navigation-bar.d.ts

@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.

import { LitElement, type PropertyValues, type TemplateResult } from 'lit';
import type { TNavigationTabDirection } from '../navigation-item/base-navigation-tab';
declare global {
    interface HTMLElementTagNameMap {
        "mdc-navigation-bar": NavigationBar;
    }
}
declare const NavigationBar_base: import("../../utils/behaviors/mixin").MixinReturn<typeof LitElement, import("../../utils/behaviors/connected-promise-resolve").IConnectedPromiseResolve>;
/**
 * direction:
 * - direction="vertical" (default)
 * - direction="horizonal"
 *
 * position:
 * - left
 * - middle
 * - between (default)
 * - right
 *
 * xr:
 * - false (default)
 * - true
 *
 * open:
 * - false (default)
 * - true
 *
 * When xr is enabled, only vertical is valid:
 * <mdc-navigation-bar open xr direction="vertical"></mdc-navigation-bar>
 *
 * @version
 * Material Design 3 - Expressive
 *
 * @link
 * https://www.figma.com/design/4GM7ohCF2Qtjzs7Fra6jlp/Material-3-Design-Kit--Community-?node-id=58016-36958&t=gL02aeIXWQsJdOqN-0
 */
export declare class NavigationBar extends NavigationBar_base {
    static styles: import("lit").CSSResult;
    direction: TNavigationTabDirection;
    position: 'start' | 'middle' | 'between' | 'end';
    xr: boolean;
    quick: boolean;
    get open(): boolean;
    set open(value: boolean);
    /**
     * @todo
     * - auto open/close
     * - auto change direction
     */
    private readonly dialog;
    private readonly container;
    private readonly content;
    private readonly tabs;
    protected isOpen: boolean;
    protected isOpening: boolean;
    protected getRenderClasses(): {
        vertical: boolean;
        horizonal: boolean;
        xr: boolean;
        start: boolean;
        middle: boolean;
        between: boolean;
        end: boolean;
    };
    protected render(): TemplateResult;
    protected cancelAnimations: AbortController | null;
    show(): Promise<void>;
    close(): Promise<void>;
    private animateDialog;
    protected firstUpdated(_changedProperties: PropertyValues): void;
    protected updated(changedProperties: Map<string | number | symbol, unknown>): void;
    private updateSlottedChild;
}
export {};
//# sourceMappingURL=navigation-bar.d.ts.map