@bluechaine/print-designer 0.1.0

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

@@ -0,0 +1,223 @@
+import { type PropType } from 'vue-demi';
+import { type PanelVisibility } from '../core/stores';
+import type { SvpPanelLayoutKey } from '../constants/panel-layout';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    storageKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    layoutKey: {
+        type: PropType<SvpPanelLayoutKey>;
+        default: string;
+    };
+    styleOptionKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    panelKey: {
+        type: PropType<keyof PanelVisibility>;
+        default: string;
+    };
+    defaultX: {
+        type: NumberConstructor;
+        default: number;
+    };
+    defaultY: {
+        type: NumberConstructor;
+        default: number;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    folded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    foldable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    bodyPadding: {
+        type: StringConstructor;
+        default: string;
+    };
+    boundsSelector: {
+        type: StringConstructor;
+        default: string;
+    };
+    bodyStyleExtra: {
+        type: PropType<Record<string, string>>;
+        default: () => {};
+    };
+}>, {
+    boxRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+    state: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        folded: boolean;
+        visible: boolean;
+    };
+    show: import("vue").ComputedRef<boolean>;
+    showFold: import("vue").ComputedRef<boolean>;
+    showClose: import("vue").ComputedRef<boolean>;
+    toggleFolded: () => void;
+    boxStyle: import("vue").ComputedRef<{
+        left: string;
+        top: string;
+        width: string;
+        height: string;
+    }>;
+    bodyStyle: import("vue").ComputedRef<{
+        padding: string | undefined;
+    }>;
+    onClose: () => void;
+    resolvedTitle: import("vue").ComputedRef<string>;
+    draggable: import("vue").ComputedRef<boolean>;
+    t: (key: string, fallback?: string) => string;
+    UI_ICONS: {
+        readonly save: "lucide:save";
+        readonly preview: "lucide:eye";
+        readonly editTemplate: "lucide:file-json-2";
+        readonly editPrintData: "lucide:database";
+        readonly exportFile: "lucide:download";
+        readonly importFile: "lucide:upload";
+        readonly chevronDown: "lucide:chevron-down";
+        readonly close: "lucide:x";
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:visible")[], "close" | "update:visible", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    storageKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    layoutKey: {
+        type: PropType<SvpPanelLayoutKey>;
+        default: string;
+    };
+    styleOptionKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    panelKey: {
+        type: PropType<keyof PanelVisibility>;
+        default: string;
+    };
+    defaultX: {
+        type: NumberConstructor;
+        default: number;
+    };
+    defaultY: {
+        type: NumberConstructor;
+        default: number;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    folded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    foldable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    bodyPadding: {
+        type: StringConstructor;
+        default: string;
+    };
+    boundsSelector: {
+        type: StringConstructor;
+        default: string;
+    };
+    bodyStyleExtra: {
+        type: PropType<Record<string, string>>;
+        default: () => {};
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string;
+    width: number;
+    height: number;
+    panelKey: keyof PanelVisibility;
+    visible: boolean;
+    folded: boolean;
+    storageKey: string;
+    layoutKey: "draggableEls" | "miniMap" | "pageStructure" | "pageHistory" | "properties";
+    styleOptionKey: string;
+    defaultX: number;
+    defaultY: number;
+    foldable: boolean;
+    closable: boolean;
+    bodyPadding: string;
+    boundsSelector: string;
+    bodyStyleExtra: Record<string, string>;
+}, {}, {
+    SvpIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            required: true;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+    }>, {
+        isSvg: import("vue").ComputedRef<boolean>;
+        sizePx: import("vue").ComputedRef<number>;
+        wrapStyle: import("vue").ComputedRef<{
+            width: string;
+            height: string;
+        }>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            required: true;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+    }>> & Readonly<{}>, {
+        size: string | number;
+    }, {}, {
+        Icon: import("vue").DefineSetupFnComponent<import("@iconify/vue").IconProps, {}, {}, import("@iconify/vue").IconProps, import("vue").PublicProps>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,96 @@
+import { type PropType } from 'vue-demi';
+import type { HeaderEle } from '../types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    logoHtml: {
+        type: StringConstructor;
+        default: string;
+    };
+    headerNewEle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    headerEleList: {
+        type: PropType<HeaderEle[]>;
+        default: () => never[];
+    };
+}>, {
+    t: (key: string, fallback?: string) => string;
+    UI_ICONS: {
+        readonly save: "lucide:save";
+        readonly preview: "lucide:eye";
+        readonly editTemplate: "lucide:file-json-2";
+        readonly editPrintData: "lucide:database";
+        readonly exportFile: "lucide:download";
+        readonly importFile: "lucide:upload";
+        readonly chevronDown: "lucide:chevron-down";
+        readonly close: "lucide:x";
+    };
+    showElementBar: import("vue").ComputedRef<boolean>;
+    resolvedEleList: import("vue").ComputedRef<HeaderEle[]>;
+    onElementClick: (item: HeaderEle, event: MouseEvent) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("save" | "preview" | "edit-template" | "edit-print-data" | "export-file" | "import-file")[], "save" | "preview" | "edit-template" | "edit-print-data" | "export-file" | "import-file", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    logoHtml: {
+        type: StringConstructor;
+        default: string;
+    };
+    headerNewEle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    headerEleList: {
+        type: PropType<HeaderEle[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{
+    onPreview?: ((...args: any[]) => any) | undefined;
+    onSave?: ((...args: any[]) => any) | undefined;
+    "onEdit-template"?: ((...args: any[]) => any) | undefined;
+    "onEdit-print-data"?: ((...args: any[]) => any) | undefined;
+    "onExport-file"?: ((...args: any[]) => any) | undefined;
+    "onImport-file"?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string;
+    logoHtml: string;
+    headerNewEle: boolean;
+    headerEleList: HeaderEle[];
+}, {}, {
+    SvpIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            required: true;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+    }>, {
+        isSvg: import("vue").ComputedRef<boolean>;
+        sizePx: import("vue").ComputedRef<number>;
+        wrapStyle: import("vue").ComputedRef<{
+            width: string;
+            height: string;
+        }>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            required: true;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+    }>> & Readonly<{}>, {
+        size: string | number;
+    }, {}, {
+        Icon: import("vue").DefineSetupFnComponent<import("@iconify/vue").IconProps, {}, {}, import("@iconify/vue").IconProps, import("vue").PublicProps>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,25 @@
+import type { JsonEditorModalOptions } from '../core/json-editor-modal';
+export interface JsonEditorOpenOptions extends JsonEditorModalOptions {
+    variant?: 'template' | 'default';
+}
+declare const _default: import("vue").DefineComponent<{}, {
+    visible: import("vue").Ref<boolean, boolean>;
+    title: import("vue").Ref<string, string>;
+    text: import("vue").Ref<string, string>;
+    error: import("vue").Ref<string, string>;
+    confirmText: import("vue").Ref<string, string>;
+    cancelText: import("vue").Ref<string, string>;
+    clearTextLabel: import("vue").Ref<string, string>;
+    copyTextLabel: import("vue").Ref<string, string>;
+    showToolbar: import("vue").Ref<boolean, boolean>;
+    linesRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+    textareaRef: import("vue").Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
+    lineNumbers: import("vue").ComputedRef<string>;
+    close: (result: unknown | null) => void;
+    onInput: () => void;
+    syncScroll: () => void;
+    doClear: () => void;
+    doCopy: () => Promise<void>;
+    apply: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,27 @@
+import { type PropType } from 'vue-demi';
+import type { PreviewOptions } from '../types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<PreviewOptions>;
+        default: () => {};
+    };
+}>, {
+    t: (key: string, fallback?: string) => string;
+    visible: import("vue").Ref<boolean, boolean>;
+    html: import("vue").Ref<string, string>;
+    canExportPdf: import("vue").ComputedRef<boolean>;
+    canExportImage: import("vue").ComputedRef<boolean>;
+    canPrint: import("vue").ComputedRef<boolean>;
+    close: () => void;
+    onPrint: () => Promise<void>;
+    onPdf: () => Promise<void>;
+    onImage: () => Promise<void>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<PreviewOptions>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    options: PreviewOptions;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,86 @@
+import { type TableFieldDef, type TemplateFieldSchema } from '../core/template-fields';
+declare const _default: import("vue").DefineComponent<{}, {
+    visible: import("vue").Ref<boolean, boolean>;
+    title: import("vue").Ref<string, string>;
+    confirmText: import("vue").Ref<string, string>;
+    cancelText: import("vue").Ref<string, string>;
+    clearTextLabel: import("vue").Ref<string, string>;
+    copyTextLabel: import("vue").Ref<string, string>;
+    basicSectionTitle: import("vue").Ref<string, string>;
+    tableSectionTitle: import("vue").Ref<string, string>;
+    emptyHint: import("vue").Ref<string, string>;
+    addRowText: import("vue").Ref<string, string>;
+    deleteRowText: import("vue").Ref<string, string>;
+    tableFieldLabel: import("vue").Ref<string, string>;
+    schema: import("vue").Ref<{
+        basicFields: {
+            field: string;
+            label: string;
+            testData?: string | undefined;
+        }[];
+        tables: {
+            field: string;
+            label: string;
+            columns: {
+                field: string;
+                label: string;
+            }[];
+        }[];
+    }, TemplateFieldSchema | {
+        basicFields: {
+            field: string;
+            label: string;
+            testData?: string | undefined;
+        }[];
+        tables: {
+            field: string;
+            label: string;
+            columns: {
+                field: string;
+                label: string;
+            }[];
+        }[];
+    }>;
+    basicValues: Record<string, string>;
+    tableValues: Record<string, Record<string, string>[]>;
+    isEmpty: import("vue").ComputedRef<boolean>;
+    ICON_DELETE: string;
+    close: (result: Record<string, unknown> | null) => void;
+    addTableRow: (table: TableFieldDef) => void;
+    removeTableRow: (tableField: string, rowIndex: number) => void;
+    doClear: () => void;
+    doCopy: () => Promise<void>;
+    apply: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+    SvpIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            required: true;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+    }>, {
+        isSvg: import("vue").ComputedRef<boolean>;
+        sizePx: import("vue").ComputedRef<number>;
+        wrapStyle: import("vue").ComputedRef<{
+            width: string;
+            height: string;
+        }>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            required: true;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+    }>> & Readonly<{}>, {
+        size: string | number;
+    }, {}, {
+        Icon: import("vue").DefineSetupFnComponent<import("@iconify/vue").IconProps, {}, {}, import("@iconify/vue").IconProps, import("vue").PublicProps>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,16 @@
+import { type PropType } from 'vue-demi';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    scroller: {
+        type: PropType<() => HTMLElement | null>;
+        required: true;
+    };
+}>, {
+    rulerXRef: import("vue").Ref<HTMLCanvasElement | null, HTMLCanvasElement | null>;
+    rulerYRef: import("vue").Ref<HTMLCanvasElement | null, HTMLCanvasElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    scroller: {
+        type: PropType<() => HTMLElement | null>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,31 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    icon: {
+        type: StringConstructor;
+        required: true;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}>, {
+    isSvg: import("vue").ComputedRef<boolean>;
+    sizePx: import("vue").ComputedRef<number>;
+    wrapStyle: import("vue").ComputedRef<{
+        width: string;
+        height: string;
+    }>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    icon: {
+        type: StringConstructor;
+        required: true;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    size: string | number;
+}, {}, {
+    Icon: import("vue").DefineSetupFnComponent<import("@iconify/vue").IconProps, {}, {}, import("@iconify/vue").IconProps, import("vue").PublicProps>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,116 @@
+import { type PropType } from 'vue-demi';
+import type { Lang, ToolDescriptor } from '../types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    tools: {
+        type: PropType<ToolDescriptor[]>;
+        default: () => ToolDescriptor[];
+    };
+    hiddenKeys: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    mobileOnlyKeys: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+}>, {
+    t: (key: string, fallback?: string) => string;
+    lang: import("vue").ComputedRef<Lang>;
+    localeList: Lang[];
+    utils: import("../index.js").DesignerUtils;
+    visibleTools: import("vue").ComputedRef<ToolDescriptor[]>;
+    zoomPercentText: import("vue").ComputedRef<string>;
+    localeLabel: (code: string) => string;
+    onLangChange: (e: Event) => void;
+    onToolbarMouseDown: (e: MouseEvent) => void;
+    tooltipFor: (tool: ToolDescriptor) => string;
+    isDisabled: (tool: ToolDescriptor) => boolean;
+    isActive: (tool: ToolDescriptor) => boolean;
+    onClick: (tool: ToolDescriptor) => void;
+    TOOL_ICONS: {
+        readonly undo: "lucide:undo-2";
+        readonly redo: "lucide:redo-2";
+        readonly alignLeft: "lucide:align-left";
+        readonly alignCenter: "lucide:align-center";
+        readonly alignRight: "lucide:align-right";
+        readonly alignTop: "lucide:align-start-vertical";
+        readonly alignMiddle: "lucide:align-center-vertical";
+        readonly alignBottom: "lucide:align-end-vertical";
+        readonly moveTop: "lucide:arrow-up-to-line";
+        readonly moveUp: "lucide:arrow-up";
+        readonly moveDown: "lucide:arrow-down";
+        readonly moveBottom: "lucide:arrow-down-to-line";
+        readonly flipH: "lucide:flip-horizontal";
+        readonly flipV: "lucide:flip-vertical";
+        readonly fontInc: "lucide:plus";
+        readonly fontDec: "lucide:minus";
+        readonly fontBold: "lucide:bold";
+        readonly fontUnbold: "lucide:bold";
+        readonly lock: "lucide:lock";
+        readonly unlock: "lucide:unlock";
+        readonly clone: "lucide:copy-plus";
+        readonly copy: "lucide:copy";
+        readonly cut: "lucide:scissors";
+        readonly paste: "lucide:clipboard-paste";
+        readonly delete: "lucide:trash-2";
+        readonly zoomOut: "lucide:zoom-out";
+        readonly zoomIn: "lucide:zoom-in";
+        readonly rotate: "lucide:rotate-cw";
+        readonly clear: "lucide:eraser";
+        readonly toggle: "lucide:panel-left";
+    };
+    isLockToggleDisabled: () => boolean;
+    isSelectionLocked: () => boolean;
+    lockToggleIcon: () => string;
+    lockToggleTooltip: () => string;
+    onLockToggleClick: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tools: {
+        type: PropType<ToolDescriptor[]>;
+        default: () => ToolDescriptor[];
+    };
+    hiddenKeys: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    mobileOnlyKeys: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{}>, {
+    tools: ToolDescriptor[];
+    hiddenKeys: string[];
+    mobileOnlyKeys: string[];
+}, {}, {
+    SvpIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            required: true;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+    }>, {
+        isSvg: import("vue").ComputedRef<boolean>;
+        sizePx: import("vue").ComputedRef<number>;
+        wrapStyle: import("vue").ComputedRef<{
+            width: string;
+            height: string;
+        }>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            required: true;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+    }>> & Readonly<{}>, {
+        size: string | number;
+    }, {}, {
+        Icon: import("vue").DefineSetupFnComponent<import("@iconify/vue").IconProps, {}, {}, import("@iconify/vue").IconProps, import("vue").PublicProps>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;