import { LitElement } from 'lit';
/**
 * Image Comparison Slider Component
 *
 * Before/after image comparison with draggable slider.
 *
 * @element ui-image-comparison
 *
 * @fires change - Dispatched when slider position changes
 *
 * @csspart container - The main container
 * @csspart before-image - The before image
 * @csspart after-image - The after image
 * @csspart slider - The slider handle
 */
export declare class UIImageComparison extends LitElement {
    static styles: import("lit").CSSResult;
    /**
     * Before image source
     */
    beforeImage: string;
    /**
     * After image source
     */
    afterImage: string;
    /**
     * Label for before image
     */
    beforeLabel: string;
    /**
     * Label for after image
     */
    afterLabel: string;
    /**
     * Initial slider position (0-100)
     */
    initialPosition: number;
    /**
     * Show labels
     */
    showLabels: boolean;
    /**
     * Vertical orientation
     */
    vertical: boolean;
    /**
     * Enable keyboard navigation
     */
    keyboardControl: boolean;
    ariaLabel: string;
    private position;
    private isDragging;
    private comparisonId;
    private sliderId;
    private container;
    firstUpdated(): void;
    disconnectedCallback(): void;
    private handleMouseDown;
    private handleMouseMove;
    private handleMouseUp;
    private handleTouchStart;
    private handleTouchMove;
    private handleTouchEnd;
    private handleKeyDown;
    private updatePosition;
    private dispatchChangeEvent;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-image-comparison': UIImageComparison;
    }
}
//# sourceMappingURL=image-comparison.d.ts.map