npm - @printstack/print-studio - Versions diffs - 0.1.1 → 0.1.2 - Mend

@printstack/print-studio 0.1.1 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (58) hide show

package/README.md +121 -160
package/assets/render.worker-DkH7TepL.js +109 -0
package/{cloneDeep-PCw2ErRl.js → cloneDeep-waBDTGc3.js} +9 -4
package/components/print-s-logo/print-s-logo.vue.d.ts +1 -1
package/components/s-form/types.d.ts +1 -1
package/core/coordinate-space.d.ts +16 -0
package/core/document-model.d.ts +1 -1
package/core/element-registry.d.ts +3 -8
package/core/page-extensions.d.ts +1 -1
package/core/types.d.ts +8 -0
package/core.js +2 -2
package/designer/commands/menu-adapter.d.ts +3 -3
package/designer/commands/menu-types.d.ts +8 -1
package/designer/commands/types.d.ts +2 -0
package/designer/components/fields/use-table-draft.d.ts +0 -4
package/designer/components/panels/layer-row-types.d.ts +37 -0
package/designer/components/panels/layer-row.vue.d.ts +17 -0
package/designer/components/stage/marquee-overlay.vue.d.ts +8 -0
package/designer/components/stage/node-style.d.ts +3 -0
package/designer/components/stage/selection-member.vue.d.ts +14 -0
package/designer/composables/use-theme.d.ts +3 -0
package/designer/facade/editing.d.ts +2 -2
package/designer/facade/entities.d.ts +1156 -22
package/designer/frame/view.d.ts +2 -0
package/designer/interactions/marquee.d.ts +1 -1
package/designer/interactions/move.d.ts +3 -1
package/designer/mount-print-designer.d.ts +1 -1
package/designer/plugins/plugin-manager.d.ts +3 -3
package/designer/plugins/types.d.ts +1 -1
package/designer/stores/document-store.d.ts +72 -0
package/designer/stores/editor-store.d.ts +770 -14
package/designer/stores/page-store.d.ts +25 -1
package/designer/stores/template-store.d.ts +52 -4
package/designer/stores/types.d.ts +1 -0
package/designer/stores/ui-store.d.ts +232 -3
package/designer/stores/view-store.d.ts +10 -1
package/designer.d.ts +1 -1
package/designer.js +3 -3
package/{document-model-GhFP9OGp.js → document-model-Cc5RoO4j.js} +160 -179
package/elements/table/table-style.d.ts +3 -10
package/host-OAp3gFDx.js +123 -0
package/index.js +5 -5
package/locales/runtime.d.ts +7 -2
package/locales/translations/zh-CN/designer.json.d.ts +9 -4
package/{mount-print-designer-BLgVZOnm.js → mount-print-designer-DnHTrBE9.js} +4 -4
package/{mount-print-preview-D7M-1AqH.js → mount-print-preview-Bcb08lJ-.js} +4 -3
package/package.json +1 -1
package/{presets-D3WhkbZK.js → presets-BunYODhE.js} +2 -2
package/{registries-dZq8MewR.js → registries-sg39PGF1.js} +767 -780
package/runtime.js +2 -2
package/{saas-B1H161e1.js → saas-D-q51uTz.js} +1 -1
package/saas.js +1 -1
package/{studio-BFQYHZsg.js → studio-B3B6zI06.js} +796 -722
package/studio-types.d.ts +1 -1
package/style.css +1 -1
package/vue.js +786 -693
package/assets/render.worker-Ch4qWx3S.js +0 -109
package/host-CuGR8rD6.js +0 -123

package/designer/stores/editor-store.d.ts CHANGED Viewed

@@ -354,6 +354,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             }[];
@@ -409,6 +413,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 } | undefined;
@@ -456,6 +464,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 };
@@ -538,6 +550,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             }[];
@@ -593,6 +609,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 } | undefined;
@@ -640,6 +660,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 };
@@ -740,6 +764,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             }[];
@@ -795,6 +823,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 } | undefined;
@@ -842,6 +874,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 };
@@ -924,6 +960,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             }[];
@@ -979,6 +1019,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 } | undefined;
@@ -1026,6 +1070,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 };
@@ -1126,6 +1174,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             }[];
@@ -1181,6 +1233,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 } | undefined;
@@ -1228,6 +1284,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 };
@@ -1310,6 +1370,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             }[];
@@ -1365,6 +1429,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 } | undefined;
@@ -1412,6 +1480,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 };
@@ -2196,9 +2268,17 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                 top: number;
             } | undefined;
             name: string;
+            position?: {
+                x: number;
+                y: number;
+            } | undefined;
             templateId?: string | undefined;
             width: number;
         }[]>;
+        move: (pageId: string, position: null | {
+            x: number;
+            y: number;
+        }) => void;
         remove: (pageId: string) => void;
         setActive: (id: string) => void;
         update: (pageId: string, patch: Partial<Pick<import('../..').PageNode, "background" | "height" | "margins" | "name" | "templateId" | "width">>) => void;
@@ -2247,9 +2327,17 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                 top: number;
             } | undefined;
             name: string;
+            position?: {
+                x: number;
+                y: number;
+            } | undefined;
             templateId?: string | undefined;
             width: number;
         }[]>;
+        move: (pageId: string, position: null | {
+            x: number;
+            y: number;
+        }) => void;
         remove: (pageId: string) => void;
         setActive: (id: string) => void;
         update: (pageId: string, patch: Partial<Pick<import('../..').PageNode, "background" | "height" | "margins" | "name" | "templateId" | "width">>) => void;
@@ -2298,13 +2386,21 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                 top: number;
             } | undefined;
             name: string;
+            position?: {
+                x: number;
+                y: number;
+            } | undefined;
             templateId?: string | undefined;
             width: number;
         }[]>;
+        move: (pageId: string, position: null | {
+            x: number;
+            y: number;
+        }) => void;
         remove: (pageId: string) => void;
         setActive: (id: string) => void;
         update: (pageId: string, patch: Partial<Pick<import('../..').PageNode, "background" | "height" | "margins" | "name" | "templateId" | "width">>) => void;
