export declare function afterPageLoad(callback?: () => void): Promise<void>;
export declare function subscribeEvent<T extends EventTarget, E extends Event>(target: T, type: string, listener: (this: T, event: E) => void, options?: boolean | AddEventListenerOptions): () => void;
/** Generate unique identifiers in very performant way */
export declare function uniqueId(prefix?: string): string;
export declare namespace uniqueId {
    var _counter: number;
}
export declare function clamp(min: number, now: number, max: number): number;
export interface ElementCreationConfig {
    attributes?: Record<string, string>;
    classList?: string[];
    style?: Record<string, string>;
    children?: Array<Node | string>;
    id?: string;
}
export declare function configureElement<T extends HTMLElement | SVGElement>(element: T, config?: ElementCreationConfig): T;
export declare function createHTMLElement<K extends keyof HTMLElementTagNameMap>(tagName: K, config?: ElementCreationConfig): HTMLElementTagNameMap[K];
export declare function createSVGElement<K extends keyof SVGElementTagNameMap>(qualifiedName: K, config?: ElementCreationConfig): SVGElementTagNameMap[K];
export declare function animateNumber(options: {
    start: number;
    stop: number;
    duration: number;
    callback: (value: {
        start: number;
        stop: number;
        previousValue: number;
        currentValue: number;
    }) => void;
}): void;
/** Set the attribute if it isn't defined or it is a empty string */
export declare function setDefaultAttribute(element: Element, name: string, value: string): void;
export declare function autoPositioning<A extends Element, B extends Element>(options: {
    anchor: A;
    container: B;
    margin?: number;
    placement: 'above' | 'below' | 'left' | 'right';
    fixed?: boolean;
    cursor?: {
        x: number;
        y: number;
    } | undefined;
    getPosition: (options: {
        anchor: A;
        anchorRect: DOMRect;
        container: B;
        containerRect: DOMRect;
        cursor?: {
            x: number;
            y: number;
        } | undefined;
        fixed: boolean;
        margin: number;
        placement: 'above' | 'below' | 'left' | 'right';
        viewportHeight: number;
        viewportWidth: number;
    }) => {
        x: number;
        y: number;
    };
}): {
    x: number;
    y: number;
    shiftX: number;
    shiftY: number;
    placement: "above" | "below" | "left" | "right";
};