import { ChildPart, LitElement, RenderOptions, TemplateResult } from 'lit';
import { RefOrCallback } from 'lit/directives/ref.js';
import { ObservableObject } from './shared-state/index.js';
export declare class ViewContext {
    count: number;
    valueMap: WeakMap<any, string>;
    keyMap: Map<string, any>;
}
export interface ViewAnimation {
    keyframes: Keyframe[] | PropertyIndexedKeyframes | null;
    options?: number | KeyframeAnimationOptions | undefined;
}
export declare type EventHandler<T extends Event> = (_: T) => void;
export declare abstract class View {
    protected attrs: {
        [key: string]: string | boolean;
    };
    protected styles: {
        [key: string]: string;
    };
    protected animations: ViewAnimation[];
    protected events: {
        [key: string]: EventHandler<any>;
    };
    protected elementRef?: RefOrCallback;
    static contextStore: Map<string, ViewContext>;
    abstract get body(): TemplateResult;
    static root(element: ViewElement): Element;
    viewRoot(element: Element): Element;
    withAnimations(animations: ViewAnimation[]): this;
    slot(name: string): this;
    color(color: string): this;
    style(nameOrStyles: string | {
        [key: string]: string;
    }, value?: string): this;
    ref(elRef: RefOrCallback): this;
    attr(nameOrAttrs: string | {
        [key: string]: string | boolean;
    }, value?: string | boolean): this;
    className(...name: string[]): this;
    context(token: string, value: any): this;
    environmentObject<T extends ObservableObject>(obj: T): this;
    protected addKeyboardEvent(eventName: string, key: string, handler: EventHandler<KeyboardEvent>): this;
    onKeydown(key: string, handler: EventHandler<KeyboardEvent>): this;
    onKeypress(key: string, handler: EventHandler<KeyboardEvent>): this;
    onKeyup(key: string, handler: EventHandler<KeyboardEvent>): this;
    onClick(handler: (_: MouseEvent) => void): this;
    onDblclick(handler: EventHandler<MouseEvent>): this;
    onMouseup(handler: EventHandler<MouseEvent>): this;
    onMousedown(handler: EventHandler<MouseEvent>): this;
    on<T extends Event>(eventName: string, handler: EventHandler<T>): this;
}
export declare function render(result: unknown, container: HTMLElement | DocumentFragment, options?: Partial<RenderOptions>): ChildPart;
export declare type ViewElement<T extends View = View> = LitElement & {
    view: T;
};
export declare function createView(template: ((opts: {
    attrs: {
        [key: string]: string | boolean;
    };
    styles: {
        [key: string]: string;
    };
    animations: ViewAnimation[];
    events: {
        [key: string]: EventHandler<any>;
    };
}) => TemplateResult) | TemplateResult): View;
export declare type Clazz<T> = new (...args: any[]) => T;