-    }, "copy" | "add" | "remove" | "update" | "setActive">>;
+    }, "copy" | "add" | "remove" | "update" | "move" | "setActive">>;
     panel: import('pinia').Store<"editor-panel", Pick<{
         activate: (groupId: string, panelId: string, popout?: boolean) => void;
         beginDrag: (state: Omit<import('./types').PanelDragState, "target">, bounds?: Pick<import('./types').PanelColumn, "collapsed" | "height" | "width" | "x" | "y">) => void;
@@ -3202,6 +3298,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             } | undefined;
@@ -3249,6 +3349,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             };
@@ -3304,6 +3408,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             } | undefined;
@@ -3351,6 +3459,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             };
@@ -3363,7 +3475,7 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
         rename: (id: string, name: string) => void;
         resolveFor: import('vue').ComputedRef<(page: Partial<Pick<import('../..').PageNode, "id">> & Pick<import('../..').PageNode, "templateId">, pageNumber?: number) => import('../..').PageTemplate | undefined>;
         syncPageDimensions: (pageIds: string[]) => void;
-        update: (id: string, patch: Partial<Pick<import('../..').PageTemplate, "background" | "baseTemplateId" | "evenPages" | "facingPages" | "name" | "oddPages">>) => void;
+        update: (id: string, patch: Partial<Pick<import('../..').PageTemplate, "background" | "baseTemplateId" | "evenPages" | "facingPages" | "name" | "oddPages">>, options?: import('./types').MutationOptions) => void;
         updatePage: (pageId: string, patch: import('./types').EditingPagePatch) => void;
         usageCount: import('vue').ComputedRef<(id: string) => number>;
     }, "editingId">, Pick<{
@@ -3414,6 +3526,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             } | undefined;
@@ -3461,6 +3577,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             };
@@ -3516,6 +3636,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             } | undefined;
@@ -3563,6 +3687,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             };
@@ -3575,7 +3703,7 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
         rename: (id: string, name: string) => void;
         resolveFor: import('vue').ComputedRef<(page: Partial<Pick<import('../..').PageNode, "id">> & Pick<import('../..').PageNode, "templateId">, pageNumber?: number) => import('../..').PageTemplate | undefined>;
         syncPageDimensions: (pageIds: string[]) => void;
-        update: (id: string, patch: Partial<Pick<import('../..').PageTemplate, "background" | "baseTemplateId" | "evenPages" | "facingPages" | "name" | "oddPages">>) => void;
+        update: (id: string, patch: Partial<Pick<import('../..').PageTemplate, "background" | "baseTemplateId" | "evenPages" | "facingPages" | "name" | "oddPages">>, options?: import('./types').MutationOptions) => void;
         updatePage: (pageId: string, patch: import('./types').EditingPagePatch) => void;
         usageCount: import('vue').ComputedRef<(id: string) => number>;
     }, "usageCount" | "get" | "list" | "getByPage" | "editingPage" | "editingPages" | "editingTemplate" | "effectiveBackground" | "effectiveTemplate" | "isContainer" | "resolveFor">, Pick<{
@@ -3626,6 +3754,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             } | undefined;
@@ -3673,6 +3805,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             };
@@ -3728,6 +3864,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             } | undefined;
@@ -3775,6 +3915,10 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             };
@@ -3787,7 +3931,7 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
         rename: (id: string, name: string) => void;
         resolveFor: import('vue').ComputedRef<(page: Partial<Pick<import('../..').PageNode, "id">> & Pick<import('../..').PageNode, "templateId">, pageNumber?: number) => import('../..').PageTemplate | undefined>;
         syncPageDimensions: (pageIds: string[]) => void;
-        update: (id: string, patch: Partial<Pick<import('../..').PageTemplate, "background" | "baseTemplateId" | "evenPages" | "facingPages" | "name" | "oddPages">>) => void;
+        update: (id: string, patch: Partial<Pick<import('../..').PageTemplate, "background" | "baseTemplateId" | "evenPages" | "facingPages" | "name" | "oddPages">>, options?: import('./types').MutationOptions) => void;
         updatePage: (pageId: string, patch: import('./types').EditingPagePatch) => void;
         usageCount: import('vue').ComputedRef<(id: string) => number>;
     }, "create" | "rename" | "remove" | "update" | "updatePage" | "activatePage" | "applyToPages" | "createFromPage" | "detach" | "enterEdit" | "exitEdit" | "import" | "syncPageDimensions">>;
@@ -3891,9 +4035,27 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                 disabled?: boolean | undefined;
                 help?: string | undefined;
                 icon?: string | undefined;
+                keepOpen?: boolean | undefined;
                 label: string;
                 shortcut?: string | undefined;
                 type: "item";
+            } | {
+                icon?: string | undefined;
+                items: {
+                    action: () => void;
+                    checked?: boolean | undefined;
+                    commandId?: string | undefined;
+                    danger?: boolean | undefined;
+                    disabled?: boolean | undefined;
+                    help?: string | undefined;
+                    icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
+                    label: string;
+                    shortcut?: string | undefined;
+                    type: "item";
+                }[];
+                label: string;
+                type: "segment";
             } | {
                 icon?: string | undefined;
                 items: ({
@@ -3906,9 +4068,27 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     disabled?: boolean | undefined;
                     help?: string | undefined;
                     icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
                     label: string;
                     shortcut?: string | undefined;
                     type: "item";
+                } | {
+                    icon?: string | undefined;
+                    items: {
+                        action: () => void;
+                        checked?: boolean | undefined;
+                        commandId?: string | undefined;
+                        danger?: boolean | undefined;
+                        disabled?: boolean | undefined;
+                        help?: string | undefined;
+                        icon?: string | undefined;
+                        keepOpen?: boolean | undefined;
+                        label: string;
+                        shortcut?: string | undefined;
+                        type: "item";
+                    }[];
+                    label: string;
+                    type: "segment";
                 } | /*elided*/ any)[];
                 label: string;
                 type: "submenu";
@@ -3932,9 +4112,27 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                 disabled?: boolean | undefined;
                 help?: string | undefined;
                 icon?: string | undefined;
+                keepOpen?: boolean | undefined;
                 label: string;
                 shortcut?: string | undefined;
                 type: "item";
+            } | {
+                icon?: string | undefined;
+                items: {
+                    action: () => void;
+                    checked?: boolean | undefined;
+                    commandId?: string | undefined;
+                    danger?: boolean | undefined;
+                    disabled?: boolean | undefined;
+                    help?: string | undefined;
+                    icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
+                    label: string;
+                    shortcut?: string | undefined;
+                    type: "item";
+                }[];
+                label: string;
+                type: "segment";
             } | {
                 icon?: string | undefined;
                 items: ({
@@ -3947,9 +4145,27 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     disabled?: boolean | undefined;
                     help?: string | undefined;
                     icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
                     label: string;
                     shortcut?: string | undefined;
                     type: "item";
+                } | {
+                    icon?: string | undefined;
+                    items: {
+                        action: () => void;
+                        checked?: boolean | undefined;
+                        commandId?: string | undefined;
+                        danger?: boolean | undefined;
+                        disabled?: boolean | undefined;
+                        help?: string | undefined;
+                        icon?: string | undefined;
+                        keepOpen?: boolean | undefined;
+                        label: string;
+                        shortcut?: string | undefined;
+                        type: "item";
+                    }[];
+                    label: string;
+                    type: "segment";
                 } | /*elided*/ any)[];
                 label: string;
                 type: "submenu";
@@ -4055,10 +4271,12 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
             tab?: string | undefined;
             values?: Record<string, unknown> | undefined;
         }>;
