import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
import type { Components } from '@ds-mo/ui/components';
import type { DsPanelNavCustomEvent } from '@ds-mo/ui/components';
import type { ChromeTransitionDetail as IDsPanelNavChromeTransitionDetail } from '@ds-mo/ui/components';
import type { PanelNavUserActionDetail as IDsPanelNavPanelNavUserActionDetail } from '@ds-mo/ui/components';
import * as i0 from "@angular/core";
export declare class DsPanelNav {
    protected z: NgZone;
    protected el: HTMLDsPanelNavElement;
    dsNavSelect: EventEmitter<DsPanelNavCustomEvent<string>>;
    dsNavToggle: EventEmitter<DsPanelNavCustomEvent<boolean>>;
    dsChromeTransitionStart: EventEmitter<DsPanelNavCustomEvent<IDsPanelNavChromeTransitionDetail>>;
    dsChromeTransitionEnd: EventEmitter<DsPanelNavCustomEvent<IDsPanelNavChromeTransitionDetail>>;
    dsNavFooterAction: EventEmitter<DsPanelNavCustomEvent<void>>;
    dsNavUserAction: EventEmitter<DsPanelNavCustomEvent<IDsPanelNavPanelNavUserActionDetail>>;
    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
    static ɵfac: i0.ɵɵFactoryDeclaration<DsPanelNav, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<DsPanelNav, "ds-panel-nav", never, { "accountLabel": { "alias": "accountLabel"; "required": false; }; "accountMenuExpanded": { "alias": "accountMenuExpanded"; "required": false; }; "activeId": { "alias": "activeId"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "collapseNavigationLabel": { "alias": "collapseNavigationLabel"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "currentUrl": { "alias": "currentUrl"; "required": false; }; "dashboardLabel": { "alias": "dashboardLabel"; "required": false; }; "dashboardNavigationLabel": { "alias": "dashboardNavigationLabel"; "required": false; }; "disableViewTransition": { "alias": "disableViewTransition"; "required": false; }; "expandNavigationLabel": { "alias": "expandNavigationLabel"; "required": false; }; "groups": { "alias": "groups"; "required": false; }; "navStyle": { "alias": "navStyle"; "required": false; }; "navigationItemsLabel": { "alias": "navigationItemsLabel"; "required": false; }; "routerMode": { "alias": "routerMode"; "required": false; }; "settingsLabel": { "alias": "settingsLabel"; "required": false; }; "settingsNavigationLabel": { "alias": "settingsNavigationLabel"; "required": false; }; "storageKey": { "alias": "storageKey"; "required": false; }; "userInitial": { "alias": "userInitial"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; }, { "dsNavSelect": "dsNavSelect"; "dsNavToggle": "dsNavToggle"; "dsChromeTransitionStart": "dsChromeTransitionStart"; "dsChromeTransitionEnd": "dsChromeTransitionEnd"; "dsNavFooterAction": "dsNavFooterAction"; "dsNavUserAction": "dsNavUserAction"; }, never, ["*"], true, never>;
}
export declare interface DsPanelNav extends Components.DsPanelNav {
    /**
     * Emitted when a nav item is clicked. Detail = the item's `id`.
     */
    dsNavSelect: EventEmitter<DsPanelNavCustomEvent<string>>;
    /**
     * Emitted when the collapse toggle is clicked. Detail = new collapsed state.
     */
    dsNavToggle: EventEmitter<DsPanelNavCustomEvent<boolean>>;
    /**
     * Bubbling lifecycle — `ds-shell-app` pauses chrome metrics during width motion.
     */
    dsChromeTransitionStart: EventEmitter<DsPanelNavCustomEvent<IDsPanelNavChromeTransitionDetail>>;
    dsChromeTransitionEnd: EventEmitter<DsPanelNavCustomEvent<IDsPanelNavChromeTransitionDetail>>;
    /**
     * Emitted when the footer left button (gear / dashboard) is clicked.
     */
    dsNavFooterAction: EventEmitter<DsPanelNavCustomEvent<void>>;
    /**
     * Emitted when the footer user button is clicked. Detail includes the anchor for `ds-menu`.
     */
    dsNavUserAction: EventEmitter<DsPanelNavCustomEvent<IDsPanelNavPanelNavUserActionDetail>>;
}