import { Item, Position, ItemState, Border } from '../types/items';
export declare const useItems: import('pinia').StoreDefinition<"items", {
    items: Item[];
    focusedItemId: number | undefined;
    selectedItemIds: number[];
    clipboardItem: Item | undefined;
    preventDelete: boolean;
    textEditable: boolean;
    historyStore: import('pinia').Store<"history", {
        previous: import('../types/items').GlobalState[];
        next: import('../types/items').GlobalState[];
        isLoading: boolean;
        htmlGenerator: {
            body: HTMLBodyElement;
            html: HTMLHtmlElement;
            style: HTMLStyleElement;
            setHtml: (htmlString: string) => void;
            addClassAttribute: (name: string, value: Object) => void;
            editAttribute: (className: string, attributes: Object) => void;
            deleteAttributeFromId: (className: string, attributes: string[]) => void;
            deleteClassAttribute: (className: string) => void;
            updateElementContent: (selector: string, content: string) => void;
            initHtml: (htmlTitle: string) => void;
            getHtmlText: () => string;
            getStyleByKey: (key: string) => import('vue').StyleValue;
            convertCssStringToObject: (cssString: string) => {
                [key: string]: string;
            };
            downloadHtml: () => Promise<void>;
            returnTheWholeHtml: () => Promise<void>;
            addTemporaryStyleToHead: (cssText: string) => () => void;
            insertHead: (targetEl: any) => void;
        };
        loading: boolean;
        pendingSave: Promise<unknown>;
    }, {}, {
        saveStepToHistory(): void;
        savePreviousStep(): void;
        saveHistory(): Promise<unknown>;
        storeHtmlState(html: string): void;
        undo(): void;
        redo(): void;
        clearHtmlContent(canvas: HTMLElement): void;
        clearHtmlAttributes(canvas: Element): void;
        clearDataAttributes(htmlString: string): string;
    }>;
    htmlGenerator: {
        body: HTMLBodyElement;
        html: HTMLHtmlElement;
        style: HTMLStyleElement;
        setHtml: (htmlString: string) => void;
        addClassAttribute: (name: string, value: Object) => void;
        editAttribute: (className: string, attributes: Object) => void;
        deleteAttributeFromId: (className: string, attributes: string[]) => void;
        deleteClassAttribute: (className: string) => void;
        updateElementContent: (selector: string, content: string) => void;
        initHtml: (htmlTitle: string) => void;
        getHtmlText: () => string;
        getStyleByKey: (key: string) => import('vue').StyleValue;
        convertCssStringToObject: (cssString: string) => {
            [key: string]: string;
        };
        downloadHtml: () => Promise<void>;
        returnTheWholeHtml: () => Promise<void>;
        addTemporaryStyleToHead: (cssText: string) => () => void;
        insertHead: (targetEl: any) => void;
    };
}, {
    getFocusedItem: (state: {
        items: Item[];
        focusedItemId: number | undefined;
        selectedItemIds: number[];
        clipboardItem: Item | undefined;
        preventDelete: boolean;
        textEditable: boolean;
        historyStore: {
            $state: {
                previous: import('../types/items').GlobalState[];
                next: import('../types/items').GlobalState[];
                isLoading: boolean;
                htmlGenerator: {
                    body: HTMLBodyElement;
                    html: HTMLHtmlElement;
                    style: HTMLStyleElement;
                    setHtml: (htmlString: string) => void;
                    addClassAttribute: (name: string, value: Object) => void;
                    editAttribute: (className: string, attributes: Object) => void;
                    deleteAttributeFromId: (className: string, attributes: string[]) => void;
                    deleteClassAttribute: (className: string) => void;
                    updateElementContent: (selector: string, content: string) => void;
                    initHtml: (htmlTitle: string) => void;
                    getHtmlText: () => string;
                    getStyleByKey: (key: string) => import('vue').StyleValue;
                    convertCssStringToObject: (cssString: string) => {
                        [key: string]: string;
                    };
                    downloadHtml: () => Promise<void>;
                    returnTheWholeHtml: () => Promise<void>;
                    addTemporaryStyleToHead: (cssText: string) => () => void;
                    insertHead: (targetEl: any) => void;
                };
                loading: boolean;
                pendingSave: Promise<unknown>;
            };
            $patch: {
                (partialState: import('pinia')._DeepPartial<{
                    previous: import('../types/items').GlobalState[];
                    next: import('../types/items').GlobalState[];
                    isLoading: boolean;
                    htmlGenerator: {
                        body: HTMLBodyElement;
                        html: HTMLHtmlElement;
                        style: HTMLStyleElement;
                        setHtml: (htmlString: string) => void;
                        addClassAttribute: (name: string, value: Object) => void;
                        editAttribute: (className: string, attributes: Object) => void;
                        deleteAttributeFromId: (className: string, attributes: string[]) => void;
                        deleteClassAttribute: (className: string) => void;
                        updateElementContent: (selector: string, content: string) => void;
                        initHtml: (htmlTitle: string) => void;
                        getHtmlText: () => string;
                        getStyleByKey: (key: string) => import('vue').StyleValue;
                        convertCssStringToObject: (cssString: string) => {
                            [key: string]: string;
                        };
                        downloadHtml: () => Promise<void>;
                        returnTheWholeHtml: () => Promise<void>;
                        addTemporaryStyleToHead: (cssText: string) => () => void;
                        insertHead: (targetEl: any) => void;
                    };
                    loading: boolean;
                    pendingSave: Promise<unknown>;
                }>): void;
                <F extends (state: {
                    previous: import('../types/items').GlobalState[];
                    next: import('../types/items').GlobalState[];
                    isLoading: boolean;
                    htmlGenerator: {
                        body: HTMLBodyElement;
                        html: HTMLHtmlElement;
                        style: HTMLStyleElement;
                        setHtml: (htmlString: string) => void;
                        addClassAttribute: (name: string, value: Object) => void;
                        editAttribute: (className: string, attributes: Object) => void;
                        deleteAttributeFromId: (className: string, attributes: string[]) => void;
                        deleteClassAttribute: (className: string) => void;
                        updateElementContent: (selector: string, content: string) => void;
                        initHtml: (htmlTitle: string) => void;
                        getHtmlText: () => string;
                        getStyleByKey: (key: string) => import('vue').StyleValue;
                        convertCssStringToObject: (cssString: string) => {
                            [key: string]: string;
                        };
                        downloadHtml: () => Promise<void>;
                        returnTheWholeHtml: () => Promise<void>;
                        addTemporaryStyleToHead: (cssText: string) => () => void;
                        insertHead: (targetEl: any) => void;
                    };
                    loading: boolean;
                    pendingSave: Promise<unknown>;
                }) => any>(stateMutator: ReturnType<F> extends Promise<any> ? never : F): void;
            };
            $reset: () => void;
            $subscribe: (callback: import('pinia').SubscriptionCallback<{
                previous: import('../types/items').GlobalState[];
                next: import('../types/items').GlobalState[];
                isLoading: boolean;
                htmlGenerator: {
                    body: HTMLBodyElement;
                    html: HTMLHtmlElement;
                    style: HTMLStyleElement;
                    setHtml: (htmlString: string) => void;
                    addClassAttribute: (name: string, value: Object) => void;
                    editAttribute: (className: string, attributes: Object) => void;
                    deleteAttributeFromId: (className: string, attributes: string[]) => void;
                    deleteClassAttribute: (className: string) => void;
                    updateElementContent: (selector: string, content: string) => void;
                    initHtml: (htmlTitle: string) => void;
                    getHtmlText: () => string;
                    getStyleByKey: (key: string) => import('vue').StyleValue;
                    convertCssStringToObject: (cssString: string) => {
                        [key: string]: string;
                    };
                    downloadHtml: () => Promise<void>;
                    returnTheWholeHtml: () => Promise<void>;
                    addTemporaryStyleToHead: (cssText: string) => () => void;
                    insertHead: (targetEl: any) => void;
                };
                loading: boolean;
                pendingSave: Promise<unknown>;
            }>, options?: {
                detached?: boolean;
            } & import('vue').WatchOptions) => () => void;
            $onAction: (callback: import('pinia').StoreOnActionListener<"history", {
                previous: import('../types/items').GlobalState[];
                next: import('../types/items').GlobalState[];
                isLoading: boolean;
                htmlGenerator: {
                    body: HTMLBodyElement;
                    html: HTMLHtmlElement;
                    style: HTMLStyleElement;
                    setHtml: (htmlString: string) => void;
                    addClassAttribute: (name: string, value: Object) => void;
                    editAttribute: (className: string, attributes: Object) => void;
                    deleteAttributeFromId: (className: string, attributes: string[]) => void;
                    deleteClassAttribute: (className: string) => void;
                    updateElementContent: (selector: string, content: string) => void;
                    initHtml: (htmlTitle: string) => void;
                    getHtmlText: () => string;
                    getStyleByKey: (key: string) => import('vue').StyleValue;
                    convertCssStringToObject: (cssString: string) => {
                        [key: string]: string;
                    };
                    downloadHtml: () => Promise<void>;
                    returnTheWholeHtml: () => Promise<void>;
                    addTemporaryStyleToHead: (cssText: string) => () => void;
                    insertHead: (targetEl: any) => void;
                };
                loading: boolean;
                pendingSave: Promise<unknown>;
            }, {}, {
                saveStepToHistory(): void;
                savePreviousStep(): void;
                saveHistory(): Promise<unknown>;
                storeHtmlState(html: string): void;
                undo(): void;
                redo(): void;
                clearHtmlContent(canvas: HTMLElement): void;
                clearHtmlAttributes(canvas: Element): void;
                clearDataAttributes(htmlString: string): string;
            }>, detached?: boolean) => () => void;
            $dispose: () => void;
            $id: "history";
            _customProperties: Set<string> & Omit<Set<string>, keyof Set<any>>;
            previous: import('../types/items').GlobalState[];
            next: import('../types/items').GlobalState[];
            isLoading: boolean;
            htmlGenerator: {
                body: HTMLBodyElement;
                html: HTMLHtmlElement;
                style: HTMLStyleElement;
                setHtml: (htmlString: string) => void;
                addClassAttribute: (name: string, value: Object) => void;
                editAttribute: (className: string, attributes: Object) => void;
                deleteAttributeFromId: (className: string, attributes: string[]) => void;
                deleteClassAttribute: (className: string) => void;
                updateElementContent: (selector: string, content: string) => void;
                initHtml: (htmlTitle: string) => void;
                getHtmlText: () => string;
                getStyleByKey: (key: string) => import('vue').StyleValue;
                convertCssStringToObject: (cssString: string) => {
                    [key: string]: string;
                };
                downloadHtml: () => Promise<void>;
                returnTheWholeHtml: () => Promise<void>;
                addTemporaryStyleToHead: (cssText: string) => () => void;
                insertHead: (targetEl: any) => void;
            };
            loading: boolean;
            pendingSave: Promise<unknown>;
            saveStepToHistory: () => void;
            savePreviousStep: () => void;
            saveHistory: () => Promise<unknown>;
            storeHtmlState: (html: string) => void;
            undo: () => void;
            redo: () => void;
            clearHtmlContent: (canvas: HTMLElement) => void;
            clearHtmlAttributes: (canvas: Element) => void;
            clearDataAttributes: (htmlString: string) => string;
        };
        htmlGenerator: {
            body: HTMLBodyElement;
            html: HTMLHtmlElement;
            style: HTMLStyleElement;
            setHtml: (htmlString: string) => void;
            addClassAttribute: (name: string, value: Object) => void;
            editAttribute: (className: string, attributes: Object) => void;
            deleteAttributeFromId: (className: string, attributes: string[]) => void;
            deleteClassAttribute: (className: string) => void;
            updateElementContent: (selector: string, content: string) => void;
            initHtml: (htmlTitle: string) => void;
            getHtmlText: () => string;
            getStyleByKey: (key: string) => import('vue').StyleValue;
            convertCssStringToObject: (cssString: string) => {
                [key: string]: string;
            };
            downloadHtml: () => Promise<void>;
            returnTheWholeHtml: () => Promise<void>;
            addTemporaryStyleToHead: (cssText: string) => () => void;
            insertHead: (targetEl: any) => void;
        };
    } & import('pinia').PiniaCustomStateProperties<{
        items: Item[];
        focusedItemId: number | undefined;
        selectedItemIds: number[];
        clipboardItem: Item | undefined;
        preventDelete: boolean;
        textEditable: boolean;
        historyStore: import('pinia').Store<"history", {
            previous: import('../types/items').GlobalState[];
            next: import('../types/items').GlobalState[];
            isLoading: boolean;
            htmlGenerator: {
                body: HTMLBodyElement;
                html: HTMLHtmlElement;
                style: HTMLStyleElement;
                setHtml: (htmlString: string) => void;
                addClassAttribute: (name: string, value: Object) => void;
                editAttribute: (className: string, attributes: Object) => void;
                deleteAttributeFromId: (className: string, attributes: string[]) => void;
                deleteClassAttribute: (className: string) => void;
                updateElementContent: (selector: string, content: string) => void;
                initHtml: (htmlTitle: string) => void;
                getHtmlText: () => string;
                getStyleByKey: (key: string) => import('vue').StyleValue;
                convertCssStringToObject: (cssString: string) => {
                    [key: string]: string;
                };
                downloadHtml: () => Promise<void>;
                returnTheWholeHtml: () => Promise<void>;
                addTemporaryStyleToHead: (cssText: string) => () => void;
                insertHead: (targetEl: any) => void;
            };
            loading: boolean;
            pendingSave: Promise<unknown>;
        }, {}, {
            saveStepToHistory(): void;
            savePreviousStep(): void;
            saveHistory(): Promise<unknown>;
            storeHtmlState(html: string): void;
            undo(): void;
            redo(): void;
            clearHtmlContent(canvas: HTMLElement): void;
            clearHtmlAttributes(canvas: Element): void;
            clearDataAttributes(htmlString: string): string;
        }>;
        htmlGenerator: {
            body: HTMLBodyElement;
            html: HTMLHtmlElement;
            style: HTMLStyleElement;
            setHtml: (htmlString: string) => void;
            addClassAttribute: (name: string, value: Object) => void;
            editAttribute: (className: string, attributes: Object) => void;
            deleteAttributeFromId: (className: string, attributes: string[]) => void;
            deleteClassAttribute: (className: string) => void;
            updateElementContent: (selector: string, content: string) => void;
            initHtml: (htmlTitle: string) => void;
            getHtmlText: () => string;
            getStyleByKey: (key: string) => import('vue').StyleValue;
            convertCssStringToObject: (cssString: string) => {
                [key: string]: string;
            };
            downloadHtml: () => Promise<void>;
            returnTheWholeHtml: () => Promise<void>;
            addTemporaryStyleToHead: (cssText: string) => () => void;
            insertHead: (targetEl: any) => void;
        };
    }>) => {
        type: "Image";
        id: number;
        value: string;
        position: {
            x: number;
            y: number;
            w: number;
            h: number;
            r: number;
        };
        border?: {
            radius: number;
            color: string;
            weight: number;
        } | undefined;
        backgroundColor?: string | undefined;
        padding?: number | undefined;
        paddingY?: number | undefined;
        keepRatio?: boolean | undefined;
        style?: string | undefined;
    } | {
        type: "Text";
        id: number;
        value: string;
        position: {
            x: number;
            y: number;
            w: number;
            h: number;
            r: number;
        };
        border?: {
            radius: number;
            color: string;
            weight: number;
        } | undefined;
        backgroundColor?: string | undefined;
        padding?: number | undefined;
        paddingY?: number | undefined;
        keepRatio?: boolean | undefined;
        style?: string | undefined;
    } | {
        type: "Paragraph";
        id: number;
        value: string;
        position: {
            x: number;
            y: number;
            w: number;
            h: number;
            r: number;
        };
        border?: {
            radius: number;
            color: string;
            weight: number;
        } | undefined;
        backgroundColor?: string | undefined;
        padding?: number | undefined;
        paddingY?: number | undefined;
        keepRatio?: boolean | undefined;
        style?: string | undefined;
    } | {
        type: "Color";
        id: number;
        value: string;
        position: {
            x: number;
            y: number;
            w: number;
            h: number;
            r: number;
        };
        border?: {
            radius: number;
            color: string;
            weight: number;
        } | undefined;
        backgroundColor?: string | undefined;
        padding?: number | undefined;
        paddingY?: number | undefined;
        keepRatio?: boolean | undefined;
        style?: string | undefined;
    } | {
        type: "Shape";
        id: number;
        value: string;
        position: {
            x: number;
            y: number;
            w: number;
            h: number;
            r: number;
        };
        border?: {
            radius: number;
            color: string;
            weight: number;
        } | undefined;
        backgroundColor?: string | undefined;
        padding?: number | undefined;
        paddingY?: number | undefined;
        keepRatio?: boolean | undefined;
        style?: string | undefined;
    } | {
        type: "QrCode";
        location?: {
            lat?: number | undefined;
            lng?: number | undefined;
            address: string;
        } | undefined;
        belongsTo?: number | undefined;
        belongsToType?: "GoogleMap" | "StreetView" | undefined;
        id: number;
        value: string;
        position: {
            x: number;
            y: number;
            w: number;
            h: number;
            r: number;
        };
        border?: {
            radius: number;
            color: string;
            weight: number;
        } | undefined;
        backgroundColor?: string | undefined;
        padding?: number | undefined;
        paddingY?: number | undefined;
        keepRatio?: boolean | undefined;
        style?: string | undefined;
    } | {
        type: "Conversion";
        stringValue?: string | undefined;
        id: number;
        value: string;
        position: {
            x: number;
            y: number;
            w: number;
            h: number;
            r: number;
        };
        border?: {
            radius: number;
            color: string;
            weight: number;
        } | undefined;
        backgroundColor?: string | undefined;
        padding?: number | undefined;
        paddingY?: number | undefined;
        keepRatio?: boolean | undefined;
        style?: string | undefined;
    } | {
        type: "GoogleMap";
        location?: {
            lat?: number | undefined;
            lng?: number | undefined;
            address: string;
        } | undefined;
        fromLocation?: {
            lat?: number | undefined;
            lng?: number | undefined;
            address: string;
        } | undefined;
        showDirections?: boolean | undefined;
        id: number;
        value: string;
        position: {
            x: number;
            y: number;
            w: number;
            h: number;
            r: number;
        };
        border?: {
            radius: number;
            color: string;
            weight: number;
        } | undefined;
        backgroundColor?: string | undefined;
        padding?: number | undefined;
        paddingY?: number | undefined;
        keepRatio?: boolean | undefined;
        style?: string | undefined;
    } | {
        type: "StreetView";
        location?: {
            lat?: number | undefined;
            lng?: number | undefined;
            address: string;
        } | undefined;
        id: number;
        value: string;
        position: {
            x: number;
            y: number;
            w: number;
            h: number;
            r: number;
        };
        border?: {
            radius: number;
            color: string;
            weight: number;
        } | undefined;
        backgroundColor?: string | undefined;
        padding?: number | undefined;
        paddingY?: number | undefined;
        keepRatio?: boolean | undefined;
        style?: string | undefined;
    } | undefined;
    getFocusedItemType(): string;
}, {
    validateItems(): void;
    setItemState(state: ItemState): void;
    pushItemsToState(elList: NodeListOf<Element>): void;
    getElementPosition(styleStr: string): Position;
    parseBoxStyle(styleStr: string): {
        border?: Border;
        backgroundColor?: string;
        padding?: number;
        paddingY?: number;
    };
    getElementBorder(el: Element): Border;
    getElementStyle(el: Element): {
        [key: string]: string;
    };
    setFocusedItem(item: Item | number, additive?: boolean): void;
    clearFocusedItem(): void;
    updatePosition(direction: string, amount: number): void;
    setItemOrder(value: "front" | "back" | "top" | "bottom"): void;
    addNewItem(item: Partial<Item>, options?: {
        history?: boolean;
    }): void;
    beginLiveEdit(): void;
    finishLiveEdit(): void;
    editItem(id: number, item: Partial<Item>, options?: {
        history?: boolean;
    }): void;
    createAdditionalStyles(item: Item, editing?: boolean): void;
    setItemPosition(position: Position): Position;
    duplicateSelectedItem(): void;
    copySelectedItem(): boolean;
    pasteItem(): boolean;
    deleteSelectedItem(): boolean;
}>;