import { EventEmitter } from '../../stencil-public-runtime';
export type PopConfirmPlacement = 'top' | 'right' | 'bottom' | 'left';
export type PopConfirmSize = 'small' | 'medium' | 'large';
export type PopConfirmStatus = 'info' | 'success' | 'warning' | 'error';
/**
 * @component BcmPopConfirm
 * @description A confirmation popover component that displays a confirmation dialog with customizable actions.
 * Built on the native Popover API for top-layer rendering and Floating UI for intelligent positioning.
 * Ideal for confirming destructive actions or important decisions inline.
 *
 * @slot - Default slot for the trigger element that opens the confirmation popover
 * @slot header - Custom header content (overrides headerText prop)
 * @slot body - Custom body content (overrides description prop)
 * @slot footer - Custom footer content with action buttons (overrides default confirm/cancel buttons)
 *
 * @csspart container - The main popover container element
 * @csspart arrow - The arrow pointer element
 * @csspart body - The body/description section
 * @csspart footer - The footer section with action buttons
 *
 * @example Basic Usage
 * ```html
 * <bcm-pop-confirm
 *   header-text="Delete Item?"
 *   description="Are you sure you want to delete this item? This action cannot be undone."
 *   status="error"
 * >
 *   <bcm-button status="error">Delete</bcm-button>
 * </bcm-pop-confirm>
 * ```
 *
 * @example With Event Handlers
 * ```html
 * <bcm-pop-confirm
 *   id="deleteConfirm"
 *   header-text="Confirm Delete"
 *   description="This will permanently delete the item."
 *   status="warning"
 *   confirm-text="Yes, Delete"
 *   cancel-text="No, Keep It"
 * >
 *   <bcm-button>Delete Item</bcm-button>
 * </bcm-pop-confirm>
 *
 * <script>
 *   const popconfirm = document.getElementById('deleteConfirm');
 *   popconfirm.addEventListener('bcmConfirm', () => {
 *     console.log('User confirmed deletion');
 *     // Perform delete operation
 *   });
 *   popconfirm.addEventListener('bcmCancel', () => {
 *     console.log('User cancelled deletion');
 *   });
 * </script>
 * ```
 *
 * @example Different Status Types
 * ```html
 * <!-- Info (default) -->
 * <bcm-pop-confirm header-text="Information" description="This is an info message">
 *   <bcm-button>Info</bcm-button>
 * </bcm-pop-confirm>
 *
 * <!-- Success -->
 * <bcm-pop-confirm status="success" header-text="Confirm Action" description="Proceed with this action?">
 *   <bcm-button status="success">Proceed</bcm-button>
 * </bcm-pop-confirm>
 *
 * <!-- Warning -->
 * <bcm-pop-confirm status="warning" header-text="Warning" description="This action may have consequences">
 *   <bcm-button status="warning">Continue</bcm-button>
 * </bcm-pop-confirm>
 *
 * <!-- Error/Danger -->
 * <bcm-pop-confirm status="error" header-text="Danger Zone" description="This is a destructive action">
 *   <bcm-button status="error">Delete</bcm-button>
 * </bcm-pop-confirm>
 * ```
 *
 * @example Custom Content with Slots
 * ```html
 * <bcm-pop-confirm status="warning">
 *   <bcm-button>Custom Confirm</bcm-button>
 *
 *   <div slot="header">
 *     <strong>Custom Header</strong>
 *   </div>
 *
 *   <div slot="body">
 *     <p>This is custom body content with <strong>HTML formatting</strong>.</p>
 *     <ul>
 *       <li>Point 1</li>
 *       <li>Point 2</li>
 *     </ul>
 *   </div>
 *
 *   <div slot="footer">
 *     <bcm-button kind="outline" size="small">Maybe Later</bcm-button>
 *     <bcm-button status="success" size="small">Confirm</bcm-button>
 *   </div>
 * </bcm-pop-confirm>
 * ```
 *
 * @example Different Sizes
 * ```html
 * <!-- Small -->
 * <bcm-pop-confirm size="small" header-text="Small" description="Compact confirmation">
 *   <bcm-button size="small">Small</bcm-button>
 * </bcm-pop-confirm>
 *
 * <!-- Medium (default) -->
 * <bcm-pop-confirm size="medium" header-text="Medium" description="Standard confirmation">
 *   <bcm-button size="medium">Medium</bcm-button>
 * </bcm-pop-confirm>
 *
 * <!-- Large -->
 * <bcm-pop-confirm size="large" header-text="Large" description="Spacious confirmation with more room for content">
 *   <bcm-button size="large">Large</bcm-button>
 * </bcm-pop-confirm>
 * ```
 *
 * @example Programmatic Control
 * ```html
 * <bcm-pop-confirm id="myConfirm" header-text="Confirm" description="Are you sure?">
 *   <bcm-button>Trigger</bcm-button>
 * </bcm-pop-confirm>
 *
 * <bcm-button id="showBtn">Show Programmatically</bcm-button>
 * <bcm-button id="hideBtn">Hide Programmatically</bcm-button>
 *
 * <script>
 *   const popconfirm = document.getElementById('myConfirm');
 *   document.getElementById('showBtn').addEventListener('click', () => {
 *     popconfirm.show();
 *   });
 *   document.getElementById('hideBtn').addEventListener('click', () => {
 *     popconfirm.hide();
 *   });
 * </script>
 * ```
 *
 * @example Without Status Icon
 * ```html
 * <bcm-pop-confirm
 *   header-text="Simple Confirmation"
 *   description="No status icon shown"
 *   status-icon={false}
 * >
 *   <bcm-button>Click Me</bcm-button>
 * </bcm-pop-confirm>
 * ```
 *
 * @example Different Placements
 * ```html
 * <bcm-pop-confirm placement="top" header-text="Top" description="Opens above">
 *   <bcm-button>Top</bcm-button>
 * </bcm-pop-confirm>
 *
 * <bcm-pop-confirm placement="right" header-text="Right" description="Opens to the right">
 *   <bcm-button>Right</bcm-button>
 * </bcm-pop-confirm>
 *
 * <bcm-pop-confirm placement="bottom" header-text="Bottom" description="Opens below">
 *   <bcm-button>Bottom</bcm-button>
 * </bcm-pop-confirm>
 *
 * <bcm-pop-confirm placement="left" header-text="Left" description="Opens to the left">
 *   <bcm-button>Left</bcm-button>
 * </bcm-pop-confirm>
 * ```
 */
