import { frameType } from './frame';
import { ParseSelector } from 'typed-query-selector/parser';
import type * as CSS from "csstype";
type csshyphen = CSS.PropertiesHyphen & CSS.Properties & {
    [key: `--${string}`]: string;
};
export { init as initDKH, setTranslate, 
/**
 * @deprecated use `init` instead.
 */
pureStyle, type el as ElType, pack, ele, elFromId, noI18n, txt, p, pText, a, view, spacer, image, input, textarea, button, check, select, dynamicSelect, label, radioGroup, table, dynamicList, alert, confirm, prompt, addStyle, addClass, setProperty, setProperties, theme, frame, trackPoint, animate, initDev, };
type Text = string | PureText;
declare let t: (s: Text) => string;
declare function setTranslate(f: (s: string) => string): void;
declare function init(op: {
    dev?: boolean;
    translate?: (s: string) => string;
    pureStyle?: boolean;
    attrMap?: {
        [key: string]: (v: any, el: HTMLElement) => any | undefined;
    };
}): void;
declare function pureStyle(): void;
declare function frame<Id extends string, t extends {
    [key: string]: any;
    _: any;
}>(id: Id, f: t): {
    /**@deprecated use _ instead */
    el: el<HTMLDivElement>;
    _: el<HTMLDivElement>;
    els: frameType<t> & { [key in Id]: ReturnType<typeof view>; };
    src: t;
};
type NonFunctionKeys<T> = {
    [K in keyof T]: T[K] extends (...Args: any[]) => unknown ? never : K;
}[keyof T];
type inputTypeType = "button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week";
type getAttr<el extends HTMLElement> = Omit<el extends HTMLInputElement ? Omit<{
    [k in NonFunctionKeys<el>]?: el[k];
}, "type"> & {
    type?: inputTypeType;
} : {
    [k in NonFunctionKeys<el>]?: el[k];
}, "style"> & {
    popover?: "auto" | "manual";
    style?: string;
};
type generalEl = HTMLElement | {
    el: HTMLElement;
} | el0 | Text | DocumentFragment;
type addTypeItem = undefined | null | generalEl;
type addType = addTypeItem | addTypeItem[];
type dkhEL<EL extends HTMLElement, setValue, getValue> = {
    el: EL;
    style: (css: csshyphen) => dkhEL<EL, setValue, getValue>;
    on: <key extends keyof HTMLElementEventMap>(e: key, cb: (event: HTMLElementEventMap[key], cel: dkhEL<EL, setValue, getValue>) => void, op?: AddEventListenerOptions) => dkhEL<EL, setValue, getValue>;
    class: (...classes: string[]) => dkhEL<EL, setValue, getValue>;
    attr: (attr: getAttr<EL>) => dkhEL<EL, setValue, getValue>;
    data: (data: {
        [key: string]: string | null | undefined;
    }) => dkhEL<EL, setValue, getValue>;
    add: (els?: addType, firstRender?: number, slice?: number) => dkhEL<EL, setValue, getValue>;
    clear: () => dkhEL<EL, setValue, getValue>;
    remove: () => void;
    addInto: (el?: HTMLElement | el0) => dkhEL<EL, setValue, getValue>;
    query: <selector extends string>(q: selector) => dkhEL<ParseSelector<selector, HTMLElement>, unknown, unknown> | null;
    queryAll: <selector extends string>(q: selector) => dkhEL<ParseSelector<selector, HTMLElement>, unknown, unknown>[];
    bindSet: <SV>(f: (v: SV, el: EL, trans: typeof t) => void) => dkhEL<EL, SV, getValue>;
    bindGet: <GV>(f: (el: EL) => GV) => dkhEL<EL, setValue, GV>;
    sv: (v?: NoInfer<setValue>) => dkhEL<EL, setValue, getValue>;
    svc: NoInfer<setValue>;
    readonly gv: NoInfer<getValue>;
};
declare function pack<EL extends HTMLElement>(el: EL, setter?: (v: unknown, el: NoInfer<EL>, trans: typeof t) => void, getter?: (el: NoInfer<EL>) => unknown): dkhEL<EL, unknown, unknown>;
declare function initDev(): void;
type el<t extends HTMLElement> = dkhEL<t, any, any>;
type el0 = el<HTMLElement>;
declare function ele<K extends keyof HTMLElementTagNameMap>(tagName: K): el<HTMLElementTagNameMap[K]>;
declare function ele<K extends keyof HTMLElementDeprecatedTagNameMap>(tagName: K): el<HTMLElementDeprecatedTagNameMap[K]>;
declare function ele(tagName: string): el<HTMLElement>;
declare function elFromId<EL extends HTMLElement>(id: string): dkhEL<EL, unknown, unknown> | null;
declare class PureText {
    text: string;
    constructor(text: string);
}
declare function noI18n(text: string): PureText;
declare function txt(text?: Text, noI18n?: boolean): dkhEL<HTMLSpanElement, Text, string>;
declare function p(text?: Text, noI18n?: boolean): dkhEL<HTMLParagraphElement, Text, string>;
declare function pText(text?: Text, noI18n?: boolean): dkhEL<HTMLParagraphElement, Text, string>;
declare function a(url: string, localNav?: boolean): dkhEL<HTMLAnchorElement, any, any>;
declare function view(stack?: "x" | "y", wrap?: "wrap"): el<HTMLDivElement>;
declare function spacer(): dkhEL<HTMLDivElement, any, any>;
declare function image(src: string, name: Text): dkhEL<HTMLImageElement, any, any>;
declare function button(el?: addType): dkhEL<HTMLButtonElement, any, any>;
declare function input(type?: inputTypeType): dkhEL<HTMLInputElement, string, string>;
declare function textarea(placeholder?: string): dkhEL<HTMLTextAreaElement, string, string>;
declare function check(name: string, els?: [generalEl, generalEl]): dkhEL<HTMLInputElement, boolean, boolean> | dkhEL<HTMLDivElement, boolean, boolean>;
declare function select<t extends string>(v: {
    name?: Text;
    value: t;
}[]): dkhEL<HTMLSelectElement, t, t>;
declare function dynamicSelect(): {
    el: dkhEL<HTMLSelectElement, string, string>;
    setList: (v: {
        name?: Text;
        value: string;
    }[]) => void;
};
declare function label<xel extends el0>(els: [xel, ...generalEl[]], insertIndex?: number): dkhEL<HTMLLabelElement, xel["gv"], any>;
/** form radio, tab, buttons */
declare function radioGroup<t extends string>(name: string, _showInput?: boolean): {
    new: (value: t, el?: generalEl, showInput?: boolean) => dkhEL<HTMLLabelElement, any, any>;
    get: () => t;
    set: (value: t) => void;
    on: (callback: () => void) => void;
};
declare function table(body: Array<Array<generalEl>>, head?: {
    col?: boolean;
    row?: boolean;
}): dkhEL<HTMLTableElement, any, any>;
declare function dynamicList<ID extends string | number | symbol>(pel: el0, list: Iterable<[ID, el0]>, newEl?: (id: ID) => el0): {
    setList: (l: ID[]) => void;
    get(id: ID): el0 | undefined;
};
declare function alert(message?: string): Promise<undefined>;
declare function confirm(message?: string): Promise<boolean>;
declare function prompt(message?: string, _default?: string): Promise<string | null>;
declare function addStyle(style: Record<string, csshyphen>): void;
declare function addClass(style: csshyphen, c: Record<string, csshyphen>): string;
declare function setProperty(name: string, v: string, el?: HTMLElement): void;
declare function setProperties(map: {
    [name: string]: string;
}, el?: HTMLElement): void;
declare function theme<base extends Record<string, string>, themeName extends string>(baseTheme: base, themes: Record<themeName, Partial<base>>): {
    set: (name: themeName | "0") => void;
    var: Record<keyof base, string>;
    getThemeNames: (themeName | "0")[];
};
type Point = {
    x: number;
    y: number;
};
declare function trackPoint<Data, Data2>(el: el0, op: {
    start?: (e: PointerEvent) => (Point & {
        zoom?: number;
        data?: Data;
    }) | null | undefined | false;
    ing: (point: Point & {
        zoom?: number;
    }, e: PointerEvent, more: {
        center: Point;
        startData: Data;
        v: ReturnType<typeof speed>;
    }) => Data2;
    all?: (e: PointerEvent) => void;
    end?: (e: PointerEvent, more: {
        startData: Data;
        v: ReturnType<typeof speed>;
    } & ({
        moved: true;
        ingData: Data2;
    } | {
        moved: false;
        ingData: undefined;
    })) => void;
}): void;
declare function speed(history: (Point & {
    t: number;
})[]): {
    v: number;
} & Point;
declare function animate<t extends Record<string, number>>(initData: () => t, run: (t: t) => void, duration?: number): {
    set: (state: t, runT?: number | ((t: number) => number)) => void;
    stop: () => void;
};