import type { browserPageType, Comp, CradovaPageType } from "./types.js";
/**
 *  Cradova Signal
 * ----
 *  Create a pub&sub store.
 *  Features:
 * - create a store for object and list for array
 * - subscribe components to events
 * - persist changes to localStorage
 * @constructor initial: Record<string, any>, props: {persist}
 */
export declare class Signal<Type extends Record<string, any> = any> {
    data: Type;
    soft: Type;
    passers?: Record<keyof Type, [string, Signal<Type>]>;
    private queue;
    constructor(initial: Type, props?: {
        persistName?: string | undefined;
    });
    /**
     *  Cradova Signal
     * ----
     *  publish events to subscribers
     */
    set(data: Type): void;
    /**
     *  Cradova Signal
     * ----
     *  subscribe a function, component to an event
     *
     * @param eventName of event.
     * @param element to render.
     */
    computed<T extends keyof Type>(eventName: T | "__ALL__" | (() => void) | Comp | ((ctx: Comp) => HTMLElement), listener?: (() => void) | Comp | ((ctx: Comp) => HTMLElement)): HTMLElement | undefined;
    /**
     *  Cradova Signal
     * ----
     *  subscribe an element to an event
     */
    get pass(): Record<keyof Type, [string, Signal<any>]>;
    /**
     *  Cradova Signal
     * ----
     * clear the history on local storage
     */
    clearPersist(): void;
}
/**
 * Cradova List
 * ---
 *  A virtual list store and component for efficient rendering of large lists.
 */
export declare class List<T> {
    length: number;
    private windowCoverage;
    private itemsInVisibleRange;
    private scrollingDirection;
    private opts?;
    private columns;
    constructor(state: T[], item?: (item: T, i: number) => HTMLElement, opts?: {
        itemHeight?: number;
        className?: string;
        columns?: number;
        windowHeight?: number;
        windowWidth?: number;
        itemsInVisibleRange?: number;
        scrollingDirection?: "vertical" | "horizontal";
        onScrollEnd?: () => void;
    });
    get Element(): HTMLElement;
    private render;
    computed(listener?: (() => void) | Comp | ((ctx: Comp) => HTMLElement)): HTMLElement | undefined;
    private diffDOMBeforeUpdatingState;
    get data(): IterableIterator<T>;
    get(index: number): T;
    indexOf(item: T): number;
    update(index: number, newItemData: T): void;
    push(itemData: T): void;
    map<K>(callback: (item: T, index: number) => K): K[];
    splice(index: number, count?: number, ...items: T[]): void;
    set(newData: T[] | ((prevItem: T[]) => T[])): void;
}
/**
 *  Cradova Page
 * ---
 * create instances of manageable pages
 * @param name
 * @param template
 */
export declare class Page {
    _unload_CB?: (this: Page) => Promise<void> | void;
    _activate_CB?: (this: Page) => Promise<void> | void;
    constructor(pageParams: CradovaPageType);
    set onDeactivate(cb: (this: Page) => Promise<void> | void);
    set onActivate(cb: (this: Page) => Promise<void> | void);
}
/** cradova router
 * ---
 * Registers a route.
 *
 * @param {string}   path     Route path.
 * @param  page the cradova document tree for the route.
 */
export declare class Router {
    /**
     * cradova router
     * ---
     * Registers a route.
     *
     * accepts an object containing pat and page
     */
    static BrowserRoutes(obj: Record<string, browserPageType<Page>>): void;
    /**
      Pause navigation
      */
    static pauseNavigation(): void;
    /**
     resume navigation
    */
    static resumeNavigation(): void;
    /**
     * Cradova Router
     * ------
     *
     * Navigates to a designated page in your app
     *
     * @param href string
     * @param data object
     * @param force boolean
     */
    static navigate(href: string, data?: Record<string, any>): void;
    /**
     * Cradova
     * ---
     * Loading page for your app
     *
     * lazy loaded loading use
     *
     * @param page
     */
    static setLoadingPage(page: Page): void;
    /**
     * Cradova Router
     * ------
     * return last set router params
     */
    static get PageData(): {
        params: Record<string, string>;
        data?: Record<string, any>;
    };
    /**
     * Cradova
     * ---
     * Error Handler for your app
     *
     * @param callback
     * @param path? page path
     */
    static addErrorHandler(callback: (err?: unknown, pagePath?: string) => void): void;
}
/**
 * Cradova
 * ---
 * make reference to dom elements
 */
export declare class RefInstance<T = unknown> {
    private $refs;
    current(key: string): T | undefined;
    get refs(): Record<string, T | undefined>;
    /**
     * Bind a DOM element to a reference name.
     * @param name - The name to reference the DOM element by.
     */
    bind(name: string): [RefInstance<T>, string];
}