import { EventEmitter } from '../../stencil-public-runtime';
import type { ChromeTransitionDetail } from '../../shell/chrome-transition';
import type { NavChromeStyle } from '../../shell/nav-chrome';
import { type PanelNavGroup, type PanelNavRouterMode, type PanelNavUserActionDetail } from './panel-nav-types';
export declare class PanelNav {
    /** Style slot: `dashboard` or `settings`. Colors match for now;
     *  class hooks reserved for texture/glyph layers. Property: `navStyle`. Attribute: `nav-style`. */
    navStyle: NavChromeStyle;
    /** When `true`, style changes apply synchronously — host app owns view transitions. */
    disableViewTransition: boolean;
    /** Nav groups — set via JS property (`el.groups = [...]`) or JSON string attribute. */
    groups: string | PanelNavGroup[];
    /** How items with `href` render:
     *  - `anchor` (default): native `<a href>` — works with routers that intercept anchors.
     *  - `event`: always `<button>`; host handles navigation via `dsNavSelect`. */
    routerMode: PanelNavRouterMode;
    /** ID of the currently active/selected nav item. Overridden by `currentUrl` matching when set. */
    activeId: string;
    /** Whether the nav is in collapsed (icon-only) state.
     *  Set `storageKey` to persist across reloads. `dsNavToggle` still fires on change. */
    collapsed: boolean;
    /** Viewport width (px) below which the nav locks in icon-only mode. 0 = disabled. */
    breakpoint: number;
    /** `localStorage` key used to persist the collapsed state across page loads.
     *  When set, collapsed state is restored on mount and written on each toggle. */
    storageKey: string;
    /** Current route URL (e.g. `window.location.pathname` or the router's active URL).
     *  When set the component derives the active item by matching item `href` values
     *  against this string (longest segment-boundary prefix wins), overriding `activeId`. */
    currentUrl: string;
    /** Display name for the footer user section */
    userName: string;
    /** Single character shown in the collapsed avatar */
    userInitial: string;
    dashboardLabel: string;
    settingsLabel: string;
    accountLabel: string;
    /** Keep the account-menu trigger visually pressed while its popup is open or closing. */
    accountMenuExpanded: boolean;
    dashboardNavigationLabel: string;
    settingsNavigationLabel: string;
    expandNavigationLabel: string;
    collapseNavigationLabel: string;
    /** Localized name for the body when overflow makes it a keyboard-scrollable region. */
    navigationItemsLabel: string;
    /** Emitted when a nav item is clicked. Detail = the item's `id`. */
    dsNavSelect: EventEmitter<string>;
    /** Emitted when the collapse toggle is clicked. Detail = new collapsed state. */
    dsNavToggle: EventEmitter<boolean>;
    /** Bubbling lifecycle — `ds-shell-app` pauses chrome metrics during width motion. */
    dsChromeTransitionStart: EventEmitter<ChromeTransitionDetail>;
    dsChromeTransitionEnd: EventEmitter<ChromeTransitionDetail>;
    /** Emitted when the footer left button (gear / dashboard) is clicked. */
    dsNavFooterAction: EventEmitter<void>;
    /** Emitted when the footer user button is clicked. Detail includes the anchor for `ds-menu`. */
    dsNavUserAction: EventEmitter<PanelNavUserActionDetail>;
    el: HTMLElement;
    private renderedStyle;
    private parsedGroups;
    private isAnimating;
    private rovingIndex;
    private viewportNarrow;
    private urlDerivedActiveId;
    private bodyScrollable;
    private transitionCompletionHandler?;
    private transitionFallbackTimer;
    private resizeObserver?;
    private scrollRegionObserver?;
    private bodyEl?;
    private initialRenderComplete;
    private isDragging;
    private dragStartX;
    private didSnap;
    private lastDeltaX;
    private edgeOverlayTimer;
    private globalMouseMoveHandler?;
    private globalMouseUpHandler?;
    private showEdgeOverlay;
    private static readonly HOST_PROP_SYNC_BUDGET;
    /** The ID that should be treated as active. `currentUrl` matching takes precedence
     *  over `activeId` when both are present. */
    private get effectiveActiveId();
    private get effectiveDisableViewTransition();
    onCollapsedChange(_next: boolean, prev: boolean | undefined): void;
    onViewportNarrowChange(next: boolean, prev: boolean | undefined): void;
    onBreakpointChange(): void;
    onGroupsChange(val: string | PanelNavGroup[]): void;
    onActiveIdChange(): void;
    onCurrentUrlChange(): void;
    onNavStyleChange(newVal: NavChromeStyle): void;
    componentWillLoad(): void;
    componentDidLoad(): void;
    componentDidRender(): void;
    disconnectedCallback(): void;
    private startCollapseAnimation;
    private finishCollapseAnimation;
    private clearCollapseAnimationCompletion;
    private effectiveBreakpoint;
    private isViewportNarrow;
    private connectResizeObserver;
    private disconnectResizeObserver;
    private connectScrollRegionObserver;
    private disconnectScrollRegionObserver;
    private updateBodyScrollable;
    /** Derive active ID from the current URL by matching item `href` values.
     *  Uses longest segment-boundary prefix match. */
    private syncActiveFromUrl;
    /** Re-parse props assigned by the host after componentWillLoad (Angular ngAfterViewInit). */
    private syncHostPropsIfNeeded;
    /** Poll across animation frames — host props may land without triggering @Watch. */
    private scheduleDeferredHostPropSync;
    /** Centralised toggle: updates the desktop preference unless breakpoint-locked. */
    private applyToggle;
    private getAllItems;
    private getFirstRovingIndex;
    private getFooterRovingIndex;
    private getUserRovingIndex;
    private getRovingElement;
    private focusRovingAt;
    private activateRovingIndex;
    private handleRovingKeyDown;
    private handleItemClick;
    private handleToggle;
    /** Toggle the desktop preference. No-op while the breakpoint locks the panel collapsed. */
    toggleCollapsed(): Promise<void>;
    private handleFooterAction;
    private handleUserAction;
    private clearEdgeOverlayTimer;
    private handleResizeHandleMouseEnter;
    private handleResizeHandleMouseLeave;
    private handleResizeHandleMouseDown;
    private renderFooterAction;
    private renderFooterUser;
    private renderNavItem;
    render(): any;
}
//# sourceMappingURL=PanelNav.d.ts.map