import { EventEmitter, h } from '../../stencil-public-runtime';
import { Dimensions, Point, Rectangle } from '@vertexvis/geometry';
import { BasicViewer } from '@vertexvis/utils';
import { MarkupCenteringBehavior, MarkupInteraction } from '../../lib/types/markup';
/**
 * The supported markup modes.
 *
 * @see {@link ViewerMarkupCircleMode.mode} - For more details about modes.
 */
export type ViewerMarkupCircleMode = 'edit' | 'create' | '';
export declare class ViewerMarkupCircle {
    /**
     * The bounds of the circle. Can either be an instance of a `Rectangle` or
     * a JSON string representation in the format of `[x, y, width, height]` or
     * `{"x": 0, "y": 0, "width": 10, "height": 10}`.
     *
     * Bounds are expected to have relative coordinates, with `[x, y]` from `[-0.5, 0.5]`
     * and `[width, height]` from `[0, 1]`, e.g. `[0, 0, 0.25, 0.25]`corresponds to a circle
     * with a diameter of one fourth the viewport's smallest size in the center of the viewport.
     */
    bounds?: Rectangle.Rectangle;
    /**
     * The bounds of the circle. Can either be an instance of a `Rectangle` or
     * a JSON string representation in the format of `[x, y, width, height]` or
     * `{"x": 0, "y": 0, "width": 0.1, "height": 0.1}`.
     *
     * Bounds are expected to have relative coordinates, with `[x, y]` from `[-0.5, 0.5]`
     * and `[width, height]` from `[0, 1]`, e.g. `[0, 0, 0.25, 0.25]`corresponds to a circle
     * with a diameter of one fourth the viewport's smallest size in the center of the viewport.
     */
    boundsJson?: string;
    /**
     * A mode that specifies how the markup component should behave. When
     * unset, the component will not respond to interactions with the handles.
     * When `edit`, the markup anchors are interactive and the user is able
     * to reposition them. When `create`, anytime the user clicks on the canvas,
     * a new markup will be performed.
     */
    mode: ViewerMarkupCircleMode;
    /**
     * The viewer to connect to markups.
     *
     * This property will automatically be set when a child of a
     * `<vertex-viewer-markup>` or `<vertex-viewer>` element.
     */
    viewer?: BasicViewer;
    /**
     * The original viewport dimensions where this markup was created. This value is used
     * to determine where the markup should be rendered relative to the current viewport,
     * enabling some markup to appear "off-screen".
     *
     * When provided, all NDC values will be considered relative to this viewport.
     */
    originatingViewport?: Dimensions.Dimensions;
    /**
     * Defines the behavior of the provided markup when the originating viewport is smaller
     * than the current viewport, or is scaled to a size smaller than the current viewport
     * using the `scale` property.
     *
     * Options:
     * - `x-only`: Markup will be centered horizontally, but not vertically.
     * - `y-only`: Markup will be centered vertically, but not horizontally.
     * - `both`: Markup will be centered both horizontally and vertically.
     * - `none`: Markup will not be centered (default).
     */
    centeringBehavior: MarkupCenteringBehavior;
    /**
     * The current offset of the visible viewport. This value is used to determine where
     * markup should be rendered relative to the current viewport, enabling some markup to appear "off-screen".
     *
     * When provided, all computed coordinates will be offset by this amount.
     */
    offset?: Point.Point;
    /**
     * The scale to render this markup at. This value is used to scale the element's bounds
     * along with any `offset` to determine the final computed coordinates.
     *
     * When provided, all computed coordinates will be scaled by this amount.
     */
    scale: number;
    /**
     * An event that is dispatched anytime the user begins interacting with the
     * markup.
     */
    interactionBegin: EventEmitter<void>;
    /**
     * An event that is dispatched when the user has finished interacting with the
     * markup.
     */
    interactionEnd: EventEmitter<MarkupInteraction>;
    private hostEl;
    private elementBounds?;
    private interactionHandler;
    private registeredHandler?;
    /**
     * @ignore
     */
    protected componentWillLoad(): void;
    protected componentDidLoad(): void;
    protected disconnectedCallback(): void;
    dispose(): Promise<void>;
    /**
     * @ignore
     */
    protected handleViewerChanged(newViewer?: BasicViewer): Promise<void>;
    protected handleBoundsJsonChange(): void;
    protected handleModeChange(): void;
    protected handleScalingConfigurationChange(): void;
    protected handleScaleChange(): void;
    private updateViewport;
    private updateBoundsFromProps;
    render(): h.JSX.IntrinsicElements;
    private handleWindowPointerDown;
    private handleTouchStart;
}