import{type PropertyValues,type TemplateResult}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import type{LyraOrientation}from'../../../internal/shared-unions.js';export type LyraImageComparerOrientation=LyraOrientation;export interface LyraImageComparerEventMap{input:Event;change:Event;blur:FocusEvent;focus:FocusEvent;}
/**
* `<lr-image-comparer>` — compares two slotted surfaces with a keyboard-
* accessible range divider.
*
* @customElement lr-image-comparer
* @slot before - The before-state image or content.
* @slot after - The after-state image or content.
* @slot handle - Custom decorative content inside the draggable handle. The flattened slot
*   subtree is inert and hidden from assistive technology; the native range remains the only
*   interaction target.
* @event {Event} input - Bubbling, composed native input event emitted after the divider's
*   live position has been committed.
* @event {Event} change - Bubbling, composed native change event emitted when the range gesture
*   commits a new position.
* @event {FocusEvent} focus - Relayed once from the native range handle as a bubbling, composed
*   native event.
* @event {FocusEvent} blur - Relayed once from the native range handle as a bubbling, composed
*   native event.
* @csspart base - Compatibility name for the comparison viewport; use `comparison`.
* @csspart comparison - The comparison viewport. It is the same node as `base`.
* @csspart before - The clipped before-state layer.
* @csspart after - The after-state layer.
* @csspart divider - The visible divider line.
* @csspart handle - Wrapper around the native range interaction surface and visible handle.
* @csspart input - The transparent native range input.
* @cssprop [--lr-image-comparer-divider-width=var(--divider-width, var(--lr-size-1px))] -
*   Width of the dividing line. The canonical, namespaced override; prefer it over the bare compat
*   name, which inherits and so retunes every element in the subtree reading that generic name.
* @cssprop [--lr-image-comparer-handle-size=var(--handle-size, var(--lr-icon-button-size))] - Inline
*   and block size of the visible compare handle. Canonical, namespaced override.
* @cssprop [--divider-width=var(--lr-size-1px)] - Retained Shoelace-compat source for
*   `--lr-image-comparer-divider-width`.
* @cssprop [--handle-size=var(--lr-icon-button-size)] - Retained Shoelace-compat source for
*   `--lr-image-comparer-handle-size`.
* @cssstate dragging - Present while a pointer gesture is active on the range input.
* @status stable
* @since 4.0.0
*/
export declare class LyraImageComparer extends LyraElement<LyraImageComparerEventMap>{static styles:import("lit").CSSResultGroup[];private readonly internals;private _position;get position():number;set position(value:number);private _orientation;get orientation():LyraImageComparerOrientation;set orientation(value:LyraImageComparerOrientation);beforeLabel:string;afterLabel:string;accessibleLabel:string|null;private handleEl?;private hasSyncedDescribedByElements;private activePointerId?;private keyboardDirty;private get normalizedPosition();private onInput;private onChange;private onPointerDown;private onPointerEnd;private keyboardPosition;private onKeyDown;private onKeyUp;private onFocus;private onBlur;disconnectedCallback():void;protected updated(changed:PropertyValues<this>):void;
/** Focus the internal native range handle; a pre-render call is a no-op. */
focus(options?:FocusOptions):void;
/** Blur the internal native range handle; a pre-render call is a no-op. */
blur():void;
/** Activate the internal native range handle; a pre-render call is a no-op. */
click():void;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-image-comparer':LyraImageComparer;}}