@bluepic/embed 0.4.0-next.99 → 0.5.0

package/dist/components/TemplateEditor/BxTemplateEditor.vue.d.ts

@@ -1,12 +1,14 @@
-import { FieldsBridge, Studio, Template } from '@bluepic/types';
+import { BluepicField, FieldsBridge, Studio, Template } from '@bluepic/types';
 import { VNode } from 'vue';
 import { type AssetProxyConfig } from '../../util/assetProxy';
 import { z } from '@hono/zod-openapi';
+import { type BatchRow } from '../../util/batch/useBatchRows';
 import 'swiper/css';
 import 'swiper/css/navigation';
 import 'swiper/css/pagination';
 import 'swiper/css/scrollbar';
 import type { ExportAnalyticsSink } from '../../util/analytics';
+import { nextTick } from 'vue';
 type __VLS_Props = {
     bxCoreVersion?: string;
     /** Override the sandbox host (defaults to sandbox.bluepic.io). e.g. sandbox.bluepic.eu */
@@ -15,6 +17,8 @@ type __VLS_Props = {
     assetProxy?: AssetProxyConfig;
     serial?: Template.Serial;
     preview?: string;
+    /** Passed straight through to BxLiveTemplate's skeleton — see its own doc. */
+    personalizedPreviewSrc?: string | null;
     serialWidth?: number;
     serialHeight?: number;
     layout?: 'mobile' | 'desktop';
@@ -23,9 +27,24 @@ type __VLS_Props = {
     showBackBtn: boolean;
     branding: boolean;
     exportOptions: z.infer<typeof Studio.campaignConfigSchema>['export'];
+    /**
+     * Campaign field-hints config (`config.hints`). ON by default: absent —
+     * which is every campaign predating the feature — means hints are shown.
+     * The flag exists to turn them OFF.
+     */
+    hints?: z.infer<typeof Studio.campaignConfigSchema>['hints'];
     apiBaseUrl: string;
     env: 'prod' | 'dev';
     templateId: string;
+    /**
+     * Multi-canvas templates (canvases v2): the canvas the `serial` prop was
+     * materialized for. Rides on server-side render requests (the server
+     * refetches the persisted serial, whose root is the Default canvas, and
+     * must materialize the same canvas). Leave unset for single-format
+     * templates / the Default canvas — the request payload then stays
+     * byte-identical to before multi-canvas existed.
+     */
+    canvasId?: string;
     campaignId?: number;
     name: string;
     /**
@@ -61,8 +80,19 @@ type __VLS_Props = {
     nativeGifEmbedding?: boolean;
     remoteVideoRenderBaseUrl: string;
     enforceServerSideRendering: boolean;
-    enforceFallbackService: boolean;
     enforceVideoServerSideRendering: boolean;
+    /**
+     * Milliseconds the local renderer sleeps between the serialized SVG's `load`
+     * event and drawing it to canvas. Omitted = the raster default (150ms).
+     *
+     * It is a flat per-render tax paid in pure sleep, so it is invisible on a
+     * single export and dominant on repeated ones (batch rows, video frames). 0
+     * removes it entirely and relies on `load` already meaning "fonts and images
+     * decoded" — true in principle, since exportSVGDocument inlines everything as
+     * data URIs, but engine-dependent enough to be worth proving per platform
+     * rather than assuming. Host-settable so it can be measured.
+     */
+    svgLoadWaitDelay?: number;
     liveViewOffsetDesktop?: {
         top: number;
         right: number;
@@ -82,6 +112,29 @@ type __VLS_Props = {
      * (bx-template → PostHog `template_render_*`). Omit to disable analytics.
      */
     analytics?: ExportAnalyticsSink;
+    /**
+     * Batch editor (campaign `config.editMode`): `single` is the classic editor,
+     * `batch` a table of rows with the live preview following the active row,
+     * `all` both behind a Single | Batch switch in the header. Absent = single.
+     */
+    editMode?: 'single' | 'batch' | 'all';
+    /**
+     * Rows a VIDEO batch export may contain, from the paying team's tier
+     * (public campaign `videoBatchMaxSize`). Absent = 1.
+     */
+    videoBatchMaxSize?: number;
+    /** URL render API scope (`image.bluepic.io/<orgSlug>/<alias>.png`) for CSV links. */
+    orgSlug?: string;
+    /** This template's URL-render alias, if published under one. */
+    templateAlias?: string | null;
+    /**
+     * Origin of the URL render API this editor should link to in CSV exports
+     * (`https://image.bluepic.io`, staging `https://image-staging.bluepic.io`).
+     * Absent = derived from `apiBaseUrl` / production.
+     */
+    urlRenderBaseUrl?: string;
+    /** Host-owned batch rows (`v-model:batchRows`). Absent = session storage only. */
+    batchRows?: BatchRow[];
 };
 type __VLS_Slots = {
     legal: () => VNode[] | VNode;
@@ -96,6 +149,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         serialWidth?: number;
         serialHeight?: number;
         preview?: string;
+        personalizedPreviewSrc?: string | null;
         offset: {
             top: number;
             right: number;
@@ -105,7 +159,35 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         zoomAndPan: boolean;
         watermark: boolean;
         accessibilityDescription?: string;
-    }> & Readonly<{}>, {
+        fieldHitboxes?: import("../../util/fieldHints").FieldHitbox[];
+        hintsRevealed?: boolean;
+        textState?: import("../../util/fieldHints").CanvasTextState;
+        editingElementId?: string;
+    }> & Readonly<{
+        "onActivate-field"?: ((args_0: BluepicField) => any) | undefined;
+        "onFocus-field"?: ((args_0: BluepicField) => any) | undefined;
+        "onHover-field"?: ((args_0: BluepicField | undefined) => any) | undefined;
+        "onSelect-start"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
+        "onSelect-move"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
+        "onSelect-end"?: (() => any) | undefined;
+        "onHandle-grab"?: ((args_0: {
+            handle: import("../../util/fieldHints").SelectionHandle;
+            point: {
+                x: number;
+                y: number;
+            };
+        }) => any) | undefined;
+        "onSelect-word"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
+    }>, {
         currentlyFocusedFrame: import("vue").ComputedRef<{
             x: number;
             y: number;
@@ -124,6 +206,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
             serialWidth?: number;
             serialHeight?: number;
             preview?: string;
+            personalizedPreviewSrc?: string | null;
             data?: {
                 [k: string]: unknown;
             };
@@ -150,6 +233,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "blob";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<Blob>;
                 (options: {
                     type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -164,6 +248,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "canvas";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<HTMLCanvasElement>;
             };
             aspectRatio: import("vue").ComputedRef<number>;
@@ -195,6 +280,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
             serialWidth?: number;
             serialHeight?: number;
             preview?: string;
+            personalizedPreviewSrc?: string | null;
             data?: {
                 [k: string]: unknown;
             };
@@ -221,6 +307,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "blob";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<Blob>;
                 (options: {
                     type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -235,6 +322,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "canvas";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<HTMLCanvasElement>;
             };
             aspectRatio: import("vue").ComputedRef<number>;
@@ -251,6 +339,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
             serialWidth?: number;
             serialHeight?: number;
             preview?: string;
+            personalizedPreviewSrc?: string | null;
             data?: {
                 [k: string]: unknown;
             };
@@ -277,6 +366,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "blob";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<Blob>;
                 (options: {
                     type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -291,6 +381,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "canvas";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<HTMLCanvasElement>;
             };
             aspectRatio: import("vue").ComputedRef<number>;
@@ -322,6 +413,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
             serialWidth?: number;
             serialHeight?: number;
             preview?: string;
+            personalizedPreviewSrc?: string | null;
             data?: {
                 [k: string]: unknown;
             };
@@ -348,6 +440,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "blob";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<Blob>;
                 (options: {
                     type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -362,6 +455,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "canvas";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<HTMLCanvasElement>;
             };
             aspectRatio: import("vue").ComputedRef<number>;
@@ -501,7 +595,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                 errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
+            $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
         } & Readonly<{
             transform: import("@zoompinch/core").Transform;
@@ -684,7 +778,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                 errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
+            $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
         } & Readonly<{
             transform: import("@zoompinch/core").Transform;
@@ -755,7 +849,31 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
             };
         }) | undefined>;
         isMultiFrame: import("vue").ComputedRef<boolean>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "activate-field": (args_0: BluepicField) => any;
+        "focus-field": (args_0: BluepicField) => any;
+        "hover-field": (args_0: BluepicField | undefined) => any;
+        "select-start": (args_0: {
+            x: number;
+            y: number;
+        }) => any;
+        "select-move": (args_0: {
+            x: number;
+            y: number;
+        }) => any;
+        "select-end": () => any;
+        "handle-grab": (args_0: {
+            handle: import("../../util/fieldHints").SelectionHandle;
+            point: {
+                x: number;
+                y: number;
+            };
+        }) => any;
+        "select-word": (args_0: {
+            x: number;
+            y: number;
+        }) => any;
+    }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -770,6 +888,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         serialWidth?: number;
         serialHeight?: number;
         preview?: string;
+        personalizedPreviewSrc?: string | null;
         offset: {
             top: number;
             right: number;
@@ -779,7 +898,35 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         zoomAndPan: boolean;
         watermark: boolean;
         accessibilityDescription?: string;
-    }> & Readonly<{}>, {
+        fieldHitboxes?: import("../../util/fieldHints").FieldHitbox[];
+        hintsRevealed?: boolean;
+        textState?: import("../../util/fieldHints").CanvasTextState;
+        editingElementId?: string;
+    }> & Readonly<{
+        "onActivate-field"?: ((args_0: BluepicField) => any) | undefined;
+        "onFocus-field"?: ((args_0: BluepicField) => any) | undefined;
+        "onHover-field"?: ((args_0: BluepicField | undefined) => any) | undefined;
+        "onSelect-start"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
+        "onSelect-move"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
+        "onSelect-end"?: (() => any) | undefined;
+        "onHandle-grab"?: ((args_0: {
+            handle: import("../../util/fieldHints").SelectionHandle;
+            point: {
+                x: number;
+                y: number;
+            };
+        }) => any) | undefined;
+        "onSelect-word"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
+    }>, {
         currentlyFocusedFrame: import("vue").ComputedRef<{
             x: number;
             y: number;
@@ -798,6 +945,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
             serialWidth?: number;
             serialHeight?: number;
             preview?: string;
+            personalizedPreviewSrc?: string | null;
             data?: {
                 [k: string]: unknown;
             };
@@ -824,6 +972,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "blob";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<Blob>;
                 (options: {
                     type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -838,6 +987,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "canvas";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<HTMLCanvasElement>;
             };
             aspectRatio: import("vue").ComputedRef<number>;
@@ -869,6 +1019,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
             serialWidth?: number;
             serialHeight?: number;
             preview?: string;
+            personalizedPreviewSrc?: string | null;
             data?: {
                 [k: string]: unknown;
             };
@@ -895,6 +1046,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "blob";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<Blob>;
                 (options: {
                     type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -909,6 +1061,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "canvas";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<HTMLCanvasElement>;
             };
             aspectRatio: import("vue").ComputedRef<number>;
@@ -925,6 +1078,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
             serialWidth?: number;
             serialHeight?: number;
             preview?: string;
+            personalizedPreviewSrc?: string | null;
             data?: {
                 [k: string]: unknown;
             };
@@ -951,6 +1105,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "blob";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<Blob>;
                 (options: {
                     type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -965,6 +1120,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "canvas";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<HTMLCanvasElement>;
             };
             aspectRatio: import("vue").ComputedRef<number>;
@@ -996,6 +1152,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
             serialWidth?: number;
             serialHeight?: number;
             preview?: string;
+            personalizedPreviewSrc?: string | null;
             data?: {
                 [k: string]: unknown;
             };
@@ -1022,6 +1179,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "blob";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<Blob>;
                 (options: {
                     type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -1036,6 +1194,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "canvas";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<HTMLCanvasElement>;
             };
             aspectRatio: import("vue").ComputedRef<number>;
@@ -1175,7 +1334,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                 errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
+            $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
         } & Readonly<{
             transform: import("@zoompinch/core").Transform;
@@ -1358,7 +1517,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                 errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
+            $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
         } & Readonly<{
             transform: import("@zoompinch/core").Transform;
@@ -1437,6 +1596,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         serialWidth?: number;
         serialHeight?: number;
         preview?: string;
+        personalizedPreviewSrc?: string | null;
         offset: {
             top: number;
             right: number;
@@ -1446,7 +1606,35 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         zoomAndPan: boolean;
         watermark: boolean;
         accessibilityDescription?: string;
-    }> & Readonly<{}>, {
+        fieldHitboxes?: import("../../util/fieldHints").FieldHitbox[];
+        hintsRevealed?: boolean;
+        textState?: import("../../util/fieldHints").CanvasTextState;
+        editingElementId?: string;
+    }> & Readonly<{
+        "onActivate-field"?: ((args_0: BluepicField) => any) | undefined;
+        "onFocus-field"?: ((args_0: BluepicField) => any) | undefined;
+        "onHover-field"?: ((args_0: BluepicField | undefined) => any) | undefined;
+        "onSelect-start"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
+        "onSelect-move"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
+        "onSelect-end"?: (() => any) | undefined;
+        "onHandle-grab"?: ((args_0: {
+            handle: import("../../util/fieldHints").SelectionHandle;
+            point: {
+                x: number;
+                y: number;
+            };
+        }) => any) | undefined;
+        "onSelect-word"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
+    }>, {
         currentlyFocusedFrame: import("vue").ComputedRef<{
             x: number;
             y: number;
@@ -1465,6 +1653,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
             serialWidth?: number;
             serialHeight?: number;
             preview?: string;
+            personalizedPreviewSrc?: string | null;
             data?: {
                 [k: string]: unknown;
             };
@@ -1491,6 +1680,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "blob";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<Blob>;
                 (options: {
                     type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -1505,6 +1695,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "canvas";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<HTMLCanvasElement>;
             };
             aspectRatio: import("vue").ComputedRef<number>;
@@ -1536,6 +1727,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
             serialWidth?: number;
             serialHeight?: number;
             preview?: string;
+            personalizedPreviewSrc?: string | null;
             data?: {
                 [k: string]: unknown;
             };
@@ -1562,6 +1754,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "blob";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<Blob>;
                 (options: {
                     type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -1576,6 +1769,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "canvas";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<HTMLCanvasElement>;
             };
             aspectRatio: import("vue").ComputedRef<number>;
@@ -1592,6 +1786,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
             serialWidth?: number;
             serialHeight?: number;
             preview?: string;
+            personalizedPreviewSrc?: string | null;
             data?: {
                 [k: string]: unknown;
             };
@@ -1618,6 +1813,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "blob";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<Blob>;
                 (options: {
                     type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -1632,6 +1828,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "canvas";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<HTMLCanvasElement>;
             };
             aspectRatio: import("vue").ComputedRef<number>;
@@ -1663,6 +1860,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
             serialWidth?: number;
             serialHeight?: number;
             preview?: string;
+            personalizedPreviewSrc?: string | null;
             data?: {
                 [k: string]: unknown;
             };
@@ -1689,6 +1887,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "blob";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<Blob>;
                 (options: {
                     type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -1703,6 +1902,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "canvas";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<HTMLCanvasElement>;
             };
             aspectRatio: import("vue").ComputedRef<number>;
@@ -1842,7 +2042,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                 errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
+            $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
         } & Readonly<{
             transform: import("@zoompinch/core").Transform;
@@ -2025,7 +2225,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                 errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
+            $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
         } & Readonly<{
             transform: import("@zoompinch/core").Transform;
@@ -2096,7 +2296,31 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
             };
         }) | undefined>;
         isMultiFrame: import("vue").ComputedRef<boolean>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "activate-field": (args_0: BluepicField) => any;
+        "focus-field": (args_0: BluepicField) => any;
+        "hover-field": (args_0: BluepicField | undefined) => any;
+        "select-start": (args_0: {
+            x: number;
+            y: number;
+        }) => any;
+        "select-move": (args_0: {
+            x: number;
+            y: number;
+        }) => any;
+        "select-end": () => any;
+        "handle-grab": (args_0: {
+            handle: import("../../util/fieldHints").SelectionHandle;
+            point: {
+                x: number;
+                y: number;
+            };
+        }) => any;
+        "select-word": (args_0: {
+            x: number;
+            y: number;
+        }) => any;
+    }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -2111,6 +2335,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         serialWidth?: number;
         serialHeight?: number;
         preview?: string;
+        personalizedPreviewSrc?: string | null;
         offset: {
             top: number;
             right: number;
@@ -2120,7 +2345,35 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         zoomAndPan: boolean;
         watermark: boolean;
         accessibilityDescription?: string;
-    }> & Readonly<{}>, {
+        fieldHitboxes?: import("../../util/fieldHints").FieldHitbox[];
+        hintsRevealed?: boolean;
+        textState?: import("../../util/fieldHints").CanvasTextState;
+        editingElementId?: string;
+    }> & Readonly<{
+        "onActivate-field"?: ((args_0: BluepicField) => any) | undefined;
+        "onFocus-field"?: ((args_0: BluepicField) => any) | undefined;
+        "onHover-field"?: ((args_0: BluepicField | undefined) => any) | undefined;
+        "onSelect-start"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
+        "onSelect-move"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
+        "onSelect-end"?: (() => any) | undefined;
+        "onHandle-grab"?: ((args_0: {
+            handle: import("../../util/fieldHints").SelectionHandle;
+            point: {
+                x: number;
+                y: number;
+            };
+        }) => any) | undefined;
+        "onSelect-word"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
+    }>, {
         currentlyFocusedFrame: import("vue").ComputedRef<{
             x: number;
             y: number;
@@ -2139,6 +2392,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
             serialWidth?: number;
             serialHeight?: number;
             preview?: string;
+            personalizedPreviewSrc?: string | null;
             data?: {
                 [k: string]: unknown;
             };
@@ -2165,6 +2419,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "blob";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<Blob>;
                 (options: {
                     type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -2179,6 +2434,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "canvas";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<HTMLCanvasElement>;
             };
             aspectRatio: import("vue").ComputedRef<number>;
@@ -2210,6 +2466,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
             serialWidth?: number;
             serialHeight?: number;
             preview?: string;
+            personalizedPreviewSrc?: string | null;
             data?: {
                 [k: string]: unknown;
             };
@@ -2236,6 +2493,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "blob";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<Blob>;
                 (options: {
                     type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -2250,6 +2508,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "canvas";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<HTMLCanvasElement>;
             };
             aspectRatio: import("vue").ComputedRef<number>;
@@ -2266,6 +2525,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
             serialWidth?: number;
             serialHeight?: number;
             preview?: string;
+            personalizedPreviewSrc?: string | null;
             data?: {
                 [k: string]: unknown;
             };
@@ -2292,6 +2552,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "blob";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<Blob>;
                 (options: {
                     type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -2306,6 +2567,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "canvas";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<HTMLCanvasElement>;
             };
             aspectRatio: import("vue").ComputedRef<number>;
@@ -2337,6 +2599,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
             serialWidth?: number;
             serialHeight?: number;
             preview?: string;
+            personalizedPreviewSrc?: string | null;
             data?: {
                 [k: string]: unknown;
             };
@@ -2363,6 +2626,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "blob";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<Blob>;
                 (options: {
                     type: "image/png" | "image/jpeg" | "image/jpge" | "image/webp";
@@ -2377,6 +2641,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                     watermark: boolean;
                     resultType: "canvas";
                     externalCanvas: HTMLCanvasElement | null;
+                    svgLoadWaitDelay?: number;
                 }): Promise<HTMLCanvasElement>;
             };
             aspectRatio: import("vue").ComputedRef<number>;
@@ -2516,7 +2781,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                 errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
+            $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
         } & Readonly<{
             transform: import("@zoompinch/core").Transform;
@@ -2699,7 +2964,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
                 errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
+            $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
         } & Readonly<{
             transform: import("@zoompinch/core").Transform;
@@ -2776,13 +3041,17 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         [k: string]: unknown;
     }) => any;
     back: () => any;
+    "update:batchRows": (args_0: BatchRow[]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:data"?: ((args_0: {
         [k: string]: unknown;
     }) => any) | undefined;
     onBack?: (() => any) | undefined;
+    "onUpdate:batchRows"?: ((args_0: BatchRow[]) => any) | undefined;
 }>, {
     zoomAndPan: boolean;
+    editMode: "single" | "batch" | "all";
+    videoBatchMaxSize: number;
     preCacheLocalRendering: boolean;
     liveViewOffsetDesktop: {
         top: number;