+        restorePreferences: () => void;
         restoreRevision: import('vue').Ref<number, number>;
         restoreState: (state: import('./types').UiRestoreState) => void;
         resumeDialog: (id: number) => void;
         resumeToast: (id: number) => void;
+        setThemeMode: (mode: import('./types').ThemeMode) => void;
         suspendDialog: () => number | undefined;
         suspendedDialogs: import('vue').Ref<{
             dialog: {
@@ -4087,6 +4305,7 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
             elementIds?: string[] | undefined;
             id: number;
         }[]>;
+        themeMode: import('vue').Ref<import('./types').ThemeMode, import('./types').ThemeMode>;
         toast: (text: string, kind?: import('./types').ToastItem["kind"]) => void;
         toasts: import('vue').Ref<{
             id: number;
@@ -4097,7 +4316,7 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
             kind: "error" | "info" | "success";
             text: string;
         }[]>;
-    }, "contextMenu" | "dialogSessionId" | "activeDialog" | "dialogElementId" | "exportDialog" | "restoredState" | "restoreRevision" | "suspendedDialogs" | "toasts">, Pick<{
+    }, "contextMenu" | "dialogSessionId" | "activeDialog" | "dialogElementId" | "exportDialog" | "restoredState" | "restoreRevision" | "suspendedDialogs" | "themeMode" | "toasts">, Pick<{
         activeDialog: import('vue').Ref<{
             applyTemplateTemplateId?: string | undefined;
             groupId?: string | undefined;
@@ -4130,9 +4349,27 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                 disabled?: boolean | undefined;
                 help?: string | undefined;
                 icon?: string | undefined;
+                keepOpen?: boolean | undefined;
                 label: string;
                 shortcut?: string | undefined;
                 type: "item";
+            } | {
+                icon?: string | undefined;
+                items: {
+                    action: () => void;
+                    checked?: boolean | undefined;
+                    commandId?: string | undefined;
+                    danger?: boolean | undefined;
+                    disabled?: boolean | undefined;
+                    help?: string | undefined;
+                    icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
+                    label: string;
+                    shortcut?: string | undefined;
+                    type: "item";
+                }[];
+                label: string;
+                type: "segment";
             } | {
                 icon?: string | undefined;
                 items: ({
@@ -4145,9 +4382,27 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     disabled?: boolean | undefined;
                     help?: string | undefined;
                     icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
                     label: string;
                     shortcut?: string | undefined;
                     type: "item";
+                } | {
+                    icon?: string | undefined;
+                    items: {
+                        action: () => void;
+                        checked?: boolean | undefined;
+                        commandId?: string | undefined;
+                        danger?: boolean | undefined;
+                        disabled?: boolean | undefined;
+                        help?: string | undefined;
+                        icon?: string | undefined;
+                        keepOpen?: boolean | undefined;
+                        label: string;
+                        shortcut?: string | undefined;
+                        type: "item";
+                    }[];
+                    label: string;
+                    type: "segment";
                 } | /*elided*/ any)[];
                 label: string;
                 type: "submenu";
@@ -4171,9 +4426,27 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                 disabled?: boolean | undefined;
                 help?: string | undefined;
                 icon?: string | undefined;
+                keepOpen?: boolean | undefined;
                 label: string;
                 shortcut?: string | undefined;
                 type: "item";
+            } | {
+                icon?: string | undefined;
+                items: {
+                    action: () => void;
+                    checked?: boolean | undefined;
+                    commandId?: string | undefined;
+                    danger?: boolean | undefined;
+                    disabled?: boolean | undefined;
+                    help?: string | undefined;
+                    icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
+                    label: string;
+                    shortcut?: string | undefined;
+                    type: "item";
+                }[];
+                label: string;
+                type: "segment";
             } | {
                 icon?: string | undefined;
                 items: ({
@@ -4186,9 +4459,27 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     disabled?: boolean | undefined;
                     help?: string | undefined;
                     icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
                     label: string;
                     shortcut?: string | undefined;
                     type: "item";
+                } | {
+                    icon?: string | undefined;
+                    items: {
+                        action: () => void;
+                        checked?: boolean | undefined;
+                        commandId?: string | undefined;
+                        danger?: boolean | undefined;
+                        disabled?: boolean | undefined;
+                        help?: string | undefined;
+                        icon?: string | undefined;
+                        keepOpen?: boolean | undefined;
+                        label: string;
+                        shortcut?: string | undefined;
+                        type: "item";
+                    }[];
+                    label: string;
+                    type: "segment";
                 } | /*elided*/ any)[];
                 label: string;
                 type: "submenu";
@@ -4294,10 +4585,12 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
             tab?: string | undefined;
             values?: Record<string, unknown> | undefined;
         }>;
+        restorePreferences: () => void;
         restoreRevision: import('vue').Ref<number, number>;
         restoreState: (state: import('./types').UiRestoreState) => void;
         resumeDialog: (id: number) => void;
         resumeToast: (id: number) => void;
+        setThemeMode: (mode: import('./types').ThemeMode) => void;
         suspendDialog: () => number | undefined;
         suspendedDialogs: import('vue').Ref<{
             dialog: {
@@ -4326,6 +4619,7 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
             elementIds?: string[] | undefined;
             id: number;
         }[]>;
+        themeMode: import('vue').Ref<import('./types').ThemeMode, import('./types').ThemeMode>;
         toast: (text: string, kind?: import('./types').ToastItem["kind"]) => void;
         toasts: import('vue').Ref<{
             id: number;
@@ -4369,9 +4663,27 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                 disabled?: boolean | undefined;
                 help?: string | undefined;
                 icon?: string | undefined;
+                keepOpen?: boolean | undefined;
                 label: string;
                 shortcut?: string | undefined;
                 type: "item";
+            } | {
+                icon?: string | undefined;
+                items: {
+                    action: () => void;
+                    checked?: boolean | undefined;
+                    commandId?: string | undefined;
+                    danger?: boolean | undefined;
+                    disabled?: boolean | undefined;
+                    help?: string | undefined;
+                    icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
+                    label: string;
+                    shortcut?: string | undefined;
+                    type: "item";
+                }[];
+                label: string;
+                type: "segment";
             } | {
                 icon?: string | undefined;
                 items: ({
@@ -4384,9 +4696,27 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     disabled?: boolean | undefined;
                     help?: string | undefined;
                     icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
                     label: string;
                     shortcut?: string | undefined;
                     type: "item";
+                } | {
+                    icon?: string | undefined;
+                    items: {
+                        action: () => void;
+                        checked?: boolean | undefined;
+                        commandId?: string | undefined;
+                        danger?: boolean | undefined;
+                        disabled?: boolean | undefined;
+                        help?: string | undefined;
+                        icon?: string | undefined;
+                        keepOpen?: boolean | undefined;
+                        label: string;
+                        shortcut?: string | undefined;
+                        type: "item";
+                    }[];
+                    label: string;
+                    type: "segment";
                 } | /*elided*/ any)[];
                 label: string;
                 type: "submenu";
@@ -4410,9 +4740,27 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                 disabled?: boolean | undefined;
                 help?: string | undefined;
                 icon?: string | undefined;
+                keepOpen?: boolean | undefined;
                 label: string;
                 shortcut?: string | undefined;
                 type: "item";
+            } | {
+                icon?: string | undefined;
+                items: {
+                    action: () => void;
+                    checked?: boolean | undefined;
+                    commandId?: string | undefined;
+                    danger?: boolean | undefined;
+                    disabled?: boolean | undefined;
+                    help?: string | undefined;
+                    icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
+                    label: string;
+                    shortcut?: string | undefined;
+                    type: "item";
+                }[];
+                label: string;
+                type: "segment";
             } | {
                 icon?: string | undefined;
                 items: ({
@@ -4425,9 +4773,27 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                     disabled?: boolean | undefined;
                     help?: string | undefined;
                     icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
                     label: string;
                     shortcut?: string | undefined;
                     type: "item";
+                } | {
+                    icon?: string | undefined;
+                    items: {
+                        action: () => void;
+                        checked?: boolean | undefined;
+                        commandId?: string | undefined;
+                        danger?: boolean | undefined;
+                        disabled?: boolean | undefined;
+                        help?: string | undefined;
+                        icon?: string | undefined;
+                        keepOpen?: boolean | undefined;
+                        label: string;
+                        shortcut?: string | undefined;
+                        type: "item";
+                    }[];
+                    label: string;
+                    type: "segment";
                 } | /*elided*/ any)[];
                 label: string;
                 type: "submenu";
@@ -4533,10 +4899,12 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
             tab?: string | undefined;
             values?: Record<string, unknown> | undefined;
         }>;
+        restorePreferences: () => void;
         restoreRevision: import('vue').Ref<number, number>;
         restoreState: (state: import('./types').UiRestoreState) => void;
         resumeDialog: (id: number) => void;
         resumeToast: (id: number) => void;
+        setThemeMode: (mode: import('./types').ThemeMode) => void;
         suspendDialog: () => number | undefined;
         suspendedDialogs: import('vue').Ref<{
             dialog: {
@@ -4565,6 +4933,7 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
             elementIds?: string[] | undefined;
             id: number;
         }[]>;
+        themeMode: import('vue').Ref<import('./types').ThemeMode, import('./types').ThemeMode>;
         toast: (text: string, kind?: import('./types').ToastItem["kind"]) => void;
         toasts: import('vue').Ref<{
             id: number;
@@ -4575,7 +4944,7 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
             kind: "error" | "info" | "success";
             text: string;
         }[]>;
-    }, "discardSuspendedDialog" | "clearSuspendedDialogs" | "closeContextMenu" | "closeDialog" | "completeExportDialog" | "dismissToast" | "finishExportDialog" | "minimizeExportDialog" | "openContextMenu" | "openDialog" | "openExportDialog" | "pauseToast" | "restoreState" | "resumeDialog" | "resumeToast" | "suspendDialog" | "toast">>;
+    }, "restorePreferences" | "discardSuspendedDialog" | "clearSuspendedDialogs" | "closeContextMenu" | "closeDialog" | "completeExportDialog" | "dismissToast" | "finishExportDialog" | "minimizeExportDialog" | "openContextMenu" | "openDialog" | "openExportDialog" | "pauseToast" | "restoreState" | "resumeDialog" | "resumeToast" | "setThemeMode" | "suspendDialog" | "toast">>;
     view: import('pinia').Store<"editor-view", Pick<{
         activeTool: import('vue').Ref<string, string>;
         alignPanel: {
@@ -4628,6 +4997,7 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                 y: number;
             };
         } | null>;
+        originOf: import('vue').ComputedRef<(pageId: string) => import('../../core/geometry').Point | undefined>;
         pageLayouts: import('vue').ComputedRef<{
             page: import('../..').PageNode;
             x: number;
@@ -4706,6 +5076,8 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
             v: number[];
         }>;
         spacePanning: import('vue').Ref<boolean, boolean>;
+        toGlobal: import('vue').ComputedRef<(pageId: string, point: import('../../core/geometry').Point) => import('../../core/geometry').Point | undefined>;
+        toLocal: import('vue').ComputedRef<(pageId: string, point: import('../../core/geometry').Point) => import('../../core/geometry').Point | undefined>;
         updateAlignPanel: (patch: Partial<import('./types').AlignPanelState>) => void;
         updateSettings: (patch: Partial<{
             clickToCreate: boolean;
@@ -4785,6 +5157,7 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                 y: number;
             };
         } | null>;
+        originOf: import('vue').ComputedRef<(pageId: string) => import('../../core/geometry').Point | undefined>;
         pageLayouts: import('vue').ComputedRef<{
             page: import('../..').PageNode;
             x: number;
@@ -4863,6 +5236,8 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
             v: number[];
         }>;
         spacePanning: import('vue').Ref<boolean, boolean>;
+        toGlobal: import('vue').ComputedRef<(pageId: string, point: import('../../core/geometry').Point) => import('../../core/geometry').Point | undefined>;
+        toLocal: import('vue').ComputedRef<(pageId: string, point: import('../../core/geometry').Point) => import('../../core/geometry').Point | undefined>;
         updateAlignPanel: (patch: Partial<import('./types').AlignPanelState>) => void;
         updateSettings: (patch: Partial<{
             clickToCreate: boolean;
@@ -4890,7 +5265,7 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
             width: number;
         }>;
         zoom: import('vue').Ref<number, number>;
-    }, "canvasBackground" | "canvasBackgroundPreset" | "contentSizeMm" | "customCanvasColor" | "getLayout" | "pageLayouts" | "pagesBoundsMm" | "pxPerMm">, Pick<{
+    }, "canvasBackground" | "canvasBackgroundPreset" | "contentSizeMm" | "customCanvasColor" | "getLayout" | "originOf" | "pageLayouts" | "pagesBoundsMm" | "pxPerMm" | "toGlobal" | "toLocal">, Pick<{
         activeTool: import('vue').Ref<string, string>;
         alignPanel: {
             spacing: null | number;
@@ -4942,6 +5317,7 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
                 y: number;
             };
         } | null>;
+        originOf: import('vue').ComputedRef<(pageId: string) => import('../../core/geometry').Point | undefined>;
         pageLayouts: import('vue').ComputedRef<{
             page: import('../..').PageNode;
             x: number;
@@ -5020,6 +5396,8 @@ export declare function defineEditorStore(options?: DocumentStoreOptions): impor
             v: number[];
         }>;
         spacePanning: import('vue').Ref<boolean, boolean>;
+        toGlobal: import('vue').ComputedRef<(pageId: string, point: import('../../core/geometry').Point) => import('../../core/geometry').Point | undefined>;
+        toLocal: import('vue').ComputedRef<(pageId: string, point: import('../../core/geometry').Point) => import('../../core/geometry').Point | undefined>;
         updateAlignPanel: (patch: Partial<import('./types').AlignPanelState>) => void;
         updateSettings: (patch: Partial<{
             clickToCreate: boolean;
@@ -5465,6 +5843,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             }[];
@@ -5520,6 +5902,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 } | undefined;
@@ -5567,6 +5953,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 };
@@ -5649,6 +6039,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             }[];
@@ -5704,6 +6098,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 } | undefined;
@@ -5751,6 +6149,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 };
@@ -5851,6 +6253,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             }[];
@@ -5906,6 +6312,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 } | undefined;
@@ -5953,6 +6363,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 };
@@ -6035,6 +6449,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             }[];
@@ -6090,6 +6508,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 } | undefined;
@@ -6137,6 +6559,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 };
@@ -6237,6 +6663,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             }[];
@@ -6292,6 +6722,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 } | undefined;
@@ -6339,6 +6773,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 };
@@ -6421,6 +6859,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             }[];
@@ -6476,6 +6918,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 } | undefined;
@@ -6523,6 +6969,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                         top: number;
                     } | undefined;
                     name: string;
