@bluepic/embed 0.4.0-next.142 → 0.4.0-next.144
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.
- package/dist/bluepic-embed.iife.js +159 -159
- package/dist/bluepic-embed.umd.js +159 -159
- package/dist/components/BxAudioPlayButton.vue.d.ts +1 -1
- package/dist/components/TemplateEditor/BxTemplateEditor.vue.d.ts +41 -15
- package/dist/components/TemplateEditor/FieldHintsLayer.vue.d.ts +34 -0
- package/dist/components/TemplateEditor/TemplateView.vue.d.ts +11 -2
- package/dist/embed/embed.d.ts +96 -24
- package/dist/main.cjs +85 -85
- package/dist/main.mjs +21288 -20642
- package/dist/style.css +1 -1
- package/dist/util/fieldHints/fieldFocus.d.ts +70 -0
- package/dist/util/fieldHints/index.d.ts +7 -0
- package/dist/util/fieldHints/interact.d.ts +21 -0
- package/dist/util/fieldHints/useHintReveal.d.ts +9 -0
- package/package.json +2 -2
|
@@ -17,8 +17,8 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
|
|
|
17
17
|
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
18
18
|
onToggle?: (() => any) | undefined;
|
|
19
19
|
}>, {
|
|
20
|
-
playing: boolean;
|
|
21
20
|
progress: number;
|
|
21
|
+
playing: boolean;
|
|
22
22
|
loading: boolean;
|
|
23
23
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
24
24
|
export default _default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FieldsBridge, Studio, Template } from '@bluepic/types';
|
|
1
|
+
import { BluepicField, FieldsBridge, Studio, Template } from '@bluepic/types';
|
|
2
2
|
import { VNode } from 'vue';
|
|
3
3
|
import { type AssetProxyConfig } from '../../util/assetProxy';
|
|
4
4
|
import { z } from '@hono/zod-openapi';
|
|
@@ -7,6 +7,7 @@ import 'swiper/css/navigation';
|
|
|
7
7
|
import 'swiper/css/pagination';
|
|
8
8
|
import 'swiper/css/scrollbar';
|
|
9
9
|
import type { ExportAnalyticsSink } from '../../util/analytics';
|
|
10
|
+
import { nextTick } from 'vue';
|
|
10
11
|
type __VLS_Props = {
|
|
11
12
|
bxCoreVersion?: string;
|
|
12
13
|
/** Override the sandbox host (defaults to sandbox.bluepic.io). e.g. sandbox.bluepic.eu */
|
|
@@ -23,6 +24,11 @@ type __VLS_Props = {
|
|
|
23
24
|
showBackBtn: boolean;
|
|
24
25
|
branding: boolean;
|
|
25
26
|
exportOptions: z.infer<typeof Studio.campaignConfigSchema>['export'];
|
|
27
|
+
/**
|
|
28
|
+
* Campaign field-hints config (`config.hints`). Opt-in: absent — which is
|
|
29
|
+
* every campaign predating the feature — means no hint overlay at all.
|
|
30
|
+
*/
|
|
31
|
+
hints?: z.infer<typeof Studio.campaignConfigSchema>['hints'];
|
|
26
32
|
apiBaseUrl: string;
|
|
27
33
|
env: 'prod' | 'dev';
|
|
28
34
|
templateId: string;
|
|
@@ -114,7 +120,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
|
|
|
114
120
|
zoomAndPan: boolean;
|
|
115
121
|
watermark: boolean;
|
|
116
122
|
accessibilityDescription?: string;
|
|
117
|
-
|
|
123
|
+
fieldHitboxes?: import("../../util/fieldHints").FieldHitbox[];
|
|
124
|
+
hintsRevealed?: boolean;
|
|
125
|
+
}> & Readonly<{
|
|
126
|
+
"onFocus-field"?: ((args_0: BluepicField) => any) | undefined;
|
|
127
|
+
}>, {
|
|
118
128
|
currentlyFocusedFrame: import("vue").ComputedRef<{
|
|
119
129
|
x: number;
|
|
120
130
|
y: number;
|
|
@@ -510,7 +520,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
|
|
|
510
520
|
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
511
521
|
};
|
|
512
522
|
$forceUpdate: () => void;
|
|
513
|
-
$nextTick: typeof
|
|
523
|
+
$nextTick: typeof nextTick;
|
|
514
524
|
$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;
|
|
515
525
|
} & Readonly<{
|
|
516
526
|
transform: import("@zoompinch/core").Transform;
|
|
@@ -693,7 +703,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
|
|
|
693
703
|
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
694
704
|
};
|
|
695
705
|
$forceUpdate: () => void;
|
|
696
|
-
$nextTick: typeof
|
|
706
|
+
$nextTick: typeof nextTick;
|
|
697
707
|
$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;
|
|
698
708
|
} & Readonly<{
|
|
699
709
|
transform: import("@zoompinch/core").Transform;
|
|
@@ -764,7 +774,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
|
|
|
764
774
|
};
|
|
765
775
|
}) | undefined>;
|
|
766
776
|
isMultiFrame: import("vue").ComputedRef<boolean>;
|
|
767
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
777
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
778
|
+
"focus-field": (args_0: BluepicField) => any;
|
|
779
|
+
}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
768
780
|
P: {};
|
|
769
781
|
B: {};
|
|
770
782
|
D: {};
|
|
@@ -788,7 +800,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
|
|
|
788
800
|
zoomAndPan: boolean;
|
|
789
801
|
watermark: boolean;
|
|
790
802
|
accessibilityDescription?: string;
|
|
791
|
-
|
|
803
|
+
fieldHitboxes?: import("../../util/fieldHints").FieldHitbox[];
|
|
804
|
+
hintsRevealed?: boolean;
|
|
805
|
+
}> & Readonly<{
|
|
806
|
+
"onFocus-field"?: ((args_0: BluepicField) => any) | undefined;
|
|
807
|
+
}>, {
|
|
792
808
|
currentlyFocusedFrame: import("vue").ComputedRef<{
|
|
793
809
|
x: number;
|
|
794
810
|
y: number;
|
|
@@ -1184,7 +1200,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
|
|
|
1184
1200
|
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
1185
1201
|
};
|
|
1186
1202
|
$forceUpdate: () => void;
|
|
1187
|
-
$nextTick: typeof
|
|
1203
|
+
$nextTick: typeof nextTick;
|
|
1188
1204
|
$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;
|
|
1189
1205
|
} & Readonly<{
|
|
1190
1206
|
transform: import("@zoompinch/core").Transform;
|
|
@@ -1367,7 +1383,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
|
|
|
1367
1383
|
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
1368
1384
|
};
|
|
1369
1385
|
$forceUpdate: () => void;
|
|
1370
|
-
$nextTick: typeof
|
|
1386
|
+
$nextTick: typeof nextTick;
|
|
1371
1387
|
$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;
|
|
1372
1388
|
} & Readonly<{
|
|
1373
1389
|
transform: import("@zoompinch/core").Transform;
|
|
@@ -1455,7 +1471,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
|
|
|
1455
1471
|
zoomAndPan: boolean;
|
|
1456
1472
|
watermark: boolean;
|
|
1457
1473
|
accessibilityDescription?: string;
|
|
1458
|
-
|
|
1474
|
+
fieldHitboxes?: import("../../util/fieldHints").FieldHitbox[];
|
|
1475
|
+
hintsRevealed?: boolean;
|
|
1476
|
+
}> & Readonly<{
|
|
1477
|
+
"onFocus-field"?: ((args_0: BluepicField) => any) | undefined;
|
|
1478
|
+
}>, {
|
|
1459
1479
|
currentlyFocusedFrame: import("vue").ComputedRef<{
|
|
1460
1480
|
x: number;
|
|
1461
1481
|
y: number;
|
|
@@ -1851,7 +1871,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
|
|
|
1851
1871
|
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
1852
1872
|
};
|
|
1853
1873
|
$forceUpdate: () => void;
|
|
1854
|
-
$nextTick: typeof
|
|
1874
|
+
$nextTick: typeof nextTick;
|
|
1855
1875
|
$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;
|
|
1856
1876
|
} & Readonly<{
|
|
1857
1877
|
transform: import("@zoompinch/core").Transform;
|
|
@@ -2034,7 +2054,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
|
|
|
2034
2054
|
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
2035
2055
|
};
|
|
2036
2056
|
$forceUpdate: () => void;
|
|
2037
|
-
$nextTick: typeof
|
|
2057
|
+
$nextTick: typeof nextTick;
|
|
2038
2058
|
$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;
|
|
2039
2059
|
} & Readonly<{
|
|
2040
2060
|
transform: import("@zoompinch/core").Transform;
|
|
@@ -2105,7 +2125,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
|
|
|
2105
2125
|
};
|
|
2106
2126
|
}) | undefined>;
|
|
2107
2127
|
isMultiFrame: import("vue").ComputedRef<boolean>;
|
|
2108
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
2128
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
2129
|
+
"focus-field": (args_0: BluepicField) => any;
|
|
2130
|
+
}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
2109
2131
|
P: {};
|
|
2110
2132
|
B: {};
|
|
2111
2133
|
D: {};
|
|
@@ -2129,7 +2151,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
|
|
|
2129
2151
|
zoomAndPan: boolean;
|
|
2130
2152
|
watermark: boolean;
|
|
2131
2153
|
accessibilityDescription?: string;
|
|
2132
|
-
|
|
2154
|
+
fieldHitboxes?: import("../../util/fieldHints").FieldHitbox[];
|
|
2155
|
+
hintsRevealed?: boolean;
|
|
2156
|
+
}> & Readonly<{
|
|
2157
|
+
"onFocus-field"?: ((args_0: BluepicField) => any) | undefined;
|
|
2158
|
+
}>, {
|
|
2133
2159
|
currentlyFocusedFrame: import("vue").ComputedRef<{
|
|
2134
2160
|
x: number;
|
|
2135
2161
|
y: number;
|
|
@@ -2525,7 +2551,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
|
|
|
2525
2551
|
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
2526
2552
|
};
|
|
2527
2553
|
$forceUpdate: () => void;
|
|
2528
|
-
$nextTick: typeof
|
|
2554
|
+
$nextTick: typeof nextTick;
|
|
2529
2555
|
$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;
|
|
2530
2556
|
} & Readonly<{
|
|
2531
2557
|
transform: import("@zoompinch/core").Transform;
|
|
@@ -2708,7 +2734,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
|
|
|
2708
2734
|
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
2709
2735
|
};
|
|
2710
2736
|
$forceUpdate: () => void;
|
|
2711
|
-
$nextTick: typeof
|
|
2737
|
+
$nextTick: typeof nextTick;
|
|
2712
2738
|
$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;
|
|
2713
2739
|
} & Readonly<{
|
|
2714
2740
|
transform: import("@zoompinch/core").Transform;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import type { BluepicField } from '@bluepic/types';
|
|
2
|
+
import type { FieldHitbox } from '../../util/fieldHints';
|
|
3
|
+
type __VLS_Props = {
|
|
4
|
+
hitboxes: FieldHitbox[];
|
|
5
|
+
/**
|
|
6
|
+
* zoompinch's slot function. Takes CANVAS-pixel coordinates — and since the
|
|
7
|
+
* live template is sized to `serial.width × serial.height` (exactly as
|
|
8
|
+
* bx-studio sizes its SerialWrapper), those are serial coordinates. The
|
|
9
|
+
* canvas dimensions are still threaded through below rather than assumed,
|
|
10
|
+
* because the `serialWidth`/`serialHeight` prop path can render without a
|
|
11
|
+
* serial at all.
|
|
12
|
+
*/
|
|
13
|
+
composePoint: (x: number, y: number) => [number, number];
|
|
14
|
+
canvasWidth: number;
|
|
15
|
+
canvasHeight: number;
|
|
16
|
+
serialWidth: number;
|
|
17
|
+
serialHeight: number;
|
|
18
|
+
/**
|
|
19
|
+
* Not read — a reactivity dependency. `composePoint` is a plain function
|
|
20
|
+
* closing over zoompinch's engine state, so nothing about calling it tells
|
|
21
|
+
* Vue to recompute when the user pans. Naming the live transform as a prop
|
|
22
|
+
* is what re-runs `placed` on every gesture frame.
|
|
23
|
+
*/
|
|
24
|
+
transform: unknown;
|
|
25
|
+
/** On multi-frame templates, only the focused frame's hints are shown. */
|
|
26
|
+
activeFrameIndex?: number;
|
|
27
|
+
revealed: boolean;
|
|
28
|
+
};
|
|
29
|
+
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
30
|
+
"focus-field": (args_0: BluepicField) => any;
|
|
31
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
32
|
+
"onFocus-field"?: ((args_0: BluepicField) => any) | undefined;
|
|
33
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
34
|
+
export default _default;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Transform } from '@zoompinch/vue';
|
|
2
2
|
import { Ref } from 'vue';
|
|
3
|
-
import { Template } from '@bluepic/types';
|
|
3
|
+
import { BluepicField, Template } from '@bluepic/types';
|
|
4
|
+
import type { FieldHitbox } from '../../util/fieldHints';
|
|
4
5
|
import type { AssetProxyConfig } from '../../util/assetProxy';
|
|
5
6
|
type __VLS_Props = {
|
|
6
7
|
bxCoreVersion?: string;
|
|
@@ -27,6 +28,10 @@ type __VLS_Props = {
|
|
|
27
28
|
* reflects the currently rendered graphic.
|
|
28
29
|
*/
|
|
29
30
|
accessibilityDescription?: string;
|
|
31
|
+
/** Derived field-hint targets in serial coordinates. Empty = no overlay. */
|
|
32
|
+
fieldHitboxes?: FieldHitbox[];
|
|
33
|
+
/** Whether the hint overlay is currently shown (hover on desktop, tap on mobile). */
|
|
34
|
+
hintsRevealed?: boolean;
|
|
30
35
|
};
|
|
31
36
|
declare const _default: import("vue").DefineComponent<__VLS_Props, {
|
|
32
37
|
currentlyFocusedFrame: import("vue").ComputedRef<{
|
|
@@ -678,5 +683,9 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {
|
|
|
678
683
|
};
|
|
679
684
|
}) | undefined>;
|
|
680
685
|
isMultiFrame: import("vue").ComputedRef<boolean>;
|
|
681
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
686
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
687
|
+
"focus-field": (args_0: BluepicField) => any;
|
|
688
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
689
|
+
"onFocus-field"?: ((args_0: BluepicField) => any) | undefined;
|
|
690
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
682
691
|
export default _default;
|
package/dist/embed/embed.d.ts
CHANGED
|
@@ -24,6 +24,9 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
24
24
|
readonly showBackBtn: boolean;
|
|
25
25
|
readonly branding: boolean;
|
|
26
26
|
readonly exportOptions: z.infer<typeof Studio.campaignConfigSchema>["export"];
|
|
27
|
+
readonly hints?: {
|
|
28
|
+
enabled: boolean;
|
|
29
|
+
} | undefined;
|
|
27
30
|
readonly apiBaseUrl: string;
|
|
28
31
|
readonly env: "prod" | "dev";
|
|
29
32
|
readonly templateId: string;
|
|
@@ -93,6 +96,7 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
93
96
|
showBackBtn: boolean;
|
|
94
97
|
branding: boolean;
|
|
95
98
|
exportOptions: z.infer<typeof Studio.campaignConfigSchema>["export"];
|
|
99
|
+
hints?: z.infer<typeof Studio.campaignConfigSchema>["hints"];
|
|
96
100
|
apiBaseUrl: string;
|
|
97
101
|
env: "prod" | "dev";
|
|
98
102
|
templateId: string;
|
|
@@ -152,7 +156,11 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
152
156
|
zoomAndPan: boolean;
|
|
153
157
|
watermark: boolean;
|
|
154
158
|
accessibilityDescription?: string;
|
|
155
|
-
|
|
159
|
+
fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
|
|
160
|
+
hintsRevealed?: boolean;
|
|
161
|
+
}> & Readonly<{
|
|
162
|
+
"onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
|
|
163
|
+
}>, {
|
|
156
164
|
currentlyFocusedFrame: import("vue").ComputedRef<{
|
|
157
165
|
x: number;
|
|
158
166
|
y: number;
|
|
@@ -802,7 +810,9 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
802
810
|
};
|
|
803
811
|
}) | undefined>;
|
|
804
812
|
isMultiFrame: import("vue").ComputedRef<boolean>;
|
|
805
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
813
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
814
|
+
"focus-field": (args_0: Template.Fields.BluepicField) => any;
|
|
815
|
+
}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
806
816
|
P: {};
|
|
807
817
|
B: {};
|
|
808
818
|
D: {};
|
|
@@ -826,7 +836,11 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
826
836
|
zoomAndPan: boolean;
|
|
827
837
|
watermark: boolean;
|
|
828
838
|
accessibilityDescription?: string;
|
|
829
|
-
|
|
839
|
+
fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
|
|
840
|
+
hintsRevealed?: boolean;
|
|
841
|
+
}> & Readonly<{
|
|
842
|
+
"onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
|
|
843
|
+
}>, {
|
|
830
844
|
currentlyFocusedFrame: import("vue").ComputedRef<{
|
|
831
845
|
x: number;
|
|
832
846
|
y: number;
|
|
@@ -1493,7 +1507,11 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
1493
1507
|
zoomAndPan: boolean;
|
|
1494
1508
|
watermark: boolean;
|
|
1495
1509
|
accessibilityDescription?: string;
|
|
1496
|
-
|
|
1510
|
+
fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
|
|
1511
|
+
hintsRevealed?: boolean;
|
|
1512
|
+
}> & Readonly<{
|
|
1513
|
+
"onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
|
|
1514
|
+
}>, {
|
|
1497
1515
|
currentlyFocusedFrame: import("vue").ComputedRef<{
|
|
1498
1516
|
x: number;
|
|
1499
1517
|
y: number;
|
|
@@ -2143,7 +2161,9 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
2143
2161
|
};
|
|
2144
2162
|
}) | undefined>;
|
|
2145
2163
|
isMultiFrame: import("vue").ComputedRef<boolean>;
|
|
2146
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
2164
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
2165
|
+
"focus-field": (args_0: Template.Fields.BluepicField) => any;
|
|
2166
|
+
}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
2147
2167
|
P: {};
|
|
2148
2168
|
B: {};
|
|
2149
2169
|
D: {};
|
|
@@ -2167,7 +2187,11 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
2167
2187
|
zoomAndPan: boolean;
|
|
2168
2188
|
watermark: boolean;
|
|
2169
2189
|
accessibilityDescription?: string;
|
|
2170
|
-
|
|
2190
|
+
fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
|
|
2191
|
+
hintsRevealed?: boolean;
|
|
2192
|
+
}> & Readonly<{
|
|
2193
|
+
"onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
|
|
2194
|
+
}>, {
|
|
2171
2195
|
currentlyFocusedFrame: import("vue").ComputedRef<{
|
|
2172
2196
|
x: number;
|
|
2173
2197
|
y: number;
|
|
@@ -2887,6 +2911,7 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
2887
2911
|
showBackBtn: boolean;
|
|
2888
2912
|
branding: boolean;
|
|
2889
2913
|
exportOptions: z.infer<typeof Studio.campaignConfigSchema>["export"];
|
|
2914
|
+
hints?: z.infer<typeof Studio.campaignConfigSchema>["hints"];
|
|
2890
2915
|
apiBaseUrl: string;
|
|
2891
2916
|
env: "prod" | "dev";
|
|
2892
2917
|
templateId: string;
|
|
@@ -2946,7 +2971,11 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
2946
2971
|
zoomAndPan: boolean;
|
|
2947
2972
|
watermark: boolean;
|
|
2948
2973
|
accessibilityDescription?: string;
|
|
2949
|
-
|
|
2974
|
+
fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
|
|
2975
|
+
hintsRevealed?: boolean;
|
|
2976
|
+
}> & Readonly<{
|
|
2977
|
+
"onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
|
|
2978
|
+
}>, {
|
|
2950
2979
|
currentlyFocusedFrame: import("vue").ComputedRef<{
|
|
2951
2980
|
x: number;
|
|
2952
2981
|
y: number;
|
|
@@ -3596,7 +3625,9 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
3596
3625
|
};
|
|
3597
3626
|
}) | undefined>;
|
|
3598
3627
|
isMultiFrame: import("vue").ComputedRef<boolean>;
|
|
3599
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
3628
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
3629
|
+
"focus-field": (args_0: Template.Fields.BluepicField) => any;
|
|
3630
|
+
}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
3600
3631
|
P: {};
|
|
3601
3632
|
B: {};
|
|
3602
3633
|
D: {};
|
|
@@ -3620,7 +3651,11 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
3620
3651
|
zoomAndPan: boolean;
|
|
3621
3652
|
watermark: boolean;
|
|
3622
3653
|
accessibilityDescription?: string;
|
|
3623
|
-
|
|
3654
|
+
fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
|
|
3655
|
+
hintsRevealed?: boolean;
|
|
3656
|
+
}> & Readonly<{
|
|
3657
|
+
"onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
|
|
3658
|
+
}>, {
|
|
3624
3659
|
currentlyFocusedFrame: import("vue").ComputedRef<{
|
|
3625
3660
|
x: number;
|
|
3626
3661
|
y: number;
|
|
@@ -4293,6 +4328,9 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
4293
4328
|
readonly showBackBtn: boolean;
|
|
4294
4329
|
readonly branding: boolean;
|
|
4295
4330
|
readonly exportOptions: z.infer<typeof Studio.campaignConfigSchema>["export"];
|
|
4331
|
+
readonly hints?: {
|
|
4332
|
+
enabled: boolean;
|
|
4333
|
+
} | undefined;
|
|
4296
4334
|
readonly apiBaseUrl: string;
|
|
4297
4335
|
readonly env: "prod" | "dev";
|
|
4298
4336
|
readonly templateId: string;
|
|
@@ -4362,6 +4400,7 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
4362
4400
|
showBackBtn: boolean;
|
|
4363
4401
|
branding: boolean;
|
|
4364
4402
|
exportOptions: z.infer<typeof Studio.campaignConfigSchema>["export"];
|
|
4403
|
+
hints?: z.infer<typeof Studio.campaignConfigSchema>["hints"];
|
|
4365
4404
|
apiBaseUrl: string;
|
|
4366
4405
|
env: "prod" | "dev";
|
|
4367
4406
|
templateId: string;
|
|
@@ -4421,7 +4460,11 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
4421
4460
|
zoomAndPan: boolean;
|
|
4422
4461
|
watermark: boolean;
|
|
4423
4462
|
accessibilityDescription?: string;
|
|
4424
|
-
|
|
4463
|
+
fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
|
|
4464
|
+
hintsRevealed?: boolean;
|
|
4465
|
+
}> & Readonly<{
|
|
4466
|
+
"onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
|
|
4467
|
+
}>, {
|
|
4425
4468
|
currentlyFocusedFrame: import("vue").ComputedRef<{
|
|
4426
4469
|
x: number;
|
|
4427
4470
|
y: number;
|
|
@@ -5071,7 +5114,9 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
5071
5114
|
};
|
|
5072
5115
|
}) | undefined>;
|
|
5073
5116
|
isMultiFrame: import("vue").ComputedRef<boolean>;
|
|
5074
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
5117
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
5118
|
+
"focus-field": (args_0: Template.Fields.BluepicField) => any;
|
|
5119
|
+
}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
5075
5120
|
P: {};
|
|
5076
5121
|
B: {};
|
|
5077
5122
|
D: {};
|
|
@@ -5095,7 +5140,11 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
5095
5140
|
zoomAndPan: boolean;
|
|
5096
5141
|
watermark: boolean;
|
|
5097
5142
|
accessibilityDescription?: string;
|
|
5098
|
-
|
|
5143
|
+
fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
|
|
5144
|
+
hintsRevealed?: boolean;
|
|
5145
|
+
}> & Readonly<{
|
|
5146
|
+
"onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
|
|
5147
|
+
}>, {
|
|
5099
5148
|
currentlyFocusedFrame: import("vue").ComputedRef<{
|
|
5100
5149
|
x: number;
|
|
5101
5150
|
y: number;
|
|
@@ -5762,7 +5811,11 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
5762
5811
|
zoomAndPan: boolean;
|
|
5763
5812
|
watermark: boolean;
|
|
5764
5813
|
accessibilityDescription?: string;
|
|
5765
|
-
|
|
5814
|
+
fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
|
|
5815
|
+
hintsRevealed?: boolean;
|
|
5816
|
+
}> & Readonly<{
|
|
5817
|
+
"onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
|
|
5818
|
+
}>, {
|
|
5766
5819
|
currentlyFocusedFrame: import("vue").ComputedRef<{
|
|
5767
5820
|
x: number;
|
|
5768
5821
|
y: number;
|
|
@@ -6412,7 +6465,9 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
6412
6465
|
};
|
|
6413
6466
|
}) | undefined>;
|
|
6414
6467
|
isMultiFrame: import("vue").ComputedRef<boolean>;
|
|
6415
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
6468
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
6469
|
+
"focus-field": (args_0: Template.Fields.BluepicField) => any;
|
|
6470
|
+
}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
6416
6471
|
P: {};
|
|
6417
6472
|
B: {};
|
|
6418
6473
|
D: {};
|
|
@@ -6436,7 +6491,11 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
6436
6491
|
zoomAndPan: boolean;
|
|
6437
6492
|
watermark: boolean;
|
|
6438
6493
|
accessibilityDescription?: string;
|
|
6439
|
-
|
|
6494
|
+
fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
|
|
6495
|
+
hintsRevealed?: boolean;
|
|
6496
|
+
}> & Readonly<{
|
|
6497
|
+
"onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
|
|
6498
|
+
}>, {
|
|
6440
6499
|
currentlyFocusedFrame: import("vue").ComputedRef<{
|
|
6441
6500
|
x: number;
|
|
6442
6501
|
y: number;
|
|
@@ -7156,6 +7215,7 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
7156
7215
|
showBackBtn: boolean;
|
|
7157
7216
|
branding: boolean;
|
|
7158
7217
|
exportOptions: z.infer<typeof Studio.campaignConfigSchema>["export"];
|
|
7218
|
+
hints?: z.infer<typeof Studio.campaignConfigSchema>["hints"];
|
|
7159
7219
|
apiBaseUrl: string;
|
|
7160
7220
|
env: "prod" | "dev";
|
|
7161
7221
|
templateId: string;
|
|
@@ -7215,7 +7275,11 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
7215
7275
|
zoomAndPan: boolean;
|
|
7216
7276
|
watermark: boolean;
|
|
7217
7277
|
accessibilityDescription?: string;
|
|
7218
|
-
|
|
7278
|
+
fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
|
|
7279
|
+
hintsRevealed?: boolean;
|
|
7280
|
+
}> & Readonly<{
|
|
7281
|
+
"onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
|
|
7282
|
+
}>, {
|
|
7219
7283
|
currentlyFocusedFrame: import("vue").ComputedRef<{
|
|
7220
7284
|
x: number;
|
|
7221
7285
|
y: number;
|
|
@@ -7865,7 +7929,9 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
7865
7929
|
};
|
|
7866
7930
|
}) | undefined>;
|
|
7867
7931
|
isMultiFrame: import("vue").ComputedRef<boolean>;
|
|
7868
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
7932
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
7933
|
+
"focus-field": (args_0: Template.Fields.BluepicField) => any;
|
|
7934
|
+
}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
7869
7935
|
P: {};
|
|
7870
7936
|
B: {};
|
|
7871
7937
|
D: {};
|
|
@@ -7889,7 +7955,11 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
7889
7955
|
zoomAndPan: boolean;
|
|
7890
7956
|
watermark: boolean;
|
|
7891
7957
|
accessibilityDescription?: string;
|
|
7892
|
-
|
|
7958
|
+
fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
|
|
7959
|
+
hintsRevealed?: boolean;
|
|
7960
|
+
}> & Readonly<{
|
|
7961
|
+
"onFocus-field"?: ((args_0: Template.Fields.BluepicField) => any) | undefined;
|
|
7962
|
+
}>, {
|
|
7893
7963
|
currentlyFocusedFrame: import("vue").ComputedRef<{
|
|
7894
7964
|
x: number;
|
|
7895
7965
|
y: number;
|
|
@@ -8656,7 +8726,7 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
8656
8726
|
} | undefined;
|
|
8657
8727
|
fontWeight?: "300" | "600" | "400" | "500" | "800" | "700" | undefined;
|
|
8658
8728
|
fontStyle?: "italic" | "normal" | undefined;
|
|
8659
|
-
textAlign?: "
|
|
8729
|
+
textAlign?: "center" | "left" | "right" | undefined;
|
|
8660
8730
|
} | undefined;
|
|
8661
8731
|
bodyTitleStyle?: {
|
|
8662
8732
|
color?: string | undefined;
|
|
@@ -8666,7 +8736,7 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
8666
8736
|
} | undefined;
|
|
8667
8737
|
fontWeight?: "300" | "600" | "400" | "500" | "800" | "700" | undefined;
|
|
8668
8738
|
fontStyle?: "italic" | "normal" | undefined;
|
|
8669
|
-
textAlign?: "
|
|
8739
|
+
textAlign?: "center" | "left" | "right" | undefined;
|
|
8670
8740
|
} | undefined;
|
|
8671
8741
|
bodySubtitleStyle?: {
|
|
8672
8742
|
color?: string | undefined;
|
|
@@ -8676,7 +8746,7 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
8676
8746
|
} | undefined;
|
|
8677
8747
|
fontWeight?: "300" | "600" | "400" | "500" | "800" | "700" | undefined;
|
|
8678
8748
|
fontStyle?: "italic" | "normal" | undefined;
|
|
8679
|
-
textAlign?: "
|
|
8749
|
+
textAlign?: "center" | "left" | "right" | undefined;
|
|
8680
8750
|
} | undefined;
|
|
8681
8751
|
customPrivacy?: string | undefined;
|
|
8682
8752
|
customImprint?: string | undefined;
|
|
@@ -8684,6 +8754,7 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
8684
8754
|
} | null;
|
|
8685
8755
|
emailCampaign: Record<string, any> | null;
|
|
8686
8756
|
thumbnail: string | null;
|
|
8757
|
+
thumbnailPending: boolean;
|
|
8687
8758
|
createdAt: string;
|
|
8688
8759
|
updatedAt: string;
|
|
8689
8760
|
pinnedBy: string[];
|
|
@@ -8792,7 +8863,7 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
8792
8863
|
} | undefined;
|
|
8793
8864
|
fontWeight?: "300" | "600" | "400" | "500" | "800" | "700" | undefined;
|
|
8794
8865
|
fontStyle?: "italic" | "normal" | undefined;
|
|
8795
|
-
textAlign?: "
|
|
8866
|
+
textAlign?: "center" | "left" | "right" | undefined;
|
|
8796
8867
|
} | undefined;
|
|
8797
8868
|
bodyTitleStyle?: {
|
|
8798
8869
|
color?: string | undefined;
|
|
@@ -8802,7 +8873,7 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
8802
8873
|
} | undefined;
|
|
8803
8874
|
fontWeight?: "300" | "600" | "400" | "500" | "800" | "700" | undefined;
|
|
8804
8875
|
fontStyle?: "italic" | "normal" | undefined;
|
|
8805
|
-
textAlign?: "
|
|
8876
|
+
textAlign?: "center" | "left" | "right" | undefined;
|
|
8806
8877
|
} | undefined;
|
|
8807
8878
|
bodySubtitleStyle?: {
|
|
8808
8879
|
color?: string | undefined;
|
|
@@ -8812,7 +8883,7 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
8812
8883
|
} | undefined;
|
|
8813
8884
|
fontWeight?: "300" | "600" | "400" | "500" | "800" | "700" | undefined;
|
|
8814
8885
|
fontStyle?: "italic" | "normal" | undefined;
|
|
8815
|
-
textAlign?: "
|
|
8886
|
+
textAlign?: "center" | "left" | "right" | undefined;
|
|
8816
8887
|
} | undefined;
|
|
8817
8888
|
customPrivacy?: string | undefined;
|
|
8818
8889
|
customImprint?: string | undefined;
|
|
@@ -8820,6 +8891,7 @@ export declare class BluepicEmbed extends EventTarget {
|
|
|
8820
8891
|
} | null;
|
|
8821
8892
|
emailCampaign: Record<string, any> | null;
|
|
8822
8893
|
thumbnail: string | null;
|
|
8894
|
+
thumbnailPending: boolean;
|
|
8823
8895
|
createdAt: string;
|
|
8824
8896
|
updatedAt: string;
|
|
8825
8897
|
pinnedBy: string[];
|