import { ElementRef } from '@angular/core';
import { Observable } from 'rxjs';
import * as i0 from "@angular/core";
export declare class ScrollViewport {
    viewPort: ElementRef;
    readonly nativeElement: HTMLElement;
    contentWrapperElement: HTMLElement;
    hovered: Observable<MouseEvent | false>;
    clicked: Observable<MouseEvent | false>;
    get clientHeight(): number;
    get clientWidth(): number;
    get scrollHeight(): number;
    get scrollWidth(): number;
    get scrollTop(): number;
    get scrollLeft(): number;
    get scrollMaxX(): number;
    get scrollMaxY(): number;
    get contentHeight(): number;
    get contentWidth(): number;
    constructor(viewPort: ElementRef);
    /**
     * Activate viewport pointer events such as 'hovered' and 'clicked' events
     */
    activatePointerEvents(propagate: boolean, destroyed: Observable<void>): void;
    /**
     * Set this directive as a non-functional wrapper, called when a custom viewport is used
     */
    setAsWrapper(): void;
    /**
     * Set this directive as  the viewport, called when no custom viewport is used
     */
    setAsViewport(customClassName: string): void;
    /**
     * Scroll viewport vertically
     */
    scrollYTo(value: number): void;
    /**
     * Scroll viewport horizontally
     */
    scrollXTo(value: number): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollViewport, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollViewport, "[scrollViewport]", never, {}, {}, never, never, true, never>;
}