+                    position?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
                     templateId?: string | undefined;
                     width: number;
                 };
@@ -7307,9 +7757,17 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                 top: number;
             } | undefined;
             name: string;
+            position?: {
+                x: number;
+                y: number;
+            } | undefined;
             templateId?: string | undefined;
             width: number;
         }[]>;
+        move: (pageId: string, position: null | {
+            x: number;
+            y: number;
+        }) => void;
         remove: (pageId: string) => void;
         setActive: (id: string) => void;
         update: (pageId: string, patch: Partial<Pick<import('../..').PageNode, "background" | "height" | "margins" | "name" | "templateId" | "width">>) => void;
@@ -7358,9 +7816,17 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                 top: number;
             } | undefined;
             name: string;
+            position?: {
+                x: number;
+                y: number;
+            } | undefined;
             templateId?: string | undefined;
             width: number;
         }[]>;
+        move: (pageId: string, position: null | {
+            x: number;
+            y: number;
+        }) => void;
         remove: (pageId: string) => void;
         setActive: (id: string) => void;
         update: (pageId: string, patch: Partial<Pick<import('../..').PageNode, "background" | "height" | "margins" | "name" | "templateId" | "width">>) => void;
@@ -7409,13 +7875,21 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                 top: number;
             } | undefined;
             name: string;
