import { Placement } from "@floating-ui/dom";
import { EventEmitter } from "../../stencil-public-runtime";
/**
 * Popup component where clicking origin component popups the the content
 *
 * @slot origin - Popoup origin that opens content of popup
 * @slot content - Content of the popup
 *
 * @csspart popup-origin - Origin component
 * @csspart popup-content - Content component
 */
export declare class KlevuPopup {
  #private;
  el?: HTMLKlevuPopupElement;
  /**
   * Initially show the popup
   */
  startOpen?: boolean;
  /**
   * Open content when origin component is focused
   */
  openAtFocus: boolean;
  /**
   * Close popup when clicking outside content area
   */
  closeAtOutsideClick: boolean;
  /**
   * At minimum popup content should be the widht of the origin
   */
  fullwidthContent: boolean;
  /**
   * Set width of the popup content
   */
  popupWidth?: number;
  /**
   * Anchor popup to left or right of page
   */
  anchor: Placement;
  /**
   * Elevation of the popup. 0-3.
   */
  elevation: number;
  /**
   * How many pixels to offset the popup from origin
   */
  offset: number;
  /**
   * Darken background when popup is open
   */
  useBackground: boolean;
  /**
   * When popup is opened this event is emitted
   */
  klevuPopupOpen: EventEmitter<void>;
  klevuPopupClose: EventEmitter<void>;
  /**
   * Is currently open
   */
  open: boolean;
  /**
   * Opens the popup
   */
  openModal(): Promise<void>;
  /**
   * Closes the popup
   */
  closeModal(): Promise<void>;
  childItemClicked(event: PointerEvent): void;
  childItemFocused(event: FocusEvent): void;
  connectedCallback(): void;
  componentDidLoad(): void;
  detachedCallback(): void;
  render(): any;
}
