import type { QueryList } from '@angular/core';
import { OnDestroy, OnInit } from '@angular/core';
import { MatDrawerToggleResult } from '@angular/material/sidenav';
import { DomSanitizer, SafeStyle } from '@angular/platform-browser';
import { Router } from '@angular/router';
import { VdLayoutComponent } from '../layout.component';
import * as i0 from "@angular/core";
export declare class VdNavigationDrawerMenuDirective {
    static ɵfac: i0.ɵɵFactoryDeclaration<VdNavigationDrawerMenuDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<VdNavigationDrawerMenuDirective, "[vd-navigation-drawer-menu]", never, {}, {}, never>;
}
export declare class VdNavigationDrawerToolbarDirective {
    static ɵfac: i0.ɵɵFactoryDeclaration<VdNavigationDrawerToolbarDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<VdNavigationDrawerToolbarDirective, "[vd-navigation-drawer-toolbar]", never, {}, {}, never>;
}
export declare class VdNavigationDrawerComponent implements OnInit, OnDestroy {
    private _layout;
    private _router;
    private _sanitize;
    private _closeSubscription;
    private _menuToggled;
    private _backgroundImage;
    get menuToggled(): boolean;
    _drawerMenu: QueryList<VdNavigationDrawerMenuDirective>;
    _toolbar: QueryList<VdNavigationDrawerToolbarDirective>;
    /**
     * Checks if there is a [VdNavigationDrawerMenuDirective] has content.
     */
    get isMenuAvailable(): boolean;
    /**
     * Checks if there is a [VdNavigationDrawerToolbarDirective] has content.
     */
    get isCustomToolbar(): boolean;
    /**
     * Checks if there is a background image for the toolbar.
     */
    get isBackgroundAvailable(): boolean;
    /**
     * sidenavTitle?: string
     * Title set in sideNav.
     */
    sidenavTitle: string;
    /**
     * icon?: string
     *
     * icon name to be displayed before the title
     */
    icon: string;
    /**
     * logo?: string
     *
     * logo icon name to be displayed before the title.
     * If [icon] is set, then this will not be shown.
     */
    logo: string;
    /**
     * color?: string
     *
     * toolbar color option: primary | accent | warn.
     * If [color] is not set, default is used.
     */
    color: string;
    /**
     * navigationRoute?: string
     *
     * option to set the combined route for the icon, logo, and sidenavTitle.
     */
    navigationRoute: string;
    /**
     * backgroundUrl?: SafeResourceUrl
     *
     * image to be displayed as the background of the toolbar.
     * URL used will be sanitized, but it should be always from a trusted source to avoid XSS.
     */
    set backgroundUrl(backgroundUrl: any);
    get backgroundImage(): SafeStyle;
    /**
     * name?: string
     *
     * string to be displayed as part of the navigation drawer sublabel.
     * if [email] is not set, then [name] will be the toggle menu text.
     */
    name: string;
    /**
     * email?: string
     *
     * string to be displayed as part of the navigation drawer sublabel in the [toggle] menu text.
     * if [email] and [name] are not set, then the toggle menu is not rendered.
     */
    email: string;
    /**
     * Checks if router was injected.
     */
    get routerEnabled(): boolean;
    constructor(_layout: VdLayoutComponent, _router: Router, _sanitize: DomSanitizer);
    ngOnInit(): void;
    ngOnDestroy(): void;
    toggleMenu(): void;
    handleNavigationClick(): void;
    /**
     * Proxy toggle method to access sidenav from outside (from vd-layout template).
     */
    toggle(): Promise<MatDrawerToggleResult>;
    /**
     * Proxy open method to access sidenav from outside (from vd-layout template).
     */
    open(): Promise<MatDrawerToggleResult>;
    /**
     * Proxy close method to access sidenav from outside (from vd-layout template).
     */
    close(): Promise<MatDrawerToggleResult>;
    static ɵfac: i0.ɵɵFactoryDeclaration<VdNavigationDrawerComponent, [null, { optional: true; }, null]>;
    static ɵcmp: i0.ɵɵComponentDeclaration<VdNavigationDrawerComponent, "vd-navigation-drawer", never, { "sidenavTitle": "sidenavTitle"; "icon": "icon"; "logo": "logo"; "color": "color"; "navigationRoute": "navigationRoute"; "backgroundUrl": "backgroundUrl"; "name": "name"; "email": "email"; }, {}, ["_drawerMenu", "_toolbar"], ["[vd-navigation-drawer-toolbar]", "*", "[vd-navigation-drawer-menu]"]>;
}