@printstack/print-studio 0.0.0-stage → 0.1.1

package/designer/stores/view-store.d.ts

@@ -0,0 +1,483 @@
+import { Point, Rect } from '../../core/geometry';
+import { CanvasBackgroundId } from '../config/canvas-background';
+import { PreferenceStorage } from '../../studio-types';
+import { createScopeStore } from './scope-store';
+import { createSelectionStore } from './selection-store';
+import { AlignPanelState, GuideDragState, PageLayoutMode } from './types';
+export declare function createViewStore(deps: {
+    persistPreferences?: boolean;
+    preferenceStorage?: PreferenceStorage;
+    scope: Pick<ReturnType<typeof createScopeStore>, 'layoutMode' | 'pageGap' | 'pages'>;
+    selection: Pick<ReturnType<typeof createSelectionStore>, 'setEditingId'>;
+}): import('pinia').Store<"editor-view", Pick<{
+    activeTool: import('vue').Ref<string, string>;
+    alignPanel: {
+        spacing: null | number;
+        target: import('../../core/align').AlignTarget;
+    };
+    canvasBackground: import('vue').ComputedRef<string>;
+    canvasBackgroundPreset: import('vue').ComputedRef<CanvasBackgroundId>;
+    contentSizeMm: import('vue').ComputedRef<{
+        height: number;
+        width: number;
+    }>;
+    cursorContent: import('vue').Ref<{
+        x: number;
+        y: number;
+    } | null, Point | {
+        x: number;
+        y: number;
+    } | null>;
+    customCanvasColor: import('vue').ComputedRef<string>;
+    draggingGuide: import('vue').Ref<{
+        guideId: string;
+        pageId: string;
+    } | null, GuideDragState | {
+        guideId: string;
+        pageId: string;
+    } | null>;
+    getLayout: import('vue').ComputedRef<(pageId: string) => {
+        page: import('../..').PageNode;
+        x: number;
+        y: number;
+    } | undefined>;
+    marquee: import('vue').Ref<{
+        pageId: string;
+        rect: {
+            height: number;
+            width: number;
+            x: number;
+            y: number;
+        };
+    } | null, {
+        pageId: string;
+        rect: Rect;
+    } | {
+        pageId: string;
+        rect: {
+            height: number;
+            width: number;
+            x: number;
+            y: number;
+        };
+    } | null>;
+    pageLayouts: import('vue').ComputedRef<{
+        page: import('../..').PageNode;
+        x: number;
+        y: number;
+    }[]>;
+    pagesBoundsMm: import('vue').ComputedRef<Rect | null>;
+    pxPerMm: import('vue').ComputedRef<number>;
+    restorePreferences: () => void;
+    scrollPos: import('vue').Ref<{
+        left: number;
+        top: number;
+    }, {
+        left: number;
+        top: number;
+    } | {
+        left: number;
+        top: number;
+    }>;
+    setCanvasBackground: (preset: CanvasBackgroundId, customColor?: string) => void;
+    setCursorContent: (point: null | Point) => void;
+    setDraggingGuide: (value: {
+        guideId: string;
+        pageId: string;
+    } | null) => void;
+    setMarquee: (value: {
+        pageId: string;
+        rect: {
+            height: number;
+            width: number;
+            x: number;
+            y: number;
+        };
+    } | null) => void;
+    setScrollPos: (position: {
+        left: number;
+        top: number;
+    }) => void;
+    setSnapLines: (value: {
+        h: number[];
+        pageId: string;
+        v: number[];
+    }) => void;
+    setSpacePanning: (value: boolean) => void;
+    settings: {
+        clickToCreate: boolean;
+        gridSize: number;
+        guidesLocked: boolean;
+        pageLayoutMode: PageLayoutMode;
+        previewWithData: boolean;
+        showGrid: boolean;
+        showGuides: boolean;
+        showMargins: boolean;
+        showRulers: boolean;
+        snapToElements: boolean;
+        snapToGrid: boolean;
+        snapToGuides: boolean;
+        snapToMargins: boolean;
+    };
+    setTool: (tool: string) => void;
+    setViewportSize: (size: {
+        height: number;
+        width: number;
+    }) => void;
+    setZoom: (value: number) => void;
+    snapLines: import('vue').Ref<{
+        h: number[];
+        pageId: string;
+        v: number[];
+    }, {
+        h: number[];
+        pageId: string;
+        v: number[];
+    } | {
+        h: number[];
+        pageId: string;
+        v: number[];
+    }>;
+    spacePanning: import('vue').Ref<boolean, boolean>;
+    updateAlignPanel: (patch: Partial<AlignPanelState>) => void;
+    updateSettings: (patch: Partial<{
+        clickToCreate: boolean;
+        gridSize: number;
+        guidesLocked: boolean;
+        pageLayoutMode: PageLayoutMode;
+        previewWithData: boolean;
+        showGrid: boolean;
+        showGuides: boolean;
+        showMargins: boolean;
+        showRulers: boolean;
+        snapToElements: boolean;
+        snapToGrid: boolean;
+        snapToGuides: boolean;
+        snapToMargins: boolean;
+    }>) => void;
+    viewportSize: import('vue').Ref<{
+        height: number;
+        width: number;
+    }, {
+        height: number;
+        width: number;
+    } | {
+        height: number;
+        width: number;
+    }>;
+    zoom: import('vue').Ref<number, number>;
+}, "activeTool" | "alignPanel" | "cursorContent" | "draggingGuide" | "marquee" | "scrollPos" | "settings" | "snapLines" | "spacePanning" | "viewportSize" | "zoom">, Pick<{
+    activeTool: import('vue').Ref<string, string>;
+    alignPanel: {
+        spacing: null | number;
+        target: import('../../core/align').AlignTarget;
+    };
+    canvasBackground: import('vue').ComputedRef<string>;
+    canvasBackgroundPreset: import('vue').ComputedRef<CanvasBackgroundId>;
+    contentSizeMm: import('vue').ComputedRef<{
+        height: number;
+        width: number;
+    }>;
+    cursorContent: import('vue').Ref<{
+        x: number;
+        y: number;
+    } | null, Point | {
+        x: number;
+        y: number;
+    } | null>;
+    customCanvasColor: import('vue').ComputedRef<string>;
+    draggingGuide: import('vue').Ref<{
+        guideId: string;
+        pageId: string;
+    } | null, GuideDragState | {
+        guideId: string;
+        pageId: string;
+    } | null>;
+    getLayout: import('vue').ComputedRef<(pageId: string) => {
+        page: import('../..').PageNode;
+        x: number;
+        y: number;
+    } | undefined>;
+    marquee: import('vue').Ref<{
+        pageId: string;
+        rect: {
+            height: number;
+            width: number;
+            x: number;
+            y: number;
+        };
+    } | null, {
+        pageId: string;
+        rect: Rect;
+    } | {
+        pageId: string;
+        rect: {
+            height: number;
+            width: number;
+            x: number;
+            y: number;
+        };
+    } | null>;
+    pageLayouts: import('vue').ComputedRef<{
+        page: import('../..').PageNode;
+        x: number;
+        y: number;
+    }[]>;
+    pagesBoundsMm: import('vue').ComputedRef<Rect | null>;
+    pxPerMm: import('vue').ComputedRef<number>;
+    restorePreferences: () => void;
+    scrollPos: import('vue').Ref<{
+        left: number;
+        top: number;
+    }, {
+        left: number;
+        top: number;
+    } | {
+        left: number;
+        top: number;
+    }>;
+    setCanvasBackground: (preset: CanvasBackgroundId, customColor?: string) => void;
+    setCursorContent: (point: null | Point) => void;
+    setDraggingGuide: (value: {
+        guideId: string;
+        pageId: string;
+    } | null) => void;
+    setMarquee: (value: {
+        pageId: string;
+        rect: {
+            height: number;
+            width: number;
+            x: number;
+            y: number;
+        };
+    } | null) => void;
+    setScrollPos: (position: {
+        left: number;
+        top: number;
+    }) => void;
+    setSnapLines: (value: {
+        h: number[];
+        pageId: string;
+        v: number[];
+    }) => void;
+    setSpacePanning: (value: boolean) => void;
+    settings: {
+        clickToCreate: boolean;
+        gridSize: number;
+        guidesLocked: boolean;
+        pageLayoutMode: PageLayoutMode;
+        previewWithData: boolean;
+        showGrid: boolean;
+        showGuides: boolean;
+        showMargins: boolean;
+        showRulers: boolean;
+        snapToElements: boolean;
+        snapToGrid: boolean;
+        snapToGuides: boolean;
+        snapToMargins: boolean;
+    };
+    setTool: (tool: string) => void;
+    setViewportSize: (size: {
+        height: number;
+        width: number;
+    }) => void;
+    setZoom: (value: number) => void;
+    snapLines: import('vue').Ref<{
+        h: number[];
+        pageId: string;
+        v: number[];
+    }, {
+        h: number[];
+        pageId: string;
+        v: number[];
+    } | {
+        h: number[];
+        pageId: string;
+        v: number[];
+    }>;
+    spacePanning: import('vue').Ref<boolean, boolean>;
+    updateAlignPanel: (patch: Partial<AlignPanelState>) => void;
+    updateSettings: (patch: Partial<{
+        clickToCreate: boolean;
+        gridSize: number;
+        guidesLocked: boolean;
+        pageLayoutMode: PageLayoutMode;
+        previewWithData: boolean;
+        showGrid: boolean;
+        showGuides: boolean;
+        showMargins: boolean;
+        showRulers: boolean;
+        snapToElements: boolean;
+        snapToGrid: boolean;
+        snapToGuides: boolean;
+        snapToMargins: boolean;
+    }>) => void;
+    viewportSize: import('vue').Ref<{
+        height: number;
+        width: number;
+    }, {
+        height: number;
+        width: number;
+    } | {
+        height: number;
+        width: number;
+    }>;
+    zoom: import('vue').Ref<number, number>;
+}, "canvasBackground" | "canvasBackgroundPreset" | "contentSizeMm" | "customCanvasColor" | "getLayout" | "pageLayouts" | "pagesBoundsMm" | "pxPerMm">, Pick<{
+    activeTool: import('vue').Ref<string, string>;
+    alignPanel: {
+        spacing: null | number;
+        target: import('../../core/align').AlignTarget;
+    };
+    canvasBackground: import('vue').ComputedRef<string>;
+    canvasBackgroundPreset: import('vue').ComputedRef<CanvasBackgroundId>;
+    contentSizeMm: import('vue').ComputedRef<{
+        height: number;
+        width: number;
+    }>;
+    cursorContent: import('vue').Ref<{
+        x: number;
+        y: number;
+    } | null, Point | {
+        x: number;
+        y: number;
+    } | null>;
+    customCanvasColor: import('vue').ComputedRef<string>;
+    draggingGuide: import('vue').Ref<{
+        guideId: string;
+        pageId: string;
+    } | null, GuideDragState | {
+        guideId: string;
+        pageId: string;
+    } | null>;
+    getLayout: import('vue').ComputedRef<(pageId: string) => {
+        page: import('../..').PageNode;
+        x: number;
+        y: number;
+    } | undefined>;
+    marquee: import('vue').Ref<{
+        pageId: string;
+        rect: {
+            height: number;
+            width: number;
+            x: number;
+            y: number;
+        };
+    } | null, {
+        pageId: string;
+        rect: Rect;
+    } | {
+        pageId: string;
+        rect: {
+            height: number;
+            width: number;
+            x: number;
+            y: number;
+        };
+    } | null>;
+    pageLayouts: import('vue').ComputedRef<{
+        page: import('../..').PageNode;
+        x: number;
+        y: number;
+    }[]>;
+    pagesBoundsMm: import('vue').ComputedRef<Rect | null>;
+    pxPerMm: import('vue').ComputedRef<number>;
+    restorePreferences: () => void;
+    scrollPos: import('vue').Ref<{
+        left: number;
+        top: number;
+    }, {
+        left: number;
+        top: number;
+    } | {
+        left: number;
+        top: number;
+    }>;
+    setCanvasBackground: (preset: CanvasBackgroundId, customColor?: string) => void;
+    setCursorContent: (point: null | Point) => void;
+    setDraggingGuide: (value: {
+        guideId: string;
+        pageId: string;
+    } | null) => void;
+    setMarquee: (value: {
+        pageId: string;
+        rect: {
+            height: number;
+            width: number;
+            x: number;
+            y: number;
+        };
+    } | null) => void;
+    setScrollPos: (position: {
+        left: number;
+        top: number;
+    }) => void;
+    setSnapLines: (value: {
+        h: number[];
+        pageId: string;
+        v: number[];
+    }) => void;
+    setSpacePanning: (value: boolean) => void;
+    settings: {
+        clickToCreate: boolean;
+        gridSize: number;
+        guidesLocked: boolean;
+        pageLayoutMode: PageLayoutMode;
+        previewWithData: boolean;
+        showGrid: boolean;
+        showGuides: boolean;
+        showMargins: boolean;
+        showRulers: boolean;
+        snapToElements: boolean;
+        snapToGrid: boolean;
+        snapToGuides: boolean;
+        snapToMargins: boolean;
+    };
+    setTool: (tool: string) => void;
+    setViewportSize: (size: {
+        height: number;
+        width: number;
+    }) => void;
+    setZoom: (value: number) => void;
+    snapLines: import('vue').Ref<{
+        h: number[];
+        pageId: string;
+        v: number[];
+    }, {
+        h: number[];
+        pageId: string;
+        v: number[];
+    } | {
+        h: number[];
+        pageId: string;
+        v: number[];
+    }>;
+    spacePanning: import('vue').Ref<boolean, boolean>;
+    updateAlignPanel: (patch: Partial<AlignPanelState>) => void;
+    updateSettings: (patch: Partial<{
+        clickToCreate: boolean;
+        gridSize: number;
+        guidesLocked: boolean;
+        pageLayoutMode: PageLayoutMode;
+        previewWithData: boolean;
+        showGrid: boolean;
+        showGuides: boolean;
+        showMargins: boolean;
+        showRulers: boolean;
+        snapToElements: boolean;
+        snapToGrid: boolean;
+        snapToGuides: boolean;
+        snapToMargins: boolean;
+    }>) => void;
+    viewportSize: import('vue').Ref<{
+        height: number;
+        width: number;
+    }, {
+        height: number;
+        width: number;
+    } | {
+        height: number;
+        width: number;
+    }>;
+    zoom: import('vue').Ref<number, number>;
+}, "restorePreferences" | "setCanvasBackground" | "setCursorContent" | "setDraggingGuide" | "setMarquee" | "setScrollPos" | "setSnapLines" | "setSpacePanning" | "setTool" | "setViewportSize" | "setZoom" | "updateAlignPanel" | "updateSettings">>;