export declare class BcmPopConfirm {
    host: HTMLElement;
    private popconfirmRef?;
    private arrowRef?;
    private triggerRef?;
    private cleanupAutoUpdate?;
    private popconfirmId;
    /**
     * @prop {PopConfirmPlacement} placement - Position of the popover relative to the trigger element.
     * Automatically flips if there's not enough space.
     * Default: 'top'
     */
    placement: PopConfirmPlacement;
    /**
     * @prop {PopConfirmSize} size - Size variant that controls padding and text size.
     * - 'small': Compact size with minimal padding
     * - 'medium': Standard size
     * - 'large': Spacious size with more padding
     * Default: 'medium'
     */
    size: PopConfirmSize;
    /**
     * @prop {PopConfirmStatus} status - Status type that determines the color scheme and icon.
     * - 'info': Informational (blue)
     * - 'success': Success/positive action (green)
     * - 'warning': Warning/caution (yellow)
     * - 'error': Error/destructive action (red)
     * Default: 'info'
     */
    status: PopConfirmStatus;
    /**
     * @prop {string} headerText - Text displayed in the header section.
     * Can be overridden by using the 'header' slot.
     * Default: ''
     */
    headerText: string;
    /**
     * @prop {string} description - Description text displayed in the body section.
     * Can be overridden by using the 'body' slot.
     * Default: ''
     */
    description: string;
    /**
     * @prop {string} confirmText - Text for the confirm button.
     * Default: 'Yes'
     */
    confirmText: string;
    /**
     * @prop {string} cancelText - Text for the cancel button.
     * Default: 'Cancel'
     */
    cancelText: string;
    /**
     * @prop {boolean} showArrow - Whether to show the arrow pointing to the trigger.
     * Default: true
     */
    showArrow: boolean;
    /**
     * @prop {boolean} statusIcon - Whether to show the status icon in the header.
     * Icon only shows if headerText is also provided.
     * Default: true
     */
    statusIcon: boolean;
    /**
     * @prop {number} offsetDistance - Distance in pixels between the popover and trigger element.
     * Default: 12
     */
    offsetDistance: number;
    /**
     * @prop {boolean} closeOnOutsideClick - Whether to close when clicking outside the popover.
     * Default: true
     */
    closeOnOutsideClick: boolean;
    /**
     * @prop {boolean} closeOnEscape - Whether to close when pressing the Escape key.
     * Default: true
     */
    closeOnEscape: boolean;
    isOpen: boolean;
    /**
     * @event bcmBeforeOpen - Emitted before the popover opens.
     * Useful for performing actions before the popover becomes visible.
     */
    bcmBeforeOpen: EventEmitter<void>;
    /**
     * @event bcmOpen - Emitted when the popover is opened.
     * Useful for tracking when the popover becomes visible.
     */
    bcmOpen: EventEmitter<void>;
    /**
     * @event bcmBeforeClose - Emitted before the popover closes.
     * Useful for performing cleanup actions before hiding.
     */
    bcmBeforeClose: EventEmitter<void>;
    /**
     * @event bcmClose - Emitted when the popover is closed.
     * Useful for tracking when the popover is hidden.
     */
    bcmClose: EventEmitter<void>;
    /**
     * @event bcmConfirm - Emitted when the user clicks the confirm button.
     * This is where you should handle the confirmed action.
     */
    bcmConfirm: EventEmitter<void>;
    /**
     * @event bcmCancel - Emitted when the user clicks cancel, presses Escape, or clicks outside.
     * Useful for tracking when the user dismisses the confirmation.
     */
    bcmCancel: EventEmitter<void>;
    handleOpenChange(open: boolean): Promise<void>;
    /**
     * Programmatically shows the popconfirm.
     * @returns Promise that resolves when the show operation begins
     */
    show(): Promise<void>;
    /**
     * Programmatically hides the popconfirm.
     * @returns Promise that resolves when the hide operation begins
     */
    hide(): Promise<void>;
    /**
     * Toggles the popconfirm visibility.
     * If open, it will close. If closed, it will open.
     * @returns Promise that resolves when the toggle operation completes
     */
    toggle(): Promise<void>;
    private startAutoUpdate;
    private stopAutoUpdate;
    private updatePosition;
    private handleSlotChange;
    private setupTriggerListeners;
    private removeTriggerListeners;
    private handleTriggerClick;
    private handleOutsideClick;
    handleKeyDown(e: KeyboardEvent): void;
    private handleToggle;
    private handleConfirm;
    private handleCancel;
    componentWillLoad(): void;
    componentDidLoad(): void;
    disconnectedCallback(): void;
    private popconfirmClass;
    render(): any;
}