+            position?: {
+                x: number;
+                y: number;
+            } | undefined;
             templateId?: string | undefined;
             width: number;
         }[]>;
+        move: (pageId: string, position: null | {
+            x: number;
+            y: number;
+        }) => void;
         remove: (pageId: string) => void;
         setActive: (id: string) => void;
         update: (pageId: string, patch: Partial<Pick<import('../..').PageNode, "background" | "height" | "margins" | "name" | "templateId" | "width">>) => void;
-    }, "copy" | "add" | "remove" | "update" | "setActive">>;
+    }, "copy" | "add" | "remove" | "update" | "move" | "setActive">>;
     panel: import('pinia').Store<"editor-panel", Pick<{
         activate: (groupId: string, panelId: string, popout?: boolean) => void;
         beginDrag: (state: Omit<import('./types').PanelDragState, "target">, bounds?: Pick<import('./types').PanelColumn, "collapsed" | "height" | "width" | "x" | "y">) => void;
@@ -8313,6 +8787,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             } | undefined;
@@ -8360,6 +8838,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             };
@@ -8415,6 +8897,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             } | undefined;
@@ -8462,6 +8948,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             };
@@ -8474,7 +8964,7 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
         rename: (id: string, name: string) => void;
         resolveFor: import('vue').ComputedRef<(page: Partial<Pick<import('../..').PageNode, "id">> & Pick<import('../..').PageNode, "templateId">, pageNumber?: number) => import('../..').PageTemplate | undefined>;
         syncPageDimensions: (pageIds: string[]) => void;
-        update: (id: string, patch: Partial<Pick<import('../..').PageTemplate, "background" | "baseTemplateId" | "evenPages" | "facingPages" | "name" | "oddPages">>) => void;
+        update: (id: string, patch: Partial<Pick<import('../..').PageTemplate, "background" | "baseTemplateId" | "evenPages" | "facingPages" | "name" | "oddPages">>, options?: import('./types').MutationOptions) => void;
         updatePage: (pageId: string, patch: import('./types').EditingPagePatch) => void;
         usageCount: import('vue').ComputedRef<(id: string) => number>;
     }, "editingId">, Pick<{
@@ -8525,6 +9015,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             } | undefined;
@@ -8572,6 +9066,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             };
@@ -8627,6 +9125,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             } | undefined;
@@ -8674,6 +9176,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             };
@@ -8686,7 +9192,7 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
         rename: (id: string, name: string) => void;
         resolveFor: import('vue').ComputedRef<(page: Partial<Pick<import('../..').PageNode, "id">> & Pick<import('../..').PageNode, "templateId">, pageNumber?: number) => import('../..').PageTemplate | undefined>;
         syncPageDimensions: (pageIds: string[]) => void;
