import { EventEmitter } from "../../stencil-public-runtime";
export type SwirlAppLayoutMobileView = "navigation" | "body" | "sidebar";
export type SwirlAppLayoutNavigationExpansionState = "expanded" | "collapsed" | "overlayed";
export type SwirlAppLayoutSidebarPositioning = "auto" | "overlay";
/**
 * @slot content - Main content area
 * @slot navigation - The navigation area content
 * @slot navigation-controls - Controls for the navigation header
 * @slot navigation-mobile-menu-button - Used to add a mobile shell layout menu button to navigation
 * @slot app-bar - The app bar contents
 * @slot bottom-bar - The bottom bar contents
 * @slot custom-app-bar-back-button - Replaces the mobile default back button of the content app bar
 * @slot app-bar-mobile-menu-button - Used to add a mobile shell layout menu button to the app bar
 * @slot banner - Used to show a banner below the app bar
 * @slot bottom-banner - Used to show a fixed banner at the bottom
 * @slot sidebar - Content of the right sidebar
 * @slot custom-sidebar-header - Replaces the default sidebar header
 * @slot floating-action-button - Floating button displayed in the bottom right corner
 */
export declare class SwirlAppLayout {
    el: HTMLElement;
    appName: string;
    backToNavigationViewButtonLabel?: string;
    collapsibleNavigation?: boolean;
    ctaIcon?: string;
    ctaLabel?: string;
    hasNavigation: boolean;
    hideAppBar?: boolean;
    initialMobileView?: SwirlAppLayoutMobileView;
    navigationBackButtonLabel?: string;
    navigationExpansionStateStorageKey?: string;
    navigationToggleLabel?: string;
    navigationOverlayLabel?: string;
    navigationLabel?: string;
    preventContentOverflow?: boolean;
    roundedCorners?: boolean;
    showNavigationBackButton?: boolean;
    sidebarPositioning?: SwirlAppLayoutSidebarPositioning;
    sidebarCloseButtonLabel?: string;
    sidebarHeading?: string;
    transitionStyle?: string;
    contentScrollState: {
        scrollable: boolean;
        scrolledToTop: boolean;
        scrolledToBottom: boolean;
    };
    hasBottomBanner: boolean;
    hasBottomBar: boolean;
    hasCustomAppBarBackButton: boolean;
    hasSidebar: boolean;
    isDesktop: boolean;
    mobileView: SwirlAppLayoutMobileView;
    navScrollState: {
        scrollable: boolean;
        scrolledToTop: boolean;
    };
    navExpansionState: SwirlAppLayoutNavigationExpansionState;
    sidebarActive: boolean;
    sidebarClosing: boolean;
    sidebarOpening: boolean;
    sidebarScrollState: {
        scrollable: boolean;
        scrolledToTop: boolean;
    };
    transitioningFrom: string;
    transitioningTo: string;
    ctaClick: EventEmitter<MouseEvent>;
    mobileViewChange: EventEmitter<SwirlAppLayoutMobileView>;
    navigationBackButtonClick: EventEmitter<MouseEvent>;
    navigationExpansionStateChange: EventEmitter<SwirlAppLayoutNavigationExpansionState>;
    sidebarToggle: EventEmitter<boolean>;
    private contentEl;
    private headerEl;
    private mutationObserver;
    private navEl;
    private sidebarClosingTimeout;
    private sidebarOpeningTimeout;
    private sidebarEl;
    private transitionTimeout;
    private mediaQueryUnsubscribe;
    componentWillLoad(): void;
    componentDidLoad(): void;
    disconnectedCallback(): void;
    onDocumentClick(event: MouseEvent): void;
    onKeyDown(event: KeyboardEvent): void;
    watchMobileView(): void;
    /**
     * Show the sidebar
     */
    showSidebar(): Promise<void>;
    /**
     * Hide the sidebar
     */
    hideSidebar(): Promise<void>;
    /**
     * Toggle the sidebar
     */
    toggleSidebar(): Promise<void>;
    /**
     * Get state of the collapsible navigation
     */
    getCollapsibleNavigationState(): Promise<SwirlAppLayoutNavigationExpansionState>;
    /**
     * Set state of the collapsible navigation
     */
    setCollapsibleNavigationState(state: SwirlAppLayoutNavigationExpansionState): Promise<void>;
    /**
     * Get the scroll container of the main content area
     */
    getScrollContainer(): Promise<HTMLElement | undefined>;
    /**
     * Change the currently displayed view on mobile viewports
     * @param mobileView
     */
    changeMobileView(mobileView: SwirlAppLayoutMobileView, transition?: boolean): Promise<void>;
    private checkMobileView;
    private updateBottomBannerStatus;
    private updateBottomBarStatus;
    private updateNavigationStatus;
    private updateCustomAppBarBackButtonStatus;
    private updateSidebarStatus;
    private onBackToNavigationViewButtonClick;
    private onCtaClick;
    private onNavigationBackButtonClick;
    private onSidebarCloseButtonClick;
    private updateContentScrollState;
    private onContentScroll;
    private updateNavScrollState;
    private onNavScroll;
    private updateSidebarScrollState;
    private onSidebarScroll;
    private toggleNavigation;
    private overlayNavigation;
    private restoreNavExpansionState;
    render(): any;
}