@bluechaine/print-designer 0.1.0

package/dist/types/src/components/Designer.vue.d.ts

@@ -0,0 +1,2016 @@
+import { type PropType } from 'vue-demi';
+import DesignerUtils from '../core/designer-utils';
+import { DEFAULT_ELEMENT_CATALOGUE } from '../constants';
+import type { DesignerProps, Events, HeaderEle, PaperType, PluginOptions, Provider, ProviderMap, ShowOption, StyleOption, ThemeType } from '../types';
+import { type JsonEditorModalHost } from '../core/json-editor-modal';
+import type { PrintDataEditorModalHost } from '../core/print-data-editor-modal';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    template: {
+        type: PropType<DesignerProps["template"]>;
+        default: () => {
+            panels: never[];
+        };
+    };
+    printData: {
+        type: PropType<DesignerProps["printData"]>;
+        default: () => {};
+    };
+    providers: {
+        type: PropType<Provider[]>;
+        default: () => never[];
+    };
+    providerMap: {
+        type: PropType<ProviderMap | ProviderMap[]>;
+        default: () => never[];
+    };
+    plugins: {
+        type: PropType<PluginOptions[]>;
+        default: () => never[];
+    };
+    autoConnect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    config: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    templateKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    headerLogoHtml: {
+        type: StringConstructor;
+        default: string;
+    };
+    headerTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    headerNewEle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    headerEleList: {
+        type: PropType<HeaderEle[]>;
+        default: () => never[];
+    };
+    events: {
+        type: PropType<Events>;
+        default: () => {};
+    };
+    styleOption: {
+        type: PropType<StyleOption>;
+        default: () => {};
+    };
+    showOption: {
+        type: PropType<ShowOption>;
+        default: () => {};
+    };
+    catalogue: {
+        type: PropType<typeof DEFAULT_ELEMENT_CATALOGUE>;
+        default: () => import("..").ElementCatalogueItem[];
+    };
+    showToolbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    theme: {
+        type: PropType<string | ThemeType | ThemeType[]>;
+        default: string;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+    };
+    tags: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    designOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    paperList: {
+        type: PropType<PaperType[]>;
+        default: () => PaperType[];
+    };
+}>, {
+    DESIGN_CONTAINER_ID: string;
+    workspaceRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+    scrollerRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+    rulerXRef: import("vue").Ref<HTMLCanvasElement | null, HTMLCanvasElement | null>;
+    rulerYRef: import("vue").Ref<HTMLCanvasElement | null, HTMLCanvasElement | null>;
+    previewRef: import("vue").Ref<any, any>;
+    jsonEditorRef: import("vue").Ref<{
+        open?: JsonEditorModalHost["open"] | undefined;
+    } | null, {
+        open?: JsonEditorModalHost["open"];
+    } | {
+        open?: JsonEditorModalHost["open"] | undefined;
+    } | null>;
+    printDataEditorRef: import("vue").Ref<{
+        open?: PrintDataEditorModalHost["open"] | undefined;
+    } | null, {
+        open?: PrintDataEditorModalHost["open"];
+    } | {
+        open?: PrintDataEditorModalHost["open"] | undefined;
+    } | null>;
+    activeTheme: import("vue").ComputedRef<string>;
+    resolvedShow: import("vue").ComputedRef<import("../core/designer-options").ResolvedShowOption>;
+    resolvedHeaderEleList: import("vue").ComputedRef<HeaderEle[]>;
+    footerText: import("vue").ComputedRef<"" | "hiprint设计器">;
+    handleSave: () => void;
+    handleEditTemplate: () => void;
+    handleEditPrintData: () => void;
+    handleExportFile: () => void;
+    handleImportFile: () => void;
+    handlePreview: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onDesigned" | "update:template" | "update:printData")[], "onDesigned" | "update:template" | "update:printData", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    template: {
+        type: PropType<DesignerProps["template"]>;
+        default: () => {
+            panels: never[];
+        };
+    };
+    printData: {
+        type: PropType<DesignerProps["printData"]>;
+        default: () => {};
+    };
+    providers: {
+        type: PropType<Provider[]>;
+        default: () => never[];
+    };
+    providerMap: {
+        type: PropType<ProviderMap | ProviderMap[]>;
+        default: () => never[];
+    };
+    plugins: {
+        type: PropType<PluginOptions[]>;
+        default: () => never[];
+    };
+    autoConnect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    config: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    templateKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    headerLogoHtml: {
+        type: StringConstructor;
+        default: string;
+    };
+    headerTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    headerNewEle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    headerEleList: {
+        type: PropType<HeaderEle[]>;
+        default: () => never[];
+    };
+    events: {
+        type: PropType<Events>;
+        default: () => {};
+    };
+    styleOption: {
+        type: PropType<StyleOption>;
+        default: () => {};
+    };
+    showOption: {
+        type: PropType<ShowOption>;
+        default: () => {};
+    };
+    catalogue: {
+        type: PropType<typeof DEFAULT_ELEMENT_CATALOGUE>;
+        default: () => import("..").ElementCatalogueItem[];
+    };
+    showToolbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    theme: {
+        type: PropType<string | ThemeType | ThemeType[]>;
+        default: string;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+    };
+    tags: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    designOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    paperList: {
+        type: PropType<PaperType[]>;
+        default: () => PaperType[];
+    };
+}>> & Readonly<{
+    onOnDesigned?: ((...args: any[]) => any) | undefined;
+    "onUpdate:template"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:printData"?: ((...args: any[]) => any) | undefined;
+}>, {
+    paperList: PaperType[];
+    template: any;
+    title: string;
+    theme: string | ThemeType | ThemeType[];
+    lang: string;
+    printData: any;
+    plugins: PluginOptions[];
+    config: Record<string, any>;
+    providers: Provider[];
+    providerMap: ProviderMap | ProviderMap[];
+    tags: string[];
+    templateKey: string;
+    events: Events;
+    designOptions: Record<string, any>;
+    headerNewEle: boolean;
+    headerEleList: HeaderEle[];
+    showToolbar: boolean;
+    catalogue: import("..").ElementCatalogueItem[];
+    autoConnect: boolean;
+    headerLogoHtml: string;
+    headerTitle: string;
+    styleOption: StyleOption;
+    showOption: ShowOption;
+}, {}, {
+    Header: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        logoHtml: {
+            type: StringConstructor;
+            default: string;
+        };
+        headerNewEle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        headerEleList: {
+            type: PropType<HeaderEle[]>;
+            default: () => never[];
+        };
+    }>, {
+        t: (key: string, fallback?: string) => string;
+        UI_ICONS: {
+            readonly save: "lucide:save";
+            readonly preview: "lucide:eye";
+            readonly editTemplate: "lucide:file-json-2";
+            readonly editPrintData: "lucide:database";
+            readonly exportFile: "lucide:download";
+            readonly importFile: "lucide:upload";
+            readonly chevronDown: "lucide:chevron-down";
+            readonly close: "lucide:x";
+        };
+        showElementBar: import("vue").ComputedRef<boolean>;
+        resolvedEleList: import("vue").ComputedRef<HeaderEle[]>;
+        onElementClick: (item: HeaderEle, event: MouseEvent) => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("save" | "preview" | "edit-template" | "edit-print-data" | "export-file" | "import-file")[], "save" | "preview" | "edit-template" | "edit-print-data" | "export-file" | "import-file", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        logoHtml: {
+            type: StringConstructor;
+            default: string;
+        };
+        headerNewEle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        headerEleList: {
+            type: PropType<HeaderEle[]>;
+            default: () => never[];
+        };
+    }>> & Readonly<{
+        onPreview?: ((...args: any[]) => any) | undefined;
+        onSave?: ((...args: any[]) => any) | undefined;
+        "onEdit-template"?: ((...args: any[]) => any) | undefined;
+        "onEdit-print-data"?: ((...args: any[]) => any) | undefined;
+        "onExport-file"?: ((...args: any[]) => any) | undefined;
+        "onImport-file"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        title: string;
+        logoHtml: string;
+        headerNewEle: boolean;
+        headerEleList: HeaderEle[];
+    }, {}, {
+        SvpIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                required: true;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        }>, {
+            isSvg: import("vue").ComputedRef<boolean>;
+            sizePx: import("vue").ComputedRef<number>;
+            wrapStyle: import("vue").ComputedRef<{
+                width: string;
+                height: string;
+            }>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                required: true;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        }>> & Readonly<{}>, {
+            size: string | number;
+        }, {}, {
+            Icon: import("vue").DefineSetupFnComponent<import("@iconify/vue").IconProps, {}, {}, import("@iconify/vue").IconProps, import("vue").PublicProps>;
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Toolbar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        tools: {
+            type: PropType<import("..").ToolDescriptor[]>;
+            default: () => import("..").ToolDescriptor[];
+        };
+        hiddenKeys: {
+            type: PropType<string[]>;
+            default: () => never[];
+        };
+        mobileOnlyKeys: {
+            type: PropType<string[]>;
+            default: () => never[];
+        };
+    }>, {
+        t: (key: string, fallback?: string) => string;
+        lang: import("vue").ComputedRef<import("..").Lang>;
+        localeList: import("..").Lang[];
+        utils: DesignerUtils;
+        visibleTools: import("vue").ComputedRef<import("..").ToolDescriptor[]>;
+        zoomPercentText: import("vue").ComputedRef<string>;
+        localeLabel: (code: string) => string;
+        onLangChange: (e: Event) => void;
+        onToolbarMouseDown: (e: MouseEvent) => void;
+        tooltipFor: (tool: import("..").ToolDescriptor) => string;
+        isDisabled: (tool: import("..").ToolDescriptor) => boolean;
+        isActive: (tool: import("..").ToolDescriptor) => boolean;
+        onClick: (tool: import("..").ToolDescriptor) => void;
+        TOOL_ICONS: {
+            readonly undo: "lucide:undo-2";
+            readonly redo: "lucide:redo-2";
+            readonly alignLeft: "lucide:align-left";
+            readonly alignCenter: "lucide:align-center";
+            readonly alignRight: "lucide:align-right";
+            readonly alignTop: "lucide:align-start-vertical";
+            readonly alignMiddle: "lucide:align-center-vertical";
+            readonly alignBottom: "lucide:align-end-vertical";
+            readonly moveTop: "lucide:arrow-up-to-line";
+            readonly moveUp: "lucide:arrow-up";
+            readonly moveDown: "lucide:arrow-down";
+            readonly moveBottom: "lucide:arrow-down-to-line";
+            readonly flipH: "lucide:flip-horizontal";
+            readonly flipV: "lucide:flip-vertical";
+            readonly fontInc: "lucide:plus";
+            readonly fontDec: "lucide:minus";
+            readonly fontBold: "lucide:bold";
+            readonly fontUnbold: "lucide:bold";
+            readonly lock: "lucide:lock";
+            readonly unlock: "lucide:unlock";
+            readonly clone: "lucide:copy-plus";
+            readonly copy: "lucide:copy";
+            readonly cut: "lucide:scissors";
+            readonly paste: "lucide:clipboard-paste";
+            readonly delete: "lucide:trash-2";
+            readonly zoomOut: "lucide:zoom-out";
+            readonly zoomIn: "lucide:zoom-in";
+            readonly rotate: "lucide:rotate-cw";
+            readonly clear: "lucide:eraser";
+            readonly toggle: "lucide:panel-left";
+        };
+        isLockToggleDisabled: () => boolean;
+        isSelectionLocked: () => boolean;
+        lockToggleIcon: () => string;
+        lockToggleTooltip: () => string;
+        onLockToggleClick: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        tools: {
+            type: PropType<import("..").ToolDescriptor[]>;
+            default: () => import("..").ToolDescriptor[];
+        };
+        hiddenKeys: {
+            type: PropType<string[]>;
+            default: () => never[];
+        };
+        mobileOnlyKeys: {
+            type: PropType<string[]>;
+            default: () => never[];
+        };
+    }>> & Readonly<{}>, {
+        tools: import("..").ToolDescriptor[];
+        hiddenKeys: string[];
+        mobileOnlyKeys: string[];
+    }, {}, {
+        SvpIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                required: true;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        }>, {
+            isSvg: import("vue").ComputedRef<boolean>;
+            sizePx: import("vue").ComputedRef<number>;
+            wrapStyle: import("vue").ComputedRef<{
+                width: string;
+                height: string;
+            }>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                required: true;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        }>> & Readonly<{}>, {
+            size: string | number;
+        }, {}, {
+            Icon: import("vue").DefineSetupFnComponent<import("@iconify/vue").IconProps, {}, {}, import("@iconify/vue").IconProps, import("vue").PublicProps>;
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Preview: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        options: {
+            type: PropType<import("..").PreviewOptions>;
+            default: () => {};
+        };
+    }>, {
+        t: (key: string, fallback?: string) => string;
+        visible: import("vue").Ref<boolean, boolean>;
+        html: import("vue").Ref<string, string>;
+        canExportPdf: import("vue").ComputedRef<boolean>;
+        canExportImage: import("vue").ComputedRef<boolean>;
+        canPrint: import("vue").ComputedRef<boolean>;
+        close: () => void;
+        onPrint: () => Promise<void>;
+        onPdf: () => Promise<void>;
+        onImage: () => Promise<void>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        options: {
+            type: PropType<import("..").PreviewOptions>;
+            default: () => {};
+        };
+    }>> & Readonly<{}>, {
+        options: import("..").PreviewOptions;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    JsonEditorModal: import("vue").DefineComponent<{}, {
+        visible: import("vue").Ref<boolean, boolean>;
+        title: import("vue").Ref<string, string>;
+        text: import("vue").Ref<string, string>;
+        error: import("vue").Ref<string, string>;
+        confirmText: import("vue").Ref<string, string>;
+        cancelText: import("vue").Ref<string, string>;
+        clearTextLabel: import("vue").Ref<string, string>;
+        copyTextLabel: import("vue").Ref<string, string>;
+        showToolbar: import("vue").Ref<boolean, boolean>;
+        linesRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+        textareaRef: import("vue").Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
+        lineNumbers: import("vue").ComputedRef<string>;
+        close: (result: unknown | null) => void;
+        onInput: () => void;
+        syncScroll: () => void;
+        doClear: () => void;
+        doCopy: () => Promise<void>;
+        apply: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    PrintDataEditorModal: import("vue").DefineComponent<{}, {
+        visible: import("vue").Ref<boolean, boolean>;
+        title: import("vue").Ref<string, string>;
+        confirmText: import("vue").Ref<string, string>;
+        cancelText: import("vue").Ref<string, string>;
+        clearTextLabel: import("vue").Ref<string, string>;
+        copyTextLabel: import("vue").Ref<string, string>;
+        basicSectionTitle: import("vue").Ref<string, string>;
+        tableSectionTitle: import("vue").Ref<string, string>;
+        emptyHint: import("vue").Ref<string, string>;
+        addRowText: import("vue").Ref<string, string>;
+        deleteRowText: import("vue").Ref<string, string>;
+        tableFieldLabel: import("vue").Ref<string, string>;
+        schema: import("vue").Ref<{
+            basicFields: {
+                field: string;
+                label: string;
+                testData?: string | undefined;
+            }[];
+            tables: {
+                field: string;
+                label: string;
+                columns: {
+                    field: string;
+                    label: string;
+                }[];
+            }[];
+        }, import("..").TemplateFieldSchema | {
+            basicFields: {
+                field: string;
+                label: string;
+                testData?: string | undefined;
+            }[];
+            tables: {
+                field: string;
+                label: string;
+                columns: {
+                    field: string;
+                    label: string;
+                }[];
+            }[];
+        }>;
+        basicValues: Record<string, string>;
+        tableValues: Record<string, Record<string, string>[]>;
+        isEmpty: import("vue").ComputedRef<boolean>;
+        ICON_DELETE: string;
+        close: (result: Record<string, unknown> | null) => void;
+        addTableRow: (table: import("..").TableFieldDef) => void;
+        removeTableRow: (tableField: string, rowIndex: number) => void;
+        doClear: () => void;
+        doCopy: () => Promise<void>;
+        apply: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+        SvpIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                required: true;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        }>, {
+            isSvg: import("vue").ComputedRef<boolean>;
+            sizePx: import("vue").ComputedRef<number>;
+            wrapStyle: import("vue").ComputedRef<{
+                width: string;
+                height: string;
+            }>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                required: true;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        }>> & Readonly<{}>, {
+            size: string | number;
+        }, {}, {
+            Icon: import("vue").DefineSetupFnComponent<import("@iconify/vue").IconProps, {}, {}, import("@iconify/vue").IconProps, import("vue").PublicProps>;
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    DraggableElsPanel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        catalogue: {
+            type: PropType<import("..").ElementCatalogueItem[]>;
+            default: () => import("..").ElementCatalogueItem[];
+        };
+    }>, {
+        t: (key: string, fallback?: string) => string;
+        grouped: import("vue").ComputedRef<{
+            name: string;
+            items: import("..").ElementCatalogueItem[];
+        }[]>;
+        iconFor: (key: string) => string;
+        state: {
+            theme: string;
+            themeList: (string | {
+                theme?: string | undefined;
+                primaryColor: string;
+                primaryContent?: string | undefined;
+                secondaryColor?: string | undefined;
+                secondaryContent?: string | undefined;
+                accentColor?: string | undefined;
+                accentContent?: string | undefined;
+                neutralColor?: string | undefined;
+                neutralContent?: string | undefined;
+                base100?: string | undefined;
+                base200?: string | undefined;
+                base300?: string | undefined;
+                baseContent?: string | undefined;
+                info?: string | undefined;
+                infoContent?: string | undefined;
+                success?: string | undefined;
+                successContent?: string | undefined;
+                warning?: string | undefined;
+                warningContent?: string | undefined;
+                error?: string | undefined;
+                errorContent?: string | undefined;
+            })[];
+            lang: string;
+            zoom: number;
+            panels: {
+                draggableEls: boolean;
+                miniMap: boolean;
+                pageStructure: boolean;
+                pageHistory: boolean;
+                properties: boolean;
+            };
+            selection: {
+                count: number;
+                ids: string[];
+                elements: unknown[];
+            };
+            history: {
+                index: number;
+                total: number;
+                capacity: number;
+                canUndo: boolean;
+                canRedo: boolean;
+            };
+            isMobile: boolean;
+            uiPulse: number;
+        };
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        catalogue: {
+            type: PropType<import("..").ElementCatalogueItem[]>;
+            default: () => import("..").ElementCatalogueItem[];
+        };
+    }>> & Readonly<{}>, {
+        catalogue: import("..").ElementCatalogueItem[];
+    }, {}, {
+        DragBox: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            title: {
+                type: StringConstructor;
+                default: string;
+            };
+            storageKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            layoutKey: {
+                type: PropType<import("../constants/panel-layout").SvpPanelLayoutKey>;
+                default: string;
+            };
+            styleOptionKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            panelKey: {
+                type: PropType<keyof import("../core/stores").PanelVisibility>;
+                default: string;
+            };
+            defaultX: {
+                type: NumberConstructor;
+                default: number;
+            };
+            defaultY: {
+                type: NumberConstructor;
+                default: number;
+            };
+            width: {
+                type: NumberConstructor;
+                default: number;
+            };
+            height: {
+                type: NumberConstructor;
+                default: number;
+            };
+            visible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            folded: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            foldable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            bodyPadding: {
+                type: StringConstructor;
+                default: string;
+            };
+            boundsSelector: {
+                type: StringConstructor;
+                default: string;
+            };
+            bodyStyleExtra: {
+                type: PropType<Record<string, string>>;
+                default: () => {};
+            };
+        }>, {
+            boxRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+            state: {
+                x: number;
+                y: number;
+                width: number;
+                height: number;
+                folded: boolean;
+                visible: boolean;
+            };
+            show: import("vue").ComputedRef<boolean>;
+            showFold: import("vue").ComputedRef<boolean>;
+            showClose: import("vue").ComputedRef<boolean>;
+            toggleFolded: () => void;
+            boxStyle: import("vue").ComputedRef<{
+                left: string;
+                top: string;
+                width: string;
+                height: string;
+            }>;
+            bodyStyle: import("vue").ComputedRef<{
+                padding: string | undefined;
+            }>;
+            onClose: () => void;
+            resolvedTitle: import("vue").ComputedRef<string>;
+            draggable: import("vue").ComputedRef<boolean>;
+            t: (key: string, fallback?: string) => string;
+            UI_ICONS: {
+                readonly save: "lucide:save";
+                readonly preview: "lucide:eye";
+                readonly editTemplate: "lucide:file-json-2";
+                readonly editPrintData: "lucide:database";
+                readonly exportFile: "lucide:download";
+                readonly importFile: "lucide:upload";
+                readonly chevronDown: "lucide:chevron-down";
+                readonly close: "lucide:x";
+            };
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:visible")[], "close" | "update:visible", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: StringConstructor;
+                default: string;
+            };
+            storageKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            layoutKey: {
+                type: PropType<import("../constants/panel-layout").SvpPanelLayoutKey>;
+                default: string;
+            };
+            styleOptionKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            panelKey: {
+                type: PropType<keyof import("../core/stores").PanelVisibility>;
+                default: string;
+            };
+            defaultX: {
+                type: NumberConstructor;
+                default: number;
+            };
+            defaultY: {
+                type: NumberConstructor;
+                default: number;
+            };
+            width: {
+                type: NumberConstructor;
+                default: number;
+            };
+            height: {
+                type: NumberConstructor;
+                default: number;
+            };
+            visible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            folded: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            foldable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            bodyPadding: {
+                type: StringConstructor;
+                default: string;
+            };
+            boundsSelector: {
+                type: StringConstructor;
+                default: string;
+            };
+            bodyStyleExtra: {
+                type: PropType<Record<string, string>>;
+                default: () => {};
+            };
+        }>> & Readonly<{
+            onClose?: ((...args: any[]) => any) | undefined;
+            "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            title: string;
+            width: number;
+            height: number;
+            panelKey: keyof import("../core/stores").PanelVisibility;
+            visible: boolean;
+            folded: boolean;
+            storageKey: string;
+            layoutKey: "draggableEls" | "miniMap" | "pageStructure" | "pageHistory" | "properties";
+            styleOptionKey: string;
+            defaultX: number;
+            defaultY: number;
+            foldable: boolean;
+            closable: boolean;
+            bodyPadding: string;
+            boundsSelector: string;
+            bodyStyleExtra: Record<string, string>;
+        }, {}, {
+            SvpIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                };
+            }>, {
+                isSvg: import("vue").ComputedRef<boolean>;
+                sizePx: import("vue").ComputedRef<number>;
+                wrapStyle: import("vue").ComputedRef<{
+                    width: string;
+                    height: string;
+                }>;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                };
+            }>> & Readonly<{}>, {
+                size: string | number;
+            }, {}, {
+                Icon: import("vue").DefineSetupFnComponent<import("@iconify/vue").IconProps, {}, {}, import("@iconify/vue").IconProps, import("vue").PublicProps>;
+            }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        SvpIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                required: true;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        }>, {
+            isSvg: import("vue").ComputedRef<boolean>;
+            sizePx: import("vue").ComputedRef<number>;
+            wrapStyle: import("vue").ComputedRef<{
+                width: string;
+                height: string;
+            }>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                required: true;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        }>> & Readonly<{}>, {
+            size: string | number;
+        }, {}, {
+            Icon: import("vue").DefineSetupFnComponent<import("@iconify/vue").IconProps, {}, {}, import("@iconify/vue").IconProps, import("vue").PublicProps>;
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    MiniMapPanel: import("vue").DefineComponent<{}, {
+        t: (key: string, fallback?: string) => string;
+        miniMapRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+        snapshot: {
+            elements: {
+                key: string;
+                kind: string;
+                icon: string;
+                showIcon: boolean;
+                style: Record<string, string>;
+            }[];
+            headerLine: Record<string, string> | null;
+            footerLine: Record<string, string> | null;
+        };
+        stageStyle: import("vue").ComputedRef<{
+            left: string;
+            top: string;
+            width: string;
+            height: string;
+        }>;
+        viewportStyle: import("vue").ComputedRef<{
+            left: string;
+            top: string;
+            width: string;
+            height: string;
+        }>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+        DragBox: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            title: {
+                type: StringConstructor;
+                default: string;
+            };
+            storageKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            layoutKey: {
+                type: PropType<import("../constants/panel-layout").SvpPanelLayoutKey>;
+                default: string;
+            };
+            styleOptionKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            panelKey: {
+                type: PropType<keyof import("../core/stores").PanelVisibility>;
+                default: string;
+            };
+            defaultX: {
+                type: NumberConstructor;
+                default: number;
+            };
+            defaultY: {
+                type: NumberConstructor;
+                default: number;
+            };
+            width: {
+                type: NumberConstructor;
+                default: number;
+            };
+            height: {
+                type: NumberConstructor;
+                default: number;
+            };
+            visible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            folded: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            foldable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            bodyPadding: {
+                type: StringConstructor;
+                default: string;
+            };
+            boundsSelector: {
+                type: StringConstructor;
+                default: string;
+            };
+            bodyStyleExtra: {
+                type: PropType<Record<string, string>>;
+                default: () => {};
+            };
+        }>, {
+            boxRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+            state: {
+                x: number;
+                y: number;
+                width: number;
+                height: number;
+                folded: boolean;
+                visible: boolean;
+            };
+            show: import("vue").ComputedRef<boolean>;
+            showFold: import("vue").ComputedRef<boolean>;
+            showClose: import("vue").ComputedRef<boolean>;
+            toggleFolded: () => void;
+            boxStyle: import("vue").ComputedRef<{
+                left: string;
+                top: string;
+                width: string;
+                height: string;
+            }>;
+            bodyStyle: import("vue").ComputedRef<{
+                padding: string | undefined;
+            }>;
+            onClose: () => void;
+            resolvedTitle: import("vue").ComputedRef<string>;
+            draggable: import("vue").ComputedRef<boolean>;
+            t: (key: string, fallback?: string) => string;
+            UI_ICONS: {
+                readonly save: "lucide:save";
+                readonly preview: "lucide:eye";
+                readonly editTemplate: "lucide:file-json-2";
+                readonly editPrintData: "lucide:database";
+                readonly exportFile: "lucide:download";
+                readonly importFile: "lucide:upload";
+                readonly chevronDown: "lucide:chevron-down";
+                readonly close: "lucide:x";
+            };
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:visible")[], "close" | "update:visible", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: StringConstructor;
+                default: string;
+            };
+            storageKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            layoutKey: {
+                type: PropType<import("../constants/panel-layout").SvpPanelLayoutKey>;
+                default: string;
+            };
+            styleOptionKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            panelKey: {
+                type: PropType<keyof import("../core/stores").PanelVisibility>;
+                default: string;
+            };
+            defaultX: {
+                type: NumberConstructor;
+                default: number;
+            };
+            defaultY: {
+                type: NumberConstructor;
+                default: number;
+            };
+            width: {
+                type: NumberConstructor;
+                default: number;
+            };
+            height: {
+                type: NumberConstructor;
+                default: number;
+            };
+            visible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            folded: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            foldable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            bodyPadding: {
+                type: StringConstructor;
+                default: string;
+            };
+            boundsSelector: {
+                type: StringConstructor;
+                default: string;
+            };
+            bodyStyleExtra: {
+                type: PropType<Record<string, string>>;
+                default: () => {};
+            };
+        }>> & Readonly<{
+            onClose?: ((...args: any[]) => any) | undefined;
+            "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            title: string;
+            width: number;
+            height: number;
+            panelKey: keyof import("../core/stores").PanelVisibility;
+            visible: boolean;
+            folded: boolean;
+            storageKey: string;
+            layoutKey: "draggableEls" | "miniMap" | "pageStructure" | "pageHistory" | "properties";
+            styleOptionKey: string;
+            defaultX: number;
+            defaultY: number;
+            foldable: boolean;
+            closable: boolean;
+            bodyPadding: string;
+            boundsSelector: string;
+            bodyStyleExtra: Record<string, string>;
+        }, {}, {
+            SvpIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                };
+            }>, {
+                isSvg: import("vue").ComputedRef<boolean>;
+                sizePx: import("vue").ComputedRef<number>;
+                wrapStyle: import("vue").ComputedRef<{
+                    width: string;
+                    height: string;
+                }>;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                };
+            }>> & Readonly<{}>, {
+                size: string | number;
+            }, {}, {
+                Icon: import("vue").DefineSetupFnComponent<import("@iconify/vue").IconProps, {}, {}, import("@iconify/vue").IconProps, import("vue").PublicProps>;
+            }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        SvpIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                required: true;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        }>, {
+            isSvg: import("vue").ComputedRef<boolean>;
+            sizePx: import("vue").ComputedRef<number>;
+            wrapStyle: import("vue").ComputedRef<{
+                width: string;
+                height: string;
+            }>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                required: true;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        }>> & Readonly<{}>, {
+            size: string | number;
+        }, {}, {
+            Icon: import("vue").DefineSetupFnComponent<import("@iconify/vue").IconProps, {}, {}, import("@iconify/vue").IconProps, import("vue").PublicProps>;
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    PageStructurePanel: import("vue").DefineComponent<{}, {
+        t: (key: string, fallback?: string) => string;
+        items: import("vue").ComputedRef<any[]>;
+        selectedIds: import("vue").ComputedRef<string[]>;
+        ICON_DELETE: string;
+        labelFor: (item: any) => any;
+        iconFor: (item: any) => string;
+        isItemSelected: (item: any) => boolean;
+        onSelect: (item: any) => void;
+        onDelete: (item: any) => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+        DragBox: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            title: {
+                type: StringConstructor;
+                default: string;
+            };
+            storageKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            layoutKey: {
+                type: PropType<import("../constants/panel-layout").SvpPanelLayoutKey>;
+                default: string;
+            };
+            styleOptionKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            panelKey: {
+                type: PropType<keyof import("../core/stores").PanelVisibility>;
+                default: string;
+            };
+            defaultX: {
+                type: NumberConstructor;
+                default: number;
+            };
+            defaultY: {
+                type: NumberConstructor;
+                default: number;
+            };
+            width: {
+                type: NumberConstructor;
+                default: number;
+            };
+            height: {
+                type: NumberConstructor;
+                default: number;
+            };
+            visible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            folded: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            foldable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            bodyPadding: {
+                type: StringConstructor;
+                default: string;
+            };
+            boundsSelector: {
+                type: StringConstructor;
+                default: string;
+            };
+            bodyStyleExtra: {
+                type: PropType<Record<string, string>>;
+                default: () => {};
+            };
+        }>, {
+            boxRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+            state: {
+                x: number;
+                y: number;
+                width: number;
+                height: number;
+                folded: boolean;
+                visible: boolean;
+            };
+            show: import("vue").ComputedRef<boolean>;
+            showFold: import("vue").ComputedRef<boolean>;
+            showClose: import("vue").ComputedRef<boolean>;
+            toggleFolded: () => void;
+            boxStyle: import("vue").ComputedRef<{
+                left: string;
+                top: string;
+                width: string;
+                height: string;
+            }>;
+            bodyStyle: import("vue").ComputedRef<{
+                padding: string | undefined;
+            }>;
+            onClose: () => void;
+            resolvedTitle: import("vue").ComputedRef<string>;
+            draggable: import("vue").ComputedRef<boolean>;
+            t: (key: string, fallback?: string) => string;
+            UI_ICONS: {
+                readonly save: "lucide:save";
+                readonly preview: "lucide:eye";
+                readonly editTemplate: "lucide:file-json-2";
+                readonly editPrintData: "lucide:database";
+                readonly exportFile: "lucide:download";
+                readonly importFile: "lucide:upload";
+                readonly chevronDown: "lucide:chevron-down";
+                readonly close: "lucide:x";
+            };
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:visible")[], "close" | "update:visible", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: StringConstructor;
+                default: string;
+            };
+            storageKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            layoutKey: {
+                type: PropType<import("../constants/panel-layout").SvpPanelLayoutKey>;
+                default: string;
+            };
+            styleOptionKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            panelKey: {
+                type: PropType<keyof import("../core/stores").PanelVisibility>;
+                default: string;
+            };
+            defaultX: {
+                type: NumberConstructor;
+                default: number;
+            };
+            defaultY: {
+                type: NumberConstructor;
+                default: number;
+            };
+            width: {
+                type: NumberConstructor;
+                default: number;
+            };
+            height: {
+                type: NumberConstructor;
+                default: number;
+            };
+            visible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            folded: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            foldable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            bodyPadding: {
+                type: StringConstructor;
+                default: string;
+            };
+            boundsSelector: {
+                type: StringConstructor;
+                default: string;
+            };
+            bodyStyleExtra: {
+                type: PropType<Record<string, string>>;
+                default: () => {};
+            };
+        }>> & Readonly<{
+            onClose?: ((...args: any[]) => any) | undefined;
+            "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            title: string;
+            width: number;
+            height: number;
+            panelKey: keyof import("../core/stores").PanelVisibility;
+            visible: boolean;
+            folded: boolean;
+            storageKey: string;
+            layoutKey: "draggableEls" | "miniMap" | "pageStructure" | "pageHistory" | "properties";
+            styleOptionKey: string;
+            defaultX: number;
+            defaultY: number;
+            foldable: boolean;
+            closable: boolean;
+            bodyPadding: string;
+            boundsSelector: string;
+            bodyStyleExtra: Record<string, string>;
+        }, {}, {
+            SvpIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                };
+            }>, {
+                isSvg: import("vue").ComputedRef<boolean>;
+                sizePx: import("vue").ComputedRef<number>;
+                wrapStyle: import("vue").ComputedRef<{
+                    width: string;
+                    height: string;
+                }>;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                };
+            }>> & Readonly<{}>, {
+                size: string | number;
+            }, {}, {
+                Icon: import("vue").DefineSetupFnComponent<import("@iconify/vue").IconProps, {}, {}, import("@iconify/vue").IconProps, import("vue").PublicProps>;
+            }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        SvpIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                required: true;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        }>, {
+            isSvg: import("vue").ComputedRef<boolean>;
+            sizePx: import("vue").ComputedRef<number>;
+            wrapStyle: import("vue").ComputedRef<{
+                width: string;
+                height: string;
+            }>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                required: true;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        }>> & Readonly<{}>, {
+            size: string | number;
+        }, {}, {
+            Icon: import("vue").DefineSetupFnComponent<import("@iconify/vue").IconProps, {}, {}, import("@iconify/vue").IconProps, import("vue").PublicProps>;
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    PageHistoryPanel: import("vue").DefineComponent<{}, {
+        t: (key: string, fallback?: string) => string;
+        state: {
+            theme: string;
+            themeList: (string | {
+                theme?: string | undefined;
+                primaryColor: string;
+                primaryContent?: string | undefined;
+                secondaryColor?: string | undefined;
+                secondaryContent?: string | undefined;
+                accentColor?: string | undefined;
+                accentContent?: string | undefined;
+                neutralColor?: string | undefined;
+                neutralContent?: string | undefined;
+                base100?: string | undefined;
+                base200?: string | undefined;
+                base300?: string | undefined;
+                baseContent?: string | undefined;
+                info?: string | undefined;
+                infoContent?: string | undefined;
+                success?: string | undefined;
+                successContent?: string | undefined;
+                warning?: string | undefined;
+                warningContent?: string | undefined;
+                error?: string | undefined;
+                errorContent?: string | undefined;
+            })[];
+            lang: string;
+            zoom: number;
+            panels: {
+                draggableEls: boolean;
+                miniMap: boolean;
+                pageStructure: boolean;
+                pageHistory: boolean;
+                properties: boolean;
+            };
+            selection: {
+                count: number;
+                ids: string[];
+                elements: unknown[];
+            };
+            history: {
+                index: number;
+                total: number;
+                capacity: number;
+                canUndo: boolean;
+                canRedo: boolean;
+            };
+            isMobile: boolean;
+            uiPulse: number;
+        };
+        steps: import("vue").ComputedRef<import("../core/history").HistoryStep[]>;
+        currentIdx: import("vue").ComputedRef<number>;
+        stepLabel: (step: import("../core/history").HistoryStep) => string;
+        stepIcon: (step: import("../core/history").HistoryStep) => string;
+        canRemove: (step: import("../core/history").HistoryStep) => boolean;
+        onJump: (idx: number) => void;
+        onClear: () => void;
+        onRemove: (idx: number) => void;
+        TOOL_ICONS: {
+            readonly undo: "lucide:undo-2";
+            readonly redo: "lucide:redo-2";
+            readonly alignLeft: "lucide:align-left";
+            readonly alignCenter: "lucide:align-center";
+            readonly alignRight: "lucide:align-right";
+            readonly alignTop: "lucide:align-start-vertical";
+            readonly alignMiddle: "lucide:align-center-vertical";
+            readonly alignBottom: "lucide:align-end-vertical";
+            readonly moveTop: "lucide:arrow-up-to-line";
+            readonly moveUp: "lucide:arrow-up";
+            readonly moveDown: "lucide:arrow-down";
+            readonly moveBottom: "lucide:arrow-down-to-line";
+            readonly flipH: "lucide:flip-horizontal";
+            readonly flipV: "lucide:flip-vertical";
+            readonly fontInc: "lucide:plus";
+            readonly fontDec: "lucide:minus";
+            readonly fontBold: "lucide:bold";
+            readonly fontUnbold: "lucide:bold";
+            readonly lock: "lucide:lock";
+            readonly unlock: "lucide:unlock";
+            readonly clone: "lucide:copy-plus";
+            readonly copy: "lucide:copy";
+            readonly cut: "lucide:scissors";
+            readonly paste: "lucide:clipboard-paste";
+            readonly delete: "lucide:trash-2";
+            readonly zoomOut: "lucide:zoom-out";
+            readonly zoomIn: "lucide:zoom-in";
+            readonly rotate: "lucide:rotate-cw";
+            readonly clear: "lucide:eraser";
+            readonly toggle: "lucide:panel-left";
+        };
+        ICON_DELETE: string;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+        DragBox: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            title: {
+                type: StringConstructor;
+                default: string;
+            };
+            storageKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            layoutKey: {
+                type: PropType<import("../constants/panel-layout").SvpPanelLayoutKey>;
+                default: string;
+            };
+            styleOptionKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            panelKey: {
+                type: PropType<keyof import("../core/stores").PanelVisibility>;
+                default: string;
+            };
+            defaultX: {
+                type: NumberConstructor;
+                default: number;
+            };
+            defaultY: {
+                type: NumberConstructor;
+                default: number;
+            };
+            width: {
+                type: NumberConstructor;
+                default: number;
+            };
+            height: {
+                type: NumberConstructor;
+                default: number;
+            };
+            visible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            folded: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            foldable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            bodyPadding: {
+                type: StringConstructor;
+                default: string;
+            };
+            boundsSelector: {
+                type: StringConstructor;
+                default: string;
+            };
+            bodyStyleExtra: {
+                type: PropType<Record<string, string>>;
+                default: () => {};
+            };
+        }>, {
+            boxRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+            state: {
+                x: number;
+                y: number;
+                width: number;
+                height: number;
+                folded: boolean;
+                visible: boolean;
+            };
+            show: import("vue").ComputedRef<boolean>;
+            showFold: import("vue").ComputedRef<boolean>;
+            showClose: import("vue").ComputedRef<boolean>;
+            toggleFolded: () => void;
+            boxStyle: import("vue").ComputedRef<{
+                left: string;
+                top: string;
+                width: string;
+                height: string;
+            }>;
+            bodyStyle: import("vue").ComputedRef<{
+                padding: string | undefined;
+            }>;
+            onClose: () => void;
+            resolvedTitle: import("vue").ComputedRef<string>;
+            draggable: import("vue").ComputedRef<boolean>;
+            t: (key: string, fallback?: string) => string;
+            UI_ICONS: {
+                readonly save: "lucide:save";
+                readonly preview: "lucide:eye";
+                readonly editTemplate: "lucide:file-json-2";
+                readonly editPrintData: "lucide:database";
+                readonly exportFile: "lucide:download";
+                readonly importFile: "lucide:upload";
+                readonly chevronDown: "lucide:chevron-down";
+                readonly close: "lucide:x";
+            };
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:visible")[], "close" | "update:visible", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: StringConstructor;
+                default: string;
+            };
+            storageKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            layoutKey: {
+                type: PropType<import("../constants/panel-layout").SvpPanelLayoutKey>;
+                default: string;
+            };
+            styleOptionKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            panelKey: {
+                type: PropType<keyof import("../core/stores").PanelVisibility>;
+                default: string;
+            };
+            defaultX: {
+                type: NumberConstructor;
+                default: number;
+            };
+            defaultY: {
+                type: NumberConstructor;
+                default: number;
+            };
+            width: {
+                type: NumberConstructor;
+                default: number;
+            };
+            height: {
+                type: NumberConstructor;
+                default: number;
+            };
+            visible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            folded: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            foldable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            bodyPadding: {
+                type: StringConstructor;
+                default: string;
+            };
+            boundsSelector: {
+                type: StringConstructor;
+                default: string;
+            };
+            bodyStyleExtra: {
+                type: PropType<Record<string, string>>;
+                default: () => {};
+            };
+        }>> & Readonly<{
+            onClose?: ((...args: any[]) => any) | undefined;
+            "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            title: string;
+            width: number;
+            height: number;
+            panelKey: keyof import("../core/stores").PanelVisibility;
+            visible: boolean;
+            folded: boolean;
+            storageKey: string;
+            layoutKey: "draggableEls" | "miniMap" | "pageStructure" | "pageHistory" | "properties";
+            styleOptionKey: string;
+            defaultX: number;
+            defaultY: number;
+            foldable: boolean;
+            closable: boolean;
+            bodyPadding: string;
+            boundsSelector: string;
+            bodyStyleExtra: Record<string, string>;
+        }, {}, {
+            SvpIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                };
+            }>, {
+                isSvg: import("vue").ComputedRef<boolean>;
+                sizePx: import("vue").ComputedRef<number>;
+                wrapStyle: import("vue").ComputedRef<{
+                    width: string;
+                    height: string;
+                }>;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                };
+            }>> & Readonly<{}>, {
+                size: string | number;
+            }, {}, {
+                Icon: import("vue").DefineSetupFnComponent<import("@iconify/vue").IconProps, {}, {}, import("@iconify/vue").IconProps, import("vue").PublicProps>;
+            }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        SvpIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                required: true;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        }>, {
+            isSvg: import("vue").ComputedRef<boolean>;
+            sizePx: import("vue").ComputedRef<number>;
+            wrapStyle: import("vue").ComputedRef<{
+                width: string;
+                height: string;
+            }>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                required: true;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        }>> & Readonly<{}>, {
+            size: string | number;
+        }, {}, {
+            Icon: import("vue").DefineSetupFnComponent<import("@iconify/vue").IconProps, {}, {}, import("@iconify/vue").IconProps, import("vue").PublicProps>;
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    PropertiesPanel: import("vue").DefineComponent<{}, {
+        t: (key: string, fallback?: string) => string;
+        SETTING_CONTAINER_ID: string;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+        DragBox: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            title: {
+                type: StringConstructor;
+                default: string;
+            };
+            storageKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            layoutKey: {
+                type: PropType<import("../constants/panel-layout").SvpPanelLayoutKey>;
+                default: string;
+            };
+            styleOptionKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            panelKey: {
+                type: PropType<keyof import("../core/stores").PanelVisibility>;
+                default: string;
+            };
+            defaultX: {
+                type: NumberConstructor;
+                default: number;
+            };
+            defaultY: {
+                type: NumberConstructor;
+                default: number;
+            };
+            width: {
+                type: NumberConstructor;
+                default: number;
+            };
+            height: {
+                type: NumberConstructor;
+                default: number;
+            };
+            visible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            folded: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            foldable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            bodyPadding: {
+                type: StringConstructor;
+                default: string;
+            };
+            boundsSelector: {
+                type: StringConstructor;
+                default: string;
+            };
+            bodyStyleExtra: {
+                type: PropType<Record<string, string>>;
+                default: () => {};
+            };
+        }>, {
+            boxRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+            state: {
+                x: number;
+                y: number;
+                width: number;
+                height: number;
+                folded: boolean;
+                visible: boolean;
+            };
+            show: import("vue").ComputedRef<boolean>;
+            showFold: import("vue").ComputedRef<boolean>;
+            showClose: import("vue").ComputedRef<boolean>;
+            toggleFolded: () => void;
+            boxStyle: import("vue").ComputedRef<{
+                left: string;
+                top: string;
+                width: string;
+                height: string;
+            }>;
+            bodyStyle: import("vue").ComputedRef<{
+                padding: string | undefined;
+            }>;
+            onClose: () => void;
+            resolvedTitle: import("vue").ComputedRef<string>;
+            draggable: import("vue").ComputedRef<boolean>;
+            t: (key: string, fallback?: string) => string;
+            UI_ICONS: {
+                readonly save: "lucide:save";
+                readonly preview: "lucide:eye";
+                readonly editTemplate: "lucide:file-json-2";
+                readonly editPrintData: "lucide:database";
+                readonly exportFile: "lucide:download";
+                readonly importFile: "lucide:upload";
+                readonly chevronDown: "lucide:chevron-down";
+                readonly close: "lucide:x";
+            };
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:visible")[], "close" | "update:visible", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: StringConstructor;
+                default: string;
+            };
+            storageKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            layoutKey: {
+                type: PropType<import("../constants/panel-layout").SvpPanelLayoutKey>;
+                default: string;
+            };
+            styleOptionKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            panelKey: {
+                type: PropType<keyof import("../core/stores").PanelVisibility>;
+                default: string;
+            };
+            defaultX: {
+                type: NumberConstructor;
+                default: number;
+            };
+            defaultY: {
+                type: NumberConstructor;
+                default: number;
+            };
+            width: {
+                type: NumberConstructor;
+                default: number;
+            };
+            height: {
+                type: NumberConstructor;
+                default: number;
+            };
+            visible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            folded: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            foldable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            bodyPadding: {
+                type: StringConstructor;
+                default: string;
+            };
+            boundsSelector: {
+                type: StringConstructor;
+                default: string;
+            };
+            bodyStyleExtra: {
+                type: PropType<Record<string, string>>;
+                default: () => {};
+            };
+        }>> & Readonly<{
+            onClose?: ((...args: any[]) => any) | undefined;
+            "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            title: string;
+            width: number;
+            height: number;
+            panelKey: keyof import("../core/stores").PanelVisibility;
+            visible: boolean;
+            folded: boolean;
+            storageKey: string;
+            layoutKey: "draggableEls" | "miniMap" | "pageStructure" | "pageHistory" | "properties";
+            styleOptionKey: string;
+            defaultX: number;
+            defaultY: number;
+            foldable: boolean;
+            closable: boolean;
+            bodyPadding: string;
+            boundsSelector: string;
+            bodyStyleExtra: Record<string, string>;
+        }, {}, {
+            SvpIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                };
+            }>, {
+                isSvg: import("vue").ComputedRef<boolean>;
+                sizePx: import("vue").ComputedRef<number>;
+                wrapStyle: import("vue").ComputedRef<{
+                    width: string;
+                    height: string;
+                }>;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                };
+            }>> & Readonly<{}>, {
+                size: string | number;
+            }, {}, {
+                Icon: import("vue").DefineSetupFnComponent<import("@iconify/vue").IconProps, {}, {}, import("@iconify/vue").IconProps, import("vue").PublicProps>;
+            }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;