-        update: (id: string, patch: Partial<Pick<import('../..').PageTemplate, "background" | "baseTemplateId" | "evenPages" | "facingPages" | "name" | "oddPages">>) => void;
+        update: (id: string, patch: Partial<Pick<import('../..').PageTemplate, "background" | "baseTemplateId" | "evenPages" | "facingPages" | "name" | "oddPages">>, options?: import('./types').MutationOptions) => void;
         updatePage: (pageId: string, patch: import('./types').EditingPagePatch) => void;
         usageCount: import('vue').ComputedRef<(id: string) => number>;
     }, "usageCount" | "get" | "list" | "getByPage" | "editingPage" | "editingPages" | "editingTemplate" | "effectiveBackground" | "effectiveTemplate" | "isContainer" | "resolveFor">, Pick<{
@@ -8737,6 +9243,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             } | undefined;
@@ -8784,6 +9294,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             };
@@ -8839,6 +9353,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             } | undefined;
@@ -8886,6 +9404,10 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     top: number;
                 } | undefined;
                 name: string;
+                position?: {
+                    x: number;
+                    y: number;
+                } | undefined;
                 templateId?: string | undefined;
                 width: number;
             };
@@ -8898,7 +9420,7 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
         rename: (id: string, name: string) => void;
         resolveFor: import('vue').ComputedRef<(page: Partial<Pick<import('../..').PageNode, "id">> & Pick<import('../..').PageNode, "templateId">, pageNumber?: number) => import('../..').PageTemplate | undefined>;
         syncPageDimensions: (pageIds: string[]) => void;
-        update: (id: string, patch: Partial<Pick<import('../..').PageTemplate, "background" | "baseTemplateId" | "evenPages" | "facingPages" | "name" | "oddPages">>) => void;
+        update: (id: string, patch: Partial<Pick<import('../..').PageTemplate, "background" | "baseTemplateId" | "evenPages" | "facingPages" | "name" | "oddPages">>, options?: import('./types').MutationOptions) => void;
         updatePage: (pageId: string, patch: import('./types').EditingPagePatch) => void;
         usageCount: import('vue').ComputedRef<(id: string) => number>;
     }, "create" | "rename" | "remove" | "update" | "updatePage" | "activatePage" | "applyToPages" | "createFromPage" | "detach" | "enterEdit" | "exitEdit" | "import" | "syncPageDimensions">>;
@@ -9002,9 +9524,27 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                 disabled?: boolean | undefined;
                 help?: string | undefined;
                 icon?: string | undefined;
+                keepOpen?: boolean | undefined;
                 label: string;
                 shortcut?: string | undefined;
                 type: "item";
+            } | {
+                icon?: string | undefined;
+                items: {
+                    action: () => void;
+                    checked?: boolean | undefined;
+                    commandId?: string | undefined;
+                    danger?: boolean | undefined;
+                    disabled?: boolean | undefined;
+                    help?: string | undefined;
+                    icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
+                    label: string;
+                    shortcut?: string | undefined;
+                    type: "item";
+                }[];
+                label: string;
+                type: "segment";
             } | {
                 icon?: string | undefined;
                 items: ({
@@ -9017,9 +9557,27 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     disabled?: boolean | undefined;
                     help?: string | undefined;
                     icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
                     label: string;
                     shortcut?: string | undefined;
                     type: "item";
+                } | {
+                    icon?: string | undefined;
+                    items: {
+                        action: () => void;
+                        checked?: boolean | undefined;
+                        commandId?: string | undefined;
+                        danger?: boolean | undefined;
+                        disabled?: boolean | undefined;
+                        help?: string | undefined;
+                        icon?: string | undefined;
+                        keepOpen?: boolean | undefined;
+                        label: string;
+                        shortcut?: string | undefined;
+                        type: "item";
+                    }[];
+                    label: string;
+                    type: "segment";
                 } | /*elided*/ any)[];
                 label: string;
                 type: "submenu";
@@ -9043,9 +9601,27 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                 disabled?: boolean | undefined;
                 help?: string | undefined;
                 icon?: string | undefined;
+                keepOpen?: boolean | undefined;
                 label: string;
                 shortcut?: string | undefined;
                 type: "item";
+            } | {
+                icon?: string | undefined;
+                items: {
+                    action: () => void;
+                    checked?: boolean | undefined;
+                    commandId?: string | undefined;
+                    danger?: boolean | undefined;
+                    disabled?: boolean | undefined;
+                    help?: string | undefined;
+                    icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
+                    label: string;
+                    shortcut?: string | undefined;
+                    type: "item";
+                }[];
+                label: string;
+                type: "segment";
             } | {
                 icon?: string | undefined;
                 items: ({
@@ -9058,9 +9634,27 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     disabled?: boolean | undefined;
                     help?: string | undefined;
                     icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
                     label: string;
                     shortcut?: string | undefined;
                     type: "item";
+                } | {
+                    icon?: string | undefined;
+                    items: {
+                        action: () => void;
+                        checked?: boolean | undefined;
+                        commandId?: string | undefined;
+                        danger?: boolean | undefined;
+                        disabled?: boolean | undefined;
+                        help?: string | undefined;
+                        icon?: string | undefined;
+                        keepOpen?: boolean | undefined;
+                        label: string;
+                        shortcut?: string | undefined;
+                        type: "item";
+                    }[];
+                    label: string;
+                    type: "segment";
                 } | /*elided*/ any)[];
                 label: string;
                 type: "submenu";
@@ -9166,10 +9760,12 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
             tab?: string | undefined;
             values?: Record<string, unknown> | undefined;
         }>;
+        restorePreferences: () => void;
         restoreRevision: import('vue').Ref<number, number>;
         restoreState: (state: import('./types').UiRestoreState) => void;
         resumeDialog: (id: number) => void;
         resumeToast: (id: number) => void;
