import * as _angular_core from '@angular/core';
/**
* Before/after comparison slider. Works with any content — project two
* pieces of markup with `wrCompareBefore` and `wrCompareAfter` attributes;
* the component stacks them in the same cell and clips the "after" side
* with a draggable divider.
*
* @example
* ```html
*
* 
* 
*
*
*
* {{ oldCode }}
* {{ newCode }}
*
* ```
*
* @see https://ngwr.dev/components/compare
*/
declare class WrCompare {
/** Divider position as a percentage (0–100). Two-way bindable. @default 50 */
readonly position: _angular_core.ModelSignal;
/**
* Divider direction:
* - `'horizontal'` — divider line is vertical, drags left/right.
* - `'vertical'` — divider line is horizontal, drags up/down.
* @default 'horizontal'
*/
readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
/** Show the round drag handle on the divider. @default true */
readonly showHandle: _angular_core.InputSignalWithTransform;
/** Disable interaction (divider stays put). @default false */
readonly disabled: _angular_core.InputSignalWithTransform;
/** Initial position transform — accepts any number / numeric string. */
readonly minPosition: _angular_core.InputSignalWithTransform;
readonly maxPosition: _angular_core.InputSignalWithTransform;
private readonly host;
private dragging;
protected readonly classes: _angular_core.Signal;
/** Clip path applied to the "after" layer so the divider reveals it. */
protected readonly clipPath: _angular_core.Signal;
protected onPointerDown(event: PointerEvent): void;
protected onPointerMove(event: PointerEvent): void;
protected onPointerUp(event: PointerEvent): void;
protected onKeydown(event: KeyboardEvent): void;
private updateFromPointer;
static ɵfac: _angular_core.ɵɵFactoryDeclaration;
static ɵcmp: _angular_core.ɵɵComponentDeclaration;
}
export { WrCompare };