import { ESSceneObject, PickedInfo } from "vtxf-xe2/dist-node/xe2-base-objects";
import { Event, Listener, PartialWithUndefinedReactivePropsToNativeProps, ReactivePropsToNativePropsAndChanged } from "vtxf-xe2/dist-node/xe2-base-utils";
import { ObjResettingWithEvent, SceneObjectKey } from "vtxf-xe2/dist-node/xe2-utils";
import { MyCustomDivLayoutType } from "./getCssTextFromType";
export declare type MyCustomDivInstanceClass<DivClass extends {
    destroy(): undefined;
} = {
    destroy(): undefined;
}> = (new (subContainer: HTMLDivElement, customDiv: MyCustomDiv<DivClass>) => DivClass);
export declare class MyCustomDiv<DivClass extends {
    destroy(): undefined;
} = {
    destroy(): undefined;
}> extends ESSceneObject {
    static readonly type: string;
    get typeName(): string;
    get defaultProps(): {
        show: boolean;
        instanceClassStr: string | undefined;
        innerHTML: string | undefined;
        interaction: boolean;
        containerId: string | null;
        visibility: boolean;
        shadowDom: boolean;
        zIndex: number | undefined;
        cssAllInitial: boolean;
        layoutType: MyCustomDivLayoutType;
        width: number;
        height: number;
        backgroundColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number] | null>;
        color: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number] | null>;
        cssText: string;
        execOnceFuncStr: string;
        updateFuncStr: string;
        toDestroyFuncStr: string;
        createAppendedObjFuncStr: string;
        name: string;
        ref: string | undefined;
        devTags: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<string[] | undefined>;
        extras: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<import("vtxf-xe2/dist-node/xe2-base-utils").JsonValue>;
    };
    get json(): JsonType;
    set json(value: JsonType);
    private static _defaultContainer;
    static set defaultContainer(value: HTMLElement);
    static get defaultContainer(): HTMLElement;
    private _instanceClassReact;
    get instanceClass(): MyCustomDivInstanceClass<DivClass> | undefined;
    set instanceClass(value: MyCustomDivInstanceClass<DivClass> | undefined);
    get instanceClassChanged(): Listener<[MyCustomDivInstanceClass<DivClass> | undefined, MyCustomDivInstanceClass<DivClass> | undefined]>;
    private _pickedEvent;
    get pickedEvent(): Event<[PickedInfo]>;
    private _innerHtmlMounted;
    get innerHtmlMounted(): Listener<[contentDiv: HTMLDivElement]>;
    private _container;
    get container(): HTMLElement | undefined;
    get containerChanged(): Listener<[HTMLElement | undefined, HTMLElement | undefined]>;
    set container(value: HTMLElement | undefined);
    static defaults: {
        containerId: string;
        zIndex: number;
        backgroundColor: [number, number, number, number];
        color: [number, number, number, number];
        viewerTagsEnums: [string, string][];
    };
    private _finalCssText;
    get finalCssText(): string;
    get finalCssTextChanged(): Listener<[string, string]>;
    private _divCsssChangedEvent;
    /**
     * css样式强制更新，避免css样式滞后！
     */
    flushCss(): void;
    private _div;
    get div(): HTMLDivElement;
    setDivAttribute(name: string, value: string): void;
    private _containerIdResetting;
    private _instanceClassResetting;
    get instanceClassResetting(): ObjResettingWithEvent<DivClass, Listener<any[]>>;
    getInstanceClassObj(): DivClass | undefined;
    constructor(id?: SceneObjectKey);
    static defaultInnerHTML: string;
    static innerHTMLReadMe: string;
    getProperties(language?: string): import("vtxf-xe2/dist-node/xe2-base-objects").Property[];
}
export declare namespace MyCustomDiv {
    const createDefaultProps: () => {
        show: boolean;
        instanceClassStr: string | undefined;
        innerHTML: string | undefined;
        interaction: boolean;
        containerId: string | null;
        visibility: boolean;
        shadowDom: boolean;
        zIndex: number | undefined;
        cssAllInitial: boolean;
        layoutType: MyCustomDivLayoutType;
        width: number;
        height: number;
        backgroundColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number] | null>;
        color: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number] | null>;
        cssText: string;
        execOnceFuncStr: string;
        updateFuncStr: string;
        toDestroyFuncStr: string;
        createAppendedObjFuncStr: string;
        name: string;
        ref: string | undefined;
        devTags: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<string[] | undefined>;
        extras: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<import("vtxf-xe2/dist-node/xe2-base-utils").JsonValue>;
    };
}
export interface MyCustomDiv<DivClass extends {
    destroy(): undefined;
} = {
    destroy(): undefined;
}> extends ReactivePropsToNativePropsAndChanged<ReturnType<typeof MyCustomDiv.createDefaultProps>> {
}
declare type JsonType = PartialWithUndefinedReactivePropsToNativeProps<ReturnType<typeof MyCustomDiv.createDefaultProps> & {
    type: string;
}>;
export {};