+        setThemeMode: (mode: import('./types').ThemeMode) => void;
         suspendDialog: () => number | undefined;
         suspendedDialogs: import('vue').Ref<{
             dialog: {
@@ -9198,6 +9794,7 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
             elementIds?: string[] | undefined;
             id: number;
         }[]>;
+        themeMode: import('vue').Ref<import('./types').ThemeMode, import('./types').ThemeMode>;
         toast: (text: string, kind?: import('./types').ToastItem["kind"]) => void;
         toasts: import('vue').Ref<{
             id: number;
@@ -9208,7 +9805,7 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
             kind: "error" | "info" | "success";
             text: string;
         }[]>;
-    }, "contextMenu" | "dialogSessionId" | "activeDialog" | "dialogElementId" | "exportDialog" | "restoredState" | "restoreRevision" | "suspendedDialogs" | "toasts">, Pick<{
+    }, "contextMenu" | "dialogSessionId" | "activeDialog" | "dialogElementId" | "exportDialog" | "restoredState" | "restoreRevision" | "suspendedDialogs" | "themeMode" | "toasts">, Pick<{
         activeDialog: import('vue').Ref<{
             applyTemplateTemplateId?: string | undefined;
             groupId?: string | undefined;
@@ -9241,9 +9838,27 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                 disabled?: boolean | undefined;
                 help?: string | undefined;
                 icon?: string | undefined;
+                keepOpen?: boolean | undefined;
                 label: string;
                 shortcut?: string | undefined;
                 type: "item";
+            } | {
+                icon?: string | undefined;
+                items: {
+                    action: () => void;
+                    checked?: boolean | undefined;
+                    commandId?: string | undefined;
+                    danger?: boolean | undefined;
+                    disabled?: boolean | undefined;
+                    help?: string | undefined;
+                    icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
+                    label: string;
+                    shortcut?: string | undefined;
+                    type: "item";
+                }[];
+                label: string;
+                type: "segment";
             } | {
                 icon?: string | undefined;
                 items: ({
@@ -9256,9 +9871,27 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     disabled?: boolean | undefined;
                     help?: string | undefined;
                     icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
                     label: string;
                     shortcut?: string | undefined;
                     type: "item";
+                } | {
+                    icon?: string | undefined;
+                    items: {
+                        action: () => void;
+                        checked?: boolean | undefined;
+                        commandId?: string | undefined;
+                        danger?: boolean | undefined;
+                        disabled?: boolean | undefined;
+                        help?: string | undefined;
+                        icon?: string | undefined;
+                        keepOpen?: boolean | undefined;
+                        label: string;
+                        shortcut?: string | undefined;
+                        type: "item";
+                    }[];
+                    label: string;
+                    type: "segment";
                 } | /*elided*/ any)[];
                 label: string;
                 type: "submenu";
@@ -9282,9 +9915,27 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                 disabled?: boolean | undefined;
                 help?: string | undefined;
                 icon?: string | undefined;
+                keepOpen?: boolean | undefined;
                 label: string;
                 shortcut?: string | undefined;
                 type: "item";
+            } | {
+                icon?: string | undefined;
+                items: {
+                    action: () => void;
+                    checked?: boolean | undefined;
+                    commandId?: string | undefined;
+                    danger?: boolean | undefined;
+                    disabled?: boolean | undefined;
+                    help?: string | undefined;
+                    icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
+                    label: string;
+                    shortcut?: string | undefined;
+                    type: "item";
+                }[];
+                label: string;
+                type: "segment";
             } | {
                 icon?: string | undefined;
                 items: ({
@@ -9297,9 +9948,27 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     disabled?: boolean | undefined;
                     help?: string | undefined;
                     icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
                     label: string;
                     shortcut?: string | undefined;
                     type: "item";
+                } | {
+                    icon?: string | undefined;
+                    items: {
+                        action: () => void;
+                        checked?: boolean | undefined;
+                        commandId?: string | undefined;
+                        danger?: boolean | undefined;
+                        disabled?: boolean | undefined;
+                        help?: string | undefined;
+                        icon?: string | undefined;
+                        keepOpen?: boolean | undefined;
+                        label: string;
+                        shortcut?: string | undefined;
+                        type: "item";
+                    }[];
+                    label: string;
+                    type: "segment";
                 } | /*elided*/ any)[];
                 label: string;
                 type: "submenu";
@@ -9405,10 +10074,12 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
             tab?: string | undefined;
             values?: Record<string, unknown> | undefined;
         }>;
+        restorePreferences: () => void;
         restoreRevision: import('vue').Ref<number, number>;
         restoreState: (state: import('./types').UiRestoreState) => void;
         resumeDialog: (id: number) => void;
         resumeToast: (id: number) => void;
+        setThemeMode: (mode: import('./types').ThemeMode) => void;
         suspendDialog: () => number | undefined;
         suspendedDialogs: import('vue').Ref<{
             dialog: {
@@ -9437,6 +10108,7 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
             elementIds?: string[] | undefined;
             id: number;
         }[]>;
+        themeMode: import('vue').Ref<import('./types').ThemeMode, import('./types').ThemeMode>;
         toast: (text: string, kind?: import('./types').ToastItem["kind"]) => void;
         toasts: import('vue').Ref<{
             id: number;
@@ -9480,9 +10152,27 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                 disabled?: boolean | undefined;
                 help?: string | undefined;
                 icon?: string | undefined;
+                keepOpen?: boolean | undefined;
                 label: string;
                 shortcut?: string | undefined;
                 type: "item";
+            } | {
+                icon?: string | undefined;
+                items: {
+                    action: () => void;
+                    checked?: boolean | undefined;
+                    commandId?: string | undefined;
+                    danger?: boolean | undefined;
+                    disabled?: boolean | undefined;
+                    help?: string | undefined;
+                    icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
+                    label: string;
+                    shortcut?: string | undefined;
+                    type: "item";
+                }[];
+                label: string;
+                type: "segment";
             } | {
                 icon?: string | undefined;
                 items: ({
@@ -9495,9 +10185,27 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     disabled?: boolean | undefined;
                     help?: string | undefined;
                     icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
                     label: string;
                     shortcut?: string | undefined;
                     type: "item";
+                } | {
+                    icon?: string | undefined;
+                    items: {
+                        action: () => void;
+                        checked?: boolean | undefined;
+                        commandId?: string | undefined;
+                        danger?: boolean | undefined;
+                        disabled?: boolean | undefined;
+                        help?: string | undefined;
+                        icon?: string | undefined;
+                        keepOpen?: boolean | undefined;
+                        label: string;
+                        shortcut?: string | undefined;
+                        type: "item";
+                    }[];
+                    label: string;
+                    type: "segment";
                 } | /*elided*/ any)[];
                 label: string;
                 type: "submenu";
@@ -9521,9 +10229,27 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                 disabled?: boolean | undefined;
                 help?: string | undefined;
                 icon?: string | undefined;
+                keepOpen?: boolean | undefined;
                 label: string;
                 shortcut?: string | undefined;
                 type: "item";
+            } | {
+                icon?: string | undefined;
+                items: {
+                    action: () => void;
+                    checked?: boolean | undefined;
+                    commandId?: string | undefined;
+                    danger?: boolean | undefined;
+                    disabled?: boolean | undefined;
+                    help?: string | undefined;
+                    icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
+                    label: string;
+                    shortcut?: string | undefined;
+                    type: "item";
+                }[];
+                label: string;
+                type: "segment";
             } | {
                 icon?: string | undefined;
                 items: ({
@@ -9536,9 +10262,27 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                     disabled?: boolean | undefined;
                     help?: string | undefined;
                     icon?: string | undefined;
+                    keepOpen?: boolean | undefined;
                     label: string;
                     shortcut?: string | undefined;
                     type: "item";
+                } | {
+                    icon?: string | undefined;
+                    items: {
+                        action: () => void;
+                        checked?: boolean | undefined;
+                        commandId?: string | undefined;
+                        danger?: boolean | undefined;
+                        disabled?: boolean | undefined;
+                        help?: string | undefined;
+                        icon?: string | undefined;
+                        keepOpen?: boolean | undefined;
+                        label: string;
+                        shortcut?: string | undefined;
+                        type: "item";
+                    }[];
+                    label: string;
+                    type: "segment";
                 } | /*elided*/ any)[];
                 label: string;
                 type: "submenu";
@@ -9644,10 +10388,12 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
             tab?: string | undefined;
             values?: Record<string, unknown> | undefined;
         }>;
+        restorePreferences: () => void;
         restoreRevision: import('vue').Ref<number, number>;
         restoreState: (state: import('./types').UiRestoreState) => void;
         resumeDialog: (id: number) => void;
         resumeToast: (id: number) => void;
+        setThemeMode: (mode: import('./types').ThemeMode) => void;
         suspendDialog: () => number | undefined;
         suspendedDialogs: import('vue').Ref<{
             dialog: {
@@ -9676,6 +10422,7 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
             elementIds?: string[] | undefined;
             id: number;
         }[]>;
+        themeMode: import('vue').Ref<import('./types').ThemeMode, import('./types').ThemeMode>;
         toast: (text: string, kind?: import('./types').ToastItem["kind"]) => void;
         toasts: import('vue').Ref<{
             id: number;
@@ -9686,7 +10433,7 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
             kind: "error" | "info" | "success";
             text: string;
         }[]>;
-    }, "discardSuspendedDialog" | "clearSuspendedDialogs" | "closeContextMenu" | "closeDialog" | "completeExportDialog" | "dismissToast" | "finishExportDialog" | "minimizeExportDialog" | "openContextMenu" | "openDialog" | "openExportDialog" | "pauseToast" | "restoreState" | "resumeDialog" | "resumeToast" | "suspendDialog" | "toast">>;
+    }, "restorePreferences" | "discardSuspendedDialog" | "clearSuspendedDialogs" | "closeContextMenu" | "closeDialog" | "completeExportDialog" | "dismissToast" | "finishExportDialog" | "minimizeExportDialog" | "openContextMenu" | "openDialog" | "openExportDialog" | "pauseToast" | "restoreState" | "resumeDialog" | "resumeToast" | "setThemeMode" | "suspendDialog" | "toast">>;
     view: import('pinia').Store<"editor-view", Pick<{
         activeTool: import('vue').Ref<string, string>;
         alignPanel: {
@@ -9739,6 +10486,7 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                 y: number;
             };
         } | null>;
+        originOf: import('vue').ComputedRef<(pageId: string) => import('../../core/geometry').Point | undefined>;
         pageLayouts: import('vue').ComputedRef<{
             page: import('../..').PageNode;
             x: number;
@@ -9817,6 +10565,8 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
             v: number[];
         }>;
         spacePanning: import('vue').Ref<boolean, boolean>;
+        toGlobal: import('vue').ComputedRef<(pageId: string, point: import('../../core/geometry').Point) => import('../../core/geometry').Point | undefined>;
+        toLocal: import('vue').ComputedRef<(pageId: string, point: import('../../core/geometry').Point) => import('../../core/geometry').Point | undefined>;
         updateAlignPanel: (patch: Partial<import('./types').AlignPanelState>) => void;
         updateSettings: (patch: Partial<{
             clickToCreate: boolean;
@@ -9896,6 +10646,7 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                 y: number;
             };
         } | null>;
+        originOf: import('vue').ComputedRef<(pageId: string) => import('../../core/geometry').Point | undefined>;
         pageLayouts: import('vue').ComputedRef<{
             page: import('../..').PageNode;
             x: number;
@@ -9974,6 +10725,8 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
             v: number[];
         }>;
         spacePanning: import('vue').Ref<boolean, boolean>;
+        toGlobal: import('vue').ComputedRef<(pageId: string, point: import('../../core/geometry').Point) => import('../../core/geometry').Point | undefined>;
+        toLocal: import('vue').ComputedRef<(pageId: string, point: import('../../core/geometry').Point) => import('../../core/geometry').Point | undefined>;
         updateAlignPanel: (patch: Partial<import('./types').AlignPanelState>) => void;
         updateSettings: (patch: Partial<{
             clickToCreate: boolean;
@@ -10001,7 +10754,7 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
             width: number;
         }>;
         zoom: import('vue').Ref<number, number>;
-    }, "canvasBackground" | "canvasBackgroundPreset" | "contentSizeMm" | "customCanvasColor" | "getLayout" | "pageLayouts" | "pagesBoundsMm" | "pxPerMm">, Pick<{
+    }, "canvasBackground" | "canvasBackgroundPreset" | "contentSizeMm" | "customCanvasColor" | "getLayout" | "originOf" | "pageLayouts" | "pagesBoundsMm" | "pxPerMm" | "toGlobal" | "toLocal">, Pick<{
         activeTool: import('vue').Ref<string, string>;
         alignPanel: {
             spacing: null | number;
@@ -10053,6 +10806,7 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
                 y: number;
             };
         } | null>;
+        originOf: import('vue').ComputedRef<(pageId: string) => import('../../core/geometry').Point | undefined>;
         pageLayouts: import('vue').ComputedRef<{
             page: import('../..').PageNode;
             x: number;
@@ -10131,6 +10885,8 @@ export declare const useEditorStore: import('pinia').SetupStoreDefinition<"edito
             v: number[];
         }>;
         spacePanning: import('vue').Ref<boolean, boolean>;
+        toGlobal: import('vue').ComputedRef<(pageId: string, point: import('../../core/geometry').Point) => import('../../core/geometry').Point | undefined>;
+        toLocal: import('vue').ComputedRef<(pageId: string, point: import('../../core/geometry').Point) => import('../../core/geometry').Point | undefined>;
         updateAlignPanel: (patch: Partial<import('./types').AlignPanelState>) => void;
         updateSettings: (patch: Partial<{
             clickToCreate: boolean;