import { EventEmitter } from '../../stencil-public-runtime';
import type { BorderlessChangedEvent, Composition, ExpandedChangedEvent, HideOnCollapseChangedEvent, SlotChangedEvent, VariantChangedEvent } from './pane.types';
/**
 * @slot header - Additional slot for the header content
 */
export declare class Pane {
    hostElement: HTMLIxPaneElement;
    /**
     * Title of the side panel
     */
    heading?: string;
    /**
     * Variant of the side pane.
     * Defaults to the variant attribute of the pane layout. If used standalone it defaults to inline.
     */
    variant: 'floating' | 'inline';
    /**
     * Define if the pane should have a collapsed state
     */
    hideOnCollapse: boolean;
    /**
     * The maximum size of the sidebar, when it is expanded
     */
    size: '240px' | '320px' | '360px' | '480px' | '600px' | '33%' | '50%';
    /**
     * Toggle the border of the pane.
     * Defaults to the borderless attribute of the pane layout. If used standalone it defaults to false.
     */
    borderless: boolean;
    /**
     * State of the pane
     */
    expanded: boolean;
    /**
     * Defines the position of the pane inside it's container.
     * Inside a pane layout this property will automatically be set to the name of slot the pane is assigned to.
     */
    composition: Composition;
    /**
     * Name of the icon
     */
    icon?: string;
    /**
     * If true, the pane will close when clicking outside of it
     */
    closeOnClickOutside: boolean;
    /**
     * ARIA label for the icon
     */
    ariaLabelIcon?: string;
    /**
     * ARIA label close or collapse button
     */
    ariaLabelCollapseCloseButton?: string;
    /**
     * @internal
     * Prevents overwriting of the variant and borderless property when used inside layout
     */
    ignoreLayoutSettings: boolean;
    /**
     * @internal
     */
    isMobile: boolean;
    /**
     * This event is triggered when the pane either expands or contracts
     */
    expandedChanged: EventEmitter<ExpandedChangedEvent>;
    /**
     * This event is triggered when the variant of the pane is changed
     */
    variantChanged: EventEmitter<VariantChangedEvent>;
    /**
     * This event is triggered when the variant of the pane is changed
     */
    borderlessChanged: EventEmitter<BorderlessChangedEvent>;
    /**
     * @internal
     */
    hideOnCollapseChanged: EventEmitter<HideOnCollapseChangedEvent>;
    /**
     * @internal
     */
    slotChanged: EventEmitter<SlotChangedEvent>;
    private expandIcon;
    private showContent;
    private minimizeIcon;
    private floating;
    private parentWidthPx;
    private parentHeightPx;
    private static readonly validPositions;
    private static readonly collapsedPane;
    private static readonly collapsedPaneMobile;
    private readonly animations;
    private animationCounter;
    private mutationObserver?;
    private resizeObserver?;
    private disposableWindowClick?;
    get currentSlot(): string | null;
    get isBottomTopPane(): boolean;
    get isLeftRightPane(): boolean;
    get isMobileTop(): boolean;
    disconnectedCallback(): void;
    onExpandedChange(): void;
    componentWillLoad(): void;
    private setPosition;
    private getExpandPaneSize;
    private setIcons;
    private getIconNames;
    private getKey;
    private animateVerticalFadeIn;
    private animateHorizontalFadeIn;
    private removePadding;
    private animateHorizontalPadding;
    private animateVerticalPadding;
    private clearAnimations;
    onMobileChange(): void;
    onPositionChange(): void;
    onHideOnCollapseChange(value: boolean): void;
    onVariantChange(value: 'inline' | 'floating'): void;
    onBorderlessChange(value: boolean): void;
    private dispatchExpandedChangedEvent;
    onParentSizeChange(): void;
    onSizeChange(): void;
    render(): any;
}