package/designer/stores/z-index-store.d.ts

@@ -0,0 +1,62 @@
+import { ZIndexOptions } from '../../core/z-index';
+export declare function createZIndexStore(): import('pinia').Store<"editor-z-index", Pick<{
+    bringToFront: (id: number) => number | undefined;
+    close: (id: number) => void;
+    configure: (value: number) => void;
+    currentZIndex: import('vue').ComputedRef<number>;
+    get: import('vue').ComputedRef<(id: number) => undefined | import('../../core/z-index').ZIndexEntry>;
+    initialZIndex: import('vue').ComputedRef<number>;
+    isTop: import('vue').ComputedRef<(id: number) => boolean>;
+    nextZIndex: () => number;
+    open: (options?: ZIndexOptions) => number;
+    state: {
+        currentZIndex: number;
+        entries: {
+            id: number;
+            interactive: boolean;
+            zIndex: number;
+        }[];
+        initialZIndex: number;
+        sequence: number;
+    };
+}, "state">, Pick<{
+    bringToFront: (id: number) => number | undefined;
+    close: (id: number) => void;
+    configure: (value: number) => void;
+    currentZIndex: import('vue').ComputedRef<number>;
+    get: import('vue').ComputedRef<(id: number) => undefined | import('../../core/z-index').ZIndexEntry>;
+    initialZIndex: import('vue').ComputedRef<number>;
+    isTop: import('vue').ComputedRef<(id: number) => boolean>;
+    nextZIndex: () => number;
+    open: (options?: ZIndexOptions) => number;
+    state: {
+        currentZIndex: number;
+        entries: {
+            id: number;
+            interactive: boolean;
+            zIndex: number;
+        }[];
+        initialZIndex: number;
+        sequence: number;
+    };
+}, "get" | "currentZIndex" | "initialZIndex" | "isTop">, Pick<{
+    bringToFront: (id: number) => number | undefined;
+    close: (id: number) => void;
+    configure: (value: number) => void;
+    currentZIndex: import('vue').ComputedRef<number>;
+    get: import('vue').ComputedRef<(id: number) => undefined | import('../../core/z-index').ZIndexEntry>;
+    initialZIndex: import('vue').ComputedRef<number>;
+    isTop: import('vue').ComputedRef<(id: number) => boolean>;
+    nextZIndex: () => number;
+    open: (options?: ZIndexOptions) => number;
+    state: {
+        currentZIndex: number;
+        entries: {
+            id: number;
+            interactive: boolean;
+            zIndex: number;
+        }[];
+        initialZIndex: number;
+        sequence: number;
+    };
+}, "bringToFront" | "close" | "configure" | "open" | "nextZIndex">>;